@charset "UTF-8";
/**
 * Porsche Service Plus Main
 *
 * @author  NW, AOC, JE
 * @version v1.0.0
 */
:root {
  --bs-white: #ffffff;
  --bs-black: #000000;
  --bs-greydark: #323639;
  --bs-bggrey: #ebebeb;
  --bs-grey: #626669;
  --bs-blue: #0061BD;
  --bs-red: #d41120;
  --bs-green: #018A16;
  --bs-orange: #f4991a;
  --bs-ice: #e4ecf5;
  --bs-lgreen: #e5f3e7;
  --bs-lred: #fae6e6;
  --bs-lorange: #fff5e5;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0061BD;
  --bs-secondary: #018A16;
  --bs-tertiary: #f4991a;
  --bs-success: #018A16;
  --bs-info: #0dcaf0;
  --bs-warning: #f4991a;
  --bs-danger: #d41120;
  --bs-light: #ffffff;
  --bs-dark: #212529;
  --bs-lred: #fae6e6;
  --bs-lgreen: #e5f3e7;
  --bs-lorange: #fff5e5;
  --bs-ice: #e4ecf5;
  --bs-bggrey: #ebebeb;
  --bs-primary-rgb: 0, 97, 189;
  --bs-secondary-rgb: 1, 138, 22;
  --bs-tertiary-rgb: 244, 153, 26;
  --bs-success-rgb: 1, 138, 22;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 244, 153, 26;
  --bs-danger-rgb: 212, 17, 32;
  --bs-light-rgb: 255, 255, 255;
  --bs-dark-rgb: 33, 37, 41;
  --bs-lred-rgb: 250, 230, 230;
  --bs-lgreen-rgb: 229, 243, 231;
  --bs-lorange-rgb: 255, 245, 229;
  --bs-ice-rgb: 228, 236, 245;
  --bs-bggrey-rgb: 235, 235, 235;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 0, 0, 0;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #000000;
  --bs-body-bg: #ffffff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd; }

.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(-.5 * var(--bs-gutter-x));
  margin-left: calc(-.5 * var(--bs-gutter-x)); }
  .row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .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.33333%; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@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.33333%; }
  .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.66667%; }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-sm-0 {
    margin-left: 0; }
  .offset-sm-1 {
    margin-left: 8.33333%; }
  .offset-sm-2 {
    margin-left: 16.66667%; }
  .offset-sm-3 {
    margin-left: 25%; }
  .offset-sm-4 {
    margin-left: 33.33333%; }
  .offset-sm-5 {
    margin-left: 41.66667%; }
  .offset-sm-6 {
    margin-left: 50%; }
  .offset-sm-7 {
    margin-left: 58.33333%; }
  .offset-sm-8 {
    margin-left: 66.66667%; }
  .offset-sm-9 {
    margin-left: 75%; }
  .offset-sm-10 {
    margin-left: 83.33333%; }
  .offset-sm-11 {
    margin-left: 91.66667%; }
  .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; }
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 6rem; }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 6rem; } }

@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.33333%; }
  .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.66667%; }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-md-0 {
    margin-left: 0; }
  .offset-md-1 {
    margin-left: 8.33333%; }
  .offset-md-2 {
    margin-left: 16.66667%; }
  .offset-md-3 {
    margin-left: 25%; }
  .offset-md-4 {
    margin-left: 33.33333%; }
  .offset-md-5 {
    margin-left: 41.66667%; }
  .offset-md-6 {
    margin-left: 50%; }
  .offset-md-7 {
    margin-left: 58.33333%; }
  .offset-md-8 {
    margin-left: 66.66667%; }
  .offset-md-9 {
    margin-left: 75%; }
  .offset-md-10 {
    margin-left: 83.33333%; }
  .offset-md-11 {
    margin-left: 91.66667%; }
  .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; }
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 6rem; }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 6rem; } }

@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.33333%; }
  .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.66667%; }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-lg-0 {
    margin-left: 0; }
  .offset-lg-1 {
    margin-left: 8.33333%; }
  .offset-lg-2 {
    margin-left: 16.66667%; }
  .offset-lg-3 {
    margin-left: 25%; }
  .offset-lg-4 {
    margin-left: 33.33333%; }
  .offset-lg-5 {
    margin-left: 41.66667%; }
  .offset-lg-6 {
    margin-left: 50%; }
  .offset-lg-7 {
    margin-left: 58.33333%; }
  .offset-lg-8 {
    margin-left: 66.66667%; }
  .offset-lg-9 {
    margin-left: 75%; }
  .offset-lg-10 {
    margin-left: 83.33333%; }
  .offset-lg-11 {
    margin-left: 91.66667%; }
  .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; }
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 6rem; }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 6rem; } }

@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.33333%; }
  .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.66667%; }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xl-0 {
    margin-left: 0; }
  .offset-xl-1 {
    margin-left: 8.33333%; }
  .offset-xl-2 {
    margin-left: 16.66667%; }
  .offset-xl-3 {
    margin-left: 25%; }
  .offset-xl-4 {
    margin-left: 33.33333%; }
  .offset-xl-5 {
    margin-left: 41.66667%; }
  .offset-xl-6 {
    margin-left: 50%; }
  .offset-xl-7 {
    margin-left: 58.33333%; }
  .offset-xl-8 {
    margin-left: 66.66667%; }
  .offset-xl-9 {
    margin-left: 75%; }
  .offset-xl-10 {
    margin-left: 83.33333%; }
  .offset-xl-11 {
    margin-left: 91.66667%; }
  .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; }
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 6rem; }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 6rem; } }

@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.33333%; }
  .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.66667%; }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.33333%; }
  .offset-xxl-2 {
    margin-left: 16.66667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.33333%; }
  .offset-xxl-5 {
    margin-left: 41.66667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.33333%; }
  .offset-xxl-8 {
    margin-left: 66.66667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.33333%; }
  .offset-xxl-11 {
    margin-left: 91.66667%; }
  .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; }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 6rem; }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 6rem; } }

@media (min-width: 1600px) {
  .col-xxxl {
    flex: 1 0 0%; }
  .row-cols-xxxl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xxxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xxxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xxxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xxxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xxxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xxxl-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxxl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xxxl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xxxl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xxxl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xxxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xxxl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xxxl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xxxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xxxl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xxxl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xxxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xxxl-0 {
    margin-left: 0; }
  .offset-xxxl-1 {
    margin-left: 8.33333%; }
  .offset-xxxl-2 {
    margin-left: 16.66667%; }
  .offset-xxxl-3 {
    margin-left: 25%; }
  .offset-xxxl-4 {
    margin-left: 33.33333%; }
  .offset-xxxl-5 {
    margin-left: 41.66667%; }
  .offset-xxxl-6 {
    margin-left: 50%; }
  .offset-xxxl-7 {
    margin-left: 58.33333%; }
  .offset-xxxl-8 {
    margin-left: 66.66667%; }
  .offset-xxxl-9 {
    margin-left: 75%; }
  .offset-xxxl-10 {
    margin-left: 83.33333%; }
  .offset-xxxl-11 {
    margin-left: 91.66667%; }
  .g-xxxl-0,
  .gx-xxxl-0 {
    --bs-gutter-x: 0; }
  .g-xxxl-0,
  .gy-xxxl-0 {
    --bs-gutter-y: 0; }
  .g-xxxl-1,
  .gx-xxxl-1 {
    --bs-gutter-x: 0.25rem; }
  .g-xxxl-1,
  .gy-xxxl-1 {
    --bs-gutter-y: 0.25rem; }
  .g-xxxl-2,
  .gx-xxxl-2 {
    --bs-gutter-x: 0.5rem; }
  .g-xxxl-2,
  .gy-xxxl-2 {
    --bs-gutter-y: 0.5rem; }
  .g-xxxl-3,
  .gx-xxxl-3 {
    --bs-gutter-x: 1rem; }
  .g-xxxl-3,
  .gy-xxxl-3 {
    --bs-gutter-y: 1rem; }
  .g-xxxl-4,
  .gx-xxxl-4 {
    --bs-gutter-x: 1.5rem; }
  .g-xxxl-4,
  .gy-xxxl-4 {
    --bs-gutter-y: 1.5rem; }
  .g-xxxl-5,
  .gx-xxxl-5 {
    --bs-gutter-x: 3rem; }
  .g-xxxl-5,
  .gy-xxxl-5 {
    --bs-gutter-y: 3rem; }
  .g-xxxl-6,
  .gx-xxxl-6 {
    --bs-gutter-x: 6rem; }
  .g-xxxl-6,
  .gy-xxxl-6 {
    --bs-gutter-y: 6rem; } }

@media (min-width: 1840px) {
  .col-xxxxl {
    flex: 1 0 0%; }
  .row-cols-xxxxl-auto > * {
    flex: 0 0 auto;
    width: auto; }
  .row-cols-xxxxl-1 > * {
    flex: 0 0 auto;
    width: 100%; }
  .row-cols-xxxxl-2 > * {
    flex: 0 0 auto;
    width: 50%; }
  .row-cols-xxxxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333%; }
  .row-cols-xxxxl-4 > * {
    flex: 0 0 auto;
    width: 25%; }
  .row-cols-xxxxl-5 > * {
    flex: 0 0 auto;
    width: 20%; }
  .row-cols-xxxxl-6 > * {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxxxl-auto {
    flex: 0 0 auto;
    width: auto; }
  .col-xxxxl-1 {
    flex: 0 0 auto;
    width: 8.33333%; }
  .col-xxxxl-2 {
    flex: 0 0 auto;
    width: 16.66667%; }
  .col-xxxxl-3 {
    flex: 0 0 auto;
    width: 25%; }
  .col-xxxxl-4 {
    flex: 0 0 auto;
    width: 33.33333%; }
  .col-xxxxl-5 {
    flex: 0 0 auto;
    width: 41.66667%; }
  .col-xxxxl-6 {
    flex: 0 0 auto;
    width: 50%; }
  .col-xxxxl-7 {
    flex: 0 0 auto;
    width: 58.33333%; }
  .col-xxxxl-8 {
    flex: 0 0 auto;
    width: 66.66667%; }
  .col-xxxxl-9 {
    flex: 0 0 auto;
    width: 75%; }
  .col-xxxxl-10 {
    flex: 0 0 auto;
    width: 83.33333%; }
  .col-xxxxl-11 {
    flex: 0 0 auto;
    width: 91.66667%; }
  .col-xxxxl-12 {
    flex: 0 0 auto;
    width: 100%; }
  .offset-xxxxl-0 {
    margin-left: 0; }
  .offset-xxxxl-1 {
    margin-left: 8.33333%; }
  .offset-xxxxl-2 {
    margin-left: 16.66667%; }
  .offset-xxxxl-3 {
    margin-left: 25%; }
  .offset-xxxxl-4 {
    margin-left: 33.33333%; }
  .offset-xxxxl-5 {
    margin-left: 41.66667%; }
  .offset-xxxxl-6 {
    margin-left: 50%; }
  .offset-xxxxl-7 {
    margin-left: 58.33333%; }
  .offset-xxxxl-8 {
    margin-left: 66.66667%; }
  .offset-xxxxl-9 {
    margin-left: 75%; }
  .offset-xxxxl-10 {
    margin-left: 83.33333%; }
  .offset-xxxxl-11 {
    margin-left: 91.66667%; }
  .g-xxxxl-0,
  .gx-xxxxl-0 {
    --bs-gutter-x: 0; }
  .g-xxxxl-0,
  .gy-xxxxl-0 {
    --bs-gutter-y: 0; }
  .g-xxxxl-1,
  .gx-xxxxl-1 {
    --bs-gutter-x: 0.25rem; }
  .g-xxxxl-1,
  .gy-xxxxl-1 {
    --bs-gutter-y: 0.25rem; }
  .g-xxxxl-2,
  .gx-xxxxl-2 {
    --bs-gutter-x: 0.5rem; }
  .g-xxxxl-2,
  .gy-xxxxl-2 {
    --bs-gutter-y: 0.5rem; }
  .g-xxxxl-3,
  .gx-xxxxl-3 {
    --bs-gutter-x: 1rem; }
  .g-xxxxl-3,
  .gy-xxxxl-3 {
    --bs-gutter-y: 1rem; }
  .g-xxxxl-4,
  .gx-xxxxl-4 {
    --bs-gutter-x: 1.5rem; }
  .g-xxxxl-4,
  .gy-xxxxl-4 {
    --bs-gutter-y: 1.5rem; }
  .g-xxxxl-5,
  .gx-xxxxl-5 {
    --bs-gutter-x: 3rem; }
  .g-xxxxl-5,
  .gy-xxxxl-5 {
    --bs-gutter-y: 3rem; }
  .g-xxxxl-6,
  .gx-xxxxl-6 {
    --bs-gutter-x: 6rem; }
  .g-xxxxl-6,
  .gy-xxxxl-6 {
    --bs-gutter-y: 6rem; } }

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: #000000;
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 1px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.375rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-size: calculate-rem(var(--bs-btn-font-size));
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
  @media (prefers-reduced-motion: reduce) {
    .btn {
      transition: none; } }
  .btn:hover {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color); }
  .btn-check + .btn:hover {
    color: var(--bs-btn-color);
    background-color: var(--bs-btn-bg);
    border-color: var(--bs-btn-border-color); }
  .btn:focus-visible {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn-check:focus-visible + .btn {
    border-color: var(--bs-btn-hover-border-color);
    outline: 0;
    box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn-check:checked + .btn,
  :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
    color: var(--bs-btn-active-color);
    background-color: var(--bs-btn-active-bg);
    border-color: var(--bs-btn-active-border-color); }
    .btn-check:checked + .btn:focus-visible,
    :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
      box-shadow: var(--bs-btn-focus-box-shadow); }
  .btn:disabled, .btn.disabled,
  fieldset:disabled .btn {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity); }

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0061BD;
  --bs-btn-border-color: #0061BD;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0052a1;
  --bs-btn-hover-border-color: #004e97;
  --bs-btn-focus-shadow-rgb: 38, 121, 199;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #004e97;
  --bs-btn-active-border-color: #00498e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0061BD;
  --bs-btn-disabled-border-color: #0061BD; }

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #018A16;
  --bs-btn-border-color: #018A16;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #017513;
  --bs-btn-hover-border-color: #016e12;
  --bs-btn-focus-shadow-rgb: 39, 156, 57;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #016e12;
  --bs-btn-active-border-color: #016811;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #018A16;
  --bs-btn-disabled-border-color: #018A16; }

.btn-tertiary {
  --bs-btn-color: #000;
  --bs-btn-bg: #f4991a;
  --bs-btn-border-color: #f4991a;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f6a83c;
  --bs-btn-hover-border-color: #f5a331;
  --bs-btn-focus-shadow-rgb: 207, 130, 22;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f6ad48;
  --bs-btn-active-border-color: #f5a331;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f4991a;
  --bs-btn-disabled-border-color: #f4991a; }

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #018A16;
  --bs-btn-border-color: #018A16;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #017513;
  --bs-btn-hover-border-color: #016e12;
  --bs-btn-focus-shadow-rgb: 39, 156, 57;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #016e12;
  --bs-btn-active-border-color: #016811;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #018A16;
  --bs-btn-disabled-border-color: #018A16; }

.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0; }

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #f4991a;
  --bs-btn-border-color: #f4991a;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f6a83c;
  --bs-btn-hover-border-color: #f5a331;
  --bs-btn-focus-shadow-rgb: 207, 130, 22;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f6ad48;
  --bs-btn-active-border-color: #f5a331;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f4991a;
  --bs-btn-disabled-border-color: #f4991a; }

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #d41120;
  --bs-btn-border-color: #d41120;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b40e1b;
  --bs-btn-hover-border-color: #aa0e1a;
  --bs-btn-focus-shadow-rgb: 218, 53, 65;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #aa0e1a;
  --bs-btn-active-border-color: #9f0d18;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #d41120;
  --bs-btn-disabled-border-color: #d41120; }

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d9d9d9;
  --bs-btn-hover-border-color: #cccccc;
  --bs-btn-focus-shadow-rgb: 217, 217, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #cccccc;
  --bs-btn-active-border-color: #bfbfbf;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffffff;
  --bs-btn-disabled-border-color: #ffffff; }

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529; }

.btn-lred {
  --bs-btn-color: #000;
  --bs-btn-bg: #fae6e6;
  --bs-btn-border-color: #fae6e6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fbeaea;
  --bs-btn-hover-border-color: #fbe9e9;
  --bs-btn-focus-shadow-rgb: 213, 196, 196;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fbebeb;
  --bs-btn-active-border-color: #fbe9e9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fae6e6;
  --bs-btn-disabled-border-color: #fae6e6; }

.btn-lgreen {
  --bs-btn-color: #000;
  --bs-btn-bg: #e5f3e7;
  --bs-btn-border-color: #e5f3e7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e9f5eb;
  --bs-btn-hover-border-color: #e8f4e9;
  --bs-btn-focus-shadow-rgb: 195, 207, 196;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #eaf5ec;
  --bs-btn-active-border-color: #e8f4e9;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e5f3e7;
  --bs-btn-disabled-border-color: #e5f3e7; }

.btn-lorange {
  --bs-btn-color: #000;
  --bs-btn-bg: #fff5e5;
  --bs-btn-border-color: #fff5e5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fff7e9;
  --bs-btn-hover-border-color: #fff6e8;
  --bs-btn-focus-shadow-rgb: 217, 208, 195;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fff7ea;
  --bs-btn-active-border-color: #fff6e8;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #fff5e5;
  --bs-btn-disabled-border-color: #fff5e5; }

.btn-ice {
  --bs-btn-color: #000;
  --bs-btn-bg: #e4ecf5;
  --bs-btn-border-color: #e4ecf5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e8eff7;
  --bs-btn-hover-border-color: #e7eef6;
  --bs-btn-focus-shadow-rgb: 194, 201, 208;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e9f0f7;
  --bs-btn-active-border-color: #e7eef6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #e4ecf5;
  --bs-btn-disabled-border-color: #e4ecf5; }

.btn-bggrey {
  --bs-btn-color: #000;
  --bs-btn-bg: #ebebeb;
  --bs-btn-border-color: #ebebeb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #eeeeee;
  --bs-btn-hover-border-color: #ededed;
  --bs-btn-focus-shadow-rgb: 200, 200, 200;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #efefef;
  --bs-btn-active-border-color: #ededed;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ebebeb;
  --bs-btn-disabled-border-color: #ebebeb; }

.btn-outline-primary {
  --bs-btn-color: #0061BD;
  --bs-btn-border-color: #0061BD;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0061BD;
  --bs-btn-hover-border-color: #0061BD;
  --bs-btn-focus-shadow-rgb: 0, 97, 189;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0061BD;
  --bs-btn-active-border-color: #0061BD;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0061BD;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0061BD;
  --bs-gradient: none; }

.btn-outline-secondary {
  --bs-btn-color: #018A16;
  --bs-btn-border-color: #018A16;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #018A16;
  --bs-btn-hover-border-color: #018A16;
  --bs-btn-focus-shadow-rgb: 1, 138, 22;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #018A16;
  --bs-btn-active-border-color: #018A16;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #018A16;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #018A16;
  --bs-gradient: none; }

.btn-outline-tertiary {
  --bs-btn-color: #f4991a;
  --bs-btn-border-color: #f4991a;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f4991a;
  --bs-btn-hover-border-color: #f4991a;
  --bs-btn-focus-shadow-rgb: 244, 153, 26;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f4991a;
  --bs-btn-active-border-color: #f4991a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f4991a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f4991a;
  --bs-gradient: none; }

.btn-outline-success {
  --bs-btn-color: #018A16;
  --bs-btn-border-color: #018A16;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #018A16;
  --bs-btn-hover-border-color: #018A16;
  --bs-btn-focus-shadow-rgb: 1, 138, 22;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #018A16;
  --bs-btn-active-border-color: #018A16;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #018A16;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #018A16;
  --bs-gradient: none; }

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none; }

.btn-outline-warning {
  --bs-btn-color: #f4991a;
  --bs-btn-border-color: #f4991a;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f4991a;
  --bs-btn-hover-border-color: #f4991a;
  --bs-btn-focus-shadow-rgb: 244, 153, 26;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f4991a;
  --bs-btn-active-border-color: #f4991a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f4991a;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f4991a;
  --bs-gradient: none; }

.btn-outline-danger {
  --bs-btn-color: #d41120;
  --bs-btn-border-color: #d41120;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #d41120;
  --bs-btn-hover-border-color: #d41120;
  --bs-btn-focus-shadow-rgb: 212, 17, 32;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #d41120;
  --bs-btn-active-border-color: #d41120;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #d41120;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #d41120;
  --bs-gradient: none; }

.btn-outline-light {
  --bs-btn-color: #ffffff;
  --bs-btn-border-color: #ffffff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffffff;
  --bs-btn-hover-border-color: #ffffff;
  --bs-btn-focus-shadow-rgb: 255, 255, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffffff;
  --bs-btn-active-border-color: #ffffff;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffffff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffffff;
  --bs-gradient: none; }

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none; }

.btn-outline-lred {
  --bs-btn-color: #fae6e6;
  --bs-btn-border-color: #fae6e6;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fae6e6;
  --bs-btn-hover-border-color: #fae6e6;
  --bs-btn-focus-shadow-rgb: 250, 230, 230;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fae6e6;
  --bs-btn-active-border-color: #fae6e6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fae6e6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fae6e6;
  --bs-gradient: none; }

.btn-outline-lgreen {
  --bs-btn-color: #e5f3e7;
  --bs-btn-border-color: #e5f3e7;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e5f3e7;
  --bs-btn-hover-border-color: #e5f3e7;
  --bs-btn-focus-shadow-rgb: 229, 243, 231;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e5f3e7;
  --bs-btn-active-border-color: #e5f3e7;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e5f3e7;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e5f3e7;
  --bs-gradient: none; }

.btn-outline-lorange {
  --bs-btn-color: #fff5e5;
  --bs-btn-border-color: #fff5e5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #fff5e5;
  --bs-btn-hover-border-color: #fff5e5;
  --bs-btn-focus-shadow-rgb: 255, 245, 229;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #fff5e5;
  --bs-btn-active-border-color: #fff5e5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff5e5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #fff5e5;
  --bs-gradient: none; }

.btn-outline-ice {
  --bs-btn-color: #e4ecf5;
  --bs-btn-border-color: #e4ecf5;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #e4ecf5;
  --bs-btn-hover-border-color: #e4ecf5;
  --bs-btn-focus-shadow-rgb: 228, 236, 245;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #e4ecf5;
  --bs-btn-active-border-color: #e4ecf5;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #e4ecf5;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #e4ecf5;
  --bs-gradient: none; }

.btn-outline-bggrey {
  --bs-btn-color: #ebebeb;
  --bs-btn-border-color: #ebebeb;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ebebeb;
  --bs-btn-hover-border-color: #ebebeb;
  --bs-btn-focus-shadow-rgb: 235, 235, 235;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ebebeb;
  --bs-btn-active-border-color: #ebebeb;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ebebeb;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ebebeb;
  --bs-gradient: none; }

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: none;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  text-decoration: underline; }
  .btn-link:focus-visible {
    color: var(--bs-btn-color); }
  .btn-link:hover {
    color: var(--bs-btn-hover-color); }

.btn-lg {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: 0.5rem; }

.btn-sm {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: 0.25rem; }

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */
/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
html,
button,
input,
select,
textarea {
  color: #000000; }

::selection {
  background: #00a7e1;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #00a7e1;
  color: #fff;
  text-shadow: none; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

hr {
  border: 0;
  border-top: 1px solid #ccc;
  display: block;
  height: 1px;
  margin: 1em 0;
  padding: 0; }

body {
  background-color: var(--bs-bggrey);
  min-width: 940px; }
  body.cf {
    min-width: auto; }

.vertical-divider {
  background-color: #626669;
  height: 20px;
  width: 1px; }

.browsehappy {
  background: #ccc;
  color: #000;
  margin: 0.2em 0;
  padding: 0.2em 0; }

.bg-black {
  background: #000000 !important;
  color: #ffffff; }
  .bg-black.btn:hover {
    color: #ffffff; }

.bg-blue {
  background: #0061BD !important;
  color: #ffffff; }
  .bg-blue.btn:hover {
    color: #ffffff; }

.bg-white {
  background: #ffffff !important;
  color: #000000; }

.bg-bggrey {
  background: #ebebeb !important;
  color: #000000; }

.bg-ice {
  background: #e4ecf5 !important;
  color: #000000; }

.bg-lgreen {
  background: #e5f3e7 !important;
  color: #000000; }

.bg-lred {
  background: #fae6e6 !important;
  color: #000000; }

.bg-lorange {
  background: #fff5e5 !important;
  color: #000000; }

.bg-transparent {
  background-color: transparent; }

.black-text {
  color: #000000; }

.blue-text {
  color: #0061BD; }

.white-text {
  color: #ffffff; }

.bggrey-text {
  color: #ebebeb; }

.ice-text {
  color: #e4ecf5; }

.lgreen-text {
  color: #e5f3e7; }

.lred-text {
  color: #fae6e6; }

.lorange-text {
  color: #fff5e5; }

@font-face {
  font-family: 'Porsche Next';
  src: url("../fonts/porschenext-bold-webfont.woff2") format("woff2"), url("../fonts/porschenext-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal; }

@font-face {
  font-family: 'Porsche Next';
  src: url("../fonts/porschenext-bolditalic-webfont.woff2") format("woff2"), url("../fonts/porschenext-bolditalic-webfont.woff") format("woff");
  font-weight: 700;
  font-style: italic; }

@font-face {
  font-family: 'Porsche Next';
  src: url("../fonts/porschenext-italic-webfont.woff2") format("woff2"), url("../fonts/porschenext-italic-webfont.woff") format("woff");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Porsche Next';
  src: url("../fonts/porschenext-regular-webfont.woff2") format("woff2"), url("../fonts/porschenext-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Porsche Next';
  src: url("../fonts/porschenext-thin-webfont.woff2") format("woff2"), url("../fonts/porschenext-thin-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal; }

@font-face {
  font-family: 'Porsche Next';
  src: url("porschenext-thinitalic-webfont.woff2") format("woff2"), url("porschenext-thinitalic-webfont.woff") format("woff");
  font-weight: 300;
  font-style: italic; }

body {
  font-family: "Porsche Next";
  font-size: 16px;
  font-size: calculate-rem(16px); }

.text-white {
  color: #ffffff; }

.text-black {
  color: #000000; }

.text-greydark {
  color: #323639; }

.text-bggrey {
  color: #ebebeb; }

.text-grey {
  color: #626669; }

.text-blue {
  color: #0061BD; }

.text-red {
  color: #d41120; }

.text-green {
  color: #018A16; }

.text-orange {
  color: #f4991a; }

.text-ice {
  color: #e4ecf5; }

.text-lgreen {
  color: #e5f3e7; }

.text-lred {
  color: #fae6e6; }

.text-lorange {
  color: #fff5e5; }

b,
strong,
.font-weight-bold {
  font-weight: 700; }

.uppercase {
  text-transform: uppercase; }

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

.line-through {
  text-decoration: line-through; }

.light,
.thin,
.font-weight-light {
  font-weight: 300; }

p {
  line-height: calculate-rem(20px); }

@media (max-width: 575.98px) {
  a[href^='mailto:'] {
    line-break: anywhere; } }

@font-face {
  font-family: 'porsche-icons';
  src: url("../fonts/porsche-icons/porsche-icons.eot");
  src: url("../fonts/porsche-icons/porsche-icons.eot") format("embedded-opentype"), url("../fonts/porsche-icons/porsche-icons.ttf") format("truetype"), url("../fonts/porsche-icons/porsche-icons.woff") format("woff"), url("../fonts/porsche-icons/porsche-icons.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }

.pi {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'porsche-icons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.pi-profile-framed:before {
  content: ""; }

.pi-profile-scored:before {
  content: ""; }

.pi-stack-alt2:before {
  content: ""; }

.pi-tick-circled:before {
  content: ""; }

.pi-drag-handle:before {
  content: ""; }

.pi-arrow-down:before {
  content: ""; }

.pi-arrow-left:before {
  content: ""; }

.pi-arrow-right:before {
  content: ""; }

.pi-arrow-up:before {
  content: ""; }

.pi-bell:before {
  content: ""; }

.pi-bin:before {
  content: ""; }

.pi-calendar:before {
  content: ""; }

.pi-calendar-edit:before {
  content: ""; }

.pi-car:before {
  content: ""; }

.pi-cart:before {
  content: ""; }

.pi-chevron-down:before {
  content: ""; }

.pi-chevron-left:before {
  content: ""; }

.pi-chevron-right:before {
  content: ""; }

.pi-chevron-up:before {
  content: ""; }

.pi-cog:before {
  content: ""; }

.pi-columns:before {
  content: ""; }

.pi-cross:before {
  content: ""; }

.pi-cursor-rings:before {
  content: ""; }

.pi-cursor-sun:before {
  content: ""; }

.pi-download:before {
  content: ""; }

.pi-download-alt:before {
  content: ""; }

.pi-edit:before {
  content: ""; }

.pi-edit-alt:before {
  content: ""; }

.pi-electric:before {
  content: ""; }

.pi-email:before {
  content: ""; }

.pi-equals:before {
  content: ""; }

.pi-exclamation:before {
  content: ""; }

.pi-expand:before {
  content: ""; }

.pi-expand-alt:before {
  content: ""; }

.pi-expand-alt-filled:before {
  content: ""; }

.pi-grid:before {
  content: ""; }

.pi-happy:before {
  content: ""; }

.pi-info:before {
  content: ""; }

.pi-key:before {
  content: ""; }

.pi-list:before {
  content: ""; }

.pi-minus:before {
  content: ""; }

.pi-p:before {
  content: ""; }

.pi-paperclip:before {
  content: ""; }

.pi-percent:before {
  content: ""; }

.pi-phone:before {
  content: ""; }

.pi-photo:before {
  content: ""; }

.pi-pin:before {
  content: ""; }

.pi-play:before {
  content: ""; }

.pi-plus:before {
  content: ""; }

.pi-print:before {
  content: ""; }

.pi-question:before {
  content: ""; }

.pi-question-filled .path1:before {
  content: "";
  color: white; }

.pi-question-filled .path2:before {
  content: "";
  margin-left: -1em;
  color: black; }

.pi-search:before {
  content: ""; }

.pi-speech-bubble:before {
  content: ""; }

.pi-stack:before {
  content: ""; }

.pi-stack-alt:before {
  content: ""; }

.pi-thumbs-up:before {
  content: ""; }

.pi-thumbs-up-alt:before {
  content: ""; }

.pi-tick:before {
  content: ""; }

.pi-timer:before {
  content: ""; }

.pi-timer-alt:before {
  content: ""; }

.pi-upload:before {
  content: ""; }

.pi-upload-alt:before {
  content: ""; }

.pi-v-right:before {
  content: ""; }

.pi-v-right-alt:before {
  content: ""; }

.pi-warning:before {
  content: ""; }

.pi-wrench:before {
  content: ""; }

body.sa-preview {
  padding-top: 84.59px; }
  @media (max-width: 396px) {
    body.sa-preview {
      padding-top: 147.81px; } }
  body.sa-preview .sa-preview-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100; }
  body.sa-preview .sa-preview-header {
    position: fixed;
    top: 0;
    width: 100%;
    background-color: #000;
    z-index: 201; }
  .scrolled body.sa-preview .scrolled-navbar {
    top: 84.59px; }
    @media (max-width: 396px) {
      .scrolled body.sa-preview .scrolled-navbar {
        top: 147.81px; } }
  @media (max-width: 396px) {
    body.sa-preview .saf-preview-content {
      display: block !important; } }

.form-control,
.form-select {
  height: 50px;
  border: 1px solid var(--bs-greydark);
  -webkit-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px;
  width: 100%;
  border-radius: 0px !important; }
  .form-control:disabled,
  .form-select:disabled {
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #626669; }
    .form-control:disabled.bg-ice,
    .form-select:disabled.bg-ice {
      background-color: #e4ecf5;
      border-color: #e4ecf5; }
    .form-control:disabled.bg-lgreen,
    .form-select:disabled.bg-lgreen {
      background-color: #e5f3e7;
      border-color: #e5f3e7; }
  .form-control.form-control-xs, .form-control.form-select-xs,
  .form-select.form-control-xs,
  .form-select.form-select-xs {
    font-size: 16px;
    height: 32px; }

canvas {
  width: 100%;
  border: 1px solid var(--bs-greydark);
  border-radius: 0px !important; }

input[type="date"], input[type="time"] {
  position: relative;
  background-image: url(../img/calendar-edit.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right 10px center; }
  input[type="date"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto; }

.deferred-date-input {
  position: relative;
  background-image: url(../img/calendar-edit.svg);
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right 10px center; }

.check-wrapper {
  position: relative; }
  .check-wrapper input[type="checkbox"] {
    width: 25px;
    height: 25px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #000;
    border-radius: 0;
    display: block;
    box-shadow: none;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -12.5px;
    font-size: 24px;
    font-size: calculate-rem(24px);
    color: #FFF;
    background-image: url(../img/tick-white.svg);
    cursor: pointer; }
    .check-wrapper input[type="checkbox"] + label {
      padding-left: 35px; }
    .check-wrapper input[type="checkbox"]:checked {
      background-color: #000000; }

label {
  font-size: 14px;
  color: var(--bs-greydark); }

.item-wrapper label {
  width: 100%;
  margin-bottom: 5px;
  text-transform: capitalize; }

textarea, textarea.form-control {
  padding: 10px;
  height: 140px;
  resize: none; }

select.form-select {
  background-size: 20px 16px;
  padding-right: 40px;
  background-image: url(../img/chevron-down.svg); }
  select.form-select.bg-danger {
    background-image: url(../img/chevron-down-white.svg); }

.search-wrapper {
  display: flex;
  flex-wrap: wrap;
  position: relative; }
  .search-wrapper input {
    flex: 0 0 calc(100% - 50px);
    max-width: calc(100% - 50px);
    border-color: #C2C3C4;
    border-right: 0;
    transition: all 0.5s ease-in-out; }
    .search-wrapper input:focus {
      box-shadow: none;
      border-color: #0061BD; }
      .search-wrapper input:focus + button {
        border-color: #0061BD; }
    .search-wrapper input::placeholder {
      color: #626669; }
  .search-wrapper button {
    flex: 0 0 50px;
    max-width: 50px;
    height: 50px;
    background-color: #FFF;
    border: 1px solid #C2C3C4;
    border-left: 0;
    padding: 0;
    transition: all 0.5s ease-in-out; }
    .search-wrapper button:hover {
      border-color: #C2C3C4;
      border-left: 0; }
    .search-wrapper button:hover, .search-wrapper button:focus {
      background-color: #FFF; }
    .search-wrapper button i {
      color: var(--bs-greydark);
      width: 100%; }
  .search-wrapper .invalid-feedback {
    flex: 0 0 100%; }
  .type-electric .search-wrapper input:focus {
    box-shadow: none;
    border-color: #018A16; }
    .type-electric .search-wrapper input:focus + button {
      border-color: #018A16; }

.form-control.is-invalid, .was-validated .form-control:invalid {
  border-color: #d41120;
  background-image: none;
  border-width: 2px; }
  .form-control.is-invalid + .btn, .was-validated .form-control:invalid + .btn {
    border-color: #d41120;
    border-width: 2px; }

.invalid-feedback {
  color: #d41120; }

.form-check-input {
  width: 24px;
  height: 24px;
  border-color: var(--bs-greydark);
  border-radius: 0 !important;
  margin-top: 0; }
  .form-check-input:checked {
    background-color: var(--bs-greydark);
    border-color: var(--bs-greydark); }
  .form-check-input:focus {
    border-color: var(--bs-greydark);
    box-shadow: 0 0 0 0.25rem rgba(50, 54, 57, 0.25); }

.form-check-reverse {
  text-align: left; }

.form-check-label i {
  margin-right: 5px; }

form.labels-lg label {
  font-size: 16px; }

form.labels-sm label {
  font-size: 12px; }

.type-ice form :disabled {
  background-color: #e4ecf5;
  border-color: #e4ecf5; }

.type-electric form :disabled {
  background-color: #e5f3e7;
  border-color: #e5f3e7; }

button {
  border: none; }

.btn {
  font-size: 18px;
  padding: 12px 20px;
  border-radius: 0 !important;
  display: inline-flex;
  align-items: center; }
  .btn .pi {
    font-size: 24px;
    margin-left: -8px;
    margin-top: 0;
    margin-bottom: 0; }
    .btn .pi.rounded-circle {
      font-size: 18px;
      padding: 3px; }
  .btn .pi + span {
    margin-left: 5px; }
  .btn span + .pi {
    margin-left: 5px;
    margin-right: -5px; }

.btn-sm {
  font-size: 16px; }

.btn-xs {
  font-size: 16px;
  height: 32px;
  padding: 4px 7px !important;
  margin: 0; }

.btn-outline-primary {
  border-left: 1px solid var(--bs-primary); }

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

.btn-round {
  width: 50px;
  height: 50px;
  border-radius: 50% !important; }

.btn-square {
  width: 50px;
  height: 50px;
  text-decoration: none;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }
  .btn-square i {
    font-size: 24px !important;
    margin: 0; }

.btn-outline-white {
  border-left: 1px solid #ffffff; }

.btn-white {
  background-color: #ffffff; }

.btn-outline-black {
  border-left: 1px solid #000000; }

.btn-black {
  background-color: #000000; }

.btn-outline-greydark {
  border-left: 1px solid #323639; }

.btn-greydark {
  background-color: #323639; }

.btn-outline-bggrey {
  border-left: 1px solid #ebebeb; }

.btn-bggrey {
  background-color: #ebebeb; }

.btn-outline-grey {
  border-left: 1px solid #626669; }

.btn-grey {
  background-color: #626669; }

.btn-outline-blue {
  border-left: 1px solid #0061BD; }

.btn-blue {
  background-color: #0061BD; }

.btn-outline-red {
  border-left: 1px solid #d41120; }

.btn-red {
  background-color: #d41120; }

.btn-outline-green {
  border-left: 1px solid #018A16; }

.btn-green {
  background-color: #018A16; }

.btn-outline-orange {
  border-left: 1px solid #f4991a; }

.btn-orange {
  background-color: #f4991a; }

.btn-outline-ice {
  border-left: 1px solid #e4ecf5; }

.btn-ice {
  background-color: #e4ecf5; }

.btn-outline-lgreen {
  border-left: 1px solid #e5f3e7; }

.btn-lgreen {
  background-color: #e5f3e7; }

.btn-outline-lred {
  border-left: 1px solid #fae6e6; }

.btn-lred {
  background-color: #fae6e6; }

.btn-outline-lorange {
  border-left: 1px solid #fff5e5; }

.btn-lorange {
  background-color: #fff5e5; }

.photo-upload {
  position: relative; }
  .photo-upload.has-files {
    background: var(--bs-secondary);
    color: var(--bs-light); }
    .photo-upload.has-files .count {
      display: block;
      font-size: 10px;
      top: 5px;
      right: 8px;
      position: absolute; }
    .photo-upload.has-files.btn-xs .count {
      font-size: 8px;
      top: 0px;
      right: 2px; }
  .photo-upload.highlighted {
    background: #323639;
    color: #fff; }
    .photo-upload.highlighted:after {
      background: #f4991a;
      content: "";
      display: block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      position: absolute;
      top: 3px;
      right: 3px; }
  .photo-upload .count {
    display: none; }
  .photo-upload.btn-xs .pi {
    font-size: 16px; }

.btn-check + .btn {
  position: relative;
  height: 40px;
  width: 40px;
  border-width: 4px;
  padding: 0 !important;
  background: #fff; }
  .btn-check + .btn:after {
    content: "";
    width: 24px;
    height: 24px;
    font-size: 22px;
    position: absolute;
    right: 4px;
    top: 0; }
  .btn-check + .btn.btn-sm {
    height: 32px;
    width: 32px; }
    .btn-check + .btn.btn-sm:after {
      right: 0;
      top: -4px; }
  .btn-check + .btn.btn-xs {
    border-width: 3px;
    height: 24px;
    width: 24px; }
    .btn-check + .btn.btn-xs:after {
      right: -3px;
      top: -7px; }
  .btn-check + .btn.btn-outline-warning {
    color: #fff; }

.btn-check.btn-check-text + .btn {
  border-width: 1px;
  border-color: var(--bs-greydark);
  color: #212529;
  padding: 12px 20px;
  width: 100%; }
  .btn-check.btn-check-text + .btn:after {
    border: 1px solid #000;
    top: 7px;
    right: 7px; }

.btn-check.btn-check-text:checked + .btn {
  color: #fff; }
  .btn-check.btn-check-text:checked + .btn:after {
    top: 3px; }

.btn-check:checked + .btn:after {
  content: "";
  font-family: porsche-icons;
  border: none;
  font-weight: 600; }

.navbar-toggler {
  justify-content: center; }
  .navbar-toggler:focus {
    box-shadow: none; }
  .navbar-toggler .navbar-toggler-icon {
    background: none;
    border-radius: none;
    position: relative;
    outline: none;
    height: 16px; }
    .navbar-toggler .navbar-toggler-icon:focus {
      outline: none;
      box-shadow: none; }
    .navbar-toggler .navbar-toggler-icon span {
      width: 24px;
      height: 3px;
      background-color: #323639;
      position: absolute;
      left: 0;
      right: 0;
      margin: 0 auto;
      transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      .navbar-toggler .navbar-toggler-icon span.top {
        top: 0px; }
      .navbar-toggler .navbar-toggler-icon span.mid {
        top: 6.5px; }
      .navbar-toggler .navbar-toggler-icon span.btm {
        top: 13px; }
  .navbar-toggler.opened .navbar-toggler-icon span {
    background-color: #FFF; }
  .navbar-toggler.opened .navbar-toggler-icon span.btm {
    width: 0; }
  .navbar-toggler.opened .navbar-toggler-icon span.top {
    transform: translateY(6px) rotate(45deg); }
  .navbar-toggler.opened .navbar-toggler-icon span.mid {
    transform: translateY(0px) rotate(-45deg); }

.progress {
  background-color: #fef3e4;
  border-radius: 4px;
  font-size: 12px;
  line-height: 14px;
  font-weight: 700; }
  .progress .progress-bar {
    color: var(--bs-black);
    background-color: var(--bs-tertiary);
    padding-left: 16px;
    text-align: left;
    overflow: visible; }

.menu.slide-out-menu {
  position: fixed;
  right: -344px;
  top: 100px;
  z-index: 9;
  height: calc(100% - 100px);
  width: 344px;
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
  html.menu-opened .menu.slide-out-menu {
    right: 0; }

.menu.bg-greydark {
  background-color: #323639; }

.menu ul {
  padding: 0;
  margin: 0;
  list-style: none; }
  .menu ul li a {
    color: #FFF;
    text-decoration: none;
    display: inline-block; }
    .menu ul li a > span {
      margin-left: 10px;
      color: rgba(255, 255, 255, 0.5);
      position: relative; }
      .menu ul li a > span .count {
        background: var(--bs-red);
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
        text-align: center;
        color: var(--bs-white);
        font-size: 10px;
        font-weight: 700;
        width: 14px;
        height: 14px;
        position: absolute;
        top: -12px;
        right: -15px; }
  .menu ul.primary-menu li {
    padding: 20px 0;
    border-bottom: 1px solid #5a5e61; }
    .menu ul.primary-menu li a {
      position: relative; }
      .menu ul.primary-menu li a:after {
        position: absolute;
        left: 0;
        height: 3px;
        width: 0%;
        background-color: #d41120;
        bottom: -21px;
        content: ''; }
      .menu ul.primary-menu li a.active {
        font-weight: bold; }
        .menu ul.primary-menu li a.active:after {
          width: 100%; }
  .menu ul.secondary-menu li {
    padding: 5px 0; }
    .menu ul.secondary-menu li a {
      font-size: 14px;
      font-size: calculate-rem(14px);
      opacity: 0.6; }
      .menu ul.secondary-menu li a.active {
        opacity: 1; }

.page-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(50, 54, 57, 0);
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  pointer-events: none;
  z-index: 2;
  pointer-events: none; }
  html.menu-opened .page-overlay {
    background-color: rgba(50, 54, 57, 0.75);
    pointer-events: all; }

html.menu-opened {
  overflow: hidden; }

@media (min-width: 992px) {
  .modal .modal-dialog:not(.modal-fullscreen) {
    max-width: 740px; } }

.modal .modal-dialog .modal-body {
  position: relative;
  opacity: 0;
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; }
  .modal .modal-dialog .modal-body .btn-cross {
    position: absolute;
    top: 32px;
    right: 32px;
    font-size: 24px;
    color: #000000;
    border: none; }
  .modal .modal-dialog .modal-body .btn-close {
    background-image: none;
    padding: 11px 20px;
    margin: 0;
    color: #FFF;
    font-size: 16px;
    opacity: 1;
    position: absolute;
    top: 15px;
    right: 100px;
    z-index: 2;
    border: 1px solid #fff;
    width: auto;
    border-radius: 0;
    height: auto; }
    .modal .modal-dialog .modal-body .btn-close .pi {
      font-size: 20px;
      top: 3px;
      position: relative; }
  @media (max-width: 767.98px) {
    .modal .modal-dialog .modal-body .direction-arrow {
      --bs-aspect-ratio: unset;
      height: 40px;
      width: 40px;
      margin-top: 15px;
      margin-bottom: 15px;
      transform: rotate(90deg); } }

.modal .modal-dialog .boxed {
  border-radius: 8px; }

.modal .modal-dialog .bg-ice.rounded {
  transform: scale(0.75);
  font-size: 34px; }

.modal .modal-dialog.modal-fullscreen {
  height: 100vh; }
  .modal .modal-dialog.modal-fullscreen .modal-header {
    border: 0; }
    .modal .modal-dialog.modal-fullscreen .modal-header .hstack > div {
      border-right: 1px solid #FFF;
      margin-right: 40px;
      padding-right: 40px; }
      .modal .modal-dialog.modal-fullscreen .modal-header .hstack > div:nth-child(4), .modal .modal-dialog.modal-fullscreen .modal-header .hstack > div:last-child {
        border: 0;
        margin-right: 0;
        padding-right: 0; }
    .modal .modal-dialog.modal-fullscreen .modal-header span {
      font-size: 12px; }
    .modal .modal-dialog.modal-fullscreen .modal-header .title {
      font-size: 24px;
      margin-top: -5px; }
    .modal .modal-dialog.modal-fullscreen .modal-header .btn-close {
      background-image: none;
      padding: 0;
      margin: 0;
      color: #FFF;
      font-size: 34px;
      opacity: 1; }
  .modal .modal-dialog.modal-fullscreen .modal-footer {
    border: 0; }

.modal .modal-dialog.modal-media .modal-content {
  background: #000; }

.modal.show .modal-body {
  opacity: 1; }

.alert {
  border: none;
  border-left: 4px solid #000000;
  border-radius: 0;
  position: relative;
  padding: 19px 19px 19px 55px;
  margin-bottom: 1rem; }
  .alert:before {
    font-family: porsche-icons;
    content: "";
    font-size: 22px;
    position: absolute;
    top: 16px;
    left: 16px; }
  .alert span {
    width: 100%;
    display: inline-block; }
    .alert span a {
      color: #000000;
      font-weight: 700; }
    .alert span.date {
      opacity: 0.6;
      font-size: 12px;
      font-size: calculate-rem(12px); }
  .alert.alert-warning {
    border-left-color: var(--bs-warning); }
    .alert.alert-warning:before {
      content: ""; }
  .alert.alert-info {
    background: #e4ecf5;
    border-left-color: var(--bs-primary); }
    .alert.alert-info:before {
      content: ""; }
  .alert.alert-success {
    background: #E5F3E7;
    border-left-color: var(--bs-success); }
    .alert.alert-success:before {
      content: ""; }
  .alert.alert-danger {
    border-left-color: var(--bs-danger); }
    .alert.alert-danger:before {
      content: ""; }
  .alert .btn-close {
    position: absolute;
    top: 20px;
    right: 20px; }

.section-breadcrumb {
  border-bottom: 1px solid rgba(193, 195, 195, 0.35);
  background-color: #EFF5FB; }
  .section-breadcrumb.breadcrumb-electric {
    background-color: #EFF8F1; }
  .section-breadcrumb ol.breadcrumb .breadcrumb-item {
    font-size: 14px;
    font-size: calculate-rem(14px); }
    .section-breadcrumb ol.breadcrumb .breadcrumb-item a {
      color: #000000;
      font-size: 14px;
      font-size: calculate-rem(14px); }
    .section-breadcrumb ol.breadcrumb .breadcrumb-item.active {
      color: #000000; }
    .section-breadcrumb ol.breadcrumb .breadcrumb-item + .breadcrumb-item:before {
      color: #000000; }

.dropdown {
  padding: 5px;
  height: 50px;
  border: 1px solid var(--bs-greydark);
  background-color: #FFF; }
  .dropdown button {
    height: 38px;
    padding: 0 10px;
    width: 100%;
    border-radius: 0px !important;
    color: var(--bs-greydark);
    position: relative;
    background-color: transparent;
    border: 0;
    font-size: 16px; }
    .dropdown button.btn > i {
      font-size: 18px;
      font-size: calculate-rem(18px);
      margin-left: 5px; }
    .dropdown button:after {
      content: "";
      font-family: 'porsche-icons';
      width: 50px;
      height: 40px;
      right: -5px;
      top: 0;
      background-color: #FFF;
      border: 0;
      position: absolute;
      font-size: 28px;
      font-size: calculate-rem(28px);
      line-height: 40px;
      color: #000000 !important; }
  .dropdown .dropdown-menu {
    width: calc(100% + 2px);
    border-radius: 0;
    border: 1px solid var(--bs-greydark);
    padding: 5px 0;
    left: -6px !important; }
    .dropdown .dropdown-menu li {
      padding: 5px;
      border-bottom: 1px solid #ebebeb; }
      .dropdown .dropdown-menu li:last-child {
        border-bottom: 0; }
      .dropdown .dropdown-menu li a {
        padding-left: 10px;
        padding-right: 10px; }
  .dropdown .bg-white {
    background-color: #ffffff;
    color: #FFF; }
  .dropdown .bg-black {
    background-color: #000000;
    color: #FFF; }
  .dropdown .bg-greydark {
    background-color: #323639;
    color: #FFF; }
  .dropdown .bg-bggrey {
    background-color: #ebebeb;
    color: #FFF; }
  .dropdown .bg-grey {
    background-color: #626669;
    color: #FFF; }
  .dropdown .bg-blue {
    background-color: #0061BD;
    color: #FFF; }
  .dropdown .bg-red {
    background-color: #d41120;
    color: #FFF; }
  .dropdown .bg-green {
    background-color: #018A16;
    color: #FFF; }
  .dropdown .bg-orange {
    background-color: #f4991a;
    color: #FFF; }
  .dropdown .bg-ice {
    background-color: #e4ecf5;
    color: #FFF; }
  .dropdown .bg-lgreen {
    background-color: #e5f3e7;
    color: #FFF; }
  .dropdown .bg-lred {
    background-color: #fae6e6;
    color: #FFF; }
  .dropdown .bg-lorange {
    background-color: #fff5e5;
    color: #FFF; }
  .dropdown .bg-white, .dropdown .bg-orange {
    color: #000000; }

.table {
  font-size: 14px; }
  .table thead th.t-col-xl {
    width: 12.5%; }
  .table thead th.t-col-lg {
    width: 10%; }
  .table thead th.t-col-md {
    width: 8%; }
  .table thead th.t-col-sm {
    width: 5%; }
  .table .delete {
    font-size: 22px;
    background: transparent;
    float: right; }
  .table tr.manual-entry td:first-child {
    position: relative; }
    .table tr.manual-entry td:first-child .cell-tag {
      position: absolute;
      transform: rotate(-90deg);
      left: -3px;
      bottom: 0px;
      background-color: #ebebeb;
      padding: 3px 10px;
      transform-origin: left bottom;
      text-align: center; }
  .table.table-striped {
    --bs-table-accent-bg: none;
    --bs-table-striped-bg: none; }
    .table.table-striped thead th {
      background: #D9E7F5;
      border-color: #fff; }
    .table.table-striped tbody > tr > * {
      background: #EFF5FB;
      border-color: #fff;
      border-bottom-width: 3px; }
    .table.table-striped tbody > tr:nth-of-type(odd) > * {
      background: #F7FAFD; }
  .table.data-table {
    table-layout: fixed; }
    .table.data-table thead th {
      padding: 24px 15px; }
    .table.data-table thead tr th:first-child {
      padding-left: 32px; }
    .table.data-table thead tr th:last-child {
      padding-right: 32px; }
    .table.data-table tbody > tr > * {
      padding: 24px 15px; }
    .table.data-table tbody > tr td:first-child {
      padding-left: 32px; }
    .table.data-table tbody > tr td:last-child {
      padding-right: 32px; }
  .table.bordered-table .table tr:last-child {
    border-width: 0px;
    border-color: #FFF; }
  .table.bordered-table .table td, .table.bordered-table .table th {
    padding-top: 15px;
    padding-bottom: 15px; }

.bordered-table {
  margin-top: 32px; }

.pagination {
  --bs-pagination-bg: transparent;
  --bs-pagination-disabled-bg: transparent;
  --bs-pagination-active-bg: transparent;
  --bs-pagination-disabled-border-color: transparent;
  --bs-pagination-focus-bg: transparent;
  --bs-pagination-hover-bg: transparent;
  --bs-pagination-color: #000000;
  --bs-pagination-hover-color: #000000;
  --bs-pagination-active-color: #000000;
  --bs-pagination-border-width: 0;
  --bs-pagination-font-size: 14px; }
  .pagination .page-item.active .page-link {
    z-index: 2;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 4px solid var(--bs-danger); }
  .pagination .page-item.previous .page-link, .pagination .page-item.next .page-link {
    font-family: porsche-icons;
    font-size: 24px;
    margin-top: -7px; }

.banner {
  padding: 18px 32px;
  margin-bottom: 3px; }
  .banner p {
    margin-bottom: 0;
    font-size: 24px;
    display: flex;
    align-items: center; }
    .banner p i {
      margin-left: 15px; }

.card.card-document {
  border-radius: 0;
  box-shadow: none;
  text-decoration: none; }
  .card.card-document .card-img, .card.card-document .card-img-top {
    border-radius: 0; }
  .card.card-document .card-body {
    background-color: #e0ecf7; }
    .card.card-document .card-body p {
      margin-bottom: 5px; }
    .card.card-document .card-body p, .card.card-document .card-body span {
      color: #000000;
      font-size: 16px;
      line-height: 22px; }
    .card.card-document .card-body span {
      opacity: 0.6; }
  .card.card-document .check-wrapper {
    position: absolute;
    top: 20px;
    right: 35px; }
  .card.card-document.card-document-video .btn-play {
    border-radius: 50%;
    height: 50px;
    width: 50px;
    background-color: #ffffff;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .card.card-document.card-document-video .btn-play:after {
      font-family: 'porsche-icons';
      content: "";
      color: #0061BD;
      font-size: 50px; }

.document-selection .card.card-document {
  pointer-events: none; }
  .document-selection .card.card-document .check-wrapper {
    pointer-events: all; }
  .document-selection .card.card-document.selected {
    border: 2px solid #d41120; }

.masthead {
  overflow-x: hidden; }
  .masthead .navbar {
    padding-top: 23px;
    padding-bottom: 23px;
    padding-right: 0;
    z-index: 10; }
    @media (min-width: 1200px) {
      .masthead .navbar {
        padding-left: 55px; } }
    .masthead .navbar.navbar-dark {
      color: var(--bs-white); }
  .masthead .navbar-brand {
    width: 196px; }
    .cf .masthead .navbar-brand {
      width: 250px;
      transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
      @media (max-width: 991.98px) {
        .cf .masthead .navbar-brand {
          width: 148px; } }
  .masthead .notifications {
    color: var(--bs-black);
    cursor: pointer;
    text-decoration: none;
    font-size: 24px;
    line-height: 0.7;
    position: relative; }
    .masthead .notifications .count {
      background: var(--bs-red);
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-content: center;
      flex-direction: column;
      text-align: center;
      color: var(--bs-white);
      font-size: 10px;
      font-weight: 700;
      width: 14px;
      height: 14px;
      position: absolute;
      top: -7px;
      right: -7px; }
  .masthead .navbar-toggler {
    border: none;
    background-color: transparent;
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    border-radius: 0; }
    .masthead .navbar-toggler:before {
      background-color: #323639;
      right: -100px;
      top: 0;
      transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      transition: all 0.5s ease-out;
      position: absolute;
      content: '';
      width: 100px;
      height: 100px; }
    html.menu-opened .masthead .navbar-toggler:before {
      right: 0; }
  .masthead .profile {
    display: flex;
    margin-right: 152px; }
    .masthead .profile img {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      margin-right: 16px; }
    .masthead .profile .name {
      display: block;
      font-weight: 700;
      line-height: 1.2; }
    .masthead .profile .job-title {
      display: block;
      font-size: 14px;
      font-weight: 400;
      opacity: 0.6; }
  .masthead.pre-sign_in .navbar {
    padding-top: 80px;
    padding-bottom: 80px; }
  .masthead.pre-sign_in .navbar-brand {
    width: 300px; }

.scrolled .cf .navbar-brand {
  opacity: 0; }

.cf .navbar {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  @media (min-width: 1200px) {
    .cf .navbar {
      padding-right: 55px; } }
  .cf .navbar .header-content {
    padding-top: 70px;
    padding-bottom: calc(50px - 23px); }
    @media (max-width: 767.98px) {
      .cf .navbar .header-content {
        padding-top: 45px;
        padding-bottom: 0px; } }
  .cf .navbar h1 {
    font-size: 64px;
    font-size: calculate-rem(64px);
    text-shadow: 0px 3.1635px 7.11787px rgba(0, 0, 0, 0.43); }
    @media (max-width: 767.98px) {
      .cf .navbar h1 {
        font-size: 42px;
        font-size: calculate-rem(42px);
        line-height: 45px; } }
    .cf .navbar h1 + p {
      font-size: 24px;
      font-size: calculate-rem(24px); }
      @media (max-width: 767.98px) {
        .cf .navbar h1 + p {
          font-size: 21px;
          font-size: calculate-rem(21px); } }
  .cf .navbar .contact-details {
    background: rgba(255, 255, 255, 0.05);
    box-shadow: inset 35.4px -35.4px 35.4px rgba(194, 194, 194, 0.2), inset -35.4px 35.4px 35.4px rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(16.284px);
    padding: 25px 45px; }
    @media (max-width: 767.98px) {
      .cf .navbar .contact-details {
        padding: 30px 15px; } }
    .cf .navbar .contact-details strong {
      line-height: 24px; }
    .cf .navbar .contact-details i {
      margin-right: 5px; }
    .cf .navbar .contact-details p {
      padding-left: 20px;
      border-left: 0.5px solid #FFF;
      line-height: 24px;
      font-size: 14px;
      font-size: calculate-rem(14px); }
    .cf .navbar .contact-details a {
      color: #FFF; }
      .cf .navbar .contact-details a:hover {
        opacity: 0.6; }

.cf .scrolled-navbar {
  top: -125px;
  left: 0px;
  width: calc(100% + 110px);
  padding-top: 23px;
  padding-bottom: 23px;
  transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  transition: all 0.2s ease-out; }
  @media (max-width: 1199.98px) {
    .cf .scrolled-navbar {
      padding-left: 55px;
      padding-right: 55px; } }
  .cf .scrolled-navbar .navbar-brand {
    width: 250px;
    display: block; }
    @media (max-width: 991.98px) {
      .cf .scrolled-navbar .navbar-brand {
        width: 148px; } }
  .scrolled .cf .scrolled-navbar {
    top: 0; }
    .scrolled .cf .scrolled-navbar .navbar-brand {
      opacity: 1; }
  .cf .scrolled-navbar .btn {
    position: absolute;
    right: 55px;
    top: 50%;
    margin-top: -25px; }
    @media (max-width: 767.98px) {
      .cf .scrolled-navbar .btn {
        padding: 12px;
        right: 18px; }
        .cf .scrolled-navbar .btn span {
          display: none; }
        .cf .scrolled-navbar .btn i {
          margin: 0; } }

.documents-view-tabs {
  border: 0; }
  .documents-view-tabs .nav-link {
    height: 50px;
    width: 50px !important;
    border: 1px solid #000;
    border-radius: 0;
    color: #000000;
    font-size: 24px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center; }
    .documents-view-tabs .nav-link:first-child {
      margin-right: 10px; }
    .documents-view-tabs .nav-link.active, .documents-view-tabs .nav-link:hover {
      border-color: #d41120;
      color: #d41120; }

.selection-tools {
  margin-top: 29px;
  opacity: 0;
  pointer-events: none; }
  .selection-tools.active {
    opacity: 1;
    pointer-events: all; }

.btn-activate_selection.active, .btn-activate_selection:hover {
  border-color: #d41120;
  color: #d41120;
  background-color: transparent; }

#documentViewTabsContent .check-wrapper input {
  display: none; }
  #documentViewTabsContent .check-wrapper input + label {
    padding-left: 0; }

.document-selection #documentViewTabsContent .check-wrapper input {
  display: block; }
  .document-selection #documentViewTabsContent .check-wrapper input + label {
    padding-left: 35px; }

.documents-empty {
  height: calc(100vh - 100px - 38px - 64px - 117px - 104px); }

.document-selection header,
.document-selection .section-breadcrumb,
.document-selection .job-status-bar,
.document-selection .bay-timeline,
.document-selection .group-title-bay-timeline,
.document-selection .secondary-tabs,
.document-selection .documents-view-tools > div:not(.for-selection):not(.selection-tools) {
  filter: blur(3px); }

.document-selection .selection-tools {
  opacity: 1;
  pointer-events: all; }

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