.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid var(--bs-border-color);
  border-radius: 0.375rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: #6c757d;
}

.container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0, .gx-0 {
  --bs-gutter-x: 0;
}

.g-0, .gy-0 {
  --bs-gutter-y: 0;
}

.g-1, .gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1, .gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2, .gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2, .gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3, .gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3, .gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4, .gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4, .gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5, .gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5, .gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0, .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0, .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1, .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1, .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2, .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2, .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3, .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3, .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4, .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4, .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5, .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5, .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0, .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0, .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1, .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1, .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2, .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2, .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3, .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3, .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4, .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4, .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5, .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5, .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0, .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0, .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1, .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1, .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2, .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2, .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3, .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3, .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4, .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4, .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5, .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5, .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0, .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0, .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1, .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1, .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2, .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2, .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3, .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3, .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4, .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4, .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5, .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5, .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0, .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0, .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1, .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1, .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2, .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2, .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3, .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3, .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4, .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4, .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5, .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5, .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #6c757d;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  height: 1.5em;
}
.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
          margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
          margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
          margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + 2px);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + 2px);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 0.375rem;
}
.form-control-color::-webkit-color-swatch {
  border-radius: 0.375rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
}

.form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  -moz-padding-start: calc(0.75rem - 3px);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: #e9ecef;
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529;
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, 0.25);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%272%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27M6 10h8%27/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27rgba%280, 0, 0, 0.25%29%27/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%2386b7fe%27/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-4 -4 8 8%27%3e%3ccircle r=%273%27 fill=%27%23fff%27/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -webkit-appearance: none;
          appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  -moz-appearance: none;
       appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}

.form-floating {
  position: relative;
}
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select {
  height: calc(3.5rem + 2px);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control, .form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder, .form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), .form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill, .form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-control-plaintext ~ label, .form-floating > .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 1px 0;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control, .input-group > .form-select, .input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
}

.input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}

.input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.input-group-lg > .form-select, .input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #198754;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, 0.9);
  border-radius: 0.375rem;
}

.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #198754;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: #198754;
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 8 8%27%3e%3cpath fill=%27%23198754%27 d=%27M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z%27/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: #198754;
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: #198754;
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #198754;
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: #dc3545;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, 0.9);
  border-radius: 0.375rem;
}

.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  padding-right: 4.125rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3e%3cpath fill=%27none%27 stroke=%27%23343a40%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27m2 5 6 6 6-6%27/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 12 12%27 width=%2712%27 height=%2712%27 fill=%27none%27 stroke=%27%23dc3545%27%3e%3ccircle cx=%276%27 cy=%276%27 r=%274.5%27/%3e%3cpath stroke-linejoin=%27round%27 d=%27M5.8 3.6h.4L6 6.5z%27/%3e%3ccircle cx=%276%27 cy=%278.2%27 r=%27.6%27 fill=%27%23dc3545%27 stroke=%27none%27/%3e%3c/svg%3e");
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: #dc3545;
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: #dc3545;
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.dropup, .dropend, .dropdown, .dropstart, .dropup-center, .dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: #212529;
  --bs-dropdown-bg: #fff;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: 0.375rem;
  --bs-dropdown-border-width: 1px;
  --bs-dropdown-inner-border-radius: calc(0.375rem - 1px);
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-color: #1e2125;
  --bs-dropdown-link-hover-bg: #e9ecef;
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

body {
  font-family: "Dana";
  font-weight: 300;
  background: #f5f8ff;
  scroll-behavior: smooth;
  text-align: right;
  direction: rtl;
  height: 100vh;
  font-feature-settings: "ss03";
  margin: 0 !important;
  overflow: hidden;
  touch-action: pan-y, pan-x;
}

input:focus {
  outline: none;
}

* {
  list-style: none !important;
  text-decoration: none !important;
  box-sizing: border-box;
}

.d-flex {
  display: flex !important;
}

.d-block {
  display: block !important;
}

.justify-content-between {
  justify-content: space-between;
}

.justify-content-end {
  justify-content: end !important;
}

.justify-content-around {
  justify-content: space-around;
}

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

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: end;
}

.flex-column {
  flex-direction: column;
}

.z-1 {
  z-index: 1;
}

.text-left {
  text-align: left;
}

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

.w-100 {
  width: 100%;
}

.p-0 {
  padding: 0px !important;
}

.m-0 {
  margin: 0px;
}

.mt-0 {
  margin-top: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.flex-row-reverse {
  flex-direction: row-reverse;
}

.mt-50 {
  margin-top: 100px;
}

.p-30 {
  padding: 30px 0px;
}

.p-80 {
  padding: 80px 0px;
}

.pt-30 {
  padding-top: 30px;
}

.w-95 {
  width: 95%;
}

.mx-5 {
  margin: 0px 5px;
}

.mb-20 {
  margin-bottom: 20px;
}

.row_reverse {
  flex-direction: row-reverse;
}

.d-none {
  display: none !important;
}

.floatLeft {
  float: left;
}

.fade_out {
  animation: fade-out 1s ease-out both;
}

.fade_in {
  animation: fade-in 1s ease-out both;
}

.shake_h {
  animation: shake-horizontal 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) both;
}

.scale_f_out {
  animation: scale-fade-in 3s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}

.bounce-top {
  animation: bounce-top 1.5s ease-in-out both;
}

.blink {
  animation: blink 0.6s both;
}

.slide-out-blurred-bottom {
  animation: slide-out-blurred-bottom 0.45s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}

.slide-out-elliptic-bottom-bck {
  animation: slide-out-elliptic-bottom-bck 0.7s ease-in both;
}

.jello-horizontal {
  animation: jello-horizontal 0.9s both;
}

.flicker {
  animation: flicker-1 3s ease-in-out infinite backwards;
}

@keyframes scale-fade-in {
  0% {
    transform: scale(0);
    opacity: 0;
    box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.25);
  }
  30%, 70% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes recording {
  0% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0px 0px 0px 0px #F4346F;
  }
  30%, 70% {
    transform: scale(1);
    opacity: 1;
    box-shadow: 0 0 0px 1px #F4346F;
  }
  100% {
    transform: scale(3);
    opacity: 0;
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes loading-rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-dash {
  0% {
    stroke-dasharray: 1px, 200px;
    stroke-dashoffset: 0px;
  }
  50% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -15px;
  }
  100% {
    stroke-dasharray: 100px, 200px;
    stroke-dashoffset: -125px;
  }
}
@keyframes shake-horizontal {
  0%, 100% {
    transform: translateX(0);
    background: #f5f7fa;
  }
  10%, 30%, 50%, 70% {
    transform: translateX(-10px);
    background: #fef2f6;
  }
  20%, 40%, 60% {
    transform: translateX(10px);
  }
  80% {
    transform: translateX(8px);
  }
  90% {
    transform: translateX(-8px);
    background: #fef2f6;
  }
}
@keyframes Lazy {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 134% 50%;
  }
}
@keyframes bounce-top {
  0% {
    transform: translateY(-45px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    transform: translateY(-24px);
    animation-timing-function: ease-in;
  }
  65% {
    transform: translateY(-12px);
    animation-timing-function: ease-in;
  }
  82% {
    transform: translateY(-6px);
    animation-timing-function: ease-in;
  }
  93% {
    transform: translateY(-4px);
    animation-timing-function: ease-in;
  }
  25%, 55%, 75%, 87% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
  }
  100% {
    transform: translateY(0px);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes blink {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes slide-out-blurred-bottom {
  0% {
    display: block !important;
    transform-origin: 50% 50%;
    transform-origin: bottom center 60px;
    filter: blur(0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0px, 1000px, 0px) scaleY(0) scaleX(0);
    transform-origin: bottom center 60px;
    filter: blur(40px);
    opacity: 0;
  }
}
@keyframes flicker-1 {
  0%, 100% {
    opacity: 1;
  }
  41.99% {
    opacity: 1;
  }
  42% {
    opacity: 0;
  }
  43% {
    opacity: 0;
  }
  43.01% {
    opacity: 1;
  }
  47.99% {
    opacity: 1;
  }
  48% {
    opacity: 0;
  }
  49% {
    opacity: 0;
  }
  49.01% {
    opacity: 1;
  }
}
.loading {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading.L > .box > svg {
  height: 80px;
}
.loading.M > .box > svg {
  height: 50px;
}
.loading.S > .box > svg {
  height: 25px;
}
.loading.VS > .box > svg {
  height: 16px;
}
.loading > .box {
  animation: loading-rotate 1.4s linear infinite;
}
.loading > .box > svg .circle {
  stroke: currentColor;
  animation: loading-dash 1.4s ease-in-out infinite;
  stroke-dasharray: 80px, 200px;
  stroke-dashoffset: 0px;
}

.BaharInput {
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #eee;
  border-radius: 7px;
}
.BaharInput > .icon {
  font-size: 26px;
  padding: 13px;
  flex-shrink: 0;
  color: #ddd;
}
.BaharInput:has(> input:focus) > .icon {
  color: #307fe2;
}
.BaharInput > input {
  height: 60px;
  border-radius: 7px 0px 0px 7px;
  border: none;
  font-family: Dana;
  width: 100%;
  outline: none;
  font-size: 17px;
  padding: 10px;
}
#Holert {
  position: fixed;
  z-index: 302;
  bottom: 60;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  max-width: 320px;
  width: 100%;
  margin: 0 auto;
}
#Holert > .Hot {
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 5px;
  width: 100%;
  max-width: calc(100% - 30px);
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  color: var(--color-textlight);
  justify-content: space-between;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#Holert > .Hot .icon {
  font-size: 25px;
  margin-left: 5px;
  flex-shrink: 0;
  opacity: 0.5;
}

#Alert {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 301;
}
#Alert > .box {
  background: rgba(255, 255, 255, 0.2705882353);
  border-radius: 7px;
  width: 100%;
  max-width: 320px;
  max-height: 300px;
  margin: 15px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  box-shadow: 0 26px 41px -47px #000;
}
#Alert > .box .icon {
  padding: 15px;
  display: block;
  margin: 0 auto;
  font-size: 38px;
  width: 100%;
  flex-shrink: 0;
  text-align: center;
  text-shadow: 0 5px 14px;
  padding-bottom: 0;
}
#Alert > .box .Massage {
  height: 100%;
  padding: 15px;
  text-align: center;
  margin: 0;
}
#Alert > .box .footer {
  padding: 7.5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
}
#Alert > .box .footer .btn {
  width: 100%;
  border-radius: 7px;
  margin: 7.5;
  padding: 10px;
  text-align: center;
  cursor: pointer;
}
#Alert > .box .footer .btn.red {
  border: 1px solid #F4346F;
  color: #F4346F;
}
#Alert > .box .footer .btn.red:hover {
  background: #F4346F;
  color: #fff;
}
#Alert > .box .footer .btn.blu {
  border: 1px solid #307fe2;
  color: #307fe2;
}
#Alert > .box .footer .btn.blu:hover {
  background: #307fe2;
  color: #fff;
}

#Splash {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 300;
  background: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.switchBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0px;
  width: 100%;
}
.switchBox > label {
  cursor: pointer;
}
.switchBox > .switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 20px;
}
.switchBox > .switch.M {
  width: 25px;
  height: 13px;
}
.switchBox > .switch.M .slider:before {
  height: 9px;
  width: 9px;
}
.switchBox > .switch.M > input:checked + .slider:before {
  transform: translateX(10px);
}
.switchBox > .switch > input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switchBox > .switch > input:checked + .slider {
  background-color: #307fe2;
}
.switchBox > .switch > input:focus + .slider {
  box-shadow: 0 0 1px #307fe2;
}
.switchBox > .switch > input:checked + .slider:before {
  transform: translateX(19px);
}
.switchBox > .switch > .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
}
.switchBox > .switch > .slider.R {
  border-radius: 34px;
}
.switchBox > .switch > .slider.R:before {
  border-radius: 50%;
}
.switchBox > .switch > .slider:before {
  position: absolute;
  content: "";
  height: 15px;
  width: 15px;
  left: 3px;
  bottom: 2.6px;
  background-color: white;
  transition: 0.4s;
}

.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {
  cursor: pointer;
}

.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.ts-wrapper.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.plugin-checkbox_options .option input {
  margin-right: 0.5rem;
}

.plugin-clear_button .ts-control {
  padding-right: calc(1em + (3 * 6px)) !important;
}
.plugin-clear_button .clear-button {
  opacity: 0;
  position: absolute;
  top: 10px;
  right: calc(8px - 6px);
  margin-right: 0 !important;
  background: transparent !important;
  transition: opacity 0.5s;
  cursor: pointer;
}
.plugin-clear_button.single .clear-button {
  right: calc(8px - 6px + 2rem);
}
.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {
  opacity: 1;
}

.ts-wrapper .dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 7px 7px 0 0;
}
.ts-wrapper .dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.ts-wrapper .dropdown-header-close:hover {
  color: black;
}

.plugin-dropdown_input.focus.dropdown-active .ts-control {
  box-shadow: none;
  border: 1px solid #d0d0d0;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.plugin-dropdown_input .dropdown-input {
  border: 1px solid #d0d0d0;
  border-width: 0 0 1px 0;
  display: block;
  padding: 10px 8px;
  box-shadow: none;
  width: 100%;
  background: transparent;
}
.plugin-dropdown_input.focus ~ .ts-dropdown .dropdown-input {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {
  min-width: 0;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {
  flex: none;
  min-width: 4px;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {
  color: transparent;
}
.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {
  color: transparent;
}

.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {
  display: flex;
}
.ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.ts-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}

.ts-wrapper.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.ts-wrapper.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 0 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.ts-wrapper.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}
.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {
  background: none;
}
.ts-wrapper.plugin-remove_button.disabled .item .remove {
  border-left-color: white;
}
.ts-wrapper.plugin-remove_button .remove-single {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 23px;
}

.ts-wrapper {
  position: relative;
}

.ts-dropdown, .ts-control, .ts-control input {
  color: #303030;
  font-family: "dana";
  font-size: 13px;
  line-height: 18px;
  font-smoothing: inherit;
}

.ts-control, .ts-wrapper.single.input-active .ts-control {
  cursor: text;
}

.ts-control {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  background: transparent;
}
.ts-wrapper.multi.has-items .ts-control {
  padding: calc( 10px - 2px - 0) 8px calc( 10px - 2px - 3px - 0);
}
.disabled .ts-control, .disabled .ts-control * {
  cursor: default !important;
}
.focus .ts-control {
  box-shadow: none;
}
.ts-control > * {
  vertical-align: baseline;
  display: inline-block;
}
.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: rgba(1, 123, 255, 0.1490196078);
  color: #2070D9;
  border: 0 solid #d0d0d0;
  border-radius: 7px;
}
.ts-wrapper.multi .ts-control > div.active {
  color: #fff;
  border: 0 solid #cacaca;
}
.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {
  color: #7d7d7d;
  border: 0 solid white;
}
.ts-control > input {
  flex: 1 1 auto;
  min-width: 7rem;
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
  box-shadow: none !important;
}
.ts-control > input::-ms-clear {
  display: none;
}
.ts-control > input:focus {
  outline: none !important;
}
.has-items .ts-control > input {
  margin: 0 4px !important;
}
.ts-control.rtl {
  text-align: right;
}
.ts-control.rtl.single .ts-control:after {
  left: 15px;
  right: auto;
}
.ts-control.rtl .ts-control > input {
  margin: 0 4px 0 -2px !important;
}
.disabled .ts-control {
  opacity: 0.5;
  background-color: #fafafa;
}
.input-hidden .ts-control > input {
  opacity: 0;
  position: absolute;
  left: -10000px;
}

.ts-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #f2f2f2;
  padding: 5px;
  box-sizing: border-box;
  border-radius: 7.5px;
}
.ts-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.ts-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create {
  padding: 5px 8px;
}
.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.ts-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.ts-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.ts-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.ts-dropdown .create:hover, .ts-dropdown .option:hover, .ts-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.ts-dropdown .create:hover.create, .ts-dropdown .option:hover.create, .ts-dropdown .active.create {
  color: #495c68;
}
.ts-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.ts-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.ts-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.ts-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
  scroll-behavior: smooth;
}

.ts-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
          clip-path: inset(50%) !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

@font-face {
  font-family: "Dana";
  font-style: normal;
  font-weight: 100;
  src: url(fonts/Dana-Light.woff) format("woff");
  src: url(fonts/Dana-Light.woff2) format("woff2");
}
@font-face {
  font-family: "Dana";
  font-style: normal;
  font-weight: 300;
  src: url(fonts/Dana-Regular.woff) format("woff");
  src: url(fonts/Dana-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Dana";
  font-style: normal;
  font-weight: 600;
  src: url(fonts/Dana-Medium.woff) format("woff");
  src: url(fonts/Dana-Regular.woff2) format("woff2");
}
@font-face {
  font-family: "Dana";
  font-style: normal;
  font-weight: 900;
  src: url(fonts/Dana-Bold.woff) format("woff");
  src: url(fonts/Dana-Bold.woff2) format("woff2");
}
@font-face {
  font-family: "BaharPortal";
  src: url(fonts/BaharPortal.ttf) format("truetype"), url(fonts/BaharPortal.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=bahar-], [class*=" bahar-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "BaharPortal" !important;
  speak: never;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-style: normal;
  font-weight: 100;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^=bahar-].bold, [class*=" bahar-"].bold {
  font-weight: 900;
}

.bahar-User:before {
  content: "\e900";
}

.bahar-User1:before {
  content: "\e901";
}

.bahar-Activity:before {
  content: "\e902";
}

.bahar-Add-User:before {
  content: "\e903";
}

.bahar-align-center:before {
  content: "\e904";
}

.bahar-align-left:before {
  content: "\e905";
}

.bahar-align-right:before {
  content: "\e906";
}

.bahar-Arrow-Down-2:before {
  content: "\e907";
}

.bahar-Arrow-Down-3:before {
  content: "\e908";
}

.bahar-Arrow-Down-Circle:before {
  content: "\e909";
}

.bahar-Arrow-Down-Square:before {
  content: "\e90a";
}

.bahar-Arrow-Down:before {
  content: "\e90b";
}

.bahar-Arrow-Left-2:before {
  content: "\e90c";
}

.bahar-Arrow-Left-3:before {
  content: "\e90d";
}

.bahar-Arrow-Left-Circle:before {
  content: "\e90e";
}

.bahar-Arrow-Left-Square:before {
  content: "\e90f";
}

.bahar-Arrow-Left:before {
  content: "\e910";
}

.bahar-Arrow-Right-2:before {
  content: "\e911";
}

.bahar-Arrow-Right-3:before {
  content: "\e912";
}

.bahar-Arrow-Right-Circle:before {
  content: "\e913";
}

.bahar-Arrow-Right-Square:before {
  content: "\e914";
}

.bahar-Arrow-Right:before {
  content: "\e915";
}

.bahar-Arrow-Up-2:before {
  content: "\e916";
}

.bahar-Arrow-Up-3:before {
  content: "\e917";
}

.bahar-Arrow-Up-Circle:before {
  content: "\e918";
}

.bahar-Arrow-Up-Square:before {
  content: "\e919";
}

.bahar-Arrow-Up:before {
  content: "\e91a";
}

.bahar-attachment:before {
  content: "\e91b";
}

.bahar-Bag-2:before {
  content: "\e91c";
}

.bahar-Bag:before {
  content: "\e91d";
}

.bahar-bold:before {
  content: "\e91e";
}

.bahar-Bookmark:before {
  content: "\e91f";
}

.bahar-bucket:before {
  content: "\e920";
}

.bahar-Buy:before {
  content: "\e921";
}

.bahar-Calendar:before {
  content: "\e922";
}

.bahar-Call-Missed:before {
  content: "\e923";
}

.bahar-Call-Silent:before {
  content: "\e924";
}

.bahar-Call:before {
  content: "\e925";
}

.bahar-Calling:before {
  content: "\e926";
}

.bahar-Camera:before {
  content: "\e927";
}

.bahar-Category:before {
  content: "\e928";
}

.bahar-Chart:before {
  content: "\e929";
}

.bahar-Chat:before {
  content: "\e92a";
}

.bahar-Close-Square:before {
  content: "\e92b";
}

.bahar-Close:before {
  content: "\e92c";
}

.bahar-copy:before {
  content: "\e92d";
}

.bahar-Danger:before {
  content: "\e92e";
}

.bahar-Delete:before {
  content: "\e92f";
}

.bahar-Discount:before {
  content: "\e930";
}

.bahar-Discovery:before {
  content: "\e931";
}

.bahar-Document:before {
  content: "\e932";
}

.bahar-Download:before {
  content: "\e933";
}

.bahar-Edit-Square:before {
  content: "\e934";
}

.bahar-Edit:before {
  content: "\e935";
}

.bahar-eya_off:before {
  content: "\e936";
}

.bahar-eya_on:before {
  content: "\e937";
}

.bahar-Filter-2:before {
  content: "\e938";
}

.bahar-Filter:before {
  content: "\e939";
}

.bahar-Folder:before {
  content: "\e93a";
}

.bahar-Game:before {
  content: "\e93b";
}

.bahar-Graph:before {
  content: "\e93c";
}

.bahar-Heart:before {
  content: "\e93d";
}

.bahar-Hide:before {
  content: "\e93e";
}

.bahar-Home:before {
  content: "\e93f";
}

.bahar-Image-2:before {
  content: "\e940";
}

.bahar-Image:before {
  content: "\e941";
}

.bahar-Info-Circle:before {
  content: "\e942";
}

.bahar-Info-Square:before {
  content: "\e943";
}

.bahar-italic:before {
  content: "\e944";
}

.bahar-justifay:before {
  content: "\e945";
}

.bahar-link:before {
  content: "\e946";
}

.bahar-list:before {
  content: "\e947";
}

.bahar-Location:before {
  content: "\e948";
}

.bahar-Lock:before {
  content: "\e949";
}

.bahar-Login:before {
  content: "\e94a";
}

.bahar-Logout:before {
  content: "\e94b";
}

.bahar-Message:before {
  content: "\e94c";
}

.bahar-More-Circle:before {
  content: "\e94d";
}

.bahar-More-Square:before {
  content: "\e94e";
}

.bahar-more:before {
  content: "\e94f";
}

.bahar-Notification:before {
  content: "\e950";
}

.bahar-Paper-Download:before {
  content: "\e951";
}

.bahar-Paper-Fail:before {
  content: "\e952";
}

.bahar-Paper-Negative:before {
  content: "\e953";
}

.bahar-Paper-Plus:before {
  content: "\e954";
}

.bahar-Paper-Upload:before {
  content: "\e955";
}

.bahar-Paper:before {
  content: "\e956";
}

.bahar-Password:before {
  content: "\e957";
}

.bahar-Play:before {
  content: "\e958";
}

.bahar-play-2:before {
  content: "\e959";
}

.bahar-Plus:before {
  content: "\e95a";
}

.bahar-plus3:before {
  content: "\e95b";
}

.bahar-Profile:before {
  content: "\e95c";
}

.bahar-puse:before {
  content: "\e95d";
}

.bahar-remove:before {
  content: "\e95e";
}

.bahar-save:before {
  content: "\e95f";
}

.bahar-Scan:before {
  content: "\e960";
}

.bahar-Search:before {
  content: "\e961";
}

.bahar-section:before {
  content: "\e962";
}

.bahar-Send:before {
  content: "\e963";
}

.bahar-Setting:before {
  content: "\e964";
}

.bahar-Shield-Done:before {
  content: "\e965";
}

.bahar-Shield-Fail:before {
  content: "\e966";
}

.bahar-Show:before {
  content: "\e967";
}

.bahar-Star:before {
  content: "\e968";
}

.bahar-Swap:before {
  content: "\e969";
}

.bahar-text_color:before {
  content: "\e96a";
}

.bahar-Tick-Square:before {
  content: "\e96b";
}

.bahar-Ticket-Star:before {
  content: "\e97b";
}

.bahar-Ticket:before {
  content: "\e96c";
}

.bahar-Time-Circle:before {
  content: "\e96d";
}

.bahar-Time-Square:before {
  content: "\e96e";
}

.bahar-underline:before {
  content: "\e96f";
}

.bahar-unlink:before {
  content: "\e970";
}

.bahar-Unlock:before {
  content: "\e971";
}

.bahar-Upload:before {
  content: "\e972";
}

.bahar-Video:before {
  content: "\e973";
}

.bahar-Voice-2:before {
  content: "\e974";
}

.bahar-Voice:before {
  content: "\e975";
}

.bahar-Volume-Down:before {
  content: "\e976";
}

.bahar-Volume-Off:before {
  content: "\e977";
}

.bahar-Volume-Up:before {
  content: "\e978";
}

.bahar-Wallet:before {
  content: "\e979";
}

.bahar-Work:before {
  content: "\e97a";
}

.bahar-check:before {
  content: "\e97c";
}

.bahar-clock_1 {
  position: relative;
}
.bahar-clock_1:before {
  content: "\e97d";
}
.bahar-clock_1:after {
  content: "\e97e";
  position: absolute;
  animation: rotate 1s linear infinite both;
  left: 0;
}

.bahar-ckeck_circle:before {
  content: "\e97f";
}

.bahar-copy-v2:before {
  content: "\e980";
}

.bahar-Edit-v2:before {
  content: "\e981";
}

.bahar-forward:before {
  content: "\e982";
}

.bahar-pin:before {
  content: "\e983";
}

.bahar-replay:before {
  content: "\e984";
}

.bahar-chenge:before {
  content: "\e985";
}

.bahar-TypeAudio:before {
  content: "\e986";
}

.bahar-TypeFile:before {
  content: "\e987";
}

.bahar-TypeImage:before {
  content: "\e988";
}

.bahar-RemoveB:before {
  content: "\e989";
}

.bahar-B_Buy:before {
  content: "\e98a";
}

.bahar-B_Camera:before {
  content: "\e98b";
}

.bahar-B_Heart:before {
  content: "\e98c";
}

.bahar-B_Call:before {
  content: "\e98d";
}

.bahar-B_Folder:before {
  content: "\e98e";
}

.bahar-B_User:before {
  content: "\e98f";
}

.bahar-sun:before {
  content: "\e990";
  position: absolute;
}
.bahar-sun:after {
  content: "\e991";
  position: absolute;
}

.bahar-moon:before {
  content: "\e992";
  color: #fff;
}

.bahar-bars:before {
  content: "\e993";
}

.bahar-network_slow:before {
  content: "\e994";
}

.bahar-dnetwork:before {
  content: "\e995";
}

.bahar-BGraph:before {
  content: "\e996";
}

.bahar-BLock:before {
  content: "\e997";
}

.bahar-Key:before {
  content: "\e990";
}

.bahar-exel:before {
  content: "\e991";
}

.bahar-powerpoint:before {
  content: "\e992";
}

.bahar-word:before {
  content: "\e993";
}

.bahar-Dcoument-3-lines:before {
  content: "\e994";
}

.bahar-zip:before {
  content: "\e995";
}

.bahar-exel:before {
  content: "\e998";
}

.bahar-Key:before {
  content: "\e999";
}

.bahar-zip:before {
  content: "\e99a";
}

.bahar-Dcoument-3-lines:before {
  content: "\e99b";
}

.bahar-word:before {
  content: "\e99c";
}

.bahar-powerpoint:before {
  content: "\e99d";
}

.bahar-Waving-hand:before {
  content: "\e99e";
}

.bahar-question:before {
  content: "\e99f";
}

.bahar-notebook:before {
  content: "\e9a0";
}

.bahar-Share:before {
  content: "\e9a1";
}

.bahar-Story:before {
  content: "\e9a2";
}

@font-face {
  font-family: "Company";
  src: url(fonts/Company.ttf) format("truetype"), url(fonts/BaharPortal.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=Com-], [class*=" Com-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Company" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Com-Building-1:before {
  content: "\e900";
}

.Com-Building-2:before {
  content: "\e901";
}

.Com-Building:before {
  content: "\e902";
}

.Com-Building-3:before {
  content: "\e903";
}

.Com-Users:before {
  content: "\e904";
}

.Com-Plus:before {
  content: "\e905";
}

.Com-Add-User:before {
  content: "\e906";
}

.Com-Edit-user:before {
  content: "\e907";
}

.Com-Remove-user:before {
  content: "\e908";
}

.Com-Edit-user-2:before {
  content: "\e909";
  color: rgb(0, 0, 0);
  opacity: 0.4;
}

.Com-Edit-user-2:after {
  content: "\e90a";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.Com-User-delete:before {
  content: "\e90b";
  color: rgb(0, 0, 0);
  opacity: 0.4;
}

.Com-User-delete:after {
  content: "\e90c";
  margin-left: -1em;
  color: rgb(0, 0, 0);
}

.Com-GroupAdd:before {
  content: "\e90d";
}

.Com-SingleAdd:after {
  content: "\e90e";
  color: rgb(0, 0, 0);
  margin-left: -1.4560546875em;
  z-index: 1;
  position: relative;
}

.Com-SingleAdd:before {
  content: "\e90f";
  opacity: 0.18;
}

#Authorization {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f5f8ff;
}
#Authorization > .scope {
  width: 100%;
  max-width: 500px;
  padding: 15px;
  border-radius: 7px;
  height: 100%;
  max-height: 600px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 15px;
}
@media (max-width: 768px) {
  #Authorization > .scope {
    height: 100%;
    max-height: calc(100% - 30px);
  }
}
#Authorization > .scope .top .businessLogo {
  margin: 0 auto;
  display: block;
  flex-shrink: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#Authorization > .scope .top .businessTitle {
  text-align: center;
  display: block;
  margin-top: 20px;
  font-size: 12px;
  color: #a3a3a3;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#Authorization > .scope .form {
  padding: 15px 0px;
}
#Authorization > .scope .form > .GetPhoneNumber {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#Authorization > .scope .form > .GetPhoneNumber .title {
  text-align: center;
  display: block;
  margin: 30px 0px;
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#Authorization > .scope .form > .GetPhoneNumber .BaharInput {
  max-width: 320px;
  margin: 0 auto;
}
#Authorization > .scope .form > .GetPhoneNumber .BaharInput input {
  text-align: left;
  letter-spacing: 6px;
  font-size: 20px !important;
}
#Authorization > .scope .form > .GetPhoneNumber .checkPhone {
  background: #307fe2;
  color: #fff;
  border-radius: 7px;
  padding: 11px 53px;
  margin: 30px 0px;
  cursor: pointer;
  max-width: 320px;
  width: 100%;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  overflow: hidden;
}
#Authorization > .scope .form > .EnterCode {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#Authorization > .scope .form > .EnterCode .title {
  text-align: center;
  display: block;
  margin: 30px 0px;
  font-size: 15px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#Authorization > .scope .form > .EnterCode .BaharInput {
  max-width: 320px;
  margin: 0 auto;
}
#Authorization > .scope .form > .EnterCode .BaharInput input {
  text-align: center;
  letter-spacing: 16px;
  font-size: 25px !important;
}
#Authorization > .scope .form > .EnterCode .BaharInput input::-moz-placeholder {
  -webkit-text-stroke: thin;
}
#Authorization > .scope .form > .EnterCode .BaharInput input::placeholder {
  -webkit-text-stroke: thin;
}
#Authorization > .scope .form > .EnterCode .CheckCode {
  background: #307fe2;
  color: #fff;
  border-radius: 7px;
  padding: 11px 53px;
  margin: 30px 0px;
  cursor: pointer;
  max-width: 320px;
  width: 100%;
  text-align: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: relative;
  overflow: hidden;
}
#Authorization > .scope .form > .EnterCode .action {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 320px;
  font-size: 14px;
  color: #a4a4a4;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#Authorization > .scope .form > .EnterCode .action .chengePhone {
  cursor: pointer;
}
#Authorization > .scope .form > .EnterCode .action .Resend {
  cursor: pointer;
}
#Authorization > .scope .systemLogo {
  display: block;
  margin: 0 auto;
  flex-shrink: 0;
  filter: grayscale(1) opacity(0.5);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
#Authorization > .scope .systemLogo:hover {
  filter: grayscale(0) opacity(1);
}

#Update {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Update > .scope {
  background: #17212B;
  border-radius: 5px;
  color: #fff;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  max-width: 320px;
  margin: 15px;
  max-height: calc(100% - 30px);
  overflow-y: auto;
  /* Track */
  /* Handle */
}
#Update > .scope::-webkit-scrollbar {
  width: 5px;
}
#Update > .scope::-webkit-scrollbar-track {
  border-radius: 10px;
}
#Update > .scope::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #C0C0C0;
}
#Update > .scope::-webkit-scrollbar-thumb:hover {
  background: #7C7C7C;
}
#Update > .scope .ChengeLog {
  padding: 15px;
  width: 100%;
}
#Update > .scope .ChengeLog .Group {
  display: flex;
  flex-direction: column;
}
#Update > .scope .ChengeLog .Group:not(:last-child) {
  border-bottom: 1px solid #242F3D;
  padding-bottom: 7px;
  margin-bottom: 25px;
}
#Update > .scope .ChengeLog .Group .GroupDetails {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
#Update > .scope .ChengeLog .Group .GroupDetails .GroupTitle {
  font-size: 11px;
}
#Update > .scope .ChengeLog .Group .GroupDetails .GroupVersion {
  font-size: 11px;
  color: #939393;
  margin-right: 10px;
}
#Update > .scope .ChengeLog .Group .log {
  font-size: 12px;
  margin-top: 5px;
  position: relative;
  margin-right: 10px;
}
#Update > .scope .ChengeLog .Group .log:after {
  content: "";
  position: absolute;
  right: -8px;
  width: 5px;
  height: 5px;
  background: #3F96D0;
  border-radius: 5px;
  top: 8px;
}
#Update > .scope .ChengeLog .Group .details {
  color: #7c7c7c;
  font-size: 11px;
  margin-top: 0px;
  margin-bottom: 8px;
  margin-right: 10px;
  word-break: break-word;
}
#Update > .scope .footer {
  width: 100%;
  display: flex;
  align-items: center;
  background: #0E1621;
  position: sticky;
  bottom: 0;
  padding: 15px;
}
#Update > .scope .footer .loadingScope {
  position: relative;
  flex-shrink: 0;
  width: 45px;
}
#Update > .scope .footer .details {
  width: 100%;
}
#Update > .scope .footer .details .version {
  display: flex;
  flex-direction: column;
  font-size: 9px;
}
#Update > .scope .footer .details .ok {
  cursor: pointer;
  width: 100%;
  display: block;
  background: #3F96D0;
  border-radius: 5px;
  padding: 15px;
  text-align: center;
  font-size: 13px;
  margin-top: 10px;
}
#Update > .scope .footer .details .message {
  font-size: 14px;
  margin-top: 12px;
  display: block;
}

#CreateCompany {
  position: fixed;
  background: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  justify-content: center;
  flex-direction: column;
  padding: 15px;
}
#CreateCompany > .close {
  position: absolute;
  left: 15px;
  top: 15px;
  background: rgba(0, 0, 0, 0.0705882353);
  border-radius: 25px;
  padding: 2px 11px;
  display: flex;
  color: #878787;
  align-items: center;
  justify-content: space-between;
}
#CreateCompany > .close .icon {
  font-size: 15px;
  margin-right: 5px;
}
#CreateCompany > .hero {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
}
#CreateCompany > .hero .background {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}
#CreateCompany > .hero .logo {
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 0;
  right: 0;
  height: 55px;
  margin: 0 auto;
  z-index: 2;
  top: auto;
  bottom: auto;
  width: 120px;
  height: 120px;
  overflow: hidden;
  border-radius: 100px;
  box-shadow: 0 4px 37px -34px #000;
  background: #fff;
}
#CreateCompany > .hero .logo input[type=file] {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
#CreateCompany > .scope {
  display: flex;
  align-items: center;
  flex-direction: column;
  line-height: 2.3;
  margin-top: 30px;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
#CreateCompany > .scope.form {
  margin-top: -205px !important;
  border-radius: 10px;
  padding: 15px;
  z-index: 1;
  width: 100%;
  max-width: 400px;
  margin: 30px;
  padding-top: 85px;
  background-color: #fff;
}
@media only screen and (max-width: 912px) {
  #CreateCompany > .scope.form {
    margin-top: -140px !important;
  }
}
@media only screen and (max-width: 592px) {
  #CreateCompany > .scope.form {
    margin-top: -95px !important;
  }
}
@media only screen and (max-width: 400px) {
  #CreateCompany > .scope.form {
    margin-top: -75px !important;
  }
}
#CreateCompany > .scope.form input {
  height: 50px;
  width: 100%;
  border-radius: 7px;
  border: none;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Dana";
  font-size: 15px;
}
#CreateCompany > .scope.form .submit {
  background: #3982f8;
  color: #fff;
  border-radius: 7px;
  height: 50px;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}
#CreateCompany > .scope .heading {
  font-size: 20px;
  margin: 20px;
}
#CreateCompany > .scope .GetStarted {
  background: #3982f8;
  color: #fff;
  border-radius: 7px;
  height: 50px;
  width: 216px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}

#ManagementCompaney {
  position: fixed;
  bottom: 60px;
  right: 0;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.0784313725);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
#ManagementCompaney > .scope {
  position: absolute;
  bottom: 0px;
  background: #fff;
  left: 0;
  right: 0;
  max-height: 335px;
  border-radius: 15px 15px 0px 0px;
  padding: 15px 12px;
  border: 1px solid #eee;
  border-bottom: none;
  display: flex;
  flex-direction: column;
  overflow-x: auto;
}
#ManagementCompaney > .scope::-webkit-scrollbar {
  height: 0px;
  width: 0px;
}
#ManagementCompaney > .scope .information {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 15px;
}
#ManagementCompaney > .scope .information .icon {
  font-size: 28px;
  color: #bfbfbf;
  margin-bottom: 5px;
}
#ManagementCompaney > .scope .information .title {
  color: #565656;
  font-size: 14px;
}
#ManagementCompaney > .scope > .item {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 7px;
}
#ManagementCompaney > .scope > .item.active {
  background: #f9f9f9;
}
#ManagementCompaney > .scope > .item .logo {
  height: 30px;
  width: 30px;
  border-radius: 50px;
  border: 1px solid #eee;
  margin-left: 15px;
  background-size: cover;
  background-position: center;
}
#ManagementCompaney > .scope > .item .name {
  font-size: 11px;
}
#ManagementCompaney > .scope > .item .Users {
  background: #3094ea;
  border-radius: 5px;
  margin-left: 0;
  margin-right: auto;
  color: #ffffff;
  padding: 5px 13px;
  font-size: 13px;
  position: relative;
  overflow: hidden;
}
#ManagementCompaney > .scope .addCompaney {
  text-align: center;
  margin: 15px 0px;
  font-size: 12px;
  color: #0089ff;
  margin-top: 30px;
}

#Sessions {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.10196);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  display: flex;
  justify-content: center;
  z-index: 2;
}
#Sessions > .scope {
  height: calc(100% - 90px);
  width: 100%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  border-radius: 7px;
  overflow: hidden;
  background: #ffffff;
  margin: 15px 0px;
  position: relative;
  /* Track */
  /* Handle */
}
#Sessions > .scope::-webkit-scrollbar {
  width: 0px;
}
#Sessions > .scope::-webkit-scrollbar-track {
  border-radius: 10px;
}
#Sessions > .scope::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #C0C0C0;
}
#Sessions > .scope::-webkit-scrollbar-thumb:hover {
  background: #7C7C7C;
}
@media screen and (max-width: 768px) {
  #Sessions > .scope {
    border-radius: 0px;
    margin: auto;
    height: 100%;
  }
}
@media screen and (max-width: 425px) {
  #Sessions > .scope {
    max-width: 100%;
  }
}
#Sessions > .scope > .header {
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 2px solid #f1f1f1;
}
#Sessions > .scope > .header .close {
  font-size: 17px;
  color: #969696;
  margin-right: 15px;
  cursor: pointer;
}
#Sessions > .scope > .header .close:hover {
  color: #000000;
}
#Sessions > .scope > .header .title {
  color: #000000;
  font-size: 15px;
}
#Sessions > .scope > .CurrentSessions {
  display: flex;
  align-items: center;
  justify-content: end;
  padding: 15px;
  background: #ffffff;
}
#Sessions > .scope > .CurrentSessions .icon {
  background: #354350;
  height: 50px;
  width: 50px;
  display: block;
  border-radius: 30px;
  margin-right: 10px;
}
#Sessions > .scope > .CurrentSessions .desc {
  display: flex;
  color: #000;
  flex-direction: column;
  font-size: 12px;
  line-height: 2.1;
  height: 40px;
  text-align: left;
}
#Sessions > .scope > .CurrentSessions .desc .c_date {
  color: #9f9f9f;
}
#Sessions > .scope > .AllSessions {
  overflow-y: auto;
  /* Track */
  /* Handle */
}
#Sessions > .scope > .AllSessions::-webkit-scrollbar {
  width: 0px;
}
#Sessions > .scope > .AllSessions::-webkit-scrollbar-track {
  border-radius: 10px;
}
#Sessions > .scope > .AllSessions::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #C0C0C0;
}
#Sessions > .scope > .AllSessions::-webkit-scrollbar-thumb:hover {
  background: #7C7C7C;
}
#Sessions > .scope > .AllSessions > .header {
  display: block;
  width: 100%;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: column;
}
#Sessions > .scope > .AllSessions > .header > .title {
  background: #f7f7f7;
  color: #000000;
  font-size: 13px;
  padding: 9px;
  text-align: center;
}
#Sessions > .scope > .AllSessions > .header .RemoveAll {
  color: #f32151;
  text-align: center;
  padding: 8px;
  font-size: 13px;
  cursor: pointer;
  background: #ffffff;
}
#Sessions > .scope > .AllSessions .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  position: relative;
}
#Sessions > .scope > .AllSessions .item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.0392156863);
}
#Sessions > .scope > .AllSessions .item .info {
  display: flex;
  align-items: center;
}
#Sessions > .scope > .AllSessions .item .info .icon {
  background: #354350;
  height: 45px;
  width: 45px;
  display: block;
  border-radius: 30px;
  margin-right: 10px;
}
#Sessions > .scope > .AllSessions .item .info .desc {
  display: flex;
  color: #fff;
  flex-direction: column;
  font-size: 12px;
  line-height: 2.1;
  height: 40px;
  text-align: left;
}
#Sessions > .scope > .AllSessions .item .info .desc .c_date {
  color: #9f9f9f;
}
#Sessions > .scope > .AllSessions .item .remove {
  font-size: 17px;
  color: #969696;
  margin-right: 15px;
  cursor: pointer;
}
#Sessions > .scope > .AllSessions .item .remove:hover {
  color: #fff;
}

#FAQ {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 60px;
  background: #fff;
  z-index: 2;
  overflow-x: auto;
}
#FAQ > .appbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  border-bottom: 1px solid #eee;
  padding: 15px;
}
#FAQ > .img {
  margin: 0 auto;
  display: block;
}
#FAQ > .list {
  -webkit-backdrop-filter: blur(50px);
          backdrop-filter: blur(50px);
  margin-top: -32px;
  border-radius: 7px;
  padding: 15px;
  position: relative;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
#FAQ > .list .item {
  display: flex;
  flex-direction: column;
  border: 1px solid #eee;
  border-radius: 7px;
  margin-top: 15px;
  padding: 15px 5px;
  transition: all 0.3s ease-in-out;
  height: 60px;
  overflow: hidden;
}
#FAQ > .list .item.active .head .Arrow {
  transform: rotate(-90deg);
  color: #3094ea;
}
#FAQ > .list .item .head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
}
#FAQ > .list .item .head .Arrow {
  transition: all 0.3s ease-in-out;
}
#FAQ > .list .item .head .Question {
  font-weight: 600;
  padding: 4px 0;
  font-size: 12px;
  line-height: 2;
}
#FAQ > .list .item .Answer {
  margin-top: 30px;
  border-top: 1px solid #eee;
  padding-top: 15px;
  font-size: 12px;
  line-height: 2.3;
  color: #787878;
}

#Story {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.631372549);
  z-index: 101;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
}
#Story > .TimeLine {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 15px;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
#Story > .TimeLine .Line {
  height: 3px;
  width: 100%;
  display: block;
  background: rgba(255, 255, 255, 0.3607843137);
  position: relative;
  margin: 3px;
  overflow: hidden;
}
#Story > .TimeLine .Line.active::after {
  content: "";
  display: block;
  height: inherit;
  background: rgba(255, 255, 255, 0.9);
  transform: translateX(-100%);
  animation: thumb 10s forwards linear;
}
#Story > .Controler {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  z-index: 1;
}
#Story > .Controler.Next {
  right: 0;
}
#Story > .Controler.Prev {
  left: 0;
}
#Story > .img {
  background-size: cover;
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 425px) {
  #Story > .img {
    background-size: contain;
  }
}
#Story > .Close {
  position: absolute;
  font-size: 20px;
  z-index: 2;
  top: 15px;
  left: 7px;
  color: rgba(255, 255, 255, 0.4);
}

@keyframes thumb {
  to {
    transform: initial;
  }
}
#PassCode {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #fff;
  z-index: 101;
}
#PassCode > .Appbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  top: 0;
  right: 0;
  left: 0;
  position: fixed;
  height: 50px;
  border-bottom: 1px solid #eee;
  padding: 15px;
}
#PassCode > .scope {
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(100% - 60px);
  flex-direction: column;
}
#PassCode > .scope > .img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 185px;
}
#PassCode > .scope .Authentication {
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 355px;
  margin: 0 auto;
}
#PassCode > .scope .Authentication .title {
  font-size: 15px;
}
#PassCode > .scope .Authentication .desc {
  font-size: 14px;
  margin-top: 15px;
  color: #a1a1a1;
  text-align: center;
  line-height: 2.3;
}
#PassCode > .scope .Authentication .input {
  width: 100%;
  border-radius: 7px;
  border: 1px solid #eee;
  height: 50px;
  font-family: "Dana";
  padding: 10px;
  margin: 15px 0px;
  text-align: center;
}
#PassCode > .scope .Authentication .Submit {
  width: 100%;
  text-align: center;
  background: #3094ea;
  color: #fff;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  box-shadow: 0 22px 12px -22px #3094ea;
}
#PassCode > .scope .ManegeCode {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 355px;
  padding: 15px;
}
#PassCode > .scope .ManegeCode > .img {
  width: 100%;
  max-width: 355px;
  margin: 0 auto;
  display: block;
}
#PassCode > .scope .ManegeCode > .item {
  border-radius: 7px;
  width: 100%;
  padding: 15px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  max-width: 215px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#PassCode > .scope .ManegeCode > .item.remove .icon {
  color: #eb0751;
}
#PassCode > .scope .ManegeCode > .item .icon {
  font-size: 21px;
  margin-left: 15px;
  color: #0d6efd;
}

#Exit {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #fff;
  z-index: 101;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#Exit > .img {
  max-width: 355px;
  width: 100%;
}
#Exit > .title {
  margin: 15px 0px;
}
#Exit > .Actions {
  width: 100%;
  max-width: 355px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#Exit > .Actions .item {
  border: 1px solid #eee;
  border-radius: 5px;
  margin: 0px 7px;
  padding: 10px;
  width: 100%;
  text-align: center;
  color: #0d6efd;
}
#Exit > .Actions .item.N {
  color: #ffb73b;
}

#UserManagement {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  overflow-x: auto;
  padding-top: 30px;
}
#UserManagement::-webkit-scrollbar {
  width: 0px;
}
#UserManagement > .img {
  margin: 0 auto;
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 30px;
  height: 100%;
  max-height: 160px;
  width: auto;
}
#UserManagement > .scope {
  background: #fff;
  border-radius: 15px 15px 0px 0px;
  position: relative;
  z-index: 1;
  margin-top: -5px;
  display: flex;
  flex-direction: column;
  margin-top: 160px;
  height: 100%;
}
#UserManagement > .scope:after {
  content: "";
  height: 4px;
  width: 20px;
  background: #e1e1e1;
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  margin: 0 auto;
  border-radius: 25px;
}
#UserManagement > .scope .Management {
  padding: 15px;
  border-bottom: 1px dashed #eee;
  padding-top: 30px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  border-radius: 15px 15px 0px 0px;
  position: sticky;
  top: -45px;
  background: #fff;
}
#UserManagement > .scope .Management > .item {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  position: relative;
}
#UserManagement > .scope .Management > .item > .icon {
  color: #3094ea;
  font-size: 25px;
}
#UserManagement > .scope .Management > .item > .title {
  color: #959595;
  margin-top: 10px;
  font-size: 12px;
}
#UserManagement > .scope > .item {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 15px;
}
#UserManagement > .scope > .item:not(:last-child) {
  border-bottom: 1px solid #eee;
}
#UserManagement > .scope > .item .avatar {
  height: 50px;
  width: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1.5px solid #eee;
  flex-shrink: 0;
  border-radius: 50px;
}
#UserManagement > .scope > .item .info {
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
#UserManagement > .scope > .item .info .name {
  font-weight: 900;
  font-size: 14px;
  margin-bottom: 5px;
}
#UserManagement > .scope > .item .info .mobile {
  color: #8d8d8d;
  font-size: 12px;
}
#UserManagement > .scope > .item .info .personnel_code {
  font-size: 9px;
  margin-top: 5px;
}
#UserManagement > .scope > .item .icon {
  margin-left: 0;
  margin-right: auto;
  font-size: 20px;
  color: #939393;
}

#SingleUser {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background: rgba(0, 0, 0, 0.168627451);
}
#SingleUser > .scope {
  background: #fff;
  border-radius: 7px;
  box-shadow: 0 -5px 23px -21px #000;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}
#SingleUser > .scope:after {
  content: "";
  left: 30px;
  top: -12px;
  bottom: 0;
  right: 30px;
  background: #fff;
  position: absolute;
  border-radius: 7px;
  z-index: -1;
  opacity: 0.5;
}
#SingleUser > .scope:before {
  content: "";
  left: 15px;
  top: -6px;
  bottom: 0;
  right: 15px;
  background: #fff;
  position: absolute;
  border-radius: 7px;
  z-index: -2;
  box-shadow: 0 -5px 23px -21px #000;
}
#SingleUser > .scope .avatar {
  height: 60px;
  width: 60px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin: 0 auto;
  margin-bottom: 15px;
  background-color: #eee;
  border-radius: 15px;
  margin-top: 15px;
}
#SingleUser > .scope .info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#SingleUser > .scope .info .name {
  font-weight: 900;
  margin-bottom: 15px;
}
#SingleUser > .scope .info .details {
  font-size: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #838383;
}
#SingleUser > .scope .info .details .personnel_code {
  margin-left: 10px;
}
#SingleUser > .scope .info .mobile {
  display: flex;
  align-items: center;
  background: rgba(38, 221, 5, 0.1490196078);
  color: #26dd05;
  border-radius: 25px;
  padding: 3px 9px;
  margin: 15px 0px;
}
#SingleUser > .scope .info .mobile .Icon {
  margin-left: 5px;
}
#SingleUser > .scope .info .Action {
  display: flex;
  align-items: center;
  width: 100%;
}
#SingleUser > .scope .info .Action .item {
  display: flex;
  color: #0d6efd;
  align-items: center;
  font-size: 13px;
  margin: 15px;
  margin-bottom: 30px;
  width: 100%;
  justify-content: center;
}
#SingleUser > .scope .back {
  padding: 15px;
  display: flex;
  background: #f5f5f5;
  border-radius: 0px 0px 7px 7px;
  align-items: center;
  justify-content: center;
}

#AddUsers {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f0f0f0;
  z-index: 100;
}
#AddUsers::-webkit-scrollbar {
  width: 0px;
}
#AddUsers > .appbar {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
}
#AddUsers > .scope {
  display: flex;
  flex-direction: column;
  padding: 15px;
  background: #fff;
  border-radius: 15px 15px 0px 0px;
  height: 100%;
  margin-top: 50px;
}
#AddUsers > .scope .img {
  max-width: 220px;
  display: block;
  margin: 0 auto;
  margin-top: -70px;
  padding: 0px 15px 0px 15px;
}
#AddUsers > .scope .Types {
  display: flex;
  align-items: center;
  justify-content: space-around;
  border: 2px solid #eee;
  border-radius: 13px;
  padding: 10px;
  position: relative;
}
#AddUsers > .scope .Types:after {
  content: "";
  height: calc(100% - 20px);
  width: 2px;
  background: #eee;
  position: absolute;
}
#AddUsers > .scope .Types > .item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#AddUsers > .scope .Types > .item.Active:after {
  content: "";
  width: 31px;
  height: 3px;
  background: #3094ea;
  border-radius: 25px;
  bottom: -2px;
  position: absolute;
}
#AddUsers > .scope .Types > .item.Active .icon {
  color: #3094ea;
}
#AddUsers > .scope .Types > .item.Active .icon:after {
  color: #3094ea;
}
#AddUsers > .scope .Types > .item.Active .Title {
  color: #3094ea;
}
#AddUsers > .scope .Types > .item .icon {
  display: none;
  font-size: 22px;
  color: #d0d5d7;
  margin-bottom: 5px;
}
#AddUsers > .scope .Types > .item .icon:after {
  color: #d0d5d7;
}
#AddUsers > .scope .Types > .item .Title {
  font-size: 13px;
  color: #c2c2c2;
  font-weight: 900;
}
#AddUsers > .scope > .Content {
  height: 100%;
  overflow-x: auto;
}
#AddUsers > .scope > .Content::-webkit-scrollbar {
  width: 0px;
}
#AddUsers > .scope > .Content .GroupAdd {
  padding-bottom: 130px;
}
#AddUsers > .scope > .Content .GroupAdd > .info {
  padding: 15px;
  display: flex;
  align-items: center;
  margin-top: 15px;
  justify-content: space-between;
  color: #000;
}
#AddUsers > .scope > .Content .GroupAdd > .info .icon {
  font-size: 16px;
}
#AddUsers > .scope > .Content .GroupAdd > .info .desc {
  font-size: 9px;
  margin-right: 5px;
  text-align: justify;
}
#AddUsers > .scope > .Content .GroupAdd > .Upload {
  position: relative;
  overflow: hidden;
  border: 1px solid #eee;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  position: relative;
  flex-direction: column;
}
#AddUsers > .scope > .Content .GroupAdd > .Upload .btn {
  margin-top: 20px;
  color: #0d6efd;
}
#AddUsers > .scope > .Content .GroupAdd > .Upload input[type=File] {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  cursor: pointer;
  opacity: 0;
}
#AddUsers > .scope > .Content .SingleAdd .Form {
  padding: 15px;
  display: flex;
  padding-bottom: 130px;
  flex-direction: column;
}
#AddUsers > .scope > .Content .SingleAdd .Form > .item {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
#AddUsers > .scope > .Content .SingleAdd .Form > .item .Title {
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 5px;
}
#AddUsers > .scope > .Content .SingleAdd .Form > .item .input {
  height: 50px;
  border-radius: 7px;
  border: none;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Dana";
}
#AddUsers > .scope > .Content .SingleAdd .Form > .item > .info {
  padding: 15px 0px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: space-between;
  color: #000;
}
#AddUsers > .scope > .Content .SingleAdd .Form > .item > .info .icon {
  font-size: 16px;
}
#AddUsers > .scope > .Content .SingleAdd .Form > .item > .info .desc {
  font-size: 9px;
  margin-right: 5px;
  text-align: justify;
}
#AddUsers > .scope > .Content .SingleAdd .Form > .Submit {
  background: #3094ea;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px;
  border-radius: 7px;
  position: relative;
  overflow: hidden;
}

#EditUser {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: #f0f0f0;
  z-index: 100;
  overflow-x: auto;
}
#EditUser::-webkit-scrollbar {
  width: 0px;
}
#EditUser > .appbar {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
#EditUser > .img {
  width: 155px;
  display: block;
  margin: 0 auto;
  position: fixed;
  left: 0;
  right: 0;
  top: 30px;
}
#EditUser > .scope {
  display: flex;
  flex-direction: column;
  padding: 15px;
  background: #fff;
  border-radius: 15px 15px 0px 0px;
  height: 100%;
  margin-top: 175px;
  z-index: 1;
  position: relative;
}
#EditUser > .scope:after {
  content: "";
  height: 4px;
  width: 20px;
  background: #e1e1e1;
  position: absolute;
  left: 0;
  right: 0;
  top: 6px;
  margin: 0 auto;
  border-radius: 25px;
}
#EditUser > .scope > .item {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
}
#EditUser > .scope > .item .Title {
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 5px;
}
#EditUser > .scope > .item .input {
  height: 50px;
  border-radius: 7px;
  border: none;
  background: #f5f5f5;
  padding: 10px;
  font-family: "Dana";
}
#EditUser > .scope > .item > .info {
  padding: 15px 0px;
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  justify-content: space-between;
  color: #000;
}
#EditUser > .scope > .item > .info .icon {
  font-size: 16px;
}
#EditUser > .scope > .item > .info .desc {
  font-size: 9px;
  margin-right: 5px;
  text-align: justify;
}
#EditUser > .scope > .Submit {
  background: #3094ea;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11px;
  border-radius: 7px;
  position: relative;
  overflow: hidden;
  position: sticky;
  bottom: 15px;
}

@font-face {
  font-family: "Polaris";
  src: url(fonts/Polaris.ttf) format("truetype"), url(fonts/Polaris.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=Pol-], [class*=" Pol-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Polaris" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.Pol-Category:before {
  content: "\e900";
}

.Pol-Chart:before {
  content: "\e901";
}

.Pol-Spaces:before {
  content: "\e902";
}

.Pol-Plus:before {
  content: "\e903";
}

.Pol-Home:before {
  content: "\e904";
}

.Pol-Customer:before {
  content: "\e905";
}

.Pol-Order:before {
  content: "\e906";
}

.Pol-handle:before {
  content: "\e907";
}

.Pol-property:before {
  content: "\e908";
}

.Pol-dfullscreen:before {
  content: "\e909";
}

.Pol-fullscreen:before {
  content: "\e90a";
}

.Pol-minimize:before {
  content: "\e90b";
}

.Pol-Close:before {
  content: "\e90c";
}

.Pol-Product:before {
  content: "\e90d";
}

.Pol-Checkmark:before {
  content: "\e90e";
}

.Pol-priceIndex:before {
  content: "\e90f";
}

.pol-AddImage:before {
  content: "\e910";
}

#Polaris {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #fff;
}
#Polaris > .content {
  position: fixed;
  top: 60px;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f5f8ff;
  border-radius: 15px 15px 0px 0px;
}

#PolarisAppbar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 60px;
  display: flex;
  align-items: center;
  padding: 7.5;
}
#PolarisAppbar > .Avatar {
  height: 45px;
  width: 45px;
  background-size: cover;
  display: block;
  border-radius: 25px;
}

.PolarisEmpty {
  display: flex;
  flex-direction: column;
  max-width: 210px;
  margin: 0 auto;
  align-items: center;
  height: 100%;
}

.Galexy {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.Galexy > .More {
  background: #fff;
  padding: 10px;
  width: 100%;
  border-radius: 15px;
  max-width: 230px;
  box-shadow: 0 2px 10px -10px #000;
}
.Galexy > .More > .scope {
  display: flex;
  flex-direction: column;
}
.Galexy > .More > .scope.unUsed {
  border-bottom: 1px dashed #d8d4d4;
  padding-bottom: 5px;
  margin-bottom: 5px;
}
.Galexy > .More > .scope:empty {
  padding: 20px;
  border: 1px dashed #d8d4d4;
  margin-bottom: 5px;
  border-radius: 7px;
}
.Galexy > .More > .scope > .item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 6px;
  border-radius: 7px;
  background: #fff;
  cursor: grab;
}
.Galexy > .More > .scope > .item.disable {
  filter: grayscale(1) opacity(0.5);
}
.Galexy > .More > .scope > .item.sortable-fallback {
  background-color: #fff;
  cursor: grabbing;
  border-radius: 7px;
  opacity: 1 !important;
}
.Galexy > .More > .scope > .item .iconItem {
  position: relative;
}
.Galexy > .More > .scope > .item .iconItem .icon {
  color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  font-size: 15px;
  display: flex;
  width: 25px;
  align-items: center;
  justify-content: center;
  height: 25px;
}
.Galexy > .More > .scope > .item .iconItem svg {
  height: 25px;
}
.Galexy > .More > .scope > .item .titel {
  font-size: 15px;
  color: #7b7878;
  width: 1005;
  margin-right: 10px;
}
.Galexy > .More > .scope > .item .handle {
  font-size: 21px;
  color: #b5adad;
  cursor: ns-resize;
}
.Galexy > .SpacesList {
  background: #fff;
  padding: 15px;
  width: 100%;
  border-radius: 15px;
  max-width: 230px;
  box-shadow: 0 2px 10px -10px #000;
}
.Galexy > .SpacesList > .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Galexy > .SpacesList > .item:not(:last-child) {
  margin-bottom: 10px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.Galexy > .SpacesList > .item .Titel {
  font-size: 12px;
  color: #121212;
}
.Galexy > .SpacesList > .item .Actions {
  display: flex;
  align-items: center;
}
.Galexy > .SpacesList > .item .Actions:hover .item:before {
  opacity: 1;
}
.Galexy > .SpacesList > .item .Actions .item {
  border-radius: 25px;
  font-size: 11px;
  border: 1px solid;
  margin-right: 5px;
  cursor: pointer;
}
.Galexy > .SpacesList > .item .Actions .item:not(:last-child) {
  margin-right: 5px;
}
.Galexy > .SpacesList > .item .Actions .item.R {
  background-color: #fe5f56;
  border-color: #e14138;
}
.Galexy > .SpacesList > .item .Actions .item.G {
  background-color: #28c841;
  border-color: #17aa24;
}
.Galexy > .SpacesList > .item .Actions .item.Y {
  background-color: #febc2e;
  border-color: #e09c1b;
}
.Galexy > .SpacesList > .item .Actions .item:before {
  opacity: 0;
}
.Galexy > .scope {
  margin: 15px;
  padding: 6px;
  background: #fff;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 430px;
  border: 2px solid #f6f8ff;
}
.Galexy > .scope::-webkit-scrollbar {
  height: 0px;
}
@media only screen and (max-width: 425px) {
  .Galexy > .scope {
    margin: 0px;
    border-radius: 15px 15px 0px 0px;
    width: 100%;
    margin-top: 15px;
    border: none;
    border-top: 2px solid #f6f8ff;
  }
  .Galexy > .scope .menu {
    justify-content: unset !important;
    overflow: auto;
  }
  .Galexy > .scope .menu::-webkit-scrollbar {
    height: 0px;
    width: 0px;
  }
}
.Galexy > .scope:hover .item svg {
  fill: #eee;
}
.Galexy > .scope .menu {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
}
.Galexy > .scope .menu .item {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 7px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Galexy > .scope .menu .item.active {
  transform: translateY(-4px);
}
.Galexy > .scope .menu .item.active:after {
  position: absolute;
  bottom: -11px;
  content: "";
  width: 5px;
  height: 5px;
  background: gainsboro;
  border-radius: 5px;
}
@media only screen and (max-width: 375px) {
  .Galexy > .scope .menu .item.active:after {
    content: unset;
  }
}
.Galexy > .scope .menu .item:hover {
  transform: translateY(-4px);
}
.Galexy > .scope .menu .item:hover .titel {
  display: block;
}
@media only screen and (max-width: 375px) {
  .Galexy > .scope .menu .item:hover .titel {
    display: none;
  }
}
.Galexy > .scope .menu .item svg {
  height: 40px;
}
@media only screen and (max-width: 375px) {
  .Galexy > .scope .menu .item svg {
    height: 35px;
  }
}
.Galexy > .scope .menu .item .icon {
  position: absolute;
  color: #fff;
  font-size: 26px;
}
.Galexy > .scope .menu .item .titel {
  position: absolute;
  top: -38px;
  -webkit-backdrop-filter: blur(57px);
          backdrop-filter: blur(57px);
  background: rgba(199, 199, 199, 0.168627451);
  border-radius: 25px;
  padding: 1px 8px;
  white-space: nowrap;
  display: none;
  font-size: 13px;
  color: #000;
  font-weight: 100;
}
.Galexy > .scope .SpacesItem {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
  position: relative;
  border-left: 1px solid #eee;
  padding-left: 7.5px;
  margin-right: 7.5px;
}
.Galexy > .scope .SpacesItem svg {
  height: 40px;
}
@media only screen and (max-width: 375px) {
  .Galexy > .scope .SpacesItem svg {
    height: 35px;
  }
}
.Galexy > .scope .SpacesItem .icon {
  position: absolute;
  color: #fff;
  font-size: 26px;
}
.Galexy > .scope .More {
  cursor: pointer;
  font-size: 20px;
  color: #d7d7d7;
  width: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.Spaces {
  box-shadow: 0 0 9px -6px #000;
  background: #fff;
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  border-radius: 7.5px;
  border: 1px solid #f6f8ff;
  display: flex;
  flex-direction: column;
  width: calc(100% - 30px);
  height: calc(100% - 30px);
}
.Spaces.Minimize {
  animation: slide-out-blurred-bottom 0.45s cubic-bezier(0.755, 0.05, 0.855, 0.06) both;
}
@media only screen and (max-width: 425px) {
  .Spaces {
    width: 100%;
    height: 100%;
    max-width: 100% !important;
    max-height: 100% !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    transform: translate3d(0px, 0px, 0px) !important;
  }
  .Spaces > .Navbar .Action .item:before {
    opacity: 1 !important;
  }
}
.Spaces > .Navbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  cursor: all-scroll;
  border-radius: 7.5px;
}
.Spaces > .Navbar .title {
  font-size: 12px;
  color: #756666;
}
.Spaces > .Navbar .Action:hover .item:before {
  opacity: 1;
}
.Spaces > .Navbar .Action .item {
  border-radius: 25px;
  font-size: 11px;
  border: 1px solid;
  cursor: pointer;
}
.Spaces > .Navbar .Action .item:not(:last-child) {
  margin-right: 5px;
}
.Spaces > .Navbar .Action .item.R {
  background-color: #fe5f56;
  border-color: #e14138;
}
.Spaces > .Navbar .Action .item.G {
  background-color: #28c841;
  border-color: #17aa24;
}
.Spaces > .Navbar .Action .item.Y {
  background-color: #febc2e;
  border-color: #e09c1b;
}
.Spaces > .Navbar .Action .item:before {
  opacity: 0;
}
.Spaces > .Content {
  height: 100%;
  overflow: hidden;
}

#Polaris_Property {
  overflow: auto;
  height: 100%;
  padding-bottom: 96px;
}
#Polaris_Property .AddPanel {
  max-width: 430px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 10px;
  background: #fff;
  padding: 15px 0px;
  border-radius: 7px;
  width: calc(100% - 30px);
  position: sticky;
  top: 0;
  z-index: 1;
  border-top: 5px solid #f6f8ff;
  border-bottom: 5px solid #f6f8ff;
}
#Polaris_Property .AddPanel input {
  width: 100%;
  border: none;
  text-align: right;
  font-family: "Dana";
  padding: 0px 15px;
}
#Polaris_Property .AddPanel input:disabled {
  background: #fff;
}
#Polaris_Property .AddPanel .submit {
  cursor: pointer;
  color: #1649bd;
  border-right: 1px solid #eee;
  padding: 0px 15px;
  position: relative;
}

.PropertyItem, .top {
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 8px;
  background: #fffdfd;
  padding: 15px;
  border-radius: 7px;
  width: calc(100% - 30px);
}
.PropertyItem:hover .left .Actions, .top:hover .left .Actions {
  display: flex;
}
.PropertyItem .TitleBox, .top .TitleBox {
  display: flex;
  align-items: center;
}
.PropertyItem .TitleBox > .title, .top .TitleBox > .title {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 3px 0px;
  padding-left: 30px;
  position: relative;
}
.PropertyItem .TitleBox > .title:focus-visible, .top .TitleBox > .title:focus-visible {
  padding: 3px 9px !important;
  outline: none;
  background: #eee;
  border-radius: 3px;
}
.PropertyItem .TitleBox > .title > .loading, .top .TitleBox > .title > .loading {
  justify-content: end;
}
.PropertyItem .TitleBox > .icon, .top .TitleBox > .icon {
  width: 0px;
  overflow: hidden;
  transition: all 0.3s;
  color: #0d6efd;
  position: relative;
  cursor: pointer;
}
.PropertyItem .TitleBox > .icon.active, .top .TitleBox > .icon.active {
  width: 25px;
}
.PropertyItem .TitleBox > .icon .loading, .top .TitleBox > .icon .loading {
  justify-content: normal;
}
.PropertyItem > .Left, .top > .Left {
  display: flex;
  align-items: center;
}
.PropertyItem > .Left .switchBox, .top > .Left .switchBox {
  margin: 0;
  position: relative;
  width: 25px;
}
.PropertyItem > .Left .priceIndex, .top > .Left .priceIndex {
  font-size: 18px;
  cursor: pointer;
  margin-left: 10px;
  color: #dfdfdf;
  position: relative;
}
.PropertyItem > .Left .priceIndex.Active, .top > .Left .priceIndex.Active {
  color: #4bd16f;
}
.PropertyItem > .Left .Actions, .top > .Left .Actions {
  display: none;
  align-items: center;
  font-size: 12px;
  margin-left: 10px;
}
.PropertyItem > .Left .Actions .Item, .top > .Left .Actions .Item {
  cursor: pointer;
  color: #ababab;
}
.PropertyItem > .Left .Actions .Item:hover, .top > .Left .Actions .Item:hover {
  color: #1649bd;
}
.PropertyItem > .Left .Actions .Item:not(:last-child), .top > .Left .Actions .Item:not(:last-child) {
  border-left: 1px solid #d6d6d6;
  padding-left: 10px;
  margin-left: 10px;
}

.PropertyEdit {
  position: relative;
  overflow: auto;
  height: 100%;
}
.PropertyEdit::-webkit-scrollbar {
  width: 0px;
}
.PropertyEdit > .img {
  z-index: 0;
  position: sticky;
  top: 0;
}
.PropertyEdit > .Scope {
  padding: 15px;
  border-radius: 7.5px;
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-backdrop-filter: blur(15px);
          backdrop-filter: blur(15px);
  height: 100%;
}
.PropertyEdit > .Scope .AddValue {
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
  padding: 15px;
  border: 1px solid #eee;
  border-radius: 5px;
}
.PropertyEdit > .Scope .AddValue .TitleBox {
  display: flex;
  align-items: center;
  width: 100%;
}
.PropertyEdit > .Scope .AddValue .TitleBox.show .input {
  width: 100%;
  border-radius: 5px;
  height: 47px;
  border: none;
  background: #f5f8ff;
  text-align: right;
  font-family: "Dana";
  padding: 0px 15px;
}
.PropertyEdit > .Scope .AddValue .TitleBox.show .submit {
  border: none !important;
}
.PropertyEdit > .Scope .AddValue .TitleBox .input {
  width: 100%;
  border: none;
  text-align: right;
  background: transparent;
  font-family: "Dana";
  padding: 0px 15px;
}
.PropertyEdit > .Scope .AddValue .TitleBox .submit {
  cursor: pointer;
  color: #1649bd;
  border-right: 1px solid #eee;
  padding: 0px 15px;
  position: relative;
}
.PropertyEdit > .Scope .AddValue .formula {
  width: 100%;
  margin-top: 15px;
  border-radius: 5px;
  height: 47px;
  border: none;
  background: #f5f8ff;
  text-align: left;
  font-family: monospace;
  padding: 0px 15px;
  direction: ltr;
}
.PropertyEdit > .Scope .list {
  position: relative;
  height: 100%;
  padding: 15px;
}
.PropertyEdit > .Scope .list > .PropertyItem {
  flex-direction: column;
}
.PropertyEdit > .Scope .list > .PropertyItem > .top {
  width: 100%;
  max-width: 100% !important;
  padding: 0;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  width: 100%;
  border-top: 1px solid rgba(247, 247, 247, 0.9333333333);
  padding-top: 10px;
  margin-top: 10px;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .valuesBox {
  display: flex;
  align-items: center;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .valuesBox .formulaValue {
  font-family: monospace;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .valuesBox .formulaValue:focus-visible {
  padding: 3px 9px !important;
  outline: none;
  background: #eee;
  border-radius: 3px;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .valuesBox .formulaValue > .loading {
  justify-content: end;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .valuesBox > .icon {
  width: 0px;
  overflow: hidden;
  transition: all 0.3s;
  color: #0d6efd;
  position: relative;
  cursor: pointer;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .valuesBox > .icon.active {
  width: 25px;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .valuesBox > .icon .loading {
  justify-content: normal;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .EditFormule {
  cursor: pointer;
  color: #ababab;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .EditFormule:hover {
  color: #1649bd;
}
.PropertyEdit > .Scope .list > .PropertyItem > .formulaBox .EditFormule:not(:last-child) {
  border-left: 1px solid #d6d6d6;
  padding-left: 10px;
  margin-left: 10px;
}

#Polaris_Category {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-bottom: 95px;
  background: #fff;
  padding-top: 200px;
}
#Polaris_Category::-webkit-scrollbar {
  width: 0px;
}
@media (max-width: 375px) {
  #Polaris_Category {
    padding-top: 130px;
  }
}
#Polaris_Category > .img {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
}
#Polaris_Category > .Scope {
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
  position: relative;
  height: 100%;
  padding: 15px;
}
#Polaris_Category > .Scope .AddPanel {
  padding: 15px;
  background: rgba(232, 234, 238, 0.431372549);
  border-radius: 5px;
  width: 100%;
  max-width: 365px;
  display: flex;
  flex-wrap: wrap;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  box-shadow: 0 7px 16px -14px #000;
  position: sticky;
  top: -192px;
  z-index: 1;
}
@media (max-width: 375px) {
  #Polaris_Category > .Scope .AddPanel {
    top: -128px;
  }
}
#Polaris_Category > .Scope .AddPanel input {
  height: 50px;
  border-radius: 5px;
  border: none;
  padding: 10px;
  font-family: "Dana";
}
#Polaris_Category > .Scope .AddPanel input.Title {
  width: 100%;
  margin-bottom: 15px;
}
#Polaris_Category > .Scope .AddPanel input.BasePrice {
  flex-grow: 1;
}
#Polaris_Category > .Scope .AddPanel .submit {
  flex-shrink: 0;
  padding: 13px;
  cursor: pointer;
  color: #1649bd;
  position: relative;
}
#Polaris_Category > .Scope .AddPanel .showPrice {
  width: 100%;
  font-size: 10px;
  margin-top: 10px;
  color: #1649bd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#Polaris_Category > .Scope > .List {
  width: 100%;
  max-width: 365px;
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  padding-bottom: 95px;
}
#Polaris_Category > .Scope > .List > .Item {
  margin-bottom: 15px;
  border-radius: 5px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: hidden;
  flex-direction: column;
}
#Polaris_Category > .Scope > .List > .Item.flicker {
  transform: scale(0);
}
#Polaris_Category > .Scope > .List > .Item:hover .left .Actions {
  display: flex;
}
#Polaris_Category > .Scope > .List > .Item > .Top {
  max-width: 400px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  border-radius: 7px;
  width: 100%;
  padding: 0px;
}
#Polaris_Category > .Scope > .List > .Item > .Top:hover .left .Actions {
  display: flex;
}
#Polaris_Category > .Scope > .List > .Item > .Top .TitleBox {
  display: flex;
  align-items: center;
}
#Polaris_Category > .Scope > .List > .Item > .Top .TitleBox > .title {
  font-size: 13px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding: 3px 0px;
  padding-left: 30px;
  position: relative;
}
#Polaris_Category > .Scope > .List > .Item > .Top .TitleBox > .title:focus-visible {
  padding: 3px 9px !important;
  outline: none;
  background: #eee;
  border-radius: 3px;
}
#Polaris_Category > .Scope > .List > .Item > .Top .TitleBox > .title > .loading {
  justify-content: end;
}
#Polaris_Category > .Scope > .List > .Item > .Top .TitleBox > .icon {
  width: 0px;
  overflow: hidden;
  transition: all 0.3s;
  color: #0d6efd;
  position: relative;
  cursor: pointer;
}
#Polaris_Category > .Scope > .List > .Item > .Top .TitleBox > .icon.active {
  width: 25px;
}
#Polaris_Category > .Scope > .List > .Item > .Top .TitleBox > .icon .loading {
  justify-content: normal;
}
#Polaris_Category > .Scope > .List > .Item > .Top > .Left {
  display: flex;
  align-items: center;
}
#Polaris_Category > .Scope > .List > .Item > .Top > .Left .switchBox {
  margin: 0;
  position: relative;
  width: 25px;
}
#Polaris_Category > .Scope > .List > .Item > .Top > .Left .Actions {
  display: none;
  align-items: center;
  font-size: 12px;
  margin-left: 10px;
}
#Polaris_Category > .Scope > .List > .Item > .Top > .Left .Actions .Item {
  cursor: pointer;
  color: #ababab;
}
#Polaris_Category > .Scope > .List > .Item > .Top > .Left .Actions .Item:hover {
  color: #1649bd;
}
#Polaris_Category > .Scope > .List > .Item > .Top > .Left .Actions .Item:not(:last-child) {
  border-left: 1px solid #d6d6d6;
  padding-left: 10px;
  margin-left: 10px;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  width: 100%;
  border-top: 1px solid rgba(247, 247, 247, 0.9333333333);
  padding-top: 10px;
  margin-top: 10px;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .valuesBox {
  display: flex;
  align-items: center;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .valuesBox .BasePriceValue {
  font-family: monospace;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .valuesBox .BasePriceValue:focus-visible {
  padding: 3px 9px !important;
  outline: none;
  background: #eee;
  border-radius: 3px;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .valuesBox .BasePriceValue > .loading {
  justify-content: end;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .valuesBox > .icon {
  width: 0px;
  overflow: hidden;
  transition: all 0.3s;
  color: #0d6efd;
  position: relative;
  cursor: pointer;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .valuesBox > .icon.active {
  width: 25px;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .valuesBox > .icon .loading {
  justify-content: normal;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .EditFormule {
  cursor: pointer;
  color: #ababab;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .EditFormule:hover {
  color: #1649bd;
}
#Polaris_Category > .Scope > .List > .Item > .formulaBox .EditFormule:not(:last-child) {
  border-left: 1px solid #d6d6d6;
  padding-left: 10px;
  margin-left: 10px;
}

#Polaris_Products {
  background: #fdfbfd;
  height: calc(100% + 60px);
  margin-top: -60px;
  padding-bottom: 95px;
}
#Polaris_Products:after {
  content: "";
  height: 60px;
  width: 100%;
  background: #e6effc;
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
}
#Polaris_Products > .img {
  display: block;
  margin: 0 auto;
  z-index: 1;
  position: relative;
}
#Polaris_Products > .AddPanel {
  background: #fff;
  width: 100%;
  max-width: 365px;
  border-radius: 7.5px;
  padding: 15px;
  box-shadow: 0 2px 7px -7px #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: -70px;
  z-index: 1;
  position: relative;
}
#Polaris_Products > .AddPanel > .title {
  font-family: "Dana";
  padding: 10px;
  width: 100%;
  margin-left: 10px;
  border-radius: 7.5px;
  border: none;
}
#Polaris_Products > .AddPanel > .submit {
  flex-shrink: 0;
  cursor: pointer;
}
#Polaris_Products > .AddPanel > .submit:hover {
  color: #1246b8;
}

.Spaces > .Content {
  position: relative;
}
.Spaces > .Content > .ProductAdit {
  height: 100%;
  overflow: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 160px;
  transition: all 0.3s ease-in-out;
}
.Spaces > .Content > .ProductAdit::-webkit-scrollbar {
  width: 0px;
}
.Spaces > .Content > .ProductAdit:has(.pictureBox:hover) {
  padding-top: 180px;
}
.Spaces > .Content > .ProductAdit > .pictureBox {
  overflow: auto;
  width: 100%;
  background: #f9fafd;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 180px;
  padding-top: 115px;
  scroll-behavior: smooth;
}
.Spaces > .Content > .ProductAdit > .pictureBox::-webkit-scrollbar {
  width: 0px;
}
.Spaces > .Content > .ProductAdit > .pictureBox:hover .inputImage {
  width: 210px;
}
.Spaces > .Content > .ProductAdit > .pictureBox .inputImage {
  transition: all 0.3s ease-in-out;
  width: 190px;
  padding: 25px 0px;
}
.Spaces > .Content > .ProductAdit > .pictureBox .inputImage > .input {
  position: absolute;
  left: 0;
  cursor: pointer;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 1;
}
.Spaces > .Content > .ProductAdit > .pictureBox .inputImage .HolderImage {
  border-radius: 5px;
  border: 2px solid #99bfe3;
}
.Spaces > .Content > .ProductAdit > .pictureBox .inputImage > .icon {
  padding: 7px;
  border-radius: 25px;
  position: absolute;
  top: 15px;
  left: 15px;
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  cursor: pointer;
  color: #fbf9fc;
  background: #99c0e4;
  font-size: 26px;
  cursor: pointer;
}
.Spaces > .Content > .ProductAdit > .Form {
  background: #fff;
  width: 100%;
  border-radius: 7.5px;
  z-index: 1;
  transition: all 0.3s;
  box-shadow: 0 -11px 54px -42px rgba(3, 3, 46, 0.5882352941);
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0px 50px;
}
.Spaces > .Content > .ProductAdit > .Form > label {
  font-size: 12px;
  margin-bottom: 7px;
  flex-shrink: 0;
  margin-top: 15px;
  color: #3939e6;
}
.Spaces > .Content > .ProductAdit > .Form > input {
  font-family: "Dana";
  border-radius: 7.5px;
  border: none;
  flex-shrink: 0;
  background: #f9fafd;
  height: 50px;
  padding: 10px;
}
.Spaces > .Content > .ProductAdit > .Form > .input {
  font-family: "Dana";
  border-radius: 7.5px;
  border: none;
  background: #f9fafd;
  flex-shrink: 0;
  height: 50px;
  padding: 10px;
}
.Spaces > .Content > .ProductAdit > .Form > .input > .ts-dropdown .Item {
  display: flex;
  flex-direction: column;
  padding: 10px;
  background: #fff;
  margin-bottom: 5px;
}
.Spaces > .Content > .ProductAdit > .Form > .input > .ts-dropdown .Item .title {
  font-weight: 900;
}
.Spaces > .Content > .ProductAdit > .Form > .input > .ts-dropdown .Item .basePrice {
  margin-top: 6px;
  color: #a0a0a0;
}
.Spaces > .Content > .ProductAdit > .Form > .input > .ts-dropdown .ts-dropdown-content .optgroup .optgroup-header {
  background: #f2f2f2 !important;
  text-align: center;
  margin-top: 15px;
  font-weight: 900;
  position: sticky;
  top: 0;
  padding-bottom: 15px !important;
}
.Spaces > .Content > .ProductAdit > .Form > .propertyList {
  margin-top: 25px;
  flex-shrink: 0;
  padding-bottom: 15px;
}
.Spaces > .Content > .ProductAdit > .Form > .propertyList > .Item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  background: #f9fafd;
  border-radius: 7.5px;
  padding-right: 12px;
}
.Spaces > .Content > .ProductAdit > .Form > .propertyList > .Item .lable {
  width: 70px;
  flex-shrink: 0;
  font-size: 15px;
}
.Spaces > .Content > .ProductAdit > .Form > .propertyList > .Item .ts-wrapper {
  width: 100%;
  margin-right: 10px;
  height: auto;
  min-height: 50px;
}
.Spaces > .Content > .ProductAdit > .Form .submit {
  cursor: pointer;
  outline: 10px solid #ffffff;
  width: 100%;
  border-radius: 7.5px;
  background: #0d6efd;
  position: sticky;
  bottom: 10px;
  overflow: hidden;
  z-index: 1;
  color: #fff;
  text-align: center;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}

#Polaris_Products > .List {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 15px;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 100%;
  padding-bottom: 190px;
}
#Polaris_Products > .List::-webkit-scrollbar {
  width: 0px;
}
#Polaris_Products > .List > .item {
  background: #ffffff;
  margin-bottom: 15px;
  position: relative;
  padding: 15px;
  border-radius: 7.5px;
  display: flex;
  justify-content: space-between;
}
#Polaris_Products > .List > .item:hover .info .Left .Actions {
  visibility: unset;
}
#Polaris_Products > .List > .item .image {
  flex-shrink: 0;
  height: 155px;
  border-radius: 7.5px;
}
#Polaris_Products > .List > .item .info {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-right: 15px;
}
#Polaris_Products > .List > .item .info .Title {
  font-size: 16px;
  margin-bottom: 15px;
}
#Polaris_Products > .List > .item .info .category {
  font-size: 10px;
  color: #c5c5c5;
}
#Polaris_Products > .List > .item .info > .Left {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-bottom: 0;
  margin-top: auto;
}
#Polaris_Products > .List > .item .info > .Left .switchBox {
  margin: 0;
  position: relative;
  width: 25px;
}
#Polaris_Products > .List > .item .info > .Left .Actions {
  display: flex;
  align-items: center;
  visibility: hidden;
  font-size: 12px;
  margin-left: 10px;
}
#Polaris_Products > .List > .item .info > .Left .Actions .Item {
  cursor: pointer;
  color: #ababab;
}
#Polaris_Products > .List > .item .info > .Left .Actions .Item:hover {
  color: #1649bd;
}
#Polaris_Products > .List > .item .info > .Left .Actions .Item:not(:last-child) {
  border-left: 1px solid #d6d6d6;
  padding-left: 10px;
  margin-left: 10px;
}

#Crop {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6588235294);
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: center;
  direction: ltr;
  flex-direction: column;
}
#Crop .CropBox {
  padding: 30px;
  max-width: 350px;
  background-color: rgba(255, 255, 255, 0.231372549);
}
#Crop .Crop-container {
  width: 100%;
  max-width: 320px;
}
#Crop .Crop-container * {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#Crop .Crop-container img {
  vertical-align: middle;
  max-width: 100%;
}
#Crop .Crop-container .Crop {
  position: relative;
  display: inline-block;
}
#Crop .Crop-container .Crop .Crop-region {
  border: 1px dashed rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 3;
  cursor: move;
  top: 0;
}
#Crop .Crop-container .Crop .Crop-imageClipped {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  pointer-events: none;
}
#Crop .Crop-container .Crop .Crop-overlay {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: crosshair;
}
#Crop .Crop-container .Crop .Crop-handle {
  border: 1px solid black;
  background-color: white;
  width: 10px;
  height: 10px;
  position: absolute;
  z-index: 4;
  top: 0;
}
#Crop > .ActonBox {
  background: #1d1d23;
  border-radius: 7.5px;
  padding: 10px;
  margin-top: 15px;
}
#Crop > .ActonBox .item {
  cursor: pointer;
  position: relative;
  color: #fff;
}

/*# sourceMappingURL=main.css.map*/