@charset "UTF-8";
/* --- Design tokens.
   Must come before Bootstrap: bootstrap/_custom-modal.scss consumes the Portico tokens, and it is
   imported from bootstrap/bootstrap.scss below. */
/* --- Portico Design System 2.0 tokens (GLA-13255).

   Read literally off the Figma nodes: the published library exposes no Figma variables or styles
   (get_variable_defs returns {}), so the hex/px values cannot be pulled programmatically and are
   recorded here instead. Every component reads them from this one place so the button, dialog and
   field styling cannot drift apart.

   IMPORTED BEFORE bootstrap in Site.scss on purpose. bootstrap/_custom-modal.scss consumes these,
   and it is pulled in by bootstrap/bootstrap.scss, so a later import would fail to resolve.
   Keep this partial self-contained for the same reason - it must not depend on anything Bootstrap
   or components/_refactored-variables.scss defines.

   These are NEUTRALS and metrics only. Accent colour is deliberately absent: the comps draw
   accents in Verity green #00856f, but brand colour is per-tenant in this product - it resolves
   through $brand-primary to each school's $client-main-color across the ~92
   Content/bootstrap/_<school>-colors.scss files. Never add the green here, and never hardcode it
   in a component. */
/* MUI error/main. NOT $brand-danger, which is per-tenant and resolves to an ORANGE (#f15b17)
   for most schools -- this is a Portico system colour, the same red the required-field asterisk
   has always used, and the comps draw it fixed. */
/* The page canvas behind cards — Figma variable `background/dashboard`, paired with
   `surface/card-on-background: #ffffff`. Applied app-wide on .main-section-wrapper.

   This deliberately REPLACES the per-tenant $grey-300 that used to paint it. $grey-300 is still
   the right variable for its other ~75 uses (borders, rules, inset panels) and is untouched there;
   what changed is only the canvas, which is a neutral and therefore belongs in this token set
   rather than in each school's palette. Note 11 of the 104 palettes previously resolved this to
   #e2e5e9 and will now match everyone else — that is the intent of standardising on the comp. */
/* Skeleton placeholder neutrals, used by the loading states that stand in for a card, a row or a
   table cell while its content is being fetched. A neutral and a sheen rather than one colour:
   the sheen is what the shimmer animation sweeps across the block, and it has to be translucent
   white so the same pair works on the white card and on the #f4f5f7 canvas alike.

   Fixed, like every other value in this file - a skeleton is chrome, not brand, so it must NOT
   resolve through $brand-primary or a per-tenant grey. */
/* Dialog/Drawer scrim. */
/* MUI elevation used by Paper/Dialog/Drawer in the comps. */
/* --- Vendors */
/* --- Bootstrap 4 Full (scoped) */
.scoped-bs4 {
  /*.main-menu-icon .gl-s-logo:before {
    content: " ";
    background: url("images/login/StudentDemo/background-logo.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    opacity: 0.6;
}*/
  /* --- Bootstrap */
  /*!
 * Bootstrap v4.5.2 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */ }
  .scoped-bs4 .w-4xs-25 {
    width: 25% !important; }
  .scoped-bs4 .w-4xs-50 {
    width: 50% !important; }
  .scoped-bs4 .w-4xs-75 {
    width: 75% !important; }
  .scoped-bs4 .w-4xs-100 {
    width: 100% !important; }
  .scoped-bs4 .w-4xs-auto {
    width: auto !important; }
  @media (min-width: 320px) {
    .scoped-bs4 .w-3xs-25 {
      width: 25% !important; }
    .scoped-bs4 .w-3xs-50 {
      width: 50% !important; }
    .scoped-bs4 .w-3xs-75 {
      width: 75% !important; }
    .scoped-bs4 .w-3xs-100 {
      width: 100% !important; }
    .scoped-bs4 .w-3xs-auto {
      width: auto !important; } }
  @media (min-width: 374px) {
    .scoped-bs4 .w-xxs-25 {
      width: 25% !important; }
    .scoped-bs4 .w-xxs-50 {
      width: 50% !important; }
    .scoped-bs4 .w-xxs-75 {
      width: 75% !important; }
    .scoped-bs4 .w-xxs-100 {
      width: 100% !important; }
    .scoped-bs4 .w-xxs-auto {
      width: auto !important; } }
  @media (min-width: 424px) {
    .scoped-bs4 .w-xs-25 {
      width: 25% !important; }
    .scoped-bs4 .w-xs-50 {
      width: 50% !important; }
    .scoped-bs4 .w-xs-75 {
      width: 75% !important; }
    .scoped-bs4 .w-xs-100 {
      width: 100% !important; }
    .scoped-bs4 .w-xs-auto {
      width: auto !important; } }
  @media (min-width: 576px) {
    .scoped-bs4 .w-sm-25 {
      width: 25% !important; }
    .scoped-bs4 .w-sm-50 {
      width: 50% !important; }
    .scoped-bs4 .w-sm-75 {
      width: 75% !important; }
    .scoped-bs4 .w-sm-100 {
      width: 100% !important; }
    .scoped-bs4 .w-sm-auto {
      width: auto !important; } }
  @media (min-width: 768px) {
    .scoped-bs4 .w-md-25 {
      width: 25% !important; }
    .scoped-bs4 .w-md-50 {
      width: 50% !important; }
    .scoped-bs4 .w-md-75 {
      width: 75% !important; }
    .scoped-bs4 .w-md-100 {
      width: 100% !important; }
    .scoped-bs4 .w-md-auto {
      width: auto !important; } }
  @media (min-width: 992px) {
    .scoped-bs4 .w-lg-25 {
      width: 25% !important; }
    .scoped-bs4 .w-lg-50 {
      width: 50% !important; }
    .scoped-bs4 .w-lg-75 {
      width: 75% !important; }
    .scoped-bs4 .w-lg-100 {
      width: 100% !important; }
    .scoped-bs4 .w-lg-auto {
      width: auto !important; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .w-xl-25 {
      width: 25% !important; }
    .scoped-bs4 .w-xl-50 {
      width: 50% !important; }
    .scoped-bs4 .w-xl-75 {
      width: 75% !important; }
    .scoped-bs4 .w-xl-100 {
      width: 100% !important; }
    .scoped-bs4 .w-xl-auto {
      width: auto !important; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .w-xxl-25 {
      width: 25% !important; }
    .scoped-bs4 .w-xxl-50 {
      width: 50% !important; }
    .scoped-bs4 .w-xxl-75 {
      width: 75% !important; }
    .scoped-bs4 .w-xxl-100 {
      width: 100% !important; }
    .scoped-bs4 .w-xxl-auto {
      width: auto !important; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .w-3xl-25 {
      width: 25% !important; }
    .scoped-bs4 .w-3xl-50 {
      width: 50% !important; }
    .scoped-bs4 .w-3xl-75 {
      width: 75% !important; }
    .scoped-bs4 .w-3xl-100 {
      width: 100% !important; }
    .scoped-bs4 .w-3xl-auto {
      width: auto !important; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .w-4xl-25 {
      width: 25% !important; }
    .scoped-bs4 .w-4xl-50 {
      width: 50% !important; }
    .scoped-bs4 .w-4xl-75 {
      width: 75% !important; }
    .scoped-bs4 .w-4xl-100 {
      width: 100% !important; }
    .scoped-bs4 .w-4xl-auto {
      width: auto !important; } }
  .scoped-bs4 :root {
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #C6579A;
    --secondary: #FFA300;
    --success: #C6579A;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --breakpoint-4xs: 0;
    --breakpoint-3xs: 320px;
    --breakpoint-xxs: 374px;
    --breakpoint-xs: 424px;
    --breakpoint-sm: 576px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
    --breakpoint-xxl: 1920px;
    --breakpoint-3xl: 2560px;
    --breakpoint-4xl: 3200px;
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
  .scoped-bs4 *,
  .scoped-bs4 *::before,
  .scoped-bs4 *::after {
    box-sizing: border-box; }
  .scoped-bs4 html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(34, 34, 34, 0); }
  .scoped-bs4 article, .scoped-bs4 aside, .scoped-bs4 figcaption, .scoped-bs4 figure, .scoped-bs4 footer, .scoped-bs4 header, .scoped-bs4 hgroup, .scoped-bs4 main, .scoped-bs4 nav, .scoped-bs4 section {
    display: block; }
  .scoped-bs4 body {
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #0d0d0d;
    text-align: left;
    background-color: #fff; }
  .scoped-bs4 [tabindex="-1"]:focus:not(:focus-visible) {
    outline: 0 !important; }
  .scoped-bs4 hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible; }
  .scoped-bs4 h1, .scoped-bs4 h2, .scoped-bs4 h3, .scoped-bs4 h4, .scoped-bs4 h5, .scoped-bs4 h6 {
    margin-top: 0;
    margin-bottom: 0.5rem; }
  .scoped-bs4 p {
    margin-top: 0;
    margin-bottom: 1rem; }
  .scoped-bs4 abbr[title],
  .scoped-bs4 abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
    text-decoration-skip-ink: none; }
  .scoped-bs4 address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit; }
  .scoped-bs4 ol,
  .scoped-bs4 ul,
  .scoped-bs4 dl {
    margin-top: 0;
    margin-bottom: 1rem; }
  .scoped-bs4 ol ol,
  .scoped-bs4 ul ul,
  .scoped-bs4 ol ul,
  .scoped-bs4 ul ol {
    margin-bottom: 0; }
  .scoped-bs4 dt {
    font-weight: 700; }
  .scoped-bs4 dd {
    margin-bottom: .5rem;
    margin-left: 0; }
  .scoped-bs4 blockquote {
    margin: 0 0 1rem; }
  .scoped-bs4 b,
  .scoped-bs4 strong {
    font-weight: bolder; }
  .scoped-bs4 small {
    font-size: 80%; }
  .scoped-bs4 sub,
  .scoped-bs4 sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline; }
  .scoped-bs4 sub {
    bottom: -.25em; }
  .scoped-bs4 sup {
    top: -.5em; }
  .scoped-bs4 a {
    color: #C6579A;
    text-decoration: none;
    background-color: transparent; }
    .scoped-bs4 a:hover {
      color: #9c3573;
      text-decoration: underline; }
  .scoped-bs4 a:not([href]):not([class]) {
    color: inherit;
    text-decoration: none; }
    .scoped-bs4 a:not([href]):not([class]):hover {
      color: inherit;
      text-decoration: none; }
  .scoped-bs4 pre,
  .scoped-bs4 code,
  .scoped-bs4 kbd,
  .scoped-bs4 samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 1em; }
  .scoped-bs4 pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar; }
  .scoped-bs4 figure {
    margin: 0 0 1rem; }
  .scoped-bs4 img {
    vertical-align: middle;
    border-style: none; }
  .scoped-bs4 svg {
    overflow: hidden;
    vertical-align: middle; }
  .scoped-bs4 table {
    border-collapse: collapse; }
  .scoped-bs4 caption {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom; }
  .scoped-bs4 th {
    text-align: inherit; }
  .scoped-bs4 label {
    display: inline-block;
    margin-bottom: 0.5rem; }
  .scoped-bs4 button {
    border-radius: 0; }
  .scoped-bs4 button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color; }
  .scoped-bs4 input,
  .scoped-bs4 button,
  .scoped-bs4 select,
  .scoped-bs4 optgroup,
  .scoped-bs4 textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit; }
  .scoped-bs4 button,
  .scoped-bs4 input {
    overflow: visible; }
  .scoped-bs4 button,
  .scoped-bs4 select {
    text-transform: none; }
  .scoped-bs4 [role="button"] {
    cursor: pointer; }
  .scoped-bs4 select {
    word-wrap: normal; }
  .scoped-bs4 button,
  .scoped-bs4 [type="button"],
  .scoped-bs4 [type="reset"],
  .scoped-bs4 [type="submit"] {
    -webkit-appearance: button; }
  .scoped-bs4 button:not(:disabled),
  .scoped-bs4 [type="button"]:not(:disabled),
  .scoped-bs4 [type="reset"]:not(:disabled),
  .scoped-bs4 [type="submit"]:not(:disabled) {
    cursor: pointer; }
  .scoped-bs4 button::-moz-focus-inner,
  .scoped-bs4 [type="button"]::-moz-focus-inner,
  .scoped-bs4 [type="reset"]::-moz-focus-inner,
  .scoped-bs4 [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none; }
  .scoped-bs4 input[type="radio"],
  .scoped-bs4 input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0; }
  .scoped-bs4 textarea {
    overflow: auto;
    resize: vertical; }
  .scoped-bs4 fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0; }
  .scoped-bs4 legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal; }
  .scoped-bs4 progress {
    vertical-align: baseline; }
  .scoped-bs4 [type="number"]::-webkit-inner-spin-button,
  .scoped-bs4 [type="number"]::-webkit-outer-spin-button {
    height: auto; }
  .scoped-bs4 [type="search"] {
    outline-offset: -2px;
    -webkit-appearance: none; }
  .scoped-bs4 [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }
  .scoped-bs4 ::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button; }
  .scoped-bs4 output {
    display: inline-block; }
  .scoped-bs4 summary {
    display: list-item;
    cursor: pointer; }
  .scoped-bs4 template {
    display: none; }
  .scoped-bs4 [hidden] {
    display: none !important; }
  .scoped-bs4 h1, .scoped-bs4 h2, .scoped-bs4 h3, .scoped-bs4 h4, .scoped-bs4 h5, .scoped-bs4 h6,
  .scoped-bs4 .h1, .scoped-bs4 .h2, .scoped-bs4 .h3, .scoped-bs4 .h4, .scoped-bs4 .h5, .scoped-bs4 .h6 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2; }
  .scoped-bs4 h1, .scoped-bs4 .h1 {
    font-size: 2.5rem; }
  .scoped-bs4 h2, .scoped-bs4 .h2 {
    font-size: 2rem; }
  .scoped-bs4 h3, .scoped-bs4 .h3 {
    font-size: 1.75rem; }
  .scoped-bs4 h4, .scoped-bs4 .h4 {
    font-size: 1.5rem; }
  .scoped-bs4 h5, .scoped-bs4 .h5 {
    font-size: 1.25rem; }
  .scoped-bs4 h6, .scoped-bs4 .h6 {
    font-size: 1rem; }
  .scoped-bs4 .lead {
    font-size: 1.25rem;
    font-weight: 300; }
  .scoped-bs4 .display-1 {
    font-size: 6rem;
    font-weight: 300;
    line-height: 1.2; }
  .scoped-bs4 .display-2 {
    font-size: 5.5rem;
    font-weight: 300;
    line-height: 1.2; }
  .scoped-bs4 .display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.2; }
  .scoped-bs4 .display-4 {
    font-size: 3.5rem;
    font-weight: 300;
    line-height: 1.2; }
  .scoped-bs4 hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(34, 34, 34, 0.1); }
  .scoped-bs4 small,
  .scoped-bs4 .small {
    font-size: 80%;
    font-weight: 400; }
  .scoped-bs4 mark,
  .scoped-bs4 .mark {
    padding: 0.2em;
    background-color: #fcf8e3; }
  .scoped-bs4 .list-unstyled {
    padding-left: 0;
    list-style: none; }
  .scoped-bs4 .list-inline {
    padding-left: 0;
    list-style: none; }
  .scoped-bs4 .list-inline-item {
    display: inline-block; }
    .scoped-bs4 .list-inline-item:not(:last-child) {
      margin-right: 0.5rem; }
  .scoped-bs4 .initialism {
    font-size: 90%;
    text-transform: uppercase; }
  .scoped-bs4 .blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem; }
  .scoped-bs4 .blockquote-footer {
    display: block;
    font-size: 80%;
    color: #6c757d; }
    .scoped-bs4 .blockquote-footer::before {
      content: "\2014\00A0"; }
  .scoped-bs4 .img-fluid, .scoped-bs4 .carousel-inner > .carousel-item > img, .scoped-bs4
  .carousel-inner > .carousel-item > a > img {
    max-width: 100%;
    height: auto; }
  .scoped-bs4 .img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: 0.25rem;
    max-width: 100%;
    height: auto; }
  .scoped-bs4 .figure {
    display: inline-block; }
  .scoped-bs4 .figure-img {
    margin-bottom: 0.5rem;
    line-height: 1; }
  .scoped-bs4 .figure-caption {
    font-size: 90%;
    color: #6c757d; }
  .scoped-bs4 code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word; }
    a > .scoped-bs4 code {
      color: inherit; }
  .scoped-bs4 kbd {
    padding: 0.2rem 0.4rem;
    font-size: 87.5%;
    color: #fff;
    background-color: #212529;
    border-radius: 0.2rem; }
    .scoped-bs4 kbd kbd {
      padding: 0;
      font-size: 100%;
      font-weight: 700; }
  .scoped-bs4 pre {
    display: block;
    font-size: 87.5%;
    color: #212529; }
    .scoped-bs4 pre code {
      font-size: inherit;
      color: inherit;
      word-break: normal; }
  .scoped-bs4 .pre-scrollable {
    max-height: 340px;
    overflow-y: scroll; }
  .scoped-bs4 .container,
  .scoped-bs4 .container-fluid, .scoped-bs4 .container-4xs, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg, .scoped-bs4 .container-xl, .scoped-bs4 .container-xxl, .scoped-bs4 .container-3xl, .scoped-bs4 .container-4xl {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto; }
  .scoped-bs4 .container {
    max-width: 0; }
  @media (min-width: 320px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs {
      max-width: 304px; } }
  @media (min-width: 374px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs {
      max-width: 358px; } }
  @media (min-width: 424px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs {
      max-width: 400px; } }
  @media (min-width: 576px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg, .scoped-bs4 .container-xl {
      max-width: 1140px; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg, .scoped-bs4 .container-xl, .scoped-bs4 .container-xxl {
      max-width: 1860px; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg, .scoped-bs4 .container-xl, .scoped-bs4 .container-xxl, .scoped-bs4 .container-3xl {
      max-width: 2400px; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .container, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg, .scoped-bs4 .container-xl, .scoped-bs4 .container-xxl, .scoped-bs4 .container-3xl, .scoped-bs4 .container-4xl {
      max-width: 3128px; } }
  .scoped-bs4 .row, .scoped-bs4 .stat-grid, .scoped-bs4 .widget-grid {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px; }
  .scoped-bs4 .no-gutters {
    margin-right: 0;
    margin-left: 0; }
    .scoped-bs4 .no-gutters > .col,
    .scoped-bs4 .no-gutters > [class*="col-"] {
      padding-right: 0;
      padding-left: 0; }
  .scoped-bs4 .col-1, .scoped-bs4 .col-2, .scoped-bs4 .col-3, .scoped-bs4 .col-4, .scoped-bs4 .col-5, .scoped-bs4 .col-6, .scoped-bs4 .col-7, .scoped-bs4 .col-8, .scoped-bs4 .col-9, .scoped-bs4 .col-10, .scoped-bs4 .col-11, .scoped-bs4 .col-12, .scoped-bs4 .col, .scoped-bs4 .col-auto, .scoped-bs4 .col-3xs-1, .scoped-bs4 .col-3xs-2, .scoped-bs4 .col-3xs-3, .scoped-bs4 .col-3xs-4, .scoped-bs4 .col-3xs-5, .scoped-bs4 .col-3xs-6, .scoped-bs4 .col-3xs-7, .scoped-bs4 .col-3xs-8, .scoped-bs4 .col-3xs-9, .scoped-bs4 .col-3xs-10, .scoped-bs4 .col-3xs-11, .scoped-bs4 .col-3xs-12, .scoped-bs4 .col-3xs, .scoped-bs4 .col-3xs-auto, .scoped-bs4 .col-xxs-1, .scoped-bs4 .col-xxs-2, .scoped-bs4 .col-xxs-3, .scoped-bs4 .col-xxs-4, .scoped-bs4 .col-xxs-5, .scoped-bs4 .col-xxs-6, .scoped-bs4 .col-xxs-7, .scoped-bs4 .col-xxs-8, .scoped-bs4 .col-xxs-9, .scoped-bs4 .col-xxs-10, .scoped-bs4 .col-xxs-11, .scoped-bs4 .col-xxs-12, .scoped-bs4 .col-xxs, .scoped-bs4 .col-xxs-auto, .scoped-bs4 .col-xs-1, .scoped-bs4 .col-xs-2, .scoped-bs4 .col-xs-3, .scoped-bs4 .col-xs-4, .scoped-bs4 .staff-dash .stat-grid .stat-block, .staff-dash .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .offcanvas-statistics .stat-grid .stat-block, .offcanvas-statistics .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .col-xs-5, .scoped-bs4 .col-xs-6, .scoped-bs4 .col-xs-7, .scoped-bs4 .col-xs-8, .scoped-bs4 .col-xs-9, .scoped-bs4 .col-xs-10, .scoped-bs4 .col-xs-11, .scoped-bs4 .col-xs-12, .scoped-bs4 .col-xs, .scoped-bs4 .col-xs-auto, .scoped-bs4 .col-sm-1, .scoped-bs4 .col-sm-2, .scoped-bs4 .col-sm-3, .scoped-bs4 .col-sm-4, .scoped-bs4 .col-sm-5, .scoped-bs4 .col-sm-6, .scoped-bs4 .col-sm-7, .scoped-bs4 .col-sm-8, .scoped-bs4 .col-sm-9, .scoped-bs4 .col-sm-10, .scoped-bs4 .col-sm-11, .scoped-bs4 .col-sm-12, .scoped-bs4 .col-sm, .scoped-bs4 .col-sm-auto, .scoped-bs4 .col-md-1, .scoped-bs4 .col-md-2, .scoped-bs4 .col-md-3, .scoped-bs4 .col-md-4, .scoped-bs4 .col-md-5, .scoped-bs4 .col-md-6, .scoped-bs4 .col-md-7, .scoped-bs4 .col-md-8, .scoped-bs4 .col-md-9, .scoped-bs4 .col-md-10, .scoped-bs4 .col-md-11, .scoped-bs4 .col-md-12, .scoped-bs4 .col-md, .scoped-bs4 .col-md-auto, .scoped-bs4 .col-lg-1, .scoped-bs4 .col-lg-2, .scoped-bs4 .col-lg-3, .scoped-bs4 .col-lg-4, .scoped-bs4 .col-lg-5, .scoped-bs4 .col-lg-6, .scoped-bs4 .col-lg-7, .scoped-bs4 .col-lg-8, .scoped-bs4 .col-lg-9, .scoped-bs4 .col-lg-10, .scoped-bs4 .col-lg-11, .scoped-bs4 .col-lg-12, .scoped-bs4 .col-lg, .scoped-bs4 .col-lg-auto, .scoped-bs4 .col-xl-1, .scoped-bs4 .col-xl-2, .scoped-bs4 .col-xl-3, .scoped-bs4 .col-xl-4, .scoped-bs4 .col-xl-5, .scoped-bs4 .col-xl-6, .scoped-bs4 .col-xl-7, .scoped-bs4 .col-xl-8, .scoped-bs4 .col-xl-9, .scoped-bs4 .col-xl-10, .scoped-bs4 .col-xl-11, .scoped-bs4 .col-xl-12, .scoped-bs4 .col-xl, .scoped-bs4 .col-xl-auto, .scoped-bs4 .col-xxl-1, .scoped-bs4 .col-xxl-2, .scoped-bs4 .col-xxl-3, .scoped-bs4 .col-xxl-4, .scoped-bs4 .col-xxl-5, .scoped-bs4 .col-xxl-6, .scoped-bs4 .col-xxl-7, .scoped-bs4 .col-xxl-8, .scoped-bs4 .col-xxl-9, .scoped-bs4 .col-xxl-10, .scoped-bs4 .col-xxl-11, .scoped-bs4 .col-xxl-12, .scoped-bs4 .col-xxl, .scoped-bs4 .col-xxl-auto, .scoped-bs4 .col-3xl-1, .scoped-bs4 .col-3xl-2, .scoped-bs4 .col-3xl-3, .scoped-bs4 .col-3xl-4, .scoped-bs4 .col-3xl-5, .scoped-bs4 .col-3xl-6, .scoped-bs4 .col-3xl-7, .scoped-bs4 .col-3xl-8, .scoped-bs4 .col-3xl-9, .scoped-bs4 .col-3xl-10, .scoped-bs4 .col-3xl-11, .scoped-bs4 .col-3xl-12, .scoped-bs4 .col-3xl, .scoped-bs4 .col-3xl-auto, .scoped-bs4 .col-4xl-1, .scoped-bs4 .col-4xl-2, .scoped-bs4 .col-4xl-3, .scoped-bs4 .col-4xl-4, .scoped-bs4 .col-4xl-5, .scoped-bs4 .col-4xl-6, .scoped-bs4 .col-4xl-7, .scoped-bs4 .col-4xl-8, .scoped-bs4 .col-4xl-9, .scoped-bs4 .col-4xl-10, .scoped-bs4 .col-4xl-11, .scoped-bs4 .col-4xl-12, .scoped-bs4 .col-4xl, .scoped-bs4 .col-4xl-auto, .scoped-bs4 .col-bs-1, .scoped-bs4 .col-bs-2, .scoped-bs4 .col-bs-3, .scoped-bs4 .col-bs-4, .scoped-bs4 .col-bs-5, .scoped-bs4 .col-bs-6, .scoped-bs4 .col-bs-7, .scoped-bs4 .col-bs-8, .scoped-bs4 .col-bs-9, .scoped-bs4 .col-bs-10, .scoped-bs4 .col-bs-11, .scoped-bs4 .col-bs-12, .scoped-bs4 .col-bs, .scoped-bs4
  .col-bs-auto, .scoped-bs4 .col-bs-sm-1, .scoped-bs4 .col-bs-sm-2, .scoped-bs4 .col-bs-sm-3, .scoped-bs4 .col-bs-sm-4, .scoped-bs4 .col-bs-sm-5, .scoped-bs4 .col-bs-sm-6, .scoped-bs4 .col-bs-sm-7, .scoped-bs4 .col-bs-sm-8, .scoped-bs4 .col-bs-sm-9, .scoped-bs4 .col-bs-sm-10, .scoped-bs4 .col-bs-sm-11, .scoped-bs4 .col-bs-sm-12, .scoped-bs4 .col-bs-sm, .scoped-bs4
  .col-bs-sm-auto, .scoped-bs4 .col-bs-md-1, .scoped-bs4 .col-bs-md-2, .scoped-bs4 .col-bs-md-3, .scoped-bs4 .col-bs-md-4, .scoped-bs4 .col-bs-md-5, .scoped-bs4 .col-bs-md-6, .scoped-bs4 .col-bs-md-7, .scoped-bs4 .col-bs-md-8, .scoped-bs4 .col-bs-md-9, .scoped-bs4 .col-bs-md-10, .scoped-bs4 .col-bs-md-11, .scoped-bs4 .col-bs-md-12, .scoped-bs4 .col-bs-md, .scoped-bs4
  .col-bs-md-auto, .scoped-bs4 .col-bs-lg-1, .scoped-bs4 .col-bs-lg-2, .scoped-bs4 .col-bs-lg-3, .scoped-bs4 .col-bs-lg-4, .scoped-bs4 .col-bs-lg-5, .scoped-bs4 .col-bs-lg-6, .scoped-bs4 .col-bs-lg-7, .scoped-bs4 .col-bs-lg-8, .scoped-bs4 .col-bs-lg-9, .scoped-bs4 .col-bs-lg-10, .scoped-bs4 .col-bs-lg-11, .scoped-bs4 .col-bs-lg-12, .scoped-bs4 .col-bs-lg, .scoped-bs4
  .col-bs-lg-auto, .scoped-bs4 .col-bs-xl-1, .scoped-bs4 .col-bs-xl-2, .scoped-bs4 .col-bs-xl-3, .scoped-bs4 .col-bs-xl-4, .scoped-bs4 .col-bs-xl-5, .scoped-bs4 .col-bs-xl-6, .scoped-bs4 .col-bs-xl-7, .scoped-bs4 .col-bs-xl-8, .scoped-bs4 .col-bs-xl-9, .scoped-bs4 .col-bs-xl-10, .scoped-bs4 .col-bs-xl-11, .scoped-bs4 .col-bs-xl-12, .scoped-bs4 .col-bs-xl, .scoped-bs4
  .col-bs-xl-auto, .scoped-bs4 .col-bs-xxl-1, .scoped-bs4 .col-bs-xxl-2, .scoped-bs4 .col-bs-xxl-3, .scoped-bs4 .col-bs-xxl-4, .scoped-bs4 .col-bs-xxl-5, .scoped-bs4 .col-bs-xxl-6, .scoped-bs4 .col-bs-xxl-7, .scoped-bs4 .col-bs-xxl-8, .scoped-bs4 .col-bs-xxl-9, .scoped-bs4 .col-bs-xxl-10, .scoped-bs4 .col-bs-xxl-11, .scoped-bs4 .col-bs-xxl-12, .scoped-bs4 .col-bs-xxl, .scoped-bs4
  .col-bs-xxl-auto, .scoped-bs4 .col-xs-1, .scoped-bs4 .col-xs-2, .scoped-bs4 .col-xs-3, .scoped-bs4 .col-xs-4, .scoped-bs4 .staff-dash .stat-grid .stat-block, .staff-dash .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .offcanvas-statistics .stat-grid .stat-block, .offcanvas-statistics .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .col-xs-5, .scoped-bs4 .col-xs-6, .scoped-bs4 .col-xs-7, .scoped-bs4 .col-xs-8, .scoped-bs4 .col-xs-9, .scoped-bs4 .col-xs-10, .scoped-bs4 .col-xs-11, .scoped-bs4 .col-xs-12, .scoped-bs4 .col-sm-1, .scoped-bs4 .col-sm-2, .scoped-bs4 .col-sm-3, .scoped-bs4 .col-sm-4, .scoped-bs4 .col-sm-5, .scoped-bs4 .col-sm-6, .scoped-bs4 .col-sm-7, .scoped-bs4 .col-sm-8, .scoped-bs4 .col-sm-9, .scoped-bs4 .col-sm-10, .scoped-bs4 .col-sm-11, .scoped-bs4 .col-sm-12, .scoped-bs4 .col-md-1, .scoped-bs4 .col-md-2, .scoped-bs4 .col-md-3, .scoped-bs4 .col-md-4, .scoped-bs4 .col-md-5, .scoped-bs4 .col-md-6, .scoped-bs4 .col-md-7, .scoped-bs4 .col-md-8, .scoped-bs4 .col-md-9, .scoped-bs4 .col-md-10, .scoped-bs4 .col-md-11, .scoped-bs4 .col-md-12, .scoped-bs4 .col-lg-1, .scoped-bs4 .col-lg-2, .scoped-bs4 .col-lg-3, .scoped-bs4 .col-lg-4, .scoped-bs4 .col-lg-5, .scoped-bs4 .col-lg-6, .scoped-bs4 .col-lg-7, .scoped-bs4 .col-lg-8, .scoped-bs4 .col-lg-9, .scoped-bs4 .col-lg-10, .scoped-bs4 .col-lg-11, .scoped-bs4 .col-lg-12, .scoped-bs4 .col-xl-1, .scoped-bs4 .col-xl-2, .scoped-bs4 .col-xl-3, .scoped-bs4 .col-xl-4, .scoped-bs4 .col-xl-5, .scoped-bs4 .col-xl-6, .scoped-bs4 .col-xl-7, .scoped-bs4 .col-xl-8, .scoped-bs4 .col-xl-9, .scoped-bs4 .col-xl-10, .scoped-bs4 .col-xl-11, .scoped-bs4 .col-xl-12, .scoped-bs4 .col-xxl-1, .scoped-bs4 .col-xxl-2, .scoped-bs4 .col-xxl-3, .scoped-bs4 .col-xxl-4, .scoped-bs4 .col-xxl-5, .scoped-bs4 .col-xxl-6, .scoped-bs4 .col-xxl-7, .scoped-bs4 .col-xxl-8, .scoped-bs4 .col-xxl-9, .scoped-bs4 .col-xxl-10, .scoped-bs4 .col-xxl-11, .scoped-bs4 .col-xxl-12 {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px; }
  .scoped-bs4 .col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .scoped-bs4 .row-cols-1 > * {
    flex: 0 0 100%;
    max-width: 100%; }
  .scoped-bs4 .row-cols-2 > * {
    flex: 0 0 50%;
    max-width: 50%; }
  .scoped-bs4 .row-cols-3 > * {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .scoped-bs4 .row-cols-4 > * {
    flex: 0 0 25%;
    max-width: 25%; }
  .scoped-bs4 .row-cols-5 > * {
    flex: 0 0 20%;
    max-width: 20%; }
  .scoped-bs4 .row-cols-6 > * {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .scoped-bs4 .col-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%; }
  .scoped-bs4 .col-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .scoped-bs4 .col-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .scoped-bs4 .col-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .scoped-bs4 .col-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .scoped-bs4 .col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .scoped-bs4 .col-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .scoped-bs4 .col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .scoped-bs4 .col-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .scoped-bs4 .col-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .scoped-bs4 .col-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .scoped-bs4 .col-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .scoped-bs4 .col-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .scoped-bs4 .order-first {
    order: -1; }
  .scoped-bs4 .order-last {
    order: 13; }
  .scoped-bs4 .order-0 {
    order: 0; }
  .scoped-bs4 .order-1 {
    order: 1; }
  .scoped-bs4 .order-2 {
    order: 2; }
  .scoped-bs4 .order-3 {
    order: 3; }
  .scoped-bs4 .order-4 {
    order: 4; }
  .scoped-bs4 .order-5 {
    order: 5; }
  .scoped-bs4 .order-6 {
    order: 6; }
  .scoped-bs4 .order-7 {
    order: 7; }
  .scoped-bs4 .order-8 {
    order: 8; }
  .scoped-bs4 .order-9 {
    order: 9; }
  .scoped-bs4 .order-10 {
    order: 10; }
  .scoped-bs4 .order-11 {
    order: 11; }
  .scoped-bs4 .order-12 {
    order: 12; }
  .scoped-bs4 .offset-1 {
    margin-left: 8.33333%; }
  .scoped-bs4 .offset-2 {
    margin-left: 16.66667%; }
  .scoped-bs4 .offset-3 {
    margin-left: 25%; }
  .scoped-bs4 .offset-4 {
    margin-left: 33.33333%; }
  .scoped-bs4 .offset-5 {
    margin-left: 41.66667%; }
  .scoped-bs4 .offset-6 {
    margin-left: 50%; }
  .scoped-bs4 .offset-7 {
    margin-left: 58.33333%; }
  .scoped-bs4 .offset-8 {
    margin-left: 66.66667%; }
  .scoped-bs4 .offset-9 {
    margin-left: 75%; }
  .scoped-bs4 .offset-10 {
    margin-left: 83.33333%; }
  .scoped-bs4 .offset-11 {
    margin-left: 91.66667%; }
  @media (min-width: 320px) {
    .scoped-bs4 .col-3xs {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-3xs-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-3xs-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-3xs-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-3xs-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-3xs-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-3xs-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-3xs-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-3xs-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-3xs-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-3xs-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-3xs-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-3xs-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-3xs-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-3xs-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-3xs-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-3xs-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-3xs-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-3xs-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-3xs-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-3xs-first {
      order: -1; }
    .scoped-bs4 .order-3xs-last {
      order: 13; }
    .scoped-bs4 .order-3xs-0 {
      order: 0; }
    .scoped-bs4 .order-3xs-1 {
      order: 1; }
    .scoped-bs4 .order-3xs-2 {
      order: 2; }
    .scoped-bs4 .order-3xs-3 {
      order: 3; }
    .scoped-bs4 .order-3xs-4 {
      order: 4; }
    .scoped-bs4 .order-3xs-5 {
      order: 5; }
    .scoped-bs4 .order-3xs-6 {
      order: 6; }
    .scoped-bs4 .order-3xs-7 {
      order: 7; }
    .scoped-bs4 .order-3xs-8 {
      order: 8; }
    .scoped-bs4 .order-3xs-9 {
      order: 9; }
    .scoped-bs4 .order-3xs-10 {
      order: 10; }
    .scoped-bs4 .order-3xs-11 {
      order: 11; }
    .scoped-bs4 .order-3xs-12 {
      order: 12; }
    .scoped-bs4 .offset-3xs-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-3xs-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-3xs-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-3xs-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-3xs-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-3xs-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-3xs-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-3xs-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-3xs-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-3xs-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-3xs-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-3xs-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 374px) {
    .scoped-bs4 .col-xxs {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-xxs-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-xxs-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-xxs-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-xxs-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-xxs-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-xxs-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-xxs-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-xxs-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-xxs-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-xxs-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-xxs-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-xxs-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-xxs-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-xxs-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-xxs-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-xxs-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-xxs-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-xxs-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-xxs-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-xxs-first {
      order: -1; }
    .scoped-bs4 .order-xxs-last {
      order: 13; }
    .scoped-bs4 .order-xxs-0 {
      order: 0; }
    .scoped-bs4 .order-xxs-1 {
      order: 1; }
    .scoped-bs4 .order-xxs-2 {
      order: 2; }
    .scoped-bs4 .order-xxs-3 {
      order: 3; }
    .scoped-bs4 .order-xxs-4 {
      order: 4; }
    .scoped-bs4 .order-xxs-5 {
      order: 5; }
    .scoped-bs4 .order-xxs-6 {
      order: 6; }
    .scoped-bs4 .order-xxs-7 {
      order: 7; }
    .scoped-bs4 .order-xxs-8 {
      order: 8; }
    .scoped-bs4 .order-xxs-9 {
      order: 9; }
    .scoped-bs4 .order-xxs-10 {
      order: 10; }
    .scoped-bs4 .order-xxs-11 {
      order: 11; }
    .scoped-bs4 .order-xxs-12 {
      order: 12; }
    .scoped-bs4 .offset-xxs-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-xxs-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-xxs-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-xxs-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-xxs-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-xxs-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-xxs-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-xxs-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-xxs-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-xxs-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-xxs-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-xxs-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 424px) {
    .scoped-bs4 .col-xs {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-xs-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-xs-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-xs-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-xs-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-xs-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-xs-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-xs-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-xs-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-xs-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-xs-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-xs-4, .scoped-bs4 .staff-dash .stat-grid .stat-block, .staff-dash .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .offcanvas-statistics .stat-grid .stat-block, .offcanvas-statistics .stat-grid .scoped-bs4 .stat-block {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-xs-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-xs-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-xs-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-xs-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-xs-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-xs-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-xs-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-xs-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-xs-first {
      order: -1; }
    .scoped-bs4 .order-xs-last {
      order: 13; }
    .scoped-bs4 .order-xs-0 {
      order: 0; }
    .scoped-bs4 .order-xs-1 {
      order: 1; }
    .scoped-bs4 .order-xs-2 {
      order: 2; }
    .scoped-bs4 .order-xs-3 {
      order: 3; }
    .scoped-bs4 .order-xs-4 {
      order: 4; }
    .scoped-bs4 .order-xs-5 {
      order: 5; }
    .scoped-bs4 .order-xs-6 {
      order: 6; }
    .scoped-bs4 .order-xs-7 {
      order: 7; }
    .scoped-bs4 .order-xs-8 {
      order: 8; }
    .scoped-bs4 .order-xs-9 {
      order: 9; }
    .scoped-bs4 .order-xs-10 {
      order: 10; }
    .scoped-bs4 .order-xs-11 {
      order: 11; }
    .scoped-bs4 .order-xs-12 {
      order: 12; }
    .scoped-bs4 .offset-xs-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-xs-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-xs-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-xs-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-xs-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-xs-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-xs-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-xs-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-xs-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-xs-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-xs-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-xs-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 576px) {
    .scoped-bs4 .col-sm {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-sm-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-sm-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-sm-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-sm-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-sm-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-sm-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-sm-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-sm-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-sm-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-sm-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-sm-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-sm-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-sm-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-sm-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-sm-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-sm-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-sm-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-sm-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-sm-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-sm-first {
      order: -1; }
    .scoped-bs4 .order-sm-last {
      order: 13; }
    .scoped-bs4 .order-sm-0 {
      order: 0; }
    .scoped-bs4 .order-sm-1 {
      order: 1; }
    .scoped-bs4 .order-sm-2 {
      order: 2; }
    .scoped-bs4 .order-sm-3 {
      order: 3; }
    .scoped-bs4 .order-sm-4 {
      order: 4; }
    .scoped-bs4 .order-sm-5 {
      order: 5; }
    .scoped-bs4 .order-sm-6 {
      order: 6; }
    .scoped-bs4 .order-sm-7 {
      order: 7; }
    .scoped-bs4 .order-sm-8 {
      order: 8; }
    .scoped-bs4 .order-sm-9 {
      order: 9; }
    .scoped-bs4 .order-sm-10 {
      order: 10; }
    .scoped-bs4 .order-sm-11 {
      order: 11; }
    .scoped-bs4 .order-sm-12 {
      order: 12; }
    .scoped-bs4 .offset-sm-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-sm-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-sm-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-sm-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-sm-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-sm-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-sm-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-sm-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-sm-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-sm-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-sm-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-sm-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 768px) {
    .scoped-bs4 .col-md {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-md-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-md-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-md-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-md-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-md-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-md-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-md-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-md-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-md-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-md-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-md-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-md-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-md-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-md-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-md-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-md-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-md-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-md-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-md-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-md-first {
      order: -1; }
    .scoped-bs4 .order-md-last {
      order: 13; }
    .scoped-bs4 .order-md-0 {
      order: 0; }
    .scoped-bs4 .order-md-1 {
      order: 1; }
    .scoped-bs4 .order-md-2 {
      order: 2; }
    .scoped-bs4 .order-md-3 {
      order: 3; }
    .scoped-bs4 .order-md-4 {
      order: 4; }
    .scoped-bs4 .order-md-5 {
      order: 5; }
    .scoped-bs4 .order-md-6 {
      order: 6; }
    .scoped-bs4 .order-md-7 {
      order: 7; }
    .scoped-bs4 .order-md-8 {
      order: 8; }
    .scoped-bs4 .order-md-9 {
      order: 9; }
    .scoped-bs4 .order-md-10 {
      order: 10; }
    .scoped-bs4 .order-md-11 {
      order: 11; }
    .scoped-bs4 .order-md-12 {
      order: 12; }
    .scoped-bs4 .offset-md-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-md-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-md-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-md-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-md-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-md-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-md-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-md-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-md-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-md-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-md-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-md-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 992px) {
    .scoped-bs4 .col-lg {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-lg-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-lg-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-lg-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-lg-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-lg-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-lg-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-lg-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-lg-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-lg-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-lg-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-lg-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-lg-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-lg-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-lg-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-lg-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-lg-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-lg-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-lg-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-lg-first {
      order: -1; }
    .scoped-bs4 .order-lg-last {
      order: 13; }
    .scoped-bs4 .order-lg-0 {
      order: 0; }
    .scoped-bs4 .order-lg-1 {
      order: 1; }
    .scoped-bs4 .order-lg-2 {
      order: 2; }
    .scoped-bs4 .order-lg-3 {
      order: 3; }
    .scoped-bs4 .order-lg-4 {
      order: 4; }
    .scoped-bs4 .order-lg-5 {
      order: 5; }
    .scoped-bs4 .order-lg-6 {
      order: 6; }
    .scoped-bs4 .order-lg-7 {
      order: 7; }
    .scoped-bs4 .order-lg-8 {
      order: 8; }
    .scoped-bs4 .order-lg-9 {
      order: 9; }
    .scoped-bs4 .order-lg-10 {
      order: 10; }
    .scoped-bs4 .order-lg-11 {
      order: 11; }
    .scoped-bs4 .order-lg-12 {
      order: 12; }
    .scoped-bs4 .offset-lg-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-lg-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-lg-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-lg-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-lg-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-lg-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-lg-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-lg-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-lg-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-lg-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-lg-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-lg-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .col-xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-xl-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-xl-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-xl-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-xl-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-xl-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-xl-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-xl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-xl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-xl-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-xl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-xl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-xl-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-xl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-xl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-xl-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-xl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-xl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-xl-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-xl-first {
      order: -1; }
    .scoped-bs4 .order-xl-last {
      order: 13; }
    .scoped-bs4 .order-xl-0 {
      order: 0; }
    .scoped-bs4 .order-xl-1 {
      order: 1; }
    .scoped-bs4 .order-xl-2 {
      order: 2; }
    .scoped-bs4 .order-xl-3 {
      order: 3; }
    .scoped-bs4 .order-xl-4 {
      order: 4; }
    .scoped-bs4 .order-xl-5 {
      order: 5; }
    .scoped-bs4 .order-xl-6 {
      order: 6; }
    .scoped-bs4 .order-xl-7 {
      order: 7; }
    .scoped-bs4 .order-xl-8 {
      order: 8; }
    .scoped-bs4 .order-xl-9 {
      order: 9; }
    .scoped-bs4 .order-xl-10 {
      order: 10; }
    .scoped-bs4 .order-xl-11 {
      order: 11; }
    .scoped-bs4 .order-xl-12 {
      order: 12; }
    .scoped-bs4 .offset-xl-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-xl-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-xl-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-xl-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-xl-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-xl-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-xl-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-xl-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-xl-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-xl-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-xl-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-xl-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .col-xxl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-xxl-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-xxl-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-xxl-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-xxl-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-xxl-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-xxl-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-xxl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-xxl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-xxl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-xxl-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-xxl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-xxl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-xxl-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-xxl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-xxl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-xxl-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-xxl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-xxl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-xxl-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-xxl-first {
      order: -1; }
    .scoped-bs4 .order-xxl-last {
      order: 13; }
    .scoped-bs4 .order-xxl-0 {
      order: 0; }
    .scoped-bs4 .order-xxl-1 {
      order: 1; }
    .scoped-bs4 .order-xxl-2 {
      order: 2; }
    .scoped-bs4 .order-xxl-3 {
      order: 3; }
    .scoped-bs4 .order-xxl-4 {
      order: 4; }
    .scoped-bs4 .order-xxl-5 {
      order: 5; }
    .scoped-bs4 .order-xxl-6 {
      order: 6; }
    .scoped-bs4 .order-xxl-7 {
      order: 7; }
    .scoped-bs4 .order-xxl-8 {
      order: 8; }
    .scoped-bs4 .order-xxl-9 {
      order: 9; }
    .scoped-bs4 .order-xxl-10 {
      order: 10; }
    .scoped-bs4 .order-xxl-11 {
      order: 11; }
    .scoped-bs4 .order-xxl-12 {
      order: 12; }
    .scoped-bs4 .offset-xxl-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-xxl-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-xxl-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-xxl-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-xxl-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-xxl-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-xxl-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-xxl-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-xxl-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-xxl-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-xxl-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-xxl-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .col-3xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-3xl-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-3xl-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-3xl-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-3xl-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-3xl-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-3xl-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-3xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-3xl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-3xl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-3xl-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-3xl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-3xl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-3xl-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-3xl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-3xl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-3xl-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-3xl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-3xl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-3xl-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-3xl-first {
      order: -1; }
    .scoped-bs4 .order-3xl-last {
      order: 13; }
    .scoped-bs4 .order-3xl-0 {
      order: 0; }
    .scoped-bs4 .order-3xl-1 {
      order: 1; }
    .scoped-bs4 .order-3xl-2 {
      order: 2; }
    .scoped-bs4 .order-3xl-3 {
      order: 3; }
    .scoped-bs4 .order-3xl-4 {
      order: 4; }
    .scoped-bs4 .order-3xl-5 {
      order: 5; }
    .scoped-bs4 .order-3xl-6 {
      order: 6; }
    .scoped-bs4 .order-3xl-7 {
      order: 7; }
    .scoped-bs4 .order-3xl-8 {
      order: 8; }
    .scoped-bs4 .order-3xl-9 {
      order: 9; }
    .scoped-bs4 .order-3xl-10 {
      order: 10; }
    .scoped-bs4 .order-3xl-11 {
      order: 11; }
    .scoped-bs4 .order-3xl-12 {
      order: 12; }
    .scoped-bs4 .offset-3xl-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-3xl-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-3xl-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-3xl-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-3xl-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-3xl-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-3xl-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-3xl-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-3xl-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-3xl-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-3xl-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-3xl-11 {
      margin-left: 91.66667%; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .col-4xl {
      flex-basis: 0;
      flex-grow: 1;
      max-width: 100%; }
    .scoped-bs4 .row-cols-4xl-1 > * {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .row-cols-4xl-2 > * {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .row-cols-4xl-3 > * {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .row-cols-4xl-4 > * {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .row-cols-4xl-5 > * {
      flex: 0 0 20%;
      max-width: 20%; }
    .scoped-bs4 .row-cols-4xl-6 > * {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-4xl-auto {
      flex: 0 0 auto;
      width: auto;
      max-width: 100%; }
    .scoped-bs4 .col-4xl-1 {
      flex: 0 0 8.33333%;
      max-width: 8.33333%; }
    .scoped-bs4 .col-4xl-2 {
      flex: 0 0 16.66667%;
      max-width: 16.66667%; }
    .scoped-bs4 .col-4xl-3 {
      flex: 0 0 25%;
      max-width: 25%; }
    .scoped-bs4 .col-4xl-4 {
      flex: 0 0 33.33333%;
      max-width: 33.33333%; }
    .scoped-bs4 .col-4xl-5 {
      flex: 0 0 41.66667%;
      max-width: 41.66667%; }
    .scoped-bs4 .col-4xl-6 {
      flex: 0 0 50%;
      max-width: 50%; }
    .scoped-bs4 .col-4xl-7 {
      flex: 0 0 58.33333%;
      max-width: 58.33333%; }
    .scoped-bs4 .col-4xl-8 {
      flex: 0 0 66.66667%;
      max-width: 66.66667%; }
    .scoped-bs4 .col-4xl-9 {
      flex: 0 0 75%;
      max-width: 75%; }
    .scoped-bs4 .col-4xl-10 {
      flex: 0 0 83.33333%;
      max-width: 83.33333%; }
    .scoped-bs4 .col-4xl-11 {
      flex: 0 0 91.66667%;
      max-width: 91.66667%; }
    .scoped-bs4 .col-4xl-12 {
      flex: 0 0 100%;
      max-width: 100%; }
    .scoped-bs4 .order-4xl-first {
      order: -1; }
    .scoped-bs4 .order-4xl-last {
      order: 13; }
    .scoped-bs4 .order-4xl-0 {
      order: 0; }
    .scoped-bs4 .order-4xl-1 {
      order: 1; }
    .scoped-bs4 .order-4xl-2 {
      order: 2; }
    .scoped-bs4 .order-4xl-3 {
      order: 3; }
    .scoped-bs4 .order-4xl-4 {
      order: 4; }
    .scoped-bs4 .order-4xl-5 {
      order: 5; }
    .scoped-bs4 .order-4xl-6 {
      order: 6; }
    .scoped-bs4 .order-4xl-7 {
      order: 7; }
    .scoped-bs4 .order-4xl-8 {
      order: 8; }
    .scoped-bs4 .order-4xl-9 {
      order: 9; }
    .scoped-bs4 .order-4xl-10 {
      order: 10; }
    .scoped-bs4 .order-4xl-11 {
      order: 11; }
    .scoped-bs4 .order-4xl-12 {
      order: 12; }
    .scoped-bs4 .offset-4xl-0 {
      margin-left: 0; }
    .scoped-bs4 .offset-4xl-1 {
      margin-left: 8.33333%; }
    .scoped-bs4 .offset-4xl-2 {
      margin-left: 16.66667%; }
    .scoped-bs4 .offset-4xl-3 {
      margin-left: 25%; }
    .scoped-bs4 .offset-4xl-4 {
      margin-left: 33.33333%; }
    .scoped-bs4 .offset-4xl-5 {
      margin-left: 41.66667%; }
    .scoped-bs4 .offset-4xl-6 {
      margin-left: 50%; }
    .scoped-bs4 .offset-4xl-7 {
      margin-left: 58.33333%; }
    .scoped-bs4 .offset-4xl-8 {
      margin-left: 66.66667%; }
    .scoped-bs4 .offset-4xl-9 {
      margin-left: 75%; }
    .scoped-bs4 .offset-4xl-10 {
      margin-left: 83.33333%; }
    .scoped-bs4 .offset-4xl-11 {
      margin-left: 91.66667%; } }
  .scoped-bs4 .table {
    width: 100%;
    margin-bottom: 1rem;
    color: #0d0d0d; }
    .scoped-bs4 .table th,
    .scoped-bs4 .table td {
      padding: 0.75rem;
      vertical-align: top;
      border-top: 1px solid #dee2e6; }
    .scoped-bs4 .table thead th {
      vertical-align: bottom;
      border-bottom: 2px solid #dee2e6; }
    .scoped-bs4 .table tbody + tbody {
      border-top: 2px solid #dee2e6; }
  .scoped-bs4 .table-sm th,
  .scoped-bs4 .table-sm td {
    padding: 0.3rem; }
  .scoped-bs4 .table-bordered {
    border: 1px solid #dee2e6; }
    .scoped-bs4 .table-bordered th,
    .scoped-bs4 .table-bordered td {
      border: 1px solid #dee2e6; }
    .scoped-bs4 .table-bordered thead th,
    .scoped-bs4 .table-bordered thead td {
      border-bottom-width: 2px; }
  .scoped-bs4 .table-borderless th,
  .scoped-bs4 .table-borderless td,
  .scoped-bs4 .table-borderless thead th,
  .scoped-bs4 .table-borderless tbody + tbody {
    border: 0; }
  .scoped-bs4 .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(34, 34, 34, 0.05); }
  .scoped-bs4 .table-hover tbody tr:hover {
    color: #0d0d0d;
    background-color: rgba(34, 34, 34, 0.075); }
  .scoped-bs4 .table-primary,
  .scoped-bs4 .table-primary > th,
  .scoped-bs4 .table-primary > td {
    background-color: #efd0e3; }
  .scoped-bs4 .table-primary th,
  .scoped-bs4 .table-primary td,
  .scoped-bs4 .table-primary thead th,
  .scoped-bs4 .table-primary tbody + tbody {
    border-color: #e1a8ca; }
  .scoped-bs4 .table-hover .table-primary:hover {
    background-color: #e9bdd8; }
    .scoped-bs4 .table-hover .table-primary:hover > td,
    .scoped-bs4 .table-hover .table-primary:hover > th {
      background-color: #e9bdd8; }
  .scoped-bs4 .table-secondary,
  .scoped-bs4 .table-secondary > th,
  .scoped-bs4 .table-secondary > td {
    background-color: #ffe5b8; }
  .scoped-bs4 .table-secondary th,
  .scoped-bs4 .table-secondary td,
  .scoped-bs4 .table-secondary thead th,
  .scoped-bs4 .table-secondary tbody + tbody {
    border-color: #ffcf7a; }
  .scoped-bs4 .table-hover .table-secondary:hover {
    background-color: #ffdc9f; }
    .scoped-bs4 .table-hover .table-secondary:hover > td,
    .scoped-bs4 .table-hover .table-secondary:hover > th {
      background-color: #ffdc9f; }
  .scoped-bs4 .table-success,
  .scoped-bs4 .table-success > th,
  .scoped-bs4 .table-success > td {
    background-color: #efd0e3; }
  .scoped-bs4 .table-success th,
  .scoped-bs4 .table-success td,
  .scoped-bs4 .table-success thead th,
  .scoped-bs4 .table-success tbody + tbody {
    border-color: #e1a8ca; }
  .scoped-bs4 .table-hover .table-success:hover {
    background-color: #e9bdd8; }
    .scoped-bs4 .table-hover .table-success:hover > td,
    .scoped-bs4 .table-hover .table-success:hover > th {
      background-color: #e9bdd8; }
  .scoped-bs4 .table-info,
  .scoped-bs4 .table-info > th,
  .scoped-bs4 .table-info > td {
    background-color: #bee5eb; }
  .scoped-bs4 .table-info th,
  .scoped-bs4 .table-info td,
  .scoped-bs4 .table-info thead th,
  .scoped-bs4 .table-info tbody + tbody {
    border-color: #86cfda; }
  .scoped-bs4 .table-hover .table-info:hover {
    background-color: #abdde5; }
    .scoped-bs4 .table-hover .table-info:hover > td,
    .scoped-bs4 .table-hover .table-info:hover > th {
      background-color: #abdde5; }
  .scoped-bs4 .table-warning,
  .scoped-bs4 .table-warning > th,
  .scoped-bs4 .table-warning > td {
    background-color: #ffeeba; }
  .scoped-bs4 .table-warning th,
  .scoped-bs4 .table-warning td,
  .scoped-bs4 .table-warning thead th,
  .scoped-bs4 .table-warning tbody + tbody {
    border-color: #ffdf7e; }
  .scoped-bs4 .table-hover .table-warning:hover {
    background-color: #ffe8a1; }
    .scoped-bs4 .table-hover .table-warning:hover > td,
    .scoped-bs4 .table-hover .table-warning:hover > th {
      background-color: #ffe8a1; }
  .scoped-bs4 .table-danger,
  .scoped-bs4 .table-danger > th,
  .scoped-bs4 .table-danger > td {
    background-color: #f5c6cb; }
  .scoped-bs4 .table-danger th,
  .scoped-bs4 .table-danger td,
  .scoped-bs4 .table-danger thead th,
  .scoped-bs4 .table-danger tbody + tbody {
    border-color: #ed969e; }
  .scoped-bs4 .table-hover .table-danger:hover {
    background-color: #f1b0b7; }
    .scoped-bs4 .table-hover .table-danger:hover > td,
    .scoped-bs4 .table-hover .table-danger:hover > th {
      background-color: #f1b0b7; }
  .scoped-bs4 .table-light,
  .scoped-bs4 .table-light > th,
  .scoped-bs4 .table-light > td {
    background-color: #fdfdfe; }
  .scoped-bs4 .table-light th,
  .scoped-bs4 .table-light td,
  .scoped-bs4 .table-light thead th,
  .scoped-bs4 .table-light tbody + tbody {
    border-color: #fbfcfc; }
  .scoped-bs4 .table-hover .table-light:hover {
    background-color: #ececf6; }
    .scoped-bs4 .table-hover .table-light:hover > td,
    .scoped-bs4 .table-hover .table-light:hover > th {
      background-color: #ececf6; }
  .scoped-bs4 .table-dark,
  .scoped-bs4 .table-dark > th,
  .scoped-bs4 .table-dark > td {
    background-color: #c6c8ca; }
  .scoped-bs4 .table-dark th,
  .scoped-bs4 .table-dark td,
  .scoped-bs4 .table-dark thead th,
  .scoped-bs4 .table-dark tbody + tbody {
    border-color: #95999c; }
  .scoped-bs4 .table-hover .table-dark:hover {
    background-color: #b9bbbe; }
    .scoped-bs4 .table-hover .table-dark:hover > td,
    .scoped-bs4 .table-hover .table-dark:hover > th {
      background-color: #b9bbbe; }
  .scoped-bs4 .table-active,
  .scoped-bs4 .table-active > th,
  .scoped-bs4 .table-active > td {
    background-color: rgba(34, 34, 34, 0.075); }
  .scoped-bs4 .table-hover .table-active:hover {
    background-color: rgba(21, 21, 21, 0.075); }
    .scoped-bs4 .table-hover .table-active:hover > td,
    .scoped-bs4 .table-hover .table-active:hover > th {
      background-color: rgba(21, 21, 21, 0.075); }
  .scoped-bs4 .table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55; }
  .scoped-bs4 .table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #dee2e6; }
  .scoped-bs4 .table-dark {
    color: #fff;
    background-color: #343a40; }
    .scoped-bs4 .table-dark th,
    .scoped-bs4 .table-dark td,
    .scoped-bs4 .table-dark thead th {
      border-color: #454d55; }
    .scoped-bs4 .table-dark.table-bordered {
      border: 0; }
    .scoped-bs4 .table-dark.table-striped tbody tr:nth-of-type(odd) {
      background-color: rgba(255, 255, 255, 0.05); }
    .scoped-bs4 .table-dark.table-hover tbody tr:hover {
      color: #fff;
      background-color: rgba(255, 255, 255, 0.075); }
  @media (max-width: 319.98px) {
    .scoped-bs4 .table-responsive-3xs {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-3xs > .table-bordered {
        border: 0; } }
  @media (max-width: 373.98px) {
    .scoped-bs4 .table-responsive-xxs {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-xxs > .table-bordered {
        border: 0; } }
  @media (max-width: 423.98px) {
    .scoped-bs4 .table-responsive-xs {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-xs > .table-bordered {
        border: 0; } }
  @media (max-width: 575.98px) {
    .scoped-bs4 .table-responsive-sm {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-sm > .table-bordered {
        border: 0; } }
  @media (max-width: 767.98px) {
    .scoped-bs4 .table-responsive-md {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-md > .table-bordered {
        border: 0; } }
  @media (max-width: 991.98px) {
    .scoped-bs4 .table-responsive-lg {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-lg > .table-bordered {
        border: 0; } }
  @media (max-width: 1199.98px) {
    .scoped-bs4 .table-responsive-xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-xl > .table-bordered {
        border: 0; } }
  @media (max-width: 1919.98px) {
    .scoped-bs4 .table-responsive-xxl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-xxl > .table-bordered {
        border: 0; } }
  @media (max-width: 2559.98px) {
    .scoped-bs4 .table-responsive-3xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-3xl > .table-bordered {
        border: 0; } }
  @media (max-width: 3199.98px) {
    .scoped-bs4 .table-responsive-4xl {
      display: block;
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch; }
      .scoped-bs4 .table-responsive-4xl > .table-bordered {
        border: 0; } }
  .scoped-bs4 .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
    .scoped-bs4 .table-responsive > .table-bordered {
      border: 0; }
  .scoped-bs4 .form-control, .scoped-bs4 .daterangepicker .input-mini, .daterangepicker .scoped-bs4 .input-mini, .scoped-bs4 .readonlyeditor, .scoped-bs4 .date-filter-trigger, .scoped-bs4 .click-editor textarea, .click-editor .scoped-bs4 textarea {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .scoped-bs4 .form-control, .scoped-bs4 .daterangepicker .input-mini, .daterangepicker .scoped-bs4 .input-mini, .scoped-bs4 .readonlyeditor, .scoped-bs4 .date-filter-trigger, .scoped-bs4 .click-editor textarea, .click-editor .scoped-bs4 textarea {
        transition: none; } }
    .scoped-bs4 .form-control::-ms-expand, .scoped-bs4 .daterangepicker .input-mini::-ms-expand, .daterangepicker .scoped-bs4 .input-mini::-ms-expand, .scoped-bs4 .readonlyeditor::-ms-expand, .scoped-bs4 .date-filter-trigger::-ms-expand, .scoped-bs4 .click-editor textarea::-ms-expand, .click-editor .scoped-bs4 textarea::-ms-expand {
      background-color: transparent;
      border: 0; }
    .scoped-bs4 .form-control:-moz-focusring, .scoped-bs4 .daterangepicker .input-mini:-moz-focusring, .daterangepicker .scoped-bs4 .input-mini:-moz-focusring, .scoped-bs4 .readonlyeditor:-moz-focusring, .scoped-bs4 .date-filter-trigger:-moz-focusring, .scoped-bs4 .click-editor textarea:-moz-focusring, .click-editor .scoped-bs4 textarea:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #495057; }
    .scoped-bs4 .form-control:focus, .scoped-bs4 .daterangepicker .input-mini:focus, .daterangepicker .scoped-bs4 .input-mini:focus, .scoped-bs4 .readonlyeditor:focus, .scoped-bs4 .date-filter-trigger:focus, .scoped-bs4 .click-editor textarea:focus, .click-editor .scoped-bs4 textarea:focus {
      color: #495057;
      background-color: #fff;
      border-color: #e6b6d3;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
    .scoped-bs4 .form-control::placeholder, .scoped-bs4 .daterangepicker .input-mini::placeholder, .daterangepicker .scoped-bs4 .input-mini::placeholder, .scoped-bs4 .readonlyeditor::placeholder, .scoped-bs4 .date-filter-trigger::placeholder, .scoped-bs4 .click-editor textarea::placeholder, .click-editor .scoped-bs4 textarea::placeholder {
      color: #6c757d;
      opacity: 1; }
    .scoped-bs4 .form-control:disabled, .scoped-bs4 .daterangepicker .input-mini:disabled, .daterangepicker .scoped-bs4 .input-mini:disabled, .scoped-bs4 .readonlyeditor:disabled, .scoped-bs4 .date-filter-trigger:disabled, .scoped-bs4 .click-editor textarea:disabled, .click-editor .scoped-bs4 textarea:disabled, .scoped-bs4 .form-control[readonly], .scoped-bs4 .daterangepicker [readonly].input-mini, .daterangepicker .scoped-bs4 [readonly].input-mini, .scoped-bs4 [readonly].readonlyeditor, .scoped-bs4 [readonly].date-filter-trigger, .scoped-bs4 .click-editor textarea[readonly], .click-editor .scoped-bs4 textarea[readonly] {
      background-color: #e9ecef;
      opacity: 1; }
  .scoped-bs4 input[type="date"].form-control, .scoped-bs4 .daterangepicker input[type="date"].input-mini, .daterangepicker .scoped-bs4 input[type="date"].input-mini, .scoped-bs4 input[type="date"].readonlyeditor, .scoped-bs4 input[type="date"].date-filter-trigger,
  .scoped-bs4 input[type="time"].form-control,
  .scoped-bs4 .daterangepicker input[type="time"].input-mini, .daterangepicker
  .scoped-bs4 input[type="time"].input-mini,
  .scoped-bs4 input[type="time"].readonlyeditor,
  .scoped-bs4 input[type="time"].date-filter-trigger,
  .scoped-bs4 input[type="datetime-local"].form-control,
  .scoped-bs4 .daterangepicker input[type="datetime-local"].input-mini, .daterangepicker
  .scoped-bs4 input[type="datetime-local"].input-mini,
  .scoped-bs4 input[type="datetime-local"].readonlyeditor,
  .scoped-bs4 input[type="datetime-local"].date-filter-trigger,
  .scoped-bs4 input[type="month"].form-control,
  .scoped-bs4 .daterangepicker input[type="month"].input-mini, .daterangepicker
  .scoped-bs4 input[type="month"].input-mini,
  .scoped-bs4 input[type="month"].readonlyeditor,
  .scoped-bs4 input[type="month"].date-filter-trigger {
    appearance: none; }
  .scoped-bs4 select.form-control:focus::-ms-value, .scoped-bs4 .daterangepicker select.input-mini:focus::-ms-value, .daterangepicker .scoped-bs4 select.input-mini:focus::-ms-value, .scoped-bs4 select.readonlyeditor:focus::-ms-value, .scoped-bs4 select.date-filter-trigger:focus::-ms-value {
    color: #495057;
    background-color: #fff; }
  .scoped-bs4 .form-control-file,
  .scoped-bs4 .form-control-range {
    display: block;
    width: 100%; }
  .scoped-bs4 .col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5; }
  .scoped-bs4 .col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem;
    line-height: 1.5; }
  .scoped-bs4 .col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem;
    line-height: 1.5; }
  .scoped-bs4 .form-control-plaintext {
    display: block;
    width: 100%;
    padding: 0.375rem 0;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #0d0d0d;
    background-color: transparent;
    border: solid transparent;
    border-width: 1px 0; }
    .scoped-bs4 .form-control-plaintext.form-control-sm, .scoped-bs4 .input-group-sm > .form-control-plaintext.form-control, .scoped-bs4 .daterangepicker .input-group-sm > .form-control-plaintext.input-mini, .daterangepicker .scoped-bs4 .input-group-sm > .form-control-plaintext.input-mini, .scoped-bs4 .input-group-sm > .form-control-plaintext.readonlyeditor, .scoped-bs4 .input-group-sm > .form-control-plaintext.date-filter-trigger, .scoped-bs4 .click-editor .input-group-sm > textarea.form-control-plaintext, .click-editor .scoped-bs4 .input-group-sm > textarea.form-control-plaintext, .scoped-bs4
    .input-group-sm > .form-control-plaintext.input-group-addon, .scoped-bs4
    .input-group-sm > .input-group-btn > .form-control-plaintext.btn, .scoped-bs4 .reports-table .k-header.k-grid-top
    .input-group-sm > .input-group-btn > button.form-control-plaintext.k-button, .reports-table .k-header.k-grid-top .scoped-bs4
    .input-group-sm > .input-group-btn > button.form-control-plaintext.k-button, .scoped-bs4 .form-control-plaintext.form-control-lg, .scoped-bs4 .input-group-lg > .form-control-plaintext.form-control, .scoped-bs4 .daterangepicker .input-group-lg > .form-control-plaintext.input-mini, .daterangepicker .scoped-bs4 .input-group-lg > .form-control-plaintext.input-mini, .scoped-bs4 .input-group-lg > .form-control-plaintext.readonlyeditor, .scoped-bs4 .input-group-lg > .form-control-plaintext.date-filter-trigger, .scoped-bs4 .click-editor .input-group-lg > textarea.form-control-plaintext, .click-editor .scoped-bs4 .input-group-lg > textarea.form-control-plaintext, .scoped-bs4
    .input-group-lg > .form-control-plaintext.input-group-addon, .scoped-bs4
    .input-group-lg > .input-group-btn > .form-control-plaintext.btn, .scoped-bs4 .reports-table .k-header.k-grid-top
    .input-group-lg > .input-group-btn > button.form-control-plaintext.k-button, .reports-table .k-header.k-grid-top .scoped-bs4
    .input-group-lg > .input-group-btn > button.form-control-plaintext.k-button {
      padding-right: 0;
      padding-left: 0; }
  .scoped-bs4 .form-control-sm, .scoped-bs4 .input-group-sm > .form-control, .scoped-bs4 .daterangepicker .input-group-sm > .input-mini, .daterangepicker .scoped-bs4 .input-group-sm > .input-mini, .scoped-bs4 .input-group-sm > .readonlyeditor, .scoped-bs4 .input-group-sm > .date-filter-trigger, .scoped-bs4 .click-editor .input-group-sm > textarea, .click-editor .scoped-bs4 .input-group-sm > textarea, .scoped-bs4
  .input-group-sm > .input-group-addon, .scoped-bs4
  .input-group-sm > .input-group-btn > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top
  .input-group-sm > .input-group-btn > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4
  .input-group-sm > .input-group-btn > button.k-button {
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem; }
  .scoped-bs4 .form-control-lg, .scoped-bs4 .input-group-lg > .form-control, .scoped-bs4 .daterangepicker .input-group-lg > .input-mini, .daterangepicker .scoped-bs4 .input-group-lg > .input-mini, .scoped-bs4 .input-group-lg > .readonlyeditor, .scoped-bs4 .input-group-lg > .date-filter-trigger, .scoped-bs4 .click-editor .input-group-lg > textarea, .click-editor .scoped-bs4 .input-group-lg > textarea, .scoped-bs4
  .input-group-lg > .input-group-addon, .scoped-bs4
  .input-group-lg > .input-group-btn > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top
  .input-group-lg > .input-group-btn > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4
  .input-group-lg > .input-group-btn > button.k-button {
    height: calc(1.5em + 1rem + 2px);
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem; }
  .scoped-bs4 select.form-control[size], .scoped-bs4 .daterangepicker select[size].input-mini, .daterangepicker .scoped-bs4 select[size].input-mini, .scoped-bs4 select[size].readonlyeditor, .scoped-bs4 select[size].date-filter-trigger, .scoped-bs4 select.form-control[multiple], .scoped-bs4 .daterangepicker select[multiple].input-mini, .daterangepicker .scoped-bs4 select[multiple].input-mini, .scoped-bs4 select[multiple].readonlyeditor, .scoped-bs4 select[multiple].date-filter-trigger {
    height: auto; }
  .scoped-bs4 textarea.form-control, .scoped-bs4 .daterangepicker textarea.input-mini, .daterangepicker .scoped-bs4 textarea.input-mini, .scoped-bs4 textarea.readonlyeditor, .scoped-bs4 textarea.date-filter-trigger, .scoped-bs4 .click-editor textarea, .click-editor .scoped-bs4 textarea {
    height: auto; }
  .scoped-bs4 .form-group {
    margin-bottom: 1rem; }
  .scoped-bs4 .form-text {
    display: block;
    margin-top: 0.25rem; }
  .scoped-bs4 .form-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px; }
    .scoped-bs4 .form-row > .col,
    .scoped-bs4 .form-row > [class*="col-"] {
      padding-right: 5px;
      padding-left: 5px; }
  .scoped-bs4 .form-check {
    position: relative;
    display: block;
    padding-left: 1.25rem; }
  .scoped-bs4 .form-check-input {
    position: absolute;
    margin-top: 0.3rem;
    margin-left: -1.25rem; }
    .scoped-bs4 .form-check-input[disabled] ~ .form-check-label,
    .scoped-bs4 .form-check-input:disabled ~ .form-check-label {
      color: #6c757d; }
  .scoped-bs4 .form-check-label {
    margin-bottom: 0; }
  .scoped-bs4 .form-check-inline {
    display: inline-flex;
    align-items: center;
    padding-left: 0;
    margin-right: 0.75rem; }
    .scoped-bs4 .form-check-inline .form-check-input {
      position: static;
      margin-top: 0;
      margin-right: 0.3125rem;
      margin-left: 0; }
  .scoped-bs4 .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #C6579A; }
  .scoped-bs4 .valid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(198, 87, 154, 0.9);
    border-radius: 0.25rem; }
  .was-validated .scoped-bs4:valid ~ .valid-feedback,
  .was-validated .scoped-bs4:valid ~ .valid-tooltip, .scoped-bs4.is-valid ~ .valid-feedback,
  .scoped-bs4.is-valid ~ .valid-tooltip {
    display: block; }
  .was-validated .scoped-bs4 .form-control:valid, .was-validated .scoped-bs4 .daterangepicker .input-mini:valid, .daterangepicker .was-validated .scoped-bs4 .input-mini:valid, .was-validated .scoped-bs4 .readonlyeditor:valid, .was-validated .scoped-bs4 .date-filter-trigger:valid, .was-validated .scoped-bs4 .click-editor textarea:valid, .click-editor .was-validated .scoped-bs4 textarea:valid, .scoped-bs4 .form-control.is-valid, .scoped-bs4 .daterangepicker .is-valid.input-mini, .daterangepicker .scoped-bs4 .is-valid.input-mini, .scoped-bs4 .is-valid.readonlyeditor, .scoped-bs4 .is-valid.date-filter-trigger, .scoped-bs4 .click-editor textarea.is-valid, .click-editor .scoped-bs4 textarea.is-valid {
    border-color: #C6579A;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23C6579A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
    .was-validated .scoped-bs4 .form-control:valid:focus, .was-validated .scoped-bs4 .daterangepicker .input-mini:valid:focus, .daterangepicker .was-validated .scoped-bs4 .input-mini:valid:focus, .was-validated .scoped-bs4 .readonlyeditor:valid:focus, .was-validated .scoped-bs4 .date-filter-trigger:valid:focus, .was-validated .scoped-bs4 .click-editor textarea:valid:focus, .click-editor .was-validated .scoped-bs4 textarea:valid:focus, .scoped-bs4 .form-control.is-valid:focus, .scoped-bs4 .daterangepicker .is-valid.input-mini:focus, .daterangepicker .scoped-bs4 .is-valid.input-mini:focus, .scoped-bs4 .is-valid.readonlyeditor:focus, .scoped-bs4 .is-valid.date-filter-trigger:focus, .scoped-bs4 .click-editor textarea.is-valid:focus, .click-editor .scoped-bs4 textarea.is-valid:focus {
      border-color: #C6579A;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
  .was-validated .scoped-bs4 textarea.form-control:valid, .was-validated .scoped-bs4 .daterangepicker textarea.input-mini:valid, .daterangepicker .was-validated .scoped-bs4 textarea.input-mini:valid, .was-validated .scoped-bs4 textarea.readonlyeditor:valid, .was-validated .scoped-bs4 textarea.date-filter-trigger:valid, .was-validated .scoped-bs4 .click-editor textarea:valid, .click-editor .was-validated .scoped-bs4 textarea:valid, .scoped-bs4 textarea.form-control.is-valid, .scoped-bs4 .daterangepicker textarea.is-valid.input-mini, .daterangepicker .scoped-bs4 textarea.is-valid.input-mini, .scoped-bs4 textarea.is-valid.readonlyeditor, .scoped-bs4 textarea.is-valid.date-filter-trigger, .scoped-bs4 .click-editor textarea.is-valid, .click-editor .scoped-bs4 textarea.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
  .was-validated .scoped-bs4 .custom-select:valid, .scoped-bs4 .custom-select.is-valid {
    border-color: #C6579A;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23C6579A' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
    .was-validated .scoped-bs4 .custom-select:valid:focus, .scoped-bs4 .custom-select.is-valid:focus {
      border-color: #C6579A;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
  .was-validated .scoped-bs4 .form-check-input:valid ~ .form-check-label, .scoped-bs4 .form-check-input.is-valid ~ .form-check-label {
    color: #C6579A; }
  .was-validated .scoped-bs4 .form-check-input:valid ~ .valid-feedback,
  .was-validated .scoped-bs4 .form-check-input:valid ~ .valid-tooltip, .scoped-bs4 .form-check-input.is-valid ~ .valid-feedback,
  .scoped-bs4 .form-check-input.is-valid ~ .valid-tooltip {
    display: block; }
  .was-validated .scoped-bs4 .custom-control-input:valid ~ .custom-control-label, .scoped-bs4 .custom-control-input.is-valid ~ .custom-control-label {
    color: #C6579A; }
    .was-validated .scoped-bs4 .custom-control-input:valid ~ .custom-control-label::before, .scoped-bs4 .custom-control-input.is-valid ~ .custom-control-label::before {
      border-color: #C6579A; }
  .was-validated .scoped-bs4 .custom-control-input:valid:checked ~ .custom-control-label::before, .scoped-bs4 .custom-control-input.is-valid:checked ~ .custom-control-label::before {
    border-color: #d37db1;
    background-color: #d37db1; }
  .was-validated .scoped-bs4 .custom-control-input:valid:focus ~ .custom-control-label::before, .scoped-bs4 .custom-control-input.is-valid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
  .was-validated .scoped-bs4 .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .scoped-bs4 .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #C6579A; }
  .was-validated .scoped-bs4 .custom-file-input:valid ~ .custom-file-label, .scoped-bs4 .custom-file-input.is-valid ~ .custom-file-label {
    border-color: #C6579A; }
  .was-validated .scoped-bs4 .custom-file-input:valid:focus ~ .custom-file-label, .scoped-bs4 .custom-file-input.is-valid:focus ~ .custom-file-label {
    border-color: #C6579A;
    box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
  .scoped-bs4 .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545; }
  .scoped-bs4 .invalid-tooltip {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: 0.25rem 0.5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #fff;
    background-color: rgba(220, 53, 69, 0.9);
    border-radius: 0.25rem; }
  .was-validated .scoped-bs4:invalid ~ .invalid-feedback,
  .was-validated .scoped-bs4:invalid ~ .invalid-tooltip, .scoped-bs4.is-invalid ~ .invalid-feedback,
  .scoped-bs4.is-invalid ~ .invalid-tooltip {
    display: block; }
  .was-validated .scoped-bs4 .form-control:invalid, .was-validated .scoped-bs4 .daterangepicker .input-mini:invalid, .daterangepicker .was-validated .scoped-bs4 .input-mini:invalid, .was-validated .scoped-bs4 .readonlyeditor:invalid, .was-validated .scoped-bs4 .date-filter-trigger:invalid, .was-validated .scoped-bs4 .click-editor textarea:invalid, .click-editor .was-validated .scoped-bs4 textarea:invalid, .scoped-bs4 .form-control.is-invalid, .scoped-bs4 .daterangepicker .is-invalid.input-mini, .daterangepicker .scoped-bs4 .is-invalid.input-mini, .scoped-bs4 .is-invalid.readonlyeditor, .scoped-bs4 .is-invalid.date-filter-trigger, .scoped-bs4 .click-editor textarea.is-invalid, .click-editor .scoped-bs4 textarea.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
    .was-validated .scoped-bs4 .form-control:invalid:focus, .was-validated .scoped-bs4 .daterangepicker .input-mini:invalid:focus, .daterangepicker .was-validated .scoped-bs4 .input-mini:invalid:focus, .was-validated .scoped-bs4 .readonlyeditor:invalid:focus, .was-validated .scoped-bs4 .date-filter-trigger:invalid:focus, .was-validated .scoped-bs4 .click-editor textarea:invalid:focus, .click-editor .was-validated .scoped-bs4 textarea:invalid:focus, .scoped-bs4 .form-control.is-invalid:focus, .scoped-bs4 .daterangepicker .is-invalid.input-mini:focus, .daterangepicker .scoped-bs4 .is-invalid.input-mini:focus, .scoped-bs4 .is-invalid.readonlyeditor:focus, .scoped-bs4 .is-invalid.date-filter-trigger:focus, .scoped-bs4 .click-editor textarea.is-invalid:focus, .click-editor .scoped-bs4 textarea.is-invalid:focus {
      border-color: #dc3545;
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .was-validated .scoped-bs4 textarea.form-control:invalid, .was-validated .scoped-bs4 .daterangepicker textarea.input-mini:invalid, .daterangepicker .was-validated .scoped-bs4 textarea.input-mini:invalid, .was-validated .scoped-bs4 textarea.readonlyeditor:invalid, .was-validated .scoped-bs4 textarea.date-filter-trigger:invalid, .was-validated .scoped-bs4 .click-editor textarea:invalid, .click-editor .was-validated .scoped-bs4 textarea:invalid, .scoped-bs4 textarea.form-control.is-invalid, .scoped-bs4 .daterangepicker textarea.is-invalid.input-mini, .daterangepicker .scoped-bs4 textarea.is-invalid.input-mini, .scoped-bs4 textarea.is-invalid.readonlyeditor, .scoped-bs4 textarea.is-invalid.date-filter-trigger, .scoped-bs4 .click-editor textarea.is-invalid, .click-editor .scoped-bs4 textarea.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); }
  .was-validated .scoped-bs4 .custom-select:invalid, .scoped-bs4 .custom-select.is-invalid {
    border-color: #dc3545;
    padding-right: calc(0.75em + 2.3125rem);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); }
    .was-validated .scoped-bs4 .custom-select:invalid:focus, .scoped-bs4 .custom-select.is-invalid:focus {
      border-color: #dc3545;
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .was-validated .scoped-bs4 .form-check-input:invalid ~ .form-check-label, .scoped-bs4 .form-check-input.is-invalid ~ .form-check-label {
    color: #dc3545; }
  .was-validated .scoped-bs4 .form-check-input:invalid ~ .invalid-feedback,
  .was-validated .scoped-bs4 .form-check-input:invalid ~ .invalid-tooltip, .scoped-bs4 .form-check-input.is-invalid ~ .invalid-feedback,
  .scoped-bs4 .form-check-input.is-invalid ~ .invalid-tooltip {
    display: block; }
  .was-validated .scoped-bs4 .custom-control-input:invalid ~ .custom-control-label, .scoped-bs4 .custom-control-input.is-invalid ~ .custom-control-label {
    color: #dc3545; }
    .was-validated .scoped-bs4 .custom-control-input:invalid ~ .custom-control-label::before, .scoped-bs4 .custom-control-input.is-invalid ~ .custom-control-label::before {
      border-color: #dc3545; }
  .was-validated .scoped-bs4 .custom-control-input:invalid:checked ~ .custom-control-label::before, .scoped-bs4 .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
    border-color: #e4606d;
    background-color: #e4606d; }
  .was-validated .scoped-bs4 .custom-control-input:invalid:focus ~ .custom-control-label::before, .scoped-bs4 .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .was-validated .scoped-bs4 .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .scoped-bs4 .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #dc3545; }
  .was-validated .scoped-bs4 .custom-file-input:invalid ~ .custom-file-label, .scoped-bs4 .custom-file-input.is-invalid ~ .custom-file-label {
    border-color: #dc3545; }
  .was-validated .scoped-bs4 .custom-file-input:invalid:focus ~ .custom-file-label, .scoped-bs4 .custom-file-input.is-invalid:focus ~ .custom-file-label {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); }
  .scoped-bs4 .form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: center; }
    .scoped-bs4 .form-inline .form-check {
      width: 100%; }
    @media (min-width: 576px) {
      .scoped-bs4 .form-inline label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0; }
      .scoped-bs4 .form-inline .form-group {
        display: flex;
        flex: 0 0 auto;
        flex-flow: row wrap;
        align-items: center;
        margin-bottom: 0; }
      .scoped-bs4 .form-inline .form-control, .scoped-bs4 .form-inline .daterangepicker .input-mini, .daterangepicker .scoped-bs4 .form-inline .input-mini, .scoped-bs4 .form-inline .readonlyeditor, .scoped-bs4 .form-inline .date-filter-trigger, .scoped-bs4 .form-inline .click-editor textarea, .click-editor .scoped-bs4 .form-inline textarea {
        display: inline-block;
        width: auto;
        vertical-align: middle; }
      .scoped-bs4 .form-inline .form-control-plaintext {
        display: inline-block; }
      .scoped-bs4 .form-inline .input-group,
      .scoped-bs4 .form-inline .custom-select {
        width: auto; }
      .scoped-bs4 .form-inline .form-check {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        padding-left: 0; }
      .scoped-bs4 .form-inline .form-check-input {
        position: relative;
        flex-shrink: 0;
        margin-top: 0;
        margin-right: 0.25rem;
        margin-left: 0; }
      .scoped-bs4 .form-inline .custom-control {
        align-items: center;
        justify-content: center; }
      .scoped-bs4 .form-inline .custom-control-label {
        margin-bottom: 0; } }
  .scoped-bs4 .btn, .scoped-bs4 .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 button.k-button {
    display: inline-block;
    font-weight: 400;
    color: #0d0d0d;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    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) {
      .scoped-bs4 .btn, .scoped-bs4 .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 button.k-button {
        transition: none; } }
    .scoped-bs4 .btn:hover, .scoped-bs4 .reports-table .k-header.k-grid-top button.k-button:hover, .reports-table .k-header.k-grid-top .scoped-bs4 button.k-button:hover {
      color: #0d0d0d;
      text-decoration: none; }
    .scoped-bs4 .btn:focus, .scoped-bs4 .reports-table .k-header.k-grid-top button.k-button:focus, .reports-table .k-header.k-grid-top .scoped-bs4 button.k-button:focus, .scoped-bs4 .btn.focus, .scoped-bs4 .reports-table .k-header.k-grid-top button.focus.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 button.focus.k-button {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
    .scoped-bs4 .btn.disabled, .scoped-bs4 .reports-table .k-header.k-grid-top button.disabled.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 button.disabled.k-button, .scoped-bs4 .btn:disabled, .scoped-bs4 .reports-table .k-header.k-grid-top button.k-button:disabled, .reports-table .k-header.k-grid-top .scoped-bs4 button.k-button:disabled {
      opacity: 0.65; }
    .scoped-bs4 .btn:not(:disabled):not(.disabled), .scoped-bs4 .reports-table .k-header.k-grid-top button.k-button:not(:disabled):not(.disabled), .reports-table .k-header.k-grid-top .scoped-bs4 button.k-button:not(:disabled):not(.disabled) {
      cursor: pointer; }
  .scoped-bs4 a.btn.disabled,
  .scoped-bs4 fieldset:disabled a.btn {
    pointer-events: none; }
  .scoped-bs4 .btn-primary {
    color: #fff;
    background-color: #C6579A;
    border-color: #C6579A; }
    .scoped-bs4 .btn-primary:hover {
      color: #fff;
      background-color: #b83f88;
      border-color: #af3b81; }
    .scoped-bs4 .btn-primary:focus, .scoped-bs4 .btn-primary.focus {
      color: #fff;
      background-color: #b83f88;
      border-color: #af3b81;
      box-shadow: 0 0 0 0.2rem rgba(207, 112, 169, 0.5); }
    .scoped-bs4 .btn-primary.disabled, .scoped-bs4 .btn-primary:disabled {
      color: #fff;
      background-color: #C6579A;
      border-color: #C6579A; }
    .scoped-bs4 .btn-primary:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-primary:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-primary.dropdown-toggle {
      color: #fff;
      background-color: #af3b81;
      border-color: #a5387a; }
      .scoped-bs4 .btn-primary:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-primary:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(207, 112, 169, 0.5); }
  .scoped-bs4 .btn-secondary {
    color: #212529;
    background-color: #FFA300;
    border-color: #FFA300; }
    .scoped-bs4 .btn-secondary:hover {
      color: #fff;
      background-color: #d98b00;
      border-color: #cc8200; }
    .scoped-bs4 .btn-secondary:focus, .scoped-bs4 .btn-secondary.focus {
      color: #fff;
      background-color: #d98b00;
      border-color: #cc8200;
      box-shadow: 0 0 0 0.2rem rgba(222, 144, 6, 0.5); }
    .scoped-bs4 .btn-secondary.disabled, .scoped-bs4 .btn-secondary:disabled {
      color: #212529;
      background-color: #FFA300;
      border-color: #FFA300; }
    .scoped-bs4 .btn-secondary:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-secondary:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-secondary.dropdown-toggle {
      color: #fff;
      background-color: #cc8200;
      border-color: #bf7a00; }
      .scoped-bs4 .btn-secondary:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-secondary:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 144, 6, 0.5); }
  .scoped-bs4 .btn-success {
    color: #fff;
    background-color: #C6579A;
    border-color: #C6579A; }
    .scoped-bs4 .btn-success:hover {
      color: #fff;
      background-color: #b83f88;
      border-color: #af3b81; }
    .scoped-bs4 .btn-success:focus, .scoped-bs4 .btn-success.focus {
      color: #fff;
      background-color: #b83f88;
      border-color: #af3b81;
      box-shadow: 0 0 0 0.2rem rgba(207, 112, 169, 0.5); }
    .scoped-bs4 .btn-success.disabled, .scoped-bs4 .btn-success:disabled {
      color: #fff;
      background-color: #C6579A;
      border-color: #C6579A; }
    .scoped-bs4 .btn-success:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-success:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-success.dropdown-toggle {
      color: #fff;
      background-color: #af3b81;
      border-color: #a5387a; }
      .scoped-bs4 .btn-success:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-success:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(207, 112, 169, 0.5); }
  .scoped-bs4 .btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8; }
    .scoped-bs4 .btn-info:hover {
      color: #fff;
      background-color: #138496;
      border-color: #117a8b; }
    .scoped-bs4 .btn-info:focus, .scoped-bs4 .btn-info.focus {
      color: #fff;
      background-color: #138496;
      border-color: #117a8b;
      box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
    .scoped-bs4 .btn-info.disabled, .scoped-bs4 .btn-info:disabled {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8; }
    .scoped-bs4 .btn-info:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-info:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-info.dropdown-toggle {
      color: #fff;
      background-color: #117a8b;
      border-color: #10707f; }
      .scoped-bs4 .btn-info:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-info:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); }
  .scoped-bs4 .btn-warning {
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107; }
    .scoped-bs4 .btn-warning:hover {
      color: #212529;
      background-color: #e0a800;
      border-color: #d39e00; }
    .scoped-bs4 .btn-warning:focus, .scoped-bs4 .btn-warning.focus {
      color: #212529;
      background-color: #e0a800;
      border-color: #d39e00;
      box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
    .scoped-bs4 .btn-warning.disabled, .scoped-bs4 .btn-warning:disabled {
      color: #212529;
      background-color: #ffc107;
      border-color: #ffc107; }
    .scoped-bs4 .btn-warning:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-warning:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-warning.dropdown-toggle {
      color: #212529;
      background-color: #d39e00;
      border-color: #c69500; }
      .scoped-bs4 .btn-warning:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-warning:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); }
  .scoped-bs4 .btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545; }
    .scoped-bs4 .btn-danger:hover {
      color: #fff;
      background-color: #c82333;
      border-color: #bd2130; }
    .scoped-bs4 .btn-danger:focus, .scoped-bs4 .btn-danger.focus {
      color: #fff;
      background-color: #c82333;
      border-color: #bd2130;
      box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
    .scoped-bs4 .btn-danger.disabled, .scoped-bs4 .btn-danger:disabled {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545; }
    .scoped-bs4 .btn-danger:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-danger:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-danger.dropdown-toggle {
      color: #fff;
      background-color: #bd2130;
      border-color: #b21f2d; }
      .scoped-bs4 .btn-danger:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-danger:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); }
  .scoped-bs4 .btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa; }
    .scoped-bs4 .btn-light:hover {
      color: #212529;
      background-color: #e2e6ea;
      border-color: #dae0e5; }
    .scoped-bs4 .btn-light:focus, .scoped-bs4 .btn-light.focus {
      color: #212529;
      background-color: #e2e6ea;
      border-color: #dae0e5;
      box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
    .scoped-bs4 .btn-light.disabled, .scoped-bs4 .btn-light:disabled {
      color: #212529;
      background-color: #f8f9fa;
      border-color: #f8f9fa; }
    .scoped-bs4 .btn-light:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-light:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-light.dropdown-toggle {
      color: #212529;
      background-color: #dae0e5;
      border-color: #d3d9df; }
      .scoped-bs4 .btn-light:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-light:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(216, 217, 219, 0.5); }
  .scoped-bs4 .btn-dark {
    color: #fff;
    background-color: #343a40;
    border-color: #343a40; }
    .scoped-bs4 .btn-dark:hover {
      color: #fff;
      background-color: #23272b;
      border-color: #1d2124; }
    .scoped-bs4 .btn-dark:focus, .scoped-bs4 .btn-dark.focus {
      color: #fff;
      background-color: #23272b;
      border-color: #1d2124;
      box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
    .scoped-bs4 .btn-dark.disabled, .scoped-bs4 .btn-dark:disabled {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40; }
    .scoped-bs4 .btn-dark:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-dark:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-dark.dropdown-toggle {
      color: #fff;
      background-color: #1d2124;
      border-color: #171a1d; }
      .scoped-bs4 .btn-dark:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-dark:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5); }
  .scoped-bs4 .btn-outline-primary {
    color: #C6579A;
    border-color: #C6579A; }
    .scoped-bs4 .btn-outline-primary:hover {
      color: #fff;
      background-color: #C6579A;
      border-color: #C6579A; }
    .scoped-bs4 .btn-outline-primary:focus, .scoped-bs4 .btn-outline-primary.focus {
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.5); }
    .scoped-bs4 .btn-outline-primary.disabled, .scoped-bs4 .btn-outline-primary:disabled {
      color: #C6579A;
      background-color: transparent; }
    .scoped-bs4 .btn-outline-primary:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-outline-primary:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-outline-primary.dropdown-toggle {
      color: #fff;
      background-color: #C6579A;
      border-color: #C6579A; }
      .scoped-bs4 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-outline-primary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.5); }
  .scoped-bs4 .btn-outline-secondary {
    color: #FFA300;
    border-color: #FFA300; }
    .scoped-bs4 .btn-outline-secondary:hover {
      color: #212529;
      background-color: #FFA300;
      border-color: #FFA300; }
    .scoped-bs4 .btn-outline-secondary:focus, .scoped-bs4 .btn-outline-secondary.focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 163, 0, 0.5); }
    .scoped-bs4 .btn-outline-secondary.disabled, .scoped-bs4 .btn-outline-secondary:disabled {
      color: #FFA300;
      background-color: transparent; }
    .scoped-bs4 .btn-outline-secondary:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-outline-secondary:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-outline-secondary.dropdown-toggle {
      color: #212529;
      background-color: #FFA300;
      border-color: #FFA300; }
      .scoped-bs4 .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-outline-secondary.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 163, 0, 0.5); }
  .scoped-bs4 .btn-outline-success {
    color: #C6579A;
    border-color: #C6579A; }
    .scoped-bs4 .btn-outline-success:hover {
      color: #fff;
      background-color: #C6579A;
      border-color: #C6579A; }
    .scoped-bs4 .btn-outline-success:focus, .scoped-bs4 .btn-outline-success.focus {
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.5); }
    .scoped-bs4 .btn-outline-success.disabled, .scoped-bs4 .btn-outline-success:disabled {
      color: #C6579A;
      background-color: transparent; }
    .scoped-bs4 .btn-outline-success:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-outline-success:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-outline-success.dropdown-toggle {
      color: #fff;
      background-color: #C6579A;
      border-color: #C6579A; }
      .scoped-bs4 .btn-outline-success:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-outline-success:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-outline-success.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.5); }
  .scoped-bs4 .btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8; }
    .scoped-bs4 .btn-outline-info:hover {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8; }
    .scoped-bs4 .btn-outline-info:focus, .scoped-bs4 .btn-outline-info.focus {
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
    .scoped-bs4 .btn-outline-info.disabled, .scoped-bs4 .btn-outline-info:disabled {
      color: #17a2b8;
      background-color: transparent; }
    .scoped-bs4 .btn-outline-info:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-outline-info:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-outline-info.dropdown-toggle {
      color: #fff;
      background-color: #17a2b8;
      border-color: #17a2b8; }
      .scoped-bs4 .btn-outline-info:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-outline-info:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-outline-info.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .scoped-bs4 .btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107; }
    .scoped-bs4 .btn-outline-warning:hover {
      color: #212529;
      background-color: #ffc107;
      border-color: #ffc107; }
    .scoped-bs4 .btn-outline-warning:focus, .scoped-bs4 .btn-outline-warning.focus {
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
    .scoped-bs4 .btn-outline-warning.disabled, .scoped-bs4 .btn-outline-warning:disabled {
      color: #ffc107;
      background-color: transparent; }
    .scoped-bs4 .btn-outline-warning:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-outline-warning:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-outline-warning.dropdown-toggle {
      color: #212529;
      background-color: #ffc107;
      border-color: #ffc107; }
      .scoped-bs4 .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-outline-warning.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .scoped-bs4 .btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545; }
    .scoped-bs4 .btn-outline-danger:hover {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545; }
    .scoped-bs4 .btn-outline-danger:focus, .scoped-bs4 .btn-outline-danger.focus {
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
    .scoped-bs4 .btn-outline-danger.disabled, .scoped-bs4 .btn-outline-danger:disabled {
      color: #dc3545;
      background-color: transparent; }
    .scoped-bs4 .btn-outline-danger:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-outline-danger:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-outline-danger.dropdown-toggle {
      color: #fff;
      background-color: #dc3545;
      border-color: #dc3545; }
      .scoped-bs4 .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-outline-danger.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .scoped-bs4 .btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa; }
    .scoped-bs4 .btn-outline-light:hover {
      color: #212529;
      background-color: #f8f9fa;
      border-color: #f8f9fa; }
    .scoped-bs4 .btn-outline-light:focus, .scoped-bs4 .btn-outline-light.focus {
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
    .scoped-bs4 .btn-outline-light.disabled, .scoped-bs4 .btn-outline-light:disabled {
      color: #f8f9fa;
      background-color: transparent; }
    .scoped-bs4 .btn-outline-light:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-outline-light:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-outline-light.dropdown-toggle {
      color: #212529;
      background-color: #f8f9fa;
      border-color: #f8f9fa; }
      .scoped-bs4 .btn-outline-light:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-outline-light:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-outline-light.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .scoped-bs4 .btn-outline-dark {
    color: #343a40;
    border-color: #343a40; }
    .scoped-bs4 .btn-outline-dark:hover {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40; }
    .scoped-bs4 .btn-outline-dark:focus, .scoped-bs4 .btn-outline-dark.focus {
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
    .scoped-bs4 .btn-outline-dark.disabled, .scoped-bs4 .btn-outline-dark:disabled {
      color: #343a40;
      background-color: transparent; }
    .scoped-bs4 .btn-outline-dark:not(:disabled):not(.disabled):active, .scoped-bs4 .btn-outline-dark:not(:disabled):not(.disabled).active,
    .show > .scoped-bs4 .btn-outline-dark.dropdown-toggle {
      color: #fff;
      background-color: #343a40;
      border-color: #343a40; }
      .scoped-bs4 .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .scoped-bs4 .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
      .show > .scoped-bs4 .btn-outline-dark.dropdown-toggle:focus {
        box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .scoped-bs4 .btn-link {
    font-weight: 400;
    color: #C6579A;
    text-decoration: none; }
    .scoped-bs4 .btn-link:hover {
      color: #9c3573;
      text-decoration: underline; }
    .scoped-bs4 .btn-link:focus, .scoped-bs4 .btn-link.focus {
      text-decoration: underline; }
    .scoped-bs4 .btn-link:disabled, .scoped-bs4 .btn-link.disabled {
      color: #6c757d;
      pointer-events: none; }
  .scoped-bs4 .btn-lg, .scoped-bs4 .btn-group-lg > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-lg > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-lg > button.k-button {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem; }
  .scoped-bs4 .btn-sm, .scoped-bs4 .btn-group-sm > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-sm > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-sm > button.k-button {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem; }
  .scoped-bs4 .btn-block {
    display: block;
    width: 100%; }
    .scoped-bs4 .btn-block + .btn-block {
      margin-top: 0.5rem; }
  .scoped-bs4 input[type="submit"].btn-block,
  .scoped-bs4 input[type="reset"].btn-block,
  .scoped-bs4 input[type="button"].btn-block {
    width: 100%; }
  .scoped-bs4 .fade {
    transition: opacity 0.15s linear; }
    @media (prefers-reduced-motion: reduce) {
      .scoped-bs4 .fade {
        transition: none; } }
    .scoped-bs4 .fade:not(.show) {
      opacity: 0; }
  .scoped-bs4 .collapse:not(.show) {
    display: none; }
  .scoped-bs4 .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease; }
    @media (prefers-reduced-motion: reduce) {
      .scoped-bs4 .collapsing {
        transition: none; } }
  .scoped-bs4 .dropup,
  .scoped-bs4 .dropright,
  .scoped-bs4 .dropdown,
  .scoped-bs4 .dropleft {
    position: relative; }
  .scoped-bs4 .dropdown-toggle {
    white-space: nowrap; }
    .scoped-bs4 .dropdown-toggle::after {
      display: inline-block;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      content: "";
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 0;
      border-left: 0.3em solid transparent; }
    .scoped-bs4 .dropdown-toggle:empty::after {
      margin-left: 0; }
  .scoped-bs4 .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #0d0d0d;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(34, 34, 34, 0.15);
    border-radius: 0.25rem; }
  .scoped-bs4 .dropdown-menu-left {
    right: auto;
    left: 0; }
  .scoped-bs4 .dropdown-menu-right {
    right: 0;
    left: auto; }
  @media (min-width: 320px) {
    .scoped-bs4 .dropdown-menu-3xs-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-3xs-right {
      right: 0;
      left: auto; } }
  @media (min-width: 374px) {
    .scoped-bs4 .dropdown-menu-xxs-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-xxs-right {
      right: 0;
      left: auto; } }
  @media (min-width: 424px) {
    .scoped-bs4 .dropdown-menu-xs-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-xs-right {
      right: 0;
      left: auto; } }
  @media (min-width: 576px) {
    .scoped-bs4 .dropdown-menu-sm-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-sm-right {
      right: 0;
      left: auto; } }
  @media (min-width: 768px) {
    .scoped-bs4 .dropdown-menu-md-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-md-right {
      right: 0;
      left: auto; } }
  @media (min-width: 992px) {
    .scoped-bs4 .dropdown-menu-lg-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-lg-right {
      right: 0;
      left: auto; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .dropdown-menu-xl-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-xl-right {
      right: 0;
      left: auto; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .dropdown-menu-xxl-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-xxl-right {
      right: 0;
      left: auto; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .dropdown-menu-3xl-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-3xl-right {
      right: 0;
      left: auto; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .dropdown-menu-4xl-left {
      right: auto;
      left: 0; }
    .scoped-bs4 .dropdown-menu-4xl-right {
      right: 0;
      left: auto; } }
  .scoped-bs4 .dropup .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.125rem; }
  .scoped-bs4 .dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0;
    border-right: 0.3em solid transparent;
    border-bottom: 0.3em solid;
    border-left: 0.3em solid transparent; }
  .scoped-bs4 .dropup .dropdown-toggle:empty::after {
    margin-left: 0; }
  .scoped-bs4 .dropright .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: 0.125rem; }
  .scoped-bs4 .dropright .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
    border-left: 0.3em solid; }
  .scoped-bs4 .dropright .dropdown-toggle:empty::after {
    margin-left: 0; }
  .scoped-bs4 .dropright .dropdown-toggle::after {
    vertical-align: 0; }
  .scoped-bs4 .dropleft .dropdown-menu {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: 0.125rem; }
  .scoped-bs4 .dropleft .dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: ""; }
  .scoped-bs4 .dropleft .dropdown-toggle::after {
    display: none; }
  .scoped-bs4 .dropleft .dropdown-toggle::before {
    display: inline-block;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent; }
  .scoped-bs4 .dropleft .dropdown-toggle:empty::after {
    margin-left: 0; }
  .scoped-bs4 .dropleft .dropdown-toggle::before {
    vertical-align: 0; }
  .scoped-bs4 .dropdown-menu[x-placement^="top"], .scoped-bs4 .dropdown-menu[x-placement^="right"], .scoped-bs4 .dropdown-menu[x-placement^="bottom"], .scoped-bs4 .dropdown-menu[x-placement^="left"] {
    right: auto;
    bottom: auto; }
  .scoped-bs4 .dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef; }
  .scoped-bs4 .dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0; }
    .scoped-bs4 .dropdown-item:hover, .scoped-bs4 .dropdown-item:focus {
      color: #16181b;
      text-decoration: none;
      background-color: #f8f9fa; }
    .scoped-bs4 .dropdown-item.active, .scoped-bs4 .dropdown-item:active {
      color: #fff;
      text-decoration: none;
      background-color: #C6579A; }
    .scoped-bs4 .dropdown-item.disabled, .scoped-bs4 .dropdown-item:disabled {
      color: #6c757d;
      pointer-events: none;
      background-color: transparent; }
  .scoped-bs4 .dropdown-menu.show {
    display: block; }
  .scoped-bs4 .dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap; }
  .scoped-bs4 .dropdown-item-text {
    display: block;
    padding: 0.25rem 1.5rem;
    color: #212529; }
  .scoped-bs4 .btn-group,
  .scoped-bs4 .btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle; }
    .scoped-bs4 .btn-group > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group > button.k-button,
    .scoped-bs4 .btn-group-vertical > .btn,
    .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button, .reports-table .k-header.k-grid-top
    .scoped-bs4 .btn-group-vertical > button.k-button {
      position: relative;
      flex: 1 1 auto; }
      .scoped-bs4 .btn-group > .btn:hover, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > button.k-button:hover, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group > button.k-button:hover,
      .scoped-bs4 .btn-group-vertical > .btn:hover,
      .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:hover, .reports-table .k-header.k-grid-top
      .scoped-bs4 .btn-group-vertical > button.k-button:hover {
        z-index: 1; }
      .scoped-bs4 .btn-group > .btn:focus, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > button.k-button:focus, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group > button.k-button:focus, .scoped-bs4 .btn-group > .btn:active, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > button.k-button:active, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group > button.k-button:active, .scoped-bs4 .btn-group > .btn.active, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > button.active.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group > button.active.k-button,
      .scoped-bs4 .btn-group-vertical > .btn:focus,
      .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:focus, .reports-table .k-header.k-grid-top
      .scoped-bs4 .btn-group-vertical > button.k-button:focus,
      .scoped-bs4 .btn-group-vertical > .btn:active,
      .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:active, .reports-table .k-header.k-grid-top
      .scoped-bs4 .btn-group-vertical > button.k-button:active,
      .scoped-bs4 .btn-group-vertical > .btn.active,
      .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.active.k-button, .reports-table .k-header.k-grid-top
      .scoped-bs4 .btn-group-vertical > button.active.k-button {
        z-index: 1; }
  .scoped-bs4 .btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
    .scoped-bs4 .btn-toolbar .input-group {
      width: auto; }
  .scoped-bs4 .btn-group > .btn:not(:first-child), .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > button.k-button:not(:first-child), .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group > button.k-button:not(:first-child),
  .scoped-bs4 .btn-group > .btn-group:not(:first-child) {
    margin-left: -1px; }
  .scoped-bs4 .btn-group > .btn:not(:last-child):not(.dropdown-toggle), .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > button.k-button:not(:last-child):not(.dropdown-toggle), .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group > button.k-button:not(:last-child):not(.dropdown-toggle),
  .scoped-bs4 .btn-group > .btn-group:not(:last-child) > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > .btn-group:not(:last-child) > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .btn-group > .btn-group:not(:last-child) > button.k-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .scoped-bs4 .btn-group > .btn:not(:first-child), .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > button.k-button:not(:first-child), .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group > button.k-button:not(:first-child),
  .scoped-bs4 .btn-group > .btn-group:not(:first-child) > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group > .btn-group:not(:first-child) > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .btn-group > .btn-group:not(:first-child) > button.k-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .scoped-bs4 .dropdown-toggle-split {
    padding-right: 0.5625rem;
    padding-left: 0.5625rem; }
    .scoped-bs4 .dropdown-toggle-split::after,
    .dropup .scoped-bs4 .dropdown-toggle-split::after,
    .dropright .scoped-bs4 .dropdown-toggle-split::after {
      margin-left: 0; }
    .dropleft .scoped-bs4 .dropdown-toggle-split::before {
      margin-right: 0; }
  .scoped-bs4 .btn-sm + .dropdown-toggle-split, .scoped-bs4 .btn-group-sm > .btn + .dropdown-toggle-split, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-sm > button.k-button + .dropdown-toggle-split, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-sm > button.k-button + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem; }
  .scoped-bs4 .btn-lg + .dropdown-toggle-split, .scoped-bs4 .btn-group-lg > .btn + .dropdown-toggle-split, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-lg > button.k-button + .dropdown-toggle-split, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-lg > button.k-button + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem; }
  .scoped-bs4 .btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
    .scoped-bs4 .btn-group-vertical > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-vertical > button.k-button,
    .scoped-bs4 .btn-group-vertical > .btn-group {
      width: 100%; }
    .scoped-bs4 .btn-group-vertical > .btn:not(:first-child), .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:not(:first-child), .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-vertical > button.k-button:not(:first-child),
    .scoped-bs4 .btn-group-vertical > .btn-group:not(:first-child) {
      margin-top: -1px; }
    .scoped-bs4 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:not(:last-child):not(.dropdown-toggle), .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-vertical > button.k-button:not(:last-child):not(.dropdown-toggle),
    .scoped-bs4 .btn-group-vertical > .btn-group:not(:last-child) > .btn,
    .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > .btn-group:not(:last-child) > button.k-button, .reports-table .k-header.k-grid-top
    .scoped-bs4 .btn-group-vertical > .btn-group:not(:last-child) > button.k-button {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0; }
    .scoped-bs4 .btn-group-vertical > .btn:not(:first-child), .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:not(:first-child), .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-vertical > button.k-button:not(:first-child),
    .scoped-bs4 .btn-group-vertical > .btn-group:not(:first-child) > .btn,
    .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-vertical > .btn-group:not(:first-child) > button.k-button, .reports-table .k-header.k-grid-top
    .scoped-bs4 .btn-group-vertical > .btn-group:not(:first-child) > button.k-button {
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .scoped-bs4 .btn-group-toggle > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-toggle > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-toggle > button.k-button,
  .scoped-bs4 .btn-group-toggle > .btn-group > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-toggle > .btn-group > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .btn-group-toggle > .btn-group > button.k-button {
    margin-bottom: 0; }
    .scoped-bs4 .btn-group-toggle > .btn input[type="radio"], .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-toggle > button.k-button input[type="radio"], .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-toggle > button.k-button input[type="radio"],
    .scoped-bs4 .btn-group-toggle > .btn input[type="checkbox"],
    .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-toggle > button.k-button input[type="checkbox"], .reports-table .k-header.k-grid-top
    .scoped-bs4 .btn-group-toggle > button.k-button input[type="checkbox"],
    .scoped-bs4 .btn-group-toggle > .btn-group > .btn input[type="radio"],
    .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-toggle > .btn-group > button.k-button input[type="radio"], .reports-table .k-header.k-grid-top
    .scoped-bs4 .btn-group-toggle > .btn-group > button.k-button input[type="radio"],
    .scoped-bs4 .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
    .scoped-bs4 .reports-table .k-header.k-grid-top .btn-group-toggle > .btn-group > button.k-button input[type="checkbox"], .reports-table .k-header.k-grid-top
    .scoped-bs4 .btn-group-toggle > .btn-group > button.k-button input[type="checkbox"] {
      position: absolute;
      clip: rect(0, 0, 0, 0);
      pointer-events: none; }
  .scoped-bs4 .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%; }
    .scoped-bs4 .input-group > .form-control, .scoped-bs4 .daterangepicker .input-group > .input-mini, .daterangepicker .scoped-bs4 .input-group > .input-mini, .scoped-bs4 .input-group > .readonlyeditor, .scoped-bs4 .input-group > .date-filter-trigger, .scoped-bs4 .click-editor .input-group > textarea, .click-editor .scoped-bs4 .input-group > textarea,
    .scoped-bs4 .input-group > .form-control-plaintext,
    .scoped-bs4 .input-group > .custom-select,
    .scoped-bs4 .input-group > .custom-file {
      position: relative;
      flex: 1 1 auto;
      width: 1%;
      min-width: 0;
      margin-bottom: 0; }
      .scoped-bs4 .input-group > .form-control + .form-control, .scoped-bs4 .daterangepicker .input-group > .input-mini + .form-control, .daterangepicker .scoped-bs4 .input-group > .input-mini + .form-control, .scoped-bs4 .input-group > .readonlyeditor + .form-control, .scoped-bs4 .input-group > .date-filter-trigger + .form-control, .scoped-bs4 .click-editor .input-group > textarea + .form-control, .click-editor .scoped-bs4 .input-group > textarea + .form-control, .scoped-bs4 .daterangepicker .input-group > .form-control + .input-mini, .daterangepicker .scoped-bs4 .input-group > .form-control + .input-mini, .scoped-bs4 .daterangepicker .input-group > .input-mini + .input-mini, .daterangepicker .scoped-bs4 .input-group > .input-mini + .input-mini, .scoped-bs4 .daterangepicker .input-group > .readonlyeditor + .input-mini, .daterangepicker .scoped-bs4 .input-group > .readonlyeditor + .input-mini, .scoped-bs4 .daterangepicker .input-group > .date-filter-trigger + .input-mini, .daterangepicker .scoped-bs4 .input-group > .date-filter-trigger + .input-mini, .scoped-bs4 .click-editor .daterangepicker .input-group > textarea + .input-mini, .daterangepicker .scoped-bs4 .click-editor .input-group > textarea + .input-mini, .click-editor .scoped-bs4 .daterangepicker .input-group > textarea + .input-mini, .daterangepicker .click-editor .scoped-bs4 .input-group > textarea + .input-mini, .scoped-bs4 .input-group > .form-control + .readonlyeditor, .scoped-bs4 .daterangepicker .input-group > .input-mini + .readonlyeditor, .daterangepicker .scoped-bs4 .input-group > .input-mini + .readonlyeditor, .scoped-bs4 .input-group > .readonlyeditor + .readonlyeditor, .scoped-bs4 .input-group > .date-filter-trigger + .readonlyeditor, .scoped-bs4 .click-editor .input-group > textarea + .readonlyeditor, .click-editor .scoped-bs4 .input-group > textarea + .readonlyeditor, .scoped-bs4 .input-group > .form-control + .date-filter-trigger, .scoped-bs4 .daterangepicker .input-group > .input-mini + .date-filter-trigger, .daterangepicker .scoped-bs4 .input-group > .input-mini + .date-filter-trigger, .scoped-bs4 .input-group > .readonlyeditor + .date-filter-trigger, .scoped-bs4 .input-group > .date-filter-trigger + .date-filter-trigger, .scoped-bs4 .click-editor .input-group > textarea + .date-filter-trigger, .click-editor .scoped-bs4 .input-group > textarea + .date-filter-trigger, .scoped-bs4 .click-editor .input-group > .form-control + textarea, .click-editor .scoped-bs4 .input-group > .form-control + textarea, .scoped-bs4 .daterangepicker .click-editor .input-group > .input-mini + textarea, .click-editor .scoped-bs4 .daterangepicker .input-group > .input-mini + textarea, .daterangepicker .scoped-bs4 .click-editor .input-group > .input-mini + textarea, .click-editor .daterangepicker .scoped-bs4 .input-group > .input-mini + textarea, .scoped-bs4 .click-editor .input-group > .readonlyeditor + textarea, .click-editor .scoped-bs4 .input-group > .readonlyeditor + textarea, .scoped-bs4 .click-editor .input-group > .date-filter-trigger + textarea, .click-editor .scoped-bs4 .input-group > .date-filter-trigger + textarea, .scoped-bs4 .click-editor .input-group > textarea + textarea, .click-editor .scoped-bs4 .input-group > textarea + textarea,
      .scoped-bs4 .input-group > .form-control + .custom-select,
      .scoped-bs4 .daterangepicker .input-group > .input-mini + .custom-select, .daterangepicker
      .scoped-bs4 .input-group > .input-mini + .custom-select,
      .scoped-bs4 .input-group > .readonlyeditor + .custom-select,
      .scoped-bs4 .input-group > .date-filter-trigger + .custom-select,
      .scoped-bs4 .click-editor .input-group > textarea + .custom-select, .click-editor
      .scoped-bs4 .input-group > textarea + .custom-select,
      .scoped-bs4 .input-group > .form-control + .custom-file,
      .scoped-bs4 .daterangepicker .input-group > .input-mini + .custom-file, .daterangepicker
      .scoped-bs4 .input-group > .input-mini + .custom-file,
      .scoped-bs4 .input-group > .readonlyeditor + .custom-file,
      .scoped-bs4 .input-group > .date-filter-trigger + .custom-file,
      .scoped-bs4 .click-editor .input-group > textarea + .custom-file, .click-editor
      .scoped-bs4 .input-group > textarea + .custom-file,
      .scoped-bs4 .input-group > .form-control-plaintext + .form-control,
      .scoped-bs4 .daterangepicker .input-group > .form-control-plaintext + .input-mini, .daterangepicker
      .scoped-bs4 .input-group > .form-control-plaintext + .input-mini,
      .scoped-bs4 .input-group > .form-control-plaintext + .readonlyeditor,
      .scoped-bs4 .input-group > .form-control-plaintext + .date-filter-trigger,
      .scoped-bs4 .click-editor .input-group > .form-control-plaintext + textarea, .click-editor
      .scoped-bs4 .input-group > .form-control-plaintext + textarea,
      .scoped-bs4 .input-group > .form-control-plaintext + .custom-select,
      .scoped-bs4 .input-group > .form-control-plaintext + .custom-file,
      .scoped-bs4 .input-group > .custom-select + .form-control,
      .scoped-bs4 .daterangepicker .input-group > .custom-select + .input-mini, .daterangepicker
      .scoped-bs4 .input-group > .custom-select + .input-mini,
      .scoped-bs4 .input-group > .custom-select + .readonlyeditor,
      .scoped-bs4 .input-group > .custom-select + .date-filter-trigger,
      .scoped-bs4 .click-editor .input-group > .custom-select + textarea, .click-editor
      .scoped-bs4 .input-group > .custom-select + textarea,
      .scoped-bs4 .input-group > .custom-select + .custom-select,
      .scoped-bs4 .input-group > .custom-select + .custom-file,
      .scoped-bs4 .input-group > .custom-file + .form-control,
      .scoped-bs4 .daterangepicker .input-group > .custom-file + .input-mini, .daterangepicker
      .scoped-bs4 .input-group > .custom-file + .input-mini,
      .scoped-bs4 .input-group > .custom-file + .readonlyeditor,
      .scoped-bs4 .input-group > .custom-file + .date-filter-trigger,
      .scoped-bs4 .click-editor .input-group > .custom-file + textarea, .click-editor
      .scoped-bs4 .input-group > .custom-file + textarea,
      .scoped-bs4 .input-group > .custom-file + .custom-select,
      .scoped-bs4 .input-group > .custom-file + .custom-file {
        margin-left: -1px; }
    .scoped-bs4 .input-group > .form-control:focus, .scoped-bs4 .daterangepicker .input-group > .input-mini:focus, .daterangepicker .scoped-bs4 .input-group > .input-mini:focus, .scoped-bs4 .input-group > .readonlyeditor:focus, .scoped-bs4 .input-group > .date-filter-trigger:focus, .scoped-bs4 .click-editor .input-group > textarea:focus, .click-editor .scoped-bs4 .input-group > textarea:focus,
    .scoped-bs4 .input-group > .custom-select:focus,
    .scoped-bs4 .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
      z-index: 3; }
    .scoped-bs4 .input-group > .custom-file .custom-file-input:focus {
      z-index: 4; }
    .scoped-bs4 .input-group > .form-control:not(:last-child), .scoped-bs4 .daterangepicker .input-group > .input-mini:not(:last-child), .daterangepicker .scoped-bs4 .input-group > .input-mini:not(:last-child), .scoped-bs4 .input-group > .readonlyeditor:not(:last-child), .scoped-bs4 .input-group > .date-filter-trigger:not(:last-child), .scoped-bs4 .click-editor .input-group > textarea:not(:last-child), .click-editor .scoped-bs4 .input-group > textarea:not(:last-child),
    .scoped-bs4 .input-group > .custom-select:not(:last-child) {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .scoped-bs4 .input-group > .form-control:not(:first-child), .scoped-bs4 .daterangepicker .input-group > .input-mini:not(:first-child), .daterangepicker .scoped-bs4 .input-group > .input-mini:not(:first-child), .scoped-bs4 .input-group > .readonlyeditor:not(:first-child), .scoped-bs4 .input-group > .date-filter-trigger:not(:first-child), .scoped-bs4 .click-editor .input-group > textarea:not(:first-child), .click-editor .scoped-bs4 .input-group > textarea:not(:first-child),
    .scoped-bs4 .input-group > .custom-select:not(:first-child) {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .scoped-bs4 .input-group > .custom-file {
      display: flex;
      align-items: center; }
      .scoped-bs4 .input-group > .custom-file:not(:last-child) .custom-file-label,
      .scoped-bs4 .input-group > .custom-file:not(:last-child) .custom-file-label::after {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
      .scoped-bs4 .input-group > .custom-file:not(:first-child) .custom-file-label {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
  .scoped-bs4 .input-group-prepend,
  .scoped-bs4 .input-group-append {
    display: flex; }
    .scoped-bs4 .input-group-prepend .btn, .scoped-bs4 .input-group-prepend .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .input-group-prepend button.k-button,
    .scoped-bs4 .input-group-append .btn,
    .scoped-bs4 .input-group-append .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top
    .scoped-bs4 .input-group-append button.k-button {
      position: relative;
      z-index: 2; }
      .scoped-bs4 .input-group-prepend .btn:focus, .scoped-bs4 .input-group-prepend .reports-table .k-header.k-grid-top button.k-button:focus, .reports-table .k-header.k-grid-top .scoped-bs4 .input-group-prepend button.k-button:focus,
      .scoped-bs4 .input-group-append .btn:focus,
      .scoped-bs4 .input-group-append .reports-table .k-header.k-grid-top button.k-button:focus, .reports-table .k-header.k-grid-top
      .scoped-bs4 .input-group-append button.k-button:focus {
        z-index: 3; }
    .scoped-bs4 .input-group-prepend .btn + .btn, .scoped-bs4 .input-group-prepend .reports-table .k-header.k-grid-top button.k-button + .btn, .reports-table .k-header.k-grid-top .scoped-bs4 .input-group-prepend button.k-button + .btn, .scoped-bs4 .input-group-prepend .reports-table .k-header.k-grid-top .btn + button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .input-group-prepend .btn + button.k-button, .scoped-bs4 .input-group-prepend .reports-table .k-header.k-grid-top button.k-button + button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .input-group-prepend button.k-button + button.k-button,
    .scoped-bs4 .input-group-prepend .btn + .input-group-text,
    .scoped-bs4 .input-group-prepend .reports-table .k-header.k-grid-top button.k-button + .input-group-text, .reports-table .k-header.k-grid-top
    .scoped-bs4 .input-group-prepend button.k-button + .input-group-text,
    .scoped-bs4 .input-group-prepend .input-group-text + .input-group-text,
    .scoped-bs4 .input-group-prepend .input-group-text + .btn,
    .scoped-bs4 .input-group-prepend .reports-table .k-header.k-grid-top .input-group-text + button.k-button, .reports-table .k-header.k-grid-top
    .scoped-bs4 .input-group-prepend .input-group-text + button.k-button,
    .scoped-bs4 .input-group-append .btn + .btn,
    .scoped-bs4 .input-group-append .reports-table .k-header.k-grid-top button.k-button + .btn, .reports-table .k-header.k-grid-top
    .scoped-bs4 .input-group-append button.k-button + .btn,
    .scoped-bs4 .input-group-append .reports-table .k-header.k-grid-top .btn + button.k-button, .reports-table .k-header.k-grid-top
    .scoped-bs4 .input-group-append .btn + button.k-button,
    .scoped-bs4 .input-group-append .reports-table .k-header.k-grid-top button.k-button + button.k-button, .reports-table .k-header.k-grid-top
    .scoped-bs4 .input-group-append button.k-button + button.k-button,
    .scoped-bs4 .input-group-append .btn + .input-group-text,
    .scoped-bs4 .input-group-append .reports-table .k-header.k-grid-top button.k-button + .input-group-text, .reports-table .k-header.k-grid-top
    .scoped-bs4 .input-group-append button.k-button + .input-group-text,
    .scoped-bs4 .input-group-append .input-group-text + .input-group-text,
    .scoped-bs4 .input-group-append .input-group-text + .btn,
    .scoped-bs4 .input-group-append .reports-table .k-header.k-grid-top .input-group-text + button.k-button, .reports-table .k-header.k-grid-top
    .scoped-bs4 .input-group-append .input-group-text + button.k-button {
      margin-left: -1px; }
  .scoped-bs4 .input-group-prepend {
    margin-right: -1px; }
  .scoped-bs4 .input-group-append {
    margin-left: -1px; }
  .scoped-bs4 .input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem; }
    .scoped-bs4 .input-group-text input[type="radio"],
    .scoped-bs4 .input-group-text input[type="checkbox"] {
      margin-top: 0; }
  .scoped-bs4 .input-group-lg > .form-control:not(textarea), .scoped-bs4 .daterangepicker .input-group-lg > .input-mini:not(textarea), .daterangepicker .scoped-bs4 .input-group-lg > .input-mini:not(textarea), .scoped-bs4 .input-group-lg > .readonlyeditor:not(textarea), .scoped-bs4 .input-group-lg > .date-filter-trigger:not(textarea), .scoped-bs4 .click-editor .input-group-lg > textarea:not(textarea), .click-editor .scoped-bs4 .input-group-lg > textarea:not(textarea),
  .scoped-bs4 .input-group-lg > .custom-select {
    height: calc(1.5em + 1rem + 2px); }
  .scoped-bs4 .input-group-lg > .form-control, .scoped-bs4 .daterangepicker .input-group-lg > .input-mini, .daterangepicker .scoped-bs4 .input-group-lg > .input-mini, .scoped-bs4 .input-group-lg > .readonlyeditor, .scoped-bs4 .input-group-lg > .date-filter-trigger, .scoped-bs4 .click-editor .input-group-lg > textarea, .click-editor .scoped-bs4 .input-group-lg > textarea,
  .scoped-bs4 .input-group-lg > .custom-select,
  .scoped-bs4 .input-group-lg > .input-group-prepend > .input-group-text,
  .scoped-bs4 .input-group-lg > .input-group-append > .input-group-text,
  .scoped-bs4 .input-group-lg > .input-group-prepend > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .input-group-lg > .input-group-prepend > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .input-group-lg > .input-group-prepend > button.k-button,
  .scoped-bs4 .input-group-lg > .input-group-append > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .input-group-lg > .input-group-append > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .input-group-lg > .input-group-append > button.k-button {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 0.3rem; }
  .scoped-bs4 .input-group-sm > .form-control:not(textarea), .scoped-bs4 .daterangepicker .input-group-sm > .input-mini:not(textarea), .daterangepicker .scoped-bs4 .input-group-sm > .input-mini:not(textarea), .scoped-bs4 .input-group-sm > .readonlyeditor:not(textarea), .scoped-bs4 .input-group-sm > .date-filter-trigger:not(textarea), .scoped-bs4 .click-editor .input-group-sm > textarea:not(textarea), .click-editor .scoped-bs4 .input-group-sm > textarea:not(textarea),
  .scoped-bs4 .input-group-sm > .custom-select {
    height: calc(1.5em + 0.5rem + 2px); }
  .scoped-bs4 .input-group-sm > .form-control, .scoped-bs4 .daterangepicker .input-group-sm > .input-mini, .daterangepicker .scoped-bs4 .input-group-sm > .input-mini, .scoped-bs4 .input-group-sm > .readonlyeditor, .scoped-bs4 .input-group-sm > .date-filter-trigger, .scoped-bs4 .click-editor .input-group-sm > textarea, .click-editor .scoped-bs4 .input-group-sm > textarea,
  .scoped-bs4 .input-group-sm > .custom-select,
  .scoped-bs4 .input-group-sm > .input-group-prepend > .input-group-text,
  .scoped-bs4 .input-group-sm > .input-group-append > .input-group-text,
  .scoped-bs4 .input-group-sm > .input-group-prepend > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .input-group-sm > .input-group-prepend > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .input-group-sm > .input-group-prepend > button.k-button,
  .scoped-bs4 .input-group-sm > .input-group-append > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .input-group-sm > .input-group-append > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .input-group-sm > .input-group-append > button.k-button {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 0.2rem; }
  .scoped-bs4 .input-group-lg > .custom-select,
  .scoped-bs4 .input-group-sm > .custom-select {
    padding-right: 1.75rem; }
  .scoped-bs4 .input-group > .input-group-prepend > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top .input-group > .input-group-prepend > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .input-group > .input-group-prepend > button.k-button,
  .scoped-bs4 .input-group > .input-group-prepend > .input-group-text,
  .scoped-bs4 .input-group > .input-group-append:not(:last-child) > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .input-group > .input-group-append:not(:last-child) > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .input-group > .input-group-append:not(:last-child) > button.k-button,
  .scoped-bs4 .input-group > .input-group-append:not(:last-child) > .input-group-text,
  .scoped-bs4 .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  .scoped-bs4 .reports-table .k-header.k-grid-top .input-group > .input-group-append:last-child > button.k-button:not(:last-child):not(.dropdown-toggle), .reports-table .k-header.k-grid-top
  .scoped-bs4 .input-group > .input-group-append:last-child > button.k-button:not(:last-child):not(.dropdown-toggle),
  .scoped-bs4 .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .scoped-bs4 .input-group > .input-group-append > .btn, .scoped-bs4 .reports-table .k-header.k-grid-top .input-group > .input-group-append > button.k-button, .reports-table .k-header.k-grid-top .scoped-bs4 .input-group > .input-group-append > button.k-button,
  .scoped-bs4 .input-group > .input-group-append > .input-group-text,
  .scoped-bs4 .input-group > .input-group-prepend:not(:first-child) > .btn,
  .scoped-bs4 .reports-table .k-header.k-grid-top .input-group > .input-group-prepend:not(:first-child) > button.k-button, .reports-table .k-header.k-grid-top
  .scoped-bs4 .input-group > .input-group-prepend:not(:first-child) > button.k-button,
  .scoped-bs4 .input-group > .input-group-prepend:not(:first-child) > .input-group-text,
  .scoped-bs4 .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
  .scoped-bs4 .reports-table .k-header.k-grid-top .input-group > .input-group-prepend:first-child > button.k-button:not(:first-child), .reports-table .k-header.k-grid-top
  .scoped-bs4 .input-group > .input-group-prepend:first-child > button.k-button:not(:first-child),
  .scoped-bs4 .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .scoped-bs4 .custom-control {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem; }
  .scoped-bs4 .custom-control-inline {
    display: inline-flex;
    margin-right: 1rem; }
  .scoped-bs4 .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0; }
    .scoped-bs4 .custom-control-input:checked ~ .custom-control-label::before {
      color: #fff;
      border-color: #C6579A;
      background-color: #C6579A; }
    .scoped-bs4 .custom-control-input:focus ~ .custom-control-label::before {
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
    .scoped-bs4 .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
      border-color: #e6b6d3; }
    .scoped-bs4 .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
      color: #fff;
      background-color: #f3dcea;
      border-color: #f3dcea; }
    .scoped-bs4 .custom-control-input[disabled] ~ .custom-control-label, .scoped-bs4 .custom-control-input:disabled ~ .custom-control-label {
      color: #6c757d; }
      .scoped-bs4 .custom-control-input[disabled] ~ .custom-control-label::before, .scoped-bs4 .custom-control-input:disabled ~ .custom-control-label::before {
        background-color: #e9ecef; }
  .scoped-bs4 .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top; }
    .scoped-bs4 .custom-control-label::before {
      position: absolute;
      top: 0.25rem;
      left: -1.5rem;
      display: block;
      width: 1rem;
      height: 1rem;
      pointer-events: none;
      content: "";
      background-color: #fff;
      border: #adb5bd solid 1px; }
    .scoped-bs4 .custom-control-label::after {
      position: absolute;
      top: 0.25rem;
      left: -1.5rem;
      display: block;
      width: 1rem;
      height: 1rem;
      content: "";
      background: no-repeat 50% / 50% 50%; }
  .scoped-bs4 .custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem; }
  .scoped-bs4 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
  .scoped-bs4 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    border-color: #C6579A;
    background-color: #C6579A; }
  .scoped-bs4 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
  .scoped-bs4 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(198, 87, 154, 0.5); }
  .scoped-bs4 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(198, 87, 154, 0.5); }
  .scoped-bs4 .custom-radio .custom-control-label::before {
    border-radius: 50%; }
  .scoped-bs4 .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
  .scoped-bs4 .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(198, 87, 154, 0.5); }
  .scoped-bs4 .custom-switch {
    padding-left: 2.25rem; }
    .scoped-bs4 .custom-switch .custom-control-label::before {
      left: -2.25rem;
      width: 1.75rem;
      pointer-events: all;
      border-radius: 0.5rem; }
    .scoped-bs4 .custom-switch .custom-control-label::after {
      top: calc(0.25rem + 2px);
      left: calc(-2.25rem + 2px);
      width: calc(1rem - 4px);
      height: calc(1rem - 4px);
      background-color: #adb5bd;
      border-radius: 0.5rem;
      transition: transform 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) {
        .scoped-bs4 .custom-switch .custom-control-label::after {
          transition: none; } }
    .scoped-bs4 .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
      background-color: #fff;
      transform: translateX(0.75rem); }
    .scoped-bs4 .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
      background-color: rgba(198, 87, 154, 0.5); }
  .scoped-bs4 .custom-select {
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 1.75rem 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    appearance: none; }
    .scoped-bs4 .custom-select:focus {
      border-color: #e6b6d3;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
      .scoped-bs4 .custom-select:focus::-ms-value {
        color: #495057;
        background-color: #fff; }
    .scoped-bs4 .custom-select[multiple], .scoped-bs4 .custom-select[size]:not([size="1"]) {
      height: auto;
      padding-right: 0.75rem;
      background-image: none; }
    .scoped-bs4 .custom-select:disabled {
      color: #6c757d;
      background-color: #e9ecef; }
    .scoped-bs4 .custom-select::-ms-expand {
      display: none; }
    .scoped-bs4 .custom-select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #495057; }
  .scoped-bs4 .custom-select-sm {
    height: calc(1.5em + 0.5rem + 2px);
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    padding-left: 0.5rem;
    font-size: 0.875rem; }
  .scoped-bs4 .custom-select-lg {
    height: calc(1.5em + 1rem + 2px);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    font-size: 1.25rem; }
  .scoped-bs4 .custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin-bottom: 0; }
  .scoped-bs4 .custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    margin: 0;
    opacity: 0; }
    .scoped-bs4 .custom-file-input:focus ~ .custom-file-label {
      border-color: #e6b6d3;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
    .scoped-bs4 .custom-file-input[disabled] ~ .custom-file-label,
    .scoped-bs4 .custom-file-input:disabled ~ .custom-file-label {
      background-color: #e9ecef; }
    .scoped-bs4 .custom-file-input:lang(en) ~ .custom-file-label::after {
      content: "Browse"; }
    .scoped-bs4 .custom-file-input ~ .custom-file-label[data-browse]::after {
      content: attr(data-browse); }
  .scoped-bs4 .custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 0.25rem; }
    .scoped-bs4 .custom-file-label::after {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 3;
      display: block;
      height: calc(1.5em + 0.75rem);
      padding: 0.375rem 0.75rem;
      line-height: 1.5;
      color: #495057;
      content: "Browse";
      background-color: #e9ecef;
      border-left: inherit;
      border-radius: 0 0.25rem 0.25rem 0; }
  .scoped-bs4 .custom-range {
    width: 100%;
    height: 1.4rem;
    padding: 0;
    background-color: transparent;
    appearance: none; }
    .scoped-bs4 .custom-range:focus {
      outline: none; }
      .scoped-bs4 .custom-range:focus::-webkit-slider-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
      .scoped-bs4 .custom-range:focus::-moz-range-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
      .scoped-bs4 .custom-range:focus::-ms-thumb {
        box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
    .scoped-bs4 .custom-range::-moz-focus-outer {
      border: 0; }
    .scoped-bs4 .custom-range::-webkit-slider-thumb {
      width: 1rem;
      height: 1rem;
      margin-top: -0.25rem;
      background-color: #C6579A;
      border: 0;
      border-radius: 1rem;
      transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      appearance: none; }
      @media (prefers-reduced-motion: reduce) {
        .scoped-bs4 .custom-range::-webkit-slider-thumb {
          transition: none; } }
      .scoped-bs4 .custom-range::-webkit-slider-thumb:active {
        background-color: #f3dcea; }
    .scoped-bs4 .custom-range::-webkit-slider-runnable-track {
      width: 100%;
      height: 0.5rem;
      color: transparent;
      cursor: pointer;
      background-color: #dee2e6;
      border-color: transparent;
      border-radius: 1rem; }
    .scoped-bs4 .custom-range::-moz-range-thumb {
      width: 1rem;
      height: 1rem;
      background-color: #C6579A;
      border: 0;
      border-radius: 1rem;
      transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      appearance: none; }
      @media (prefers-reduced-motion: reduce) {
        .scoped-bs4 .custom-range::-moz-range-thumb {
          transition: none; } }
      .scoped-bs4 .custom-range::-moz-range-thumb:active {
        background-color: #f3dcea; }
    .scoped-bs4 .custom-range::-moz-range-track {
      width: 100%;
      height: 0.5rem;
      color: transparent;
      cursor: pointer;
      background-color: #dee2e6;
      border-color: transparent;
      border-radius: 1rem; }
    .scoped-bs4 .custom-range::-ms-thumb {
      width: 1rem;
      height: 1rem;
      margin-top: 0;
      margin-right: 0.2rem;
      margin-left: 0.2rem;
      background-color: #C6579A;
      border: 0;
      border-radius: 1rem;
      transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
      appearance: none; }
      @media (prefers-reduced-motion: reduce) {
        .scoped-bs4 .custom-range::-ms-thumb {
          transition: none; } }
      .scoped-bs4 .custom-range::-ms-thumb:active {
        background-color: #f3dcea; }
    .scoped-bs4 .custom-range::-ms-track {
      width: 100%;
      height: 0.5rem;
      color: transparent;
      cursor: pointer;
      background-color: transparent;
      border-color: transparent;
      border-width: 0.5rem; }
    .scoped-bs4 .custom-range::-ms-fill-lower {
      background-color: #dee2e6;
      border-radius: 1rem; }
    .scoped-bs4 .custom-range::-ms-fill-upper {
      margin-right: 15px;
      background-color: #dee2e6;
      border-radius: 1rem; }
    .scoped-bs4 .custom-range:disabled::-webkit-slider-thumb {
      background-color: #adb5bd; }
    .scoped-bs4 .custom-range:disabled::-webkit-slider-runnable-track {
      cursor: default; }
    .scoped-bs4 .custom-range:disabled::-moz-range-thumb {
      background-color: #adb5bd; }
    .scoped-bs4 .custom-range:disabled::-moz-range-track {
      cursor: default; }
    .scoped-bs4 .custom-range:disabled::-ms-thumb {
      background-color: #adb5bd; }
  .scoped-bs4 .custom-control-label::before,
  .scoped-bs4 .custom-file-label,
  .scoped-bs4 .custom-select {
    transition: 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) {
      .scoped-bs4 .custom-control-label::before,
      .scoped-bs4 .custom-file-label,
      .scoped-bs4 .custom-select {
        transition: none; } }
  .scoped-bs4 .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; }
  .scoped-bs4 .nav-link {
    display: block;
    padding: 0.5rem 1rem; }
    .scoped-bs4 .nav-link:hover, .scoped-bs4 .nav-link:focus {
      text-decoration: none; }
    .scoped-bs4 .nav-link.disabled {
      color: #6c757d;
      pointer-events: none;
      cursor: default; }
  .scoped-bs4 .nav-tabs {
    border-bottom: 1px solid #dee2e6; }
    .scoped-bs4 .nav-tabs .nav-item {
      margin-bottom: -1px; }
    .scoped-bs4 .nav-tabs .nav-link {
      border: 1px solid transparent;
      border-top-left-radius: 0.25rem;
      border-top-right-radius: 0.25rem; }
      .scoped-bs4 .nav-tabs .nav-link:hover, .scoped-bs4 .nav-tabs .nav-link:focus {
        border-color: #e9ecef #e9ecef #dee2e6; }
      .scoped-bs4 .nav-tabs .nav-link.disabled {
        color: #6c757d;
        background-color: transparent;
        border-color: transparent; }
    .scoped-bs4 .nav-tabs .nav-link.active,
    .scoped-bs4 .nav-tabs .nav-item.show .nav-link {
      color: #495057;
      background-color: #fff;
      border-color: #dee2e6 #dee2e6 #fff; }
    .scoped-bs4 .nav-tabs .dropdown-menu {
      margin-top: -1px;
      border-top-left-radius: 0;
      border-top-right-radius: 0; }
  .scoped-bs4 .nav-pills .nav-link {
    border-radius: 0.25rem; }
  .scoped-bs4 .nav-pills .nav-link.active,
  .scoped-bs4 .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #C6579A; }
  .scoped-bs4 .nav-fill > .nav-link,
  .scoped-bs4 .nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center; }
  .scoped-bs4 .nav-justified > .nav-link,
  .scoped-bs4 .nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center; }
  .scoped-bs4 .tab-content > .tab-pane {
    display: none; }
  .scoped-bs4 .tab-content > .active {
    display: block; }
  .scoped-bs4 .navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem; }
    .scoped-bs4 .navbar .container, .scoped-bs4 .navbar .container-fluid, .scoped-bs4 .navbar .container-4xs, .scoped-bs4 .navbar .container-3xs, .scoped-bs4 .navbar .container-xxs, .scoped-bs4 .navbar .container-xs, .scoped-bs4 .navbar .container-sm, .scoped-bs4 .navbar .container-md, .scoped-bs4 .navbar .container-lg, .scoped-bs4 .navbar .container-xl, .scoped-bs4 .navbar .container-xxl, .scoped-bs4 .navbar .container-3xl, .scoped-bs4 .navbar .container-4xl {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between; }
  .scoped-bs4 .navbar-brand {
    display: inline-block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap; }
    .scoped-bs4 .navbar-brand:hover, .scoped-bs4 .navbar-brand:focus {
      text-decoration: none; }
  .scoped-bs4 .navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none; }
    .scoped-bs4 .navbar-nav .nav-link {
      padding-right: 0;
      padding-left: 0; }
    .scoped-bs4 .navbar-nav .dropdown-menu {
      position: static;
      float: none; }
  .scoped-bs4 .navbar-text {
    display: inline-block;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; }
  .scoped-bs4 .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center; }
  .scoped-bs4 .navbar-toggler {
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem; }
    .scoped-bs4 .navbar-toggler:hover, .scoped-bs4 .navbar-toggler:focus {
      text-decoration: none; }
  .scoped-bs4 .navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%; }
  @media (max-width: 319.98px) {
    .scoped-bs4 .navbar-expand-3xs > .container, .scoped-bs4 .navbar-expand-3xs > .container-fluid, .scoped-bs4 .navbar-expand-3xs > .container-4xs, .scoped-bs4 .navbar-expand-3xs > .container-3xs, .scoped-bs4 .navbar-expand-3xs > .container-xxs, .scoped-bs4 .navbar-expand-3xs > .container-xs, .scoped-bs4 .navbar-expand-3xs > .container-sm, .scoped-bs4 .navbar-expand-3xs > .container-md, .scoped-bs4 .navbar-expand-3xs > .container-lg, .scoped-bs4 .navbar-expand-3xs > .container-xl, .scoped-bs4 .navbar-expand-3xs > .container-xxl, .scoped-bs4 .navbar-expand-3xs > .container-3xl, .scoped-bs4 .navbar-expand-3xs > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 320px) {
    .scoped-bs4 .navbar-expand-3xs {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-3xs .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-3xs .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-3xs .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-3xs > .container, .scoped-bs4 .navbar-expand-3xs > .container-fluid, .scoped-bs4 .navbar-expand-3xs > .container-4xs, .scoped-bs4 .navbar-expand-3xs > .container-3xs, .scoped-bs4 .navbar-expand-3xs > .container-xxs, .scoped-bs4 .navbar-expand-3xs > .container-xs, .scoped-bs4 .navbar-expand-3xs > .container-sm, .scoped-bs4 .navbar-expand-3xs > .container-md, .scoped-bs4 .navbar-expand-3xs > .container-lg, .scoped-bs4 .navbar-expand-3xs > .container-xl, .scoped-bs4 .navbar-expand-3xs > .container-xxl, .scoped-bs4 .navbar-expand-3xs > .container-3xl, .scoped-bs4 .navbar-expand-3xs > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-3xs .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-3xs .navbar-toggler {
        display: none; } }
  @media (max-width: 373.98px) {
    .scoped-bs4 .navbar-expand-xxs > .container, .scoped-bs4 .navbar-expand-xxs > .container-fluid, .scoped-bs4 .navbar-expand-xxs > .container-4xs, .scoped-bs4 .navbar-expand-xxs > .container-3xs, .scoped-bs4 .navbar-expand-xxs > .container-xxs, .scoped-bs4 .navbar-expand-xxs > .container-xs, .scoped-bs4 .navbar-expand-xxs > .container-sm, .scoped-bs4 .navbar-expand-xxs > .container-md, .scoped-bs4 .navbar-expand-xxs > .container-lg, .scoped-bs4 .navbar-expand-xxs > .container-xl, .scoped-bs4 .navbar-expand-xxs > .container-xxl, .scoped-bs4 .navbar-expand-xxs > .container-3xl, .scoped-bs4 .navbar-expand-xxs > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 374px) {
    .scoped-bs4 .navbar-expand-xxs {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-xxs .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-xxs .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-xxs .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-xxs > .container, .scoped-bs4 .navbar-expand-xxs > .container-fluid, .scoped-bs4 .navbar-expand-xxs > .container-4xs, .scoped-bs4 .navbar-expand-xxs > .container-3xs, .scoped-bs4 .navbar-expand-xxs > .container-xxs, .scoped-bs4 .navbar-expand-xxs > .container-xs, .scoped-bs4 .navbar-expand-xxs > .container-sm, .scoped-bs4 .navbar-expand-xxs > .container-md, .scoped-bs4 .navbar-expand-xxs > .container-lg, .scoped-bs4 .navbar-expand-xxs > .container-xl, .scoped-bs4 .navbar-expand-xxs > .container-xxl, .scoped-bs4 .navbar-expand-xxs > .container-3xl, .scoped-bs4 .navbar-expand-xxs > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-xxs .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-xxs .navbar-toggler {
        display: none; } }
  @media (max-width: 423.98px) {
    .scoped-bs4 .navbar-expand-xs > .container, .scoped-bs4 .navbar-expand-xs > .container-fluid, .scoped-bs4 .navbar-expand-xs > .container-4xs, .scoped-bs4 .navbar-expand-xs > .container-3xs, .scoped-bs4 .navbar-expand-xs > .container-xxs, .scoped-bs4 .navbar-expand-xs > .container-xs, .scoped-bs4 .navbar-expand-xs > .container-sm, .scoped-bs4 .navbar-expand-xs > .container-md, .scoped-bs4 .navbar-expand-xs > .container-lg, .scoped-bs4 .navbar-expand-xs > .container-xl, .scoped-bs4 .navbar-expand-xs > .container-xxl, .scoped-bs4 .navbar-expand-xs > .container-3xl, .scoped-bs4 .navbar-expand-xs > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 424px) {
    .scoped-bs4 .navbar-expand-xs {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-xs .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-xs .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-xs .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-xs > .container, .scoped-bs4 .navbar-expand-xs > .container-fluid, .scoped-bs4 .navbar-expand-xs > .container-4xs, .scoped-bs4 .navbar-expand-xs > .container-3xs, .scoped-bs4 .navbar-expand-xs > .container-xxs, .scoped-bs4 .navbar-expand-xs > .container-xs, .scoped-bs4 .navbar-expand-xs > .container-sm, .scoped-bs4 .navbar-expand-xs > .container-md, .scoped-bs4 .navbar-expand-xs > .container-lg, .scoped-bs4 .navbar-expand-xs > .container-xl, .scoped-bs4 .navbar-expand-xs > .container-xxl, .scoped-bs4 .navbar-expand-xs > .container-3xl, .scoped-bs4 .navbar-expand-xs > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-xs .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-xs .navbar-toggler {
        display: none; } }
  @media (max-width: 575.98px) {
    .scoped-bs4 .navbar-expand-sm > .container, .scoped-bs4 .navbar-expand-sm > .container-fluid, .scoped-bs4 .navbar-expand-sm > .container-4xs, .scoped-bs4 .navbar-expand-sm > .container-3xs, .scoped-bs4 .navbar-expand-sm > .container-xxs, .scoped-bs4 .navbar-expand-sm > .container-xs, .scoped-bs4 .navbar-expand-sm > .container-sm, .scoped-bs4 .navbar-expand-sm > .container-md, .scoped-bs4 .navbar-expand-sm > .container-lg, .scoped-bs4 .navbar-expand-sm > .container-xl, .scoped-bs4 .navbar-expand-sm > .container-xxl, .scoped-bs4 .navbar-expand-sm > .container-3xl, .scoped-bs4 .navbar-expand-sm > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 576px) {
    .scoped-bs4 .navbar-expand-sm {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-sm .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-sm .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-sm .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-sm > .container, .scoped-bs4 .navbar-expand-sm > .container-fluid, .scoped-bs4 .navbar-expand-sm > .container-4xs, .scoped-bs4 .navbar-expand-sm > .container-3xs, .scoped-bs4 .navbar-expand-sm > .container-xxs, .scoped-bs4 .navbar-expand-sm > .container-xs, .scoped-bs4 .navbar-expand-sm > .container-sm, .scoped-bs4 .navbar-expand-sm > .container-md, .scoped-bs4 .navbar-expand-sm > .container-lg, .scoped-bs4 .navbar-expand-sm > .container-xl, .scoped-bs4 .navbar-expand-sm > .container-xxl, .scoped-bs4 .navbar-expand-sm > .container-3xl, .scoped-bs4 .navbar-expand-sm > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-sm .navbar-toggler {
        display: none; } }
  @media (max-width: 767.98px) {
    .scoped-bs4 .navbar-expand-md > .container, .scoped-bs4 .navbar-expand-md > .container-fluid, .scoped-bs4 .navbar-expand-md > .container-4xs, .scoped-bs4 .navbar-expand-md > .container-3xs, .scoped-bs4 .navbar-expand-md > .container-xxs, .scoped-bs4 .navbar-expand-md > .container-xs, .scoped-bs4 .navbar-expand-md > .container-sm, .scoped-bs4 .navbar-expand-md > .container-md, .scoped-bs4 .navbar-expand-md > .container-lg, .scoped-bs4 .navbar-expand-md > .container-xl, .scoped-bs4 .navbar-expand-md > .container-xxl, .scoped-bs4 .navbar-expand-md > .container-3xl, .scoped-bs4 .navbar-expand-md > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 768px) {
    .scoped-bs4 .navbar-expand-md {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-md .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-md .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-md .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-md > .container, .scoped-bs4 .navbar-expand-md > .container-fluid, .scoped-bs4 .navbar-expand-md > .container-4xs, .scoped-bs4 .navbar-expand-md > .container-3xs, .scoped-bs4 .navbar-expand-md > .container-xxs, .scoped-bs4 .navbar-expand-md > .container-xs, .scoped-bs4 .navbar-expand-md > .container-sm, .scoped-bs4 .navbar-expand-md > .container-md, .scoped-bs4 .navbar-expand-md > .container-lg, .scoped-bs4 .navbar-expand-md > .container-xl, .scoped-bs4 .navbar-expand-md > .container-xxl, .scoped-bs4 .navbar-expand-md > .container-3xl, .scoped-bs4 .navbar-expand-md > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-md .navbar-toggler {
        display: none; } }
  @media (max-width: 991.98px) {
    .scoped-bs4 .navbar-expand-lg > .container, .scoped-bs4 .navbar-expand-lg > .container-fluid, .scoped-bs4 .navbar-expand-lg > .container-4xs, .scoped-bs4 .navbar-expand-lg > .container-3xs, .scoped-bs4 .navbar-expand-lg > .container-xxs, .scoped-bs4 .navbar-expand-lg > .container-xs, .scoped-bs4 .navbar-expand-lg > .container-sm, .scoped-bs4 .navbar-expand-lg > .container-md, .scoped-bs4 .navbar-expand-lg > .container-lg, .scoped-bs4 .navbar-expand-lg > .container-xl, .scoped-bs4 .navbar-expand-lg > .container-xxl, .scoped-bs4 .navbar-expand-lg > .container-3xl, .scoped-bs4 .navbar-expand-lg > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 992px) {
    .scoped-bs4 .navbar-expand-lg {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-lg .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-lg .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-lg .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-lg > .container, .scoped-bs4 .navbar-expand-lg > .container-fluid, .scoped-bs4 .navbar-expand-lg > .container-4xs, .scoped-bs4 .navbar-expand-lg > .container-3xs, .scoped-bs4 .navbar-expand-lg > .container-xxs, .scoped-bs4 .navbar-expand-lg > .container-xs, .scoped-bs4 .navbar-expand-lg > .container-sm, .scoped-bs4 .navbar-expand-lg > .container-md, .scoped-bs4 .navbar-expand-lg > .container-lg, .scoped-bs4 .navbar-expand-lg > .container-xl, .scoped-bs4 .navbar-expand-lg > .container-xxl, .scoped-bs4 .navbar-expand-lg > .container-3xl, .scoped-bs4 .navbar-expand-lg > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-lg .navbar-toggler {
        display: none; } }
  @media (max-width: 1199.98px) {
    .scoped-bs4 .navbar-expand-xl > .container, .scoped-bs4 .navbar-expand-xl > .container-fluid, .scoped-bs4 .navbar-expand-xl > .container-4xs, .scoped-bs4 .navbar-expand-xl > .container-3xs, .scoped-bs4 .navbar-expand-xl > .container-xxs, .scoped-bs4 .navbar-expand-xl > .container-xs, .scoped-bs4 .navbar-expand-xl > .container-sm, .scoped-bs4 .navbar-expand-xl > .container-md, .scoped-bs4 .navbar-expand-xl > .container-lg, .scoped-bs4 .navbar-expand-xl > .container-xl, .scoped-bs4 .navbar-expand-xl > .container-xxl, .scoped-bs4 .navbar-expand-xl > .container-3xl, .scoped-bs4 .navbar-expand-xl > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .navbar-expand-xl {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-xl .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-xl .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-xl .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-xl > .container, .scoped-bs4 .navbar-expand-xl > .container-fluid, .scoped-bs4 .navbar-expand-xl > .container-4xs, .scoped-bs4 .navbar-expand-xl > .container-3xs, .scoped-bs4 .navbar-expand-xl > .container-xxs, .scoped-bs4 .navbar-expand-xl > .container-xs, .scoped-bs4 .navbar-expand-xl > .container-sm, .scoped-bs4 .navbar-expand-xl > .container-md, .scoped-bs4 .navbar-expand-xl > .container-lg, .scoped-bs4 .navbar-expand-xl > .container-xl, .scoped-bs4 .navbar-expand-xl > .container-xxl, .scoped-bs4 .navbar-expand-xl > .container-3xl, .scoped-bs4 .navbar-expand-xl > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-xl .navbar-toggler {
        display: none; } }
  @media (max-width: 1919.98px) {
    .scoped-bs4 .navbar-expand-xxl > .container, .scoped-bs4 .navbar-expand-xxl > .container-fluid, .scoped-bs4 .navbar-expand-xxl > .container-4xs, .scoped-bs4 .navbar-expand-xxl > .container-3xs, .scoped-bs4 .navbar-expand-xxl > .container-xxs, .scoped-bs4 .navbar-expand-xxl > .container-xs, .scoped-bs4 .navbar-expand-xxl > .container-sm, .scoped-bs4 .navbar-expand-xxl > .container-md, .scoped-bs4 .navbar-expand-xxl > .container-lg, .scoped-bs4 .navbar-expand-xxl > .container-xl, .scoped-bs4 .navbar-expand-xxl > .container-xxl, .scoped-bs4 .navbar-expand-xxl > .container-3xl, .scoped-bs4 .navbar-expand-xxl > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .navbar-expand-xxl {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-xxl .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-xxl .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-xxl .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-xxl > .container, .scoped-bs4 .navbar-expand-xxl > .container-fluid, .scoped-bs4 .navbar-expand-xxl > .container-4xs, .scoped-bs4 .navbar-expand-xxl > .container-3xs, .scoped-bs4 .navbar-expand-xxl > .container-xxs, .scoped-bs4 .navbar-expand-xxl > .container-xs, .scoped-bs4 .navbar-expand-xxl > .container-sm, .scoped-bs4 .navbar-expand-xxl > .container-md, .scoped-bs4 .navbar-expand-xxl > .container-lg, .scoped-bs4 .navbar-expand-xxl > .container-xl, .scoped-bs4 .navbar-expand-xxl > .container-xxl, .scoped-bs4 .navbar-expand-xxl > .container-3xl, .scoped-bs4 .navbar-expand-xxl > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-xxl .navbar-toggler {
        display: none; } }
  @media (max-width: 2559.98px) {
    .scoped-bs4 .navbar-expand-3xl > .container, .scoped-bs4 .navbar-expand-3xl > .container-fluid, .scoped-bs4 .navbar-expand-3xl > .container-4xs, .scoped-bs4 .navbar-expand-3xl > .container-3xs, .scoped-bs4 .navbar-expand-3xl > .container-xxs, .scoped-bs4 .navbar-expand-3xl > .container-xs, .scoped-bs4 .navbar-expand-3xl > .container-sm, .scoped-bs4 .navbar-expand-3xl > .container-md, .scoped-bs4 .navbar-expand-3xl > .container-lg, .scoped-bs4 .navbar-expand-3xl > .container-xl, .scoped-bs4 .navbar-expand-3xl > .container-xxl, .scoped-bs4 .navbar-expand-3xl > .container-3xl, .scoped-bs4 .navbar-expand-3xl > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .navbar-expand-3xl {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-3xl .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-3xl .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-3xl .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-3xl > .container, .scoped-bs4 .navbar-expand-3xl > .container-fluid, .scoped-bs4 .navbar-expand-3xl > .container-4xs, .scoped-bs4 .navbar-expand-3xl > .container-3xs, .scoped-bs4 .navbar-expand-3xl > .container-xxs, .scoped-bs4 .navbar-expand-3xl > .container-xs, .scoped-bs4 .navbar-expand-3xl > .container-sm, .scoped-bs4 .navbar-expand-3xl > .container-md, .scoped-bs4 .navbar-expand-3xl > .container-lg, .scoped-bs4 .navbar-expand-3xl > .container-xl, .scoped-bs4 .navbar-expand-3xl > .container-xxl, .scoped-bs4 .navbar-expand-3xl > .container-3xl, .scoped-bs4 .navbar-expand-3xl > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-3xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-3xl .navbar-toggler {
        display: none; } }
  @media (max-width: 3199.98px) {
    .scoped-bs4 .navbar-expand-4xl > .container, .scoped-bs4 .navbar-expand-4xl > .container-fluid, .scoped-bs4 .navbar-expand-4xl > .container-4xs, .scoped-bs4 .navbar-expand-4xl > .container-3xs, .scoped-bs4 .navbar-expand-4xl > .container-xxs, .scoped-bs4 .navbar-expand-4xl > .container-xs, .scoped-bs4 .navbar-expand-4xl > .container-sm, .scoped-bs4 .navbar-expand-4xl > .container-md, .scoped-bs4 .navbar-expand-4xl > .container-lg, .scoped-bs4 .navbar-expand-4xl > .container-xl, .scoped-bs4 .navbar-expand-4xl > .container-xxl, .scoped-bs4 .navbar-expand-4xl > .container-3xl, .scoped-bs4 .navbar-expand-4xl > .container-4xl {
      padding-right: 0;
      padding-left: 0; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .navbar-expand-4xl {
      flex-flow: row nowrap;
      justify-content: flex-start; }
      .scoped-bs4 .navbar-expand-4xl .navbar-nav {
        flex-direction: row; }
        .scoped-bs4 .navbar-expand-4xl .navbar-nav .dropdown-menu {
          position: absolute; }
        .scoped-bs4 .navbar-expand-4xl .navbar-nav .nav-link {
          padding-right: 0.5rem;
          padding-left: 0.5rem; }
      .scoped-bs4 .navbar-expand-4xl > .container, .scoped-bs4 .navbar-expand-4xl > .container-fluid, .scoped-bs4 .navbar-expand-4xl > .container-4xs, .scoped-bs4 .navbar-expand-4xl > .container-3xs, .scoped-bs4 .navbar-expand-4xl > .container-xxs, .scoped-bs4 .navbar-expand-4xl > .container-xs, .scoped-bs4 .navbar-expand-4xl > .container-sm, .scoped-bs4 .navbar-expand-4xl > .container-md, .scoped-bs4 .navbar-expand-4xl > .container-lg, .scoped-bs4 .navbar-expand-4xl > .container-xl, .scoped-bs4 .navbar-expand-4xl > .container-xxl, .scoped-bs4 .navbar-expand-4xl > .container-3xl, .scoped-bs4 .navbar-expand-4xl > .container-4xl {
        flex-wrap: nowrap; }
      .scoped-bs4 .navbar-expand-4xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto; }
      .scoped-bs4 .navbar-expand-4xl .navbar-toggler {
        display: none; } }
  .scoped-bs4 .navbar-expand {
    flex-flow: row nowrap;
    justify-content: flex-start; }
    .scoped-bs4 .navbar-expand > .container, .scoped-bs4 .navbar-expand > .container-fluid, .scoped-bs4 .navbar-expand > .container-4xs, .scoped-bs4 .navbar-expand > .container-3xs, .scoped-bs4 .navbar-expand > .container-xxs, .scoped-bs4 .navbar-expand > .container-xs, .scoped-bs4 .navbar-expand > .container-sm, .scoped-bs4 .navbar-expand > .container-md, .scoped-bs4 .navbar-expand > .container-lg, .scoped-bs4 .navbar-expand > .container-xl, .scoped-bs4 .navbar-expand > .container-xxl, .scoped-bs4 .navbar-expand > .container-3xl, .scoped-bs4 .navbar-expand > .container-4xl {
      padding-right: 0;
      padding-left: 0; }
    .scoped-bs4 .navbar-expand .navbar-nav {
      flex-direction: row; }
      .scoped-bs4 .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute; }
      .scoped-bs4 .navbar-expand .navbar-nav .nav-link {
        padding-right: 0.5rem;
        padding-left: 0.5rem; }
    .scoped-bs4 .navbar-expand > .container, .scoped-bs4 .navbar-expand > .container-fluid, .scoped-bs4 .navbar-expand > .container-4xs, .scoped-bs4 .navbar-expand > .container-3xs, .scoped-bs4 .navbar-expand > .container-xxs, .scoped-bs4 .navbar-expand > .container-xs, .scoped-bs4 .navbar-expand > .container-sm, .scoped-bs4 .navbar-expand > .container-md, .scoped-bs4 .navbar-expand > .container-lg, .scoped-bs4 .navbar-expand > .container-xl, .scoped-bs4 .navbar-expand > .container-xxl, .scoped-bs4 .navbar-expand > .container-3xl, .scoped-bs4 .navbar-expand > .container-4xl {
      flex-wrap: nowrap; }
    .scoped-bs4 .navbar-expand .navbar-collapse {
      display: flex !important;
      flex-basis: auto; }
    .scoped-bs4 .navbar-expand .navbar-toggler {
      display: none; }
  .scoped-bs4 .navbar-light .navbar-brand {
    color: rgba(34, 34, 34, 0.9); }
    .scoped-bs4 .navbar-light .navbar-brand:hover, .scoped-bs4 .navbar-light .navbar-brand:focus {
      color: rgba(34, 34, 34, 0.9); }
  .scoped-bs4 .navbar-light .navbar-nav .nav-link {
    color: rgba(34, 34, 34, 0.5); }
    .scoped-bs4 .navbar-light .navbar-nav .nav-link:hover, .scoped-bs4 .navbar-light .navbar-nav .nav-link:focus {
      color: rgba(34, 34, 34, 0.7); }
    .scoped-bs4 .navbar-light .navbar-nav .nav-link.disabled {
      color: rgba(34, 34, 34, 0.3); }
  .scoped-bs4 .navbar-light .navbar-nav .show > .nav-link,
  .scoped-bs4 .navbar-light .navbar-nav .active > .nav-link,
  .scoped-bs4 .navbar-light .navbar-nav .nav-link.show,
  .scoped-bs4 .navbar-light .navbar-nav .nav-link.active {
    color: rgba(34, 34, 34, 0.9); }
  .scoped-bs4 .navbar-light .navbar-toggler {
    color: rgba(34, 34, 34, 0.5);
    border-color: rgba(34, 34, 34, 0.1); }
  .scoped-bs4 .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2834, 34, 34, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
  .scoped-bs4 .navbar-light .navbar-text {
    color: rgba(34, 34, 34, 0.5); }
    .scoped-bs4 .navbar-light .navbar-text a {
      color: rgba(34, 34, 34, 0.9); }
      .scoped-bs4 .navbar-light .navbar-text a:hover, .scoped-bs4 .navbar-light .navbar-text a:focus {
        color: rgba(34, 34, 34, 0.9); }
  .scoped-bs4 .navbar-dark .navbar-brand {
    color: #fff; }
    .scoped-bs4 .navbar-dark .navbar-brand:hover, .scoped-bs4 .navbar-dark .navbar-brand:focus {
      color: #fff; }
  .scoped-bs4 .navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5); }
    .scoped-bs4 .navbar-dark .navbar-nav .nav-link:hover, .scoped-bs4 .navbar-dark .navbar-nav .nav-link:focus {
      color: rgba(255, 255, 255, 0.75); }
    .scoped-bs4 .navbar-dark .navbar-nav .nav-link.disabled {
      color: rgba(255, 255, 255, 0.25); }
  .scoped-bs4 .navbar-dark .navbar-nav .show > .nav-link,
  .scoped-bs4 .navbar-dark .navbar-nav .active > .nav-link,
  .scoped-bs4 .navbar-dark .navbar-nav .nav-link.show,
  .scoped-bs4 .navbar-dark .navbar-nav .nav-link.active {
    color: #fff; }
  .scoped-bs4 .navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.1); }
  .scoped-bs4 .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
  .scoped-bs4 .navbar-dark .navbar-text {
    color: rgba(255, 255, 255, 0.5); }
    .scoped-bs4 .navbar-dark .navbar-text a {
      color: #fff; }
      .scoped-bs4 .navbar-dark .navbar-text a:hover, .scoped-bs4 .navbar-dark .navbar-text a:focus {
        color: #fff; }
  .scoped-bs4 .card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(34, 34, 34, 0.125);
    border-radius: 0.25rem; }
    .scoped-bs4 .card > hr {
      margin-right: 0;
      margin-left: 0; }
    .scoped-bs4 .card > .list-group {
      border-top: inherit;
      border-bottom: inherit; }
      .scoped-bs4 .card > .list-group:first-child {
        border-top-width: 0;
        border-top-left-radius: calc(0.25rem - 1px);
        border-top-right-radius: calc(0.25rem - 1px); }
      .scoped-bs4 .card > .list-group:last-child {
        border-bottom-width: 0;
        border-bottom-right-radius: calc(0.25rem - 1px);
        border-bottom-left-radius: calc(0.25rem - 1px); }
    .scoped-bs4 .card > .card-header + .list-group,
    .scoped-bs4 .card > .list-group + .card-footer {
      border-top: 0; }
  .scoped-bs4 .card-body {
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem; }
  .scoped-bs4 .card-title {
    margin-bottom: 0.75rem; }
  .scoped-bs4 .card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0; }
  .scoped-bs4 .card-text:last-child {
    margin-bottom: 0; }
  .scoped-bs4 .card-link:hover {
    text-decoration: none; }
  .scoped-bs4 .card-link + .card-link {
    margin-left: 1.25rem; }
  .scoped-bs4 .card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(34, 34, 34, 0.03);
    border-bottom: 1px solid rgba(34, 34, 34, 0.125); }
    .scoped-bs4 .card-header:first-child {
      border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0; }
  .scoped-bs4 .card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(34, 34, 34, 0.03);
    border-top: 1px solid rgba(34, 34, 34, 0.125); }
    .scoped-bs4 .card-footer:last-child {
      border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }
  .scoped-bs4 .card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0; }
  .scoped-bs4 .card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem; }
  .scoped-bs4 .card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    border-radius: calc(0.25rem - 1px); }
  .scoped-bs4 .card-img,
  .scoped-bs4 .card-img-top,
  .scoped-bs4 .card-img-bottom {
    flex-shrink: 0;
    width: 100%; }
  .scoped-bs4 .card-img,
  .scoped-bs4 .card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px); }
  .scoped-bs4 .card-img,
  .scoped-bs4 .card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px); }
  .scoped-bs4 .card-deck .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .scoped-bs4 .card-deck {
      display: flex;
      flex-flow: row wrap;
      margin-right: -15px;
      margin-left: -15px; }
      .scoped-bs4 .card-deck .card {
        flex: 1 0 0%;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px; } }
  .scoped-bs4 .card-group > .card {
    margin-bottom: 15px; }
  @media (min-width: 576px) {
    .scoped-bs4 .card-group {
      display: flex;
      flex-flow: row wrap; }
      .scoped-bs4 .card-group > .card {
        flex: 1 0 0%;
        margin-bottom: 0; }
        .scoped-bs4 .card-group > .card + .card {
          margin-left: 0;
          border-left: 0; }
        .scoped-bs4 .card-group > .card:not(:last-child) {
          border-top-right-radius: 0;
          border-bottom-right-radius: 0; }
          .scoped-bs4 .card-group > .card:not(:last-child) .card-img-top,
          .scoped-bs4 .card-group > .card:not(:last-child) .card-header {
            border-top-right-radius: 0; }
          .scoped-bs4 .card-group > .card:not(:last-child) .card-img-bottom,
          .scoped-bs4 .card-group > .card:not(:last-child) .card-footer {
            border-bottom-right-radius: 0; }
        .scoped-bs4 .card-group > .card:not(:first-child) {
          border-top-left-radius: 0;
          border-bottom-left-radius: 0; }
          .scoped-bs4 .card-group > .card:not(:first-child) .card-img-top,
          .scoped-bs4 .card-group > .card:not(:first-child) .card-header {
            border-top-left-radius: 0; }
          .scoped-bs4 .card-group > .card:not(:first-child) .card-img-bottom,
          .scoped-bs4 .card-group > .card:not(:first-child) .card-footer {
            border-bottom-left-radius: 0; } }
  .scoped-bs4 .card-columns .card {
    margin-bottom: 0.75rem; }
  @media (min-width: 576px) {
    .scoped-bs4 .card-columns {
      column-count: 3;
      column-gap: 1.25rem;
      orphans: 1;
      widows: 1; }
      .scoped-bs4 .card-columns .card {
        display: inline-block;
        width: 100%; } }
  .scoped-bs4 .accordion {
    overflow-anchor: none; }
    .scoped-bs4 .accordion > .card {
      overflow: hidden; }
      .scoped-bs4 .accordion > .card:not(:last-of-type) {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .accordion > .card:not(:first-of-type) {
        border-top-left-radius: 0;
        border-top-right-radius: 0; }
      .scoped-bs4 .accordion > .card > .card-header {
        border-radius: 0;
        margin-bottom: -1px; }
  .scoped-bs4 .breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem; }
  .scoped-bs4 .breadcrumb-item {
    display: flex; }
    .scoped-bs4 .breadcrumb-item + .breadcrumb-item {
      padding-left: 0.5rem; }
      .scoped-bs4 .breadcrumb-item + .breadcrumb-item::before {
        display: inline-block;
        padding-right: 0.5rem;
        color: #6c757d;
        content: "/"; }
    .scoped-bs4 .breadcrumb-item + .breadcrumb-item:hover::before {
      text-decoration: underline; }
    .scoped-bs4 .breadcrumb-item + .breadcrumb-item:hover::before {
      text-decoration: none; }
    .scoped-bs4 .breadcrumb-item.active {
      color: #6c757d; }
  .scoped-bs4 .pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem; }
  .scoped-bs4 .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #C6579A;
    background-color: #fff;
    border: 1px solid #dee2e6; }
    .scoped-bs4 .page-link:hover {
      z-index: 2;
      color: #9c3573;
      text-decoration: none;
      background-color: #e9ecef;
      border-color: #dee2e6; }
    .scoped-bs4 .page-link:focus {
      z-index: 3;
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.25); }
  .scoped-bs4 .page-item:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .scoped-bs4 .page-item:last-child .page-link {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; }
  .scoped-bs4 .page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #C6579A;
    border-color: #C6579A; }
  .scoped-bs4 .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6; }
  .scoped-bs4 .pagination-lg .page-link {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    line-height: 1.5; }
  .scoped-bs4 .pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem; }
  .scoped-bs4 .pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem; }
  .scoped-bs4 .pagination-sm .page-link {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5; }
  .scoped-bs4 .pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem; }
  .scoped-bs4 .pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem; }
  .scoped-bs4 .badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    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) {
      .scoped-bs4 .badge {
        transition: none; } }
    a.scoped-bs4 .badge:hover, a.scoped-bs4 .badge:focus {
      text-decoration: none; }
    .scoped-bs4 .badge:empty {
      display: none; }
  .scoped-bs4 .btn .badge, .scoped-bs4 .reports-table .k-header.k-grid-top button.k-button .badge, .reports-table .k-header.k-grid-top .scoped-bs4 button.k-button .badge {
    position: relative;
    top: -1px; }
  .scoped-bs4 .badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem; }
  .scoped-bs4 .badge-primary {
    color: #fff;
    background-color: #C6579A; }
    a.scoped-bs4 .badge-primary:hover, a.scoped-bs4 .badge-primary:focus {
      color: #fff;
      background-color: #af3b81; }
    a.scoped-bs4 .badge-primary:focus, a.scoped-bs4 .badge-primary.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.5); }
  .scoped-bs4 .badge-secondary {
    color: #212529;
    background-color: #FFA300; }
    a.scoped-bs4 .badge-secondary:hover, a.scoped-bs4 .badge-secondary:focus {
      color: #212529;
      background-color: #cc8200; }
    a.scoped-bs4 .badge-secondary:focus, a.scoped-bs4 .badge-secondary.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(255, 163, 0, 0.5); }
  .scoped-bs4 .badge-success {
    color: #fff;
    background-color: #C6579A; }
    a.scoped-bs4 .badge-success:hover, a.scoped-bs4 .badge-success:focus {
      color: #fff;
      background-color: #af3b81; }
    a.scoped-bs4 .badge-success:focus, a.scoped-bs4 .badge-success.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(198, 87, 154, 0.5); }
  .scoped-bs4 .badge-info {
    color: #fff;
    background-color: #17a2b8; }
    a.scoped-bs4 .badge-info:hover, a.scoped-bs4 .badge-info:focus {
      color: #fff;
      background-color: #117a8b; }
    a.scoped-bs4 .badge-info:focus, a.scoped-bs4 .badge-info.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); }
  .scoped-bs4 .badge-warning {
    color: #212529;
    background-color: #ffc107; }
    a.scoped-bs4 .badge-warning:hover, a.scoped-bs4 .badge-warning:focus {
      color: #212529;
      background-color: #d39e00; }
    a.scoped-bs4 .badge-warning:focus, a.scoped-bs4 .badge-warning.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); }
  .scoped-bs4 .badge-danger {
    color: #fff;
    background-color: #dc3545; }
    a.scoped-bs4 .badge-danger:hover, a.scoped-bs4 .badge-danger:focus {
      color: #fff;
      background-color: #bd2130; }
    a.scoped-bs4 .badge-danger:focus, a.scoped-bs4 .badge-danger.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); }
  .scoped-bs4 .badge-light {
    color: #212529;
    background-color: #f8f9fa; }
    a.scoped-bs4 .badge-light:hover, a.scoped-bs4 .badge-light:focus {
      color: #212529;
      background-color: #dae0e5; }
    a.scoped-bs4 .badge-light:focus, a.scoped-bs4 .badge-light.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
  .scoped-bs4 .badge-dark {
    color: #fff;
    background-color: #343a40; }
    a.scoped-bs4 .badge-dark:hover, a.scoped-bs4 .badge-dark:focus {
      color: #fff;
      background-color: #1d2124; }
    a.scoped-bs4 .badge-dark:focus, a.scoped-bs4 .badge-dark.focus {
      outline: 0;
      box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5); }
  .scoped-bs4 .jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: #e9ecef;
    border-radius: 0.3rem; }
    @media (min-width: 576px) {
      .scoped-bs4 .jumbotron {
        padding: 4rem 2rem; } }
  .scoped-bs4 .jumbotron-fluid {
    padding-right: 0;
    padding-left: 0;
    border-radius: 0; }
  .scoped-bs4 .alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem; }
  .scoped-bs4 .alert-heading {
    color: inherit; }
  .scoped-bs4 .alert-link {
    font-weight: 700; }
  .scoped-bs4 .alert-dismissible {
    padding-right: 4rem; }
    .scoped-bs4 .alert-dismissible .close {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0.75rem 1.25rem;
      color: inherit; }
  .scoped-bs4 .alert-primary {
    color: #773e60;
    background-color: #f4ddeb;
    border-color: #efd0e3; }
    .scoped-bs4 .alert-primary hr {
      border-top-color: #e9bdd8; }
    .scoped-bs4 .alert-primary .alert-link {
      color: #552d45; }
  .scoped-bs4 .alert-secondary {
    color: #956510;
    background-color: #ffedcc;
    border-color: #ffe5b8; }
    .scoped-bs4 .alert-secondary hr {
      border-top-color: #ffdc9f; }
    .scoped-bs4 .alert-secondary .alert-link {
      color: #67460b; }
  .scoped-bs4 .alert-success {
    color: #773e60;
    background-color: #f4ddeb;
    border-color: #efd0e3; }
    .scoped-bs4 .alert-success hr {
      border-top-color: #e9bdd8; }
    .scoped-bs4 .alert-success .alert-link {
      color: #552d45; }
  .scoped-bs4 .alert-info {
    color: #1c6570;
    background-color: #d1ecf1;
    border-color: #bee5eb; }
    .scoped-bs4 .alert-info hr {
      border-top-color: #abdde5; }
    .scoped-bs4 .alert-info .alert-link {
      color: #124047; }
  .scoped-bs4 .alert-warning {
    color: #957514;
    background-color: #fff3cd;
    border-color: #ffeeba; }
    .scoped-bs4 .alert-warning hr {
      border-top-color: #ffe8a1; }
    .scoped-bs4 .alert-warning .alert-link {
      color: #68520e; }
  .scoped-bs4 .alert-danger {
    color: #832c34;
    background-color: #f8d7da;
    border-color: #f5c6cb; }
    .scoped-bs4 .alert-danger hr {
      border-top-color: #f1b0b7; }
    .scoped-bs4 .alert-danger .alert-link {
      color: #5d1f25; }
  .scoped-bs4 .alert-light {
    color: #919292;
    background-color: #fefefe;
    border-color: #fdfdfe; }
    .scoped-bs4 .alert-light hr {
      border-top-color: #ececf6; }
    .scoped-bs4 .alert-light .alert-link {
      color: #777979; }
  .scoped-bs4 .alert-dark {
    color: #2b2e32;
    background-color: #d6d8d9;
    border-color: #c6c8ca; }
    .scoped-bs4 .alert-dark hr {
      border-top-color: #b9bbbe; }
    .scoped-bs4 .alert-dark .alert-link {
      color: #131517; }

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0; }
  to {
    background-position: 0 0; } }
  .scoped-bs4 .progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    line-height: 0;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: 0.25rem; }
  .scoped-bs4 .progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #C6579A;
    transition: width 0.6s ease; }
    @media (prefers-reduced-motion: reduce) {
      .scoped-bs4 .progress-bar {
        transition: none; } }
  .scoped-bs4 .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem; }
  .scoped-bs4 .progress-bar-animated {
    animation: progress-bar-stripes 1s linear infinite; }
    @media (prefers-reduced-motion: reduce) {
      .scoped-bs4 .progress-bar-animated {
        animation: none; } }
  .scoped-bs4 .media {
    display: flex;
    align-items: flex-start; }
  .scoped-bs4 .media-body {
    flex: 1; }
  .scoped-bs4 .list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: 0.25rem; }
  .scoped-bs4 .list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit; }
    .scoped-bs4 .list-group-item-action:hover, .scoped-bs4 .list-group-item-action:focus {
      z-index: 1;
      color: #495057;
      text-decoration: none;
      background-color: #f8f9fa; }
    .scoped-bs4 .list-group-item-action:active {
      color: #0d0d0d;
      background-color: #e9ecef; }
  .scoped-bs4 .list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    background-color: #fff;
    border: 1px solid rgba(34, 34, 34, 0.125); }
    .scoped-bs4 .list-group-item:first-child {
      border-top-left-radius: inherit;
      border-top-right-radius: inherit; }
    .scoped-bs4 .list-group-item:last-child {
      border-bottom-right-radius: inherit;
      border-bottom-left-radius: inherit; }
    .scoped-bs4 .list-group-item.disabled, .scoped-bs4 .list-group-item:disabled {
      color: #6c757d;
      pointer-events: none;
      background-color: #fff; }
    .scoped-bs4 .list-group-item.active {
      z-index: 2;
      color: #fff;
      background-color: #C6579A;
      border-color: #C6579A; }
    .scoped-bs4 .list-group-item + .scoped-bs4 .list-group-item {
      border-top-width: 0; }
      .scoped-bs4 .list-group-item + .scoped-bs4 .list-group-item.active {
        margin-top: -1px;
        border-top-width: 1px; }
  .scoped-bs4 .list-group-horizontal {
    flex-direction: row; }
    .scoped-bs4 .list-group-horizontal > .list-group-item:first-child {
      border-bottom-left-radius: 0.25rem;
      border-top-right-radius: 0; }
    .scoped-bs4 .list-group-horizontal > .list-group-item:last-child {
      border-top-right-radius: 0.25rem;
      border-bottom-left-radius: 0; }
    .scoped-bs4 .list-group-horizontal > .list-group-item.active {
      margin-top: 0; }
    .scoped-bs4 .list-group-horizontal > .list-group-item + .list-group-item {
      border-top-width: 1px;
      border-left-width: 0; }
      .scoped-bs4 .list-group-horizontal > .list-group-item + .list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px; }
  @media (min-width: 320px) {
    .scoped-bs4 .list-group-horizontal-3xs {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-3xs > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-3xs > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-3xs > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-3xs > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-3xs > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 374px) {
    .scoped-bs4 .list-group-horizontal-xxs {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-xxs > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-xxs > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-xxs > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-xxs > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-xxs > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 424px) {
    .scoped-bs4 .list-group-horizontal-xs {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-xs > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-xs > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-xs > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-xs > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-xs > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 576px) {
    .scoped-bs4 .list-group-horizontal-sm {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-sm > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-sm > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-sm > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-sm > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 768px) {
    .scoped-bs4 .list-group-horizontal-md {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-md > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-md > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-md > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-md > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-md > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 992px) {
    .scoped-bs4 .list-group-horizontal-lg {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-lg > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-lg > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-lg > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-lg > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .list-group-horizontal-xl {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-xl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-xl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-xl > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .list-group-horizontal-xxl {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-xxl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-xxl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-xxl > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-xxl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .list-group-horizontal-3xl {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-3xl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-3xl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-3xl > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-3xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-3xl > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .list-group-horizontal-4xl {
      flex-direction: row; }
      .scoped-bs4 .list-group-horizontal-4xl > .list-group-item:first-child {
        border-bottom-left-radius: 0.25rem;
        border-top-right-radius: 0; }
      .scoped-bs4 .list-group-horizontal-4xl > .list-group-item:last-child {
        border-top-right-radius: 0.25rem;
        border-bottom-left-radius: 0; }
      .scoped-bs4 .list-group-horizontal-4xl > .list-group-item.active {
        margin-top: 0; }
      .scoped-bs4 .list-group-horizontal-4xl > .list-group-item + .list-group-item {
        border-top-width: 1px;
        border-left-width: 0; }
        .scoped-bs4 .list-group-horizontal-4xl > .list-group-item + .list-group-item.active {
          margin-left: -1px;
          border-left-width: 1px; } }
  .scoped-bs4 .list-group-flush {
    border-radius: 0; }
    .scoped-bs4 .list-group-flush > .list-group-item {
      border-width: 0 0 1px; }
      .scoped-bs4 .list-group-flush > .list-group-item:last-child {
        border-bottom-width: 0; }
  .scoped-bs4 .list-group-item-primary {
    color: #773e60;
    background-color: #efd0e3; }
    .scoped-bs4 .list-group-item-primary.list-group-item-action:hover, .scoped-bs4 .list-group-item-primary.list-group-item-action:focus {
      color: #773e60;
      background-color: #e9bdd8; }
    .scoped-bs4 .list-group-item-primary.list-group-item-action.active {
      color: #fff;
      background-color: #773e60;
      border-color: #773e60; }
  .scoped-bs4 .list-group-item-secondary {
    color: #956510;
    background-color: #ffe5b8; }
    .scoped-bs4 .list-group-item-secondary.list-group-item-action:hover, .scoped-bs4 .list-group-item-secondary.list-group-item-action:focus {
      color: #956510;
      background-color: #ffdc9f; }
    .scoped-bs4 .list-group-item-secondary.list-group-item-action.active {
      color: #fff;
      background-color: #956510;
      border-color: #956510; }
  .scoped-bs4 .list-group-item-success {
    color: #773e60;
    background-color: #efd0e3; }
    .scoped-bs4 .list-group-item-success.list-group-item-action:hover, .scoped-bs4 .list-group-item-success.list-group-item-action:focus {
      color: #773e60;
      background-color: #e9bdd8; }
    .scoped-bs4 .list-group-item-success.list-group-item-action.active {
      color: #fff;
      background-color: #773e60;
      border-color: #773e60; }
  .scoped-bs4 .list-group-item-info {
    color: #1c6570;
    background-color: #bee5eb; }
    .scoped-bs4 .list-group-item-info.list-group-item-action:hover, .scoped-bs4 .list-group-item-info.list-group-item-action:focus {
      color: #1c6570;
      background-color: #abdde5; }
    .scoped-bs4 .list-group-item-info.list-group-item-action.active {
      color: #fff;
      background-color: #1c6570;
      border-color: #1c6570; }
  .scoped-bs4 .list-group-item-warning {
    color: #957514;
    background-color: #ffeeba; }
    .scoped-bs4 .list-group-item-warning.list-group-item-action:hover, .scoped-bs4 .list-group-item-warning.list-group-item-action:focus {
      color: #957514;
      background-color: #ffe8a1; }
    .scoped-bs4 .list-group-item-warning.list-group-item-action.active {
      color: #fff;
      background-color: #957514;
      border-color: #957514; }
  .scoped-bs4 .list-group-item-danger {
    color: #832c34;
    background-color: #f5c6cb; }
    .scoped-bs4 .list-group-item-danger.list-group-item-action:hover, .scoped-bs4 .list-group-item-danger.list-group-item-action:focus {
      color: #832c34;
      background-color: #f1b0b7; }
    .scoped-bs4 .list-group-item-danger.list-group-item-action.active {
      color: #fff;
      background-color: #832c34;
      border-color: #832c34; }
  .scoped-bs4 .list-group-item-light {
    color: #919292;
    background-color: #fdfdfe; }
    .scoped-bs4 .list-group-item-light.list-group-item-action:hover, .scoped-bs4 .list-group-item-light.list-group-item-action:focus {
      color: #919292;
      background-color: #ececf6; }
    .scoped-bs4 .list-group-item-light.list-group-item-action.active {
      color: #fff;
      background-color: #919292;
      border-color: #919292; }
  .scoped-bs4 .list-group-item-dark {
    color: #2b2e32;
    background-color: #c6c8ca; }
    .scoped-bs4 .list-group-item-dark.list-group-item-action:hover, .scoped-bs4 .list-group-item-dark.list-group-item-action:focus {
      color: #2b2e32;
      background-color: #b9bbbe; }
    .scoped-bs4 .list-group-item-dark.list-group-item-action.active {
      color: #fff;
      background-color: #2b2e32;
      border-color: #2b2e32; }
  .scoped-bs4 .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #222222;
    text-shadow: 0 1px 0 #fff;
    opacity: .5; }
    .scoped-bs4 .close:hover {
      color: #222222;
      text-decoration: none; }
    .scoped-bs4 .close:not(:disabled):not(.disabled):hover, .scoped-bs4 .close:not(:disabled):not(.disabled):focus {
      opacity: .75; }
  .scoped-bs4 button.close {
    padding: 0;
    background-color: transparent;
    border: 0; }
  .scoped-bs4 a.close.disabled {
    pointer-events: none; }
  .scoped-bs4 .toast {
    flex-basis: 350px;
    max-width: 350px;
    font-size: 0.875rem;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: 0 0.25rem 0.75rem rgba(34, 34, 34, 0.1);
    opacity: 0;
    border-radius: 0.25rem; }
    .scoped-bs4 .toast:not(:last-child) {
      margin-bottom: 0.75rem; }
    .scoped-bs4 .toast.showing {
      opacity: 1; }
    .scoped-bs4 .toast.show {
      display: block;
      opacity: 1; }
    .scoped-bs4 .toast.hide {
      display: none; }
  .scoped-bs4 .toast-header {
    display: flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, 0.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px); }
  .scoped-bs4 .toast-body {
    padding: 0.75rem; }
  .scoped-bs4 .modal-open {
    overflow: hidden; }
    .scoped-bs4 .modal-open .modal {
      overflow-x: hidden;
      overflow-y: auto; }
  .scoped-bs4 .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0; }
  .scoped-bs4 .modal-dialog {
    position: relative;
    width: auto;
    margin: 0.5rem;
    pointer-events: none; }
    .modal.fade .scoped-bs4 .modal-dialog {
      transition: transform 0.3s ease-out;
      transform: translate(0, -50px); }
      @media (prefers-reduced-motion: reduce) {
        .modal.fade .scoped-bs4 .modal-dialog {
          transition: none; } }
    .modal.show .scoped-bs4 .modal-dialog {
      transform: none; }
    .modal.modal-static .scoped-bs4 .modal-dialog {
      transform: scale(1.02); }
  .scoped-bs4 .modal-dialog-scrollable {
    display: flex;
    max-height: calc(100% - 1rem); }
    .scoped-bs4 .modal-dialog-scrollable .modal-content {
      max-height: calc(100vh - 1rem);
      overflow: hidden; }
    .scoped-bs4 .modal-dialog-scrollable .modal-header,
    .scoped-bs4 .modal-dialog-scrollable .modal-footer {
      flex-shrink: 0; }
    .scoped-bs4 .modal-dialog-scrollable .modal-body {
      overflow-y: auto; }
  .scoped-bs4 .modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem); }
    .scoped-bs4 .modal-dialog-centered::before {
      display: block;
      height: calc(100vh - 1rem);
      height: min-content;
      content: ""; }
    .scoped-bs4 .modal-dialog-centered.modal-dialog-scrollable {
      flex-direction: column;
      justify-content: center;
      height: 100%; }
      .scoped-bs4 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
        max-height: none; }
      .scoped-bs4 .modal-dialog-centered.modal-dialog-scrollable::before {
        content: none; }
  .scoped-bs4 .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(34, 34, 34, 0.2);
    border-radius: 0.3rem;
    outline: 0; }
  .scoped-bs4 .modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #222222; }
    .scoped-bs4 .modal-backdrop.fade {
      opacity: 0; }
    .scoped-bs4 .modal-backdrop.show {
      opacity: 0.5; }
  .scoped-bs4 .modal-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px); }
    .scoped-bs4 .modal-header .close {
      padding: 1rem 1rem;
      margin: -1rem -1rem -1rem auto; }
  .scoped-bs4 .modal-title {
    margin-bottom: 0;
    line-height: 1.5; }
  .scoped-bs4 .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem; }
  .scoped-bs4 .modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    padding: 0.75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px); }
    .scoped-bs4 .modal-footer > * {
      margin: 0.25rem; }
  .scoped-bs4 .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll; }
  @media (min-width: 576px) {
    .scoped-bs4 .modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto; }
    .scoped-bs4 .modal-dialog-scrollable {
      max-height: calc(100% - 3.5rem); }
      .scoped-bs4 .modal-dialog-scrollable .modal-content {
        max-height: calc(100vh - 3.5rem); }
    .scoped-bs4 .modal-dialog-centered {
      min-height: calc(100% - 3.5rem); }
      .scoped-bs4 .modal-dialog-centered::before {
        height: calc(100vh - 3.5rem);
        height: min-content; }
    .scoped-bs4 .modal-sm {
      max-width: 300px; } }
  @media (min-width: 992px) {
    .scoped-bs4 .modal-lg,
    .scoped-bs4 .modal-xl {
      max-width: 800px; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .modal-xl {
      max-width: 1140px; } }
  .scoped-bs4 .tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0; }
    .scoped-bs4 .tooltip.show {
      opacity: 0.9; }
    .scoped-bs4 .tooltip .arrow {
      position: absolute;
      display: block;
      width: 0.8rem;
      height: 0.4rem; }
      .scoped-bs4 .tooltip .arrow::before {
        position: absolute;
        content: "";
        border-color: transparent;
        border-style: solid; }
  .scoped-bs4 .bs-tooltip-top, .scoped-bs4 .bs-tooltip-auto[x-placement^="top"] {
    padding: 0.4rem 0; }
    .scoped-bs4 .bs-tooltip-top .arrow, .scoped-bs4 .bs-tooltip-auto[x-placement^="top"] .arrow {
      bottom: 0; }
      .scoped-bs4 .bs-tooltip-top .arrow::before, .scoped-bs4 .bs-tooltip-auto[x-placement^="top"] .arrow::before {
        top: 0;
        border-width: 0.4rem 0.4rem 0;
        border-top-color: #222222; }
  .scoped-bs4 .bs-tooltip-right, .scoped-bs4 .bs-tooltip-auto[x-placement^="right"] {
    padding: 0 0.4rem; }
    .scoped-bs4 .bs-tooltip-right .arrow, .scoped-bs4 .bs-tooltip-auto[x-placement^="right"] .arrow {
      left: 0;
      width: 0.4rem;
      height: 0.8rem; }
      .scoped-bs4 .bs-tooltip-right .arrow::before, .scoped-bs4 .bs-tooltip-auto[x-placement^="right"] .arrow::before {
        right: 0;
        border-width: 0.4rem 0.4rem 0.4rem 0;
        border-right-color: #222222; }
  .scoped-bs4 .bs-tooltip-bottom, .scoped-bs4 .bs-tooltip-auto[x-placement^="bottom"] {
    padding: 0.4rem 0; }
    .scoped-bs4 .bs-tooltip-bottom .arrow, .scoped-bs4 .bs-tooltip-auto[x-placement^="bottom"] .arrow {
      top: 0; }
      .scoped-bs4 .bs-tooltip-bottom .arrow::before, .scoped-bs4 .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
        bottom: 0;
        border-width: 0 0.4rem 0.4rem;
        border-bottom-color: #222222; }
  .scoped-bs4 .bs-tooltip-left, .scoped-bs4 .bs-tooltip-auto[x-placement^="left"] {
    padding: 0 0.4rem; }
    .scoped-bs4 .bs-tooltip-left .arrow, .scoped-bs4 .bs-tooltip-auto[x-placement^="left"] .arrow {
      right: 0;
      width: 0.4rem;
      height: 0.8rem; }
      .scoped-bs4 .bs-tooltip-left .arrow::before, .scoped-bs4 .bs-tooltip-auto[x-placement^="left"] .arrow::before {
        left: 0;
        border-width: 0.4rem 0 0.4rem 0.4rem;
        border-left-color: #222222; }
  .scoped-bs4 .tooltip-inner {
    max-width: 200px;
    padding: 0.25rem 0.5rem;
    color: #fff;
    text-align: center;
    background-color: #222222;
    border-radius: 0.25rem; }
  .scoped-bs4 .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    max-width: 276px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(34, 34, 34, 0.2);
    border-radius: 0.3rem; }
    .scoped-bs4 .popover .arrow {
      position: absolute;
      display: block;
      width: 1rem;
      height: 0.5rem;
      margin: 0 0.3rem; }
      .scoped-bs4 .popover .arrow::before, .scoped-bs4 .popover .arrow::after {
        position: absolute;
        display: block;
        content: "";
        border-color: transparent;
        border-style: solid; }
  .scoped-bs4 .bs-popover-top, .scoped-bs4 .bs-popover-auto[x-placement^="top"] {
    margin-bottom: 0.5rem; }
    .scoped-bs4 .bs-popover-top > .arrow, .scoped-bs4 .bs-popover-auto[x-placement^="top"] > .arrow {
      bottom: calc(-0.5rem - 1px); }
      .scoped-bs4 .bs-popover-top > .arrow::before, .scoped-bs4 .bs-popover-auto[x-placement^="top"] > .arrow::before {
        bottom: 0;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: rgba(34, 34, 34, 0.25); }
      .scoped-bs4 .bs-popover-top > .arrow::after, .scoped-bs4 .bs-popover-auto[x-placement^="top"] > .arrow::after {
        bottom: 1px;
        border-width: 0.5rem 0.5rem 0;
        border-top-color: #fff; }
  .scoped-bs4 .bs-popover-right, .scoped-bs4 .bs-popover-auto[x-placement^="right"] {
    margin-left: 0.5rem; }
    .scoped-bs4 .bs-popover-right > .arrow, .scoped-bs4 .bs-popover-auto[x-placement^="right"] > .arrow {
      left: calc(-0.5rem - 1px);
      width: 0.5rem;
      height: 1rem;
      margin: 0.3rem 0; }
      .scoped-bs4 .bs-popover-right > .arrow::before, .scoped-bs4 .bs-popover-auto[x-placement^="right"] > .arrow::before {
        left: 0;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: rgba(34, 34, 34, 0.25); }
      .scoped-bs4 .bs-popover-right > .arrow::after, .scoped-bs4 .bs-popover-auto[x-placement^="right"] > .arrow::after {
        left: 1px;
        border-width: 0.5rem 0.5rem 0.5rem 0;
        border-right-color: #fff; }
  .scoped-bs4 .bs-popover-bottom, .scoped-bs4 .bs-popover-auto[x-placement^="bottom"] {
    margin-top: 0.5rem; }
    .scoped-bs4 .bs-popover-bottom > .arrow, .scoped-bs4 .bs-popover-auto[x-placement^="bottom"] > .arrow {
      top: calc(-0.5rem - 1px); }
      .scoped-bs4 .bs-popover-bottom > .arrow::before, .scoped-bs4 .bs-popover-auto[x-placement^="bottom"] > .arrow::before {
        top: 0;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: rgba(34, 34, 34, 0.25); }
      .scoped-bs4 .bs-popover-bottom > .arrow::after, .scoped-bs4 .bs-popover-auto[x-placement^="bottom"] > .arrow::after {
        top: 1px;
        border-width: 0 0.5rem 0.5rem 0.5rem;
        border-bottom-color: #fff; }
    .scoped-bs4 .bs-popover-bottom .popover-header::before, .scoped-bs4 .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
      position: absolute;
      top: 0;
      left: 50%;
      display: block;
      width: 1rem;
      margin-left: -0.5rem;
      content: "";
      border-bottom: 1px solid #f7f7f7; }
  .scoped-bs4 .bs-popover-left, .scoped-bs4 .bs-popover-auto[x-placement^="left"] {
    margin-right: 0.5rem; }
    .scoped-bs4 .bs-popover-left > .arrow, .scoped-bs4 .bs-popover-auto[x-placement^="left"] > .arrow {
      right: calc(-0.5rem - 1px);
      width: 0.5rem;
      height: 1rem;
      margin: 0.3rem 0; }
      .scoped-bs4 .bs-popover-left > .arrow::before, .scoped-bs4 .bs-popover-auto[x-placement^="left"] > .arrow::before {
        right: 0;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: rgba(34, 34, 34, 0.25); }
      .scoped-bs4 .bs-popover-left > .arrow::after, .scoped-bs4 .bs-popover-auto[x-placement^="left"] > .arrow::after {
        right: 1px;
        border-width: 0.5rem 0 0.5rem 0.5rem;
        border-left-color: #fff; }
  .scoped-bs4 .popover-header {
    padding: 0.5rem 0.75rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px); }
    .scoped-bs4 .popover-header:empty {
      display: none; }
  .scoped-bs4 .popover-body {
    padding: 0.5rem 0.75rem;
    color: #0d0d0d; }
  .scoped-bs4 .carousel {
    position: relative; }
  .scoped-bs4 .carousel.pointer-event {
    touch-action: pan-y; }
  .scoped-bs4 .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden; }
    .scoped-bs4 .carousel-inner::after {
      display: block;
      clear: both;
      content: ""; }
  .scoped-bs4 .carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out; }
    @media (prefers-reduced-motion: reduce) {
      .scoped-bs4 .carousel-item {
        transition: none; } }
  .scoped-bs4 .carousel-item.active,
  .scoped-bs4 .carousel-item-next,
  .scoped-bs4 .carousel-item-prev {
    display: block; }
  .scoped-bs4 .carousel-item-next:not(.carousel-item-left),
  .scoped-bs4 .active.carousel-item-right {
    transform: translateX(100%); }
  .scoped-bs4 .carousel-item-prev:not(.carousel-item-right),
  .scoped-bs4 .active.carousel-item-left {
    transform: translateX(-100%); }
  .scoped-bs4 .carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none; }
  .scoped-bs4 .carousel-fade .carousel-item.active,
  .scoped-bs4 .carousel-fade .carousel-item-next.carousel-item-left,
  .scoped-bs4 .carousel-fade .carousel-item-prev.carousel-item-right {
    z-index: 1;
    opacity: 1; }
  .scoped-bs4 .carousel-fade .active.carousel-item-left,
  .scoped-bs4 .carousel-fade .active.carousel-item-right {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s; }
    @media (prefers-reduced-motion: reduce) {
      .scoped-bs4 .carousel-fade .active.carousel-item-left,
      .scoped-bs4 .carousel-fade .active.carousel-item-right {
        transition: none; } }
  .scoped-bs4 .carousel-control-prev,
  .scoped-bs4 .carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    color: #fff;
    text-align: center;
    opacity: 0.5;
    transition: opacity 0.15s ease; }
    @media (prefers-reduced-motion: reduce) {
      .scoped-bs4 .carousel-control-prev,
      .scoped-bs4 .carousel-control-next {
        transition: none; } }
    .scoped-bs4 .carousel-control-prev:hover, .scoped-bs4 .carousel-control-prev:focus,
    .scoped-bs4 .carousel-control-next:hover,
    .scoped-bs4 .carousel-control-next:focus {
      color: #fff;
      text-decoration: none;
      outline: 0;
      opacity: 0.9; }
  .scoped-bs4 .carousel-control-prev {
    left: 0; }
  .scoped-bs4 .carousel-control-next {
    right: 0; }
  .scoped-bs4 .carousel-control-prev-icon,
  .scoped-bs4 .carousel-control-next-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: no-repeat 50% / 100% 100%; }
  .scoped-bs4 .carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e"); }
  .scoped-bs4 .carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); }
  .scoped-bs4 .carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none; }
    .scoped-bs4 .carousel-indicators li {
      box-sizing: content-box;
      flex: 0 1 auto;
      width: 30px;
      height: 3px;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      cursor: pointer;
      background-color: #fff;
      background-clip: padding-box;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      opacity: .5;
      transition: opacity 0.6s ease; }
      @media (prefers-reduced-motion: reduce) {
        .scoped-bs4 .carousel-indicators li {
          transition: none; } }
    .scoped-bs4 .carousel-indicators .active {
      opacity: 1; }
  .scoped-bs4 .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 20px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center; }

@keyframes spinner-border {
  to {
    transform: rotate(360deg); } }
  .scoped-bs4 .spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border .75s linear infinite; }
  .scoped-bs4 .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em; }

@keyframes spinner-grow {
  0% {
    transform: scale(0); }
  50% {
    opacity: 1;
    transform: none; } }
  .scoped-bs4 .spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: text-bottom;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: spinner-grow .75s linear infinite; }
  .scoped-bs4 .spinner-grow-sm {
    width: 1rem;
    height: 1rem; }
  .scoped-bs4 .align-baseline {
    vertical-align: baseline !important; }
  .scoped-bs4 .align-top {
    vertical-align: top !important; }
  .scoped-bs4 .align-middle {
    vertical-align: middle !important; }
  .scoped-bs4 .align-bottom {
    vertical-align: bottom !important; }
  .scoped-bs4 .align-text-bottom {
    vertical-align: text-bottom !important; }
  .scoped-bs4 .align-text-top {
    vertical-align: text-top !important; }
  .scoped-bs4 .bg-primary {
    background-color: #C6579A !important; }
  .scoped-bs4 a.bg-primary:hover, .scoped-bs4 a.bg-primary:focus, .scoped-bs4 button.bg-primary:hover, .scoped-bs4 button.bg-primary:focus {
    background-color: #af3b81 !important; }
  .scoped-bs4 .bg-secondary {
    background-color: #FFA300 !important; }
  .scoped-bs4 a.bg-secondary:hover, .scoped-bs4 a.bg-secondary:focus,
  .scoped-bs4 button.bg-secondary:hover,
  .scoped-bs4 button.bg-secondary:focus {
    background-color: #cc8200 !important; }
  .scoped-bs4 .bg-success {
    background-color: #C6579A !important; }
  .scoped-bs4 a.bg-success:hover, .scoped-bs4 a.bg-success:focus,
  .scoped-bs4 button.bg-success:hover,
  .scoped-bs4 button.bg-success:focus {
    background-color: #af3b81 !important; }
  .scoped-bs4 .bg-info {
    background-color: #17a2b8 !important; }
  .scoped-bs4 a.bg-info:hover, .scoped-bs4 a.bg-info:focus,
  .scoped-bs4 button.bg-info:hover,
  .scoped-bs4 button.bg-info:focus {
    background-color: #117a8b !important; }
  .scoped-bs4 .bg-warning {
    background-color: #ffc107 !important; }
  .scoped-bs4 a.bg-warning:hover, .scoped-bs4 a.bg-warning:focus,
  .scoped-bs4 button.bg-warning:hover,
  .scoped-bs4 button.bg-warning:focus {
    background-color: #d39e00 !important; }
  .scoped-bs4 .bg-danger {
    background-color: #dc3545 !important; }
  .scoped-bs4 a.bg-danger:hover, .scoped-bs4 a.bg-danger:focus,
  .scoped-bs4 button.bg-danger:hover,
  .scoped-bs4 button.bg-danger:focus {
    background-color: #bd2130 !important; }
  .scoped-bs4 .bg-light {
    background-color: #f8f9fa !important; }
  .scoped-bs4 a.bg-light:hover, .scoped-bs4 a.bg-light:focus,
  .scoped-bs4 button.bg-light:hover,
  .scoped-bs4 button.bg-light:focus {
    background-color: #dae0e5 !important; }
  .scoped-bs4 .bg-dark {
    background-color: #343a40 !important; }
  .scoped-bs4 a.bg-dark:hover, .scoped-bs4 a.bg-dark:focus,
  .scoped-bs4 button.bg-dark:hover,
  .scoped-bs4 button.bg-dark:focus {
    background-color: #1d2124 !important; }
  .scoped-bs4 .bg-white, .scoped-bs4 .k-datepicker .k-input, .k-datepicker .scoped-bs4 .k-input, .scoped-bs4
  .k-timepicker .k-input,
  .k-timepicker .scoped-bs4 .k-input, .scoped-bs4
  .k-picker-wrap.k-state-default > .k-select, .scoped-bs4
  .k-autocomplete.k-autocomplete .k-input,
  .k-autocomplete.k-autocomplete .scoped-bs4 .k-input {
    background-color: #fff !important; }
  .scoped-bs4 .bg-transparent {
    background-color: transparent !important; }
  .scoped-bs4 .border {
    border: 1px solid #dee2e6 !important; }
  .scoped-bs4 .border-top {
    border-top: 1px solid #dee2e6 !important; }
  .scoped-bs4 .border-right {
    border-right: 1px solid #dee2e6 !important; }
  .scoped-bs4 .border-bottom {
    border-bottom: 1px solid #dee2e6 !important; }
  .scoped-bs4 .border-left {
    border-left: 1px solid #dee2e6 !important; }
  .scoped-bs4 .border-0 {
    border: 0 !important; }
  .scoped-bs4 .border-top-0 {
    border-top: 0 !important; }
  .scoped-bs4 .border-right-0 {
    border-right: 0 !important; }
  .scoped-bs4 .border-bottom-0 {
    border-bottom: 0 !important; }
  .scoped-bs4 .border-left-0 {
    border-left: 0 !important; }
  .scoped-bs4 .border-primary {
    border-color: #C6579A !important; }
  .scoped-bs4 .border-secondary {
    border-color: #FFA300 !important; }
  .scoped-bs4 .border-success {
    border-color: #C6579A !important; }
  .scoped-bs4 .border-info {
    border-color: #17a2b8 !important; }
  .scoped-bs4 .border-warning {
    border-color: #ffc107 !important; }
  .scoped-bs4 .border-danger {
    border-color: #dc3545 !important; }
  .scoped-bs4 .border-light {
    border-color: #f8f9fa !important; }
  .scoped-bs4 .border-dark {
    border-color: #343a40 !important; }
  .scoped-bs4 .border-white {
    border-color: #fff !important; }
  .scoped-bs4 .rounded-sm {
    border-radius: 0.2rem !important; }
  .scoped-bs4 .rounded {
    border-radius: 0.25rem !important; }
  .scoped-bs4 .rounded-top {
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important; }
  .scoped-bs4 .rounded-right {
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important; }
  .scoped-bs4 .rounded-bottom {
    border-bottom-right-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important; }
  .scoped-bs4 .rounded-left {
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important; }
  .scoped-bs4 .rounded-lg {
    border-radius: 0.3rem !important; }
  .scoped-bs4 .rounded-circle {
    border-radius: 50% !important; }
  .scoped-bs4 .rounded-pill {
    border-radius: 50rem !important; }
  .scoped-bs4 .rounded-0 {
    border-radius: 0 !important; }
  .scoped-bs4 .clearfix::after {
    display: block;
    clear: both;
    content: ""; }
  .scoped-bs4 .d-none {
    display: none !important; }
  .scoped-bs4 .d-inline {
    display: inline !important; }
  .scoped-bs4 .d-inline-block {
    display: inline-block !important; }
  .scoped-bs4 .d-block {
    display: block !important; }
  .scoped-bs4 .d-table {
    display: table !important; }
  .scoped-bs4 .d-table-row {
    display: table-row !important; }
  .scoped-bs4 .d-table-cell {
    display: table-cell !important; }
  .scoped-bs4 .d-flex {
    display: flex !important; }
  .scoped-bs4 .d-inline-flex {
    display: inline-flex !important; }
  @media (min-width: 320px) {
    .scoped-bs4 .d-3xs-none {
      display: none !important; }
    .scoped-bs4 .d-3xs-inline {
      display: inline !important; }
    .scoped-bs4 .d-3xs-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-3xs-block {
      display: block !important; }
    .scoped-bs4 .d-3xs-table {
      display: table !important; }
    .scoped-bs4 .d-3xs-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-3xs-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-3xs-flex {
      display: flex !important; }
    .scoped-bs4 .d-3xs-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 374px) {
    .scoped-bs4 .d-xxs-none {
      display: none !important; }
    .scoped-bs4 .d-xxs-inline {
      display: inline !important; }
    .scoped-bs4 .d-xxs-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-xxs-block {
      display: block !important; }
    .scoped-bs4 .d-xxs-table {
      display: table !important; }
    .scoped-bs4 .d-xxs-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-xxs-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-xxs-flex {
      display: flex !important; }
    .scoped-bs4 .d-xxs-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 424px) {
    .scoped-bs4 .d-xs-none {
      display: none !important; }
    .scoped-bs4 .d-xs-inline {
      display: inline !important; }
    .scoped-bs4 .d-xs-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-xs-block {
      display: block !important; }
    .scoped-bs4 .d-xs-table {
      display: table !important; }
    .scoped-bs4 .d-xs-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-xs-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-xs-flex {
      display: flex !important; }
    .scoped-bs4 .d-xs-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 576px) {
    .scoped-bs4 .d-sm-none {
      display: none !important; }
    .scoped-bs4 .d-sm-inline {
      display: inline !important; }
    .scoped-bs4 .d-sm-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-sm-block {
      display: block !important; }
    .scoped-bs4 .d-sm-table {
      display: table !important; }
    .scoped-bs4 .d-sm-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-sm-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-sm-flex {
      display: flex !important; }
    .scoped-bs4 .d-sm-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 768px) {
    .scoped-bs4 .d-md-none {
      display: none !important; }
    .scoped-bs4 .d-md-inline {
      display: inline !important; }
    .scoped-bs4 .d-md-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-md-block {
      display: block !important; }
    .scoped-bs4 .d-md-table {
      display: table !important; }
    .scoped-bs4 .d-md-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-md-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-md-flex {
      display: flex !important; }
    .scoped-bs4 .d-md-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 992px) {
    .scoped-bs4 .d-lg-none {
      display: none !important; }
    .scoped-bs4 .d-lg-inline {
      display: inline !important; }
    .scoped-bs4 .d-lg-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-lg-block {
      display: block !important; }
    .scoped-bs4 .d-lg-table {
      display: table !important; }
    .scoped-bs4 .d-lg-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-lg-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-lg-flex {
      display: flex !important; }
    .scoped-bs4 .d-lg-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .d-xl-none {
      display: none !important; }
    .scoped-bs4 .d-xl-inline {
      display: inline !important; }
    .scoped-bs4 .d-xl-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-xl-block {
      display: block !important; }
    .scoped-bs4 .d-xl-table {
      display: table !important; }
    .scoped-bs4 .d-xl-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-xl-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-xl-flex {
      display: flex !important; }
    .scoped-bs4 .d-xl-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .d-xxl-none {
      display: none !important; }
    .scoped-bs4 .d-xxl-inline {
      display: inline !important; }
    .scoped-bs4 .d-xxl-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-xxl-block {
      display: block !important; }
    .scoped-bs4 .d-xxl-table {
      display: table !important; }
    .scoped-bs4 .d-xxl-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-xxl-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-xxl-flex {
      display: flex !important; }
    .scoped-bs4 .d-xxl-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .d-3xl-none {
      display: none !important; }
    .scoped-bs4 .d-3xl-inline {
      display: inline !important; }
    .scoped-bs4 .d-3xl-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-3xl-block {
      display: block !important; }
    .scoped-bs4 .d-3xl-table {
      display: table !important; }
    .scoped-bs4 .d-3xl-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-3xl-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-3xl-flex {
      display: flex !important; }
    .scoped-bs4 .d-3xl-inline-flex {
      display: inline-flex !important; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .d-4xl-none {
      display: none !important; }
    .scoped-bs4 .d-4xl-inline {
      display: inline !important; }
    .scoped-bs4 .d-4xl-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-4xl-block {
      display: block !important; }
    .scoped-bs4 .d-4xl-table {
      display: table !important; }
    .scoped-bs4 .d-4xl-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-4xl-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-4xl-flex {
      display: flex !important; }
    .scoped-bs4 .d-4xl-inline-flex {
      display: inline-flex !important; } }
  @media print {
    .scoped-bs4 .d-print-none {
      display: none !important; }
    .scoped-bs4 .d-print-inline {
      display: inline !important; }
    .scoped-bs4 .d-print-inline-block {
      display: inline-block !important; }
    .scoped-bs4 .d-print-block {
      display: block !important; }
    .scoped-bs4 .d-print-table {
      display: table !important; }
    .scoped-bs4 .d-print-table-row {
      display: table-row !important; }
    .scoped-bs4 .d-print-table-cell {
      display: table-cell !important; }
    .scoped-bs4 .d-print-flex {
      display: flex !important; }
    .scoped-bs4 .d-print-inline-flex {
      display: inline-flex !important; } }
  .scoped-bs4 .embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden; }
    .scoped-bs4 .embed-responsive::before {
      display: block;
      content: ""; }
    .scoped-bs4 .embed-responsive .embed-responsive-item,
    .scoped-bs4 .embed-responsive iframe,
    .scoped-bs4 .embed-responsive embed,
    .scoped-bs4 .embed-responsive object,
    .scoped-bs4 .embed-responsive video {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 0; }
  .scoped-bs4 .embed-responsive-21by9::before {
    padding-top: 42.85714%; }
  .scoped-bs4 .embed-responsive-16by9::before {
    padding-top: 56.25%; }
  .scoped-bs4 .embed-responsive-4by3::before {
    padding-top: 75%; }
  .scoped-bs4 .embed-responsive-1by1::before {
    padding-top: 100%; }
  .scoped-bs4 .embed-responsive-21by9::before {
    padding-top: 42.85714%; }
  .scoped-bs4 .embed-responsive-16by9::before {
    padding-top: 56.25%; }
  .scoped-bs4 .embed-responsive-4by3::before {
    padding-top: 75%; }
  .scoped-bs4 .embed-responsive-1by1::before {
    padding-top: 100%; }
  .scoped-bs4 .flex-row {
    flex-direction: row !important; }
  .scoped-bs4 .flex-column {
    flex-direction: column !important; }
  .scoped-bs4 .flex-row-reverse {
    flex-direction: row-reverse !important; }
  .scoped-bs4 .flex-column-reverse {
    flex-direction: column-reverse !important; }
  .scoped-bs4 .flex-wrap {
    flex-wrap: wrap !important; }
  .scoped-bs4 .flex-nowrap {
    flex-wrap: nowrap !important; }
  .scoped-bs4 .flex-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .scoped-bs4 .flex-fill {
    flex: 1 1 auto !important; }
  .scoped-bs4 .flex-grow-0 {
    flex-grow: 0 !important; }
  .scoped-bs4 .flex-grow-1 {
    flex-grow: 1 !important; }
  .scoped-bs4 .flex-shrink-0 {
    flex-shrink: 0 !important; }
  .scoped-bs4 .flex-shrink-1 {
    flex-shrink: 1 !important; }
  .scoped-bs4 .justify-content-start {
    justify-content: flex-start !important; }
  .scoped-bs4 .justify-content-end {
    justify-content: flex-end !important; }
  .scoped-bs4 .justify-content-center {
    justify-content: center !important; }
  .scoped-bs4 .justify-content-between {
    justify-content: space-between !important; }
  .scoped-bs4 .justify-content-around {
    justify-content: space-around !important; }
  .scoped-bs4 .align-items-start {
    align-items: flex-start !important; }
  .scoped-bs4 .align-items-end {
    align-items: flex-end !important; }
  .scoped-bs4 .align-items-center {
    align-items: center !important; }
  .scoped-bs4 .align-items-baseline {
    align-items: baseline !important; }
  .scoped-bs4 .align-items-stretch {
    align-items: stretch !important; }
  .scoped-bs4 .align-content-start {
    align-content: flex-start !important; }
  .scoped-bs4 .align-content-end {
    align-content: flex-end !important; }
  .scoped-bs4 .align-content-center {
    align-content: center !important; }
  .scoped-bs4 .align-content-between {
    align-content: space-between !important; }
  .scoped-bs4 .align-content-around {
    align-content: space-around !important; }
  .scoped-bs4 .align-content-stretch {
    align-content: stretch !important; }
  .scoped-bs4 .align-self-auto {
    align-self: auto !important; }
  .scoped-bs4 .align-self-start {
    align-self: flex-start !important; }
  .scoped-bs4 .align-self-end {
    align-self: flex-end !important; }
  .scoped-bs4 .align-self-center {
    align-self: center !important; }
  .scoped-bs4 .align-self-baseline {
    align-self: baseline !important; }
  .scoped-bs4 .align-self-stretch {
    align-self: stretch !important; }
  @media (min-width: 320px) {
    .scoped-bs4 .flex-3xs-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-3xs-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-3xs-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-3xs-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-3xs-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-3xs-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-3xs-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-3xs-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-3xs-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-3xs-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-3xs-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-3xs-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-3xs-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-3xs-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-3xs-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-3xs-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-3xs-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-3xs-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-3xs-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-3xs-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-3xs-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-3xs-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-3xs-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-3xs-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-3xs-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-3xs-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-3xs-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-3xs-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-3xs-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-3xs-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-3xs-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-3xs-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-3xs-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-3xs-stretch {
      align-self: stretch !important; } }
  @media (min-width: 374px) {
    .scoped-bs4 .flex-xxs-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-xxs-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-xxs-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-xxs-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-xxs-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-xxs-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-xxs-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-xxs-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-xxs-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-xxs-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-xxs-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-xxs-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-xxs-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-xxs-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-xxs-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-xxs-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-xxs-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-xxs-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-xxs-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-xxs-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-xxs-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-xxs-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-xxs-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-xxs-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-xxs-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-xxs-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-xxs-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-xxs-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-xxs-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-xxs-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-xxs-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-xxs-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-xxs-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-xxs-stretch {
      align-self: stretch !important; } }
  @media (min-width: 424px) {
    .scoped-bs4 .flex-xs-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-xs-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-xs-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-xs-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-xs-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-xs-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-xs-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-xs-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-xs-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-xs-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-xs-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-xs-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-xs-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-xs-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-xs-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-xs-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-xs-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-xs-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-xs-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-xs-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-xs-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-xs-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-xs-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-xs-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-xs-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-xs-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-xs-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-xs-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-xs-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-xs-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-xs-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-xs-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-xs-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-xs-stretch {
      align-self: stretch !important; } }
  @media (min-width: 576px) {
    .scoped-bs4 .flex-sm-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-sm-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-sm-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-sm-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-sm-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-sm-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-sm-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-sm-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-sm-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-sm-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-sm-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-sm-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-sm-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-sm-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-sm-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-sm-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-sm-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-sm-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-sm-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-sm-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-sm-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-sm-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-sm-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-sm-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-sm-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-sm-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-sm-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-sm-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-sm-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-sm-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-sm-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-sm-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-sm-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-sm-stretch {
      align-self: stretch !important; } }
  @media (min-width: 768px) {
    .scoped-bs4 .flex-md-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-md-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-md-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-md-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-md-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-md-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-md-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-md-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-md-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-md-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-md-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-md-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-md-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-md-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-md-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-md-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-md-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-md-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-md-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-md-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-md-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-md-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-md-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-md-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-md-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-md-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-md-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-md-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-md-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-md-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-md-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-md-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-md-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-md-stretch {
      align-self: stretch !important; } }
  @media (min-width: 992px) {
    .scoped-bs4 .flex-lg-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-lg-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-lg-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-lg-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-lg-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-lg-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-lg-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-lg-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-lg-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-lg-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-lg-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-lg-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-lg-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-lg-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-lg-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-lg-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-lg-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-lg-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-lg-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-lg-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-lg-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-lg-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-lg-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-lg-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-lg-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-lg-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-lg-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-lg-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-lg-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-lg-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-lg-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-lg-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-lg-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-lg-stretch {
      align-self: stretch !important; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .flex-xl-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-xl-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-xl-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-xl-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-xl-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-xl-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-xl-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-xl-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-xl-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-xl-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-xl-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-xl-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-xl-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-xl-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-xl-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-xl-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-xl-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-xl-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-xl-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-xl-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-xl-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-xl-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-xl-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-xl-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-xl-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-xl-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-xl-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-xl-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-xl-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-xl-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-xl-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-xl-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-xl-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-xl-stretch {
      align-self: stretch !important; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .flex-xxl-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-xxl-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-xxl-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-xxl-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-xxl-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-xxl-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-xxl-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-xxl-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-xxl-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-xxl-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-xxl-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-xxl-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-xxl-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-xxl-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-xxl-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-xxl-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-xxl-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-xxl-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-xxl-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-xxl-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-xxl-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-xxl-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-xxl-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-xxl-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-xxl-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-xxl-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-xxl-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-xxl-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-xxl-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-xxl-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-xxl-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-xxl-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-xxl-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-xxl-stretch {
      align-self: stretch !important; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .flex-3xl-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-3xl-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-3xl-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-3xl-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-3xl-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-3xl-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-3xl-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-3xl-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-3xl-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-3xl-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-3xl-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-3xl-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-3xl-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-3xl-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-3xl-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-3xl-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-3xl-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-3xl-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-3xl-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-3xl-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-3xl-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-3xl-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-3xl-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-3xl-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-3xl-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-3xl-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-3xl-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-3xl-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-3xl-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-3xl-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-3xl-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-3xl-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-3xl-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-3xl-stretch {
      align-self: stretch !important; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .flex-4xl-row {
      flex-direction: row !important; }
    .scoped-bs4 .flex-4xl-column {
      flex-direction: column !important; }
    .scoped-bs4 .flex-4xl-row-reverse {
      flex-direction: row-reverse !important; }
    .scoped-bs4 .flex-4xl-column-reverse {
      flex-direction: column-reverse !important; }
    .scoped-bs4 .flex-4xl-wrap {
      flex-wrap: wrap !important; }
    .scoped-bs4 .flex-4xl-nowrap {
      flex-wrap: nowrap !important; }
    .scoped-bs4 .flex-4xl-wrap-reverse {
      flex-wrap: wrap-reverse !important; }
    .scoped-bs4 .flex-4xl-fill {
      flex: 1 1 auto !important; }
    .scoped-bs4 .flex-4xl-grow-0 {
      flex-grow: 0 !important; }
    .scoped-bs4 .flex-4xl-grow-1 {
      flex-grow: 1 !important; }
    .scoped-bs4 .flex-4xl-shrink-0 {
      flex-shrink: 0 !important; }
    .scoped-bs4 .flex-4xl-shrink-1 {
      flex-shrink: 1 !important; }
    .scoped-bs4 .justify-content-4xl-start {
      justify-content: flex-start !important; }
    .scoped-bs4 .justify-content-4xl-end {
      justify-content: flex-end !important; }
    .scoped-bs4 .justify-content-4xl-center {
      justify-content: center !important; }
    .scoped-bs4 .justify-content-4xl-between {
      justify-content: space-between !important; }
    .scoped-bs4 .justify-content-4xl-around {
      justify-content: space-around !important; }
    .scoped-bs4 .align-items-4xl-start {
      align-items: flex-start !important; }
    .scoped-bs4 .align-items-4xl-end {
      align-items: flex-end !important; }
    .scoped-bs4 .align-items-4xl-center {
      align-items: center !important; }
    .scoped-bs4 .align-items-4xl-baseline {
      align-items: baseline !important; }
    .scoped-bs4 .align-items-4xl-stretch {
      align-items: stretch !important; }
    .scoped-bs4 .align-content-4xl-start {
      align-content: flex-start !important; }
    .scoped-bs4 .align-content-4xl-end {
      align-content: flex-end !important; }
    .scoped-bs4 .align-content-4xl-center {
      align-content: center !important; }
    .scoped-bs4 .align-content-4xl-between {
      align-content: space-between !important; }
    .scoped-bs4 .align-content-4xl-around {
      align-content: space-around !important; }
    .scoped-bs4 .align-content-4xl-stretch {
      align-content: stretch !important; }
    .scoped-bs4 .align-self-4xl-auto {
      align-self: auto !important; }
    .scoped-bs4 .align-self-4xl-start {
      align-self: flex-start !important; }
    .scoped-bs4 .align-self-4xl-end {
      align-self: flex-end !important; }
    .scoped-bs4 .align-self-4xl-center {
      align-self: center !important; }
    .scoped-bs4 .align-self-4xl-baseline {
      align-self: baseline !important; }
    .scoped-bs4 .align-self-4xl-stretch {
      align-self: stretch !important; } }
  .scoped-bs4 .float-left {
    float: left !important; }
  .scoped-bs4 .float-right {
    float: right !important; }
  .scoped-bs4 .float-none {
    float: none !important; }
  @media (min-width: 320px) {
    .scoped-bs4 .float-3xs-left {
      float: left !important; }
    .scoped-bs4 .float-3xs-right {
      float: right !important; }
    .scoped-bs4 .float-3xs-none {
      float: none !important; } }
  @media (min-width: 374px) {
    .scoped-bs4 .float-xxs-left {
      float: left !important; }
    .scoped-bs4 .float-xxs-right {
      float: right !important; }
    .scoped-bs4 .float-xxs-none {
      float: none !important; } }
  @media (min-width: 424px) {
    .scoped-bs4 .float-xs-left {
      float: left !important; }
    .scoped-bs4 .float-xs-right {
      float: right !important; }
    .scoped-bs4 .float-xs-none {
      float: none !important; } }
  @media (min-width: 576px) {
    .scoped-bs4 .float-sm-left {
      float: left !important; }
    .scoped-bs4 .float-sm-right {
      float: right !important; }
    .scoped-bs4 .float-sm-none {
      float: none !important; } }
  @media (min-width: 768px) {
    .scoped-bs4 .float-md-left {
      float: left !important; }
    .scoped-bs4 .float-md-right {
      float: right !important; }
    .scoped-bs4 .float-md-none {
      float: none !important; } }
  @media (min-width: 992px) {
    .scoped-bs4 .float-lg-left {
      float: left !important; }
    .scoped-bs4 .float-lg-right {
      float: right !important; }
    .scoped-bs4 .float-lg-none {
      float: none !important; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .float-xl-left {
      float: left !important; }
    .scoped-bs4 .float-xl-right {
      float: right !important; }
    .scoped-bs4 .float-xl-none {
      float: none !important; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .float-xxl-left {
      float: left !important; }
    .scoped-bs4 .float-xxl-right {
      float: right !important; }
    .scoped-bs4 .float-xxl-none {
      float: none !important; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .float-3xl-left {
      float: left !important; }
    .scoped-bs4 .float-3xl-right {
      float: right !important; }
    .scoped-bs4 .float-3xl-none {
      float: none !important; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .float-4xl-left {
      float: left !important; }
    .scoped-bs4 .float-4xl-right {
      float: right !important; }
    .scoped-bs4 .float-4xl-none {
      float: none !important; } }
  .scoped-bs4 .user-select-all {
    user-select: all !important; }
  .scoped-bs4 .user-select-auto {
    user-select: auto !important; }
  .scoped-bs4 .user-select-none {
    user-select: none !important; }
  .scoped-bs4 .overflow-auto {
    overflow: auto !important; }
  .scoped-bs4 .overflow-hidden {
    overflow: hidden !important; }
  .scoped-bs4 .position-static {
    position: static !important; }
  .scoped-bs4 .position-relative {
    position: relative !important; }
  .scoped-bs4 .position-absolute {
    position: absolute !important; }
  .scoped-bs4 .position-fixed {
    position: fixed !important; }
  .scoped-bs4 .position-sticky {
    position: sticky !important; }
  .scoped-bs4 .fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; }
  .scoped-bs4 .fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030; }
  @supports (position: sticky) {
    .scoped-bs4 .sticky-top {
      position: sticky;
      top: 0;
      z-index: 1020; } }
  .scoped-bs4 .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0; }
  .scoped-bs4 .sr-only-focusable:active, .scoped-bs4 .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal; }
  .scoped-bs4 .shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(34, 34, 34, 0.075) !important; }
  .scoped-bs4 .shadow {
    box-shadow: 0 0.5rem 1rem rgba(34, 34, 34, 0.15) !important; }
  .scoped-bs4 .shadow-lg {
    box-shadow: 0 1rem 3rem rgba(34, 34, 34, 0.175) !important; }
  .scoped-bs4 .shadow-none {
    box-shadow: none !important; }
  .scoped-bs4 .w-25 {
    width: 25% !important; }
  .scoped-bs4 .w-50 {
    width: 50% !important; }
  .scoped-bs4 .w-75 {
    width: 75% !important; }
  .scoped-bs4 .w-100 {
    width: 100% !important; }
  .scoped-bs4 .w-auto {
    width: auto !important; }
  .scoped-bs4 .h-25 {
    height: 25% !important; }
  .scoped-bs4 .h-50 {
    height: 50% !important; }
  .scoped-bs4 .h-75 {
    height: 75% !important; }
  .scoped-bs4 .h-100 {
    height: 100% !important; }
  .scoped-bs4 .h-auto {
    height: auto !important; }
  .scoped-bs4 .mw-100 {
    max-width: 100% !important; }
  .scoped-bs4 .mh-100 {
    max-height: 100% !important; }
  .scoped-bs4 .min-vw-100 {
    min-width: 100vw !important; }
  .scoped-bs4 .min-vh-100 {
    min-height: 100vh !important; }
  .scoped-bs4 .vw-100 {
    width: 100vw !important; }
  .scoped-bs4 .vh-100 {
    height: 100vh !important; }
  .scoped-bs4 .m-0 {
    margin: 0 !important; }
  .scoped-bs4 .mt-0,
  .scoped-bs4 .my-0 {
    margin-top: 0 !important; }
  .scoped-bs4 .mr-0,
  .scoped-bs4 .mx-0 {
    margin-right: 0 !important; }
  .scoped-bs4 .mb-0,
  .scoped-bs4 .my-0 {
    margin-bottom: 0 !important; }
  .scoped-bs4 .ml-0,
  .scoped-bs4 .mx-0 {
    margin-left: 0 !important; }
  .scoped-bs4 .m-1 {
    margin: 0.25rem !important; }
  .scoped-bs4 .mt-1,
  .scoped-bs4 .my-1 {
    margin-top: 0.25rem !important; }
  .scoped-bs4 .mr-1,
  .scoped-bs4 .mx-1 {
    margin-right: 0.25rem !important; }
  .scoped-bs4 .mb-1,
  .scoped-bs4 .my-1 {
    margin-bottom: 0.25rem !important; }
  .scoped-bs4 .ml-1,
  .scoped-bs4 .mx-1 {
    margin-left: 0.25rem !important; }
  .scoped-bs4 .m-2 {
    margin: 0.5rem !important; }
  .scoped-bs4 .mt-2,
  .scoped-bs4 .my-2 {
    margin-top: 0.5rem !important; }
  .scoped-bs4 .mr-2,
  .scoped-bs4 .mx-2 {
    margin-right: 0.5rem !important; }
  .scoped-bs4 .mb-2,
  .scoped-bs4 .my-2 {
    margin-bottom: 0.5rem !important; }
  .scoped-bs4 .ml-2,
  .scoped-bs4 .mx-2 {
    margin-left: 0.5rem !important; }
  .scoped-bs4 .m-3 {
    margin: 1rem !important; }
  .scoped-bs4 .mt-3,
  .scoped-bs4 .my-3 {
    margin-top: 1rem !important; }
  .scoped-bs4 .mr-3,
  .scoped-bs4 .mx-3 {
    margin-right: 1rem !important; }
  .scoped-bs4 .mb-3,
  .scoped-bs4 .my-3 {
    margin-bottom: 1rem !important; }
  .scoped-bs4 .ml-3,
  .scoped-bs4 .mx-3 {
    margin-left: 1rem !important; }
  .scoped-bs4 .m-4 {
    margin: 1.5rem !important; }
  .scoped-bs4 .mt-4,
  .scoped-bs4 .my-4 {
    margin-top: 1.5rem !important; }
  .scoped-bs4 .mr-4,
  .scoped-bs4 .mx-4 {
    margin-right: 1.5rem !important; }
  .scoped-bs4 .mb-4,
  .scoped-bs4 .my-4 {
    margin-bottom: 1.5rem !important; }
  .scoped-bs4 .ml-4,
  .scoped-bs4 .mx-4 {
    margin-left: 1.5rem !important; }
  .scoped-bs4 .m-5 {
    margin: 3rem !important; }
  .scoped-bs4 .mt-5,
  .scoped-bs4 .my-5 {
    margin-top: 3rem !important; }
  .scoped-bs4 .mr-5,
  .scoped-bs4 .mx-5 {
    margin-right: 3rem !important; }
  .scoped-bs4 .mb-5,
  .scoped-bs4 .my-5 {
    margin-bottom: 3rem !important; }
  .scoped-bs4 .ml-5,
  .scoped-bs4 .mx-5 {
    margin-left: 3rem !important; }
  .scoped-bs4 .p-0 {
    padding: 0 !important; }
  .scoped-bs4 .pt-0,
  .scoped-bs4 .py-0 {
    padding-top: 0 !important; }
  .scoped-bs4 .pr-0,
  .scoped-bs4 .px-0 {
    padding-right: 0 !important; }
  .scoped-bs4 .pb-0,
  .scoped-bs4 .py-0 {
    padding-bottom: 0 !important; }
  .scoped-bs4 .pl-0,
  .scoped-bs4 .px-0 {
    padding-left: 0 !important; }
  .scoped-bs4 .p-1 {
    padding: 0.25rem !important; }
  .scoped-bs4 .pt-1,
  .scoped-bs4 .py-1 {
    padding-top: 0.25rem !important; }
  .scoped-bs4 .pr-1,
  .scoped-bs4 .px-1 {
    padding-right: 0.25rem !important; }
  .scoped-bs4 .pb-1,
  .scoped-bs4 .py-1 {
    padding-bottom: 0.25rem !important; }
  .scoped-bs4 .pl-1,
  .scoped-bs4 .px-1 {
    padding-left: 0.25rem !important; }
  .scoped-bs4 .p-2 {
    padding: 0.5rem !important; }
  .scoped-bs4 .pt-2,
  .scoped-bs4 .py-2 {
    padding-top: 0.5rem !important; }
  .scoped-bs4 .pr-2,
  .scoped-bs4 .px-2 {
    padding-right: 0.5rem !important; }
  .scoped-bs4 .pb-2,
  .scoped-bs4 .py-2 {
    padding-bottom: 0.5rem !important; }
  .scoped-bs4 .pl-2,
  .scoped-bs4 .px-2 {
    padding-left: 0.5rem !important; }
  .scoped-bs4 .p-3 {
    padding: 1rem !important; }
  .scoped-bs4 .pt-3,
  .scoped-bs4 .py-3 {
    padding-top: 1rem !important; }
  .scoped-bs4 .pr-3,
  .scoped-bs4 .px-3 {
    padding-right: 1rem !important; }
  .scoped-bs4 .pb-3,
  .scoped-bs4 .py-3 {
    padding-bottom: 1rem !important; }
  .scoped-bs4 .pl-3,
  .scoped-bs4 .px-3 {
    padding-left: 1rem !important; }
  .scoped-bs4 .p-4 {
    padding: 1.5rem !important; }
  .scoped-bs4 .pt-4,
  .scoped-bs4 .py-4 {
    padding-top: 1.5rem !important; }
  .scoped-bs4 .pr-4,
  .scoped-bs4 .px-4 {
    padding-right: 1.5rem !important; }
  .scoped-bs4 .pb-4,
  .scoped-bs4 .py-4 {
    padding-bottom: 1.5rem !important; }
  .scoped-bs4 .pl-4,
  .scoped-bs4 .px-4 {
    padding-left: 1.5rem !important; }
  .scoped-bs4 .p-5 {
    padding: 3rem !important; }
  .scoped-bs4 .pt-5,
  .scoped-bs4 .py-5 {
    padding-top: 3rem !important; }
  .scoped-bs4 .pr-5,
  .scoped-bs4 .px-5 {
    padding-right: 3rem !important; }
  .scoped-bs4 .pb-5,
  .scoped-bs4 .py-5 {
    padding-bottom: 3rem !important; }
  .scoped-bs4 .pl-5,
  .scoped-bs4 .px-5 {
    padding-left: 3rem !important; }
  .scoped-bs4 .m-n1 {
    margin: -0.25rem !important; }
  .scoped-bs4 .mt-n1,
  .scoped-bs4 .my-n1 {
    margin-top: -0.25rem !important; }
  .scoped-bs4 .mr-n1,
  .scoped-bs4 .mx-n1 {
    margin-right: -0.25rem !important; }
  .scoped-bs4 .mb-n1,
  .scoped-bs4 .my-n1 {
    margin-bottom: -0.25rem !important; }
  .scoped-bs4 .ml-n1,
  .scoped-bs4 .mx-n1 {
    margin-left: -0.25rem !important; }
  .scoped-bs4 .m-n2 {
    margin: -0.5rem !important; }
  .scoped-bs4 .mt-n2,
  .scoped-bs4 .my-n2 {
    margin-top: -0.5rem !important; }
  .scoped-bs4 .mr-n2,
  .scoped-bs4 .mx-n2 {
    margin-right: -0.5rem !important; }
  .scoped-bs4 .mb-n2,
  .scoped-bs4 .my-n2 {
    margin-bottom: -0.5rem !important; }
  .scoped-bs4 .ml-n2,
  .scoped-bs4 .mx-n2 {
    margin-left: -0.5rem !important; }
  .scoped-bs4 .m-n3 {
    margin: -1rem !important; }
  .scoped-bs4 .mt-n3,
  .scoped-bs4 .my-n3 {
    margin-top: -1rem !important; }
  .scoped-bs4 .mr-n3,
  .scoped-bs4 .mx-n3 {
    margin-right: -1rem !important; }
  .scoped-bs4 .mb-n3,
  .scoped-bs4 .my-n3 {
    margin-bottom: -1rem !important; }
  .scoped-bs4 .ml-n3,
  .scoped-bs4 .mx-n3 {
    margin-left: -1rem !important; }
  .scoped-bs4 .m-n4 {
    margin: -1.5rem !important; }
  .scoped-bs4 .mt-n4,
  .scoped-bs4 .my-n4 {
    margin-top: -1.5rem !important; }
  .scoped-bs4 .mr-n4,
  .scoped-bs4 .mx-n4 {
    margin-right: -1.5rem !important; }
  .scoped-bs4 .mb-n4,
  .scoped-bs4 .my-n4 {
    margin-bottom: -1.5rem !important; }
  .scoped-bs4 .ml-n4,
  .scoped-bs4 .mx-n4 {
    margin-left: -1.5rem !important; }
  .scoped-bs4 .m-n5 {
    margin: -3rem !important; }
  .scoped-bs4 .mt-n5,
  .scoped-bs4 .my-n5 {
    margin-top: -3rem !important; }
  .scoped-bs4 .mr-n5,
  .scoped-bs4 .mx-n5 {
    margin-right: -3rem !important; }
  .scoped-bs4 .mb-n5,
  .scoped-bs4 .my-n5 {
    margin-bottom: -3rem !important; }
  .scoped-bs4 .ml-n5,
  .scoped-bs4 .mx-n5 {
    margin-left: -3rem !important; }
  .scoped-bs4 .m-auto {
    margin: auto !important; }
  .scoped-bs4 .mt-auto,
  .scoped-bs4 .my-auto {
    margin-top: auto !important; }
  .scoped-bs4 .mr-auto,
  .scoped-bs4 .mx-auto {
    margin-right: auto !important; }
  .scoped-bs4 .mb-auto,
  .scoped-bs4 .my-auto {
    margin-bottom: auto !important; }
  .scoped-bs4 .ml-auto,
  .scoped-bs4 .mx-auto {
    margin-left: auto !important; }
  @media (min-width: 320px) {
    .scoped-bs4 .m-3xs-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-3xs-0,
    .scoped-bs4 .my-3xs-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-3xs-0,
    .scoped-bs4 .mx-3xs-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-3xs-0,
    .scoped-bs4 .my-3xs-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-3xs-0,
    .scoped-bs4 .mx-3xs-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-3xs-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-3xs-1,
    .scoped-bs4 .my-3xs-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-3xs-1,
    .scoped-bs4 .mx-3xs-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-3xs-1,
    .scoped-bs4 .my-3xs-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-3xs-1,
    .scoped-bs4 .mx-3xs-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-3xs-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-3xs-2,
    .scoped-bs4 .my-3xs-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-3xs-2,
    .scoped-bs4 .mx-3xs-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-3xs-2,
    .scoped-bs4 .my-3xs-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-3xs-2,
    .scoped-bs4 .mx-3xs-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-3xs-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-3xs-3,
    .scoped-bs4 .my-3xs-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-3xs-3,
    .scoped-bs4 .mx-3xs-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-3xs-3,
    .scoped-bs4 .my-3xs-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-3xs-3,
    .scoped-bs4 .mx-3xs-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-3xs-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-3xs-4,
    .scoped-bs4 .my-3xs-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-3xs-4,
    .scoped-bs4 .mx-3xs-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-3xs-4,
    .scoped-bs4 .my-3xs-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-3xs-4,
    .scoped-bs4 .mx-3xs-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-3xs-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-3xs-5,
    .scoped-bs4 .my-3xs-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-3xs-5,
    .scoped-bs4 .mx-3xs-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-3xs-5,
    .scoped-bs4 .my-3xs-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-3xs-5,
    .scoped-bs4 .mx-3xs-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-3xs-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-3xs-0,
    .scoped-bs4 .py-3xs-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-3xs-0,
    .scoped-bs4 .px-3xs-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-3xs-0,
    .scoped-bs4 .py-3xs-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-3xs-0,
    .scoped-bs4 .px-3xs-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-3xs-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-3xs-1,
    .scoped-bs4 .py-3xs-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-3xs-1,
    .scoped-bs4 .px-3xs-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-3xs-1,
    .scoped-bs4 .py-3xs-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-3xs-1,
    .scoped-bs4 .px-3xs-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-3xs-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-3xs-2,
    .scoped-bs4 .py-3xs-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-3xs-2,
    .scoped-bs4 .px-3xs-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-3xs-2,
    .scoped-bs4 .py-3xs-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-3xs-2,
    .scoped-bs4 .px-3xs-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-3xs-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-3xs-3,
    .scoped-bs4 .py-3xs-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-3xs-3,
    .scoped-bs4 .px-3xs-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-3xs-3,
    .scoped-bs4 .py-3xs-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-3xs-3,
    .scoped-bs4 .px-3xs-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-3xs-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-3xs-4,
    .scoped-bs4 .py-3xs-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-3xs-4,
    .scoped-bs4 .px-3xs-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-3xs-4,
    .scoped-bs4 .py-3xs-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-3xs-4,
    .scoped-bs4 .px-3xs-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-3xs-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-3xs-5,
    .scoped-bs4 .py-3xs-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-3xs-5,
    .scoped-bs4 .px-3xs-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-3xs-5,
    .scoped-bs4 .py-3xs-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-3xs-5,
    .scoped-bs4 .px-3xs-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-3xs-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-3xs-n1,
    .scoped-bs4 .my-3xs-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-3xs-n1,
    .scoped-bs4 .mx-3xs-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-3xs-n1,
    .scoped-bs4 .my-3xs-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-3xs-n1,
    .scoped-bs4 .mx-3xs-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-3xs-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-3xs-n2,
    .scoped-bs4 .my-3xs-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-3xs-n2,
    .scoped-bs4 .mx-3xs-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-3xs-n2,
    .scoped-bs4 .my-3xs-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-3xs-n2,
    .scoped-bs4 .mx-3xs-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-3xs-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-3xs-n3,
    .scoped-bs4 .my-3xs-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-3xs-n3,
    .scoped-bs4 .mx-3xs-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-3xs-n3,
    .scoped-bs4 .my-3xs-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-3xs-n3,
    .scoped-bs4 .mx-3xs-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-3xs-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-3xs-n4,
    .scoped-bs4 .my-3xs-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-3xs-n4,
    .scoped-bs4 .mx-3xs-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-3xs-n4,
    .scoped-bs4 .my-3xs-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-3xs-n4,
    .scoped-bs4 .mx-3xs-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-3xs-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-3xs-n5,
    .scoped-bs4 .my-3xs-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-3xs-n5,
    .scoped-bs4 .mx-3xs-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-3xs-n5,
    .scoped-bs4 .my-3xs-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-3xs-n5,
    .scoped-bs4 .mx-3xs-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-3xs-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-3xs-auto,
    .scoped-bs4 .my-3xs-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-3xs-auto,
    .scoped-bs4 .mx-3xs-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-3xs-auto,
    .scoped-bs4 .my-3xs-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-3xs-auto,
    .scoped-bs4 .mx-3xs-auto {
      margin-left: auto !important; } }
  @media (min-width: 374px) {
    .scoped-bs4 .m-xxs-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-xxs-0,
    .scoped-bs4 .my-xxs-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-xxs-0,
    .scoped-bs4 .mx-xxs-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-xxs-0,
    .scoped-bs4 .my-xxs-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-xxs-0,
    .scoped-bs4 .mx-xxs-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-xxs-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-xxs-1,
    .scoped-bs4 .my-xxs-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-xxs-1,
    .scoped-bs4 .mx-xxs-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-xxs-1,
    .scoped-bs4 .my-xxs-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-xxs-1,
    .scoped-bs4 .mx-xxs-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-xxs-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-xxs-2,
    .scoped-bs4 .my-xxs-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-xxs-2,
    .scoped-bs4 .mx-xxs-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-xxs-2,
    .scoped-bs4 .my-xxs-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-xxs-2,
    .scoped-bs4 .mx-xxs-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-xxs-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-xxs-3,
    .scoped-bs4 .my-xxs-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-xxs-3,
    .scoped-bs4 .mx-xxs-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-xxs-3,
    .scoped-bs4 .my-xxs-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-xxs-3,
    .scoped-bs4 .mx-xxs-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-xxs-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-xxs-4,
    .scoped-bs4 .my-xxs-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-xxs-4,
    .scoped-bs4 .mx-xxs-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-xxs-4,
    .scoped-bs4 .my-xxs-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-xxs-4,
    .scoped-bs4 .mx-xxs-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-xxs-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-xxs-5,
    .scoped-bs4 .my-xxs-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-xxs-5,
    .scoped-bs4 .mx-xxs-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-xxs-5,
    .scoped-bs4 .my-xxs-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-xxs-5,
    .scoped-bs4 .mx-xxs-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-xxs-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-xxs-0,
    .scoped-bs4 .py-xxs-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-xxs-0,
    .scoped-bs4 .px-xxs-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-xxs-0,
    .scoped-bs4 .py-xxs-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-xxs-0,
    .scoped-bs4 .px-xxs-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-xxs-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-xxs-1,
    .scoped-bs4 .py-xxs-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-xxs-1,
    .scoped-bs4 .px-xxs-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-xxs-1,
    .scoped-bs4 .py-xxs-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-xxs-1,
    .scoped-bs4 .px-xxs-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-xxs-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-xxs-2,
    .scoped-bs4 .py-xxs-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-xxs-2,
    .scoped-bs4 .px-xxs-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-xxs-2,
    .scoped-bs4 .py-xxs-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-xxs-2,
    .scoped-bs4 .px-xxs-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-xxs-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-xxs-3,
    .scoped-bs4 .py-xxs-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-xxs-3,
    .scoped-bs4 .px-xxs-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-xxs-3,
    .scoped-bs4 .py-xxs-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-xxs-3,
    .scoped-bs4 .px-xxs-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-xxs-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-xxs-4,
    .scoped-bs4 .py-xxs-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-xxs-4,
    .scoped-bs4 .px-xxs-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-xxs-4,
    .scoped-bs4 .py-xxs-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-xxs-4,
    .scoped-bs4 .px-xxs-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-xxs-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-xxs-5,
    .scoped-bs4 .py-xxs-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-xxs-5,
    .scoped-bs4 .px-xxs-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-xxs-5,
    .scoped-bs4 .py-xxs-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-xxs-5,
    .scoped-bs4 .px-xxs-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-xxs-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-xxs-n1,
    .scoped-bs4 .my-xxs-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-xxs-n1,
    .scoped-bs4 .mx-xxs-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-xxs-n1,
    .scoped-bs4 .my-xxs-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-xxs-n1,
    .scoped-bs4 .mx-xxs-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-xxs-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-xxs-n2,
    .scoped-bs4 .my-xxs-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-xxs-n2,
    .scoped-bs4 .mx-xxs-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-xxs-n2,
    .scoped-bs4 .my-xxs-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-xxs-n2,
    .scoped-bs4 .mx-xxs-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-xxs-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-xxs-n3,
    .scoped-bs4 .my-xxs-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-xxs-n3,
    .scoped-bs4 .mx-xxs-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-xxs-n3,
    .scoped-bs4 .my-xxs-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-xxs-n3,
    .scoped-bs4 .mx-xxs-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-xxs-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-xxs-n4,
    .scoped-bs4 .my-xxs-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-xxs-n4,
    .scoped-bs4 .mx-xxs-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-xxs-n4,
    .scoped-bs4 .my-xxs-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-xxs-n4,
    .scoped-bs4 .mx-xxs-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-xxs-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-xxs-n5,
    .scoped-bs4 .my-xxs-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-xxs-n5,
    .scoped-bs4 .mx-xxs-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-xxs-n5,
    .scoped-bs4 .my-xxs-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-xxs-n5,
    .scoped-bs4 .mx-xxs-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-xxs-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-xxs-auto,
    .scoped-bs4 .my-xxs-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-xxs-auto,
    .scoped-bs4 .mx-xxs-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-xxs-auto,
    .scoped-bs4 .my-xxs-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-xxs-auto,
    .scoped-bs4 .mx-xxs-auto {
      margin-left: auto !important; } }
  @media (min-width: 424px) {
    .scoped-bs4 .m-xs-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-xs-0,
    .scoped-bs4 .my-xs-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-xs-0,
    .scoped-bs4 .mx-xs-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-xs-0,
    .scoped-bs4 .my-xs-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-xs-0,
    .scoped-bs4 .mx-xs-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-xs-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-xs-1,
    .scoped-bs4 .my-xs-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-xs-1,
    .scoped-bs4 .mx-xs-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-xs-1,
    .scoped-bs4 .my-xs-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-xs-1,
    .scoped-bs4 .mx-xs-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-xs-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-xs-2,
    .scoped-bs4 .my-xs-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-xs-2,
    .scoped-bs4 .mx-xs-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-xs-2,
    .scoped-bs4 .my-xs-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-xs-2,
    .scoped-bs4 .mx-xs-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-xs-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-xs-3,
    .scoped-bs4 .my-xs-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-xs-3,
    .scoped-bs4 .mx-xs-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-xs-3,
    .scoped-bs4 .my-xs-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-xs-3,
    .scoped-bs4 .mx-xs-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-xs-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-xs-4,
    .scoped-bs4 .my-xs-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-xs-4,
    .scoped-bs4 .mx-xs-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-xs-4,
    .scoped-bs4 .my-xs-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-xs-4,
    .scoped-bs4 .mx-xs-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-xs-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-xs-5,
    .scoped-bs4 .my-xs-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-xs-5,
    .scoped-bs4 .mx-xs-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-xs-5,
    .scoped-bs4 .my-xs-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-xs-5,
    .scoped-bs4 .mx-xs-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-xs-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-xs-0,
    .scoped-bs4 .py-xs-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-xs-0,
    .scoped-bs4 .px-xs-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-xs-0,
    .scoped-bs4 .py-xs-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-xs-0,
    .scoped-bs4 .px-xs-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-xs-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-xs-1,
    .scoped-bs4 .py-xs-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-xs-1,
    .scoped-bs4 .px-xs-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-xs-1,
    .scoped-bs4 .py-xs-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-xs-1,
    .scoped-bs4 .px-xs-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-xs-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-xs-2,
    .scoped-bs4 .py-xs-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-xs-2,
    .scoped-bs4 .px-xs-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-xs-2,
    .scoped-bs4 .py-xs-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-xs-2,
    .scoped-bs4 .px-xs-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-xs-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-xs-3,
    .scoped-bs4 .py-xs-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-xs-3,
    .scoped-bs4 .px-xs-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-xs-3,
    .scoped-bs4 .py-xs-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-xs-3,
    .scoped-bs4 .px-xs-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-xs-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-xs-4,
    .scoped-bs4 .py-xs-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-xs-4,
    .scoped-bs4 .px-xs-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-xs-4,
    .scoped-bs4 .py-xs-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-xs-4,
    .scoped-bs4 .px-xs-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-xs-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-xs-5,
    .scoped-bs4 .py-xs-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-xs-5,
    .scoped-bs4 .px-xs-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-xs-5,
    .scoped-bs4 .py-xs-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-xs-5,
    .scoped-bs4 .px-xs-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-xs-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-xs-n1,
    .scoped-bs4 .my-xs-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-xs-n1,
    .scoped-bs4 .mx-xs-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-xs-n1,
    .scoped-bs4 .my-xs-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-xs-n1,
    .scoped-bs4 .mx-xs-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-xs-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-xs-n2,
    .scoped-bs4 .my-xs-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-xs-n2,
    .scoped-bs4 .mx-xs-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-xs-n2,
    .scoped-bs4 .my-xs-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-xs-n2,
    .scoped-bs4 .mx-xs-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-xs-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-xs-n3,
    .scoped-bs4 .my-xs-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-xs-n3,
    .scoped-bs4 .mx-xs-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-xs-n3,
    .scoped-bs4 .my-xs-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-xs-n3,
    .scoped-bs4 .mx-xs-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-xs-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-xs-n4,
    .scoped-bs4 .my-xs-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-xs-n4,
    .scoped-bs4 .mx-xs-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-xs-n4,
    .scoped-bs4 .my-xs-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-xs-n4,
    .scoped-bs4 .mx-xs-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-xs-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-xs-n5,
    .scoped-bs4 .my-xs-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-xs-n5,
    .scoped-bs4 .mx-xs-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-xs-n5,
    .scoped-bs4 .my-xs-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-xs-n5,
    .scoped-bs4 .mx-xs-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-xs-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-xs-auto,
    .scoped-bs4 .my-xs-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-xs-auto,
    .scoped-bs4 .mx-xs-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-xs-auto,
    .scoped-bs4 .my-xs-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-xs-auto,
    .scoped-bs4 .mx-xs-auto {
      margin-left: auto !important; } }
  @media (min-width: 576px) {
    .scoped-bs4 .m-sm-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-sm-0,
    .scoped-bs4 .my-sm-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-sm-0,
    .scoped-bs4 .mx-sm-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-sm-0,
    .scoped-bs4 .my-sm-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-sm-0,
    .scoped-bs4 .mx-sm-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-sm-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-sm-1,
    .scoped-bs4 .my-sm-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-sm-1,
    .scoped-bs4 .mx-sm-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-sm-1,
    .scoped-bs4 .my-sm-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-sm-1,
    .scoped-bs4 .mx-sm-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-sm-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-sm-2,
    .scoped-bs4 .my-sm-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-sm-2,
    .scoped-bs4 .mx-sm-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-sm-2,
    .scoped-bs4 .my-sm-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-sm-2,
    .scoped-bs4 .mx-sm-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-sm-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-sm-3,
    .scoped-bs4 .my-sm-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-sm-3,
    .scoped-bs4 .mx-sm-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-sm-3,
    .scoped-bs4 .my-sm-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-sm-3,
    .scoped-bs4 .mx-sm-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-sm-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-sm-4,
    .scoped-bs4 .my-sm-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-sm-4,
    .scoped-bs4 .mx-sm-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-sm-4,
    .scoped-bs4 .my-sm-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-sm-4,
    .scoped-bs4 .mx-sm-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-sm-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-sm-5,
    .scoped-bs4 .my-sm-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-sm-5,
    .scoped-bs4 .mx-sm-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-sm-5,
    .scoped-bs4 .my-sm-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-sm-5,
    .scoped-bs4 .mx-sm-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-sm-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-sm-0,
    .scoped-bs4 .py-sm-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-sm-0,
    .scoped-bs4 .px-sm-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-sm-0,
    .scoped-bs4 .py-sm-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-sm-0,
    .scoped-bs4 .px-sm-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-sm-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-sm-1,
    .scoped-bs4 .py-sm-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-sm-1,
    .scoped-bs4 .px-sm-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-sm-1,
    .scoped-bs4 .py-sm-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-sm-1,
    .scoped-bs4 .px-sm-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-sm-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-sm-2,
    .scoped-bs4 .py-sm-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-sm-2,
    .scoped-bs4 .px-sm-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-sm-2,
    .scoped-bs4 .py-sm-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-sm-2,
    .scoped-bs4 .px-sm-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-sm-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-sm-3,
    .scoped-bs4 .py-sm-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-sm-3,
    .scoped-bs4 .px-sm-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-sm-3,
    .scoped-bs4 .py-sm-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-sm-3,
    .scoped-bs4 .px-sm-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-sm-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-sm-4,
    .scoped-bs4 .py-sm-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-sm-4,
    .scoped-bs4 .px-sm-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-sm-4,
    .scoped-bs4 .py-sm-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-sm-4,
    .scoped-bs4 .px-sm-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-sm-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-sm-5,
    .scoped-bs4 .py-sm-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-sm-5,
    .scoped-bs4 .px-sm-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-sm-5,
    .scoped-bs4 .py-sm-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-sm-5,
    .scoped-bs4 .px-sm-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-sm-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-sm-n1,
    .scoped-bs4 .my-sm-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-sm-n1,
    .scoped-bs4 .mx-sm-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-sm-n1,
    .scoped-bs4 .my-sm-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-sm-n1,
    .scoped-bs4 .mx-sm-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-sm-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-sm-n2,
    .scoped-bs4 .my-sm-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-sm-n2,
    .scoped-bs4 .mx-sm-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-sm-n2,
    .scoped-bs4 .my-sm-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-sm-n2,
    .scoped-bs4 .mx-sm-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-sm-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-sm-n3,
    .scoped-bs4 .my-sm-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-sm-n3,
    .scoped-bs4 .mx-sm-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-sm-n3,
    .scoped-bs4 .my-sm-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-sm-n3,
    .scoped-bs4 .mx-sm-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-sm-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-sm-n4,
    .scoped-bs4 .my-sm-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-sm-n4,
    .scoped-bs4 .mx-sm-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-sm-n4,
    .scoped-bs4 .my-sm-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-sm-n4,
    .scoped-bs4 .mx-sm-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-sm-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-sm-n5,
    .scoped-bs4 .my-sm-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-sm-n5,
    .scoped-bs4 .mx-sm-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-sm-n5,
    .scoped-bs4 .my-sm-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-sm-n5,
    .scoped-bs4 .mx-sm-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-sm-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-sm-auto,
    .scoped-bs4 .my-sm-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-sm-auto,
    .scoped-bs4 .mx-sm-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-sm-auto,
    .scoped-bs4 .my-sm-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-sm-auto,
    .scoped-bs4 .mx-sm-auto {
      margin-left: auto !important; } }
  @media (min-width: 768px) {
    .scoped-bs4 .m-md-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-md-0,
    .scoped-bs4 .my-md-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-md-0,
    .scoped-bs4 .mx-md-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-md-0,
    .scoped-bs4 .my-md-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-md-0,
    .scoped-bs4 .mx-md-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-md-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-md-1,
    .scoped-bs4 .my-md-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-md-1,
    .scoped-bs4 .mx-md-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-md-1,
    .scoped-bs4 .my-md-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-md-1,
    .scoped-bs4 .mx-md-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-md-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-md-2,
    .scoped-bs4 .my-md-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-md-2,
    .scoped-bs4 .mx-md-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-md-2,
    .scoped-bs4 .my-md-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-md-2,
    .scoped-bs4 .mx-md-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-md-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-md-3,
    .scoped-bs4 .my-md-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-md-3,
    .scoped-bs4 .mx-md-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-md-3,
    .scoped-bs4 .my-md-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-md-3,
    .scoped-bs4 .mx-md-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-md-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-md-4,
    .scoped-bs4 .my-md-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-md-4,
    .scoped-bs4 .mx-md-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-md-4,
    .scoped-bs4 .my-md-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-md-4,
    .scoped-bs4 .mx-md-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-md-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-md-5,
    .scoped-bs4 .my-md-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-md-5,
    .scoped-bs4 .mx-md-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-md-5,
    .scoped-bs4 .my-md-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-md-5,
    .scoped-bs4 .mx-md-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-md-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-md-0,
    .scoped-bs4 .py-md-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-md-0,
    .scoped-bs4 .px-md-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-md-0,
    .scoped-bs4 .py-md-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-md-0,
    .scoped-bs4 .px-md-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-md-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-md-1,
    .scoped-bs4 .py-md-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-md-1,
    .scoped-bs4 .px-md-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-md-1,
    .scoped-bs4 .py-md-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-md-1,
    .scoped-bs4 .px-md-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-md-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-md-2,
    .scoped-bs4 .py-md-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-md-2,
    .scoped-bs4 .px-md-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-md-2,
    .scoped-bs4 .py-md-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-md-2,
    .scoped-bs4 .px-md-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-md-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-md-3,
    .scoped-bs4 .py-md-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-md-3,
    .scoped-bs4 .px-md-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-md-3,
    .scoped-bs4 .py-md-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-md-3,
    .scoped-bs4 .px-md-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-md-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-md-4,
    .scoped-bs4 .py-md-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-md-4,
    .scoped-bs4 .px-md-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-md-4,
    .scoped-bs4 .py-md-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-md-4,
    .scoped-bs4 .px-md-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-md-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-md-5,
    .scoped-bs4 .py-md-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-md-5,
    .scoped-bs4 .px-md-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-md-5,
    .scoped-bs4 .py-md-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-md-5,
    .scoped-bs4 .px-md-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-md-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-md-n1,
    .scoped-bs4 .my-md-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-md-n1,
    .scoped-bs4 .mx-md-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-md-n1,
    .scoped-bs4 .my-md-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-md-n1,
    .scoped-bs4 .mx-md-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-md-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-md-n2,
    .scoped-bs4 .my-md-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-md-n2,
    .scoped-bs4 .mx-md-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-md-n2,
    .scoped-bs4 .my-md-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-md-n2,
    .scoped-bs4 .mx-md-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-md-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-md-n3,
    .scoped-bs4 .my-md-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-md-n3,
    .scoped-bs4 .mx-md-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-md-n3,
    .scoped-bs4 .my-md-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-md-n3,
    .scoped-bs4 .mx-md-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-md-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-md-n4,
    .scoped-bs4 .my-md-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-md-n4,
    .scoped-bs4 .mx-md-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-md-n4,
    .scoped-bs4 .my-md-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-md-n4,
    .scoped-bs4 .mx-md-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-md-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-md-n5,
    .scoped-bs4 .my-md-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-md-n5,
    .scoped-bs4 .mx-md-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-md-n5,
    .scoped-bs4 .my-md-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-md-n5,
    .scoped-bs4 .mx-md-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-md-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-md-auto,
    .scoped-bs4 .my-md-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-md-auto,
    .scoped-bs4 .mx-md-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-md-auto,
    .scoped-bs4 .my-md-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-md-auto,
    .scoped-bs4 .mx-md-auto {
      margin-left: auto !important; } }
  @media (min-width: 992px) {
    .scoped-bs4 .m-lg-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-lg-0,
    .scoped-bs4 .my-lg-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-lg-0,
    .scoped-bs4 .mx-lg-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-lg-0,
    .scoped-bs4 .my-lg-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-lg-0,
    .scoped-bs4 .mx-lg-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-lg-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-lg-1,
    .scoped-bs4 .my-lg-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-lg-1,
    .scoped-bs4 .mx-lg-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-lg-1,
    .scoped-bs4 .my-lg-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-lg-1,
    .scoped-bs4 .mx-lg-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-lg-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-lg-2,
    .scoped-bs4 .my-lg-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-lg-2,
    .scoped-bs4 .mx-lg-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-lg-2,
    .scoped-bs4 .my-lg-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-lg-2,
    .scoped-bs4 .mx-lg-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-lg-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-lg-3,
    .scoped-bs4 .my-lg-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-lg-3,
    .scoped-bs4 .mx-lg-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-lg-3,
    .scoped-bs4 .my-lg-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-lg-3,
    .scoped-bs4 .mx-lg-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-lg-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-lg-4,
    .scoped-bs4 .my-lg-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-lg-4,
    .scoped-bs4 .mx-lg-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-lg-4,
    .scoped-bs4 .my-lg-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-lg-4,
    .scoped-bs4 .mx-lg-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-lg-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-lg-5,
    .scoped-bs4 .my-lg-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-lg-5,
    .scoped-bs4 .mx-lg-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-lg-5,
    .scoped-bs4 .my-lg-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-lg-5,
    .scoped-bs4 .mx-lg-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-lg-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-lg-0,
    .scoped-bs4 .py-lg-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-lg-0,
    .scoped-bs4 .px-lg-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-lg-0,
    .scoped-bs4 .py-lg-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-lg-0,
    .scoped-bs4 .px-lg-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-lg-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-lg-1,
    .scoped-bs4 .py-lg-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-lg-1,
    .scoped-bs4 .px-lg-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-lg-1,
    .scoped-bs4 .py-lg-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-lg-1,
    .scoped-bs4 .px-lg-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-lg-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-lg-2,
    .scoped-bs4 .py-lg-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-lg-2,
    .scoped-bs4 .px-lg-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-lg-2,
    .scoped-bs4 .py-lg-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-lg-2,
    .scoped-bs4 .px-lg-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-lg-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-lg-3,
    .scoped-bs4 .py-lg-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-lg-3,
    .scoped-bs4 .px-lg-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-lg-3,
    .scoped-bs4 .py-lg-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-lg-3,
    .scoped-bs4 .px-lg-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-lg-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-lg-4,
    .scoped-bs4 .py-lg-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-lg-4,
    .scoped-bs4 .px-lg-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-lg-4,
    .scoped-bs4 .py-lg-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-lg-4,
    .scoped-bs4 .px-lg-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-lg-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-lg-5,
    .scoped-bs4 .py-lg-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-lg-5,
    .scoped-bs4 .px-lg-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-lg-5,
    .scoped-bs4 .py-lg-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-lg-5,
    .scoped-bs4 .px-lg-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-lg-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-lg-n1,
    .scoped-bs4 .my-lg-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-lg-n1,
    .scoped-bs4 .mx-lg-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-lg-n1,
    .scoped-bs4 .my-lg-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-lg-n1,
    .scoped-bs4 .mx-lg-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-lg-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-lg-n2,
    .scoped-bs4 .my-lg-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-lg-n2,
    .scoped-bs4 .mx-lg-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-lg-n2,
    .scoped-bs4 .my-lg-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-lg-n2,
    .scoped-bs4 .mx-lg-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-lg-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-lg-n3,
    .scoped-bs4 .my-lg-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-lg-n3,
    .scoped-bs4 .mx-lg-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-lg-n3,
    .scoped-bs4 .my-lg-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-lg-n3,
    .scoped-bs4 .mx-lg-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-lg-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-lg-n4,
    .scoped-bs4 .my-lg-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-lg-n4,
    .scoped-bs4 .mx-lg-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-lg-n4,
    .scoped-bs4 .my-lg-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-lg-n4,
    .scoped-bs4 .mx-lg-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-lg-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-lg-n5,
    .scoped-bs4 .my-lg-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-lg-n5,
    .scoped-bs4 .mx-lg-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-lg-n5,
    .scoped-bs4 .my-lg-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-lg-n5,
    .scoped-bs4 .mx-lg-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-lg-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-lg-auto,
    .scoped-bs4 .my-lg-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-lg-auto,
    .scoped-bs4 .mx-lg-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-lg-auto,
    .scoped-bs4 .my-lg-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-lg-auto,
    .scoped-bs4 .mx-lg-auto {
      margin-left: auto !important; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .m-xl-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-xl-0,
    .scoped-bs4 .my-xl-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-xl-0,
    .scoped-bs4 .mx-xl-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-xl-0,
    .scoped-bs4 .my-xl-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-xl-0,
    .scoped-bs4 .mx-xl-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-xl-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-xl-1,
    .scoped-bs4 .my-xl-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-xl-1,
    .scoped-bs4 .mx-xl-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-xl-1,
    .scoped-bs4 .my-xl-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-xl-1,
    .scoped-bs4 .mx-xl-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-xl-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-xl-2,
    .scoped-bs4 .my-xl-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-xl-2,
    .scoped-bs4 .mx-xl-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-xl-2,
    .scoped-bs4 .my-xl-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-xl-2,
    .scoped-bs4 .mx-xl-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-xl-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-xl-3,
    .scoped-bs4 .my-xl-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-xl-3,
    .scoped-bs4 .mx-xl-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-xl-3,
    .scoped-bs4 .my-xl-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-xl-3,
    .scoped-bs4 .mx-xl-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-xl-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-xl-4,
    .scoped-bs4 .my-xl-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-xl-4,
    .scoped-bs4 .mx-xl-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-xl-4,
    .scoped-bs4 .my-xl-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-xl-4,
    .scoped-bs4 .mx-xl-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-xl-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-xl-5,
    .scoped-bs4 .my-xl-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-xl-5,
    .scoped-bs4 .mx-xl-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-xl-5,
    .scoped-bs4 .my-xl-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-xl-5,
    .scoped-bs4 .mx-xl-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-xl-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-xl-0,
    .scoped-bs4 .py-xl-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-xl-0,
    .scoped-bs4 .px-xl-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-xl-0,
    .scoped-bs4 .py-xl-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-xl-0,
    .scoped-bs4 .px-xl-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-xl-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-xl-1,
    .scoped-bs4 .py-xl-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-xl-1,
    .scoped-bs4 .px-xl-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-xl-1,
    .scoped-bs4 .py-xl-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-xl-1,
    .scoped-bs4 .px-xl-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-xl-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-xl-2,
    .scoped-bs4 .py-xl-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-xl-2,
    .scoped-bs4 .px-xl-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-xl-2,
    .scoped-bs4 .py-xl-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-xl-2,
    .scoped-bs4 .px-xl-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-xl-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-xl-3,
    .scoped-bs4 .py-xl-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-xl-3,
    .scoped-bs4 .px-xl-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-xl-3,
    .scoped-bs4 .py-xl-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-xl-3,
    .scoped-bs4 .px-xl-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-xl-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-xl-4,
    .scoped-bs4 .py-xl-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-xl-4,
    .scoped-bs4 .px-xl-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-xl-4,
    .scoped-bs4 .py-xl-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-xl-4,
    .scoped-bs4 .px-xl-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-xl-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-xl-5,
    .scoped-bs4 .py-xl-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-xl-5,
    .scoped-bs4 .px-xl-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-xl-5,
    .scoped-bs4 .py-xl-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-xl-5,
    .scoped-bs4 .px-xl-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-xl-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-xl-n1,
    .scoped-bs4 .my-xl-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-xl-n1,
    .scoped-bs4 .mx-xl-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-xl-n1,
    .scoped-bs4 .my-xl-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-xl-n1,
    .scoped-bs4 .mx-xl-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-xl-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-xl-n2,
    .scoped-bs4 .my-xl-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-xl-n2,
    .scoped-bs4 .mx-xl-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-xl-n2,
    .scoped-bs4 .my-xl-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-xl-n2,
    .scoped-bs4 .mx-xl-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-xl-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-xl-n3,
    .scoped-bs4 .my-xl-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-xl-n3,
    .scoped-bs4 .mx-xl-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-xl-n3,
    .scoped-bs4 .my-xl-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-xl-n3,
    .scoped-bs4 .mx-xl-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-xl-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-xl-n4,
    .scoped-bs4 .my-xl-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-xl-n4,
    .scoped-bs4 .mx-xl-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-xl-n4,
    .scoped-bs4 .my-xl-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-xl-n4,
    .scoped-bs4 .mx-xl-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-xl-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-xl-n5,
    .scoped-bs4 .my-xl-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-xl-n5,
    .scoped-bs4 .mx-xl-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-xl-n5,
    .scoped-bs4 .my-xl-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-xl-n5,
    .scoped-bs4 .mx-xl-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-xl-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-xl-auto,
    .scoped-bs4 .my-xl-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-xl-auto,
    .scoped-bs4 .mx-xl-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-xl-auto,
    .scoped-bs4 .my-xl-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-xl-auto,
    .scoped-bs4 .mx-xl-auto {
      margin-left: auto !important; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .m-xxl-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-xxl-0,
    .scoped-bs4 .my-xxl-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-xxl-0,
    .scoped-bs4 .mx-xxl-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-xxl-0,
    .scoped-bs4 .my-xxl-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-xxl-0,
    .scoped-bs4 .mx-xxl-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-xxl-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-xxl-1,
    .scoped-bs4 .my-xxl-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-xxl-1,
    .scoped-bs4 .mx-xxl-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-xxl-1,
    .scoped-bs4 .my-xxl-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-xxl-1,
    .scoped-bs4 .mx-xxl-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-xxl-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-xxl-2,
    .scoped-bs4 .my-xxl-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-xxl-2,
    .scoped-bs4 .mx-xxl-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-xxl-2,
    .scoped-bs4 .my-xxl-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-xxl-2,
    .scoped-bs4 .mx-xxl-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-xxl-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-xxl-3,
    .scoped-bs4 .my-xxl-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-xxl-3,
    .scoped-bs4 .mx-xxl-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-xxl-3,
    .scoped-bs4 .my-xxl-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-xxl-3,
    .scoped-bs4 .mx-xxl-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-xxl-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-xxl-4,
    .scoped-bs4 .my-xxl-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-xxl-4,
    .scoped-bs4 .mx-xxl-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-xxl-4,
    .scoped-bs4 .my-xxl-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-xxl-4,
    .scoped-bs4 .mx-xxl-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-xxl-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-xxl-5,
    .scoped-bs4 .my-xxl-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-xxl-5,
    .scoped-bs4 .mx-xxl-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-xxl-5,
    .scoped-bs4 .my-xxl-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-xxl-5,
    .scoped-bs4 .mx-xxl-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-xxl-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-xxl-0,
    .scoped-bs4 .py-xxl-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-xxl-0,
    .scoped-bs4 .px-xxl-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-xxl-0,
    .scoped-bs4 .py-xxl-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-xxl-0,
    .scoped-bs4 .px-xxl-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-xxl-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-xxl-1,
    .scoped-bs4 .py-xxl-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-xxl-1,
    .scoped-bs4 .px-xxl-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-xxl-1,
    .scoped-bs4 .py-xxl-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-xxl-1,
    .scoped-bs4 .px-xxl-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-xxl-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-xxl-2,
    .scoped-bs4 .py-xxl-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-xxl-2,
    .scoped-bs4 .px-xxl-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-xxl-2,
    .scoped-bs4 .py-xxl-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-xxl-2,
    .scoped-bs4 .px-xxl-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-xxl-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-xxl-3,
    .scoped-bs4 .py-xxl-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-xxl-3,
    .scoped-bs4 .px-xxl-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-xxl-3,
    .scoped-bs4 .py-xxl-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-xxl-3,
    .scoped-bs4 .px-xxl-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-xxl-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-xxl-4,
    .scoped-bs4 .py-xxl-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-xxl-4,
    .scoped-bs4 .px-xxl-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-xxl-4,
    .scoped-bs4 .py-xxl-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-xxl-4,
    .scoped-bs4 .px-xxl-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-xxl-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-xxl-5,
    .scoped-bs4 .py-xxl-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-xxl-5,
    .scoped-bs4 .px-xxl-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-xxl-5,
    .scoped-bs4 .py-xxl-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-xxl-5,
    .scoped-bs4 .px-xxl-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-xxl-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-xxl-n1,
    .scoped-bs4 .my-xxl-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-xxl-n1,
    .scoped-bs4 .mx-xxl-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-xxl-n1,
    .scoped-bs4 .my-xxl-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-xxl-n1,
    .scoped-bs4 .mx-xxl-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-xxl-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-xxl-n2,
    .scoped-bs4 .my-xxl-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-xxl-n2,
    .scoped-bs4 .mx-xxl-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-xxl-n2,
    .scoped-bs4 .my-xxl-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-xxl-n2,
    .scoped-bs4 .mx-xxl-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-xxl-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-xxl-n3,
    .scoped-bs4 .my-xxl-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-xxl-n3,
    .scoped-bs4 .mx-xxl-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-xxl-n3,
    .scoped-bs4 .my-xxl-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-xxl-n3,
    .scoped-bs4 .mx-xxl-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-xxl-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-xxl-n4,
    .scoped-bs4 .my-xxl-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-xxl-n4,
    .scoped-bs4 .mx-xxl-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-xxl-n4,
    .scoped-bs4 .my-xxl-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-xxl-n4,
    .scoped-bs4 .mx-xxl-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-xxl-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-xxl-n5,
    .scoped-bs4 .my-xxl-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-xxl-n5,
    .scoped-bs4 .mx-xxl-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-xxl-n5,
    .scoped-bs4 .my-xxl-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-xxl-n5,
    .scoped-bs4 .mx-xxl-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-xxl-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-xxl-auto,
    .scoped-bs4 .my-xxl-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-xxl-auto,
    .scoped-bs4 .mx-xxl-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-xxl-auto,
    .scoped-bs4 .my-xxl-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-xxl-auto,
    .scoped-bs4 .mx-xxl-auto {
      margin-left: auto !important; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .m-3xl-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-3xl-0,
    .scoped-bs4 .my-3xl-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-3xl-0,
    .scoped-bs4 .mx-3xl-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-3xl-0,
    .scoped-bs4 .my-3xl-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-3xl-0,
    .scoped-bs4 .mx-3xl-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-3xl-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-3xl-1,
    .scoped-bs4 .my-3xl-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-3xl-1,
    .scoped-bs4 .mx-3xl-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-3xl-1,
    .scoped-bs4 .my-3xl-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-3xl-1,
    .scoped-bs4 .mx-3xl-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-3xl-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-3xl-2,
    .scoped-bs4 .my-3xl-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-3xl-2,
    .scoped-bs4 .mx-3xl-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-3xl-2,
    .scoped-bs4 .my-3xl-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-3xl-2,
    .scoped-bs4 .mx-3xl-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-3xl-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-3xl-3,
    .scoped-bs4 .my-3xl-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-3xl-3,
    .scoped-bs4 .mx-3xl-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-3xl-3,
    .scoped-bs4 .my-3xl-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-3xl-3,
    .scoped-bs4 .mx-3xl-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-3xl-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-3xl-4,
    .scoped-bs4 .my-3xl-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-3xl-4,
    .scoped-bs4 .mx-3xl-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-3xl-4,
    .scoped-bs4 .my-3xl-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-3xl-4,
    .scoped-bs4 .mx-3xl-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-3xl-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-3xl-5,
    .scoped-bs4 .my-3xl-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-3xl-5,
    .scoped-bs4 .mx-3xl-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-3xl-5,
    .scoped-bs4 .my-3xl-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-3xl-5,
    .scoped-bs4 .mx-3xl-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-3xl-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-3xl-0,
    .scoped-bs4 .py-3xl-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-3xl-0,
    .scoped-bs4 .px-3xl-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-3xl-0,
    .scoped-bs4 .py-3xl-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-3xl-0,
    .scoped-bs4 .px-3xl-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-3xl-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-3xl-1,
    .scoped-bs4 .py-3xl-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-3xl-1,
    .scoped-bs4 .px-3xl-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-3xl-1,
    .scoped-bs4 .py-3xl-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-3xl-1,
    .scoped-bs4 .px-3xl-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-3xl-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-3xl-2,
    .scoped-bs4 .py-3xl-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-3xl-2,
    .scoped-bs4 .px-3xl-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-3xl-2,
    .scoped-bs4 .py-3xl-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-3xl-2,
    .scoped-bs4 .px-3xl-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-3xl-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-3xl-3,
    .scoped-bs4 .py-3xl-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-3xl-3,
    .scoped-bs4 .px-3xl-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-3xl-3,
    .scoped-bs4 .py-3xl-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-3xl-3,
    .scoped-bs4 .px-3xl-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-3xl-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-3xl-4,
    .scoped-bs4 .py-3xl-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-3xl-4,
    .scoped-bs4 .px-3xl-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-3xl-4,
    .scoped-bs4 .py-3xl-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-3xl-4,
    .scoped-bs4 .px-3xl-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-3xl-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-3xl-5,
    .scoped-bs4 .py-3xl-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-3xl-5,
    .scoped-bs4 .px-3xl-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-3xl-5,
    .scoped-bs4 .py-3xl-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-3xl-5,
    .scoped-bs4 .px-3xl-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-3xl-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-3xl-n1,
    .scoped-bs4 .my-3xl-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-3xl-n1,
    .scoped-bs4 .mx-3xl-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-3xl-n1,
    .scoped-bs4 .my-3xl-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-3xl-n1,
    .scoped-bs4 .mx-3xl-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-3xl-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-3xl-n2,
    .scoped-bs4 .my-3xl-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-3xl-n2,
    .scoped-bs4 .mx-3xl-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-3xl-n2,
    .scoped-bs4 .my-3xl-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-3xl-n2,
    .scoped-bs4 .mx-3xl-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-3xl-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-3xl-n3,
    .scoped-bs4 .my-3xl-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-3xl-n3,
    .scoped-bs4 .mx-3xl-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-3xl-n3,
    .scoped-bs4 .my-3xl-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-3xl-n3,
    .scoped-bs4 .mx-3xl-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-3xl-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-3xl-n4,
    .scoped-bs4 .my-3xl-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-3xl-n4,
    .scoped-bs4 .mx-3xl-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-3xl-n4,
    .scoped-bs4 .my-3xl-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-3xl-n4,
    .scoped-bs4 .mx-3xl-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-3xl-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-3xl-n5,
    .scoped-bs4 .my-3xl-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-3xl-n5,
    .scoped-bs4 .mx-3xl-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-3xl-n5,
    .scoped-bs4 .my-3xl-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-3xl-n5,
    .scoped-bs4 .mx-3xl-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-3xl-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-3xl-auto,
    .scoped-bs4 .my-3xl-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-3xl-auto,
    .scoped-bs4 .mx-3xl-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-3xl-auto,
    .scoped-bs4 .my-3xl-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-3xl-auto,
    .scoped-bs4 .mx-3xl-auto {
      margin-left: auto !important; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .m-4xl-0 {
      margin: 0 !important; }
    .scoped-bs4 .mt-4xl-0,
    .scoped-bs4 .my-4xl-0 {
      margin-top: 0 !important; }
    .scoped-bs4 .mr-4xl-0,
    .scoped-bs4 .mx-4xl-0 {
      margin-right: 0 !important; }
    .scoped-bs4 .mb-4xl-0,
    .scoped-bs4 .my-4xl-0 {
      margin-bottom: 0 !important; }
    .scoped-bs4 .ml-4xl-0,
    .scoped-bs4 .mx-4xl-0 {
      margin-left: 0 !important; }
    .scoped-bs4 .m-4xl-1 {
      margin: 0.25rem !important; }
    .scoped-bs4 .mt-4xl-1,
    .scoped-bs4 .my-4xl-1 {
      margin-top: 0.25rem !important; }
    .scoped-bs4 .mr-4xl-1,
    .scoped-bs4 .mx-4xl-1 {
      margin-right: 0.25rem !important; }
    .scoped-bs4 .mb-4xl-1,
    .scoped-bs4 .my-4xl-1 {
      margin-bottom: 0.25rem !important; }
    .scoped-bs4 .ml-4xl-1,
    .scoped-bs4 .mx-4xl-1 {
      margin-left: 0.25rem !important; }
    .scoped-bs4 .m-4xl-2 {
      margin: 0.5rem !important; }
    .scoped-bs4 .mt-4xl-2,
    .scoped-bs4 .my-4xl-2 {
      margin-top: 0.5rem !important; }
    .scoped-bs4 .mr-4xl-2,
    .scoped-bs4 .mx-4xl-2 {
      margin-right: 0.5rem !important; }
    .scoped-bs4 .mb-4xl-2,
    .scoped-bs4 .my-4xl-2 {
      margin-bottom: 0.5rem !important; }
    .scoped-bs4 .ml-4xl-2,
    .scoped-bs4 .mx-4xl-2 {
      margin-left: 0.5rem !important; }
    .scoped-bs4 .m-4xl-3 {
      margin: 1rem !important; }
    .scoped-bs4 .mt-4xl-3,
    .scoped-bs4 .my-4xl-3 {
      margin-top: 1rem !important; }
    .scoped-bs4 .mr-4xl-3,
    .scoped-bs4 .mx-4xl-3 {
      margin-right: 1rem !important; }
    .scoped-bs4 .mb-4xl-3,
    .scoped-bs4 .my-4xl-3 {
      margin-bottom: 1rem !important; }
    .scoped-bs4 .ml-4xl-3,
    .scoped-bs4 .mx-4xl-3 {
      margin-left: 1rem !important; }
    .scoped-bs4 .m-4xl-4 {
      margin: 1.5rem !important; }
    .scoped-bs4 .mt-4xl-4,
    .scoped-bs4 .my-4xl-4 {
      margin-top: 1.5rem !important; }
    .scoped-bs4 .mr-4xl-4,
    .scoped-bs4 .mx-4xl-4 {
      margin-right: 1.5rem !important; }
    .scoped-bs4 .mb-4xl-4,
    .scoped-bs4 .my-4xl-4 {
      margin-bottom: 1.5rem !important; }
    .scoped-bs4 .ml-4xl-4,
    .scoped-bs4 .mx-4xl-4 {
      margin-left: 1.5rem !important; }
    .scoped-bs4 .m-4xl-5 {
      margin: 3rem !important; }
    .scoped-bs4 .mt-4xl-5,
    .scoped-bs4 .my-4xl-5 {
      margin-top: 3rem !important; }
    .scoped-bs4 .mr-4xl-5,
    .scoped-bs4 .mx-4xl-5 {
      margin-right: 3rem !important; }
    .scoped-bs4 .mb-4xl-5,
    .scoped-bs4 .my-4xl-5 {
      margin-bottom: 3rem !important; }
    .scoped-bs4 .ml-4xl-5,
    .scoped-bs4 .mx-4xl-5 {
      margin-left: 3rem !important; }
    .scoped-bs4 .p-4xl-0 {
      padding: 0 !important; }
    .scoped-bs4 .pt-4xl-0,
    .scoped-bs4 .py-4xl-0 {
      padding-top: 0 !important; }
    .scoped-bs4 .pr-4xl-0,
    .scoped-bs4 .px-4xl-0 {
      padding-right: 0 !important; }
    .scoped-bs4 .pb-4xl-0,
    .scoped-bs4 .py-4xl-0 {
      padding-bottom: 0 !important; }
    .scoped-bs4 .pl-4xl-0,
    .scoped-bs4 .px-4xl-0 {
      padding-left: 0 !important; }
    .scoped-bs4 .p-4xl-1 {
      padding: 0.25rem !important; }
    .scoped-bs4 .pt-4xl-1,
    .scoped-bs4 .py-4xl-1 {
      padding-top: 0.25rem !important; }
    .scoped-bs4 .pr-4xl-1,
    .scoped-bs4 .px-4xl-1 {
      padding-right: 0.25rem !important; }
    .scoped-bs4 .pb-4xl-1,
    .scoped-bs4 .py-4xl-1 {
      padding-bottom: 0.25rem !important; }
    .scoped-bs4 .pl-4xl-1,
    .scoped-bs4 .px-4xl-1 {
      padding-left: 0.25rem !important; }
    .scoped-bs4 .p-4xl-2 {
      padding: 0.5rem !important; }
    .scoped-bs4 .pt-4xl-2,
    .scoped-bs4 .py-4xl-2 {
      padding-top: 0.5rem !important; }
    .scoped-bs4 .pr-4xl-2,
    .scoped-bs4 .px-4xl-2 {
      padding-right: 0.5rem !important; }
    .scoped-bs4 .pb-4xl-2,
    .scoped-bs4 .py-4xl-2 {
      padding-bottom: 0.5rem !important; }
    .scoped-bs4 .pl-4xl-2,
    .scoped-bs4 .px-4xl-2 {
      padding-left: 0.5rem !important; }
    .scoped-bs4 .p-4xl-3 {
      padding: 1rem !important; }
    .scoped-bs4 .pt-4xl-3,
    .scoped-bs4 .py-4xl-3 {
      padding-top: 1rem !important; }
    .scoped-bs4 .pr-4xl-3,
    .scoped-bs4 .px-4xl-3 {
      padding-right: 1rem !important; }
    .scoped-bs4 .pb-4xl-3,
    .scoped-bs4 .py-4xl-3 {
      padding-bottom: 1rem !important; }
    .scoped-bs4 .pl-4xl-3,
    .scoped-bs4 .px-4xl-3 {
      padding-left: 1rem !important; }
    .scoped-bs4 .p-4xl-4 {
      padding: 1.5rem !important; }
    .scoped-bs4 .pt-4xl-4,
    .scoped-bs4 .py-4xl-4 {
      padding-top: 1.5rem !important; }
    .scoped-bs4 .pr-4xl-4,
    .scoped-bs4 .px-4xl-4 {
      padding-right: 1.5rem !important; }
    .scoped-bs4 .pb-4xl-4,
    .scoped-bs4 .py-4xl-4 {
      padding-bottom: 1.5rem !important; }
    .scoped-bs4 .pl-4xl-4,
    .scoped-bs4 .px-4xl-4 {
      padding-left: 1.5rem !important; }
    .scoped-bs4 .p-4xl-5 {
      padding: 3rem !important; }
    .scoped-bs4 .pt-4xl-5,
    .scoped-bs4 .py-4xl-5 {
      padding-top: 3rem !important; }
    .scoped-bs4 .pr-4xl-5,
    .scoped-bs4 .px-4xl-5 {
      padding-right: 3rem !important; }
    .scoped-bs4 .pb-4xl-5,
    .scoped-bs4 .py-4xl-5 {
      padding-bottom: 3rem !important; }
    .scoped-bs4 .pl-4xl-5,
    .scoped-bs4 .px-4xl-5 {
      padding-left: 3rem !important; }
    .scoped-bs4 .m-4xl-n1 {
      margin: -0.25rem !important; }
    .scoped-bs4 .mt-4xl-n1,
    .scoped-bs4 .my-4xl-n1 {
      margin-top: -0.25rem !important; }
    .scoped-bs4 .mr-4xl-n1,
    .scoped-bs4 .mx-4xl-n1 {
      margin-right: -0.25rem !important; }
    .scoped-bs4 .mb-4xl-n1,
    .scoped-bs4 .my-4xl-n1 {
      margin-bottom: -0.25rem !important; }
    .scoped-bs4 .ml-4xl-n1,
    .scoped-bs4 .mx-4xl-n1 {
      margin-left: -0.25rem !important; }
    .scoped-bs4 .m-4xl-n2 {
      margin: -0.5rem !important; }
    .scoped-bs4 .mt-4xl-n2,
    .scoped-bs4 .my-4xl-n2 {
      margin-top: -0.5rem !important; }
    .scoped-bs4 .mr-4xl-n2,
    .scoped-bs4 .mx-4xl-n2 {
      margin-right: -0.5rem !important; }
    .scoped-bs4 .mb-4xl-n2,
    .scoped-bs4 .my-4xl-n2 {
      margin-bottom: -0.5rem !important; }
    .scoped-bs4 .ml-4xl-n2,
    .scoped-bs4 .mx-4xl-n2 {
      margin-left: -0.5rem !important; }
    .scoped-bs4 .m-4xl-n3 {
      margin: -1rem !important; }
    .scoped-bs4 .mt-4xl-n3,
    .scoped-bs4 .my-4xl-n3 {
      margin-top: -1rem !important; }
    .scoped-bs4 .mr-4xl-n3,
    .scoped-bs4 .mx-4xl-n3 {
      margin-right: -1rem !important; }
    .scoped-bs4 .mb-4xl-n3,
    .scoped-bs4 .my-4xl-n3 {
      margin-bottom: -1rem !important; }
    .scoped-bs4 .ml-4xl-n3,
    .scoped-bs4 .mx-4xl-n3 {
      margin-left: -1rem !important; }
    .scoped-bs4 .m-4xl-n4 {
      margin: -1.5rem !important; }
    .scoped-bs4 .mt-4xl-n4,
    .scoped-bs4 .my-4xl-n4 {
      margin-top: -1.5rem !important; }
    .scoped-bs4 .mr-4xl-n4,
    .scoped-bs4 .mx-4xl-n4 {
      margin-right: -1.5rem !important; }
    .scoped-bs4 .mb-4xl-n4,
    .scoped-bs4 .my-4xl-n4 {
      margin-bottom: -1.5rem !important; }
    .scoped-bs4 .ml-4xl-n4,
    .scoped-bs4 .mx-4xl-n4 {
      margin-left: -1.5rem !important; }
    .scoped-bs4 .m-4xl-n5 {
      margin: -3rem !important; }
    .scoped-bs4 .mt-4xl-n5,
    .scoped-bs4 .my-4xl-n5 {
      margin-top: -3rem !important; }
    .scoped-bs4 .mr-4xl-n5,
    .scoped-bs4 .mx-4xl-n5 {
      margin-right: -3rem !important; }
    .scoped-bs4 .mb-4xl-n5,
    .scoped-bs4 .my-4xl-n5 {
      margin-bottom: -3rem !important; }
    .scoped-bs4 .ml-4xl-n5,
    .scoped-bs4 .mx-4xl-n5 {
      margin-left: -3rem !important; }
    .scoped-bs4 .m-4xl-auto {
      margin: auto !important; }
    .scoped-bs4 .mt-4xl-auto,
    .scoped-bs4 .my-4xl-auto {
      margin-top: auto !important; }
    .scoped-bs4 .mr-4xl-auto,
    .scoped-bs4 .mx-4xl-auto {
      margin-right: auto !important; }
    .scoped-bs4 .mb-4xl-auto,
    .scoped-bs4 .my-4xl-auto {
      margin-bottom: auto !important; }
    .scoped-bs4 .ml-4xl-auto,
    .scoped-bs4 .mx-4xl-auto {
      margin-left: auto !important; } }
  .scoped-bs4 .stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: transparent; }
  .scoped-bs4 .text-monospace {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; }
  .scoped-bs4 .text-justify {
    text-align: justify !important; }
  .scoped-bs4 .text-wrap {
    white-space: normal !important; }
  .scoped-bs4 .text-nowrap {
    white-space: nowrap !important; }
  .scoped-bs4 .text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .scoped-bs4 .text-left {
    text-align: left !important; }
  .scoped-bs4 .text-right {
    text-align: right !important; }
  .scoped-bs4 .text-center {
    text-align: center !important; }
  @media (min-width: 320px) {
    .scoped-bs4 .text-3xs-left {
      text-align: left !important; }
    .scoped-bs4 .text-3xs-right {
      text-align: right !important; }
    .scoped-bs4 .text-3xs-center {
      text-align: center !important; } }
  @media (min-width: 374px) {
    .scoped-bs4 .text-xxs-left {
      text-align: left !important; }
    .scoped-bs4 .text-xxs-right {
      text-align: right !important; }
    .scoped-bs4 .text-xxs-center {
      text-align: center !important; } }
  @media (min-width: 424px) {
    .scoped-bs4 .text-xs-left {
      text-align: left !important; }
    .scoped-bs4 .text-xs-right {
      text-align: right !important; }
    .scoped-bs4 .text-xs-center {
      text-align: center !important; } }
  @media (min-width: 576px) {
    .scoped-bs4 .text-sm-left {
      text-align: left !important; }
    .scoped-bs4 .text-sm-right {
      text-align: right !important; }
    .scoped-bs4 .text-sm-center {
      text-align: center !important; } }
  @media (min-width: 768px) {
    .scoped-bs4 .text-md-left {
      text-align: left !important; }
    .scoped-bs4 .text-md-right {
      text-align: right !important; }
    .scoped-bs4 .text-md-center {
      text-align: center !important; } }
  @media (min-width: 992px) {
    .scoped-bs4 .text-lg-left {
      text-align: left !important; }
    .scoped-bs4 .text-lg-right {
      text-align: right !important; }
    .scoped-bs4 .text-lg-center {
      text-align: center !important; } }
  @media (min-width: 1200px) {
    .scoped-bs4 .text-xl-left {
      text-align: left !important; }
    .scoped-bs4 .text-xl-right {
      text-align: right !important; }
    .scoped-bs4 .text-xl-center {
      text-align: center !important; } }
  @media (min-width: 1920px) {
    .scoped-bs4 .text-xxl-left {
      text-align: left !important; }
    .scoped-bs4 .text-xxl-right {
      text-align: right !important; }
    .scoped-bs4 .text-xxl-center {
      text-align: center !important; } }
  @media (min-width: 2560px) {
    .scoped-bs4 .text-3xl-left {
      text-align: left !important; }
    .scoped-bs4 .text-3xl-right {
      text-align: right !important; }
    .scoped-bs4 .text-3xl-center {
      text-align: center !important; } }
  @media (min-width: 3200px) {
    .scoped-bs4 .text-4xl-left {
      text-align: left !important; }
    .scoped-bs4 .text-4xl-right {
      text-align: right !important; }
    .scoped-bs4 .text-4xl-center {
      text-align: center !important; } }
  .scoped-bs4 .text-lowercase {
    text-transform: lowercase !important; }
  .scoped-bs4 .text-uppercase {
    text-transform: uppercase !important; }
  .scoped-bs4 .text-capitalize {
    text-transform: capitalize !important; }
  .scoped-bs4 .font-weight-light {
    font-weight: 300 !important; }
  .scoped-bs4 .font-weight-lighter {
    font-weight: lighter !important; }
  .scoped-bs4 .font-weight-normal {
    font-weight: 400 !important; }
  .scoped-bs4 .font-weight-bold {
    font-weight: 700 !important; }
  .scoped-bs4 .font-weight-bolder {
    font-weight: bolder !important; }
  .scoped-bs4 .font-italic {
    font-style: italic !important; }
  .scoped-bs4 .text-white {
    color: #fff !important; }
  .scoped-bs4 .text-primary {
    color: #C6579A !important; }
  .scoped-bs4 a.text-primary:hover, .scoped-bs4 a.text-primary:focus {
    color: #9c3573 !important; }
  .scoped-bs4 .text-secondary {
    color: #FFA300 !important; }
  .scoped-bs4 a.text-secondary:hover, .scoped-bs4 a.text-secondary:focus {
    color: #b37200 !important; }
  .scoped-bs4 .text-success {
    color: #C6579A !important; }
  .scoped-bs4 a.text-success:hover, .scoped-bs4 a.text-success:focus {
    color: #9c3573 !important; }
  .scoped-bs4 .text-info {
    color: #17a2b8 !important; }
  .scoped-bs4 a.text-info:hover, .scoped-bs4 a.text-info:focus {
    color: #0f6674 !important; }
  .scoped-bs4 .text-warning {
    color: #ffc107 !important; }
  .scoped-bs4 a.text-warning:hover, .scoped-bs4 a.text-warning:focus {
    color: #ba8b00 !important; }
  .scoped-bs4 .text-danger {
    color: #dc3545 !important; }
  .scoped-bs4 a.text-danger:hover, .scoped-bs4 a.text-danger:focus {
    color: #a71d2a !important; }
  .scoped-bs4 .text-light {
    color: #f8f9fa !important; }
  .scoped-bs4 a.text-light:hover, .scoped-bs4 a.text-light:focus {
    color: #cbd3da !important; }
  .scoped-bs4 .text-dark {
    color: #343a40 !important; }
  .scoped-bs4 a.text-dark:hover, .scoped-bs4 a.text-dark:focus {
    color: #121416 !important; }
  .scoped-bs4 .text-body {
    color: #0d0d0d !important; }
  .scoped-bs4 .text-muted {
    color: #6c757d !important; }
  .scoped-bs4 .text-black-50 {
    color: rgba(34, 34, 34, 0.5) !important; }
  .scoped-bs4 .text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important; }
  .scoped-bs4 .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0; }
  .scoped-bs4 .text-decoration-none {
    text-decoration: none !important; }
  .scoped-bs4 .text-break {
    word-break: break-word !important;
    overflow-wrap: break-word !important; }
  .scoped-bs4 .text-reset {
    color: inherit !important; }
  .scoped-bs4 .visible {
    visibility: visible !important; }
  .scoped-bs4 .invisible {
    visibility: hidden !important; }
  @media print {
    .scoped-bs4 *,
    .scoped-bs4 *::before,
    .scoped-bs4 *::after {
      text-shadow: none !important;
      box-shadow: none !important; }
    .scoped-bs4 a:not(.btn):not(.reports-table .k-header.k-grid-top button.k-button) {
      text-decoration: underline; }
    .scoped-bs4 abbr[title]::after {
      content: " (" attr(title) ")"; }
    .scoped-bs4 pre {
      white-space: pre-wrap !important; }
    .scoped-bs4 pre,
    .scoped-bs4 blockquote {
      border: 1px solid #adb5bd;
      page-break-inside: avoid; }
    .scoped-bs4 thead {
      display: table-header-group; }
    .scoped-bs4 tr,
    .scoped-bs4 img {
      page-break-inside: avoid; }
    .scoped-bs4 p,
    .scoped-bs4 h2,
    .scoped-bs4 h3 {
      orphans: 3;
      widows: 3; }
    .scoped-bs4 h2,
    .scoped-bs4 h3 {
      page-break-after: avoid; }
    @page {
      .scoped-bs4 {
        size: a3; } }
    .scoped-bs4 body {
      min-width: 992px !important; }
    .scoped-bs4 .container {
      min-width: 992px !important; }
    .scoped-bs4 .navbar {
      display: none; }
    .scoped-bs4 .badge {
      border: 1px solid #222222; }
    .scoped-bs4 .table {
      border-collapse: collapse !important; }
      .scoped-bs4 .table td,
      .scoped-bs4 .table th {
        background-color: #fff !important; }
    .scoped-bs4 .table-bordered th,
    .scoped-bs4 .table-bordered td {
      border: 1px solid #dee2e6 !important; }
    .scoped-bs4 .table-dark {
      color: inherit; }
      .scoped-bs4 .table-dark th,
      .scoped-bs4 .table-dark td,
      .scoped-bs4 .table-dark thead th,
      .scoped-bs4 .table-dark tbody + tbody {
        border-color: #dee2e6; }
    .scoped-bs4 .table .thead-dark th {
      color: inherit;
      border-color: #dee2e6; } }
  .scoped-bs4 .bg-primary {
    color: #fff; }
    .scoped-bs4 .bg-primary-lighten-10 {
      background-color: #cc68a4;
      color: #fff; }
    .scoped-bs4 .bg-primary-lighten-30 {
      background-color: #d789b8;
      color: #212529; }
    .scoped-bs4 .bg-primary-lighten-50 {
      background-color: #e3abcd;
      color: #212529; }
    .scoped-bs4 .bg-primary-lighten-70 {
      background-color: #eecde1;
      color: #212529; }
    .scoped-bs4 .bg-primary-lighten-90 {
      background-color: #f9eef5;
      color: #212529; }
  .scoped-bs4 .text-primary-auto {
    color: #fff; }
  .scoped-bs4 a.link-icon {
    color: white; }
    .scoped-bs4 a.link-icon + a.link-icon {
      margin-left: 1rem; }
  .scoped-bs4 .absolute-centered {
    top: 0;
    transform: translate(-50%, -50%);
    left: 50%; }
  .scoped-bs4 .header-logo {
    max-height: 64px; }
  .scoped-bs4 .texture.iron-grip {
    background-image: url("../../../Content/images/Shared/iron-grip.png"); }
  .scoped-bs4 *::before,
  .scoped-bs4 *::after {
    box-sizing: initial; }

/* --- Bootstrap 4 Grid System (grid with '-bs' sufix) */
@-ms-viewport {
  width: device-width; }

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar; }

*,
*::before,
*::after {
  box-sizing: inherit; }

.container-bs {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }
  @media (min-width: 576px) {
    .container-bs {
      max-width: 540px; } }
  @media (min-width: 768px) {
    .container-bs {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container-bs {
      max-width: 960px; } }
  @media (min-width: 1200px) {
    .container-bs {
      max-width: 1140px; } }
  @media (min-width: 1400px) {
    .container-bs {
      max-width: 1320px; } }

.container-fluid-bs {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto; }

.row-bs {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px; }

.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .no-gutters > .col-bs,
  .no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0; }

.no-outer-gutters {
  margin-right: 0;
  margin-left: 0; }

.scoped-bs4 .col-1, .scoped-bs4 .col-2, .scoped-bs4 .col-3, .scoped-bs4 .col-4, .scoped-bs4 .col-5, .scoped-bs4 .col-6, .scoped-bs4 .col-7, .scoped-bs4 .col-8, .scoped-bs4 .col-9, .scoped-bs4 .col-10, .scoped-bs4 .col-11, .scoped-bs4 .col-12, .scoped-bs4 .col,
.scoped-bs4 .col-auto, .scoped-bs4 .col-3xs-1, .scoped-bs4 .col-3xs-2, .scoped-bs4 .col-3xs-3, .scoped-bs4 .col-3xs-4, .scoped-bs4 .col-3xs-5, .scoped-bs4 .col-3xs-6, .scoped-bs4 .col-3xs-7, .scoped-bs4 .col-3xs-8, .scoped-bs4 .col-3xs-9, .scoped-bs4 .col-3xs-10, .scoped-bs4 .col-3xs-11, .scoped-bs4 .col-3xs-12, .scoped-bs4 .col-3xs,
.scoped-bs4 .col-3xs-auto, .scoped-bs4 .col-xxs-1, .scoped-bs4 .col-xxs-2, .scoped-bs4 .col-xxs-3, .scoped-bs4 .col-xxs-4, .scoped-bs4 .col-xxs-5, .scoped-bs4 .col-xxs-6, .scoped-bs4 .col-xxs-7, .scoped-bs4 .col-xxs-8, .scoped-bs4 .col-xxs-9, .scoped-bs4 .col-xxs-10, .scoped-bs4 .col-xxs-11, .scoped-bs4 .col-xxs-12, .scoped-bs4 .col-xxs,
.scoped-bs4 .col-xxs-auto, .scoped-bs4 .col-xs-1, .scoped-bs4 .col-xs-2, .scoped-bs4 .col-xs-3, .scoped-bs4 .col-xs-4, .scoped-bs4 .staff-dash .stat-grid .stat-block, .staff-dash .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .offcanvas-statistics .stat-grid .stat-block, .offcanvas-statistics .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .col-xs-5, .scoped-bs4 .col-xs-6, .scoped-bs4 .col-xs-7, .scoped-bs4 .col-xs-8, .scoped-bs4 .col-xs-9, .scoped-bs4 .col-xs-10, .scoped-bs4 .col-xs-11, .scoped-bs4 .col-xs-12, .scoped-bs4 .col-xs,
.scoped-bs4 .col-xs-auto, .scoped-bs4 .col-sm-1, .scoped-bs4 .col-sm-2, .scoped-bs4 .col-sm-3, .scoped-bs4 .col-sm-4, .scoped-bs4 .col-sm-5, .scoped-bs4 .col-sm-6, .scoped-bs4 .col-sm-7, .scoped-bs4 .col-sm-8, .scoped-bs4 .col-sm-9, .scoped-bs4 .col-sm-10, .scoped-bs4 .col-sm-11, .scoped-bs4 .col-sm-12, .scoped-bs4 .col-sm,
.scoped-bs4 .col-sm-auto, .scoped-bs4 .col-md-1, .scoped-bs4 .col-md-2, .scoped-bs4 .col-md-3, .scoped-bs4 .col-md-4, .scoped-bs4 .col-md-5, .scoped-bs4 .col-md-6, .scoped-bs4 .col-md-7, .scoped-bs4 .col-md-8, .scoped-bs4 .col-md-9, .scoped-bs4 .col-md-10, .scoped-bs4 .col-md-11, .scoped-bs4 .col-md-12, .scoped-bs4 .col-md,
.scoped-bs4 .col-md-auto, .scoped-bs4 .col-lg-1, .scoped-bs4 .col-lg-2, .scoped-bs4 .col-lg-3, .scoped-bs4 .col-lg-4, .scoped-bs4 .col-lg-5, .scoped-bs4 .col-lg-6, .scoped-bs4 .col-lg-7, .scoped-bs4 .col-lg-8, .scoped-bs4 .col-lg-9, .scoped-bs4 .col-lg-10, .scoped-bs4 .col-lg-11, .scoped-bs4 .col-lg-12, .scoped-bs4 .col-lg,
.scoped-bs4 .col-lg-auto, .scoped-bs4 .col-xl-1, .scoped-bs4 .col-xl-2, .scoped-bs4 .col-xl-3, .scoped-bs4 .col-xl-4, .scoped-bs4 .col-xl-5, .scoped-bs4 .col-xl-6, .scoped-bs4 .col-xl-7, .scoped-bs4 .col-xl-8, .scoped-bs4 .col-xl-9, .scoped-bs4 .col-xl-10, .scoped-bs4 .col-xl-11, .scoped-bs4 .col-xl-12, .scoped-bs4 .col-xl,
.scoped-bs4 .col-xl-auto, .scoped-bs4 .col-xxl-1, .scoped-bs4 .col-xxl-2, .scoped-bs4 .col-xxl-3, .scoped-bs4 .col-xxl-4, .scoped-bs4 .col-xxl-5, .scoped-bs4 .col-xxl-6, .scoped-bs4 .col-xxl-7, .scoped-bs4 .col-xxl-8, .scoped-bs4 .col-xxl-9, .scoped-bs4 .col-xxl-10, .scoped-bs4 .col-xxl-11, .scoped-bs4 .col-xxl-12, .scoped-bs4 .col-xxl,
.scoped-bs4 .col-xxl-auto, .scoped-bs4 .col-3xl-1, .scoped-bs4 .col-3xl-2, .scoped-bs4 .col-3xl-3, .scoped-bs4 .col-3xl-4, .scoped-bs4 .col-3xl-5, .scoped-bs4 .col-3xl-6, .scoped-bs4 .col-3xl-7, .scoped-bs4 .col-3xl-8, .scoped-bs4 .col-3xl-9, .scoped-bs4 .col-3xl-10, .scoped-bs4 .col-3xl-11, .scoped-bs4 .col-3xl-12, .scoped-bs4 .col-3xl,
.scoped-bs4 .col-3xl-auto, .scoped-bs4 .col-4xl-1, .scoped-bs4 .col-4xl-2, .scoped-bs4 .col-4xl-3, .scoped-bs4 .col-4xl-4, .scoped-bs4 .col-4xl-5, .scoped-bs4 .col-4xl-6, .scoped-bs4 .col-4xl-7, .scoped-bs4 .col-4xl-8, .scoped-bs4 .col-4xl-9, .scoped-bs4 .col-4xl-10, .scoped-bs4 .col-4xl-11, .scoped-bs4 .col-4xl-12, .scoped-bs4 .col-4xl,
.scoped-bs4 .col-4xl-auto, .col-bs-1, .col-bs-2, .col-bs-3, .col-bs-4, .col-bs-5, .col-bs-6, .col-bs-7, .col-bs-8, .col-bs-9, .col-bs-10, .col-bs-11, .col-bs-12, .col-bs,
.col-bs-auto, .col-bs-sm-1, .col-bs-sm-2, .col-bs-sm-3, .col-bs-sm-4, .col-bs-sm-5, .col-bs-sm-6, .col-bs-sm-7, .col-bs-sm-8, .col-bs-sm-9, .col-bs-sm-10, .col-bs-sm-11, .col-bs-sm-12, .col-bs-sm,
.col-bs-sm-auto, .col-bs-md-1, .col-bs-md-2, .col-bs-md-3, .col-bs-md-4, .col-bs-md-5, .col-bs-md-6, .col-bs-md-7, .col-bs-md-8, .col-bs-md-9, .col-bs-md-10, .col-bs-md-11, .col-bs-md-12, .col-bs-md,
.col-bs-md-auto, .col-bs-lg-1, .col-bs-lg-2, .col-bs-lg-3, .col-bs-lg-4, .col-bs-lg-5, .col-bs-lg-6, .col-bs-lg-7, .col-bs-lg-8, .col-bs-lg-9, .col-bs-lg-10, .col-bs-lg-11, .col-bs-lg-12, .col-bs-lg,
.col-bs-lg-auto, .col-bs-xl-1, .col-bs-xl-2, .col-bs-xl-3, .col-bs-xl-4, .col-bs-xl-5, .col-bs-xl-6, .col-bs-xl-7, .col-bs-xl-8, .col-bs-xl-9, .col-bs-xl-10, .col-bs-xl-11, .col-bs-xl-12, .col-bs-xl,
.col-bs-xl-auto, .col-bs-xxl-1, .col-bs-xxl-2, .col-bs-xxl-3, .col-bs-xxl-4, .col-bs-xxl-5, .col-bs-xxl-6, .col-bs-xxl-7, .col-bs-xxl-8, .col-bs-xxl-9, .col-bs-xxl-10, .col-bs-xxl-11, .col-bs-xxl-12, .col-bs-xxl,
.col-bs-xxl-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .staff-dash .stat-grid .stat-block, .offcanvas-statistics .stat-grid .stat-block, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px; }

.col-bs {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%; }

.col-bs-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: none; }

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

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

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

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

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

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

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

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

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

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

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

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

.order-first {
  order: -1; }

.order-last {
  order: 13; }

.order-0 {
  order: 0; }

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.order-9 {
  order: 9; }

.order-10 {
  order: 10; }

.order-11 {
  order: 11; }

.order-12 {
  order: 12; }

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

@media (min-width: 576px) {
  .col-bs-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-bs-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-bs-sm-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-bs-sm-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-bs-sm-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-bs-sm-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-bs-sm-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-bs-sm-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-bs-sm-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-bs-sm-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-bs-sm-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-bs-sm-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-bs-sm-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-bs-sm-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-sm-first {
    order: -1; }
  .order-sm-last {
    order: 13; }
  .order-sm-0 {
    order: 0; }
  .order-sm-1 {
    order: 1; }
  .order-sm-2 {
    order: 2; }
  .order-sm-3 {
    order: 3; }
  .order-sm-4 {
    order: 4; }
  .order-sm-5 {
    order: 5; }
  .order-sm-6 {
    order: 6; }
  .order-sm-7 {
    order: 7; }
  .order-sm-8 {
    order: 8; }
  .order-sm-9 {
    order: 9; }
  .order-sm-10 {
    order: 10; }
  .order-sm-11 {
    order: 11; }
  .order-sm-12 {
    order: 12; }
  .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%; } }

@media (min-width: 768px) {
  .col-bs-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-bs-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-bs-md-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-bs-md-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-bs-md-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-bs-md-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-bs-md-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-bs-md-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-bs-md-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-bs-md-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-bs-md-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-bs-md-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-bs-md-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-bs-md-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-md-first {
    order: -1; }
  .order-md-last {
    order: 13; }
  .order-md-0 {
    order: 0; }
  .order-md-1 {
    order: 1; }
  .order-md-2 {
    order: 2; }
  .order-md-3 {
    order: 3; }
  .order-md-4 {
    order: 4; }
  .order-md-5 {
    order: 5; }
  .order-md-6 {
    order: 6; }
  .order-md-7 {
    order: 7; }
  .order-md-8 {
    order: 8; }
  .order-md-9 {
    order: 9; }
  .order-md-10 {
    order: 10; }
  .order-md-11 {
    order: 11; }
  .order-md-12 {
    order: 12; }
  .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%; } }

@media (min-width: 992px) {
  .col-bs-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-bs-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-bs-lg-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-bs-lg-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-bs-lg-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-bs-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-bs-lg-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-bs-lg-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-bs-lg-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-bs-lg-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-bs-lg-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-bs-lg-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-bs-lg-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-bs-lg-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-lg-first {
    order: -1; }
  .order-lg-last {
    order: 13; }
  .order-lg-0 {
    order: 0; }
  .order-lg-1 {
    order: 1; }
  .order-lg-2 {
    order: 2; }
  .order-lg-3 {
    order: 3; }
  .order-lg-4 {
    order: 4; }
  .order-lg-5 {
    order: 5; }
  .order-lg-6 {
    order: 6; }
  .order-lg-7 {
    order: 7; }
  .order-lg-8 {
    order: 8; }
  .order-lg-9 {
    order: 9; }
  .order-lg-10 {
    order: 10; }
  .order-lg-11 {
    order: 11; }
  .order-lg-12 {
    order: 12; }
  .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%; } }

@media (min-width: 1200px) {
  .col-bs-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-bs-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-bs-xl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-bs-xl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-bs-xl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-bs-xl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-bs-xl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-bs-xl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-bs-xl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-bs-xl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-bs-xl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-bs-xl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-bs-xl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-bs-xl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xl-first {
    order: -1; }
  .order-xl-last {
    order: 13; }
  .order-xl-0 {
    order: 0; }
  .order-xl-1 {
    order: 1; }
  .order-xl-2 {
    order: 2; }
  .order-xl-3 {
    order: 3; }
  .order-xl-4 {
    order: 4; }
  .order-xl-5 {
    order: 5; }
  .order-xl-6 {
    order: 6; }
  .order-xl-7 {
    order: 7; }
  .order-xl-8 {
    order: 8; }
  .order-xl-9 {
    order: 9; }
  .order-xl-10 {
    order: 10; }
  .order-xl-11 {
    order: 11; }
  .order-xl-12 {
    order: 12; }
  .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%; } }

@media (min-width: 1400px) {
  .col-bs-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%; }
  .col-bs-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-bs-xxl-1 {
    flex: 0 0 8.33333%;
    max-width: 8.33333%; }
  .col-bs-xxl-2 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%; }
  .col-bs-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%; }
  .col-bs-xxl-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%; }
  .col-bs-xxl-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%; }
  .col-bs-xxl-6 {
    flex: 0 0 50%;
    max-width: 50%; }
  .col-bs-xxl-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%; }
  .col-bs-xxl-8 {
    flex: 0 0 66.66667%;
    max-width: 66.66667%; }
  .col-bs-xxl-9 {
    flex: 0 0 75%;
    max-width: 75%; }
  .col-bs-xxl-10 {
    flex: 0 0 83.33333%;
    max-width: 83.33333%; }
  .col-bs-xxl-11 {
    flex: 0 0 91.66667%;
    max-width: 91.66667%; }
  .col-bs-xxl-12 {
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    order: -1; }
  .order-xxl-last {
    order: 13; }
  .order-xxl-0 {
    order: 0; }
  .order-xxl-1 {
    order: 1; }
  .order-xxl-2 {
    order: 2; }
  .order-xxl-3 {
    order: 3; }
  .order-xxl-4 {
    order: 4; }
  .order-xxl-5 {
    order: 5; }
  .order-xxl-6 {
    order: 6; }
  .order-xxl-7 {
    order: 7; }
  .order-xxl-8 {
    order: 8; }
  .order-xxl-9 {
    order: 9; }
  .order-xxl-10 {
    order: 10; }
  .order-xxl-11 {
    order: 11; }
  .order-xxl-12 {
    order: 12; }
  .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%; } }

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

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

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

.d-block {
  display: block !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; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !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; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !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; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !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; } }

@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !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; } }

@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important; }
  .d-xxl-inline {
    display: inline !important; }
  .d-xxl-inline-block {
    display: inline-block !important; }
  .d-xxl-block {
    display: block !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; } }

@media print {
  .d-print-none {
    display: none !important; }
  .d-print-inline {
    display: inline !important; }
  .d-print-inline-block {
    display: inline-block !important; }
  .d-print-block {
    display: block !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; } }

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

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

@media (min-width: 576px) {
  .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-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; }
  .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; } }

@media (min-width: 768px) {
  .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-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; }
  .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; } }

@media (min-width: 992px) {
  .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-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; }
  .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; } }

@media (min-width: 1200px) {
  .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-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; }
  .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; } }

@media (min-width: 1400px) {
  .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-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; }
  .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; } }

/* --- Bootstrap 3 */
/*.main-menu-icon .gl-s-logo:before {
    content: " ";
    background: url("images/login/StudentDemo/background-logo.png") no-repeat center;
    background-size: contain;
    width: 20px;
    height: 20px;
    display: block;
    opacity: 0.6;
}*/
/*@import "valley-colors";*/
/* GLA-13255: was $grey-200. The header and the footer are both white (.modal-header-warning /
   -success / -white above, and .custom-modal .modal-footer), so a grey content area made every
   modal read as three stacked surfaces instead of one sheet of paper. The Re-Entry dialog is one
   uniform white paper, and this is what makes the rest of the app match it. Modals that WANT a
   tinted body still say so explicitly (.campaign-modal-body, .campaign-leads,
   .secondary-modal-content) and are unaffected. */
/* GLA-13255: the scrim is the Portico token rather than 50%-opacity black, so every modal dims the
   page exactly like the Re-Entry drawer's ::backdrop. The token already carries its own alpha, so
   the separate opacity step is retired to 1 - .modal-backdrop.fade still animates 0 -> 1. */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active {
  outline: 0; }

a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .btn > .caret, .reports-table .k-header.k-grid-top button.k-button > .caret,
  .dropup > .btn > .caret, .reports-table .k-header.k-grid-top
  .dropup > button.k-button > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

@-moz-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@-o-viewport {
  width: device-width; }

@-webkit-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

html {
  font-size: 16px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #0d0d0d;
  background-color: #fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: .5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #818a91; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: bold; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

a {
  color: #C6579A;
  text-decoration: none; }
  a:focus, a:hover {
    color: #9c3573;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

pre {
  margin-top: 0;
  margin-bottom: 1rem; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle; }

[role="button"] {
  cursor: pointer; }

a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation; }

table {
  background-color: transparent; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #818a91;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: left; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0; }

textarea {
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit; }

input[type="search"] {
  box-sizing: inherit;
  -webkit-appearance: none; }

output {
  display: inline-block; }

[hidden] {
  display: none !important; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 6px;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.2;
  color: inherit; }

h1 {
  font-size: 1.75rem; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.125rem; }

h4 {
  font-size: 1rem; }

h5 {
  font-size: 0.875rem; }

h6 {
  font-size: 0.75rem; }

.h1 {
  font-size: 1.75rem; }

.h2 {
  font-size: 1.5rem; }

.h3 {
  font-size: 1.125rem; }

.h4 {
  font-size: 1rem; }

.h5 {
  font-size: 0.875rem; }

.h6 {
  font-size: 0.75rem; }

.lead {
  font-size: 1.25rem;
  font-weight: 300; }

.display-1 {
  font-size: 6rem;
  font-weight: 300; }

.display-2 {
  font-size: 5.5rem;
  font-weight: 400; }

.display-3 {
  font-size: 4.5rem;
  font-weight: 500; }

.display-4 {
  font-size: 3.5rem;
  font-weight: 700; }

hr {
  margin-top: 12px;
  margin-bottom: 12px;
  border: 0;
  border-top: 1px solid #dedede; }

small,
.small {
  font-size: 80%;
  font-weight: normal; }

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3; }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.list-inline {
  padding-left: 0;
  list-style: none; }

.list-inline-item {
  display: inline-block; }
  .list-inline-item:not(:last-child) {
    margin-right: 5px; }

.dl-horizontal {
  margin-right: -24px;
  margin-left: -24px; }
  .dl-horizontal::after {
    content: "";
    display: table;
    clear: both; }

.initialism {
  font-size: 90%;
  text-transform: uppercase; }

.blockquote {
  padding: 6px 12px;
  margin-bottom: 12px;
  font-size: 1.09375rem;
  border-left: 0.25rem solid #eceeef; }

.blockquote-footer {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #818a91; }
  .blockquote-footer::before {
    content: "\2014 \00A0"; }

.blockquote-reverse {
  padding-right: 12px;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eceeef;
  border-left: 0; }

.blockquote-reverse .blockquote-footer::before {
  content: ""; }

.blockquote-reverse .blockquote-footer::after {
  content: "\00A0 \2014"; }

.help-text {
  font-size: 80%;
  color: #aaaaaa; }

.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 0.3rem; }

.img-thumbnail {
  padding: 0.25rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all .2s ease-in-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

.figure {
  display: inline-block; }

.figure-img {
  margin-bottom: 6px;
  line-height: 1; }

.figure-caption {
  font-size: 90%;
  color: #818a91; }

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }

code {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f7f7f9;
  border-radius: 0.25rem; }

kbd {
  padding: .2rem .4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25); }
  kbd kbd {
    padding: 0;
    font-size: 100%;
    font-weight: bold;
    box-shadow: none; }

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  line-height: 1.5;
  color: #373a3c; }
  pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
    border-radius: 0; }

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll; }

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px; }
  .container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .container {
      max-width: 576px; } }
  @media (min-width: 768px) {
    .container {
      max-width: 720px; } }
  @media (min-width: 992px) {
    .container {
      max-width: 940px; } }
  @media (min-width: 1200px) {
    .container {
      max-width: 1140px; } }
  @media (min-width: 1560px) {
    .container {
      max-width: 1560; } }

.container-fluid, .scoped-bs4 .container-4xs, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg, .scoped-bs4 .container-xl, .scoped-bs4 .container-xxl, .scoped-bs4 .container-3xl, .scoped-bs4 .container-4xl {
  margin-left: auto;
  margin-right: auto;
  padding-left: 12px;
  padding-right: 12px; }
  .container-fluid::after, .scoped-bs4 .container-4xs::after, .scoped-bs4 .container-3xs::after, .scoped-bs4 .container-xxs::after, .scoped-bs4 .container-xs::after, .scoped-bs4 .container-sm::after, .scoped-bs4 .container-md::after, .scoped-bs4 .container-lg::after, .scoped-bs4 .container-xl::after, .scoped-bs4 .container-xxl::after, .scoped-bs4 .container-3xl::after, .scoped-bs4 .container-4xl::after {
    content: "";
    display: table;
    clear: both; }

.row, .stat-grid, .widget-grid {
  margin-left: -12px;
  margin-right: -12px; }
  .row::after, .stat-grid::after, .widget-grid::after {
    content: "";
    display: table;
    clear: both; }

.scoped-bs4 .col-1, .scoped-bs4 .col-2, .scoped-bs4 .col-3, .scoped-bs4 .col-4, .scoped-bs4 .col-5, .scoped-bs4 .col-6, .scoped-bs4 .col-7, .scoped-bs4 .col-8, .scoped-bs4 .col-9, .scoped-bs4 .col-10, .scoped-bs4 .col-11, .scoped-bs4 .col-12, .scoped-bs4 .col,
.scoped-bs4 .col-auto, .scoped-bs4 .col-3xs-1, .scoped-bs4 .col-3xs-2, .scoped-bs4 .col-3xs-3, .scoped-bs4 .col-3xs-4, .scoped-bs4 .col-3xs-5, .scoped-bs4 .col-3xs-6, .scoped-bs4 .col-3xs-7, .scoped-bs4 .col-3xs-8, .scoped-bs4 .col-3xs-9, .scoped-bs4 .col-3xs-10, .scoped-bs4 .col-3xs-11, .scoped-bs4 .col-3xs-12, .scoped-bs4 .col-3xs,
.scoped-bs4 .col-3xs-auto, .scoped-bs4 .col-xxs-1, .scoped-bs4 .col-xxs-2, .scoped-bs4 .col-xxs-3, .scoped-bs4 .col-xxs-4, .scoped-bs4 .col-xxs-5, .scoped-bs4 .col-xxs-6, .scoped-bs4 .col-xxs-7, .scoped-bs4 .col-xxs-8, .scoped-bs4 .col-xxs-9, .scoped-bs4 .col-xxs-10, .scoped-bs4 .col-xxs-11, .scoped-bs4 .col-xxs-12, .scoped-bs4 .col-xxs,
.scoped-bs4 .col-xxs-auto, .scoped-bs4 .col-xs-1, .scoped-bs4 .col-xs-2, .scoped-bs4 .col-xs-3, .scoped-bs4 .col-xs-4, .scoped-bs4 .staff-dash .stat-grid .stat-block, .staff-dash .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .offcanvas-statistics .stat-grid .stat-block, .offcanvas-statistics .stat-grid .scoped-bs4 .stat-block, .scoped-bs4 .col-xs-5, .scoped-bs4 .col-xs-6, .scoped-bs4 .col-xs-7, .scoped-bs4 .col-xs-8, .scoped-bs4 .col-xs-9, .scoped-bs4 .col-xs-10, .scoped-bs4 .col-xs-11, .scoped-bs4 .col-xs-12, .scoped-bs4 .col-xs,
.scoped-bs4 .col-xs-auto, .scoped-bs4 .col-sm-1, .scoped-bs4 .col-sm-2, .scoped-bs4 .col-sm-3, .scoped-bs4 .col-sm-4, .scoped-bs4 .col-sm-5, .scoped-bs4 .col-sm-6, .scoped-bs4 .col-sm-7, .scoped-bs4 .col-sm-8, .scoped-bs4 .col-sm-9, .scoped-bs4 .col-sm-10, .scoped-bs4 .col-sm-11, .scoped-bs4 .col-sm-12, .scoped-bs4 .col-sm,
.scoped-bs4 .col-sm-auto, .scoped-bs4 .col-md-1, .scoped-bs4 .col-md-2, .scoped-bs4 .col-md-3, .scoped-bs4 .col-md-4, .scoped-bs4 .col-md-5, .scoped-bs4 .col-md-6, .scoped-bs4 .col-md-7, .scoped-bs4 .col-md-8, .scoped-bs4 .col-md-9, .scoped-bs4 .col-md-10, .scoped-bs4 .col-md-11, .scoped-bs4 .col-md-12, .scoped-bs4 .col-md,
.scoped-bs4 .col-md-auto, .scoped-bs4 .col-lg-1, .scoped-bs4 .col-lg-2, .scoped-bs4 .col-lg-3, .scoped-bs4 .col-lg-4, .scoped-bs4 .col-lg-5, .scoped-bs4 .col-lg-6, .scoped-bs4 .col-lg-7, .scoped-bs4 .col-lg-8, .scoped-bs4 .col-lg-9, .scoped-bs4 .col-lg-10, .scoped-bs4 .col-lg-11, .scoped-bs4 .col-lg-12, .scoped-bs4 .col-lg,
.scoped-bs4 .col-lg-auto, .scoped-bs4 .col-xl-1, .scoped-bs4 .col-xl-2, .scoped-bs4 .col-xl-3, .scoped-bs4 .col-xl-4, .scoped-bs4 .col-xl-5, .scoped-bs4 .col-xl-6, .scoped-bs4 .col-xl-7, .scoped-bs4 .col-xl-8, .scoped-bs4 .col-xl-9, .scoped-bs4 .col-xl-10, .scoped-bs4 .col-xl-11, .scoped-bs4 .col-xl-12, .scoped-bs4 .col-xl,
.scoped-bs4 .col-xl-auto, .scoped-bs4 .col-xxl-1, .scoped-bs4 .col-xxl-2, .scoped-bs4 .col-xxl-3, .scoped-bs4 .col-xxl-4, .scoped-bs4 .col-xxl-5, .scoped-bs4 .col-xxl-6, .scoped-bs4 .col-xxl-7, .scoped-bs4 .col-xxl-8, .scoped-bs4 .col-xxl-9, .scoped-bs4 .col-xxl-10, .scoped-bs4 .col-xxl-11, .scoped-bs4 .col-xxl-12, .scoped-bs4 .col-xxl,
.scoped-bs4 .col-xxl-auto, .scoped-bs4 .col-3xl-1, .scoped-bs4 .col-3xl-2, .scoped-bs4 .col-3xl-3, .scoped-bs4 .col-3xl-4, .scoped-bs4 .col-3xl-5, .scoped-bs4 .col-3xl-6, .scoped-bs4 .col-3xl-7, .scoped-bs4 .col-3xl-8, .scoped-bs4 .col-3xl-9, .scoped-bs4 .col-3xl-10, .scoped-bs4 .col-3xl-11, .scoped-bs4 .col-3xl-12, .scoped-bs4 .col-3xl,
.scoped-bs4 .col-3xl-auto, .scoped-bs4 .col-4xl-1, .scoped-bs4 .col-4xl-2, .scoped-bs4 .col-4xl-3, .scoped-bs4 .col-4xl-4, .scoped-bs4 .col-4xl-5, .scoped-bs4 .col-4xl-6, .scoped-bs4 .col-4xl-7, .scoped-bs4 .col-4xl-8, .scoped-bs4 .col-4xl-9, .scoped-bs4 .col-4xl-10, .scoped-bs4 .col-4xl-11, .scoped-bs4 .col-4xl-12, .scoped-bs4 .col-4xl,
.scoped-bs4 .col-4xl-auto, .col-bs-1, .col-bs-2, .col-bs-3, .col-bs-4, .col-bs-5, .col-bs-6, .col-bs-7, .col-bs-8, .col-bs-9, .col-bs-10, .col-bs-11, .col-bs-12, .col-bs,
.col-bs-auto, .col-bs-sm-1, .col-bs-sm-2, .col-bs-sm-3, .col-bs-sm-4, .col-bs-sm-5, .col-bs-sm-6, .col-bs-sm-7, .col-bs-sm-8, .col-bs-sm-9, .col-bs-sm-10, .col-bs-sm-11, .col-bs-sm-12, .col-bs-sm,
.col-bs-sm-auto, .col-bs-md-1, .col-bs-md-2, .col-bs-md-3, .col-bs-md-4, .col-bs-md-5, .col-bs-md-6, .col-bs-md-7, .col-bs-md-8, .col-bs-md-9, .col-bs-md-10, .col-bs-md-11, .col-bs-md-12, .col-bs-md,
.col-bs-md-auto, .col-bs-lg-1, .col-bs-lg-2, .col-bs-lg-3, .col-bs-lg-4, .col-bs-lg-5, .col-bs-lg-6, .col-bs-lg-7, .col-bs-lg-8, .col-bs-lg-9, .col-bs-lg-10, .col-bs-lg-11, .col-bs-lg-12, .col-bs-lg,
.col-bs-lg-auto, .col-bs-xl-1, .col-bs-xl-2, .col-bs-xl-3, .col-bs-xl-4, .col-bs-xl-5, .col-bs-xl-6, .col-bs-xl-7, .col-bs-xl-8, .col-bs-xl-9, .col-bs-xl-10, .col-bs-xl-11, .col-bs-xl-12, .col-bs-xl,
.col-bs-xl-auto, .col-bs-xxl-1, .col-bs-xxl-2, .col-bs-xxl-3, .col-bs-xxl-4, .col-bs-xxl-5, .col-bs-xxl-6, .col-bs-xxl-7, .col-bs-xxl-8, .col-bs-xxl-9, .col-bs-xxl-10, .col-bs-xxl-11, .col-bs-xxl-12, .col-bs-xxl,
.col-bs-xxl-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .staff-dash .stat-grid .stat-block, .offcanvas-statistics .stat-grid .stat-block, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .staff-dash .stat-grid .stat-block, .offcanvas-statistics .stat-grid .stat-block, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-5col {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4, .staff-dash .stat-grid .stat-block, .offcanvas-statistics .stat-grid .stat-block {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 544px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-5col {
    float: left; }
  .col-sm-1 {
    width: 8.33333%; }
  .col-sm-2 {
    width: 16.66667%; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.33333%; }
  .col-sm-5 {
    width: 41.66667%; }
  .col-sm-6 {
    width: 50%; }
  .col-sm-7 {
    width: 58.33333%; }
  .col-sm-8 {
    width: 66.66667%; }
  .col-sm-9 {
    width: 75%; }
  .col-sm-10 {
    width: 83.33333%; }
  .col-sm-11 {
    width: 91.66667%; }
  .col-sm-12 {
    width: 100%; }
  .col-sm-pull-0 {
    right: auto; }
  .col-sm-pull-1 {
    right: 8.33333%; }
  .col-sm-pull-2 {
    right: 16.66667%; }
  .col-sm-pull-3 {
    right: 25%; }
  .col-sm-pull-4 {
    right: 33.33333%; }
  .col-sm-pull-5 {
    right: 41.66667%; }
  .col-sm-pull-6 {
    right: 50%; }
  .col-sm-pull-7 {
    right: 58.33333%; }
  .col-sm-pull-8 {
    right: 66.66667%; }
  .col-sm-pull-9 {
    right: 75%; }
  .col-sm-pull-10 {
    right: 83.33333%; }
  .col-sm-pull-11 {
    right: 91.66667%; }
  .col-sm-pull-12 {
    right: 100%; }
  .col-sm-push-0 {
    left: auto; }
  .col-sm-push-1 {
    left: 8.33333%; }
  .col-sm-push-2 {
    left: 16.66667%; }
  .col-sm-push-3 {
    left: 25%; }
  .col-sm-push-4 {
    left: 33.33333%; }
  .col-sm-push-5 {
    left: 41.66667%; }
  .col-sm-push-6 {
    left: 50%; }
  .col-sm-push-7 {
    left: 58.33333%; }
  .col-sm-push-8 {
    left: 66.66667%; }
  .col-sm-push-9 {
    left: 75%; }
  .col-sm-push-10 {
    left: 83.33333%; }
  .col-sm-push-11 {
    left: 91.66667%; }
  .col-sm-push-12 {
    left: 100%; }
  .col-sm-offset-0 {
    margin-left: 0%; }
  .col-sm-offset-1 {
    margin-left: 8.33333%; }
  .col-sm-offset-2 {
    margin-left: 16.66667%; }
  .col-sm-offset-3 {
    margin-left: 25%; }
  .col-sm-offset-4 {
    margin-left: 33.33333%; }
  .col-sm-offset-5 {
    margin-left: 41.66667%; }
  .col-sm-offset-6 {
    margin-left: 50%; }
  .col-sm-offset-7 {
    margin-left: 58.33333%; }
  .col-sm-offset-8 {
    margin-left: 66.66667%; }
  .col-sm-offset-9 {
    margin-left: 75%; }
  .col-sm-offset-10 {
    margin-left: 83.33333%; }
  .col-sm-offset-11 {
    margin-left: 91.66667%; }
  .col-sm-offset-12 {
    margin-left: 100%; } }

@media (min-width: 768px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md-5col, .card-performance .widget-grid .widget.col-sm-4 {
    float: left; }
  .col-md-1 {
    width: 8.33333%; }
  .col-md-2 {
    width: 16.66667%; }
  .col-md-3 {
    width: 25%; }
  .col-md-4 {
    width: 33.33333%; }
  .col-md-5 {
    width: 41.66667%; }
  .col-md-6 {
    width: 50%; }
  .col-md-7 {
    width: 58.33333%; }
  .col-md-8 {
    width: 66.66667%; }
  .col-md-9 {
    width: 75%; }
  .col-md-10 {
    width: 83.33333%; }
  .col-md-11 {
    width: 91.66667%; }
  .col-md-12 {
    width: 100%; }
  .col-md-pull-0 {
    right: auto; }
  .col-md-pull-1 {
    right: 8.33333%; }
  .col-md-pull-2 {
    right: 16.66667%; }
  .col-md-pull-3 {
    right: 25%; }
  .col-md-pull-4 {
    right: 33.33333%; }
  .col-md-pull-5 {
    right: 41.66667%; }
  .col-md-pull-6 {
    right: 50%; }
  .col-md-pull-7 {
    right: 58.33333%; }
  .col-md-pull-8 {
    right: 66.66667%; }
  .col-md-pull-9 {
    right: 75%; }
  .col-md-pull-10 {
    right: 83.33333%; }
  .col-md-pull-11 {
    right: 91.66667%; }
  .col-md-pull-12 {
    right: 100%; }
  .col-md-push-0 {
    left: auto; }
  .col-md-push-1 {
    left: 8.33333%; }
  .col-md-push-2 {
    left: 16.66667%; }
  .col-md-push-3 {
    left: 25%; }
  .col-md-push-4 {
    left: 33.33333%; }
  .col-md-push-5 {
    left: 41.66667%; }
  .col-md-push-6 {
    left: 50%; }
  .col-md-push-7 {
    left: 58.33333%; }
  .col-md-push-8 {
    left: 66.66667%; }
  .col-md-push-9 {
    left: 75%; }
  .col-md-push-10 {
    left: 83.33333%; }
  .col-md-push-11 {
    left: 91.66667%; }
  .col-md-push-12 {
    left: 100%; }
  .col-md-offset-0 {
    margin-left: 0%; }
  .col-md-offset-1 {
    margin-left: 8.33333%; }
  .col-md-offset-2 {
    margin-left: 16.66667%; }
  .col-md-offset-3 {
    margin-left: 25%; }
  .col-md-offset-4 {
    margin-left: 33.33333%; }
  .col-md-offset-5 {
    margin-left: 41.66667%; }
  .col-md-offset-6 {
    margin-left: 50%; }
  .col-md-offset-7 {
    margin-left: 58.33333%; }
  .col-md-offset-8 {
    margin-left: 66.66667%; }
  .col-md-offset-9 {
    margin-left: 75%; }
  .col-md-offset-10 {
    margin-left: 83.33333%; }
  .col-md-offset-11 {
    margin-left: 91.66667%; }
  .col-md-offset-12 {
    margin-left: 100%; } }

@media (min-width: 992px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-5col {
    float: left; }
  .col-lg-1 {
    width: 8.33333%; }
  .col-lg-2 {
    width: 16.66667%; }
  .col-lg-3 {
    width: 25%; }
  .col-lg-4 {
    width: 33.33333%; }
  .col-lg-5 {
    width: 41.66667%; }
  .col-lg-6 {
    width: 50%; }
  .col-lg-7 {
    width: 58.33333%; }
  .col-lg-8 {
    width: 66.66667%; }
  .col-lg-9 {
    width: 75%; }
  .col-lg-10 {
    width: 83.33333%; }
  .col-lg-11 {
    width: 91.66667%; }
  .col-lg-12 {
    width: 100%; }
  .col-lg-pull-0 {
    right: auto; }
  .col-lg-pull-1 {
    right: 8.33333%; }
  .col-lg-pull-2 {
    right: 16.66667%; }
  .col-lg-pull-3 {
    right: 25%; }
  .col-lg-pull-4 {
    right: 33.33333%; }
  .col-lg-pull-5 {
    right: 41.66667%; }
  .col-lg-pull-6 {
    right: 50%; }
  .col-lg-pull-7 {
    right: 58.33333%; }
  .col-lg-pull-8 {
    right: 66.66667%; }
  .col-lg-pull-9 {
    right: 75%; }
  .col-lg-pull-10 {
    right: 83.33333%; }
  .col-lg-pull-11 {
    right: 91.66667%; }
  .col-lg-pull-12 {
    right: 100%; }
  .col-lg-push-0 {
    left: auto; }
  .col-lg-push-1 {
    left: 8.33333%; }
  .col-lg-push-2 {
    left: 16.66667%; }
  .col-lg-push-3 {
    left: 25%; }
  .col-lg-push-4 {
    left: 33.33333%; }
  .col-lg-push-5 {
    left: 41.66667%; }
  .col-lg-push-6 {
    left: 50%; }
  .col-lg-push-7 {
    left: 58.33333%; }
  .col-lg-push-8 {
    left: 66.66667%; }
  .col-lg-push-9 {
    left: 75%; }
  .col-lg-push-10 {
    left: 83.33333%; }
  .col-lg-push-11 {
    left: 91.66667%; }
  .col-lg-push-12 {
    left: 100%; }
  .col-lg-offset-0 {
    margin-left: 0%; }
  .col-lg-offset-1 {
    margin-left: 8.33333%; }
  .col-lg-offset-2 {
    margin-left: 16.66667%; }
  .col-lg-offset-3 {
    margin-left: 25%; }
  .col-lg-offset-4 {
    margin-left: 33.33333%; }
  .col-lg-offset-5 {
    margin-left: 41.66667%; }
  .col-lg-offset-6 {
    margin-left: 50%; }
  .col-lg-offset-7 {
    margin-left: 58.33333%; }
  .col-lg-offset-8 {
    margin-left: 66.66667%; }
  .col-lg-offset-9 {
    margin-left: 75%; }
  .col-lg-offset-10 {
    margin-left: 83.33333%; }
  .col-lg-offset-11 {
    margin-left: 91.66667%; }
  .col-lg-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1200px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-5col {
    float: left; }
  .col-xl-1 {
    width: 8.33333%; }
  .col-xl-2 {
    width: 16.66667%; }
  .col-xl-3 {
    width: 25%; }
  .col-xl-4 {
    width: 33.33333%; }
  .col-xl-5 {
    width: 41.66667%; }
  .col-xl-6 {
    width: 50%; }
  .col-xl-7 {
    width: 58.33333%; }
  .col-xl-8 {
    width: 66.66667%; }
  .col-xl-9 {
    width: 75%; }
  .col-xl-10 {
    width: 83.33333%; }
  .col-xl-11 {
    width: 91.66667%; }
  .col-xl-12 {
    width: 100%; }
  .col-xl-pull-0 {
    right: auto; }
  .col-xl-pull-1 {
    right: 8.33333%; }
  .col-xl-pull-2 {
    right: 16.66667%; }
  .col-xl-pull-3 {
    right: 25%; }
  .col-xl-pull-4 {
    right: 33.33333%; }
  .col-xl-pull-5 {
    right: 41.66667%; }
  .col-xl-pull-6 {
    right: 50%; }
  .col-xl-pull-7 {
    right: 58.33333%; }
  .col-xl-pull-8 {
    right: 66.66667%; }
  .col-xl-pull-9 {
    right: 75%; }
  .col-xl-pull-10 {
    right: 83.33333%; }
  .col-xl-pull-11 {
    right: 91.66667%; }
  .col-xl-pull-12 {
    right: 100%; }
  .col-xl-push-0 {
    left: auto; }
  .col-xl-push-1 {
    left: 8.33333%; }
  .col-xl-push-2 {
    left: 16.66667%; }
  .col-xl-push-3 {
    left: 25%; }
  .col-xl-push-4 {
    left: 33.33333%; }
  .col-xl-push-5 {
    left: 41.66667%; }
  .col-xl-push-6 {
    left: 50%; }
  .col-xl-push-7 {
    left: 58.33333%; }
  .col-xl-push-8 {
    left: 66.66667%; }
  .col-xl-push-9 {
    left: 75%; }
  .col-xl-push-10 {
    left: 83.33333%; }
  .col-xl-push-11 {
    left: 91.66667%; }
  .col-xl-push-12 {
    left: 100%; }
  .col-xl-offset-0 {
    margin-left: 0%; }
  .col-xl-offset-1 {
    margin-left: 8.33333%; }
  .col-xl-offset-2 {
    margin-left: 16.66667%; }
  .col-xl-offset-3 {
    margin-left: 25%; }
  .col-xl-offset-4 {
    margin-left: 33.33333%; }
  .col-xl-offset-5 {
    margin-left: 41.66667%; }
  .col-xl-offset-6 {
    margin-left: 50%; }
  .col-xl-offset-7 {
    margin-left: 58.33333%; }
  .col-xl-offset-8 {
    margin-left: 66.66667%; }
  .col-xl-offset-9 {
    margin-left: 75%; }
  .col-xl-offset-10 {
    margin-left: 83.33333%; }
  .col-xl-offset-11 {
    margin-left: 91.66667%; }
  .col-xl-offset-12 {
    margin-left: 100%; } }

@media (min-width: 1560px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl-5col {
    float: left; }
  .col-xxl-1 {
    width: 8.33333%; }
  .col-xxl-2 {
    width: 16.66667%; }
  .col-xxl-3 {
    width: 25%; }
  .col-xxl-4 {
    width: 33.33333%; }
  .col-xxl-5 {
    width: 41.66667%; }
  .col-xxl-6 {
    width: 50%; }
  .col-xxl-7 {
    width: 58.33333%; }
  .col-xxl-8 {
    width: 66.66667%; }
  .col-xxl-9 {
    width: 75%; }
  .col-xxl-10 {
    width: 83.33333%; }
  .col-xxl-11 {
    width: 91.66667%; }
  .col-xxl-12 {
    width: 100%; }
  .col-xxl-pull-0 {
    right: auto; }
  .col-xxl-pull-1 {
    right: 8.33333%; }
  .col-xxl-pull-2 {
    right: 16.66667%; }
  .col-xxl-pull-3 {
    right: 25%; }
  .col-xxl-pull-4 {
    right: 33.33333%; }
  .col-xxl-pull-5 {
    right: 41.66667%; }
  .col-xxl-pull-6 {
    right: 50%; }
  .col-xxl-pull-7 {
    right: 58.33333%; }
  .col-xxl-pull-8 {
    right: 66.66667%; }
  .col-xxl-pull-9 {
    right: 75%; }
  .col-xxl-pull-10 {
    right: 83.33333%; }
  .col-xxl-pull-11 {
    right: 91.66667%; }
  .col-xxl-pull-12 {
    right: 100%; }
  .col-xxl-push-0 {
    left: auto; }
  .col-xxl-push-1 {
    left: 8.33333%; }
  .col-xxl-push-2 {
    left: 16.66667%; }
  .col-xxl-push-3 {
    left: 25%; }
  .col-xxl-push-4 {
    left: 33.33333%; }
  .col-xxl-push-5 {
    left: 41.66667%; }
  .col-xxl-push-6 {
    left: 50%; }
  .col-xxl-push-7 {
    left: 58.33333%; }
  .col-xxl-push-8 {
    left: 66.66667%; }
  .col-xxl-push-9 {
    left: 75%; }
  .col-xxl-push-10 {
    left: 83.33333%; }
  .col-xxl-push-11 {
    left: 91.66667%; }
  .col-xxl-push-12 {
    left: 100%; }
  .col-xxl-offset-0 {
    margin-left: 0%; }
  .col-xxl-offset-1 {
    margin-left: 8.33333%; }
  .col-xxl-offset-2 {
    margin-left: 16.66667%; }
  .col-xxl-offset-3 {
    margin-left: 25%; }
  .col-xxl-offset-4 {
    margin-left: 33.33333%; }
  .col-xxl-offset-5 {
    margin-left: 41.66667%; }
  .col-xxl-offset-6 {
    margin-left: 50%; }
  .col-xxl-offset-7 {
    margin-left: 58.33333%; }
  .col-xxl-offset-8 {
    margin-left: 66.66667%; }
  .col-xxl-offset-9 {
    margin-left: 75%; }
  .col-xxl-offset-10 {
    margin-left: 83.33333%; }
  .col-xxl-offset-11 {
    margin-left: 91.66667%; }
  .col-xxl-offset-12 {
    margin-left: 100%; } }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 12px; }
  .table th,
  .table td {
    padding: 0.75rem;
    line-height: 1.5;
    vertical-align: top;
    border-top: 1px solid #eceeef; }
  .table thead th {
    vertical-align: bottom;
    border-bottom: 2px solid #eceeef; }
  .table tbody + tbody {
    border-top: 2px solid #eceeef; }
  .table .table {
    background-color: #fff; }

.table-sm th,
.table-sm td {
  padding: 0.3rem; }

.table-bordered {
  border: 1px solid #eceeef; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #eceeef; }
  .table-bordered thead th,
  .table-bordered thead td {
    border-bottom-width: 2px; }

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover tbody tr:hover {
  background-color: #f5f5f5; }

.table-active,
.table-active > th,
.table-active > td {
  background-color: #f5f5f5; }

.table-hover .table-active:hover {
  background-color: #e8e8e8; }
  .table-hover .table-active:hover > td,
  .table-hover .table-active:hover > th {
    background-color: #e8e8e8; }

.table-success,
.table-success > th,
.table-success > td {
  background-color: #dff0d8; }

.table-hover .table-success:hover {
  background-color: #d0e9c6; }
  .table-hover .table-success:hover > td,
  .table-hover .table-success:hover > th {
    background-color: #d0e9c6; }

.table-info,
.table-info > th,
.table-info > td {
  background-color: #d9edf7; }

.table-hover .table-info:hover {
  background-color: #c4e3f3; }
  .table-hover .table-info:hover > td,
  .table-hover .table-info:hover > th {
    background-color: #c4e3f3; }

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fcf8e3; }

.table-hover .table-warning:hover {
  background-color: #faf2cc; }
  .table-hover .table-warning:hover > td,
  .table-hover .table-warning:hover > th {
    background-color: #faf2cc; }

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #f2dede; }

.table-hover .table-danger:hover {
  background-color: #ebcccc; }
  .table-hover .table-danger:hover > td,
  .table-hover .table-danger:hover > th {
    background-color: #ebcccc; }

.table-responsive {
  display: block;
  width: 100%;
  min-height: 0.01%;
  overflow-x: auto; }

.thead-inverse th {
  color: #fff;
  background-color: #373a3c; }

.thead-default th {
  color: #55595c;
  background-color: #eceeef; }

.table-inverse {
  color: #eceeef;
  background-color: #373a3c; }
  .table-inverse.table-bordered {
    border: 0; }
  .table-inverse th,
  .table-inverse td,
  .table-inverse thead th {
    border-color: #55595c; }

.table-reflow thead {
  float: left; }

.table-reflow tbody {
  display: block;
  white-space: nowrap; }

.table-reflow th,
.table-reflow td {
  border-top: 1px solid #eceeef;
  border-left: 1px solid #eceeef; }
  .table-reflow th:last-child,
  .table-reflow td:last-child {
    border-right: 1px solid #eceeef; }

.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #eceeef; }

.table-reflow tr {
  float: left; }
  .table-reflow tr th,
  .table-reflow tr td {
    display: block !important;
    border: 1px solid #eceeef; }

.k-textbox:disabled, .k-textbox[readonly] {
  background-color: #eceeef;
  opacity: 1; }

.k-textbox:disabled {
  cursor: not-allowed; }

.form-control, .daterangepicker .input-mini, .readonlyeditor, .date-filter-trigger, .click-editor textarea {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #55595c;
  background-color: #fff;
  background-image: none;
  border: none;
  border: 1px solid #eeeeee;
  border-radius: 0.25rem; }
  .form-control::-ms-expand, .daterangepicker .input-mini::-ms-expand, .readonlyeditor::-ms-expand, .date-filter-trigger::-ms-expand, .click-editor textarea::-ms-expand {
    background-color: transparent;
    border: 0; }
  .form-control:focus, .daterangepicker .input-mini:focus, .readonlyeditor:focus, .date-filter-trigger:focus, .click-editor textarea:focus {
    border-color: #66afe9;
    outline: none; }
  .form-control::placeholder, .daterangepicker .input-mini::placeholder, .readonlyeditor::placeholder, .date-filter-trigger::placeholder, .click-editor textarea::placeholder {
    color: #999;
    opacity: 1; }
  .form-control:disabled, .daterangepicker .input-mini:disabled, .readonlyeditor:disabled, .date-filter-trigger:disabled, .click-editor textarea:disabled, .form-control[readonly], .daterangepicker [readonly].input-mini, [readonly].readonlyeditor, [readonly].date-filter-trigger, .click-editor textarea[readonly] {
    background-color: #eceeef;
    opacity: 1; }
  .form-control:disabled, .daterangepicker .input-mini:disabled, .readonlyeditor:disabled, .date-filter-trigger:disabled, .click-editor textarea:disabled {
    cursor: not-allowed; }

.form-control-file,
.form-control-range {
  display: block; }

.form-control-label {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control, .daterangepicker input[type="date"].input-mini, input[type="date"].readonlyeditor, input[type="date"].date-filter-trigger,
  input[type="time"].form-control,
  .daterangepicker input[type="time"].input-mini,
  input[type="time"].readonlyeditor,
  input[type="time"].date-filter-trigger,
  input[type="datetime-local"].form-control,
  .daterangepicker input[type="datetime-local"].input-mini,
  input[type="datetime-local"].readonlyeditor,
  input[type="datetime-local"].date-filter-trigger,
  input[type="month"].form-control,
  .daterangepicker input[type="month"].input-mini,
  input[type="month"].readonlyeditor,
  input[type="month"].date-filter-trigger {
    line-height: 2.0625rem; }
  input[type="date"].input-sm,
  .input-group-sm input[type="date"].form-control,
  .input-group-sm .daterangepicker input[type="date"].input-mini, .daterangepicker
  .input-group-sm input[type="date"].input-mini,
  .input-group-sm input[type="date"].readonlyeditor,
  .input-group-sm input[type="date"].date-filter-trigger,
  input[type="time"].input-sm,
  .input-group-sm
  input[type="time"].form-control,
  .input-group-sm .daterangepicker input[type="time"].input-mini,
  .daterangepicker
  .input-group-sm input[type="time"].input-mini,
  .input-group-sm input[type="time"].readonlyeditor,
  .input-group-sm input[type="time"].date-filter-trigger,
  input[type="datetime-local"].input-sm,
  .input-group-sm
  input[type="datetime-local"].form-control,
  .input-group-sm .daterangepicker input[type="datetime-local"].input-mini,
  .daterangepicker
  .input-group-sm input[type="datetime-local"].input-mini,
  .input-group-sm input[type="datetime-local"].readonlyeditor,
  .input-group-sm input[type="datetime-local"].date-filter-trigger,
  input[type="month"].input-sm,
  .input-group-sm
  input[type="month"].form-control,
  .input-group-sm .daterangepicker input[type="month"].input-mini,
  .daterangepicker
  .input-group-sm input[type="month"].input-mini,
  .input-group-sm input[type="month"].readonlyeditor,
  .input-group-sm input[type="month"].date-filter-trigger {
    line-height: 1.675rem; }
  input[type="date"].input-lg,
  .input-group-lg input[type="date"].form-control,
  .input-group-lg .daterangepicker input[type="date"].input-mini, .daterangepicker
  .input-group-lg input[type="date"].input-mini,
  .input-group-lg input[type="date"].readonlyeditor,
  .input-group-lg input[type="date"].date-filter-trigger,
  input[type="time"].input-lg,
  .input-group-lg
  input[type="time"].form-control,
  .input-group-lg .daterangepicker input[type="time"].input-mini,
  .daterangepicker
  .input-group-lg input[type="time"].input-mini,
  .input-group-lg input[type="time"].readonlyeditor,
  .input-group-lg input[type="time"].date-filter-trigger,
  input[type="datetime-local"].input-lg,
  .input-group-lg
  input[type="datetime-local"].form-control,
  .input-group-lg .daterangepicker input[type="datetime-local"].input-mini,
  .daterangepicker
  .input-group-lg input[type="datetime-local"].input-mini,
  .input-group-lg input[type="datetime-local"].readonlyeditor,
  .input-group-lg input[type="datetime-local"].date-filter-trigger,
  input[type="month"].input-lg,
  .input-group-lg
  input[type="month"].form-control,
  .input-group-lg .daterangepicker input[type="month"].input-mini,
  .daterangepicker
  .input-group-lg input[type="month"].input-mini,
  .input-group-lg input[type="month"].readonlyeditor,
  .input-group-lg input[type="month"].date-filter-trigger {
    line-height: 3.16667rem; } }

.form-control-static {
  min-height: 2.0625rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0; }
  .form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control, .daterangepicker .input-group-sm > .form-control-static.input-mini, .input-group-sm > .form-control-static.readonlyeditor, .input-group-sm > .form-control-static.date-filter-trigger, .click-editor .input-group-sm > textarea.form-control-static,
  .input-group-sm > .form-control-static.input-group-addon,
  .input-group-sm > .input-group-btn > .form-control-static.btn, .reports-table .k-header.k-grid-top
  .input-group-sm > .input-group-btn > button.form-control-static.k-button, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control, .daterangepicker .input-group-lg > .form-control-static.input-mini, .input-group-lg > .form-control-static.readonlyeditor, .input-group-lg > .form-control-static.date-filter-trigger, .click-editor .input-group-lg > textarea.form-control-static,
  .input-group-lg > .form-control-static.input-group-addon,
  .input-group-lg > .input-group-btn > .form-control-static.btn, .reports-table .k-header.k-grid-top
  .input-group-lg > .input-group-btn > button.form-control-static.k-button {
    padding-right: 0;
    padding-left: 0; }

.form-control-sm, .input-group-sm > .form-control, .daterangepicker .input-group-sm > .input-mini, .input-group-sm > .readonlyeditor, .input-group-sm > .date-filter-trigger, .click-editor .input-group-sm > textarea,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn, .reports-table .k-header.k-grid-top
.input-group-sm > .input-group-btn > button.k-button {
  padding: 0.275rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 0.2rem; }

.form-control-lg, .input-group-lg > .form-control, .daterangepicker .input-group-lg > .input-mini, .input-group-lg > .readonlyeditor, .input-group-lg > .date-filter-trigger, .click-editor .input-group-lg > textarea,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn, .reports-table .k-header.k-grid-top
.input-group-lg > .input-group-btn > button.k-button {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 0.3rem; }

.form-group {
  margin-bottom: 12px; }
  .form-group .form-group {
    margin-bottom: 0; }

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-bottom: 9px; }
  .radio label,
  .checkbox label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    font-weight: normal;
    cursor: pointer; }
    .radio label input:only-child,
    .checkbox label input:only-child {
      position: static; }

.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-top: .25rem;
  margin-left: -1.25rem; }

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -.25rem; }

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer; }

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: .75rem; }

input[type="radio"]:disabled, input[type="radio"].disabled,
input[type="checkbox"]:disabled,
input[type="checkbox"].disabled,
.k-textbox:disabled,
.k-textbox.disabled {
  cursor: not-allowed; }

.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: not-allowed; }

.radio.disabled label,
.checkbox.disabled label {
  cursor: not-allowed; }

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.51563rem;
  background-size: 1.34062rem 1.34062rem; }

.has-success .text-help,
.has-success .form-control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #C6579A; }

.has-success .form-control, .has-success .daterangepicker .input-mini, .daterangepicker .has-success .input-mini, .has-success .readonlyeditor, .has-success .date-filter-trigger, .has-success .click-editor textarea, .click-editor .has-success textarea {
  border-color: #C6579A; }

.has-success .input-group-addon {
  color: #C6579A;
  border-color: #C6579A;
  background-color: #faeff6; }

.has-success .form-control-feedback {
  color: #C6579A; }

.has-success .form-control-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg=="); }

.has-warning .text-help,
.has-warning .form-control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #ffd23f; }

.has-warning .form-control, .has-warning .daterangepicker .input-mini, .daterangepicker .has-warning .input-mini, .has-warning .readonlyeditor, .has-warning .date-filter-trigger, .has-warning .click-editor textarea, .click-editor .has-warning textarea {
  border-color: #ffd23f; }

.has-warning .input-group-addon {
  color: #ffd23f;
  border-color: #ffd23f;
  background-color: white; }

.has-warning .form-control-feedback {
  color: #ffd23f; }

.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+"); }

.has-danger .text-help,
.has-danger .form-control-label,
.has-danger .radio,
.has-danger .checkbox,
.has-danger .radio-inline,
.has-danger .checkbox-inline,
.has-danger.radio label,
.has-danger.checkbox label,
.has-danger.radio-inline label,
.has-danger.checkbox-inline label {
  color: #f15b17; }

.has-danger .form-control, .has-danger .daterangepicker .input-mini, .daterangepicker .has-danger .input-mini, .has-danger .readonlyeditor, .has-danger .date-filter-trigger, .has-danger .click-editor textarea, .click-editor .has-danger textarea {
  border-color: #f15b17; }

.has-danger .input-group-addon {
  color: #f15b17;
  border-color: #f15b17;
  background-color: #fde3d7; }

.has-danger .form-control-feedback {
  color: #f15b17; }

.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4="); }

@media (min-width: 544px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .form-control, .form-inline .daterangepicker .input-mini, .daterangepicker .form-inline .input-mini, .form-inline .readonlyeditor, .form-inline .date-filter-trigger, .form-inline .click-editor textarea, .click-editor .form-inline textarea {
    display: inline-block;
    width: auto;
    vertical-align: middle; }
  .form-inline .form-control-static {
    display: inline-block; }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle; }
    .form-inline .input-group .input-group-addon,
    .form-inline .input-group .input-group-btn,
    .form-inline .input-group .form-control,
    .form-inline .input-group .daterangepicker .input-mini, .daterangepicker
    .form-inline .input-group .input-mini,
    .form-inline .input-group .readonlyeditor,
    .form-inline .input-group .date-filter-trigger,
    .form-inline .input-group .click-editor textarea, .click-editor
    .form-inline .input-group textarea {
      width: auto; }
  .form-inline .input-group > .form-control, .form-inline .daterangepicker .input-group > .input-mini, .daterangepicker .form-inline .input-group > .input-mini, .form-inline .input-group > .readonlyeditor, .form-inline .input-group > .date-filter-trigger, .form-inline .click-editor .input-group > textarea, .click-editor .form-inline .input-group > textarea {
    width: 100%; }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle; }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle; }
    .form-inline .radio label,
    .form-inline .checkbox label {
      padding-left: 0; }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {
    top: 0; } }

.btn, .reports-table .k-header.k-grid-top button.k-button {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 2px solid transparent;
  padding: 0.375rem 1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 1.5rem;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }
  .btn:focus, .reports-table .k-header.k-grid-top button.k-button:focus, .btn:hover, .reports-table .k-header.k-grid-top button.k-button:hover {
    text-decoration: none; }
  .btn.focus, .reports-table .k-header.k-grid-top button.focus.k-button {
    text-decoration: none; }
  .btn:active, .reports-table .k-header.k-grid-top button.k-button:active, .btn.active, .reports-table .k-header.k-grid-top button.active.k-button {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .reports-table .k-header.k-grid-top button.disabled.k-button, .btn:disabled, .reports-table .k-header.k-grid-top button.k-button:disabled {
    cursor: not-allowed;
    opacity: .65;
    box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-primary {
  color: #fff;
  background-color: #C6579A;
  border-color: #C6579A;
  box-shadow: 0 6px 12px -4px rgba(198, 87, 154, 0.6); }
  .btn-primary .icon use {
    fill: #fff; }
  .btn-primary:hover {
    color: #fff;
    background-color: #cb66a3;
    border-color: #cb66a3;
    box-shadow: 0 6px 16px -4px rgba(203, 102, 163, 0.6); }
  .btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #cb66a3;
    border-color: #cb66a3; }
  .btn-primary:active, .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #cb66a3;
    border-color: #cb66a3;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
    .open > .btn-primary.dropdown-toggle:hover,
    .open > .btn-primary.dropdown-toggle:focus,
    .open > .btn-primary.dropdown-toggle.focus {
      color: #fff;
      background-color: #94326d;
      border-color: #762857; }
  .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
    background-color: #C6579A;
    border-color: #C6579A; }
  .btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: #C6579A;
    border-color: #C6579A; }

.btn-secondary {
  color: #6d6c6d;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 6px 12px -4px rgba(255, 255, 255, 0.6); }
  .btn-secondary .icon use {
    fill: #6d6c6d; }
  .btn-secondary:hover {
    color: #6d6c6d;
    background-color: white;
    border-color: white;
    box-shadow: 0 6px 16px -4px rgba(255, 255, 255, 0.6); }
  .btn-secondary:focus, .btn-secondary.focus {
    color: #6d6c6d;
    background-color: white;
    border-color: white; }
  .btn-secondary:active, .btn-secondary.active,
  .open > .btn-secondary.dropdown-toggle {
    color: #6d6c6d;
    background-color: white;
    border-color: white;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus,
    .open > .btn-secondary.dropdown-toggle:hover,
    .open > .btn-secondary.dropdown-toggle:focus,
    .open > .btn-secondary.dropdown-toggle.focus {
      color: #6d6c6d;
      background-color: #d4d4d4;
      border-color: #2d2d2d; }
  .btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
    background-color: #fff;
    border-color: #6d6c6d; }
  .btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
    background-color: #fff;
    border-color: #6d6c6d; }

.btn-info {
  color: #fff;
  background-color: #3fa7d6;
  border-color: #3fa7d6;
  box-shadow: 0 6px 12px -4px rgba(63, 167, 214, 0.6); }
  .btn-info .icon use {
    fill: #fff; }
  .btn-info:hover {
    color: #fff;
    background-color: #50afda;
    border-color: #50afda;
    box-shadow: 0 6px 16px -4px rgba(80, 175, 218, 0.6); }
  .btn-info:focus, .btn-info.focus {
    color: #fff;
    background-color: #50afda;
    border-color: #50afda; }
  .btn-info:active, .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #50afda;
    border-color: #50afda;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus,
    .open > .btn-info.dropdown-toggle:hover,
    .open > .btn-info.dropdown-toggle:focus,
    .open > .btn-info.dropdown-toggle.focus {
      color: #fff;
      background-color: #21769d;
      border-color: #1a5d7b; }
  .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
    background-color: #3fa7d6;
    border-color: #3fa7d6; }
  .btn-info.disabled:hover, .btn-info:disabled:hover {
    background-color: #3fa7d6;
    border-color: #3fa7d6; }

.btn-success {
  color: #fff;
  background-color: #C6579A;
  border-color: #C6579A;
  box-shadow: 0 6px 12px -4px rgba(198, 87, 154, 0.6); }
  .btn-success .icon use {
    fill: #fff; }
  .btn-success:hover {
    color: #fff;
    background-color: #cb66a3;
    border-color: #cb66a3;
    box-shadow: 0 6px 16px -4px rgba(203, 102, 163, 0.6); }
  .btn-success:focus, .btn-success.focus {
    color: #fff;
    background-color: #cb66a3;
    border-color: #cb66a3; }
  .btn-success:active, .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #cb66a3;
    border-color: #cb66a3;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus,
    .open > .btn-success.dropdown-toggle:hover,
    .open > .btn-success.dropdown-toggle:focus,
    .open > .btn-success.dropdown-toggle.focus {
      color: #fff;
      background-color: #94326d;
      border-color: #762857; }
  .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
    background-color: #C6579A;
    border-color: #C6579A; }
  .btn-success.disabled:hover, .btn-success:disabled:hover {
    background-color: #C6579A;
    border-color: #C6579A; }

.btn-warning {
  color: #fff;
  background-color: #ffd23f;
  border-color: #ffd23f;
  box-shadow: 0 6px 12px -4px rgba(255, 210, 63, 0.6); }
  .btn-warning .icon use {
    fill: #fff; }
  .btn-warning:hover {
    color: #fff;
    background-color: #ffd753;
    border-color: #ffd753;
    box-shadow: 0 6px 16px -4px rgba(255, 215, 83, 0.6); }
  .btn-warning:focus, .btn-warning.focus {
    color: #fff;
    background-color: #ffd753;
    border-color: #ffd753; }
  .btn-warning:active, .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ffd753;
    border-color: #ffd753;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus,
    .open > .btn-warning.dropdown-toggle:hover,
    .open > .btn-warning.dropdown-toggle:focus,
    .open > .btn-warning.dropdown-toggle.focus {
      color: #fff;
      background-color: #e7b100;
      border-color: #bf9200; }
  .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
    background-color: #ffd23f;
    border-color: #ffd23f; }
  .btn-warning.disabled:hover, .btn-warning:disabled:hover {
    background-color: #ffd23f;
    border-color: #ffd23f; }

.btn-danger {
  color: #fff;
  background-color: #f15b17;
  border-color: #f15b17;
  box-shadow: 0 6px 12px -4px rgba(241, 91, 23, 0.6); }
  .btn-danger .icon use {
    fill: #fff; }
  .btn-danger:hover {
    color: #fff;
    background-color: #f2692a;
    border-color: #f2692a;
    box-shadow: 0 6px 16px -4px rgba(242, 105, 42, 0.6); }
  .btn-danger:focus, .btn-danger.focus {
    color: #fff;
    background-color: #f2692a;
    border-color: #f2692a; }
  .btn-danger:active, .btn-danger.active,
  .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #f2692a;
    border-color: #f2692a;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus,
    .open > .btn-danger.dropdown-toggle:hover,
    .open > .btn-danger.dropdown-toggle:focus,
    .open > .btn-danger.dropdown-toggle.focus {
      color: #fff;
      background-color: #a73b0a;
      border-color: #812e08; }
  .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
    background-color: #f15b17;
    border-color: #f15b17; }
  .btn-danger.disabled:hover, .btn-danger:disabled:hover {
    background-color: #f15b17;
    border-color: #f15b17; }

.btn-primary-outline {
  color: #C6579A;
  background-image: none;
  background-color: transparent;
  border-color: #C6579A; }
  .btn-primary-outline .icon use {
    fill: #C6579A; }
  .btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active,
  .open > .btn-primary-outline.dropdown-toggle {
    color: #fff;
    background-color: #C6579A;
    border-color: #C6579A; }
    .btn-primary-outline:focus .icon use, .btn-primary-outline.focus .icon use, .btn-primary-outline:active .icon use, .btn-primary-outline.active .icon use,
    .open > .btn-primary-outline.dropdown-toggle .icon use {
      fill: #fff; }
  .btn-primary-outline:hover {
    color: #fff;
    background-color: #C6579A;
    border-color: #C6579A; }
    .btn-primary-outline:hover .icon use {
      fill: #fff; }
  .btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
    border-color: #e0a3c8; }
  .btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
    border-color: #e0a3c8; }

.btn-secondary-outline {
  color: #6d6c6d;
  background-image: none;
  background-color: transparent;
  border-color: #6d6c6d; }
  .btn-secondary-outline .icon use {
    fill: #6d6c6d; }
  .btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active,
  .open > .btn-secondary-outline.dropdown-toggle {
    color: #fff;
    background-color: #6d6c6d;
    border-color: #6d6c6d; }
    .btn-secondary-outline:focus .icon use, .btn-secondary-outline.focus .icon use, .btn-secondary-outline:active .icon use, .btn-secondary-outline.active .icon use,
    .open > .btn-secondary-outline.dropdown-toggle .icon use {
      fill: #fff; }
  .btn-secondary-outline:hover {
    color: #fff;
    background-color: #6d6c6d;
    border-color: #6d6c6d; }
    .btn-secondary-outline:hover .icon use {
      fill: #fff; }
  .btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
    border-color: #a09fa0; }
  .btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover {
    border-color: #a09fa0; }
  .btn-secondary-outline:focus {
    background-color: #fff;
    color: #6d6c6d; }

.btn-info-outline {
  color: #3fa7d6;
  background-image: none;
  background-color: transparent;
  border-color: #3fa7d6; }
  .btn-info-outline .icon use {
    fill: #3fa7d6; }
  .btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active,
  .open > .btn-info-outline.dropdown-toggle {
    color: #fff;
    background-color: #3fa7d6;
    border-color: #3fa7d6; }
    .btn-info-outline:focus .icon use, .btn-info-outline.focus .icon use, .btn-info-outline:active .icon use, .btn-info-outline.active .icon use,
    .open > .btn-info-outline.dropdown-toggle .icon use {
      fill: #fff; }
  .btn-info-outline:hover {
    color: #fff;
    background-color: #3fa7d6;
    border-color: #3fa7d6; }
    .btn-info-outline:hover .icon use {
      fill: #fff; }
  .btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus {
    border-color: #93cee8; }
  .btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover {
    border-color: #93cee8; }

.btn-success-outline {
  color: #C6579A;
  background-image: none;
  background-color: transparent;
  border-color: #C6579A; }
  .btn-success-outline .icon use {
    fill: #C6579A; }
  .btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active,
  .open > .btn-success-outline.dropdown-toggle {
    color: #fff;
    background-color: #C6579A;
    border-color: #C6579A; }
    .btn-success-outline:focus .icon use, .btn-success-outline.focus .icon use, .btn-success-outline:active .icon use, .btn-success-outline.active .icon use,
    .open > .btn-success-outline.dropdown-toggle .icon use {
      fill: #fff; }
  .btn-success-outline:hover {
    color: #fff;
    background-color: #C6579A;
    border-color: #C6579A; }
    .btn-success-outline:hover .icon use {
      fill: #fff; }
  .btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
    border-color: #e0a3c8; }
  .btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover {
    border-color: #e0a3c8; }

.btn-warning-outline {
  color: #ffd23f;
  background-image: none;
  background-color: transparent;
  border-color: #ffd23f; }
  .btn-warning-outline .icon use {
    fill: #ffd23f; }
  .btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active,
  .open > .btn-warning-outline.dropdown-toggle {
    color: #fff;
    background-color: #ffd23f;
    border-color: #ffd23f; }
    .btn-warning-outline:focus .icon use, .btn-warning-outline.focus .icon use, .btn-warning-outline:active .icon use, .btn-warning-outline.active .icon use,
    .open > .btn-warning-outline.dropdown-toggle .icon use {
      fill: #fff; }
  .btn-warning-outline:hover {
    color: #fff;
    background-color: #ffd23f;
    border-color: #ffd23f; }
    .btn-warning-outline:hover .icon use {
      fill: #fff; }
  .btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus {
    border-color: #ffeaa5; }
  .btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover {
    border-color: #ffeaa5; }

.btn-danger-outline {
  color: #f15b17;
  background-image: none;
  background-color: transparent;
  border-color: #f15b17; }
  .btn-danger-outline .icon use {
    fill: #f15b17; }
  .btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active,
  .open > .btn-danger-outline.dropdown-toggle {
    color: #fff;
    background-color: #f15b17;
    border-color: #f15b17; }
    .btn-danger-outline:focus .icon use, .btn-danger-outline.focus .icon use, .btn-danger-outline:active .icon use, .btn-danger-outline.active .icon use,
    .open > .btn-danger-outline.dropdown-toggle .icon use {
      fill: #fff; }
  .btn-danger-outline:hover {
    color: #fff;
    background-color: #f15b17;
    border-color: #f15b17; }
    .btn-danger-outline:hover .icon use {
      fill: #fff; }
  .btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
    border-color: #f79f77; }
  .btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover {
    border-color: #f79f77; }

.btn-default-outline, .reports-table .k-header.k-grid-top button.k-button {
  color: #aaaaaa;
  background-image: none;
  background-color: transparent;
  border-color: #aaaaaa; }
  .btn-default-outline .icon use, .reports-table .k-header.k-grid-top button.k-button .icon use {
    fill: #aaaaaa; }
  .btn-default-outline:focus, .reports-table .k-header.k-grid-top button.k-button:focus, .btn-default-outline.focus, .reports-table .k-header.k-grid-top button.focus.k-button, .btn-default-outline:active, .reports-table .k-header.k-grid-top button.k-button:active, .btn-default-outline.active, .reports-table .k-header.k-grid-top button.active.k-button,
  .open > .btn-default-outline.dropdown-toggle, .reports-table .k-header.k-grid-top
  .open > button.dropdown-toggle.k-button {
    color: #fff;
    background-color: #aaaaaa;
    border-color: #aaaaaa; }
    .btn-default-outline:focus .icon use, .reports-table .k-header.k-grid-top button.k-button:focus .icon use, .btn-default-outline.focus .icon use, .reports-table .k-header.k-grid-top button.focus.k-button .icon use, .btn-default-outline:active .icon use, .reports-table .k-header.k-grid-top button.k-button:active .icon use, .btn-default-outline.active .icon use, .reports-table .k-header.k-grid-top button.active.k-button .icon use,
    .open > .btn-default-outline.dropdown-toggle .icon use, .reports-table .k-header.k-grid-top
    .open > button.dropdown-toggle.k-button .icon use {
      fill: #fff; }
  .btn-default-outline:hover, .reports-table .k-header.k-grid-top button.k-button:hover {
    color: #fff;
    background-color: #aaaaaa;
    border-color: #aaaaaa; }
    .btn-default-outline:hover .icon use, .reports-table .k-header.k-grid-top button.k-button:hover .icon use {
      fill: #fff; }
  .btn-default-outline.disabled:focus, .reports-table .k-header.k-grid-top button.disabled.k-button:focus, .btn-default-outline.disabled.focus, .reports-table .k-header.k-grid-top button.disabled.focus.k-button, .btn-default-outline:disabled:focus, .reports-table .k-header.k-grid-top button.k-button:disabled:focus, .btn-default-outline:disabled.focus, .reports-table .k-header.k-grid-top button.k-button:disabled.focus {
    border-color: #dddddd; }
  .btn-default-outline.disabled:hover, .reports-table .k-header.k-grid-top button.disabled.k-button:hover, .btn-default-outline:disabled:hover, .reports-table .k-header.k-grid-top button.k-button:disabled:hover {
    border-color: #dddddd; }

.btn-primary-outline-dashed {
  color: #C6579A;
  background-image: none;
  background-color: transparent;
  border-color: #C6579A;
  border-style: dashed; }
  .btn-primary-outline-dashed:focus, .btn-primary-outline-dashed.focus, .btn-primary-outline-dashed:active, .btn-primary-outline-dashed.active,
  .open > .btn-primary-outline-dashed.dropdown-toggle {
    border-color: #C6579A;
    border-style: solid; }
  .btn-primary-outline-dashed:hover {
    border-color: #C6579A;
    border-style: solid; }
  .btn-primary-outline-dashed.disabled:focus, .btn-primary-outline-dashed.disabled.focus, .btn-primary-outline-dashed:disabled:focus, .btn-primary-outline-dashed:disabled.focus {
    border-color: #e0a3c8; }
  .btn-primary-outline-dashed.disabled:hover, .btn-primary-outline-dashed:disabled:hover {
    border-color: #e0a3c8; }

.btn-secondary-outline-dashed {
  color: #6d6c6d;
  background-image: none;
  background-color: transparent;
  border-color: #6d6c6d;
  border-style: dashed; }
  .btn-secondary-outline-dashed:focus, .btn-secondary-outline-dashed.focus, .btn-secondary-outline-dashed:active, .btn-secondary-outline-dashed.active,
  .open > .btn-secondary-outline-dashed.dropdown-toggle {
    border-color: #6d6c6d;
    border-style: solid; }
  .btn-secondary-outline-dashed:hover {
    border-color: #6d6c6d;
    border-style: solid; }
  .btn-secondary-outline-dashed.disabled:focus, .btn-secondary-outline-dashed.disabled.focus, .btn-secondary-outline-dashed:disabled:focus, .btn-secondary-outline-dashed:disabled.focus {
    border-color: #a09fa0; }
  .btn-secondary-outline-dashed.disabled:hover, .btn-secondary-outline-dashed:disabled:hover {
    border-color: #a09fa0; }

.btn-info-outline-dashed {
  color: #3fa7d6;
  background-image: none;
  background-color: transparent;
  border-color: #3fa7d6;
  border-style: dashed; }
  .btn-info-outline-dashed:focus, .btn-info-outline-dashed.focus, .btn-info-outline-dashed:active, .btn-info-outline-dashed.active,
  .open > .btn-info-outline-dashed.dropdown-toggle {
    border-color: #3fa7d6;
    border-style: solid; }
  .btn-info-outline-dashed:hover {
    border-color: #3fa7d6;
    border-style: solid; }
  .btn-info-outline-dashed.disabled:focus, .btn-info-outline-dashed.disabled.focus, .btn-info-outline-dashed:disabled:focus, .btn-info-outline-dashed:disabled.focus {
    border-color: #93cee8; }
  .btn-info-outline-dashed.disabled:hover, .btn-info-outline-dashed:disabled:hover {
    border-color: #93cee8; }

.btn-success-outline-dashed {
  color: #C6579A;
  background-image: none;
  background-color: transparent;
  border-color: #C6579A;
  border-style: dashed; }
  .btn-success-outline-dashed:focus, .btn-success-outline-dashed.focus, .btn-success-outline-dashed:active, .btn-success-outline-dashed.active,
  .open > .btn-success-outline-dashed.dropdown-toggle {
    border-color: #C6579A;
    border-style: solid; }
  .btn-success-outline-dashed:hover {
    border-color: #C6579A;
    border-style: solid; }
  .btn-success-outline-dashed.disabled:focus, .btn-success-outline-dashed.disabled.focus, .btn-success-outline-dashed:disabled:focus, .btn-success-outline-dashed:disabled.focus {
    border-color: #e0a3c8; }
  .btn-success-outline-dashed.disabled:hover, .btn-success-outline-dashed:disabled:hover {
    border-color: #e0a3c8; }

.btn-warning-outline-dashed {
  color: #ffd23f;
  background-image: none;
  background-color: transparent;
  border-color: #ffd23f;
  border-style: dashed; }
  .btn-warning-outline-dashed:focus, .btn-warning-outline-dashed.focus, .btn-warning-outline-dashed:active, .btn-warning-outline-dashed.active,
  .open > .btn-warning-outline-dashed.dropdown-toggle {
    border-color: #ffd23f;
    border-style: solid; }
  .btn-warning-outline-dashed:hover {
    border-color: #ffd23f;
    border-style: solid; }
  .btn-warning-outline-dashed.disabled:focus, .btn-warning-outline-dashed.disabled.focus, .btn-warning-outline-dashed:disabled:focus, .btn-warning-outline-dashed:disabled.focus {
    border-color: #ffeaa5; }
  .btn-warning-outline-dashed.disabled:hover, .btn-warning-outline-dashed:disabled:hover {
    border-color: #ffeaa5; }

.btn-danger-outline-dashed {
  color: #f15b17;
  background-image: none;
  background-color: transparent;
  border-color: #f15b17;
  border-style: dashed; }
  .btn-danger-outline-dashed:focus, .btn-danger-outline-dashed.focus, .btn-danger-outline-dashed:active, .btn-danger-outline-dashed.active,
  .open > .btn-danger-outline-dashed.dropdown-toggle {
    border-color: #f15b17;
    border-style: solid; }
  .btn-danger-outline-dashed:hover {
    border-color: #f15b17;
    border-style: solid; }
  .btn-danger-outline-dashed.disabled:focus, .btn-danger-outline-dashed.disabled.focus, .btn-danger-outline-dashed:disabled:focus, .btn-danger-outline-dashed:disabled.focus {
    border-color: #f79f77; }
  .btn-danger-outline-dashed.disabled:hover, .btn-danger-outline-dashed:disabled:hover {
    border-color: #f79f77; }

.btn-link {
  font-weight: normal;
  color: #C6579A;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover {
    border-color: transparent; }
  .btn-link:focus, .btn-link:hover {
    color: #9c3573;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link:disabled:focus, .btn-link:disabled:hover {
    color: #818a91;
    text-decoration: none; }

.btn-lg, .scoped-bs4 .btn-group-lg > .btn, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-lg > button.k-button, .btn-group-lg > .btn, .reports-table .k-header.k-grid-top .btn-group-lg > button.k-button {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.33333;
  border-radius: 1.33333rem; }

.btn-sm, .scoped-bs4 .btn-group-sm > .btn, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-sm > button.k-button, .btn-group-sm > .btn, .reports-table .k-header.k-grid-top .btn-group-sm > button.k-button {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: 1.5rem; }

.btn-xxs {
  padding: 0.075rem 0.4rem; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.in {
    display: block; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: .35s;
  transition-property: height; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: .25rem;
  margin-left: .25rem;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent; }

.dropdown-toggle:focus {
  outline: 0; }

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 0.875rem;
  color: #0d0d0d;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  /* GLA-13255: Figma (Portico 2.0) menu surface - hairline divider border, 8px radius and the soft
     MUI menu elevation, matching the dialog, drawer and popover. Replaces Bootstrap's $border-radius
     and flat 17.5% black shadow. */
  border: 1px solid #d6d7da;
  padding: 4px 0;
  border-radius: 8px;
  box-shadow: 0 2px 1px -1px rgba(32, 30, 40, 0.08), 0 1px 3px rgba(32, 30, 40, 0.08); }

.dropdown-divider {
  height: 1px;
  margin: 6px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
  .dropdown-item:focus, .dropdown-item:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }
  .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
    color: #fff;
    text-decoration: none;
    background-color: #C6579A;
    outline: 0; }
  .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    color: #818a91; }
  .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }

.tab-content .dropdown-item {
  display: inline-block;
  width: auto; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  right: 0;
  left: auto; }

.dropdown-menu-left {
  right: auto;
  left: 0; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #818a91;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .btn-group > .btn, .reports-table .k-header.k-grid-top .btn-group > button.k-button,
  .btn-group-vertical > .btn, .reports-table .k-header.k-grid-top
  .btn-group-vertical > button.k-button {
    position: relative;
    float: left; }
    .btn-group > .btn:focus, .reports-table .k-header.k-grid-top .btn-group > button.k-button:focus, .btn-group > .btn:active, .reports-table .k-header.k-grid-top .btn-group > button.k-button:active, .btn-group > .btn.active, .reports-table .k-header.k-grid-top .btn-group > button.active.k-button,
    .btn-group-vertical > .btn:focus, .reports-table .k-header.k-grid-top
    .btn-group-vertical > button.k-button:focus,
    .btn-group-vertical > .btn:active, .reports-table .k-header.k-grid-top
    .btn-group-vertical > button.k-button:active,
    .btn-group-vertical > .btn.active, .reports-table .k-header.k-grid-top
    .btn-group-vertical > button.active.k-button {
      z-index: 2; }
    .btn-group > .btn:hover, .reports-table .k-header.k-grid-top .btn-group > button.k-button:hover,
    .btn-group-vertical > .btn:hover, .reports-table .k-header.k-grid-top
    .btn-group-vertical > button.k-button:hover {
      z-index: 2; }

.btn-group .btn + .btn, .btn-group .reports-table .k-header.k-grid-top button.k-button + .btn, .reports-table .k-header.k-grid-top .btn-group button.k-button + .btn, .btn-group .reports-table .k-header.k-grid-top .btn + button.k-button, .reports-table .k-header.k-grid-top .btn-group .btn + button.k-button, .btn-group .reports-table .k-header.k-grid-top button.k-button + button.k-button, .reports-table .k-header.k-grid-top .btn-group button.k-button + button.k-button,
.btn-group .btn + .btn-group,
.btn-group .reports-table .k-header.k-grid-top button.k-button + .btn-group, .reports-table .k-header.k-grid-top
.btn-group button.k-button + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .reports-table .k-header.k-grid-top .btn-group + button.k-button, .reports-table .k-header.k-grid-top
.btn-group .btn-group + button.k-button,
.btn-group .btn-group + .btn-group {
  margin-left: -2px; }

.btn-toolbar {
  margin-left: -5px; }
  .btn-toolbar::after {
    content: "";
    display: table;
    clear: both; }
  .btn-toolbar .btn-group,
  .btn-toolbar .input-group {
    float: left; }
  .btn-toolbar > .btn, .reports-table .k-header.k-grid-top .btn-toolbar > button.k-button,
  .btn-toolbar > .btn-group,
  .btn-toolbar > .input-group {
    margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle), .reports-table .k-header.k-grid-top .btn-group > button.k-button:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child, .reports-table .k-header.k-grid-top .btn-group > button.k-button:first-child {
  margin-left: 0; }
  .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle), .reports-table .k-header.k-grid-top .btn-group > button.k-button:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child), .reports-table .k-header.k-grid-top .btn-group > button.k-button:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn, .reports-table .k-header.k-grid-top .btn-group > .btn-group:not(:first-child):not(:last-child) > button.k-button {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .reports-table .k-header.k-grid-top .btn-group > .btn-group:first-child:not(:last-child) > button.k-button:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child, .reports-table .k-header.k-grid-top .btn-group > .btn-group:last-child:not(:first-child) > button.k-button:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle, .reports-table .k-header.k-grid-top .btn-group > button.k-button + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px; }

.btn-group > .btn-lg + .dropdown-toggle, .scoped-bs4 .btn-group-lg.btn-group > .btn + .dropdown-toggle, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-lg.btn-group > button.k-button + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle, .reports-table .k-header.k-grid-top .btn-group-lg.btn-group > button.k-button + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px; }

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn-group.open .dropdown-toggle.btn-link {
    box-shadow: none; }

.btn .caret, .reports-table .k-header.k-grid-top button.k-button .caret {
  margin-left: 0; }

.btn-lg .caret, .scoped-bs4 .btn-group-lg > .btn .caret, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-lg > button.k-button .caret, .btn-group-lg > .btn .caret, .reports-table .k-header.k-grid-top .btn-group-lg > button.k-button .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret, .dropup .scoped-bs4 .btn-group-lg > .btn .caret, .dropup .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-lg > button.k-button .caret, .dropup .btn-group-lg > .btn .caret, .dropup .reports-table .k-header.k-grid-top .btn-group-lg > button.k-button .caret, .reports-table .k-header.k-grid-top .dropup .btn-group-lg > button.k-button .caret {
  border-width: 0 0.3em 0.3em; }

.btn-group-vertical > .btn, .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn, .reports-table .k-header.k-grid-top
.btn-group-vertical > .btn-group > button.k-button {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both; }

.btn-group-vertical > .btn-group > .btn, .reports-table .k-header.k-grid-top .btn-group-vertical > .btn-group > button.k-button {
  float: none; }

.btn-group-vertical > .btn + .btn, .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button + .btn, .reports-table .k-header.k-grid-top .btn-group-vertical > .btn + button.k-button, .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button + button.k-button,
.btn-group-vertical > .btn + .btn-group, .reports-table .k-header.k-grid-top
.btn-group-vertical > button.k-button + .btn-group,
.btn-group-vertical > .btn-group + .btn, .reports-table .k-header.k-grid-top
.btn-group-vertical > .btn-group + button.k-button,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -2px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child), .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child), .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:first-child:not(:last-child) {
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child), .reports-table .k-header.k-grid-top .btn-group-vertical > button.k-button:last-child:not(:first-child) {
  border-bottom-left-radius: 1.5rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn, .reports-table .k-header.k-grid-top .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > button.k-button {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .reports-table .k-header.k-grid-top .btn-group-vertical > .btn-group:first-child:not(:last-child) > button.k-button:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child, .reports-table .k-header.k-grid-top .btn-group-vertical > .btn-group:last-child:not(:first-child) > button.k-button:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

[data-toggle="buttons"] > .btn input[type="radio"], .reports-table .k-header.k-grid-top [data-toggle="buttons"] > button.k-button input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"], .reports-table .k-header.k-grid-top
[data-toggle="buttons"] > button.k-button input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .reports-table .k-header.k-grid-top
[data-toggle="buttons"] > .btn-group > button.k-button input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"], .reports-table .k-header.k-grid-top
[data-toggle="buttons"] > .btn-group > button.k-button input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.input-group {
  position: relative;
  display: table;
  border-collapse: separate; }
  .input-group .form-control, .input-group .daterangepicker .input-mini, .daterangepicker .input-group .input-mini, .input-group .readonlyeditor, .input-group .date-filter-trigger, .input-group .click-editor textarea, .click-editor .input-group textarea {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0; }
    .input-group .form-control:focus, .input-group .daterangepicker .input-mini:focus, .daterangepicker .input-group .input-mini:focus, .input-group .readonlyeditor:focus, .input-group .date-filter-trigger:focus, .input-group .click-editor textarea:focus, .click-editor .input-group textarea:focus, .input-group .form-control:active, .input-group .daterangepicker .input-mini:active, .daterangepicker .input-group .input-mini:active, .input-group .readonlyeditor:active, .input-group .date-filter-trigger:active, .input-group .click-editor textarea:active, .click-editor .input-group textarea:active, .input-group .form-control:hover, .input-group .daterangepicker .input-mini:hover, .daterangepicker .input-group .input-mini:hover, .input-group .readonlyeditor:hover, .input-group .date-filter-trigger:hover, .input-group .click-editor textarea:hover, .click-editor .input-group textarea:hover {
      z-index: 3; }

.input-group-addon,
.input-group-btn,
.input-group .form-control,
.input-group .daterangepicker .input-mini, .daterangepicker
.input-group .input-mini,
.input-group .readonlyeditor,
.input-group .date-filter-trigger,
.input-group .click-editor textarea, .click-editor
.input-group textarea {
  display: table-cell; }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child),
  .input-group .daterangepicker .input-mini:not(:first-child):not(:last-child), .daterangepicker
  .input-group .input-mini:not(:first-child):not(:last-child),
  .input-group .readonlyeditor:not(:first-child):not(:last-child),
  .input-group .date-filter-trigger:not(:first-child):not(:last-child),
  .input-group .click-editor textarea:not(:first-child):not(:last-child), .click-editor
  .input-group textarea:not(:first-child):not(:last-child) {
    border-radius: 0; }

.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle; }

.input-group-addon {
  padding: 0.375rem 0.75rem;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1;
  color: #55595c;
  text-align: center;
  background-color: #eceeef;
  border: 2px solid #eeeeee;
  border-radius: 0.25rem; }
  .input-group-addon.form-control-sm, .daterangepicker .input-group-sm > .input-group-addon.input-mini, .click-editor .input-group-sm > textarea.input-group-addon,
  .input-group-sm > .input-group-addon,
  .input-group-sm > .input-group-btn > .input-group-addon.btn, .reports-table .k-header.k-grid-top
  .input-group-sm > .input-group-btn > button.input-group-addon.k-button {
    padding: 0.275rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 0.2rem; }
  .input-group-addon.form-control-lg, .daterangepicker .input-group-lg > .input-group-addon.input-mini, .click-editor .input-group-lg > textarea.input-group-addon,
  .input-group-lg > .input-group-addon,
  .input-group-lg > .input-group-btn > .input-group-addon.btn, .reports-table .k-header.k-grid-top
  .input-group-lg > .input-group-btn > button.input-group-addon.k-button {
    padding: 0.75rem 1.25rem;
    font-size: 1.25rem;
    border-radius: 0.3rem; }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0; }

.input-group .form-control:first-child, .input-group .daterangepicker .input-mini:first-child, .daterangepicker .input-group .input-mini:first-child, .input-group .readonlyeditor:first-child, .input-group .date-filter-trigger:first-child, .input-group .click-editor textarea:first-child, .click-editor .input-group textarea:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn, .reports-table .k-header.k-grid-top
.input-group-btn:first-child > button.k-button,
.input-group-btn:first-child > .btn-group > .btn, .reports-table .k-header.k-grid-top
.input-group-btn:first-child > .btn-group > button.k-button,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .reports-table .k-header.k-grid-top
.input-group-btn:last-child > button.k-button:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .reports-table .k-header.k-grid-top
.input-group-btn:last-child > .btn-group:not(:last-child) > button.k-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.input-group-addon:first-child {
  border-right: 0; }

.input-group .form-control:last-child, .input-group .daterangepicker .input-mini:last-child, .daterangepicker .input-group .input-mini:last-child, .input-group .readonlyeditor:last-child, .input-group .date-filter-trigger:last-child, .input-group .click-editor textarea:last-child, .click-editor .input-group textarea:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn, .reports-table .k-header.k-grid-top
.input-group-btn:last-child > button.k-button,
.input-group-btn:last-child > .btn-group > .btn, .reports-table .k-header.k-grid-top
.input-group-btn:last-child > .btn-group > button.k-button,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child), .reports-table .k-header.k-grid-top
.input-group-btn:first-child > button.k-button:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .reports-table .k-header.k-grid-top
.input-group-btn:first-child > .btn-group:not(:first-child) > button.k-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.input-group-addon:last-child {
  border-left: 0; }

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap; }
  .input-group-btn > .btn, .reports-table .k-header.k-grid-top .input-group-btn > button.k-button {
    position: relative; }
    .input-group-btn > .btn + .btn, .reports-table .k-header.k-grid-top .input-group-btn > button.k-button + .btn, .reports-table .k-header.k-grid-top .input-group-btn > .btn + button.k-button, .reports-table .k-header.k-grid-top .input-group-btn > button.k-button + button.k-button {
      margin-left: -2px; }
    .input-group-btn > .btn:focus, .reports-table .k-header.k-grid-top .input-group-btn > button.k-button:focus, .input-group-btn > .btn:active, .reports-table .k-header.k-grid-top .input-group-btn > button.k-button:active, .input-group-btn > .btn:hover, .reports-table .k-header.k-grid-top .input-group-btn > button.k-button:hover {
      z-index: 3; }
  .input-group-btn:first-child > .btn, .reports-table .k-header.k-grid-top .input-group-btn:first-child > button.k-button,
  .input-group-btn:first-child > .btn-group {
    margin-right: -2px; }
  .input-group-btn:last-child > .btn, .reports-table .k-header.k-grid-top .input-group-btn:last-child > button.k-button,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -2px; }
    .input-group-btn:last-child > .btn:focus, .reports-table .k-header.k-grid-top .input-group-btn:last-child > button.k-button:focus, .input-group-btn:last-child > .btn:active, .reports-table .k-header.k-grid-top .input-group-btn:last-child > button.k-button:active, .input-group-btn:last-child > .btn:hover, .reports-table .k-header.k-grid-top .input-group-btn:last-child > button.k-button:hover,
    .input-group-btn:last-child > .btn-group:focus,
    .input-group-btn:last-child > .btn-group:active,
    .input-group-btn:last-child > .btn-group:hover {
      z-index: 3; }

.c-input {
  position: relative;
  display: inline;
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer; }
  .c-input > input {
    position: absolute;
    z-index: -1;
    opacity: 0; }
    .c-input > input:checked ~ .c-indicator {
      color: #fff;
      border: 1px solid #eeeeee;
      box-shadow: none; }
    .c-input > input:active ~ .c-indicator {
      color: #fff;
      border: 1px solid #eeeeee;
      box-shadow: none; }
  .c-input + .c-input {
    margin-left: 1rem; }

.c-indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  font-size: 65%;
  line-height: 1.25rem;
  color: #eee;
  border: 1px solid #eeeeee;
  text-align: center;
  user-select: none;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.c-checkbox .c-indicator {
  border-radius: .25rem; }

.c-checkbox input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgOCA4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uc3Qwe2ZpbGw6Izc1NzU3NTt9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNi40LDFMNS43LDEuN0wyLjksNC41TDIuMSwzLjdMMS40LDNMMCw0LjRsMC43LDAuN2wxLjUsMS41bDAuNywwLjdsMC43LTAuN2wzLjUtMy41bDAuNy0wLjdMNi40LDFMNi40LDF6Ii8+PC9zdmc+);
  background-size: 0.625rem; }

.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: #0074d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
  box-shadow: none; }

.c-radio .c-indicator {
  border-radius: 50%; }

.c-radio input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==); }

.c-inputs-stacked .c-input {
  display: inline; }
  .c-inputs-stacked .c-input::after {
    display: block;
    margin-bottom: .25rem;
    content: ""; }
  .c-inputs-stacked .c-input + .c-input {
    margin-left: 0; }

.c-select:not(.disabled),
select:not(.disabled),
select.form-control:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled),
.daterangepicker select.input-mini:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled),
select.readonlyeditor:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled),
select.date-filter-trigger:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled) {
  display: inline-block;
  max-width: 100%;
  padding: .5rem 1.75rem .5rem .75rem;
  padding-right: .75rem \9;
  color: #55595c;
  vertical-align: middle;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: normal; }
  .c-select:not(.disabled):focus,
  select:not(.disabled):focus,
  select.form-control:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled):focus,
  .daterangepicker select.input-mini:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled):focus,
  select.readonlyeditor:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled):focus,
  select.date-filter-trigger:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled):focus {
    border-bottom-color: #66afe9;
    outline: none; }
  .c-select:not(.disabled)::-ms-expand,
  select:not(.disabled)::-ms-expand,
  select.form-control:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled)::-ms-expand,
  .daterangepicker select.input-mini:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled)::-ms-expand,
  select.readonlyeditor:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled)::-ms-expand,
  select.date-filter-trigger:not(.form-control.has-danger):not(.daterangepicker .has-danger.input-mini):not(.has-danger.readonlyeditor):not(.has-danger.date-filter-trigger):not(.click-editor textarea.has-danger):not(.form-control.form-control-disabled):not(.daterangepicker .form-control-disabled.input-mini):not(.form-control-disabled.readonlyeditor):not(.form-control-disabled.date-filter-trigger):not(.click-editor textarea.form-control-disabled):not(.disabled)::-ms-expand {
    opacity: 0; }

.c-select-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px; }
  .c-select-sm:not([multiple]) {
    height: 26px;
    min-height: 26px; }

.file {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  cursor: pointer; }

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  user-select: none;
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: .25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); }

.file-custom::after {
  content: "Choose file..."; }

.file-custom::before {
  position: absolute;
  top: -.075rem;
  right: -.075rem;
  bottom: -.075rem;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: .5rem 1rem;
  line-height: 1.5;
  color: #555;
  content: "Browse";
  background-color: #eee;
  border: 2px solid #ddd;
  border-radius: 0 .25rem .25rem 0; }

.file input:focus ~ .file-custom {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }

.custom-control {
  position: relative;
  display: inline;
  padding-left: 1.5rem;
  cursor: pointer; }
  .custom-control + .custom-control {
    margin-left: 1rem; }

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0; }
  .custom-control-input:checked ~ .custom-control-indicator {
    color: #fff;
    background-color: #0074d9;
    box-shadow: none; }
  .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }
  .custom-control-input:active ~ .custom-control-indicator {
    color: #fff;
    background-color: #84c6ff;
    box-shadow: none; }
  .custom-control-input:disabled ~ .custom-control-indicator {
    cursor: not-allowed;
    background-color: #eee; }
  .custom-control-input:disabled ~ .custom-control-description {
    color: #767676;
    cursor: not-allowed; }

.custom-control-indicator {
  position: absolute;
  top: .0625rem;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  user-select: none;
  background-color: #ddd;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  box-shadow: inset 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1); }

.custom-checkbox .custom-control-indicator {
  border-radius: 0.25rem; }

.custom-checkbox .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-indicator {
  background-color: #0074d9;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E");
  box-shadow: none; }

.custom-radio .custom-control-indicator {
  border-radius: 50%; }

.custom-radio .custom-control-input:checked ~ .custom-control-indicator {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }

.custom-controls-stacked .custom-control {
  display: inline; }
  .custom-controls-stacked .custom-control::after {
    display: block;
    margin-bottom: 0.25rem;
    content: ""; }
  .custom-controls-stacked .custom-control + .custom-control {
    margin-left: 0; }

.custom-select {
  display: inline-block;
  max-width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  padding-right: 0.75rem \9;
  color: #55595c;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
  background-image: none \9;
  background-size: 8px 10px;
  border: 2px solid #eeeeee;
  border-radius: 0.25rem;
  -moz-appearance: none;
  -webkit-appearance: none; }
  .custom-select:focus {
    border-color: #51a7e8;
    outline: none;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5); }
    .custom-select:focus::-ms-value {
      color: #55595c;
      background-color: #fff; }
  .custom-select:disabled {
    color: #818a91;
    cursor: not-allowed;
    background-color: #eceeef; }
  .custom-select::-ms-expand {
    opacity: 0; }

.custom-select-sm {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  font-size: 75%; }

.custom-file {
  position: relative;
  display: inline-block;
  max-width: 100%;
  height: 2.5rem;
  cursor: pointer; }

.custom-file-input {
  min-width: 14rem;
  max-width: 100%;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0; }
  .custom-file-input:focus ~ .custom-file-control {
    box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9; }

.custom-file-control {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05); }
  .custom-file-control:lang(en)::after {
    content: "Choose file..."; }
  .custom-file-control::before {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    z-index: 6;
    display: block;
    height: 2.5rem;
    padding: 0.5rem 1rem;
    line-height: 1.5;
    color: #555;
    background-color: #eee;
    border: 1px solid #ddd;
    border-radius: 0 0.25rem 0.25rem 0; }
  .custom-file-control:lang(en)::before {
    content: "Browse"; }

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none; }

.nav-link {
  display: inline-block; }
  .nav-link span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1; }
    .nav-link span + .icon-wrapper {
      margin-left: 12px; }
  .nav-link:focus, .nav-link:hover {
    text-decoration: none; }
  .nav-link.disabled {
    color: #818a91; }
    .nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
      color: #818a91;
      cursor: not-allowed;
      background-color: transparent; }

.nav-inline .nav-item {
  display: inline-block; }

.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem; }

@media (max-width: 991px) {
  .nav-tabs {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap; } }

.nav-tabs::after {
  content: "";
  display: table;
  clear: both; }

.nav-tabs .nav-item {
  display: inline-block;
  margin-right: -4px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.6px;
  font-size: 0.75rem; }
  .nav-tabs .nav-item + .nav-item {
    margin-left: 24px; }

.nav-tabs .nav-link {
  display: block;
  padding: 12px 0;
  border-bottom: 2px solid transparent;
  color: #888888; }
  .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #424242;
    border-color: #eceeef #eceeef #ddd; }
  .nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
    color: #818a91;
    background-color: transparent;
    border-color: transparent; }

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  color: #222222;
  border-color: #C6579A; }

@media (max-width: 767px) {
  .mob-tabs.nav-tabs .nav-item {
    margin-bottom: 0; } }

.nav-pills::after {
  content: "";
  display: table;
  clear: both; }

.nav-pills .nav-item {
  float: left; }
  .nav-pills .nav-item + .nav-item {
    margin-left: .2rem; }

.nav-pills .nav-link {
  display: block;
  padding: 0.5em 1em;
  border-radius: 0.25rem; }

.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff;
  cursor: default;
  background-color: #C6579A; }

.nav-stacked .nav-item {
  display: block;
  float: none; }
  .nav-stacked .nav-item + .nav-item {
    margin-top: .2rem;
    margin-left: 0; }

.tab-content > .tab-pane {
  display: none; }

.tab-content > .active {
  display: block; }

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.navbar {
  position: relative;
  padding: 6px 12px; }
  .navbar::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 544px) {
    .navbar {
      border-radius: 0.25rem; } }

.navbar-full {
  z-index: 1000; }
  @media (min-width: 544px) {
    .navbar-full {
      border-radius: 0; } }

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030; }
  @media (min-width: 544px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0; } }

.navbar-fixed-top {
  top: 0; }

.navbar-fixed-bottom {
  bottom: 0; }

.navbar-sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%; }
  @media (min-width: 544px) {
    .navbar-sticky-top {
      border-radius: 0; } }

.navbar-brand {
  float: left;
  padding-top: .25rem;
  padding-bottom: .25rem;
  margin-right: 1rem;
  font-size: 1.25rem; }
  .navbar-brand:focus, .navbar-brand:hover {
    text-decoration: none; }
  .navbar-brand > img {
    display: block; }

.navbar-divider {
  float: left;
  width: 1px;
  padding-top: .425rem;
  padding-bottom: .425rem;
  margin-right: 12px;
  margin-left: 12px;
  overflow: hidden; }
  .navbar-divider::before {
    content: "\00a0"; }

.navbar-toggler {
  padding: .5rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: none;
  border: 1px solid transparent;
  border-radius: 1.5rem; }
  .navbar-toggler:focus, .navbar-toggler:hover {
    text-decoration: none; }

@media (min-width: 544px) {
  .navbar-toggleable-xs {
    display: block !important; } }

@media (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block !important; } }

@media (min-width: 992px) {
  .navbar-toggleable-md {
    display: block !important; } }

.navbar-nav .nav-item {
  float: left; }

.navbar-nav .nav-link {
  display: block;
  padding-top: .425rem;
  padding-bottom: .425rem; }
  .navbar-nav .nav-link + .nav-link {
    margin-left: 1rem; }

.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem; }

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.8); }
  .navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
    color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.3); }
  .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.6); }

.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: rgba(0, 0, 0, 0.8); }

.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075); }

.navbar-dark .navbar-brand {
  color: white; }
  .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
    color: white; }

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5); }
  .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75); }

.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: white; }

.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075); }

.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0.25rem; }

.card-block {
  padding: 1.25rem; }

.card-title {
  margin-bottom: 0.75rem; }

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0; }

.card-text:last-child {
  margin-bottom: 0; }

.card-link:hover {
  text-decoration: none; }

.card-link + .card-link {
  margin-left: 1.25rem; }

.card > .list-group:first-child .list-group-item:first-child {
  border-radius: 0.25rem 0.25rem 0 0; }

.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 0.25rem 0.25rem; }

.card-header {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5; }
  .card-header:first-child {
    border-radius: 0.25rem 0.25rem 0 0; }

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5; }
  .card-footer:last-child {
    border-radius: 0 0 0.25rem 0.25rem; }

.card-primary {
  background-color: #C6579A;
  border-color: #C6579A; }

.card-success {
  background-color: #C6579A;
  border-color: #C6579A; }

.card-info {
  background-color: #3fa7d6;
  border-color: #3fa7d6; }

.card-warning {
  background-color: #ffd23f;
  border-color: #ffd23f; }

.card-danger {
  background-color: #f15b17;
  border-color: #f15b17; }

.card-primary-outline {
  background-color: transparent;
  border-color: #C6579A; }

.card-secondary-outline {
  background-color: transparent;
  border-color: #6d6c6d; }

.card-info-outline {
  background-color: transparent;
  border-color: #3fa7d6; }

.card-success-outline {
  background-color: transparent;
  border-color: #C6579A; }

.card-warning-outline {
  background-color: transparent;
  border-color: #ffd23f; }

.card-danger-outline {
  background-color: transparent;
  border-color: #f15b17; }

.card-inverse .card-header,
.card-inverse .card-footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2); }

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff; }

.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, 0.65); }

.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff; }

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0; }

.card-img {
  border-radius: 0.25rem; }

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem; }

.card-img-top {
  border-radius: 0.25rem 0.25rem 0 0; }

.card-img-bottom {
  border-radius: 0 0 0.25rem 0.25rem; }

@media (min-width: 544px) {
  .card-deck {
    display: table;
    table-layout: fixed;
    border-spacing: 1.25rem 0; }
    .card-deck .card {
      display: table-cell;
      width: 1%;
      vertical-align: top; }
  .card-deck-wrapper {
    margin-right: -1.25rem;
    margin-left: -1.25rem; } }

@media (min-width: 544px) {
  .card-group {
    display: table;
    width: 100%;
    table-layout: fixed; }
    .card-group .card {
      display: table-cell;
      vertical-align: top; }
      .card-group .card + .card {
        margin-left: 0;
        border-left: 0; }
      .card-group .card:first-child {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-top {
          border-top-right-radius: 0; }
        .card-group .card:first-child .card-img-bottom {
          border-bottom-right-radius: 0; }
      .card-group .card:last-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-top {
          border-top-left-radius: 0; }
        .card-group .card:last-child .card-img-bottom {
          border-bottom-left-radius: 0; }
      .card-group .card:not(:first-child):not(:last-child) {
        border-radius: 0; }
        .card-group .card:not(:first-child):not(:last-child) .card-img-top,
        .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
          border-radius: 0; } }

@media (min-width: 544px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem; }
    .card-columns .card {
      display: inline-block;
      width: 100%; } }

.breadcrumb {
  padding: 0.75rem 1rem;
  margin-bottom: 12px;
  list-style: none;
  background-color: #eceeef;
  border-radius: 0.25rem; }
  .breadcrumb::after {
    content: "";
    display: table;
    clear: both; }
  .breadcrumb > li {
    float: left; }
    .breadcrumb > li + li::before {
      padding-right: .5rem;
      padding-left: .5rem;
      color: #818a91;
      content: "/"; }
  .breadcrumb > .active {
    color: #818a91; }

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 12px;
  margin-bottom: 12px;
  border-radius: 0.25rem; }

.page-item {
  display: inline; }
  .page-item:first-child .page-link {
    margin-left: 0;
    border-bottom-left-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .page-item:last-child .page-link {
    border-bottom-right-radius: 0.25rem;
    border-top-right-radius: 0.25rem; }
  .page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #C6579A;
    border-color: #C6579A; }
  .page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd; }

.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #C6579A;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd; }
  .page-link:focus, .page-link:hover {
    color: #9c3573;
    background-color: #eceeef;
    border-color: #ddd; }

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.33333; }

.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem; }

.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem; }

.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.75rem;
  line-height: 1.5; }

.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem; }

.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem; }

.pager {
  padding-left: 0;
  margin-top: 12px;
  margin-bottom: 12px;
  text-align: center;
  list-style: none; }
  .pager::after {
    content: "";
    display: table;
    clear: both; }
  .pager li {
    display: inline; }
    .pager li > a,
    .pager li > span {
      display: inline-block;
      padding: 5px 14px;
      background-color: #fff;
      border: 1px solid #ddd;
      border-radius: 15px; }
    .pager li > a:focus, .pager li > a:hover {
      text-decoration: none;
      background-color: #eceeef; }
  .pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff; }
  .pager .disabled > span {
    color: #818a91;
    cursor: not-allowed;
    background-color: #fff; }

.pager-next > a,
.pager-next > span {
  float: right; }

.pager-prev > a,
.pager-prev > span {
  float: left; }

.label {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem; }
  .label:empty {
    display: none; }

.btn .label, .reports-table .k-header.k-grid-top button.k-button .label {
  position: relative;
  top: -1px; }

a.label:focus, a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer; }

.label-pill {
  padding-right: .6em;
  padding-left: .6em;
  border-radius: 10rem; }

.label-default {
  background-color: #818a91; }
  .label-default[href]:focus, .label-default[href]:hover {
    background-color: #687077; }

.label-primary {
  background-color: #C6579A; }
  .label-primary[href]:focus, .label-primary[href]:hover {
    background-color: #af3b81; }

.label-success {
  background-color: #C6579A; }
  .label-success[href]:focus, .label-success[href]:hover {
    background-color: #af3b81; }

.label-info {
  background-color: #3fa7d6; }
  .label-info[href]:focus, .label-info[href]:hover {
    background-color: #288dba; }

.label-warning {
  background-color: #ffd23f; }
  .label-warning[href]:focus, .label-warning[href]:hover {
    background-color: #ffc60c; }

.label-danger {
  background-color: #f15b17; }
  .label-danger[href]:focus, .label-danger[href]:hover {
    background-color: #c9470c; }

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eceeef;
  border-radius: 0.3rem; }
  @media (min-width: 544px) {
    .jumbotron {
      padding: 4rem 2rem; } }

.jumbotron-hr {
  border-top-color: #d0d5d8; }

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0; }

.alert {
  padding: 0.375rem;
  margin-bottom: 12px;
  border: 1px solid transparent;
  border-radius: 1.5rem; }
  .alert > p,
  .alert > ul {
    margin-bottom: 0; }
  .alert > p + p {
    margin-top: 5px; }

.alert-heading {
  color: inherit; }

.alert-link {
  font-weight: bold; }

.alert-dismissible {
  padding-right: 35px; }
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit; }

.alert-success {
  background-color: #dff0d8;
  border-color: #d0e9c6;
  color: #3c763d; }
  .alert-success hr {
    border-top-color: #c1e2b3; }
  .alert-success .alert-link {
    color: #2b542c; }

.alert-info {
  background-color: #d9edf7;
  border-color: #bcdff1;
  color: #31708f; }
  .alert-info hr {
    border-top-color: #a6d5ec; }
  .alert-info .alert-link {
    color: #245269; }

.alert-warning {
  background-color: #fcf8e3;
  border-color: #faf2cc;
  color: #8a6d3b; }
  .alert-warning hr {
    border-top-color: #f7ecb5; }
  .alert-warning .alert-link {
    color: #66512c; }

.alert-danger {
  background-color: #f2dede;
  border-color: #ebcccc;
  color: #a94442; }
  .alert-danger hr {
    border-top-color: #e4b9b9; }
  .alert-danger .alert-link {
    color: #843534; }

@keyframes progress-bar-stripes {
  from {
    background-position: 12px 0; }
  to {
    background-position: 0 0; } }

.progress {
  display: block;
  width: 100%;
  height: 12px;
  margin-bottom: 12px; }

.progress[value] {
  color: #0074d9;
  border: 0;
  appearance: none; }

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 0.25rem;
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }

.progress[value]::-webkit-progress-value::before {
  content: attr(value); }

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem; }

.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem; }

@media screen and (min-width: 0\0) {
  .progress {
    background-color: #eee;
    border-radius: 0.25rem;
    box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1); }
  .progress-bar {
    display: inline-block;
    height: 12px;
    text-indent: -999rem;
    background-color: #0074d9;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }
  .progress[width^="0"] {
    min-width: 2rem;
    color: #818a91;
    background-color: transparent;
    background-image: none; }
  .progress[width="100%"] {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem; } }

.progress-striped[value]::-webkit-progress-value {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 12px 12px; }

.progress-striped[value]::-moz-progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 12px 12px; }

@media screen and (min-width: 0\0) {
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 12px 12px; } }

.progress-animated[value]::-webkit-progress-value {
  animation: progress-bar-stripes 2s linear infinite; }

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite; }

@media screen and (min-width: 0\0) {
  .progress-animated .progress-bar-striped {
    animation: progress-bar-stripes 2s linear infinite; } }

.progress-success[value]::-webkit-progress-value {
  background-color: #C6579A; }

.progress-success[value]::-moz-progress-bar {
  background-color: #C6579A; }

@media screen and (min-width: 0\0) {
  .progress-success .progress-bar {
    background-color: #C6579A; } }

.progress-info[value]::-webkit-progress-value {
  background-color: #3fa7d6; }

.progress-info[value]::-moz-progress-bar {
  background-color: #3fa7d6; }

@media screen and (min-width: 0\0) {
  .progress-info .progress-bar {
    background-color: #3fa7d6; } }

.progress-warning[value]::-webkit-progress-value {
  background-color: #ffd23f; }

.progress-warning[value]::-moz-progress-bar {
  background-color: #ffd23f; }

@media screen and (min-width: 0\0) {
  .progress-warning .progress-bar {
    background-color: #ffd23f; } }

.progress-danger[value]::-webkit-progress-value {
  background-color: #f15b17; }

.progress-danger[value]::-moz-progress-bar {
  background-color: #f15b17; }

@media screen and (min-width: 0\0) {
  .progress-danger .progress-bar {
    background-color: #f15b17; } }

.media {
  margin-top: 15px; }
  .media:first-child {
    margin-top: 0; }

.media,
.media-body {
  overflow: hidden;
  zoom: 1; }

.media-body {
  width: 10000px; }

.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top; }

.media-middle {
  vertical-align: middle; }

.media-bottom {
  vertical-align: bottom; }

.media-object {
  display: block; }
  .media-object.img-thumbnail {
    max-width: none; }

.media-right {
  padding-left: 10px; }

.media-left {
  padding-right: 10px; }

.media-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.media-list {
  padding-left: 0;
  list-style: none; }

.list-group {
  padding-left: 0;
  margin-bottom: 0; }

.list-group-item {
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd; }
  .list-group-item:first-child {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem; }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem; }

.list-group-flush .list-group-item {
  border-width: 1px 0;
  border-radius: 0; }

.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0; }

.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0; }

a.list-group-item,
button.list-group-item {
  width: 100%;
  color: #555;
  text-align: inherit; }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333; }
  a.list-group-item:focus, a.list-group-item:hover,
  button.list-group-item:focus,
  button.list-group-item:hover {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5; }

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
  color: #818a91;
  cursor: not-allowed;
  background-color: #eceeef; }
  .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
    color: inherit; }
  .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
    color: #818a91; }

.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #C6579A;
  border-color: #C6579A; }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small {
    color: inherit; }
  .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
    color: #faeff6; }

.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8; }

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d; }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit; }
  a.list-group-item-success:focus, a.list-group-item-success:hover,
  button.list-group-item-success:focus,
  button.list-group-item-success:hover {
    color: #3c763d;
    background-color: #d0e9c6; }
  a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
  button.list-group-item-success.active,
  button.list-group-item-success.active:focus,
  button.list-group-item-success.active:hover {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d; }

.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7; }

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f; }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit; }
  a.list-group-item-info:focus, a.list-group-item-info:hover,
  button.list-group-item-info:focus,
  button.list-group-item-info:hover {
    color: #31708f;
    background-color: #c4e3f3; }
  a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
  button.list-group-item-info.active,
  button.list-group-item-info.active:focus,
  button.list-group-item-info.active:hover {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f; }

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3; }

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b; }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit; }
  a.list-group-item-warning:focus, a.list-group-item-warning:hover,
  button.list-group-item-warning:focus,
  button.list-group-item-warning:hover {
    color: #8a6d3b;
    background-color: #faf2cc; }
  a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:focus,
  button.list-group-item-warning.active:hover {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b; }

.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede; }

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442; }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit; }
  a.list-group-item-danger:focus, a.list-group-item-danger:hover,
  button.list-group-item-danger:focus,
  button.list-group-item-danger:hover {
    color: #a94442;
    background-color: #ebcccc; }
  a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:focus,
  button.list-group-item-danger.active:hover {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442; }

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px; }

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3; }

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9 {
  padding-bottom: 42.85714%; }

.embed-responsive-16by9 {
  padding-bottom: 56.25%; }

.embed-responsive-4by3 {
  padding-bottom: 75%; }

.embed-responsive-1by1 {
  padding-bottom: 100%; }

.close {
  float: right;
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2; }
  .close:focus, .close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5; }

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none; }

.modal-open {
  overflow: hidden; }

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch; }
  .modal.fade .modal-dialog {
    transition: transform .3s ease-out;
    transform: translate(0, -25%); }
  .modal.in .modal-dialog {
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: rgba(32, 30, 40, 0.5); }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.in {
    opacity: 1; }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5; }
  .modal-header::after {
    content: "";
    display: table;
    clear: both; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.5; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer::after {
    content: "";
    display: table;
    clear: both; }
  .modal-footer .btn + .btn, .modal-footer .reports-table .k-header.k-grid-top button.k-button + .btn, .reports-table .k-header.k-grid-top .modal-footer button.k-button + .btn, .modal-footer .reports-table .k-header.k-grid-top .btn + button.k-button, .reports-table .k-header.k-grid-top .modal-footer .btn + button.k-button, .modal-footer .reports-table .k-header.k-grid-top button.k-button + button.k-button, .reports-table .k-header.k-grid-top .modal-footer button.k-button + button.k-button {
    margin-bottom: 0;
    margin-left: 5px; }
  .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .reports-table .k-header.k-grid-top button.k-button + .btn, .reports-table .k-header.k-grid-top .modal-footer .btn-group button.k-button + .btn, .modal-footer .btn-group .reports-table .k-header.k-grid-top .btn + button.k-button, .reports-table .k-header.k-grid-top .modal-footer .btn-group .btn + button.k-button, .modal-footer .btn-group .reports-table .k-header.k-grid-top button.k-button + button.k-button, .reports-table .k-header.k-grid-top .modal-footer .btn-group button.k-button + button.k-button {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 544px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 768px) {
  .modal-lg {
    width: 900px; } }

.custom-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  max-height: 100vh;
  width: 100%;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch;
  /* GLA-13255: Figma (Portico 2.0) dialog title. The colour is set on the header variants above
       rather than here, so a header that is still deliberately dark somewhere keeps working.

       line-height stays at 1: the header is a fixed-geometry bar and Figma's 1.6 would grow it by
       ~12px on every modal in the app. */
  /* GLA-13255: this component is a right-side slide-in panel (.modal-dialog is absolutely
       positioned and animates right: -100% -> 0), which is the same shape as the Re-Entry drawer.
       Matching it is therefore a reskin, not a re-layout: round the edge that is NOT flush with the
       viewport and take the shared MUI paper elevation.

       Left corners only, because the panel is pinned to the right — rounding all four would carve
       notches out of the screen edge. The two variants that are not pinned right are corrected
       below. */
  /* Full-screen panels span the whole viewport, so there is no free edge to round. */
  /* .modal-left pins the panel to the left of the navigation instead, so its free edge is the
       right one. */ }
  .custom-modal.full-screen {
    z-index: 1120;
    height: 100vh;
    transition: height 0.3s, width 0.3s;
    top: unset;
    right: unset; }
    .custom-modal.full-screen .hidden-on-maximize {
      display: none; }
  .custom-modal.full-screen .modal-dialog {
    width: 100vw; }
  .custom-modal.full-screen.minimize.vertical {
    width: 60px;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    bottom: unset;
    right: unset;
    overflow: hidden;
    background: #57626c;
    cursor: pointer;
    border-right: 1px solid white; }
    .custom-modal.full-screen.minimize.vertical .hidden-on-minimize {
      display: none; }
    .custom-modal.full-screen.minimize.vertical .hidden-on-maximize {
      display: inline-block; }
    .custom-modal.full-screen.minimize.vertical .modal-header-options {
      position: relative; }
      .custom-modal.full-screen.minimize.vertical .modal-header-options .hidden-on-maximize {
        position: absolute;
        bottom: 36px;
        left: 24px; }
  .custom-modal.full-screen.minimize.vertical .modal-dialog {
    width: 60px; }
  .custom-modal.full-screen.minimize .modal-scroll {
    overflow: hidden; }
    .custom-modal.full-screen.minimize .modal-scroll .modal-header {
      height: 100vh;
      writing-mode: vertical-lr;
      padding: 17px; }
  .custom-modal.full-screen.minimize .modal-title {
    vertical-align: middle; }
  .custom-modal .modal-dialog {
    position: absolute;
    top: 0;
    right: -100%;
    margin: 0;
    width: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 768px) {
      .custom-modal .modal-dialog {
        width: 600px; } }
    .custom-modal .modal-dialog form {
      -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .custom-modal .modal-dialog.full-screen {
      width: 100vw; }
      .custom-modal .modal-dialog.full-screen.modal-dialog--top-most {
        z-index: 9999; }
    .custom-modal .modal-dialog.expanded {
      width: 100%; }
      @media (min-width: 992px) {
        .custom-modal .modal-dialog.expanded {
          width: 1080px; } }
      .custom-modal .modal-dialog.expanded .modal-content,
      .custom-modal .modal-dialog.expanded .modal-content #jsDetailsSection {
        display: flex;
        flex-wrap: wrap; }
        @media (min-width: 768px) {
          .custom-modal .modal-dialog.expanded .modal-content,
          .custom-modal .modal-dialog.expanded .modal-content #jsDetailsSection {
            flex-wrap: nowrap; } }
      .custom-modal .modal-dialog.expanded .modal-content #jsDetailsSection {
        width: 100%; }
      .custom-modal .modal-dialog.expanded .secondary-modal-content {
        display: block; }
    @media (min-width: 768px) {
      .custom-modal .modal-dialog.expandedExtra {
        width: 1500px; } }
    .custom-modal .modal-dialog.expandedExtra.full-screen {
      width: 100vw; }
    @media (min-width: 768px) {
      .custom-modal .modal-dialog.expanded.expanded-2x {
        width: 1200px; } }
    .custom-modal .modal-dialog.body-2x {
      width: 1200px; }
      @media (min-width: 768px) {
        .custom-modal .modal-dialog.body-2x.expanded.expanded-2x {
          width: 1800px; } }
      .custom-modal .modal-dialog.body-2x .main-modal-content {
        max-width: 1200px; }
        .custom-modal .modal-dialog.body-2x .main-modal-content .modal-scroll {
          width: 1200px; }
    .custom-modal .modal-dialog.expandedEmail {
      background-color: #f4f5f7;
      width: 1250px; }
      .custom-modal .modal-dialog.expandedEmail .email-preview {
        min-width: 650px;
        max-width: 650px; }
        .custom-modal .modal-dialog.expandedEmail .email-preview section {
          border-bottom: 1px dashed #e2e5e9; }
      .custom-modal .modal-dialog.expandedEmail .modal-content,
      .custom-modal .modal-dialog.expandedEmail .modal-content #jsDetailsSection {
        display: flex;
        flex-wrap: wrap; }
      .custom-modal .modal-dialog.expandedEmail .modal-content #jsDetailsSection {
        width: 100%; }
      .custom-modal .modal-dialog.expandedEmail .secondary-modal-content {
        display: block; }
    .custom-modal .modal-dialog.expandedVideoUsers {
      background-color: #f4f5f7; }
      @media (min-width: 768px) {
        .custom-modal .modal-dialog.expandedVideoUsers {
          width: 1200px; } }
      .custom-modal .modal-dialog.expandedVideoUsers .secondary-modal-content {
        display: block; }
  .custom-modal.in .modal-dialog {
    right: 0; }
  .custom-modal.modal-left {
    left: 60px;
    width: calc(100% - 60px); }
    .custom-modal.modal-left .modal-dialog {
      left: 0; }
  .custom-modal.modal-autosize.in .modal-dialog {
    width: max-content; }
  .custom-modal.modal-autosize .modal-body-wrapper {
    display: flex;
    flex-wrap: nowrap;
    min-height: calc(100vh - 164px); }
    .custom-modal.modal-autosize .modal-body-wrapper .modal-body-section-wrapper {
      border-top: 2px solid black;
      border-left: solid 1px #424242;
      border-right: solid 1px #424242;
      position: relative; }
  .custom-modal .k-widget {
    width: 100%; }
  @media (min-width: 544px) {
    .custom-modal .main-modal-content {
      max-width: 600px; } }
  .custom-modal .main-modal-content.content-md .modal-body {
    width: 600px; }
  @media (min-width: 544px) {
    .custom-modal.modal-autosize .main-modal-content {
      max-width: unset; } }
  .custom-modal.modal-autosize .main-modal-content.content-md .modal-body {
    width: 600px; }
  .custom-modal .modal-wide {
    display: flex;
    flex-wrap: nowrap; }
  .custom-modal .main-modal-content,
  .custom-modal .secondary-modal-content {
    flex-grow: 1; }
  .custom-modal .secondary-modal-content {
    display: none;
    height: 100vh;
    overflow-y: auto;
    background: #f5f5f5;
    opacity: 0;
    animation: showContent 0.2s ease forwards;
    animation-delay: 0.2s; }
    @media (min-width: 768px) {
      .custom-modal .secondary-modal-content {
        width: 60vw; } }
    @media (min-width: 992px) {
      .custom-modal .secondary-modal-content {
        width: 25vw; } }
    @media (max-width: 991px) {
      .custom-modal .secondary-modal-content {
        overflow-y: auto; } }
    .custom-modal .secondary-modal-content.body-1x {
      width: 600px;
      min-width: 600px;
      max-width: 600px; }
  .custom-modal .simple-list .simple-list-item {
    padding: 12px 36px; }
  @media (min-width: 768px) {
    .custom-modal .campaign-modal-dialog {
      width: 900px; }
      .custom-modal .campaign-modal-dialog .modal-content .modal-footer {
        width: 900px; } }
  .custom-modal .campaign-modal-dialog .campaign-modal-body {
    padding: 12px;
    background: #f5f5f5; }
  .custom-modal .campaign-modal-dialog .campaign-leads {
    overflow-y: scroll;
    height: 100vh;
    background: #f5f5f5;
    padding: 24px; }
    .custom-modal .campaign-modal-dialog .campaign-leads h3 {
      margin-bottom: 24px; }
    .custom-modal .campaign-modal-dialog .campaign-leads ul .list-group-item {
      padding: 6px 12px;
      margin: 6px 0;
      border: 0;
      background: white;
      box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.1);
      font-size: 0.75rem; }
      .custom-modal .campaign-modal-dialog .campaign-leads ul .list-group-item:empty {
        display: none; }
      .custom-modal .campaign-modal-dialog .campaign-leads ul .list-group-item * {
        vertical-align: middle; }
      .custom-modal .campaign-modal-dialog .campaign-leads ul .list-group-item .profile-image {
        margin-right: 6px; }
      .custom-modal .campaign-modal-dialog .campaign-leads ul .list-group-item.lead-disabled {
        border: 1px solid #f79f77; }
  .custom-modal.modal-autosize .modal-header .header-centered {
    position: fixed;
    top: 6px;
    left: -19px;
    transform: translateX(calc(50vw - 79px));
    z-index: 3;
    padding: 12px;
    border-radius: 48px;
    background-color: #424242; }
  .custom-modal.modal-autosize .modal-header .modal-header-options {
    top: 6px;
    z-index: 3;
    padding: 12px 18px;
    background-color: #424242;
    border-radius: 48px; }
  .custom-modal.modal-autosize .modal-header .modal-title-fixed {
    position: fixed;
    top: 12px;
    padding: 12px;
    border-radius: 48px;
    background-color: #424242;
    z-index: 3; }
  .custom-modal .modal-header {
    padding: 24px 24px;
    border: 0;
    position: relative;
    /* The paper's corners are drawn by .modal-content, but this is an opaque white child
           painted on top of them, so it has to carry the matching corner itself or the panel reads
           square. Mirrored for .modal-left and cancelled for .full-screen where .modal-content is
           rounded, next to that rule. */
    border-radius: 8px 0 0 0;
    /* GLA-13255: was #fff for the old dark header bar. Headers are white now, so this is the
           root fix - a white fill would leave any icon that is not inside .modal-header-options
           (status glyphs, inline title icons) invisible. */
    /* GLA-13255: every modal header now uses the Figma dialog treatment - white paper, a
           near-black heading and a hairline divider - so the whole app matches the Re-Entry
           dialog rather than only that one page.

           The old look was a solid colour bar with white text: -warning painted $grey-900 (236 of
           the 271 headers in Views), -success painted $brand-success (22), -white was already
           white (8). The class NAMES are kept because they are spread across 271 call sites and
           renaming them is churn with no benefit - only the appearance changes. Note -warning was
           never actually a warning colour, which is why collapsing them loses no meaning.

           The status dot keeps its own colour below: that is the one genuinely semantic part of
           these variants. */ }
    @media (max-width: 767px) {
      .custom-modal .modal-header {
        padding: 24px; } }
    .custom-modal .modal-header .status-indicator-main {
      top: 12px;
      left: 12px; }
    .custom-modal .modal-header .icon use {
      fill: #62646a; }
    .custom-modal .modal-header .modal-header-options {
      position: absolute;
      top: 24px;
      right: 36px; }
      @media (max-width: 767px) {
        .custom-modal .modal-header .modal-header-options {
          right: 24px; } }
      .custom-modal .modal-header .modal-header-options .icon-wrapper {
        opacity: 0.6;
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .custom-modal .modal-header .modal-header-options .icon-wrapper:hover {
          opacity: 1; }
      .custom-modal .modal-header .modal-header-options .close {
        float: none;
        margin-left: 12px;
        text-shadow: none; }
      .custom-modal .modal-header .modal-header-options > .dropdown {
        display: inline-block;
        margin-right: 12px; }
    .custom-modal .modal-header-success, .custom-modal .modal-header-white, .custom-modal .modal-header-warning {
      background: #fff;
      color: #0f1219;
      border-bottom: 1px solid #d6d7da; }
      .custom-modal .modal-header-success .modal-title, .custom-modal .modal-header-white .modal-title, .custom-modal .modal-header-warning .modal-title {
        color: #0f1219; }
    .custom-modal .modal-header-success .status-indicator-main {
      background: #C6579A;
      -webkit-box-shadow: 0 0 0 2px #C6579A;
      -moz-box-shadow: 0 0 0 2px #C6579A;
      box-shadow: 0 0 0 2px #C6579A; }
    .custom-modal .modal-header-warning .status-indicator-main {
      background: #424242;
      -webkit-box-shadow: 0 0 0 2px #424242;
      -moz-box-shadow: 0 0 0 2px #424242;
      box-shadow: 0 0 0 2px #424242; }
    .custom-modal .modal-header .c-select {
      margin-right: 12px; }
    .custom-modal .modal-header .align-icon {
      vertical-align: middle; }
  .custom-modal .label-simple {
    display: block;
    margin-bottom: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #888888; }
  .custom-modal .modal-section-title {
    padding-top: 0;
    margin-bottom: 0;
    font-weight: 700; }
    .custom-modal .modal-section-title .icon + span {
      display: inline-block;
      margin-left: 12px;
      vertical-align: middle; }
    .custom-modal .modal-section-title .refactored-label-pill {
      margin-left: 36px; }
      @media (max-width: 767px) {
        .custom-modal .modal-section-title .refactored-label-pill {
          margin-left: 0; } }
    .custom-modal .modal-section-title .section-icon.gl, .custom-modal .modal-section-title .section-icon.c-favorite {
      font-size: 24px; }
  .custom-modal .space-left-x3 {
    padding-left: 36px; }
  .custom-modal .modal-section-content {
    word-wrap: break-word;
    padding-top: 24px; }
  .custom-modal .modal-title {
    line-height: 1;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.15px; }
    .custom-modal .modal-title + .modal-information,
    .custom-modal .modal-title + .row,
    .custom-modal .modal-title + .stat-grid,
    .custom-modal .modal-title + .widget-grid {
      margin-top: 12px; }
  .custom-modal .modal-information {
    padding: 6px 0;
    margin-bottom: 12px;
    /* GLA-13255: was a white 10% hairline, which only showed up against the old dark header
           bar and is invisible now that headers are white. */
    border-top: 1px solid #d6d7da;
    border-bottom: 1px solid #d6d7da; }
  .custom-modal .modal-content {
    min-height: 100vh;
    border: 0;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 6px 30px 5px rgba(32, 30, 40, 0.12), 0 16px 24px 2px rgba(32, 30, 40, 0.14), 0 8px 10px -5px rgba(32, 30, 40, 0.2); }
    .custom-modal .modal-content::after {
      content: "";
      display: table;
      clear: both; }
  .custom-modal .modal-dialog.full-screen .modal-content,
  .custom-modal .modal-dialog.full-screen .modal-header,
  .custom-modal .modal-dialog.full-screen .modal-footer {
    border-radius: 0; }
  .custom-modal.modal-left .modal-content {
    border-radius: 0 8px 8px 0; }
  .custom-modal.modal-left .modal-header {
    border-radius: 0 8px 0 0; }
  .custom-modal.modal-left .modal-footer {
    border-radius: 0 0 8px 0; }
  .custom-modal .modal-scroll {
    height: 100vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch; }
    @media (max-width: 991px) {
      .custom-modal .modal-scroll {
        height: auto; } }
    @media (max-width: 767px) {
      .custom-modal .modal-scroll.modal-with-fixed-footer {
        padding-bottom: 100px; } }
  .custom-modal .modal-overlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.3);
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2; }
    .custom-modal .modal-overlay .overlay-content--wrapper {
      display: flex;
      justify-content: space-around;
      padding: 72px;
      position: sticky;
      top: 25vh;
      max-width: 600px; }
      .custom-modal .modal-overlay .overlay-content--wrapper .overlay-content {
        background: rgba(0, 0, 0, 0.9);
        padding: 24px;
        color: white;
        border-radius: 6px; }
      .custom-modal .modal-overlay .overlay-content--wrapper .overlay-actions {
        display: flex; }
        .custom-modal .modal-overlay .overlay-content--wrapper .overlay-actions .flex-fill {
          flex-grow: 1;
          flex-basis: 0; }
  .custom-modal .modal-body {
    padding: 0 0 72px 0; }
    @media (max-width: 767px) {
      .custom-modal .modal-body {
        padding: 0; } }
    .custom-modal .modal-body section {
      /* GLA-13255: divider colour from the shared Portico token. */
      border-bottom: 1px dashed #d6d7da; }
      .custom-modal .modal-body section:last-child {
        border-bottom: 0; }
    .custom-modal .modal-body.merge-duplicates {
      padding-bottom: 192px; }
  .custom-modal .modal-body section,
  .custom-modal .modal-extra .modal-extra-content {
    padding: 24px 36px; }
    @media (max-width: 1199px) {
      .custom-modal .modal-body section,
      .custom-modal .modal-extra .modal-extra-content {
        padding: 12px 24px; } }
  .custom-modal .add-note-button {
    min-width: 38px;
    padding-left: 0;
    padding-right: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: transparent;
    border-color: #f5f5f5; }
    .custom-modal .add-note-button span {
      -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      display: inline-block;
      max-width: 0;
      overflow: hidden;
      white-space: nowrap;
      vertical-align: middle; }
    .custom-modal .add-note-button i {
      opacity: 1; }
    .custom-modal .add-note-button.collapsed {
      padding-left: inherit;
      padding-right: inherit;
      min-width: 100%; }
      .custom-modal .add-note-button.collapsed span {
        display: inline-block;
        max-width: 400px; }
      .custom-modal .add-note-button.collapsed i {
        opacity: 0; }
    .custom-modal .add-note-button:hover {
      border-color: #dedede; }
  .custom-modal .modal-footer {
    position: absolute;
    z-index: 200;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 12px 24px;
    text-align: right;
    border-top: 0;
    /* Same reason as .modal-header: an opaque white child over .modal-content's rounded corner,
           and this one is absolutely positioned over the scrolling body on purpose, so it cannot
           simply go transparent. */
    border-radius: 0 0 0 8px;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.1);
    background: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    /* GLA-13255: Figma spaces dialog actions 8px apart. Applied as a margin between adjacent
           buttons rather than a flex `gap`, so the footer keeps its `display: block` +
           `text-align: right` layout - several modals rely on that positioning. */ }
    .custom-modal .modal-footer .btn + .btn, .custom-modal .modal-footer .reports-table .k-header.k-grid-top button.k-button + .btn, .reports-table .k-header.k-grid-top .custom-modal .modal-footer button.k-button + .btn, .custom-modal .modal-footer .reports-table .k-header.k-grid-top .btn + button.k-button, .reports-table .k-header.k-grid-top .custom-modal .modal-footer .btn + button.k-button, .custom-modal .modal-footer .reports-table .k-header.k-grid-top button.k-button + button.k-button, .reports-table .k-header.k-grid-top .custom-modal .modal-footer button.k-button + button.k-button {
      /* Literal 8px, not $base-value: that variable lives in
               components/_refactored-variables.scss, which Site.scss imports after Bootstrap. */
      margin-left: 8px; }
    @media (max-width: 767px) {
      .custom-modal .modal-footer {
        position: relative; } }
    .custom-modal .modal-footer.modal-footer-wrapper {
      padding: 0;
      display: flex; }
      .custom-modal .modal-footer.modal-footer-wrapper .modal-footer-section-wrapper {
        width: 601px; }
        .custom-modal .modal-footer.modal-footer-wrapper .modal-footer-section-wrapper ~ .modal-footer-section-wrapper {
          width: 602px;
          border-left: solid 2px #424242; }
        .custom-modal .modal-footer.modal-footer-wrapper .modal-footer-section-wrapper .modal-tab-md {
          margin-top: -44px; }
        .custom-modal .modal-footer.modal-footer-wrapper .modal-footer-section-wrapper .modal-footer-section {
          display: flex;
          justify-content: space-around;
          align-items: center;
          padding: 12px 24px;
          height: 100%; }
    @media (max-width: 767px) {
      .custom-modal .modal-footer.modal-with-fixed-footer {
        position: fixed;
        bottom: 0; } }
  .custom-modal.modal-autosize .snapshot-modal {
    width: inherit;
    position: inherit;
    top: inherit;
    right: inherit;
    z-index: inherit;
    border: inherit; }
  .custom-modal .snapshot-modal {
    width: 600px;
    position: absolute;
    top: 0;
    right: calc(100vw - 660px);
    z-index: -1;
    border: none; }
    .custom-modal .snapshot-modal .timeline-wrapper + .timeline-wrapper {
      margin-top: 12px; }
    .custom-modal .snapshot-modal .date-separator.snapshot-separator {
      margin-bottom: 0;
      padding: 6px;
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .custom-modal .snapshot-modal .snapshot-date {
      background: white;
      color: grey;
      padding: 0 12px;
      border-radius: 20px; }
    .custom-modal .snapshot-modal .snapshot-status {
      background: #C6579A;
      border-radius: 20px;
      color: white;
      padding: 4px 12px;
      font-size: 90%;
      vertical-align: middle; }
    .custom-modal .snapshot-modal .activity-wrapper {
      display: flex; }
      .custom-modal .snapshot-modal .activity-wrapper .card-information {
        padding: 8px;
        font-size: 80%; }
      .custom-modal .snapshot-modal .activity-wrapper .activity-time {
        padding-right: 4px;
        border-right: 1px solid grey; }
      .custom-modal .snapshot-modal .activity-wrapper .activity-log {
        margin-bottom: 6px;
        padding-right: 4px; }
      .custom-modal .snapshot-modal .activity-wrapper .receipt-status {
        background: white;
        padding: 2px;
        font-size: xx-small;
        border-radius: 20px;
        padding-left: 4px;
        margin-left: 4px;
        margin-bottom: 0px;
        display: unset; }
  .custom-modal .modal-tab-wrapper {
    display: flex; }
    .custom-modal .modal-tab-wrapper .modal-tab-md {
      width: 502px;
      min-width: 502px;
      max-width: 502px;
      border-top-left-radius: 6px;
      border-top-right-radius: 6px;
      border-bottom: none;
      background-color: #C6579A;
      color: white;
      box-shadow: 0px -3px 5px 2px #c2c2c5;
      margin-bottom: 0;
      margin-top: 8px;
      margin-left: 50px;
      margin-right: 50px;
      padding: 8px; }
  .custom-modal--mobile .modal-header {
    padding: 24px 36px; }
    @media (max-width: 991px) {
      .custom-modal--mobile .modal-header {
        padding: 24px 24px; } }
    @media (max-width: 543px) {
      .custom-modal--mobile .modal-header {
        padding: 12px 24px; }
        .custom-modal--mobile .modal-header .modal-header-options {
          top: 12px;
          right: 24px; } }
  @media (max-width: 991px) {
    .custom-modal.custom-modal-multiple .modal-dialog {
      width: 100%; } }
  @media (max-width: 991px) {
    .custom-modal.custom-modal-multiple .modal-dialog .modal-content .snapshot-modal {
      width: 100%;
      max-width: 600px;
      min-height: 100vh;
      right: auto;
      left: 0;
      z-index: 2000; } }
  @media (max-width: 991px) {
    .custom-modal.custom-modal-multiple .modal-dialog .modal-content .main-modal-content {
      position: absolute;
      right: 0;
      width: 100%;
      min-height: 100vh;
      max-width: 600px;
      background-color: #f5f5f5;
      z-index: 1; } }
  @media (max-width: 991px) {
    .custom-modal.custom-modal-multiple .modal-dialog .modal-content .secondary-modal-content {
      position: absolute;
      right: 0;
      width: 100%;
      max-width: 600px;
      z-index: 5; } }
  @media (max-width: 767px) {
    .custom-modal.custom-modal-multiple .modal-dialog .modal-content .refactored-card {
      background-color: transparent;
      padding: 0;
      border: none;
      box-shadow: none; }
      .custom-modal.custom-modal-multiple .modal-dialog .modal-content .refactored-card .card-header {
        padding-left: 0;
        padding-right: 0; }
      .custom-modal.custom-modal-multiple .modal-dialog .modal-content .refactored-card .card-block {
        padding-left: 0;
        padding-right: 0; }
      .custom-modal.custom-modal-multiple .modal-dialog .modal-content .refactored-card .card-footer {
        background-color: transparent;
        padding-left: 0;
        padding-right: 0; } }
  .custom-modal.custom-modal-multiple .modal-dialog.expandedEmail .email-preview {
    min-width: 0;
    width: 100%; }

.modal-open .custom-modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 768px) {
  .modal-lg {
    width: 900px; } }

.modal-notification {
  z-index: 99999;
  /* make sure is always on top */ }

/* GLA-13255: the shared confirm / notify dialogs (#JsConfirmModal, #confirm-modal, #JsNotifyModal
   in Views/Shared/_confirmPartial.cshtml and _notificationModal.cshtml) are the centered modals the
   app shows on top of everything else - including on the Re-Entry Management page, where Remove
   raises one directly over the drawer. They now match .reentry-modal: one 600px sheet of white
   paper, 8px corners, the MUI elevation and the Portico scrim.

   The header was a solid $brand-danger bar with white text, which is what made the dialog read as a
   coloured band over a separate body. These modals have no .modal-body at all - the message sits in
   the header and the buttons in the footer - so the bar WAS the content background. Every rule
   below that repaints something white is there because the bar is gone; leaving any of them would
   put white text on white paper. */
.modal-notification {
  background: rgba(32, 30, 40, 0.5);
  /* No rule between message and actions: the Re-Entry dialog is one undivided sheet, and with a
       white header there is nothing left for a divider to separate. */ }
  @media (min-width: 768px) {
    .modal-notification .modal-dialog.modal-md {
      width: 600px; } }
  .modal-notification .modal-content {
    border: 0;
    border-radius: 8px;
    box-shadow: 0 6px 30px 5px rgba(32, 30, 40, 0.12), 0 16px 24px 2px rgba(32, 30, 40, 0.14), 0 8px 10px -5px rgba(32, 30, 40, 0.2); }
  .modal-notification .modal-header {
    padding: 24px;
    background-color: #fff;
    border-bottom: 0;
    /* Opaque white over .modal-content's rounded corners, so it carries the top pair itself -
           the footer below takes the bottom pair. These dialogs are centered, not pinned to an
           edge, so all four corners are free. */
    border-radius: 8px 8px 0 0;
    font-size: 1.25rem;
    color: #0f1219; }
    .modal-notification .modal-header .modal-title {
      display: inline-block;
      width: 94%;
      padding: 12px;
      color: #0f1219; }
    .modal-notification .modal-header a {
      color: #C6579A;
      text-decoration: underline; }
    .modal-notification .modal-header .close {
      color: #62646a;
      text-shadow: none; }
      .modal-notification .modal-header .close i {
        font-size: 1.25rem; }
    .modal-notification .modal-header .simple-label {
      color: #62646a; }
  .modal-notification .modal-footer {
    background-color: #fff;
    border-top: 0;
    border-radius: 0 0 8px 8px; }

.modal-dialog.move-to-side {
  transition-delay: 0.2s; }
  .modal-dialog.move-to-side .modal-footer {
    display: none; }
  .modal-dialog.move-to-side form {
    transition-delay: 0.2s;
    opacity: 0.1; }

.information {
  padding: 0.375rem 0;
  margin-bottom: 12px;
  border: 1px solid transparent;
  font-weight: 500; }

.make-call-button:after {
  content: "Make contact"; }

.custom-modal .add-note-button {
  border-color: #dedede; }

.custom-modal .main-modal-content,
.custom-modal .secondary-modal-content {
  border-right: 2px solid #424242; }

.custom-modal .use-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5%; }
  @media (max-width: 543px) {
    .custom-modal .use-btn {
      right: -2%; } }

.custom-modal .search-add-btn {
  margin-top: -24px; }
  @media (max-width: 543px) {
    .custom-modal .search-add-btn {
      margin-top: 12px;
      margin-right: 0;
      width: 100%; } }

.waiting-call-modal {
  display: block;
  position: fixed;
  right: 50px;
  bottom: 0;
  z-index: 9999; }
  .waiting-call-modal .waiting-call-users {
    display: block;
    margin: 0 10px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
    .waiting-call-modal .waiting-call-users td {
      padding-left: 6px; }
  .waiting-call-modal .waiting-call-header {
    padding: 6px;
    padding-left: 24px;
    padding-right: 12px;
    background: #353b41;
    width: 400px;
    max-width: 400px;
    animation: blinker 1.5s linear infinite;
    border-bottom: 0;
    font-size: 0.9375rem;
    height: 32px;
    color: #fff;
    overflow: hidden;
    position: relative; }
    .waiting-call-modal .waiting-call-header table {
      width: 320px;
      max-width: 320px; }
    .waiting-call-modal .waiting-call-header h3 {
      margin: 0 0 12px 0;
      padding: 0;
      max-width: 320px; }
    .waiting-call-modal .waiting-call-header .waiting-call-buttons {
      margin-bottom: 6px; }
    .waiting-call-modal .waiting-call-header .waiting-close {
      position: absolute;
      top: 4px;
      right: 24px; }
    .waiting-call-modal .waiting-call-header .modal-title {
      width: 215px;
      max-width: 215px;
      display: inline-block;
      overflow: hidden;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .waiting-call-modal .waiting-call-header .modal-header-options {
      position: absolute;
      top: 6px;
      right: 6px; }
      .waiting-call-modal .waiting-call-header .modal-header-options .icon-wrapper {
        margin: 0;
        opacity: 0.6;
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .waiting-call-modal .waiting-call-header .modal-header-options .icon-wrapper:hover {
          opacity: 1; }
      .waiting-call-modal .waiting-call-header .modal-header-options .icon use {
        fill: #fff; }
      .waiting-call-modal .waiting-call-header .modal-header-options .close {
        float: none;
        text-shadow: none; }
      .waiting-call-modal .waiting-call-header .modal-header-options > .dropdown {
        display: inline-block;
        margin-right: 12px; }
  .waiting-call-modal .waiting-call-content {
    display: table-cell;
    vertical-align: bottom; }
    .waiting-call-modal .waiting-call-content .main-modal-content {
      background: #353b41;
      width: 400px;
      height: 100px;
      max-height: 100px;
      overflow-y: auto;
      overflow-x: hidden; }
      .waiting-call-modal .waiting-call-content .main-modal-content .body {
        margin-bottom: 12px;
        color: #dedede; }
        .waiting-call-modal .waiting-call-content .main-modal-content .body > div {
          border-bottom: 1px solid rgba(222, 222, 222, 0.2);
          padding: 3px 0; }
      .waiting-call-modal .waiting-call-content .main-modal-content .modal-body {
        padding-left: 18px;
        padding-top: 6px;
        padding-right: 6px;
        padding-bottom: 6px; }
    .waiting-call-modal .waiting-call-content .note {
      padding: 12px; }
    .waiting-call-modal .waiting-call-content .footer {
      padding-top: 12px; }
      .waiting-call-modal .waiting-call-content .footer #rejectIncomingSecondCall {
        background-color: #ff0000;
        border-color: #ff0000; }
      .waiting-call-modal .waiting-call-content .footer #acceptIncomingPhoneCallSecondary {
        background-color: #008000;
        border-color: #008000; }
  .waiting-call-modal .waiting-footer {
    background: #353b41;
    padding-top: 3px; }

.custom-chat-modal {
  display: block;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 1100; }
  @media (min-width: 992px) {
    .custom-chat-modal {
      left: 50px; } }
  .custom-chat-modal .chat-users {
    display: block;
    margin: 0 10px; }
    .custom-chat-modal .chat-users td {
      padding-left: 6px;
      vertical-align: bottom; }
    .custom-chat-modal .chat-users .chat-header {
      border-top-left-radius: 9px;
      border-top-right-radius: 9px;
      padding: 9.6px;
      padding-left: 12px;
      padding-right: 48px;
      background-color: #C6579A;
      border-bottom: 0;
      font-size: 1.1875rem;
      height: 50px;
      color: #fff;
      width: 350px;
      max-width: 350px;
      overflow: hidden;
      position: relative; }
      .custom-chat-modal .chat-users .chat-header .modal-title {
        display: inline-block;
        width: 248px;
        max-width: 248px;
        overflow: hidden;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .custom-chat-modal .chat-users .chat-header .modal-header-options {
        position: absolute;
        top: 9px;
        right: 6px;
        width: 108px; }
        .custom-chat-modal .chat-users .chat-header .modal-header-options .icon-wrapper {
          margin: 0;
          opacity: 0.6;
          -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
          transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
          .custom-chat-modal .chat-users .chat-header .modal-header-options .icon-wrapper:hover {
            opacity: 1; }
        .custom-chat-modal .chat-users .chat-header .modal-header-options .icon use {
          fill: #fff; }
        .custom-chat-modal .chat-users .chat-header .modal-header-options .close {
          float: none;
          text-shadow: none; }
        .custom-chat-modal .chat-users .chat-header .modal-header-options > .dropdown {
          display: inline-block;
          margin-right: 12px; }
    .custom-chat-modal .chat-users .chat-content {
      display: table-cell;
      vertical-align: bottom; }
      .custom-chat-modal .chat-users .chat-content .main-modal-content {
        height: 350px;
        max-height: 350px;
        overflow-y: auto;
        width: 350px;
        overflow-x: hidden;
        background: #fff;
        background-color: #f4f5f7; }
        .custom-chat-modal .chat-users .chat-content .main-modal-content .modal-body {
          padding: 6px; }
      .custom-chat-modal .chat-users .chat-content .note {
        padding: 12px; }
    .custom-chat-modal .chat-users .chat-footer {
      background-color: #f5f5f5;
      padding-top: 3px; }
      .custom-chat-modal .chat-users .chat-footer textarea {
        outline: 0;
        border-radius: 12px;
        resize: none;
        width: calc(100% - 2 * 12px); }

.chat-blink-alert {
  animation: blinker 1s linear infinite;
  background-color: #C6579A !important; }

.blink-alert {
  animation: blinker 1s linear infinite; }

@keyframes blinker {
  50% {
    opacity: 0; } }

.move-chat-position-to-right {
  left: 650px; }

.tooltip {
  position: absolute;
  z-index: 1170;
  display: block;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.75rem;
  opacity: 0; }
  .tooltip.in {
    opacity: 0.9; }
  .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
    padding: 5px 0;
    margin-top: -3px; }
    .tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
      bottom: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 5px 5px 0;
      border-top-color: #424242; }
  .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
    padding: 0 5px;
    margin-left: 3px; }
    .tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
      top: 50%;
      left: 0;
      margin-top: -5px;
      border-width: 5px 5px 5px 0;
      border-right-color: #424242; }
  .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
    padding: 5px 0;
    margin-top: 3px; }
    .tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
      top: 0;
      left: 50%;
      margin-left: -5px;
      border-width: 0 5px 5px;
      border-bottom-color: #424242; }
  .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
    padding: 0 5px;
    margin-left: -3px; }
    .tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
      top: 50%;
      right: 0;
      margin-top: -5px;
      border-width: 5px 0 5px 5px;
      border-left-color: #424242; }

.tooltip-inner {
  max-width: 500px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #424242;
  border-radius: 0.25rem; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.75rem;
  background-color: #fff;
  background-clip: padding-box;
  /* GLA-13255: Figma (Portico 2.0) surface - hairline divider border, 8px radius and the MUI
     paper elevation, matching the dialog, drawer and menu. Replaces the Bootstrap default
     ($border-radius-lg + a flat 20% black shadow). */
  border: 1px solid #d6d7da;
  border-radius: 8px;
  box-shadow: 0 6px 30px 5px rgba(32, 30, 40, 0.12), 0 16px 24px 2px rgba(32, 30, 40, 0.14);
  color: #35373d; }
  .popover.popover-top, .popover.bs-tether-element-attached-bottom {
    margin-top: -10px; }
    .popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
      bottom: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-color: rgba(0, 0, 0, 0.25);
      border-bottom-width: 0; }
      .popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
        bottom: 1px;
        margin-left: -10px;
        content: "";
        border-top-color: #fff;
        border-bottom-width: 0; }
  .popover.popover-right, .popover.bs-tether-element-attached-left {
    margin-left: 10px; }
    .popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
      top: 50%;
      left: -11px;
      margin-top: -11px;
      border-right-color: rgba(0, 0, 0, 0.25);
      border-left-width: 0; }
      .popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
        bottom: -10px;
        left: 1px;
        content: "";
        border-right-color: #fff;
        border-left-width: 0; }
  .popover.popover-bottom, .popover.bs-tether-element-attached-top {
    margin-top: 10px; }
    .popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
      top: -11px;
      left: 50%;
      margin-left: -11px;
      border-top-width: 0;
      border-bottom-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
        top: 1px;
        margin-left: -10px;
        content: "";
        border-top-width: 0;
        border-bottom-color: #fff; }
  .popover.popover-left, .popover.bs-tether-element-attached-right {
    margin-left: -10px; }
    .popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
      top: 50%;
      right: -11px;
      margin-top: -11px;
      border-right-width: 0;
      border-left-color: rgba(0, 0, 0, 0.25); }
      .popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
        right: 1px;
        bottom: -10px;
        content: "";
        border-right-width: 0;
        border-left-color: #fff; }

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 0.875rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -0.7rem -0.7rem 0 0; }

.popover-content {
  padding: 9px 14px; }

.popover-arrow, .popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.popover-arrow {
  border-width: 11px; }

.popover-arrow::after {
  content: "";
  border-width: 10px; }

.carousel {
  position: relative; }

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .carousel-inner > .carousel-item {
    position: relative;
    display: none;
    transition: .6s ease-in-out left; }
    .carousel-inner > .carousel-item > img,
    .carousel-inner > .carousel-item > a > img {
      line-height: 1; }
    @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-inner > .carousel-item {
        transition: transform .6s ease-in-out;
        backface-visibility: hidden;
        perspective: 1000px; }
        .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
          left: 0;
          transform: translate3d(100%, 0, 0); }
        .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
          left: 0;
          transform: translate3d(-100%, 0, 0); }
        .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
          left: 0;
          transform: translate3d(0, 0, 0); } }
  .carousel-inner > .active,
  .carousel-inner > .next,
  .carousel-inner > .prev {
    display: block; }
  .carousel-inner > .active {
    left: 0; }
  .carousel-inner > .next,
  .carousel-inner > .prev {
    position: absolute;
    top: 0;
    width: 100%; }
  .carousel-inner > .next {
    left: 100%; }
  .carousel-inner > .prev {
    left: -100%; }
  .carousel-inner > .next.left,
  .carousel-inner > .prev.right {
    left: 0; }
  .carousel-inner > .active.left {
    left: -100%; }
  .carousel-inner > .active.right {
    left: 100%; }

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5; }
  .carousel-control.left {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); }
  .carousel-control.right {
    right: 0;
    left: auto;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); }
  .carousel-control:focus, .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9; }
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    font-family: serif;
    line-height: 1; }
  .carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px; }
  .carousel-control .icon-next {
    right: 50%;
    margin-right: -10px; }
  .carousel-control .icon-prev::before {
    content: "\2039"; }
  .carousel-control .icon-next::before {
    content: "\203a"; }

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none; }
  .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 10px; }
  .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff; }

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); }
  .carousel-caption .btn, .carousel-caption .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .carousel-caption button.k-button {
    text-shadow: none; }

@media (min-width: 544px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px; }
  .carousel-control .icon-prev {
    margin-left: -15px; }
  .carousel-control .icon-next {
    margin-right: -15px; }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px; }
  .carousel-indicators {
    bottom: 20px; } }

.clearfix::after {
  content: "";
  display: table;
  clear: both; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-xs-left {
  float: left !important; }

.pull-xs-right, .reports-table .k-header.k-grid-top button.k-button {
  float: right !important; }

.pull-xs-none {
  float: none !important; }

@media (min-width: 544px) {
  .pull-sm-left {
    float: left !important; }
  .pull-sm-right {
    float: right !important; }
  .pull-sm-none {
    float: none !important; } }

@media (min-width: 768px) {
  .pull-md-left {
    float: left !important; }
  .pull-md-right {
    float: right !important; }
  .pull-md-none {
    float: none !important; } }

@media (min-width: 992px) {
  .pull-lg-left {
    float: left !important; }
  .pull-lg-right {
    float: right !important; }
  .pull-lg-none {
    float: none !important; } }

@media (min-width: 1200px) {
  .pull-xl-left {
    float: left !important; }
  .pull-xl-right {
    float: right !important; }
  .pull-xl-none {
    float: none !important; } }

@media (min-width: 1560px) {
  .pull-xxl-left {
    float: left !important; }
  .pull-xxl-right {
    float: right !important; }
  .pull-xxl-none {
    float: none !important; } }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

.invisible {
  visibility: hidden !important; }

.text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-xs-left {
  text-align: left !important; }

.text-xs-right {
  text-align: right !important; }

.text-xs-center {
  text-align: center !important; }

@media (min-width: 544px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

@media (min-width: 1560px) {
  .text-xxl-left {
    text-align: left !important; }
  .text-xxl-right {
    text-align: right !important; }
  .text-xxl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

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

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-normal {
  font-weight: normal; }

.font-weight-bold {
  font-weight: bold; }

.font-italic {
  font-style: italic; }

.text-muted {
  color: #818a91; }

.text-muted {
  color: #818a91 !important; }

a.text-muted:focus, a.text-muted:hover {
  color: #687077; }

use.text-muted {
  fill: #818a91 !important; }

.text-primary {
  color: #C6579A !important; }

a.text-primary:focus, a.text-primary:hover {
  color: #af3b81; }

use.text-primary {
  fill: #C6579A !important; }

.text-success {
  color: #C6579A !important; }

a.text-success:focus, a.text-success:hover {
  color: #af3b81; }

use.text-success {
  fill: #C6579A !important; }

.text-info {
  color: #3fa7d6 !important; }

a.text-info:focus, a.text-info:hover {
  color: #288dba; }

use.text-info {
  fill: #3fa7d6 !important; }

.text-warning {
  color: #ffd23f !important; }

a.text-warning:focus, a.text-warning:hover {
  color: #ffc60c; }

use.text-warning {
  fill: #ffd23f !important; }

.text-danger {
  color: #f15b17 !important; }

a.text-danger:focus, a.text-danger:hover {
  color: #c9470c; }

use.text-danger {
  fill: #f15b17 !important; }

.bg-text-muted {
  background: #818a91 !important; }

.bg-text-primary {
  background: #C6579A !important; }

.bg-text-success {
  background: #C6579A !important; }

.bg-text-info {
  background: #3fa7d6 !important; }

.bg-text-warning {
  background: #ffd23f !important; }

.bg-text-danger {
  background: #f15b17 !important; }

.block {
  display: block; }

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

.bg-inverse {
  color: #eceeef;
  background-color: #373a3c; }

.bg-faded {
  background-color: #f7f7f9; }

.bg-primary, .scoped-bs4 .bg-primary {
  color: #fff !important;
  background-color: #C6579A !important; }

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #af3b81; }

.bg-success {
  color: #fff !important;
  background-color: #C6579A !important; }

a.bg-success:focus, a.bg-success:hover {
  background-color: #af3b81; }

.bg-info {
  color: #fff !important;
  background-color: #3fa7d6 !important; }

a.bg-info:focus, a.bg-info:hover {
  background-color: #288dba; }

.bg-warning {
  color: #fff !important;
  background-color: #ffd23f !important; }

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #ffc60c; }

.bg-danger {
  color: #fff !important;
  background-color: #f15b17 !important; }

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #c9470c; }

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

@media (max-width: 767px) {
  .p-b-sm-2 {
    padding-bottom: 24px; } }

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

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

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

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

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

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

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

.m-a-1 {
  margin: 12px 12px !important; }

.m-t-1 {
  margin-top: 12px !important; }

.m-r-1 {
  margin-right: 12px !important; }

.m-b-1 {
  margin-bottom: 12px !important; }

.m-l-1 {
  margin-left: 12px !important; }

.m-x-1 {
  margin-right: 12px !important;
  margin-left: 12px !important; }

.m-y-1 {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.m-a-2 {
  margin: 18px 18px !important; }

.m-t-2 {
  margin-top: 18px !important; }

.m-r-2 {
  margin-right: 18px !important; }

.m-b-2 {
  margin-bottom: 18px !important; }

.m-l-2 {
  margin-left: 18px !important; }

.m-x-2 {
  margin-right: 18px !important;
  margin-left: 18px !important; }

.m-y-2 {
  margin-top: 18px !important;
  margin-bottom: 18px !important; }

.m-a-3 {
  margin: 36px 36px !important; }

.m-t-3 {
  margin-top: 36px !important; }

.m-r-3 {
  margin-right: 36px !important; }

.m-b-3 {
  margin-bottom: 36px !important; }

.m-l-3 {
  margin-left: 36px !important; }

.m-x-3 {
  margin-right: 36px !important;
  margin-left: 36px !important; }

.m-y-3 {
  margin-top: 36px !important;
  margin-bottom: 36px !important; }

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

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

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

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

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

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

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

.p-a-1 {
  padding: 12px 12px !important; }

.p-t-1 {
  padding-top: 12px !important; }

.p-r-1 {
  padding-right: 12px !important; }

.p-b-1 {
  padding-bottom: 12px !important; }

.p-l-1 {
  padding-left: 12px !important; }

.p-x-1 {
  padding-right: 12px !important;
  padding-left: 12px !important; }

.p-y-1 {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.p-a-2 {
  padding: 18px 18px !important; }

.p-t-2 {
  padding-top: 18px !important; }

.p-r-2 {
  padding-right: 18px !important; }

.p-b-2 {
  padding-bottom: 18px !important; }

.p-l-2 {
  padding-left: 18px !important; }

.p-x-2 {
  padding-right: 18px !important;
  padding-left: 18px !important; }

.p-y-2 {
  padding-top: 18px !important;
  padding-bottom: 18px !important; }

.p-a-3 {
  padding: 36px 36px !important; }

.p-t-3 {
  padding-top: 36px !important; }

.p-r-3 {
  padding-right: 36px !important; }

.p-b-3 {
  padding-bottom: 36px !important; }

.p-l-3 {
  padding-left: 36px !important; }

.p-x-3 {
  padding-right: 36px !important;
  padding-left: 36px !important; }

.p-y-3 {
  padding-top: 36px !important;
  padding-bottom: 36px !important; }

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030; }

.hidden-xs-up {
  display: none !important; }

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important; } }

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important; } }

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important; } }

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important; } }

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important; } }

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important; } }

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important; } }

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important; } }

@media (max-width: 1559px) {
  .hidden-xl-down {
    display: none !important; } }

@media (min-width: 1560px) {
  .hidden-xxl-up {
    display: none !important; } }

.hidden-xxl-down {
  display: none !important; }

.visible-print-block {
  display: none !important; }
  @media print {
    .visible-print-block {
      display: block !important; } }

.visible-print-inline {
  display: none !important; }
  @media print {
    .visible-print-inline {
      display: inline !important; } }

.visible-print-inline-block {
  display: none !important; }
  @media print {
    .visible-print-inline-block {
      display: inline-block !important; } }

@media print {
  .hidden-print {
    display: none !important; } }

/* --- Components, Variables and Mixins */
@keyframes showOffCanvasMobile {
  0% {
    transform: scale(0.9) translate(0, 100%); }
  100% {
    transform: scale(1) translate(0, 0); } }

@keyframes showOffCanvasDesktop {
  0% {
    transform: translate(100%, 0); }
  100% {
    transform: translate(0, 0); } }

@keyframes showActions {
  0% {
    transform: translate(0, 100%); }
  100% {
    transform: translate(0, 0); } }

@keyframes showContent {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes refactoredCheck {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 6px; }
  50% {
    height: 12px;
    width: 6px; }
  75% {
    height: 8px;
    width: 6px; } }

@-webkit-keyframes check {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 6px; }
  50% {
    height: 15px;
    width: 6px; }
  75% {
    height: 12px;
    width: 6px; } }

@-moz-keyframes check {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 6px; }
  50% {
    height: 15px;
    width: 6px; }
  75% {
    height: 12px;
    width: 6px; } }

@-ms-keyframes check {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 6px; }
  50% {
    height: 15px;
    width: 6px; }
  75% {
    height: 12px;
    width: 6px; } }

@keyframes check {
  0% {
    height: 0;
    width: 0; }
  25% {
    height: 0;
    width: 6px; }
  50% {
    height: 15px;
    width: 6px; }
  75% {
    height: 12px;
    width: 6px; } }

@-webkit-keyframes star {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.4); }
  50% {
    transform: scale(1); } }

@-moz-keyframes star {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.4); }
  50% {
    transform: scale(1); } }

@-ms-keyframes star {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.4); }
  50% {
    transform: scale(1); } }

@keyframes star {
  0% {
    transform: scale(1); }
  25% {
    transform: scale(1.4); }
  50% {
    transform: scale(1); } }

/* Portico Design System 2.0 tokens live in components/_portico-tokens.scss, which Site.scss
   imports before Bootstrap so the modal component can reach them. */
.overflow-x-auto {
  overflow-x: auto; }

.width-100 {
  width: 100% !important; }

.bg-white, .k-datepicker .k-input,
.k-timepicker .k-input,
.k-picker-wrap.k-state-default > .k-select,
.k-autocomplete.k-autocomplete .k-input,
.page-navigation.refactored-card-profile .profile-overview,
.page-navigation-menu--profile {
  background-color: #fff !important; }

.bg-gray {
  background-color: #eeeeee; }

.no-wrap {
  white-space: nowrap; }

.no-box-shadow {
  box-shadow: none !important; }

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

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

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

.padding-top-xs-5 {
  padding-top: 5px !important; }

.padding-top-xs-12 {
  padding-top: 12px !important; }

.padding-top-xs-24 {
  padding-top: 24px !important; }

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

.padding-bottom-xs-5 {
  padding-bottom: 5px !important; }

.padding-bottom-xs-12 {
  padding-bottom: 12px !important; }

.padding-bottom-xs-24 {
  padding-bottom: 24px !important; }

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

.margin-top-xs-10-n {
  margin-top: -10px !important; }

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

@media (min-width: 544px) {
  .padding-top-sm-0 {
    padding-top: 0 !important; }
  .padding-top-sm-5 {
    padding-top: 5px !important; }
  .padding-top-sm-12 {
    padding-top: 12px !important; }
  .padding-top-sm-24 {
    padding-top: 24px !important; }
  .padding-bottom-sm-0 {
    padding-bottom: 0 !important; }
  .padding-bottom-sm-5 {
    padding-bottom: 5px !important; }
  .padding-bottom-sm-12 {
    padding-bottom: 12px !important; }
  .padding-bottom-sm-24 {
    padding-bottom: 24px !important; }
  .margin-top-sm-0 {
    margin-top: 0 !important; }
  .margin-top-sm-10-n {
    margin-top: -10px !important; }
  .margin-bottom-sm-0 {
    margin-bottom: 0 !important; } }

@media (min-width: 768px) {
  .padding-top-md-0 {
    padding-top: 0 !important; }
  .padding-top-md-5 {
    padding-top: 5px !important; }
  .padding-top-md-12 {
    padding-top: 12px !important; }
  .padding-top-md-24 {
    padding-top: 24px !important; }
  .padding-bottom-md-0 {
    padding-bottom: 0 !important; }
  .padding-bottom-md-5 {
    padding-bottom: 5px !important; }
  .padding-bottom-md-12 {
    padding-bottom: 12px !important; }
  .padding-bottom-md-24 {
    padding-bottom: 24px !important; }
  .margin-top-md-0 {
    margin-top: 0 !important; }
  .margin-top-md-10-n {
    margin-top: -10px !important; }
  .margin-bottom-md-0 {
    margin-bottom: 0 !important; } }

@media (min-width: 992px) {
  .padding-top-lg-0 {
    padding-top: 0 !important; }
  .padding-top-lg-5 {
    padding-top: 5px !important; }
  .padding-top-lg-12 {
    padding-top: 12px !important; }
  .padding-top-lg-24 {
    padding-top: 24px !important; }
  .padding-bottom-lg-0 {
    padding-bottom: 0 !important; }
  .padding-bottom-lg-5 {
    padding-bottom: 5px !important; }
  .padding-bottom-lg-12 {
    padding-bottom: 12px !important; }
  .padding-bottom-lg-24 {
    padding-bottom: 24px !important; }
  .margin-top-lg-0 {
    margin-top: 0 !important; }
  .margin-top-lg-10-n {
    margin-top: -10px !important; }
  .margin-bottom-lg-0 {
    margin-bottom: 0 !important; } }

@media (min-width: 1200px) {
  .padding-top-xl-0 {
    padding-top: 0 !important; }
  .padding-top-xl-5 {
    padding-top: 5px !important; }
  .padding-top-xl-12 {
    padding-top: 12px !important; }
  .padding-top-xl-24 {
    padding-top: 24px !important; }
  .padding-bottom-xl-0 {
    padding-bottom: 0 !important; }
  .padding-bottom-xl-5 {
    padding-bottom: 5px !important; }
  .padding-bottom-xl-12 {
    padding-bottom: 12px !important; }
  .padding-bottom-xl-24 {
    padding-bottom: 24px !important; }
  .margin-top-xl-0 {
    margin-top: 0 !important; }
  .margin-top-xl-10-n {
    margin-top: -10px !important; }
  .margin-bottom-xl-0 {
    margin-bottom: 0 !important; } }

@media (min-width: 1560px) {
  .padding-top-xxl-0 {
    padding-top: 0 !important; }
  .padding-top-xxl-5 {
    padding-top: 5px !important; }
  .padding-top-xxl-12 {
    padding-top: 12px !important; }
  .padding-top-xxl-24 {
    padding-top: 24px !important; }
  .padding-bottom-xxl-0 {
    padding-bottom: 0 !important; }
  .padding-bottom-xxl-5 {
    padding-bottom: 5px !important; }
  .padding-bottom-xxl-12 {
    padding-bottom: 12px !important; }
  .padding-bottom-xxl-24 {
    padding-bottom: 24px !important; }
  .margin-top-xxl-0 {
    margin-top: 0 !important; }
  .margin-top-xxl-10-n {
    margin-top: -10px !important; }
  .margin-bottom-xxl-0 {
    margin-bottom: 0 !important; } }

/* --- Components */
@font-face {
  font-family: 'glass';
  src: url("fonts/glass/glass.eot?yh12ch");
  src: url("fonts/glass/glass.eot?yh12ch#iefix") format("embedded-opentype"), url("fonts/glass/glass.ttf?yh12ch") format("truetype"), url("fonts/glass/glass.woff?yh12ch") format("woff"), url("fonts/glass/glass.svg?yh12ch#glass") format("svg");
  font-weight: normal;
  font-style: normal; }

.gl, .c-favorite {
  display: inline-block;
  font-family: 'glass' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
  /* Better Font Rendering =========== */
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease; }
  .gl.rotate-270, .rotate-270.c-favorite {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg); }
  .gl.rotate-180, .rotate-180.c-favorite {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }
  .gl.rotate-90, .rotate-90.c-favorite {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg); }
  .gl.gl-sm, .gl-sm.c-favorite {
    font-size: 1.25rem; }
  .gl.gl-xs, .gl-xs.c-favorite {
    font-size: 0.875rem; }

.gl-description:before {
  content: '\e927'; }

.gl-info:before {
  content: '\e926'; }

.gl-add-info:before {
  content: '\e925'; }

.gl-search:before {
  content: '\e924'; }

.gl-attach:before {
  content: "\e922"; }

.gl-messages:before {
  content: "\e923"; }

.gl-dont-call:before {
  content: "\e91e"; }

.gl-dont-send-mail:before {
  content: "\e91f"; }

.gl-broken-link:before {
  content: "\e920"; }

.gl-expired:before {
  content: "\e921"; }

.gl-chevron-down:before {
  content: "\e91a"; }

.gl-chevron-left:before {
  content: "\e91b"; }

.gl-chevron-right:before {
  content: "\e91c"; }

.gl-chevron-up:before {
  content: "\e91d"; }

.gl-star:before {
  content: "\e918"; }

.gl-star-filled:before {
  content: "\e919"; }

.gl-calendar:before {
  content: "\e917"; }

.gl-close:before {
  content: "\e916"; }

.gl-notifications:before {
  content: "\e914"; }

.gl-reminders:before {
  content: "\e915"; }

.gl-options:before {
  content: "\e90d"; }

.gl-chevron-down-circle:before {
  content: "\e90e"; }

.gl-phone:before {
  content: "\e90f"; }

.gl-mail:before {
  content: "\e910"; }

.gl-cancel:before {
  content: "\e911"; }

.gl-minus:before {
  content: "\e912"; }

.gl-plus:before {
  content: "\e913"; }

.gl-copyright:before {
  content: "\e90c"; }

.gl-send-mail:before {
  content: "\e90b"; }

.gl-home:before {
  content: "\e909"; }

.gl-statistics:before {
  content: "\e90a"; }

.gl-chat:before {
  content: "\e902"; }

.gl-leads:before {
  content: "\e903"; }

.gl-schedule:before {
  content: "\e904"; }

.gl-settings:before {
  content: "\e905"; }

.gl-support:before {
  content: "\e906"; }

.gl-tasks:before {
  content: "\e907"; }

.gl-team:before {
  content: "\e908"; }

.gl-s-logo:before {
  content: "\e901"; }

.gl-change-user:before {
  content: "\e900"; }

.gl-menu:before {
  content: "\e928"; }

.gl-usermenu:before {
  content: "\e929"; }

.gl-target:before {
  content: "\e92a"; }

.gl-stats:before {
  content: "\e92b"; }

.gl-edit:before {
  content: "\e92c"; }

.gl-performance:before {
  content: "\e92d"; }

.gl-noun_603575:before {
  content: "\e92e"; }

.icon-wrapper {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  color: #6d6c6d; }
  .icon-wrapper:hover {
    color: #424242; }
  .icon-wrapper.icon-success {
    color: #C6579A; }
    .icon-wrapper.icon-success:hover {
      color: #af3b81; }
  .icon-wrapper.icon-warning {
    color: #ffd23f; }
    .icon-wrapper.icon-warning:hover {
      color: #ffc60c; }
  .icon-wrapper.icon-danger {
    color: #f15b17; }
    .icon-wrapper.icon-danger:hover {
      color: #c9470c; }
  .icon-wrapper.icon-info {
    color: #3fa7d6; }
    .icon-wrapper.icon-info:hover {
      color: #288dba; }
  .icon-wrapper.collapsed .rotate-180 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  .icon-wrapper + .icon-wrapper {
    margin-left: 12px; }
  .icon-wrapper.form-icon-wrapper {
    padding: 7px; }
  .icon-wrapper span {
    vertical-align: middle; }
    .icon-wrapper span + .icon {
      margin-left: 6px; }

.icon-r {
  display: inline-block;
  vertical-align: middle; }
  .icon-r-button {
    padding: 12px; }
  .icon-r-button-small {
    padding: 6px; }
  .icon-r svg {
    display: block;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .icon-r-sm svg {
    width: 16px;
    height: 16px; }
  .icon-r-md svg {
    width: 24px;
    height: 24px; }
  .icon-r-40 svg {
    width: 40px;
    height: 40px; }
  .icon-r-lg svg {
    width: 48px;
    height: 48px; }
  .icon-r-grey svg {
    fill: #aaaaaa; }
  .icon-r-dark-grey svg {
    fill: #888888; }
  .icon-r-hover {
    cursor: pointer; }
    .icon-r-hover:hover.icon-r-grey svg {
      fill: #424242; }
  .icon-r-padding-right-sm {
    padding-right: 8px; }

.main-menu-item .icon-r svg {
  fill: rgba(255, 255, 255, 0.4); }

.main-menu-item:hover .icon-r svg {
  fill: white; }

/* import for custom icons */
/* Scrollbar */
/* ---------------------------------------- */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  opacity: 0; }

::-webkit-scrollbar-track, .brand-color-lighten-bg.active, .brand-color-lighten-bg.hover {
  background: #f6e6f0;
  border-radius: 0; }

::-webkit-scrollbar-thumb {
  border-radius: 0;
  background: #e3abcd; }

::-webkit-scrollbar-thumb:window-inactive {
  background: #e3abcd; }

/* Html, body */
/* ---------------------------------------- */
body {
  font-weight: normal;
  background: #0d0d0d; }

/* Typography */
/* ---------------------------------------- */
.caps {
  text-transform: uppercase; }

h1, h2, h3, h4, h5 {
  font-weight: normal; }
  h1.light, h2.light, h3.light, h4.light, h5.light {
    font-weight: 300; }
  h1.bold, h2.bold, h3.bold, h4.bold, h5.bold {
    font-weight: 500; }

h2 .form-control, h2 .daterangepicker .input-mini, .daterangepicker h2 .input-mini, h2 .readonlyeditor, h2 .date-filter-trigger, h2 .click-editor textarea, .click-editor h2 textarea {
  font-size: 1.5rem; }

h3 {
  padding-top: 12px; }
  h3 + h5 {
    padding-top: 12px; }
  h3 > .icon-wrapper {
    margin-right: 12px;
    line-height: inherit;
    vertical-align: inherit; }

h6 {
  text-transform: uppercase;
  letter-spacing: 1px; }

small {
  font-size: 0.75rem; }

.spaced-title {
  margin-bottom: 24px; }

p.bold {
  font-weight: 600; }

/* --- styling for html, body, text */
.card {
  position: relative;
  border: none;
  margin-bottom: 24px;
  -webkit--webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
  -moz--webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
  -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.16);
  -webkit-transition: box-shadow 0.4s ease;
  -moz-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease;
  color: #222222; }
  .card .card-block-header {
    position: relative;
    padding: 12px 24px 0;
    line-height: 36px; }
  .card .card-header {
    background: #fff;
    border-color: #cccccc;
    padding: 24px;
    margin-bottom: 24px; }
    .card .card-header > h3 {
      padding-top: 0;
      margin-bottom: 0; }
    .card .card-header .nav-tabs {
      border-bottom: 0;
      margin-bottom: -24px; }
      @media (max-width: 991px) {
        .card .card-header .nav-tabs {
          overflow-x: auto;
          overflow-y: hidden;
          white-space: nowrap;
          margin-left: -24px;
          margin-right: -24px; }
          .card .card-header .nav-tabs .nav-item {
            float: none;
            display: inline-block; }
            .card .card-header .nav-tabs .nav-item a {
              padding-left: 24px;
              padding-right: 24px; } }
    @media (max-width: 991px) {
      .card .card-header.with-add-button .nav-tabs .nav-item:last-child {
        margin-right: 96px; } }
    .card .card-header h3 + .nav-tabs {
      padding-top: 12px; }
  .card-header__controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px; }
    .card-header__controls.card-header__controls--right {
      justify-content: flex-end; }
  .card .card-block {
    padding: 0 24px 24px; }
    .card .card-block .first-p {
      padding-top: 24px; }
    .card .card-block.app-form {
      padding: 0; }
  .card .card-status {
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 10px 0; }
    @media (max-width: 543px) {
      .card .card-status {
        display: inline-block; } }
    .card .card-status.empty {
      display: block;
      height: 12px; }
  .card .card-title {
    padding-top: 0;
    margin-bottom: 12px;
    line-height: 1.45; }
    .card .card-title + label {
      margin-bottom: 0; }
  .card .card-text {
    font-size: 0.875rem; }
  .card .card-date {
    font-size: 0.625rem;
    letter-spacing: 1px;
    color: #cccccc;
    vertical-align: text-top; }
  .card .status-indicator {
    position: absolute;
    top: 24px;
    left: -6px; }
  .card .card-footer {
    padding: 12px 24px;
    border-top: 1px solid #eeeeee;
    background: #fafafa;
    color: #aaaaaa;
    font-size: 0.75rem; }
    .card .card-footer i {
      font-size: 0.875rem;
      margin-left: 6px;
      margin-right: 12px; }
    .card .card-footer div[class$='-right'] i:last-child {
      margin-right: 0; }
  .card.inquiry-card .card-block {
    overflow: hidden;
    padding: 0; }
  .card.inquiry-card:hover {
    cursor: default; }
  .card:hover, .card:focus {
    z-index: 1;
    text-decoration: none; }
  .card.card-hover:hover {
    z-index: 1;
    cursor: pointer;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }

.communication-card .list-group .list-group-item {
  border-left: 0;
  border-right: 0;
  border-color: #f5f5f5; }
  .communication-card .list-group .list-group-item:first-child {
    border-top: 0; }
  .communication-card .list-group .list-group-item:last-child {
    border-bottom: 0; }

.communication-card .card-block-heade {
  padding: 0; }

.communication-card .card-block {
  padding: 0; }
  .communication-card .card-block .scheduled-number {
    padding: 24px; }
    .communication-card .card-block .scheduled-number .data-statistics.stat-count {
      font-size: 3rem; }
    @media (max-width: 543px) {
      .communication-card .card-block .scheduled-number {
        padding-bottom: 12px; } }
  .communication-card .card-block .scheduled-list {
    padding: 0; }
    @media (max-width: 767px) {
      .communication-card .card-block .scheduled-list {
        border-top: 1px solid #eeeeee; } }
    .communication-card .card-block .scheduled-list h4, .communication-card .card-block .scheduled-list .label-statistics {
      line-height: 1; }
    .communication-card .card-block .scheduled-list ul {
      padding: 12px 0; }
      .communication-card .card-block .scheduled-list ul > li {
        padding-right: 0;
        padding-left: 0; }
        .communication-card .card-block .scheduled-list ul > li:first-child {
          padding-top: 0; }
        .communication-card .card-block .scheduled-list ul > li:last-child {
          padding-bottom: 0; }
        .communication-card .card-block .scheduled-list ul > li div[class^="col-"] {
          padding: 12px 24px; }
          @media (min-width: 768px) {
            .communication-card .card-block .scheduled-list ul > li div[class^="col-"] {
              border-right: 1px solid #eeeeee; }
              .communication-card .card-block .scheduled-list ul > li div[class^="col-"]:last-child {
                border-right: none; } }

.communication-card-2 div[class^='col-'] {
  padding: 24px; }

.communication-card-2 .card-block-header {
  padding: 12px 24px; }

.communication-card-2 .card-block {
  padding: 24px; }
  .communication-card-2 .card-block > div[class^='col-'] {
    border-right: 1px solid #eeeeee; }
  .communication-card-2 .card-block .stat-count {
    padding: 0; }

.row-top + .card-table-block .row > div[class*="col-"]:first-of-type, .row-top + .card-table-block .stat-grid > div[class*="col-"]:first-of-type, .row-top + .card-table-block .widget-grid > div[class*="col-"]:first-of-type {
  padding-top: 6px; }

.card-information-label, .card-information {
  line-height: 1; }

.card-information-label {
  display: block;
  margin-bottom: 12px; }

.card-information {
  padding-top: 0;
  margin-bottom: 0;
  font-weight: 500; }
  .card-information .checkbox, .card-information .radio {
    margin: 0; }
  .card-information + .switch-control {
    margin-top: 12px;
    margin-bottom: 0; }

.card-information.headeractions.dashboardactions {
  margin-right: 20px; }

.card-list-group {
  padding-left: 0;
  margin-bottom: 0; }
  .card-list-group-item {
    position: relative;
    display: block;
    padding: 12px 24px;
    border-bottom: 1px solid #eeeeee; }
    .card-list-group-item:last-child {
      border-bottom: 0; }
    .card-list-group-item-date {
      display: inline-block;
      min-width: 20%; }
    .card-list-group-item .block-options {
      right: 24px; }
  .card-list-group .expandable-section {
    margin-top: 12px;
    margin-bottom: -12px;
    margin-left: -24px;
    margin-right: -24px;
    background: #fafafa;
    font-size: 0.75rem; }

@media (max-width: 767px) {
  .collapse-limited-height {
    max-height: 50vh;
    overflow-y: auto; } }

@media (max-width: 543px) {
  .most-recent div[class^='col-'].item {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eeeeee; } }

@media (min-width: 544px) {
  .most-recent .local-left {
    width: calc(100% - 180px);
    float: left; } }

.most-recent .local-right {
  padding: 24px; }
  @media (min-width: 544px) {
    .most-recent .local-right {
      width: 180px;
      float: right;
      padding: 36px; } }

.activity-card .card-list-group .label-pill + .icon-wrapper {
  margin-left: 12px; }

.lead-card-item {
  overflow: hidden; }
  .lead-card-item .card-block {
    padding: 24px; }
    .search-wrapper .lead-card-item .card-block {
      padding-left: 20px; }
  .lead-card-item a {
    color: #424242; }
    .lead-card-item a:hover {
      color: #222222; }
  .lead-card-item .block-options-left {
    top: 0;
    left: 6px; }

p.card-text {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }

.refactored-card {
  position: relative;
  z-index: 0;
  display: block;
  margin-bottom: 24px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  color: #0d0d0d;
  border-radius: 0.25rem;
  -webkit-transition: box-shadow 0.4s ease;
  -moz-transition: box-shadow 0.4s ease;
  transition: box-shadow 0.4s ease; }
  .refactored-card.refactored-brand-card {
    background: white; }
  .refactored-card--image-wrapper {
    padding: 4px; }
  .refactored-card--image {
    display: block;
    padding: 16px;
    border-radius: 2px 2px 0 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #cccccc;
    height: 192px; }
  .refactored-card--iframe-wrapper {
    background-color: #ffffff;
    padding: 0;
    height: 175px;
    width: 400px;
    max-width: 50%;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    display: block;
    margin: 0 auto;
    position: relative;
    top: -28px; }
  .refactored-card--iframe-content {
    height: 250%;
    width: 250%;
    overflow: hidden;
    border-style: none;
    transform: scale(0.4);
    transform-origin: 0 0; }
  .refactored-card--title-wrapper {
    display: flex;
    padding: 16px 24px;
    justify-content: space-between; }
  .refactored-card--title {
    flex: 1;
    margin: 0;
    padding-right: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500; }
  .refactored-card--footer {
    padding: 16px 24px;
    background: #fafafa;
    box-shadow: inset 0 1px 0 0 #eeeeee;
    color: #6d6c6d;
    border-radius: 0 0 4px 4px; }
  .refactored-card .reports-table {
    overflow-y: scroll; }
  .refactored-card small {
    line-height: 1; }
  .refactored-card.card-selected {
    box-shadow: 0 0 0 1px #C6579A; }
  .refactored-card .card-header {
    display: block;
    background: transparent;
    border-color: #eeeeee;
    border-top: 1px solid #eeeeee;
    padding: 24px;
    margin: 0; }
    .refactored-card .card-header .form-group {
      margin-bottom: 0; }
    .refactored-card .card-header > .card-title {
      padding-top: 0;
      margin-bottom: 0;
      line-height: 1.5; }
    .refactored-card .card-header + .card-footer {
      border-top: 0; }
    .refactored-card .card-header .nav-tabs {
      border-bottom: 0;
      margin-bottom: -24px;
      margin-left: -12px;
      margin-right: -12px; }
      @media (max-width: 991px) {
        .refactored-card .card-header .nav-tabs {
          overflow-x: auto;
          overflow-y: hidden;
          white-space: nowrap;
          margin-left: -24px;
          margin-right: -24px; }
          .refactored-card .card-header .nav-tabs .nav-item {
            float: none;
            display: inline-block; }
            .refactored-card .card-header .nav-tabs .nav-item a {
              padding-left: 24px;
              padding-right: 24px; } }
    @media (max-width: 991px) {
      .refactored-card .card-header.with-add-button .nav-tabs .nav-item:last-child {
        margin-right: 96px; } }
    .refactored-card .card-header h3 + .nav-tabs {
      padding-top: 12px; }
    .refactored-card .card-header .inquiry-date {
      position: absolute;
      top: 54px;
      right: -50px;
      color: #888888; }
  .refactored-card a.card-header, .refactored-card .card-header a {
    color: #424242; }
    .refactored-card a.card-header:hover, .refactored-card .card-header a:hover {
      color: #C6579A; }
  .refactored-card .card-block {
    padding: 24px; }
  .refactored-card .card-text {
    font-size: 0.875rem; }
  .refactored-card .status-indicator {
    position: absolute;
    top: 22px;
    left: -6px; }
  .refactored-card .card-outer-label {
    position: absolute;
    left: 24px;
    top: -8px; }
    @media (max-width: 991px) {
      .refactored-card .card-outer-label {
        position: relative; } }
  .refactored-card .card-footer {
    padding: 12px 24px;
    border-top: 1px solid #eeeeee;
    background: #fafafa;
    font-size: 0.75rem; }
    .refactored-card .card-footer.status-indicator-duedate-bg {
      background: rgba(250, 160, 182, 0.25); }
    .refactored-card .card-footer.card-brand-footer {
      background: #e3abcd; }
  .refactored-card hr {
    border-top: 1px solid #eeeeee; }
  .refactored-card:hover, .refactored-card:focus {
    z-index: 1;
    text-decoration: none; }
  .refactored-card.card-hover:hover {
    z-index: 1;
    cursor: pointer;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
  .refactored-card.hovered, .refactored-card.hovered:hover {
    z-index: 2;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24); }
  .refactored-card .card-options {
    position: absolute;
    z-index: 1;
    top: 12px;
    right: 12px;
    display: block;
    text-align: right; }
    .refactored-card .card-options .icon-wrapper {
      padding: 4px; }
      .refactored-card .card-options .icon-wrapper .icon {
        display: block; }
      .refactored-card .card-options .icon-wrapper + .icon-wrapper {
        margin-left: 6px; }
      .refactored-card .card-options .icon-wrapper + .dropdown {
        margin-left: 6px; }
    .refactored-card .card-options .dropdown {
      display: inline-block; }
  .refactored-card .card-options.filters-col {
    top: -30px; }
  .refactored-card .icon + .card-footer-information {
    padding-left: 6px; }
  .refactored-card .card-footer-information {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.75rem;
    color: #aaaaaa; }
    .refactored-card .card-footer-information + .icon {
      margin-left: 12px; }
  .refactored-card .card-title, .refactored-card .card-information {
    font-weight: 500; }
    .refactored-card .card-title + small, .refactored-card .card-information + small {
      display: block;
      padding-top: 12px; }
  .refactored-card .card-information-label, .refactored-card .card-information {
    line-height: 1; }
    @media (max-width: 991px) {
      .refactored-card .card-information-label, .refactored-card .card-information {
        height: 40px; } }
  @media (max-width: 1559px) {
    .refactored-card .card-information-label {
      height: 20px; } }
  .refactored-card .card-information-label, .refactored-card .widget-label {
    display: block;
    margin-bottom: 12px; }
  .refactored-card .same-height-container::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .refactored-card .same-height-container {
      display: table;
      margin: 0; } }
  .refactored-card .same-height-container > div[class*="col"] {
    padding: 0; }
    @media (min-width: 768px) {
      .refactored-card .same-height-container > div[class*="col"] {
        float: none;
        display: table-cell;
        vertical-align: top; } }
    .refactored-card .same-height-container > div[class*="col"] + div[class*="col"] {
      border-top: 1px solid #eeeeee; }
      .refactored-card .same-height-container > div[class*="col"] + div[class*="col"].score-card {
        padding: 24px; }
      @media (min-width: 768px) {
        .refactored-card .same-height-container > div[class*="col"] + div[class*="col"] {
          border-top: none;
          border-left: 1px solid #eeeeee; } }
    .refactored-card .same-height-container > div[class*="col"].score-card {
      padding: 24px; }
  .refactored-card .same-height-container .score-card {
    position: relative; }
    @media (min-width: 768px) {
      .refactored-card .same-height-container .score-card .score-card-options {
        position: absolute;
        bottom: 24px; } }
  .refactored-card .score {
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
    font-size: 3rem;
    line-height: 1; }
  .refactored-card .card-preview-wrapper {
    padding: 24px;
    background: #f5f5f5; }
  .refactored-card .collapse.in, .refactored-card .collapsing {
    border-top: 1px solid #eeeeee; }
  .refactored-card .card-table-block {
    padding: 0 12px; }
    @media (min-width: 992px) {
      .refactored-card .card-table-block {
        display: table;
        width: 100%;
        padding: 0; } }
    .refactored-card .card-table-block .row, .refactored-card .card-table-block .stat-grid, .refactored-card .card-table-block .widget-grid {
      border-bottom: 1px solid #eeeeee; }
      .refactored-card .card-table-block .row:last-of-type, .refactored-card .card-table-block .stat-grid:last-of-type, .refactored-card .card-table-block .widget-grid:last-of-type {
        border-bottom: 0; }
      @media (min-width: 992px) {
        .refactored-card .card-table-block .row, .refactored-card .card-table-block .stat-grid, .refactored-card .card-table-block .widget-grid {
          display: table-row;
          margin: 0;
          border-bottom: 0; }
          .refactored-card .card-table-block .row > div[class*="col-"], .refactored-card .card-table-block .stat-grid > div[class*="col-"], .refactored-card .card-table-block .widget-grid > div[class*="col-"] {
            border-bottom: 1px solid #eeeeee;
            min-width: 120px; }
          .refactored-card .card-table-block .row:last-of-type > div[class*="col-"], .refactored-card .card-table-block .stat-grid:last-of-type > div[class*="col-"], .refactored-card .card-table-block .widget-grid:last-of-type > div[class*="col-"] {
            border-bottom: 0; } }
      .refactored-card .card-table-block .row > div[class*="col-"], .refactored-card .card-table-block .stat-grid > div[class*="col-"], .refactored-card .card-table-block .widget-grid > div[class*="col-"] {
        padding: 24px 24px;
        height: 100px; }
        .refactored-card .card-table-block .row > div[class*="col-"] .btn, .refactored-card .card-table-block .stat-grid > div[class*="col-"] .btn, .refactored-card .card-table-block .widget-grid > div[class*="col-"] .btn, .refactored-card .card-table-block .row > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .refactored-card .card-table-block .row > div[class*="col-"] button.k-button, .refactored-card .card-table-block .stat-grid > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .refactored-card .card-table-block .stat-grid > div[class*="col-"] button.k-button, .refactored-card .card-table-block .widget-grid > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .refactored-card .card-table-block .widget-grid > div[class*="col-"] button.k-button {
          vertical-align: top; }
        .refactored-card .card-table-block .row > div[class*="col-"]:first-of-type, .refactored-card .card-table-block .stat-grid > div[class*="col-"]:first-of-type, .refactored-card .card-table-block .widget-grid > div[class*="col-"]:first-of-type {
          padding-top: 24px;
          /*border-bottom: 1px solid $grey-300;*/ }
          @media (max-width: 991px) {
            .refactored-card .card-table-block .row > div[class*="col-"]:first-of-type, .refactored-card .card-table-block .stat-grid > div[class*="col-"]:first-of-type, .refactored-card .card-table-block .widget-grid > div[class*="col-"]:first-of-type {
              padding-top: 12px; } }
        .refactored-card .card-table-block .row > div[class*="col-"]:last-of-type, .refactored-card .card-table-block .stat-grid > div[class*="col-"]:last-of-type, .refactored-card .card-table-block .widget-grid > div[class*="col-"]:last-of-type {
          border-right: none;
          padding-bottom: 24px; }
    .refactored-card .card-table-block .rowlayout > div[class*="col-"] {
      float: none;
      display: table-cell; }
    .refactored-card .card-table-block-condensed .row > div[class*="col-"], .refactored-card .card-table-block-condensed .stat-grid > div[class*="col-"], .refactored-card .card-table-block-condensed .widget-grid > div[class*="col-"] {
      padding: 12px 24px; }
      .refactored-card .card-table-block-condensed .row > div[class*="col-"]:first-of-type, .refactored-card .card-table-block-condensed .stat-grid > div[class*="col-"]:first-of-type, .refactored-card .card-table-block-condensed .widget-grid > div[class*="col-"]:first-of-type {
        padding-top: 12px; }
      .refactored-card .card-table-block-condensed .row > div[class*="col-"]:last-of-type, .refactored-card .card-table-block-condensed .stat-grid > div[class*="col-"]:last-of-type, .refactored-card .card-table-block-condensed .widget-grid > div[class*="col-"]:last-of-type {
        padding-bottom: 12px; }
      @media (min-width: 544px) {
        .refactored-card .card-table-block-condensed .row > div[class*="col-"], .refactored-card .card-table-block-condensed .stat-grid > div[class*="col-"], .refactored-card .card-table-block-condensed .widget-grid > div[class*="col-"] {
          padding: 12px 24px; } }
    .refactored-card .card-table-block.card-table .row > div[class*="col-"], .refactored-card .card-table-block.card-table .stat-grid > div[class*="col-"], .refactored-card .card-table-block.card-table .widget-grid > div[class*="col-"] {
      padding: 12px 24px; }
      .refactored-card .card-table-block.card-table .row > div[class*="col-"]:first-of-type, .refactored-card .card-table-block.card-table .stat-grid > div[class*="col-"]:first-of-type, .refactored-card .card-table-block.card-table .widget-grid > div[class*="col-"]:first-of-type {
        padding-top: 12px; }
      .refactored-card .card-table-block.card-table .row > div[class*="col-"]:last-of-type, .refactored-card .card-table-block.card-table .stat-grid > div[class*="col-"]:last-of-type, .refactored-card .card-table-block.card-table .widget-grid > div[class*="col-"]:last-of-type {
        padding-bottom: 12px; }
      @media (min-width: 544px) {
        .refactored-card .card-table-block.card-table .row > div[class*="col-"], .refactored-card .card-table-block.card-table .stat-grid > div[class*="col-"], .refactored-card .card-table-block.card-table .widget-grid > div[class*="col-"] {
          padding: 6px 24px; }
          .refactored-card .card-table-block.card-table .row > div[class*="col-"]:first-of-type, .refactored-card .card-table-block.card-table .stat-grid > div[class*="col-"]:first-of-type, .refactored-card .card-table-block.card-table .widget-grid > div[class*="col-"]:first-of-type {
            padding-top: 6px; }
          .refactored-card .card-table-block.card-table .row > div[class*="col-"]:last-of-type, .refactored-card .card-table-block.card-table .stat-grid > div[class*="col-"]:last-of-type, .refactored-card .card-table-block.card-table .widget-grid > div[class*="col-"]:last-of-type {
            padding-bottom: 6px; } }
    .refactored-card .card-table-block .form-control:disabled, .refactored-card .card-table-block .daterangepicker .input-mini:disabled, .daterangepicker .refactored-card .card-table-block .input-mini:disabled, .refactored-card .card-table-block .readonlyeditor:disabled, .refactored-card .card-table-block .date-filter-trigger:disabled, .refactored-card .card-table-block .click-editor textarea:disabled, .click-editor .refactored-card .card-table-block textarea:disabled {
      background: transparent;
      border: 1px solid transparent;
      cursor: default; }
    .refactored-card .card-table-block + .widget-grid {
      border-top: 1px solid #eeeeee; }

@media (min-width: 544px) and (min-width: 544px) {
  .refactored-card .card-table-block.vertical-align-middle .row > div[class*="col-"], .refactored-card .card-table-block.vertical-align-middle .stat-grid > div[class*="col-"], .refactored-card .card-table-block.vertical-align-middle .widget-grid > div[class*="col-"] {
    vertical-align: middle; } }

@media (min-width: 544px) and (min-width: 544px) {
  .refactored-card .card-table-block.no-borders .row > div[class*="col-"], .refactored-card .card-table-block.no-borders .stat-grid > div[class*="col-"], .refactored-card .card-table-block.no-borders .widget-grid > div[class*="col-"] {
    border: none; } }
  .refactored-card .card-extra {
    background: #fafafa; }
    .refactored-card .card-extra::after {
      content: "";
      display: table;
      clear: both; }
    .refactored-card .card-extra > div[class*='col'], .refactored-card .card-extra > .row, .refactored-card .card-extra > .stat-grid, .refactored-card .card-extra > .widget-grid {
      padding: 24px; }
    .refactored-card .card-extra > .row, .refactored-card .card-extra > .stat-grid, .refactored-card .card-extra > .widget-grid {
      border-bottom: 1px solid #eeeeee; }
      .refactored-card .card-extra > .row:last-child, .refactored-card .card-extra > .stat-grid:last-child, .refactored-card .card-extra > .widget-grid:last-child {
        border-bottom: 0; }
    .refactored-card .card-extra .refactored-card:last-child {
      margin-bottom: 0; }
    .refactored-card .card-extra .card-extra-date {
      color: #aaaaaa; }
      .refactored-card .card-extra .card-extra-date .date {
        display: inline-block;
        vertical-align: middle; }
      .refactored-card .card-extra .card-extra-date .day, .refactored-card .card-extra .card-extra-date .month {
        display: block;
        line-height: 1; }
      .refactored-card .card-extra .card-extra-date .day {
        margin-bottom: 6px; }
      .refactored-card .card-extra .card-extra-date .month {
        font-size: 0.75rem;
        letter-spacing: 0.6px;
        text-transform: uppercase; }
  .refactored-card--header {
    display: block;
    background: transparent;
    border: none;
    padding: 24px;
    margin: 0; }
    .refactored-card--header.emphasized-light {
      background-color: whitesmoke;
      border-radius: 4px 4px 0 0; }
  .refactored-card.mobile-aligned .card-header .block-options-left {
    width: 24px;
    margin-right: 5px;
    margin-left: -10px;
    position: static; }
  .refactored-card.mobile-aligned .card-header .tooltip-container {
    position: absolute;
    right: 20px;
    top: 30px; }

.widget-tile > .refactored-card .card-options {
  right: unset; }

.brand-card {
  background: white !important; }

.refactored-card-layout {
  display: flex; }
  .refactored-card-layout div[class*='col'] {
    float: none; }

.widget-report {
  padding: 0;
  margin-top: 12px; }
  .widget-report > span {
    padding: 0.375rem; }

.ratio-list {
  display: block;
  position: relative; }
  .ratio-list .ratio-list-innercontainer {
    max-width: 100%; }
    .ratio-list .ratio-list-innercontainer .ratio-list-container {
      display: inline-block;
      min-width: 100%;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden; }
  .ratio-list .scroll-element {
    position: absolute;
    top: 50px;
    height: 40px;
    line-height: 40px;
    width: 40px;
    background: #F0F0F0;
    text-align: center;
    cursor: pointer;
    transform: translateY(-50%);
    border-radius: 50%;
    z-index: 10; }
    .ratio-list .scroll-element:hover {
      background: #D6D6D6; }
    .ratio-list .scroll-element i {
      font-size: 24px;
      font-weight: bold; }
    .ratio-list .scroll-element.scroll-left {
      left: 0px; }
    .ratio-list .scroll-element.scroll-right {
      right: 0px; }

.ratio-list-item {
  padding: 0 12px;
  display: inline-block;
  float: none;
  margin-bottom: 0;
  white-space: normal; }
  .ratio-list-item .refactored-card {
    height: 180px;
    margin-bottom: 4px; }
    .ratio-list-item .refactored-card .card-information-label {
      padding: 18px 18px 0;
      display: table;
      height: 50px;
      width: 100%; }
      .ratio-list-item .refactored-card .card-information-label span {
        vertical-align: middle;
        font-weight: 700;
        color: #ff5722; }
    .ratio-list-item .refactored-card .chart-element, .ratio-list-item .refactored-card .chart-wrapper {
      height: 100px; }
    .ratio-list-item .refactored-card .inner-content {
      font-size: 2.2rem; }

.card-action-buttons {
  position: absolute;
  top: -8px;
  right: 12px;
  height: 16px; }
  .card-action-buttons .card-action-item {
    width: 16px;
    height: 100%; }
    .card-action-buttons .card-action-item:hover {
      background: #F0F0F0; }
    .card-action-buttons .card-action-item svg {
      cursor: pointer;
      position: relative;
      top: 50%;
      transform: translateY(-50%);
      width: 32px;
      height: 32px;
      border-radius: 3px;
      margin: 0; }
      .card-action-buttons .card-action-item svg:hover {
        background: #F0F0F0; }

.chartsection, .convertsection {
  margin-top: -12px; }
  .chartsection .page-header, .convertsection .page-header {
    padding: 12px 24px; }
  .chartsection .page-title, .convertsection .page-title {
    position: relative;
    font-weight: 600; }
    .chartsection .page-title .grid-action-buttons, .convertsection .page-title .grid-action-buttons {
      position: absolute;
      right: 16px;
      bottom: 0;
      height: 100%; }
      .chartsection .page-title .grid-action-buttons svg, .convertsection .page-title .grid-action-buttons svg {
        cursor: pointer;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        width: 32px;
        height: 32px;
        border-radius: 3px;
        margin: 0; }
        .chartsection .page-title .grid-action-buttons svg.icon-rotate-270, .convertsection .page-title .grid-action-buttons svg.icon-rotate-270 {
          transform: translateY(-50%) rotate(270deg); }
        .chartsection .page-title .grid-action-buttons svg.icon-rotate-90, .convertsection .page-title .grid-action-buttons svg.icon-rotate-90 {
          transform: translateY(-50%) rotate(90deg); }
        .chartsection .page-title .grid-action-buttons svg:hover, .convertsection .page-title .grid-action-buttons svg:hover {
          background: #F0F0F0; }
      .chartsection .page-title .grid-action-buttons .btn-secondary-outline, .convertsection .page-title .grid-action-buttons .btn-secondary-outline {
        border-color: #8696a4;
        border: 2px solid;
        cursor: pointer;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        height: 28px;
        line-height: 12px; }

.gridratios {
  float: right; }
  .gridratios .refactored-card {
    padding: 12px 24px; }
  .gridratios .gridratioscontainer, .gridratios .k-grid {
    height: 100%;
    border: 1px dashed #e3abcd; }
    .gridratios .gridratioscontainer .k-grid-content, .gridratios .k-grid .k-grid-content {
      max-height: calc(100% - 34px) !important;
      height: calc(100% - 34px) !important;
      overflow-y: auto; }
    .gridratios .gridratioscontainer .k-grid-content-locked,
    .gridratios .gridratioscontainer .k-grid-footer-locked,
    .gridratios .gridratioscontainer .k-grid-header-locked, .gridratios .k-grid .k-grid-content-locked,
    .gridratios .k-grid .k-grid-footer-locked,
    .gridratios .k-grid .k-grid-header-locked {
      border-right: 1px dashed #e3abcd; }
    .gridratios .gridratioscontainer [role="gridcell"], .gridratios .k-grid [role="gridcell"] {
      border-bottom: 1px dashed #e3abcd; }
  .gridratios:not(.hidden) + div {
    clear: left; }

.k-group.k-menu-group.k-popup .k-item.darkreportgreenborder {
  padding: 3px 6px !important;
  border-width: 0px !important;
  border-left: 4px solid #77e394 !important; }

.k-group.k-menu-group.k-popup .k-item.darkreportorangeborder {
  padding: 3px 6px !important;
  border-width: 0px !important;
  border-left: 4px solid #f3b767 !important; }

.k-group.k-menu-group.k-popup .k-item.darkreportblueborder {
  padding: 3px 6px !important;
  border-width: 0px !important;
  border-left: 4px solid #94cbe3 !important; }

.k-group.k-menu-group.k-popup .k-item.darkreportlightpinkborder {
  padding: 3px 6px !important;
  border-width: 0px !important;
  border-left: 4px solid #ff9dab !important; }

.k-group.k-menu-group.k-popup .k-item.darkreportroseborder {
  padding: 3px 6px !important;
  border-width: 0px !important;
  border-left: 4px solid #ffcdc8 !important; }

.darkreportgreen, .darkreportgreen.k-header .k-link {
  background-color: #38d563 !important;
  color: #FFFFFF; }

.darkreportorange, .darkreportorange.k-header .k-link {
  background-color: #ee9520 !important;
  color: #FFFFFF; }

.darkreportblue, .darkreportblue.k-header .k-link {
  background-color: #57aed3 !important;
  color: #FFFFFF; }

.darkreportlightpink, .darkreportlightpink.k-header .k-link {
  background-color: #ff506a !important;
  color: #FFFFFF; }

.darkreportrose, .darkreportrose.k-header .k-link {
  background-color: #ff887b !important;
  color: #FFFFFF; }

.reportgreen, .reportgreen.k-header .k-link {
  background-color: #77e394 !important;
  color: #FFFFFF; }

.reportlightbrand, .reportlightbrand.k-header .k-link {
  background-color: white !important;
  color: #FFFFFF; }

.report-brand-color-lighten-bg, .report-brand-color-lighten-bg.k-header .k-link {
  background: #f6e6f0 !important;
  border-radius: 0; }

.reportorange, .reportorange.k-header .k-link {
  background-color: #f3b767 !important;
  color: #FFFFFF; }

.reportgray, .reportgray.k-header .k-link {
  background-color: #cfcfcf !important;
  color: #FFFFFF; }

.reportblue, .reportblue.k-header .k-link {
  background-color: #94cbe3 !important;
  color: #FFFFFF; }

.reportlightpink, .reportlightpink.k-header .k-link {
  background-color: #ff9dab !important;
  color: #FFFFFF; }

.reportrose, .reportrose.k-header .k-link {
  background-color: #ffcdc8 !important;
  color: #FFFFFF; }

.reportgroup, .reportgroup.k-header .k-link {
  background-color: #C2BBBB !important;
  color: #FFFFFF; }

.placeholder-wrapper {
  border: 1px dashed #aaaaaa;
  border-radius: 0.25rem;
  padding: 36px;
  text-align: center;
  box-shadow: none;
  background: none; }

.dashed-border {
  border: 1px dashed #aaaaaa;
  border-radius: 0.25rem; }

.card-header .card-flex-row {
  margin: 0 -24px -24px;
  border-bottom: 0; }

.card-flex-row {
  border-bottom: 1px solid #f5f5f5; }
  .card-flex-row:last-child {
    border-bottom: 0; }
  .card-flex-row .flex-item {
    padding: 12px;
    flex-grow: 1; }
  .card-flex-row .flex-col-2 {
    flex-basis: 16.67%; }

.card-flex-row-title {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #aaaaaa; }

.hide-side-menu {
  width: 0%;
  opacity: 0;
  transition: all 0.2s; }
  .hide-side-menu ~ .expand-on-hide {
    width: 100%; }

.lead-close-rotate {
  transform: rotate(180deg); }

.filter-wrapper .icon, .centered-label-icon {
  position: relative;
  cursor: pointer;
  margin: -4px 0 -2px; }

.columntotal [charttype] {
  cursor: pointer; }

.content-card--body, .email-template-editor--content {
  position: relative;
  background: #fff;
  padding: 24px; }
  .content-card--body-rounded-corners-md, .email-template-editor--content {
    border-radius: 4px; }
  .content-card--body-rounded-corners-lg {
    border-radius: 8px; }

.content-card--top-actions {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 24px; }

.refactored-card--body.signer-card {
  display: flex;
  justify-content: space-between; }
  .refactored-card--body.signer-card .ellipsis-overflow {
    width: unset; }

.refactored-card--header {
  padding: 24px; }
  .refactored-card--header + .refactored-card--body {
    padding-top: 0; }

.refactored-card--body {
  padding: 24px; }

.refactored-card--content-block + .refactored-card--content-block {
  margin-top: 24px; }
  @media (min-width: 544px) {
    .refactored-card--content-block + .refactored-card--content-block {
      margin-top: 0; } }

.refactored-card--section {
  padding: 8px 24px; }

.refactored-card--title-separator {
  padding: 8px 24px;
  font-size: 0.625rem;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  background: #eeeeee; }

.refactored-card--light-grey-section {
  background: #f5f5f5; }

.refactored-card--list-section {
  padding: 0 24px; }
  .refactored-card--list-section .li-item {
    padding: 8px 0;
    border-bottom: 1px solid #eeeeee; }
    .refactored-card--list-section .li-item:last-child {
      border-bottom: 0; }
    .refactored-card--list-section .li-item--no {
      display: inline-block;
      width: 24px;
      margin-right: 8px; }

.page-navigation.refactored-card-profile .profile-overview, .page-navigation.refactored-card-profile .profile-overview-information, .page-navigation-menu--profile {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.16); }

.page-navigation.refactored-card-profile {
  background-color: transparent;
  box-shadow: none; }

.break-word {
  word-wrap: break-word; }

.color-gray-900 {
  color: #424242 !important; }

.reportheaderyellow, .reportheaderyellow.k-header .k-link {
  background-color: #ffff80 !important; }

.reportheaderorange, .reportheaderorange.k-header .k-link {
  background-color: orange !important; }

.document-source-badge {
  font-weight: 600;
  font-size: 0.85rem;
  padding: 4px 10px;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap; }
  .document-source-badge.uploaded {
    background-color: #e6f4fa;
    color: #0078a3; }
  .document-source-badge.created {
    background-color: #F6E4EF;
    color: #B64086; }

.document-source-badge i {
  font-size: 14px; }

.card-header-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem; }

/* --- styling for cards */
a {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  a:hover, a:focus {
    text-decoration: none;
    cursor: pointer; }

/* --- Portico Design System 2.0 button (GLA-13255).
   This is the house layer over Bootstrap: Site.scss imports 'bootstrap/bootstrap' first and this
   file after, so at equal specificity (0,1,0) these declarations win. Every property the Figma spec
   pins down is therefore redeclared here explicitly - the Bootstrap base sets padding, font-size,
   line-height and radius through the button-size() mixin, so omitting one silently leaves the old
   Bootstrap value in place.

   The design system is MUI-based and we have no npm/React build, so the button is hand-rolled to
   match the comps' anatomy, sizing and states. Accent colour stays on $brand-primary (per-tenant) -
   see the note in components/_refactored-variables.scss. */
.btn, .reports-table .k-header.k-grid-top button.k-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 36px;
  padding: 6px 16px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.2px;
  text-transform: none;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /*  NO drop shadow. Portico draws a flat button; the app's own button-variant mixin
        (Content/bootstrap/mixins/_buttons.scss) gives every coloured variant a resting
        `0 6px 12px -4px rgba($background, .6)` and a larger one on hover, which is what made
        "Save changes" sit on a coloured smudge.

        Killed here rather than in the mixin so the mixin stays a faithful copy of what it overrides,
        and killed on `.btn` rather than per variant: `.btn` and `.btn-success` both score (0,1,0), and
        Site.scss imports this file AFTER bootstrap, so the later rule wins for every variant at once.

        Resting and hover only — `:active` keeps its `inset 0 3px 5px`, which is a press affordance
        rather than a drop shadow, and the mixin sets no shadow on `:focus` at all, so no focus ring is
        being removed here. */
  box-shadow: none;
  /*  The `:not()`s are load-bearing, not defensive. `.add-button` and `.page-add-button` are round
        floating action buttons whose `box-shadow-2` IS the design, and 11 views give them `.btn` as
        well. Their shadow sits on the bare class at (0,1,0), so the RESTING reset above loses to it on
        source order (this block is earlier in the file) and they keep it — but a bare `&:hover` would
        score (0,2,0) and beat them, stripping the shadow off a FAB the moment the pointer touched it.
        `.form-add-button` needs no exclusion: its shadow is on `&.collapsed`, which already outscores
        this at (0,2,0). */
  /* The button is a flex row now, so icon spacing comes from `gap`. Without this reset the
       legacy margin would stack on top of it and double the space. */
  /* Figma draws the leading icon at 18px, inheriting the label colour. */ }
  .btn:hover:not(.add-button):not(.page-add-button), .reports-table .k-header.k-grid-top button.k-button:hover:not(.add-button):not(.page-add-button) {
    box-shadow: none; }
  .btn .action-icon, .reports-table .k-header.k-grid-top button.k-button .action-icon {
    margin-right: 0; }
  .btn__icon {
    display: inline-flex;
    flex: 0 0 auto;
    width: 18px;
    height: 18px; }
    .btn__icon svg {
      width: 18px;
      height: 18px;
      fill: currentColor; }
  .btn + .help-text, .reports-table .k-header.k-grid-top button.k-button + .help-text {
    padding-left: 12px; }
  .btn i, .reports-table .k-header.k-grid-top button.k-button i {
    -webkit-transition: none;
    -moz-transition: none;
    transition: none; }
  .btn:disabled, .reports-table .k-header.k-grid-top button.k-button:disabled, .btn.disabled, .reports-table .k-header.k-grid-top button.disabled.k-button {
    opacity: 0.5;
    cursor: not-allowed; }
  .btn:focus-visible, .reports-table .k-header.k-grid-top button.k-button:focus-visible {
    outline: 2px solid rgba(198, 87, 154, 0.35);
    outline-offset: 2px; }

/* Bootstrap declares .btn-lg/.btn-sm through button-size() before this file, so the sizes need
   restating against the new scale or they keep the old padding/radius. */
.btn-lg, .scoped-bs4 .btn-group-lg > .btn, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-lg > button.k-button, .btn-group-lg > .btn, .reports-table .k-header.k-grid-top .btn-group-lg > button.k-button {
  min-height: 40px;
  padding: 8px 22px;
  border-radius: 8px;
  font-size: 15px; }

.btn-sm, .scoped-bs4 .btn-group-sm > .btn, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-sm > button.k-button, .btn-group-sm > .btn, .reports-table .k-header.k-grid-top .btn-group-sm > button.k-button {
  min-height: 30px;
  padding: 4px 10px;
  border-radius: 8px;
  font-size: 13px; }

/* .btn-link must stay a link, not inherit the button chrome. Bootstrap sets this up in
   bootstrap/_buttons.scss, but that file is imported BEFORE this one, so the .btn rule above would
   otherwise win the tie and give links a 600 weight and an 8px radius. */
.btn-link {
  min-height: 0;
  padding: 0;
  border-radius: 0;
  letter-spacing: 0;
  /* MUI text button: same 600 weight as the solid variants, no chrome. Colour is left to
       Bootstrap's $link-color so it stays per-tenant. */
  font-weight: 600; }
  .btn-link:hover {
    text-decoration: underline; }

button:focus {
  outline: none; }

.btn-option {
  display: block;
  width: 24px;
  height: 24px;
  border: 1px solid #f5f5f5;
  text-align: center;
  line-height: 24px;
  color: #c2c2c2;
  border-radius: 12px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .btn-option:hover {
    border: 1px solid #c2c2c2; }

.btn-primary-simple {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: transparent; }
  .btn-primary-simple:focus, .btn-primary-simple.focus, .btn-primary-simple:active, .btn-primary-simple.active,
  .open > .btn-primary-simple.dropdown-toggle {
    color: white; }
  .btn-primary-simple:hover {
    color: white; }
  .btn-primary-simple.disabled:focus, .btn-primary-simple.disabled.focus, .btn-primary-simple:disabled:focus, .btn-primary-simple:disabled.focus {
    color: white; }
  .btn-primary-simple.disabled:hover, .btn-primary-simple:disabled:hover {
    color: white; }
  .btn-primary-simple:active, .btn-primary-simple.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-secondary-simple {
  color: #6d6c6d;
  background-image: none;
  background-color: transparent;
  border-color: transparent; }
  .btn-secondary-simple:focus, .btn-secondary-simple.focus, .btn-secondary-simple:active, .btn-secondary-simple.active,
  .open > .btn-secondary-simple.dropdown-toggle {
    color: #a09fa0; }
  .btn-secondary-simple:hover {
    color: #a09fa0; }
  .btn-secondary-simple.disabled:focus, .btn-secondary-simple.disabled.focus, .btn-secondary-simple:disabled:focus, .btn-secondary-simple:disabled.focus {
    color: #a09fa0; }
  .btn-secondary-simple.disabled:hover, .btn-secondary-simple:disabled:hover {
    color: #a09fa0; }
  .btn-secondary-simple:active, .btn-secondary-simple.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-info-simple {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: transparent; }
  .btn-info-simple:focus, .btn-info-simple.focus, .btn-info-simple:active, .btn-info-simple.active,
  .open > .btn-info-simple.dropdown-toggle {
    color: white; }
  .btn-info-simple:hover {
    color: white; }
  .btn-info-simple.disabled:focus, .btn-info-simple.disabled.focus, .btn-info-simple:disabled:focus, .btn-info-simple:disabled.focus {
    color: white; }
  .btn-info-simple.disabled:hover, .btn-info-simple:disabled:hover {
    color: white; }
  .btn-info-simple:active, .btn-info-simple.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-success-simple {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: transparent; }
  .btn-success-simple:focus, .btn-success-simple.focus, .btn-success-simple:active, .btn-success-simple.active,
  .open > .btn-success-simple.dropdown-toggle {
    color: white; }
  .btn-success-simple:hover {
    color: white; }
  .btn-success-simple.disabled:focus, .btn-success-simple.disabled.focus, .btn-success-simple:disabled:focus, .btn-success-simple:disabled.focus {
    color: white; }
  .btn-success-simple.disabled:hover, .btn-success-simple:disabled:hover {
    color: white; }
  .btn-success-simple:active, .btn-success-simple.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-warning-simple {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: transparent; }
  .btn-warning-simple:focus, .btn-warning-simple.focus, .btn-warning-simple:active, .btn-warning-simple.active,
  .open > .btn-warning-simple.dropdown-toggle {
    color: white; }
  .btn-warning-simple:hover {
    color: white; }
  .btn-warning-simple.disabled:focus, .btn-warning-simple.disabled.focus, .btn-warning-simple:disabled:focus, .btn-warning-simple:disabled.focus {
    color: white; }
  .btn-warning-simple.disabled:hover, .btn-warning-simple:disabled:hover {
    color: white; }
  .btn-warning-simple:active, .btn-warning-simple.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-danger-simple {
  color: #fff;
  background-image: none;
  background-color: transparent;
  border-color: transparent; }
  .btn-danger-simple:focus, .btn-danger-simple.focus, .btn-danger-simple:active, .btn-danger-simple.active,
  .open > .btn-danger-simple.dropdown-toggle {
    color: white; }
  .btn-danger-simple:hover {
    color: white; }
  .btn-danger-simple.disabled:focus, .btn-danger-simple.disabled.focus, .btn-danger-simple:disabled:focus, .btn-danger-simple:disabled.focus {
    color: white; }
  .btn-danger-simple.disabled:hover, .btn-danger-simple:disabled:hover {
    color: white; }
  .btn-danger-simple:active, .btn-danger-simple.active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.btn-white {
  color: #C6579A;
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0 6px 12px -4px rgba(255, 255, 255, 0.6); }
  .btn-white .icon use {
    fill: #C6579A; }
  .btn-white:hover {
    color: #C6579A;
    background-color: white;
    border-color: white;
    box-shadow: 0 6px 16px -4px rgba(255, 255, 255, 0.6); }
  .btn-white:focus, .btn-white.focus {
    color: #C6579A;
    background-color: white;
    border-color: white; }
  .btn-white:active, .btn-white.active,
  .open > .btn-white.dropdown-toggle {
    color: #C6579A;
    background-color: white;
    border-color: white;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .btn-white:active:hover, .btn-white:active:focus, .btn-white:active.focus, .btn-white.active:hover, .btn-white.active:focus, .btn-white.active.focus,
    .open > .btn-white.dropdown-toggle:hover,
    .open > .btn-white.dropdown-toggle:focus,
    .open > .btn-white.dropdown-toggle.focus {
      color: #C6579A;
      background-color: #d4d4d4;
      border-color: #bfbfbf; }
  .btn-white.disabled:focus, .btn-white.disabled.focus, .btn-white:disabled:focus, .btn-white:disabled.focus {
    background-color: #fff;
    border-color: #fff; }
  .btn-white.disabled:hover, .btn-white:disabled:hover {
    background-color: #fff;
    border-color: #fff; }

.add-button {
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: #C6579A;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
  .add-button:before, .add-button:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 4px;
    height: 16px;
    background: #fff; }
  .add-button:before {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); }
  .add-button:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -moz-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg); }
  .add-button:hover {
    background: #af3b81; }

.form-add-button {
  position: absolute;
  z-index: 2;
  top: 12px;
  right: 24px;
  display: block;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); }
  .form-add-button:before, .form-add-button:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 2px;
    height: 12px;
    background: #f15b17; }
  .form-add-button:before {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%); }
  .form-add-button:after {
    -webkit-transform: translate(-50%,-50%) rotate(90deg);
    -moz-transform: translate(-50%,-50%) rotate(90deg);
    transform: translate(-50%,-50%) rotate(90deg); }
  .form-add-button:hover {
    background: #fde3d7; }
  .form-add-button.collapsed {
    top: -24px;
    right: 48px;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    background: #C6579A;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
    .form-add-button.collapsed:before, .form-add-button.collapsed:after {
      background: #fff; }
    .form-add-button.collapsed:hover {
      background: #cc6aa5; }

.page-add-button {
  position: fixed;
  z-index: 100;
  right: 60px;
  bottom: 60px;
  display: block;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: #C6579A;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
  @media (max-width: 543px) {
    .page-add-button {
      position: fixed; } }
  .k-ie.k-ie11 .column-scroll .page-add-button {
    position: absolute; }
  .page-add-button:before, .page-add-button:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    background: #fff; }
  .page-add-button:before {
    transform: translate(-50%, -50%);
    width: 4px;
    height: 16px; }
  .page-add-button:after {
    transform: translate(-50%, -50%);
    width: 16px;
    height: 4px; }
  .page-add-button:hover {
    background: #cc6aa5; }
  .page-add-button.moved {
    bottom: 96px; }

.page-general-actions-button {
  position: fixed;
  z-index: 100;
  right: 24px;
  bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  background: #C6579A;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .page-general-actions-button:hover {
    background: #cc6aa5; }
  .page-general-actions-button .icon {
    font-size: 18px;
    color: #fff; }

.page-general-actions {
  position: fixed;
  z-index: 100;
  right: 24px;
  bottom: 24px; }
  @media (max-width: 543px) {
    .page-general-actions {
      position: fixed; } }
  .page-general-actions .page-add-button {
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .page-general-actions--actions {
    position: absolute;
    bottom: 80px;
    right: 0;
    background: #fff;
    display: inline-block;
    min-width: 240px;
    padding: 8px 24px;
    list-style-type: none;
    margin: 0;
    border-radius: 8px;
    box-shadow: 0 8px 16px -4px rgba(0, 0, 0, 0.24);
    font-size: 1rem;
    line-height: 1.5;
    opacity: 0;
    transform: translateY(24px);
    pointer-events: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .page-general-actions--actions:after {
      content: ' ';
      position: absolute;
      right: 8px;
      display: block;
      bottom: -16px;
      border-top: 24px solid #fff;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      width: 24px; }
    .page-general-actions--actions li {
      border-bottom: 1px solid #eeeeee; }
      .page-general-actions--actions li:last-child {
        border-bottom: none; }
    .page-general-actions--actions a, .page-general-actions--actions button {
      display: block;
      padding: 16px 0;
      font-weight: 500;
      color: #424242; }
      @media (max-width: 543px) {
        .page-general-actions--actions a, .page-general-actions--actions button {
          padding: 10px 0; } }
      .page-general-actions--actions a:hover, .page-general-actions--actions button:hover {
        color: #222222; }
      .page-general-actions--actions a .icon-r, .page-general-actions--actions button .icon-r {
        margin-right: 8px; }
  .page-general-actions.active-actions .page-add-button {
    transform: rotateZ(45deg);
    background: #888888; }
  .page-general-actions.active-actions .page-general-actions-button {
    background: #888888; }
  .page-general-actions.active-actions .page-general-actions--actions {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto; }
  .page-general-actions.relative-pos {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto; }
    .page-general-actions.relative-pos .page-general-actions-button {
      position: static; }

.page-add-button-position1 {
  position: fixed;
  z-index: 100;
  right: 580px;
  bottom: 60px;
  display: block; }
  @media (max-width: 767px) {
    .page-add-button-position1 {
      position: fixed;
      width: 60%;
      right: 20%;
      bottom: 140px; } }
  @media (max-width: 543px) {
    .page-add-button-position1 {
      width: 70%;
      right: 15%; } }

.page-add-button-position2 {
  position: fixed;
  z-index: 100;
  right: 360px;
  bottom: 60px;
  display: block; }
  @media (max-width: 767px) {
    .page-add-button-position2 {
      position: fixed;
      width: 60%;
      right: 20%;
      bottom: 80px; } }
  @media (max-width: 543px) {
    .page-add-button-position2 {
      width: 70%;
      right: 15%; } }

.page-add-button-position3 {
  position: fixed;
  z-index: 100;
  right: 150px;
  bottom: 60px;
  display: block; }
  @media (max-width: 767px) {
    .page-add-button-position3 {
      position: fixed;
      width: 60%;
      right: 20%;
      bottom: 20px; } }
  @media (max-width: 543px) {
    .page-add-button-position3 {
      width: 70%;
      right: 15%; } }

.page-add-button-position4 {
  position: fixed;
  z-index: 100;
  right: 800px;
  bottom: 60px;
  display: block; }
  @media (max-width: 767px) {
    .page-add-button-position4 {
      position: fixed;
      width: 60%;
      right: 20%;
      bottom: 20px; } }
  @media (max-width: 543px) {
    .page-add-button-position4 {
      width: 70%;
      right: 15%; } }

.column-scroll {
  -webkit-transform: translate(0);
  -moz-transform: translate(0);
  transform: translate(0); }

.container-filters .btn, .container-filters .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .container-filters button.k-button {
  padding-left: 0.75rem; }

.btn-disabled {
  opacity: 0.2;
  pointer-events: none; }

.btn-simple-link {
  text-transform: none;
  letter-spacing: 0;
  color: #6d6c6d;
  background: none; }
  .btn-simple-link:hover, .btn-simple-link:focus, .btn-simple-link:active {
    color: #424242; }
  .btn-simple-link:active {
    box-shadow: none; }
  .btn-simple-link .icon-r {
    margin-right: 4px;
    vertical-align: text-top; }

.close-contextual-search {
  position: absolute;
  right: 1px;
  top: 1px;
  display: block;
  height: 34px;
  width: 34px;
  border-radius: 2px;
  text-align: center;
  background: #eeeeee;
  color: #6d6c6d; }

.btn-right {
  margin-left: auto;
  width: auto;
  display: block; }

.btn-margin-top {
  margin-top: 16px; }

.btn-no-style {
  background: none;
  padding: 0px;
  border: none; }

.fixed-action-buttons {
  position: fixed;
  z-index: 100;
  right: calc(5 * 12px);
  bottom: calc(5 * 12px);
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  gap: 0.75rem; }
  @media (max-width: 543px) {
    .fixed-action-buttons {
      right: calc(2 * 12px);
      bottom: calc(2 * 12px);
      gap: 0.5rem; } }
  .fixed-action-buttons .action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 20px;
    transition: all 0.2s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    /* GLA-13255: these were hardcoded to #00856F (and a #DDF3ED tint of it). That is Verity's
           own brand green - brand colour is per-tenant here, so every other school was rendering
           these buttons in Verity's green instead of its own. Resolved through $brand-primary,
           which maps to each tenant's $client-main-color. */ }
    .fixed-action-buttons .action-btn i {
      margin-right: 0.5rem;
      font-size: 1rem; }
    .fixed-action-buttons .action-btn:focus-visible {
      outline: 0.125rem solid rgba(198, 87, 154, 0.35);
      outline-offset: 0.125rem; }
    .fixed-action-buttons .action-btn:disabled, .fixed-action-buttons .action-btn.is-disabled {
      opacity: 0.5;
      cursor: not-allowed;
      box-shadow: none; }
    .fixed-action-buttons .action-btn.upload, .fixed-action-buttons .action-btn--outline {
      background-color: #fff;
      color: #C6579A;
      border: 1px solid #C6579A; }
      .fixed-action-buttons .action-btn.upload:hover, .fixed-action-buttons .action-btn--outline:hover {
        background-color: rgba(198, 87, 154, 0.08);
        box-shadow: 0 0 0 3px rgba(198, 87, 154, 0.2); }
    .fixed-action-buttons .action-btn.create, .fixed-action-buttons .action-btn--primary {
      background-color: #C6579A;
      color: #fff;
      border: 1px solid #C6579A; }
      .fixed-action-buttons .action-btn.create:hover, .fixed-action-buttons .action-btn--primary:hover {
        background-color: #c0448f; }
  .fixed-action-buttons--document {
    right: 2.25rem;
    bottom: 2.25rem;
    gap: 1.0625rem;
    align-items: center;
    flex-wrap: wrap; }
    .fixed-action-buttons--document .action-btn {
      height: 2.5rem;
      padding: 0.5rem 1.25rem;
      font-size: 1rem;
      line-height: 1.5rem;
      border-radius: 3.25rem;
      font-weight: 700;
      text-transform: uppercase;
      box-shadow: 0 0.25rem 0.24375rem 0 rgba(0, 0, 0, 0.15);
      transition: background-color 0.2s ease-in-out, transform 0.1s ease-in-out;
      user-select: none; }
      .fixed-action-buttons--document .action-btn:active {
        transform: translateY(0.0625rem); }
    @media (max-width: 768px) {
      .fixed-action-buttons--document {
        right: 1rem;
        bottom: 1rem;
        gap: 0.5rem; }
        .fixed-action-buttons--document .action-btn {
          font-size: 0.875rem;
          padding: 0.5rem 1rem;
          height: 2.25rem; } }
    @media (max-width: 480px) {
      .fixed-action-buttons--document {
        left: 1rem;
        right: 1rem;
        flex-direction: column-reverse;
        align-items: stretch; }
        .fixed-action-buttons--document .action-btn {
          width: 100%; } }

/* --- styling for html, body, text */
/* --- Portico Design System 2.0 toggles (GLA-13255).

   PR 14512 review asked for the Re-Entry page's hand-rolled controls to be folded into the app's
   existing ones, "create a new file for toggles (if needed)". It IS needed: the app's existing
   .switch-control (components/_forms.scss) is a different component - a two-label segmented
   toggle with a sliding .switch-value-background, e.g. Yes|No - not an on/off switch. There was
   no MUI-style <Switch> anywhere, so this is it, and it lives here unscoped so any page can use
   it rather than each redesign hand-rolling its own.

   Named .portico-switch because .switch-control and .toggle-switch are both already taken
   (.toggle-switch is used as a layout class in the Campaign views), and a bare .switch would
   collide with the ~193 views that already carry a class containing "switch".

   Markup:
     <label class="portico-switch">
         <input type="checkbox" />
         <span class="portico-switch__track"></span>
         <span class="portico-switch__knob"></span>
     </label>

   The accent is $brand-primary, never the Figma green - brand colour is per-tenant. */
.portico-switch {
  position: relative;
  display: inline-block;
  flex: 0 0 58px;
  width: 58px;
  height: 38px;
  margin: 0;
  cursor: pointer;
  /* Visually hidden rather than display:none, so it stays focusable and keyboard-operable. */ }
  .portico-switch input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0; }
  .portico-switch__track {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 34px;
    height: 14px;
    border-radius: 100px;
    background: #23262d;
    opacity: 0.38;
    transition: background-color 0.2s ease, opacity 0.2s ease; }
  .portico-switch__knob {
    position: absolute;
    top: 9px;
    left: 9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(32, 30, 40, 0.2), 0 1px 1px rgba(32, 30, 40, 0.14);
    transition: transform 0.2s ease, background-color 0.2s ease; }
  input:checked ~ .portico-switch__track {
    background: #C6579A;
    opacity: 0.5; }
  input:checked ~ .portico-switch__knob {
    background: #C6579A;
    transform: translateX(20px); }
  input:focus-visible ~ .portico-switch__knob {
    box-shadow: 0 0 0 8px rgba(198, 87, 154, 0.16); }
  input:disabled ~ .portico-switch__track,
  input:disabled ~ .portico-switch__knob {
    opacity: 0.38;
    cursor: not-allowed; }

/* --- GLA-13255 Portico on/off switch (shared, unscoped) */
/* --- Portico form primitives (Figma "Re-entry process modification for CRM", node 716:124079
   "Create New Lead Vendor01").

   These are the MUI Paper + TextField/Select ("On-Top" label variant) equivalents, promoted OUT of
   the .reentry scope so a second page can use them without hand-rolling its own copy. That
   promotion is the standing instruction in CLAUDE.md: _reentry-management.scss was the reference
   implementation, and later pages lift blocks out of it rather than starting over.

   Everything here reads its neutrals and metrics from components/_portico-tokens.scss, so this
   cannot drift from the re-entry page's fields. Accent colour is $brand-primary (per-tenant) and
   never the comps' Verity green.

   NOTE .reentry-field still carries its own copy of the field rules. It is deliberately untouched
   here: it is live in PR 14556 and browser-verified, and re-pointing it mid-review buys nothing
   this page needs. Fold it onto .portico-field when that PR is merged. */
/* The page shell for a form rendered into #workflow-main-content (Container, node 716:124197).

   Source Sans 3 is the Portico face and is requested by the partial that renders this page, not by
   _Layout — no page should pay a font request for a face it never renders. box-sizing is already
   border-box app-wide (bootstrap/_reboot.scss), so the field's 42px height is honest; it is
   restated here only so the component cannot be broken by a host that resets it. */
.portico-form-page {
  display: block;
  padding-bottom: 24px;
  font-family: 'Source Sans 3', 'Roboto', sans-serif;
  color: #35373d; }
  .portico-form-page *, .portico-form-page *::before, .portico-form-page *::after {
    box-sizing: border-box; }

/* Title block, node 716:124199 — 88px tall with 24px of vertical padding. */
.portico-form-page__header {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 88px;
  padding: 24px 0; }

/* typography/h5 — 24px / 1.334, bold. */
.portico-form-page__heading {
  margin: 0;
  color: #0f1219;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.334;
  letter-spacing: 0; }

/* Paper — surface/card-on-background over the $portico-background canvas. */
.portico-card {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 24px;
  border-radius: 8px;
  background: #fff; }

/* A labelled group inside the card: caption over its row of fields (node 716:134852). */
.portico-form-section {
  display: flex;
  flex-direction: column;
  gap: 16px; }

/* typography/subtitle2 (node 716:134850). */
.portico-form-caption {
  margin: 0;
  color: #62646a;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.57;
  letter-spacing: 0.1px; }

/* <DialogActions> — right-aligned, 16px gap. */
.portico-form-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px; }

.portico-field-row {
  display: flex;
  align-items: flex-start;
  gap: 24px; }

/*  Several fields sharing ONE cell of a .portico-field-row, so they measure together as much as a
    single field on the row above (node 823:141967: "Accept after days" + "Notify after days" span
    exactly as much as "Lead Vendor Name", and the advisor beside them as much as "School").

    `flex: 1 0 0` and `min-width: 0`, identical to .portico-field--grow, so a row of a group and a
    grow field splits into equal halves the same way two grow fields do — that shared basis is the
    whole point, and it is what lets two rows line up as one grid without either being pinned to a
    pixel width from the comp. */
.portico-field-group {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  flex: 1 0 0;
  min-width: 0; }

/* The rule the comp draws between the two day counts (node 823:141330). It is a flex child of the
   GROUP holding those two counts, so it is anchored to the BOTTOM of the line and given the input's
   own height -- the same trick .portico-field__caret uses, and for the same reason: a Portico field
   is a two-row stack, so anything centred on the line lands on the label/input seam instead of
   beside the input.

   Caveat worth knowing: unlike the caret (absolute inside its own field) this tracks its container's
   height, so while a validation message is showing under either day count the rule sits that much
   lower. The messages are `.hidden` in the resting state, which is the state the comp draws. Since
   the group holds only those two fields, a message under the ADVISOR beside them no longer moves
   it. */
.portico-field-divider {
  align-self: flex-end;
  flex: 0 0 1px;
  width: 1px;
  height: 42px;
  background: #d6d7da; }

/* --- MUI outlined field, "On-Top" label variant: the label sits ABOVE the input in normal flow
   (not notched into the border), so the field is a 4px-gap flex column. Anything absolutely
   positioned inside it — the caret — is out of flow and unaffected. */
.portico-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  /*  `&--wide` pinned Default Mapping Advisor at a fixed 518px while its two siblings shared the
        remainder. Removed with its only user: node 823:141967 wants that field to be one HALF of the
        row, matching School directly above it, which a fixed width could not track. Nothing else in
        the app ever used the modifier. */
  /* Label Container: text, required asterisk and the info icon on one 4px-gap line. The 4px of
       horizontal padding keeps the label's optical left edge in line with the input's 14px text
       inset without pretending to be flush. */
  /* Site.scss ships a global Bootstrap-derived `select:not(.disabled)` rule that sets
       -webkit/-moz-appearance: none and then paints its OWN 8x10 up/down arrow as a
       background-image. It scores (0,1,1) and so beats the plain `.portico-field__control` (0,1,0)
       above — its arrow would survive and stack under our caret. Nesting this under .portico-field
       scores (0,2,1), which wins. .portico-field__caret stays the single visible arrow. */
  /* That rule sets FOUR things this component also cares about, and restating only the arrow
       leaves a select that is subtly unlike the plain inputs on its own row. In full it is
       `padding: 0.5rem 1.75rem 0.5rem 0.75rem; color: #55595c; line-height: normal;` plus the
       background-image — so padding, colour and line-height are all restated below, not just the
       image. Any future property added to that global rule has to be answered here too. */
  /* Anchored to the BOTTOM of the field, never top: 50% — with the label in flow the field is a
       two-row stack, so centring on the field would park the arrow on the label/input seam. Figma
       draws a 24x24 icon box on the input's 14px inset with a smaller glyph inside. */
  /* Validation messages reuse the app's own .field-validation-error (themed per tenant through
       $brand-danger); it only needs to sit on its own line under the input. */
  /* --- Kendo DropDownList adopted into the field. A native <select> cannot be made type-to-search
       and cannot be told which way to open, so the advisor picker is a Kendo widget; everything here
       exists to make it indistinguishable from the plain `select.portico-field__control` beside it.

       `.k-dropdown-wrap` is the bordered box and `.k-input` fills it. Kendo's own arrow is hidden in
       favour of .portico-field__caret so both selects on the page draw the same chevron — the caret
       is pointer-events: none, so clicks fall through to the wrap and still open the list. */
  /* _overwrites.scss paints `.k-dropdown .k-state-default` hover AND focus with $input-border-focus
       — #66afe9, a Bootstrap 4 alpha default that NO tenant palette overrides — so the field would
       flash a non-brand blue while the plain controls beside it never do. That is the same colour
       that got a Kendo picker reverted on GLA-13256. The hover selector scores (0,4,0); prefixing
       with .portico-field makes ours (0,5,0). `.k-state-default` also paints
       `background: transparent`, so the paper is restated here too. */ }
  .portico-field--grow {
    flex: 1 0 0;
    min-width: 0; }
  .portico-field__label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    padding: 0 4px;
    color: #35373d;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    white-space: nowrap;
    /* The app's own tooltip icon (Html.HelperFor) carries margin-left-10 and a 16px glyph from
           the shared .icon-r layer; Figma draws a 14px icon on the label's own 4px gap. Scored
           (0,2,1) so it beats `.icon-r-sm svg` (0,1,1). */ }
    .portico-field__label em {
      color: #be364d;
      font-style: normal; }
    .portico-field__label > .icon-r {
      margin: 0;
      line-height: 0; }
      .portico-field__label > .icon-r svg {
        width: 14px;
        height: 14px; }
  .portico-field__control {
    width: 100%;
    /* 24px content line + 8px padding top/bottom + 1px border top/bottom. */
    height: 42px;
    padding: 8px 14px;
    border: 1px solid #7e8084;
    border-radius: 8px;
    background: #fff;
    color: #0f1219;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    appearance: none; }
    .portico-field__control::placeholder {
      color: #9ea0a4; }
    .portico-field__control:focus {
      border-color: #C6579A;
      box-shadow: 0 0 0 1px #C6579A;
      outline: none; }
  .portico-field select.portico-field__control {
    /* The WHOLE padding, not just padding-right: leaving the left side to the (0,1,0)
           .portico-field__control above gives the select a 12px text inset while the plain inputs
           beside it keep Figma's 14px — a 2px misalignment between two fields on the same row. */
    padding: 8px 40px 8px 14px;
    /* #55595c is a lighter grey than Figma's input/value, so a chosen option read as muted
           next to the identical text in the plain inputs. */
    color: #0f1219;
    /* `normal` (~19px at this size) against the 24px line box every other control uses. */
    line-height: 24px;
    background-color: #fff;
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* The same global has a `select:not(.disabled):focus` twin at (0,2,1) setting
           `border-bottom-color: #66afe9` — the Bootstrap 4 alpha default no tenant palette
           overrides, and the exact non-brand blue that got the Kendo campaign picker reverted on
           GLA-13256. It outranks `.portico-field__control:focus` (0,2,0), so a focused select would
           show three brand-coloured borders and one blue one. This is (0,3,1). */ }
    .portico-field select.portico-field__control:focus {
      border-color: #C6579A; }
    .portico-field select.portico-field__control::-ms-expand {
      display: none; }
  .portico-field__caret {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 42px;
    pointer-events: none;
    color: #62646a; }
    .portico-field__caret svg {
      width: 16px;
      height: 16px;
      fill: currentColor; }
  .portico-field .field-validation-error {
    display: block;
    padding: 0 4px;
    white-space: normal; }
  .portico-field .k-dropdown {
    width: 100%;
    /* !important is required, not sloppy: components/_filters.scss pins `.k-dropdown-wrap` at
           `height: 34px !important` and its `> .k-input` / `> .k-select` at 36px, and importance
           beats specificity, so a plain declaration loses no matter how it is scored. Without these
           the advisor field renders 8px shorter than the two number fields on its own row. */ }
    .portico-field .k-dropdown .k-dropdown-wrap {
      height: 42px !important;
      padding: 0;
      border: 1px solid #7e8084;
      border-radius: 8px;
      background: #fff;
      box-shadow: none; }
    .portico-field .k-dropdown .k-dropdown-wrap > .k-input {
      height: 40px !important;
      /* Right inset clears .portico-field__caret, exactly as the native select does. */
      padding: 8px 40px 8px 14px;
      color: #0f1219;
      font-family: inherit;
      font-size: 16px;
      line-height: 24px;
      letter-spacing: 0.15px;
      text-overflow: ellipsis; }
    .portico-field .k-dropdown .k-dropdown-wrap > .k-select {
      display: none; }
  .portico-field .k-dropdown .k-dropdown-wrap.k-state-default,
  .portico-field .k-dropdown .k-dropdown-wrap.k-state-default.k-state-hover:not(.k-state-focused) {
    border-color: #7e8084;
    background: #fff;
    box-shadow: none; }
  .portico-field .k-dropdown .k-dropdown-wrap.k-state-focused,
  .portico-field .k-dropdown .k-dropdown-wrap.k-state-border-down {
    border-color: #C6579A;
    box-shadow: 0 0 0 1px #C6579A; }

/* The comp draws "Create Lead Vendor" disabled on an empty form: action/disabledBackground on
   action/disabled, NOT the global `.btn:disabled { opacity: 0.5 }`, which merely fades whatever
   colour the button already had. Scoped to .portico-form-actions rather than changed on .btn — that
   rule is shared by 1,878 button usages across 612 views and is not this page's to repaint. */
.portico-form-actions .btn:disabled, .portico-form-actions .reports-table .k-header.k-grid-top button.k-button:disabled, .reports-table .k-header.k-grid-top .portico-form-actions button.k-button:disabled,
.portico-form-actions .btn.disabled,
.portico-form-actions .reports-table .k-header.k-grid-top button.disabled.k-button, .reports-table .k-header.k-grid-top
.portico-form-actions button.disabled.k-button {
  opacity: 1;
  border-color: transparent;
  background: #e7e8eb;
  color: #bcbec1;
  cursor: not-allowed; }

/* NOTE .portico-mini-table used to live here, styling the list of lead flows staged on the New
   Lead Vendor page. That list is not in the comp and the page now creates exactly one lead flow,
   so the markup and these rules went together. Nothing else ever used it. */
/* --- Portico form page, card and On-Top fields (shared, unscoped) */
/* Helper classes */
/* ---------------------------------------- */
/* Content helpers */
.no-padding, .email-template-editor--content {
  padding: 0 !important; }
  .no-padding-top {
    padding-top: 0 !important; }
  .no-padding-right {
    padding-right: 0 !important; }
  .no-padding-bottom {
    padding-bottom: 0 !important; }
  .no-padding-left {
    padding-left: 0 !important; }
  .no-padding-horizontal {
    padding-left: 0;
    padding-right: 0; }
  .no-padding-x {
    padding-left: 0 !important;
    padding-right: 0 !important; }
  .no-padding-vertical {
    padding-top: 0;
    padding-bottom: 0; }

.no-margin {
  margin: 0 !important; }
  .no-margin-top {
    margin-top: 0 !important; }
  .no-margin-right {
    margin-right: 0 !important; }
  .no-margin-bottom {
    margin-bottom: 0 !important; }
  .no-margin-left {
    margin-left: 0 !important; }
  .no-margin-horizontal {
    margin-left: 0;
    margin-right: 0; }
  .no-margin-vertical {
    margin-top: 0;
    margin-bottom: 0; }

.content-padding {
  position: relative;
  display: block;
  width: 100%;
  padding: 36px; }
  .content-padding.taskboard-tabs {
    padding-top: 0;
    margin-top: 72px; }
  @media (max-width: 991px) {
    .content-padding {
      padding: 12px; } }
  .content-padding > .block-options {
    top: 24px; }
    .content-padding > .block-options-right {
      right: 24px; }
  @media (min-width: 992px) {
    .content-padding > .block-options {
      top: 36px; }
      .content-padding > .block-options-right {
        right: 36px; } }

.content-padding > .page-section-title:first-child {
  padding-top: 0; }

.search-results-count {
  position: absolute;
  top: 18px;
  left: 24px;
  font-size: 0.625rem;
  text-transform: uppercase;
  font-weight: 900;
  color: #aaaaaa;
  letter-spacing: 1px; }
  @media (min-width: 768px) {
    .search-results-count {
      left: 36px; } }

.content-padding-search-results {
  padding-top: 48px; }

.refactored-content-padding {
  position: relative;
  display: block;
  padding: 36px; }
  @media (max-width: 767px) {
    .refactored-content-padding {
      padding: 24px; } }

.container-fluid, .scoped-bs4 .container-4xs, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg, .scoped-bs4 .container-xl, .scoped-bs4 .container-xxl, .scoped-bs4 .container-3xl, .scoped-bs4 .container-4xl {
  height: 100%; }
  .container-fluid > .row, .scoped-bs4 .container-4xs > .row, .scoped-bs4 .container-3xs > .row, .scoped-bs4 .container-xxs > .row, .scoped-bs4 .container-xs > .row, .scoped-bs4 .container-sm > .row, .scoped-bs4 .container-md > .row, .scoped-bs4 .container-lg > .row, .scoped-bs4 .container-xl > .row, .scoped-bs4 .container-xxl > .row, .scoped-bs4 .container-3xl > .row, .scoped-bs4 .container-4xl > .row, .container-fluid > .stat-grid, .scoped-bs4 .container-4xs > .stat-grid, .scoped-bs4 .container-3xs > .stat-grid, .scoped-bs4 .container-xxs > .stat-grid, .scoped-bs4 .container-xs > .stat-grid, .scoped-bs4 .container-sm > .stat-grid, .scoped-bs4 .container-md > .stat-grid, .scoped-bs4 .container-lg > .stat-grid, .scoped-bs4 .container-xl > .stat-grid, .scoped-bs4 .container-xxl > .stat-grid, .scoped-bs4 .container-3xl > .stat-grid, .scoped-bs4 .container-4xl > .stat-grid, .container-fluid > .widget-grid, .scoped-bs4 .container-4xs > .widget-grid, .scoped-bs4 .container-3xs > .widget-grid, .scoped-bs4 .container-xxs > .widget-grid, .scoped-bs4 .container-xs > .widget-grid, .scoped-bs4 .container-sm > .widget-grid, .scoped-bs4 .container-md > .widget-grid, .scoped-bs4 .container-lg > .widget-grid, .scoped-bs4 .container-xl > .widget-grid, .scoped-bs4 .container-xxl > .widget-grid, .scoped-bs4 .container-3xl > .widget-grid, .scoped-bs4 .container-4xl > .widget-grid {
    height: 100%; }

.hidden {
  display: none; }

.visible {
  display: block; }

.center-vertically {
  vertical-align: center; }

.row.spaced-columns, .spaced-columns.stat-grid, .spaced-columns.widget-grid {
  margin: 0 -15px; }
  .row.spaced-columns > div[class^='col-'], .spaced-columns.stat-grid > div[class^='col-'], .spaced-columns.widget-grid > div[class^='col-'] {
    padding: 0 15px; }

.row.row-spaced, .row-spaced.stat-grid, .row-spaced.widget-grid {
  position: relative;
  padding-top: 24px;
  padding-bottom: 24px; }

/* Layout classes */
/* ---------------------------------------- */
html, body {
  width: 100%;
  min-height: 100%; }

body {
  overflow-y: auto;
  overflow-x: hidden; }
  body.hide-overflow {
    height: 100vh;
    overflow-y: hidden; }
  body.modal-open {
    height: 100vh; }

.app-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden; }
  .app-wrapper.push-right, .app-wrapper.push-left {
    position: fixed; }
  .app-wrapper.push-right .main-section-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden; }

.main-section-wrapper {
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: #f4f5f7;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
  -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22); }
  @media (min-width: 992px) {
    .main-section-wrapper {
      margin-left: 60px;
      width: calc(100% - 60px); } }

.main-section-header {
  z-index: 80;
  padding: 12px;
  background: #fff;
  border-bottom: 1px solid #dedede;
  -webkit-box-shadow: 0 1px 1px gainsboro;
  -moz-box-shadow: 0 1px 1px gainsboro;
  box-shadow: 0 1px 1px gainsboro; }
  .main-section-header .notification-type-indicators {
    position: absolute;
    bottom: 6px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%); }
  .main-section-header-notifications, .main-section-header-profile, .main-section-header-add-lead {
    display: inline-block; }
  .main-section-header-profile {
    padding: 0 24px; }
    .main-section-header-profile .profile-image {
      margin-left: 12px; }
    .main-section-header-profile .dropdown {
      margin-left: 12px;
      display: inline-block; }
  .main-section-header .notification-btn {
    position: relative;
    display: inline-block;
    padding: 20px 24px 21px;
    margin: -12px -2px;
    text-align: center;
    font-size: 0.875rem;
    line-height: 1.5; }
    .main-section-header .notification-btn:hover {
      background: #f5f5f5; }

.main-section-content {
  position: relative;
  min-height: calc(100vh - 64px);
  overflow-x: hidden; }

.app-content-wrapper {
  position: relative;
  transition: all 0.3s ease; }
  .app-content-wrapper.push-right .container-main, .app-content-wrapper.push-left .container-main {
    height: 100vh; }

.container-main {
  position: relative;
  min-height: calc(100vh - 196px); }
  @media (min-width: 992px) {
    .container-main {
      height: calc(100vh - 144px);
      min-height: auto;
      margin-left: 320px; } }
  @media (min-width: 992px) {
    .container-main.full-width {
      margin-left: 0; } }
  @media (min-width: 992px) {
    .container-main .content-main {
      height: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; } }

.page-content {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  @media (min-width: 1560px) {
    .page-content.retracted {
      float: left;
      width: calc(100% - 41% - 12px); } }
  .page-content--wrapper {
    flex: 1 1 auto;
    position: relative; }
  .page-content--container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex; }

.container-side-panel {
  position: absolute;
  right: 100%;
  width: 100%;
  top: 0;
  height: calc(100vh - 144px);
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }
  @media (min-width: 992px) {
    .container-side-panel {
      max-width: 320px;
      border-right: 1px solid #eeeeee;
      right: auto; } }

.btn-close {
  position: absolute;
  z-index: 200;
  top: 6px;
  right: 6px;
  display: block;
  padding: 12px; }

.panels-triggers {
  padding: 24px 24px 0; }
  @media (min-width: 992px) {
    .panels-triggers {
      padding: 36px 36px 0; } }

.row-full-height {
  position: relative; }

.independent-section {
  position: relative;
  background: #eeeeee; }
  @media (min-width: 992px) {
    .independent-section {
      height: 100%;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch; } }
  .independent-section .independent-section-content {
    width: auto; }

.grey-section {
  background: #f5f5f5;
  -webkit-box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.02);
  -moz-box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 4px 12px rgba(0, 0, 0, 0.02); }

.expandable-section {
  position: relative; }
  .expandable-section .section-content {
    height: auto;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .expandable-section.is-open .section-content {
    max-height: 4000px;
    opacity: 1;
    overflow: visible; }

.loading-overlay {
  position: fixed;
  z-index: 20000;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: url(kendo/2018.2.620/Material/loading-image.gif) center no-repeat #fff; }

.name-and-department {
  display: inline-block;
  padding-left: 12px;
  vertical-align: middle;
  line-height: 1; }
  .name-and-department .posted-by {
    display: block; }
  .name-and-department a {
    color: #424242; }
    .name-and-department a:hover {
      color: #222222; }

h2 + hr {
  margin-top: 24px;
  margin-bottom: 24px; }

.profile-info {
  min-height: 43px;
  display: inline-block;
  width: calc(100% - 105px);
  padding-left: 12px;
  vertical-align: middle;
  margin-left: -4px;
  position: relative; }
  .profile-info h4 {
    padding-top: 6px;
    display: block;
    margin-bottom: 0;
    font-weight: 500; }
    .profile-info h4 .remind-me-icon {
      position: absolute;
      top: 0;
      right: -50px; }
  .profile-info i {
    font-size: 1.25rem; }

.profile-phone,
.profile-email {
  display: flex;
  align-items: center;
  justify-content: center; }

.profile-copy-btn {
  background: none;
  border: none;
  padding: 0 0 0 6px;
  margin: 0;
  cursor: pointer;
  color: inherit;
  line-height: 1; }
  .profile-copy-btn .fa-copy {
    font-size: 1rem;
    line-height: 1;
    vertical-align: middle; }
  .profile-copy-btn:hover {
    opacity: .75; }

.profile-info-actions {
  display: flex;
  flex-direction: row; }
  .profile-info-actions .profile-info-row {
    background: #fff; }
  .profile-info-actions a, .profile-info-actions .empty {
    height: 45px;
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 1199px) {
      .profile-info-actions a, .profile-info-actions .empty {
        padding: 12px; } }
  .profile-info-actions a {
    background: #fff; }
    .profile-info-actions a + a {
      border-left: 1px solid #eeeeee; }
    .profile-info-actions a:hover {
      background: #C6579A; }
      .profile-info-actions a:hover .icon use {
        fill: #fff; }
  .profile-info-actions.profile-info-brand-actions a {
    background: #e3abcd; }
    .profile-info-actions.profile-info-brand-actions a:hover {
      background: #d789b8; }
      .profile-info-actions.profile-info-brand-actions a:hover .icon use {
        fill: #fff; }
  .profile-info-actions[disabled="disabled"] a {
    background: #fafafa; }
    .profile-info-actions[disabled="disabled"] a:hover {
      background: #fafafa; }
      .profile-info-actions[disabled="disabled"] a:hover .icon use {
        fill: #8696a4; }

.page-header {
  background: #fff;
  padding: 24px 36px; }
  @media (max-width: 767px) {
    .page-header {
      padding: 24px; } }

/*.col-xs-5col {
  float: left;
  width: 20%;
}

@include media-breakpoint-up(sm) {
  .col-sm-5col {
    float: left;
    width: 20%;
  }
}

@include media-breakpoint-up(md) {
    .col-md-5col {
        float: left;
        width: 20%;
        padding-left: 12px;
        padding-right: 12px;
    }
}

@include media-breakpoint-up(lg) {
  .col-lg-5col {
    float: left;
    width: 20%;
  }
}

@include media-breakpoint-up(xl) {
  .col-xl-5col {
    float: left;
    width: 20%;
  }
}*/
.col-xs-5col {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

.col-xs-5col {
  width: 20%; }

.col-sm-5col {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

@media (min-width: 544px) {
  .col-sm-5col {
    width: 20%; } }

.col-md-5col, .card-performance .widget-grid .widget.col-sm-4 {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

@media (min-width: 768px) {
  .col-md-5col, .card-performance .widget-grid .widget.col-sm-4 {
    width: 20%; } }

.col-lg-5col {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

@media (min-width: 992px) {
  .col-lg-5col {
    width: 20%; } }

.col-xl-5col {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

@media (min-width: 1200px) {
  .col-xl-5col {
    width: 20%; } }

.col-xxl-5col {
  position: relative;
  min-height: 1px;
  padding-left: 12px;
  padding-right: 12px; }

@media (min-width: 1560px) {
  .col-xxl-5col {
    width: 20%; } }

/* no-gutters Class Rules */
.row.no-gutters, .no-gutters.stat-grid, .no-gutters.widget-grid {
  margin-right: 0;
  margin-left: 0; }

.row.no-gutters > [class^="col-"], .no-gutters.stat-grid > [class^="col-"], .no-gutters.widget-grid > [class^="col-"],
.row.no-gutters > [class*=" col-"], .no-gutters.stat-grid > [class*=" col-"], .no-gutters.widget-grid > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0; }

.no-padding, .email-template-editor--content {
  padding: 0; }

.last-note {
  padding: 24px;
  background: #f5f5f5; }
  .last-note .card {
    margin-bottom: 0; }

.last-appointment {
  background: #f5f5f5; }
  .last-appointment .appointment, .last-appointment .date {
    padding: 24px; }
  .last-appointment .appointment {
    border-left: 1px solid #eeeeee; }
    @media (max-width: 767px) {
      .last-appointment .appointment {
        padding-top: 12px; } }
  .last-appointment > .row, .last-appointment > .stat-grid, .last-appointment > .widget-grid {
    margin: 0; }
  .last-appointment > .row:nth-of-type(1), .last-appointment > .stat-grid:nth-of-type(1), .last-appointment > .widget-grid:nth-of-type(1) {
    border-bottom: 1px solid #eeeeee; }
  .last-appointment .label {
    position: absolute;
    top: -6px;
    left: 24px; }

.main-workspace .full-height-column {
  min-height: calc(100vh - 162px); }
  @media (min-width: 992px) {
    .main-workspace .full-height-column {
      height: calc(100vh - 64px); } }

.main-workspace .calendar-container, .main-workspace .k-scheduler {
  background-color: #f5f5f5; }
  @media (min-width: 992px) {
    .main-workspace .calendar-container, .main-workspace .k-scheduler {
      height: calc(100vh - 162px); } }

@media (min-width: 992px) {
  .main-workspace .tab-content {
    display: flex; } }

@media (min-width: 992px) {
  .main-workspace .tab-content .tab-pane {
    flex: 0 0 1;
    align-items: stretch;
    width: 33.3%; } }

.main-workspace .independent-section {
  height: auto;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  height: calc(100vh - 221px) !important; }
  @media (min-width: 992px) {
    .main-workspace .independent-section {
      height: calc(100vh - 162px) !important; } }
  .main-workspace .independent-section .independent-section-content {
    padding: 36px 24px; }
    .main-workspace .independent-section .independent-section-content::after {
      content: "";
      display: table;
      clear: both; }
    @media (max-width: 1199px) {
      .main-workspace .independent-section .independent-section-content {
        padding: 24px 12px; } }

@media (min-width: 992px) {
  .main-workspace .independent-section-wrapper {
    transform: translateZ(0); } }

@media (min-width: 992px) {
  .uber-tabs-content .tab-pane {
    display: block; } }

.border-top {
  border-top: 1px solid #eeeeee; }

.border-right {
  border-right: 1px solid #eeeeee; }

.border-bottom {
  border-bottom: 1px solid #eeeeee; }

.border-left {
  border-left: 1px solid #eeeeee; }

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

.mobile-tabs {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  background: #fff;
  padding: 0;
  margin: 0; }
  .mobile-tabs.mobile-tabs-3 .mobile-tabs-item {
    flex: 0 0 33.3%; }
  .mobile-tabs.mobile-tabs-4 .mobile-tabs-item {
    flex: 0 0 25%; }
  .mobile-tabs .mobile-tabs-item {
    margin: none;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #0d0d0d;
    box-shadow: 0 0 0 1px #eeeeee;
    background: #fff;
    list-style-type: none; }
    .mobile-tabs .mobile-tabs-item .icon {
      margin-bottom: 6px; }
    .mobile-tabs .mobile-tabs-item a {
      display: block;
      padding: 12px 12px;
      font-size: 0.625rem;
      color: #0d0d0d;
      background: #f5f5f5; }
      .mobile-tabs .mobile-tabs-item a.active {
        background: #fff;
        color: #C6579A; }
        .mobile-tabs .mobile-tabs-item a.active use {
          fill: #C6579A; }

.main-workspace .page-header {
  height: 98px;
  padding: 12px 36px; }

.offcanvas-chart-container {
  padding: 0 48px;
  max-width: 368px;
  margin: 0 auto;
  display: block; }

.stat-grid .stat-block {
  display: block;
  color: #0d0d0d; }

.stat-grid-small .stat-count {
  padding: 0;
  font-size: 3rem; }

.page-content-wrapper {
  position: relative; }

.page-content-container {
  position: relative;
  padding: 0 12px;
  transition: width 0.3s ease;
  width: 100%; }
  @media (min-width: 1200px) {
    .page-content-container.modified-width {
      width: 100%; } }

.refactored-offcanvas-statistics-wrapper {
  position: fixed;
  z-index: 900;
  top: 36px;
  right: 24px;
  width: calc(100% - 48px);
  max-height: calc(100vh - 48px);
  background: #fafafa;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2); }
  .refactored-offcanvas-statistics-wrapper .refactored-offcanvas-statistics-content {
    display: block;
    width: 100%;
    height: 100%;
    max-height: calc(100vh - 48px);
    overflow: auto; }
    @media (min-width: 768px) {
      .refactored-offcanvas-statistics-wrapper .refactored-offcanvas-statistics-content {
        position: absolute;
        top: 0;
        left: 0;
        max-height: none; } }
  .refactored-offcanvas-statistics-wrapper .widget {
    background: #fafafa; }
  .refactored-offcanvas-statistics-wrapper .offcanvas-statistics-close {
    position: absolute;
    z-index: 200;
    top: 24px;
    right: 24px;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #dedede; }
    .refactored-offcanvas-statistics-wrapper .offcanvas-statistics-close .icon {
      fill: #dedede; }
      .refactored-offcanvas-statistics-wrapper .offcanvas-statistics-close .icon path {
        fill: #dedede; }
    .refactored-offcanvas-statistics-wrapper .offcanvas-statistics-close:hover {
      border-color: #6d6c6d; }
      .refactored-offcanvas-statistics-wrapper .offcanvas-statistics-close:hover .icon path {
        fill: #6d6c6d; }
  @media (min-width: 768px) {
    .refactored-offcanvas-statistics-wrapper {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      height: 100%;
      max-height: none;
      width: 50%;
      box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05); } }
  @media (min-width: 1200px) {
    .refactored-offcanvas-statistics-wrapper {
      width: 40%; } }
  @media (min-width: 1200px) {
    .refactored-offcanvas-statistics-wrapper {
      width: 30%; } }
  @media (min-width: 1560px) {
    .refactored-offcanvas-statistics-wrapper {
      width: 25%; } }
  .refactored-offcanvas-statistics-wrapper.statistics-collapsed {
    visibility: none;
    opacity: 0;
    pointer-events: none;
    transform: translate(0, 100%); }
    @media (min-width: 992px) {
      .refactored-offcanvas-statistics-wrapper.statistics-collapsed {
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        transform: translate(98%, 0); } }
  .refactored-offcanvas-statistics-wrapper .panel {
    border-top: 1px solid #eeeeee; }
  .refactored-offcanvas-statistics-wrapper .content-padding {
    padding: 24px; }

.offcanvas-chart-container {
  padding: 0 48px;
  max-width: 368px;
  margin: 0 auto;
  display: block; }

.stat-grid .stat-block {
  display: block;
  color: #0d0d0d; }

.stat-grid-small .stat-count {
  padding: 0;
  font-size: 3rem; }

.col-md-9 {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.bottom-buttons-wrapper {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px;
  background: white;
  box-shadow: 0 -2px 12px rgba(0, 0, 0, 0.02);
  text-align: center;
  animation: showActions 0.2s ease-out; }
  @media (min-width: 768px) {
    .bottom-buttons-wrapper {
      display: block;
      padding: 24px 36px;
      text-align: right; }
      .bottom-buttons-wrapper > * {
        display: inline-block;
        width: auto;
        margin: 0 0 0 12px; } }
  @media (min-width: 992px) {
    .bottom-buttons-wrapper {
      width: calc(100% - 60px);
      left: 60px; } }

.flex-row {
  display: flex;
  align-items: center; }
  .flex-row .flex-1 {
    flex-grow: 1; }
  .flex-row .flex-checkbox {
    flex-basis: 28px; }
  .flex-row .flex-2 {
    flex-grow: 2;
    flex-basis: 50%; }

/* Call details modal */
#recording-modal .name-and-department {
  padding-left: 0;
  /* remove padding on call details to be aligned with the next row's duration cell */ }

#recording-modal #call-lead-details-recording,
#recording-modal .recording-iframe,
#recording-modal .note-wrapper,
#recording-modal #call-details-recording {
  margin-bottom: 40px;
  /* Add some margin between sections */ }

#recording-modal .recording-row {
  display: flex;
  align-items: center;
  gap: 0;
  margin-bottom: 40px;
  padding-right: 15px; }
  #recording-modal .recording-row .recording-iframe {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0; }

#recording-modal .call-details-notes-icon-wrapper {
  margin-right: 12px; }
  #recording-modal .call-details-notes-icon-wrapper i {
    font-size: 1.5rem; }

@media (min-width: 544px) {
  .sq-col-md-1 {
    height: 0;
    padding-bottom: 8.33333%; }
  .sq-col-md-2 {
    height: 0;
    padding-bottom: 16.66667%; }
  .sq-col-md-3 {
    height: 0;
    padding-bottom: 25%; }
  .sq-col-md-4 {
    height: 0;
    padding-bottom: 33.33333%; }
  .sq-col-md-5 {
    height: 0;
    padding-bottom: 41.66667%; }
  .sq-col-md-6 {
    height: 0;
    padding-bottom: 50%; }
  .sq-col-md-7 {
    height: 0;
    padding-bottom: 58.33333%; }
  .sq-col-md-8 {
    height: 0;
    padding-bottom: 66.66667%; }
  .sq-col-md-9 {
    height: 0;
    padding-bottom: 75%; }
  .sq-col-md-10 {
    height: 0;
    padding-bottom: 83.33333%; }
  .sq-col-md-11 {
    height: 0;
    padding-bottom: 91.66667%; }
  .sq-col-md-12 {
    height: 0;
    padding-bottom: 100%; } }

.sq-content-center-h-v {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.row-equal-height {
  display: flex; }

.lead-page {
  height: 100%; }
  .lead-page--content {
    max-height: 100%;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden; }
    .lead-page--content.advanced-filters-opened {
      width: calc(100% - 320px); }
      @media (max-width: 991px) {
        .lead-page--content.advanced-filters-opened {
          width: 100%; } }

.report--content.advanced-filters-opened {
  width: calc(100% - 325px); }

@media (min-width: 768px) {
  .refactored-same-height-container {
    display: flex;
    align-items: stretch; } }

.page--nav {
  border-bottom: 1px solid #cccccc; }

.hide-icon-profile-info {
  font-size: large;
  vertical-align: middle; }

.email-templates--side-panel {
  position: absolute;
  top: 36px;
  left: 36px;
  height: calc(100% - 72px);
  padding: 0; }
  .email-templates--side-panel--content-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    background: #fff; }
  .email-templates--side-panel--header {
    padding: 24px 24px 8px; }
  .email-templates--side-panel--content {
    overflow: auto;
    margin: 0 4px 4px;
    padding: 0 20px 20px; }
    .email-templates--side-panel--content .edit-type-kendo {
      margin-bottom: 24px; }
    .email-templates--side-panel--content .edit-type-color-picker {
      padding: 12px 0;
      margin-bottom: 24px; }
      .email-templates--side-panel--content .edit-type-color-picker--label {
        padding-right: 12px;
        display: inline-block; }
    .email-templates--side-panel--content .edit-type-url {
      display: flex;
      flex-wrap: wrap;
      margin: 12px 0; }
      .email-templates--side-panel--content .edit-type-url--label {
        padding: 8px 0;
        margin-right: 12px; }
      .email-templates--side-panel--content .edit-type-url--input {
        flex: 1; }
      .email-templates--side-panel--content .edit-type-url--wrapper {
        display: flex;
        flex-basis: 100%; }
      .email-templates--side-panel--content .edit-type-url--warning {
        color: #ea6524;
        font-size: 12px;
        margin-left: auto; }
      .email-templates--side-panel--content .edit-type-url--hint {
        width: 100%;
        font-size: 12px;
        color: #999; }
        .email-templates--side-panel--content .edit-type-url--hint--wrapper {
          width: 100%; }
    .email-templates--side-panel--content .edit-type-visible {
      /**/ }
      .email-templates--side-panel--content .edit-type-visible--label {
        padding-right: 12px;
        display: inline-block; }
  .email-templates--side-panel [class*="row"] {
    margin-left: -8px;
    margin-right: -8px; }
    .email-templates--side-panel [class*="row"] [class*="col"] {
      padding-bottom: 8px; }
  .email-templates--side-panel .draggable-list--list-items-wrapper {
    padding-bottom: 8px; }

.email-template-editor--page-wrapper {
  margin: -36px;
  padding: 36px;
  overflow: auto; }

.email-template-editor--content-wrapper {
  margin-left: 0;
  margin-right: 0; }
  .email-template-editor--content-wrapper > [class*="col"] {
    padding: 0; }

.email-template-editor--content {
  display: inline-block;
  margin: 0 auto;
  width: 100%;
  max-width: 602px;
  min-height: 160px;
  border: none;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: transparent; }
  .email-template-editor--content table {
    border-collapse: collapse !important;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word; }
  .email-template-editor--content.activated-drop-area {
    background: blue; }
    .email-template-editor--content.activated-drop-area .email-template-editor--content--section {
      opacity: 0; }
  .email-template-editor--content--section {
    position: relative;
    overflow: hidden;
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee; }
    .email-template-editor--content--section.while-dragging {
      width: 480px;
      transform: scale(0.8);
      background: #fff; }
      .email-template-editor--content--section.while-dragging .email-template-editor--content--section--action-bar {
        display: none; }
    .email-template-editor--content--section--action-bar {
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      width: 100%;
      align-items: center;
      justify-content: space-between;
      background-color: rgba(244, 245, 247, 0.96);
      cursor: move;
      opacity: 0;
      -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .email-template-editor--content--section:hover {
      border: 1px solid #C6579A;
      border-radius: 4px; }
      .email-template-editor--content--section:hover .email-template-editor--content--section--action-bar {
        opacity: 1; }
  .email-template-editor--content--static-section {
    position: relative;
    overflow-x: visible;
    border-left: 1px solid #e2e5e9;
    border-right: 1px solid #e2e5e9; }
    .email-template-editor--content--static-section.while-dragging {
      width: 480px;
      transform: scale(0.8);
      background: #fff;
      padding: 24px 0; }
      .email-template-editor--content--static-section.while-dragging .email-template-editor--content--static-section--action-bar {
        display: none; }
    .email-template-editor--content--static-section--action-bar {
      position: absolute;
      top: 50%;
      display: flex;
      width: 40px;
      align-items: center;
      background-color: rgba(244, 245, 247, 0.96);
      cursor: move;
      border-radius: 4px;
      border: 1px solid #C6579A;
      transform: translate(-124%, -50%); }
      .email-template-editor--content--static-section--action-bar::after {
        content: ' ';
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 10px solid #C6579A;
        position: absolute;
        right: -10px; }
      .email-template-editor--content--static-section--action-bar:hover {
        z-index: 10000; }

.email-template-editor--drop-area {
  min-height: 160px; }
  .email-template-editor--drop-area--helper {
    margin: 16px;
    padding: 16px;
    border: 1px dashed #dedede;
    color: #888888;
    border-radius: 4px; }
  .email-template-editor--drop-area:empty {
    background-color: #fff; }

.fill-relative-container {
  position: absolute;
  top: 0;
  bottom: 10px;
  left: 0;
  right: 0;
  display: inline-block;
  max-height: calc(100% - 10px);
  overflow-y: auto;
  overflow-x: hidden; }

.horizontal-timeline {
  display: block;
  width: 100%;
  padding: 0 8px 56px 8px; }
  .horizontal-timeline .step {
    text-align: center;
    line-height: 56px; }
    .horizontal-timeline .step::before {
      content: '';
      height: 3px;
      position: absolute;
      left: 0;
      background: #cccccc;
      width: 100%;
      transform: translateX(-50%); }
    .horizontal-timeline .step::after {
      content: '';
      height: 16px;
      width: 16px;
      border-radius: 50%;
      border: 5px solid #cccccc;
      background: #fafafa;
      position: absolute;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 99; }
    .horizontal-timeline .step:first-child::before {
      content: unset; }
    .horizontal-timeline .step:first-child::after {
      left: 50%;
      transform: translate(-50%, -50%); }
    .horizontal-timeline .step:last-child::after {
      right: 0;
      transform: translate(-50%, -50%); }
    .horizontal-timeline .step.current-step, .horizontal-timeline .step.active-step {
      color: #C6579A; }
      .horizontal-timeline .step.current-step::before, .horizontal-timeline .step.active-step::before {
        background: #C6579A;
        border-color: #C6579A; }
      .horizontal-timeline .step.current-step::after, .horizontal-timeline .step.active-step::after {
        color: #C6579A;
        border-color: #C6579A; }
      .horizontal-timeline .step.current-step::after, .horizontal-timeline .step.active-step::after {
        height: 24px;
        width: 24px; }

.show-if-empty:only-child {
  display: inherit; }

.show-if-empty {
  display: none; }

.content-padding.content-padding-bottom-sm {
  padding-bottom: 12px; }

.speed-lane-menu {
  background-color: white;
  border-bottom-right-radius: 6px; }

.speed-lane-content {
  display: flex;
  flex-wrap: wrap;
  min-height: 500px; }
  .speed-lane-content .selected-items-container {
    display: flex;
    flex-direction: column;
    color: #424242; }
    .speed-lane-content .selected-items-container .item-list .content-wrapper {
      background-color: white;
      margin-bottom: 6px;
      border-radius: 3px;
      display: flex;
      flex-wrap: wrap; }
  .speed-lane-content .items-panel {
    border-left: #e4e4e4 solid 1px;
    border-bottom-left-radius: 6px;
    display: flex;
    flex-direction: column;
    margin-bottom: 86px;
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
    .speed-lane-content .items-panel .panel-header {
      text-align: center;
      padding: 12px 0;
      margin: 0;
      color: #424242; }
    .speed-lane-content .items-panel .instruction {
      padding: 0 36px;
      margin: 0; }
    .speed-lane-content .items-panel .item-wrapper {
      overflow-y: auto;
      color: #424242; }
      .speed-lane-content .items-panel .item-wrapper .content-wrapper {
        background-color: white;
        margin-bottom: 6px;
        border-radius: 3px;
        display: flex;
        flex-wrap: wrap;
        cursor: move; }
        .speed-lane-content .items-panel .item-wrapper .content-wrapper .cell.cell-hidden {
          display: none; }
    .speed-lane-content .items-panel .item-header {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 6px; }
  .speed-lane-content .cell {
    padding: 12px;
    display: flex;
    flex-direction: column; }
    .speed-lane-content .cell .icon-center {
      margin: auto; }
    .speed-lane-content .cell .text-vertical-align {
      margin: auto 0; }
    .speed-lane-content .cell.border {
      border-color: #e4e4e4;
      border-style: solid; }
      .speed-lane-content .cell.border.right {
        border-width: 0 1px 0 0; }
      .speed-lane-content .cell.border.left {
        border-width: 0 0 0 1px; }
    .speed-lane-content .cell.icon-center {
      margin: auto; }

.speed-lane-nav-wrapper {
  position: relative; }
  .speed-lane-nav-wrapper .page-nav {
    position: absolute;
    top: 16px;
    background: rgba(198, 87, 154, 0.45);
    width: 32px;
    height: 42px;
    padding-left: 8px;
    padding-top: 8px;
    color: #ffffff;
    z-index: 100; }
    .speed-lane-nav-wrapper .page-nav.back {
      border-top-left-radius: 4px;
      left: 0px; }
    .speed-lane-nav-wrapper .page-nav:hover {
      background: #C6579A; }
    .speed-lane-nav-wrapper .page-nav.forward {
      padding-left: 9px;
      right: -1px;
      border-top-right-radius: 2px;
      border-bottom-right-radius: 2px; }
  .speed-lane-nav-wrapper .nav.nav-tabs {
    border-bottom-left-radius: 0;
    position: absolute;
    margin-top: 16px;
    border-bottom-width: 4px;
    border-bottom-style: solid;
    border-image: linear-gradient(to right, #C6579A, transparent) 1;
    width: calc(100% - 32px);
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    transition: all 0.2s;
    will-change: transform;
    user-select: none; }
    .speed-lane-nav-wrapper .nav.nav-tabs .nav-item.nav-link {
      text-align: center;
      margin-left: 0;
      padding-left: 4px;
      padding-right: 4px;
      border: 1px solid #BFBFBF;
      border-bottom-color: transparent;
      margin-bottom: -8px;
      border-radius: 3px;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
      background: #ffffff;
      color: #303a44;
      min-width: 150px;
      width: 50px; }
      .speed-lane-nav-wrapper .nav.nav-tabs .nav-item.nav-link.active {
        color: white;
        background: #C6579A;
        border-color: #C6579A; }
    .speed-lane-nav-wrapper .nav.nav-tabs .nav-item.nav-link:nth-child(odd) {
      margin-right: -4px; }
    .speed-lane-nav-wrapper .nav.nav-tabs .nav-item.nav-link:nth-child(even) {
      margin-right: -5px; }

/* --- styles for layout eg. contained sections, independent scroll sections */
/* Main navigation */
/* ---------------------------------------- */
.main-menu {
  position: fixed;
  top: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  padding: 12px;
  overflow-x: visible;
  overflow-y: auto;
  white-space: nowrap;
  color: #fff;
  -webkit-transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%; }
  .main-menu .main-menu-icon {
    display: inline-block;
    width: 100%;
    max-width: 36px;
    margin-right: 12px;
    text-align: center; }
    .main-menu .main-menu-icon i {
      display: inline-block;
      font-size: 1.25rem; }
  .main-menu .main-menu-item {
    -webkit-backface-visibility: hidden;
    position: relative;
    display: block;
    padding: 12px 0; }
    .main-menu .main-menu-item i, .main-menu .main-menu-item .main-menu-label {
      color: rgba(255, 255, 255, 0.4); }
    .main-menu .main-menu-item .icon use {
      fill: rgba(255, 255, 255, 0.4); }
    .main-menu .main-menu-item:hover i, .main-menu .main-menu-item:hover .main-menu-label, .main-menu .main-menu-item:active i, .main-menu .main-menu-item:active .main-menu-label, .main-menu .main-menu-item.active i, .main-menu .main-menu-item.active .main-menu-label, .main-menu .main-menu-item:visited i, .main-menu .main-menu-item:visited .main-menu-label, .main-menu .main-menu-item:focus i, .main-menu .main-menu-item:focus .main-menu-label {
      color: white; }
    .main-menu .main-menu-item:hover .icon use, .main-menu .main-menu-item:active .icon use, .main-menu .main-menu-item.active .icon use, .main-menu .main-menu-item:visited .icon use, .main-menu .main-menu-item:focus .icon use {
      fill: white; }
    .main-menu .main-menu-item:hover .main-menu-tooltip-label {
      opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); }
  .main-menu .main-menu-label {
    display: inline-block;
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 500;
    letter-spacing: 0.4px;
    vertical-align: middle;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    transform: translateX(-20px); }
  .main-menu .main-menu-tooltip-label {
    position: absolute;
    top: 12px;
    left: 36px;
    z-index: 9999;
    display: block;
    padding: 3px 6px;
    border-radius: 3px;
    background: #222222;
    opacity: 0;
    font-size: 0.75rem;
    color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    transform: translateX(20px);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .main-menu .main-menu-tooltip-label:before {
      content: ' ';
      position: absolute;
      top: 6px;
      left: -3px;
      z-index: -1;
      display: block;
      width: 12px;
      height: 12px;
      background: #222222;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      transform: rotate(45deg); }
  .main-menu .main-menu-divider {
    display: block;
    height: 36px; }
  .main-menu.is-open {
    background: #0d0d0d; }
    .main-menu.is-open .main-menu-label {
      opacity: 1;
      max-width: 300px;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); }
    .main-menu.is-open .main-menu-item:hover .main-menu-tooltip-label {
      display: none; }
  .main-menu.is-open {
    z-index: 1111;
    left: 0;
    width: 60px;
    overflow-y: scroll;
    width: 100%; }
    .main-menu.is-open .main-menu-label {
      width: auto; }
  @media (min-width: 992px) {
    .main-menu {
      z-index: 1111;
      left: 0;
      width: 60px;
      overflow-y: visible; }
      .main-menu.is-open {
        width: 320px;
        overflow-y: auto; }
        .main-menu.is-open .main-menu-label {
          width: auto; } }
  @media (min-width: 992px) and (max-height: 1000px) {
    .main-menu {
      overflow-x: hidden;
      overflow-y: auto; } }

/*  The collapsed rail's hover label, hoisted OUT of the rail.

    `.main-menu-tooltip-label` above is `position: absolute` with `z-index: 9999`, and it works only
    while `.main-menu` is `overflow-y: visible`. TSII-3545 made the rail scroll on short screens
    (`@media (max-height: 1000px)` just above), and a non-visible overflow on either axis turns a box
    into a scroll container, which CLIPS absolutely-positioned descendants. Measured on an 889px-tall
    window: the label occupies x 68-159 while the rail clips at 60, so all of it is outside the clip.

    That is clipping, not stacking - which is why it keeps being reported as a z-index bug and why
    raising z-index changes nothing. No stylesheet can fix it either: `overflow-x: visible` with
    `overflow-y: auto` computes the visible axis to `auto`, and at that height the rail genuinely
    needs to scroll (its content measures ~900px against an 889px viewport).

    So the label is a single shared element on <body>, positioned per hovered item by
    showNavRailHoverLabel() in u-interface.js. Nothing clips a child of <body>, and it needs no
    z-index fight with the rail. It replaces the `title`-attribute fallback that shipped earlier as a
    stopgap; the in-rail label is left alone and still does the job on tall screens, where it is not
    clipped and this one is never shown - so the two can never both appear.

    Kept visually identical to the in-rail label, arrow included. The arrow is the same rotated
    square at `z-index: -1`; on a <body> child that is safe, because this element establishes its own
    stacking context via `z-index`, so the negative child cannot fall behind the page. */
/*  While the floating label is in use, the in-rail one must not render at all.

    It is NOT enough that the rail clips it. The clip edge is the rail's width and the label
    starts 68px in, so on any rail wider than that a sliver survives - which is what shipped:
    hovering "Analytics Portal" showed a stray clipped "A" next to a floating label already
    spelling the whole thing out. Two labels for one item.

    Driven off a class the JS sets from the SAME predicate that decides whether to show the
    floating label (navRailIsClipping), so the two can never disagree - deliberately not a second
    copy of the `@media (max-height: 1000px)` condition here, which would be a rule to keep in
    step by hand. */
.main-menu.uses-floating-label .main-menu-tooltip-label {
  display: none; }

.main-menu-floating-label {
  position: fixed;
  z-index: 9999;
  display: block;
  padding: 3px 6px;
  border-radius: 3px;
  background: #222222;
  font-size: 0.75rem;
  color: #fff;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  /*  translateY(-50%) centres it on the item, so JS only has to supply the item's midpoint and never
      has to know how tall the label rendered. translateX is the same 20px slide-in the in-rail label
      animates, so the two look identical in motion as well as at rest. */
  transform: translate(20px, -50%);
  /*  Named properties, NOT `all` (which is what @include transition-base gives). Transitioning
      `all` drags `visibility` into the animation, and the pair then wedges: measured here with
      `.is-visible` applied and the cascade resolving to opacity 1, the element still computed
      opacity 0 six hundred milliseconds later, and only went visible once the transition was
      switched off. Hiding is opacity alone anyway - the same thing the in-rail label does - so
      there is no visibility to animate. */
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .main-menu-floating-label.is-visible {
    opacity: 1;
    transform: translate(0, -50%); }
  .main-menu-floating-label:before {
    content: ' ';
    position: absolute;
    top: 50%;
    left: -3px;
    z-index: -1;
    display: block;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: #222222;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg); }

.appnav {
  padding: 12px;
  position: relative;
  z-index: 900;
  background: #0d0d0d; }
  .appnav .add-lead {
    text-align: center;
    padding-bottom: 12px; }
  .appnav .profile {
    text-align: center;
    color: white; }
    .appnav .profile .profile-image {
      display: block;
      margin: 0 auto; }
  .appnav .search a {
    color: white; }
  .appnav .notifications a .gl, .appnav .notifications a .c-favorite {
    font-size: 1.5rem;
    padding: 10px; }

.global-search-trigger.btn, .reports-table .k-header.k-grid-top button.global-search-trigger.k-button {
  padding-left: 0;
  padding-right: 0; }

/* Main navigation trigger */
/* ---------------------------------------- */
.main-menu-trigger .main-menu-trigger-icon, .main-menu-trigger .main-menu-trigger-icon:before, .main-menu-trigger .main-menu-trigger-icon:after {
  display: inline-block;
  width: 18px;
  height: 2px;
  background: rgba(255, 255, 255, 0.4);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.main-menu-trigger .main-menu-trigger-icon {
  position: relative;
  vertical-align: middle; }
  .main-menu-trigger .main-menu-trigger-icon:before, .main-menu-trigger .main-menu-trigger-icon:after {
    content: ' ';
    position: absolute;
    left: 0;
    display: block;
    width: 18px;
    height: 2px; }
  .main-menu-trigger .main-menu-trigger-icon:before {
    top: -6px; }
  .main-menu-trigger .main-menu-trigger-icon:after {
    bottom: -6px; }

.main-menu-trigger.active .main-menu-trigger-icon {
  background: transparent !important; }
  .main-menu-trigger.active .main-menu-trigger-icon:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg); }
  .main-menu-trigger.active .main-menu-trigger-icon:after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.main-menu-trigger:hover {
  cursor: pointer; }
  .main-menu-trigger:hover .main-menu-trigger-icon, .main-menu-trigger:hover .main-menu-trigger-icon:before, .main-menu-trigger:hover .main-menu-trigger-icon:after {
    background: white; }

/* overlay when nav is open*/
/* ---------------------------------------- */
.bg-close {
  position: absolute;
  background: rgba(43, 43, 43, 0.3);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  cursor: pointer; }

/* Secondary navigation */
/* ---------------------------------------- */
.app-navigation {
  position: fixed;
  z-index: 1020;
  top: 0;
  right: -320px;
  display: block;
  width: 320px;
  height: 100vh;
  padding: 12px;
  background: #1a6e41;
  overflow-x: hidden;
  color: #fff;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .app-navigation.is-open {
    right: 0; }
  .app-navigation a {
    display: block;
    padding: 12px 0;
    color: #fff; }

.mobile-header {
  padding: 12px 24px;
  line-height: 1.125rem; }
  .mobile-header h6 {
    margin-bottom: 0;
    font-weight: bold;
    text-transform: uppercase;
    line-height: inherit; }

.page-navigation {
  background: #fff; }
  @media (max-width: 1199px) {
    .page-navigation {
      margin-bottom: 2rem; } }
  .page-navigation .list-group {
    background: #fafafa;
    font-size: 0.75rem; }
    .page-navigation .list-group .list-group-item {
      padding-top: 6px;
      padding-bottom: 6px;
      border-right: 0;
      border-left: 0;
      border-color: #f5f5f5;
      border-radius: 0; }
      .page-navigation .list-group .list-group-item:first-child {
        border-top-color: #eeeeee; }
      .page-navigation .list-group .list-group-item:last-child {
        border-bottom-color: #eeeeee; }
  .page-navigation .profile-overview {
    position: relative;
    padding: 24px; }
  .page-navigation .profile-overview-information .list-group-item {
    background: #fafafa;
    border-color: #eeeeee;
    font-size: 0.6875rem; }
  .page-navigation .profile-image {
    display: inline-block; }
    @media (min-width: 544px) {
      .page-navigation .profile-image {
        margin: 0 auto;
        display: block; } }
  .page-navigation .profile-info {
    display: inline-block; }
    @media (min-width: 544px) {
      .page-navigation .profile-info {
        display: block;
        width: 100%;
        margin: 0 auto;
        text-align: center; } }

.page-navigation-menu {
  width: 100%;
  padding: 0;
  margin-bottom: 0;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 24px;
  overflow: auto;
  white-space: nowrap; }
  .page-navigation-menu a, .page-navigation-menu .navigation-item {
    position: relative;
    display: block;
    padding: 12px 24px;
    margin-right: -4px;
    border-top: 1px solid #f5f5f5;
    color: #424242; }
    @media (max-width: 991px) {
      .page-navigation-menu a, .page-navigation-menu .navigation-item {
        margin: 0;
        padding: 12px; } }
  .page-navigation-menu a.active {
    color: #C6579A; }
    .page-navigation-menu a.active:after {
      opacity: 1; }
  .page-navigation-menu a:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 4px;
    opacity: 0;
    background: #C6579A;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 768px) {
      .page-navigation-menu a:after {
        display: none; } }
  .page-navigation-menu a:hover {
    color: #C6579A; }
    .page-navigation-menu a:hover:after {
      opacity: 1; }
  @media (min-width: 768px) {
    .page-navigation-menu a {
      display: block; } }
  @media (min-width: 1560px) {
    .page-navigation-menu a {
      display: block;
      float: none; } }
  @media (min-width: 768px) {
    .page-navigation-menu {
      border: none;
      white-space: nowrap;
      overflow-x: hidden; } }

/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-accelerator: true) {
  #jsMainNavigation a.main-menu-item {
    transition: none; } }

nav.main-menu {
  -ms-overflow-style: none; }

.side-navigation-wrapper {
  position: absolute;
  z-index: 101;
  left: 0;
  background: #fafafa;
  height: auto;
  width: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05); }
  .side-navigation-wrapper .content-padding {
    padding: 24px 36px; }
    @media (max-width: 991px) {
      .side-navigation-wrapper .content-padding {
        padding: 12px; } }
  @media (max-width: 991px) {
    .side-navigation-wrapper + .row, .side-navigation-wrapper + .stat-grid, .side-navigation-wrapper + .widget-grid {
      padding-top: 48px; } }
  .side-navigation-wrapper h4 {
    margin: 0; }
    .side-navigation-wrapper h4 span {
      vertical-align: middle; }
  .side-navigation-wrapper .panel {
    border-top: 1px solid #eeeeee; }
  @media (min-width: 768px) {
    .side-navigation-wrapper {
      width: 25%;
      min-height: 100%;
      max-height: 100%; } }
  @media (min-width: 1200px) {
    .side-navigation-wrapper {
      width: 16.66667%; } }
  .side-navigation-wrapper .side-navigation-content {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 400px;
    overflow: auto; }
    @media (min-width: 768px) {
      .side-navigation-wrapper .side-navigation-content {
        position: absolute;
        top: 0;
        left: 0;
        max-height: none; } }
  @media (min-width: 768px) {
    .side-navigation-wrapper.side-navigation-collapsed {
      transform: translate(-100%, 0); } }
  @media (min-width: 768px) {
    .side-navigation-wrapper .collapse {
      display: block; } }
  .side-navigation-wrapper .side-navigation-select {
    padding: 12px 24px; }

.toggle-control, .close-side-navigation, .toggle-offcanvas-statistics {
  position: absolute;
  z-index: 1;
  display: block;
  width: 36px;
  height: 36px;
  padding: 6px;
  background: #fafafa;
  font-size: 0.75rem;
  font-weight: 500;
  text-transform: capitalize;
  text-align: center; }
  .toggle-control:hover, .close-side-navigation:hover, .toggle-offcanvas-statistics:hover {
    background: #fff; }

.toggle-offcanvas-statistics {
  top: 0;
  left: -36px;
  border-radius: 4px 0 0 4px; }

.toggle-control {
  top: 0;
  right: 0;
  border-radius: 4px 0 0 4px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }

.close-side-navigation {
  top: 0;
  right: -36px;
  border-radius: 0 4px 4px 0; }

.row-collapse {
  overflow-x: hidden; }
  .row-collapse .slide-column {
    transition: width 0.3s ease; }
    .row-collapse .slide-column-collapse {
      display: flex; }
      .row-collapse .slide-column-collapse.right-6 {
        margin-right: -50%; }
      .row-collapse .slide-column-collapse.left-6 {
        margin-right: -50%; }

.side-navigation-title {
  padding: 12px 36px;
  margin-bottom: 0;
  font-weight: 500; }
  .side-navigation-title a {
    display: block;
    color: #222222; }

.side-navigation.nav {
  font-size: 0.75rem; }
  .side-navigation.nav .nav-item {
    padding: 12px 36px;
    border-top: 1px solid #eeeeee;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (max-width: 991px) {
      .side-navigation.nav .nav-item {
        padding: 12px; } }
    .side-navigation.nav .nav-item:last-child {
      border-bottom: 1px solid #eeeeee; }
    .side-navigation.nav .nav-item:hover {
      background: #f5f5f5;
      cursor: pointer; }
    .side-navigation.nav .nav-item.active {
      background: #C6579A; }
      .side-navigation.nav .nav-item.active a {
        color: #fff; }
    .side-navigation.nav .nav-item.nav-item-open {
      color: #C6579A; }
      .side-navigation.nav .nav-item.nav-item-open .nav-item-edit {
        display: inline-block; }
      .side-navigation.nav .nav-item.nav-item-open .nav-item-description {
        display: block;
        padding-top: 12px; }
    .side-navigation.nav .nav-item.editing-enabled .nav-item-edit {
      display: none; }
    .side-navigation.nav .nav-item .form-buttons {
      padding-top: 12px; }
  .side-navigation.nav .nav-item.nav-subitem {
    display: none;
    padding-left: 60px; }
  .side-navigation.nav .nav-item.nav-subitem + li .nav-subitem {
    padding-left: 90px !important; }
  .side-navigation.nav .nav-item.nav-group-label,
  .side-navigation.nav .nav-item.nav-group-label:hover {
    background: none;
    cursor: default; }
    .side-navigation.nav .nav-item.nav-group-label .nav-item-label,
    .side-navigation.nav .nav-item.nav-group-label:hover .nav-item-label {
      font-size: 0.875rem;
      font-weight: 600;
      letter-spacing: 0.04em;
      text-transform: uppercase;
      color: #888888; }
  .side-navigation.nav .nav-item-open + li .nav-subitem {
    display: block; }
  .side-navigation.nav .nav-item.nav-sub-subitem {
    padding-left: 48px;
    display: none; }
  .side-navigation.nav .nav-sub-item-open .nav-sub-subitem {
    display: block !important; }
  .side-navigation.nav .nav-item-label {
    display: inline-block;
    font-weight: 500;
    font-size: 0.875rem; }
  .side-navigation.nav .nav-item-edit, .side-navigation.nav .nav-item-description {
    display: none; }

.main-menu .nav-copyright {
  bottom: 0;
  width: 200px;
  padding: 10px;
  line-height: 1.3;
  font-size: 12px;
  display: none; }
  .main-menu .nav-copyright p {
    white-space: initial; }

.main-menu.is-open .nav-copyright {
  display: block; }

.side-navigation-profile.nav {
  font-size: 0.75rem; }
  .side-navigation-profile.nav .nav-item {
    padding: 12px 24px;
    border-top: 1px solid #f5f5f5;
    color: #424242;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (max-width: 991px) {
      .side-navigation-profile.nav .nav-item {
        padding: 12px; } }
    .side-navigation-profile.nav .nav-item:last-child {
      border-bottom: 1px solid #eeeeee; }
    .side-navigation-profile.nav .nav-item:hover {
      background: #f5f5f5;
      cursor: pointer; }
    .side-navigation-profile.nav .nav-item.active {
      background: #C6579A; }
      .side-navigation-profile.nav .nav-item.active a {
        color: #fff; }
    .side-navigation-profile.nav .nav-item.nav-item-open {
      color: #C6579A; }
      .side-navigation-profile.nav .nav-item.nav-item-open .nav-item-edit {
        display: inline-block; }
      .side-navigation-profile.nav .nav-item.nav-item-open .nav-item-description {
        display: block;
        padding-top: 12px; }
    .side-navigation-profile.nav .nav-item.editing-enabled .nav-item-edit {
      display: none; }
    .side-navigation-profile.nav .nav-item .form-buttons {
      padding-top: 12px; }
    .side-navigation-profile.nav .nav-item-order {
      cursor: move; }
    .side-navigation-profile.nav .nav-item-new {
      color: #f15b17;
      margin-right: 3px; }
  .side-navigation-profile.nav .nav-item.nav-subitem {
    display: none; }
    @media (min-width: 544px) {
      .side-navigation-profile.nav .nav-item.nav-subitem {
        padding-left: 36px; } }
    @media (min-width: 768px) {
      .side-navigation-profile.nav .nav-item.nav-subitem {
        padding-left: 60px; } }
  .side-navigation-profile.nav .nav-item-open + li .nav-subitem {
    display: block; }
  .side-navigation-profile.nav .nav-item-label {
    display: inline-block;
    font-size: 0.875rem; }
  .side-navigation-profile.nav .nav-item-edit, .side-navigation-profile.nav .nav-item-description {
    display: none; }

@media (max-width: 767px) {
  .page-navigation-menu--profile {
    margin-top: 2rem;
    display: flex;
    align-items: flex-start; }
    .page-navigation-menu--profile > * {
      flex-grow: 1;
      max-width: 100%;
      text-align: center; } }

@media (max-width: 767px) {
  .side-navigation-profile--dropdown li {
    padding-left: 12px; } }

/* --- styles for navigation */
.label {
  padding: 3px 6px;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: normal;
  letter-spacing: 1px; }

.refactored-label, .refactored-card .card-information-label, .refactored-card .widget-label, .simple-label, .widget .widget-label {
  font-size: 0.75rem;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  line-height: 1; }
  .refactored-label.ellipsis-overflow, .refactored-card .ellipsis-overflow.card-information-label, .refactored-card .ellipsis-overflow.widget-label, .ellipsis-overflow.simple-label, .widget .ellipsis-overflow.widget-label {
    width: auto;
    max-width: 98%; }

.simple-label {
  margin-bottom: 6px; }
  .simple-label.ellipsis-overflow {
    width: auto;
    max-width: 98%; }

label.simple-label {
  margin-bottom: 12px; }

.refactored-label-pill {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 10rem;
  color: #fff; }

.label-simple {
  font-size: 0.75rem;
  padding: 0; }

.label-simple-alt {
  text-transform: uppercase; }

fieldset .label-simple {
  text-transform: uppercase;
  letter-spacing: 1px; }

.label-default-outline {
  border-width: 1px;
  border-style: solid;
  border-color: #aaaaaa;
  color: #aaaaaa;
  -webkit-transition: color 0.3s ease, border 0.3s ease;
  -moz-transition: color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease; }
  .label-default-outline[href]:focus, .label-default-outline[href]:hover {
    color: #919191;
    border-color: #919191; }

.label-primary-outline {
  border-width: 1px;
  border-style: solid;
  border-color: #C6579A;
  color: #C6579A;
  -webkit-transition: color 0.3s ease, border 0.3s ease;
  -moz-transition: color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease; }
  .label-primary-outline[href]:focus, .label-primary-outline[href]:hover {
    color: #af3b81;
    border-color: #af3b81; }

.label-success-outline {
  border-width: 1px;
  border-style: solid;
  border-color: #C6579A;
  color: #C6579A;
  -webkit-transition: color 0.3s ease, border 0.3s ease;
  -moz-transition: color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease; }
  .label-success-outline[href]:focus, .label-success-outline[href]:hover {
    color: #af3b81;
    border-color: #af3b81; }

.label-info-outline {
  border-width: 1px;
  border-style: solid;
  border-color: #3fa7d6;
  color: #3fa7d6;
  -webkit-transition: color 0.3s ease, border 0.3s ease;
  -moz-transition: color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease; }
  .label-info-outline[href]:focus, .label-info-outline[href]:hover {
    color: #288dba;
    border-color: #288dba; }

.label-warning-outline {
  border-width: 1px;
  border-style: solid;
  border-color: #ffd23f;
  color: #ffd23f;
  -webkit-transition: color 0.3s ease, border 0.3s ease;
  -moz-transition: color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease; }
  .label-warning-outline[href]:focus, .label-warning-outline[href]:hover {
    color: #ffc60c;
    border-color: #ffc60c; }

.label-danger-outline {
  border-width: 1px;
  border-style: solid;
  border-color: #f15b17;
  color: #f15b17;
  -webkit-transition: color 0.3s ease, border 0.3s ease;
  -moz-transition: color 0.3s ease, border 0.3s ease;
  transition: color 0.3s ease, border 0.3s ease; }
  .label-danger-outline[href]:focus, .label-danger-outline[href]:hover {
    color: #c9470c;
    border-color: #c9470c; }

.title-label {
  display: inline-block !important;
  margin-bottom: 0;
  margin-left: 12px;
  vertical-align: text-top;
  text-transform: uppercase;
  opacity: 0.4; }

.grid-component label {
  letter-spacing: 1px;
  margin-bottom: 0; }

label.simple-label {
  display: block;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 1px; }

.label-small {
  font-size: 0.5rem;
  text-transform: uppercase; }

.status-1 {
  background: #dedede; }

.status-2 {
  background: #C6579A; }

.status-3 {
  background: #ffd23f; }

.status-4 {
  background: #f15b17; }

.status-5 {
  background: #C6579A; }

.status-6 {
  background: #d03352; }

.status-7 {
  background: #C6579A; }

.badge {
  display: inline-block;
  padding: 4px 8px;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 2px; }
  .badge-secondary {
    background: #f5f5f5;
    color: #424242; }
  .badge__string-list {
    text-align: left;
    white-space: normal;
    border-radius: 4px; }

.pill {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  text-align: center; }
  .pill-light {
    background: #fff;
    color: #6d6c6d; }
  .pill-active {
    background: green;
    color: #fff; }
  .pill-bulk {
    background: #000000;
    color: #fff; }
  .pill-drip {
    background: #216de0;
    color: #fff; }
  .pill-quick {
    background: #00ACC1;
    color: #fff; }
  .pill-internal {
    background: #A35CE2;
    color: #fff; }
  .pill-inactive {
    background: red;
    color: #fff; }
  .pill-emphasized {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px; }
  .pill-right {
    position: absolute;
    top: 16px;
    right: 16px; }

/* --- styles for labels */
@media (max-width: 767px) {
  .card .table-responsive tbody tr td > * {
    width: 40vw; } }

@media (min-width: 768px) {
  .card .table-responsive {
    display: table; } }

.card .table-bordered {
  border: none;
  margin-bottom: 0; }
  .card .table-bordered td {
    padding: 24px;
    border-color: #eeeeee; }
    .card .table-bordered td:first-child {
      border-left: 0; }
    .card .table-bordered td:last-child {
      border-right: 0; }
    .card .table-bordered td p {
      margin-bottom: 0; }
  .card .table-bordered tr:last-child td {
    border-bottom: none; }

.table [class^="col-"] {
  float: none; }

.table .label-simple {
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block; }

.grid-component {
  display: table;
  border-collapse: collapse; }
  .grid-component .row, .grid-component .stat-grid, .grid-component .widget-grid {
    display: table-row;
    border-bottom: 1px solid #eeeeee; }
    .grid-component .row:last-child, .grid-component .stat-grid:last-child, .grid-component .widget-grid:last-child {
      border-bottom: 0; }
  .grid-component div[class^="col-"] {
    background: #fff;
    border-right: 1px solid #eeeeee;
    display: table-cell;
    box-sizing: border-box; }
    .grid-component div[class^="col-"]:last-child {
      border-right: 0; }
    .grid-component div[class^="col-"] .grid-card .grid-card-content, .grid-component div[class^="col-"] .grid-card .grid-card-back {
      display: block;
      width: 100%;
      height: 100%;
      padding: 24px 12px;
      background: #fff;
      -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .grid-component div[class^="col-"].flip {
      background: #f5f5f5;
      -webkit-perspective: 1000px;
      -moz-perspective: 1000px;
      perspective: 1000px;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-box-shadow: 0 0 0 1px $grey-200, inset 0 4px 12px rgba(0,0,0,0.02);
      -moz-box-shadow: 0 0 0 1px $grey-200, inset 0 4px 12px rgba(0,0,0,0.02);
      box-shadow: 0 0 0 1px $grey-200, inset 0 4px 12px rgba(0,0,0,0.02);
      overflow: hidden; }
      .grid-component div[class^="col-"].flip:after {
        position: absolute;
        z-index: 4;
        right: 6px;
        bottom: 6px;
        content: ' ';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 6px 6px;
        border-color: transparent transparent gainsboro transparent; }
      .grid-component div[class^="col-"].flip:hover .grid-card .grid-card-content {
        -webkit-transform: rotateX(180deg);
        -moz-transform: rotateX(180deg);
        transform: rotateX(180deg);
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s; }
      .grid-component div[class^="col-"].flip:hover .grid-card .grid-card-back {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -webkit-transition-delay: 1s;
        -moz-transition-delay: 1s;
        transition-delay: 1s; }
    .grid-component div[class^="col-"].field-options .grid-card-content {
      padding-top: 12px;
      padding-bottom: 12px; }
    .grid-component div[class^="col-"].showSaveButtons .grid-card-content {
      padding: 12px;
      background-color: #f5f5f5; }
  .grid-component .data-statistics {
    font-size: 1.75rem;
    font-weight: 900;
    letter-spacing: -1px; }
  .grid-component .grid-title {
    display: block; }
  .grid-component.disabled-component {
    color: #cccccc; }

/* --- styles for the "grid" - dont confuse this with the bootstrap grid, this is the grid style used for inquiries and forms */
.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 0px;
  width: 100%;
  overflow: auto;
  margin-top: 1px;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  top: 100px;
  left: 20px;
  /* Calendars */ }
  @media (min-width: 768px) {
    .daterangepicker {
      width: 278px;
      overflow: inherit; } }
  .daterangepicker:before, .daterangepicker:after {
    position: absolute;
    display: inline-block;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: ''; }
  .daterangepicker.opensleft:before {
    right: 8px; }
  .daterangepicker.opensleft:after {
    right: 9px; }
  .daterangepicker.openscenter:before {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.openscenter:after {
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto; }
  .daterangepicker.opensright:before {
    left: 8px; }
  .daterangepicker.opensright:after {
    left: 9px; }
  .daterangepicker.dropup {
    margin-top: -5px; }
    .daterangepicker.dropup:before {
      top: initial;
      bottom: -6px;
      border-bottom: initial;
      border-top: 6px solid #eeeeee; }
    .daterangepicker.dropup:after {
      top: initial;
      bottom: -5px;
      border-bottom: initial;
      border-top: 5px solid #fff; }
  .daterangepicker.dropdown-menu {
    max-width: none;
    padding: 0;
    z-index: 3001;
    font-size: .75rem; }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none; }
  .daterangepicker.show-calendar .calendar {
    display: block; }
  .daterangepicker .calendar {
    display: none;
    margin: 12px; }
    @media (min-width: 768px) {
      .daterangepicker .calendar {
        max-width: 254px; } }
    .daterangepicker .calendar.single .calendar-table {
      border: none; }
    .daterangepicker .calendar th, .daterangepicker .calendar td {
      white-space: nowrap;
      text-align: center; }
  .daterangepicker .calendar-table {
    border: 1px solid #fff;
    border-radius: 0px;
    background: #fff; }
  .daterangepicker table {
    width: 100%;
    margin: 0; }
  .daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 0px;
    border: 1px solid transparent;
    white-space: nowrap;
    cursor: pointer;
    transition: all 0.2s ease; }
    .daterangepicker td.available:hover, .daterangepicker th.available:hover {
      background: #eee; }
    .daterangepicker td.week, .daterangepicker th.week {
      font-size: 80%;
      color: #ccc; }
  .daterangepicker td > div.datevalue {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    line-height: 30px; }
  .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    background-color: #fff;
    border-color: transparent;
    color: #dedede; }
  .daterangepicker td.in-range {
    background-color: #e8bcd7;
    border-color: transparent;
    color: #222222;
    border-radius: 0; }
  .daterangepicker td.active.start-date:not(.off) > div.datevalue, .daterangepicker td.active.start-date:not(.off):hover > div.datevalue {
    background-color: #C6579A;
    border-color: transparent;
    color: #fff; }
  .daterangepicker td.active.end-date:not(.off) > div.datevalue, .daterangepicker td.active.end-date:not(.off):hover > div.datevalue {
    background-color: rgba(198, 87, 154, 0.3);
    border-color: transparent;
    color: #fff; }
  .daterangepicker th.month {
    width: auto; }
  .daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default; }
  .daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%; }
  .daterangepicker select.yearselect {
    width: 40%; }
  .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0; }
  .daterangepicker .input-mini {
    display: block;
    vertical-align: middle;
    width: 100%;
    padding-left: 36px; }
    .daterangepicker .input-mini.active {
      border: 1px solid #C6579A;
      border-radius: 4px; }
  .daterangepicker .daterangepicker_input {
    position: relative;
    margin-bottom: 6px; }
    .daterangepicker .daterangepicker_input .icon {
      position: absolute;
      left: 10px;
      top: 8px; }
    .daterangepicker .daterangepicker_input .time-picker {
      display: inline-block;
      padding: 8px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      width: 100px;
      padding-left: 2px; }
      .daterangepicker .daterangepicker_input .time-picker .time-picker-label {
        font-size: 14px;
        font-family: Roboto, Helvetica, Arial, sans-serif;
        font-stretch: 100%;
        font-style: normal;
        cursor: pointer;
        color: #424242;
        padding-left: 5px;
        position: absolute;
        top: 7px;
        left: 18px; }
      .daterangepicker .daterangepicker_input .time-picker .time-picker-values {
        position: absolute;
        position: absolute;
        left: 22px;
        padding: 0;
        top: 26px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
        max-height: 220px;
        overflow-y: auto;
        z-index: 999; }
        .daterangepicker .daterangepicker_input .time-picker .time-picker-values li {
          list-style: none;
          background: #fff;
          display: block;
          height: 30px;
          width: 70px;
          line-height: 18px;
          z-index: 999;
          color: #424242;
          padding: 6px 3px !important;
          border: 1px solid transparent !important;
          font-size: 12px;
          font-family: Roboto, Helvetica, Arial, sans-serif;
          font-stretch: 100%;
          font-style: normal;
          font-weight: 500;
          cursor: pointer; }
          .daterangepicker .daterangepicker_input .time-picker .time-picker-values li:hover {
            background: #f4f5f7; }
      .daterangepicker .daterangepicker_input .time-picker:not(.time-picker-opened) .time-picker-values {
        display: none; }
  .daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px; }
    .daterangepicker .calendar-time select.disabled {
      color: #ccc;
      cursor: not-allowed; }

.ranges {
  font-size: 0.875rem;
  float: none;
  margin: 0;
  text-align: left; }
  .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%; }
  .ranges li {
    border: 1px solid #f5f5f5;
    border-radius: 0px;
    border-top: none;
    padding: 6px 12px;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 0.2s ease;
    font-weight: 500; }
    .ranges li:hover {
      background: #C6579A;
      border: 1px solid #C6579A;
      border-top: none;
      color: #fff; }
    .ranges li.active {
      background: #C6579A;
      border: 1px solid #C6579A;
      color: #fff; }

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: 100%; }
    .daterangepicker .ranges ul {
      width: 160px; }
    .daterangepicker.single .ranges ul {
      width: 100%; }
    .daterangepicker.single .calendar.left {
      clear: none; }
    .daterangepicker.single .ranges, .daterangepicker.single .calendar {
      float: left; }
    .daterangepicker .calendar.left {
      clear: left;
      margin-right: 0; }
      .daterangepicker .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0; }
    .daterangepicker .calendar.right {
      margin-left: 0; }
      .daterangepicker .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }
    .daterangepicker .left .daterangepicker_input {
      padding-right: 12px; }
      .daterangepicker .left .daterangepicker_input .time-picker {
        right: 12px; }
    .daterangepicker .calendar.left .calendar-table {
      padding-right: 12px; }
    .daterangepicker .ranges, .daterangepicker .calendar {
      float: left; } }

@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left; }
  .daterangepicker .calendar.left {
    clear: none; } }

.range_inputs {
  padding: 12px; }

/* --- styles for the custom date-range picker */
/* Custom form */
/* ---------------------------------------- */
.app-form .form-row {
  margin: 0;
  padding-left: 12px;
  padding-right: 12px;
  border-bottom: 1px solid #eeeeee;
  padding-top: 24px;
  padding-bottom: 24px; }

.form-control, .daterangepicker .input-mini, .readonlyeditor, .date-filter-trigger, .click-editor textarea {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .form-control.has-danger, .daterangepicker .has-danger.input-mini, .has-danger.readonlyeditor, .has-danger.date-filter-trigger, .click-editor textarea.has-danger {
    border-color: #f15b17; }
  .form-control.has-danger-special, .daterangepicker .has-danger-special.input-mini, .has-danger-special.readonlyeditor, .has-danger-special.date-filter-trigger, .click-editor textarea.has-danger-special {
    border-color: #f15b17; }
  .form-control.form-control-inactive, .daterangepicker .form-control-inactive.input-mini, .form-control-inactive.readonlyeditor, .form-control-inactive.date-filter-trigger, .click-editor textarea.form-control-inactive {
    padding-left: 0;
    border-color: transparent; }
  .form-control.campaign-dequeue-lead-type, .daterangepicker .campaign-dequeue-lead-type.input-mini, .campaign-dequeue-lead-type.readonlyeditor, .campaign-dequeue-lead-type.date-filter-trigger, .click-editor textarea.campaign-dequeue-lead-type {
    width: 43%;
    display: inline; }
    @media (max-width: 543px) {
      .form-control.campaign-dequeue-lead-type, .daterangepicker .campaign-dequeue-lead-type.input-mini, .campaign-dequeue-lead-type.readonlyeditor, .campaign-dequeue-lead-type.date-filter-trigger, .click-editor textarea.campaign-dequeue-lead-type {
        width: 100%;
        margin: 5px 0; } }

.dropdown-menu label {
  margin: 0;
  line-height: 1.25rem; }

.dropdown-menu .c-input {
  display: block;
  padding-left: 24px; }

.field-validation-text,
.field-validation-error > span:not(:empty),
.field-warning-error {
  margin: 5px 0;
  font-size: 0.625rem; }

.field-validation-error {
  font-size: 0.625rem; }

.field-validation-error {
  color: #f15b17; }

.field-max-hint > span:not(:empty) {
  margin: 5px 0;
  font-size: 0.625rem; }

.field-max-hint {
  font-size: 0.625rem;
  color: #c2185b; }

.loa-section-title {
  display: inline-block;
  margin-right: 24px; }

.loa-aggregate-header {
  display: inline-block; }

.loa-max-footer {
  padding: 6px 10px;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  cursor: pointer; }

.loa-max-footer a {
  color: #c2185b;
  font-weight: bold; }

.field-validation-error-area {
  color: #f15b17;
  font-size: 1rem;
  text-align: center; }

.field-warning-error {
  color: #ffd23f; }

.field-pto-conflict {
  color: #F64848; }

.field-validation-error-table-cell {
  font-size: 0.625rem;
  color: #f15b17; }

.field-validation-warn-table-cell {
  color: #ffd23f; }

.field-validation-border-error {
  border: 1px solid #f15b17; }

.kendo-row-error {
  background: #f15b17; }

/* Kendo overrides o match the default fields appearance */
.k-input {
  padding: 0; }

.k-datepicker .k-input,
.k-timepicker .k-input,
.k-picker-wrap.k-state-default > .k-select,
.k-autocomplete.k-autocomplete .k-input {
  font-weight: initial;
  color: #55595c; }
  .k-datepicker .k-input ::-webkit-input-placeholder,
  .k-timepicker .k-input ::-webkit-input-placeholder,
  .k-picker-wrap.k-state-default > .k-select ::-webkit-input-placeholder,
  .k-autocomplete.k-autocomplete .k-input ::-webkit-input-placeholder {
    color: red; }
  .k-datepicker .k-input :-ms-input-placeholder,
  .k-timepicker .k-input :-ms-input-placeholder,
  .k-picker-wrap.k-state-default > .k-select :-ms-input-placeholder,
  .k-autocomplete.k-autocomplete .k-input :-ms-input-placeholder {
    color: red; }
  .k-datepicker .k-input ::placeholder,
  .k-timepicker .k-input ::placeholder,
  .k-picker-wrap.k-state-default > .k-select ::placeholder,
  .k-autocomplete.k-autocomplete .k-input ::placeholder {
    color: red; }

.k-textbox:hover,
.k-overflow-anchor:hover,
.k-autocomplete.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-dropdown-wrap.k-state-hover {
  box-shadow: none; }

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
  border-radius: 0.25rem 0 0 0.25rem; }

.k-dropdown-wrap .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-datetimepicker .k-select + .k-select,
.k-list-container.k-state-border-right {
  border-radius: 0 0.25rem 0.25rem 0; }

/* Contextual search */
/* ---------------------------------------- */
/* --- Portico Design System 2.0 search field (GLA-13255).
   Folded up from the Re-Entry page's private .reentry-search per PR 14512 review, so the app's
   existing search control carries the Figma design instead of one page having its own.

   The magnifier moves to the TRAILING edge - that is where Figma puts it in both the toolbar
   search and the filter popover's facet search (nodes 210:10457 and 210:11093). It used to sit on
   the leading edge, which is why the input padding flips with it.

   No width here on purpose: the ~24 existing usages are sized by whatever filter bar they sit in,
   so pinning Figma's 352px would resize all of them. Consumers set their own width. */
.contextual-search {
  position: relative; }
  .contextual-search input[type="text"] {
    width: 100%;
    height: 40px;
    padding: 0 40px 0 12px;
    border: 1px solid #7e8084;
    border-radius: 8px;
    background: #fff;
    color: #0f1219;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.15px; }
    .contextual-search input[type="text"]::placeholder {
      color: #62646a; }
    .contextual-search input[type="text"]:focus {
      border-color: #C6579A;
      box-shadow: 0 0 0 1px #C6579A;
      outline: none; }
  .contextual-search .icon {
    position: absolute;
    top: 50%;
    right: 12px;
    bottom: auto;
    left: auto;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    pointer-events: none;
    fill: #62646a;
    color: #62646a; }

/* Global search */
/* ---------------------------------------- */
input#Search::-ms-clear {
  display: none; }

.global-search {
  position: relative; }
  .global-search label i {
    margin-right: 12px;
    color: #C6579A; }
  .global-search select {
    margin: 0 12px; }
  .global-search .form-group {
    width: calc(100% - 260px); }
    .global-search .form-group input[type="text"] {
      display: inline-block;
      height: 58px;
      width: 100%;
      border: none;
      background: transparent;
      -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.simple-input {
  width: 100%;
  border: none; }
  .simple-input:focus {
    outline: none; }

.search-wrapper {
  position: absolute;
  z-index: 1030;
  top: 0;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0.6s;
  -moz-transition-delay: 0.6s;
  transition-delay: 0.6s; }
  .search-wrapper h1 {
    opacity: 0.2; }
  .search-wrapper:before {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border: 1px solid #fff;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 1000px;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s; }
  .search-wrapper .scrollable-area {
    width: 100%;
    height: 100%;
    overflow-y: scroll; }
  .search-wrapper.expanded {
    width: 100%;
    height: calc(100vh - 62px);
    border-top: 1px solid #f5f5f5;
    -webkit-pointer-events: all;
    -moz-pointer-events: all;
    pointer-events: all;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s; }
    .search-wrapper.expanded:before {
      border: 2000px solid #eeeeee;
      -webkit-transition-delay: 0.2s;
      -moz-transition-delay: 0.2s;
      transition-delay: 0.2s; }
    .search-wrapper.expanded .content-padding {
      opacity: 1;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      transform: scale(1);
      -webkit-transition-delay: 0.4s;
      -moz-transition-delay: 0.4s;
      transition-delay: 0.4s; }
  .search-wrapper .content-padding {
    opacity: 0;
    -webkit-transform: scale(0.96);
    -moz-transform: scale(0.96);
    transform: scale(0.96);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s; }

.image-upload .profile-image {
  margin-right: 12px; }

.image-upload form {
  display: inline-block; }

h3.input-wrapper {
  padding: 0;
  margin: 0 0 24px 0; }

h3 .form-control, h3 .daterangepicker .input-mini, .daterangepicker h3 .input-mini, h3 .readonlyeditor, h3 .date-filter-trigger, h3 .click-editor textarea, .click-editor h3 textarea {
  font-size: inherit; }

.c-checkbox-select .c-indicator {
  width: 22px;
  height: 22px;
  font-size: 100%;
  background-color: #fff;
  border: 1px solid #dedede;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box; }
  .c-checkbox-select .c-indicator:after {
    position: absolute;
    content: ' ';
    display: block;
    display: block;
    height: 12px;
    width: 6px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform-origin: left, top;
    -moz-transform-origin: left, top;
    transform-origin: left, top; }

.c-checkbox-select input:checked ~ .c-indicator {
  background: #fff;
  border: 2px solid #C6579A; }
  .c-checkbox-select input:checked ~ .c-indicator:after {
    -webkit-animation: check 0.4s;
    -moz-animation: check 0.4s;
    -o-animation: check 0.4s;
    animation: check 0.4s;
    border-right: 2px solid #C6579A;
    border-bottom: 2px solid #C6579A; }

.refactored-custom-checkbox, .refactored-inline-custom-checkbox {
  position: relative;
  display: inline-block;
  padding: 8px 0 8px 16px;
  margin-bottom: 0;
  font-size: 0.875rem; }
  .refactored-custom-checkbox:before, .refactored-inline-custom-checkbox:before {
    content: ' ';
    display: inline-block;
    width: 1px;
    height: 16px; }

.refactored-inline-custom-checkbox:before {
  background: #fff;
  position: absolute;
  top: calc(50% - 8px);
  left: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border: 1px solid #C6579A;
  transition: border-color 0.2s ease; }

.refactored-inline-custom-checkbox:after {
  border-color: #C6579A !important;
  position: absolute !important;
  content: ' ';
  height: 8px !important;
  width: 4px !important;
  top: 50% !important;
  left: 22px !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  transform-origin: left top !important;
  border-right: 2px solid #C6579A;
  border-bottom: 2px solid #C6579A;
  display: none !important; }

.refactored-inline-custom-checkbox.checked:after {
  display: block !important; }

.refactored-custom-checkbox input {
  display: none; }
  .refactored-custom-checkbox input:checked ~ .c-indicator {
    background: #fff;
    border-color: #C6579A; }
    .refactored-custom-checkbox input:checked ~ .c-indicator:after {
      animation: refactoredCheck 0.3s ease-in-out;
      border-right: 2px solid #C6579A;
      border-bottom: 2px solid #C6579A; }

.refactored-custom-checkbox .c-indicator {
  position: absolute;
  top: 12px;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 2px;
  border-color: #cccccc;
  transition: border-color 0.2s ease; }
  .refactored-custom-checkbox .c-indicator:after {
    position: absolute;
    content: ' ';
    display: block;
    display: block;
    height: 8px;
    width: 4px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    transform-origin: left, top; }

.refactored-custom-checkbox .c-label {
  display: inline-block;
  padding-left: 12px; }

.refactored-custom-checkbox-no-padding {
  position: relative;
  display: inline-block;
  padding: 0 0 0 4px;
  margin-bottom: 0;
  font-size: 0.875rem; }
  .refactored-custom-checkbox-no-padding:before {
    content: ' ';
    display: inline-block;
    width: 1px;
    height: 16px; }
  .refactored-custom-checkbox-no-padding input {
    display: none; }
    .refactored-custom-checkbox-no-padding input:checked ~ .c-indicator {
      background: #fff;
      border-color: #C6579A; }
      .refactored-custom-checkbox-no-padding input:checked ~ .c-indicator:after {
        animation: refactoredCheck 0.3s ease-in-out;
        border-right: 2px solid #C6579A;
        border-bottom: 2px solid #C6579A; }
    .refactored-custom-checkbox-no-padding input[disabled] ~ .c-indicator {
      background-color: #e8e8e8; }
  .refactored-custom-checkbox-no-padding .c-indicator {
    position: absolute;
    top: 4px;
    left: 0px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    border-color: #cccccc;
    transition: border-color 0.2s ease; }
    .refactored-custom-checkbox-no-padding .c-indicator:after {
      position: absolute;
      content: ' ';
      display: block;
      display: block;
      height: 8px;
      width: 4px;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(45deg);
      transform-origin: left, top; }
  .refactored-custom-checkbox-no-padding .c-label {
    display: inline-block;
    padding-left: 12px; }

.refactored-custom-checkbox.checkbox-select-all {
  padding: 2px 0 2px 16px; }
  .refactored-custom-checkbox.checkbox-select-all .c-indicator {
    top: 4px;
    bottom: 4px; }

.refactored-custom-checkbox.user-types {
  padding-right: 16px; }

.c-favorite {
  font-size: 1.25rem; }

.c-fav {
  display: inline-block;
  padding-left: 0;
  margin-top: 10px; }
  @media (max-width: 767px) {
    .c-fav {
      margin-top: 2rem; } }

.c-radio .c-favorite:before {
  content: "\e918";
  color: #cccccc;
  display: inline-block; }

.c-radio input:checked ~ .c-favorite:before {
  content: "\e919";
  color: #ffd23f;
  -webkit-animation: star 0.4s;
  -moz-animation: star 0.4s;
  -o-animation: star 0.4s;
  animation: star 0.4s; }

.tel-fav span.c-favorite:before {
  content: "\e919";
  color: #ffd23f; }

@media (min-width: 1200px) {
  .fav-container {
    width: 2rem;
    padding: 1rem; } }

/* Select campaign button (leads page) */
/* ---------------------------------------- */
.sticky-actions {
  position: fixed;
  z-index: 99;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 24px 36px;
  background: white;
  box-shadow: 0 -2px 24px rgba(0, 0, 0, 0.2);
  text-align: center;
  animation: showActions 0.2s ease-out; }
  @media (max-width: 991px) {
    .sticky-actions {
      padding: 24px 12px; } }
  @media (min-width: 992px) {
    .sticky-actions {
      width: calc(100% - 60px);
      left: 60px; } }
  .sticky-actions .row, .sticky-actions .stat-grid, .sticky-actions .widget-grid {
    display: block !important;
    margin: 0 !important; }
  .sticky-actions .btn, .sticky-actions .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .sticky-actions button.k-button {
    margin-bottom: 12px; }
  .sticky-actions .text-muted {
    margin-bottom: 12px; }

.btn + .btn, .reports-table .k-header.k-grid-top button.k-button + .btn, .reports-table .k-header.k-grid-top .btn + button.k-button, .reports-table .k-header.k-grid-top button.k-button + button.k-button {
  margin-left: 12px; }

/* Global search input */
/* ---------------------------------------- */
.global-search.input-group input, .global-search.input-group span {
  background: none;
  border: 0;
  border-bottom: 1px solid #6d6c6d;
  padding: 12px 24px;
  font-size: 1.75rem; }
  @media (max-width: 767px) {
    .global-search.input-group input, .global-search.input-group span {
      font-size: 1rem; } }

.global-search.input-group span {
  padding: 12px 0 12px 12px; }
  .global-search.input-group span i {
    font-size: 1.75rem; }
    @media (max-width: 767px) {
      .global-search.input-group span i {
        font-size: 1rem; } }

input[type="checkbox"]#AllowOptOut {
  display: none;
  /* ON */ }
  input[type="checkbox"]#AllowOptOut ~ label[for="AllowOptOut"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    /* OFF */ }
    input[type="checkbox"]#AllowOptOut ~ label[for="AllowOptOut"]::after {
      content: "NO";
      position: absolute;
      top: 27%;
      left: 19%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"]#AllowOptOut ~ label[for="AllowOptOut"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"]#AllowOptOut:checked ~ label[for="AllowOptOut"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"]#AllowOptOut:checked ~ label[for="AllowOptOut"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }

input[type="checkbox"]#AssignFollowUpToAdvisor {
  display: none;
  /* ON */ }
  input[type="checkbox"]#AssignFollowUpToAdvisor ~ label[for="AssignFollowUpToAdvisor"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    /* OFF */ }
    input[type="checkbox"]#AssignFollowUpToAdvisor ~ label[for="AssignFollowUpToAdvisor"]::after {
      content: "NO";
      position: absolute;
      top: 27%;
      left: 19%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"]#AssignFollowUpToAdvisor ~ label[for="AssignFollowUpToAdvisor"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"]#AssignFollowUpToAdvisor:checked ~ label[for="AssignFollowUpToAdvisor"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"]#AssignFollowUpToAdvisor:checked ~ label[for="AssignFollowUpToAdvisor"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }

input[type="checkbox"]#AssignTasksAdmissionsAdvisor {
  display: none;
  /* ON */ }
  input[type="checkbox"]#AssignTasksAdmissionsAdvisor ~ label[for="AssignTasksAdmissionsAdvisor"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    /* OFF */ }
    input[type="checkbox"]#AssignTasksAdmissionsAdvisor ~ label[for="AssignTasksAdmissionsAdvisor"]::after {
      content: "NO";
      position: absolute;
      top: 27%;
      left: 19%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"]#AssignTasksAdmissionsAdvisor ~ label[for="AssignTasksAdmissionsAdvisor"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"]#AssignTasksAdmissionsAdvisor:checked ~ label[for="AssignTasksAdmissionsAdvisor"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"]#AssignTasksAdmissionsAdvisor:checked ~ label[for="AssignTasksAdmissionsAdvisor"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }

input[type="checkbox"]#IsCompleted {
  display: none;
  /* ON */ }
  input[type="checkbox"]#IsCompleted ~ label[for="IsCompleted"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    /* OFF */ }
    input[type="checkbox"]#IsCompleted ~ label[for="IsCompleted"]::after {
      content: "NO";
      position: absolute;
      top: 27%;
      left: 19%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"]#IsCompleted ~ label[for="IsCompleted"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"]#IsCompleted:checked ~ label[for="IsCompleted"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"]#IsCompleted:checked ~ label[for="IsCompleted"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }

input[type="checkbox"]#ShouldDelete {
  display: none;
  /* ON */ }
  input[type="checkbox"]#ShouldDelete ~ label[for="ShouldDelete"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    /* OFF */ }
    input[type="checkbox"]#ShouldDelete ~ label[for="ShouldDelete"]::after {
      content: "NO";
      position: absolute;
      top: 27%;
      left: 19%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"]#ShouldDelete ~ label[for="ShouldDelete"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"]#ShouldDelete:checked ~ label[for="ShouldDelete"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"]#ShouldDelete:checked ~ label[for="ShouldDelete"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }

input[type="checkbox"]#should-expire {
  display: none;
  /* ON */ }
  input[type="checkbox"]#should-expire ~ label[for="should-expire"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    /* OFF */ }
    input[type="checkbox"]#should-expire ~ label[for="should-expire"]::after {
      content: "NO";
      position: absolute;
      top: 27%;
      left: 19%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"]#should-expire ~ label[for="should-expire"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"]#should-expire:checked ~ label[for="should-expire"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"]#should-expire:checked ~ label[for="should-expire"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }

input[type="checkbox"]#requires-application {
  display: none;
  /* ON */ }
  input[type="checkbox"]#requires-application ~ label[for="requires-application"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    /* OFF */ }
    input[type="checkbox"]#requires-application ~ label[for="requires-application"]::after {
      content: "NO";
      position: absolute;
      top: 27%;
      left: 19%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"]#requires-application ~ label[for="requires-application"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"]#requires-application:checked ~ label[for="requires-application"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"]#requires-application:checked ~ label[for="requires-application"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }

input[type="checkbox"]#requires-fee {
  display: none;
  /* ON */ }
  input[type="checkbox"]#requires-fee ~ label[for="requires-fee"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    /* OFF */ }
    input[type="checkbox"]#requires-fee ~ label[for="requires-fee"]::after {
      content: "NO";
      position: absolute;
      top: 27%;
      left: 19%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"]#requires-fee ~ label[for="requires-fee"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"]#requires-fee:checked ~ label[for="requires-fee"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"]#requires-fee:checked ~ label[for="requires-fee"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }

input[type="checkbox"][cb-slide-yes-or-no] {
  display: none;
  /* ON */
  /* ON */ }
  input[type="checkbox"][cb-slide-yes-or-no] ~ label[cb-slide="YesOrNo"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    max-width: 140px;
    /* OFF */ }
    input[type="checkbox"][cb-slide-yes-or-no] ~ label[cb-slide="YesOrNo"]::after {
      content: "NO";
      position: absolute;
      top: 23%;
      left: 17%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"][cb-slide-yes-or-no] ~ label[cb-slide="YesOrNo"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"][cb-slide-yes-or-no][disabled] ~ label[cb-slide="YesOrNo"] {
    cursor: not-allowed; }
  input[type="checkbox"][cb-slide-yes-or-no]:checked ~ label[cb-slide="YesOrNo"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"][cb-slide-yes-or-no]:checked ~ label[cb-slide="YesOrNo"]::after {
    margin-left: calc(100% - 50%);
    background-color: #C6579A;
    content: "YES";
    color: white;
    font-weight: 600; }
  input[type="checkbox"][cb-slide-yes-or-no] ~ label[cb-slide="PictureOrVideo"] {
    position: relative;
    cursor: pointer;
    user-select: none;
    width: 100%;
    display: inline-block;
    border: 1px solid #eeeeee;
    padding: 0;
    max-width: 140px;
    /* OFF */ }
    input[type="checkbox"][cb-slide-yes-or-no] ~ label[cb-slide="PictureOrVideo"]::after {
      content: "Video";
      position: absolute;
      top: 23%;
      left: 13%;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1);
      font-weight: 600; }
    input[type="checkbox"][cb-slide-yes-or-no] ~ label[cb-slide="PictureOrVideo"]::before {
      content: '';
      display: block;
      width: 50%;
      height: 36px;
      background-color: #dedede;
      transition: all 0.3s cubic-bezier(1, 0.01, 0, 1); }
  input[type="checkbox"][cb-slide-yes-or-no]:checked ~ label[cb-slide="PictureOrVideo"]::before {
    margin-left: calc(100% - 50%);
    background-color: #C6579A; }
  input[type="checkbox"][cb-slide-yes-or-no]:checked ~ label[cb-slide="PictureOrVideo"]::after {
    margin-left: calc(100% - 55%);
    background-color: #C6579A;
    content: "Picture";
    color: white;
    font-weight: 600; }

.btn-toggle-offset {
  margin-bottom: 36px; }
  @media (max-width: 1199px) {
    .btn-toggle-offset {
      margin-top: 12px; } }

.showSaveButtons {
  clear: both; }

.form-actions-wrapper {
  padding: 24px; }
  @media (min-width: 768px) {
    .form-actions-wrapper {
      text-align: right; } }
  @media (max-width: 767px) {
    .form-actions-wrapper .text-muted {
      display: block;
      margin-bottom: 12px; } }

@media (min-width: 768px) {
  .text-muted + .btn, .reports-table .k-header.k-grid-top .text-muted + button.k-button {
    margin-left: 12px; } }

.form-actions-wrapper-profile-page {
  padding: 24px 12px;
  margin-bottom: -24px; }

.note-status + .note-status {
  margin-left: 6px; }

.note-status > input {
  visibility: hidden;
  position: absolute; }
  .note-status > input:checked + .icon.icon-positive use {
    fill: #C6579A; }
  .note-status > input:checked + .icon.icon-negative use {
    fill: #f15b17; }

.note-status .icon:hover use {
  fill: #424242; }

.custom-icon-checkbox input {
  position: absolute;
  visibility: hidden;
  cursor: none; }
  .custom-icon-checkbox input:checked + input + .icon use {
    fill: #C6579A; }
  .custom-icon-checkbox input:checked + .icon use {
    fill: #C6579A; }

.custom-icon-checkbox .icon:hover {
  cursor: pointer; }
  .custom-icon-checkbox .icon:hover use {
    fill: #424242; }

.custom-icon-checkbox + .custom-icon-checkbox {
  margin-left: 12px; }

.form-control-disabled, .form-control.form-control-disabled, .daterangepicker .form-control-disabled.input-mini, .form-control-disabled.readonlyeditor, .form-control-disabled.date-filter-trigger, .click-editor textarea.form-control-disabled {
  background: transparent;
  border-color: transparent;
  padding-left: 0;
  pointer-events: none; }

.custom-multiselect-control {
  position: relative; }
  .custom-multiselect-control.active-custom-multiselect .custom-multiselect-list {
    pointer-events: all;
    visibility: visible;
    transform: scale(1);
    max-height: 216px;
    overflow: auto;
    margin-bottom: 72px;
    z-index: 999; }
  .custom-multiselect-control .custom-multiselect-list {
    position: absolute;
    z-index: 1;
    left: 0;
    display: block;
    width: 100%;
    min-width: 240px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    background: #fff;
    transform: scale(0);
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform-origin: top left; }
    .custom-multiselect-control .custom-multiselect-list ul {
      list-style-type: none;
      padding: 0;
      margin: 0; }
      .custom-multiselect-control .custom-multiselect-list ul li {
        display: block; }
        .custom-multiselect-control .custom-multiselect-list ul li .refactored-custom-checkbox {
          padding-left: 46px;
          width: 100%;
          margin: 0; }
          .custom-multiselect-control .custom-multiselect-list ul li .refactored-custom-checkbox .c-indicator {
            left: 12px; }
          .custom-multiselect-control .custom-multiselect-list ul li .refactored-custom-checkbox:hover {
            background: #fcf8e3; }
  .custom-multiselect-control .custom-multiselect-group-title {
    padding: 12px 12px 0;
    font-weight: 500;
    color: #6d6c6d; }
  .custom-multiselect-control .form-control, .custom-multiselect-control .daterangepicker .input-mini, .daterangepicker .custom-multiselect-control .input-mini, .custom-multiselect-control .readonlyeditor, .custom-multiselect-control .date-filter-trigger, .custom-multiselect-control .click-editor textarea, .click-editor .custom-multiselect-control textarea {
    padding: 2px; }
  .custom-multiselect-control .form-control-placeholder {
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    overflow-x: hidden; }
    .custom-multiselect-control .form-control-placeholder > div {
      display: inline-block;
      background: #f5f5f5;
      padding: 4px 0.75rem;
      border-radius: 2px;
      float: left;
      margin: 2px; }
    .custom-multiselect-control .form-control-placeholder > span {
      display: inline-block;
      padding: 4px 0.75rem;
      opacity: 0.6; }

.custom-multiselect-control-disabled > .form-control, .daterangepicker .custom-multiselect-control-disabled > .input-mini, .custom-multiselect-control-disabled > .readonlyeditor, .custom-multiselect-control-disabled > .date-filter-trigger, .click-editor .custom-multiselect-control-disabled > textarea {
  color: #55595c;
  background-color: #eceeef;
  cursor: not-allowed; }

.switch-control {
  position: relative;
  display: inline-block;
  background: #eeeeee;
  border: 2px solid #eeeeee;
  border-radius: 0.25rem;
  padding: 2px; }
  .switch-control:hover {
    cursor: pointer; }
  .switch-control .switch-labels {
    position: relative;
    z-index: 1;
    color: #424242;
    font-weight: 500; }
    .switch-control .switch-labels > span {
      display: inline-block;
      padding: 4px 0;
      min-width: 63px;
      text-align: center;
      -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .switch-control .switch-value-background {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 50%;
    height: 100%;
    background: #fff;
    padding: 4px 0.75rem;
    border-radius: 2px;
    background: #fff;
    opacity: 0.4;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
  .switch-control input {
    position: absolute;
    z-index: -1;
    visibility: hidden; }
    .switch-control input:not(:checked) ~ .switch-value-background {
      opacity: 1;
      background: #ff0000; }
    .switch-control input:not(:checked) ~ .switch-labels span:first-child {
      color: #fff; }
    .switch-control input:checked ~ .switch-value-background {
      left: 50%;
      opacity: 1;
      background: #008000;
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2); }
    .switch-control input:checked ~ .switch-labels span:last-child {
      color: #fff; }
    .switch-control input:checked ~ .switch-labels span:first-child {
      color: #57626c; }

.readonlyeditor {
  background-color: #eceeef;
  cursor: not-allowed;
  height: 34px; }

.phone-form-control-disabled {
  min-height: 2.0625rem;
  padding-top: 0.1rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0; }

/* --- styles for forms */
/*chart css - donut */
.donut-wrapper {
  position: relative;
  width: 100%; }
  .donut-wrapper .donut-chart {
    width: 100%;
    height: 260px; }

.donut-wrapper .chart-content {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.75rem;
  font-weight: 900;
  letter-spacing: -1px;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

/* --- styles for graphs */
@media (max-width: 991px) {
  .main-section-header {
    padding: 4px; } }

.main-section-header-container {
  padding: 0; }
  @media (max-width: 991px) {
    .main-section-header-container {
      z-index: 5;
      display: flex;
      justify-content: flex-end; } }

@media (max-width: 1199px) {
  .notification-bar-title-container {
    text-align: center;
    padding-top: 8px; } }

@media (max-width: 767px) {
  .notification-bar-title-container {
    padding-top: 10px; } }

.notification-bar-title {
  color: #c22f3a;
  font-size: 26px; }
  @media (max-width: 1199px) {
    .notification-bar-title {
      font-size: 18px; } }
  @media (max-width: 767px) {
    .notification-bar-title {
      font-size: 13px; } }

.main-section-header-notifications {
  position: relative; }
  @media (max-width: 991px) {
    .main-section-header-notifications {
      display: flex;
      flex-direction: row;
      justify-content: flex-end; } }

.notification-mobile-btn {
  position: relative;
  display: inline-block;
  padding: 12px 22px 10px 10px;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5; }
  .notification-mobile-btn.small-pr {
    padding-right: 10px; }
  .notification-mobile-btn .icon {
    fill: #888888;
    width: 17px; }
  .notification-mobile-btn .fa-icon {
    color: #888888;
    font-size: 22px;
    line-height: 26px; }
  .notification-mobile-btn.active .icon use {
    fill: #C6579A; }
  .notification-mobile-btn.active .fa-icon {
    color: #C6579A; }
  .notification-mobile-btn .notification-top-nr {
    top: 2px; }

#user-dropdown.open .notification-mobile-btn .icon use {
  fill: #C6579A; }

.notification-row {
  width: 100%; }

@media (max-width: 991px) {
  .header-actions-container {
    padding: 0; } }

@media (max-width: 991px) {
  .header-notifications-container {
    position: absolute;
    top: 54px;
    right: 12px;
    width: 100vw;
    background-color: #fff; } }

@media (max-width: 991px) {
  .header-notifications-container .notification-btn {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 34px; }
    .header-notifications-container .notification-btn:nth-last-child(2) {
      margin-right: 0;
      border-right: 0; } }

@media (max-width: 767px) {
  .header-notifications-container .notification-btn {
    width: 20%;
    padding-left: 15px;
    padding-right: 15px; } }

@media (max-width: 991px) {
  .header-notifications-container .notification-panel {
    top: 61px;
    width: 100vw !important;
    right: -4px !important; } }

@media (max-width: 991px) {
  .header-notifications-container .notification-panel .notification-list-container {
    max-height: calc(100vh - 191px) !important; } }

.header-notifications-container .notification-panel .reminders-header {
  padding: 12px 0; }

.mobile-header .gl-menu {
  font-size: 1.2rem;
  color: #222222; }

.notification-type-indicators .indicator {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: 0 2px;
  border-radius: 2px; }
  .notification-type-indicators .indicator.indicator-1 {
    background-color: #ffd23f; }
  .notification-type-indicators .indicator.indicator-2 {
    background-color: #C6579A; }
  .notification-type-indicators .indicator.indicator-3 {
    background-color: #f15b17; }

.snackbar {
  position: fixed;
  z-index: 1020;
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  display: none;
  border-radius: 5px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .snackbar.top {
    top: 24px;
    bottom: auto; }
  .snackbar.right {
    right: 24px;
    left: auto; }
  .snackbar.bottom {
    bottom: 24px; }
  .snackbar.left {
    left: 24px; }
    @media (min-width: 544px) {
      .snackbar.left {
        left: 84px; } }
  .snackbar.visible {
    opacity: 1; }
  .snackbar a {
    color: #C6579A; }
    .snackbar a:hover {
      color: #d37db1; }

.main-section-header a.notification-btn {
  border-right: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee; }
  .main-section-header a.notification-btn[aria-expanded="true"] {
    background: #353b41;
    color: white; }
    .main-section-header a.notification-btn[aria-expanded="true"] .notification-top-nr {
      display: none; }
    .main-section-header a.notification-btn[aria-expanded="true"]:hover {
      background: #353b41; }
  .main-section-header a.notification-btn:hover {
    background: #353b41; }

.notification-top-nr {
  background: #f15b17;
  color: white;
  font-size: 10px;
  padding: 2px 6px;
  border-radius: 9px;
  position: absolute;
  top: 8px;
  z-index: 100; }
  .notification-top-nr.sidebar-menu {
    top: -1px;
    right: -6px;
    z-index: 0; }

.notification-panel {
  background: #353b41;
  padding: 12px;
  color: white;
  position: absolute;
  z-index: 1039;
  top: 50px;
  width: 500px;
  right: 0; }
  .notification-panel .item-nr {
    background: #f15b17;
    color: #fff;
    font-size: 11px;
    padding: 3px 7px;
    border-radius: 11px; }
  .notification-panel .notifications-header {
    border-bottom: 1px solid #434b52;
    padding: 12px 0; }
    .notification-panel .notifications-header a.all {
      color: white; }
  .notification-panel .notification-list {
    margin: 0;
    padding: 0; }
    .notification-panel .notification-list li {
      border-bottom: 1px solid #434b52;
      list-style-type: none;
      position: relative;
      padding: 12px; }
      .notification-panel .notification-list li span.icon {
        position: absolute;
        left: 12px; }
        .notification-panel .notification-list li span.icon .status-indicator {
          background: none;
          box-shadow: none; }
      .notification-panel .notification-list li .notification-body {
        padding: 0 24px;
        text-align: left; }
        .notification-panel .notification-list li .notification-body span.title, .notification-panel .notification-list li .notification-body span.timestamp, .notification-panel .notification-list li .notification-body .span.link {
          display: block; }
        .notification-panel .notification-list li .notification-body span.title {
          font-weight: bold;
          text-rendering: optimizeLegibility;
          color: white; }
          .notification-panel .notification-list li .notification-body span.title:hover {
            color: rgba(255, 255, 255, 0.92); }
        .notification-panel .notification-list li .notification-body span.timestamp {
          font-size: 0.75rem;
          color: #818a91; }
        .notification-panel .notification-list li .notification-body span.link {
          font-size: 0.75rem; }
      .notification-panel .notification-list li .notification-options {
        position: absolute;
        top: 12px;
        right: 0; }

#call-incoming {
  padding: 0;
  position: fixed;
  width: 400px;
  bottom: 24px;
  right: 24px;
  z-index: 100;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
  #call-incoming .call-incoming-details {
    margin-bottom: 0;
    background: #353b41;
    color: white;
    padding: 24px; }
    #call-incoming .call-incoming-details h3 {
      margin: 0 0 12px 0;
      padding: 0; }
    #call-incoming .call-incoming-details .body {
      margin-bottom: 12px;
      color: #dedede; }
      #call-incoming .call-incoming-details .body > div {
        border-bottom: 1px solid rgba(222, 222, 222, 0.2);
        padding: 3px 0; }
    #call-incoming .call-incoming-details .footer {
      padding-top: 12px; }

.notif-active {
  background: #353b41;
  color: #fff; }
  .notif-active:hover {
    background: #353b41;
    color: #fff; }

#web-reminder-panel.notification-panel {
  right: -50px; }

#chat-notification-panel.notification-panel {
  right: -115px; }

#text-notification-panel.notification-panel {
  width: 450px; }

#notification-center-panel.notification-panel {
  right: -115px; }
  #notification-center-panel.notification-panel .notification-list-container {
    max-height: calc(100vh - 191px);
    overflow-y: auto; }
  #notification-center-panel.notification-panel .notification-list-empty {
    list-style: none;
    padding: 16px;
    color: #cfd5db; }
  #notification-center-panel.notification-panel .notification-center-loader {
    padding: 16px;
    text-align: center;
    color: #9ba1a8;
    font-size: 0.875rem; }
  #notification-center-panel.notification-panel .nc-item {
    cursor: pointer;
    transition: background-color 120ms ease; }
    #notification-center-panel.notification-panel .nc-item:hover {
      background-color: rgba(255, 255, 255, 0.04); }
    #notification-center-panel.notification-panel .nc-item.is-selected {
      background-color: rgba(255, 255, 255, 0.06); }
    #notification-center-panel.notification-panel .nc-item[data-unread="0"] .title {
      font-weight: normal;
      color: rgba(255, 255, 255, 0.78); }
    #notification-center-panel.notification-panel .nc-item .notification-body .title:hover {
      color: rgba(255, 255, 255, 0.92); }
    #notification-center-panel.notification-panel .nc-item .nc-timestamp-absolute {
      color: rgba(255, 255, 255, 0.55);
      font-size: 0.75rem;
      margin-top: 2px; }
  #notification-center-panel.notification-panel .nc-note-preview {
    display: block;
    margin-top: 4px;
    font-size: 0.8125rem;
    color: #cfd5db;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
    #notification-center-panel.notification-panel .nc-note-preview i {
      margin-right: 4px; }
  #notification-center-panel.notification-panel .notifications-header .nc-header-actions > * {
    vertical-align: middle; }
  #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-mark-all-read,
  #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-mark-selected-as-read {
    margin-right: 12px; }
  #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-select-all,
  #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-delete-all {
    color: white; }
    #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-select-all:hover,
    #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-delete-all:hover {
      color: #C6579A; }
  #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-select-all {
    margin-right: 8px;
    font-size: 16px; }
  #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-delete-all .fa-close,
  #notification-center-panel.notification-panel .notifications-header .nc-header-actions #notification-center-delete-all .fal {
    font-size: 16px; }
  #notification-center-panel.notification-panel #notification-center-mark-all-read,
  #notification-center-panel.notification-panel #notification-center-mark-selected-as-read {
    display: none; }
  #notification-center-panel.notification-panel.select-mode #notification-center-mark-all-read {
    display: inline-block; }
  #notification-center-panel.notification-panel.select-mode #notification-center-delete-all {
    display: none; }
  #notification-center-panel.notification-panel.has-selection #notification-center-mark-selected-as-read {
    display: inline-block; }
  #notification-center-panel.notification-panel.has-selection #notification-center-mark-all-read,
  #notification-center-panel.notification-panel.has-selection #notification-center-delete-all {
    display: none; }
  #notification-center-panel.notification-panel .notification-list li .notification-body {
    padding-right: 70px; }
  #notification-center-panel.notification-panel .notification-list li .notification-options .icon-wrapper {
    background: transparent;
    border: 0;
    padding: 0 5px;
    color: white; }
    #notification-center-panel.notification-panel .notification-list li .notification-options .icon-wrapper:hover {
      color: rgba(255, 255, 255, 0.92); }
    #notification-center-panel.notification-panel .notification-list li .notification-options .icon-wrapper .fa,
    #notification-center-panel.notification-panel .notification-list li .notification-options .icon-wrapper .fal {
      font-size: 14px; }
  #notification-center-panel.notification-panel .notification-list li .notification-options .nc-mark-read-toggle {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle; }
    #notification-center-panel.notification-panel .notification-list li .notification-options .nc-mark-read-toggle .nc-mark-read-input {
      margin: 0;
      vertical-align: middle; }

.main-section-header a.notification-btn#notification-center-button[aria-expanded="true"] .notification-top-nr {
  display: inline-block; }

.forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-subject-row {
  margin-bottom: 12px; }
  .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-subject-row .forwarded-notification-subject {
    font-weight: 600;
    font-size: 1.05rem;
    color: #333; }

.forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-expired-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  background-color: #fff4e5;
  border: 1px solid #ffcc80;
  border-radius: 4px;
  color: #8a5a12;
  font-size: 0.875rem;
  margin: 12px 0; }
  .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-expired-banner .expired-icon {
    flex-shrink: 0; }
    .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-expired-banner .expired-icon .fa {
      color: #e78100;
      font-size: 1.1rem; }
  .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-expired-banner .expired-text {
    flex: 1; }

.forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-audio {
  margin: 12px 0; }
  .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-audio .forwarded-notification-audio-player {
    width: 100%;
    display: block; }

.forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-note {
  margin-top: 12px;
  padding: 10px 12px;
  background-color: #f4f5f7;
  border-radius: 4px;
  font-size: 0.875rem; }
  .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-note .note-label {
    font-weight: 600;
    color: #666;
    display: block;
    margin-bottom: 6px; }
    .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-note .note-label .fa {
      margin-right: 4px;
      color: #999; }
  .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-note .note-body {
    color: #333;
    white-space: pre-wrap;
    word-wrap: break-word; }

.forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-transcript {
  margin-top: 12px;
  padding: 12px;
  background-color: #f4f5f7;
  border-radius: 4px;
  font-size: 0.875rem;
  max-height: 200px;
  overflow-y: auto; }
  .forwarded-notification-modal .forwarded-notification-detail .forwarded-notification-transcript .transcript-label {
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
    color: #666; }

.forwarded-notification-modal #btn-forwarded-notification-save.btn-success {
  font-weight: 600; }

.forwarded-notification-toolbar {
  padding: 6px 10px;
  border-bottom: 1px solid #eee;
  background-color: #fafafa;
  display: flex;
  gap: 6px;
  flex-wrap: wrap; }
  .forwarded-notification-toolbar .btn, .forwarded-notification-toolbar .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .forwarded-notification-toolbar button.k-button {
    font-size: 0.75rem; }

.notification-item--forwarded .forwarded-notification-select-checkbox {
  display: none;
  margin-right: 6px;
  vertical-align: middle; }

.notification-item--forwarded.is-selected {
  background-color: #e8f5e9; }

.notification-item--forwarded.is-saved .title::after {
  content: ' \2605';
  color: #f9a825;
  font-size: 0.875rem; }

#web-call-panel.forwarded-notification-select-mode .notification-item--forwarded .forwarded-notification-select-checkbox {
  display: inline-block; }

#web-call-panel.forwarded-notification-select-mode .notification-item--forwarded .status-indicator {
  display: none; }

.notification-panel .notification-list li .notification-body.voicemail-row-body {
  padding-right: 110px; }

.voicemail-row-title-wrap {
  display: flex;
  min-width: 0; }
  .voicemail-row-title-wrap > a {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden; }
    .voicemail-row-title-wrap > a .title {
      display: block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }

.disable-notification-buttons {
  pointer-events: none; }

.color-danger {
  color: #f15b17; }

.voicemail-expired-text {
  font-weight: 700; }

.voicemail-forwarded-badge + .timestamp {
  margin-top: 4px; }

#notification-center-panel.notification-panel .nc-item[data-unread="1"] .icon i {
  color: #ff0000; }

#forwarded-notification-lead-name,
.call-details-lead-name {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: middle; }

#modal-forwarded-notification-detail .modal-section-title,
#call-details-recording .modal-section-title {
  display: flex;
  align-items: center;
  min-width: 0;
  overflow: hidden; }
  #modal-forwarded-notification-detail .modal-section-title > span,
  #call-details-recording .modal-section-title > span {
    min-width: 0;
    flex: 1 1 auto; }
  #modal-forwarded-notification-detail .modal-section-title > svg.icon,
  #call-details-recording .modal-section-title > svg.icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: 8px; }

/* --- styles for notifications */
.status-indicator {
  display: inline-block;
  height: 12px;
  width: 12px;
  vertical-align: inherit;
  margin-right: 6px;
  border-width: 2px;
  border-style: solid;
  border-color: #dedede;
  background: #fff;
  -webkit-box-shadow: 0 0 0 2px #fff;
  -moz-box-shadow: 0 0 0 2px #fff;
  box-shadow: 0 0 0 2px #fff;
  border-radius: 6px; }
  .status-indicator.absolute {
    position: absolute;
    top: 24px;
    left: 12px; }
  .status-indicator-absolute {
    position: absolute;
    top: 24px;
    left: -5px; }
  .status-indicator-main {
    position: absolute;
    top: 36px;
    left: -6px; }
    @media (max-width: 767px) {
      .status-indicator-main {
        left: 12px; } }

.status-indicator-Pending,
.status-indicator-Unqualified,
.status-indicator-default {
  border-color: #eeeeee; }

.status-indicator-Confirmed,
.status-indicator-info {
  border-color: #0000ff; }

.status-indicator-Canceled,
.status-indicator-warning {
  border-color: #ffa500; }

.status-indicator-Show,
.status-indicator-Positive,
.status-indicator-success {
  border-color: #008000; }

.status-indicator-NoShow,
.status-indicator-Negative,
.status-indicator-danger {
  border-color: #ff0000; }

.status-indicator-Rescheduled,
.status-indicator-retry {
  border-color: #38B5FF; }

.status-indicator-duedate {
  border-color: #FAA0B6; }

.status-indicator-duedate-bg {
  background: rgba(250, 160, 182, 0.25); }

.event-status-0 {
  border-color: #aaaaaa; }
  .event-status-0 .event-status-label, .event-status-0 .event-status-indicator {
    background: #aaaaaa; }

.event-status-default, .event-status-Pending {
  border-color: #aaaaaa; }
  .event-status-default .event-status-label, .event-status-default .event-status-indicator, .event-status-Pending .event-status-label, .event-status-Pending .event-status-indicator {
    background: #aaaaaa; }

.event-status-info, .event-status-Confirmed {
  border-color: #3fa7d6; }
  .event-status-info .event-status-label, .event-status-info .event-status-indicator, .event-status-Confirmed .event-status-label, .event-status-Confirmed .event-status-indicator {
    background: #3fa7d6; }

.event-status-warning, .event-status-Canceled {
  border-color: #ffd23f; }
  .event-status-warning .event-status-label, .event-status-warning .event-status-indicator, .event-status-Canceled .event-status-label, .event-status-Canceled .event-status-indicator {
    background: #ffd23f; }

.event-status-danger, .event-status-No {
  border-color: #f15b17; }
  .event-status-danger .event-status-label, .event-status-danger .event-status-indicator, .event-status-No .event-status-label, .event-status-No .event-status-indicator {
    background: #f15b17; }

.event-status-success, .event-status-Show {
  border-color: #C6579A; }
  .event-status-success .event-status-label, .event-status-success .event-status-indicator, .event-status-Show .event-status-label, .event-status-Show .event-status-indicator {
    background: #C6579A; }

.event-status-retry, .event-status-Rescheduled {
  border-color: #38B5FF; }
  .event-status-retry .event-status-label, .event-status-retry .event-status-indicator, .event-status-Rescheduled .event-status-label, .event-status-Rescheduled .event-status-indicator {
    background: #38B5FF; }

.event-status-reminder, .event-status-Reminder {
  border-color: #F64848; }
  .event-status-reminder .event-status-label, .event-status-reminder .event-status-indicator, .event-status-Reminder .event-status-label, .event-status-Reminder .event-status-indicator {
    background: #F64848; }

.k-scheduler-weekview .event-template.event-status-0, .k-scheduler-monthview .event-template.event-status-0 {
  background-color: #d0d0d0; }

.k-scheduler-weekview .event-template.event-status-default, .k-scheduler-weekview .event-template.event-status-Pending, .k-scheduler-monthview .event-template.event-status-default, .k-scheduler-monthview .event-template.event-status-Pending {
  background-color: #d0d0d0; }

.k-scheduler-weekview .event-template.event-status-info, .k-scheduler-weekview .event-template.event-status-Confirmed, .k-scheduler-monthview .event-template.event-status-info, .k-scheduler-monthview .event-template.event-status-Confirmed {
  background-color: #7ec4e3; }

.k-scheduler-weekview .event-template.event-status-warning, .k-scheduler-weekview .event-template.event-status-Canceled, .k-scheduler-monthview .event-template.event-status-warning, .k-scheduler-monthview .event-template.event-status-Canceled {
  background-color: #ffe48c; }

.k-scheduler-weekview .event-template.event-status-danger, .k-scheduler-weekview .event-template.event-status-No, .k-scheduler-monthview .event-template.event-status-danger, .k-scheduler-monthview .event-template.event-status-No {
  background-color: #f58e5f; }

.k-scheduler-weekview .event-template.event-status-success, .k-scheduler-weekview .event-template.event-status-Show, .k-scheduler-monthview .event-template.event-status-success, .k-scheduler-monthview .event-template.event-status-Show {
  background-color: #d990bc; }

.k-scheduler-weekview .event-template.event-status-retry, .k-scheduler-weekview .event-template.event-status-Rescheduled, .k-scheduler-monthview .event-template.event-status-retry, .k-scheduler-monthview .event-template.event-status-Rescheduled {
  background-color: #85d1ff; }

.k-scheduler-weekview .event-template.event-status-reminder, .k-scheduler-weekview .event-template.event-status-Reminder, .k-scheduler-monthview .event-template.event-status-reminder, .k-scheduler-monthview .event-template.event-status-Reminder {
  background-color: #fa9191; }

/* --- styles for notifications */
/* Calendar event template */
/* ---------------------------------------- */
.event-template {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #f5f5f5;
  border-radius: 5px;
  background: #fff;
  color: #0d0d0d; }
  .event-template .event-title {
    max-width: 100%;
    font-weight: 500; }
    .event-template .event-title span {
      display: inline-block;
      vertical-align: middle; }
    .event-template .event-title .event-type.ellipsis-overflow {
      width: auto;
      max-width: 98%; }
  .event-template .event-time {
    display: block;
    font-size: 0.625rem; }
  .event-template .event-wrapper {
    display: block;
    width: 100%;
    height: calc(100% - 2px);
    overflow: hidden;
    box-sizing: border-box; }
  .event-template .event-content {
    padding: 6px 12px 12px;
    font-size: 0.75rem;
    line-height: 1.5; }
    .event-template .event-content i {
      margin-left: 3px; }

.event-status-snack {
  display: none; }

.agenda-card {
  margin-bottom: 0;
  font-size: 0.875rem; }
  .agenda-card .event-status-snack {
    position: absolute;
    top: -6px;
    left: 12px;
    display: block;
    font-size: 0.5rem; }

.event-status-indicator {
  position: absolute;
  top: 3px;
  right: 3px;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px; }

.k-scheduler-dayview .event-status-indicator {
  display: none; }

.k-scheduler-dayview .event-status-snack {
  position: absolute;
  top: -6px;
  left: 12px;
  display: block; }

.k-scheduler-dayview .event-template .event-content .event-status-label {
  display: none; }

.k-scheduler-dayview .event-template.event-sm .event-title, .k-scheduler-dayview .event-template.event-sm .event-date {
  display: inline-block; }

.k-scheduler-weekview .event-status-label {
  display: none; }

.k-scheduler-monthview .event-template .event-content {
  padding: 0 4px 4px; }

.k-scheduler-monthview .event-status-label {
  display: none; }

.event-extra {
  position: absolute;
  bottom: 12px;
  right: 12px; }

/* Agenda event template */
/* ---------------------------------------- */
.event-card .agenda-status-snack {
  position: absolute;
  top: -6px;
  left: 12px; }

.event-card.agenda-status-0 {
  border-color: #eeeeee; }
  .event-card.agenda-status-0 .agenda-status {
    background: #eeeeee; }

.event-card.agenda-status-1 {
  border-color: #3fa7d6; }
  .event-card.agenda-status-1 .agenda-status {
    background: #3fa7d6; }

.event-card.agenda-status-2 {
  border-color: #C6579A; }
  .event-card.agenda-status-2 .agenda-status {
    background: #C6579A; }

.event-card.agenda-status-2 {
  border-color: #ffd23f; }
  .event-card.agenda-status-2 .agenda-status {
    background: #ffd23f; }

/* Scheduler legend */
/* ---------------------------------------- */
.legend-item.legend-item-pending {
  color: #aaaaaa !important; }

.legend-item.legend-item-confirmed {
  color: #3fa7d6 !important; }

.legend-item.legend-item-canceled {
  color: #ffd23f !important; }

.legend-item.legend-item-show {
  color: #C6579A !important; }

.legend-item.legend-item-noshow {
  color: #f15b17 !important; }

.legend-item.legend-item-rescheduled {
  color: #38B5FF !important; }

.legend-item.legend-item-reminder {
  color: #F64848 !important; }

#schedulerLegend {
  float: left;
  margin-bottom: 0;
  background-color: #fff;
  text-align: center; }
  #schedulerLegend li {
    margin-right: 5px;
    font-size: .7rem;
    text-align: left; }
  #schedulerLegend ul {
    margin-bottom: 0; }

@media (max-width: 1025px) {
  #schedulerLegendElements {
    position: absolute;
    z-index: 1;
    box-shadow: 2px 4px 10px #aaa;
    padding: 0 20px;
    background-color: #fff;
    list-style-type: none; }
    #schedulerLegendElements li::before {
      content: '\25cf\a0'; }
  #legendTrigger {
    color: #000;
    line-height: 46px;
    text-transform: uppercase; } }

@media (min-width: 1026px) and (max-width: 1040px) {
  #schedulerLegendElements {
    font-size: .7rem; } }

@media (min-width: 1026px) {
  #schedulerLegend {
    padding: 0; }
  /* Appointments legend should be both compact and expanded on different screen sizes*/
  #legendTrigger.appointments-legend {
    display: none; }
  #schedulerLegendElements.appointments-legend {
    position: initial;
    display: inline-block !important;
    box-shadow: none;
    padding: 0;
    list-style-type: none; }
    #schedulerLegendElements.appointments-legend li {
      display: inline-block; }
      #schedulerLegendElements.appointments-legend li::before {
        content: '\25cf\a0'; }
  /* Dashboard legend should always be compact*/
  #schedulerLegendElements.dashboard-legend {
    position: absolute;
    z-index: 1;
    box-shadow: 2px 4px 10px #aaa;
    padding: 0 20px;
    background-color: #fff;
    list-style-type: none; }
    #schedulerLegendElements.dashboard-legend li::before {
      content: '\25cf\a0'; }
  #legendTrigger.dashboard-legend {
    color: #000;
    line-height: 46px;
    text-transform: uppercase;
    display: inline; } }

.k-scheduler-weekview .event-template.event-status-reminder.completed,
.k-scheduler-weekview .event-status-reminder .event-status-label, .k-scheduler-monthview .event-template.event-status-reminder.completed,
.k-scheduler-monthview .event-status-reminder .event-status-label {
  background-color: #fba9a9;
  color: #424242; }

.k-scheduler-weekview .event-template .event-title span, .k-scheduler-monthview .event-template .event-title span {
  display: inline; }

.event-template.event-status-reminder.completed .reminder-icon-fill-calendar {
  fill: #12992d; }

.event-status-reminder.completed .event-status-label {
  background: #fba9a9; }

.event-status-reminder.completed .card-information {
  color: #424242; }

.event-status-reminder.completed .event-type {
  display: inline;
  color: #424242; }

.event-template.event-status-reminder .reminder-icon-fill-calendar {
  fill: #f4173c; }

.event-status-reminder .event-title .event-type {
  display: inline; }

/* Global Scheduling Rule (GSR) overlays */
/* ---------------------------------------- */
.gsr-overlay {
  position: absolute;
  background: rgba(220, 53, 69, 0.15);
  border-left: 3px solid #dc3545;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  box-sizing: border-box; }
  .gsr-overlay:hover {
    pointer-events: auto;
    background: rgba(220, 53, 69, 0.22); }

.gsr-overlay-label {
  display: block;
  padding: 2px 6px;
  font-size: 0.65rem;
  color: #8b1a2b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none; }

.gsr-overlay-allday {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%; }

.gsr-month-bar {
  position: absolute;
  bottom: 2px;
  left: 2px;
  right: 2px;
  height: 16px;
  background: rgba(220, 53, 69, 0.18);
  border-left: 2px solid #dc3545;
  border-radius: 2px;
  overflow: hidden;
  z-index: 2;
  pointer-events: none; }
  .gsr-month-bar:hover {
    pointer-events: auto;
    background: rgba(220, 53, 69, 0.28); }

.gsr-month-bar-label {
  display: block;
  padding: 0 4px;
  font-size: 0.6rem;
  line-height: 16px;
  color: #8b1a2b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none; }

.legend-item.legend-item-gsr {
  color: #dc3545 !important; }

/* --- styles for calendar, appointments, events */
/* Details basic */
/* ---------------------------------------- */
.details-overlay {
  position: fixed;
  z-index: 90000;
  top: 49px;
  left: 0;
  display: none;
  width: 100%;
  height: calc(100vh - 49px);
  overflow: hidden;
  opacity: 0;
  border-top: 1px solid #f5f5f5;
  background: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  @media (min-width: 992px) {
    .details-overlay {
      top: 60px;
      height: calc(100vh - 60px); } }
  .details-overlay .details-card {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    padding-bottom: 60px;
    background: #fff;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    @media (min-width: 992px) {
      .details-overlay .details-card {
        width: 42%; } }
    .details-overlay .details-card h3 + .grid-component {
      padding-top: 12px; }
    .details-overlay .details-card section, .details-overlay .details-card .expandable-section {
      position: relative;
      padding: 24px 36px;
      border-bottom: 1px solid #f5f5f5; }
      .details-overlay .details-card section::after, .details-overlay .details-card .expandable-section::after {
        content: "";
        display: table;
        clear: both; }
      .details-overlay .details-card section h4, .details-overlay .details-card .expandable-section h4 {
        margin-bottom: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
      .details-overlay .details-card section:last-child, .details-overlay .details-card .expandable-section:last-child {
        border-bottom: 0; }
      .details-overlay .details-card section.is-open h4, .details-overlay .details-card .expandable-section.is-open h4 {
        margin-bottom: 12px; }
    .details-overlay .details-card .details-card-buttons {
      position: absolute;
      z-index: 20;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 60px;
      padding: 12px;
      background: #f5f5f5; }
  .details-overlay.is-shown {
    opacity: 1; }
    .details-overlay.is-shown .details-card {
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); }
  .details-overlay .independent-section {
    height: 100%;
    overflow-y: scroll; }

.notes-list {
  padding-top: 24px; }

.note-wrapper .profile-image, .note-wrapper .note {
  display: inline-block;
  vertical-align: top; }

.note-wrapper .profile-image {
  margin-top: 18px;
  margin-right: 12px; }

.note-wrapper .note {
  position: relative;
  width: calc(100% - 36px);
  max-width: 486px;
  padding: 24px;
  margin-right: -4px;
  margin-bottom: 12px;
  border-radius: 0.25rem;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto; }
  .note-wrapper .note:before {
    content: ' ';
    position: absolute;
    top: 24px;
    left: -6px;
    display: block;
    width: 12px;
    height: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .note-wrapper .note .status-indicator-absolute {
    top: 6px;
    right: 6px;
    left: auto;
    margin: 0; }
  .note-wrapper .note p {
    margin: 0; }

.note-wrapper .note, .note-wrapper .note:before {
  background: #eeeeee; }

.note-wrapper .post-date {
  display: block;
  padding-left: 60px;
  margin-bottom: 36px;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  color: #cccccc;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

.note-wrapper:hover .note, .note-wrapper:hover .note:before {
  background: #fafafa; }

.note-wrapper:hover .post-date {
  color: #6d6c6d; }

.note-wrapper:last-child .post-date {
  margin-bottom: 0; }

.note-wrapper .note.highlighted, .note-wrapper .note.highlighted:before {
  background: #C6579A;
  color: white; }
  .note-wrapper .note.highlighted:hover, .note-wrapper .note.highlighted:before:hover {
    background: #C6579A; }
  .note-wrapper .note.highlighted a, .note-wrapper .note.highlighted:before a {
    color: white;
    text-decoration: underline; }

.mark-as-complete:focus .action-icon, .mark-as-complete.complete .action-icon {
  border-color: #C6579A; }
  .mark-as-complete:focus .action-icon:before, .mark-as-complete:focus .action-icon:after, .mark-as-complete.complete .action-icon:before, .mark-as-complete.complete .action-icon:after {
    background: #C6579A; }

.details-information {
  padding: 12px 0;
  margin-bottom: 12px; }
  .details-information > * {
    margin-right: 6px; }

.sms-modal .modal-scroll {
  background: #f5f5f5; }
  .sms-modal .modal-scroll .modal-body .sms-chat textarea {
    border-color: #eaeaea; }
  .sms-modal .modal-scroll .modal-body .sms-chat .note {
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); }
    .sms-modal .modal-scroll .modal-body .sms-chat .note a {
      color: #0073b1;
      text-decoration: underline; }
      .sms-modal .modal-scroll .modal-body .sms-chat .note a:hover {
        color: #0073b1;
        text-decoration: underline; }
    .sms-modal .modal-scroll .modal-body .sms-chat .note.highlighted a {
      color: white; }
      .sms-modal .modal-scroll .modal-body .sms-chat .note.highlighted a:hover {
        color: white; }
  .sms-modal .modal-scroll .modal-body .sms-chat .note-wrapper:not(.left-note) {
    clear: both; }
    .sms-modal .modal-scroll .modal-body .sms-chat .note-wrapper:not(.left-note) .profile-image {
      margin-right: 0;
      margin-left: 12px; }
    .sms-modal .modal-scroll .modal-body .sms-chat .note-wrapper:not(.left-note) .note {
      background: white;
      float: left; }
      .sms-modal .modal-scroll .modal-body .sms-chat .note-wrapper:not(.left-note) .note:before {
        right: -6px;
        left: auto;
        background: white; }

/* --- styles for the details overlay component */
#example {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.demo-section {
  padding: 50px 70px; }

.one-way {
  background: url("/Content/web/sortable/one-way.png") no-repeat 50% 50%; }

.two-way {
  background: url("/Content/web/sortable/two-way.png") no-repeat 50% 50%; }

.list-wrapper {
  overflow: hidden; }

#sortable-listA, #sortable-listB, #sortable-listC, #sortable-listD {
  width: 210px;
  min-height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid #dddddd;
  border-radius: 4px; }

#sortable-listA, #sortable-listC {
  float: left; }

#sortable-listB, #sortable-listD {
  float: right; }

.list-item {
  list-style-type: none;
  width: 200px;
  margin: 5px;
  line-height: 30px;
  text-align: center;
  background-color: #222222;
  color: #ffffff;
  border-radius: 3px;
  cursor: url('@Url.Content("~/content/web/sortable/grab.cur")'), default; }

#sortable-listA .list-item {
  background-color: #54b8fa;
  color: #000000; }

#sortable-listB .list-item {
  background-color: #ff879e;
  color: #000000; }

#sortable-listC .list-item {
  background-color: #66cc66;
  color: #000000; }

#sortable-listD .list-item {
  background-color: #ffcc33;
  color: #000000; }

#placeholder.list-item {
  background-color: #ffffff;
  color: #777; }

.dropdown-header {
  border-width: 0 0 1px 0;
  text-transform: uppercase; }

.dropdown-header > span {
  display: inline-block;
  padding: 10px; }

.dropdown-header > span:first-child {
  width: 50px; }

#customers-list .k-item {
  line-height: 1em;
  min-width: 300px; }

/* Material Theme padding adjustment*/
.k-material #customers-list .k-item,
.k-material #customers-list .k-item.k-state-hover,
.k-materialblack #customers-list .k-item,
.k-materialblack #customers-list .k-item.k-state-hover {
  padding-left: 5px;
  border-left: 0; }

#customers-list .k-item > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  margin: 20px 10px 10px 5px; }

#customers-list .k-item > span:first-child {
  -moz-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.3);
  margin: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-size: 100%;
  background-repeat: no-repeat; }

#customers-list h3 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0 0 1px 0;
  padding: 0; }

#customers-list p {
  margin: 0;
  padding: 0;
  font-size: .8em; }

h6.title {
  margin-bottom: 24px;
  color: #424242; }

/* --- styles for tasks */
.landing-page {
  /* media queries for login page background */ }
  .landing-page .app-wrapper {
    /*background: $img-login-background;
    background-repeat: no-repeat;
    background-size: cover;*/
    /* This is the original style */
    background-color: #fff; }
  .landing-page .app-wrapper2 {
    background: url("images/login/VerityCollegeDev/login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    margin-top: 100px;
    float: right;
    box-shadow: 0px 0px 19px 1px #C6579A;
    margin-right: 40px;
    background-position: initial; }
  @media (min-width: 1921px) {
    .landing-page .app-wrapper2 {
      height: 81vh; } }
  @media (min-width: 1850px) and (max-width: 1920px) {
    .landing-page .app-wrapper2 {
      height: 78vh; } }
  @media (min-width: 1780px) and (max-width: 1849px) {
    .landing-page .app-wrapper2 {
      height: 75vh; } }
  @media (min-width: 1710px) and (max-width: 1779px) {
    .landing-page .app-wrapper2 {
      height: 72vh; } }
  @media (min-width: 1640px) and (max-width: 1709px) {
    .landing-page .app-wrapper2 {
      height: 69vh; } }
  @media (min-width: 1590px) and (max-width: 1639px) {
    .landing-page .app-wrapper2 {
      height: 67vh; } }
  @media (min-width: 1550px) and (max-width: 1589px) {
    .landing-page .app-wrapper2 {
      height: 65vh; } }
  @media (min-width: 1500px) and (max-width: 1549px) {
    .landing-page .app-wrapper2 {
      height: 63vh; } }
  @media (min-width: 1470px) and (max-width: 1499px) {
    .landing-page .app-wrapper2 {
      height: 61vh; } }
  @media (min-width: 1430px) and (max-width: 1469px) {
    .landing-page .app-wrapper2 {
      height: 59vh; } }
  @media (min-width: 1390px) and (max-width: 1429px) {
    .landing-page .app-wrapper2 {
      height: 57vh; } }
  @media (min-width: 1330px) and (max-width: 1389px) {
    .landing-page .app-wrapper2 {
      height: 56vh; } }
  @media (min-width: 1270px) and (max-width: 1329px) {
    .landing-page .app-wrapper2 {
      height: 54vh; } }
  @media (min-width: 1230px) and (max-width: 1269px) {
    .landing-page .app-wrapper2 {
      height: 52vh; } }
  @media (min-width: 1200px) and (max-width: 1229px) {
    .landing-page .app-wrapper2 {
      height: 50vh; } }
  @media (max-width: 1199px) {
    .landing-page .app-wrapper2 {
      display: none; } }
  .landing-page .unsubscribe {
    height: 100vh; }
  .landing-page .scoped-bs4 .main-background {
    background: url("images/login/VerityCollegeDev/login.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
  .landing-page .scoped-bs4 .main-form--wrapper {
    min-height: 100vh; }
  .landing-page .scoped-bs4 .main-form {
    background-color: #fff;
    max-width: 500px;
    z-index: 1; }
    .landing-page .scoped-bs4 .main-form .support {
      position: absolute;
      top: 15px;
      right: 15px; }

.login-logo {
  height: 150px;
  background: url("images/login/VerityCollegeDev/logo.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center left; }
  .login-logo.center {
    background-position: center; }

.scoped-bs4 .img-fluid.login-logo, .scoped-bs4 .carousel-inner > .carousel-item > img.login-logo, .scoped-bs4
.carousel-inner > .carousel-item > a > img.login-logo {
  content: url("images/login/VerityCollegeDev/logo.png");
  background: none;
  border-radius: 4px; }
  .scoped-bs4 .img-fluid.login-logo.define-height, .scoped-bs4 .carousel-inner > .carousel-item > img.login-logo.define-height, .scoped-bs4
  .carousel-inner > .carousel-item > a > img.login-logo.define-height {
    height: 150px; }

.login-wrapper {
  min-height: 100vh;
  /*box-shadow: 0 0 24px rgba(0,0,0,0.2);*/
  background: white;
  padding: 0; }
  @media (min-width: 768px) {
    .login-wrapper {
      border-left: 6px solid #C6579A; } }
  .login-wrapper .content-padding {
    min-height: 100vh;
    padding: 15%; }
  .login-wrapper h2 {
    padding-top: 36px;
    margin-bottom: 36px; }
  .login-wrapper .form-group {
    margin-bottom: 24px; }
  .login-wrapper #loginForm .checkbox .c-checkbox {
    padding-left: 2rem; }
  .login-wrapper .part-register {
    display: none; }
  .login-wrapper .forgot-pass h2 {
    margin-top: 12vh; }
  .login-wrapper .btn + .btn, .login-wrapper .reports-table .k-header.k-grid-top button.k-button + .btn, .reports-table .k-header.k-grid-top .login-wrapper button.k-button + .btn, .login-wrapper .reports-table .k-header.k-grid-top .btn + button.k-button, .reports-table .k-header.k-grid-top .login-wrapper .btn + button.k-button, .login-wrapper .reports-table .k-header.k-grid-top button.k-button + button.k-button, .reports-table .k-header.k-grid-top .login-wrapper button.k-button + button.k-button {
    margin-left: 12px; }

@media (min-width: 768px) {
  .login-copyright-section {
    position: absolute;
    bottom: 10%; } }

/* --- styles for login page */
.container-filters {
  display: block; }
  .container-filters ul {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .container-filters li {
    margin-bottom: 12px; }
    @media (min-width: 992px) {
      .container-filters li {
        display: inline-block;
        margin-bottom: 0; } }
    .container-filters li > .btn, .container-filters .reports-table .k-header.k-grid-top li > button.k-button, .reports-table .k-header.k-grid-top .container-filters li > button.k-button {
      text-align: left;
      text-transform: none;
      font-weight: normal; }
      .container-filters li > .btn > span, .container-filters .reports-table .k-header.k-grid-top li > button.k-button > span, .reports-table .k-header.k-grid-top .container-filters li > button.k-button > span {
        display: inline-block;
        width: 100%;
        margin-right: -8px; }
    .container-filters li .dropdown-toggle, .container-filters li .k-dropdown {
      width: 100%; }

.page-header + .content-filters-wrapper .content-filters {
  padding: 6px 24px;
  border-radius: 0;
  border-bottom: 1px solid #dedede; }
  @media (min-width: 768px) {
    .page-header + .content-filters-wrapper .content-filters {
      padding: 6px 36px; } }

.modal-header + .content-filters-wrapper .content-filters {
  padding: 12px 36px; }

.k-grid-custom-header + .content-filters-wrapper .content-filters {
  border-radius: 0; }

.content-filters {
  background: #fafafa;
  padding: 6px;
  border-radius: 4px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .content-filters::after {
    content: "";
    display: table;
    clear: both; }
  .content-filters .row, .content-filters .stat-grid, .content-filters .widget-grid {
    padding: 0 20px; }
    @media (min-width: 768px) {
      .content-filters .row > .filter-wrapper:first-of-type, .content-filters .stat-grid > .filter-wrapper:first-of-type, .content-filters .widget-grid > .filter-wrapper:first-of-type {
        padding-left: 12px; } }
    @media (max-width: 991px) {
      .content-filters .row, .content-filters .stat-grid, .content-filters .widget-grid {
        margin-bottom: 20px; } }
  .content-filters.sticky {
    position: fixed;
    z-index: 102;
    top: 0;
    right: 0;
    display: block;
    width: 100%; }
    @media (max-width: 767px) {
      .content-filters.sticky {
        position: relative; } }
    @media (min-width: 768px) {
      .content-filters.sticky {
        padding: 6px 36px;
        width: calc(100% - 60px); } }
  @media (min-width: 768px) {
    .content-filters .collapse {
      display: inline; } }
  .content-filters.content-filters--flex {
    display: flex;
    flex-wrap: wrap; }
    .content-filters.content-filters--flex .filter-wrapper {
      flex: 1 0 0; }
      .content-filters.content-filters--flex .filter-wrapper--2x.filter-wrapper {
        flex: 2 0 0; }

/* Analytics top filters smaller screens */
@media (max-width: 991px) {
  #filters-collapse-lg.sticky {
    width: 100%; } }

.filter-wrapper {
  display: block;
  width: 100%;
  margin-bottom: 12px;
  padding: 6px;
  vertical-align: middle; }
  .filter-wrapper .simple-label {
    text-align: left; }
  .filter-wrapper .form-control, .filter-wrapper .daterangepicker .input-mini, .daterangepicker .filter-wrapper .input-mini, .filter-wrapper .readonlyeditor, .filter-wrapper .date-filter-trigger, .filter-wrapper .click-editor textarea, .click-editor .filter-wrapper textarea {
    font-weight: 500; }
  @media (min-width: 768px) {
    .filter-wrapper {
      display: inline-block;
      width: auto;
      min-width: 120px;
      margin-bottom: 0; } }

.k-dropdown-wrap,
.k-picker-wrap {
  height: 34px !important; }

.date-filter-trigger,
.k-dropdown-wrap > .k-input,
.k-dropdown-wrap > .k-select,
.k-autocomplete,
.teamcontainer,
.c-select.form-control,
.daterangepicker .c-select.input-mini,
.c-select.readonlyeditor,
.c-select.date-filter-trigger,
.click-editor textarea.c-select,
.custom-field-control {
  height: 36px !important; }

.custom-field-control {
  line-height: 33px;
  padding: 2.5px 0 !important;
  text-indent: .8em; }

.date-filter-trigger {
  position: relative;
  padding-right: 36px; }
  .date-filter-trigger:before {
    content: ' ';
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBzdHlsZT0iZmlsbDojODY5NkE0OyIgZD0iTTEyLDEyLjgwOWwtMy43NS0zLjc1bC0xLjA1NSwxLjA3OGw0LjI2Niw0LjI2NkwxMiwxNC45NDFsMC41MzktMC41MzlsNC4yNjYtNC4yNjZMMTUuNzUsOS4wNTlDMTUuNzUsOS4wNTksMTIsMTIuODA5LDEyLDEyLjgwOXoiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat; }

.btn-filters {
  padding: 12px 0; }

.page-content-filters {
  padding: 16px 24px;
  border-bottom: 1px solid #dedede;
  border-radius: 0;
  background: #fafafa;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .page-content-filters::after {
    content: "";
    display: table;
    clear: both; }
  @media (min-width: 768px) {
    .page-content-filters {
      padding-left: 36px;
      padding-right: 36px; } }
  .page-content-filters .row, .page-content-filters .stat-grid, .page-content-filters .widget-grid {
    padding: 0; }
  .page-content-filters .filter-wrapper {
    width: 100%;
    padding: 0; }
  .page-content-filters .k-multiselect-wrap ul {
    max-width: 100%; }
  .page-content-filters .offset-simple-label {
    padding-top: 16px; }
  .page-content-filters .refactored-custom-checkbox .c-label, .page-content-filters .refactored-inline-custom-checkbox {
    padding-left: 8px; }
  .page-content-filters .btn-simple-link + .btn-simple-link {
    margin: 0; }
  .page-content-filters .btn-simple-link {
    padding-left: 0;
    padding-right: 0; }
  .page-content-filters--wrapper {
    max-height: 600px;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .page-content-filters--wrapper.page-content-filters-hidden {
      overflow: hidden;
      max-height: 0px; }

.advanced-filters {
  width: 320px;
  height: 100%;
  overflow: hidden; }
  .advanced-filters--wrapper {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff; }
  .advanced-filters--content {
    padding-top: 16px;
    padding-bottom: 72px;
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden; }
  .advanced-filters--footer {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    padding: 16px;
    text-align: right;
    background: #fff;
    border-top: 1px solid #eeeeee; }
  .advanced-filters--filter-wrapper {
    padding: 24px 32px; }
    .advanced-filters--filter-wrapper + .advanced-filters--filter-wrapper {
      border-top: 1px solid #f5f5f5; }
  .advanced-filters--close-button {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 100;
    padding: 8px; }
  @media (max-width: 991px) {
    .advanced-filters.full-screen-md-down {
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      z-index: 1120; } }
  @media (max-width: 767px) {
    .advanced-filters {
      width: 100vw;
      height: 100vh;
      position: fixed;
      top: 0;
      z-index: 1120; } }

@media (min-width: 768px) {
  .lead-page-team-filter .teamcontainer + .text-xs-right {
    position: absolute;
    bottom: 1px;
    left: 100%;
    width: 100%;
    text-align: left !important; } }

.button-label-truncated {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
  vertical-align: middle; }

.btn--filter {
  position: relative;
  display: inline-block;
  padding: 8px 16px;
  margin-right: 8px;
  border-radius: 4px;
  background: #fff;
  border: 1px solid #eeeeee;
  font-weight: 500;
  color: #6d6c6d; }
  @media (max-width: 1199px) {
    .btn--filter {
      margin-bottom: 8px; } }
  .btn--filter:hover, .btn--filter:focus, .btn--filter:active {
    background: #f5f5f5;
    color: #424242; }
  .btn--filter .status-indicator {
    background: transparent;
    box-shadow: none; }
  .btn--filter-active {
    background: #eeeeee;
    border-color: #dedede;
    color: #222222; }

/*
    GLA-11521 Task-board filter row: size the fields to their content instead of to twelfths.

    The row is the legacy FLOAT grid (it computes to display:block, and col-md-auto exists only under
    .scoped-bs4, which the task board is not inside), so a column is always its fraction of 12 whatever
    it holds. Priority's five pills need 546px while col-md-5 gives it 735px, and that leftover 189px
    rendered as a ~209px hole between the last pill and the Master Inquiry Date field - the gap was
    inside Priority's column, not a gutter.

    Fix: at md and up make the row a flex line whose items shrink to their content, and let Search take
    the slack. Every gap then comes from the columns' own 12px paddings, which were already uniform, so
    all three spacings are identical and no dead space is left mid-row.

    Only applied when the Master Inquiry Date filter renders - the modifier class is emitted alongside
    it - so a tenant without the feature flag keeps the original 3 + 6 + 3 float layout untouched.

    The two explicit widths are deliberate, not magic numbers:
      - the date field must not resize as its text changes ("All dates" is 55px, a full range 176px),
        and .date-filter-trigger extends .form-control, so width:100% in a shrink-to-fit parent would
        track the text. 260px holds the widest range plus the chevron.
      - the view select would otherwise size to its widest option and jump when the list changes;
        220px fits "Previous Attempt Disposition".
*/
@media (min-width: 768px) {
  .task-filters-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    /*
            Both widths include the column's own 12px padding either side, so the control inside is
            24px narrower than the number here - which is why 220/260 was not enough on the first cut:
            it left the trigger at 224px against the 226px it needs, and the select at 190px where
            "Previous Attempt Disposition" truncates.
        */
    /*
            flex: 1 1 0 rather than a basis in pixels - an item is placed by its flex-basis and wraps
            before it ever shrinks, so a generous basis on the one item meant to absorb slack is what
            pushes it onto a line of its own. Claiming only leftover space means the fixed items alone
            decide whether the line breaks.
        */ }
    .task-filters-row > [class*="col-md-"] {
      float: none;
      flex: 0 0 auto;
      width: auto;
      max-width: none; }
    .task-filters-row .task-filters-row__view {
      width: 290px; }
    .task-filters-row .task-filters-row__date {
      width: 280px; }
    .task-filters-row .task-filters-row__search {
      flex: 1 1 0;
      /*
                The floor keeps Search usable, and the ceiling stops it ballooning: once the fixed
                fields plus this floor no longer fit, Search wraps onto a second line, where
                flex-grow would otherwise stretch it across the full row (measured 1260px at a
                1440px viewport). margin-left:auto then keeps it against the right edge on whichever
                line it lands.
            */
      min-width: 240px;
      max-width: 600px;
      margin-left: auto; } }

/* --- styles for filters */
video {
  width: 100%;
  height: 100%; }

.no-flex-shrink {
  flex-shrink: 0; }

.hidden-on-maximize.icon-wrapper + .hidden-on-minimize.icon-wrapper {
  margin-left: 0; }

.hidden-on-minimize.icon-wrapper.align-icon.align-top {
  vertical-align: top; }

.modal-title-inline {
  display: inline-block; }

.video-icon--success .icon use {
  fill: #19c572; }

.video-icon--fail .icon use {
  fill: #d34345; }

.video .hidden, .video .hidden * {
  animation-play-state: paused; }

.video.client .recording-terms {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  min-height: 100px;
  width: 100vw;
  background-color: dodgerblue;
  z-index: 2;
  color: white;
  font-weight: 600;
  flex-shrink: 0; }
  .video.client .recording-terms > * {
    margin: 6px; }
  .video.client .recording-terms svg use {
    fill: white; }

.video.client .recording {
  margin-right: 12px; }

.video.client .chat-wrapper--controls {
  max-height: 80vh;
  position: fixed;
  bottom: 0;
  right: 0;
  background: rgba(68, 68, 68, 0.855);
  display: flex;
  align-items: flex-end;
  border-radius: 6px;
  width: 100vw;
  max-width: 100vw;
  padding: 12px;
  z-index: 3; }
  @media only screen and (min-width: 600px) {
    .video.client .chat-wrapper--controls {
      padding: 24px;
      min-width: 600px;
      width: 30vw; } }

.video.client .message-log {
  max-height: unset;
  margin-top: 12px;
  overflow-y: auto; }

.video .chat-wrapper--controls {
  font-size: 1rem;
  color: unset;
  line-height: 1.5;
  display: flex;
  justify-content: space-between;
  flex-direction: column; }
  .video .chat-wrapper--controls.collapse {
    display: none; }
  .video .chat-wrapper--controls.collapse.in {
    display: flex; }
  .video .chat-wrapper--controls textarea {
    width: 100%;
    margin-right: 12px;
    border-radius: 6px;
    min-height: 40px; }
  .video .chat-wrapper--controls .chat-buttons {
    display: flex;
    justify-content: flex-end;
    flex-direction: row; }
  .video .chat-wrapper--controls .compose-message {
    display: flex;
    width: 100%; }

.video .message-log {
  overflow-y: auto;
  border: 1px solid white;
  margin-bottom: 16px;
  color: white;
  white-space: pre-wrap;
  border-radius: 6px;
  max-height: 40vh;
  padding: 12px;
  width: 100%; }
  .video .message-log:empty {
    border: none; }
    .video .message-log:empty:after {
      content: "No messages received";
      color: #999999; }
  .video .message-log .speaker {
    border: 0 solid transparent;
    border-left-width: 4px;
    padding-left: 6px;
    /* First message of a new author group (class set in
               insertNewChatMessageToConversation) gets breathing room
               from the previous speaker's block. */ }
    .video .message-log .speaker.new-speaker {
      margin-top: 12px; }
      .video .message-log .speaker.new-speaker:first-child {
        margin-top: 0; }

.modal-body .remote-media {
  position: sticky;
  width: 74%;
  margin-right: 0.5%;
  display: inline-block;
  border: 1px solid white;
  border-radius: 6px;
  min-width: 74%;
  overflow-y: auto; }

.modal-body .local-media {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

.modal-body .local-media-mirrored {
  position: absolute !important;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px !important; }

.scaled-down-05 {
  transform: scale(0.5); }

.client .remote-media {
  bottom: 30px;
  min-height: 100vh;
  height: 100%; }

.client .local-media {
  max-width: 170px;
  max-height: 170px;
  position: fixed;
  top: 10px;
  left: 10px;
  width: 20vw; }

.local-media-mirrored {
  max-width: 170px;
  max-height: 170px;
  position: fixed !important;
  bottom: 5px;
  right: 5px;
  width: 20vw;
  z-index: 1000;
  /*opacity: 0.75*/
  border: 0px !important; }

.local-media videoWrapper, .local-media-mirrored videoWrapper {
  border-radius: 6px;
  width: 100%; }

.local-media video, .local-media-mirrored video {
  border-radius: 6px; }

.remote-media videoWrapper {
  display: inline-block;
  line-height: 0;
  position: relative;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.remote-media videoWrapper.no-video {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: bottom;
  flex-direction: column; }
  .remote-media videoWrapper.no-video .initials--wrapper ~ .participant-name {
    position: static;
    margin-top: 16px;
    transform: unset; }

.client videoWrapper.no-video .initials--wrapper,
.modal-body videoWrapper.no-video .initials--wrapper {
  display: inline; }

.modal-body videoWrapper .initials--wrapper {
  border: calc(1vw * 0.75) solid #eee;
  border-radius: 100vh;
  padding: calc(2vw * 0.75); }

videoWrapper .initials--wrapper {
  border: 1vw solid #eee;
  border-radius: 100vh;
  padding: 2vw;
  display: none;
  position: relative; }

@media all and (orientation: portrait) {
  .modal-body videoWrapper .initials--content {
    width: calc(10vw * 0.75);
    height: calc(10vw * 0.75); }
  videoWrapper .initials--content {
    font-size: 5vw;
    width: 10vw;
    height: 10vw;
    line-height: 1;
    background: #3453c5;
    border-radius: 40vw;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #eee; } }

@media all and (orientation: landscape) {
  .modal-body videoWrapper .initials--wrapper {
    border: calc(1vh * 0.75) solid #eee;
    padding: calc(2vh * 0.75);
    border-radius: 100vh; }
  .client videoWrapper .initials--wrapper {
    border: 1vh solid #eee;
    border-radius: 100vh;
    padding: 2vh;
    display: none; }
  .modal-body videoWrapper .initials--content {
    width: calc(12vh * 0.75);
    height: calc(12vh * 0.75); }
  videoWrapper .initials--content {
    font-size: 5vh;
    width: 10vh;
    height: 10vh;
    line-height: 1;
    background: #3453c5;
    border-radius: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #eee; } }

.remote-media video {
  display: inline-block;
  object-fit: cover;
  line-height: 0;
  width: 100%;
  height: 100%; }

.remote-media .share-screen video {
  object-fit: contain; }

videoWrapper.share-screen {
  float: unset; }

videoWrapper.no-video video {
  display: none; }

videoWrapper.no-video.switched-off video.switched-off-video {
  display: inline-block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0; }

/* Screen share */
videoWrapper.share-enabled.share-screen.full-view {
  width: 100vw;
  height: 100vh;
  max-width: 100%;
  max-height: 100%;
  display: flex;
  margin-bottom: 3vmin; }

.client .remote-media-video {
  height: 100vh; }

.client .share-screen ~ .remote-media-video.video-disabled {
  height: 0; }
  .client .share-screen ~ .remote-media-video.video-disabled > videoWrapper {
    display: none; }

videoWrapper.share-screen .participant-name {
  left: 1%;
  transform: unset; }

.remote-media-video {
  height: 100%; }

@media all and (orientation: landscape) {
  videoWrapper:nth-of-type(1):nth-last-of-type(1) {
    width: 100%;
    height: 100%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(2) {
    width: 50%;
    height: 100%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(1) {
    width: 50%;
    height: 100%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(3) {
    width: 33.33333%;
    height: 100%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(2) {
    width: 33.33333%;
    height: 100%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(1) {
    width: 33.33333%;
    height: 100%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(4) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(3) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(3) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(2) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(1) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(5) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(4) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(3) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(3) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(2) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(1) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(6) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(5) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(4) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(3) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(2) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(1) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(7) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(6) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(5) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(4) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(3) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(2) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(1) {
    width: 33.33333%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(8) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(7) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(6) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(5) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(4) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(3) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(2) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(1) {
    width: 25%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(9) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(8) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(7) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(6) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(5) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(4) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(3) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(2) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(1) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(10) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(9) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(8) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(7) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(6) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(5) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(4) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(3) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(2) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(1) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(11) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(10) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(9) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(8) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(7) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(6) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(5) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(4) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(3) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(2) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(1) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(12) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(11) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(10) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(9) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(8) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(7) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(6) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(5) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(4) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(3) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(2) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(1) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(13) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(12) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(11) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(10) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(9) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(8) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(7) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(6) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(5) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(4) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(3) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(2) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(1) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(14) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(13) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(12) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(11) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(10) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(9) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(8) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(7) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(6) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(5) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(4) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(3) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(2) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(1) {
    width: 25%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(15) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(14) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(13) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(12) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(11) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(10) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(9) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(8) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(7) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(6) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(5) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(4) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(3) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(2) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(1) {
    width: 20%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(16) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(15) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(14) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(13) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(12) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(11) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(10) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(9) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(8) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(7) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(6) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(5) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(4) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(3) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(2) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(1) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(17) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(16) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(15) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(14) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(13) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(12) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(11) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(10) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(9) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(8) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(7) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(6) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(5) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(4) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(3) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(2) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(1) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(18) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(17) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(16) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(15) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(14) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(13) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(12) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(11) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(10) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(9) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(8) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(7) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(6) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(5) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(4) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(3) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(2) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(1) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(19) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(18) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(17) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(16) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(15) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(14) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(13) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(12) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(11) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(10) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(9) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(8) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(7) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(6) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(5) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(4) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(3) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(2) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(1) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(20) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(19) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(18) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(17) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(16) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(15) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(14) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(13) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(12) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(11) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(10) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(9) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(8) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(7) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(6) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(5) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(4) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(3) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(2) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(1) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(21) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(20) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(19) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(18) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(17) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(16) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(15) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(14) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(13) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(12) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(11) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(10) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(9) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(8) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(7) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(6) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(5) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(4) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(3) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(2) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(1) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(22) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(21) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(20) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(19) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(18) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(17) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(16) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(15) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(14) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(13) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(12) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(11) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(10) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(9) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(8) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(7) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(6) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(5) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(4) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(3) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(2) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(1) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(23) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(22) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(21) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(20) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(19) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(18) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(17) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(16) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(15) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(14) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(13) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(12) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(11) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(10) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(9) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(8) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(7) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(6) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(5) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(4) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(3) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(2) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(1) {
    width: 20%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(24) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(23) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(22) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(21) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(20) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(19) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(18) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(17) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(16) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(15) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(14) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(13) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(12) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(11) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(10) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(9) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(8) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(7) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(6) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(5) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(4) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(3) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(2) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(1) {
    width: 16.66667%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(25) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(24) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(23) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(22) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(21) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(20) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(19) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(18) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(17) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(16) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(15) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(14) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(13) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(12) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(11) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(10) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(9) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(8) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(7) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(6) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(5) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(4) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(3) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(2) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(1) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(26) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(25) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(24) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(23) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(22) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(21) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(20) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(19) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(18) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(17) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(16) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(15) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(14) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(13) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(12) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(11) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(10) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(9) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(8) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(7) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(6) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(5) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(4) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(3) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(2) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(1) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(27) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(26) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(25) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(24) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(23) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(22) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(21) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(20) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(19) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(18) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(17) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(16) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(15) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(14) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(13) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(12) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(11) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(10) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(9) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(8) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(7) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(6) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(5) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(4) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(3) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(2) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(1) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(28) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(27) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(26) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(25) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(24) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(23) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(22) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(21) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(20) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(19) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(18) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(17) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(16) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(15) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(14) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(13) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(12) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(11) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(10) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(9) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(8) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(7) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(6) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(5) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(4) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(3) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(2) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(1) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(29) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(28) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(27) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(26) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(25) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(24) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(23) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(22) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(21) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(20) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(19) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(18) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(17) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(16) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(15) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(14) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(13) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(12) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(11) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(10) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(9) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(8) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(7) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(6) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(5) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(4) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(3) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(2) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(1) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(30) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(29) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(28) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(27) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(26) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(25) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(24) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(23) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(22) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(21) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(20) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(19) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(18) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(17) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(16) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(15) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(14) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(13) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(12) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(11) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(10) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(9) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(8) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(7) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(6) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(5) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(4) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(3) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(2) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(1) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(31) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(30) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(29) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(28) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(27) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(26) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(25) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(24) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(23) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(22) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(21) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(20) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(19) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(18) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(17) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(16) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(15) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(14) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(13) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(12) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(11) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(10) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(9) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(8) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(7) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(6) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(5) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(4) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(3) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(2) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(1) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(32) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(31) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(30) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(29) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(28) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(27) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(26) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(25) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(24) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(23) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(22) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(21) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(20) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(19) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(18) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(17) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(16) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(15) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(14) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(13) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(12) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(11) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(10) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(9) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(8) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(7) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(6) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(5) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(4) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(3) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(2) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(1) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(33) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(32) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(31) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(30) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(29) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(28) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(27) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(26) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(25) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(24) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(23) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(22) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(21) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(20) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(19) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(18) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(17) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(16) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(15) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(14) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(13) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(12) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(11) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(10) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(9) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(8) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(7) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(6) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(5) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(4) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(3) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(2) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(1) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(34) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(33) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(32) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(31) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(30) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(29) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(28) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(27) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(26) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(25) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(24) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(23) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(22) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(21) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(20) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(19) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(18) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(17) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(16) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(15) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(14) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(13) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(12) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(11) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(10) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(9) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(8) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(7) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(6) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(5) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(4) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(3) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(2) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(1) {
    width: 16.66667%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(35) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(34) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(33) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(32) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(31) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(30) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(29) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(28) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(27) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(26) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(25) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(24) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(23) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(22) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(21) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(20) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(19) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(18) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(17) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(16) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(15) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(14) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(13) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(12) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(11) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(10) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(9) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(8) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(7) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(6) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(5) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(4) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(3) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(2) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(1) {
    width: 14.28571%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(36) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(35) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(34) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(33) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(32) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(31) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(30) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(29) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(28) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(27) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(26) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(25) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(24) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(23) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(22) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(21) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(20) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(19) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(18) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(17) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(16) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(15) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(14) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(13) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(12) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(11) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(10) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(9) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(8) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(7) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(6) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(5) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(4) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(3) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(2) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(1) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(37) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(36) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(35) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(34) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(33) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(32) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(31) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(30) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(29) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(28) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(27) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(26) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(25) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(24) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(23) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(22) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(21) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(20) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(19) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(18) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(17) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(16) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(15) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(14) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(13) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(12) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(11) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(10) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(9) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(8) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(7) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(6) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(5) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(4) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(3) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(2) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(1) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(38) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(37) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(36) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(35) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(34) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(33) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(32) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(31) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(30) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(29) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(28) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(27) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(26) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(25) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(24) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(23) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(22) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(21) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(20) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(19) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(18) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(17) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(16) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(15) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(14) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(13) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(12) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(11) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(10) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(9) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(8) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(7) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(6) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(5) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(4) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(3) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(2) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(1) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(39) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(38) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(37) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(36) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(35) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(34) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(33) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(32) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(31) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(30) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(29) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(28) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(27) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(26) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(25) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(24) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(23) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(22) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(21) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(20) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(19) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(18) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(17) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(16) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(15) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(14) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(13) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(12) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(11) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(10) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(9) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(8) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(7) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(6) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(5) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(4) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(3) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(2) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(1) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(40) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(39) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(38) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(37) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(36) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(35) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(34) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(33) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(32) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(31) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(30) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(29) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(28) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(27) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(26) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(25) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(24) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(23) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(22) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(21) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(20) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(19) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(18) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(17) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(16) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(15) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(14) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(13) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(12) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(11) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(10) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(9) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(8) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(7) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(6) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(5) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(4) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(3) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(2) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(1) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(41) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(40) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(39) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(38) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(37) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(36) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(35) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(34) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(33) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(32) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(31) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(30) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(29) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(28) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(27) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(26) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(25) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(24) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(23) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(22) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(21) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(20) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(19) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(18) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(17) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(16) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(15) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(14) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(13) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(12) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(11) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(10) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(9) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(8) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(7) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(6) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(5) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(4) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(3) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(2) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(1) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(42) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(41) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(40) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(39) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(38) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(37) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(36) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(35) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(34) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(33) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(32) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(31) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(30) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(29) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(28) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(27) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(26) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(25) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(24) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(23) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(22) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(21) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(20) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(19) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(18) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(17) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(16) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(15) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(14) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(13) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(12) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(11) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(10) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(9) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(8) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(7) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(6) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(5) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(4) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(3) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(2) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(1) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(43) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(42) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(41) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(40) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(39) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(38) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(37) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(36) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(35) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(34) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(33) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(32) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(31) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(30) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(29) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(28) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(27) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(26) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(25) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(24) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(23) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(22) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(21) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(20) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(19) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(18) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(17) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(16) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(15) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(14) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(13) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(12) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(11) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(10) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(9) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(8) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(7) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(6) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(5) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(4) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(3) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(2) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(1) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(44) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(43) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(42) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(41) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(40) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(39) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(38) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(37) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(36) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(35) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(34) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(33) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(32) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(31) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(30) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(29) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(28) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(27) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(26) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(25) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(24) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(23) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(22) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(21) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(20) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(19) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(18) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(17) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(16) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(15) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(14) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(13) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(12) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(11) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(10) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(9) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(8) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(7) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(6) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(5) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(4) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(3) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(2) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(1) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(45) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(44) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(43) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(42) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(41) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(40) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(39) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(38) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(37) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(36) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(35) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(34) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(33) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(32) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(31) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(30) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(29) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(28) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(27) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(26) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(25) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(24) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(23) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(22) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(21) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(20) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(19) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(18) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(17) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(16) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(15) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(14) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(13) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(12) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(11) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(10) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(9) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(8) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(7) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(6) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(5) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(4) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(3) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(2) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(44):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(1) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(46) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(45) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(44) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(43) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(42) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(41) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(40) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(39) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(38) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(37) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(36) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(35) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(34) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(33) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(32) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(31) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(30) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(29) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(28) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(27) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(26) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(25) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(24) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(23) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(22) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(21) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(20) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(19) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(18) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(17) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(16) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(15) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(14) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(13) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(12) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(11) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(10) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(9) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(8) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(7) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(6) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(5) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(4) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(3) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(44):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(2) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(45):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(1) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(47) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(47) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(47) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(46) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(45) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(44) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(43) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(42) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(41) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(40) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(39) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(38) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(37) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(36) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(35) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(34) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(33) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(32) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(31) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(30) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(29) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(28) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(27) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(26) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(25) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(24) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(23) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(22) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(21) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(20) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(19) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(18) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(17) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(16) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(15) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(14) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(13) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(12) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(11) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(10) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(9) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(8) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(7) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(6) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(5) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(4) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(44):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(3) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(45):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(2) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(46):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(1) {
    width: 14.28571%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(48) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(48) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(48) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(47) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(47) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(47) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(46) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(45) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(44) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(43) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(42) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(41) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(40) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(39) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(38) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(37) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(36) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(35) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(34) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(33) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(32) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(31) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(30) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(29) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(28) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(27) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(26) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(25) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(24) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(23) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(22) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(21) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(20) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(19) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(18) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(17) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(16) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(15) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(14) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(13) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(12) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(11) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(10) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(9) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(8) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(7) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(6) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(5) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(44):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(4) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(45):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(3) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(46):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(2) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(47):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(48):nth-last-of-type(1) {
    width: 12.5%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(49) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(49) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(49) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(48) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(48) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(48) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(47) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(47) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(47) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(46) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(45) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(44) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(43) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(42) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(41) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(40) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(39) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(38) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(37) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(36) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(35) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(34) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(33) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(32) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(31) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(30) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(29) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(28) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(27) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(26) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(25) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(24) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(23) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(22) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(21) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(20) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(19) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(18) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(17) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(16) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(15) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(14) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(13) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(12) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(11) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(10) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(9) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(8) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(7) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(6) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(44):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(5) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(45):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(4) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(46):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(3) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(47):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(48):nth-last-of-type(2) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(48):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(49):nth-last-of-type(1) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(50) {
    width: 12.5%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(50) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(50) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(49) {
    width: 12.5%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(49) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(49) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(48) {
    width: 12.5%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(48) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(48) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(47) {
    width: 12.5%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(47) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(47) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(46) {
    width: 12.5%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(45) {
    width: 12.5%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(44) {
    width: 12.5%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(43) {
    width: 12.5%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(42) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(41) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(40) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(39) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(38) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(37) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(36) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(35) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(34) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(33) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(32) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(31) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(30) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(29) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(28) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(27) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(26) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(25) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(24) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(23) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(22) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(21) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(20) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(19) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(18) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(17) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(16) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(15) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(14) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(13) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(12) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(11) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(10) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(9) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(8) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(7) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(44):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(6) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(45):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(5) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(46):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(4) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(47):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(48):nth-last-of-type(3) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(48):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(49):nth-last-of-type(2) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(49):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(50):nth-last-of-type(1) {
    width: 14.28571%;
    height: 14.28571%; } }

@media all and (orientation: portrait) {
  videoWrapper:nth-of-type(1):nth-last-of-type(1) {
    width: 100%;
    height: 100%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(2) {
    width: 100%;
    height: 50%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(1) {
    width: 100%;
    height: 50%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(3) {
    width: 100%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(2) {
    width: 100%;
    height: 33.33333%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(1) {
    width: 100%;
    height: 33.33333%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(4) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(3) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(3) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(2) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(1) {
    width: 50%;
    height: 50%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(5) {
    width: 50%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(4) {
    width: 50%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(3) {
    width: 50%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(2) {
    width: 50%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(1) {
    width: 100%;
    height: 33.33333%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(6) {
    width: 50%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(5) {
    width: 50%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(4) {
    width: 50%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(3) {
    width: 50%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(2) {
    width: 50%;
    height: 33.33333%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(1) {
    width: 50%;
    height: 33.33333%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(7) {
    width: 50%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(6) {
    width: 50%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(5) {
    width: 50%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(4) {
    width: 50%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(3) {
    width: 50%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(2) {
    width: 50%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(1) {
    width: 100%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(8) {
    width: 50%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(7) {
    width: 50%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(6) {
    width: 50%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(5) {
    width: 50%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(4) {
    width: 50%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(3) {
    width: 50%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(2) {
    width: 50%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(1) {
    width: 50%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(9) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(8) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(7) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(6) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(5) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(4) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(4) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(3) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(2) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(1) {
    width: 33.33333%;
    height: 33.33333%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(10) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(9) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(8) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(7) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(6) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(5) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(4) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(3) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(2) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(1) {
    width: 100%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(11) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(10) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(9) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(8) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(7) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(6) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(5) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(4) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(3) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(2) {
    width: 50%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(1) {
    width: 50%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(12) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(11) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(10) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(9) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(8) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(7) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(6) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(5) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(4) {
    width: 33.33333%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(3) {
    width: 33.33333%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(2) {
    width: 33.33333%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(1) {
    width: 33.33333%;
    height: 25%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(13) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(12) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(11) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(10) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(9) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(8) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(7) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(6) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(5) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(4) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(3) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(2) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(1) {
    width: 100%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(14) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(13) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(12) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(11) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(10) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(9) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(8) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(7) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(6) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(5) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(4) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(3) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(2) {
    width: 50%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(1) {
    width: 50%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(15) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(14) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(13) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(12) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(11) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(10) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(9) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(8) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(7) {
    width: 33.33333%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(6) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(5) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(4) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(3) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(2) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(1) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(16) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(15) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(14) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(13) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(12) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(11) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(10) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(9) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(8) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(7) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(6) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(5) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(5) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(4) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(3) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(2) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(1) {
    width: 25%;
    height: 25%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(17) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(16) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(15) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(14) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(13) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(12) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(11) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(10) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(9) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(8) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(7) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(6) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(5) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(4) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(3) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(2) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(1) {
    width: 100%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(18) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(17) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(16) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(15) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(14) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(13) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(12) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(11) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(10) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(9) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(8) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(7) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(6) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(5) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(4) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(3) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(2) {
    width: 50%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(1) {
    width: 50%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(19) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(18) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(17) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(16) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(15) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(14) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(13) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(12) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(11) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(10) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(9) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(8) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(7) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(6) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(5) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(4) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(3) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(2) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(1) {
    width: 33.33333%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(20) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(19) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(18) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(17) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(16) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(15) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(14) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(13) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(12) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(11) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(10) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(9) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(8) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(7) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(6) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(5) {
    width: 25%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(4) {
    width: 25%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(3) {
    width: 25%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(2) {
    width: 25%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(1) {
    width: 25%;
    height: 20%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(21) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(20) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(19) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(18) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(17) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(16) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(15) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(14) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(13) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(12) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(11) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(10) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(9) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(8) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(7) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(6) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(5) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(4) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(3) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(2) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(1) {
    width: 100%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(22) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(21) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(20) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(19) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(18) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(17) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(16) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(15) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(14) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(13) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(12) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(11) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(10) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(9) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(8) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(7) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(6) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(5) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(4) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(3) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(2) {
    width: 50%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(1) {
    width: 50%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(23) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(22) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(21) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(20) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(19) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(18) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(17) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(16) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(15) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(14) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(13) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(12) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(11) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(10) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(9) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(8) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(7) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(6) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(5) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(4) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(3) {
    width: 33.33333%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(2) {
    width: 33.33333%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(1) {
    width: 33.33333%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(24) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(23) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(22) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(21) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(20) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(19) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(18) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(17) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(16) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(15) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(14) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(13) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(12) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(11) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(10) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(9) {
    width: 25%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(8) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(7) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(6) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(5) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(4) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(3) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(2) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(1) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(25) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(24) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(23) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(22) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(21) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(20) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(19) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(18) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(17) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(16) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(15) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(14) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(13) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(12) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(11) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(10) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(9) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(8) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(7) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(6) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(6) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(5) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(4) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(3) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(2) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(1) {
    width: 20%;
    height: 20%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(26) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(25) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(24) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(23) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(22) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(21) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(20) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(19) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(18) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(17) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(16) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(15) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(14) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(13) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(12) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(11) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(10) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(9) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(8) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(7) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(6) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(5) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(4) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(3) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(2) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(1) {
    width: 100%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(27) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(26) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(25) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(24) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(23) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(22) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(21) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(20) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(19) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(18) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(17) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(16) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(15) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(14) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(13) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(12) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(11) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(10) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(9) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(8) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(7) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(6) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(5) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(4) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(3) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(2) {
    width: 50%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(1) {
    width: 50%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(28) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(27) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(26) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(25) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(24) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(23) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(22) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(21) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(20) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(19) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(18) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(17) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(16) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(15) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(14) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(13) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(12) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(11) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(10) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(9) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(8) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(7) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(6) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(5) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(4) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(3) {
    width: 33.33333%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(2) {
    width: 33.33333%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(1) {
    width: 33.33333%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(29) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(28) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(27) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(26) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(25) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(24) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(23) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(22) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(21) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(20) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(19) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(18) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(17) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(16) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(15) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(14) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(13) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(12) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(11) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(10) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(9) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(8) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(7) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(6) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(5) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(4) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(3) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(2) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(1) {
    width: 25%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(30) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(29) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(28) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(27) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(26) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(25) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(24) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(23) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(22) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(21) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(20) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(19) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(18) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(17) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(16) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(15) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(14) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(13) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(12) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(11) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(10) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(9) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(8) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(7) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(6) {
    width: 20%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(5) {
    width: 20%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(4) {
    width: 20%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(3) {
    width: 20%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(2) {
    width: 20%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(1) {
    width: 20%;
    height: 16.66667%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(31) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(30) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(29) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(28) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(27) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(26) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(25) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(24) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(23) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(22) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(21) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(20) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(19) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(18) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(17) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(16) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(15) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(14) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(13) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(12) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(11) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(10) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(9) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(8) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(7) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(6) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(5) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(4) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(3) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(2) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(1) {
    width: 100%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(32) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(31) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(30) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(29) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(28) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(27) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(26) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(25) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(24) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(23) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(22) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(21) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(20) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(19) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(18) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(17) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(16) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(15) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(14) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(13) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(12) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(11) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(10) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(9) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(8) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(7) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(6) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(5) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(4) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(3) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(2) {
    width: 50%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(1) {
    width: 50%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(33) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(32) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(31) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(30) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(29) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(28) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(27) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(26) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(25) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(24) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(23) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(22) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(21) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(20) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(19) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(18) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(17) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(16) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(15) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(14) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(13) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(12) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(11) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(10) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(9) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(8) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(7) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(6) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(5) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(4) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(3) {
    width: 33.33333%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(2) {
    width: 33.33333%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(1) {
    width: 33.33333%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(34) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(33) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(32) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(31) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(30) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(29) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(28) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(27) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(26) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(25) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(24) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(23) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(22) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(21) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(20) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(19) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(18) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(17) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(16) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(15) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(14) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(13) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(12) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(11) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(10) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(9) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(8) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(7) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(6) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(5) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(4) {
    width: 25%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(3) {
    width: 25%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(2) {
    width: 25%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(1) {
    width: 25%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(35) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(34) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(33) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(32) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(31) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(30) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(29) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(28) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(27) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(26) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(25) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(24) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(23) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(22) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(21) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(20) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(19) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(18) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(17) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(16) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(15) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(14) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(13) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(12) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(11) {
    width: 20%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(10) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(9) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(8) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(7) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(6) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(5) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(4) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(3) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(2) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(1) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(36) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(35) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(34) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(33) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(32) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(31) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(30) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(29) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(28) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(27) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(26) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(25) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(24) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(23) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(22) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(21) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(20) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(19) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(18) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(17) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(16) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(15) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(14) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(13) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(12) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(11) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(10) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(9) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(8) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(7) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(7) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(6) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(5) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(4) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(3) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(2) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(1) {
    width: 16.66667%;
    height: 16.66667%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(37) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(36) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(35) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(34) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(33) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(32) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(31) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(30) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(29) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(28) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(27) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(26) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(25) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(24) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(23) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(22) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(21) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(20) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(19) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(18) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(17) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(16) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(15) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(14) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(13) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(12) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(11) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(10) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(9) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(8) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(7) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(6) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(5) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(4) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(3) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(2) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(1) {
    width: 100%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(38) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(37) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(36) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(35) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(34) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(33) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(32) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(31) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(30) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(29) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(28) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(27) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(26) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(25) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(24) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(23) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(22) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(21) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(20) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(19) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(18) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(17) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(16) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(15) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(14) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(13) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(12) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(11) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(10) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(9) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(8) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(7) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(6) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(5) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(4) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(3) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(2) {
    width: 50%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(1) {
    width: 50%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(39) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(38) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(37) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(36) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(35) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(34) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(33) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(32) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(31) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(30) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(29) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(28) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(27) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(26) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(25) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(24) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(23) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(22) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(21) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(20) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(19) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(18) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(17) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(16) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(15) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(14) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(13) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(12) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(11) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(10) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(9) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(8) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(7) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(6) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(5) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(4) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(3) {
    width: 33.33333%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(2) {
    width: 33.33333%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(1) {
    width: 33.33333%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(40) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(39) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(38) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(37) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(36) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(35) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(34) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(33) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(32) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(31) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(30) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(29) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(28) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(27) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(26) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(25) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(24) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(23) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(22) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(21) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(20) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(19) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(18) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(17) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(16) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(15) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(14) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(13) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(12) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(11) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(10) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(9) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(8) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(7) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(6) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(5) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(4) {
    width: 25%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(3) {
    width: 25%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(2) {
    width: 25%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(1) {
    width: 25%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(41) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(40) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(39) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(38) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(37) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(36) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(35) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(34) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(33) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(32) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(31) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(30) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(29) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(28) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(27) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(26) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(25) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(24) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(23) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(22) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(21) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(20) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(19) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(18) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(17) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(16) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(15) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(14) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(13) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(12) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(11) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(10) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(9) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(8) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(7) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(6) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(5) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(4) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(3) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(2) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(1) {
    width: 20%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(42) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(41) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(40) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(39) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(38) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(37) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(36) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(35) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(34) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(33) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(32) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(31) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(30) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(29) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(28) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(27) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(26) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(25) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(24) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(23) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(22) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(21) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(20) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(19) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(18) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(17) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(16) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(15) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(14) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(13) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(12) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(11) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(10) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(9) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(8) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(7) {
    width: 16.66667%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(6) {
    width: 16.66667%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(5) {
    width: 16.66667%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(4) {
    width: 16.66667%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(3) {
    width: 16.66667%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(2) {
    width: 16.66667%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(1) {
    width: 16.66667%;
    height: 14.28571%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(43) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(42) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(41) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(40) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(39) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(38) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(37) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(36) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(35) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(34) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(33) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(32) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(31) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(30) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(29) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(28) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(27) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(26) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(25) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(24) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(23) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(22) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(21) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(20) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(19) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(18) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(17) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(16) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(15) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(14) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(13) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(12) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(11) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(10) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(9) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(8) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(7) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(6) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(5) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(4) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(3) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(2) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(1) {
    width: 100%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(44) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(43) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(42) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(41) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(40) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(39) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(38) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(37) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(36) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(35) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(34) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(33) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(32) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(31) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(30) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(29) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(28) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(27) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(26) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(25) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(24) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(23) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(22) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(21) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(20) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(19) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(18) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(17) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(16) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(15) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(14) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(13) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(12) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(11) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(10) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(9) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(8) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(7) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(6) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(5) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(4) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(3) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(2) {
    width: 50%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(1) {
    width: 50%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(45) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(44) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(43) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(42) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(41) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(40) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(39) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(38) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(37) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(36) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(35) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(34) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(33) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(32) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(31) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(30) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(29) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(28) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(27) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(26) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(25) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(24) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(23) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(22) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(21) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(20) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(19) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(18) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(17) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(16) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(15) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(14) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(13) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(12) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(11) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(10) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(9) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(8) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(7) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(6) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(5) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(4) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(3) {
    width: 33.33333%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(2) {
    width: 33.33333%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(1) {
    width: 33.33333%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(46) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(45) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(44) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(43) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(42) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(41) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(40) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(39) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(38) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(37) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(36) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(35) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(34) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(33) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(32) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(31) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(30) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(29) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(28) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(27) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(26) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(25) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(24) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(23) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(22) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(21) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(20) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(19) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(18) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(17) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(16) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(15) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(14) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(13) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(12) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(11) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(10) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(9) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(8) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(7) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(6) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(5) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(4) {
    width: 25%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(3) {
    width: 25%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(2) {
    width: 25%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(1) {
    width: 25%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(47) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(47) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(47) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(46) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(45) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(44) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(43) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(42) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(41) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(40) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(39) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(38) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(37) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(36) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(35) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(34) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(33) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(32) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(31) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(30) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(29) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(28) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(27) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(26) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(25) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(24) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(23) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(22) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(21) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(20) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(19) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(18) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(17) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(16) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(15) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(14) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(13) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(12) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(11) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(10) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(9) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(8) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(7) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(6) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(5) {
    width: 20%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(4) {
    width: 20%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(3) {
    width: 20%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(2) {
    width: 20%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(1) {
    width: 20%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(48) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(48) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(48) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(47) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(47) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(47) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(46) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(45) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(44) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(43) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(42) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(41) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(40) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(39) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(38) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(37) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(36) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(35) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(34) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(33) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(32) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(31) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(30) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(29) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(28) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(27) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(26) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(25) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(24) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(23) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(22) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(21) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(20) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(19) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(18) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(17) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(16) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(15) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(14) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(13) {
    width: 16.66667%;
    height: 12.5%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(12) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(11) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(10) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(9) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(8) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(7) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(6) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(5) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(4) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(3) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(2) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(48):nth-last-of-type(1) {
    width: 16.66667%;
    height: 12.5%;
    border-top: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(49) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(49) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(49) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(48) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(48) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(48) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(47) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(47) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(47) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(46) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(45) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(44) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(44) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(43) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(42) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(41) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(40) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(39) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(38) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(37) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(37) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(36) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(35) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(34) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(33) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(32) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(31) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(30) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(30) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(29) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(28) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(27) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(26) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(25) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(24) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(23) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(23) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(22) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(21) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(20) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(19) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(18) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(17) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(16) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(16) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(15) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(14) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(13) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(12) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(11) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(10) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(9) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(9) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(8) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(8) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(7) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(6) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(44):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(5) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(45):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(4) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(46):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(3) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(47):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(48):nth-last-of-type(2) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(48):nth-last-of-type(2) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(49):nth-last-of-type(1) {
    width: 14.28571%;
    height: 14.28571%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(50) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(1):nth-last-of-type(50) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(1):nth-last-of-type(50) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(49) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(2):nth-last-of-type(49) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(2):nth-last-of-type(49) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(48) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(3):nth-last-of-type(48) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(3):nth-last-of-type(48) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(47) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(4):nth-last-of-type(47) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(4):nth-last-of-type(47) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(46) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(5):nth-last-of-type(46) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(5):nth-last-of-type(46) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(45) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(6):nth-last-of-type(45) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(6):nth-last-of-type(45) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(7):nth-last-of-type(44) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(7):nth-last-of-type(44) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(43) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(8):nth-last-of-type(43) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(8):nth-last-of-type(43) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(42) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(9):nth-last-of-type(42) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(9):nth-last-of-type(42) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(41) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(10):nth-last-of-type(41) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(10):nth-last-of-type(41) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(40) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(11):nth-last-of-type(40) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(11):nth-last-of-type(40) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(39) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(12):nth-last-of-type(39) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(12):nth-last-of-type(39) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(38) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(13):nth-last-of-type(38) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(13):nth-last-of-type(38) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(14):nth-last-of-type(37) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(14):nth-last-of-type(37) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(36) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(15):nth-last-of-type(36) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(15):nth-last-of-type(36) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(35) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(16):nth-last-of-type(35) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(16):nth-last-of-type(35) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(34) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(17):nth-last-of-type(34) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(17):nth-last-of-type(34) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(33) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(18):nth-last-of-type(33) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(18):nth-last-of-type(33) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(32) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(19):nth-last-of-type(32) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(19):nth-last-of-type(32) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(31) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(20):nth-last-of-type(31) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(20):nth-last-of-type(31) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(21):nth-last-of-type(30) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(21):nth-last-of-type(30) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(29) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(22):nth-last-of-type(29) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(22):nth-last-of-type(29) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(28) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(23):nth-last-of-type(28) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(23):nth-last-of-type(28) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(27) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(24):nth-last-of-type(27) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(24):nth-last-of-type(27) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(26) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(25):nth-last-of-type(26) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(25):nth-last-of-type(26) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(25) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(26):nth-last-of-type(25) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(26):nth-last-of-type(25) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(24) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(27):nth-last-of-type(24) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(27):nth-last-of-type(24) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(28):nth-last-of-type(23) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(28):nth-last-of-type(23) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(22) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(29):nth-last-of-type(22) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(29):nth-last-of-type(22) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(21) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(30):nth-last-of-type(21) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(30):nth-last-of-type(21) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(20) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(31):nth-last-of-type(20) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(31):nth-last-of-type(20) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(19) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(32):nth-last-of-type(19) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(32):nth-last-of-type(19) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(18) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(33):nth-last-of-type(18) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(33):nth-last-of-type(18) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(17) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(34):nth-last-of-type(17) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(34):nth-last-of-type(17) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(35):nth-last-of-type(16) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(35):nth-last-of-type(16) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(15) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(36):nth-last-of-type(15) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(36):nth-last-of-type(15) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(14) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(37):nth-last-of-type(14) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(37):nth-last-of-type(14) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(13) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(38):nth-last-of-type(13) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(38):nth-last-of-type(13) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(12) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(39):nth-last-of-type(12) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(39):nth-last-of-type(12) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(11) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(40):nth-last-of-type(11) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(40):nth-last-of-type(11) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(10) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(41):nth-last-of-type(10) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(41):nth-last-of-type(10) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(42):nth-last-of-type(9) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(42):nth-last-of-type(9) {
    border-bottom: 1px solid white; }
  videoWrapper:nth-of-type(43):nth-last-of-type(8) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(43):nth-last-of-type(8) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(44):nth-last-of-type(7) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(44):nth-last-of-type(7) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(45):nth-last-of-type(6) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(45):nth-last-of-type(6) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(46):nth-last-of-type(5) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(46):nth-last-of-type(5) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(47):nth-last-of-type(4) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(47):nth-last-of-type(4) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(48):nth-last-of-type(3) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(48):nth-last-of-type(3) {
    border-right: 1px solid white; }
  videoWrapper:nth-of-type(49):nth-last-of-type(2) {
    width: 14.28571%;
    height: 12.5%; }
  videoWrapper:nth-of-type(50):nth-last-of-type(1) {
    width: 100%;
    height: 12.5%;
    border-top: 1px solid white; } }

@media only screen and (max-width: 600px) and (orientation: portrait) {
  .video.client .remote-media-video videoWrapper:nth-of-type(1):nth-last-of-type(4) {
    width: 100%;
    height: 25%;
    border-right: 0;
    border-bottom: 1px solid white; }
  .video.client .remote-media-video videoWrapper:nth-of-type(2):nth-last-of-type(3) {
    width: 100%;
    height: 25%;
    border-right: 0;
    border-bottom: 1px solid white; }
  .video.client .remote-media-video videoWrapper:nth-of-type(3):nth-last-of-type(2) {
    width: 100%;
    height: 25%;
    border-right: 0;
    border-bottom: 1px solid white; }
  .video.client .remote-media-video videoWrapper:nth-of-type(4):nth-last-of-type(1) {
    width: 100%;
    height: 25%;
    border-right: 0; } }

.modal-body.video-body {
  background-color: #0a0c14;
  background-image: url("images/Shared/black-linen-2.png");
  height: calc(100% - 74px); }

body.landing-page .app-wrapper .client {
  background-color: #0a0c14;
  background-image: url("images/Shared/black-linen-2.png"); }

.verity-powered {
  position: fixed;
  bottom: 8px;
  right: 8px;
  font-size: 0.75rem;
  color: #a4b1f9;
  background-color: #0a0c14;
  background-image: url("images/Shared/black-linen-2.png");
  padding: 6px;
  border-radius: 4px;
  z-index: 2;
  pointer-events: none; }

.share-screen .participant-name {
  background-color: #0a0c14;
  background-image: url("images/Shared/black-linen-2.png");
  padding: 6px;
  border-radius: 4px; }

.client .video-control--block {
  position: fixed;
  bottom: 10vh;
  display: flex;
  justify-content: space-around;
  width: 100%; }

.modal-body .video-control--wrapper {
  display: flex;
  justify-content: center;
  flex-direction: row;
  width: 74%;
  margin-top: 16px; }

.video-control--wrapper {
  display: flex;
  /*block?*/
  background: #333;
  border-radius: 6px;
  padding: 6px;
  align-items: center;
  justify-content: space-around;
  z-index: 1; }

.client .video-control--wrapper {
  min-width: 20vw;
  max-width: 100vw;
  margin: 0 12px; }

.video-control {
  display: flex;
  /*inline-flex?*/
  max-width: 30vw;
  min-width: 24px;
  justify-content: center; }

.modal-body .video-control.network-quality {
  position: absolute;
  right: 12px;
  top: 12px; }

.video-control--toggle {
  width: 36px;
  margin: 0 20px; }

#button-show-chat .video-control--toggle.collapsed use, .video-control .video-control--toggle use {
  fill: #d34345; }

#button-show-chat .video-control--toggle use, .video-control--toggle.control--active use {
  fill: #19c572; }

.video-control--toggle.end-call svg {
  transform: rotate(225deg);
  transition: transform .3s; }

.video-control--toggle.end-call.control--active svg {
  transform: rotate(0) scale(0.8); }

.sizing-box {
  height: 30px;
  width: 35px;
  font-size: 0; }

.client .signal-bars {
  position: absolute;
  display: flex;
  align-items: center; }

.signal-bars {
  display: inline-block;
  top: 10px;
  right: 10px; }

.bar {
  border-radius: 3px; }

.signal-bars .bar {
  width: 20%;
  min-height: 20%;
  display: inline-block; }

.signal-bars .bar.first-bar {
  height: 20%; }

.signal-bars .bar.second-bar {
  height: 40%; }

.signal-bars .bar.third-bar {
  height: 60%; }

.signal-bars .bar.fourth-bar {
  height: 80%; }

.signal-bars .bar.fifth-bar {
  height: 99%; }

.good .bar {
  background-color: #19c572;
  border: thin solid #217532; }

.bad .bar {
  background-color: #d34345;
  border: thin solid #a32335; }

.ok .bar {
  background-color: #f1c40f;
  border: thin solid #a1940f; }

.four-bars .bar.fifth-bar,
.three-bars .bar.fifth-bar,
.three-bars .bar.fourth-bar,
.one-bar .bar:not(.first-bar),
.two-bars .bar:not(.first-bar):not(.second-bar) {
  background-color: transparent;
  /*border: thin solid #f3f3f3;*/ }

.participant-name {
  position: absolute;
  color: white;
  font-size: 14px;
  line-height: 1;
  bottom: 1%;
  left: 50%;
  transform: translateX(-50%); }

.local-media video.minimize {
  width: 30px;
  height: 30px; }

.local-media-mirrored.minimize {
  width: 50px !important;
  height: 50px !important;
  z-index: 4; }

videoWrapper span[track-name] {
  vertical-align: bottom; }

videoWrapper span[track-name] .icon {
  display: none;
  margin-left: 4px; }

videoWrapper span[track-name].no-audio .icon {
  display: inline-block; }

videoWrapper span[track-name].no-audio .icon use {
  fill: white; }

.local-media .icon {
  display: none; }

.video-modal--control-wrapper {
  width: 24%;
  margin-left: 0.5%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  margin-right: 24px;
  overflow-y: auto; }
  .video-modal--control-wrapper .control-group {
    margin-bottom: 24px; }
    .video-modal--control-wrapper .control-group:last-child {
      margin-bottom: 0; }
  .video-modal--control-wrapper .chat-wrapper {
    font-size: 1rem;
    color: unset;
    line-height: 1.5; }
  .video-modal--control-wrapper .modal-section-title {
    color: white;
    margin-bottom: 12px; }
  .video-modal--control-wrapper.collapse.in {
    margin-right: 0;
    margin-left: 0;
    padding-right: 24px;
    padding-left: 0.5%;
    width: 24% !important; }

.dominant-speaker {
  display: none; }

.share-screen ~ .remote-media-video .dominant-speaker {
  position: fixed;
  right: 1%;
  bottom: 5%;
  display: block;
  z-index: 2; }
  @media only screen and (max-height: 720px) {
    .share-screen ~ .remote-media-video .dominant-speaker {
      margin-bottom: 36px;
      bottom: 0; } }
  .share-screen ~ .remote-media-video .dominant-speaker videoWrapper {
    display: inline-flex; }
    .share-screen ~ .remote-media-video .dominant-speaker videoWrapper span {
      order: 2; }
    .share-screen ~ .remote-media-video .dominant-speaker videoWrapper video {
      max-height: 10vh;
      max-width: 10vw;
      border-radius: 6px; }

.client .share-screen ~ .remote-media-video .dominant-speaker {
  pointer-events: none; }

@media only screen and (max-width: 600px) {
  .video.client:has(videoWrapper.share-screen) .video-control--block {
    bottom: calc(5vh + 120px); } }

.video-modal--control-wrapper .btn, .video-modal--control-wrapper .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .video-modal--control-wrapper button.k-button {
  margin-left: 0; }

.room-info {
  color: white;
  font-size: 1rem; }

.custom-modal .modal-body section.video-mode {
  height: 100%;
  width: 100%;
  padding-right: 0;
  border-bottom: none; }

.pulse-ring {
  border-radius: 50%;
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  padding: 5px;
  z-index: -1;
  top: 0;
  left: 0; }

.modal-body .initials--wrapper .pulse-ring {
  width: calc(0.75 * 14vw);
  height: calc(0.75 * 14vw); }

.initials--wrapper .pulse-ring {
  width: 14vw;
  height: 14vw; }

@media all and (orientation: landscape) {
  .client videoWrapper .initials--wrapper .pulse-ring {
    width: 14vh;
    height: 14vh; }
  .modal-body .initials--wrapper .pulse-ring {
    width: calc(0.75 * 16vh);
    height: calc(0.75 * 16vh); } }

.initials--wrapper.start .pulse-ring {
  display: flex; }
  .initials--wrapper.start .pulse-ring.ring1, .initials--wrapper.start .pulse-ring.ring2, .initials--wrapper.start .pulse-ring.ring3 {
    animation-play-state: running; }

.ring1 {
  animation: pulsate3 infinite linear 9.74s paused, video-speaker 20s ease infinite;
  background: linear-gradient(222deg, #10f07b, #3453c5, #b618a2);
  background-size: 600% 600%; }

.ring2 {
  animation: pulsate3 infinite linear 12.37s 6.37s reverse both paused, video-speaker 20s ease infinite;
  background: linear-gradient(222deg, #10f07b, #3453c5, #b618a2);
  background-size: 600% 600%; }

.ring3 {
  animation: pulsate3 infinite linear 14.19s -14.19s reverse paused, video-speaker 20s ease infinite;
  background: linear-gradient(222deg, #10f07b, #3453c5, #b618a2);
  background-size: 600% 600%; }

.dominant-speaker-border > video {
  outline: 2px solid #19c572;
  outline-offset: -3px;
  border-radius: 6px; }

.dominant-speaker-border.no-video {
  border: 2px solid white;
  border-radius: 6px;
  box-shadow: inset 0px 0px 2vmin 0.25vmin white; }

@keyframes pulsate3 {
  0% {
    transform: scale(0.8, 0.8);
    opacity: 0; }
  20% {
    opacity: 0.02; }
  50% {
    transform: scale(1.3, 1.3);
    opacity: 0.2; }
  90% {
    opacity: 0.02; }
  100% {
    transform: scale(1.8, 1.8);
    opacity: 0; } }

.start .initials--content {
  background: linear-gradient(222deg, #10f07b, #3453c5, #b618a2);
  background-size: 600% 600%;
  animation: video-speaker 20s ease infinite; }

@keyframes video-speaker {
  0% {
    background-position: 0% 50%; }
  50% {
    background-position: 100% 50%; }
  100% {
    background-position: 0% 50%; } }

.video-members {
  width: 100%;
  max-height: 40vh;
  color: white;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: min-content;
  flex-shrink: 0; }
  .video-members--scroll {
    width: 100%;
    overflow: auto;
    background-color: #444444;
    font-size: 1rem;
    color: white;
    border-radius: 6px; }
    .video-members--scroll .member-name {
      width: inherit; }
    .video-members--scroll .member-name.wrapped {
      width: min-content; }
    .video-members--scroll .icon-wrapper:not(.hidden) {
      margin: 0 12px; }
  .video-members--member-wrapper {
    padding: 12px 8px;
    border-bottom: white 1px solid;
    display: flex;
    justify-content: space-between; }

.preloader {
  color: white;
  width: 100%;
  height: 100%; }
  .preloader .meeting {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column; }
  .preloader h2 {
    padding: 24px;
    text-align: center; }

.client .preloader {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #0a0c14;
  background-image: url("images/Shared/black-linen-2.png");
  z-index: 1; }

.loader {
  display: block;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #9370DB;
  animation: spin 10s linear infinite;
  width: 20vw;
  height: 20vw; }

@media all and (orientation: landscape) {
  .client .loader {
    width: 20vh;
    height: 20vh; }
  .modal-body .loader {
    width: calc(0.75 * 20vh);
    height: calc(0.75 * 20vh); } }

.loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #BA55D3;
  animation: spin 8s linear infinite; }

.loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #FF00FF;
  animation: spin 5s linear infinite; }

.local-media video ~ video {
  margin-top: 24px; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

/* --- Video Backgrounds management, System Settings > Video Backgrounds (GLA-13224 / GLA-13263).

   Moved here from the page-private Content/SimplifyEd/systemconfigs/videoBackgrounds.css. A
   stand-alone stylesheet cannot reach $brand-primary, the Portico neutrals or the app's mixins, so
   every colour on that page was a hardcoded hex no tenant palette could move; it also had no way to
   reuse a component and therefore reimplemented several.

   What the app already owns is now used rather than restated, and must stay that way:
     toasts        -> the layout's .snackbar (#result / #resulterrors) via notify() / notifyErrors()
     status pill   -> .chips + --green / --neutral (components/_chips.scss)
     the notices   -> .alert.alert-danger / .alert.alert-warning (bootstrap/_alert.scss)
     on/off switch -> .portico-switch (components/_toggles.scss), which takes $brand-primary
     edit button   -> .icon-wrapper (components/_glass-icons.scss)
   What is left below is this page's own layout.

   Two selector roots, and they are NOT interchangeable: [data-video-backgrounds] is the page
   section, #modal-video-background the upload/edit panel, which the layout renders OUTSIDE it. */
[data-video-backgrounds] .vb-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 20px;
  flex-wrap: wrap; }
  [data-video-backgrounds] .vb-header h3 {
    margin: 0 0 4px 0;
    font-size: 20px;
    font-weight: 600;
    color: #0f1219; }
  [data-video-backgrounds] .vb-header p {
    margin: 0;
    font-size: 13px;
    color: #62646a;
    max-width: 640px; }

[data-video-backgrounds] .vb-header-actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0; }

[data-video-backgrounds] .vb-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #eeeeee; }

[data-video-backgrounds] .vb-filter {
  display: inline-flex;
  align-items: center;
  padding: 3px;
  background: #f4f5f7;
  border-radius: 8px; }

[data-video-backgrounds] .vb-filter-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: none;
  padding: 6px 14px;
  font-size: 13px;
  font-weight: 600;
  color: #62646a;
  cursor: pointer;
  border-radius: 6px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  [data-video-backgrounds] .vb-filter-btn:hover {
    color: #0f1219; }
  [data-video-backgrounds] .vb-filter-btn.is-selected {
    background: #fff;
    color: #0f1219;
    box-shadow: 0 1px 2px rgba(15, 18, 25, 0.12); }
    [data-video-backgrounds] .vb-filter-btn.is-selected .vb-filter-count {
      background: #eeeeee;
      color: #0f1219; }

[data-video-backgrounds] .vb-filter-count {
  display: inline-block;
  min-width: 20px;
  padding: 0 6px;
  background: #dedede;
  font-size: 11px;
  line-height: 18px;
  text-align: center;
  color: #62646a;
  border-radius: 10px; }

[data-video-backgrounds] .vb-cap-message {
  font-size: 12px;
  color: #62646a; }
  [data-video-backgrounds] .vb-cap-message.is-at-cap {
    color: #8a6d3b; }

[data-video-backgrounds] .vb-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px; }

[data-video-backgrounds] .vb-loading,
[data-video-backgrounds] .vb-empty {
  grid-column: 1 / -1;
  font-size: 13px;
  color: #62646a;
  padding: 24px 0; }

[data-video-backgrounds] .vb-tile {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #eeeeee;
  background: #fff;
  border-radius: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* Dim only the image on an inactive background. Fading the whole tile (what this did before
           the action row moved into it) would also fade the switch that turns it back on. */ }
  [data-video-backgrounds] .vb-tile:hover {
    box-shadow: 0 2px 8px rgba(15, 18, 25, 0.1); }
  [data-video-backgrounds] .vb-tile.is-inactive .vb-thumb {
    opacity: 0.55; }

[data-video-backgrounds] .vb-thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #f5f5f5 center/cover no-repeat; }

[data-video-backgrounds] .vb-tile-body {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 12px 14px; }

[data-video-backgrounds] .vb-tile-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 2px; }

[data-video-backgrounds] .vb-tile-status {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0; }

[data-video-backgrounds] .vb-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 50%;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  /* (0,3,1) - beats the page-wrapper `.icon use { fill: $grey-800 }` rule in Site.scss. */ }
  [data-video-backgrounds] .vb-icon-btn:hover {
    background: #ebeae8; }
  [data-video-backgrounds] .vb-icon-btn .icon use {
    fill: #62646a; }
  [data-video-backgrounds] .vb-icon-btn:hover .icon use {
    fill: #0f1219; }

[data-video-backgrounds] .vb-tile-name {
  font-size: 14px;
  font-weight: 600;
  color: #0f1219;
  word-break: break-word; }

[data-video-backgrounds] .vb-tile-meta {
  font-size: 12px;
  color: #9ea0a4; }

[data-video-backgrounds] .vb-history {
  margin-top: 28px;
  border-top: 1px solid #eeeeee;
  padding-top: 12px; }

[data-video-backgrounds] .vb-history-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  background: none;
  border: none;
  padding: 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: #0f1219;
  cursor: pointer; }
  [data-video-backgrounds] .vb-history-toggle .icon {
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  [data-video-backgrounds] .vb-history-toggle.is-open .icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg); }

[data-video-backgrounds] .vb-history-panel {
  margin-top: 12px; }

[data-video-backgrounds] .vb-history-table {
  width: 100%;
  font-size: 13px;
  border-collapse: collapse; }
  [data-video-backgrounds] .vb-history-table th,
  [data-video-backgrounds] .vb-history-table td {
    text-align: left;
    padding: 6px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #35373d; }

[data-video-backgrounds] .vb-history-empty {
  font-size: 13px;
  color: #62646a;
  padding: 12px 0; }

/* ---- Upload / Edit modal ----
   Scoped to the modal's own id: it is rendered outside [data-video-backgrounds]. The vertical
   rhythm inside the panel is the app's own - .modal-body section supplies the inset and each
   .modal-section-content its top gap - so nothing here restates it. */
#modal-video-background .simple-label {
  display: block;
  margin-bottom: 6px; }

#modal-video-background .alert {
  padding: 10px 14px;
  margin-bottom: 4px; }

#modal-video-background .field-validation-error {
  display: block;
  margin-top: 6px; }

#modal-video-background .input-validation-error,
#modal-video-background .vb-dropzone.input-validation-error {
  border-color: #f15b17; }

#modal-video-background .vb-file-input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0; }
  #modal-video-background .vb-file-input:focus + .vb-dropzone {
    border-color: #9ea0a4;
    box-shadow: 0 0 0 3px rgba(15, 18, 25, 0.06); }

#modal-video-background .vb-dropzone {
  display: flex;
  align-items: center;
  gap: 14px;
  width: 100%;
  margin: 0;
  padding: 14px;
  border: 1px dashed #d6d7da;
  background: #fafafa;
  cursor: pointer;
  border-radius: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  #modal-video-background .vb-dropzone:hover {
    border-color: #9ea0a4;
    background: #f5f5f5; }

#modal-video-background .vb-dropzone-preview {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 88px;
  width: 88px;
  height: 50px;
  background: #eeeeee center/cover no-repeat;
  border-radius: 6px; }
  #modal-video-background .vb-dropzone-preview.has-image {
    border: 1px solid #dedede; }
  #modal-video-background .vb-dropzone-preview .icon use {
    fill: #9ea0a4; }

#modal-video-background .vb-dropzone-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0; }

#modal-video-background .vb-dropzone-title {
  font-size: 14px;
  font-weight: 600;
  color: #0f1219;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

#modal-video-background .vb-dropzone-hint {
  font-size: 12px;
  line-height: 1.5;
  color: #9ea0a4; }

/* --- styles for quick video and live videoOverwrites */
/* -- Kendo overwrites */
.k-grid-header .k-header, .k-grid-header .k-header .k-link {
  background-color: #C6579A;
  color: white; }

.k-grouping-header .k-group-indicator .k-link, .k-grouping-header .k-group-indicator .icon,
.k-grouping-header .k-group-indicator .icon use {
  fill: #ffffff;
  background-color: #C6579A;
  color: white; }
  .k-grouping-header .k-group-indicator .k-link .k-icon, .k-grouping-header .k-group-indicator .icon .k-icon,
  .k-grouping-header .k-group-indicator .icon use .k-icon {
    opacity: 1; }

.k-grid-custom-toolbar .k-grid-toolbar {
  background: transparent; }

.k-grid tr td:not(:last-child) {
  border-right: 1px dashed #e3abcd; }

.k-grid-header th.k-header .k-icon {
  opacity: 1; }

.k-grid-header th.k-header.drillcontent ~ th:not(.drillcontent),
.k-grid-header .k-header.drillcontent ~ th:not(.drillcontent) .k-link {
  background-color: #d37db1; }

.k-grid td.drillcontent, .k-grid .columntotal {
  cursor: pointer; }

.k-grid .k-group-footer td {
  background-color: #f4ddeb; }

.k-grid-header th.k-header {
  padding: .786em .3em;
  padding-left: .3em; }

.k-grid-header th > .k-link {
  text-align: center; }

.k-grid-header th > .k-link > .k-icon {
  position: absolute;
  left: -2px;
  top: -2px; }

.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm {
  margin-left: 0px; }

.k-grid-header th[data-dir="desc"] > .k-link,
.k-grid-header th[data-dir="asc"] > .k-link {
  padding-left: 10px;
  position: relative; }
  .k-grid-header th[data-dir="desc"] > .k-link .k-i-arrow-n, .k-grid-header th[data-dir="desc"] > .k-link .k-i-arrow-s,
  .k-grid-header th[data-dir="asc"] > .k-link .k-i-arrow-n,
  .k-grid-header th[data-dir="asc"] > .k-link .k-i-arrow-s {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99; }

.k-grid tr.k-state-selected {
  background-color: rgba(46, 183, 99, 0.66); }

.k-grid tr.k-state-selected {
  color: #343434; }
  .k-grid tr.k-state-selected td[role="gridcell"] .icon use {
    fill: #424242; }
  .k-grid tr.k-state-selected td[role="gridcell"] i.icon-wrapper {
    color: #424242; }

.k-filter-menu .k-button.k-primary {
  color: #424242; }

a.k-header-column-menu.k-state-active {
  background-color: transparent;
  border-color: white;
  border-style: solid;
  border-width: 1px;
  border-radius: 24px; }

.k-grid tr.k-state-selected > td {
  border: none; }

k-header-column-menu.k-state-active {
  background-color: transparent; }

.k-dropdown .k-state-default {
  background: transparent;
  border-color: #eeeeee; }
  .k-dropdown .k-state-default.k-state-hover:not(.k-state-focused) {
    border-color: #66afe9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .k-dropdown .k-state-default.k-state-focused {
    border-color: #66afe9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.k-autocomplete.k-state-default {
  background: transparent;
  border-color: #eeeeee;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .k-autocomplete.k-state-default.k-state-hover:not(.k-state-focused) {
    border-color: #66afe9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .k-autocomplete.k-state-default.k-state-focused {
    border-color: #66afe9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }

.k-datetimepicker {
  padding: 0;
  background: transparent; }

.k-datetimepicker .k-picker-wrap.k-state-default {
  background: transparent;
  border-color: #eeeeee;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .k-datetimepicker .k-picker-wrap.k-state-default.k-state-hover:not(.k-state-focused) {
    border-color: #66afe9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .k-datetimepicker .k-picker-wrap.k-state-default.k-state-focused {
    border-color: #66afe9;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }

.k-widget.k-dropdown.k-header {
  background: transparent; }

.filter-wrapper .k-widget.k-dropdown.k-header {
  background: white; }

.filter-wrapper .k-widget.k-dropdown.k-header.form-control .k-dropdown-wrap, .filter-wrapper .daterangepicker .k-widget.k-dropdown.k-header.input-mini .k-dropdown-wrap, .daterangepicker .filter-wrapper .k-widget.k-dropdown.k-header.input-mini .k-dropdown-wrap, .filter-wrapper .k-widget.k-dropdown.k-header.readonlyeditor .k-dropdown-wrap, .filter-wrapper .k-widget.k-dropdown.k-header.date-filter-trigger .k-dropdown-wrap, .filter-wrapper .click-editor textarea.k-widget.k-dropdown.k-header .k-dropdown-wrap, .click-editor .filter-wrapper textarea.k-widget.k-dropdown.k-header .k-dropdown-wrap {
  border: none; }

.k-popup, .k-calendar-container.k-popup {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
  .k-popup.k-list-container, .k-calendar-container.k-popup.k-list-container {
    padding: 0; }
  .k-popup .k-item, .k-calendar-container.k-popup .k-item {
    padding: 6px 12px !important;
    border: 1px solid transparent !important; }
    .k-popup .k-item.k-state-hover, .k-popup .k-item.k-state-focused, .k-popup .k-item.k-state-active, .k-calendar-container.k-popup .k-item.k-state-hover, .k-calendar-container.k-popup .k-item.k-state-focused, .k-calendar-container.k-popup .k-item.k-state-active {
      background: #f5f5f5; }

.k-list-container {
  border-color: #fff; }

.k-autocomplete .k-input {
  background: transparent;
  border-color: #eeeeee; }

.k-scheduler {
  border: 0;
  position: relative;
  z-index: 1; }

.k-scheduler .k-header .k-link {
  background: transparent;
  color: #0d0d0d;
  letter-spacing: 1px; }

.k-scheduler-toolbar {
  padding: 0 24px; }
  @media (max-width: 767px) {
    .k-scheduler-toolbar {
      padding: 0 12px; } }
  .k-scheduler-toolbar .k-link {
    padding: 0 12px; }

.k-scheduler-navigation {
  margin-left: 0; }

.k-scheduler {
  background: #eeeeee;
  font-size: 0.75rem; }

.k-scheduler-toolbar {
  background: #fff;
  font-size: 0.75rem; }

.k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-default,
.k-scheduler .k-header li {
  background: #fff;
  color: #0d0d0d; }
  .k-scheduler .k-scheduler-toolbar .k-scheduler-views li.k-state-default.k-state-hover,
  .k-scheduler .k-header li.k-state-hover {
    background-color: #f5f5f5;
    color: #6d6c6d; }

.k-header.k-scheduler-toolbar ul {
  background: transparent; }

.k-scheduler .k-header li {
  border: 0; }
  .k-scheduler .k-header li .k-link {
    background: transparent;
    color: inherit; }

.k-scheduler .k-header li.k-state-selected, .k-scheduler .k-header li.k-state-hover {
  background: transparent !important; }
  .k-scheduler .k-header li.k-state-selected a, .k-scheduler .k-header li.k-state-hover a {
    position: relative;
    background: transparent !important; }
    @media (min-width: 768px) {
      .k-scheduler .k-header li.k-state-selected a:after, .k-scheduler .k-header li.k-state-hover a:after {
        content: ' ';
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #C6579A; } }

.k-nonwork-hour,
.k-scheduler-times th,
.k-scheduler .k-scheduler-table td,
.k-scheduler .k-scheduler-table th,
.k-header.k-scheduler-footer .k-header {
  background: #f5f5f5;
  color: #6d6c6d; }

.k-scheduler .k-scheduler-table td.k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn,
.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn,
.k-scheduler .k-scheduler-table th.k-today {
  background: #fafafa; }

.k-scheduler-layout {
  background: #eeeeee; }

.k-scheduler-times tr,
.k-scheduler-times th,
.k-scheduler-table td,
.k-scheduler-header th,
.k-scheduler-header-wrap,
.k-scheduler-times {
  border-color: #dedede; }

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
  /*background-image: url('kendo/2018.2.620/Material/sprite.png');*/ }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .k-icon:not(.k-loading),
  .k-grouping-dropclue,
  .k-drop-hint,
  .k-callout,
  .k-tool-icon,
  .k-state-hover .k-tool-icon,
  .k-state-active .k-tool-icon,
  .k-state-active.k-state-hover .k-tool-icon,
  .k-state-selected .k-tool-icon,
  .k-state-selected.k-state-hover .k-tool-icon,
  .k-column-menu .k-sprite,
  .k-mobile-list .k-check:checked,
  .k-mobile-list .k-edit-field [type=checkbox]:checked,
  .k-mobile-list .k-edit-field [type=radio]:checked {
    /*background-image: url('kendo/2018.2.620/Material/sprite_2x.png');
    background-size: 340px 336px;*/ } }

.k-event {
  border: none;
  background: #eeeeee;
  color: #0d0d0d;
  overflow: initial;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 2px; }
  .k-event:hover {
    z-index: 2;
    -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }

.k-scheduler-table td {
  padding: 18px; }

.k-scheduler-monthview .k-scheduler-table td {
  padding: 12px 18px 18px 18px; }

.k-scheduler-table th {
  padding: 18px; }

.k-scheduler-timecolumn {
  display: none; }

.k-calendar .k-header .k-link {
  color: #424242; }
  .k-calendar .k-header .k-link.k-state-hover {
    background: #eeeeee; }

input.k-textbox {
  height: 2.2rem; }

.k-scheduler-table .k-nav-day {
  display: block;
  margin-top: -6px;
  margin-right: -6px; }

/* -- Bootstrap overwrites */
.dropdown-menu {
  border: 0;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }
  .dropdown-menu .dropdown-item {
    padding: 6px 20px;
    border-bottom: 1px solid #fff; }
    .dropdown-menu .dropdown-item:last-child {
      border: 0; }
  .dropdown-menu .dropdown-divider {
    margin: -1px 0 6px; }
  @media (min-width: 768px) {
    .dropdown-menu {
      width: 680px; } }
  @media (min-width: 768px) {
    .dropdown-menu.daterangepicker {
      width: 640px; } }

.zeroWidth {
  width: 0; }

.hidden {
  display: none;
  transition: all 1s ease-out;
  opacity: 0; }

.k-scheduler-agendaview .card {
  margin-bottom: 0; }

.k-scheduler-agendaview .k-scheduler-table td {
  padding: 24px; }
  @media (max-width: 991px) {
    .k-scheduler-agendaview .k-scheduler-table td {
      padding: 6px; } }
  @media (max-width: 991px) {
    .k-scheduler-agendaview .k-scheduler-table td .refactored-card .card-information {
      height: auto; } }
  @media (max-width: 991px) {
    .k-scheduler-agendaview .k-scheduler-table td .refactored-card .card-block {
      padding-top: 12px; } }
  @media (max-width: 543px) {
    .k-scheduler-agendaview .k-scheduler-table td .refactored-card .card-block {
      padding: 12px; } }
  @media (max-width: 543px) {
    .k-scheduler-agendaview .k-scheduler-table td .refactored-card .card-footer {
      padding-left: 12px;
      padding-right: 12px; } }

.k-scheduler-agendaview .k-scheduler-table th {
  padding: 12px 24px; }
  @media (max-width: 991px) {
    .k-scheduler-agendaview .k-scheduler-table th {
      padding: 12px 6px; } }

.k-header.k-scheduler-footer ul.k-header li .k-link {
  background: #f5f5f5;
  color: #6d6c6d; }

.k-link.k-scheduler-refresh {
  display: none; }

.k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
  display: none; }
  @media (min-width: 544px) {
    .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: inline; } }
  @media (min-width: 1200px) {
    .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
      display: none; } }

.k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
  display: none; }
  @media (min-width: 1200px) {
    .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
      display: inline; } }

.k-widget .row, .k-widget .stat-grid, .k-widget .widget-grid, .k-widget div[class^='col-'] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.k-widget.k-multiselect {
  border-width: 1px;
  border-radius: 0.25rem;
  border-color: #eeeeee;
  font-weight: 500; }
  .k-widget.k-multiselect .k-button {
    background: transparent;
    border: none; }
    .k-widget.k-multiselect .k-button .k-i-arrow-60-down {
      display: none; }

.k-header.k-grid-toolbar {
  border-color: #aaaaaa; }

.k-grid td {
  padding: 6px 12px;
  font-size: 0.6875rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.k-grid th {
  font-size: 0.75rem; }

@media (max-width: 767px) {
  #appointments-section .k-view-week, #appointments-section .k-view-month {
    display: none; } }

@media (max-width: 767px) and (max-width: 543px) {
  #appointments-section ul.k-scheduler-navigation li.k-nav-today {
    color: white; } }

@media (max-width: 767px) {
  .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-safari .k-scheduler-toolbar > ul.k-scheduler-views,
  .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views {
    z-index: 500; } }

@media (max-width: 991px) {
  .k-picker-wrap.k-state-default input.k-input {
    background: transparent; } }

.k-multiselect.k-state-border-down .k-multiselect-wrap {
  border-radius: 0.25rem; }

.k-textbox > input, .k-autocomplete .k-input, .k-multiselect-wrap, .k-multiselect-wrap .k-input {
  border-radius: 0.25rem;
  border: none; }

.k-multiselect.k-header {
  border-radius: 0.25rem;
  border-color: #eeeeee; }
  .k-multiselect.k-header.k-state-hover {
    border-radius: 0.25rem;
    border-color: #eeeeee; }
  .k-multiselect.k-header.k-state-focused {
    box-shadow: none;
    border-color: #C6579A; }

.k-autocomplete, .k-picker-wrap, .k-numeric-wrap, .k-dropdown-wrap {
  border-radius: 0.25rem; }
  .k-autocomplete.k-state-default, .k-autocomplete.k-state-hover, .k-picker-wrap.k-state-default, .k-picker-wrap.k-state-hover, .k-numeric-wrap.k-state-default, .k-numeric-wrap.k-state-hover, .k-dropdown-wrap.k-state-default, .k-dropdown-wrap.k-state-hover {
    border-color: #eeeeee; }
  .k-autocomplete.k-state-focused, .k-picker-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-dropdown-wrap.k-state-focused {
    box-shadow: none;
    border-color: #66afe9; }

.k-dropdown .k-i-arrow-60-down {
  color: #212121;
  opacity: 1; }

.k-multiselect-wrap {
  min-height: 36px;
  padding-right: 36px; }
  .k-multiselect-wrap:before {
    content: ' ';
    position: absolute;
    top: 6px;
    right: 6px;
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBzdHlsZT0iZmlsbDojODY5NkE0OyIgZD0iTTEyLDEyLjgwOWwtMy43NS0zLjc1bC0xLjA1NSwxLjA3OGw0LjI2Niw0LjI2NkwxMiwxNC45NDFsMC41MzktMC41MzlsNC4yNjYtNC4yNjZMMTUuNzUsOS4wNTlDMTUuNzUsOS4wNTksMTIsMTIuODA5LDEyLDEyLjgwOXoiLz48L3N2Zz4=);
    background-position: center;
    background-repeat: no-repeat; }
  .k-multiselect-wrap ul {
    display: inline-block;
    vertical-align: middle;
    max-width: -webkit-fill-available;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: clip; }
  .k-multiselect-wrap .k-input {
    width: 0 !important;
    min-width: 0 !important;
    vertical-align: middle;
    float: none;
    height: 36px;
    padding: 0;
    margin: 0;
    pointer-events: none; }
    .k-multiselect-wrap .k-input.k-readonly {
      width: auto !important;
      opacity: 1; }

.new-lead .k-readonly {
  display: none; }

.k-multiselect.k-state-focused .k-input {
  visibility: none;
  opacity: 0;
  max-width: 0; }

.k-multiselect-wrap li {
  display: inline-block;
  float: none;
  padding: 6px;
  margin: 2px;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  text-transform: none;
  line-height: 1.5;
  background-color: #f5f5f5; }
  .k-multiselect-wrap li.k-state-hover {
    background-color: #eeeeee; }
  .k-multiselect-wrap li span {
    margin-right: 24px; }
    .k-multiselect-wrap li span.k-icon {
      padding: 0;
      margin-right: 0; }
    .k-multiselect-wrap li span.k-select {
      padding: 5px;
      margin-right: 0; }

@media (min-width: 768px) {
  .k-list-container.k-popup.k-group.k-reset {
    width: 480px !important; } }

.k-popup .k-list .k-state-selected {
  position: relative;
  background: #fcf8e3;
  filter: brightness(85%); }
  .k-popup .k-list .k-state-selected:after {
    content: ' ';
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    width: 16px;
    height: 16px;
    /*background-image: url("kendo/2018.2.620/Material/sprite.png");
    background-position: -32px -16px;
    background-repeat: no-repeat;*/
    opacity: 0.6; }
  .k-popup .k-list .k-state-selected.k-state-hover {
    background: #f5f5f5; }
    .k-popup .k-list .k-state-selected.k-state-hover:after {
      opacity: 1; }

/* Overwrites for phone call mute/hold/pause */
.phone-item .on-hold,
.phone-item .on-mute-advisor,
.phone-item .on-mute-participant,
.phone-item .muting-advisor-button,
.phone-item .holding-button,
.phone-item .muting-participant-button {
  border: none !important;
  padding: 0 !important;
  margin-left: 0 !important; }
  .phone-item .on-hold .icon-xxs,
  .phone-item .on-mute-advisor .icon-xxs,
  .phone-item .on-mute-participant .icon-xxs,
  .phone-item .muting-advisor-button .icon-xxs,
  .phone-item .holding-button .icon-xxs,
  .phone-item .muting-participant-button .icon-xxs {
    width: 22px !important;
    max-height: 22px !important; }

.phone-item .btn-success-outline:hover {
  background-color: #fff;
  color: #f15b17; }

.phone-item .on-hold.btn-success-outline .icon use,
.phone-item .on-hold.btn-success-outline:hover .icon use,
.phone-item .on-mute-advisor.btn-success-outline .icon use,
.phone-item .on-mute-advisor.btn-success-outline:hover .icon use,
.phone-item .on-mute-participant.btn-success-outline .icon use,
.phone-item .on-mute-participant.btn-success-outline:hover .icon use {
  fill: #008000; }

.phone-item .holding-button.btn-success-outline .icon use,
.phone-item .holding-button.btn-success-outline:hover .icon use,
.phone-item .muting-advisor-button.btn-success-outline .icon use,
.phone-item .muting-advisor-button.btn-success-outline:hover .icon use,
.phone-item .muting-participant-button.btn-success-outline .icon use,
.phone-item .muting-participant-button.btn-success-outline:hover .icon use {
  fill: #ff0000; }

.table-layout .row.phone-item.active, .table-layout .phone-item.active.stat-grid, .table-layout .phone-item.active.widget-grid,
.table-layout .row.in-progress-call-actions,
.table-layout .in-progress-call-actions.stat-grid,
.table-layout .in-progress-call-actions.widget-grid {
  display: block !important; }

.phone-item .in-progress-call-actions .in-progress-call-actions-row {
  display: inline-block !important;
  border-bottom: none !important; }

.phone-item .in-progress-call-actions {
  border-bottom: 1px solid #e2e5e9 !important; }
  .phone-item .in-progress-call-actions > .row, .phone-item .in-progress-call-actions > .stat-grid, .phone-item .in-progress-call-actions > .widget-grid {
    display: block !important;
    border-bottom: none !important;
    margin: 0 auto !important; }

#acceptIncomingPhoneCall {
  background-color: #008000;
  border-color: #008000; }

#rejectIncomingPhoneCall {
  background-color: #ff0000;
  border-color: #ff0000; }

/* On mobile hide a set of elements (class= hidden-on-mobile)*/
@media (max-width: 767px) {
  .hidden-on-mobile {
    display: none !important; } }

@media (max-width: 767px) {
  .show-on-mobile {
    display: block !important; } }

/* Dashboard */
@media (max-width: 991px) {
  #tab3 .widget-label {
    font-size: .525rem !important; } }

.k-list > .add-appointment-schedule-conflict,
.k-list > .add-appointment-schedule-conflict .k-state-hover {
  color: #bb4f00; }

.branditem {
  color: #C6579A; }

.k-icon.k-i-calendar {
  color: #1e1e1e; }

.k-icon.k-i-clock {
  color: #1e1e1e; }

.k-scheduler-dayview div:not(.k-scheduler-header) .k-today:not(.k-nonwork-hour),
.k-scheduler-timelineview .k-today:not(.k-nonwork-hour) {
  background: #f5f5f5; }

.k-window.k-window-titleless.k-editor-widget {
  min-width: 90px;
  min-height: 42px;
  display: block;
  position: unset;
  border-bottom-width: 1px;
  width: 100%; }

.editorToolbarWindow .k-icon, .editorToolbarWindow .k-tool-icon {
  color: #424242; }

/* --- overwriting bootstrap and kendo styles. */
.widget-square.col-xs-1 {
  padding-bottom: 8.33333%; }

.widget-square.col-xs-2 {
  padding-bottom: 16.66667%; }

.widget-square.col-xs-3 {
  padding-bottom: 25%; }

.widget-square.col-xs-4, .staff-dash .stat-grid .widget-square.stat-block, .offcanvas-statistics .stat-grid .widget-square.stat-block {
  padding-bottom: 33.33333%; }

.widget-square.col-xs-5 {
  padding-bottom: 41.66667%; }

.widget-square.col-xs-6 {
  padding-bottom: 50%; }

.widget-square.col-xs-7 {
  padding-bottom: 58.33333%; }

.widget-square.col-xs-8 {
  padding-bottom: 66.66667%; }

.widget-square.col-xs-9 {
  padding-bottom: 75%; }

.widget-square.col-xs-10 {
  padding-bottom: 83.33333%; }

.widget-square.col-xs-11 {
  padding-bottom: 91.66667%; }

.widget-square.col-xs-12 {
  padding-bottom: 100%; }

@media (min-width: 544px) {
  .widget-square.col-sm-1 {
    padding-bottom: 8.33333%; }
  .widget-square.col-sm-2 {
    padding-bottom: 16.66667%; }
  .widget-square.col-sm-3 {
    padding-bottom: 25%; }
  .widget-square.col-sm-4 {
    padding-bottom: 33.33333%; }
  .widget-square.col-sm-5 {
    padding-bottom: 41.66667%; }
  .widget-square.col-sm-6 {
    padding-bottom: 50%; }
  .widget-square.col-sm-7 {
    padding-bottom: 58.33333%; }
  .widget-square.col-sm-8 {
    padding-bottom: 66.66667%; }
  .widget-square.col-sm-9 {
    padding-bottom: 75%; }
  .widget-square.col-sm-10 {
    padding-bottom: 83.33333%; }
  .widget-square.col-sm-11 {
    padding-bottom: 91.66667%; }
  .widget-square.col-sm-12 {
    padding-bottom: 100%; } }

@media (min-width: 768px) {
  .widget-square.col-md-1 {
    padding-bottom: 8.33333%; }
  .widget-square.col-md-2 {
    padding-bottom: 16.66667%; }
  .widget-square.col-md-3 {
    padding-bottom: 25%; }
  .widget-square.col-md-4 {
    padding-bottom: 33.33333%; }
  .widget-square.col-md-5 {
    padding-bottom: 41.66667%; }
  .widget-square.col-md-6 {
    padding-bottom: 50%; }
  .widget-square.col-md-7 {
    padding-bottom: 58.33333%; }
  .widget-square.col-md-8 {
    padding-bottom: 66.66667%; }
  .widget-square.col-md-9 {
    padding-bottom: 75%; }
  .widget-square.col-md-10 {
    padding-bottom: 83.33333%; }
  .widget-square.col-md-11 {
    padding-bottom: 91.66667%; }
  .widget-square.col-md-12 {
    padding-bottom: 100%; } }

@media (min-width: 992px) {
  .widget-square.col-lg-1 {
    padding-bottom: 8.33333%; }
  .widget-square.col-lg-2 {
    padding-bottom: 16.66667%; }
  .widget-square.col-lg-3 {
    padding-bottom: 25%; }
  .widget-square.col-lg-4 {
    padding-bottom: 33.33333%; }
  .widget-square.col-lg-5 {
    padding-bottom: 41.66667%; }
  .widget-square.col-lg-6 {
    padding-bottom: 50%; }
  .widget-square.col-lg-7 {
    padding-bottom: 58.33333%; }
  .widget-square.col-lg-8 {
    padding-bottom: 66.66667%; }
  .widget-square.col-lg-9 {
    padding-bottom: 75%; }
  .widget-square.col-lg-10 {
    padding-bottom: 83.33333%; }
  .widget-square.col-lg-11 {
    padding-bottom: 91.66667%; }
  .widget-square.col-lg-12 {
    padding-bottom: 100%; } }

@media (min-width: 1200px) {
  .widget-square.col-xl-1 {
    padding-bottom: 8.33333%; }
  .widget-square.col-xl-2 {
    padding-bottom: 16.66667%; }
  .widget-square.col-xl-3 {
    padding-bottom: 25%; }
  .widget-square.col-xl-4 {
    padding-bottom: 33.33333%; }
  .widget-square.col-xl-5 {
    padding-bottom: 41.66667%; }
  .widget-square.col-xl-6 {
    padding-bottom: 50%; }
  .widget-square.col-xl-7 {
    padding-bottom: 58.33333%; }
  .widget-square.col-xl-8 {
    padding-bottom: 66.66667%; }
  .widget-square.col-xl-9 {
    padding-bottom: 75%; }
  .widget-square.col-xl-10 {
    padding-bottom: 83.33333%; }
  .widget-square.col-xl-11 {
    padding-bottom: 91.66667%; }
  .widget-square.col-xl-12 {
    padding-bottom: 100%; } }

@media (min-width: 1560px) {
  .widget-square.col-xxl-1 {
    padding-bottom: 8.33333%; }
  .widget-square.col-xxl-2 {
    padding-bottom: 16.66667%; }
  .widget-square.col-xxl-3 {
    padding-bottom: 25%; }
  .widget-square.col-xxl-4 {
    padding-bottom: 33.33333%; }
  .widget-square.col-xxl-5 {
    padding-bottom: 41.66667%; }
  .widget-square.col-xxl-6 {
    padding-bottom: 50%; }
  .widget-square.col-xxl-7 {
    padding-bottom: 58.33333%; }
  .widget-square.col-xxl-8 {
    padding-bottom: 66.66667%; }
  .widget-square.col-xxl-9 {
    padding-bottom: 75%; }
  .widget-square.col-xxl-10 {
    padding-bottom: 83.33333%; }
  .widget-square.col-xxl-11 {
    padding-bottom: 91.66667%; }
  .widget-square.col-xxl-12 {
    padding-bottom: 100%; } }

.widget-grid {
  margin: 0;
  overflow: hidden; }
  .widget-grid + .card-extra {
    border-top: 1px solid #eeeeee; }

.inner-offcanvas .widget-grid {
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee; }

.widget {
  position: relative;
  background: #fff;
  box-shadow: 0 0 0 1px #eeeeee;
  color: #424242; }
  .widget.widget-square .widget-label, .widget.widget-square .widget-count {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 24px; }
  .widget.widget-square .widget-label {
    top: 0;
    padding-bottom: 0; }
  .widget.widget-square .widget-count {
    bottom: 0;
    padding-top: 0; }
  .widget.widget-condensed .widget-count {
    padding-top: 12px; }
  .widget .widget-label, .widget .widget-count {
    display: block;
    padding: 24px 12px;
    margin: 0;
    line-height: 1; }
  .widget .widget-label {
    text-transform: uppercase;
    padding-bottom: 0;
    height: 50px; }
  .widget .widget-count {
    font-size: 3rem;
    line-height: 1; }

a.widget:hover, a.widget:active, a.widget:focus {
  color: #222222; }

/* --- widgets */
.refactored-dropdown-menu {
  width: auto;
  padding: 0;
  margin: 0;
  border: 1px solid #eeeeee; }
  .refactored-dropdown-menu:after, .refactored-dropdown-menu:before {
    content: " ";
    position: absolute;
    bottom: 100%;
    border: solid transparent;
    height: 0;
    width: 0;
    pointer-events: none; }
  .refactored-dropdown-menu:before {
    right: 8px;
    border-color: transparent;
    border-bottom-color: #eeeeee;
    border-width: 9px; }
  .refactored-dropdown-menu:after {
    right: 9px;
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #fff;
    border-width: 8px; }
  .refactored-dropdown-menu li {
    border-bottom: 1px solid #eeeeee; }
    .refactored-dropdown-menu li:last-child {
      border-bottom: none; }
    .refactored-dropdown-menu li a {
      display: block;
      padding: 8px 16px;
      color: #0d0d0d; }
      .refactored-dropdown-menu li a:hover {
        background: #f5f5f5; }
  .refactored-dropdown-menu.dropdown-menu-right {
    right: -8px;
    margin-top: 12px; }

/* --- styles for dropdowns */
@media (max-width: 991px) {
  .content-filters .notes-filter-container {
    margin-bottom: 0;
    padding: 0; } }

#modal-add-note .modal-footer.hidden-md-up {
  position: fixed !important; }

@media (max-width: 991px) {
  #modal-add-note .modal-content .modal-scroll {
    min-height: 500px; } }

@media (max-width: 991px) {
  #js-modal-note-details .modal-scroll {
    padding-bottom: 80px; } }

#js-modal-note-details .modal-footer.hidden-md-up {
  position: fixed !important; }

.page-add-button {
  right: 30px;
  bottom: 30px; }

/* GLA-13204: the note-change modal on the contact Change History grid and the Change History
   report. Note bodies are injected with .text(), so their line breaks only survive if the
   container preserves whitespace -- without this a multi-line note reads as one run-on paragraph
   and a before/after comparison becomes hard to follow. Scoped to the modal so it cannot affect
   any other paragraph. */
#modal-note-change [data-note-change-old],
#modal-note-change [data-note-change-new] {
  white-space: pre-wrap;
  word-break: break-word; }

/* GLA-13204: the note icon on the Original value / New value columns of the change-history grid
   and the Change History report. On a note edit the icon REPLACES the value rather than sitting
   beside it -- those columns are 100px wide, so the 250-character preview dbo.History can store was
   never legible there, and a Kendo cell is white-space: nowrap with overflow hidden, which silently
   clipped a trailing icon out of sight. Nothing is adjacent now, hence no horizontal margin. */
.note-change-icon {
  vertical-align: middle; }

/* GLA-13204: the "Modified" pill on a note card in the student Notes hub. A right-aligned block
   rather than an absolutely positioned badge: .card-text is a single ellipsized line, so a pill
   overlaying the card's top-right corner would sit on top of the note text. Only a modified note
   renders it, so the extra line costs nothing on the rest. */
.note-modified-wrap {
  text-align: right;
  margin-bottom: 6px;
  line-height: 1; }

.note-modified-pill i {
  margin-right: 4px; }

/* --- styles for notes */
/* --- Portico Design System 2.0 chip (GLA-13255).
   Aligned to Figma's MUI <Chip>: 24px tall, fully rounded, 13px. The filled brand colour stays the
   default because that is what the existing usages expect; --neutral is the grey variant the
   Re-Entry status picker needs, folded up here from its private .reentry-pill per the PR 14512
   review rather than living on one page. */
.chips {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  height: 24px;
  padding: 0 10px;
  background-color: #C6579A;
  border-radius: 100px;
  color: #fff;
  font-size: 13px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap; }
  .chips--green {
    background-color: #1a6e41; }
  .chips--neutral {
    background-color: #ebeae8;
    color: #62646a;
    font-weight: 400; }
  @media (max-width: 767px) {
    .chips {
      padding: 0 8px;
      font-size: 0.8rem; } }

.content-filters.row-bs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.75rem; }
  .content-filters.row-bs .filter-wrapper {
    flex: 1 1 0 !important;
    min-width: 9.375rem !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important; }
    .content-filters.row-bs .filter-wrapper label {
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      display: block !important; }

/* --- styles for chips */
.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-wrap {
  flex-wrap: wrap !important; }

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

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

.flex-fill {
  flex: 1 1 auto !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; }

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

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

@media (min-width: 544px) {
  .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-wrap {
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-sm-fill {
    flex: 1 1 auto !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; }
  .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; }
  .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; } }

@media (min-width: 768px) {
  .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-wrap {
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-md-fill {
    flex: 1 1 auto !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; }
  .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; }
  .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; } }

@media (min-width: 992px) {
  .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-wrap {
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-lg-fill {
    flex: 1 1 auto !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; }
  .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; }
  .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; } }

@media (min-width: 1200px) {
  .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-wrap {
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xl-fill {
    flex: 1 1 auto !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; }
  .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; }
  .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; } }

@media (min-width: 1560px) {
  .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-wrap {
    flex-wrap: wrap !important; }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important; }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important; }
  .flex-xxl-fill {
    flex: 1 1 auto !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; }
  .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; }
  .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; } }

/* --- flex helpers */
@media (max-width: 991px) {
  #contact-grid-header .page-title {
    margin-bottom: 15px; } }

#contact-grid-header .advanced-filter-mobile-button {
  width: 32px;
  margin-right: -15px;
  margin-left: 5px; }
  @media (max-width: 767px) {
    #contact-grid-header .advanced-filter-mobile-button {
      display: flex;
      justify-content: center;
      align-items: center; } }
  #contact-grid-header .advanced-filter-mobile-button .icon {
    position: static; }
  #contact-grid-header .advanced-filter-mobile-button use {
    fill: #888888; }

/* -- styles for contact grid page */
/* Faculty Demo partials */
.card--course {
  width: 250px; }
  @media (min-width: 992px) {
    .card--course {
      width: 100%; } }

.card--student {
  width: 170px; }

@media (max-width: 1199px) {
  .h-scrollable-wrapper {
    touch-action: pan-x; }
    .h-scrollable-wrapper::-webkit-scrollbar-thumb:horizontal {
      background-color: rgba(0, 0, 0, 0.2);
      border-radius: 3px;
      height: 3px; }
    .h-scrollable-wrapper::-webkit-scrollbar-track:horizontal {
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      height: 3px;
      margin: 0 24px; } }

/* --- Faculty Demo dashboard */
/*Pages*/
.container--students h1, .container--students h2, .container--students h3, .container--students h4, .container--students h5, .container--students h6 {
  font-weight: 700; }

.container--students .card.student-card {
  cursor: pointer; }
  .container--students .card.student-card .student-name {
    font-size: 1rem;
    font-weight: 700; }
  .container--students .card.student-card .chips {
    padding: 6px 12px;
    background-color: #3AB764;
    border-radius: 15px;
    color: #fff;
    font-weight: 700; }
  .container--students .card.student-card .small-text {
    font-size: 0.75rem; }
    .container--students .card.student-card .small-text--time {
      color: #9B9B9B; }
    .container--students .card.student-card .small-text--desc {
      color: #303A44; }

#student-overview-mobile {
  z-index: 2000; }
  #student-overview-mobile .modal-content {
    padding-bottom: 80px; }
  #student-overview-mobile .advanced-filters--footer {
    position: fixed; }

/* --- Class Gradebook Mobile */
/* Feature: Forward Notification */
.forward-notification-modal,
.forward-notification-staff-directory-modal {
  text-align: left; }

.forward-notification-modal {
  z-index: 1060; }
  .forward-notification-modal .modal-title {
    color: #fff; }
  .forward-notification-modal .simple-label {
    display: block;
    font-weight: 600;
    margin-bottom: 4px;
    color: #333; }
  .forward-notification-modal .forward-notification-summary {
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee; }
    .forward-notification-modal .forward-notification-summary .forward-notification-subject,
    .forward-notification-modal .forward-notification-summary .forward-notification-from {
      font-size: 0.95rem;
      color: #444;
      word-break: break-word; }
    .forward-notification-modal .forward-notification-summary .forward-notification-field + .forward-notification-field {
      margin-top: 12px; }
  .forward-notification-modal .forward-notification-recipients {
    margin-bottom: 16px; }
    .forward-notification-modal .forward-notification-recipients .recipients-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 8px; }
    .forward-notification-modal .forward-notification-recipients .recipients-empty {
      color: #999;
      font-size: 0.875rem;
      font-style: italic; }
    .forward-notification-modal .forward-notification-recipients .recipients-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 6px; }
    .forward-notification-modal .forward-notification-recipients .recipient-chip {
      display: inline-flex;
      align-items: center;
      padding: 4px 8px;
      background-color: #e9f5fb;
      border: 1px solid #b8deee;
      border-radius: 12px;
      font-size: 0.875rem;
      color: #2b6b8a; }
      .forward-notification-modal .forward-notification-recipients .recipient-chip .chip-name {
        margin-right: 6px; }
      .forward-notification-modal .forward-notification-recipients .recipient-chip .chip-remove {
        cursor: pointer;
        font-weight: bold;
        line-height: 1;
        padding: 0 2px; }
        .forward-notification-modal .forward-notification-recipients .recipient-chip .chip-remove:hover {
          color: #c00; }
  .forward-notification-modal .forward-notification-note .required-marker {
    color: #c00; }
  .forward-notification-modal .forward-notification-note textarea {
    resize: vertical;
    min-height: 80px; }
  .forward-notification-modal .forward-notification-note .char-counter {
    text-align: right;
    font-size: 0.75rem;
    color: #999;
    margin-top: 4px; }

.forward-notification-staff-directory-modal {
  z-index: 1070; }
  .forward-notification-staff-directory-modal [user-type-item].forward-locked {
    opacity: 0.55;
    cursor: not-allowed; }
    .forward-notification-staff-directory-modal [user-type-item].forward-locked input[type="checkbox"] {
      pointer-events: none;
      cursor: not-allowed; }
  .forward-notification-staff-directory-modal .jsLoadingDetails {
    display: block;
    padding: 12px;
    text-align: center;
    color: #666; }
  .forward-notification-staff-directory-modal .refactored-custom-checkbox.user-types {
    display: none; }
  .forward-notification-staff-directory-modal .filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px; }
    .forward-notification-staff-directory-modal .filter-wrapper #filterTransferName {
      flex: 1 1 220px;
      min-width: 200px; }
  .forward-notification-staff-directory-modal > .modal-scroll > .modal-body,
  .forward-notification-staff-directory-modal .modal-body {
    padding-top: 10px; }
  .forward-notification-staff-directory-modal .advanced-filter-dropdowns {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center; }
  .forward-notification-staff-directory-modal .filter-dropdown {
    position: relative; }
    .forward-notification-staff-directory-modal .filter-dropdown .filter-dropdown-toggle {
      display: inline-flex;
      align-items: center;
      gap: 6px; }
      .forward-notification-staff-directory-modal .filter-dropdown .filter-dropdown-toggle .icon {
        transition: transform 0.15s ease; }
    .forward-notification-staff-directory-modal .filter-dropdown.open .filter-dropdown-toggle .icon {
      transform: rotate(180deg); }
    .forward-notification-staff-directory-modal .filter-dropdown .filter-dropdown-menu {
      position: absolute;
      top: calc(100% + 4px);
      left: 0;
      z-index: 10;
      min-width: 200px;
      max-height: 260px;
      overflow-y: auto;
      padding: 8px 12px;
      background: #fff;
      border: 1px solid #ddd;
      border-radius: 4px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); }
      .forward-notification-staff-directory-modal .filter-dropdown .filter-dropdown-menu .refactored-custom-checkbox {
        display: flex;
        align-items: center;
        margin: 4px 0;
        cursor: pointer; }

.voicemail-forwarded-badge {
  display: inline-block;
  padding: 2px 8px;
  background-color: #f5e7b9;
  border-radius: 10px;
  font-size: 0.75rem;
  color: #7a5500;
  margin-left: 6px; }

.voicemail-forward-note {
  display: block;
  font-style: italic;
  color: #666;
  margin-top: 4px; }
  .voicemail-forward-note i {
    margin-right: 4px; }

/* --- GLA-11690 Forward notification modal styles */
/* Feature: Re-Entry Management */
/* --- GLA-13255: Re-Entry Management page (Workflows -> Lead Flow).
   Implements the Figma "Re-entry process modification for CRM" (Re-entry Flow) frames. That design
   is drawn on an MUI-based system, so its neutral palette, 8px radius and Source Sans 3 scale are
   reproduced here rather than borrowed from the surrounding Bootstrap/Kendo admin styling.

   Everything is scoped under .reentry so none of it leaks into other pages.

   The design shows its accents in green (#00856f). That is Verity's own brand green, but brand
   colour is per-tenant in this product ($brand-primary resolves to each school's
   $client-main-color across Content/bootstrap/_<school>-colors.scss), so every accent below uses
   $brand-primary and each tenant gets its own. Never hardcode the green here. */
/* The palette these used to declare is now the shared Portico token set in
   components/_refactored-variables.scss, so the buttons, modals and fields this page shares with
   the rest of the app cannot drift apart. Kept as aliases purely so the ~1300 lines below read
   unchanged. */
.reentry {
  font-family: 'Source Sans 3', 'Roboto', sans-serif;
  color: #35373d; }
  .reentry *, .reentry *::before, .reentry *::after {
    box-sizing: border-box; }
  .reentry .hidden {
    display: none !important; }

.reentry-card {
  background: #fff;
  border-radius: 8px; }
  .reentry-card__header {
    padding: 24px 24px 8px; }
  .reentry-card__title {
    margin: 0;
    color: #0f1219;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.15px; }
  .reentry-card__subtitle {
    margin: 4px 0 0;
    max-width: 720px;
    color: #35373d;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }

/* --- Toolbar: search + Filter on the left, Add Rules on the right */
.reentry-toolbar {
  display: flex;
  align-items: center;
  /* flex-start, not space-between: the Filter button sits immediately beside the search bar
       rather than being pushed to the far edge of the card. Add Rules is right-aligned by the auto
       margin on &__actions instead, so the search/filter pair keeps its own 16px gap however wide
       the card gets. */
  justify-content: flex-start;
  gap: 16px;
  padding: 16px 24px;
  flex-wrap: wrap;
  /* Search + Filters, together on the left (Figma node 210:11489). They read as one control pair,
       so they travel together when the toolbar wraps. */
  /* Add Rules sits at the right edge, over the table's Actions column. `margin-left: auto` rather
       than space-between on the parent: that would also stretch the gap between search and Filter,
       and this keeps the button trailing when the toolbar wraps onto a second line. */ }
  .reentry-toolbar__group {
    display: flex;
    align-items: center;
    gap: 16px; }
  .reentry-toolbar__actions {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-left: auto; }

/* --- Search
   The control itself is now the app's .contextual-search (components/_forms.scss), which carries
   the Figma design for every search bar in the app. Only the width stays here: .contextual-search
   deliberately sets none, because its ~24 other usages are sized by the filter bar they sit in. */
.reentry-toolbar__search {
  width: 352px;
  max-width: 100%; }

/* Search icon on the LEADING edge, before the placeholder text.
   The shared .contextual-search (components/_forms.scss) pins its icon to `right: 12px` and pads the
   input on the right to clear it. That component backs ~24 search bars across the app, so this flip
   is scoped to .reentry rather than changing all of them — moving every search icon app-wide is a
   design decision well beyond this page. Both the toolbar search and the filter popover's own search
   are covered, so the two match. */
.reentry .contextual-search .icon {
  right: auto;
  left: 12px; }

.reentry .contextual-search input[type="text"] {
  padding: 0 12px 0 40px; }

/* --- Buttons */
/* GLA-13255 PR review: the button was hand-rolled here first. It now lives in the global house
   layer (components/_buttons-links.scss) as .btn / .btn-primary / .btn-secondary-outline /
   .btn-link / .btn__icon, so the whole app reflects the Figma spec instead of this one page.
   Nothing button-shaped belongs in this file any more. */
/* --- Filter popover: facet list on the left, searchable values on the right */
.reentry-filter {
  position: relative;
  /* LEFT-aligned to its button. The button used to sit at the right end of the toolbar, where a
       right-aligned popover was the only way to keep it on the card; it now sits next to the search
       box on the left, so right-alignment would throw a 420px panel back across the toolbar. */ }
  .reentry-filter.is-open > .btn-secondary-outline {
    border-color: #C6579A;
    color: #C6579A; }
  .reentry-filter__facet-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
    color: #62646a; }
    .reentry-filter__facet-icon svg {
      width: 18px;
      height: 18px;
      fill: currentColor; }
  .reentry-filter__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 100px;
    background: #C6579A;
    color: #fff;
    font-size: 11px;
    font-weight: 700; }
  .reentry-filter__popover {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 20;
    width: 420px;
    border: 1px solid #d6d7da;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 30px 5px rgba(32, 30, 40, 0.12), 0 16px 24px 2px rgba(32, 30, 40, 0.14); }
  .reentry-filter__panes {
    display: flex;
    align-items: stretch; }
  .reentry-filter__facets {
    width: 148px;
    margin: 0;
    padding: 8px 0;
    border-right: 1px solid #d6d7da;
    list-style: none; }
  .reentry-filter__facet {
    display: flex;
    align-items: center;
    gap: 10px;
    border-left: 3px solid transparent;
    padding: 10px 16px 10px 13px;
    color: #35373d;
    font-size: 14px;
    letter-spacing: 0.17px;
    cursor: pointer; }
    .reentry-filter__facet:hover {
      background: #ebeae8; }
    .reentry-filter__facet.is-active {
      border-left-color: #C6579A;
      background: rgba(198, 87, 154, 0.08);
      color: #C6579A;
      font-weight: 600; }
      .reentry-filter__facet.is-active .reentry-filter__facet-icon {
        color: #C6579A; }
  .reentry-filter__values {
    flex: 1 0 0;
    min-width: 0;
    padding: 12px; }
  .reentry-filter__search {
    position: relative;
    margin-bottom: 8px;
    /* Slightly denser than the toolbar search; the rest comes from .contextual-search. */ }
    .reentry-filter__search input[type="text"] {
      height: 36px;
      font-size: 14px; }
  .reentry-filter__list {
    max-height: 220px;
    overflow-y: auto; }
  .reentry-filter__option {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 6px 4px;
    color: #35373d;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer; }
    .reentry-filter__option input {
      width: 16px;
      height: 16px;
      margin: 0;
      accent-color: #C6579A; }
    .reentry-filter__option:hover {
      background: #ebeae8; }
  .reentry-filter__empty {
    margin: 8px 4px;
    color: #9ea0a4;
    font-size: 13px; }
  .reentry-filter__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #d6d7da; }
  .reentry-filter__count {
    color: #62646a;
    font-size: 13px; }

/* --- Table */
/* Deliberately NOT a scroll container. `overflow-x: auto` used to live here, and per the CSS overflow
   spec a non-`visible` value on one axis forces the other axis to `auto` too — so this element became a
   scroll container that CLIPPED the absolutely-positioned row action menu (QA: "Remove" cut in half on a
   one-row table) and grew a stray vertical scrollbar on the card. That is clipping, not stacking, so no
   z-index on .reentry-menu__list could escape it. The grid is a fixed set of six short columns on a
   desktop admin page, so horizontal scrolling is not worth re-clipping the menu for. If a horizontal
   scroller is ever genuinely needed, the menu has to be moved out of this subtree first. */
.reentry-table-wrap {
  overflow: visible; }

.reentry-table {
  width: 100%;
  border-collapse: collapse; }
  .reentry-table thead th {
    height: 36px;
    padding: 0 16px;
    border-bottom: 1px solid #d6d7da;
    color: #62646a;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.17px;
    text-align: left;
    white-space: nowrap; }
  .reentry-table tbody td {
    height: 66px;
    padding: 16px;
    border-bottom: 1px solid #d6d7da;
    color: #35373d;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px;
    vertical-align: middle; }
  .reentry-table tbody tr:hover td {
    background: rgba(235, 234, 232, 0.5); }
  .reentry-table__status {
    color: #0f1219;
    font-weight: 600; }
  .reentry-table__info {
    display: inline-flex;
    width: 14px;
    height: 14px;
    margin-left: 4px;
    vertical-align: -2px;
    color: #9ea0a4; }
    .reentry-table__info svg {
      width: 14px;
      height: 14px;
      fill: currentColor; }
  .reentry-table__sort {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    user-select: none; }
    .reentry-table__sort:hover .reentry-table__sort-arrow {
      opacity: 0.5; }
    .reentry-table__sort:focus-visible {
      outline: 2px solid #C6579A;
      outline-offset: 2px; }
    .reentry-table__sort.is-sorted {
      color: #0f1219; }
      .reentry-table__sort.is-sorted .reentry-table__sort-arrow {
        opacity: 1; }
    .reentry-table__sort.is-desc .reentry-table__sort-arrow {
      transform: rotate(180deg); }
  .reentry-table__sort-arrow {
    display: inline-flex;
    width: 14px;
    height: 14px;
    opacity: 0;
    transition: opacity 0.15s ease, transform 0.15s ease; }
    .reentry-table__sort-arrow svg {
      width: 14px;
      height: 14px;
      fill: currentColor; }
  .reentry-table__date {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap; }
  .reentry-table__date-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: #9ea0a4; }
    .reentry-table__date-icon svg {
      width: 16px;
      height: 16px;
      fill: currentColor; }
  .reentry-table__actions-col {
    width: 78px;
    text-align: right; }
  .reentry-table__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 24px;
    height: 44px;
    padding: 0 16px; }
  .reentry-table__rows-per-page {
    display: flex;
    align-items: center;
    gap: 8px; }
    .reentry-table__rows-per-page label {
      margin: 0;
      color: #62646a;
      font-size: 13px;
      font-weight: 400; }
  .reentry-table__range {
    color: #62646a;
    font-size: 13px; }
  .reentry-table__pager {
    display: flex;
    align-items: center;
    gap: 4px; }

/* "Rows per page". Written as `.reentry select.reentry-select-inline` (0,2,1), not a bare class
   (0,1,0), so it outranks the global `select:not(.disabled)` rule in Site.scss (0,1,1). That global
   rule otherwise wins and supplies both its own up/down arrow background-image — the doubled arrow in
   the QA screenshot — and a .5rem/1.75rem padding this compact control does not want. Scoring (0,2,1)
   rather than a tie at (0,1,1) means the win does not depend on @import order in Site.scss.
   The custom chevron is drawn inline because, unlike .reentry-field, this control has no
   .reentry-field__caret sibling, so suppressing the global arrow without replacing it would leave no
   affordance at all. It is a neutral grey (matching $reentry-secondary), not an accent, so no brand
   colour is involved. */
.reentry select.reentry-select-inline {
  height: 28px;
  padding: 0 18px 0 4px;
  border: 0;
  border-bottom: 1px solid #d6d7da;
  background-color: transparent;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%2362646a' d='M6 10l10 10 10-10-2-2-8 8-8-8z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 2px center;
  background-size: 10px 10px;
  color: #35373d;
  font-family: inherit;
  font-size: 13px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .reentry select.reentry-select-inline::-ms-expand {
    display: none; }

.reentry-user {
  display: flex;
  align-items: center;
  gap: 8px;
  /* Profile picture branch. `cover` rather than `contain` so a non-square upload fills the circle
       instead of leaving the avatar background showing through as bars. */ }
  .reentry-user__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #bcbec1;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    /* Clips the picture below to the circle. Harmless for the initials branch. */
    overflow: hidden; }
  .reentry-user__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%; }
  .reentry-user__name {
    white-space: nowrap; }

/* --- Row action menu. The design uses a kebab icon button; there is no kebab glyph in the sprite,
   so it is drawn with CSS dots. */
.reentry-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 5px;
  border: 0;
  border-radius: 100px;
  background: none;
  color: #62646a;
  cursor: pointer; }
  .reentry-icon-btn:hover {
    background: #ebeae8; }
  .reentry-icon-btn:disabled {
    opacity: 0.38;
    cursor: not-allowed; }
    .reentry-icon-btn:disabled:hover {
      background: none; }
  .reentry-icon-btn__glyph {
    display: inline-flex;
    width: 16px;
    height: 16px; }
    .reentry-icon-btn__glyph svg {
      width: 16px;
      height: 16px;
      fill: currentColor; }
    .reentry-icon-btn__glyph--next svg {
      transform: rotate(180deg); }

.reentry-kebab {
  position: relative;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: currentColor; }
  .reentry-kebab::before, .reentry-kebab::after {
    content: '';
    position: absolute;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor; }
  .reentry-kebab::before {
    top: -6px; }
  .reentry-kebab::after {
    top: 6px; }

.reentry-menu {
  position: relative;
  display: inline-block;
  /* Anchored to its toggle with plain absolute positioning — do NOT switch this to position: fixed
       with JS-computed coordinates. That was tried and rejected: it depends on a JS/CSS pair staying in
       sync, and a browser serving a cached reentryManagement.js against fresh CSS parks the menu in the
       viewport's top-left corner.
       What actually clipped this menu ("Remove" cut in half on a one-row table, plus a stray scrollbar
       on the card) was .reentry-table-wrap being a scroll container — see the comment there. Keep that
       wrap non-scrolling and this positioning works. The high z-index guards against the sticky table
       header and the toolbar, which both create stacking contexts.

       PR 14512 review: the surface below (border, radius, elevation, item hover) is now also carried
       by the app's shared .dropdown-menu, so the two match. The markup is deliberately NOT switched
       onto .dropdown-menu: Bootstrap keeps that display:none until `.open` is on the parent, whereas
       this menu is toggled by a `.hidden` class in reentryManagement.js, so adopting the class without
       also rewriting the JS to Bootstrap's convention would hide the menu outright. Folding it is a
       JS change, not a CSS one — worth doing, but not blind. */
  /* Icon-leading rows. The icon inherits the item's colour, so the danger variant tints its trash
       glyph too without a second rule. */ }
  .reentry-menu__list {
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    z-index: 1000;
    min-width: 148px;
    padding: 4px 0;
    border: 1px solid #d6d7da;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 1px -1px rgba(32, 30, 40, 0.08), 0 1px 3px rgba(32, 30, 40, 0.08);
    text-align: left; }
  .reentry-menu__item {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 8px 16px;
    border: 0;
    background: none;
    color: #35373d;
    font-family: inherit;
    font-size: 14px;
    text-align: left;
    cursor: pointer; }
    .reentry-menu__item:hover {
      background: #ebeae8; }
    .reentry-menu__item--danger {
      color: #f15b17; }
  .reentry-menu__icon {
    display: inline-flex;
    flex: 0 0 16px;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px; }
    .reentry-menu__icon svg {
      width: 16px;
      height: 16px;
      fill: currentColor; }

/* --- Empty state */
.reentry-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 48px 24px 64px;
  text-align: center;
  /* Figma's "Add Files" illustration (node 200:11517 → 391:108898): a 164.895 x 122.613 frame
       holding the pale disc at inset 0 and the document card inset 26.1% / 24.62% / -3.58% / 27.29%.
       The card's negative bottom inset is deliberate — it hangs below the frame — so this box must not
       clip, and the 40px gap Figma puts under the illustration is reduced by that overhang. */ }
  .reentry-empty__art {
    position: relative;
    width: 165px;
    height: 123px;
    margin-bottom: 36px; }
  .reentry-empty__art-base {
    position: absolute;
    inset: 0;
    width: 100%; }
  .reentry-empty__art-overlay {
    position: absolute;
    top: 26.1%;
    left: 27.29%;
    /* 79.3043 / 164.895. Height follows the asset's own ratio, which reproduces Figma's
           -3.58% bottom overhang without hard-coding it. */
    width: 48.09%; }
  .reentry-empty__title {
    margin: 0;
    color: #0f1219;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.15px; }
  .reentry-empty__text {
    margin: 8px 0 24px;
    max-width: 440px;
    color: #62646a;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }

/* --- "Add / Edit Re-Entry Rules" drawer: a 620px panel pinned to the right edge.
   Rendered as a native <dialog> so showModal() puts it in the browser top layer — the Out-of-Office
   preview proved a plain positioned div flickers when compositing across monitors. */
/* --- "Manage Status" (Figma node 382:83504): a CENTRED modal, unlike the right-hand drawer.
   Also a native <dialog> + showModal(): it opens on top of the already-open drawer, and because the
   browser top layer is a stack it paints above it with no z-index involved. */
.reentry-modal {
  width: 600px;
  max-width: calc(100% - 32px);
  padding: 0;
  border: 0;
  background: none;
  /* Manage Status confirmation body (Figma node 711:84915). Two sentences on two lines: the comp
       breaks after the first, and the second wraps naturally. Blocks rather than <br> so the break
       is layout, not content — the JS fills each span with plain text. */ }
  .reentry-modal::backdrop {
    background: rgba(32, 30, 40, 0.5); }
  .reentry-modal__paper {
    padding: 24px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 30px 5px rgba(32, 30, 40, 0.12), 0 16px 24px 2px rgba(32, 30, 40, 0.14), 0 8px 10px -5px rgba(32, 30, 40, 0.2); }
  .reentry-modal__heading {
    margin: 0 0 12px;
    color: #0f1219;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.15px; }
  .reentry-modal__confirm {
    margin: 0;
    color: #35373d;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.15px; }
    .reentry-modal__confirm span {
      display: block; }
  .reentry-modal__error {
    margin: 12px 0 0;
    color: #f15b17;
    font-size: 13px; }
  .reentry-modal__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 24px; }

.reentry-drawer {
  width: 620px;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0 0 0 auto;
  padding: 0;
  border: 0;
  background: none;
  overflow: visible;
  /* The X. Sized and coloured here rather than left to the global .icon-wrapper, because that
       helper only sets a colour — the fill of a sprite <use> is inherited from the modal chrome it
       normally sits in (.custom-modal .modal-header .icon use), which this dialog is not. */
  /* 24px, per the "I've changed gap to 24px" annotation on Figma node 711:80332. */
  /* The field row plus its validation messages. They are ours, not Figma's, and 24px would read as
       detached from the field they describe — so they live in their own 8px stack and the intro's
       24px gap applies between the description and this block as designed. */ }
  .reentry-drawer::backdrop {
    background: rgba(32, 30, 40, 0.5); }
  .reentry-drawer__paper {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #fff;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 6px 30px 5px rgba(32, 30, 40, 0.12), 0 16px 24px 2px rgba(32, 30, 40, 0.14), 0 8px 10px -5px rgba(32, 30, 40, 0.2);
    overflow: hidden; }
  .reentry-drawer__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid #d6d7da; }
  .reentry-drawer__close {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: #35373d;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease; }
    .reentry-drawer__close:hover {
      opacity: 1; }
    .reentry-drawer__close svg {
      width: 16px;
      height: 16px;
      fill: currentColor; }
  .reentry-drawer__heading {
    margin: 0;
    color: #0f1219;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.15px; }
  .reentry-drawer__content {
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    gap: 24px;
    min-height: 0;
    padding: 24px;
    overflow-y: auto; }
  .reentry-drawer__intro {
    display: flex;
    flex-direction: column;
    gap: 24px; }
  .reentry-drawer__fields {
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .reentry-drawer__desc {
    margin: 0;
    color: #35373d;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }
  .reentry-drawer__warning {
    margin: 0;
    color: #ffd23f;
    font-size: 13px; }
  .reentry-drawer__error {
    margin: 0;
    color: #f15b17;
    font-size: 13px; }
  .reentry-drawer__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 16px 24px;
    border-top: 1px solid #d6d7da; }

/* --- MUI outlined fields, "On-Top" label variant (Figma node 711:80332, annotated "New components
   with 'on-top title'"). The label used to be notched into the top border (absolute, -8px, white
   background) per the earlier comps; it now sits ABOVE the field in normal flow, so .reentry-field
   is a 4px-gap flex column. Everything absolutely positioned inside it (the visually-hidden native
   <select>, the caret) is out of flow and unaffected.

   Shared by BOTH dialogs — the rule drawer and the Manage Status modal — which is the point: one
   field component, so the two cannot drift apart. */
.reentry-field-row {
  display: flex;
  align-items: flex-start;
  gap: 24px; }

.reentry-field {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 4px;
  /* The doubled dropdown arrow (QA) is NOT the browser's own expander — Site.scss ships a global
       Bootstrap-derived `select:not(.disabled)` rule that already sets -webkit/-moz-appearance: none
       and then paints its OWN up/down arrow as an 8x10 background-image. That selector scores
       (0,1,1) and beats the plain `.reentry-field__control` (0,1,0) declaration above, so its
       background-image survived and stacked under .reentry-field__caret.
       `select.reentry-field__control` matches that (0,1,1) score and is declared later, so it wins;
       nesting it under .reentry-field pushes it to (0,2,1) for good measure. The appearance resets
       and the ::-ms-expand kill are kept as belt-and-braces for engines that reach this rule without
       the global one. .reentry-field__caret stays the single visible arrow. */
  /* Anchored to the BOTTOM of the field, not its middle. With the on-top label the field is a
       two-row stack, so the old `top: 50%` centred the caret against label + input together and
       parked it on the label/input seam. Pinning `bottom: 0` with the input's own 42px height keeps
       it centred on the input whatever the label wraps to.

       Figma draws a 24x24 icon box whose right edge sits on the input's 14px text inset; the glyph
       inside it is much smaller than the box. Reproduced as a 24x24 box at right: 14px with the
       chevron held at 16x16 inside it, so the visible arrow lands on Figma's centre (26px from the
       edge) without inflating our sprite to a 24px chevron. */ }
  .reentry-field--grow {
    flex: 1 0 0;
    min-width: 0; }
  .reentry-field--after-days {
    flex: 0 0 142px;
    width: 142px; }
  .reentry-field__label {
    /* 4px of horizontal padding, matching Figma's Label Container — it keeps the label's optical
           left edge in line with the input's 14px text inset without pretending to be flush. */
    padding: 0 4px;
    color: #35373d;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    white-space: nowrap; }
    .reentry-field__label em {
      color: #be364d;
      font-style: normal; }
  .reentry-field__control {
    width: 100%;
    /* 24px content line + 8px padding top/bottom + 1px border top/bottom. */
    height: 42px;
    padding: 8px 14px;
    border: 1px solid #7e8084;
    border-radius: 8px;
    background: #fff;
    color: #0f1219;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    appearance: none; }
    .reentry-field__control::placeholder {
      color: #9ea0a4; }
    .reentry-field__control:focus {
      border-color: #C6579A;
      box-shadow: 0 0 0 1px #C6579A;
      outline: none; }
    .reentry-field__control.is-locked {
      background: #ebeae8;
      cursor: default; }
  .reentry-field select.reentry-field__control {
    /* Clear the caret: its 24px box ends 14px from the edge, so text must stop at 38px. */
    padding-right: 40px;
    background-color: #fff;
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .reentry-field select.reentry-field__control::-ms-expand {
      display: none; }
    .reentry-field select.reentry-field__control.is-locked {
      background-color: #ebeae8; }
  .reentry-field__caret {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 42px;
    pointer-events: none;
    color: #62646a; }
    .reentry-field__caret svg {
      width: 16px;
      height: 16px;
      fill: currentColor; }

/* --- Type-ahead combobox. Every picker in this feature is a searchable text input; the underlying
   <select> stays in the DOM as the value holder (so the form posts unchanged) and is visually hidden.
   The list is a child of the field, never of <body>, because these drawers are native <dialog>s opened
   with showModal(): a body-level popup would render under the top layer and be unclickable. */
.reentry-combo {
  position: relative;
  /* --- Fallback group shown when no student-lifecycle status matches (Figma node 478:134343,
       "Option 2"): a titled notice, a divider, then the group header with its info icon. */
  /* 14px horizontal, matching &__option, so every line in the list shares one left edge. */
  /* Inset each side, per the mock — not a full-bleed rule. */
  /* The icon that distinguishes Option 2. Muted, never the brand colour of its heading — it is a
       hint, not part of the label. Tooltip is wired by initDialogTooltips(), on hover/focus. */ }
  .reentry-combo__native {
    /* Not display: none — a hidden-but-present control keeps the value in $form.serialize(). */
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    opacity: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    pointer-events: none; }
  .reentry-combo__input {
    /* Room for the field's caret, which sits over the input (24px box, 14px from the edge). */
    padding-right: 40px;
    text-overflow: ellipsis;
    cursor: text; }
    .reentry-combo__input::placeholder {
      color: #9ea0a4; }
    .reentry-combo__input:disabled {
      background: #ebeae8;
      color: #9ea0a4;
      cursor: not-allowed; }
    .reentry-combo__input.is-locked {
      background: #ebeae8;
      cursor: default; }
  .reentry-combo__list {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    right: 0;
    z-index: 1000;
    /* 9 rows rather than 6. The picker lists a school's whole active Student lifecycle -- 21
           statuses on the QA tenant -- and GLA-13256 QA read a 6-row window over that as statuses
           being missing. Still comfortably inside .reentry-drawer__content, which is a scroll
           container and therefore CLIPS this absolutely positioned list. */
    max-height: 336px;
    padding: 4px 0;
    border: 1px solid #d6d7da;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 2px 1px -1px rgba(32, 30, 40, 0.08), 0 1px 3px rgba(32, 30, 40, 0.08);
    overflow-y: auto; }
  .reentry-combo__option {
    padding: 8px 14px;
    color: #35373d;
    font-size: 14px;
    line-height: 1.43;
    cursor: pointer;
    /* The non-student fallback rows push their lifecycle pill to the trailing edge. */
    /* A status that already has a re-entry rule: listed, so the admin sees their whole Student
           lifecycle, but greyed and inert because picking it would overwrite that rule. Same row shape
           as the fallbacks above, so both kinds of unpickable row read alike.

           The hover/active reset has to come AFTER the base `&:hover, &.is-active` rule -- both score
           (0,1,1), so source order is what decides it. */ }
    .reentry-combo__option:hover, .reentry-combo__option.is-active {
      background: #ebeae8; }
    .reentry-combo__option.is-selected {
      color: #C6579A;
      font-weight: 600; }
    .reentry-combo__option--nonstudent {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px; }
    .reentry-combo__option--configured {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      color: #9ea0a4;
      cursor: default; }
      .reentry-combo__option--configured:hover, .reentry-combo__option--configured.is-active {
        background: transparent; }
  .reentry-combo__empty {
    padding: 8px 14px;
    color: #62646a;
    font-size: 13px; }
  .reentry-combo__notice {
    padding: 12px 14px 8px; }
  .reentry-combo__notice-title {
    color: #0f1219;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5; }
  .reentry-combo__notice-text {
    color: #62646a;
    font-size: 14px;
    line-height: 1.43; }
  .reentry-combo__divider {
    height: 1px;
    margin: 4px 14px;
    background: #d6d7da; }
  .reentry-combo__group-title {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px 4px;
    color: #C6579A;
    font-size: 14px;
    font-weight: 600; }
  .reentry-combo__group-info {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: #62646a;
    cursor: help; }
    .reentry-combo__group-info svg {
      width: 14px;
      height: 14px;
      fill: currentColor; }

/* Lifecycle chip on a fallback row: what the status is classified as TODAY. Neutral grey on
   purpose — it is current state, not an accent, so it must not read as the brand action colour.
   Metrics follow the MUI <Chip> in Figma node 478:134343: 24px tall, fully rounded. */
/* --- Chip
   Now the shared .chips / .chips--neutral in components/_chips.scss, so the app has one chip
   rather than this page having its own. */
.reentry-divider {
  width: 100%;
  margin: 0;
  border: 0;
  border-top: 1px solid #d6d7da; }

/* GLA-13255 phase 1: the "Allow ... Change" toggles are hidden until the phase-2 work that
   actually honours them lands. Deliberately a CSS-only hide — the markup, the checkboxes and
   their hidden "false" companions all stay in the form, so:
     - Add still posts the same seven fields (all false, exactly as an untouched drawer did);
     - Edit still posts each rule's STORED value, because openDialog() hydrates the checkboxes
       from the row's data-allow-* attributes before the drawer opens. Removing the inputs
       instead would silently blank every toggle on the next save.
   Both the section and its preceding divider go, or the drawer ends on a stray rule; the
   divider has no other use in this page. `.reentry-drawer__content` is a flex column, so a
   display:none child contributes no gap either.
   To bring them back in phase 2, delete this one block. */
.reentry-toggle-section,
.reentry-divider {
  display: none; }

/* --- "Allow changes to master inquiry record" toggle list */
.reentry-toggle-section__title {
  margin: 0;
  color: #0f1219;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.75;
  letter-spacing: 0.15px; }

.reentry-toggle-section__desc {
  margin: 8px 0 16px;
  color: #35373d;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: 0.17px; }

.reentry-toggle-list {
  display: flex;
  flex-direction: column;
  gap: 12px; }

.reentry-toggle-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 12px; }
  .reentry-toggle-row__field {
    display: flex;
    align-items: center;
    gap: 8px; }
  .reentry-toggle-row__label {
    color: #0f1219;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.15px; }
  .reentry-toggle-row__info {
    display: inline-flex;
    width: 16px;
    height: 16px;
    color: #9ea0a4;
    /* Hover/focus-triggered (initDialogTooltips), so advertise it as a hint, not a control. */
    cursor: help; }
    .reentry-toggle-row__info svg {
      width: 16px;
      height: 16px;
      fill: currentColor; }
  .reentry-toggle-row__control {
    display: flex;
    align-items: center;
    gap: 4px; }
  .reentry-toggle-row__state {
    min-width: 26px;
    color: #62646a;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }

/* MUI medium switch: 34x14 track with a 20px thumb, both tinted with the tenant brand colour. */
/* --- Toggle switch
   Now the shared .portico-switch in components/_toggles.scss - the app had no MUI-style
   on/off switch (its .switch-control is a two-label segmented control), so per the PR 14512
   review this became a new shared file rather than staying private to this page. */
/* --- GLA-13256: the Re-entry Routing section on the Lead Flow (lead vendor) page.

   Deliberately NOT scoped under .reentry: this section is embedded in the existing lead vendor page
   and uses that page's own chrome (.refactored-card, .form-add-button, .simple-label), so it asks
   nothing of CSS except to be laid out in its own vertical band. That takes both rules below.

   1. clear: both. Every campaign mapping above is a `float: left` .col-sm-10 inside a <form> that
      computes to 0px tall, so the mapping cards escape their own container and intrude into whatever
      follows them in flow. Until this section existed, nothing did. The damage was not a small
      offset: the "Re-entry Routing" heading was pushed to the far right of the page (its line boxes
      avoiding the float), the default rule's card grew a ~230px dead band above its fields, and —
      because floats paint AFTER in-flow block backgrounds — the campaign card's opaque white paper
      painted over the re-entry cards' own. A row revealed by the + button landed inside that band
      and was covered, which reads as the row disappearing behind the section above it. It is float
      overlap, NOT a z-index problem: both boxes sit in the same stacking context and the paint order
      between block backgrounds and floats is fixed by the spec, so no z-index can reorder them.
      Cleared here rather than clearfixing the mapping container, whose markup is shared with New and
      Re-inquiry Routing.

   2. The clearfix. The + button's own row (.modal-section-title > .col-xs-12) is a float inside a
      <section> that nothing clears, so this section leaked a float exactly as the mappings do —
      invisible while a vendor has one lead flow, but a second flow renders straight after it and
      would be displaced the same way.

   NOT overflow: hidden, the other way to contain a float: .form-add-button.collapsed is placed at
   top: -2*$spacer so it straddles the section's top edge, and a clipping container would cut the
   + button in half. */
/*  The Add Rules button is flat in the comp. The shadow is not this page's: `button-variant`
    (bootstrap/mixins/_buttons.scss) hangs one on EVERY variant, in the resting state and again on
    hover, so .btn-primary arrives with it wherever it is used. Taking it out of the mixin would
    move every button in the app, so it comes off this one button only.

    `.btn[data-reentry-add-rule]` scores (0,2,0) against `.btn-primary`'s (0,1,0), so this does not
    depend on @import order the way a single-class override would. */
.btn[data-reentry-add-rule], .reports-table .k-header.k-grid-top button[data-reentry-add-rule].k-button, .btn[data-reentry-add-rule]:hover, .reports-table .k-header.k-grid-top button[data-reentry-add-rule].k-button:hover, .btn[data-reentry-add-rule]:focus, .reports-table .k-header.k-grid-top button[data-reentry-add-rule].k-button:focus, .btn[data-reentry-add-rule]:active, .reports-table .k-header.k-grid-top button[data-reentry-add-rule].k-button:active, .btn[data-reentry-add-rule].active, .reports-table .k-header.k-grid-top button[data-reentry-add-rule].active.k-button {
  box-shadow: none; }

.reentry-routing {
  /*  `&__row-head` lived here: the rule card's label line with Remove at its right-hand end. Delete
        moved to each rule box's own header (node 965:155935), on the title's line, so the label owns
        its line again and this rule had no markup left to style. */
  clear: both; }
  .reentry-routing::after {
    content: "";
    display: table;
    clear: both; }

/* --- GLA-13255 Re-Entry Management page (scoped to .reentry) */
/* --- Lead Vendor page (Workflows -> Lead Flow -> a vendor), Figma "Re-entry process modification
   for CRM", node 823:140857 "Vendor - Main page" (content frame 823:140975).

   This is a RESKIN, not a rebuild. _leadVendorEdit.cshtml is one of the most heavily wired views in
   the app — two near-identical render branches, Kendo widgets bound by name, campaign mappings added
   and removed by AJAX, and a dozen behavioural hooks carried on attributes (`[lead-flows-section]`,
   `[lead-flow-mapping-row]`, `[is-silent-switch]`, `[add-new-campaign-mapping]`,
   `[data-add-campaign-mapping]`, `.showSaveButtons`, `[phone-campaign]`, `[round-robin]`,
   `[is-chat-campaign]`, `[default-advisor-container]` …). So the Bootstrap grid, the forms and every
   one of those hooks stay exactly where they were and this file supplies the comp's surfaces,
   typography, metrics and controls on top. Everything is scoped under .leadvendor-page.

   Metrics and neutrals come from components/_portico-tokens.scss and mirror
   components/_portico-forms.scss, so this page cannot drift from New Lead Vendor or the re-entry
   drawer. Accents are $brand-primary — the comps draw them in Verity green #00856f, but brand colour
   is per-tenant here and must never be hardcoded.

   Deliberately NOT reproduced from the comp, because each is a feature rather than a style (see the
   PR notes): the "Lead Flow - draft" title with its status and collapse chevron, the "Add
   Conditional Re-Entry Rules" button (the shipped Re-entry Routing section is its equivalent), and
   the comp's replacement of "Is Silent (NO/YES)" with a "Notifications (ON/OFF)" switch — that one
   inverts the field's polarity, so restyling it as the comp draws it would silently flip meaning. */
/*  ONE caret for the page. Both kinds of picker here draw their own arrow by a different mechanism
    — a DropDownList gets Kendo's `k-i-arrow-60-down` webfont glyph inside `.k-select`, while a
    MultiSelect gets none at all and relies on `.k-multiselect-wrap:before` from _overwrites.scss — so
    without a shared definition the two render different shapes side by side on the same row. Masked
    rather than a background-image so the colour stays under CSS control ($portico-secondary,
    `action/active` in Figma) instead of being baked into the SVG's fill. */
/*  The Notifications panel's width, node 834:186312. A variable because it is now the second column
    of `__mapping-body`'s grid as well as the panel's own size, and the two must agree exactly or the
    panel and its track disagree about where the column ends. */
.leadvendor-page {
  /*  Load-bearing for the Start/End Time popups, which are the only Kendo popups on this page
        appended INSIDE it (`.Popup(p => p.AppendTo("#leadVendorPage"))`).

        Kendo's Popup._align() takes the anchor's document offset and SUBTRACTS the appendTo
        element's offset, then writes the remainder as the animation container's `left`. That is
        only correct if the appendTo element is also the container's containing block -- and while
        this was `position: static` it was not: the container resolved against
        `.refactored-content-padding` further up instead. The popup therefore rendered exactly
        (thisElement.left - offsetParent.left) too far left, measured at 43px in dev.

        Being the DOM parent is not enough; it has to be positioned. `z-index` is deliberately not
        set, so this does not create a stacking context and cannot disturb paint order -- and no
        .custom-modal is rendered inside this wrapper, so no slide-in panel changes containing
        block either. */
  position: relative;
  padding-bottom: 24px;
  font-family: 'Source Sans 3', 'Roboto', sans-serif;
  color: #35373d;
  /* --- Page header, node 823:140977: title over the school name, actions on the right, 24px of
       vertical padding. */
  /* typography/h6 — 28px / 1.28, bold. */
  /* typography/h7 — 20px / 1.4, bold, secondary. The comp puts the school under the vendor name. */
  /* MUI <IconButton>: a 40x40 hit area, 8px padding, 24px glyph, 8px radius. The markup keeps its
       .icon-wrapper / .btn-simple-link element so existing click handlers are untouched; only the box
       is restated here. `.icon.icon-xs` compiles to a 20px svg under a page wrapper and outranks a
       single class, so the size is set on the svg with the button class in the selector. */
  /* Delete, node 965:155935 — a red text button with the trash glyph, replacing the icon-only
       control that used to sit beside the chevron. $portico-danger, not $brand-danger: the latter is
       per-tenant and is an ORANGE for most schools, while this red is a Portico system colour the
       comps draw fixed. */
  /* 40px is right on the Lead Flow paper's own head row; inside a nested card, beside a 14px label,
       it reads heavy. Same button, one size down.

       MUST stay after &__icon-btn: `&__` flattens both to a single class, so they score the same
       (0,1,0) and source order is all that separates them -- declared first, the base 40px width and
       height silently won and the modifier did nothing. */
  /* --- Section bar, node 844:216396: "Lead Distribution (N)" against its Add button. Replaces the
       bare round + that used to float at the section's edge.

       The comp's Container is a 32px-gap flex column, so the bar takes that 32px off the Status
       section above it and leaves the comp's own 16px before the cards it labels. */
  /* typography/subtitle4 — 20px / 1.4, semibold. Not .title, which is uppercased and small. */
  /* --- Card chrome. .refactored-card is the app's paper and carries a 2px-blur shadow and its own
       radius; the comp's Paper is flat white on the $portico-background canvas with an 8px radius,
       and .card-block supplies the 24px padding the comp draws. */
  /* Card title row, node 830:182795 — 24px icon, 10px gap, typography/subtitle3. */
  /* The grey panel's own heading is typography/subtitle2 (16px), a step down from the card title.
       Node 844:192251: the switch now shares this heading's line inside &__panel-head, so the margin
       that used to separate the heading from a row below it is gone; flex: 1 1 auto lets the heading
       take the row's spare width without squeezing the switch, which is pinned to its own size. */
  /* typography/body1 — the sentence under the card title. It replaces an absolutely-positioned
       paragraph that used to be pinned into the field row by a per-view <style> block. */
  /* --- Labels. .simple-label is the app's uppercase, letter-spaced micro-label; the comp uses
       MUI's "On-Top" label — 14px medium, sentence case, 4px above the input, 4px of horizontal
       padding so its optical left edge lines up with the input's 14px text inset.

       Scored (0,2,0) and (0,2,1): `label.simple-label` elsewhere is (0,1,1) and sets a full-spacer
       bottom margin, which would otherwise survive. */
  /* --- Controls. Every input on this page is one of: a plain/Kendo textbox, a native select, a
       Kendo DropDownList, a Kendo MultiSelect, or the advisor autocomplete. They are all brought to
       the same 42px outlined box (24px line + 8px padding + 1px border) so a row reads as one. */
  /* Site.scss ships a global `select:not(.disabled)` at (0,1,1) that sets appearance: none and
       paints its own 8x10 arrow as a background-image, plus a 12px text inset, #55595c text and
       line-height: normal — all four have to be answered or the selects read subtly unlike the
       inputs beside them. Its `:focus` twin at (0,2,1) paints border-bottom #66afe9, the Bootstrap 4
       alpha default that no tenant palette overrides; this is (0,3,1). */
  /* --- Kendo widgets. components/_filters.scss pins `.k-dropdown-wrap` at `height: 34px
       !important` and its children at 36px, and importance beats specificity — so these need
       !important too, exactly as .portico-field does for the advisor picker on New Lead Vendor. */
  /* ⚠️ Kendo COPIES the source element's classes onto the wrapper it builds. A widget adopted from a
       `.form-control` <select> — the Conditional Rule panel's campaign picker — therefore comes out as
       `.k-widget.k-dropdown.form-control` and picks up Bootstrap's 1px border and 4px radius on the
       OUTER widget, drawing a second, differently-rounded box just outside the `.k-dropdown-wrap`'s own
       8px Portico one and making the field 2px taller than every input beside it. Same double-box defect
       already recorded for the AutoComplete and the days MultiSelect, arriving by a third route.
       The box belongs on the wrap, so the widget goes flat. (The mapping card's pickers never showed it:
       their <select>s carry `hidden block`, not `form-control`.) */
  /* ...and the AutoComplete is the mirror image: the box belongs on the INNER input (styled just
       above), so its wrapper has to go flat. Kendo's `.k-autocomplete` wrapper still carried the app's
       own 4px-radius grey border from _overwrites.scss while the input inside it drew this page's 8px
       Portico box, so two differently-rounded boxes sat 1px apart and the outer corner cut across the
       inner one — the mismatched corners reported on Assign to Default Advisor, and the same
       double-box trap the days MultiSelect hit from the other direction.
       The `k-state-*` variants are restated because _overwrites.scss paints border-color on those
       states specifically; scored (0,4,0) against its (0,2,0). */
  /* The MultiSelect carries its box on the WIDGET, not the wrap — and that is not a style choice.
       _overwrites.scss borders and rounds BOTH: `.k-multiselect` (and `.k-multiselect.k-header`) get
       `border-radius: $input-border-radius` with a border, while `.k-multiselect-wrap` gets the same
       radius and `border: none`. Adding our 8px radius plus a 1px border to the wrap therefore drew a
       second, differently-rounded box just inside the widget's own — the mismatched corners reported
       on the days picker. So the wrap goes back to being borderless and square, and the 8px box lives
       on the widget where the app already put it. `overflow: hidden` keeps the wrap's own arrow
       pseudo-element inside the rounded corner. */
  /*  "Select one" reads as a placeholder rather than as a chosen value: `text/disabled` against the
        `$portico-heading` a real selection keeps.

        Keyed off the underlying <select>, because Kendo gives a DropDownList's optionLabel no class of
        its own — the `.k-readonly` the day picker's greying uses belongs to AutoComplete/MultiSelect,
        which write their placeholder into the input's VALUE. Kendo wraps the original <select> inside
        the widget and keeps its options and value in sync, so `option[value=""]:checked` is true
        exactly while the blank entry is the current one; `.k-input` is where the text is drawn. The
        bare `select` arm covers the same fields before they are upgraded, and any left native.

        NO COMBINATOR inside the `:has()`, deliberately. A plain descendant compiles — the page already
        has several — but a child combinator in a relational selector makes BuildWebCompiler emit a
        3-byte Site.css, silently, off a build that reports success.

        `:has()` contributes its argument's specificity, so these land at (0,5,1) and (0,3,1) and clear
        both the `.k-dropdown-wrap > .k-input` rule above at (0,3,0) and Site.scss's global
        `select:not(.disabled)` at (0,1,1). */
  /*  Kendo's own arrow is replaced by the same chevron the rest of the page draws. That was only
        half true until now: this rule repositioned and recoloured Kendo's webfont glyph but left the
        GLYPH alone, so a DropDownList drew `k-i-arrow-60-down` while the day MultiSelect beside it drew
        the masked MUI chevron below — two different shapes on one row, which is what "the dropdown
        arrow should be consistent with the other dropdowns" was reporting.

        Both now render one definition: $leadvendor-caret-glyph masked at 16px in $portico-secondary. The
        webfont `::before` has to be switched off explicitly or it paints through the mask. */
  /* --- The day picker's tags are the comp's filled MUI <Chip>s (node
       I830:183258;844:212964;…;13974:85238): a 24px `action/selected` pill, 13px/18px semibold label on
       6px of inner padding, and a 16px cancel glyph at 26% opacity that comes up to full on hover.
       Scored (0,4,1) because _overwrites.scss paints `.k-multiselect .k-button` transparent. */
  /* The comp draws the open picker with a 2px brand edge. `inset` rather than `border-width: 2px`, so
       opening it cannot reflow the row by a pixel. */
  /* The comp also turns the picker's LABEL brand while it is open (node …;13974:85248). The label is
       a preceding sibling of the widget, so `:has()` is the only way to reach it; a browser without
       `:has()` drops just this rule and keeps the default label colour. */
  /* --- The Start/End Time popups, node 823:175222: an elevation-8 paper of 48x40 cells with the
       selected one a brand-filled pill.

       Kendo appends a widget's popup to <body> by default, out of reach of this scope — so those two
       DropDownLists are declared with `.Popup(p => p.AppendTo("#leadVendorPage"))`, which makes the
       animation container a DIRECT child of the page wrapper and gives this rule its hook. Only those
       two do it, so no other popup on the page is touched.

       The comp's picker has three columns (hour, minute, AM/PM). Leadflows.StartHour/EndHour are
       TINYINT hours with nowhere to put a minute, so this is the comp's paper and cells over the one
       column the data supports. */
  /*  Distribution algorithm carries a round-robin team icon inline after its picker (it opens the
        round-robin configuration modal). Not in the comp at all — the comp does not draw this field.

        The width follows the SELECTED algorithm, because the icon only exists for one of them:
        Broadcast has no team to configure, so leadflows.js leaves `[round-robin]` `.hidden` and the
        picker takes the full column like Campaign Code above it; Round-robin reveals the icon, so the
        picker gives back the 36px it needs. It used to reserve that 36px unconditionally, which left
        Broadcast a picker visibly shorter than every other field on the row for an icon that was not
        there.

        Driven off the icon's own `.hidden` via `:has()` rather than a second class from JS: the three
        places that toggle it stay the single source of truth, and this page already depends on `:has()`
        for the day picker's focused label. */
  /* _overwrites.scss paints `.k-dropdown .k-state-default` on HOVER as well as focus with
       $input-border-focus (#66afe9) — the same non-brand blue that got a Kendo picker reverted on
       GLA-13256 — and sets `background: transparent`. Answered at (0,5,0) / (0,4,0). */
  /*  The brand outline means "this list is OPEN", nothing else. It used to include
        `.k-state-focused`, and Kendo keeps that class on the widget after the popup closes — so
        picking an item left the field ringed in brand until focus moved elsewhere, and clicking one
        open and dismissing it left the ring behind too. `k-state-border-down` (and `-up`, for a popup
        that ever flips) is set only while the list is showing, so the ring now goes with it.

        Nothing outlines a closed field, whatever it holds: a placeholder and a real selection are both
        just "closed". The `.k-state-default` rule above restores the neutral border, and it ties this
        at (0,4,0), so these must stay AFTER it in source order to win. */
  /*  Dropping `.k-state-focused` would otherwise leave a keyboard user with no focus indicator at
        all. `:focus-visible` is the one form that cannot bring the reported behaviour back: browsers
        withhold it for a mouse click and grant it for Tab, which is exactly the distinction being
        asked for here. `:focus-within` would NOT do — it matches the click case too. */
  /* The multiselect's states belong on the widget for the same reason its box does. */
  /*  `margin: 0`, not `4px 0 0` — an EMPTY message must reserve NO space. This is what stopped
        "Task notifications days on" lining up with "Notify after days": both day counts render their
        message wrapper up front holding an empty inner span for the validator to fill, and a
        `display: block` wrapper with a top margin gave those two fields a few px BELOW their input that
        the multiselect field beside them does not have. The row is `align-items: flex-end`, which aligns
        the BOXES, so the inputs sat that much higher than the picker.

        With no margin an empty wrapper contributes nothing, every item in the row ends at its own
        control, and `flex-end` lines the controls up. A real message still gets its gap from
        components/_forms.scss's rule on a non-empty inner span.

        Fixed this way rather than by switching the row to `flex-start`, because the labels are NOT the
        same height either (the two day counts carry an info icon, the multiselect label does not), so
        aligning the tops would only have moved the problem to the other end.

        The inline `margin: 15px 15px 15px 0` the view used to hand each message was removed from the
        markup rather than fought with !important here.

        WARNING: the precise selector would be a relational pseudo-class matching a wrapper whose DIRECT
        CHILD span is empty. Do not write one. This project's SCSS compiler emitted a 3-byte Site.css
        when given a child combinator inside that pseudo-class, silently wiping every style in the app.
        The plain descendant forms already used in this file compile fine; a combinator inside one does
        not. */
  /* --- The notification settings row, node 830:182801. The two day counts are fixed at 146px with
       a hairline between them, the multiselect takes the slack, and the hour pair is a 253px group —
       all of it laid out by the Bootstrap columns already in the markup, so only their widths and
       gutters are restated. Aligned to flex-end because the labels wrap differently per column. */
  /* The notification card's form. The clearfix is load-bearing: its actions row is a `col-md-12`,
       which Bootstrap FLOATS, so without containment the Cancel / Save changes pair escaped the white
       paper entirely and landed under it — the comp (node I830:183258;844:213044) has them inside the
       same card, right-aligned below the fields. `.form-actions-wrapper` sets `float: none` as well,
       because `display: flex` does not stop an element floating. */
  /*  Basis 0, not 260px. `__notify-row` is `flex-wrap: wrap`, and a wrapped row places items by
        their BASIS before it ever shrinks them — so a 260px basis made the sum of the row's bases
        (146 + 1 + 146 + 260 + 253 plus four 24px gaps = 902px) wider than the card at common widths and
        dropped this field onto a line of its own, away from "Notify after days" beside it.

        With basis 0 it claims only what is left over, so the row's other four items decide whether the
        line breaks (642px, comfortably inside the card) and this one can never cause a break itself.
        `flex-wrap` is deliberately left on as the fallback for a genuinely narrow card. */
  /* The Between/And pair, drawn as Start Time — End Time. */
  /* --- Campaign mapping. The mapping form floats a wide column and a narrow one; the comp splits
       them roughly 74/26 with a 24px gutter, and the grey panel is `background/dashboard`.

       The clearfix is load-bearing, not tidiness: each mapping card is a `float: left` column inside
       a <form> that computes to 0px tall, so without it the cards escape their own container and
       overlap whatever follows them — which is exactly the bug that made the Re-entry Routing
       section appear to vanish behind the mappings. */
  /* --- Campaign Inputs, node I834:186466;834:186296. ONE paper per mapping, holding a head row, a
       two-column body and the dialog actions — 24px padding, 24px between its parts. */
  /* Inside a mapping paper the comp's 24px is already the paper's own flex gap. */
  /* chevron -> title -> Delete (node 965:155935). NOT space-between: with three children that
       strands the title in the middle of the row, so the row is left-packed and the delete is pushed
       to the end by its own auto margin. */
  /* The paper's collapse <IconButton>, node 844:221262 — a 100px-radius 5px-padded 24px chevron, the
       same control the Conditional Rule header carries. Expanded points UP (the content is below it),
       collapsed points down; #icon-chevron-down draws the down arrow, so the expanded state is the
       rotated one. */
  /*  The comp's <IconButton> is 34x34 (node I933:110702;929:102152) holding a ~20px glyph. Both are
        pinned explicitly: 5px padding around a 24px chevron also computed to 34, so the box was right
        while the glyph inside it read a size too large. */
  /* typography/subtitle3, two-tone: the comp reads "Lead Flow - draft", bold then regular
       secondary. The muted half is the flow's own name — editable, node 844:222133 — falling back to
       the school it serves. */
  /* The editable half. One input that looks like the heading until it is hovered or focused, when it
       takes the comp's hover fill (neutral/50) — so there is no separate read and edit state to keep in
       sync, and nothing shifts when it gains focus. It sizes to its own content rather than filling the
       row, so the heading still reads as a sentence; `field-sizing` does that natively where supported
       and the min/max width keeps it sane everywhere else. */
  /* --- Collapsed Lead Flow, node 859:12755: the head row, then one line naming the mapping and its
       notification state, then the re-entry rules as chips.

       Always in the markup, revealed by .is-collapsed only — collapsing is a CSS state change with no
       round trip. Hidden with `display: none` rather than being removed, so the mapping's inputs stay in
       the form and a collapsed card still posts everything it held. */
  /* The three facts on the left, the notification pill pushed to the paper's right edge (comp: facts
       at x=0, pill at x=968 of 1056). */
  /* typography/body1. The field NAME is the bold half and the value the regular one, so a scan down a
       collapsed vendor reads the values. */
  /* The notification pill, node I859:12755;859:12579 — 88x40 of background/dashboard. It reports
       IsSilent, so ON means silent is on; --on is the only state that takes brand colour, because a
       silenced lead flow is the exception worth spotting. $brand-primary, never the comp's green: accent
       colour is per-tenant here. */
  /* Collapsed: the body, the dialog actions and the flex gap they carried all go; the summary and the
       down-pointing chevron take their place. The head keeps its own 16px to the summary (comp: head
       ends at y=64, summary starts at y=80). */
  /*  A GRID rather than a flex row, so the Notifications panel can run the full height of the
        campaign fields beside it (design feedback on node 907:89391) while the Conditional Rule
        block below stays only as wide as those fields.

        Flex could not do both at once. `align-items: flex-start` left the panel at its content
        height -- a short box floating at the top right, which is what the feedback was about -- and
        the obvious `stretch` would have dragged it down the whole left column, which on the first
        mapping also holds the re-entry rules: a grey column hundreds of pixels tall beside them.
        Two explicit rows separate the two things: the fields and the panel share row 1, so
        `stretch` measures the THREE FIELD ROWS and nothing else, and the conditional block takes
        row 2 of column 1. Holding it in column 1 is what now keeps it to the fields' width -- the
        job its nesting inside `__mapping-fields` used to do, which is why it moved out.

        `minmax(0, 1fr)` rather than `1fr`: a grid track's automatic minimum is min-content, so a
        long campaign name in a picker would otherwise push the column wider than the card. */
  /* Campaign Details, node I834:186466;834:186301 — 779 of the comp's 1060 inner width. Its own gap
       is the comp's 16px between field rows; the 24px it draws before the re-entry button is that gap
       plus the button's own 8px. */
  /*  Field Group — 24px on both axes, and the row half must stay equal to `__mapping-fields`' gap.

        This row WRAPS, and a wrapped line reads as a field row even though it is not one in the
        markup: there are only two `__field-row`s, and the second holds five fields at a third each,
        so it breaks 3 + 2 and "Sent to text campaign" begins a second line. Which gap separates two
        visible lines therefore depends on where the break happens to fall -- this one within a row,
        `__mapping-fields`' between rows. While they were 24 and 16, that one field sat 8px lower
        than its neighbours with nothing in the markup to suggest why. Change them together. */
  /* Flex, not col-sm-3: leadflows.js hides Chat Campaign and Distribution algorithm with .hidden,
       and flex children redistribute so the row reads 3-across exactly as the comp draws it. The old
       grid left the hidden column's 3-of-12 as dead space — the same arithmetic trap already recorded
       for the Re-entry Routing Save button. */
  /* A THIRD of the row each, wrapping -- not `flex: 1 1 0`, which shared the row between however
       many fields were visible and so rendered the second row's four fields at a quarter width each
       while the first row's three sat at a third. The rows read:

           Campaign Code | Campaign Type | Assign to Default Advisor
           Distribution algorithm | Send to Phone Campaign | Send to Email Campaign
           Send to Text Campaign

       Text Campaign wraps onto its own line at the same width as everything else rather than
       stretching. `gap` covers the wrapped row too, so no extra row-gap is needed. The hidden fields
       still cost nothing: leadflows.js hides Chat Campaign and the four non-chat fields with
       `.hidden` (display: none), and a display:none flex child is not laid out at all. */
  /* Additional Settings, node I834:186466;834:186312 — background/dashboard, 8px radius, 16px
       padding, 16px gap. 257 of the comp's 1060 inner width. */
  /* Additional Settings Bar, node 844:192251 — the heading and its switch share one row, the "Is
       Silent" label dropped. Replaces the old &__panel-row, which paired a separate labelled toggle
       below the heading; renamed because there is no longer a second row beneath it to distinguish it
       from. */
  /*  ⚠️ These two must stay the SAME height, and it is load-bearing rather than cosmetic: it is what
        lines "Past Due After" and its input up with the campaign field beside them while the panel
        stays vertically centred.

        Why equal heights do that: the panel is a centred three-item column, so its middle item sits at
        `R + G + (head − howitworks) / 2`, where R is a field row and G the gap between rows — the
        panel's own padding and gap both cancel out of that expression, and `R + G` is exactly where
        the second field row starts. So the offset is entirely the difference between the FIRST and
        LAST rows, and zeroing that difference aligns the middle one exactly. Nudging the field itself
        would have unbalanced the gaps around it to hide an 8px error somewhere else.

        The head is 38px because `.portico-switch` is; "How it works?" was 22px, its icon. Hence the
        field sat (38 − 22) / 2 = 8px low. Declared together so the two cannot drift apart — but the
        number tracks the switch, so if that changes, change this with it.

        The other half of the invariant is that the panel's field and a campaign field are the same
        height: both are `label.simple-label` over a 42px control, so this holds as long as the panel's
        input stays `input.k-textbox` (42px) rather than becoming a shorter control. */
  /* "Add Conditional Re-Entry Rules", node 844:221293 — a text button, 40px tall, in the tenant's
       brand colour ($brand-primary; the comp draws primary/main).

       The only copy of this button now lives in the Conditional Rule panel, under its last rule. There
       used to be a second one in the campaign column that revealed the panel and forwarded a click to
       the panel's own "Add override"; with the panel inside the Lead Flow paper there is nothing to
       reveal, so the two collapsed into one and no `margin-top` is needed — the panel's add row owns
       the spacing. */
  /* Bootstrap's .row carries negative margins and its columns 12px of padding, which is still what
       the add-a-mapping form's grid wants; the reskinned cards use flex rows instead, so the only
       thing left to set is the rhythm between any .row pairs that partial renders. */
  /* --- Actions, node 834:186323: right-aligned, 16px gap. The "You have unsaved changes" note
       stays — it is the page's own affordance and the comp simply does not draw this state. */
  /* --- The Add button, node 844:216390: secondary/main paper, 40px tall, 22px inset, button/large
       type, with a 22px + glyph. It replaces the round floating + — the anchor and all of its
       attributes are kept, because jQuery .hide()/.show() and the Bootstrap collapse target still
       address it. `.form-add-button` is presentational only on this page (its handlers live on other
       screens), so its absolute positioning and rotated pseudo-element cross are cancelled here. */
  /* --- The MUI <Switch> (node 834:184815) adopted for Is Silent. The switch itself is the shared
       .portico-switch; all this adds is room for a state word beside it, so the label reads
       "Is Silent [switch] ON". The word is CSS-driven off `:checked` rather than scripted, because
       leadflows.js sets that checkbox programmatically (on campaign change, and on cancel) and a
       scripted label would go stale. "ON" means silent is on — the stored field is unchanged, only
       the control that edits it.

       .portico-switch is a fixed 58x38 box with its track and knob positioned absolutely inside it,
       so the state word rides on 58px of left padding rather than in a flex row: that keeps the
       absolute geometry the shared component owns exactly as it is. */
  /* --- Where the Conditional Rule panel sits, node 844:221259: inside the Lead Flow paper, at the
       foot of the campaign column, under a dashed rule (node 844:221274).

       It is row 2 of &__mapping-body's COLUMN 1. It used to be a child of &__mapping-fields, and that
       nesting was what kept it to the width of the campaign fields instead of running under the
       Notifications panel; the grid column does that job now. It had to move so the panel could
       stretch to the three field rows without also stretching past these rules — see &__mapping-body.

       No `margin-top` any more, and that is a consequence of the move rather than a tidy-up: the old
       8px topped up &__mapping-fields' 16px flex gap to the comp's 24px above the rule, and this
       block's new parent already gaps 24px. Keeping it would have made 32px. The padding still gives
       the 24px below.

       The rule is this block's own `border-top` rather than an <hr>: Site.scss carries a global
       `hr:not(.card-footer hr)` at (0,1,2) — the :not() takes the specificity of its argument — which
       beat a single-class divider rule and left a 24px margin under it, doubling the gap. Nothing to
       out-specify if there is no <hr>. */
  /* --- Conditional Rule panel, node 834:185135: brand-outlined white paper, 16px padding, its
       header above a 20px-gap body. `$brand-primary` rather than the comp's #006756 — that is a
       darkened Verity green, and brand colour is per-tenant here. */
  /* Conditional Rule Header, node 834:185137. */
  /* chevron -> titles (node 965:155935). The chevron is a 24px control against a two-line title
       block, so it aligns to the FIRST line rather than the block's centre. */
  /* Delete, node 965:155935 — top-right of the box, on the TITLE's line. `align-self: flex-start`
       matters because the head is `align-items: flex-start` against a two-line title block: without it
       the button would stretch to both lines and its label would sit beside the caption instead. */
  /* typography/subtitle2. */
  /*  The rule's editable name, styled AS the heading -- same treatment as &__mapping-title-input for
        the Lead Flow title: transparent until hover or focus, then the comp's neutral field. Inherits
        the title's own typography (subtitle2, 16/600) so a named rule and an unnamed one sit on exactly
        the same baseline.

        `field-sizing: content` lets it shrink to the text instead of holding a full input's width, which
        is what keeps the tooltip icon tucked against the title rather than floating far to its right.
        `min-width` is what a browser without field-sizing falls back to. */
  /*  Fields kept in the markup but taken off screen: "Default Assign" and "Team" in a Conditional Rule
        box (node 920:95951 draws one "Assign to default advisor" and neither of these). CSS-hidden on
        purpose, exactly like the seven Re-Entry Management toggles -- the <select>s stay in the form and
        keep posting the rule's stored mode and team, so an existing "Specific team" rule is not blanked
        by the next save. Deleting them would be the destructive version of this change.

        Phase 2, if these come back, deletes this rule and the two class names in
        _reEntryRoutingRuleRow.cshtml. */
  /* typography/body2. */
  /* The header's <IconButton>, node 834:185143 — a 100px-radius 5px-padded 24px chevron. */
  /* .reentry-routing carries `clear: both` plus a clearfix, for the position it falls back to when a
       lead flow has no mapping card to nest in (every campaign mapping above is an uncleared float). In
       THIS position the panel is a flex item, which floats cannot displace — and the clearfix's ::after
       becomes a flex ITEM, so the panel's own 20px gap put a phantom 20px band under its last row.
       Cancel the pseudo-element here and leave `clear` alone; it is inert on a flex item.

       Qualified with .reentry-routing (the root div carries both classes) to score (0,2,1): a bare
       &__conditional:after would TIE with .reentry-routing:after at (0,1,1) and win only because
       components/leadvendor-page is imported after components/reentry-management. */
  /* --- The section is now a plain STACK of per-rule boxes (node 965:155935), so `.reentry-routing` is
       no longer the bordered panel — each `.reentry-routing__rule` is. It still carries `clear: both`
       and a clearfix from components/_reentry-management.scss for the fallback position it takes when a
       lead flow has no mapping card to nest in (every campaign mapping above is an uncleared float). In
       THIS position it is a flex item, which floats cannot displace, and the clearfix's ::after would
       become a flex ITEM and charge the column gap for a pseudo-element drawing nothing. */
  /* Both actions on a saved rule appear only once that rule is dirty: an untouched rule has nothing
       to revert and nothing to save. `.is-dirty` is set by reentryRouting.js on the box, so the whole
       state is one class rather than scripted styles — the same class already drives Save's `disabled`,
       which stays the thing that actually refuses a click.

       Visibility rather than display, so revealing them cannot reflow the button row: the pair keeps
       its space whether or not it is drawn, and the box therefore does not change height the moment
       you touch a field. That mattered when only Cancel was hidden (it would have shifted Save
       sideways) and it matters more now that both are, since `display: none` on the pair would collapse
       the row entirely and make every rule box jump as it goes dirty. */
  /* The overrides wrapper is a grouping div, not a box: `display: contents` lifts each override row
       into the body's own flex column so the 20px gap falls between ROWS. As a normal flex item it was a
       zero-height child, and a lead flow with no overrides — the common case — therefore paid the gap
       twice for a container drawing nothing. `:empty` cannot be used instead: Razor leaves whitespace
       text nodes inside the div even when the loop yields nothing. */
  /* Same reason: the hidden new-override wrapper must not become a flex item of the section, or an
       unopened box would charge the 24px gap above the Add button. `display: contents` on a `.hidden`
       element still hides the subtree, because `.hidden` sets `display: none` on the wrapper itself
       — so this only applies once it has been revealed. */
  /* Collapsed is the state a lead flow with nothing configured starts in, and what the chevron
       toggles. The chevron points down when there is something hidden below it. */
  /*  A collapsed rule hides Delete. Collapsed is the summary state — the admin is reading, not
        editing — and a destructive action beside a title with no fields under it is easy to hit by
        mistake. Expanding brings it back (node 907:89391). */
  /*  What a collapsed rule shows instead: the statuses it covers, then where those students go.
        Mirrors the Lead Flow paper's own summary, and like it is always in the markup so collapsing
        stays a CSS state change with nothing to fetch. */
  /*  A rule with no status yet: the fields below the picker are disabled, and dimming the whole block
        says why at a glance rather than leaving a row of controls that silently ignore clicks. The
        picker itself keeps full contrast -- it is the way out of this state. */
  /* The Conditional Rule panel's add row — see the note in _reEntryRoutingSection.cshtml. It renders
       only inside this page, so its one rule lives here beside the button it reuses.

       LEFT aligned, as node 844:221293 draws it (x=0 of the campaign column): the button used to be the
       filled Lead Distribution "Add", pushed to the right edge. No margin-top — the section's own 24px
       column gap already separates this row from the last rule box.

       The row sits OUTSIDE every rule box now (node 965:155935): it adds a rule to the lead flow rather
       than changing one, and while it was inside the box it vanished whenever that box was collapsed. */
  /* --- "How it works?" — MUI alert/info text, node 823:171225. Rendered as a plain info line next
       to the panel's fields; there is no help target to link to yet, so it carries the same tooltip
       copy the panel's fields already use rather than pretending to navigate. */
  /* The Is Silent segmented control keeps its own component; it only needs the comp's 4px gap
       under the label rather than the app's larger one. */
  /* Buttons: the comp types <DialogActions> at MUI button/large, which is the house .btn-lg. The
       markup adds that class, so nothing is restated here beyond the disabled colours the comp draws
       (action/disabledBackground on action/disabled, not the global 50% fade). */ }
  .leadvendor-page *, .leadvendor-page *::before, .leadvendor-page *::after {
    box-sizing: border-box; }
  .leadvendor-page__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    padding: 24px 0; }
  .leadvendor-page__titles {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0; }
  .leadvendor-page__heading {
    margin: 0;
    color: #0f1219;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: 0; }
  .leadvendor-page__subheading {
    margin: 0;
    color: #62646a;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.15px; }
  .leadvendor-page__actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 16px; }
  .leadvendor-page__delete-btn {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 8px;
    padding: 6px 8px;
    border: 0;
    border-radius: 8px;
    background: none;
    color: #be364d;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px;
    cursor: pointer;
    /* .icon-wrapper is gone from these buttons, so the fill has to be stated here — the shared
           icon layer paints `use` on its own and would otherwise leave the glyph black beside red text. */
    /* `&--sm` lived here for the Delete that sat inside a rule card. That button moved to each rule
           box's own header (node 965:155935), where it is the full-size one, so the modifier had no
           markup left. */ }
    .leadvendor-page__delete-btn svg {
      width: 20px;
      height: 20px;
      fill: currentColor; }
    .leadvendor-page__delete-btn use {
      fill: currentColor; }
    .leadvendor-page__delete-btn:hover, .leadvendor-page__delete-btn:focus {
      background: rgba(190, 54, 77, 0.08);
      color: #be364d;
      text-decoration: none; }
  .leadvendor-page__icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 8px;
    border: 0;
    border-radius: 8px;
    background: none;
    color: #35373d;
    cursor: pointer;
    /* The view-toggle links are anchors carrying .icon-r wrappers; the comp draws them as icon
           only, so their label lives in title/aria-label rather than beside the glyph. */ }
    .leadvendor-page__icon-btn:hover, .leadvendor-page__icon-btn:focus {
      background: #ebeae8;
      color: #0f1219;
      text-decoration: none; }
    .leadvendor-page__icon-btn svg,
    .leadvendor-page__icon-btn .icon,
    .leadvendor-page__icon-btn .icon-r svg {
      width: 24px;
      height: 24px;
      fill: currentColor; }
    .leadvendor-page__icon-btn .icon-r {
      margin: 0;
      line-height: 0; }
  .leadvendor-page__icon-btn--sm {
    width: 32px;
    height: 32px;
    padding: 6px;
    /* The glyph has to come down with the button: &__icon-btn pins its svg at 24px, which
           overflows this box's 20px content area (32 less 2x6 padding) and rendered a 20x24 icon.
           Same (0,1,1) score as the rule above, so this only wins by following it. */ }
    .leadvendor-page__icon-btn--sm svg,
    .leadvendor-page__icon-btn--sm .icon,
    .leadvendor-page__icon-btn--sm .icon-r svg {
      width: 20px;
      height: 20px; }
  .leadvendor-page__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 32px 0 16px; }
  .leadvendor-page__bar-actions {
    display: flex;
    align-items: center;
    gap: 16px; }
  .leadvendor-page__bar-title {
    margin: 0;
    color: #0f1219;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none; }
  .leadvendor-page .refactored-card {
    margin-bottom: 0;
    border-radius: 8px;
    box-shadow: none;
    background: #fff; }
  .leadvendor-page .card-block {
    padding: 24px; }
  .leadvendor-page__card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 16px;
    color: #0f1219;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none; }
    .leadvendor-page__card-title svg {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      fill: #C6579A; }
  .leadvendor-page__panel-title {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    color: #35373d;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.15px; }
  .leadvendor-page__card-caption {
    margin: 0 0 24px;
    color: #35373d;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px; }
  .leadvendor-page .simple-label,
  .leadvendor-page label.simple-label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 4px;
    padding: 0 4px;
    color: #35373d;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    text-transform: none;
    white-space: nowrap;
    /* Html.SimpleLabelWithHelperFor renders `<div class="simple-label"><label>…</label><i …></div>`,
           so the inner <label> is a flex item here and Bootstrap's own label margin has to go. */
    /* "(min)" and the required marker ride on the label's own 4px gap. The margin-bottom is a
           global `.help-text` rule; inside this flex label with align-items: center it is part of the
           item's margin box, so it centred the span 4px ABOVE the label text it annotates. */
    /* The app's tooltip icon carries margin-left-10 and a 16px glyph from the shared .icon-r
           layer; Figma draws 14px on the label's gap. (0,3,1) beats `.icon-r-sm svg`. */ }
    .leadvendor-page .simple-label > label,
    .leadvendor-page label.simple-label > label {
      margin: 0;
      color: inherit;
      font: inherit;
      letter-spacing: inherit; }
    .leadvendor-page .simple-label .help-text,
    .leadvendor-page label.simple-label .help-text {
      margin-bottom: 0;
      color: #9ea0a4;
      font-size: 14px; }
    .leadvendor-page .simple-label em,
    .leadvendor-page label.simple-label em {
      color: #be364d;
      font-style: normal; }
    .leadvendor-page .simple-label > .icon-r,
    .leadvendor-page label.simple-label > .icon-r {
      margin: 0;
      line-height: 0; }
      .leadvendor-page .simple-label > .icon-r svg,
      .leadvendor-page label.simple-label > .icon-r svg {
        width: 14px;
        height: 14px; }
  .leadvendor-page input.form-control, .leadvendor-page .daterangepicker input.input-mini, .daterangepicker .leadvendor-page input.input-mini, .leadvendor-page input.readonlyeditor, .leadvendor-page input.date-filter-trigger,
  .leadvendor-page input.k-textbox,
  .leadvendor-page textarea.form-control,
  .leadvendor-page .daterangepicker textarea.input-mini, .daterangepicker
  .leadvendor-page textarea.input-mini,
  .leadvendor-page textarea.readonlyeditor,
  .leadvendor-page textarea.date-filter-trigger,
  .leadvendor-page .click-editor textarea, .click-editor
  .leadvendor-page textarea,
  .leadvendor-page select.form-control,
  .leadvendor-page .daterangepicker select.input-mini, .daterangepicker
  .leadvendor-page select.input-mini,
  .leadvendor-page select.readonlyeditor,
  .leadvendor-page select.date-filter-trigger,
  .leadvendor-page .k-widget.k-autocomplete input.k-input {
    width: 100%;
    height: 42px;
    padding: 8px 14px;
    border: 1px solid #7e8084;
    border-radius: 8px;
    background: #fff;
    color: #0f1219;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    box-shadow: none; }
    .leadvendor-page input.form-control::placeholder, .leadvendor-page .daterangepicker input.input-mini::placeholder, .daterangepicker .leadvendor-page input.input-mini::placeholder, .leadvendor-page input.readonlyeditor::placeholder, .leadvendor-page input.date-filter-trigger::placeholder,
    .leadvendor-page input.k-textbox::placeholder,
    .leadvendor-page textarea.form-control::placeholder,
    .leadvendor-page .daterangepicker textarea.input-mini::placeholder, .daterangepicker
    .leadvendor-page textarea.input-mini::placeholder,
    .leadvendor-page textarea.readonlyeditor::placeholder,
    .leadvendor-page textarea.date-filter-trigger::placeholder,
    .leadvendor-page .click-editor textarea::placeholder, .click-editor
    .leadvendor-page textarea::placeholder,
    .leadvendor-page select.form-control::placeholder,
    .leadvendor-page .daterangepicker select.input-mini::placeholder, .daterangepicker
    .leadvendor-page select.input-mini::placeholder,
    .leadvendor-page select.readonlyeditor::placeholder,
    .leadvendor-page select.date-filter-trigger::placeholder,
    .leadvendor-page .k-widget.k-autocomplete input.k-input::placeholder {
      color: #9ea0a4; }
    .leadvendor-page input.form-control:focus, .leadvendor-page .daterangepicker input.input-mini:focus, .daterangepicker .leadvendor-page input.input-mini:focus, .leadvendor-page input.readonlyeditor:focus, .leadvendor-page input.date-filter-trigger:focus,
    .leadvendor-page input.k-textbox:focus,
    .leadvendor-page textarea.form-control:focus,
    .leadvendor-page .daterangepicker textarea.input-mini:focus, .daterangepicker
    .leadvendor-page textarea.input-mini:focus,
    .leadvendor-page textarea.readonlyeditor:focus,
    .leadvendor-page textarea.date-filter-trigger:focus,
    .leadvendor-page .click-editor textarea:focus, .click-editor
    .leadvendor-page textarea:focus,
    .leadvendor-page select.form-control:focus,
    .leadvendor-page .daterangepicker select.input-mini:focus, .daterangepicker
    .leadvendor-page select.input-mini:focus,
    .leadvendor-page select.readonlyeditor:focus,
    .leadvendor-page select.date-filter-trigger:focus,
    .leadvendor-page .k-widget.k-autocomplete input.k-input:focus {
      border-color: #C6579A;
      box-shadow: 0 0 0 1px #C6579A;
      outline: none; }
  .leadvendor-page select.form-control, .leadvendor-page .daterangepicker select.input-mini, .daterangepicker .leadvendor-page select.input-mini, .leadvendor-page select.readonlyeditor, .leadvendor-page select.date-filter-trigger {
    padding: 8px 40px 8px 14px;
    background-image: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; }
    .leadvendor-page select.form-control:focus, .leadvendor-page .daterangepicker select.input-mini:focus, .daterangepicker .leadvendor-page select.input-mini:focus, .leadvendor-page select.readonlyeditor:focus, .leadvendor-page select.date-filter-trigger:focus {
      border-color: #C6579A; }
    .leadvendor-page select.form-control::-ms-expand, .leadvendor-page .daterangepicker select.input-mini::-ms-expand, .daterangepicker .leadvendor-page select.input-mini::-ms-expand, .leadvendor-page select.readonlyeditor::-ms-expand, .leadvendor-page select.date-filter-trigger::-ms-expand {
      display: none; }
  .leadvendor-page .k-dropdown,
  .leadvendor-page .k-multiselect,
  .leadvendor-page .k-autocomplete {
    width: 100% !important;
    height: auto !important; }
  .leadvendor-page .k-widget.form-control, .leadvendor-page .daterangepicker .k-widget.input-mini, .daterangepicker .leadvendor-page .k-widget.input-mini, .leadvendor-page .k-widget.readonlyeditor, .leadvendor-page .k-widget.date-filter-trigger, .leadvendor-page .click-editor textarea.k-widget, .click-editor .leadvendor-page textarea.k-widget {
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none; }
  .leadvendor-page .k-dropdown-wrap,
  .leadvendor-page .k-autocomplete .k-input {
    min-height: 42px !important;
    height: auto !important;
    padding: 0;
    border: 1px solid #7e8084;
    border-radius: 8px;
    background: #fff;
    box-shadow: none; }
  .leadvendor-page .k-widget.k-autocomplete,
  .leadvendor-page .k-widget.k-autocomplete.k-state-default,
  .leadvendor-page .k-widget.k-autocomplete.k-state-hover,
  .leadvendor-page .k-widget.k-autocomplete.k-state-focused {
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none; }
  .leadvendor-page .k-widget.k-multiselect {
    min-height: 42px;
    border: 1px solid #7e8084;
    border-radius: 8px;
    background: #fff;
    overflow: hidden; }
  .leadvendor-page .k-multiselect .k-multiselect-wrap {
    min-height: 40px !important;
    height: auto !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none; }
  .leadvendor-page .k-dropdown-wrap > .k-input {
    height: 40px !important;
    padding: 8px 40px 8px 14px;
    color: #0f1219;
    font-family: inherit;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.15px;
    text-overflow: ellipsis; }
  .leadvendor-page .k-dropdown:has(option[value=""]:checked) .k-input,
  .leadvendor-page select:has(option[value=""]:checked) {
    color: #9ea0a4; }
  .leadvendor-page .k-dropdown-wrap > .k-select {
    /*  Centres the glyph in the field. Kendo lays `.k-icon` out as inline content, so it sat
            on a text baseline and measured 3px ABOVE the middle of every 42px field on this page
            -- consistent, and consistently wrong. Flex centring is exact and survives any change
            to the field height, where a hand-tuned `top` would have to be re-derived.

            The height keeps its `!important`: components/_filters.scss pins this very selector at
            an app-wide 36px !important, which no amount of specificity from here can outrank. */
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 10px;
    height: 40px !important;
    color: #62646a;
    background: none;
    border: 0; }
    .leadvendor-page .k-dropdown-wrap > .k-select .k-icon {
      width: 16px;
      height: 16px;
      font-size: 16px;
      background-color: #62646a;
      mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/></svg>") no-repeat center/16px 16px;
      -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/></svg>") no-repeat center/16px 16px; }
      .leadvendor-page .k-dropdown-wrap > .k-select .k-icon::before {
        content: none; }
  .leadvendor-page .k-multiselect-wrap {
    /* Right inset keeps room for the caret below -- with TagMode.Multiple a full week is seven
           chips, and without it the last one slides underneath. _overwrites.scss already reserves
           `padding-right: 3*$spacer` for the same reason; this only restates it alongside the comp's
           4px/8px insets.

           52px, not 32px: once anything is selected Kendo also shows its clear-all X, which is moved
           to the LEFT of the caret below (see .k-clear-value) and so needs reserving for too. Kept a
           constant rather than only widened when a value exists -- the extra 20px is invisible against
           an ~800px field, and a padding that changed with the selection would shift every chip
           sideways the moment the first one was picked. */
    padding: 4px 52px 4px 8px;
    /* The comp closes the field with a small chevron, and the app ALREADY draws one here --
           `.k-multiselect-wrap:before` in _overwrites.scss, a 24px base64 SVG with `#8696A4` baked into
           its fill. Kendo renders no arrow of its own for a MultiSelect (only DropDownList and ComboBox
           get a `.k-select`), so that pseudo-element is the only caret there is: it gets re-skinned here
           rather than hidden and replaced, because a second one would simply sit next to it.
           `background-image: none` drops the baked-in colour and a mask puts it back under CSS control,
           so the glyph is $portico-secondary (`action/active` in Figma) like every other caret on the
           page. Scored (0,2,1) against the global's (0,1,1). */
    /*  Kendo's clear-all X -- `.k-clear-value.k-i-close` in this build -- is absolutely positioned
            against the right of the wrap by default, which is exactly where the caret above sits, so
            with anything selected the two painted on top of each other and the chevron disappeared
            underneath the X. Reported on the Re-Entry Rules picker.

            Moved to the left of the caret with a gap: the caret is 16px at `right: 10px` and so
            occupies 10-26px, this occupies 32-48px, and the wrap's padding-right above reserves 52px so
            a chip can never slide under either. Centred the same way the caret is rather than on a
            fixed offset, so it tracks a field that has grown to two rows of chips.

            Deliberately NOT `pointer-events: none` (which the caret does carry) -- this one has to stay
            clickable, it is what clears the selection. */ }
    .leadvendor-page .k-multiselect-wrap::before {
      /*  16px, matching the arrow every DropDownList on this page draws. It was 10px, which is
                what made this field's caret read as the odd one out on the notification row. */
      width: 16px;
      height: 16px;
      /*  Centred rather than the 12px it used to carry, which was a pixel high on a 42px
                field and, being a fixed offset, would have stayed pinned near the top if the
                field ever grew -- with TagMode.Multiple a full week of day chips can wrap. */
      top: 50%;
      transform: translateY(-50%);
      right: 10px;
      background-image: none;
      background-color: #62646a;
      mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/></svg>") no-repeat center/16px 16px;
      -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/></svg>") no-repeat center/16px 16px;
      pointer-events: none; }
    .leadvendor-page .k-multiselect-wrap .k-clear-value {
      top: 50%;
      right: 32px;
      margin: 0;
      transform: translateY(-50%); }
    .leadvendor-page .k-multiselect-wrap .k-input {
      height: 32px;
      padding: 0 6px;
      color: #0f1219;
      font-family: inherit;
      font-size: 16px;
      line-height: 32px;
      /* Kendo writes the placeholder into the input's VALUE (see its _placeholder) rather than
               using the placeholder attribute, so `::placeholder` never matches it and the greying has
               to key off the class Kendo sets alongside. `text/disabled` in Figma. */ }
      .leadvendor-page .k-multiselect-wrap .k-input.k-readonly {
        color: #9ea0a4; }
  .leadvendor-page .k-multiselect .k-multiselect-wrap li.k-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-height: 24px;
    max-height: 24px;
    margin: 2px 8px 2px 0;
    padding: 3px 6px;
    border: 0;
    border-radius: 100px;
    background: #e7e8eb;
    color: #0f1219;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.16px;
    /* _overwrites.scss puts `margin-right: 2*$spacer` (24px here) on EVERY span inside a tag,
           zeroing it again only for .k-icon and .k-select -- so the label span kept a 24px right
           margin that the absolutely-positioned close button used to sit inside. That is what left
           the chip's contents looking pushed to the left with a gap before the X. The gap between
           label and X is the flex `gap` above instead, so the margin goes. */
    /* Kendo's own `.k-multiselect-wrap .k-select { position: absolute; top: 0; bottom: 0; right: 0 }`
           took the close button OUT of the chip's flex row: pinned to top:0 it sat 4px above centre in
           a 24px pill, and being out of flow it could not participate in the centring at all. Put it
           back in the row (position: static also drops Kendo's top/bottom/right) and let flex centre it.
           Scored (0,5,1) against Kendo's (0,2,0) and _overwrites' `li span.k-select` (0,2,2). */
    /* The comp's chip closes with MUI's <CancelIcon> -- a FILLED circle with the cross knocked out
           of it -- and Kendo's icon font has only a bare cross (`k-i-close`), so the glyph is replaced
           rather than restyled. A mask keeps the colour in CSS, so it stays $portico-heading
           (`_components/chip/defaultCloseFill`) at the 26% opacity the parent sets, instead of being
           baked into an image. The font glyph is switched off with `content: none` because it would
           otherwise paint through the mask.

           Qualified with `.k-i-close` rather than left on a bare `.k-icon`, because Kendo picks the glyph
           from the TAG MODE: Multiple gives every chip a `k-i-close`, while Single gives its one summary
           tag a `k-i-arrow-60-down` instead. This page is Multiple, but a bare `.k-icon` would silently
           stamp a cancel circle over that arrow if it ever went back. */ }
    .leadvendor-page .k-multiselect .k-multiselect-wrap li.k-button > span:first-child {
      margin-right: 0;
      padding: 0; }
    .leadvendor-page .k-multiselect .k-multiselect-wrap li.k-button .k-select {
      position: static;
      display: inline-flex;
      flex: none;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      /* _overwrites.scss sets `padding: 5px` here. On a 16px border-box that leaves a 6px content
               box, and the icon -- a flex child with the default `flex-shrink: 1` -- was squeezed from
               16px down to 6px while its mask stayed 16x16, cropping the circle to a sliver. That is
               the "X looks weird". Padding goes; `flex: none` below is the belt to this braces. */
      padding: 0;
      opacity: 0.26; }
      .leadvendor-page .k-multiselect .k-multiselect-wrap li.k-button .k-select:hover {
        opacity: 1; }
    .leadvendor-page .k-multiselect .k-multiselect-wrap li.k-button .k-icon.k-i-close {
      /* Without this the icon is a shrinkable flex child and collapses to its parent's content
               width (see the padding note on .k-select above), which crops the masked circle. */
      flex: none;
      width: 16px;
      height: 16px;
      font-size: 16px;
      color: #0f1219;
      background-color: currentColor;
      /* stylelint-disable-next-line function-url-quotes */
      mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/></svg>") no-repeat center/16px 16px;
      -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z'/></svg>") no-repeat center/16px 16px; }
      .leadvendor-page .k-multiselect .k-multiselect-wrap li.k-button .k-icon.k-i-close::before {
        content: none; }
  .leadvendor-page .k-widget.k-multiselect.k-state-focused,
  .leadvendor-page .k-widget.k-multiselect.k-state-border-down {
    border-color: #C6579A;
    box-shadow: inset 0 0 0 1px #C6579A; }
  .leadvendor-page__notify-grow:has(.k-state-focused) .simple-label,
  .leadvendor-page__notify-grow:has(.k-state-border-down) .simple-label {
    color: #C6579A; }
  .leadvendor-page > .k-animation-container {
    /*  The width is NOT set here, deliberately. components/_overwrites.scss carries
            `.k-list-container.k-popup.k-group.k-reset { width: 40*$spacer !important }` (480px) from md
            up, which is (0,4,0) — a page-scoped rule reaching this element only scores (0,3,0), so an
            earlier `width: auto !important` here lost outright and the popup stayed 480px wide.

            Importance cannot be out-specified from a stylesheet, and the target is "as wide as the
            field" anyway, which CSS cannot express. Kendo already sets exactly that as an INLINE width,
            and an inline !important outranks a CSS !important — so pinPopupToFieldWidth() in
            leadflows.js owns it and this block only styles the paper.

            `min-width: 0` stays: .k-list-container carries one of its own that would otherwise floor
            the pinned width. */
    /*  Fallback for when pinPopupToFieldWidth() has not run: shrink to the two columns rather
            than sitting at the inherited 480px. It cannot express "as wide as the field" -- the
            animation container is a child of the page wrapper, not of the field -- so this is a
            graceful degradation, not the answer.

            All four of the other rule's classes are restated on purpose. Importance ties, so
            SPECIFICITY decides between two !important declarations, and its
            `.k-list-container.k-popup.k-group.k-reset` scores (0,4,0) -- which is why the earlier
            single-class attempt from this scope lost. With the two ancestors this is (0,6,0). */
    /* The two columns leadflows.js injects in place of Kendo's single list (node 823:175222).
           The comp's third column, minutes, is not rendered: Leadflows.StartHour/EndHour are TINYINT
           hours with nowhere to store one. Kendo's own .k-list is hidden rather than removed. */
    /* Same pill as .k-list > .k-item above -- restated rather than shared, because these are not
           Kendo items and picking up .k-item would drag in the widget's own state classes. */ }
    .leadvendor-page > .k-animation-container .k-list-container.k-popup.k-group.k-reset {
      width: auto !important; }
    .leadvendor-page > .k-animation-container .k-list-container,
    .leadvendor-page > .k-animation-container .k-popup {
      min-width: 0;
      padding: 4px;
      border: 0;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 3px 14px 2px rgba(32, 30, 40, 0.12), 0 8px 10px 1px rgba(32, 30, 40, 0.14), 0 5px 5px -3px rgba(32, 30, 40, 0.2); }
    .leadvendor-page > .k-animation-container .k-list > .k-item {
      display: flex;
      align-items: center;
      justify-content: center;
      min-width: 48px;
      min-height: 34px;
      padding: 0 8px;
      border: 0;
      /*  The comp draws the selected time as a small RECTANGLE, not a pill (node 823:175222), so
                this is the house button's radius rather than 100px -- the same $portico-radius the
                "Save changes" button uses, which is what makes the two read as the same control. */
      border-radius: 8px;
      background: none;
      color: #0f1219;
      font-family: 'Source Sans 3', 'Roboto', sans-serif;
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: 0.17px;
      text-align: center; }
      .leadvendor-page > .k-animation-container .k-list > .k-item.k-state-hover:not(.k-state-selected) {
        background: #ebeae8;
        color: #0f1219; }
      .leadvendor-page > .k-animation-container .k-list > .k-item.k-state-selected, .leadvendor-page > .k-animation-container .k-list > .k-item.k-state-focused.k-state-selected {
        background: #C6579A;
        color: #fff;
        box-shadow: none; }
    .leadvendor-page > .k-animation-container .leadvendor-page__timecols {
      display: flex;
      align-items: flex-start;
      gap: 4px;
      /* Fills the pinned popup so the columns have a width to divide between them. */
      width: 100%; }
    .leadvendor-page > .k-animation-container .leadvendor-page__timecol {
      /*  The two columns SHARE the popup, which is now pinned to the field's width — the
                Start/End time fields are about 122px each, so a pair of fixed 56px columns plus their
                gap and the paper's padding would have overflowed and clipped. Sharing also keeps the
                selected cell's fill spanning its whole column, which is what the comp draws. */
      flex: 1 1 0;
      min-width: 0;
      /*  Six rows rather than seven: the picker was noticeably longer than the comp's. Still
                scrolls -- twelve hours never fit -- just over less of the page. */
      max-height: 204px;
      margin: 0;
      padding: 0;
      overflow-y: auto;
      list-style: none;
      /* The columns are divided by a rule in the comp, so every one but the first carries it. */ }
      .leadvendor-page > .k-animation-container .leadvendor-page__timecol + .leadvendor-page__timecol {
        padding-left: 4px;
        border-left: 1px solid #d6d7da; }
    .leadvendor-page > .k-animation-container .leadvendor-page__timecell {
      display: flex;
      align-items: center;
      justify-content: center;
      /*  Fills its column (which now has a definite width) instead of setting one of its own,
                so the brand fill spans the cell edge to edge as the comp draws it. */
      min-width: 0;
      min-height: 34px;
      padding: 0 8px;
      /* Rectangular with rounded corners, same radius as the house button. */
      border-radius: 8px;
      color: #0f1219;
      font-size: 14px;
      line-height: 1.43;
      letter-spacing: 0.17px;
      cursor: pointer;
      /* $brand-primary, never the comp's literal green: it resolves per tenant across ~92
               _<school>-colors.scss files. */ }
      .leadvendor-page > .k-animation-container .leadvendor-page__timecell:hover:not(.is-selected) {
        background: #ebeae8; }
      .leadvendor-page > .k-animation-container .leadvendor-page__timecell.is-selected {
        background: #C6579A;
        color: #fff; }
  .leadvendor-page [lead-flow-mapping-route-toggle] {
    /*  56px, not 36px: the comp puts a 40px icon 16px after a 187.67px Select in a 243.67px cell
            (node I933:110702;929:102163). While only 36px was reserved, the 40px icon plus the spacing
            in the markup no longer fit on the control's line and wrapped BELOW the field. */
    /*  The comp draws this as a 40x40 <IconButton> holding an 18px "reorder people" glyph
            (a person over swap-vert), added to the sprite as #icon-round-robin. It replaced
            #icon-team, which was a group-of-three and said nothing about ordering.

            $brand-primary, never the comp's #00856F: the sprite paths are `currentColor` precisely so
            the colour comes from here and resolves per tenant. */ }
    .leadvendor-page [lead-flow-mapping-route-toggle] .k-dropdown {
      width: 100% !important; }
    .leadvendor-page [lead-flow-mapping-route-toggle]:has([round-robin]:not(.hidden)) .k-dropdown {
      width: calc(100% - 56px) !important; }
    .leadvendor-page [lead-flow-mapping-route-toggle] .icon-wrapper[round-robin-icon] {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      /*  The gap to the picker. It used to be a literal `&nbsp;&nbsp;` in the markup, which
                is an inline text run of its own: with Broadcast selected the picker takes the whole
                field (the icon is hidden, so the `:has` width rule gives back its 56px), the two
                spaces no longer fit beside it and wrapped to a SECOND LINE -- making this one field
                87px against its neighbours' 66px, and pushing the next wrapped row 21px down. That
                is the "extra space under Broadcast" report; the row gap was 24px in both states all
                along. A margin cannot wrap, and collapses to nothing while the icon is hidden. */
      margin-left: 8px;
      /*  Outlined, not a filled tile: it sits in a row of bordered controls, so it reads as one
                of them rather than as a grey chip dropped between them. `$portico-border` is the exact
                border every picker on this row carries. The 40px box is unchanged by the 1px — the app
                inherits `box-sizing: border-box` from `html` — so it still lines up with the control
                beside it. The glyph stays $brand-primary, per-tenant, over transparent paper. */
      border: 1px solid #7e8084;
      border-radius: 8px;
      background: transparent;
      color: #C6579A;
      /*  `bottom`, not `middle`: the field is a label above a 40px control, and the icon sits on
                the control's line. Middle aligns it to the text baseline and lifts it a few px above
                the picker it belongs beside. */
      vertical-align: bottom;
      cursor: pointer; }
      .leadvendor-page [lead-flow-mapping-route-toggle] .icon-wrapper[round-robin-icon]:hover, .leadvendor-page [lead-flow-mapping-route-toggle] .icon-wrapper[round-robin-icon]:focus {
        background: #ebeae8; }
      .leadvendor-page [lead-flow-mapping-route-toggle] .icon-wrapper[round-robin-icon] svg {
        width: 18px;
        height: 18px;
        fill: currentColor; }
  .leadvendor-page .k-dropdown .k-dropdown-wrap.k-state-default,
  .leadvendor-page .k-dropdown .k-dropdown-wrap.k-state-default.k-state-hover:not(.k-state-focused) {
    border-color: #7e8084;
    background: #fff;
    box-shadow: none; }
  .leadvendor-page .k-dropdown .k-dropdown-wrap.k-state-border-down,
  .leadvendor-page .k-dropdown .k-dropdown-wrap.k-state-border-up {
    border-color: #C6579A;
    box-shadow: 0 0 0 1px #C6579A; }
  .leadvendor-page .k-dropdown:focus-visible .k-dropdown-wrap {
    border-color: #C6579A;
    box-shadow: 0 0 0 1px #C6579A; }
  .leadvendor-page .k-widget.k-multiselect.k-state-hover,
  .leadvendor-page .k-widget.k-multiselect.k-header.k-state-hover {
    border-color: #7e8084; }
  .leadvendor-page .k-widget.k-multiselect.k-state-focused,
  .leadvendor-page .k-widget.k-multiselect.k-state-border-down {
    border-color: #C6579A;
    box-shadow: 0 0 0 1px #C6579A; }
  .leadvendor-page .k-multiselect .k-multiselect-wrap.k-state-default,
  .leadvendor-page .k-multiselect .k-multiselect-wrap.k-state-hover,
  .leadvendor-page .k-multiselect .k-multiselect-wrap.k-state-focused {
    border: 0;
    background: transparent;
    box-shadow: none; }
  .leadvendor-page .field-validation-error {
    display: block;
    margin: 0;
    padding: 0 4px;
    white-space: normal; }
  .leadvendor-page__notify-form::after {
    content: "";
    display: table;
    clear: both; }
  .leadvendor-page__notify-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 24px; }
  .leadvendor-page__notify-days {
    flex: 0 0 146px;
    max-width: 146px; }
  .leadvendor-page__notify-divider {
    flex: 0 0 1px;
    align-self: flex-end;
    width: 1px;
    height: 42px;
    background: #d6d7da; }
  .leadvendor-page__notify-grow {
    flex: 1 1 0;
    min-width: 0; }
  .leadvendor-page__notify-hours {
    display: flex;
    flex: 0 0 253px;
    align-items: flex-end;
    gap: 8px;
    max-width: 253px; }
    .leadvendor-page__notify-hours > div {
      flex: 1 1 0;
      min-width: 0; }
  .leadvendor-page__notify-dash {
    flex: 0 0 auto;
    height: 42px;
    line-height: 42px;
    color: #62646a; }
  .leadvendor-page__mappings,
  .leadvendor-page [data-add-campaign-mapping] {
    /* --- The ADD-a-mapping form (_addLeadFlowCampaignMapping.cshtml, AJAX-injected into
           [data-add-campaign-mapping]) still uses the shape the saved mappings have left behind: two
           floated cards, col-sm-10 beside col-sm-2. It renders inside this scope, so it picks up the
           fields and controls above; this keeps its geometry and its grey settings panel in step
           until that partial is restructured too. Inside the breakpoint so the columns still stack
           full-width below sm as .col-sm-* intends. */ }
    .leadvendor-page__mappings::after,
    .leadvendor-page [data-add-campaign-mapping]::after {
      content: "";
      display: table;
      clear: both; }
    @media (min-width: 544px) {
      .leadvendor-page__mappings .col-sm-10,
      .leadvendor-page [data-add-campaign-mapping] .col-sm-10 {
        width: 74%; }
      .leadvendor-page__mappings .col-sm-2,
      .leadvendor-page [data-add-campaign-mapping] .col-sm-2 {
        width: 26%; } }
  .leadvendor-page [lead-flow-mapping-row] {
    margin-bottom: 24px; }
  .leadvendor-page .col-sm-2 > .refactored-card {
    border-radius: 8px;
    box-shadow: none;
    background: #f4f5f7; }
    .leadvendor-page .col-sm-2 > .refactored-card > .card-block {
      padding: 16px; }
  .leadvendor-page__mapping {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border-radius: 8px;
    background: #fff; }
  .leadvendor-page__mapping > .form-actions-wrapper {
    margin-top: 0; }
  .leadvendor-page__mapping-head {
    display: flex;
    align-items: center;
    gap: 8px;
    padding-left: 4px; }
    .leadvendor-page__mapping-head .leadvendor-page__delete-btn {
      margin-left: auto; }
  .leadvendor-page__mapping-toggle {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 7px;
    border: 0;
    border-radius: 100px;
    background: none;
    color: #35373d;
    cursor: pointer; }
    .leadvendor-page__mapping-toggle:hover, .leadvendor-page__mapping-toggle:focus {
      background: #ebeae8; }
    .leadvendor-page__mapping-toggle svg {
      width: 20px;
      height: 20px;
      fill: currentColor;
      transform: rotate(180deg);
      transition: transform 0.2s ease; }
  .leadvendor-page__mapping-title {
    display: flex;
    align-items: center;
    gap: 4px;
    min-width: 0;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none; }
  .leadvendor-page__mapping-title-prefix {
    flex-shrink: 0;
    color: #0f1219;
    font-weight: 600; }
  .leadvendor-page__mapping-title-static {
    color: #62646a;
    font-weight: 400; }
  .leadvendor-page__mapping-title-input {
    min-width: 120px;
    max-width: 508px;
    height: 40px;
    padding: 0 4px;
    border: 0;
    border-radius: 8px;
    background: none;
    color: #62646a;
    font-family: inherit;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.45;
    letter-spacing: 0.15px;
    field-sizing: content;
    text-overflow: ellipsis; }
    .leadvendor-page__mapping-title-input::placeholder {
      color: #62646a;
      opacity: 1; }
    .leadvendor-page__mapping-title-input:hover {
      background: #f4f5f7; }
    .leadvendor-page__mapping-title-input:focus {
      background: #f4f5f7;
      color: #0f1219;
      outline: none; }
    .leadvendor-page__mapping-title-input[readonly] {
      background: none;
      cursor: default; }
  .leadvendor-page__mapping-summary {
    display: none;
    flex-direction: column;
    gap: 16px;
    padding-left: 4px; }
  .leadvendor-page__mapping-summary-row {
    display: flex;
    align-items: center;
    gap: 16px; }
  .leadvendor-page__mapping-summary-facts {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 16px;
    min-width: 0; }
  .leadvendor-page__mapping-summary-fact, .leadvendor-page__mapping-summary-label {
    color: #35373d;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px; }
    .leadvendor-page__mapping-summary-fact strong, .leadvendor-page__mapping-summary-label strong {
      color: #0f1219;
      font-weight: 600; }
  .leadvendor-page__mapping-summary-label {
    flex-shrink: 0;
    color: #0f1219;
    font-weight: 600; }
  .leadvendor-page__mapping-summary-chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0; }
  .leadvendor-page__mapping-summary-notify {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 10px;
    height: 40px;
    padding: 8px 12px;
    border-radius: 8px;
    background: #f4f5f7;
    color: #9ea0a4;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.2px; }
    .leadvendor-page__mapping-summary-notify svg {
      flex-shrink: 0;
      width: 24px;
      height: 24px;
      fill: currentColor; }
    .leadvendor-page__mapping-summary-notify--on {
      color: #C6579A; }
  .leadvendor-page__mapping.is-collapsed {
    gap: 16px; }
  .leadvendor-page__mapping.is-collapsed .leadvendor-page__mapping-body,
  .leadvendor-page__mapping.is-collapsed > .form-actions-wrapper {
    display: none; }
  .leadvendor-page__mapping.is-collapsed .leadvendor-page__mapping-summary {
    display: flex; }
  .leadvendor-page__mapping.is-collapsed .leadvendor-page__mapping-toggle svg {
    transform: rotate(0deg); }
  .leadvendor-page__mapping-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 257px;
    align-items: start;
    gap: 24px; }
  .leadvendor-page__mapping-fields {
    display: flex;
    /*  Row 1 of column 1, pinned rather than auto-placed so the panel beside it and the
            conditional block beneath it cannot be reflowed by DOM order. The old `flex: 1 1 0` went
            with the flex row: the grid track sizes this now. */
    grid-column: 1;
    grid-row: 1;
    flex-direction: column;
    /*  Must stay equal to `__field-row`'s ROW gap: the second row wraps, so some lines are
            separated by this gap and others by that one, and the two are only indistinguishable
            while they agree. They were 16 and 24, which is what made one field sit lower. */
    gap: 24px;
    min-width: 0; }
  .leadvendor-page__field-row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 24px; }
  .leadvendor-page__field {
    flex: 0 0 calc((100% - 48px) / 3);
    max-width: calc((100% - 48px) / 3);
    min-width: 0; }
  .leadvendor-page__mapping-panel {
    display: flex;
    /*  Row 1 of column 2, and `align-self: stretch` to overrule the grid's `align-items: start`
            for this one item -- which is what runs the grey paper the full height of the three
            field rows rather than stopping at "How it works?".

            `justify-content: center` then centres the contents in that height, so the slack the
            stretch creates is split evenly above and below instead of all falling to the bottom.
            It is the MAIN axis here (this is a column flex box), which is why centring is
            `justify-content` and not `align-items` -- the latter would centre them horizontally
            and pull the switch row in off the panel's edges. */
    grid-column: 2;
    grid-row: 1;
    align-self: stretch;
    flex-direction: column;
    justify-content: center;
    /*  24px BETWEEN the panel's own rows — the same rhythm as the campaign field rows, and the
            padding below is the inset, even on all four sides.

            This gap is what positions the Notifications row. Unlike the middle row, whose offset is
            gap-independent (the gaps above and below it cancel), the head's centre sits at
            `R + G - gap - head/2` — so at the old 16px it rode 10px below the centre of the input
            beside it, and 24px brings it to within about 2px. Do not treat it as free spacing. */
    gap: 24px;
    padding: 24px;
    border-radius: 8px;
    background: #f4f5f7; }
  .leadvendor-page__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px; }
  .leadvendor-page__panel-head, .leadvendor-page__howitworks {
    min-height: 38px; }
  .leadvendor-page__panel-field {
    display: block; }
  .leadvendor-page__reentry-link {
    display: inline-flex;
    align-self: flex-start;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 40px;
    padding: 8px 11px;
    border-radius: 8px;
    color: #C6579A;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.2px;
    /* The panel adds `disabled` until a default rule exists and a status is left to override, and
           its handler bails on the class. The comp's disabled text colour, not the global
           `.btn:disabled { opacity: .5 }` — this is not a .btn. */ }
    .leadvendor-page__reentry-link:hover, .leadvendor-page__reentry-link:focus {
      background: #ebeae8;
      color: #C6579A;
      text-decoration: none; }
    .leadvendor-page__reentry-link svg {
      flex-shrink: 0;
      width: 22px;
      height: 22px;
      fill: currentColor; }
    .leadvendor-page__reentry-link.disabled {
      color: #9ea0a4;
      cursor: not-allowed;
      pointer-events: none; }
      .leadvendor-page__reentry-link.disabled:hover, .leadvendor-page__reentry-link.disabled:focus {
        background: none;
        color: #9ea0a4; }
  .leadvendor-page .card-block > .row + .row, .leadvendor-page .card-block > .stat-grid + .row, .leadvendor-page .card-block > .widget-grid + .row, .leadvendor-page .card-block > .row + .stat-grid, .leadvendor-page .card-block > .stat-grid + .stat-grid, .leadvendor-page .card-block > .widget-grid + .stat-grid, .leadvendor-page .card-block > .row + .widget-grid, .leadvendor-page .card-block > .stat-grid + .widget-grid, .leadvendor-page .card-block > .widget-grid + .widget-grid {
    margin-top: 16px; }
  .leadvendor-page .card-block > .row.form-group, .leadvendor-page .card-block > .form-group.stat-grid, .leadvendor-page .card-block > .form-group.widget-grid {
    margin-bottom: 0; }
  .leadvendor-page .form-actions-wrapper {
    display: flex;
    /* col-md-12 is a Bootstrap FLOAT, and display: flex does not clear a float — this is what kept
           the notification card's Cancel / Save changes outside its own white paper. */
    float: none;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    width: 100%;
    margin: 24px 0 0;
    padding: 0;
    border: 0; }
    .leadvendor-page .form-actions-wrapper.hidden {
      display: none; }
    .leadvendor-page .form-actions-wrapper small.text-muted {
      margin-right: auto;
      color: #62646a; }
  .leadvendor-page .form-add-button.leadvendor-page__add {
    position: static;
    top: auto;
    right: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: auto;
    height: 40px;
    padding: 8px 22px;
    border-radius: 8px;
    background: #35373d;
    box-shadow: none;
    color: #f4f5f7;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0.2px;
    transform: none;
    /* .form-add-button draws its + as two rotated pseudo-elements; this button uses a real icon. */
    /* The glyph is the comp's own MUI Add, inlined in the markup, NOT the `#icon-plus` sprite --
           that sprite is declared `viewBox="0 0 32 32"` with its path spanning only 24x24 from the
           TOP-LEFT, so a quarter of its box is blank (dead space before the word, glyph riding above
           the label's centre) and its arms are 12.5% of the box against MUI's 8.3%. No amount of
           sizing fixes the weight, which is what read as "too large"; drawing the comp's path does.
           22px box, node I844:216397;844:216390's Icon Left, so it centres on the 26px line box. */
    /* The Re-entry Routing section adds `disabled` to its own copy of this button until a default
           rule exists and a status is left to override. The comp's disabled colours, not the global
           `.btn:disabled { opacity: .5 }`, which would just fade the dark paper. */ }
    .leadvendor-page .form-add-button.leadvendor-page__add:hover, .leadvendor-page .form-add-button.leadvendor-page__add:focus {
      background: #0f1219;
      color: #fff;
      text-decoration: none; }
    .leadvendor-page .form-add-button.leadvendor-page__add:before, .leadvendor-page .form-add-button.leadvendor-page__add:after {
      content: none; }
    .leadvendor-page .form-add-button.leadvendor-page__add svg {
      flex-shrink: 0;
      width: 22px;
      height: 22px;
      fill: currentColor; }
    .leadvendor-page .form-add-button.leadvendor-page__add.disabled {
      background: #e7e8eb;
      color: #bcbec1;
      cursor: not-allowed; }
  .leadvendor-page .portico-switch.leadvendor-page__switch {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    width: auto;
    min-width: 58px;
    padding-left: 58px;
    /* leadflows.js sets this when the selected phone campaign cannot be silent (it dials from a
           Verity number, is outbound, or is not ongoing) and the click is refused. The refusal was
           previously invisible, so the control read as broken; dim it and show a not-allowed cursor so
           it reads as unavailable, with the reason on the title attribute. Not the `disabled`
           attribute: the checkbox must still POST its stored value with the mapping. */ }
    .leadvendor-page .portico-switch.leadvendor-page__switch.is-disabled {
      cursor: not-allowed;
      opacity: 0.45; }
  .leadvendor-page__switch-state {
    color: #62646a;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.15px; }
    .leadvendor-page__switch-state:after {
      content: 'OFF'; }
  .portico-switch input:checked ~ .leadvendor-page__switch-state:after {
    content: 'ON'; }
  .leadvendor-page__conditional-block {
    display: flex;
    grid-column: 1;
    flex-direction: column;
    gap: 24px;
    padding-top: 24px;
    border-top: 1px dashed #d6d7da; }
  .leadvendor-page__conditional {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 16px;
    border: 1px solid #C6579A;
    border-radius: 8px;
    background: #fff; }
  .leadvendor-page__conditional-head {
    display: flex;
    align-items: flex-start;
    gap: 8px; }
  .leadvendor-page__conditional-titles {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    /* Takes the slack so Delete is pushed to the far right of the head row. */
    flex: 1 1 auto; }
  .leadvendor-page__conditional-delete {
    align-self: flex-start;
    margin-left: auto; }
  .leadvendor-page__conditional-title {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 0;
    color: #0f1219;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: 0.15px;
    text-transform: none; }
    .leadvendor-page__conditional-title > .icon-r {
      margin: 0;
      line-height: 0; }
      .leadvendor-page__conditional-title > .icon-r svg {
        width: 14px;
        height: 14px; }
  .leadvendor-page__conditional-title-input {
    min-width: 180px;
    max-width: 100%;
    padding: 0 4px;
    border: 0;
    border-radius: 8px;
    background: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    field-sizing: content;
    text-overflow: ellipsis;
    /*  The placeholder is the default "Conditional Rule (N)" title, so it must read as the heading
            it stands in for, NOT as greyed-out hint text -- an unnamed rule is the common case. */ }
    .leadvendor-page__conditional-title-input::placeholder {
      color: inherit;
      opacity: 1; }
    .leadvendor-page__conditional-title-input:hover {
      background: #f4f5f7; }
    .leadvendor-page__conditional-title-input:focus {
      background: #f4f5f7;
      outline: none; }
    .leadvendor-page__conditional-title-input[readonly] {
      background: none;
      cursor: default; }
  .leadvendor-page .reentry-routing__hidden-field {
    display: none; }
  .leadvendor-page__conditional-caption {
    margin: 0;
    color: #62646a;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }
  .leadvendor-page__conditional-toggle {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border: 0;
    border-radius: 100px;
    background: none;
    color: #35373d;
    cursor: pointer; }
    .leadvendor-page__conditional-toggle:hover, .leadvendor-page__conditional-toggle:focus {
      background: #ebeae8; }
    .leadvendor-page__conditional-toggle svg {
      width: 24px;
      height: 24px;
      fill: currentColor;
      transform: rotate(180deg);
      transition: transform 0.2s ease; }
  .leadvendor-page__conditional.reentry-routing:after {
    content: none; }
  .leadvendor-page .reentry-routing {
    display: flex;
    flex-direction: column;
    gap: 24px; }
    .leadvendor-page .reentry-routing:after {
      content: none; }
  .leadvendor-page .reentry-routing__revert,
  .leadvendor-page .reentry-routing__save {
    visibility: hidden; }
  .leadvendor-page .reentry-routing__rule.is-dirty .reentry-routing__revert,
  .leadvendor-page .reentry-routing__rule.is-dirty .reentry-routing__save {
    visibility: visible; }
  .leadvendor-page__conditional-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /*  The body is a flex COLUMN, so its 20px gap already spaces the field rows — Bootstrap's own
            `.form-group` bottom margin would be added on top of it and space them ~36px apart. Zeroed
            here rather than dropping `.form-group` from the markup, because that class is also what the
            validation styling hangs off.

            The rows keep Bootstrap's negative `.row` margins on purpose: -15px against the box's 16px
            padding puts the row edge 1px inside the border, and the columns' own 15px padding then lands
            the fields exactly on the 16px padding edge the comp draws them at. */ }
    .leadvendor-page__conditional-body > .form-group {
      margin-bottom: 0; }
  .leadvendor-page .reentry-routing__overrides {
    display: contents; }
  .leadvendor-page .reentry-routing__new:not(.hidden) {
    display: contents; }
  .leadvendor-page__conditional.is-collapsed {
    gap: 0; }
  .leadvendor-page__conditional.is-collapsed .leadvendor-page__conditional-body {
    display: none; }
  .leadvendor-page__conditional.is-collapsed .leadvendor-page__conditional-delete {
    display: none; }
  .leadvendor-page .reentry-routing__summary {
    display: none;
    flex-direction: column;
    gap: 12px; }
  .leadvendor-page__conditional.is-collapsed .reentry-routing__summary {
    display: flex; }
  .leadvendor-page .reentry-routing__summary-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px; }
  .leadvendor-page .reentry-routing__summary-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 24px;
    color: #0f1219;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }
  .leadvendor-page .reentry-routing__summary-fact {
    display: inline-flex;
    gap: 4px; }
  .leadvendor-page .reentry-routing__summary-label {
    color: #62646a; }
  .reentry-routing__rule.is-awaiting-status .leadvendor-page__conditional-body > .form-group:not(:first-child) {
    opacity: 0.55; }
  .leadvendor-page__conditional.is-collapsed .leadvendor-page__conditional-toggle svg {
    transform: rotate(0deg); }
  .leadvendor-page .reentry-routing__add-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 16px; }
    .leadvendor-page .reentry-routing__add-row .help-text {
      color: #62646a; }
  .leadvendor-page__howitworks {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    color: #0a6280;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }
    .leadvendor-page__howitworks svg {
      flex-shrink: 0;
      width: 22px;
      height: 22px;
      fill: currentColor; }
  .leadvendor-page .switch-control {
    margin-top: 0; }
  .leadvendor-page .form-actions-wrapper .btn:disabled, .leadvendor-page .form-actions-wrapper .reports-table .k-header.k-grid-top button.k-button:disabled, .reports-table .k-header.k-grid-top .leadvendor-page .form-actions-wrapper button.k-button:disabled,
  .leadvendor-page .form-actions-wrapper .btn.disabled,
  .leadvendor-page .form-actions-wrapper .reports-table .k-header.k-grid-top button.disabled.k-button, .reports-table .k-header.k-grid-top
  .leadvendor-page .form-actions-wrapper button.disabled.k-button {
    opacity: 1;
    border-color: transparent;
    background: #e7e8eb;
    color: #bcbec1;
    cursor: not-allowed; }

/* ===================================================================================================
   Round-Robin advisor ordering panel, Figma node 978:159535.

   NOT nested under .leadvendor-page, deliberately: #modal-add-edit-round-robin is declared AFTER that
   wrapper closes in _leadVendorEdit.cshtml (line 975 against a wrapper that ends at 939), so a
   descendant selector could never reach it. It lives in this file rather than a partial of its own so
   it stays beside the page it belongs to without needing a new csproj <Content Include> entry.

   The host is the app's `.custom-modal` right-side panel; only the contents are the comp's.
   =================================================================================================== */
/*  802px — the comp's own dialog width, against the app's 600px `modal-md`.

    The width is what sets the description's line count, so this is the fix for "keep it to three
    rows": the copy is ~307 characters and, inside the panel's 24px inset, wraps to exactly the three
    lines node 978:159535 draws (754px of text measure, the same as the comp). At `modal-md` the same
    copy needed four. Widening rather than clamping is deliberate — `-webkit-line-clamp: 3` would hold
    the shape by hiding the end of a sentence explaining what the screen does.

    It also buys back the room between the tile's own controls: at 600px the name, the role pill and
    "Available to receive leads" were shoulder to shoulder in ~164px of shared slack.

    Still narrower than the 1080px `.expanded` this started at, which was neither the comp's width nor
    the app's. An ID selector because it has to out-specify `.custom-modal .modal-dialog`'s own
    `width: $modal-md`, which is (0,2,0) and sits inside this same breakpoint; md and up only, so a
    phone keeps the base rule's full-width panel, and `max-width` so it can never exceed the viewport
    in between. */
@media (min-width: 768px) {
  #modal-add-edit-round-robin .modal-dialog {
    width: 802px;
    max-width: 100%; } }

.roundrobin {
  font-family: 'Source Sans 3', 'Roboto', sans-serif;
  /*  White paper with a dark title over a hairline, not the app's usual coloured bar. `.modal-title`
        is left alone — 236 of the app's 271 modal headers are the coloured variant and rely on its
        white text, so the colour is set HERE, on this modal's own header. */
  /*  Qualified with `.modal-body` so it can out-specify `.custom-modal .modal-body`, which sets
        `padding: 0 0 6 * $spacer 0` at (0,2,0) -- a bare `&__body` scores (0,1,0), so its padding
        would silently lose however late this partial is imported. That zero horizontal padding is
        why the intro copy and the tiles ran edge to edge: the app's other modals inset their
        content with an inner `section` at `2 * $spacer 3 * $spacer`, and this one has no section.

        Only the top and the sides are restated, matching `.modal-header`'s own `2 * $spacer` so the
        copy and the tiles line up with the "Round-Robin" title exactly as the comp draws them. The
        bottom is deliberately left to the shared rule: its `6 * $spacer` is the clearance for the
        absolutely-positioned footer, and restating it here would be a second place to keep in step. */
  /* typography/body2. */
  /* 8px between tiles, as the comp spaces its 79px rows. */
  /*  The comp's 6-dot drag affordance, built from spans rather than an icon: the sprite has no
        drag-handle glyph and two rows of three dots is less markup than adding one. */
  /*  Takes the slack so the availability block is pushed to the right edge, and `min-width: 0` so a
        long name ellipsises instead of shoving it off. */
  /* typography/subtitle2. */
  /*  Yes/No, CSS-driven off the checkbox rather than scripted — the same mechanism the Is Silent
        switch uses on the page behind this panel, and now built the same way too.

        The word is a SIBLING OF THE CHECKBOX, inside the label: `~` reaches siblings only, so while the
        word sat outside the label the rule below could never match and every row read "No" whichever
        way the switch was thrown. The blocked variant needs no special case any more — its switch is
        disabled and never checked, so it simply falls through to "No".

        .portico-switch is a fixed 58x38 box with its track and knob positioned absolutely inside it, so
        the word rides on 58px of left padding rather than in a flex row — exactly as
        .leadvendor-page__switch does it, and for the same reason: the absolute geometry the shared
        component owns stays untouched. */ }
  .roundrobin *, .roundrobin *::before, .roundrobin *::after {
    box-sizing: border-box; }
  .roundrobin__header {
    border-bottom: 1px solid #d6d7da;
    background: #fff; }
    .roundrobin__header .modal-title {
      color: #0f1219; }
    .roundrobin__header .icon-wrapper svg {
      fill: #35373d; }
  .roundrobin__body.modal-body {
    padding-top: 24px;
    padding-right: 24px;
    padding-left: 24px;
    background: #fff; }
  .roundrobin__intro {
    margin: 0;
    color: #35373d;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }
  .roundrobin__divider {
    height: 1px;
    margin: 24px 0;
    background: #d6d7da; }
  .roundrobin__list {
    display: flex;
    flex-direction: column;
    gap: 8px; }
  .roundrobin__row {
    padding: 16px;
    border: 1px solid #7e8084;
    border-radius: 8px;
    background: #fff;
    cursor: move;
    /*  An inactive member: dimmed rather than hidden, because the row still carries their stored
            availability and their position in the order. */
    /* What Kendo Sortable drops in place of the dragged tile. */ }
    .roundrobin__row.is-disabled .roundrobin__name,
    .roundrobin__row.is-disabled .roundrobin__avatar,
    .roundrobin__row.is-disabled .chips {
      opacity: 0.5; }
    .roundrobin__row--placeholder {
      border-style: dashed;
      background: #f4f5f7; }
  .roundrobin__row-inner {
    display: flex;
    align-items: center;
    gap: 16px; }
  .roundrobin__handle {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: repeat(2, 3px);
    gap: 3px; }
    .roundrobin__handle span {
      width: 3px;
      height: 3px;
      border-radius: 50%;
      background: #62646a; }
  .roundrobin__avatar {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f4f5f7;
    color: #62646a;
    font-size: 14px;
    font-weight: 600;
    line-height: 1; }
    .roundrobin__avatar img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .roundrobin__who {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    /*  The pill hugs its text, as the comp draws it. This is a COLUMN flex container, so the
            default `align-items: stretch` sized the chip on the CROSS axis and spread it across the
            whole name column -- a wide grey bar rather than a pill. `.chips` own `flex: 0 0 auto`
            cannot prevent that: it governs the main (vertical) axis only.

            `max-width: 100%` plus `overflow: hidden` then keep a long department/role inside the
            tile now that the panel is back at the app's 600px. The comp clips the same way (its
            "Administration/Team Memb..." tile), so this is the drawn behaviour, not a fallback.
            Nested to score (0,2,0) and beat `.chips` at (0,1,0). */ }
    .roundrobin__who .chips {
      align-self: flex-start;
      max-width: 100%;
      overflow: hidden; }
  .roundrobin__name {
    overflow: hidden;
    color: #0f1219;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 0.15px;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .roundrobin__avail {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 12px; }
  .roundrobin__avail-label {
    color: #35373d;
    font-size: 14px;
    line-height: 1.43;
    letter-spacing: 0.17px; }
  .roundrobin .portico-switch.roundrobin__switch {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    width: auto;
    min-width: 58px;
    padding-left: 58px; }
  .roundrobin__avail-state {
    min-width: 26px;
    color: #62646a;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.15px; }
    .roundrobin__avail-state:after {
      content: 'No'; }
  .portico-switch input:checked ~ .roundrobin__avail-state:after {
    content: 'Yes'; }
  .roundrobin__switch.is-blocked {
    cursor: not-allowed;
    opacity: 0.5; }

/* ---------------------------------------------------------------- List view: distributions table

   Figma 1305:180583 (the finished Table view flow), whose table is node 1305:180278; the page it
   sits on is 1236:161447 and the full column set is 1236:173804. The List view is the app Kendo grid
   [lead-vendor-listView], restyled into the comp's MUI table rather than replaced: the grid already
   carries the server paging, the edit affordance and the delete, and rebuilding it as plain markup
   would throw all of that away.

   Scoped on the grid's own attribute, which is unique to this one grid, so none of the app's other
   Kendo grids are touched. Two chrome pieces are switched off in JS instead of hidden here
   (columnMenu, groupable, filterable) because the comp is a plain table - see index.js. */
.leadvendor-page [lead-vendor-listView] {
  /*  The white card the comp draws the table on. overflow: hidden is what makes the radius clip
        the header and footer corners; it is safe because the grid scrolls in its OWN inner
        .k-grid-content, so nothing positioned is being cut off. */
  background: #fff;
  border: 1px solid #d6d7da;
  border-radius: 8px;
  overflow: hidden;
  font-family: inherit;
  /*  The comp insets the table 16px from the top of its card (node 1305:180281 sits at y=16),
        and leaves a little air under the pager. */
  padding: 16px 0 8px;
  /*  Kendo paints a tinted header, vertical grid lines and a rule under the header; the comp has
        none of them. Every horizontal rule is gone as well - the finished comp (1305:180278) draws
        a table with no separators at all, verified by reading the rendered pixels rather than by
        eye. Row separation is carried by the 52px row height and the two text weights instead. */
  /*  52px rows, no separators and NO zebra striping - .k-alt is Kendo's alternate row and the
        comp is uniformly white. */
  /*  Action cell: the edit pencil and the delete, side by side. Kendo cells are nowrap with hidden
        overflow, which is exactly how a second icon gets clipped out of sight - the trap the widget
        admin grid already documents - so this cell is given room and allowed to show it. */
  /*  Footer: "Rows per page: 10 v   1-5 of 13   < >", right-aligned. Kendo emits these pieces in
        its own order, so flex `order` puts them in the comp's. First/last jumps are hidden - the
        comp has only the two arrows (numeric page buttons are already off via numeric: false). */ }
  .leadvendor-page [lead-vendor-listView] .k-grid-header {
    background: #fff;
    border-bottom: 0; }
  .leadvendor-page [lead-vendor-listView] .k-grid-header th.k-header {
    background: #fff;
    /* Measured as border-right: 1px dashed - the comp has no vertical rules at all. */
    border-left-width: 0;
    border-right-width: 0;
    border-bottom: 0;
    /* <TableHead> is 36px in the comp; 8px around a 20px line box is exactly that. */
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    /*  $portico-body, not $portico-heading: measured off the comp, the header glyphs are
            ~#2d3036 against the cells' ~#67696d, i.e. body over secondary. The pair is one step
            lighter than a heading/body pair and is what keeps the header from shouting. */
    color: #35373d;
    white-space: nowrap;
    /*  The header text is a link when sorting is on, and the app paints it: measured, .k-link
            carried background rgb(65, 69, 60) and display:block, so every header sat in a dark
            olive box the full width of its cell. Transparent and inline-block instead. */ }
    .leadvendor-page [lead-vendor-listView] .k-grid-header th.k-header > .k-link {
      /*  block, not inline-block: an inline-block sits on the text baseline, so the line box
                around it grows by the descender gap and the header row came out 42px against the
                comp's 36 even with the line-height pinned. A block box IS its line box. It was
                inline-block only to stop Kendo's dark .k-link background running the full width of
                the cell, and that background is already transparent two lines below. */
      display: block;
      padding: 0;
      min-height: 0;
      background: transparent;
      color: inherit;
      font: inherit;
      /*  Restated rather than left to `font: inherit`: Kendo sets 1.8em on this element
                (~26px at 14px), which beat the inherited value and made the header row 42px
                against the 36px the comp draws. Measured, not assumed. */
      line-height: 20px; }
  .leadvendor-page [lead-vendor-listView] .k-grid-content {
    /*  The comp draws the horizontal scrollbar as a short rounded grey bar under the last row
            (visible in node 1305:180278), not as the platform default. It is the affordance that
            says the remaining columns are to the right, so it is styled rather than hidden - the
            table is deliberately wider than its card so that no value is ever truncated. */
    scrollbar-width: thin;
    scrollbar-color: #d6d7da transparent; }
    .leadvendor-page [lead-vendor-listView] .k-grid-content::-webkit-scrollbar {
      width: 8px;
      height: 8px; }
    .leadvendor-page [lead-vendor-listView] .k-grid-content::-webkit-scrollbar-track {
      background: transparent; }
    .leadvendor-page [lead-vendor-listView] .k-grid-content::-webkit-scrollbar-thumb {
      border-radius: 100px;
      background: #d6d7da; }
    .leadvendor-page [lead-vendor-listView] .k-grid-content::-webkit-scrollbar-thumb:hover {
      background: #7e8084; }
    .leadvendor-page [lead-vendor-listView] .k-grid-content tr,
    .leadvendor-page [lead-vendor-listView] .k-grid-content tr.k-alt {
      background: #fff; }
    .leadvendor-page [lead-vendor-listView] .k-grid-content td {
      height: 52px;
      padding: 14px 16px;
      /* Kendo draws a dashed rule on every edge of a cell; the comp draws none. */
      border-width: 0;
      font-size: 14px;
      /* Secondary, against the header's body - see the note on the header colour above. */
      color: #62646a;
      white-space: nowrap; }
  .leadvendor-page [lead-vendor-listView] .k-grid-content td:last-child {
    overflow: visible;
    text-align: right;
    white-space: nowrap;
    /*  10px, not the 14px the other cells use. A table row is as tall as its tallest cell,
            so the 32px icon plus 14px top and bottom made EVERY cell in the row 61px against
            the comp's 52. Measured; do not "tidy" this back to a uniform padding. */
    padding: 10px 16px; }
    .leadvendor-page [lead-vendor-listView] .k-grid-content td:last-child > a {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      color: #62646a;
      cursor: pointer; }
      .leadvendor-page [lead-vendor-listView] .k-grid-content td:last-child > a:hover {
        background: #ebeae8;
        color: #0f1219; }
    .leadvendor-page [lead-vendor-listView] .k-grid-content td:last-child .lvlist-delete:hover {
      color: #f15b17; }
  .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
    padding: 6px 16px;
    /* No rule above the footer either - see the note on the header. */
    border-top: 0;
    background: #fff;
    color: #35373d;
    font-size: 13px;
    /*  The comp's "Rows per page:" label. Supplied here rather than through Kendo's
            messages.itemsPerPage, which rendered nothing in this version (verified against the
            live pager), and this also places it BEFORE the dropdown as the comp has it. */
    /* Kendo floats the pieces and pads the wrap; both fight the flex row. */ }
    .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-sizes {
      order: 1;
      display: inline-flex;
      align-items: center;
      /*  Or "Rows per page:" wraps onto two lines - the span computed to 186px wide with
                white-space: normal. */
      white-space: nowrap;
      /*  The comp shows a bare "10 v", not a boxed field. components/_filters.scss pins
                Kendo dropdown heights app-wide with !important (measured here at 42px), and
                importance beats specificity, so these have to be !important too. */ }
      .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-sizes .k-dropdown-wrap {
        /*  min-height, not just height: this page pins every adopted Kendo widget to
                    42px and does it with min-height, which OVERRIDES height however important
                    it is - measured, height:26px!important still rendered 42px while the inner
                    .k-input had already taken the 26. That page rule is meant for the Portico
                    fields on the mapping card; the pager's dropdown is caught by it only
                    because it sits inside .leadvendor-page. */
        height: 26px !important;
        min-height: 26px !important;
        background: transparent;
        border: 0;
        box-shadow: none; }
      .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-sizes .k-dropdown-wrap > .k-input,
      .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-sizes .k-dropdown-wrap > .k-select {
        height: 26px !important;
        line-height: 26px;
        padding-top: 0;
        padding-bottom: 0; }
      .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-sizes::before {
        content: "Rows per page:";
        margin-right: 8px;
        color: #35373d; }
    .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-info {
      order: 2;
      display: inline-block;
      text-align: right; }
    .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-nav.k-pager-first,
    .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-nav.k-pager-last,
    .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-refresh {
      display: none; }
    .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager .k-pager-nav {
      order: 3;
      border: 0;
      background: transparent; }
    .leadvendor-page [lead-vendor-listView] .k-pager-wrap.k-grid-pager > * {
      float: none; }

/* ------------------------------------------------------- un-upgraded control placeholder

   Distribution Algorithm and the three campaign pickers are all created inside a Kendo dataSource
   `change` handler, so none of them exists until that AJAX read returns - invisible once the
   response is warm, about a second on a cold open.

   This block used to just hide the algorithm's raw input, because it was the only one that showed
   its raw self (the campaign pickers ship with `.hidden`). That removed the raw box but left a
   HOLE, and the hole is the real defect: measured at the moment the partial lands, the four fields
   waiting on that read are 51 / 24 / 24 / 24px against the 66px they settle at, so the row was a
   set of labels at ragged heights with no boxes, and it reflowed when the widgets arrived.
   Reported as "the Distribution Algorithm style is unapplied for a second" - which is exactly what
   a label over empty space next to two properly boxed inputs looks like.

   So each control now WEARS the frame its widget is about to have. The row keeps its height, there
   is no reflow, and the field reads as one waiting for a value rather than as broken styling.

   It cancels itself with no JS and no state class: `>` matches only while the control is a DIRECT
   child of its field, and kendoDropDownList() inserts a span.k-widget around it, which makes it a
   grandchild. Verified against the live DOM in both states - pre-upgrade the field's direct
   children are the raw input/select, post-upgrade they are none.

   Three details that are load-bearing:
     - `display: block !important` is needed on the selects ONLY because they ship with `.hidden`,
       which is `display: none !important` in Site.scss. This scores (0,2,1) against its (0,1,0).
     - `background-image: none` kills the arrow from Site.scss's global `select:not(.disabled)`
       rule at (0,1,1), which would otherwise paint a caret on a placeholder that has no menu.
     - `pointer-events: none`, because this is not a control yet and must not take a click the
       widget would have handled differently.

   `select[kendoddl]` covers chat as well as phone/email/text, which is correct: on a chat vendor
   that field is the live one, and on every other vendor leadflows.js gives the whole field
   `.hidden`, so it is display:none and paints nothing either way. Contact Assignment Template is
   deliberately absent - it is a `select.form-control` and the control rule above already boxes it,
   so it never leaves a hole.

   Trade-off unchanged from before: if the read fails outright the placeholder stays instead of a
   raw box. An empty field reads as "still loading", which is what it is. */
.leadvendor-page__field > [id="RouteAlgorithmType"],
.leadvendor-page__field > select[kendoddl] {
  display: block !important;
  width: 100%;
  height: 42px;
  padding: 8px 14px;
  border: 1px solid #7e8084;
  border-radius: 8px;
  background-color: #fff;
  background-image: none;
  box-shadow: none;
  /* The raw control still holds its value (the algorithm input renders a bare "0"); the frame is
       the whole point of the placeholder, the contents are not. */
  color: transparent;
  -webkit-appearance: none;
  appearance: none;
  pointer-events: none; }

/* --- Lead Vendor page reskin, Figma node 823:140857 (scoped to .leadvendor-page) */
/* --- Lead Vendor Management: the SCSS -> CSS custom property bridge, and nothing else.

   PR 14803 review (Paul): a page's stylesheet should not ship inside Site.css for the whole
   application - only the classes that have to inherit values from SCSS. So this file is now just
   the token hand-off; the page's ~270 lines of rules live in
   Content/leadVendorManagement/leadVendorManagement.css and read these variables.

   Why a bridge at all, rather than hex values in that file: every one of these resolves per tenant.
   $brand-primary alone is redefined across ~92 Content/bootstrap/_<school>-colors.scss palettes, so
   a literal would render one school's colour for all the others. Site.scss already does exactly
   this for --brand-primary / --brand-secondary; this follows it.

   On :root rather than .lvm-page because .lvm-back is used by _leadVendorEdit.cshtml and
   _addLeadVendor.cshtml as well, and neither of those carries .lvm-page. */
:root {
  --lvm-font: "Source Sans 3", Roboto, Helvetica, Arial, sans-serif;
  --lvm-heading: #0f1219;
  --lvm-body: #35373d;
  --lvm-secondary: #62646a;
  --lvm-muted: #9ea0a4;
  --lvm-divider: #d6d7da;
  --lvm-hover-bg: #ebeae8;
  --lvm-radius: 8px;
  --lvm-focus-ring: #C6579A;
  /*  Skeleton loading. Fixed Portico neutrals rather than tenant colours - see the note beside
        them in components/_portico-tokens.scss. Bridged here because the skeletons themselves are
        rules in leadVendorManagement.css, which cannot reach a SCSS variable. */
  --lvm-skeleton: #e7e9ec;
  --lvm-skeleton-sheen: rgba(255, 255, 255, 0.7);
  --lvm-canvas: #f4f5f7; }

/* --- Lead Vendor Management list, Figma node 1236:149696 (scoped to .lvm-page) */
/* CXR-78: shared section-grouped Enrollment Status filter (scoped to .ess-filter) */
/* CXR-78: shared "Enrollment Status" section-grouped filter control.

   The faceted-popover pattern from the Re-Entry Management page (Content/components/_reentry-management
   .scss, .reentry-filter*), lifted out to its own scope so the reports can reuse it without depending
   on .reentry or its page font. Neutrals come from the shared Portico tokens (_portico-tokens.scss);
   the accent is $brand-primary so it themes per tenant. Scoped entirely under .ess-filter. */
.ess-filter {
  position: relative;
  display: block;
  /* The closed control reads like the form field it replaces (a bordered box with the current
       selection summary and a caret), not like a button. */
  /* position:fixed, NOT absolute: the report filter panel (.advanced-filters / .advanced-filters--
       content) is a scroll container with overflow hidden/auto, which would CLIP an absolutely
       positioned popover (the Re-Entry menu trap). fixed escapes it because no ancestor on this layout
       establishes a containing block (the panel is float + overflow, no transform/filter). top/left are
       deliberately omitted so the fallback is the element's static position near the control, never the
       0,0 top-left corner; enrollmentStatusSectionFilter.js sets them on open before unhiding. */
  /* Left rail: the four enrollment-status sections. */ }
  .ess-filter__control {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    min-height: 36px;
    padding: 6px 10px;
    border: 1px solid #d6d7da;
    border-radius: 4px;
    background: #fff;
    color: #35373d;
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    cursor: pointer; }
    .ess-filter__control:hover {
      border-color: #7e8084; }
  .ess-filter.is-open > .ess-filter__control {
    border-color: #C6579A;
    color: #C6579A; }
  .ess-filter__summary {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .ess-filter__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 100px;
    background: #C6579A;
    color: #fff;
    font-size: 11px;
    font-weight: 700; }
  .ess-filter__caret {
    flex: 0 0 auto;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #62646a; }
  .ess-filter.is-open .ess-filter__caret {
    border-top-color: #C6579A; }
  .ess-filter__popover {
    position: fixed;
    z-index: 1050;
    width: 380px;
    max-width: 90vw;
    border: 1px solid #d6d7da;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 6px 30px 5px rgba(32, 30, 40, 0.12), 0 16px 24px 2px rgba(32, 30, 40, 0.14); }
  .ess-filter__panes {
    display: flex;
    align-items: stretch; }
  .ess-filter__facets {
    width: 148px;
    margin: 0;
    padding: 8px 0;
    border-right: 1px solid #d6d7da;
    list-style: none; }
  .ess-filter__facet {
    display: flex;
    align-items: center;
    border-left: 3px solid transparent;
    padding: 10px 16px 10px 13px;
    color: #35373d;
    font-size: 14px;
    cursor: pointer; }
    .ess-filter__facet:hover {
      background: #ebeae8; }
    .ess-filter__facet.is-active {
      border-left-color: #C6579A;
      background: rgba(198, 87, 154, 0.08);
      color: #C6579A;
      font-weight: 600; }
  .ess-filter__values {
    flex: 1 0 0;
    min-width: 0;
    padding: 12px; }
  .ess-filter__search {
    position: relative;
    margin-bottom: 8px; }
    .ess-filter__search input[type="text"] {
      width: 100%;
      height: 36px;
      padding: 0 10px;
      border: 1px solid #d6d7da;
      border-radius: 4px;
      font-size: 14px; }
      .ess-filter__search input[type="text"]:focus {
        border-color: #C6579A;
        outline: none; }
  .ess-filter__list {
    max-height: 220px;
    overflow-y: auto; }
  .ess-filter__option {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 6px 4px;
    color: #35373d;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer; }
    .ess-filter__option input {
      width: 16px;
      height: 16px;
      margin: 0;
      accent-color: #C6579A; }
    .ess-filter__option:hover {
      background: #ebeae8; }
  .ess-filter__empty {
    margin: 8px 4px;
    color: #9ea0a4;
    font-size: 13px; }
  .ess-filter__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #d6d7da; }
  .ess-filter__clear {
    padding: 0;
    border: 0;
    background: none;
    color: #C6579A;
    font-size: 13px;
    cursor: pointer; }
    .ess-filter__clear:hover {
      text-decoration: underline; }
  .ess-filter__count {
    color: #62646a;
    font-size: 13px; }

/* --- App specifics */
/* Elements */
/* ---------------------------------------- */
:root {
  --brand-primary: #C6579A;
  --brand-primary-rgb: 198, 87, 154;
  --brand-secondary: #FFA300; }

body {
  font-family: 'Roboto', sans-serif; }

.fa-0x5 {
  font-size: 0.5em; }

.date-format {
  display: block;
  color: #888888;
  text-align: center; }
  .date-format::after {
    content: "";
    display: table;
    clear: both; }
  .date-format .day-no, .date-format .date {
    display: inline-block; }
  .date-format .day-no {
    width: 60px;
    font-size: 3.5rem;
    font-weight: 100;
    text-align: center;
    letter-spacing: -3px; }
  .date-format .date {
    padding-left: 12px;
    font-size: 0.625rem;
    line-height: 1rem;
    text-align: left; }
    .date-format .date .day, .date-format .date .month-year {
      display: inline-block;
      width: 100%;
      vertical-align: baseline; }
    .date-format .date .day {
      font-size: 1.25rem;
      font-weight: 500;
      letter-spacing: -1px; }
    .date-format .date .month-year {
      text-transform: uppercase;
      letter-spacing: 1px; }

.date-separator {
  position: relative;
  padding: 12px;
  margin-bottom: 24px;
  text-align: center;
  color: #aaaaaa;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px; }
  .date-separator span {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 24px;
    background: #f4f5f7; }
  .date-separator:after {
    content: ' ';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #cccccc; }

.note-group {
  position: relative;
  padding-bottom: 12px;
  margin-bottom: 24px; }
  .note-group:before {
    content: ' ';
    position: absolute;
    bottom: 0;
    left: -36px;
    display: block;
    width: calc(100% + 72px);
    height: 1px;
    background: #eeeeee; }

.created-by {
  display: inline-block; }

.profile-image {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  background: #aaaaaa; }
  .profile-image-female {
    background: #f15b17; }
  .profile-image-male {
    background: #3fa7d6; }
  .profile-image img {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    display: block;
    height: 100%;
    transform: translate(-50%, -50%); }
  .profile-image .profile-initials {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    display: block;
    font-size: 0.625rem;
    transform: translate(-50%, -50%);
    font-weight: 500;
    color: #fff;
    text-transform: uppercase; }
  .profile-image-xxs {
    width: 12px;
    height: 12px; }
  .profile-image-sm {
    width: 24px;
    height: 24px; }
  .profile-image-md {
    width: 30px;
    height: 30px; }
  .profile-image-lg {
    width: 36px;
    height: 36px; }
    .profile-image-lg .profile-initials {
      font-size: 0.875rem; }
  .profile-image-xl {
    width: 60px;
    height: 60px; }
    .profile-image-xl .profile-initials {
      font-size: 1.25rem; }
  .profile-image-xxl {
    width: 120px;
    height: 120px; }
  .profile-image + .name {
    display: inline-block;
    padding-left: 12px;
    vertical-align: middle; }
    .profile-image + .name.ellipsis-overflow {
      width: 75%; }
  .profile-image + .profile-information-container {
    padding-left: 12px; }

.profile-and-avatar {
  display: flex;
  align-items: center; }
  .profile-and-avatar a {
    color: #0d0d0d; }
  .profile-and-avatar--avatar {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 8px;
    vertical-align: middle;
    border-radius: 50%;
    background: #eeeeee; }
  .profile-and-avatar--abbreviation {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 0.625rem;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: center; }
  .profile-and-avatar--content {
    display: inline-block;
    vertical-align: middle; }
    .profile-and-avatar--content .posted-by, .profile-and-avatar--content .department {
      display: block; }
    .profile-and-avatar--content .posted-by {
      font-size: 0.75rem;
      font-weight: 500;
      line-height: 1rem; }
    .profile-and-avatar--content .department {
      font-size: 0.625rem;
      line-height: 0.875rem;
      letter-spacing: 1px;
      color: #6d6c6d;
      text-transform: uppercase; }

.profile-information-wrapper {
  display: inline-block;
  vertical-align: middle;
  width: 100%; }
  .profile-information-wrapper h3, .profile-information-wrapper h4, .profile-information-wrapper h5, .profile-information-wrapper span:first-of-type {
    margin-bottom: 0;
    font-weight: bold;
    vertical-align: middle; }
    .profile-information-wrapper h3 + .refactored-label, .profile-information-wrapper .refactored-card h3 + .card-information-label, .refactored-card .profile-information-wrapper h3 + .card-information-label, .profile-information-wrapper .refactored-card h3 + .widget-label, .refactored-card .profile-information-wrapper h3 + .widget-label, .profile-information-wrapper h3 + .simple-label, .profile-information-wrapper .widget h3 + .widget-label, .widget .profile-information-wrapper h3 + .widget-label, .profile-information-wrapper h4 + .refactored-label, .profile-information-wrapper .refactored-card h4 + .card-information-label, .refactored-card .profile-information-wrapper h4 + .card-information-label, .profile-information-wrapper .refactored-card h4 + .widget-label, .refactored-card .profile-information-wrapper h4 + .widget-label, .profile-information-wrapper h4 + .simple-label, .profile-information-wrapper .widget h4 + .widget-label, .widget .profile-information-wrapper h4 + .widget-label, .profile-information-wrapper h5 + .refactored-label, .profile-information-wrapper .refactored-card h5 + .card-information-label, .refactored-card .profile-information-wrapper h5 + .card-information-label, .profile-information-wrapper .refactored-card h5 + .widget-label, .refactored-card .profile-information-wrapper h5 + .widget-label, .profile-information-wrapper h5 + .simple-label, .profile-information-wrapper .widget h5 + .widget-label, .widget .profile-information-wrapper h5 + .widget-label, .profile-information-wrapper span:first-of-type + .refactored-label, .profile-information-wrapper .refactored-card span:first-of-type + .card-information-label, .refactored-card .profile-information-wrapper span:first-of-type + .card-information-label, .profile-information-wrapper .refactored-card span:first-of-type + .widget-label, .refactored-card .profile-information-wrapper span:first-of-type + .widget-label, .profile-information-wrapper span:first-of-type + .simple-label, .profile-information-wrapper .widget span:first-of-type + .widget-label, .widget .profile-information-wrapper span:first-of-type + .widget-label {
      margin-top: 3px; }
  .profile-information-wrapper .profile-information {
    display: inline-block;
    vertical-align: middle;
    margin-left: -4px;
    color: #0d0d0d; }
  .profile-information-wrapper .profile-image-xxs + .profile-information {
    width: calc(100% - $spacer); }
  .profile-information-wrapper .profile-image-sm + .profile-information {
    width: calc(100% - 24px); }
  .profile-information-wrapper .profile-image-md + .profile-information {
    width: calc(100% - 30px); }
  .profile-information-wrapper .profile-image-lg + .profile-information {
    width: calc(100% - 36px); }
  .profile-information-wrapper .profile-image-xl + .profile-information {
    width: calc(100% - 60px); }
  .profile-information-wrapper .profile-image-xxl + .profile-information {
    width: calc(100% - 120px); }
  .profile-information-wrapper .profile-image + .profile-information h3, .profile-information-wrapper .profile-image + .profile-information h4, .profile-information-wrapper .profile-image + .profile-information h5, .profile-information-wrapper .profile-image + .profile-information span:first-of-type {
    padding-left: 12px; }
  .profile-information-wrapper .profile-image + .profile-information .refactored-label, .profile-information-wrapper .profile-image + .profile-information .refactored-card .card-information-label, .refactored-card .profile-information-wrapper .profile-image + .profile-information .card-information-label, .profile-information-wrapper .profile-image + .profile-information .refactored-card .widget-label, .refactored-card .profile-information-wrapper .profile-image + .profile-information .widget-label, .profile-information-wrapper .profile-image + .profile-information .simple-label, .profile-information-wrapper .profile-image + .profile-information .widget .widget-label, .widget .profile-information-wrapper .profile-image + .profile-information .widget-label {
    margin-left: 12px; }

.profile-information-status-busy > i,
.profile-information-status-available > i,
.profile-information-status-offline > i {
  position: absolute;
  z-index: 100;
  bottom: -2px;
  display: inline-block;
  left: 22px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  content: '';
  font-size: 12px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 18px; }

.realtime-information-status-online > i,
.realtime-information-status-offline > i {
  position: absolute;
  z-index: 100;
  bottom: -11px;
  display: flex;
  left: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  justify-content: space-evenly; }

.profile-information-status-busy > i:before,
.profile-information-status-available > i:before {
  content: '';
  transform: translateX(-2px);
  display: inline-block; }

.profile-information-status-offline > i:before {
  content: '';
  display: inline-block; }

.realtime-information-status-offline > i:before {
  content: '';
  display: inline-block; }

.realtime-information-status-online > i:before {
  content: '';
  display: inline-block; }

.profile-information-status-busy > i {
  background: #f15b17;
  font-size: 20px; }

.profile-information-status-available > i {
  background: #C6579A; }

.profile-information-status-offline > i {
  background: #f15b17; }

.realtime-information-status-offline > i {
  background: red; }

.realtime-information-status-online > i {
  background: green; }

.profile-information-status-busy > i:before {
  content: '\2212'; }

.profile-information-status-available > i:before {
  content: '\2713'; }

.profile-information-status-offline > i:before {
  content: '\2716';
  font-style: normal; }

.realtime-information-status-offline > i:before {
  content: '\2716';
  font-style: normal;
  align-self: center; }

.realtime-information-status-online > i:before {
  content: '\2713';
  font-style: normal;
  align-self: center; }

.block-options {
  position: absolute;
  z-index: 10;
  top: 12px; }
  .block-options.spaced {
    top: 24px; }
  .block-options > .c-input {
    padding: 0 12px; }
  .block-options-left {
    left: 12px; }
    .block-options-left.spaced {
      left: 24px; }
  .block-options-right {
    right: 12px; }
    .block-options-right.spaced {
      right: 24px; }
  .block-options .label {
    vertical-align: text-top; }

.area-actions {
  position: absolute; }
  .area-actions.top {
    top: 12px;
    bottom: auto; }
  .area-actions.right {
    right: 12px;
    left: auto; }
  .area-actions.bottom {
    top: auto;
    bottom: 12px; }
  .area-actions.left {
    right: auto;
    left: 12px; }

.white-background {
  background-color: #fff; }

/** initial setup **/
.page-controls {
  padding: 24px; }

@media (min-width: 992px) {
  .close-statistics {
    position: absolute;
    z-index: 40;
    top: 50%;
    left: -52px;
    margin: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transform: rotate(-90deg) translatey(-50%);
    -moz-transform: rotate(-90deg) translatey(-50%);
    transform: rotate(-90deg) translatey(-50%); }
    .close-statistics.collapsed {
      left: -36px;
      -webkit-border-top-left-radius: 0;
      -webkit-border-top-right-radius: 0;
      -moz-border-radius-topleft: 0;
      -moz-border-radius-topright: 0;
      border-top-left-radius: 0;
      border-top-right-radius: 0; } }

/* Lead Card */
/* ---------------------------------------- */
/* Shared */
.lead-profile-shared-information-container {
  padding: 18px 0 18px 24px; }
  .lead-profile-shared-information-container h5 {
    margin: 0; }

.lead-profile-shared-information {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px; }

.lead-card-item .card-title {
  margin-bottom: 6px; }

.lead-card-options {
  position: relative;
  z-index: 2;
  display: inline-block;
  padding: 12px;
  margin-top: -48px;
  background: #fff;
  border-radius: 24px; }

.tab-content {
  position: relative; }

.dropdown-search-header {
  padding: 6px 12px;
  background: #eeeeee; }
  .dropdown-search-header h6 {
    margin: 0; }

.drop-placeholder {
  display: block;
  padding: 12px 12px;
  border: 1px dashed #aaaaaa;
  text-align: center;
  margin-bottom: 12px;
  font-size: 0.75rem;
  text-transform: uppercase;
  font-weight: 500;
  opacity: 0.4; }
  .drop-placeholder.last {
    height: 800px; }

.hint {
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2); }

.blue {
  color: #5ab1d6; }

.yellow {
  color: #fdd961; }

.red {
  color: #d03352; }

.green {
  color: #94a630; }

.purple {
  color: #d77447; }

@media (min-width: 768px) {
  .calendar-container, .k-scheduler {
    height: calc(100vh - 188px); } }

@media (min-width: 768px) {
  .lead-card .calendar-container, .lead-card .k-scheduler {
    height: calc(100vh - 205px); } }

hr:not(.card-footer hr) {
  margin-bottom: 24px; }

.sub-items {
  margin-left: -24px;
  margin-right: -24px;
  font-size: 80%;
  color: #888888; }

.page-filters {
  margin-bottom: 24px;
  clear: both; }

.ellipsis-overflow {
  text-overflow: ellipsis;
  width: 98%;
  white-space: nowrap;
  overflow: hidden; }

.modal-header .row.row-spaced.no-padding-bottom a, .modal-header .row-spaced.no-padding-bottom.stat-grid a, .modal-header .row-spaced.no-padding-bottom.widget-grid a,
.modal-header .row.row-spaced.no-padding-top a,
.modal-header .row-spaced.no-padding-top.stat-grid a,
.modal-header .row-spaced.no-padding-top.widget-grid a {
  /* GLA-13255: was #fff, which only worked against the old dark header bar. Modal
               headers are white now, so a white link is invisible. */
  color: #C6579A; }
  .modal-header .row.row-spaced.no-padding-bottom a:hover, .modal-header .row-spaced.no-padding-bottom.stat-grid a:hover, .modal-header .row-spaced.no-padding-bottom.widget-grid a:hover,
  .modal-header .row.row-spaced.no-padding-top a:hover,
  .modal-header .row-spaced.no-padding-top.stat-grid a:hover,
  .modal-header .row-spaced.no-padding-top.widget-grid a:hover {
    text-decoration: underline; }

.modal-header .row.row-spaced.no-padding-bottom label, .modal-header .row-spaced.no-padding-bottom.stat-grid label, .modal-header .row-spaced.no-padding-bottom.widget-grid label,
.modal-header .row.row-spaced.no-padding-top label,
.modal-header .row-spaced.no-padding-top.stat-grid label,
.modal-header .row-spaced.no-padding-top.widget-grid label {
  margin-bottom: 0; }

.modal-header .row.row-spaced.no-padding-bottom p, .modal-header .row-spaced.no-padding-bottom.stat-grid p, .modal-header .row-spaced.no-padding-bottom.widget-grid p,
.modal-header .row.row-spaced.no-padding-top p,
.modal-header .row-spaced.no-padding-top.stat-grid p,
.modal-header .row-spaced.no-padding-top.widget-grid p {
  margin-bottom: 0; }

.input-wrapper {
  margin: 0 0 24px 0; }

.hidden {
  display: none !important; }

textarea {
  height: auto; }

#JsTabCampaignPast .stat-count {
  font-size: 3rem;
  padding-top: 0; }

.row-top {
  border-bottom: 1px solid #eeeeee;
  padding: 0;
  margin: 0; }
  .row-top label {
    text-transform: uppercase; }
  .row-top div[class*="col-"] {
    padding: 12px 24px;
    border-right: 1px solid #eeeeee; }
  @media (max-width: 543px) {
    .row-top > div[class*="col-"]:not(.same-height-item) {
      padding-bottom: 0;
      padding-top: 0; }
      .row-top > div[class*="col-"]:not(.same-height-item):first-of-type {
        padding-top: 12px; }
      .row-top > div[class*="col-"]:not(.same-height-item) h4 {
        padding-bottom: 12px; } }

@media (max-width: 543px) {
  .campaign-stat span h5 {
    min-height: 1.7rem;
    margin-bottom: 0; } }

@media (min-width: 544px) {
  .campaign-stat span {
    display: table-cell;
    vertical-align: middle; } }

@media (max-width: 767px) {
  .campaign-stat {
    border-bottom: 1px solid #eeeeee; } }

.campaign-template {
  padding: 12px;
  border: 1px solid #eeeeee;
  background: #fafafa; }

.color-engagement {
  color: #ffd23f; }

.color-succes {
  color: #C6579A; }

.spinner {
  margin: 50% auto;
  width: 50px;
  height: 40px;
  text-align: center;
  font-size: 10px; }

.spinner > div {
  background-color: #333;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; }

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); }
  20% {
    -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

body.noscroll {
  position: fixed;
  overflow: hidden; }

body.hiddenscroll {
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
  overflow: -moz-scrollbars-none; }

body.hiddenscroll::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */ }

.container-fluid, .scoped-bs4 .container-4xs, .scoped-bs4 .container-3xs, .scoped-bs4 .container-xxs, .scoped-bs4 .container-xs, .scoped-bs4 .container-sm, .scoped-bs4 .container-md, .scoped-bs4 .container-lg, .scoped-bs4 .container-xl, .scoped-bs4 .container-xxl, .scoped-bs4 .container-3xl, .scoped-bs4 .container-4xl {
  position: relative; }

.offcanvas-statistics, .custom-side-action-modal {
  position: fixed;
  z-index: 900;
  top: 36px;
  bottom: auto;
  right: 24px;
  width: calc(100% - 48px);
  padding: 0;
  animation: showOffCanvasMobile 0.4s ease;
  -webkit-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
  min-height: 120px;
  max-height: calc(100vh - 48px);
  overflow-y: auto;
  background: #fff; }
  @media (min-width: 768px) {
    .offcanvas-statistics, .custom-side-action-modal {
      position: absolute;
      top: 0;
      right: 0;
      height: calc(100vh - 62px);
      max-height: none;
      -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
      width: 50%;
      animation: showOffCanvasDesktop 0.4s ease; } }
  @media (min-width: 992px) {
    .offcanvas-statistics, .custom-side-action-modal {
      width: 40%; } }
  @media (min-width: 1200px) {
    .offcanvas-statistics, .custom-side-action-modal {
      width: 30%; } }
  @media (min-width: 1560px) {
    .offcanvas-statistics, .custom-side-action-modal {
      width: 25%; } }
  .offcanvas-statistics .content-padding, .custom-side-action-modal .content-padding {
    padding: 24px; }
  .offcanvas-statistics h3, .custom-side-action-modal h3 {
    padding-top: 0; }
  .offcanvas-statistics h4.donut-label, .custom-side-action-modal h4.donut-label {
    display: block;
    text-align: center;
    margin-bottom: 12px; }
  @media (max-width: 767px) {
    .offcanvas-statistics.offcanvas-statistics-mobile, .custom-side-action-modal.offcanvas-statistics-mobile {
      top: 0;
      right: 0;
      width: 100vw;
      min-height: 100vh; } }
  .offcanvas-statistics .offcanvas-statistics-close, .custom-side-action-modal .offcanvas-statistics-close {
    position: absolute;
    z-index: 200;
    top: 24px;
    right: 24px;
    display: block;
    width: 36px;
    height: 36px;
    line-height: 34px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #dedede; }
    .offcanvas-statistics .offcanvas-statistics-close .icon, .custom-side-action-modal .offcanvas-statistics-close .icon {
      fill: #dedede; }
      .offcanvas-statistics .offcanvas-statistics-close .icon path, .custom-side-action-modal .offcanvas-statistics-close .icon path {
        fill: #dedede; }
    .offcanvas-statistics .offcanvas-statistics-close:hover, .custom-side-action-modal .offcanvas-statistics-close:hover {
      border-color: #6d6c6d; }
      .offcanvas-statistics .offcanvas-statistics-close:hover .icon path, .custom-side-action-modal .offcanvas-statistics-close:hover .icon path {
        fill: #6d6c6d; }

.custom-side-action-modal {
  top: 62px;
  width: 300px;
  overflow: hidden; }
  .custom-side-action-modal > div,
  .custom-side-action-modal .modal-header,
  .custom-side-action-modal .modal-body,
  .custom-side-action-modal .modal-footer {
    width: 300px;
    overflow-x: hidden; }
  .custom-side-action-modal .modal-header {
    background: #424242;
    color: #fff; }
  .custom-side-action-modal .modal-body {
    position: absolute;
    top: 70px;
    bottom: 50px;
    height: calc(100% - 142px);
    max-height: calc(100% - 142px);
    overflow-y: auto;
    padding: 0; }
  .custom-side-action-modal .modal-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    padding: 15px 5px; }

.custom-side-action-modal.extended {
  width: 500px; }
  .custom-side-action-modal.extended > div,
  .custom-side-action-modal.extended .modal-header,
  .custom-side-action-modal.extended .modal-body,
  .custom-side-action-modal.extended .modal-footer {
    width: 500px; }

.custom-side-action-modal.fixed {
  position: fixed;
  top: 62px;
  bottom: 0; }

.stat-block {
  padding: 24px;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee; }
  .stat-block .stat-label {
    display: block;
    min-height: 36px;
    text-transform: uppercase;
    letter-spacing: 1px; }

.stat-count {
  display: block;
  padding-top: 24px;
  padding-right: 12px;
  font-size: 4rem;
  font-weight: 300;
  line-height: 1; }
  @media (max-width: 543px) {
    .stat-count {
      font-size: 3rem; } }
  .communication-card .stat-count,
  .communication-card-2 .stat-count {
    font-size: 3rem;
    padding-top: 0;
    padding-bottom: 0.5rem; }

.staff-dash .stat-grid {
  background: #fff; }

.staff-dash .stat-grid, .offcanvas-statistics .stat-grid {
  border-top: 1px solid #eeeeee; }
  .staff-dash .stat-grid .stat-block, .offcanvas-statistics .stat-grid .stat-block {
    display: block;
    padding: 24px;
    color: #0d0d0d; }
  .staff-dash .stat-grid .stat-count, .offcanvas-statistics .stat-grid .stat-count {
    font-size: 3rem; }
    @media (max-width: 767px) {
      .staff-dash .stat-grid .stat-count, .offcanvas-statistics .stat-grid .stat-count {
        font-size: 4rem; } }

.staff-dash .stat-grid .stat-block, .offcanvas-statistics .stat-grid .stat-block {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 33.3%;
  height: 0;
  padding-bottom: 25%; }
  @media (max-width: 767px) {
    .staff-dash .stat-grid .stat-block, .offcanvas-statistics .stat-grid .stat-block {
      width: 50%;
      padding-bottom: 40%; } }

.staff-dash .stat-grid .stat-label, .offcanvas-statistics .stat-grid .stat-label {
  line-height: 1;
  text-transform: uppercase;
  top: 10%; }

.staff-dash .stat-grid .stat-count, .offcanvas-statistics .stat-grid .stat-count {
  bottom: 10%; }

.staff-dash .stat-grid .stat-count, .staff-dash .stat-grid .stat-label, .offcanvas-statistics .stat-grid .stat-count, .offcanvas-statistics .stat-grid .stat-label {
  position: absolute;
  left: 10%; }

/* The width and height of the chart must be equal to the width and height of the .donut-wrapper in order to be horizontally and vertically centered  */
.inner-content {
  position: absolute;
  line-height: 1;
  font-size: 1rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #424242; }

.page-section-title {
  padding: 24px 0 12px;
  margin: 0;
  font-weight: bold; }
  .page-section-title span {
    vertical-align: middle; }

hr + .page-section-title {
  margin-top: -12px; }

.lead-dashboard .card hr {
  margin: 0; }

.lead-dashboard .event-template {
  position: relative; }

.lead-dashboard h3.offcanvas-title,
.lead-dashboard h4.donut-label {
  display: none; }

.lead-dashboard ul.bar-legend {
  width: 100%;
  margin: 0 auto; }
  .lead-dashboard ul.bar-legend li {
    text-align: center;
    display: inline-block; }
  .lead-dashboard ul.bar-legend li:first-of-type {
    text-align: left; }
  .lead-dashboard ul.bar-legend li:last-of-type {
    text-align: right; }

.lead-dashboard .no-items-message {
  padding: 12px; }

.lead-dashboard .dash-stat-inquiries,
.lead-dashboard .dash-stat-tasks {
  height: 435px; }

.lead-dashboard .dash-stat-inquiries {
  position: relative; }

.lead-dashboard .dash-stat-notes, .lead-dashboard .dash-stat-appointments {
  height: auto;
  position: relative; }
  .lead-dashboard .dash-stat-notes .chart, .lead-dashboard .dash-stat-appointments .chart {
    position: absolute;
    height: 100%;
    right: 0px; }

.lead-dashboard .last-appointment .event-template > .event-title {
  padding-left: 12px; }

.lead-dashboard .last-appointment .date-format .day-no {
  font-size: 2rem;
  float: left;
  line-height: 1;
  width: 30px; }

.lead-dashboard .last-appointment .date-format .date {
  margin: 0;
  float: left;
  padding: 0 5px;
  width: auto; }

.lead-dashboard .last-appointment .date-format .day {
  font-size: 1rem; }

p.table-value {
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0; }

.table-save {
  padding: 24px;
  border-top: 1px solid #eeeeee; }

.staff-dash #chartTask {
  height: 240px; }

#off-canvas #chartTask {
  height: 266px; }

#chartTask {
  height: 150px; }

.lead-dash-half-horizontal {
  position: relative;
  height: 205px; }
  .lead-dash-half-horizontal:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    height: 100%;
    width: 1px;
    background: #dedede; }
  .lead-dash-half-horizontal .border-right {
    height: 100%; }

.chart-parent {
  height: 100%; }

.k-state-default.k-state-selected a {
  background-color: red; }

.small-text {
  font-size: 0.625rem; }

.truncate.on {
  width: 90%;
  position: relative; }
  .truncate.on h4 {
    height: 20px;
    overflow: hidden; }
  .truncate.on:after {
    content: "[...]";
    position: absolute;
    right: -20px;
    top: 2px;
    font-weight: 400; }

.truncate-name.on {
  position: relative; }
  .truncate-name.on a {
    width: 70%;
    height: 20px;
    overflow: hidden;
    display: block; }
  .truncate-name.on:after {
    content: "[...]";
    position: absolute;
    right: -20px;
    top: 2px;
    font-weight: 400; }

#off-canvas .nav.bar-legend li,
.staff-dash .nav.bar-legend li {
  margin-bottom: 1rem; }

#off-canvas .nav.bar-legend .row, #off-canvas .nav.bar-legend .stat-grid, #off-canvas .nav.bar-legend .widget-grid,
.staff-dash .nav.bar-legend .row,
.staff-dash .nav.bar-legend .stat-grid,
.staff-dash .nav.bar-legend .widget-grid {
  margin: 0;
  padding-left: 24px; }

table tbody tr td.col-md-4:first-of-type {
  width: 33.4%; }

.task-column#JsSortable-InProgress .uber-tabs-content .tab-pane {
  display: initial; }

.task-column {
  height: auto !important; }

@media (max-width: 543px) {
  .xs-no-padding {
    padding: 0; } }

@media (max-width: 543px) {
  .xs-no-margin {
    margin: 0; } }

@media (min-width: 768px) {
  .same-height-container {
    display: table;
    width: 100%; }
    .same-height-container .same-height-item {
      float: none;
      display: table-cell;
      vertical-align: top; } }

@media (max-width: 767px) {
  .clear-left {
    clear: left; } }

.text-danger ul {
  list-style-type: none;
  padding-left: 0; }
  .text-danger ul li {
    font-size: 0.625rem; }

.btn-default {
  background: lightgray; }

#leads-content .card-block .profile-info, #lead-search-tab .card-block .profile-info {
  width: 80%; }
  #leads-content .card-block .profile-info h4, #lead-search-tab .card-block .profile-info h4 {
    width: 100%; }

#calendar-search-result > div:nth-of-type(1) {
  clear: left; }

section.unsubscribe {
  position: relative;
  text-align: center;
  background: #eeeeee;
  display: block;
  width: 100vw;
  height: 100vh; }
  section.unsubscribe .login-logo {
    margin: 36px 0;
    background-position: center center; }
  section.unsubscribe .social {
    padding: 0;
    margin: 0 auto; }
    section.unsubscribe .social ul {
      list-style-type: none;
      padding: 0;
      margin: 0;
      text-align: center; }
      section.unsubscribe .social ul li {
        display: inline-block;
        padding: 0 24px;
        margin-right: -4px; }
        section.unsubscribe .social ul li a {
          display: inline-block;
          width: 24px;
          height: 24px; }
      section.unsubscribe .social ul li.twitter a {
        background: url("images/email/color-twitter-48.png") no-repeat;
        background-size: 24px 24px; }
      section.unsubscribe .social ul li.facebook a {
        background: url("images/email/color-facebook-48.png") no-repeat;
        background-size: 24px 24px; }
  section.unsubscribe .row.footer, section.unsubscribe .footer.stat-grid, section.unsubscribe .footer.widget-grid {
    max-width: 600px;
    margin: 0 auto; }
    section.unsubscribe .row.footer img.logo, section.unsubscribe .footer.stat-grid img.logo, section.unsubscribe .footer.widget-grid img.logo {
      width: 160px;
      height: auto; }
    section.unsubscribe .row.footer .address, section.unsubscribe .footer.stat-grid .address, section.unsubscribe .footer.widget-grid .address {
      vertical-align: middle; }
    section.unsubscribe .row.footer p, section.unsubscribe .footer.stat-grid p, section.unsubscribe .footer.widget-grid p {
      font-size: 12px;
      line-height: 1.5;
      color: #778999;
      padding-left: 40px;
      text-align: left;
      margin: 0; }
  section.unsubscribe .container {
    -webkit-box-shadow: 0px 12px 36px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 12px 36px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 12px 36px 0px rgba(0, 0, 0, 0.2);
    background: white;
    max-width: 600px;
    padding: 24px;
    margin-bottom: 48px; }
    section.unsubscribe .container h2 {
      font-weight: 300;
      margin: auto 0;
      padding: 48px 36px;
      border-radius: 3rem;
      display: inline-block; }

.lead-card-summary {
  padding: 0;
  margin: -12px -24px; }
  .lead-card-summary li {
    display: flex;
    gap: 12px;
    justify-content: space-between;
    align-items: center;
    min-height: 32px;
    border-bottom: 1px solid #eeeeee;
    padding: 6px 24px;
    list-style-type: none;
    font-size: 0.75rem;
    color: #888888; }
    .lead-card-summary li:last-child {
      border-bottom: 0; }
    .lead-card-summary li span {
      display: inline-block;
      vertical-align: middle; }
      .lead-card-summary li span.refactored-label, .lead-card-summary li .refactored-card span.card-information-label, .refactored-card .lead-card-summary li span.card-information-label, .lead-card-summary li .refactored-card span.widget-label, .refactored-card .lead-card-summary li span.widget-label, .lead-card-summary li span.simple-label, .lead-card-summary li .widget span.widget-label, .widget .lead-card-summary li span.widget-label {
        min-width: auto;
        white-space: nowrap; }
      .lead-card-summary li span.bold {
        display: flex;
        font-weight: 600;
        text-align: right;
        min-width: 0; }
        .lead-card-summary li span.bold > span {
          text-overflow: ellipsis;
          white-space: nowrap;
          overflow: hidden; }

.btn-secondary-outline + .btn-success {
  margin-left: 12px; }

.list-group.list-group-condensed {
  font-size: 0.75rem; }
  .list-group.list-group-condensed .list-group-item {
    padding-top: 6px;
    padding-bottom: 6px; }

.page-header {
  border-bottom: 1px solid #dedede; }
  .page-header .page-title {
    margin: 0;
    display: inline-block;
    vertical-align: middle; }
    .page-header .page-title sup {
      font-size: 50%; }
    .page-header .page-title + .nav-tabs {
      padding-top: 12px; }

@media (min-width: 300px) and (max-width: 781px) {
  .nav-item.pull-sm-right {
    float: left !important;
    margin: 10px 0px;
    width: 100%; } }

@media (min-width: 782px) {
  .nav-item.pull-sm-right {
    float: right !important; } }

@media (min-width: 866px) and (max-width: 890px) {
  .nav-item.pull-sm-right > .card-information.headeractions.dashboardactions {
    margin-right: 20px; }
    .nav-item.pull-sm-right > .card-information.headeractions.dashboardactions button {
      font-size: 0.7rem; } }

@media (min-width: 782px) and (max-width: 865px) {
  .nav-item.pull-sm-right > .card-information.headeractions.dashboardactions {
    margin-right: 0px; }
    .nav-item.pull-sm-right > .card-information.headeractions.dashboardactions button {
      font-size: 0.5rem; } }

@media (min-width: 831px) and (max-width: 865px) {
  .nav-item.pull-sm-right > .card-information.headeractions.dashboardactions button {
    font-size: 0.7rem; } }

@media (min-width: 810px) and (max-width: 830px) {
  .nav-item.pull-sm-right > .card-information.headeractions.dashboardactions button {
    font-size: 0.6rem; } }

@media (min-width: 300px) and (max-width: 781px) {
  .nav-item.pull-sm-right > .card-information.headeractions.dashboardactions {
    text-align: center; } }

@media (min-width: 300px) and (max-width: 500px) {
  .nav-item.pull-sm-right > .card-information.headeractions.dashboardactions button {
    font-size: 0.6rem; } }

.chart-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
  padding-bottom: 100%; }
  .chart-wrapper.dash-mod {
    padding-bottom: 24%; }
    @media (max-width: 543px) {
      .chart-wrapper.dash-mod {
        padding-bottom: 53%; } }
    @media (min-width: 768px) {
      .chart-wrapper.dash-mod {
        padding-bottom: 22%; } }
    @media (min-width: 992px) {
      .chart-wrapper.dash-mod {
        padding-bottom: 18%; } }
    @media (min-width: 1200px) {
      .chart-wrapper.dash-mod {
        padding-bottom: 16%; } }
    @media (min-width: 1560px) {
      .chart-wrapper.dash-mod {
        padding-bottom: 26%; } }
  .chart-wrapper .chart-element {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%); }
    .chart-wrapper .chart-element .k-chart {
      width: 100%;
      height: 100%; }
  .chart-wrapper + .chart-title {
    padding-top: 24px; }

.chart-title {
  display: block;
  margin-bottom: 0;
  text-align: center; }

.reports-table .k-header.k-grid-top {
  padding: 24px 36px;
  background: white; }
  .reports-table .k-header.k-grid-top h2 {
    color: #0d0d0d; }
  .reports-table .k-header.k-grid-top button.k-button .k-icon {
    display: none; }

svg.icon {
  max-width: 48px;
  max-height: 48px; }
  svg.icon.icon-lg {
    width: 48px;
    max-height: 48px; }
  svg.icon.icon-md {
    width: 32px;
    max-height: 32px; }
  svg.icon.icon-sm {
    width: 24px;
    max-height: 24px; }
  svg.icon.icon-xs {
    width: 20px;
    max-height: 20px; }
  svg.icon.icon-xxs {
    width: 16px;
    max-height: 16px; }

.icon {
  display: inline-block;
  vertical-align: middle; }
  .icon use {
    display: block;
    fill: #6d6c6d;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .icon use.stroke {
      stroke: #6d6c6d; }
      .icon use.stroke.danger {
        stroke: #f15b17; }
      .icon use.stroke.signature {
        stroke: #C6579A; }
  .icon.icon-warning use {
    fill: #ffd23f; }
  .icon.icon-danger use {
    fill: #f15b17; }
  .icon.icon-primary use {
    fill: #C6579A; }
  .icon.icon-white use {
    fill: white; }
  .icon.icon-on use {
    fill: #19c572; }
  .icon.icon-off use {
    fill: #d34345; }
  .icon.icon-caution use {
    fill: #f1c40f; }
  .icon + .icon {
    margin-left: 12px; }
  .icon.icon-rotate-90 {
    transform: rotate(90deg); }
  .icon.icon-rotate-180 {
    transform: rotate(180deg); }
  .icon.icon-rotate-270 {
    transform: rotate(270deg); }

.icon-wrapper.icon-warning .icon use {
  fill: #ffd23f; }

.icon-wrapper.icon-danger .icon use {
  fill: #f15b17; }

.icon-wrapper.icon-primary .icon use {
  fill: #C6579A; }

.custom-modal iframe#email-template-iframe {
  height: 400px; }

iframe#email-template-iframe {
  display: block;
  width: 100%;
  height: 796px;
  padding: 0;
  border: 0; }
  iframe#email-template-iframe body {
    overflow-y: hidden; }

#notes-list, #d-attending {
  clear: both; }

@media (max-width: 543px) {
  .xs-hidden {
    display: none !important; } }

.active-task-dash .card-block {
  min-height: 210px; }

@media (max-width: 767px) {
  .dash-6 .col-md-8 .card-header h4 {
    min-height: 48px; } }

@media (max-width: 767px) {
  .modal-header .label-simple {
    padding-top: 12px; } }

.presentation-title, .presentation-subtitle {
  padding-top: 24px;
  margin-bottom: 24px;
  line-height: 1; }

.collapse-arrow .icon {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: rotate(180deg); }

.collapse-arrow.collapsed .icon {
  transform: rotate(0deg); }

.quick-call-phone-list {
  position: relative; }
  .quick-call-phone-list label {
    margin-top: 0;
    margin-bottom: 0; }
  .quick-call-phone-list .simple-label {
    margin-bottom: 0;
    line-height: 1.3; }
    .quick-call-phone-list .simple-label + .phone-number {
      padding-top: 6px;
      display: block; }
  .quick-call-phone-list form {
    display: table;
    width: 100%; }
  .quick-call-phone-list .phone-number {
    font-weight: 500; }
  .quick-call-phone-list .phone-item-favorite {
    padding-left: 0 !important;
    padding-right: 0 !important; }
    @media (min-width: 544px) {
      .quick-call-phone-list .phone-item-favorite {
        padding-left: 12px !important;
        padding-right: 12px !important; } }
  .quick-call-phone-list .last-call {
    background: #fcf8e3; }
  .quick-call-phone-list .call-in-progress .call-in-progress-label {
    display: none;
    margin: 0; }
  .quick-call-phone-list.has-call-in-progress .call-in-progress {
    display: none; }
  .quick-call-phone-list.has-call-in-progress .phone-item:hover {
    background: #fff !important; }
  .quick-call-phone-list.has-call-in-progress .make-call {
    display: none; }
  .quick-call-phone-list.has-call-in-progress .active .call-in-progress {
    display: block; }
    @media (min-width: 544px) {
      .quick-call-phone-list.has-call-in-progress .active .call-in-progress {
        display: table-cell; } }
    .quick-call-phone-list.has-call-in-progress .active .call-in-progress .call-in-progress-label {
      display: block;
      min-width: 120px; }
  .quick-call-phone-list.has-call-in-progress .active .phone-number {
    color: #C6579A; }
  .quick-call-phone-list.has-text-in-progress .phone-item:hover {
    background: #fff !important; }
  .quick-call-phone-list.has-text-in-progress .active .call-in-progress {
    display: block; }
    @media (min-width: 544px) {
      .quick-call-phone-list.has-text-in-progress .active .call-in-progress {
        display: table-cell; } }
    .quick-call-phone-list.has-text-in-progress .active .call-in-progress .call-in-progress-label {
      display: block;
      min-width: 120px; }
  .quick-call-phone-list.has-text-in-progress .active .make-call {
    display: none; }
  .quick-call-phone-list.has-text-in-progress .active .phone-number {
    color: #C6579A; }
  .quick-call-phone-list.has-text-in-progress .active .email-address {
    color: #C6579A; }
  .quick-call-phone-list .email-address {
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap; }
  .quick-call-phone-list .phone-item {
    transition: background 0.3s ease; }
    @media (min-width: 544px) {
      .quick-call-phone-list .phone-item:not(.do-not-call):hover {
        background: #fafafa; } }

#call-disposition-section .refactored-card {
  margin-bottom: 0; }

#call-disposition-section .refactored-card .collapse.in, #call-disposition-section .refactored-card .collapsing {
  border-top: 0; }

i[data-toggle="modal"] {
  cursor: pointer; }

.simple-list {
  padding: 0;
  margin: 0;
  list-style-type: none; }
  .simple-list .simple-list-item {
    padding: 12px 24px;
    border-bottom: 1px solid #eeeeee; }
    .simple-list .simple-list-item:last-child {
      border-bottom: 0; }
    .simple-list .simple-list-item .profile-information-wrapper {
      width: calc(100% - 30px);
      max-width: calc(100% - 30px);
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }

@media (max-width: 768px) {
  .space-on-mobile {
    padding-top: 12px; } }

@media (min-width: 544px) {
  .table-layout {
    display: table;
    width: 100%;
    padding: 0; } }

.table-layout > form {
  display: table;
  width: 100%; }

.table-layout .row, .table-layout .stat-grid, .table-layout .widget-grid {
  border-bottom: 1px solid #eeeeee;
  padding-top: 12px;
  padding-bottom: 12px; }
  @media (min-width: 544px) {
    .table-layout .row, .table-layout .stat-grid, .table-layout .widget-grid {
      display: table-row;
      padding-top: 0;
      padding-bottom: 0;
      margin: 0;
      border-bottom: 0; }
      .table-layout .row > div[class*="col-"], .table-layout .stat-grid > div[class*="col-"], .table-layout .widget-grid > div[class*="col-"] {
        border-bottom: 1px solid #eeeeee;
        vertical-align: middle; } }
  .table-layout .row > div[class*="col-"], .table-layout .stat-grid > div[class*="col-"], .table-layout .widget-grid > div[class*="col-"] {
    padding: 12px; }
    .table-layout .row > div[class*="col-"] .btn, .table-layout .stat-grid > div[class*="col-"] .btn, .table-layout .widget-grid > div[class*="col-"] .btn, .table-layout .row > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .table-layout .row > div[class*="col-"] button.k-button, .table-layout .stat-grid > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .table-layout .stat-grid > div[class*="col-"] button.k-button, .table-layout .widget-grid > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .table-layout .widget-grid > div[class*="col-"] button.k-button {
      vertical-align: middle;
      margin-top: -12px; }
      @media (min-width: 544px) {
        .table-layout .row > div[class*="col-"] .btn, .table-layout .stat-grid > div[class*="col-"] .btn, .table-layout .widget-grid > div[class*="col-"] .btn, .table-layout .row > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .table-layout .row > div[class*="col-"] button.k-button, .table-layout .stat-grid > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .table-layout .stat-grid > div[class*="col-"] button.k-button, .table-layout .widget-grid > div[class*="col-"] .reports-table .k-header.k-grid-top button.k-button, .reports-table .k-header.k-grid-top .table-layout .widget-grid > div[class*="col-"] button.k-button {
          margin-top: 0; } }
    @media (min-width: 544px) {
      .table-layout .row > div[class*="col-"], .table-layout .stat-grid > div[class*="col-"], .table-layout .widget-grid > div[class*="col-"] {
        float: none;
        display: table-cell; } }

.list-spaced li {
  padding: 12px 24px;
  border-bottom: 1px solid #eeeeee; }
  .list-spaced li:last-child {
    border-bottom: 0; }

.is-editing .enable-edit {
  display: none; }

.team-management-information {
  margin-bottom: 24px; }
  .team-management-information .enable-edit {
    position: absolute;
    top: 12px;
    left: -12px; }

#container #call-disposition-section {
  display: none; }

#container:target #call-disposition-section {
  display: block; }

#container:target a {
  display: none; }

.keypad {
  display: inline-block;
  width: 175px;
  border-radius: 0.25rem; }
  .keypad .form-control, .keypad .daterangepicker .input-mini, .daterangepicker .keypad .input-mini, .keypad .readonlyeditor, .keypad .date-filter-trigger, .keypad .click-editor textarea, .click-editor .keypad textarea {
    margin-bottom: 12px; }
  .keypad .keys {
    margin: 0;
    padding: 0; }
  .keypad .key {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin-right: 12px;
    margin-bottom: 12px;
    padding: 0;
    line-height: 48px;
    cursor: pointer;
    border-radius: 24px;
    border: 1px solid #eeeeee;
    text-align: center;
    background: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .keypad .key:nth-child(3n) {
      margin-right: 0; }
    .keypad .key:hover {
      background: #fafafa;
      border-color: #eeeeee; }
  .keypad .close-keypad {
    position: absolute;
    top: -18px;
    right: -18px;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 18px;
    border: 1px solid #eeeeee;
    background: #fff;
    text-align: center;
    line-height: 36px;
    -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .keypad .close-keypad:hover {
      -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
      -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16); }

.member-select {
  margin: 0 -5px;
  cursor: pointer;
  position: relative; }
  .member-select:nth-child(1) {
    z-index: 30; }
  .member-select:nth-child(2) {
    z-index: 29; }
  .member-select:nth-child(3) {
    z-index: 28; }
  .member-select:nth-child(4) {
    z-index: 27; }
  .member-select:nth-child(5) {
    z-index: 26; }
  .member-select:nth-child(6) {
    z-index: 25; }
  .member-select:nth-child(7) {
    z-index: 24; }
  .member-select:nth-child(8) {
    z-index: 23; }
  .member-select:nth-child(9) {
    z-index: 22; }
  .member-select:nth-child(10) {
    z-index: 21; }
  .member-select:nth-child(11) {
    z-index: 20; }
  .member-select:nth-child(12) {
    z-index: 19; }
  .member-select:nth-child(13) {
    z-index: 18; }
  .member-select:nth-child(14) {
    z-index: 17; }
  .member-select:nth-child(15) {
    z-index: 16; }
  .member-select:nth-child(16) {
    z-index: 15; }
  .member-select:nth-child(17) {
    z-index: 14; }
  .member-select:nth-child(18) {
    z-index: 13; }
  .member-select:nth-child(19) {
    z-index: 12; }
  .member-select:nth-child(20) {
    z-index: 11; }
  .member-select:nth-child(21) {
    z-index: 10; }
  .member-select:nth-child(22) {
    z-index: 9; }
  .member-select:nth-child(23) {
    z-index: 8; }
  .member-select:nth-child(24) {
    z-index: 7; }
  .member-select:nth-child(25) {
    z-index: 6; }
  .member-select:nth-child(26) {
    z-index: 5; }
  .member-select:nth-child(27) {
    z-index: 4; }
  .member-select:nth-child(28) {
    z-index: 3; }
  .member-select:nth-child(29) {
    z-index: 2; }
  .member-select:nth-child(30) {
    z-index: 1; }
  .member-select:hover .member-picture .profile-image:before {
    box-shadow: inset 0 0 0 2px #C6579A; }
  .member-select input[type="checkbox"] {
    position: absolute;
    z-index: -1;
    visibility: hidden; }
    .member-select input[type="checkbox"]:checked ~ .member-picture .profile-image:before {
      box-shadow: inset 0 0 0 2px #C6579A; }
  .member-select .member-picture {
    display: block; }
    .member-select .member-picture .profile-image {
      border: 2px solid white; }
      .member-select .member-picture .profile-image:before {
        content: ' ';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        display: block;
        width: 100%;
        height: 100%;
        box-shadow: inset 0 0 0 0 #C6579A;
        border-radius: 50%;
        -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
      .member-select .member-picture .profile-image-xxs {
        width: 17px;
        height: 17px; }
      .member-select .member-picture .profile-image-sm {
        width: 29px;
        height: 29px; }
      .member-select .member-picture .profile-image-md {
        width: 35px;
        height: 35px; }

.members-count {
  display: block;
  cursor: pointer;
  width: 30px;
  height: 30px;
  margin: 0 6px;
  margin-right: 0;
  border-radius: 50%;
  border: 1px dashed #eeeeee;
  line-height: 30px;
  vertical-align: middle;
  text-align: center;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .members-count:hover {
    border: 1px solid #C6579A; }

.extra-members {
  display: none;
  position: absolute;
  z-index: 101;
  top: 30px;
  right: 0;
  background: #fff;
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
  padding: 12px 0 0;
  border-radius: 0.25rem;
  width: 220px; }

.extra-members-wrapper {
  position: relative;
  display: inline-block; }
  .extra-members-wrapper.show-extra-members .extra-members {
    display: block;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden; }
    .extra-members-wrapper.show-extra-members .extra-members .member-select {
      display: block;
      text-align: left;
      margin-bottom: 0;
      padding: 0 10px; }
      .extra-members-wrapper.show-extra-members .extra-members .member-select.member-select-disabled {
        background: #eeeeee; }
      .extra-members-wrapper.show-extra-members .extra-members .member-select:hover .member-picture:after,
      .extra-members-wrapper.show-extra-members .extra-members .member-select input:checked ~ .member-picture:after {
        position: absolute;
        left: 5px;
        top: 0;
        bottom: 0;
        border-left: 5px solid #d789b8;
        content: ''; }
  .extra-members-wrapper.show-extra-members .members-count {
    color: #aaaaaa;
    border: 1px solid #fff; }

.recording-link {
  opacity: 0.8;
  cursor: pointer; }
  .recording-link .icon use {
    fill: #C6579A; }
  .recording-link:hover {
    opacity: 1; }

.recording-iframe {
  width: 100%;
  height: 60px;
  border: 0;
  margin: 0;
  padding: 0; }

.header-actions .dropdown-menu {
  max-width: 150px;
  z-index: 1111; }

.selectmod .switch-value-background {
  background: #1db764 !important;
  opacity: 1; }

.selectmod .switch-value-background span {
  color: red; }

.selectmod .switch-control input:not(:checked) ~ .switch-labels span:first-child {
  color: white; }

.selectmod .switch-control input:checked ~ .switch-labels span:first-child {
  color: #57626c; }

.selectmod .switch-control input:checked ~ .switch-labels span:last-child {
  color: white; }

.profile-img-modifier {
  background: none;
  border-radius: 0; }

.inline-transfer {
  display: block;
  width: 100%;
  clear: right; }
  .inline-transfer input {
    float: left;
    display: inline-block;
    width: 71%; }
  .inline-transfer a {
    float: left;
    padding: 5px 13px; }

.custom-modal .modal-content .modal-scroll {
  width: 100%; }

.truncate {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.borderedbox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.labelcolor {
  color: #0d0d0d; }

.chart-lg {
  padding-bottom: 38px; }
  @media (min-width: 1560px) {
    .chart-lg {
      padding-bottom: 27px; } }

.no-back-color {
  background: transparent; }

.attachment-icon {
  background: white;
  border-radius: 50px;
  padding: 3px;
  text-align: center;
  display: inline-block;
  line-height: 15px; }

.attachment-icon > svg {
  fill: #355f2a; }

@media (min-width: 544px) {
  #past-communications-content .refactored-card .card-table-block .row > div[class*="col-"], #past-communications-content .refactored-card .card-table-block .stat-grid > div[class*="col-"], #past-communications-content .refactored-card .card-table-block .widget-grid > div[class*="col-"] {
    padding: 24px;
    float: none;
    display: table-cell;
    border-right: 1px solid #e2e5e9;
    vertical-align: top;
    width: 25%; }
    #past-communications-content .refactored-card .card-table-block .row > div[class*="col-"]:last-of-type, #past-communications-content .refactored-card .card-table-block .stat-grid > div[class*="col-"]:last-of-type, #past-communications-content .refactored-card .card-table-block .widget-grid > div[class*="col-"]:last-of-type {
      border-right: 0px; } }

@media (max-width: 991px) {
  #past-communications-content .refactored-card .card-table-block .row > div[class*="col-"], #past-communications-content .refactored-card .card-table-block .stat-grid > div[class*="col-"], #past-communications-content .refactored-card .card-table-block .widget-grid > div[class*="col-"] {
    float: left; } }

@media (max-width: 543px) {
  #past-communications-content .refactored-card .card-table-block .row > div[class*="col-"], #past-communications-content .refactored-card .card-table-block .stat-grid > div[class*="col-"], #past-communications-content .refactored-card .card-table-block .widget-grid > div[class*="col-"] {
    border-bottom: 1px solid #e2e5e9; } }

#contact-center-main-content .refactored-card .card-table-block .row > div[class*="col-"], #contact-center-main-content .refactored-card .card-table-block .stat-grid > div[class*="col-"], #contact-center-main-content .refactored-card .card-table-block .widget-grid > div[class*="col-"],
#upcoming-scheduled-comunications .refactored-card .card-table-block .row > div[class*="col-"],
#upcoming-scheduled-comunications .refactored-card .card-table-block .stat-grid > div[class*="col-"],
#upcoming-scheduled-comunications .refactored-card .card-table-block .widget-grid > div[class*="col-"] {
  padding: 24px; }

.row.chartsection button.btn-secondary-outline, .chartsection.stat-grid button.btn-secondary-outline, .chartsection.widget-grid button.btn-secondary-outline {
  border: 0px;
  left: 0; }

.remove-lead-from-other-campaigns .k-radio:checked + .k-radio-label:before,
.remove-lead-from-other-campaigns .k-radio:checked + .k-radio-label:hover:before {
  border-color: #C6579A; }

.remove-lead-from-other-campaigns .k-radio:checked + .k-radio-label:after {
  background-color: #C6579A; }

.remove-lead-from-other-campaigns .k-radio:checked + .k-radio-label:hover:before,
.remove-lead-from-other-campaigns .k-radio:checked + .k-radio-label:active:before {
  box-shadow: 0 0 0 1px rgba(198, 87, 154, 0.1); }

.remove-lead-from-other-campaigns .k-radio:focus + .k-radio-label:before,
.remove-lead-from-other-campaigns .k-radio + .k-radio-label:active:before,
.remove-lead-from-other-campaigns .k-radio + .k-radio-label:hover:before {
  border-color: #C6579A;
  box-shadow: 0 0 0 1px rgba(198, 87, 154, 0.1); }

.remove-lead-from-other-campaigns .k-radio-label {
  line-height: 1.5em;
  box-sizing: unset; }

.k-grouping-header .k-group-indicator {
  background-color: #C6579A;
  border-color: #FFA300; }

.nav-tabs .nav-link.active {
  border-color: #FFA300; }

.k-grouping-header {
  background-color: #fafafa; }

.k-column-menu .k-sprite {
  margin-right: 22px; }

.k-grid-header .k-header-column-menu .k-i-arrowhead-s {
  background-position: 0px -224px; }

.k-menu .k-item > .k-link > .k-i-arrow-e {
  right: 1.143rem; }

li.k-item[role='menuitem'] {
  padding: 0px !important;
  border: hidden !important; }

label.quick-call-save-call-error.field-validation-error, label.quick-text-save-disposition-error.field-validation-error, label.quick-text-save-disposition-success {
  display: inline; }

[binding-override-section] .k-widget {
  width: 100% !important; }

[binding-override-section] .k-widget,
[binding-override-section] .k-dropdown-wrap {
  box-sizing: border-box !important; }

@media (min-width: 768px) {
  div[user-types-no-visible-items] {
    text-align: center;
    padding-top: 10%;
    white-space: nowrap; } }

@media (max-width: 767px) {
  div[user-types-no-visible-items] {
    text-align: center;
    padding-top: 10%;
    padding-left: 7%;
    padding-right: 7%; } }

@media (min-width: 768px) {
  .profile-information-wrapper.profile-information-status-available,
  .profile-information-wrapper.profile-information-status-busy,
  .profile-information-wrapper.profile-information-status-offline {
    width: 190px; } }

@media (min-width: 768px) {
  .list-fixed-width {
    width: 600px; } }

.sessionwarning,
.sessionerror {
  position: absolute;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  display: none;
  z-index: 999999; }

.sessionerror {
  background: transparent; }

.sessionwarning.showwarning,
.sessionerror.showerror {
  display: inline-block; }

.sessionwarningcontent {
  position: absolute;
  top: calc(50vh - 150px);
  height: 300px;
  left: calc(50vw - 300px);
  width: 600px;
  background: #FFF;
  border-radius: 5px;
  padding: 30px;
  text-align: center;
  color: #303a44;
  font-family: Roboto, Helvetica, Arial, sans-serif; }

.sessionerrorcontent {
  position: absolute;
  top: -70px;
  left: 0;
  right: 0;
  height: 60px;
  text-align: center;
  color: #303a44;
  background: #FFF;
  font-family: Roboto, Helvetica, Arial, sans-serif;
  transition-property: top;
  transition-duration: .5s;
  padding-top: 10px; }

.sessionerror.showerror .sessionerrorcontent {
  top: 0; }

.sessionwarningcontent h1 {
  font-size: 30px;
  color: #303a44;
  font-weight: 200;
  padding: 10px; }

.sessionwarning .sessionremaining,
.sessionerrorcontent .sessionexit {
  color: #5099de;
  font-weight: 700; }

.sessionerrorcontent .sessionexit {
  cursor: pointer; }

.sessionwarning .sessionsubmit {
  padding-top: 30px; }

.sessionwarning .sessionsubmit span {
  background: #5099de;
  border-radius: 5px;
  margin-top: 50px;
  padding: 10px 14px;
  font-weight: 700;
  color: #FFF;
  font-size: 18px;
  cursor: pointer; }

.notetemplate {
  display: block;
  width: 100%;
  padding: 0;
  padding-right: 26px;
  padding-left: 20px;
  position: relative;
  margin-left: -20px;
  margin-bottom: 10px;
  word-break: break-word; }

.notetemplate.collapsed {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: unset;
  max-height: unset; }

.notetemplate label {
  margin: 0 !important; }

.notetemplate .expand-note {
  position: absolute;
  right: 3px;
  top: 2px; }

.notetemplate .c-radio {
  position: absolute;
  left: 0px;
  top: 3px; }

.notetemplate .c-indicator {
  width: 1rem;
  height: 1rem; }

.selectableconversation {
  display: block;
  width: 100%;
  padding: 0;
  padding-right: 0px;
  padding-left: 20px;
  position: relative;
  margin-left: -20px;
  margin-bottom: 10px;
  word-break: break-word; }

.selectableconversation.collapsed {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: unset;
  max-height: unset; }

.selectableconversation label {
  margin: 0 !important; }

.selectableconversation .expand-note {
  position: absolute;
  right: 3px;
  top: 2px; }

.selectableconversation .c-radio {
  position: absolute;
  left: 0px;
  top: 3px; }

.selectableconversation .c-indicator {
  width: 1rem;
  height: 1rem; }

.quick-call-modal #note-templates {
  margin-top: -3px; }

.noscroll {
  overflow: hidden !important; }

.k-grid-custom-header {
  background-color: white;
  padding-bottom: 24px;
  padding-top: 24px;
  padding-left: 36px;
  padding-right: 36px;
  margin-left: 0px;
  margin-right: 0px; }

.k-grid-custom-header .page-title {
  color: black;
  font-weight: bold; }

.matchestitle {
  color: #f15b17;
  font-size: 18px;
  font-weight: 700; }

.videocontrol {
  position: relative;
  display: inline-block;
  height: 52px;
  width: 100%;
  border-radius: 8px; }
  .videocontrol .greetingactions,
  .videocontrol .greetingrecorder {
    display: none; }
  .videocontrol .videotimeline {
    width: 400px;
    height: 20px;
    background: #4200f7;
    margin-top: 20px;
    float: left;
    border-radius: 15px; }
  .videocontrol .videoplayhead {
    position: absolute;
    left: 50px;
    right: 50px;
    top: 40px;
    height: 3px;
    background: #dadada;
    display: inline-block; }
    .videocontrol .videoplayhead .videoprogress {
      position: absolute;
      top: 0;
      content: '';
      background: #008000;
      width: 0;
      height: 3px;
      display: inline-block; }
  .videocontrol .playvideo,
  .videocontrol .pausevideo {
    border: 2px solid #008000;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 6px;
    height: 35px;
    width: 35px;
    margin: 10px; }
    .videocontrol .playvideo .icon-play,
    .videocontrol .pausevideo .icon-play {
      margin-left: 1px; }
  .videocontrol .pausevideo {
    border: 2px solid #f15b17; }
  .videocontrol .playvideo use {
    fill: #008000; }
  .videocontrol .pausevideo use {
    fill: #f15b17; }
  .videocontrol .pausevideo {
    display: none; }
  .videocontrol .duration {
    position: absolute;
    top: 22px;
    right: 52px; }
  .videocontrol.isplaying .playvideo {
    display: none; }
  .videocontrol.isplaying .pausevideo {
    display: inline-block; }
  .videocontrol .greetingrecorder .videoplayhead {
    right: 10px; }
  .videocontrol .greetingrecorder .duration {
    right: 60px;
    top: 24px; }
  .videocontrol .upload-greeting-file {
    right: 30px; }
  .videocontrol textarea {
    width: 100%;
    resize: none; }

.videocontrol:hover .greetingactions {
  position: absolute;
  top: -10px;
  right: 0;
  height: 32px;
  background: #FFF;
  text-align: right;
  display: inline-block; }
  .videocontrol:hover .greetingactions svg {
    margin: 8px 5px; }
    .videocontrol:hover .greetingactions svg use {
      fill: #888888; }
    .videocontrol:hover .greetingactions svg:hover use {
      fill: #008000; }

.audiogreeting {
  background: #fafafa;
  width: calc(100% - 5px); }

.textgreeting .deletegreeting,
.audiogreeting .editgreeting {
  display: none; }

.videocontrol.editmode svg {
  display: none; }

.videocontrol.recordingmode .greetingactions,
.videocontrol.recordingmode .editgreetingcontainer,
.videocontrol.recordingmode .video-timeline {
  display: none; }

.videocontrol.recordingmode .greetingrecorder {
  display: block; }

.videocontrol.recordingmode .pausevideo {
  animation: blinker 1.5s cubic-bezier(0.5, 0, 1, 1) infinite alternate; }

.videocontrol.recordingmode .playrecording {
  animation: none; }

.videocontrol.recordingmode .greetingrecorder .uploadgreeting,
.videocontrol.recordingmode .greetingrecorder .deletegreeting {
  position: absolute;
  top: 20px;
  right: 10px;
  display: inline-block; }

.videocontrol.recordingmode .greetingrecorder .uploadgreeting {
  right: 35px; }

@keyframes blinker {
  from {
    opacity: 1; }
  to {
    opacity: 0.2; } }

.text-content-max-length-countdown {
  display: inline-block;
  vertical-align: middle;
  float: right;
  font-size: 0.75rem;
  color: #aaaaaa; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.margin-xs {
  margin: 3px; }

.margin-top-md {
  margin-top: 25px; }

.cursor-pointer {
  cursor: pointer; }

.truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.button-instruction {
  vertical-align: bottom;
  display: inline;
  padding: 10px; }

[switch-to-text] > li:before,
[switch-to-voice] > li:before {
  content: '\21AC';
  padding-right: 1em;
  color: #C6579A;
  font-size: x-large; }

[switch-to-text] > li[warning]:before,
[switch-to-voice] > li[warning]:before {
  color: #f15b17; }

ul[switch-to-text],
ul[switch-to-voice] {
  list-style: none;
  margin-left: 0;
  padding-left: 1em;
  text-indent: -1em;
  font-weight: 600; }

label[recording-instructions] {
  color: #57626c;
  font-size: 0.685rem;
  position: absolute;
  margin-top: 12px; }

.lead-content-viewer {
  position: absolute;
  right: 12px;
  top: 12px; }

.campaign-content-viewer {
  position: absolute;
  right: 25px; }

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

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

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

.height110 {
  height: 110px; }

.k-group.k-menu-group {
  max-height: 500px !important; }

.padding-left-48 {
  padding-left: 48px; }

.icon use.reminder-icon-fill {
  fill: #f0f0f0; }

.reminder-icon-padding {
  padding-left: 12px; }

.padding-bottom-xs {
  padding-bottom: 4px; }

.padding-bottom-sm {
  padding-bottom: 6px; }

.padding-top-down-10 {
  padding: 10px 0px !important; }

.padding-10 {
  padding: 10px !important; }

.background-color-light-green {
  background-color: #e8fdec; }

.small-font {
  font-size: small; }

.table-header {
  font-size: small;
  color: gray; }

h3.more-bold {
  font-weight: 600; }

.important-information {
  font-size: smaller;
  color: darkorange; }

.active-enrollment-workflow-step, .active-status-change-workflow-step {
  color: #C6579A;
  font-weight: 700; }

.status-change-grid {
  height: calc(100vh - var(--page-top-height, 0px) - 72px); }

.status-change-grid__edit-action {
  margin-left: 12px; }

#status-change-workflow-header-content .status-change-header__title {
  opacity: 0.8;
  padding-bottom: 8px;
  text-decoration: underline; }

#status-change-workflow-header-content .status-change-header__meta {
  opacity: 0.8; }

#status-change-workflow-header-content .status-change-stepper {
  position: relative;
  padding: 6px 12px;
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-radius: 8px; }

#status-change-workflow-header-content .status-change-stepper__steps {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  position: relative;
  z-index: 1; }

#status-change-workflow-header-content .status-change-stepper__separator {
  color: #aaaaaa;
  font-size: 0.9rem; }

#status-change-workflow-header-content .status-change-step {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 999px; }

#status-change-workflow-header-content .status-change-stepper__progress {
  margin-top: 6px;
  height: 4px;
  background: #eeeeee;
  border-radius: 999px;
  overflow: hidden; }

#status-change-workflow-header-content .status-change-stepper__progress-fill {
  height: 100%;
  background: #C6579A;
  width: 0; }

#status-change-workflow-header-content .active-status-change-workflow-step {
  background: #C6579A;
  color: #fff; }

#status-change-workflow-main-content .status-change-step {
  padding-top: 2vh; }

#status-change-workflow-main-content .status-change-step__actions {
  margin-top: 20px; }

#status-change-workflow-main-content .status-change-publish-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px; }

#status-change-workflow-main-content .status-change-publish-toggle {
  width: 124px; }

#status-change-workflow-main-content .status-change-publish-date {
  margin-right: auto;
  margin-bottom: 0.5rem; }

#status-change-workflow-main-content .status-change-card {
  background: #fff;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 12px 18px;
  margin-bottom: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04); }

#status-change-workflow-main-content .status-change-card__header {
  font-weight: 600;
  color: #888888;
  margin-bottom: 6px; }

#status-change-workflow-main-content .status-change-transition-copy {
  margin-bottom: 6px;
  color: #888888; }

#status-change-workflow-main-content .status-change-transition-row {
  align-items: center; }

#status-change-workflow-main-content .status-change-preview {
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.04); }

#status-change-workflow-main-content .status-change-preview__title {
  font-weight: 600;
  color: #6d6c6d;
  margin-bottom: 6px; }

#status-change-workflow-main-content .status-change-preview__row {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  margin-bottom: 6px; }

#status-change-workflow-main-content .status-change-preview__label {
  font-size: 0.625rem;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 0.04em; }

#status-change-workflow-main-content .status-change-preview__value {
  font-weight: 600;
  color: #424242;
  text-align: right; }

#status-change-workflow-main-content .status-change-preview__sentence {
  margin: 6px 0;
  color: #888888; }

#status-change-workflow-main-content .status-change-preview__section {
  margin-top: 12px; }

#status-change-workflow-main-content .status-change-preview__section-title {
  font-size: 0.625rem;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 3px; }

#status-change-workflow-main-content .status-change-preview__list {
  margin: 0;
  padding-left: 12px;
  color: #6d6c6d; }

#status-change-workflow-main-content .status-change-preview__list li {
  margin-bottom: 3px; }

#status-change-workflow-main-content .status-change-preview__empty {
  font-size: 0.75rem; }

#status-change-workflow-main-content .status-change-summary-title {
  margin-bottom: 12px;
  color: #6d6c6d; }

#status-change-workflow-main-content .status-change-summary-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px; }

#status-change-workflow-main-content .status-change-summary-edit {
  position: relative;
  border: 1px solid #cccccc;
  background: #fff;
  border-radius: 999px;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #424242;
  overflow: hidden;
  transition: background 0.4s ease, border-color 0.4s ease, color 0.4s ease, box-shadow 0.5s ease; }
  #status-change-workflow-main-content .status-change-summary-edit::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #C6579A;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1; }
  #status-change-workflow-main-content .status-change-summary-edit::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: linear-gradient(to top, #c6579a 0%, rgba(198, 87, 154, 0.9) 70%, rgba(198, 87, 154, 0.2) 100%);
    transition: height 0.5s ease;
    z-index: 0; }
  #status-change-workflow-main-content .status-change-summary-edit:hover, #status-change-workflow-main-content .status-change-summary-edit:focus {
    border-color: #C6579A;
    color: #fff;
    box-shadow: 0 8px 16px rgba(198, 87, 154, 0.25), 0 0 12px rgba(198, 87, 154, 0.2); }
    #status-change-workflow-main-content .status-change-summary-edit:hover::after, #status-change-workflow-main-content .status-change-summary-edit:focus::after {
      height: 100%; }
    #status-change-workflow-main-content .status-change-summary-edit:hover::before, #status-change-workflow-main-content .status-change-summary-edit:focus::before {
      opacity: 1;
      transition-delay: 0.25s; }

#status-change-workflow-main-content .status-change-summary-edit .fa-pen {
  position: relative;
  z-index: 2;
  font-size: 1rem;
  transition: transform 0.4s ease; }

#status-change-workflow-main-content .status-change-summary-edit:hover .fa-pen,
#status-change-workflow-main-content .status-change-summary-edit:focus .fa-pen {
  transform: scale(2); }

#status-change-workflow-main-content .status-change-summary-body {
  display: grid;
  gap: 6px;
  color: #424242; }

#status-change-workflow-main-content .status-change-summary-body .text-muted {
  color: #424242; }

#status-change-workflow-main-content .status-change-summary-row {
  display: grid;
  grid-template-columns: minmax(140px, 200px) 1fr;
  gap: 12px;
  align-items: start; }

#status-change-workflow-main-content .status-change-summary-label {
  font-size: 0.625rem;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 0.04em; }

#status-change-workflow-main-content .status-change-summary-value {
  font-weight: 600;
  color: #424242;
  overflow-wrap: anywhere; }

#status-change-workflow-main-content .status-change-summary-divider {
  height: 1px;
  background: #f5f5f5;
  margin: 12px 0; }

#status-change-workflow-main-content .status-change-summary-subsection {
  display: grid;
  gap: 3px; }

#status-change-workflow-main-content .status-change-summary-subsection + .status-change-summary-subsection {
  margin-top: 12px; }

#status-change-workflow-main-content .status-change-summary-subtitle {
  font-size: 0.625rem;
  color: #888888;
  text-transform: uppercase;
  letter-spacing: 0.04em; }

#status-change-workflow-main-content .status-change-summary-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  max-height: 160px;
  overflow-y: auto;
  padding-right: 4px; }

#status-change-workflow-main-content .status-change-summary-tag {
  background: #fafafa;
  border: 1px solid #eeeeee;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 0.75rem;
  color: #424242; }

#status-change-workflow-main-content .status-change-summary-tag--inline {
  display: inline-flex;
  align-items: center;
  margin-left: 6px;
  padding: 2px 10px;
  vertical-align: middle; }

#status-change-workflow-main-content .status-change-summary-list {
  margin: 0;
  padding-left: 12px;
  color: inherit; }

#status-change-workflow-main-content .status-change-summary-list li {
  margin-bottom: 3px; }

#status-change-workflow-main-content .status-change-summary-conditions {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 6px; }

#status-change-workflow-main-content .status-change-summary-conditions li {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 12px;
  border: 1px solid #f5f5f5;
  border-radius: 10px;
  background: #fafafa;
  color: inherit; }

#status-change-workflow-main-content .status-change-summary-and {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  height: 22px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(198, 87, 154, 0.12);
  color: #C6579A;
  font-size: 0.625rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  flex: 0 0 auto; }

#status-change-workflow-main-content .status-change-summary-condition-text {
  flex: 1 1 auto; }

#status-change-workflow-main-content .status-change-summary-table {
  margin-bottom: 0; }

#status-change-workflow-main-content .status-change-summary-body .table,
#status-change-workflow-main-content .status-change-summary-body .table th,
#status-change-workflow-main-content .status-change-summary-body .table td {
  color: inherit; }

#status-change-workflow-main-content .condition-and-pill {
  text-align: center;
  margin: 10px 0;
  position: relative;
  z-index: 2; }

#status-change-workflow-main-content .condition-and-pill__label {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 20px;
  font-weight: 500;
  font-size: 13px; }

#status-change-workflow-main-content .condition-row-wrapper {
  position: relative;
  margin-bottom: 15px;
  z-index: 2;
  background: transparent; }

#status-change-workflow-main-content .status-change-conditions {
  position: relative;
  background: transparent; }

#status-change-workflow-main-content .status-change-condition-rows {
  margin-bottom: 20px;
  position: relative;
  z-index: 1; }

#status-change-workflow-main-content .status-change-condition-row {
  align-items: center;
  position: relative;
  z-index: 2;
  margin-top: 24px;
  margin-bottom: 24px;
  padding: 24px 0;
  border: 1px solid #dfdddd;
  border-radius: 6px;
  box-shadow: 2px 6px 10px 0 #f3f3f3;
  background: #fff; }

#status-change-workflow-main-content .status-change-condition-cell {
  position: relative;
  z-index: 2;
  background: #fff; }

#status-change-workflow-main-content .status-change-condition-label {
  font-weight: 600;
  margin-bottom: 5px;
  display: block; }

#status-change-workflow-main-content .status-change-condition-field,
#status-change-workflow-main-content .status-change-operator-field {
  position: relative;
  z-index: 2;
  background: #fff; }

#status-change-workflow-main-content .status-change-condition-row .k-widget {
  position: relative;
  z-index: 2;
  background: #fff; }

#status-change-workflow-main-content .status-change-value-container {
  display: flex;
  align-items: center;
  gap: 10px; }

#status-change-workflow-main-content .status-change-value-input {
  flex: 1;
  position: relative;
  z-index: 2;
  background: #fff; }

#status-change-workflow-main-content .status-change-boolean-display {
  flex: 1;
  position: relative;
  z-index: 2;
  background: #fff;
  border: 1px solid #ccc;
  padding: 6px 12px; }

#status-change-workflow-main-content .status-change-condition-remove {
  padding: 5px 10px;
  margin-left: 5px; }

#status-change-workflow-main-content .status-change-no-conditions {
  padding: 20px;
  text-align: center; }

#status-change-workflow-main-content .status-change-add-condition {
  text-align: center;
  margin-top: 20px;
  position: relative;
  z-index: 2; }

#status-change-workflow-main-content .status-change-add-condition__button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
  margin-top: 20px; }

#status-change-workflow-main-content .status-change-add-condition__icon {
  font-size: 18px; }

#status-change-workflow-main-content .status-change-connector {
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  border-left: 2px dotted #ccc;
  transform: translateX(-50%);
  pointer-events: none;
  z-index: 0;
  display: none; }

#status-change-workflow-main-content .status-change-table {
  border-radius: 6px;
  overflow: hidden; }

#status-change-workflow-main-content .status-change-table__field {
  min-width: 120px; }

#status-change-workflow-main-content .status-change-table__source {
  min-width: 260px;
  width: 40%; }

#status-change-workflow-main-content .status-change-table__withdrawal {
  min-width: 260px;
  width: 20%; }

#status-change-workflow-main-content .status-change-table__cell {
  vertical-align: middle; }

#status-change-workflow-main-content .status-change-required-label {
  margin-left: 6px;
  background: transparent;
  border: 1px solid rgba(241, 91, 23, 0.5);
  color: #f15b17;
  border-radius: 999px;
  font-size: 0.625rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding: 1px 8px; }

#status-change-workflow-main-content .status-change-source-offset-row {
  display: flex;
  align-items: center;
  flex-wrap: nowrap; }

#status-change-workflow-main-content .status-change-source-minwidth {
  min-width: 250px; }

#status-change-workflow-main-content .status-change-offset-container {
  display: flex;
  align-items: center;
  margin-left: 8px; }

#status-change-workflow-main-content .status-change-offset-label--leading {
  margin-right: 6px; }

#status-change-workflow-main-content .status-change-offset-label--trailing {
  margin-left: 6px; }

#status-change-workflow-main-content .status-change-offset-input {
  width: 90px; }

#status-change-workflow-main-content .status-change-required-row td:first-child {
  position: relative;
  padding-left: 18px; }

#status-change-workflow-main-content .status-change-required-rail {
  position: absolute;
  left: 6px;
  top: 12px;
  bottom: 12px;
  width: 4px;
  border-radius: 999px;
  background: #f15b17; }

@media (max-width: 991px) {
  #status-change-workflow-main-content .status-change-preview {
    margin-top: 12px; }
  #status-change-workflow-main-content .status-change-summary-row {
    grid-template-columns: 1fr; } }

.content-padding-grid {
  padding: 12px 24px 12px 24px; }
  .content-padding-grid-sm {
    padding: 6px 24px; }

.content-grid-column-header {
  color: #888888;
  font-size: small; }

.btn-sm, .scoped-bs4 .btn-group-sm > .btn, .reports-table .k-header.k-grid-top .scoped-bs4 .btn-group-sm > button.k-button, .btn-group-sm > .btn, .reports-table .k-header.k-grid-top .btn-group-sm > button.k-button,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 12px; }

.btn-xs {
  padding: 1px 8px; }

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

.application-summary-section {
  background: #fafafa;
  border-radius: 8px; }

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  display: block;
  color: #aaaaaa; }

.survey-editor--widget {
  border: 1px solid #eeeeee;
  border-radius: 4px;
  margin-bottom: 16px; }
  .survey-editor--widget--body {
    padding: 24px; }
    .survey-editor--widget--body--editor {
      padding: 0; }
      .survey-editor--widget--body--editor .k-editor-inline.k-editor {
        padding: 24px; }
  .survey-editor--widget--control-bar {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    cursor: move;
    padding: 4px; }
  .survey-editor--widget--min-height {
    min-height: 180px; }

.document-widget-page-break:before,
.document-widget-page-break:after {
  content: ' ';
  position: absolute;
  overflow: hidden;
  width: 100%;
  border: #2c809a 1px dashed; }

.document-widget-page-break:before {
  left: 0%;
  top: -13%; }

.document-widget-page-break:after {
  bottom: -20%;
  left: 0%; }

.document-widget-page-break {
  font-size: 20px;
  color: #2c809a; }

#drop-target *, [draggable-drop-zone] * {
  transition: none; }

[draggable-drop-zone].collapse[aria-expanded="false"] * {
  display: none; }

.form-editor.draggable.control-bar-icon {
  padding: 3px;
  padding-left: 8px;
  display: inline-block; }

.form-editor.draggable.control-bar-icon-color {
  color: #C6579A; }

.form-editor.draggable.control-bar {
  min-height: 20px;
  background-color: #f5f5f5;
  cursor: move; }

.icon-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle; }
  .icon-dropdown .dropdown-menu {
    padding: 0;
    margin: 0;
    max-width: 160px; }
    .icon-dropdown .dropdown-menu .dropdown-header {
      padding: 8px 16px;
      font-size: 0.75rem;
      text-transform: none;
      font-weight: 500; }
    .icon-dropdown .dropdown-menu li {
      border-bottom: 1px solid #eeeeee; }
      .icon-dropdown .dropdown-menu li:last-child {
        border-bottom: none; }
    .icon-dropdown .dropdown-menu--option {
      display: block;
      width: 100%;
      padding: 8px 16px;
      background: none;
      border: none; }
      .icon-dropdown .dropdown-menu--option:hover {
        background: #fafafa; }

.sidebar-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px; }
  .sidebar-title h4 {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0; }

.help-text {
  margin-bottom: 8px; }

.survey-title {
  margin-bottom: 24px; }
  .survey-title h2 {
    display: inline-block;
    vertical-align: bottom;
    margin: 0; }

.draggable-list--category-title {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  color: #424242; }
  .draggable-list--category-title.collapsed .icon-r {
    transform: rotate(0); }
  .draggable-list--category-title--label {
    position: relative;
    z-index: 1;
    padding-right: 8px;
    font-size: 0.75rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    vertical-align: middle;
    background: #fff; }
  .draggable-list--category-title .icon-r {
    position: relative;
    z-index: 1;
    background: #fff;
    transform: rotate(180deg); }

.draggable-list--list-items-wrapper {
  padding-bottom: 16px; }

.draggable-list--list-item {
  padding: 12px;
  background: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: move; }
  .draggable-list--list-item .icon-r {
    margin-right: 12px; }
  .draggable-list--list-item + .draggable-list--list-item {
    margin-top: 8px; }
  .draggable-list--list-item:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .draggable-list--list-item--illustration {
    text-align: center; }
    .draggable-list--list-item--illustration .icon-r {
      margin: 16px; }
  .draggable-list--list-item--label {
    display: inline-block;
    width: calc(100% - 32px);
    vertical-align: middle; }
  .draggable-list--list-item--full-label {
    display: block;
    text-align: center;
    font-weight: bold; }

.draggable-list--section-item {
  position: relative;
  padding: 16px;
  background: #f5f5f5;
  border-radius: 4px;
  margin-bottom: 8px;
  height: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: move; }
  .draggable-list--section-item--move-icon {
    position: absolute;
    top: 16px;
    left: 16px; }
  .draggable-list--section-item:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .draggable-list--section-item--illustration {
    text-align: center; }
    .draggable-list--section-item--illustration .icon-r {
      margin: 16px; }
  .draggable-list--section-item--label {
    display: block;
    text-align: center;
    font-weight: bold; }

.draggable-list + .draggable-list {
  border-top: 1px solid #f5f5f5; }

.document-preview-modal {
  display: flex;
  justify-content: center; }
  .document-preview-modal .preview-item-wrapper label {
    display: block;
    font-size: 0.75rem;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 8px; }
  .document-preview-modal .form-group {
    margin-bottom: 24px; }
  .document-preview-modal .k-input, .document-preview-modal input.k-textbox, .document-preview-modal textarea.k-textbox, .document-preview-modal input.k-textbox:hover, .document-preview-modal textarea.k-textbox:hover, .document-preview-modal .k-textbox > input, .document-preview-modal .k-multiselect-wrap, .document-preview-modal .custom-select {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #dedede;
    background: #f5f5f5;
    border-radius: 2px;
    padding: 8px 0; }
    .document-preview-modal .k-input:hover, .document-preview-modal .k-input:focus, .document-preview-modal .k-input:active, .document-preview-modal input.k-textbox:hover, .document-preview-modal input.k-textbox:focus, .document-preview-modal input.k-textbox:active, .document-preview-modal textarea.k-textbox:hover, .document-preview-modal textarea.k-textbox:focus, .document-preview-modal textarea.k-textbox:active, .document-preview-modal input.k-textbox:hover:hover, .document-preview-modal input.k-textbox:hover:focus, .document-preview-modal input.k-textbox:hover:active, .document-preview-modal textarea.k-textbox:hover:hover, .document-preview-modal textarea.k-textbox:hover:focus, .document-preview-modal textarea.k-textbox:hover:active, .document-preview-modal .k-textbox > input:hover, .document-preview-modal .k-textbox > input:focus, .document-preview-modal .k-textbox > input:active, .document-preview-modal .k-multiselect-wrap:hover, .document-preview-modal .k-multiselect-wrap:focus, .document-preview-modal .k-multiselect-wrap:active, .document-preview-modal .custom-select:hover, .document-preview-modal .custom-select:focus, .document-preview-modal .custom-select:active {
      box-shadow: none;
      border-bottom: 1px solid #dedede; }
  .document-preview-modal .preview-signature {
    padding: 24px 0; }

.filter-min-width-value {
  min-width: 200px; }

#PhoneCampaignIds_taglist {
  max-width: 100%; }

.gl-grey-sm {
  font-size: 1.25rem;
  color: #8696a4; }

.display-block {
  display: block; }

.centered {
  text-align: center !important; }

.draggable-list--larger {
  font-size: 24px;
  margin: auto;
  padding: 0 12px;
  border-radius: 6px; }

.hide-icon {
  position: absolute;
  top: 0;
  right: -50px; }

.note.system-message {
  border-color: #ebcccc;
  color: #a94442; }

.image-mms {
  border-radius: 4px;
  border: 3px solid #ddd;
  min-width: 17%;
  margin: 5px;
  width: 23%;
  height: 19%;
  object-fit: contain;
  overflow: hidden; }

.image-mms-lg {
  display: block;
  border-radius: 4px;
  border: 3px solid #ddd;
  min-width: 17%;
  width: 100%;
  height: 100%;
  object-fit: contain;
  overflow: hidden; }

.margin-left-20 {
  margin-left: 20px; }

.margin-right-20 {
  margin-right: 20px; }

.margin-left-10 {
  margin-left: 10px; }

.margin-left-5 {
  margin-left: 5px; }

.margin-right-10 {
  margin-right: 10px; }

.password-requirements {
  padding: 12px;
  border-radius: 6px;
  margin-bottom: 12px; }

.gl-faded-gray-sm {
  font-size: 1rem;
  color: #9eabb6; }

.padding-12 {
  padding: 12px; }

.form-row-border {
  border-bottom: 1px solid #e2e5e9; }
  .form-row-border.custom-field {
    border-bottom: 1px dotted #e2e5e9;
    padding: 12px 12px 0; }
    .form-row-border.custom-field:last-child {
      border-bottom: none; }

.padding-24 {
  padding: 24px; }

input.currency-dollar {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='30px' width='45px'><text x='8' y='23' fill='gray' font-size='16' font-family='arial'>$</text></svg>");
  background-repeat: no-repeat; }

.margin-bottom-sm {
  margin-bottom: 12px; }

#contact-ledger-grid .k-grid td {
  border-left-width: 0; }

[reveal].fa-eye, [reveal].fa-eye-slash {
  color: #C6579A; }

.unset-white-space {
  white-space: unset !important; }

#email-section-editor [data-role='editor'] span[contenteditable='false'] {
  background-color: steelblue;
  padding: 2px 6px;
  border-radius: 12px;
  color: #fff;
  line-height: 24px; }

.noUi-connects {
  border-radius: 16px; }

.noUi-connect {
  background: #C6579A; }

.email-gallery-slider-wrapper {
  margin-bottom: 60px; }

.email-gallery-slider-input {
  width: 96px;
  display: inline-block; }

.email-gallery-slider-control {
  margin-top: 12px; }

.email-gallery-slider-template-resize {
  height: 84px;
  width: 602px;
  background-color: #eeeeee;
  position: sticky;
  top: -36px;
  z-index: 1;
  padding-top: 12px; }

.margin-ten-px {
  margin: 10px; }

.form-control-hint {
  display: inline-block;
  vertical-align: middle;
  float: left;
  font-size: 0.75rem;
  color: #a2afb9; }

.cursor-not-allowed {
  cursor: not-allowed; }

.treenode {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }

ul.treenode {
  margin-left: 25px; }
  ul.treenode:after {
    content: '';
    position: absolute;
    top: 20px;
    bottom: 20px;
    left: 15px;
    border-left: 2px dashed #e2e5e9;
    background: none; }

li.treenode {
  padding: 20px 0 0 40px;
  display: block; }
  li.treenode:first-child {
    padding-top: 0; }
  li.treenode:before {
    content: '';
    position: absolute;
    transform: translateY(50%);
    top: 0;
    bottom: 0;
    left: 15px;
    border-top: 2px dashed #e2e5e9;
    width: 25px;
    background: none; }
  li.treenode:not(.treeroot):after {
    content: '';
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    position: absolute;
    left: 40px;
    bottom: 0;
    right: 0; }
  li.treenode.treeroot:before {
    width: 0;
    left: 65px;
    height: 40px;
    border-left: 2px dashed #e2e5e9;
    border-top-width: 0px;
    top: -30px; }
  li.treenode.treeroot:after {
    content: '';
    width: 20px;
    left: 65px;
    border-bottom: 3px dashed #e2e5e9;
    top: 38px;
    position: absolute; }
  li.treenode.treeroot:not(.nodeexpanded) {
    display: none; }
  li.treenode:not(:first-child):before {
    transform: translateY(calc(50% + 10px)); }
  li.treenode > span {
    padding: 0 8px;
    display: inline-block;
    background: #e2e5e9;
    border-radius: 4px;
    height: 30px;
    line-height: 30px; }
  li.treenode i.expand-icon {
    display: inline-block;
    width: 24px;
    line-height: 24px;
    position: absolute;
    left: 3px;
    top: 28px;
    font-size: 24px;
    text-align: center;
    z-index: 999;
    background: white;
    background: #e2e5e9;
    color: white;
    border-radius: 5px; }
    li.treenode i.expand-icon:hover {
      background: #C6579A; }

.page-actions {
  display: flex;
  position: fixed;
  z-index: 1;
  right: 60px;
  bottom: 60px;
  gap: 12px; }
  .page-actions > * > * {
    box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2); }

.brand-color-lighter {
  background-color: #C6579A;
  filter: brightness(150%); }

.brand-color-lighter2 {
  background-color: #d990bc; }

.border-right-gray {
  border-right: 1px solid #e2e5e9;
  min-height: 50px; }

.border-right-gray-min-height-100 {
  border-right: 1px solid #e2e5e9;
  min-height: 100px; }

.application-error--close {
  position: absolute;
  right: 35px;
  top: 24px;
  opacity: 1; }

.application-error--text {
  background-color: white;
  padding: 24px;
  font-size: 16px;
  font-weight: 500;
  margin: 0 0 16px 0;
  text-align: center;
  border: 1px #f15b17 solid;
  border-radius: 6px;
  display: inline-block;
  width: 100%; }

.email-upload {
  height: 480px;
  border: rgba(198, 87, 154, 0.5) dashed 2px;
  border-radius: 8px; }
  .email-upload:after {
    content: 'Drag a file here to Upload';
    margin: auto;
    font-weight: 600;
    font-size: 16px; }
  .email-upload.k-dropzone-active {
    background-color: rgba(198, 87, 154, 0.5);
    border-color: #C6579A; }
    .email-upload.k-dropzone-active.k-dropzone-hovered {
      background-color: #C6579A; }
    .email-upload.k-dropzone-active:after {
      color: white; }
  .email-upload-iframe {
    border: none;
    border-radius: 8px;
    background-color: white;
    width: 100%; }
  .email-upload-hint {
    display: block;
    text-align: right;
    color: gray; }
    .email-upload-hint-bold {
      font-weight: 500; }

#list-inventory-main-content .refactored-card {
  margin-bottom: 12px; }
  #list-inventory-main-content .refactored-card div[class*="col-"] {
    border-right: 1px solid #e2e5e9;
    display: flex;
    padding: 12px;
    min-width: unset;
    flex-direction: column;
    height: 48px; }
    #list-inventory-main-content .refactored-card div[class*="col-"] button, #list-inventory-main-content .refactored-card div[class*="col-"] div label, #list-inventory-main-content .refactored-card div[class*="col-"] a {
      align-self: center; }
  #list-inventory-main-content .refactored-card div[class*="col-"]:last-of-type {
    border-right: none; }

#list-inventory-main-content [id*='enrollment-instructions'] {
  padding: 12px; }

#checklist-header {
  margin: 0 0 12px 0;
  background-color: #C6579A;
  border-radius: 4px;
  text-align: center;
  height: 50px;
  z-index: 2000;
  color: white;
  font-size: 16px;
  font-weight: 500; }
  #checklist-header label {
    padding: 13px;
    margin: 0; }
  #checklist-header div[class*="col-"] {
    border-right: white 2px solid; }

#checklist-main .refactored-card {
  margin-bottom: 12px; }
  #checklist-main .refactored-card .row, #checklist-main .refactored-card .stat-grid, #checklist-main .refactored-card .widget-grid {
    display: unset; }
  #checklist-main .refactored-card div[class*="col-"] {
    border-right: 1px solid #e2e5e9;
    display: flex;
    padding: 12px;
    min-width: unset;
    flex-direction: column;
    min-height: 64px; }
    #checklist-main .refactored-card div[class*="col-"]:nth-child(2) {
      border-left: 1px solid #e2e5e9;
      margin-left: -1px; }
    #checklist-main .refactored-card div[class*="col-"] button, #checklist-main .refactored-card div[class*="col-"] a {
      align-self: center;
      margin: auto 0; }
  #checklist-main .refactored-card div[class*="col-"]:last-of-type {
    border-right: none; }

#checklist-main [id*='enrollment-checklist-card-'] {
  padding: 12px; }
  #checklist-main [id*='enrollment-checklist-card-'] div[class*="col-"] {
    border-right: none;
    height: 46px; }

#modal-add-edit-checklist .refactored-card div[class*="col-"]:first-of-type {
  padding-left: 24px; }

#modal-add-edit-checklist .refactored-card div[class*="col-"] {
  padding: 12px; }

.refactored-custom-checkbox input[disabled]:checked + span.c-indicator {
  border-color: #484848;
  background: gainsboro; }
  .refactored-custom-checkbox input[disabled]:checked + span.c-indicator:after {
    border-right: 2px solid #4c4c4c;
    border-bottom: 2px solid #4c4c4c; }

.other-team-checklist-item {
  background-color: #e4e4e4;
  border-radius: 2px; }

.margin-top-12 {
  margin-top: 12px; }

.min-height-370 {
  min-height: 370px; }

.no-margin-left {
  margin-left: 0px; }

#ledgers-results-grid tr.k-footer-template td {
  background-color: #1db764; }

.email-address-info {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 220px;
  display: block; }

.instant-email-info-align {
  vertical-align: inherit !important; }

.padding-bottom-12 {
  padding-bottom: 12px; }

.radio-buttons .k-radio:checked + .k-radio-label:before,
.radio-buttons .k-radio:checked + .k-radio-label:hover:before {
  border-color: #C6579A; }

.radio-buttons .k-radio:checked + .k-radio-label:after {
  background-color: #C6579A; }

.radio-buttons .k-radio:checked + .k-radio-label:hover:before,
.radio-buttons .k-radio:checked + .k-radio-label:active:before {
  box-shadow: 0 0 0 1px rgba(198, 87, 154, 0.1); }

.radio-buttons.shifted-sm .k-radio-label:before {
  margin: 7px 0; }

.radio-buttons.shifted-sm .k-radio:checked + .k-radio-label:after {
  top: 11px; }

.radio-buttons .k-radio:focus + .k-radio-label:before,
.radio-buttons .k-radio + .k-radio-label:active:before,
.radio-buttons .k-radio + .k-radio-label:hover:before {
  border-color: #C6579A;
  box-shadow: 0 0 0 1px rgba(198, 87, 154, 0.1); }

.radio-buttons .k-radio-label {
  line-height: 1.5em;
  box-sizing: unset; }

.tooltip-on-disabled-control {
  display: inline-block; }
  .tooltip-on-disabled-control button[disabled],
  .tooltip-on-disabled-control input[disabled],
  .tooltip-on-disabled-control textarea[disabled] {
    pointer-events: none; }

.display-initial {
  display: initial !important; }

.pa-signature-box {
  display: inline-block;
  min-width: 80px;
  max-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  height: 37px;
  line-height: 37px;
  vertical-align: bottom;
  padding-left: 12px;
  margin-right: 12px; }
  .radio-buttons .pa-signature-box {
    width: 243px;
    max-width: 243px; }
  .pa-signature-box.select-signature {
    line-height: 1.5;
    border-bottom: #d0d0d0 1px solid;
    text-align: center; }

.padding-top-6 {
  padding-top: 6px; }

.padding-top-3 {
  padding-top: 3px; }

.padding-top-10 {
  padding-top: 10px; }

.padding-top-13 {
  padding-top: 13px; }

.text-aling-initial {
  text-align: initial; }

.required-text-new-lead {
  float: none;
  font-size: 0.625rem;
  letter-spacing: 0.6px;
  text-transform: uppercase; }

.text-message-keep-header {
  position: sticky;
  top: 0px;
  z-index: 1050;
  background-color: #fff; }

.upcoming-events-wrapper {
  padding-left: 0px; }

#upcoming-event-activity-name {
  display: inline-block;
  width: 370px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis; }

.padding-left-36 {
  padding-left: 36px; }

.padding-left-36-important {
  padding-left: 36px !important; }

.export-to-excel-campaign-manager {
  float: right;
  position: absolute;
  right: 150px; }

.margin-bottom-10 {
  margin-bottom: 10px; }

.margin-bottom-24 {
  margin-bottom: 24px; }

.h-100 {
  height: 100%; }

.scene {
  perspective: 1500px;
  width: 33%;
  height: calc(100% - 65px);
  position: relative;
  display: inline-block; }

.flip-card-face--front {
  overflow-y: scroll; }

.is-flipped .flip-card-face--front, .scene:not(.is-flipped) .flip-card-face--back {
  animation-name: hideFlipped;
  animation-duration: 0;
  animation-fill-mode: forwards;
  animation-delay: 0.7s; }

@keyframes hideFlipped {
  100% {
    height: 0;
    display: none; } }

.scene.sub-card--scroll-auto {
  overflow: auto; }

.flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100%;
  transition: transform 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
  transform-style: preserve-3d; }

.flip-card.is-flipped {
  transform: rotateY(180deg); }

.page-add-button.is-flipped {
  display: none; }

.flip-card-face {
  position: absolute;
  height: 100%;
  width: 100%;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  padding: 24px; }

.flip-card-face--back {
  transform: rotateY(180deg);
  overflow-y: scroll; }

.scene.full-width {
  width: 100%; }

.flip-card-face--sub-card--front {
  position: initial;
  overflow: auto; }

.flip-card.is-flipped .flip-card-face--sub-card--front {
  display: none; }

.flip-card .refactored-card {
  min-height: 100%; }

.flip-card .refactored-card:last-child {
  margin-bottom: 0; }

.card-selected {
  border-left: 12px solid #C6579A;
  border-radius: 0.25rem; }

.refactored-card.nested {
  margin-bottom: 0; }

.refactored-card .card-footer.nested {
  padding: 12px 12px; }

.text-collapse:before {
  margin-top: 12px;
  content: "- Less Information";
  display: block;
  text-align: center; }

.text-collapse.collapsed:before {
  content: "+ More Information"; }

.text-collapse.collapsed:after {
  content: "";
  border-bottom: none; }

.text-collapse:after, .text-collapse.collapsing:after {
  border-bottom: #e2e5e9 1px solid;
  width: 30%;
  content: "";
  display: block;
  margin: 0 auto; }

.text-collapse.even-more.collapsed:before {
  content: "+ Even More Information"; }

.list-selections {
  display: inline-block;
  background: #f4f5f7;
  padding: 3px;
  border-radius: 3px;
  margin: 0 4px 4px 0; }

.card-flex-options {
  display: flex;
  align-content: center;
  justify-content: space-between;
  padding: 16px 0 0 0; }

.scene.is-flipped .page-add-button {
  display: none; }

#marketing-automation-main-content .refactored-card .collapse.in:not(.card-footer-border), #marketing-automation-main-content .refactored-card .collapsing:not(.card-footer-border) {
  border: none; }

#marketing-automation-main-content .refactored-card--body {
  padding-top: 0; }

.marketing-automation--more-information--wrapper {
  padding-top: 12px; }

input.dynamic-width {
  min-width: 10px;
  max-width: 500px;
  border: none;
  border-bottom: 1px solid lightgrey; }

input.dynamic-width:focus {
  outline: none; }

.flip-editor .flip-header {
  color: white;
  padding: 24px;
  font-weight: 400;
  border-radius: 4px 4px 0 0; }

.flip-editor .flip-header.edit {
  background-color: grey; }

.flip-editor .flip-header.create {
  background-color: #C6579A; }

.padding-start-20 {
  padding-inline-start: 20px; }

.pane-instructions {
  display: flex;
  background: white;
  justify-content: center;
  border-radius: 4px;
  margin: 0 48px;
  padding: 48px;
  margin-top: 50%;
  align-items: center;
  align-items: center; }

.inline-selector {
  font-size: 24px;
  color: #C6579A; }

.margin-right-xs {
  margin-right: 4px; }

.margin-left-xs {
  margin-left: 4px; }

.pickr.color-control {
  border: 1px #CACACA solid; }

.padding-left-21 {
  padding-left: 21px; }

.padding-left-10 {
  padding-left: 10px; }

.padding-right-10 {
  padding-right: 10px; }

.padding-right-14 {
  padding-right: 14px; }

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

.padding-right-left-21 {
  padding-left: 21px;
  padding-right: 21px; }

.button-icon {
  margin-right: 4px; }

.btn--icon-add:before {
  content: '+';
  font-size: 18px;
  margin-right: 6px;
  line-height: 0; }

.sub-section--title {
  display: flex; }
  .sub-section--title.title-center {
    justify-content: space-around; }
  .sub-section--title.title-line--dashed:after {
    content: " ";
    border-top: 1px dashed #dedede;
    width: 100%;
    position: absolute;
    top: 16px;
    left: 0;
    height: 1px;
    overflow-x: hidden;
    z-index: 1; }
  .sub-section--title.title-line--dashed .title-pill {
    padding: 12px;
    border-radius: 50%;
    background-color: #f5f5f5;
    z-index: 2; }

.transition-icon--wrapper {
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 4px;
  vertical-align: middle; }
  .transition-icon--wrapper .initial, .transition-icon--wrapper .next {
    position: absolute;
    top: 0;
    left: 0; }
  .transition-icon--wrapper .initial {
    transition: opacity .3s, transform .3s; }
    .transition-icon--wrapper .initial.transition {
      transform: rotate(180deg) scale(0.5);
      opacity: 0; }
  .transition-icon--wrapper .next {
    transition: opacity .3s, transform .3s;
    transform: rotate(-180deg) scale(0.5);
    opacity: 0;
    margin-left: 0; }
    .transition-icon--wrapper .next.transition {
      transform: rotate(0deg) scale(1);
      opacity: 1; }

.btn-transition {
  transition: color .6s; }
  .btn-transition.btn-success-outline:hover .transition-icon--wrapper .next.transition.icon use {
    fill: #fff; }

.btn-secondary-outline:focus svg.icon use {
  fill: #6d6c6d; }

.field-warning-error-color {
  color: #ffd23f; }

.bold-font {
  font-weight: bold; }

.filter-min-width-220 {
  min-width: 220px; }

.filter-min-width-240 {
  min-width: 240px; }

.export-to-excel-workflow-path {
  float: right;
  position: absolute;
  right: 150px; }

.text-overflow-style {
  display: inline-block;
  width: 370px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis; }

.warning-message-required {
  color: #ffb245; }

.background-color-light-pink {
  background-color: #FFE6F2 !important; }

.background-color-light-yellow {
  background-color: #ffff80 !important; }

.background-color-light-gray {
  background-color: #D3D3D3 !important; }

.padding-top-20 {
  padding-top: 20px; }

.padding-left-5 {
  padding-left: 5px; }

.padding-right-5 {
  padding-right: 5px; }

.transfer-data-icon {
  padding-top: 9px;
  padding-bottom: 5px;
  padding-left: 15px; }

.next-step-icon {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 12px; }

.padding-top-25 {
  padding-top: 25px; }

.max-width-1300 {
  max-width: 1300px; }

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

.flex-centered {
  display: flex;
  justify-content: space-around;
  align-items: center; }
  .flex-centered-between {
    justify-content: space-between;
    width: 100%; }

.mp-results .mp-popup .mp-timings td.mp-label {
  max-width: 550px; }

.modal-collection-list + .modal-collection-list {
  padding-top: 24px; }
  .modal-collection-list + .modal-collection-list:before {
    content: ' ';
    position: absolute;
    top: 0px;
    height: 1px;
    background-color: #eeeeee;
    width: 400px;
    margin-left: 30px; }

#merge-duplicates-modal section[section] {
  transition: min-height 0.3s ease-in; }

.position-relative {
  position: relative; }

input[type=checkbox][should-merge]:checked ~ .duplicate-merge-info {
  display: initial; }

input[type=checkbox][should-merge] ~ .duplicate-merge-info {
  display: none; }

.duplicate-merge-info {
  background: #f5f5f5;
  border-radius: 6px;
  padding: 16px 24px;
  border: 2px solid #aaaaaa; }
  .duplicate-merge-info .simple-label {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: initial;
    text-transform: capitalize;
    margin-bottom: 0;
    margin-top: 2px;
    margin-left: 2px; }
  .duplicate-merge-info.selected-border {
    border-color: #C6579A; }

.quick-modal-overlay {
  opacity: 0.3;
  background: black;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2000; }

.z-index-overlay {
  z-index: 2000;
  position: relative; }

.row-award {
  display: flex;
  justify-content: space-between;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.row-award-ledger-background-color {
  background: #f6e6f0; }

.row-award-total-background-color {
  background: #f9eef5; }

.padding-right-left-20 {
  padding-right: 20px;
  padding-left: 20px; }

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

.margin-top-30 {
  margin-top: 30px; }

.padding-left-53 {
  padding-left: 53px; }

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

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

.padding-top-12-bottom-6 {
  padding-top: 12px;
  padding-bottom: 6px; }

.award-ledger-summary-border {
  border-right: 1px dashed #f6e6f0; }

.padding-top-12 {
  padding-top: 12px; }

.cancel-transfer-btn {
  margin-left: 5px !important;
  max-height: 43px;
  max-width: 56px; }

.danger-background {
  background-color: #f15b17 !important; }

.readonly-overlay .readonly-overlay--debug {
  background: rgba(0, 0, 0, 0.5) !important; }

.readonly-overlay .readonly-element {
  width: 100%;
  height: 100%;
  position: absolute;
  background: transparent;
  display: block;
  z-index: 200 !important; }

.readonly-overlay .readonly-overlay--element-parent {
  position: relative; }

.save-attendance-manually {
  background-color: white;
  margin-top: 30px;
  margin-bottom: 40px;
  padding-top: 15px;
  padding-bottom: 15px; }

.unduplicated-count-student-reports {
  color: #a8a8a8;
  float: right;
  padding-top: 10px; }

.inquiry-card .table .collapse {
  margin-top: 12px; }

.total-gpa-section-color {
  color: #57626c !important; }

.report-header-uppercase {
  font-weight: bold;
  text-transform: uppercase;
  padding-top: 0.75em; }

.report-header {
  background-color: white;
  padding-bottom: 24px;
  padding-top: 24px;
  padding-left: 1.286em;
  padding-right: 1.286em;
  margin-left: 0px;
  margin-right: 0px; }
  .report-header.row, .report-header.stat-grid, .report-header.widget-grid {
    margin-left: -12px;
    margin-right: -12px; }

.title-filter-bold {
  font-weight: bold; }

.report-filter-val-flex {
  display: flex; }

.flex-item-students-reports {
  flex: 0 140px; }

.flex-item-students-reports > div {
  flex: 1 auto; }

.flex-item-students-reports div:last-child:not(:empty):before {
  content: "-";
  display: inline-block; }

.w-100 {
  width: 100%; }

.btn:hover .icon use.stroke, .reports-table .k-header.k-grid-top button.k-button:hover .icon use.stroke {
  stroke: white; }

.flex-break {
  height: 0;
  flex-basis: 100%; }

.flex-break-xs-up {
  height: 0;
  flex-basis: 100%; }

@media (max-width: 543px) {
  .flex-break-xs-down {
    height: 0;
    flex-basis: 100%; } }

@media (min-width: 544px) {
  .flex-break-sm-up {
    height: 0;
    flex-basis: 100%; } }

@media (max-width: 767px) {
  .flex-break-sm-down {
    height: 0;
    flex-basis: 100%; } }

@media (min-width: 768px) {
  .flex-break-md-up {
    height: 0;
    flex-basis: 100%; } }

@media (max-width: 991px) {
  .flex-break-md-down {
    height: 0;
    flex-basis: 100%; } }

@media (min-width: 992px) {
  .flex-break-lg-up {
    height: 0;
    flex-basis: 100%; } }

@media (max-width: 1199px) {
  .flex-break-lg-down {
    height: 0;
    flex-basis: 100%; } }

@media (min-width: 1200px) {
  .flex-break-xl-up {
    height: 0;
    flex-basis: 100%; } }

@media (max-width: 1559px) {
  .flex-break-xl-down {
    height: 0;
    flex-basis: 100%; } }

@media (min-width: 1560px) {
  .flex-break-xxl-up {
    height: 0;
    flex-basis: 100%; } }

.flex-break-xxl-down {
  height: 0;
  flex-basis: 100%; }

.drop-area {
  width: 100%;
  height: 200px;
  border: 2px #C6579A dotted;
  border-radius: 0;
  margin-bottom: 12px;
  transition: background-color 300ms linear; }
  .drop-area.active {
    border-radius: 4px;
    background-color: #C6579A; }
    .drop-area.active .drop-hint {
      color: #0d0d0d;
      background-color: white; }
  .drop-area .drop-hint {
    color: white;
    background-color: #C6579A;
    border-radius: 4px;
    padding: 24px 12px;
    transition: background-color 300ms ease-in; }

.background-color-gray-800 {
  background-color: #6d6c6d !important;
  color: #fff !important; }

.card-footer--align-center {
  display: flex;
  align-items: center;
  grid-gap: 12px; }

.estimated-payment-plan-totals-background-color {
  background-color: #FFE4C4; }

.estimated-payment-plan-balance-background-color {
  background-color: #D3D3D3; }

.application-summary h5 {
  font-size: 1rem; }

.application-summary .card-title {
  margin-bottom: 1rem; }

.application-summary .refactored-card--body {
  padding: 1.5rem; }

.application-summary .content-wrapper {
  margin-top: 1.25rem; }

.application-summary label.simple-label {
  line-height: 1;
  font-size: .7rem;
  margin-bottom: .5rem;
  color: #888888; }

.padding-bottom-10 {
  padding-bottom: 10px; }

.dark-red-color {
  color: darkred; }

.section-error {
  border: 1px solid #f15b17;
  border-radius: 0.25rem;
  background: white;
  padding: 12px 24px; }

.flex-header {
  display: flex;
  gap: 12px;
  justify-content: space-between; }

.landing-head {
  margin-bottom: 30px !important;
  text-transform: uppercase;
  font-size: 25px !important; }

.navbar-apmnt .header-right-phone a {
  font-size: 18px;
  color: #000; }
  .navbar-apmnt .header-right-phone a i {
    color: #7F65EB;
    transform: rotate(100deg);
    position: relative;
    top: 2px; }

.apmnt-head {
  background-image: url("images/apmnt-head.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-attachment: fixed;
  padding: 3rem; }
  .apmnt-head .apmnt-inner {
    display: flex;
    align-items: center;
    background: #ffffffe6;
    box-shadow: 0 1px 4px 0px rgba(31, 32, 35, 0.26);
    border-radius: 4px;
    padding: 25px;
    z-index: 9999; }
  .apmnt-head .main-head {
    font-size: 2rem; }

.flatpickr-main-apmnt .flatpickr-day.flatpickr-disabled {
  color: #000 !important;
  opacity: 0.3; }

.flatpickr-main-apmnt .flatpickr-months .flatpickr-next-month {
  top: 16px; }

.flatpickr-main-apmnt .flatpickr-weekday {
  color: #000 !important; }

.flatpickr-main-apmnt #selected-campus:not(.form-version) {
  width: 400px;
  border-radius: 50px !important;
  color: #000 !important;
  line-height: 20px !important;
  box-shadow: 0 1px 4px 0px rgba(31, 32, 35, 0.26);
  background-image: url("images/arrow.svg");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 14px 14px; }

.flatpickr-main-apmnt select#selected-campus::-ms-expand {
  display: block; }

.flatpickr-main-apmnt .formtitle {
  text-align: center;
  font-weight: 400;
  color: #000 !important;
  font-size: 18px !important; }

.flatpickr-main-apmnt .instruction {
  text-align: center;
  font-size: 14px; }

.flatpickr-main-apmnt #verity_form_client_form_wrapper > div input,
.flatpickr-main-apmnt #verity_form_client_form_wrapper > div select {
  background-color: #eee;
  color: #000000;
  height: 34px !important;
  line-height: 34px;
  border-radius: 50px; }

.flatpickr-main-apmnt #verity_form_client-container .time-selector {
  border: 1px solid #eee;
  box-shadow: 0 1px 4px 0px rgba(31, 32, 35, 0.26); }

.flatpickr-main-apmnt .numInputWrapper .numInput {
  padding-left: 10px; }

.flatpickr-main-apmnt .numInputWrapper:hover {
  background: transparent; }

.flatpickr-main-apmnt .flatpickr-current-month .numInputWrapper {
  width: 100%;
  margin-left: 20px; }

.flatpickr-main-apmnt .flatpickr-current-month {
  display: flex;
  justify-content: space-between; }

.flatpickr-main-apmnt .numInputWrapper span.arrowUp {
  top: 15px; }

.flatpickr-main-apmnt .numInputWrapper span.arrowDown {
  top: 80%; }

.flatpickr-main-apmnt .numInputWrapper span {
  opacity: 1;
  right: 10px;
  border: none; }

.flatpickr-main-apmnt #verity_form_client-container .time-slot {
  width: 20%;
  margin: 1%;
  min-height: 44px;
  margin: 1%;
  border: 1px solid #e7e7e7; }

.flatpickr-main-apmnt #verity_form_client-container .period .time-label {
  width: 10.6667%;
  font-weight: 300;
  font-size: 20px; }

.flatpickr-main-apmnt #verity_form_client-container .period ~ .period .time-slot--wrapper {
  border-top: 1px solid #e7e7e7; }

.flatpickr-main-apmnt #verity_form_client-container .pm .time-slot.enabled:hover, .flatpickr-main-apmnt #verity_form_client-container .am .time-slot.enabled:hover {
  border: 1px solid #422094;
  border-radius: 6px; }

.flatpickr-main-apmnt #verity_form_client-container .fill-instructions {
  color: #000;
  max-width: 100%;
  background: transparent; }

.flatpickr-main-apmnt #verity_form_client-container .time-slot--wrapper {
  width: 100%; }

.flatpickr-main-apmnt #recaptcha-apmnt {
  float: left; }

.flatpickr-main-apmnt button#verity_form_client_submit:focus {
  outline: none;
  border: none; }

.flatpickr-main-apmnt button#verity_form_client_submit {
  float: right;
  text-transform: uppercase;
  font-weight: 400;
  border-radius: 50px; }

.flatpickr-main-apmnt .flatpickr-calendar.inline {
  margin: auto;
  padding: 8px 20px 15px; }

.flatpickr-main-apmnt .flatpickr-months .flatpickr-month {
  height: 55px; }

.flatpickr-main-apmnt .flatpickr-months .flatpickr-prev-month {
  left: 18px !important; }

.flatpickr-main-apmnt .flatpickr-months .flatpickr-next-month {
  right: 18px !important; }

.flatpickr-main-apmnt .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-main-apmnt .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: block; }

.flatpickr-main-apmnt .flatpickr-months .flatpickr-prev-month, .flatpickr-main-apmnt .flatpickr-main .flatpickr-months .flatpickr-next-month {
  top: 18px; }

.flatpickr-main-apmnt .flatpickr-day.today {
  background: #ff7600;
  color: #fff !important;
  border-color: transparent; }

.flatpickr-main-apmnt #verity_form_client-container .flatpickr-calendar.inline .flatpickr-day:hover,
.flatpickr-main-apmnt #verity_form_client-container .flatpickr-calendar.inline .flatpickr-day.selected {
  background-color: #e1dfed;
  border-color: #e1dfed;
  color: #000; }

.footer-apmnt {
  padding: 1rem 1rem;
  background-color: #000; }
  .footer-apmnt .footer-link {
    margin-bottom: 0px !important;
    padding: 0px !important;
    text-align: center; }
  .footer-apmnt .footer-link li a {
    font-size: 15px;
    color: #fff; }
  .footer-apmnt .footer-link li {
    list-style: none;
    display: inline-block;
    margin-right: 50px;
    margin-bottom: 20px; }
    .footer-apmnt .footer-link li a:hover {
      text-decoration: none; }
  .footer-apmnt .footer-link li:last-child {
    margin-right: 0px; }
  .footer-apmnt .footer-link li:hover a {
    color: #2fbd70; }
  .footer-apmnt .social-icon {
    text-align: center; }
  .footer-apmnt .link-icon i {
    font-size: 15px;
    border-radius: 50px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #fff; }
  .footer-apmnt .link-icon .fa-facebook-f {
    background: #4267B2; }
  .footer-apmnt .link-icon .fa-twitter {
    background: #1DA1F2; }
  .footer-apmnt .link-icon .fa-pinterest {
    background: #E60023; }
  .footer-apmnt .link-icon .fa-instagram {
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
  .footer-apmnt .link-icon .fa-linkedin-in {
    background: #0077B5; }
  .footer-apmnt .link-icon .fa-youtube {
    background: #FF0000; }

.student-perspective {
  padding: 0px 30px 65px; }
  .student-perspective .small-text-title {
    color: red;
    font-size: 16px;
    position: relative;
    margin-bottom: 15px;
    text-align: left; }
  .student-perspective .small-text-title::after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 0;
    background: red;
    width: 25px;
    height: 3px; }
  .student-perspective .perspective-text {
    font-size: 14px;
    text-align: justify; }
  .student-perspective img {
    margin-bottom: 20px;
    margin-right: 40px;
    shape-outside: circle(45%);
    float: left;
    width: 200px;
    height: 200px !important;
    border-radius: 50%;
    border: 5px solid #fff;
    box-shadow: 0 1px 4px 0px rgba(31, 32, 35, 0.26);
    max-width: 100%;
    object-fit: cover;
    object-position: center;
    display: block; }

.save-template-btn #save-form-template {
  width: 50%;
  display: block !important;
  margin: auto !important;
  height: 50px !important; }

@media (max-width: 2560px) and (min-width: 768px) {
  .flatpickr-main-apmnt .flatpickr-calendar {
    width: 348.875px; } }

@media (max-width: 998px) and (min-width: 767px) {
  .flatpickr-main-apmnt button#verity_form_client_submit {
    display: block;
    margin: auto;
    width: 50%;
    float: none;
    margin-top: 20px; }
  .flatpickr-main-apmnt #recaptcha-apmnt {
    margin-bottom: 25px;
    display: block;
    margin: auto;
    float: none; } }

@media (max-width: 767px) and (min-width: 500px) {
  .footer-apmnt .footer-link li {
    margin-right: 14px; }
  .social-icon a.link-icon + a.link-icon {
    margin-left: 0.5rem; } }

@media (max-width: 767px) and (min-width: 400px) {
  .flatpickr-main-apmnt .flatpickr-days {
    width: 250.875px; }
  .flatpickr-main-apmnt .dayContainer {
    width: 250.875px;
    min-width: 250.875px;
    max-width: 250.875px; }
  .flatpickr-main-apmnt .flatpickr-weekdays {
    border: none;
    margin: 5.5px; }
  .flatpickr-main-apmnt .flatpickr-weekday {
    margin-bottom: -11px; } }

@media (max-width: 767px) and (min-width: 200px) {
  .flatpickr-main-apmnt button#verity_form_client_submit {
    display: block;
    margin: auto;
    width: 50%;
    float: none;
    margin-top: 20px; }
  .flatpickr-main-apmnt #verity_form_client-container .period .time-label {
    font-size: 16px; }
  .flatpickr-main-apmnt #recaptcha-apmnt {
    display: block;
    margin: auto;
    float: none; }
  .flatpickr-main-apmnt #customizer .container {
    padding: 0px; }
  .student-perspective .small-text-title {
    font-size: 14px; }
  .student-perspective img {
    float: none; }
  .footer-apmnt .footer-link li a {
    font-size: 12px; }
  .navbar-apmnt .header-right-phone a {
    font-size: 12px; } }

@media (max-width: 499px) and (min-width: 410px) {
  .footer-apmnt .footer-link li {
    margin-right: 15px; }
  .social-icon a.link-icon + a.link-icon {
    margin-left: 0.3rem; } }

@media (max-width: 400px) and (min-width: 330px) {
  .footer-apmnt .footer-link li {
    margin-right: 10px; }
  .social-icon a.link-icon + a.link-icon {
    margin-left: 0.1rem; }
  #customizer .container {
    padding: 30px 0px 0px !important; }
  .flatpickr-main-apmnt .flatpickr-calendar {
    width: 248.875px; }
  .flatpickr-main-apmnt .dayContainer {
    width: 210.875px;
    min-width: 210.875px;
    max-width: 210.875px; }
  .flatpickr-main-apmnt .flatpickr-innerContainer {
    margin-top: 20px; }
  .flatpickr-main-apmnt .flatpickr-day {
    height: 30px;
    line-height: 30px; }
  .flatpickr-main-apmnt .numInputWrapper span {
    right: 5px; }
  .flatpickr-main-apmnt numInputWrapper .numInput {
    padding-left: 6px; }
  .flatpickr-main-apmnt .flatpickr-current-month .numInputWrapper {
    margin-left: 9px; }
  .flatpickr-main-apmnt .flatpickr-weekdays {
    display: contents; }
  .flatpickr-main-apmnt .flatpickr-days {
    width: 210.875px; }
  .flatpickr-main-apmnt .flatpickr-weekdays {
    border: none;
    margin: 5.5px; }
  .flatpickr-main-apmnt .flatpickr-weekday {
    margin-bottom: 10px; } }

@media (max-width: 320px) and (min-width: 200px) {
  .flatpickr-main-apmnt .flatpickr-calendar {
    width: 230.875px; }
  .flatpickr-main-apmnt .flatpickr-weekdays {
    border: none;
    margin: 5.5px; }
  .flatpickr-main-apmnt .flatpickr-weekday {
    margin-bottom: 10px;
    margin-top: 10px; }
  .flatpickr-main-apmnt .flatpickr-weekdays {
    display: contents; }
  .flatpickr-main-apmnt .dayContainer {
    width: 190.875px;
    min-width: 190.875px;
    max-width: 190.875px; }
  .flatpickr-main-apmnt .flatpickr-days {
    width: 190.875px; }
  .flatpickr-main-apmnt .flatpickr-day {
    height: 30px;
    line-height: 30px; }
  .flatpickr-main-apmnt .numInputWrapper span {
    right: 5px; }
  .flatpickr-main-apmnt .numInputWrapper .numInput {
    padding-left: 6px; }
  .flatpickr-main-apmnt .flatpickr-current-month .numInputWrapper {
    margin-left: 3px; }
  .flatpickr-main-apmnt button#verity_form_client_submit {
    width: 100% !important; }
  #customizer .container {
    padding: 30px 0px 0px !important; }
  .apmnt-head .apmnt-inner {
    margin: 0px 10px; }
  .navbar-apmnt .header-logo {
    max-height: 40px; }
  .student-perspective img {
    width: 100%;
    height: 155px; }
  .footer-apmnt .footer-link li {
    margin-right: 8px; }
  .footer-apmnt a.link-icon + a.link-icon {
    margin-left: 4px; }
  .footer-apmnt a.link-icon {
    margin-bottom: 5px;
    display: inline-block; } }

@media screen and (max-width: 370px) {
  .g-recaptcha {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; } }

@media screen and (max-width: 280px) {
  .g-recaptcha {
    transform: scale(0.67);
    -webkit-transform: scale(0.67);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; }
  .student-perspective img {
    width: 100%;
    height: 172px !important; } }

@media (max-width: 415px) and (min-width: 375px) {
  .g-recaptcha {
    transform: scale(0.95);
    -webkit-transform: scale(0.95);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; } }

@media (max-width: 360px) and (min-width: 340px) {
  .g-recaptcha {
    transform: scale(0.94);
    -webkit-transform: scale(0.94);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0; } }

.height-80px {
  height: 80px; }

.padding-left-4 {
  padding-left: 4px; }

.flex-right-margin-top {
  display: flex;
  justify-content: right;
  margin-top: 21px; }

div[new-editor] {
  padding: 24px; }
  div[new-editor]:hover {
    padding: 23px; }

.click-editor {
  border: 1px solid #dedede;
  border-radius: 4px;
  margin-top: 24px; }
  .click-editor textarea {
    resize: none;
    border: none;
    margin: 1px;
    width: calc(100% - 2px); }
  .click-editor .k-editor, .click-editor .k-editor-inline {
    padding: 24px;
    border: none; }
  .click-editor:hover {
    border-color: #888888; }
  .click-editor .click-to-edit {
    padding: 24px; }
    .click-editor .click-to-edit:hover {
      border: 1px solid #888888;
      border-radius: 4px;
      position: relative; }
      .click-editor .click-to-edit:hover:before {
        content: 'Click to Edit';
        position: absolute;
        top: -14px;
        left: calc(50% - 45px);
        background: #6d6c6d;
        border-radius: 4px;
        padding: 8px;
        color: white;
        line-height: 12px;
        width: 90px; }

div[new-editor] .new-editor--placeholder {
  color: #aaaaaa; }

div[new-editor]:hover {
  border: 1px solid #888888;
  border-radius: 4px;
  position: relative; }
  div[new-editor]:hover:before {
    content: 'Click to Edit';
    position: absolute;
    top: -14px;
    left: calc(50% - 45px);
    background: #6d6c6d;
    border-radius: 4px;
    padding: 8px;
    color: white;
    line-height: 12px;
    width: 90px; }

.margin-top-5 {
  margin-top: 5px; }

.margin-top-25 {
  margin-top: 25px; }

.padding-top-40 {
  padding-top: 40px; }

.padding-left-25 {
  padding-left: 25px; }

.padding-5 {
  padding: 5px !important; }

.width-25 {
  width: 25px !important; }

.margin-right-4 {
  margin-right: 4px; }

.processingrequest {
  position: relative; }
  .processingrequest:after {
    font-family: var(--fa-style-family, "Font Awesome 6 Pro");
    font-weight: var(--fa-style, 900);
    content: " \f021";
    animation: fa-spin 10s linear infinite;
    display: inline-block;
    margin-left: 10px; }

.padding-left-12-important {
  padding-left: 12px !important; }

.padding-top-12-important {
  padding-top: 12px !important; }

.padding-top-24-important {
  padding-top: 24px !important; }

.padding-bottom-12-important {
  padding-bottom: 12px !important; }

.btn-circle {
  width: 32px;
  padding: 2px 7px;
  border-radius: 60px; }

select > option.disabled {
  background-color: #dedede; }

emoji-picker {
  --background: transparent;
  --border-radius: 4px;
  --num-columns: 6; }

.emoji-picker-centered {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px; }

.emoji-picker-icon {
  color: #8696a4;
  font-size: 16px; }

#workflowUploadDocumentModal.modal {
  width: max-content;
  margin-inline: auto;
  padding-top: 45px !important; }

#workflowUploadDocumentModal.modal.in,
#workflowUploadDocumentModal.modal.show {
  display: flex;
  align-items: center;
  justify-content: center; }

#workflowUploadDocumentModal .modal-dialog {
  position: relative;
  top: auto;
  right: auto;
  left: auto;
  margin: 0;
  width: 100%;
  max-width: 46rem;
  height: auto;
  transform: none; }

#workflowUploadDocumentModal .modal-scroll {
  width: 100%;
  height: auto;
  max-height: 80vh;
  overflow-y: auto; }

#workflowUploadDocumentModal .modal-content {
  width: 100%;
  height: auto; }

.workflow-upload-modal {
  border-radius: 0.5rem;
  border: 1px solid #e8ecf2;
  box-shadow: 0px 0px 2px 0px rgba(15, 27, 50, 0.07), 0px 0.841px 6px 0px rgba(27, 40, 57, 0.05);
  background-color: #ffffff; }

.workflow-upload-modal-header {
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #e8ecf2;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.workflow-upload-modal-title {
  font-family: 'proxima_nova', sans-serif;
  font-weight: bold;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #0f1b32;
  margin: 0; }

.workflow-upload-close-btn {
  background: transparent;
  border: none;
  padding: 0.5rem;
  border-radius: 2.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.workflow-upload-close-btn:hover {
  background-color: #f0f0f0; }

.workflow-upload-modal-body {
  padding: 1.5rem 2.5rem; }

.workflow-upload-instructions {
  margin-bottom: 1rem; }

.workflow-upload-instructions p {
  font-family: 'proxima_nova', sans-serif;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #2d2b29;
  margin: 0; }

.workflow-upload-instructions strong {
  font-weight: bold; }

.workflow-drag-drop-area {
  position: relative;
  padding: 1.875rem 0;
  border-radius: 1rem;
  transition: background-color 0.2s; }

.workflow-drag-drop-area.dragging {
  background-color: rgba(198, 87, 154, 0.12); }

.workflow-drag-drop-area.dragging .workflow-drag-drop-border {
  border-color: #046353; }

.workflow-drag-drop-border {
  position: absolute;
  inset: 0;
  border: 2px dashed #ceccca;
  border-radius: 1rem;
  pointer-events: none;
  transition: border-color 0.2s; }

.workflow-drag-drop-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem; }

.workflow-drag-drop-icon {
  margin-bottom: 0.5rem; }

.workflow-drag-drop-title,
.workflow-drag-drop-subtitle {
  font-family: 'proxima_nova', sans-serif;
  line-height: 1.5rem;
  color: #201f1d;
  margin: 0; }

.workflow-drag-drop-title {
  font-weight: bold;
  font-size: 1.25rem; }

.workflow-drag-drop-subtitle {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.5rem; }

.workflow-browse-btn {
  /* GLA-13255: was the hardcoded Verity green, which every other school inherited. */
  background-color: #C6579A;
  color: white;
  border: none;
  padding: 0.5rem 1.25rem;
  border-radius: 0.5rem;
  font-family: 'proxima_nova', sans-serif;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.5rem;
  cursor: pointer;
  transition: background-color 0.2s; }
  .workflow-browse-btn.processingrequest:after {
    animation: workflow-browse-spin-bounce 6.8s linear infinite;
    margin-left: 0;
    margin-right: 0.5rem;
    transform-origin: 50% 50%;
    order: -1;
    will-change: transform;
    backface-visibility: hidden; }
  .workflow-browse-btn.processingrequest {
    display: inline-flex;
    align-items: center;
    justify-content: center; }

@keyframes workflow-browse-spin-bounce {
  0% {
    transform: rotate(60deg); }
  23.333% {
    transform: rotate(430deg); }
  27.333% {
    transform: rotate(405deg); }
  31.333% {
    transform: rotate(420deg); }
  33.333% {
    transform: rotate(420deg); }
  56.666% {
    transform: rotate(790deg); }
  60.666% {
    transform: rotate(765deg); }
  64.666% {
    transform: rotate(780deg); }
  66.666% {
    transform: rotate(780deg); }
  90% {
    transform: rotate(1150deg); }
  94% {
    transform: rotate(1125deg); }
  98% {
    transform: rotate(1140deg); }
  100% {
    transform: rotate(1140deg); } }

.workflow-browse-btn:hover {
  background-color: #006f5c; }

.workflow-file-types,
.workflow-file-info {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 0.5rem;
  justify-content: center; }

.workflow-file-types {
  margin-top: 1rem; }

.workflow-file-info {
  align-items: center;
  margin-top: 0.5rem; }

.workflow-file-type-badge,
.workflow-file-info span {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #4e4a46; }

.workflow-file-type-badge {
  background-color: #f6f6f6;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem; }

.workflow-upload-progress-area {
  background: white;
  border: 1px solid #ceccca;
  border-radius: 0.5rem;
  padding: 1.5rem 1rem;
  position: relative; }

.workflow-upload-progress-area.invalid {
  background-color: #fdeaee;
  border-color: #cd3d56; }

.workflow-upload-progress-content,
.workflow-upload-file-info {
  display: flex;
  gap: 0.5rem; }

.workflow-upload-progress-content {
  flex-direction: column; }

.workflow-upload-file-info {
  align-items: flex-start; }

.workflow-upload-file-info.uploading {
  opacity: 0.5; }

.workflow-upload-file-icon {
  flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center; }

.workflow-upload-file-icon svg {
  width: 100%;
  height: 100%; }

.workflow-upload-file-icon i {
  font-size: 2.5rem;
  line-height: 1; }

.workflow-file-icon--pdf {
  color: #cd3d56; }

.workflow-file-icon--doc {
  color: #2b5797; }

.workflow-file-icon--error {
  color: #999999; }

.workflow-upload-file-details {
  flex: 1;
  min-width: 0; }

.workflow-upload-file-name,
.workflow-upload-file-size {
  font-family: 'proxima_nova', sans-serif;
  color: #000; }

.workflow-upload-file-name {
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.workflow-upload-file-size {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem; }

.workflow-upload-cancel-btn {
  background: transparent;
  border: none;
  padding: 0.3rem;
  border-radius: 1.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0; }

.workflow-upload-close-btn:hover,
.workflow-upload-cancel-btn:hover {
  background-color: #f0f0f0; }

.workflow-progress-bar-container {
  width: 100%; }

.workflow-progress-bar-bg {
  background-color: #d9d9d9;
  height: 0.5rem;
  border-radius: 6.25rem;
  overflow: hidden;
  position: relative; }

.workflow-progress-bar {
  background-color: #e6b6d3;
  height: 100%;
  border-radius: 6.25rem;
  transition: width 0.3s ease; }

.workflow-error-message {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem; }

.workflow-error-message svg,
.workflow-error-message i {
  flex-shrink: 0; }

.workflow-error-message span {
  font-family: 'proxima_nova', sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #cd3d56; }

.workflow-upload-modal-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid #ebeae8;
  display: flex;
  justify-content: flex-end;
  gap: 1rem; }

.workflow-upload-footer-btn {
  padding: 0.75rem 1.5rem;
  border-radius: 0.5rem;
  font-family: 'proxima_nova', sans-serif;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.5rem;
  cursor: pointer;
  transition: background-color 0.2s;
  min-width: 6.5rem;
  text-align: center; }

.workflow-upload-cancel-footer-btn {
  background: white;
  color: #2d2b29;
  border: 1px solid #5e5955; }

.workflow-upload-cancel-footer-btn:hover {
  background-color: #f9f9f9; }

.workflow-upload-next-btn {
  /* GLA-13255: was the hardcoded Verity green, which every other school inherited. */
  background-color: #C6579A;
  color: white;
  border: none; }

.workflow-upload-next-btn:hover:not(:disabled) {
  background-color: #006f5c; }

.workflow-upload-next-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed; }

@media (max-width: 48rem) {
  #workflowUploadDocumentModal.custom-modal {
    padding: 0.75rem; }
  #workflowUploadDocumentModal .modal-dialog {
    max-width: 100%; }
  .workflow-upload-modal-body {
    padding: 1rem; }
  .workflow-drag-drop-title {
    font-size: 0.9375rem; }
  .workflow-drag-drop-subtitle {
    font-size: 0.75rem; }
  .workflow-upload-modal-footer {
    flex-direction: column; }
  .workflow-upload-footer-btn {
    width: 100%; } }

#pdf-viewer-container {
  width: 100%;
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  background: #e2e5e9;
  position: relative;
  transition: box-shadow 0.2s; }

#pdf-viewer-container.drag-over {
  box-shadow: inset 0 0 0 0.125rem #e6b6d3; }

.pdf-page-wrapper {
  margin: 1.25rem auto;
  position: relative;
  background: white;
  box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  overflow: hidden; }

.pdf-page-placeholder {
  animation: pulse 1.5s ease-in-out infinite; }

@keyframes pulse {
  0%, 100% {
    opacity: 1; }
  50% {
    opacity: 0.7; } }

.pdf-page-canvas {
  display: block;
  width: 100%;
  border-radius: 0.5rem; }

.pdf-field-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none; }

.field-wrapper {
  pointer-events: all;
  padding: 20px; }

.placed-field {
  position: relative;
  border: 0.0625rem solid #e6b6d3;
  background: rgba(198, 87, 154, 0.12);
  border-radius: 0.25rem;
  cursor: move;
  padding: 0.25rem 0.5rem;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 0.6875rem;
  font-weight: bold;
  color: #C6579A;
  min-width: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  user-select: none;
  transition: opacity 0.2s;
  white-space: nowrap;
  line-height: 1.25rem; }

.field-wrapper.dragging .placed-field {
  opacity: 0.5; }

.field-wrapper:hover .placed-field {
  opacity: 0.9; }

.placed-field .remove-field {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 1.125rem;
  height: 1.125rem;
  background: #CD3D56;
  color: white;
  border-radius: 50%;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1;
  border: 0.125rem solid white;
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.2); }

.field-wrapper:hover .remove-field {
  display: flex; }

.field-wrapper .resize-handle {
  position: absolute;
  display: none;
  z-index: 10;
  color: #e6b6d3;
  font-size: 16px;
  line-height: 1;
  user-select: none;
  align-items: center;
  justify-content: center;
  padding: 4px; }

.field-wrapper:hover .resize-handle {
  display: flex; }

.field-wrapper .resize-handle.resize-top {
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  cursor: ns-resize;
  width: 30px;
  height: 20px; }

.field-wrapper .resize-handle.resize-top::before {
  content: '▲'; }

.field-wrapper .resize-handle.resize-right {
  right: -18px;
  top: 50%;
  transform: translateY(-50%);
  cursor: ew-resize;
  width: 20px;
  height: 30px; }

.field-wrapper .resize-handle.resize-right::before {
  content: '▶'; }

.field-wrapper .resize-handle.resize-bottom {
  bottom: -18px;
  left: 50%;
  transform: translateX(-50%);
  cursor: ns-resize;
  width: 30px;
  height: 20px; }

.field-wrapper .resize-handle.resize-bottom::before {
  content: '▼'; }

.field-wrapper .resize-handle.resize-left {
  left: -18px;
  top: 50%;
  transform: translateY(-50%);
  cursor: ew-resize;
  width: 20px;
  height: 30px; }

.field-wrapper .resize-handle.resize-left::before {
  content: '◀'; }

.choice-box-marker {
  position: absolute;
  pointer-events: all;
  box-sizing: border-box;
  border: 0.125rem solid #C6579A;
  background: rgba(198, 87, 154, 0.16);
  border-radius: 0.125rem;
  cursor: move;
  user-select: none;
  z-index: 2; }
  .choice-box-marker.is-dragging {
    opacity: 0.6; }

.choice-box-marker__label {
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
  margin-top: 0.1875rem;
  padding: 0 0.375rem;
  background: #C6579A;
  color: #fff;
  border-radius: 0.125rem;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 0.9rem;
  line-height: 1.4rem;
  white-space: nowrap;
  opacity: 0;
  transition: opacity 0.15s;
  pointer-events: none; }

.field-wrapper.field-wrapper--boxes-only {
  display: none; }

.choice-box-marker__glyph {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75em;
  line-height: 1;
  font-weight: 700;
  opacity: 0.75;
  pointer-events: none; }

.choice-box-marker__duplicate,
.choice-box-marker__remove {
  position: absolute;
  width: 1rem;
  height: 1rem;
  color: #fff;
  border: 0.0625rem solid #fff;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.12s, visibility 0.12s;
  transition-delay: 0.25s; }

.choice-box-marker:hover .choice-box-marker__duplicate,
.choice-box-marker:hover .choice-box-marker__remove {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s; }

.choice-box-marker__duplicate {
  top: -1.125rem;
  left: -1.125rem;
  background: #27ae60;
  font-size: 0.75rem; }

.choice-box-marker:hover .choice-box-marker__label,
.choice-box-marker.is-dragging .choice-box-marker__label {
  opacity: 1; }

.choice-box-marker:hover,
.choice-box-marker.is-dragging {
  z-index: 5; }

.page-actions.document-action-buttons {
  z-index: 6; }

.choice-box-marker__grip {
  position: absolute;
  right: -0.1875rem;
  bottom: -0.1875rem;
  width: 0.5rem;
  height: 0.5rem;
  background: #C6579A;
  border: 0.0625rem solid #fff;
  border-radius: 50%;
  cursor: nwse-resize; }

.choice-box-marker__remove {
  top: -1.125rem;
  right: -1.125rem;
  background: #CD3D56;
  font-size: 0.6875rem; }

.choice-box-toggle {
  display: none; }

#pdf-field-edit-modal [dropdown-field-choice-section] {
  display: flex !important;
  align-items: center;
  gap: 0.5rem; }
  #pdf-field-edit-modal [dropdown-field-choice-section] > label {
    flex: 1 1 auto;
    min-width: 0;
    margin-bottom: 0; }

#pdf-field-edit-modal .choice-box-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 8.5rem;
  gap: 0.25rem;
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0;
  white-space: nowrap; }

#pdf-field-edit-modal .choice-box-toggle.hidden {
  display: none; }

#pdf-field-edit-modal .choice-box-toggle svg.icon {
  margin: 0 !important; }

.choice-box-toggle .choice-box-toggle__remove-icon {
  display: none; }

.choice-box-toggle.is-placed .choice-box-toggle__add-icon {
  display: none; }

.choice-box-toggle.is-placed .choice-box-toggle__remove-icon {
  display: inline; }

.choice-box-marker.is-pending {
  border-style: dashed;
  background: rgba(0, 0, 0, 0.04);
  cursor: default; }

.checkbox-mapping-popover {
  position: absolute;
  pointer-events: all;
  z-index: 30;
  width: 15.625rem;
  padding: 0.75rem;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.18); }
  .checkbox-mapping-popover .simple-label {
    display: block;
    margin: 0 0 0.25rem; }
  .checkbox-mapping-popover select {
    width: 100%; }
    .checkbox-mapping-popover select + .simple-label {
      margin-top: 0.5rem; }
  .checkbox-mapping-popover .k-dropdown {
    width: 100%; }
    .checkbox-mapping-popover .k-dropdown + .simple-label {
      margin-top: 0.5rem; }
  .checkbox-mapping-popover .checkbox-mapping-popover__new-field + .simple-label {
    margin-top: 0.5rem; }

.checkbox-mapping-popover__actions {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 0.75rem; }

.checkbox-mapping-popover__close {
  position: absolute;
  top: 0.375rem;
  right: 0.375rem; }

.checkbox-mapping-popover__hint {
  display: inline-flex;
  vertical-align: middle;
  margin-left: 0.125rem;
  cursor: help;
  opacity: 0.55; }
  .checkbox-mapping-popover__hint:hover {
    opacity: 1; }
  .checkbox-mapping-popover__hint .icon {
    width: 0.75rem;
    height: 0.75rem; }

#designer-add-custom-field-modal .designer-type-hint {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 0.5rem 0 0;
  padding: 0.5rem 0.75rem;
  font-size: 0.8125rem;
  border-radius: 0.25rem; }
  #designer-add-custom-field-modal .designer-type-hint .icon {
    flex: 0 0 auto;
    margin-top: 0.125rem;
    fill: currentColor; }
  #designer-add-custom-field-modal .designer-type-hint.hidden {
    display: none; }

.checkbox-mapping-popover__new-field {
  display: block;
  padding: 0.125rem 0;
  margin: 0.25rem 0 0.5rem;
  font-size: 0.75rem; }

.checkbox-mapping-popover__value-line {
  display: flex;
  align-items: center;
  gap: 0.25rem; }
  .checkbox-mapping-popover__value-line select {
    flex: 1 1 auto;
    min-width: 0; }

.checkbox-mapping-popover__value-icon {
  flex: 0 0 auto; }
  .checkbox-mapping-popover__value-icon[disabled] {
    opacity: 0.4;
    cursor: default;
    pointer-events: none; }
  .checkbox-mapping-popover__value-icon.hidden {
    display: none; }

.checkbox-mapping-popover__add-value {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin: 0.375rem 0 0.625rem; }
  .checkbox-mapping-popover__add-value input {
    flex: 1 1 auto;
    min-width: 0; }

.checkbox-mapping-popover__add-value.hidden {
  display: none; }

.checkbox-mapping-popover__remove-confirm {
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  margin: 0.25rem 0 0.625rem;
  font-size: 0.75rem; }
  .checkbox-mapping-popover__remove-confirm.hidden {
    display: none; }

.checkbox-mapping-popover__remove-question {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #55595c; }

.checkbox-mapping-popover__confirm-link {
  flex: 0 0 auto;
  background: none;
  border: none;
  padding: 0;
  font-size: 0.75rem;
  font-weight: 600;
  cursor: pointer;
  color: #C6579A; }
  .checkbox-mapping-popover__confirm-link:hover {
    text-decoration: underline; }

.checkbox-mapping-popover__confirm-link--danger {
  color: #f15b17; }

.checkbox-mapping-popover__confirm-link--muted {
  color: #9aa0a6; }
  .checkbox-mapping-popover__confirm-link--muted:hover {
    color: #55595c; }

.checkbox-mapping-popover__color {
  display: block;
  width: 3rem;
  height: 2rem;
  padding: 0.125rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  background: #fff;
  cursor: pointer; }

.checkbox-mapping-popover__appearance {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  margin-top: 0.5rem; }

.checkbox-mapping-popover__indicators {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.25rem;
  overflow: hidden; }

.checkbox-mapping-popover__indicator {
  width: 2.125rem;
  height: 1.875rem;
  padding: 0;
  background: #fff;
  border: none;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1;
  color: #55595c; }
  .checkbox-mapping-popover__indicator:last-child {
    border-right: none; }
  .checkbox-mapping-popover__indicator:hover {
    background: rgba(0, 0, 0, 0.05); }
  .checkbox-mapping-popover__indicator.is-selected {
    background: #C6579A;
    color: #fff; }

.checkbox-mapping-popover.hidden {
  display: none; }

#custom-drag-preview {
  position: fixed;
  pointer-events: none;
  z-index: 9999;
  left: 0;
  top: 0;
  will-change: transform;
  backface-visibility: hidden; }

#custom-drag-preview .drag-preview-field {
  background: rgba(198, 87, 154, 0.12);
  border: 0.0625rem solid #e6b6d3;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 0.6875rem;
  font-weight: bold;
  color: #C6579A;
  white-space: nowrap;
  line-height: 1.25rem;
  min-width: 5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center; }

.pdf-page-placeholder {
  min-height: 800px;
  margin: 20px auto;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 14px; }

.vertical-button-group {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px; }

#document-preview-wrapper {
  max-height: 100%;
  overflow-y: auto;
  padding: 0;
  background: #f7f8fa; }

#pdf-preview-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px; }

.pdf-page-wrapper.preview {
  position: relative;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  background: #fff;
  border-radius: 6px;
  padding: 0; }

.pdf-field-overlay.preview {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.placed-field.preview-field {
  background: rgba(4, 99, 83, 0.12);
  border: 1px dashed rgba(4, 99, 83, 0.7);
  border-radius: 4px;
  color: transparent; }
  .placed-field.preview-field.preview-field-labeled {
    color: #C6579A; }
  .placed-field.preview-field.signature-preview {
    background: transparent;
    border: none;
    color: #333;
    display: block;
    white-space: normal;
    text-align: left;
    min-width: auto;
    padding: 0;
    height: auto !important; }

.pdf-page-canvas {
  display: block;
  margin: 0 auto; }

.signature-field-button {
  background: #C6579A;
  border-radius: 0.25rem;
  padding: 0.5rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  cursor: pointer;
  width: 100%;
  height: 100%; }
  .signature-field-button .signature-field-text {
    font-family: Roboto, sans-serif;
    font-weight: bold;
    font-size: 0.75rem;
    line-height: 1.25rem;
    color: #ffffff; }
  .signature-field-button .signature-field-icon {
    color: #ffffff;
    font-size: 1rem; }

.k-grid .k-group-indicator .k-icon {
  color: #ffffff;
  opacity: 1; }

.k-grid .k-group-indicator .k-button.k-bare {
  opacity: 1; }