/*!
 * Bootstrap Grid v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.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;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.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 > * {
  box-sizing: border-box;
  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.33333333%;
}

.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.66666667%;
}

.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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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.33333333%;
  }
  .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.66666667%;
  }
  .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;
  }
}
.d-inline {
  display: inline !important;
}

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

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

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

.d-inline-grid {
  display: inline-grid !important;
}

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

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

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

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

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

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

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

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

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

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

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

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

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

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

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

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

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

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

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

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

@media (min-width: 576px) {
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 768px) {
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 992px) {
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}

/*# sourceMappingURL=bootstrap-grid.css.map */
/*
#--------------------------------------#
  - Content wrapper
#--------------------------------------#
*/
  .content-wrapper{
    display:block;
  }
  .content-wrapper h1{
    margin:0;
    font-size:27px;
    font-weight:500;
    line-height:32px;
    position:relative;
    padding-bottom:12px;
    padding-right:calc(100% - 300px);
  }
/*
#--------------------------------------#
  - Header
#--------------------------------------#
*/
  body.dark-mode{
    color:#ffffff;
    background-color:#3C3C3C;
  }
  body.dark-mode header{
    background-color:#37373C;
  }
  body.dark-mode header .logo-wrapper img{
    filter:brightness(0) invert(1);
  }
  body.dark-mode header .menu-wrapper ul li a{
    color:#bbbbbb;
  }
  body.dark-mode header .menu-wrapper ul li.active a{
    color:#ffffff;
  }
  body.dark-mode header .account-wrapper .avatar-wrapper .toggle-menu{
    background-color:#000000;
  }
  body.dark-mode footer p{
    color:#bbbbbb;
  }
  body.dark-mode section.content-wrapper h1 .filters-wrapper>div input{
    color:#dddddd;
    background-color:#535353;
  }
  body.dark-mode section.content-wrapper table.table-wrapper tbody tr{
    background-color:#535353;
  }
  body.dark-mode section.content-wrapper table.table-wrapper tbody tr td{
    color:#dddddd;
  }
  body.dark-mode section.content-wrapper table.table-wrapper tbody tr td.date{
    color:#c0c0c0;
  }
  body.dark-mode section.content-wrapper.ceps table.table-wrapper tbody tr td.status{
    color:#c0c0c0;
  }
  body.dark-mode section.content-wrapper.ceps table.table-wrapper tbody tr td .status:before{
    border:1px #dddddd solid;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status:before{
    border:1px #dddddd solid;
  }
  body.dark-mode .pagination .prev,
  body.dark-mode .pagination .item,
  body.dark-mode .pagination .next{
    color:#ffffff;
    background-color:#535353;
    border:1px #838383 solid;
    border-right:0;
  }
  body.dark-mode .pagination .prev{
    background-image:url(https://sp-stag.twig.design/assets/dark_mode/icons/pagination_arrow_left-63d416047a9880cf9810efddc4c35cf7a120c4e9109d1cc48acb5e539580430f.svg);
  }
  body.dark-mode .pagination .next{
    border-right:1px #838383 solid;
    background-image:url(https://sp-stag.twig.design/assets/dark_mode/icons/pagination_arrow_right-80e3bb2b1b931c4ebc78734c246f5f9671ca83cd75e454f692f41bd9a14099f7.svg);
  }
  body.dark-mode .pagination .item.active{
    color:#ffffff;
    border-color:#7CC4CC;
    background-color:#7CC4CC;
  }
  body.dark-mode .pagination .total-page{
    color:#ffffff;
  }
  body.dark-mode section.cep h1>.links-wrapper .shares-wrapper .box-wrapper,
  body.dark-mode section.cep h1>.links-wrapper .delete-wrapper .box-wrapper{
    background-color:#37373C;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper{
    background-color:#37373C;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.purple .heading p>strong,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.purple .heading p>span,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.purple .heading .value,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.purple .value-row .value{
    color:#c497f2;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.blue .heading p>strong,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.blue .heading p>span,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.blue .heading .value,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.blue .value-row .value{
    color:#8d9ee9;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.orange .heading p>strong,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.orange .heading p>span,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.orange .heading .value,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper.orange .value-row .value{
    color:#FEC27B;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .heading p,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .ctm-heading p{
    color:#BBBBBB;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper label{
    color:#BBBBBB;
  }
  body.dark-mode section.cep .cep-form-wrapper .recap-box-wrapper{
    background-color:#37373C;
  }
  body.dark-mode section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span{
    border-color:#37373C;
  }
  body.dark-mode section.cep .cep-form-wrapper .recap-box-wrapper h3{
    color:#CA5CA2;
  }
  body.dark-mode section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper h4{
    color:#BBBBBB;
  }
  body.dark-mode section.cep .cep-form-wrapper .recap-box-wrapper .outer-chart-wrapper .chart-big-value{
    color:#ffffff;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper input,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper select,
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper textarea{
    color:#ffffff;
    border-color:#535353;
    background-color:#535353;
  }
  body.dark-mode section.cep .change-status-popup-wrapper .form-wrapper input,
  body.dark-mode section.cep .change-status-popup-wrapper .form-wrapper select,
  body.dark-mode section.cep .change-status-popup-wrapper .form-wrapper textarea,
  body.dark-mode section.cep .extra-margin-calculator-wrapper .form-wrapper input,
  body.dark-mode section.cep .extra-margin-calculator-wrapper .form-wrapper select,
  body.dark-mode section.cep .extra-margin-calculator-wrapper .form-wrapper textarea,
  body.dark-mode section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper input,
  body.dark-mode section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper select,
  body.dark-mode section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper textarea{
    color:#ffffff;
    border-color:#535353;
    background-color:#535353;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper .remove-row{
    background-color:#535353;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .add-row{
    background-color:#535353;
  }
  body.dark-mode section.cep .change-status-popup-wrapper,
  body.dark-mode section.cep .extra-margin-calculator-wrapper,
  body.dark-mode section.cep h1>.edit-project-code-wrapper .overlay{
    background-color:rgba(0,0,0,.5);
  }
  body.dark-mode section.cep .change-status-popup-wrapper .box-wrapper,
  body.dark-mode section.cep .extra-margin-calculator-wrapper .box-wrapper,
  body.dark-mode section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper{
    background-color:#37373C;
  }
  body.dark-mode section.cep .cep-form-wrapper .scenery-box-wrapper{
    background-color:#37373C;
  }
  body.dark-mode section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper{
    background-color:#323236;
  }
  body.dark-mode section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper input,
  body.dark-mode section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper select,
  body.dark-mode section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper textarea,
  body.dark-mode .r-content-wrapper form div.input input,
  body.dark-mode .r-content-wrapper form div.input select,
  body.dark-mode .r-content-wrapper form div.input textarea{
    color:#ffffff;
    border-color:#535353;
    background-color:#535353;
  }
  body.dark-mode section.cep .cep-form-wrapper .visual-wrapper:after{
    background-color:rgba(60,60,60,.2);
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .autocomplete-wrapper ul{
    background-color:#37373C;
    border:1px #535353 solid;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .autocomplete-wrapper ul li{
    border-bottom:1px #535353 solid;
  }
  body.dark-mode section.content-wrapper.ceps table.table-wrapper tbody tr td .progress{
    background-color:#3C3C3C;
  }
  body.dark-mode section.content-wrapper.ceps table.table-wrapper tbody tr td .progress .pipe-bar{
    background-color:#ffffff;
  }
  body.dark-mode section.content-wrapper.ceps table.table-wrapper tbody tr td .progress .pipe-bar.over{
    background-color:#f35b2b;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .value-row .status-btn-wrapper .status-btn.neg{
    background-color:#37373c;
  }
  body.dark-mode section.cep .cep-form-wrapper .form-box-wrapper .value-row .ctm-extra-m-btn{
    background-image:url(https://sp-stag.twig.design/assets/dark_mode/icons/extra_margine_icon-624d26826cc5a0169de370424704325d81a89001ca37f0ea8a952497c640649b.svg);
  }
  body.dark-mode section.cep .cep-form-handler{
    background-color:#37373C;
  }
  body.dark-mode section.cep .cep-form-handler .project-code{
    color:#ffffff;
    background-image:url(https://sp-stag.twig.design/assets/dark_mode/icons/back_icon-ff98c95c49b2659bf2e5eda144d3d2adadc856076850dc317dd22b4dd20d5fb7.svg);
  }
  body.dark-mode section.cep .cep-form-handler .label{
    color:#CA5CA2;
  }
  body.dark-mode section.cep .alerts-box-wrapper h6{
    color:#FEC27B;
  }
  body.dark-mode section.cep .alerts-box-wrapper p{
    color:#ffffff;
  }

/*
#--------------------------------------#
  - Footer
#--------------------------------------#
*/
  footer{
    left:0;
    bottom:0;
    width:100%;
    font-size:0;
    padding:24px 0;
    position:absolute;
  }
  footer p{
    margin:0;
    color:#535353;
    font-size:13px;
    line-height:22px;
    text-align:center;
  }
/*
#--------------------------------------#
  - Header
#--------------------------------------#
*/
  header{
    top:0;
    left:0;
    width:100%;
    height:60px;
    font-size:0;
    z-index:9999;
    padding:6px 0;
    position:fixed;
    background-color:#ffffff;
    box-shadow:0 3px 5px rgba(0,0,0,.1);
  }
  header .logo-wrapper,
  header .menu-wrapper,
  header .account-wrapper{
    display:inline-block;
    vertical-align:middle;
  }
  header .logo-wrapper{
    width:160px;
    padding:4px 0;
    text-align:center;
  }
  header .logo-wrapper img{
    max-width:100%;
    max-height:40px;
    display:inline-block;
  }
  header .menu-wrapper{
    text-align:start;
    width:calc(100% - 160px - 220px);
  }
  header .menu-wrapper ul{
    display:block;
    padding:0 0 0 24px;
    list-style-type:none;
  }
  header .menu-wrapper ul li{
    margin:0 10px;
    padding:0 10px;
    text-align:center;
    position:relative;
    display:inline-block;
    vertical-align:middle;
  }
  header .menu-wrapper ul li a{
    color:#989898;
    font-size:15px;
    font-weight:400;
    text-decoration:none;
  }
  header .menu-wrapper ul li.active:before{
    left:0;
    content:"";
    width:100%;
    height:3px;
    bottom:-23px;
    display:block;
    position:absolute;
    background-color:#7CC4CC;
  }
  header .menu-wrapper ul li.active a{
    color:#000000;
  }
  header .account-wrapper{
    width:220px;
    text-align:start;
  }
  header .account-wrapper .avatar-wrapper{
    max-width:100%;
    cursor:pointer;
    position:relative;
    padding-right:48px;
  }
  header .account-wrapper .avatar-wrapper img{
    width:32px;
    height:32px;
    margin-right:12px;
    display:inline-block;
    vertical-align:middle;
  }
  header .account-wrapper .avatar-wrapper span.name{
    color:#989898;
    font-size:13px;
    font-weight:400;
    overflow:hidden;
    white-space:nowrap;
    display:inline-block;
    vertical-align:middle;
    text-overflow:ellipsis;
    width:calc(100% - 32px - 12px);
  }
  header .account-wrapper .avatar-wrapper span.toggle{
    top:50%;
    right:12px;
    width:20px;
    height:20px;
    display:block;
    position:absolute;
    transform:translateY(-50%);
    background-image:url(https://sp-stag.twig.design/assets/header/arrow_icon-d81e1e47f2b6f0d353dc6d84ffa971ee7293c839e32f6ae6337b5210078b85e7.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:14px;
  }
  header .account-wrapper .avatar-wrapper.shown span.toggle{
    transform:translateY(-50%) rotate(180deg);
  }
  header .account-wrapper .avatar-wrapper .toggle-menu{
    right:-15px;
    bottom:-14px;
    display:none;
    padding:4px 15px;
    position:absolute;
    width:calc(100% + 15px);
    background-color:#ffffff;
    transform:translateY(100%);
    box-shadow:0 4px 5px rgba(0,0,0,.1);
  }
  header .account-wrapper .avatar-wrapper.shown .toggle-menu{
    display:block;
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul{
    padding:0;
    width:100%;
    display:block;
    list-style-type:none;
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul li{
    display:block;
    padding:9px 0;
    text-align:start;
    position:relative;
    border-bottom:1px #dddddd solid;
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul li:last-child{
    border-bottom:0;
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul li span.label,
  header .account-wrapper .avatar-wrapper .toggle-menu ul li button{
    border:0;
    padding:0;
    width:100%;
    color:#989898;
    cursor:pointer;
    font-size:13px;
    font-weight:400;
    text-align:start;
    line-height:18px;
    text-decoration:none;
    background-color:transparent;
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul li span.light,
  header .account-wrapper .avatar-wrapper .toggle-menu ul li span.dark{
    width:18px;
    height:18px;
    margin:0 8px;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul li span.light{
    background-image:url(https://sp-stag.twig.design/assets/header/light_mode_icon-22b1c24507086797cdabff095a2e90e91abf73e4589bbc29e90293109edaf96b.svg);
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul li span.dark{
    background-image:url(https://sp-stag.twig.design/assets/header/dark_mode_icon-47817408f8ea360b386ffd2f7fab13b219cc4de0c91d9dd9d6723445803ea476.svg);
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul li span.light.active{
    background-image:url(https://sp-stag.twig.design/assets/header/light_mode_icon_active-6536f88416c3895fce48c7bc7ad7662c36034f3480d69193faae2ba09800886d.svg);
  }
  header .account-wrapper .avatar-wrapper .toggle-menu ul li span.dark.active{
    background-image:url(https://sp-stag.twig.design/assets/header/dark_mode_icon_active-eb78272c415032d194d928ffe418207faeae88ff8627a560f574ef49693df34d.svg);
  }
/*
#--------------------------------------#
  - Rails content wrapper
#--------------------------------------#
*/
  .r-content-wrapper{
    display:block;
    font-size:15px;
    font-weight:400;
    line-height:20px;
  }
  .r-content-wrapper h1{
    margin:0;
    font-size:27px;
    font-weight:500;
    line-height:32px;
    position:relative;
    padding-bottom:12px;
  }
  .r-content-wrapper h2{
    margin:0;
    font-size:20px;
    font-weight:500;
    line-height:27px;
    padding-top:24px;
    position:relative;
    padding-bottom:12px;
  }
  .r-content-wrapper p{
    margin:0;
    font-size:15px;
    font-weight:400;
    line-height:20px;
    padding-bottom:12px;
  }
  .r-content-wrapper a{
    color:#7CC4CC;
    cursor:pointer;
    font-weight:600;
  }
  .r-content-wrapper form{
    display:block;
    max-width:400px;
  }
  .r-content-wrapper form div.input{
    display:block;
  }
  .r-content-wrapper form div.input label{
    margin:0;
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:16px;
    padding:10px 0 3px;
  }
  .r-content-wrapper form div.input input.boolean{
  	margin:0;
  	width:auto;
  	margin-right:8px;
    display:inline-block;
    transform:translateY(2px);
  }
  .r-content-wrapper form div.input input::placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  .r-content-wrapper form div.input input::-ms-input-placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  .r-content-wrapper form div.input input,
  .r-content-wrapper form div.input select,
  .r-content-wrapper form div.input textarea{
    margin:0;
    width:100%;
    display:block;
    font-size:12px;
    padding:4px 8px;
    margin:0 0 8px 0;
    line-height:16px;
    border-radius:3px;
    border:1px #dddddd solid;
  }
  .r-content-wrapper form div.input textarea{
    height:80px;
    resize:none;
  }
  .r-content-wrapper form input[type="submit"]{
  	border:0;
    color:#ffffff;
    cursor:pointer;
    font-size:12px;
    font-weight:500;
    margin:12px 0 0;
    padding:4px 16px;
    line-height:20px;
    text-align:center;
    border-radius:5px;
    margin-right:12px;
    display:inline-block;
    vertical-align:middle;
    background-color:#7CC4CC;
  }
  .r-content-wrapper form a{
    color:#7CC4CC;
    cursor:pointer;
    font-size:13px;
    font-weight:600;
    margin:12px 0 0;
    line-height:20px;
    display:inline-block;
    vertical-align:middle;
  }
/*
#--------------------------------------#
  - AppDefVals
#--------------------------------------#
*/
  section.content-wrapper.app-def-vals>a{
    right:16px;
    width:48px;
    height:48px;
    bottom:64px;
    font-size:0;
    display:block;
    cursor:pointer;
    position:fixed;
    border-radius:100%;
    box-shadow:0 0 5px rgba(0,0,0,.3);
    background-image:url(https://sp-stag.twig.design/assets/icons/create_btn_icon-e5015cba23e1657d0bece26121fb3430700b67049eb5d02c11e3f2442bf88eb7.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:27px;
  }
  section.content-wrapper.app-def-vals h1 .filters-wrapper{
    right:0;
    bottom:12px;
    font-size:0;
    line-height:0;
    text-align:end;
    position:absolute;
  }
  section.content-wrapper.app-def-vals h1 .filters-wrapper>div{
    margin:8px;
    display:inline-block;
    vertical-align:middle;
  }
  section.content-wrapper.app-def-vals h1 .filters-wrapper>div:first-child{
    margin-left:0;
  }
  section.content-wrapper.app-def-vals h1 .filters-wrapper>div:last-child{
    margin-right:0;
  }
  section.content-wrapper.app-def-vals h1 .filters-wrapper>div input{
    border:0;
    color:#989898;
    font-size:13px;
    font-weight:500;
    border-radius:12px;
    background-color:#ffffff;
    padding:4px 12px 4px 27px;
    box-shadow:0 0 5px rgba(0,0,0,.2);
  }
  section.content-wrapper.app-def-vals h1 .filters-wrapper>div select{
    border:0;
    color:#989898;
    font-size:13px;
    font-weight:500;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding:4px 20px 4px 8px;
    background-color:transparent;
    background-image:url(https://sp-stag.twig.design/assets/icons/custom_select_icon-d81e1e47f2b6f0d353dc6d84ffa971ee7293c839e32f6ae6337b5210078b85e7.svg);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:12px;
  }
  section.content-wrapper.app-def-vals table.table-wrapper{
    width:100%;
    display:table;
    margin-top:16px;
    margin-bottom:16px;
    border-spacing:0 8px;
    border-collapse:separate;
  }
  section.content-wrapper.app-def-vals table.table-wrapper thead tr th{
    color:#989898;
    font-size:14px;
    font-weight:500;
    padding:5px 8px;
    line-height:16px;
    text-align:start;
  }
  section.content-wrapper.app-def-vals table.table-wrapper thead tr th>span{
    cursor:pointer;
    display:inline-block;
  }
  section.content-wrapper.app-def-vals table.table-wrapper thead tr th.asc>span,
  section.content-wrapper.app-def-vals table.table-wrapper thead tr th.desc>span{
    color:#7CC4CC;
  }
  section.content-wrapper.app-def-vals table.table-wrapper thead tr th .order{
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-left:1px;
    display:inline-block;
    vertical-align:middle;
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_icon-a53d835f19cd654e1aba68091ae7adcdc3b6b3e6801660c7f6f6f000c8c0b25e.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:14px;
  }
  section.content-wrapper.app-def-vals table.table-wrapper thead tr th.asc .order{
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_asc_icon-8867b9df5b681ef9e71552c122b1689fc876f33293fe2c449fa99b27b842e7a8.png);
  }
  section.content-wrapper.app-def-vals table.table-wrapper thead tr th.desc .order{
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_desc_icon-3b3ad784afbc748c695f0012d0ec10cfff14eb5eddf11d49d6492309745f4e62.png);
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td{
    color:#000000;
    font-size:14px;
    font-weight:500;
    padding:11px 8px;
    line-height:16px;
    text-align:start;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td.status{
    color:#989898;
    font-size:12px;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td.p-code{
    font-weight:600;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td.date{
    color:#989898;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status{
    padding-left:22px;
    position:relative;
    display:inline-block;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status:before{
    left:0;
    top:50%;
    content:"";
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    border-radius:100%;
    transform:translateY(-50%);
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status.draft:before{
    background-color:#D8DBE0;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status.interessato:before{
    background-color:;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status.trattativa:before{
    background-color:#FF9300;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before{
    background-color:;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status.consolidato:before{
    background-color:#0BC404;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status.chiuso:before{
    background-color:;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status.perso:before{
    background-color:;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td .status.hidden:before{
    background-color:;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr{
    cursor:pointer;
    border-radius:12px;
    background-color:#ffffff;
    box-shadow:0 0 8px rgba(0,0,0,.1);
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td:first-child{
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
  }
  section.content-wrapper.app-def-vals table.table-wrapper tbody tr td:last-child{
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
  }
/*
#--------------------------------------#
  - Cea
#--------------------------------------#
*/

  /*
  #--------------------------------------#
    - Shared
  #--------------------------------------#
  */
    section.cea{
      padding-bottom:32px;
    }
    section.cea .tabs-h-wrapper{
      font-size:0;
      display:block;
      padding:32px 0 16px;
    }
    section.cea .tabs-h-wrapper>span{
      font-size:13px;
      cursor:pointer;
      font-weight:700;
      margin-right:24px;
      display:inline-block;
      vertical-align:bottom;
      padding:6px 5px 6px 5px;
      border-bottom:2px transparent solid;
    }
    section.cea .tabs-h-wrapper>span.active{
      border-bottom:2px #7CC4CC solid;
    }
    section.cea .tabs-h-wrapper>span:last-child{
      margin-right:0;
    }
    section.cea .tabs-c-wrapper{
      font-size:0;
      display:block;
    }
    section.cea .tabs-c-wrapper>div{
      display:none;
    }
    section.cea .tabs-c-wrapper>div.active-tab{
      display:block;
    }

  /*
  #--------------------------------------#
    - Consuntivo
  #--------------------------------------#
  */
    section.cea .co-h-box-wrapper{
      font-size:0;
      padding:12px;
      margin:24px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .co-h-box-wrapper .h-wrapper p{
      margin:0;
      font-size:16px;
      font-weight:400;
      line-height:32px;
      position:relative;
    }
    section.cea .co-h-box-wrapper .h-wrapper p:before{
      top:0;
      width:3px;
      left:-12px;
      content:"";
      height:32px;
      display:block;
      position:absolute;
      background-color:#7CC4CC;
    }
    section.cea .co-h-box-wrapper .h-wrapper .value{
      color:#0BC404;
      display:block;
      text-align:end;
      font-size:48px;
      font-weight:600;
      line-height:54px;
    }
    section.cea .co-h-box-wrapper .h-wrapper .value.neg{
      color:#e51010;
    }
    section.cea .co-h-box-wrapper .s-wrapper{
      margin-top:12px;
    }
    section.cea .co-h-box-wrapper .s-wrapper span{
      color:#989898;
      display:block;
      font-size:12px;
      line-height:16px;
      position:relative;
      text-align:center;
      padding-bottom:12px;
    }
    section.cea .co-h-box-wrapper .s-wrapper span:before{
      left:50%;
      bottom:0;
      height:8px;
      content:"";
      display:block;
      position:absolute;
      width:calc(100% - 16px);
      transform:translateX(-50%);
      border-top:1px #D6D6D6 solid;
      border-left:1px #D6D6D6 solid;
      border-right:1px #D6D6D6 solid;
    }
    section.cea .co-h-box-wrapper .c-wrapper .out-wrapper,
    section.cea .co-h-box-wrapper .c-wrapper .in-wrapper{
      position:relative;
      padding:6px 8px 4px;
    }
    section.cea .co-h-box-wrapper .c-wrapper .out-wrapper:before,
    section.cea .co-h-box-wrapper .c-wrapper .in-wrapper:before{
      top:0;
      left:50%;
      content:"";
      display:block;
      position:absolute;
      width:calc(100% + 24px);
      height:calc(100% + 12px);
      transform:translateX(-50%);
    }
    section.cea .co-h-box-wrapper .c-wrapper .out-wrapper:before{
      background-color:rgba(255,0,0,.07);
    }
    section.cea .co-h-box-wrapper .c-wrapper .in-wrapper:before{
      background-color:rgba(11,196,4,.07);
    }
    section.cea .co-h-box-wrapper .c-wrapper .in-wrapper>div,
    section.cea .co-h-box-wrapper .c-wrapper .out-wrapper>div{
      z-index:5;
      position:relative;
    }
    section.cea .co-h-box-wrapper .c-wrapper .top-value{
      display:block;
      font-size:14px;
      font-weight:600;
      line-height:20px;
      text-align:center;
    }
    section.cea .co-h-box-wrapper .c-wrapper .l-wrapper{
      display:block;
    }
    section.cea .co-h-box-wrapper .c-wrapper .l-wrapper .c-label{
      display:block;
      color:#727272;
      font-size:12px;
      font-weight:400;
      line-height:18px;
      position:relative;
    }
    section.cea .co-h-box-wrapper .c-wrapper .l-wrapper .c-label:before{
      right:0;
      bottom:4px;
      height:1px;
      content:"";
      display:block;
      position:absolute;
      width:calc(100% - 32px);
      background-color:#D8DBE0;
    }
    section.cea .co-h-box-wrapper .c-wrapper .l-wrapper p{
      font-size:13px;
      font-weight:400;
      margin:10px 0 0;
    }
    section.cea .co-h-box-wrapper .c-wrapper .l-wrapper .value{
      display:block;
      font-size:13px;
      text-align:end;
      font-weight:600;
      margin:10px 0 0;
    }
    section.cea .co-co-box-wrapper{
      font-size:0;
      margin:12px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      padding:12px 12px 8px 12px;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .co-co-box-wrapper .heading{
      display:block;
      padding:0 0 4px;
      margin-bottom:4px;
      border-bottom:1px #eeeeee solid;
    }
    section.cea .co-co-box-wrapper .heading p{
      margin:0;
      font-size:14px;
      font-weight:400;
      line-height:20px;
      position:relative;
    }
    section.cea .co-co-box-wrapper .heading p:before{
      top:0;
      width:3px;
      left:-12px;
      content:"";
      height:20px;
      display:block;
      position:absolute;
    }
    section.cea .co-co-box-wrapper .heading.green p:before{
      background-color:#0BC404;
    }
    section.cea .co-co-box-wrapper .heading.purple p:before{
      background-color:#981869;
    }
    section.cea .co-co-box-wrapper .heading .value{
      display:block;
      text-align:end;
      font-size:16px;
      font-weight:600;
      line-height:20px;
    }
    section.cea .co-co-box-wrapper .heading.green .value{
      color:#0BC404;
    }
    section.cea .co-co-box-wrapper .heading.purple .value{
      color:#981869;
    }
    section.cea .co-co-box-wrapper .spacer{
      width:100%;
      height:1px;
      display:block;
      margin:12px 0 15px;
      background-color:#7CC4CC;
    }
    section.cea .co-co-box-wrapper .rows-wrapper{
      display:block;
      margin:8px 0 4px;
    }
    section.cea .co-co-box-wrapper .rows-wrapper p{
      margin:0;
      font-size:12px;
      font-weight:400;
      line-height:20px;
      position:relative;
    }
    section.cea .co-co-box-wrapper .rows-wrapper p>span{
      font-size:9px;
    }
    section.cea .co-co-box-wrapper .rows-wrapper .value{
      display:block;
      text-align:end;
      font-size:14px;
      font-weight:400;
      line-height:20px;
    }
    section.cea .co-co-box-wrapper .rows-wrapper.green .value{
      color:#0BC404;
    }
    section.cea .co-co-box-wrapper .rows-wrapper.purple .value{
      color:#981869;
    }
    section.cea .co-an-box-wrapper{
      font-size:0;
      margin:12px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      padding:12px 12px 8px 12px;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .co-an-box-wrapper .t-heading{
      display:block;
      padding:0 0 8px;
    }
    section.cea .co-an-box-wrapper .t-heading p{
      margin:0;
      color:#727272;
      font-size:11px;
      font-weight:400;
      line-height:16px;
    }
    section.cea .co-an-box-wrapper .t-heading p.te{
      text-align:end;
    }
    section.cea .co-an-box-wrapper .heading{
      display:block;
      padding:0 0 8px;
      margin-bottom:10px;
      border-bottom:1px #eeeeee solid;
    }
    section.cea .co-an-box-wrapper .heading.nobb{
      margin-bottom:0;
      border-bottom:0;
    }
    section.cea .co-an-box-wrapper .heading p{
      margin:0;
      font-size:14px;
      font-weight:400;
      line-height:20px;
      position:relative;
    }
    section.cea .co-an-box-wrapper .heading p>span{
      font-size:9px;
    }
    section.cea .co-an-box-wrapper .heading p:before{
      top:0;
      width:3px;
      left:-12px;
      content:"";
      height:20px;
      display:block;
      position:absolute;
    }
    section.cea .co-an-box-wrapper .heading.green p:before{
      background-color:#0BC404;
    }
    section.cea .co-an-box-wrapper .heading.orange p:before{
      background-color:#FF9300;
    }
    section.cea .co-an-box-wrapper .heading.light-blue p:before{
      background-color:#8BD0EF;
    }
    section.cea .co-an-box-wrapper .heading.black p:before{
      background-color:#1D211D;
    }
    section.cea .co-an-box-wrapper .heading.purple p:before{
      background-color:#9B49ED;
    }
    section.cea .co-an-box-wrapper .heading .value{
      display:block;
      text-align:end;
      font-size:16px;
      font-weight:600;
      line-height:20px;
    }
    section.cea .co-an-box-wrapper .heading.green .value{
      color:#0BC404;
    }
    section.cea .co-an-box-wrapper .heading.orange .value{
      color:#FF9300;
    }
    section.cea .co-an-box-wrapper .heading.light-blue .value{
      color:#8BD0EF;
    }
    section.cea .co-an-box-wrapper .heading.black .value{
      color:#1D211D;
    }
    section.cea .co-an-box-wrapper .heading.purple .value{
      color:#9B49ED;
    }
    section.cea .co-an-box-wrapper .spacer{
      width:100%;
      height:1px;
      display:block;
      margin:12px 0 15px;
      background-color:#7CC4CC;
    }
    section.cea .co-det-box-wrapper{
      font-size:0;
      margin:12px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      padding:12px 12px 8px 12px;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .co-det-box-wrapper .heading{
      display:block;
      padding:0 0 8px;
      margin-bottom:10px;
      border-bottom:1px #eeeeee solid;
    }
    section.cea .co-det-box-wrapper .heading.nobb{
      margin-bottom:0;
      border-bottom:0;
    }
    section.cea .co-det-box-wrapper .heading p{
      margin:0;
      font-size:14px;
      font-weight:400;
      line-height:20px;
      position:relative;
    }
    section.cea .co-det-box-wrapper .heading p:before{
      top:0;
      width:3px;
      left:-12px;
      content:"";
      height:20px;
      display:block;
      position:absolute;
    }
    section.cea .co-det-box-wrapper .heading.green p:before{
      background-color:#0BC404;
    }
    section.cea .co-det-box-wrapper .heading .value{
      display:block;
      text-align:end;
      font-size:16px;
      font-weight:600;
      line-height:20px;
    }
    section.cea .co-det-box-wrapper .heading.green .value{
      color:#0BC404;
    }
    section.cea .co-det-box-wrapper .spacer{
      width:100%;
      height:1px;
      display:block;
      margin:12px 0 15px;
      background-color:#7CC4CC;
    }
    section.cea .co-det-box-wrapper .t-heading{
      display:block;
      padding:0 0 8px;
    }
    section.cea .co-det-box-wrapper .t-heading p{
      margin:0;
      color:#727272;
      font-size:11px;
      font-weight:400;
      line-height:16px;
    }
    section.cea .co-det-box-wrapper .t-heading p.te{
      text-align:end;
    }
    section.cea .co-det-box-wrapper .sm-heading{
      display:block;
      padding:0 0 8px;
      margin-bottom:10px;
      border-bottom:1px #eeeeee solid;
    }
    section.cea .co-det-box-wrapper .sm-heading.nobb{
      margin-bottom:0;
      border-bottom:0;
    }
    section.cea .co-det-box-wrapper .sm-heading p{
      margin:0;
      font-size:12px;
      font-weight:400;
      line-height:20px;
      position:relative;
    }
    section.cea .co-det-box-wrapper .sm-heading p:before{
      top:0;
      width:3px;
      left:-12px;
      content:"";
      height:20px;
      display:block;
      position:absolute;
    }
    section.cea .co-det-box-wrapper .sm-heading.purple p:before{
      background-color:#9B49ED;
    }
    section.cea .co-det-box-wrapper .sm-heading.light-blue p:before{
      background-color:#8BD0EF;
    }
    section.cea .co-det-box-wrapper .sm-heading.green p:before{
      background-color:#0BC404;
    }
    section.cea .co-det-box-wrapper .sm-heading.orange p:before{
      background-color:#FF9300;
    }
    section.cea .co-det-box-wrapper .sm-heading .value{
      display:block;
      text-align:end;
      font-size:16px;
      font-weight:600;
      line-height:20px;
    }
    section.cea .co-det-box-wrapper .sm-heading .value.sm{
      font-size:13px;
      font-weight:400;
    }
    section.cea .co-det-box-wrapper .sm-heading.purple .value{
      color:#9B49ED;
    }
    section.cea .co-det-box-wrapper .sm-heading.light-blue .value{
      color:#8BD0EF;
    }
    section.cea .co-det-box-wrapper .sm-heading.green .value{
      color:#0BC404;
    }
    section.cea .co-det-box-wrapper .sm-heading.orange .value{
      color:#FF9300;
    }
    section.cea .co-det-box-wrapper .bv-wrapper{
      width:100%;
      height:100%;
      position:relative;
      background-color:#F8F8F8;
    }
    section.cea .co-det-box-wrapper .bv-wrapper.wbb{
      border-bottom:8px #ffffff solid;
    }
    section.cea .co-det-box-wrapper .bv-wrapper .b-value{
      top:50%;
      left:50%;
      width:100%;
      display:block;
      font-size:18px;
      font-weight:600;
      text-align:center;
      position:absolute;
      transform:translateX(-50%) translateY(-50%);
    }
    section.cea .inc-people-filters-wrapper{
      font-size:0;
      display:block;
      padding-top:20px;
    }
    section.cea .inc-people-filters-wrapper>span{
      color:#989898;
      cursor:pointer;
      font-size:13px;
      font-weight:500;
      line-height:20px;
      margin-right:15px;
      padding-left:24px;
      position:relative;
      display:inline-block;
      vertical-align:middle;
    }
    section.cea .inc-people-filters-wrapper>span.active{
      color:#7CC4CC;
    }
    section.cea .inc-people-filters-wrapper>span:before{
      left:0;
      top:50%;
      content:"";
      width:16px;
      height:16px;
      border-radius:3px;
      position:absolute;
      border:1px #7CC4CC solid;
      transform:translateY(-50%);
    }
    section.cea .inc-people-filters-wrapper>span.active:after{
      top:50%;
      left:6px;
      width:4px;
      height:8px;
      content:"";
      position:absolute;
      border-right:2px #7CC4CC solid;
      border-bottom:2px #7CC4CC solid;
      transform:translateY(-50%) translateY(-1px) rotate(45deg);
    }
    section.cea .inc-view-filters-wrapper{
      font-size:0;
      display:block;
      padding-top:20px;
    }
    section.cea .inc-view-filters-wrapper>span{
      color:#7CC4CC;
      cursor:pointer;
      font-size:13px;
      min-width:120px;
      padding:4px 16px;
      line-height:20px;
      margin-right:8px;
      position:relative;
      border-radius:6px;
      text-align:center;
      display:inline-block;
      vertical-align:middle;
      border:1px #7CC4CC solid;
      background-color:#ffffff;
    }
    section.cea .inc-view-filters-wrapper>span.active{
      color:#ffffff;
      background-color:#7CC4CC;
    }
    section.cea .inc-table-wrapper{
      font-size:0;
      display:block;
      padding-top:4px;
    }
    section.cea .inc-table-wrapper h4{
      color:#7CC4CC;
      font-size:14px;
      margin:16px 0 0;
      font-weight:500;
    }
    section.cea .inc-table-wrapper table{
      width:100%;
      margin:12px 0 0;
      overflow:hidden;
      border-radius:8px;
      border-collapse:collapse;
      background-color:#ffffff;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .inc-table-wrapper table thead tr th{
      font-size:13px;
      font-weight:700;
      line-height:16px;
      padding:12px 16px;
    }
    section.cea .inc-table-wrapper table thead tr th:first-child{
      background-color:#F8F8F8;
    }
    section.cea .inc-table-wrapper table thead tr th.as{
      text-align:start;
    }
    section.cea .inc-table-wrapper table thead tr th.ae{
      text-align:end;
    }
    section.cea .inc-table-wrapper table tbody tr{
      border-top:1px #e1e1e1 solid;
    }
    section.cea .inc-table-wrapper table tbody tr td{
      font-size:13px;
      font-weight:400;
      line-height:16px;
      padding:8px 16px;
    }
    section.cea .inc-table-wrapper table tbody tr td:first-child{
      background-color:#F8F8F8;
    }
    section.cea .inc-table-wrapper table tbody tr td.as{
      text-align:start;
    }
    section.cea .inc-table-wrapper table tbody tr td.ae{
      text-align:end;
    }
    section.cea .co-inc-c-wrapper{
      font-size:0;
      padding:12px;
      margin:12px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .co-inc-c-wrapper.wu{
      margin:44px 0 0;
    }
    section.cea .co-inc-c-wrapper p{
      margin:0;
      color:#981869;
      font-size:14px;
      font-weight:600;
      line-height:20px;
    }
    section.cea .co-inc-c-wrapper .i-co-inc-c-wrapper{
      width:100%;
      height:240px;
      font-size:12px;
    }

  /*
  #--------------------------------------#
    - Andamento
  #--------------------------------------#
  */
    section.cea .create-btn{
      color:#ffffff;
      cursor:pointer;
      font-size:13px;
      margin-top:12px;
      font-weight:500;
      padding:6px 20px;
      border-radius:5px;
      display:inline-block;
      background-color:#7CC4CC;
    }
    section.cea .an-c-wrapper{
      font-size:0;
      padding:12px;
      margin:12px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .an-c-wrapper .i-an-l-wrapper{
      width:100%;
      font-size:12px;
      line-height:16px;
    }
    section.cea .an-c-wrapper .i-an-c-wrapper{
      width:100%;
      height:300px;
      font-size:12px;
    }
    section.cea .an-c-wrapper .c-heading{
      font-size:0;
      display:block;
      position:relative;
      margin-bottom:12px;
    }
    section.cea .an-c-wrapper .c-heading:before{
      top:0;
      width:3px;
      left:-12px;
      content:"";
      height:22px;
      display:block;
      position:absolute;
    }
    section.cea .an-c-wrapper.red .c-heading:before{
      background-color:#981869;
    }
    section.cea .an-c-wrapper.yellow .c-heading:before{
      background-color:#E8B62E;
    }
    section.cea .an-c-wrapper.purple .c-heading:before{
      background-color:#9B49ED;
    }
    section.cea .an-c-wrapper.green .c-heading:before{
      background-color:#42C38C;
    }
    section.cea .an-c-wrapper.orange .c-heading:before{
      background-color:#FF8B03;
    }
    section.cea .an-c-wrapper.light-blue .c-heading:before{
      background-color:#88A9F2;
    }
    section.cea .an-c-wrapper .c-heading .label{
      width:50%;
      font-size:14px;
      font-weight:400;
      text-align:start;
      line-height:22px;
      display:inline-block;
      vertical-align:middle;
    }
    section.cea .an-c-wrapper .c-heading .value{
      width:50%;
      text-align:end;
      font-size:16px;
      font-weight:600;
      line-height:22px;
      display:inline-block;
      vertical-align:middle;
    }
    section.cea .an-c-wrapper.red .c-heading .value{
      color:#981869;
    }
    section.cea .an-c-wrapper.yellow .c-heading .value{
      color:#E8B62E;
    }
    section.cea .an-c-wrapper.purple .c-heading .value{
      color:#9B49ED;
    }
    section.cea .an-c-wrapper.green .c-heading .value{
      color:#42C38C;
    }
    section.cea .an-c-wrapper.orange .c-heading .value{
      color:#FF8B03;
    }
    section.cea .an-c-wrapper.light-blue .c-heading .value{
      color:#88A9F2;
    }
    section.cea .an-c-wrapper .c-heading .value .edit-btn{
      width:20px;
      height:20px;
      cursor:pointer;
      margin-top:-3px;
      margin-left:3px;
      display:inline-block;
      vertical-align:middle;
      background-image:url(https://sp-stag.twig.design/assets/icons/edit_icon_azure-07d4726321c2cd8ab604eccafe02f3c4f540799cde1737cba259f46c6efac08d.svg);
      background-repeat:no-repeat;
      background-position:center;
      background-size:16px;
    }
    section.cea .an-c-wrapper .c-heading .value input::placeholder{
      color:#aaaaaa;
      font-style:italic;
    }
    section.cea .an-c-wrapper .c-heading .value input::-ms-input-placeholder{
      color:#aaaaaa;
      font-style:italic;
    }
    section.cea .an-c-wrapper .c-heading .value>div{
      display:inline-block;
      vertical-align:middle;
      width:calc(100% - 24px);
    }
    section.cea .an-c-wrapper .c-heading .value input{
      margin:0;
      width:100%;
      display:block;
      font-size:12px;
      padding:3px 8px;
      line-height:14px;
      border-radius:3px;
      border:1px #dddddd solid;
      border-top-right-radius:0;
      border-bottom-right-radius:0;
      border-right:0;
    }
    section.cea .an-c-wrapper .c-heading .value .save-btn{
      width:22px;
      height:22px;
      cursor:pointer;
      border-radius:3px;
      display:inline-block;
      vertical-align:middle;
      background-color:#7CC4CC;
      border-top-left-radius:0;
      border-bottom-left-radius:0;
      background-image:url(https://sp-stag.twig.design/assets/icons/save_obj_icon-8ff838d1454872569f02fef5919c91dfe165885cac7361e9f58f277787cbb0f7.svg);
      background-repeat:no-repeat;
      background-position:center;
      background-size:12px;
    }
    section.cea .h-values-popup-wrapper{
      top:0;
      left:0;
      width:100%;
      z-index:200;
      height:100vh;
      position:fixed;
      background-color:rgba(255,255,255,.75);
    }
    section.cea .h-values-popup-wrapper .box-wrapper{
      top:50%;
      left:50%;
      width:100%;
      display:block;
      overflow:auto;
      max-width:480px;
      text-align:center;
      position:absolute;
      border-radius:8px;
      padding:20px 24px;
      background-color:#ffffff;
      max-height:calc(100vh - 200px);
      box-shadow:0 0 5px rgba(0,0,0,.2);
      transform:translateX(-50%) translateY(-50%);
    }
    section.cea .h-values-popup-wrapper .box-wrapper .close{
      top:8px;
      right:8px;
      width:20px;
      height:20px;
      display:block;
      cursor:pointer;
      position:absolute;
      background-image:url(https://sp-stag.twig.design/assets/icons/remove_row_icon-7209947157d3570b6fb00cc324691d685f335e00a3ee3f34132e0d6a36841ebb.svg);
      background-repeat:no-repeat;
      background-position:center;
      background-size:12px;
    }
    section.cea .h-values-popup-wrapper .box-wrapper h4{
      margin:0;
      font-size:16px;
      font-weight:500;
      line-height:20px;
      text-align:center;
      padding-bottom:12px;
    }
    section.cea .h-values-popup-wrapper .box-wrapper p{
      margin:0;
      font-size:13px;
      font-weight:500;
      line-height:17px;
      text-align:center;
      padding-bottom:12px;
    }
    section.cea .h-values-popup-wrapper .form-wrapper{
      display:block;
      text-align:start;
      padding-bottom:12px;
    }
    section.cea .h-values-popup-wrapper .form-wrapper label{
      margin:0;
      display:block;
      font-size:13px;
      font-weight:700;
      line-height:16px;
      padding:12px 0 5px;
    }
    section.cea .h-values-popup-wrapper .form-wrapper label.red{
      color:#981869;
    }
    section.cea .h-values-popup-wrapper .form-wrapper label.yellow{
      color:#E8B62E;
    }
    section.cea .h-values-popup-wrapper .form-wrapper label.purple{
      color:#9B49ED;
    }
    section.cea .h-values-popup-wrapper .form-wrapper label.green{
      color:#42C38C;
    }
    section.cea .h-values-popup-wrapper .form-wrapper label.orange{
      color:#FF8B03;
    }
    section.cea .h-values-popup-wrapper .form-wrapper label.light-blue{
      color:#88A9F2;
    }
    section.cea .h-values-popup-wrapper .form-wrapper input::placeholder{
      color:#aaaaaa;
      font-style:italic;
    }
    section.cea .h-values-popup-wrapper .form-wrapper input::-ms-input-placeholder{
      color:#aaaaaa;
      font-style:italic;
    }
    section.cea .h-values-popup-wrapper .form-wrapper input,
    section.cea .h-values-popup-wrapper .form-wrapper select,
    section.cea .h-values-popup-wrapper .form-wrapper textarea{
      margin:0;
      width:100%;
      display:block;
      font-size:12px;
      padding:4px 8px;
      margin:0 0 8px 0;
      line-height:16px;
      border-radius:3px;
      border:1px #dddddd solid;
    }
    section.cea .h-values-popup-wrapper .form-wrapper textarea{
      resize:none;
      height:80px;
    }
    section.cea .h-values-popup-wrapper .box-wrapper .save-btn{
      color:#ffffff;
      cursor:pointer;
      font-size:13px;
      font-weight:500;
      margin:12px 0 0;
      padding:6px 20px;
      border-radius:5px;
      display:inline-block;
      background-color:#7CC4CC;
    }
    section.cea .h-values-popup-wrapper .box-wrapper .save-btn:after{
      width:0;
      height:0;
      content:"";
      margin-left:0;
      display:inline-block;
      vertical-align:middle;
      transition:all 100ms ease-in-out 0ms;
      animation:spin 750ms ease-in-out 0ms infinite;
      background-image:url(https://sp-stag.twig.design/assets/icons/loading_icon_white-d729722c2453577a70dcdd00b05c57995e0ae890dbe8c903de71d675f81d6ab6.svg);
      background-repeat:no-repeat;
      background-position:center;
      background-size:0;
    }
    section.cea .h-values-popup-wrapper .box-wrapper .save-btn.loading{
      opacity:.75;
      pointer-events:none;
    }
    section.cea .h-values-popup-wrapper .box-wrapper .save-btn.loading:after{
      width:16px;
      height:16px;
      margin-top:-2px;
      margin-left:10px;
      background-size:16px;
    }

  /*
  #--------------------------------------#
    - Bilancino
  #--------------------------------------#
  */
    section.cea p.section-ot{
      margin:0;
      font-size:16px;
      font-weight:500;
      line-height:20px;
      padding:24px 0 0;
    }
    section.cea p.section-ot .edit-btn{
      width:20px;
      height:20px;
      cursor:pointer;
      margin-top:-3px;
      margin-left:3px;
      display:inline-block;
      vertical-align:middle;
      background-image:url(https://sp-stag.twig.design/assets/icons/edit_icon_azure-07d4726321c2cd8ab604eccafe02f3c4f540799cde1737cba259f46c6efac08d.svg);
      background-repeat:no-repeat;
      background-position:center;
      background-size:16px;
    }
    section.cea p.section-ot.red{
      color:#981869;
    }
    section.cea p.section-ot.yellow{
      color:#E8B62E;
    }
    section.cea p.section-ot.purple{
      color:#9B49ED;
    }
    section.cea p.section-ot.green{
      color:#42C38C;
    }
    section.cea p.section-ot.orange{
      color:#FF8B03;
    }
    section.cea p.section-ot.light-blue{
      color:#88A9F2;
    }
    section.cea .bi-box-wrapper{
      font-size:0;
      padding:12px;
      margin:12px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .bi-box-wrapper .heading{
      display:block;
    }
    section.cea .bi-box-wrapper .spacer{
      width:100%;
      height:16px;
      display:block;
    }
    section.cea .bi-box-wrapper .spacer:last-child{
      display:none;
    }
    section.cea .bi-box-wrapper .heading p{
      margin:0 0 4px;
      font-size:14px;
      font-weight:600;
      line-height:20px;
      position:relative;
    }
    section.cea .bi-box-wrapper .heading p:before{
      top:0;
      width:3px;
      left:-12px;
      content:"";
      height:20px;
      display:block;
      position:absolute;
    }
    section.cea .bi-box-wrapper .heading.green p:before{
      background-color:#42C38C;
    }
    section.cea .bi-box-wrapper .heading.yellow p:before{
      background-color:#E8B62E;
    }
    section.cea .bi-box-wrapper .heading.blue p:before{
      background-color:#2A47C1;
    }
    section.cea .bi-box-wrapper .heading.purple p:before{
      background-color:#9B49ED;
    }
    section.cea .bi-box-wrapper .heading.grey p:before{
      background-color:#989898;
    }
    section.cea .bi-box-wrapper .heading .value{
      display:block;
      text-align:end;
      font-size:16px;
      font-weight:600;
      line-height:20px;
    }
    section.cea .bi-box-wrapper .heading.green .value{
      color:#42C38C;
    }
    section.cea .bi-box-wrapper .heading.yellow .value{
      color:#E8B62E;
    }
    section.cea .bi-box-wrapper .heading.blue .value{
      color:#2A47C1;
    }
    section.cea .bi-box-wrapper .heading.purple .value{
      color:#9B49ED;
    }
    section.cea .bi-box-wrapper .heading.grey .value{
      color:#989898;
    }
    section.cea .bi-box-wrapper .value-row{
      display:block;
      padding:4px 0 0;
      position:relative;
      padding-right:36px;
    }
    section.cea .bi-box-wrapper .value-row.wbb{
      padding-right:0;
      border-bottom:1px #dddddd solid;
    }
    section.cea .bi-box-wrapper .value-row:last-child{
      border-bottom:0;
    }
    section.cea .bi-box-wrapper .value-row p{
      display:block;
      margin:0 0 3px;
      font-size:13px;
      line-height:20px;
    }
    section.cea .bi-box-wrapper .value-row .value{
      display:block;
      margin:0 0 3px;
      font-size:13px;
      text-align:end;
      font-weight:600;
      line-height:20px;
    }
    section.cea .bi-box-wrapper .value-row input::placeholder{
      color:#aaaaaa;
      font-style:italic;
    }
    section.cea .bi-box-wrapper .value-row input::-ms-input-placeholder{
      color:#aaaaaa;
      font-style:italic;
    }
    section.cea .bi-box-wrapper .value-row input{
      margin:0;
      width:100%;
      display:block;
      font-size:12px;
      padding:4px 8px;
      margin:0 0 8px 0;
      line-height:16px;
      border-radius:3px;
      border:1px #dddddd solid;
    }
    section.cea .bi-box-wrapper .value-row .is-invalid input{
      border:1px #F04F7A solid;
    }
    section.cea .bi-box-wrapper .value-row .remove-row{
      right:0;
      top:7px;
      width:20px;
      height:20px;
      font-size:0;
      display:block;
      cursor:pointer;
      position:absolute;
      border-radius:100%;
      box-shadow:0 0 3px rgba(0,0,0,.3);
      background-image:url(https://sp-stag.twig.design/assets/icons/remove_row_icon-7209947157d3570b6fb00cc324691d685f335e00a3ee3f34132e0d6a36841ebb.svg);
      background-repeat:no-repeat;
      background-position:center;
      background-size:8px;
    }
    section.cea .bi-box-wrapper .add-row{
      width:32px;
      height:32px;
      font-size:0;
      display:block;
      margin-top:5px;
      cursor:pointer;
      border-radius:100%;
      box-shadow:0 0 3px rgba(0,0,0,.3);
      background-image:url(https://sp-stag.twig.design/assets/icons/add_row_icon-e5015cba23e1657d0bece26121fb3430700b67049eb5d02c11e3f2442bf88eb7.svg);
      background-repeat:no-repeat;
      background-position:center;
      background-size:16px;
    }
    section.cea .bi-box-wrapper .save-btn{
      color:#ffffff;
      cursor:pointer;
      font-size:13px;
      font-weight:500;
      padding:6px 20px;
      border-radius:5px;
      display:inline-block;
      background-color:#7CC4CC;
    }
    section.cea .bi-box-wrapper .save-btn:after{
      width:0;
      height:0;
      content:"";
      margin-left:0;
      display:inline-block;
      vertical-align:middle;
      transition:all 100ms ease-in-out 0ms;
      animation:spin 750ms ease-in-out 0ms infinite;
      background-image:url(https://sp-stag.twig.design/assets/icons/loading_icon_white-d729722c2453577a70dcdd00b05c57995e0ae890dbe8c903de71d675f81d6ab6.svg);
      background-repeat:no-repeat;
      background-position:center;
      background-size:0;
    }
    section.cea .bi-box-wrapper .save-btn.loading{
      opacity:.75;
      pointer-events:none;
    }
    section.cea .bi-box-wrapper .save-btn.loading:after{
      width:16px;
      height:16px;
      margin-top:-2px;
      margin-left:10px;
      background-size:16px;
    }
    section.cea .sbi-box-wrapper{
      font-size:0;
      padding:12px;
      margin:12px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .sbi-box-wrapper .heading{
      display:block;
    }
    section.cea .sbi-box-wrapper .spacer{
      width:100%;
      height:8px;
      display:block;
    }
    section.cea .sbi-box-wrapper .heading p{
      margin:0 0 8px;
      font-size:13px;
      font-weight:600;
      line-height:20px;
      position:relative;
    }
    section.cea .sbi-box-wrapper .heading .value{
      display:block;
      text-align:end;
      margin:0 0 8px;
      font-size:14px;
      font-weight:600;
      line-height:20px;
    }
    section.cea .sbi-box-wrapper .rows-wrapper{
      display:block;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper{
      padding:6px 0;
      border-bottom:1px #dddddd solid;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper:last-child{
      border-bottom:0;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper p{
      margin:0;
      font-size:13px;
      font-weight:500;
      line-height:18px;
      position:relative;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper p:before{
      top:0;
      width:3px;
      left:-12px;
      content:"";
      height:20px;
      display:block;
      position:absolute;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.green p:before{
      background-color:#42C38C;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.yellow p:before{
      background-color:#E8B62E;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.blue p:before{
      background-color:#2A47C1;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.purple p:before{
      background-color:#9B49ED;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.light-blue p:before{
      background-color:#88A9F2;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.orange p:before{
      background-color:#FF8B03;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.grey p:before{
      background-color:#989898;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.red p:before{
      background-color:#981869;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.green p>span{
      color:#42C38C;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.yellow p>span{
      color:#E8B62E;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.blue p>span{
      color:#2A47C1;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.purple p>span{
      color:#9B49ED;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.light-blue p>span{
      color:#88A9F2;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.orange p>span{
      color:#FF8B03;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.grey p>span{
      color:#989898;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.red p>span{
      color:#981869;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper .value{
      display:block;
      text-align:end;
      font-size:14px;
      font-weight:600;
      line-height:18px;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.green .value{
      color:#42C38C;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.yellow .value{
      color:#E8B62E;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.blue .value{
      color:#2A47C1;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.purple .value{
      color:#9B49ED;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.light-blue .value{
      color:#88A9F2;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.orange .value{
      color:#FF8B03;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.grey .value{
      color:#989898;
    }
    section.cea .sbi-box-wrapper .rows-wrapper .row-wrapper.red .value{
      color:#981869;
    }
    section.cea .bi-c-wrapper{
      font-size:0;
      padding:12px;
      margin:32px 0 0;
      overflow:hidden;
      border-radius:8px;
      background-color:#ffffff;
      box-shadow:0 0 5px rgba(0,0,0,.25);
    }
    section.cea .bi-c-wrapper p{
      margin:0;
      color:#981869;
      font-size:14px;
      font-weight:600;
      line-height:20px;
    }
    section.cea .bi-c-wrapper .i-bi-c-wrapper{
      width:100%;
      height:300px;
      font-size:12px;
    }

  /*
  #--------------------------------------#
    - Commesse
  #--------------------------------------#
  */
    section.cea .filters-wrapper{
      width:100%;
      font-size:0;
      display:block;
      line-height:0;
    }
    section.cea .filters-wrapper>div{
      margin:8px;
      display:inline-block;
      vertical-align:middle;
    }
    section.cea .filters-wrapper>div:first-child{
      margin-left:0;
    }
    section.cea .filters-wrapper>div:last-child{
      margin-right:0;
    }
    section.cea .filters-wrapper>div select{
      border:0;
      color:#989898;
      font-size:13px;
      font-weight:500;
      appearance:none;
      -moz-appearance:none;
      -webkit-appearance:none;
      padding:4px 20px 4px 8px;
      background-color:transparent;
      background-image:url(https://sp-stag.twig.design/assets/icons/custom_select_icon-d81e1e47f2b6f0d353dc6d84ffa971ee7293c839e32f6ae6337b5210078b85e7.svg);
      background-position:right center;
      background-repeat:no-repeat;
      background-size:12px;
    }
    section.cea table.table-wrapper{
      width:100%;
      display:table;
      margin-top:16px;
      margin-bottom:16px;
      border-spacing:0 8px;
      border-collapse:separate;
    }
    section.cea table.table-wrapper thead tr th{
      color:#989898;
      font-size:14px;
      font-weight:500;
      padding:5px 8px;
      line-height:16px;
      text-align:start;
    }
    section.cea table.table-wrapper thead tr th>span{
      cursor:pointer;
      display:inline-block;
    }
    section.cea table.table-wrapper thead tr th.asc>span,
    section.cea table.table-wrapper thead tr th.desc>span{
      color:#7CC4CC;
    }
    section.cea table.table-wrapper thead tr th .order{
      width:16px;
      height:16px;
      margin-top:-2px;
      margin-left:1px;
      display:inline-block;
      vertical-align:middle;
      background-image:url(https://sp-stag.twig.design/assets/icons/filters_icon-a53d835f19cd654e1aba68091ae7adcdc3b6b3e6801660c7f6f6f000c8c0b25e.png);
      background-repeat:no-repeat;
      background-position:center;
      background-size:14px;
    }
    section.cea table.table-wrapper thead tr th.asc .order{
      background-image:url(https://sp-stag.twig.design/assets/icons/filters_asc_icon-8867b9df5b681ef9e71552c122b1689fc876f33293fe2c449fa99b27b842e7a8.png);
    }
    section.cea table.table-wrapper thead tr th.desc .order{
      background-image:url(https://sp-stag.twig.design/assets/icons/filters_desc_icon-3b3ad784afbc748c695f0012d0ec10cfff14eb5eddf11d49d6492309745f4e62.png);
    }
    section.cea table.table-wrapper tbody tr td{
      color:#000000;
      font-size:14px;
      font-weight:500;
      padding:11px 8px;
      line-height:16px;
      text-align:start;
    }
    section.cea table.table-wrapper tbody tr td .progress{
      height:5px;
      width:100px;
      display:block;
      position:relative;
      background-color:#dddddd;
    }
    section.cea table.table-wrapper tbody tr td .progress .pipe-bar{
      top:50%;
      width:2px;
      height:12px;
      display:block;
      position:absolute;
      background-color:#000000;
      border-top:2px transparent solid;
      border-bottom:2px transparent solid;
      transform:translateX(-50%) translateY(-50%);
    }
    section.cea table.table-wrapper tbody tr td .progress .pipe-bar.over{
      background-color:#f35b2b;
    }
    section.cea table.table-wrapper tbody tr td.status{
      color:#989898;
      font-size:12px;
    }
    section.cea table.table-wrapper tbody tr td.p-code{
      font-weight:600;
    }
    section.cea table.table-wrapper tbody tr td.date{
      color:#989898;
    }
    section.cea table.table-wrapper tbody tr td .status{
      padding-left:24px;
      position:relative;
      display:inline-block;
    }
    section.cea table.table-wrapper tbody tr td .status:before{
      left:0;
      top:50%;
      content:"";
      width:16px;
      height:16px;
      display:block;
      position:absolute;
      border-radius:100%;
      border:1px #ffffff solid;
      transform:translateY(-50%);
    }
    section.cea table.table-wrapper tbody tr td .status.draft:before{
      background-color:#adb5bd;
    }
    section.cea table.table-wrapper tbody tr td .status.interessato:before{
      background-color:#4263eb;
    }
    section.cea table.table-wrapper tbody tr td .status.trattativa:before{
      background-color:#f59f00;
    }
    section.cea table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before{
      background-color:#f59f00;
    }
    section.cea table.table-wrapper tbody tr td .status.consolidato:before{
      background-color:#37b24d;
    }
    section.cea table.table-wrapper tbody tr td .status.chiuso:before{
      background-color:#f03e3e;
    }
    section.cea table.table-wrapper tbody tr td .status.perso:before{
      background-color:#495057;
    }
    section.cea table.table-wrapper tbody tr td .status.hidden:before{
      background-color:#e9ecef;
    }
    section.cea table.table-wrapper tbody tr{
      border-radius:12px;
      background-color:#ffffff;
      box-shadow:0 0 8px rgba(0,0,0,.1);
    }
    section.cea table.table-wrapper tbody tr td:first-child{
      border-top-left-radius:12px;
      border-bottom-left-radius:12px;
    }
    section.cea table.table-wrapper tbody tr td:last-child{
      border-top-right-radius:12px;
      border-bottom-right-radius:12px;
    }



/*
#--------------------------------------#
  - Cep
#--------------------------------------#
*/
  section.cep{
    padding-bottom:32px;
  }
  section.cep h1>.links-wrapper{
    right:0;
    bottom:12px;
    display:block;
    position:absolute;
  }
  section.cep h1>.edit-project-code-wrapper{
    font-size:0;
    margin-left:4px;
    display:inline-block;
    vertical-align:middle;
  }
  section.cep h1>.edit-project-code-wrapper .icon{
    width:16px;
    height:16px;
    display:block;
    cursor:pointer;
    margin-top:-7px;
    background-image:url(https://sp-stag.twig.design/assets/icons/edit_icon_azure-07d4726321c2cd8ab604eccafe02f3c4f540799cde1737cba259f46c6efac08d.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:16px;
  }
  section.cep h1>.edit-project-code-wrapper .overlay{
    top:0;
    left:0;
    width:100%;
    z-index:200;
    height:100vh;
    position:fixed;
    line-height:initial;
    background-color:rgba(255,255,255,.75);
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper{
    top:50%;
    left:50%;
    width:100%;
    display:block;
    overflow:auto;
    max-width:480px;
    text-align:center;
    position:absolute;
    border-radius:8px;
    padding:20px 24px;
    background-color:#ffffff;
    max-height:calc(100vh - 200px);
    box-shadow:0 0 5px rgba(0,0,0,.2);
    transform:translateX(-50%) translateY(-50%);
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .close{
    top:8px;
    right:8px;
    width:20px;
    height:20px;
    display:block;
    cursor:pointer;
    position:absolute;
    background-image:url(https://sp-stag.twig.design/assets/icons/remove_row_icon-7209947157d3570b6fb00cc324691d685f335e00a3ee3f34132e0d6a36841ebb.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:12px;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper h4{
    margin:0;
    font-size:16px;
    font-weight:500;
    line-height:20px;
    text-align:center;
    padding-bottom:12px;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper p{
    margin:0;
    font-size:13px;
    font-weight:500;
    line-height:17px;
    text-align:center;
    padding-bottom:12px;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper{
    display:block;
    text-align:start;
    padding-bottom:12px;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper label{
    margin:0;
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:16px;
    padding:12px 0 5px;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper input::placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper input::-ms-input-placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper input,
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper select,
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper textarea{
    margin:0;
    width:100%;
    display:block;
    font-size:12px;
    padding:4px 8px;
    margin:0 0 8px 0;
    line-height:16px;
    border-radius:3px;
    border:1px #dddddd solid;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .form-wrapper textarea{
    resize:none;
    height:80px;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .save-btn{
    color:#ffffff;
    cursor:pointer;
    font-size:13px;
    font-weight:500;
    margin:12px 0 0;
    padding:6px 20px;
    border-radius:5px;
    display:inline-block;
    background-color:#7CC4CC;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .save-btn:after{
    width:0;
    height:0;
    content:"";
    margin-left:0;
    display:inline-block;
    vertical-align:middle;
    transition:all 100ms ease-in-out 0ms;
    animation:spin 750ms ease-in-out 0ms infinite;
    background-image:url(https://sp-stag.twig.design/assets/icons/loading_icon_white-d729722c2453577a70dcdd00b05c57995e0ae890dbe8c903de71d675f81d6ab6.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:0;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .save-btn.loading{
    opacity:.75;
    pointer-events:none;
  }
  section.cep h1>.edit-project-code-wrapper .overlay .box-wrapper .save-btn.loading:after{
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-left:10px;
    background-size:16px;
  }
  section.cep h1>.links-wrapper .shares-wrapper,
  section.cep h1>.links-wrapper .delete-wrapper,
  section.cep h1>.links-wrapper a{
    font-size:0;
    margin-right:16px;
    display:inline-block;
    vertical-align:middle;
  }
  section.cep h1>.links-wrapper .shares-wrapper:last-child,
  section.cep h1>.links-wrapper a:last-child{
    margin-right:0;
  }
  section.cep h1>.links-wrapper .shares-wrapper .icon{
    width:24px;
    height:24px;
    display:block;
    cursor:pointer;
    background-image:url(https://sp-stag.twig.design/assets/icons/share_icon_azure-ae571c0cd01e5d2233230ade3d29bcf30d9397c3306e47c83b725807fcccf101.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px;
  }
  section.cep h1>.links-wrapper .shares-wrapper .box-wrapper{
    right:0;
    bottom:-8px;
    width:200px;
    z-index:100;
    display:block;
    overflow:auto;
    max-height:200px;
    padding:12px 15px;
    position:absolute;
    border-radius:8px;
    background-color:#ffffff;
    transform:translateY(100%);
    box-shadow:0 0 5px rgba(0,0,0,.2);
  }
  section.cep h1>.links-wrapper .shares-wrapper .box-wrapper h4{
    margin:0;
    font-size:14px;
    font-weight:500;
    line-height:18px;
    padding-bottom:6px;
  }
  section.cep h1>.links-wrapper .shares-wrapper .box-wrapper ul{
    padding:0;
    display:block;
    list-style-type:none;
  }
  section.cep h1>.links-wrapper .shares-wrapper .box-wrapper ul li{
    margin:3px 0;
    display:block;
    font-size:13px;
    cursor:pointer;
    line-height:16px;
    position:relative;
    padding:4px 0 4px 24px;
  }
  section.cep h1>.links-wrapper .shares-wrapper .box-wrapper ul li:before{
    left:0;
    top:50%;
    content:"";
    width:12px;
    height:12px;
    display:block;
    cursor:pointer;
    border-radius:3px;
    position:absolute;
    border:2px #7CC4CC solid;
    transform:translateY(-50%);
  }
  section.cep h1>.links-wrapper .shares-wrapper .box-wrapper ul li.active:before{
    background-color:#7CC4CC;
  }
  section.cep h1>.links-wrapper .shares-wrapper .box-wrapper ul li.active:after{
    top:50%;
    left:8px;
    width:4px;
    content:"";
    height:8px;
    border-top:0;
    border-left:0;
    display:block;
    position:absolute;
    border-right:2px #ffffff solid;
    border-bottom:2px #ffffff solid;
    transform:translateX(-50%) translateY(-50%) translateY(-1px) rotate(45deg);
  }
  section.cep h1>.links-wrapper .shares-wrapper .box-wrapper .save-btn{
    width:100%;
    color:#ffffff;
    cursor:pointer;
    font-size:12px;
    font-weight:500;
    margin:12px 0 0;
    padding:4px 16px;
    line-height:20px;
    text-align:center;
    border-radius:5px;
    display:inline-block;
    background-color:#7CC4CC;
  }
  section.cep h1>.links-wrapper .delete-wrapper .icon{
    width:24px;
    height:24px;
    display:block;
    cursor:pointer;
    background-image:url(https://sp-stag.twig.design/assets/icons/delete_icon_azure-8a60235622d95cf749f28a016570cf53c82883fe7244b8c45016b605de9a826a.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:20px;
  }
  section.cep h1>.links-wrapper .delete-wrapper .box-wrapper{
    right:0;
    bottom:-8px;
    width:275px;
    z-index:100;
    display:block;
    overflow:auto;
    max-height:200px;
    text-align:center;
    padding:12px 15px;
    position:absolute;
    border-radius:8px;
    background-color:#ffffff;
    transform:translateY(100%);
    box-shadow:0 0 5px rgba(0,0,0,.2);
  }
  section.cep h1>.links-wrapper .delete-wrapper .box-wrapper h4{
    margin:0;
    font-size:14px;
    font-weight:500;
    line-height:18px;
    padding-bottom:6px;
  }
  section.cep h1>.links-wrapper .delete-wrapper .box-wrapper .save-btn{
    width:100%;
    color:#ffffff;
    cursor:pointer;
    font-size:12px;
    font-weight:500;
    margin:12px 0 0;
    padding:4px 16px;
    line-height:20px;
    text-align:center;
    border-radius:5px;
    display:inline-block;
    background-color:#7CC4CC;
  }
  section.cep h1>.links-wrapper form{
    display:inline-block;
    vertical-align:middle;
  }
  section.cep h1>.links-wrapper button,
  section.cep h1>.links-wrapper a{
    border:0;
    width:24px;
    height:24px;
    font-size:0;
    cursor:pointer;
    display:inline-block;
    vertical-align:middle;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:center;
  }
  section.cep h1>.links-wrapper button.delete-icon{
    background-image:url(https://sp-stag.twig.design/assets/icons/delete_icon_azure-8a60235622d95cf749f28a016570cf53c82883fe7244b8c45016b605de9a826a.svg);
    background-size:22px;
  }
  section.cep h1>.links-wrapper a.edit-icon{
    background-image:url(https://sp-stag.twig.design/assets/icons/edit_icon_azure-07d4726321c2cd8ab604eccafe02f3c4f540799cde1737cba259f46c6efac08d.svg);
    background-size:24px;
  }
  section.cep h1>.links-wrapper a.quote-icon{
    background-image:url(https://sp-stag.twig.design/assets/icons/quote_icon_azure-670cc40ca226507f8c50bb79c5da56dae8d97887981d60d3aeeaf85150ba663c.svg);
    background-size:24px;
  }
  section.cep h1>.links-wrapper a.ac-icon{
    background-image:url(https://sp-stag.twig.design/assets/icons/ac_icon_azure-64656d4accc0fd43f2e586c2153883e9d7b38cf4db42c1efe2726ae69bbfd30a.svg);
    background-size:22px;
  }
  section.cep h1>.links-wrapper a.cep-icon{
    width:28px;
    background-image:url(https://sp-stag.twig.design/assets/icons/cep_icon_azure-fa367b0674e6247c7515c4bc07d3b68937caaa54dc852fd95878f7f436eab65b.svg);
    background-size:28px;
  }
  section.cep h1>.links-wrapper a.drive-icon{
    background-image:url(https://sp-stag.twig.design/assets/icons/drive_icon_azure-77eebc715640fb0a39327a7b03685bf76271abcd0c552801ba5a6f45af0d1ada.svg);
    background-size:20px;
  }
  section.cep h1>.links-wrapper a.ht-icon{
    background-image:url(https://sp-stag.twig.design/assets/icons/ht_icon_azure-75b7c33784e6741ad566acd312ea678caf794f50744cd1c9366dd4fd1b5f3fd7.svg);
    background-size:22px;
  }
  section.cep .tabs-h-wrapper{
    font-size:0;
    display:block;
    padding:32px 0 16px;
  }
  section.cep .tabs-h-wrapper>span{
    font-size:13px;
    cursor:pointer;
    font-weight:700;
    margin-right:24px;
    display:inline-block;
    vertical-align:bottom;
    padding:6px 5px 6px 5px;
    border-bottom:2px transparent solid;
  }
  section.cep .tabs-h-wrapper>span.active{
    border-bottom:2px #7CC4CC solid;
  }
  section.cep .tabs-h-wrapper>span:last-child{
    margin-right:0;
  }
  section.cep .tabs-c-wrapper{
    font-size:0;
    display:block;
  }
  section.cep .tabs-c-wrapper>div{
    display:none;
  }
  section.cep .tabs-c-wrapper>div.active-tab{
    display:block;
  }
  section.cep .cep-form-wrapper{
    width:100%;
  }
  section.cep .cep-form-wrapper p.section-ot{
    margin:0;
    font-size:16px;
    font-weight:500;
    line-height:20px;
    padding:24px 0 0;
  }
  section.cep .cep-form-wrapper .visual-wrapper{
    position:relative;
  }
  section.cep .cep-form-wrapper .visual-wrapper:after{
    top:0;
    left:0;
    content:"";
    width:100%;
    height:100%;
    z-index:100;
    display:block;
    position:absolute;
    background-color:rgba(255,255,255,.2);
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper{
    opacity:.3;
    width:100%;
    display:block;
    margin:16px 0 0;
    overflow:hidden;
    border-radius:8px;
    position:relative;
    background-color:#ffffff;
    box-shadow:0 0 5px rgba(0,0,0,.2);
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper.active{
    opacity:1;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .h-wrapper{
    width:100%;
    display:block;
    position:relative;
    padding:14px 16px 14px 64px;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .h-wrapper:before{
    left:0;
    top:50%;
    width:4px;
    content:"";
    height:44px;
    display:block;
    position:absolute;
    background-color:#7CC4CC;
    transform:translateY(-50%);
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .h-wrapper .checkmark{
    top:50%;
    left:16px;
    width:36px;
    height:36px;
    display:block;
    cursor:pointer;
    position:absolute;
    border-radius:100%;
    border:2px #7CC4CC solid;
    transform:translateY(-50%);
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .h-wrapper .checkmark.active{
    background-color:#7CC4CC;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .h-wrapper .checkmark.active:before{
    top:50%;
    left:50%;
    width:8px;
    content:"";
    height:8px;
    display:block;
    position:absolute;
    border-radius:100%;
    background-color:#ffffff;
    transform:translateX(-50%) translateY(-50%) rotate(45deg);
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .h-wrapper h4{
    margin:0;
    font-size:16px;
    font-weight:500;
    padding-bottom:6px;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .h-wrapper p{
    margin:0;
    color:#7CC4CC;
    font-size:13px;
    font-weight:600;
    white-space:break-spaces;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper{
    width:100%;
    display:block;
    position:relative;
    padding:14px 16px;
    background-color:#fafdfd;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper label{
    margin:0;
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:16px;
    padding:10px 0 3px;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper input::placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper input::-ms-input-placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper input,
  section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper select,
  section.cep .cep-form-wrapper .scenery-box-wrapper .f-wrapper textarea{
    margin:0;
    width:100%;
    display:block;
    font-size:12px;
    padding:4px 8px;
    margin:0 0 8px 0;
    line-height:16px;
    border-radius:3px;
    border:1px #dddddd solid;
  }
  section.cep .cep-form-wrapper .form-box-wrapper{
    width:100%;
    margin:20px 0;
    display:block;
    padding:20px 24px;
    border-radius:8px;
    position:relative;
    background-color:#ffffff;
    box-shadow:0 0 5px rgba(0,0,0,.2);
  }
  section.cep .cep-form-wrapper .form-box-wrapper>.row{
    z-index:5;
    position:relative;
  }
  section.cep .cep-form-wrapper .form-box-wrapper p.hint{
    margin:0;
    font-size:12px;
    font-weight:400;
    line-height:18px;
    font-style:italic;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .expand-btn{
    top:24px;
    z-index:10;
    right:12px;
    width:20px;
    height:20px;
    display:block;
    cursor:pointer;
    margin-left:auto;
    position:absolute;
    background-image:url(https://sp-stag.twig.design/assets/header/arrow_icon-d81e1e47f2b6f0d353dc6d84ffa971ee7293c839e32f6ae6337b5210078b85e7.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:14px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.expanded .expand-btn{
    transform:rotate(180deg);
  }
  section.cep .cep-form-wrapper .form-box-wrapper:before{
    top:0;
    right:0;
    z-index:1;
    opacity:.1;
    content:"";
    height:100%;
    display:block;
    width:33.3333%;
    position:absolute;
    border-top-right-radius:8px;
    border-bottom-right-radius:8px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading{
    margin:0;
    z-index:5;
    display:block;
    position:relative;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading.wmt{
    margin-top:24px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading:before{
    top:50%;
    width:3px;
    content:"";
    left:-24px;
    height:32px;
    display:block;
    position:absolute;
    transform:translateY(-50%) translateY(-1px);
  }
  section.cep .cep-form-wrapper .form-box-wrapper.transparent .heading:before{
    background-color:transparent;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.grey .heading:before{
    background-color:#989898;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.purple .heading:before{
    background-color:#9B49ED;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.azure .heading:before{
    background-color:#7CC4CC;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.light-blue .heading:before{
    background-color:#88A9F2;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.green .heading:before{
    background-color:#42C38C;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.blue .heading:before{
    background-color:#2A47C1;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.yellow .heading:before{
    background-color:#E8B62E;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.red .heading:before{
    background-color:#F04F7A;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.orange .heading:before{
    background-color:#FF8B03;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading p,
  section.cep .cep-form-wrapper .form-box-wrapper .ctm-heading p{
    margin:0;
    font-size:16px;
    font-weight:500;
    line-height:14px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .ctm-heading p.itm{
    margin-top:24px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading p.ns{
    line-height:29.5px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading p>strong{
    font-weight:600;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading p>span{
    font-size:12px;
    font-weight:600;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.transparent:before{
    background-color:transparent;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.grey:before{
    background-color:#989898;
    width:calc(33.3333% + 6px);
  }
  section.cep .cep-form-wrapper .form-box-wrapper.purple:before{
    background-color:#9B49ED;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.azure:before{
    background-color:#7CC4CC;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.light-blue:before{
    background-color:#88A9F2;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.green:before{
    background-color:#42C38C;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.blue:before{
    background-color:#2A47C1;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.yellow:before{
    background-color:#E8B62E;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.red:before{
    background-color:#F04F7A;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.orange:before{
    background-color:#FF8B03;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.grey .heading,
  section.cep .cep-form-wrapper .form-box-wrapper .ctm-heading{
    margin-bottom:12px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.transparent .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.transparent .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.transparent .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.transparent .value-row .value{
    color:#000000;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.grey .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.grey .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.grey .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.grey .value-row .value{
    color:#989898;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.purple .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.purple .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.purple .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.purple .value-row .value{
    color:#9B49ED;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.azure .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.azure .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.azure .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.azure .value-row .value{
    color:#7CC4CC;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.light-blue .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.light-blue .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.light-blue .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.light-blue .value-row .value{
    color:#88A9F2;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.green .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.green .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.green .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.green .value-row .value{
    color:#42C38C;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.blue .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.blue .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.blue .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.blue .value-row .value{
    color:#2A47C1;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.yellow .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.yellow .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.yellow .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.yellow .value-row .value{
    color:#E8B62E;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.red .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.red .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.red .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.red .value-row .value{
    color:#F04F7A;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.orange .heading p>strong,
  section.cep .cep-form-wrapper .form-box-wrapper.orange .heading p>span,
  section.cep .cep-form-wrapper .form-box-wrapper.orange .heading .value,
  section.cep .cep-form-wrapper .form-box-wrapper.orange .value-row .value{
    color:#FF8B03;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading .value{
    display:block;
    font-size:15px;
    font-weight:700;
    line-height:20px;
    text-align:center;
    
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading .value.wmt{
    margin-top:12px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper.expanded .heading .expand-btn{
    transform:rotate(180deg);
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row{
    z-index:5;
    position:relative;
    margin-bottom:4px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row.izi{
    z-index:10;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row:last-child{
    margin-bottom:0;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .ctm-extra-m-btn{
    width:20px;
    height:20px;
    cursor:pointer;
    margin-top:4px;
    display:inline-block;
    background-image:url(https://sp-stag.twig.design/assets/icons/extra_margine_icon-60222f9bafb67688c5b93802f613c680aa47264c97f687e6239d70de59b51c7f.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:16px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .value{
    display:block;
    font-size:13px;
    font-weight:500;
    line-height:18px;
    text-align:center;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .value.wmt{
    margin-top:12px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .heading .repeatable-wrapper,
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper{
    margin-top:4px;
    position:relative;
    margin-bottom:4px;
    padding-right:36px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper input,
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper select,
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper textarea{
    margin:4px 0;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper .is-invalid input,
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper .is-invalid select,
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper .is-invalid textarea{
    border:1px #F04F7A solid;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .repeatable-wrapper .remove-row{
    right:0;
    top:7px;
    width:20px;
    height:20px;
    font-size:0;
    display:block;
    cursor:pointer;
    position:absolute;
    border-radius:100%;
    box-shadow:0 0 3px rgba(0,0,0,.3);
    background-image:url(https://sp-stag.twig.design/assets/icons/remove_row_icon-7209947157d3570b6fb00cc324691d685f335e00a3ee3f34132e0d6a36841ebb.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:8px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .w-create-btn{
    position:relative;
    margin-bottom:8px;
    padding-right:36px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .w-create-btn .create-btn{
    right:0;
    top:2.5px;
    width:20px;
    height:20px;
    font-size:0;
    display:block;
    cursor:pointer;
    position:absolute;
    border-radius:100%;
    box-shadow:0 0 3px rgba(0,0,0,.3);
    background-image:url(https://sp-stag.twig.design/assets/icons/add_row_icon-e5015cba23e1657d0bece26121fb3430700b67049eb5d02c11e3f2442bf88eb7.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:8px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .create-drive-folder-btn-wrapper{
    font-size:0;
    display:block;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .create-drive-folder-btn-wrapper .create-drive-folder-btn{
    color:#ffffff;
    cursor:pointer;
    font-size:12px;
    font-weight:500;
    margin:16px 0 0;
    padding:6px 20px;
    margin-right:8px;
    border-radius:5px;
    display:inline-block;
    vertical-align:middle;
    background-color:#7CC4CC;
    border:2px #7CC4CC solid;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .create-drive-folder-btn-wrapper .create-drive-folder-btn:after{
    width:0;
    height:0;
    content:"";
    margin-left:0;
    display:inline-block;
    vertical-align:middle;
    transition:all 100ms ease-in-out 0ms;
    animation:spin 750ms ease-in-out 0ms infinite;
    background-image:url(https://sp-stag.twig.design/assets/icons/loading_icon_white-d729722c2453577a70dcdd00b05c57995e0ae890dbe8c903de71d675f81d6ab6.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:0;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .create-drive-folder-btn-wrapper .create-drive-folder-btn.loading{
    opacity:.75;
    pointer-events:none;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .create-drive-folder-btn-wrapper .create-drive-folder-btn.loading:after{
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-left:10px;
    background-size:16px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .status-btn-wrapper{
    font-size:0;
    display:block;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .status-btn-wrapper .status-btn{
    color:#ffffff;
    cursor:pointer;
    font-size:12px;
    font-weight:500;
    margin:16px 0 0;
    padding:6px 20px;
    margin-right:8px;
    border-radius:5px;
    display:inline-block;
    vertical-align:middle;
    background-color:#7CC4CC;
    border:2px #7CC4CC solid;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .status-btn-wrapper .status-btn.neg{
    color:#7CC4CC;
    background-color:#ffffff;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .status-btn-wrapper .status-btn:last-child{
    margin-right:0;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .upload-btn-wrapper{
    font-size:0;
    display:block;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .upload-btn-wrapper .upload-btn{
    color:#ffffff;
    cursor:pointer;
    font-size:12px;
    font-weight:500;
    margin:16px 0 0;
    padding:6px 20px;
    margin-right:8px;
    border-radius:5px;
    display:inline-block;
    vertical-align:middle;
    background-color:#7CC4CC;
    border:2px #7CC4CC solid;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .upload-btn-wrapper .upload-btn:last-child{
    margin-right:0;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .upload-btn-wrapper .upload-btn:after{
    width:0;
    height:0;
    content:"";
    margin-left:0;
    display:inline-block;
    vertical-align:middle;
    transition:all 100ms ease-in-out 0ms;
    animation:spin 750ms ease-in-out 0ms infinite;
    background-image:url(https://sp-stag.twig.design/assets/icons/loading_icon_white-d729722c2453577a70dcdd00b05c57995e0ae890dbe8c903de71d675f81d6ab6.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:0;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .upload-btn-wrapper .upload-btn.loading{
    opacity:.75;
    pointer-events:none;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .value-row .upload-btn-wrapper .upload-btn.loading:after{
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-left:10px;
    background-size:16px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label{
    margin:0;
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:16px;
    padding:10px 0 3px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.radio-wrapper,
  section.cep .cep-form-wrapper .form-box-wrapper label.checkbox-wrapper{
    padding:0;
    margin:8px 0;
    display:block;
    cursor:pointer;
    font-size:12px;
    line-height:18px;
    user-select:none;
    padding-left:24px;
    position:relative;
    margin-right:15px;
    display:inline-block;
    vertical-align:middle;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.radio-wrapper:last-child,
  section.cep .cep-form-wrapper .form-box-wrapper label.checkbox-wrapper:last-child{
    margin-right:0;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.radio-wrapper a,
  section.cep .cep-form-wrapper .form-box-wrapper label.checkbox-wrapper a{
    color:inherit;
    font-weight:700;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.radio-wrapper input[type="radio"],
  section.cep .cep-form-wrapper .form-box-wrapper label.checkbox-wrapper input[type="checkbox"]{
    top:2px !important;
    left:2px !important;
    opacity:0 !important;
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    position:absolute !important;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.radio-wrapper input[type="radio"]:checked ~ .checkmark:after,
  section.cep .cep-form-wrapper .form-box-wrapper label.checkbox-wrapper input[type="checkbox"]:checked ~ .checkmark:after{
    display:block;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.radio-wrapper .checkmark{
    left:0;
    top:1px;
    width:16px;
    height:16px;
    position:absolute;
    border-radius:100%;
    border:2px #7CC4CC solid;
    background-color:#ffffff;
    background-image:none !important;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.radio-wrapper .checkmark:after{
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    content:"";
    display:none;
    position:absolute;
    border-radius:100%;
    background-color:#7CC4CC;
    transform:translateX(-50%) translateY(-50%);
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.checkbox-wrapper .checkmark{
    left:0;
    top:1px;
    width:16px;
    height:16px;
    border-radius:3px;
    position:absolute;
    border:2px #7CC4CC solid;
    background-color:#ffffff;
    background-image:none !important;
  }
  section.cep .cep-form-wrapper .form-box-wrapper label.checkbox-wrapper .checkmark:after{
    top:50%;
    left:50%;
    width:3px;
    height:7px;
    content:"";
    display:none;
    position:absolute;
    border-right:2px #7CC4CC solid;
    border-bottom:2px #7CC4CC solid;
    transform:translateX(-50%) translateY(-50%) translateY(-1px) rotate(45deg);
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value{
    margin:0;
    width:100%;
    display:block;
    padding:4px 0;
    font-size:13px;
    line-height:16px;
    white-space:break-spaces;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.oe{
    overflow:auto;
    white-space:nowrap;
    text-overflow:ellipsis;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status{
    padding-left:24px;
    position:relative;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status:before{
    left:0;
    top:50%;
    content:"";
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    border-radius:100%;
    border:1px #ffffff solid;
    transform:translateY(-50%);
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status.draft:before{
    background-color:#adb5bd;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status.interessato:before{
    background-color:#4263eb;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status.trattativa:before{
    background-color:#f59f00;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status.trattativa_rendicontabile:before{
    background-color:#f59f00;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status.consolidato:before{
    background-color:#37b24d;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status.chiuso:before{
    background-color:#f03e3e;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status.perso:before{
    background-color:#495057;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .visual-value.status.hidden:before{
    background-color:#e9ecef;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .autocomplete-wrapper{
    position:relative;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .autocomplete-wrapper ul{
    left:0;
    margin:0;
    padding:0;
    width:100%;
    bottom:1px;
    z-index:10;
    overflow:auto;
    max-height:74px;
    position:absolute;
    list-style-type:none;
    background-color:#ffffff;
    border:1px #dddddd solid;
    transform:translateY(100%);
    border-bottom-left-radius:3px;
    border-bottom-right-radius:3px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .autocomplete-wrapper ul li{
    font-size:11px;
    cursor:pointer;
    padding:5px 10px;
    border-bottom:1px #dddddd solid;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .autocomplete-wrapper ul li.not-clickable{
    cursor:initial;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .autocomplete-wrapper ul li:last-child{
    border-bottom:0;
  }
  section.cep .cep-form-wrapper .form-box-wrapper select.wo-value{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep .cep-form-wrapper .form-box-wrapper input::placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep .cep-form-wrapper .form-box-wrapper input::-ms-input-placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep .cep-form-wrapper .form-box-wrapper input,
  section.cep .cep-form-wrapper .form-box-wrapper select,
  section.cep .cep-form-wrapper .form-box-wrapper textarea{
    margin:0;
    width:100%;
    display:block;
    font-size:12px;
    padding:4px 8px;
    margin:0 0 8px 0;
    line-height:16px;
    border-radius:3px;
    border:1px #dddddd solid;
  }
  section.cep .cep-form-wrapper .form-box-wrapper textarea{
    height:80px;
    resize:none;
  }
  section.cep .cep-form-wrapper .form-box-wrapper .add-row{
    width:32px;
    height:32px;
    font-size:0;
    display:block;
    cursor:pointer;
    border-radius:100%;
    box-shadow:0 0 3px rgba(0,0,0,.3);
    background-image:url(https://sp-stag.twig.design/assets/icons/add_row_icon-e5015cba23e1657d0bece26121fb3430700b67049eb5d02c11e3f2442bf88eb7.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:16px;
  }
  section.cep .cep-form-wrapper .form-box-wrapper hr{
    border:0;
    margin-top:16px;
    margin-bottom:8px;
    border-bottom:1px #dddddd solid;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper{
    width:100%;
    font-size:0;
    display:block;
    overflow:hidden;
    padding:20px 24px;
    border-radius:8px;
    position:relative;
    margin:64px 0 20px;
    background-color:#ffffff;
    box-shadow:0 0 5px rgba(0,0,0,.2);
  }
  section.cep .cep-form-wrapper .recap-box-wrapper h3{
    margin:0;
    color:#981869;
    font-size:18px;
    font-weight:700;
    padding-bottom:16px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper h3.rpb{
    padding-bottom:0;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper hr{
    border:0;
    margin-top:24px;
    margin-bottom:24px;
    border-bottom:1px #dddddd solid;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-title{
    display:block;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-title h4{
    margin:0;
    color:#aaaaaa;
    font-size:12px;
    font-weight:400;
    margin-top:12px;
    font-style:italic;
    text-align:center;
    margin-bottom:-16px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper{
    width:100%;
    font-size:0;
    margin-top:0;
    position:relative;
    white-space:nowrap;
    border-radius:12px;
    margin-bottom:24px;
    display:inline-block;
    background-color:#F9F9F9;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.half{
    overflow:hidden;
    margin-top:24px;
    width:calc(50% - 6px);
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.half:first-child{
    margin-right:12px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span{
    height:4px;
    font-size:0;
    min-width:12px;
    padding-left:4px;
    padding-right:4px;
    position:relative;
    display:inline-block;
    vertical-align:middle;
    max-width:calc(100% - 12px);
    border-left:1px #ffffff solid;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span:first-child{
    border-left:0;
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span:last-child{
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.fissi-a,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.fissi-b,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-c,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-d,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-e,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-f,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-g{
    height:20px;
    color:#ffffff;
    font-size:8px;
    font-weight:700;
    line-height:20px;
    text-align:center;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.avg{
    margin-bottom:0;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.avg>span.fissi-a,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.avg>span.fissi-b,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.avg>span.variabili-c,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.avg>span.variabili-d,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.avg>span.variabili-e,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.avg>span.variabili-f,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper.avg>span.variabili-g{
    height:4px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.fissi{
    min-width:24px;
    background-color:#BA8DAA;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.fissi-a{
    background-color:#42C38C;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.fissi-b{
    background-color:#FF8B03;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili{
    min-width:24px;
    background-color:#981869;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-c{
    background-color:#9B49ED;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-d{
    background-color:#88A9F2;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-e{
    background-color:#42C38C;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-f{
    background-color:#42C38C;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span.variabili-g{
    background-color:#42C38C;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span>.tooltip{
    left:50%;
    bottom:0;
    font-size:13px;
    font-weight:700;
    position:absolute;
    text-align:center;
    display:inline-block;
    transform:translateX(-50%) translateY(20px);
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span>.tooltip:before{
    left:50%;
    top:-24px;
    width:4px;
    height:4px;
    position:absolute;
    border-radius:100%;
    background-color:#000000;
    transform:translateX(-50%);
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-perc-chart-wrapper>span>.tooltip:after{
    left:50%;
    top:-24px;
    width:1px;
    height:20px;
    position:absolute;
    background-color:#000000;
    transform:translateX(-50%);
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper{
    font-size:0;
    display:block;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper h4{
    margin:0;
    color:#000000;
    font-size:14px;
    font-weight:600;
    margin-top:16px;
    margin-bottom:8px;
    position:relative;
    padding-right:24px;
    display:inline-block;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper h4>span{
    top:50%;
    right:0;
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    border-radius:100%;
    transform:translateY(-50%);
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper h4>span.fissi{
    background-color:#BA8DAA;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper h4>span.variabili{
    background-color:#981869;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row{
    padding:5px 0;
    display:block;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .label,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .hour-value,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .eur-value,
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .perc-value{
    vertical-align:top;
    display:inline-block;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .label{
    width:50%;
    font-size:12px;
    text-align:start;
    line-height:15px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .hour-value{
    width:16%;
    text-align:end;
    font-size:12px;
    line-height:15px;
    padding-left:8px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .eur-value{
    width:20%;
    text-align:end;
    font-size:12px;
    line-height:15px;
    padding-left:8px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .perc-value{
    width:14%;
    text-align:end;
    font-size:12px;
    font-weight:600;
    line-height:15px;
    padding-left:8px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .perc-value.fissi{
    color:#BA8DAA;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .custom-chart-legend-wrapper .values-row .perc-value.variabili{
    color:#981869;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .big-value{
    display:block;
    color:#BA8CAA;
    font-size:36px;
    font-weight:700;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .outer-chart-wrapper{
    font-size:0;
    display:block;
    position:relative;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .outer-chart-wrapper .chart-big-value{
    top:50%;
    left:50%;
    display:block;
    color:#000000;
    font-size:27px;
    font-weight:500;
    text-align:center;
    position:absolute;
    transform:translateX(-50%) translateY(-50%);
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .outer-chart-wrapper .pie-chart-wrapper{
    height:300px;
    margin:0 auto;
    font-size:12px;
    max-width:300px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .outer-chart-wrapper .radar-chart-wrapper{
    height:300px;
    margin:0 auto;
    font-size:12px;
    max-width:300px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper{
    font-size:0;
    display:block;
    margin:0 auto;
    max-width:275px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div{
    padding:7px 0;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label,
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .eur-value,
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .perc-value{
    vertical-align:top;
    display:inline-block;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label{
    width:50%;
    font-size:12px;
    text-align:start;
    line-height:15px;
    position:relative;
    padding-left:24px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label:before{
    left:0;
    top:50%;
    content:"";
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    border-radius:100%;
    transform:translateY(-50%);
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label.comm:before{
    background-color:#9B49ED;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label.dir:before{
    background-color:#88A9F2;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label.prod:before{
    background-color:#42C38C;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label.mol:before{
    background-color:#E8B62E;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label.proj:before{
    background-color:#981869;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .label.avg:before{
    background-color:#aaaaaa;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .eur-value{
    width:34%;
    text-align:end;
    font-size:12px;
    line-height:15px;
    padding-left:8px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .perc-value{
    width:16%;
    text-align:end;
    font-size:12px;
    line-height:15px;
    padding-left:8px;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .perc-value.comm{
    color:#9B49ED;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .perc-value.dir{
    color:#88A9F2;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .perc-value.prod{
    color:#42C38C;
  }
  section.cep .cep-form-wrapper .recap-box-wrapper .chart-legend-wrapper>div .perc-value.mol{
    color:#E8B62E;
  }
  section.cep .cep-form-wrapper p.required-fields{
    margin:12px 0;
    font-size:13px;
    font-weight:500;
  }
  section.cep .cep-form-wrapper .save-btn{
    margin:12px 0;
    color:#ffffff;
    cursor:pointer;
    font-size:14px;
    font-weight:500;
    padding:6px 20px;
    border-radius:5px;
    display:inline-block;
    background-color:#7CC4CC;
  }
  section.cep .cep-form-wrapper .save-btn:after{
    width:0;
    height:0;
    content:"";
    margin-left:0;
    display:inline-block;
    vertical-align:middle;
    transition:all 100ms ease-in-out 0ms;
    animation:spin 750ms ease-in-out 0ms infinite;
    background-image:url(https://sp-stag.twig.design/assets/icons/loading_icon_white-d729722c2453577a70dcdd00b05c57995e0ae890dbe8c903de71d675f81d6ab6.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:0;
  }
  section.cep .cep-form-wrapper .save-btn.loading{
    opacity:.75;
    pointer-events:none;
  }
  section.cep .cep-form-wrapper .save-btn.loading:after{
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-left:10px;
    background-size:16px;
  }
  section.cep .change-status-popup-wrapper,
  section.cep .extra-margin-calculator-wrapper{
    top:0;
    left:0;
    width:100%;
    z-index:200;
    height:100vh;
    position:fixed;
    background-color:rgba(255,255,255,.75);
  }
  section.cep .change-status-popup-wrapper .box-wrapper,
  section.cep .extra-margin-calculator-wrapper .box-wrapper{
    top:50%;
    left:50%;
    width:100%;
    display:block;
    overflow:auto;
    max-width:480px;
    text-align:center;
    position:absolute;
    border-radius:8px;
    padding:20px 24px;
    background-color:#ffffff;
    max-height:calc(100vh - 200px);
    box-shadow:0 0 5px rgba(0,0,0,.2);
    transform:translateX(-50%) translateY(-50%);
  }
  section.cep .extra-margin-calculator-wrapper .box-wrapper{
    max-width:320px;
  }
  section.cep .change-status-popup-wrapper .box-wrapper .close,
  section.cep .extra-margin-calculator-wrapper .box-wrapper .close{
    top:8px;
    right:8px;
    width:20px;
    height:20px;
    display:block;
    cursor:pointer;
    position:absolute;
    background-image:url(https://sp-stag.twig.design/assets/icons/remove_row_icon-7209947157d3570b6fb00cc324691d685f335e00a3ee3f34132e0d6a36841ebb.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:12px;
  }
  section.cep .change-status-popup-wrapper .box-wrapper h4,
  section.cep .extra-margin-calculator-wrapper .box-wrapper h4{
    margin:0;
    font-size:16px;
    font-weight:500;
    line-height:20px;
    text-align:center;
    padding-bottom:12px;
  }
  section.cep .change-status-popup-wrapper .box-wrapper p,
  section.cep .extra-margin-calculator-wrapper .box-wrapper p{
    margin:0;
    font-size:13px;
    font-weight:500;
    line-height:17px;
    text-align:center;
    padding-bottom:12px;
  }
  section.cep .change-status-popup-wrapper .form-wrapper,
  section.cep .extra-margin-calculator-wrapper .form-wrapper{
    display:block;
    text-align:start;
    padding-bottom:12px;
  }
  section.cep .change-status-popup-wrapper .form-wrapper label,
  section.cep .extra-margin-calculator-wrapper .form-wrapper label{
    margin:0;
    display:block;
    font-size:13px;
    font-weight:700;
    line-height:16px;
    padding:12px 0 5px;
  }
  section.cep .change-status-popup-wrapper .form-wrapper input::placeholder,
  section.cep .extra-margin-calculator-wrapper .form-wrapper input::placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep .change-status-popup-wrapper .form-wrapper input::-ms-input-placeholder,
  section.cep .extra-margin-calculator-wrapper .form-wrapper input::-ms-input-placeholder{
    color:#aaaaaa;
    font-style:italic;
  }
  section.cep .change-status-popup-wrapper .form-wrapper input,
  section.cep .change-status-popup-wrapper .form-wrapper select,
  section.cep .change-status-popup-wrapper .form-wrapper textarea,
  section.cep .extra-margin-calculator-wrapper .form-wrapper input,
  section.cep .extra-margin-calculator-wrapper .form-wrapper select,
  section.cep .extra-margin-calculator-wrapper .form-wrapper textarea{
    margin:0;
    width:100%;
    display:block;
    font-size:12px;
    padding:4px 8px;
    margin:0 0 8px 0;
    line-height:16px;
    border-radius:3px;
    border:1px #dddddd solid;
  }
  section.cep .change-status-popup-wrapper .form-wrapper textarea,
  section.cep .extra-margin-calculator-wrapper .form-wrapper textarea{
    resize:none;
    height:80px;
  }
  section.cep .change-status-popup-wrapper .box-wrapper .save-btn,
  section.cep .extra-margin-calculator-wrapper .box-wrapper .save-btn{
    color:#ffffff;
    cursor:pointer;
    font-size:13px;
    font-weight:500;
    margin:12px 0 0;
    padding:6px 20px;
    border-radius:5px;
    display:inline-block;
    background-color:#7CC4CC;
  }
  section.cep .change-status-popup-wrapper .box-wrapper .save-btn:after,
  section.cep .extra-margin-calculator-wrapper .box-wrapper .save-btn:after{
    width:0;
    height:0;
    content:"";
    margin-left:0;
    display:inline-block;
    vertical-align:middle;
    transition:all 100ms ease-in-out 0ms;
    animation:spin 750ms ease-in-out 0ms infinite;
    background-image:url(https://sp-stag.twig.design/assets/icons/loading_icon_white-d729722c2453577a70dcdd00b05c57995e0ae890dbe8c903de71d675f81d6ab6.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:0;
  }
  section.cep .change-status-popup-wrapper .box-wrapper .save-btn.loading,
  section.cep .extra-margin-calculator-wrapper .box-wrapper .save-btn.loading{
    opacity:.75;
    pointer-events:none;
  }
  section.cep .change-status-popup-wrapper .box-wrapper .save-btn.loading:after,
  section.cep .extra-margin-calculator-wrapper .box-wrapper .save-btn.loading:after{
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-left:10px;
    background-size:16px;
  }
  section.cep .alerts-box-wrapper{
    width:100%;
    margin:20px 0;
    display:block;
    padding:16px 24px;
    border-radius:8px;
    position:relative;
    border:2px #F04F7A solid;
    box-shadow:0 0 5px rgba(0,0,0,.2);
    background-color:rgba(240,79,122,.1);
  }
  section.cep .alerts-box-wrapper h6{
    margin:0;
    color:#981869;
    font-size:14px;
    font-weight:700;
    padding-top:12px;
    padding-bottom:8px;
  }
  section.cep .alerts-box-wrapper h6:first-child{
    padding-top:0;
  }
  section.cep .alerts-box-wrapper p{
    margin:0;
    color:#2c2c2c;
    font-size:13px;
    font-weight:400;
    padding-left:8px;
    padding-bottom:4px;
  }
  section.cep .alerts-box-wrapper p:last-child{
    padding-bottom:0;
  }
  section.cep .alerts-box-wrapper p>strong{
    color:#F04F7A;
  }
  section.cep .cep-form-handler{
    left:0;
    bottom:0;
    width:100%;
    z-index:50;
    padding:16px 0;
    position:fixed;
    background-color:#ffffff;
    box-shadow:0 -3px 5px rgba(0,0,0,.1);
  }
  section.cep .cep-form-handler .project-code{
    color:#000000;
    font-size:24px;
    font-weight:500;
    padding-left:45px;
    position:relative;
    text-decoration:none;
    display:inline-block;
    vertical-align:middle;
    background-image:url(https://sp-stag.twig.design/assets/icons/back_icon-36df8d4b185c617dac5fba635077c33956a04d78a6fb03b3683dc10b33abae58.svg);
    background-position:center left;
    background-repeat:no-repeat;
    background-size:8px;
  }
  section.cep .cep-form-handler .project-code:before{
    top:50%;
    left:20px;
    content:"";
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    border-radius:100%;
    border:1px #ffffff solid;
    transform:translateY(-50%);
  }
  section.cep .cep-form-handler .project-code.draft:before{
    background-color:#adb5bd;
  }
  section.cep .cep-form-handler .project-code.interessato:before{
    background-color:#4263eb;
  }
  section.cep .cep-form-handler .project-code.trattativa:before{
    background-color:#f59f00;
  }
  section.cep .cep-form-handler .project-code.trattativa_rendicontabile:before{
    background-color:#f59f00;
  }
  section.cep .cep-form-handler .project-code.consolidato:before{
    background-color:#37b24d;
  }
  section.cep .cep-form-handler .project-code.chiuso:before{
    background-color:#f03e3e;
  }
  section.cep .cep-form-handler .project-code.perso:before{
    background-color:#495057;
  }
  section.cep .cep-form-handler .project-code.hidden:before{
    background-color:#e9ecef;
  }
  section.cep .cep-form-handler .alert-number-wrapper{
    display:block;
  }
  section.cep .cep-form-handler .alert-number-wrapper .alert-number{
    color:#F04F7A;
    font-size:14px;
    font-weight:500;
    padding-left:24px;
    display:inline-block;
    background-image:url(https://sp-stag.twig.design/assets/icons/alert_icon-6bd2f8bded9fbac4eea84ad4fa3650b5fdd2fd0846b2e6fd85168d91e1cdd245.svg);
    background-position:center left;
    background-repeat:no-repeat;
    background-size:16px;
  }
  section.cep .cep-form-handler .alert-number-wrapper .alert-number strong{
    font-weight:600;
  }
  section.cep .cep-form-handler .label{
    margin:0;
    color:#981869;
    font-size:14px;
    font-weight:700;
    padding-bottom:6px;
  }
  section.cep .cep-form-handler .value{
    display:block;
    color:#BA8CAA;
    font-size:27px;
    font-weight:700;
  }
/*
#--------------------------------------#
  - Ceps
#--------------------------------------#
*/
  section.content-wrapper.ceps>a{
    right:16px;
    width:48px;
    height:48px;
    bottom:64px;
    font-size:0;
    display:block;
    cursor:pointer;
    position:fixed;
    border-radius:100%;
    box-shadow:0 0 5px rgba(0,0,0,.3);
    background-image:url(https://sp-stag.twig.design/assets/icons/create_btn_icon-e5015cba23e1657d0bece26121fb3430700b67049eb5d02c11e3f2442bf88eb7.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:27px;
  }
  section.content-wrapper.ceps h1 .filters-wrapper{
    right:0;
    bottom:12px;
    font-size:0;
    line-height:0;
    text-align:end;
    position:absolute;
  }
  section.content-wrapper.ceps h1 .filters-wrapper>div{
    margin:8px;
    display:inline-block;
    vertical-align:middle;
  }
  section.content-wrapper.ceps h1 .filters-wrapper>div:first-child{
    margin-left:0;
  }
  section.content-wrapper.ceps h1 .filters-wrapper>div:last-child{
    margin-right:0;
  }
  section.content-wrapper.ceps h1 .filters-wrapper>div input{
    border:0;
    color:#989898;
    font-size:13px;
    font-weight:500;
    border-radius:12px;
    background-color:#ffffff;
    padding:4px 12px 4px 27px;
    box-shadow:0 0 5px rgba(0,0,0,.2);
  }
  section.content-wrapper.ceps h1 .filters-wrapper>div select{
    border:0;
    color:#989898;
    font-size:13px;
    font-weight:500;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding:4px 20px 4px 8px;
    background-color:transparent;
    background-image:url(https://sp-stag.twig.design/assets/icons/custom_select_icon-d81e1e47f2b6f0d353dc6d84ffa971ee7293c839e32f6ae6337b5210078b85e7.svg);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:12px;
  }
  section.content-wrapper.ceps table.table-wrapper{
    width:100%;
    display:table;
    margin-top:16px;
    margin-bottom:16px;
    border-spacing:0 8px;
    border-collapse:separate;
  }
  section.content-wrapper.ceps table.table-wrapper thead tr th{
    color:#989898;
    font-size:14px;
    font-weight:500;
    padding:5px 8px;
    line-height:16px;
    text-align:start;
  }
  section.content-wrapper.ceps table.table-wrapper thead tr th .order{
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-left:1px;
    display:inline-block;
    vertical-align:middle;
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_icon-a53d835f19cd654e1aba68091ae7adcdc3b6b3e6801660c7f6f6f000c8c0b25e.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:14px;
  }
  section.content-wrapper.ceps table.table-wrapper thead tr th.asc .order{
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_asc_icon-8867b9df5b681ef9e71552c122b1689fc876f33293fe2c449fa99b27b842e7a8.png);
  }
  section.content-wrapper.ceps table.table-wrapper thead tr th.desc .order{
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_desc_icon-3b3ad784afbc748c695f0012d0ec10cfff14eb5eddf11d49d6492309745f4e62.png);
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td{
    color:#000000;
    font-size:14px;
    font-weight:500;
    padding:11px 8px;
    line-height:16px;
    text-align:start;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .progress{
    height:5px;
    width:100px;
    display:block;
    position:relative;
    background-color:#dddddd;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .progress .pipe-bar{
    top:50%;
    width:2px;
    height:12px;
    display:block;
    position:absolute;
    background-color:#000000;
    border-top:2px transparent solid;
    border-bottom:2px transparent solid;
    transform:translateX(-50%) translateY(-50%);
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .progress .pipe-bar.over{
    background-color:#f35b2b;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td.status{
    color:#989898;
    font-size:12px;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td.p-code{
    font-weight:600;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td.date{
    color:#989898;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status{
    padding-left:24px;
    position:relative;
    display:inline-block;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status:before{
    left:0;
    top:50%;
    content:"";
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    border-radius:100%;
    border:1px #ffffff solid;
    transform:translateY(-50%);
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status.draft:before{
    background-color:#adb5bd;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status.interessato:before{
    background-color:#4263eb;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status.trattativa:before{
    background-color:#f59f00;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before{
    background-color:#f59f00;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status.consolidato:before{
    background-color:#37b24d;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status.chiuso:before{
    background-color:#f03e3e;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status.perso:before{
    background-color:#495057;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td .status.hidden:before{
    background-color:#e9ecef;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr{
    cursor:pointer;
    border-radius:12px;
    background-color:#ffffff;
    box-shadow:0 0 8px rgba(0,0,0,.1);
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td:first-child{
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
  }
  section.content-wrapper.ceps table.table-wrapper tbody tr td:last-child{
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
  }
/*
#--------------------------------------#
  - Users
#--------------------------------------#
*/
  section.content-wrapper.users>a,
  section.content-wrapper.clients>a,
  section.content-wrapper.markets>a,
  section.content-wrapper.partners>a,
  section.content-wrapper.signalmen>a,
  section.content-wrapper.sceneries>a{
    right:16px;
    width:48px;
    height:48px;
    bottom:64px;
    font-size:0;
    display:block;
    cursor:pointer;
    position:fixed;
    border-radius:100%;
    box-shadow:0 0 5px rgba(0,0,0,.3);
    background-image:url(https://sp-stag.twig.design/assets/icons/create_btn_icon-e5015cba23e1657d0bece26121fb3430700b67049eb5d02c11e3f2442bf88eb7.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:27px;
  }
  section.content-wrapper.users h1 .filters-wrapper,
  section.content-wrapper.clients h1 .filters-wrapper,
  section.content-wrapper.markets h1 .filters-wrapper,
  section.content-wrapper.partners h1 .filters-wrapper,
  section.content-wrapper.signalmen h1 .filters-wrapper,
  section.content-wrapper.sceneries h1 .filters-wrapper{
    right:0;
    bottom:12px;
    font-size:0;
    line-height:0;
    text-align:end;
    position:absolute;
  }
  section.content-wrapper.users h1 .filters-wrapper>div,
  section.content-wrapper.clients h1 .filters-wrapper>div,
  section.content-wrapper.markets h1 .filters-wrapper>div,
  section.content-wrapper.partners h1 .filters-wrapper>div,
  section.content-wrapper.signalmen h1 .filters-wrapper>div,
  section.content-wrapper.sceneries h1 .filters-wrapper>div{
    margin:8px;
    display:inline-block;
    vertical-align:middle;
  }
  section.content-wrapper.users h1 .filters-wrapper>div:first-child,
  section.content-wrapper.clients h1 .filters-wrapper>div:first-child,
  section.content-wrapper.markets h1 .filters-wrapper>div:first-child,
  section.content-wrapper.partners h1 .filters-wrapper>div:first-child,
  section.content-wrapper.signalmen h1 .filters-wrapper>div:first-child,
  section.content-wrapper.sceneries h1 .filters-wrapper>div:first-child{
    margin-left:0;
  }
  section.content-wrapper.users h1 .filters-wrapper>div:last-child,
  section.content-wrapper.clients h1 .filters-wrapper>div:last-child,
  section.content-wrapper.markets h1 .filters-wrapper>div:last-child,
  section.content-wrapper.partners h1 .filters-wrapper>div:last-child,
  section.content-wrapper.signalmen h1 .filters-wrapper>div:last-child,
  section.content-wrapper.sceneries h1 .filters-wrapper>div:last-child{
    margin-right:0;
  }
  section.content-wrapper.users h1 .filters-wrapper>div input,
  section.content-wrapper.clients h1 .filters-wrapper>div input,
  section.content-wrapper.markets h1 .filters-wrapper>div input,
  section.content-wrapper.partners h1 .filters-wrapper>div input,
  section.content-wrapper.signalmen h1 .filters-wrapper>div input,
  section.content-wrapper.sceneries h1 .filters-wrapper>div input{
    border:0;
    color:#989898;
    font-size:13px;
    font-weight:500;
    border-radius:12px;
    background-color:#ffffff;
    padding:4px 12px 4px 27px;
    box-shadow:0 0 5px rgba(0,0,0,.2);
  }
  section.content-wrapper.users h1 .filters-wrapper>div select,
  section.content-wrapper.clients h1 .filters-wrapper>div select,
  section.content-wrapper.markets h1 .filters-wrapper>div select,
  section.content-wrapper.partners h1 .filters-wrapper>div select,
  section.content-wrapper.signalmen h1 .filters-wrapper>div select,
  section.content-wrapper.sceneries h1 .filters-wrapper>div select{
    border:0;
    color:#989898;
    font-size:13px;
    font-weight:500;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    padding:4px 20px 4px 8px;
    background-color:transparent;
    background-image:url(https://sp-stag.twig.design/assets/icons/custom_select_icon-d81e1e47f2b6f0d353dc6d84ffa971ee7293c839e32f6ae6337b5210078b85e7.svg);
    background-position:right center;
    background-repeat:no-repeat;
    background-size:12px;
  }
  section.content-wrapper.users table.table-wrapper,
  section.content-wrapper.clients table.table-wrapper,
  section.content-wrapper.markets table.table-wrapper,
  section.content-wrapper.partners table.table-wrapper,
  section.content-wrapper.signalmen table.table-wrapper,
  section.content-wrapper.sceneries table.table-wrapper{
    width:100%;
    display:table;
    margin-top:16px;
    margin-bottom:16px;
    border-spacing:0 8px;
    border-collapse:separate;
  }
  section.content-wrapper.users table.table-wrapper thead tr th,
  section.content-wrapper.clients table.table-wrapper thead tr th,
  section.content-wrapper.markets table.table-wrapper thead tr th,
  section.content-wrapper.partners table.table-wrapper thead tr th,
  section.content-wrapper.signalmen table.table-wrapper thead tr th,
  section.content-wrapper.sceneries table.table-wrapper thead tr th{
    color:#989898;
    font-size:14px;
    font-weight:500;
    padding:5px 8px;
    line-height:16px;
    text-align:start;
  }
  section.content-wrapper.users table.table-wrapper thead tr th>span,
  section.content-wrapper.clients table.table-wrapper thead tr th>span,
  section.content-wrapper.markets table.table-wrapper thead tr th>span,
  section.content-wrapper.partners table.table-wrapper thead tr th>span,
  section.content-wrapper.signalmen table.table-wrapper thead tr th>span,
  section.content-wrapper.sceneries table.table-wrapper thead tr th>span{
    cursor:pointer;
    display:inline-block;
  }
  section.content-wrapper.users table.table-wrapper thead tr th.asc>span,
  section.content-wrapper.clients table.table-wrapper thead tr th.asc>span,
  section.content-wrapper.markets table.table-wrapper thead tr th.asc>span,
  section.content-wrapper.partners table.table-wrapper thead tr th.asc>span,
  section.content-wrapper.signalmen table.table-wrapper thead tr th.asc>span,
  section.content-wrapper.sceneries table.table-wrapper thead tr th.asc>span,
  section.content-wrapper.users table.table-wrapper thead tr th.desc>span,
  section.content-wrapper.clients table.table-wrapper thead tr th.desc>span,
  section.content-wrapper.markets table.table-wrapper thead tr th.desc>span,
  section.content-wrapper.partners table.table-wrapper thead tr th.desc>span,
  section.content-wrapper.signalmen table.table-wrapper thead tr th.desc>span,
  section.content-wrapper.sceneries table.table-wrapper thead tr th.desc>span{
    color:#7CC4CC;
  }
  section.content-wrapper.users table.table-wrapper thead tr th .order,
  section.content-wrapper.clients table.table-wrapper thead tr th .order,
  section.content-wrapper.markets table.table-wrapper thead tr th .order,
  section.content-wrapper.partners table.table-wrapper thead tr th .order,
  section.content-wrapper.signalmen table.table-wrapper thead tr th .order,
  section.content-wrapper.sceneries table.table-wrapper thead tr th .order{
    width:16px;
    height:16px;
    margin-top:-2px;
    margin-left:1px;
    display:inline-block;
    vertical-align:middle;
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_icon-a53d835f19cd654e1aba68091ae7adcdc3b6b3e6801660c7f6f6f000c8c0b25e.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size:14px;
  }
  section.content-wrapper.users table.table-wrapper thead tr th.asc .order,
  section.content-wrapper.clients table.table-wrapper thead tr th.asc .order,
  section.content-wrapper.markets table.table-wrapper thead tr th.asc .order,
  section.content-wrapper.partners table.table-wrapper thead tr th.asc .order,
  section.content-wrapper.signalmen table.table-wrapper thead tr th.asc .order,
  section.content-wrapper.sceneries table.table-wrapper thead tr th.asc .order{
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_asc_icon-8867b9df5b681ef9e71552c122b1689fc876f33293fe2c449fa99b27b842e7a8.png);
  }
  section.content-wrapper.users table.table-wrapper thead tr th.desc .order,
  section.content-wrapper.clients table.table-wrapper thead tr th.desc .order,
  section.content-wrapper.markets table.table-wrapper thead tr th.desc .order,
  section.content-wrapper.partners table.table-wrapper thead tr th.desc .order,
  section.content-wrapper.signalmen table.table-wrapper thead tr th.desc .order,
  section.content-wrapper.sceneries table.table-wrapper thead tr th.desc .order{
    background-image:url(https://sp-stag.twig.design/assets/icons/filters_desc_icon-3b3ad784afbc748c695f0012d0ec10cfff14eb5eddf11d49d6492309745f4e62.png);
  }
  section.content-wrapper.users table.table-wrapper tbody tr td,
  section.content-wrapper.clients table.table-wrapper tbody tr td,
  section.content-wrapper.markets table.table-wrapper tbody tr td,
  section.content-wrapper.partners table.table-wrapper tbody tr td,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td{
    color:#000000;
    font-size:14px;
    font-weight:500;
    padding:11px 8px;
    line-height:16px;
    text-align:start;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td.status,
  section.content-wrapper.clients table.table-wrapper tbody tr td.status,
  section.content-wrapper.markets table.table-wrapper tbody tr td.status,
  section.content-wrapper.partners table.table-wrapper tbody tr td.status,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td.status,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td.status{
    color:#989898;
    font-size:12px;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td.p-code,
  section.content-wrapper.clients table.table-wrapper tbody tr td.p-code,
  section.content-wrapper.markets table.table-wrapper tbody tr td.p-code,
  section.content-wrapper.partners table.table-wrapper tbody tr td.p-code,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td.p-code,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td.p-code{
    font-weight:600;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td.date,
  section.content-wrapper.clients table.table-wrapper tbody tr td.date,
  section.content-wrapper.markets table.table-wrapper tbody tr td.date,
  section.content-wrapper.partners table.table-wrapper tbody tr td.date,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td.date,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td.date{
    color:#989898;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status{
    padding-left:22px;
    position:relative;
    display:inline-block;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status:before{
    left:0;
    top:50%;
    content:"";
    width:16px;
    height:16px;
    display:block;
    position:absolute;
    border-radius:100%;
    transform:translateY(-50%);
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status.draft:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status.draft:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status.draft:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status.draft:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status.draft:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status.draft:before{
    background-color:#D8DBE0;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status.interessato:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status.interessato:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status.interessato:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status.interessato:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status.interessato:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status.interessato:before{
    background-color:;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status.trattativa:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status.trattativa:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status.trattativa:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status.trattativa:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status.trattativa:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status.trattativa:before{
    background-color:#FF9300;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status.trattativa_rendicontabile:before{
    background-color:;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status.consolidato:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status.consolidato:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status.consolidato:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status.consolidato:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status.consolidato:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status.consolidato:before{
    background-color:#0BC404;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status.chiuso:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status.chiuso:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status.chiuso:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status.chiuso:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status.chiuso:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status.chiuso:before{
    background-color:;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status.perso:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status.perso:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status.perso:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status.perso:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status.perso:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status.perso:before{
    background-color:;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td .status.hidden:before,
  section.content-wrapper.clients table.table-wrapper tbody tr td .status.hidden:before,
  section.content-wrapper.markets table.table-wrapper tbody tr td .status.hidden:before,
  section.content-wrapper.partners table.table-wrapper tbody tr td .status.hidden:before,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td .status.hidden:before,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td .status.hidden:before{
    background-color:;
  }
  section.content-wrapper.users table.table-wrapper tbody tr,
  section.content-wrapper.clients table.table-wrapper tbody tr,
  section.content-wrapper.markets table.table-wrapper tbody tr,
  section.content-wrapper.partners table.table-wrapper tbody tr,
  section.content-wrapper.signalmen table.table-wrapper tbody tr,
  section.content-wrapper.sceneries table.table-wrapper tbody tr{
    cursor:pointer;
    border-radius:12px;
    background-color:#ffffff;
    box-shadow:0 0 8px rgba(0,0,0,.1);
  }
  section.content-wrapper.users table.table-wrapper tbody tr td:first-child,
  section.content-wrapper.clients table.table-wrapper tbody tr td:first-child,
  section.content-wrapper.markets table.table-wrapper tbody tr td:first-child,
  section.content-wrapper.partners table.table-wrapper tbody tr td:first-child,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td:first-child,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td:first-child{
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
  }
  section.content-wrapper.users table.table-wrapper tbody tr td:last-child,
  section.content-wrapper.clients table.table-wrapper tbody tr td:last-child,
  section.content-wrapper.markets table.table-wrapper tbody tr td:last-child,
  section.content-wrapper.partners table.table-wrapper tbody tr td:last-child,
  section.content-wrapper.signalmen table.table-wrapper tbody tr td:last-child,
  section.content-wrapper.sceneries table.table-wrapper tbody tr td:last-child{
    border-top-right-radius:12px;
    border-bottom-right-radius:12px;
  }
/*
#--------------------------------------#
  - Login
#--------------------------------------#
*/
  section.login-wrapper{
    width:100%;
    min-height:100vh;
    position:relative;
    background-image:url(https://sp-stag.twig.design/assets/login/login_visual-5d48cecca5db919787aa6ebbfeda80e75102b3778f802008d865ad61c57b4130.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
  }
  section.login-wrapper .c-wrapper{
    top:50%;
    left:50%;
    width:320px;
    padding:32px 15px;
    text-align:center;
    position:absolute;
    transform:translateX(-50%) translateY(-50%);
  }
  section.login-wrapper .c-wrapper img{
    max-width:100%;
    max-height:100%;
  }
  section.login-wrapper .c-wrapper button{
    border:0;
    width:175px;
    height:34px;
    font-size:0;
    display:block;
    cursor:pointer;
    border-radius:2px;
    margin:64px auto 0;
    background-color:transparent;
    background-image:url(https://sp-stag.twig.design/assets/login/google_btn-89ac3014603d5898354ec522eb00b7da2cf9753659cbfea962a1dc85fb93bcd2.jpg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
  }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

/*
#--------------------------------------#
  - Fonts
#--------------------------------------#
*/
  @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

/*
#--------------------------------------#
  - Various
#--------------------------------------#
*/
  body{
    margin:0;
    color:#000000;
    min-height:100vh;
    position:relative;
    background-color:#F9F9F9;
  }
  body.logged{
    padding-top:60px;
    padding-bottom:70px;
  }
  body.logged main{
    padding-top:32px;
    padding-bottom:32px;
  }
  *{
    outline:none;
    box-sizing:border-box;
    font-family:'Open Sans', sans-serif;
  }
  body a{
    color:#2196F3;
  }
  p.no-rows{
    width:100%;
    color:#989898;
    font-size:14px;
    font-weight:500;
    margin-top:24px;
    line-height:16px;
    text-align:center;
    margin-bottom:16px;
  }
  .pagination{
    font-size:0;
    display:block;
    text-align:center;

    .prev,
    .item,
    .next{
      color:#000000;
      font-size:12px;
      cursor:pointer;
      min-width:32px;
      min-height:32px;
      padding:4px 6px;
      font-weight:500;
      line-height:22px;
      text-align:center;
      vertical-align:top;
      display:inline-block;
      background-color:#ffffff;
      border:1px #d6d6d6 solid;
      background-repeat:no-repeat;
      background-position:center;
      background-size:5px;
      border-right:0;

      &.active{
        color:#ffffff;
        border-color:#7CC4CC;
        background-color:#7CC4CC;
      }

      &:not(.active):hover{
        background-color:rgba($black,.1);
      }
    }

    .prev{
      border-top-left-radius:3px;
      border-bottom-left-radius:3px;
      background-image:url(https://sp-stag.twig.design/assets/icons/pagination_arrow_left.svg);
    }

    .next{
      border-top-right-radius:3px;
      border-bottom-right-radius:3px;
      border-right:1px #d6d6d6 solid;
      background-image:url(https://sp-stag.twig.design/assets/icons/pagination_arrow_right.svg);
    }

    .total-page{
      color:#000000;
      font-size:12px;
      font-weight:500;
      padding:4px 6px;
      min-height:32px;
      margin-left:4px;
      line-height:24px;
      display:inline-block;
    }
  }
  .ctm-banner{
    top:0;
    left:50%;
    z-index:999999;
    position:fixed;
    max-width:300px;
    padding:16px 20px;
    border-radius:5px;
    width:calc(100% - 30px);
    transition:all 200ms linear 0ms;
    transform:translateX(-50%) translateY(-100%);
  }
  .ctm-banner.success{
    background-color:#42C38C;
  }
  .ctm-banner.error{
    background-color:#f44336;
  }
  .ctm-banner.shown{
    transform:translateX(-50%) translateY(24px);
  }
  .ctm-banner p{
    margin:0;
    color:#ffffff;
    font-size:13px;
    font-weight:500;
    line-height:18px;
    text-align:center;
  }
  .custom-input-search{
    position:relative;
  }
  .custom-input-search>input{
    padding-right:20px;
  }
  .custom-input-search:after{
    top:50%;
    left:8px;
    content:"";
    width:12px;
    height:12px;
    position:absolute;
    transform:translateY(-50%);
    background-image:url(https://sp-stag.twig.design/assets/icons/custom_input_search_icon-9ae6ea93bedf6071f37e3c33bfa289249d8a61ee4432c606af68d8ff8aee22d2.svg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:12px;
  }

/*
#--------------------------------------#
  - Animations
#--------------------------------------#
*/
  @keyframes spin{
    0%   {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}
  }
