/* ==========================================================================
  Deax CSS
   ========================================================================== */
/* Icon font
  ========================================================================== */
@font-face {
    font-family: "icon-font";
    src: url("../../fonts/icon-font.woff2?818548d84836aa33372b19f3f13a478b") format("woff2"), url("../../fonts/icon-font.woff?818548d84836aa33372b19f3f13a478b") format("woff");
}

i[class^="hi-"]:before, i[class*=" hi-"]:before {
    font-family: icon-font !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hi-add:before {
    content: "\f101";
}

.hi-archive:before {
    content: "\f102";
}

.hi-arrow-down:before {
    content: "\f103";
}

.hi-arrow-left-down:before {
    content: "\f104";
}

.hi-arrow-left-up:before {
    content: "\f105";
}

.hi-arrow-left:before {
    content: "\f106";
}

.hi-arrow-right-down:before {
    content: "\f107";
}

.hi-arrow-right-up:before {
    content: "\f108";
}

.hi-arrow-right:before {
    content: "\f109";
}

.hi-arrow-up:before {
    content: "\f10a";
}

.hi-attachment:before {
    content: "\f10b";
}

.hi-backspace:before {
    content: "\f10c";
}

.hi-ban:before {
    content: "\f10d";
}

.hi-bar-chart-alt:before {
    content: "\f10e";
}

.hi-bar-chart:before {
    content: "\f10f";
}

.hi-board:before {
    content: "\f110";
}

.hi-bold:before {
    content: "\f111";
}

.hi-book:before {
    content: "\f112";
}

.hi-bookmark:before {
    content: "\f113";
}

.hi-calendar:before {
    content: "\f114";
}

.hi-call:before {
    content: "\f115";
}

.hi-camera:before {
    content: "\f116";
}

.hi-caret-down:before {
    content: "\f117";
}

.hi-caret-left-right:before {
    content: "\f118";
}

.hi-caret-left:before {
    content: "\f119";
}

.hi-caret-right:before {
    content: "\f11a";
}

.hi-caret-up-down:before {
    content: "\f11b";
}

.hi-caret-up:before {
    content: "\f11c";
}

.hi-check:before {
    content: "\f11d";
}

.hi-chevron-double-down:before {
    content: "\f11e";
}

.hi-chevron-double-left:before {
    content: "\f11f";
}

.hi-chevron-double-right:before {
    content: "\f120";
}

.hi-chevron-double-up:before {
    content: "\f121";
}

.hi-chevron-down:before {
    content: "\f122";
}

.hi-chevron-left:before {
    content: "\f123";
}

.hi-chevron-right:before {
    content: "\f124";
}

.hi-chevron-up:before {
    content: "\f125";
}

.hi-circle-add-filled:before {
    content: "\f126";
}

.hi-circle-add:before {
    content: "\f127";
}

.hi-circle-arrow-down-filled:before {
    content: "\f128";
}

.hi-circle-arrow-down:before {
    content: "\f129";
}

.hi-circle-arrow-left-filled:before {
    content: "\f12a";
}

.hi-circle-arrow-left:before {
    content: "\f12b";
}

.hi-circle-arrow-right-filled:before {
    content: "\f12c";
}

.hi-circle-arrow-right:before {
    content: "\f12d";
}

.hi-circle-arrow-up-filled:before {
    content: "\f12e";
}

.hi-circle-arrow-up:before {
    content: "\f12f";
}

.hi-circle-check-filled:before {
    content: "\f130";
}

.hi-circle-check:before {
    content: "\f131";
}

.hi-circle-error-filled:before {
    content: "\f132";
}

.hi-circle-error:before {
    content: "\f133";
}

.hi-circle-help-filled:before {
    content: "\f134";
}

.hi-circle-help:before {
    content: "\f135";
}

.hi-circle-information-filled:before {
    content: "\f136";
}

.hi-circle-information:before {
    content: "\f137";
}

.hi-circle-remove-filled:before {
    content: "\f138";
}

.hi-circle-remove:before {
    content: "\f139";
}

.hi-circle-warning-filled:before {
    content: "\f13a";
}

.hi-circle-warning:before {
    content: "\f13b";
}

.hi-circle:before {
    content: "\f13c";
}

.hi-clipboard-check:before {
    content: "\f13d";
}

.hi-clipboard-empty:before {
    content: "\f13e";
}

.hi-clipboard-error:before {
    content: "\f13f";
}

.hi-clipboard-list:before {
    content: "\f140";
}

.hi-clipboard:before {
    content: "\f141";
}

.hi-clock:before {
    content: "\f142";
}

.hi-close:before {
    content: "\f143";
}

.hi-cloud-download:before {
    content: "\f144";
}

.hi-cloud-upload:before {
    content: "\f145";
}

.hi-cloud:before {
    content: "\f146";
}

.hi-compass:before {
    content: "\f147";
}

.hi-computer:before {
    content: "\f148";
}

.hi-copy:before {
    content: "\f149";
}

.hi-credit-card:before {
    content: "\f14a";
}

.hi-delete-alt:before {
    content: "\f14b";
}

.hi-delete:before {
    content: "\f14c";
}

.hi-document-add:before {
    content: "\f14d";
}

.hi-document-check:before {
    content: "\f14e";
}

.hi-document-download:before {
    content: "\f14f";
}

.hi-document-empty:before {
    content: "\f150";
}

.hi-document-error:before {
    content: "\f151";
}

.hi-document-remove:before {
    content: "\f152";
}

.hi-document:before {
    content: "\f153";
}

.hi-download:before {
    content: "\f154";
}

.hi-drag:before {
    content: "\f155";
}

.hi-edit-alt:before {
    content: "\f156";
}

.hi-edit:before {
    content: "\f157";
}

.hi-email:before {
    content: "\f158";
}

.hi-enter:before {
    content: "\f159";
}

.hi-expand:before {
    content: "\f15a";
}

.hi-export:before {
    content: "\f15b";
}

.hi-external-link:before {
    content: "\f15c";
}

.hi-eye-off:before {
    content: "\f15d";
}

.hi-eye:before {
    content: "\f15e";
}

.hi-favorite:before {
    content: "\f15f";
}

.hi-filter-1:before {
    content: "\f160";
}

.hi-filter-alt:before {
    content: "\f161";
}

.hi-filter:before {
    content: "\f162";
}

.hi-flag:before {
    content: "\f163";
}

.hi-folder-add:before {
    content: "\f164";
}

.hi-folder-check:before {
    content: "\f165";
}

.hi-folder-download:before {
    content: "\f166";
}

.hi-folder-error:before {
    content: "\f167";
}

.hi-folder-remove:before {
    content: "\f168";
}

.hi-folder:before {
    content: "\f169";
}

.hi-grid:before {
    content: "\f16a";
}

.hi-heart:before {
    content: "\f16b";
}

.hi-home:before {
    content: "\f16c";
}

.hi-idea:before {
    content: "\f16d";
}

.hi-image:before {
    content: "\f16e";
}

.hi-inbox:before {
    content: "\f16f";
}

.hi-italic:before {
    content: "\f170";
}

.hi-laptop:before {
    content: "\f171";
}

.hi-layers:before {
    content: "\f172";
}

.hi-link-alt:before {
    content: "\f173";
}

.hi-link:before {
    content: "\f174";
}

.hi-list-ordered:before {
    content: "\f175";
}

.hi-list:before {
    content: "\f176";
}

.hi-location:before {
    content: "\f177";
}

.hi-lock:before {
    content: "\f178";
}

.hi-log-out:before {
    content: "\f179";
}

.hi-map:before {
    content: "\f17a";
}

.hi-megaphone:before {
    content: "\f17b";
}

.hi-menu:before {
    content: "\f17c";
}

.hi-message-alt:before {
    content: "\f17d";
}

.hi-message:before {
    content: "\f17e";
}

.hi-minimize:before {
    content: "\f17f";
}

.hi-mobile:before {
    content: "\f180";
}

.hi-moon:before {
    content: "\f181";
}

.hi-next:before {
    content: "\f182";
}

.hi-notification-off:before {
    content: "\f183";
}

.hi-notification:before {
    content: "\f184";
}

.hi-options-horizontal:before {
    content: "\f185";
}

.hi-options-vertical:before {
    content: "\f186";
}

.hi-organic-shapes:before {
    content: "\f187";
}

.hi-pause:before {
    content: "\f188";
}

.hi-percentage:before {
    content: "\f189";
}

.hi-pin:before {
    content: "\f18a";
}

.hi-plant:before {
    content: "\f18b";
}

.hi-play:before {
    content: "\f18c";
}

.hi-previous:before {
    content: "\f18d";
}

.hi-refresh:before {
    content: "\f18e";
}

.hi-remove:before {
    content: "\f18f";
}

.hi-reorder-alt:before {
    content: "\f190";
}

.hi-reorder:before {
    content: "\f191";
}

.hi-repeat:before {
    content: "\f192";
}

.hi-rocket:before {
    content: "\f193";
}

.hi-search:before {
    content: "\f194";
}

.hi-select:before {
    content: "\f195";
}

.hi-send:before {
    content: "\f196";
}

.hi-service:before {
    content: "\f197";
}

.hi-settings:before {
    content: "\f198";
}

.hi-share:before {
    content: "\f199";
}

.hi-shopping-cart-add:before {
    content: "\f19a";
}

.hi-shopping-cart:before {
    content: "\f19b";
}

.hi-shuffle:before {
    content: "\f19c";
}

.hi-sort:before {
    content: "\f19d";
}

.hi-speakers:before {
    content: "\f19e";
}

.hi-stop:before {
    content: "\f19f";
}

.hi-strikethrough:before {
    content: "\f1a0";
}

.hi-sun:before {
    content: "\f1a1";
}

.hi-sunrise:before {
    content: "\f1a2";
}

.hi-switch:before {
    content: "\f1a3";
}

.hi-table:before {
    content: "\f1a4";
}

.hi-tablet:before {
    content: "\f1a5";
}

.hi-tag:before {
    content: "\f1a6";
}

.hi-target:before {
    content: "\f1a7";
}

.hi-text:before {
    content: "\f1a8";
}

.hi-three-rows:before {
    content: "\f1a9";
}

.hi-tool:before {
    content: "\f1aa";
}

.hi-two-columns:before {
    content: "\f1ab";
}

.hi-two-rows:before {
    content: "\f1ac";
}

.hi-underline:before {
    content: "\f1ad";
}

.hi-undo:before {
    content: "\f1ae";
}

.hi-unlock:before {
    content: "\f1af";
}

.hi-user-add:before {
    content: "\f1b0";
}

.hi-user-check:before {
    content: "\f1b1";
}

.hi-user-circle:before {
    content: "\f1b2";
}

.hi-user-remove:before {
    content: "\f1b3";
}

.hi-user:before {
    content: "\f1b4";
}

.hi-users:before {
    content: "\f1b5";
}

.hi-volume-off:before {
    content: "\f1b6";
}

.hi-volume-up:before {
    content: "\f1b7";
}

.hi-warning-filled:before {
    content: "\f1b8";
}

.hi-warning:before {
    content: "\f1b9";
}

.hi-webcam:before {
    content: "\f1ba";
}

.hi-zoom-in:before {
    content: "\f1bb";
}

.hi-zoom-out:before {
    content: "\f1bc";
}

/* Settings: preprocessor variables, colors, global settings
   ========================================================================== */
/* ==========================================================================
  Colors
  Only define colors here. Don't use sass color functions, stick to hex values,
  or the color component in styleguide won't regenerate automatically anymore.
 ========================================================================== */
/* Grays
 ========================================================================== */
/* Primary
 ========================================================================== */
/* Secondary
 ========================================================================== */
/* Semantic colors
 ========================================================================== */
/* ==========================================================================
  Fonts
 ========================================================================== */
@font-face {
    font-family: 'Inter UI';
    font-style: normal;
    font-weight: 400;
    src: url("../../fonts/inter-ui-regular.woff2") format("woff2"), url("../../fonts/inter-ui-regular.woff") format("woff");
}

@font-face {
    font-family: 'Inter UI';
    font-style: normal;
    font-weight: 500;
    src: url("../../fonts/inter-ui-medium.woff2") format("woff2"), url("../../fonts/inter-ui-medium.woff") format("woff");
}

@font-face {
    font-family: 'Inter UI';
    font-style: normal;
    font-weight: 600;
    src: url("../../fonts/inter-ui-semibold.woff2") format("woff2"), url("../../fonts/inter-ui-semibold.woff") format("woff");
}

@font-face {
    font-family: 'Inter UI';
    font-style: normal;
    font-weight: 700;
    src: url("../../fonts/inter-ui-bold.woff2") format("woff2"), url("../../fonts/inter-ui-bold.woff") format("woff");
}

/* ==========================================================================
   Variables
   ---
   Global SCSS variables (override default values defined in component files)
   ========================================================================== */
/* Typography
   ========================================================================== */
/* Colors
   ========================================================================== */
/* Breakpoints
   ========================================================================== */
/* Z-index stack
   ========================================================================== */
/* Bars
   ========================================================================== */
/* General
   ========================================================================== */
/* Form groups
   ========================================================================== */
/* Generic: CSS reset, box-sizing, global CSS tweaks
  ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

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

/* Elements: element selectors, CMS-generated content
  ========================================================================== */
/* ==========================================================================
   Elements: Base
   ---
   Only use elements without selectors when really necessary.
   ========================================================================== */
/* Elements
   ========================================================================== */
*,
*:before,
*:after {
    box-sizing: border-box;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}

html {
    font-size: 54.16%;
}

@media (min-width: 1200px) {
    html {
        font-size: 58.33%;
    }
}

@media (min-width: 1600px) {
    html {
        font-size: 62.5%;
    }
}

body {
    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #3F545B;
    background: #fff;
}

body .c-body-compensate-header {
    padding-top: 6.4rem;
}

img,
video {
    max-width: 100%;
}

input,
textarea,
button,
select {
    font-family: inherit;
    font-size: inherit;
}

a {
    color: #46AFFF;
    text-underline-offset: 0.2rem;
}

em,
i {
    font-style: italic;
}

strong,
b {
    font-weight: 500;
}

/* Required fields
   ========================================================================== */
abbr[title] {
    pointer-events: visible !important;
    text-decoration: none;
    opacity: 1;
}

/* Objects: layout-related CSS, grid, SVG icons frame, flexbox classes
  ========================================================================== */
/* ==========================================================================
    Object: Card grid
    ---
    Uses CSS grid to position cards in grid layout
   ========================================================================== */
.o-card-grid {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 2.4rem 2.4rem;
    grid-template-columns: repeat(auto-fit, minmax(35rem, 1fr));
}

@media screen and (min-width: 400px) {
    .o-card-grid.small-up-1 {
        grid-template-columns: repeat(1, minmax(4.8rem, 1fr));
    }

    .o-card-grid.small-up-2 {
        grid-template-columns: repeat(2, minmax(4.8rem, 1fr));
    }

    .o-card-grid.small-up-3 {
        grid-template-columns: repeat(3, minmax(4.8rem, 1fr));
    }

    .o-card-grid.small-up-4 {
        grid-template-columns: repeat(4, minmax(4.8rem, 1fr));
    }

    .o-card-grid.small-up-5 {
        grid-template-columns: repeat(5, minmax(4.8rem, 1fr));
    }

    .o-card-grid.small-up-6 {
        grid-template-columns: repeat(6, minmax(4.8rem, 1fr));
    }
}

@media screen and (min-width: 700px) {
    .o-card-grid.medium-up-1 {
        grid-template-columns: repeat(1, minmax(4.8rem, 1fr));
    }

    .o-card-grid.medium-up-2 {
        grid-template-columns: repeat(2, minmax(4.8rem, 1fr));
    }

    .o-card-grid.medium-up-3 {
        grid-template-columns: repeat(3, minmax(4.8rem, 1fr));
    }

    .o-card-grid.medium-up-4 {
        grid-template-columns: repeat(4, minmax(4.8rem, 1fr));
    }

    .o-card-grid.medium-up-5 {
        grid-template-columns: repeat(5, minmax(4.8rem, 1fr));
    }

    .o-card-grid.medium-up-6 {
        grid-template-columns: repeat(6, minmax(4.8rem, 1fr));
    }
}

@media screen and (min-width: 900px) {
    .o-card-grid.large-up-1 {
        grid-template-columns: repeat(1, minmax(4.8rem, 1fr));
    }

    .o-card-grid.large-up-2 {
        grid-template-columns: repeat(2, minmax(4.8rem, 1fr));
    }

    .o-card-grid.large-up-3 {
        grid-template-columns: repeat(3, minmax(4.8rem, 1fr));
    }

    .o-card-grid.large-up-4 {
        grid-template-columns: repeat(4, minmax(4.8rem, 1fr));
    }

    .o-card-grid.large-up-5 {
        grid-template-columns: repeat(5, minmax(4.8rem, 1fr));
    }

    .o-card-grid.large-up-6 {
        grid-template-columns: repeat(6, minmax(4.8rem, 1fr));
    }
}

@media screen and (min-width: 1200px) {
    .o-card-grid.extra-large-up-1 {
        grid-template-columns: repeat(1, minmax(4.8rem, 1fr));
    }

    .o-card-grid.extra-large-up-2 {
        grid-template-columns: repeat(2, minmax(4.8rem, 1fr));
    }

    .o-card-grid.extra-large-up-3 {
        grid-template-columns: repeat(3, minmax(4.8rem, 1fr));
    }

    .o-card-grid.extra-large-up-4 {
        grid-template-columns: repeat(4, minmax(4.8rem, 1fr));
    }

    .o-card-grid.extra-large-up-5 {
        grid-template-columns: repeat(5, minmax(4.8rem, 1fr));
    }

    .o-card-grid.extra-large-up-6 {
        grid-template-columns: repeat(6, minmax(4.8rem, 1fr));
    }
}

.o-card-grid__item[data-column="-1"] {
    grid-column-start: -2;
}

.o-card-grid__item[data-column="1"] {
    grid-column-start: 1;
}

.o-card-grid__item[data-column-span="1"] {
    grid-column-end: span 1;
}

.o-card-grid__item[data-column="-2"] {
    grid-column-start: -3;
}

.o-card-grid__item[data-column="2"] {
    grid-column-start: 2;
}

.o-card-grid__item[data-column-span="2"] {
    grid-column-end: span 2;
}

.o-card-grid__item[data-column="-3"] {
    grid-column-start: -4;
}

.o-card-grid__item[data-column="3"] {
    grid-column-start: 3;
}

.o-card-grid__item[data-column-span="3"] {
    grid-column-end: span 3;
}

.o-card-grid__item[data-column="-4"] {
    grid-column-start: -5;
}

.o-card-grid__item[data-column="4"] {
    grid-column-start: 4;
}

.o-card-grid__item[data-column-span="4"] {
    grid-column-end: span 4;
}

.o-card-grid__item[data-column="-5"] {
    grid-column-start: -6;
}

.o-card-grid__item[data-column="5"] {
    grid-column-start: 5;
}

.o-card-grid__item[data-column-span="5"] {
    grid-column-end: span 5;
}

.o-card-grid__item[data-column="-6"] {
    grid-column-start: -7;
}

.o-card-grid__item[data-column="6"] {
    grid-column-start: 6;
}

.o-card-grid__item[data-column-span="6"] {
    grid-column-end: span 6;
}

.o-card-grid__item[data-row="-1"] {
    grid-row-start: -2;
}

.o-card-grid__item[data-row="1"] {
    grid-row-start: 1;
}

.o-card-grid__item[data-row-span="1"] {
    grid-row-end: span 1;
}

.o-card-grid__item[data-row="-2"] {
    grid-row-start: -3;
}

.o-card-grid__item[data-row="2"] {
    grid-row-start: 2;
}

.o-card-grid__item[data-row-span="2"] {
    grid-row-end: span 2;
}

.o-card-grid__item[data-row="-3"] {
    grid-row-start: -4;
}

.o-card-grid__item[data-row="3"] {
    grid-row-start: 3;
}

.o-card-grid__item[data-row-span="3"] {
    grid-row-end: span 3;
}

.o-card-grid__item[data-row="-4"] {
    grid-row-start: -5;
}

.o-card-grid__item[data-row="4"] {
    grid-row-start: 4;
}

.o-card-grid__item[data-row-span="4"] {
    grid-row-end: span 4;
}

.o-card-grid__item[data-row="-5"] {
    grid-row-start: -6;
}

.o-card-grid__item[data-row="5"] {
    grid-row-start: 5;
}

.o-card-grid__item[data-row-span="5"] {
    grid-row-end: span 5;
}

.o-card-grid__item[data-row="-6"] {
    grid-row-start: -7;
}

.o-card-grid__item[data-row="6"] {
    grid-row-start: 6;
}

.o-card-grid__item[data-row-span="6"] {
    grid-row-end: span 6;
}

.o-card-grid--fill {
    grid-template-columns: repeat(auto-fill, minmax(25.6rem, 1fr));
}

/* ==========================================================================
    Object: Container
    ---
    Fluid container for content
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Object
   ========================================================================== */
.o-container {
    margin: 0 auto;
    max-width: 130rem;
    width: calc(100% - 2.4rem);
}

@media (min-width: 700px) {
    .o-container {
        width: calc(100% - 3.2rem);
    }
}

@media (min-width: 900px) {
    .o-container {
        width: calc(100% - 4.8rem);
    }
}

@media (min-width: 1200px) {
    .o-container {
        width: calc(100% - 6.4rem);
    }
}

.o-container--small {
    margin: 0 auto;
    max-width: 56rem;
}

.o-container--medium {
    margin: 0 auto;
    max-width: 72rem;
}

.o-container--large {
    margin: 0 auto;
    max-width: 94rem;
}

@media (min-width: 700px) {
    .o-container-bp2 {
        max-width: 130rem;
    }

    .o-container-bp2--small {
        max-width: 56rem;
    }

    .o-container-bp2--medium {
        max-width: 72rem;
    }

    .o-container-bp2--large {
        max-width: 94rem;
    }
}

.o-container--left {
    margin: 0 1.6rem;
}

@media (min-width: 700px) {
    .o-container--left {
        margin: 0 3.2rem;
    }
}

@media (min-width: 900px) {
    .o-container--left {
        margin: 0 4.8rem;
    }
}

@media (min-width: 1200px) {
    .o-container--left {
        margin: 0 6.4rem;
    }
}

/* ==========================================================================
  Container vertical
   ========================================================================== */
/* Block spacing
   ========================================================================== */
.o-container-vertical--padding-small {
    padding: .8rem 0;
}

.o-container-vertical {
    padding: 2.4rem 0;
}

.o-container-vertical--padding-medium {
    padding: 3.2rem 0;
}

.o-container-vertical--padding-large {
    padding: 4.8rem 0;
}

@media (min-width: 700px) {
    .o-container-vertical {
        padding: 4.8rem 0;
    }

    .o-container-vertical--padding-small {
        padding: 1.6rem 0;
    }

    .o-container-vertical--padding-medium {
        padding: 6.4rem 0;
    }

    .o-container-vertical--padding-large {
        padding: 9.6rem 0;
    }
}

/* Block modifiers
   Change the look of the entire block
   ========================================================================== */
.o-container-vertical--bg-alt {
    background: #E2E7E8;
}

.o-container-vertical--bottom-bordered {
    border-bottom: 1px solid #C6CFD2;
}

.o-container-vertical--top-bordered {
    border-top: 1px solid #C6CFD2;
}

.o-container--hidden-mobile {
    display: none;
}

@media (min-width: 700px) {
    .o-container--hidden-mobile {
        display: block;
    }
}

.o-container--hidden-display {
    display: block;
}

@media (min-width: 700px) {
    .o-container--hidden-display {
        display: none;
    }
}

/* ==========================================================================
    Object: Flex
    ---
    Object to make a container use flexbox
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Utility classes
   ========================================================================== */
.o-flex {
    display: flex;
}

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

.o-flex--vertical-center {
    align-items: center;
}

.o-flex--horizontal-center {
    justify-content: center;
}

.o-flex--center {
    justify-content: center;
    align-items: center;
}

.o-flex--justify-start {
    justify-content: flex-start;
}

.o-flex--justify-end {
    justify-content: flex-end;
}

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

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

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

.o-flex--align-start {
    align-items: flex-start;
}

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

.o-flex--align-baseline {
    align-items: baseline;
}

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

.o-flex--wrap {
    flex-wrap: wrap;
}

.o-flex--spaced > *:not(:last-child) {
    margin-right: 0.8rem;
}

.o-flex--spaced-wide > *:not(:last-child) {
    margin-right: 1.6rem;
}

/* Flexible items
   ========================================================================== */
.o-flex__item {
    flex: 1;
}

.o-flex__item--shrink {
    flex: 0 1 0%;
}

.o-flex__item--auto {
    flex: 1 0 auto;
}

/* ==========================================================================
  Object: Form group
  ---
  Wrapping component for a label and an input control
   ========================================================================== */
/* Variables
   ========================================================================== */
/* o-form-group
   Group within a form that defines a layout
   ========================================================================== */
.o-form-group-layout--standard .o-form-group {
    margin-bottom: 1.6rem;
}

.o-form-group-layout--standard .o-form-group__controls {
    flex: 1 1 auto;
}

.o-form-group-layout--standard .o-form-group__label {
    padding: 0.8rem 0;
    color: #3F545B;
    flex: none;
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
}

.o-form-group-layout--standard .o-form-group__label--inline {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    margin-right: 0.8rem;
    white-space: nowrap;
    flex-flow: row wrap;
}

/* o-form-horizontal
   Affect form groups
   ========================================================================== */
.o-form-group-layout--horizontal .o-form-group {
    display: flex;
    align-items: center;
    margin: 0.8rem 0;
}

.o-form-group-layout--horizontal .o-form-group__label {
    display: block;
    width: 19.2rem;
    font-weight: 500;
}

.o-form-group-layout--horizontal .o-form-group__label-shrink {
    width: auto;
}

/* Inline layout
   ========================================================================== */
.o-form-group-layout--inline {
    display: flex;
}

.o-form-group-layout--inline .o-form-group {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    margin-left: 0.8rem;
}

.o-form-group-layout--inline .o-form-group:first-child {
    margin: 0;
}

.o-form-group-layout--inline .o-form-group .o-form-group__controls {
    flex: 1 1 auto;
}

.o-form-group-layout--inline .o-form-group .c-button {
    height: 100%;
}

.o-form-group-layout--inline .o-form-group__label {
    font-weight: 500;
    margin-right: 0.8rem;
    white-space: nowrap;
}

.o-form-group-layout--inline .o-form-group--inline-grow {
    flex: 1 0 auto;
}

.o-form-group-layout--inline .o-form-group--inline-shrink {
    flex: 0 1 auto;
}

/* ==========================================================================
  Grid
  ---
  Basic flex-based grid system
  Based on flexbox and calc()
  Support:
     * IE10 and up
     * Edge, Chrome, Safari, Firefox (except very old versions)
   ========================================================================== */
.o-grid {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.2rem;
    margin-right: -1.2rem;
}

.o-grid-col-invisible {
    display: none;
}

/* Grid columns (default)
   ========================================================================== */
[class*='o-grid-col'] {
    flex: 1 0 calc(100% - 2.4rem);
    min-width: 0;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}

.o-grid-col-1 {
    width: calc(8.33333% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-2 {
    width: calc(16.66667% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-3 {
    width: calc(25% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-4 {
    width: calc(33.33333% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-5 {
    width: calc(41.66667% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-6 {
    width: calc(50% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-7 {
    width: calc(58.33333% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-8 {
    width: calc(66.66667% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-9 {
    width: calc(75% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-10 {
    width: calc(83.33333% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-11 {
    width: calc(91.66667% - 2.4rem);
    flex: 1 1 auto;
}

.o-grid-col-12 {
    width: calc(100% - 2.4rem);
    flex: 1 1 auto;
}

@media (min-width: 400px) {
    [class*='o-grid-col-bp1-'] {
        flex: 1 1 auto;
    }

    .o-grid-col-bp1-1 {
        width: calc(8.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-2 {
        width: calc(16.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-3 {
        width: calc(25% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-4 {
        width: calc(33.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-5 {
        width: calc(41.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-6 {
        width: calc(50% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-7 {
        width: calc(58.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-8 {
        width: calc(66.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-9 {
        width: calc(75% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-10 {
        width: calc(83.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-11 {
        width: calc(91.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp1-12 {
        width: calc(100% - 2.4rem);
        display: block;
    }
}

@media (min-width: 700px) {
    [class*='o-grid-col-bp2-'] {
        flex: 1 1 auto;
    }

    .o-grid-col-bp2-1 {
        width: calc(8.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-2 {
        width: calc(16.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-3 {
        width: calc(25% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-4 {
        width: calc(33.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-5 {
        width: calc(41.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-6 {
        width: calc(50% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-7 {
        width: calc(58.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-8 {
        width: calc(66.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-9 {
        width: calc(75% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-10 {
        width: calc(83.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-11 {
        width: calc(91.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp2-12 {
        width: calc(100% - 2.4rem);
        display: block;
    }
}

@media (min-width: 900px) {
    [class*='o-grid-col-bp3-'] {
        flex: 1 1 auto;
    }

    .o-grid-col-bp3-1 {
        width: calc(8.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-2 {
        width: calc(16.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-3 {
        width: calc(25% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-4 {
        width: calc(33.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-5 {
        width: calc(41.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-6 {
        width: calc(50% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-7 {
        width: calc(58.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-8 {
        width: calc(66.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-9 {
        width: calc(75% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-10 {
        width: calc(83.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-11 {
        width: calc(91.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp3-12 {
        width: calc(100% - 2.4rem);
        display: block;
    }
}

@media (min-width: 1200px) {
    [class*='o-grid-col-bp4-'] {
        flex: 1 1 auto;
    }

    .o-grid-col-bp4-1 {
        width: calc(8.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-2 {
        width: calc(16.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-3 {
        width: calc(25% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-4 {
        width: calc(33.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-5 {
        width: calc(41.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-6 {
        width: calc(50% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-7 {
        width: calc(58.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-8 {
        width: calc(66.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-9 {
        width: calc(75% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-10 {
        width: calc(83.33333% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-11 {
        width: calc(91.66667% - 2.4rem);
        display: block;
    }

    .o-grid-col-bp4-12 {
        width: calc(100% - 2.4rem);
        display: block;
    }
}

/* Grid columns (modifiers)
   ========================================================================== */
.o-grid--no-wrap {
    flex-wrap: nowrap;
}

.o-grid-col-static {
    flex: none;
}

@media (min-width: 400px) {
    .o-grid-col-bp1-static {
        flex: none;
    }
}

@media (min-width: 700px) {
    .o-grid-col-bp2-static {
        flex: none;
    }
}

@media (min-width: 900px) {
    .o-grid-col-bp3-static {
        flex: none;
    }
}

.o-grid-col-flex {
    flex: 1 1 auto;
}

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

/* ==========================================================================
  Object: SVG Icon
  ---
  Styling for auto-embedded SVG icons
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Object
   ========================================================================== */
.o-icon {
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
}

.o-icon .hi {
    width: 100%;
    height: 100%;
    line-height: 1;
}

.o-flex .o-icon {
    flex-shrink: 0;
}

/* Size Variations
   ========================================================================== */
.o-icon--default {
    font-size: 2.4rem;
}

.o-icon--large {
    font-size: 3.2rem;
}

.o-icon--huge {
    font-size: 5.6rem;
}

.o-icon--small {
    font-size: 1.6rem;
}

.o-icon--narrow {
    font-size: 2.4rem;
}

.o-icon--narrow .hi {
    width: 1.2rem;
}

/* Color Variations
   ========================================================================== */
.o-icon--primary,
.o-icon--blue {
    color: #46AFFF;
}

.o-icon--green {
    color: #4FCC85;
}

.o-icon--green-dark {
    color: #2FB468;
}

.o-icon--yellow {
    color: #FDB72C;
}

.o-icon--yellow-dark {
    color: #E8A219;
}

.o-icon--red {
    color: #FF6B6B;
}

.o-icon--red-dark {
    color: #D74C4C;
}

.o-icon--white {
    color: white;
}

.o-icon--subtle {
    color: #586D74;
}

.o-icon--invisible {
    opacity: 0;
}

/* Components
  ========================================================================== */
/* ==========================================================================
  c-accordion
   ========================================================================== */
.c-accordion__item + .c-accordion__item {
    margin-top: 1.6rem;
}

.c-accordion__item .c-accordion__header {
    display: flex;
    align-items: center;
    height: 6.4rem;
}

.c-accordion__item .c-accordion__header button {
    all: inherit;
    width: 100%;
    border: .1rem solid transparent;
    border-bottom: 0.1rem solid #C6CFD2;
    cursor: pointer;
    border-radius: .3rem .3rem 0 0;
    z-index: 0;
}

.c-accordion__item .c-accordion__header button:hover {
    background-color: #F5F5F5;
}

.c-accordion__item .c-accordion__header button:hover .c-progress-bar__bar {
    background-color: #D4DBDD;
}

.c-accordion__item .c-accordion__header button:active, .c-accordion__item .c-accordion__header button:focus {
    background-color: #F5F5F5;
}

.c-accordion__item .c-accordion__header button:active .c-progress-bar__bar, .c-accordion__item .c-accordion__header button:focus .c-progress-bar__bar {
    background-color: #D4DBDD;
}

.c-accordion__item .c-accordion__header button:focus {
    border-color: #46AFFF;
    border-radius: .3rem;
}

.c-accordion__item .c-accordion__header--controls button {
    padding: 0 1.6rem 0 .8rem;
}

.c-accordion__item .c-accordion__title {
    font-weight: 500;
    padding: 0 .8rem;
    font-size: 1.8rem;
    margin: 0;
}

.c-accordion__item .c-toolbar__left .c-button {
    margin-right: 1rem;
}

.c-accordion__item .c-accordion__content {
    display: block;
    margin-top: 2rem;
}

.c-accordion__item .c-accordion__content--gray {
    background-color: #F5F5F5;
}

.c-accordion__item .c-toolbar__left .c-toolbar__item:first-child > .o-icon {
    transform: rotate(90deg);
    transition: .150s ease-in-out;
}

.c-accordion__item.c-accordion__item--closed .c-accordion__content {
    display: none;
}

.c-accordion__item.c-accordion__item--closed .c-toolbar__left .c-toolbar__item:first-child > .o-icon {
    transform: rotate(0deg);
}

.c-accordion__item .c-toolbar__item {
    display: flex;
    align-items: center;
}

.c-accordion--compact .c-accordion__item + .c-accordion__item {
    margin-top: 0;
}

.c-accordion--compact .c-accordion__item .c-accordion__title {
    font-weight: 400;
    font-size: 1.6rem;
}

.c-accordion--compact .c-accordion__item:last-child .c-accordion__header button {
    border-color: transparent;
}

.c-accordion--compact .c-accordion__item:last-child .c-accordion__header button:focus {
    border-color: #46AFFF;
}

/* ==========================================================================
  Alert skins
  ---
  Rules of this file: you CAN'T touch the box model here, just colors.
   ========================================================================== */
/* Component
   ========================================================================== */
.c-alert {
    background: #F5F5F5;
    border-color: #C6CFD2;
}

.c-alert.c-alert--dark {
    border-color: #000000;
    background: #000000;
    color: #fff;
}

.c-alert.c-alert--dark a {
    color: currentColor;
}

.c-alert.c-alert--dark .c-button.c-button--icon {
    color: currentColor;
    opacity: 0.5;
}

.c-alert.c-alert--dark .c-button.c-button--icon:hover {
    opacity: 1;
    color: currentColor;
}

.c-alert.c-alert--dark .c-button.c-button--icon:focus, .c-alert.c-alert--dark .c-button.c-button--icon:active {
    opacity: 1;
}

/* ==========================================================================
  Component: Alert stack
  ---
  Create a global stack for alerts. You can add an element to the stack.
   ========================================================================== */
/* c-alert-stack
   ========================================================================== */
.c-alert-stack {
    position: fixed;
    right: 1.6rem;
    bottom: 1.6rem;
    min-width: 48rem;
}

.c-alert-stack li {
    margin-top: 1.6rem;
}

/* Compensate footer
   ========================================================================== */
.c-alert-stack--compensate-footer {
    margin-bottom: 6.4rem;
}

/* Animations
   ========================================================================== */
.c-alert-stack li {
    display: flex;
}

.c-alert-stack .c-alert--animate-in {
    -webkit-animation: 0.3s ease-in 0.2s both floating-alert-in;
    animation: 0.3s ease-in 0.2s both floating-alert-in;
}

.c-alert-stack .c-alert--animate-out {
    -webkit-animation: 0.3s ease-out 0.2s both floating-alert-out;
    animation: 0.3s ease-out 0.2s both floating-alert-out;
}

@-webkit-keyframes floating-alert-in {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-1rem);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes floating-alert-in {
    0% {
        opacity: 0;
        transform: translateX(-50%) translateY(-1rem);
    }
    100% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@-webkit-keyframes floating-alert-out {
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-1rem);
    }
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@keyframes floating-alert-out {
    100% {
        opacity: 0;
        transform: translateX(-50%) translateY(-1rem);
    }
    0% {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

/* ==========================================================================
  Component: Alert
  ---
  Use alerts for messaging across the application.
  ---
  Rules of this file: this file is ONLY for layout, please see alert-skins.scss for colors
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
   ========================================================================== */
.c-alert {
    padding: 1.6rem;
    border: 1px solid #C6CFD2;
    border-radius: 0.3rem;
    display: flex;
    align-items: center;
    width: 100%;
    flex-flow: row wrap;
}

.c-alert > * {
    flex-basis: auto;
}

.c-alert .c-button--icon.c-button--borderless {
    cursor: pointer;
    padding: 0.6rem;
    margin: -0.6rem;
}

.c-alert + .c-alert {
    margin-top: 1.6rem;
}

.c-alert__body {
    display: flex;
    flex: 1;
}

.c-alert__body:not(:first-child) {
    margin-left: 1.6rem;
}

.c-alert__body:not(:last-child) {
    margin-right: 1.6rem;
}

.c-alert.c-alert--medium {
    max-width: 66rem;
}

.c-alert.c-alert--large {
    max-width: 88rem;
}

.c-alert.c-alert--full {
    max-width: none;
    margin: 1.6rem;
}

.c-alert--error {
    color: white;
    background-color: #FF6B6B !important;
}
.c-alert--error .o-icon {
    color: #fff;
}

.c-alert--success {
    color: white;
    background-color: #4FCC85 !important;
}
.c-alert--success .o-icon {
    color: white;
}

.c-alert--warning  {
    color: white;
    background-color: #E8A219 !important;
}
.c-alert--warning .o-icon {
    color: white;
}


/* ==========================================================================
  c-align-bar
   ========================================================================== */
.c-align-bar {
    display: flex;
    align-items: center;
    width: 100%;
}

.c-align-bar__bar {
    display: flex;
    flex: 1;
    height: 1.4rem;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.c-align-bar__bar:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 0.1rem solid #D4DBDD;
}

.c-align-bar__bar-inner {
    position: absolute;
    display: block;
    left: calc(var(--alignvalue) * 100%);
    width: 0;
    height: 1.4rem;
    z-index: 1;
}

.c-align-bar__bar-inner:before, .c-align-bar__bar-inner:after {
    content: '';
    display: block;
    border: 0.2rem solid #46AFFF;
    width: 1rem;
    height: 100%;
    position: absolute;
}

.c-align-bar__bar-inner:before {
    border-right: none;
    left: -1rem;
}

.c-align-bar__bar-inner:after {
    border-left: none;
    right: -1rem;
}

.c-align-bar__bar-bg {
    display: block;
    position: absolute;
    left: calc(var(--alignvalue) * 100%);
    width: 0;
    height: 100%;
    z-index: 1;
}

.c-align-bar__bar-bg:before, .c-align-bar__bar-bg:after {
    content: '';
    display: block;
    background-color: #4FCCC4;
    width: 3.5rem;
    height: 100%;
    position: absolute;
}

.c-align-bar__bar-bg:before {
    left: -3.5rem;
}

.c-align-bar__bar-bg:after {
    right: -3.5rem;
}

/* ==========================================================================
  c-avatar-and-text
   ========================================================================== */
.c-avatar-and-text {
    display: flex;
    align-items: center;
    min-width: 0;
}

.c-avatar-and-text .c-avatar {
    margin-right: 1.2rem;
}

.c-avatar-and-text .c-avatar.c-avatar--small {
    margin-right: 1.2rem;
}

.c-avatar-and-text__text {
    flex: 1;
    min-width: 0;
}

.c-avatar-and-text__text p,
.c-avatar-and-text__text h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.c-avatar-and-text__text h3 {
    margin-bottom: 0.4rem;
}

/* ==========================================================================
  Component: Avatar
  ---
  A profile image for users. When there is no image, display the initials of the user.
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
   ========================================================================== */
.c-avatar {
    font-size: 1.4rem;
    font-weight: 500;
    width: 3.2rem;
    height: 3.2rem;
    min-width: 3.2rem;
    min-height: 3.2rem;
    line-height: 3.2rem;
    border-radius: 50%;
    text-align: center;
    background-color: #46AFFF;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.c-avatar .o-icon {
    font-size: 1.8rem;
    position: relative;
    top: -0.1rem;
    margin: auto;
}

/* Skins
   ========================================================================== */
.c-avatar--success {
    background-color: #2FB468;
}

.c-avatar--primary {
    background-color: #46AFFF;
}

.c-avatar--secondary {
    background-color: #8D9FA5;
}

.c-avatar--muted {
    background-color: #E2E7E8;
    color: #818181;
}

.c-avatar--yellow {
    background-color: #E8A219;
}

.c-avatar--red {
    background-color: #D74C4C;
}

.c-avatar--green {
    background-color: #2FB468;
}

/* Sizes
   ========================================================================== */
.c-avatar--xsmall {
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
    min-height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.8rem;
}

.c-avatar--xsmall .o-icon {
    font-size: 1.6rem;
    position: relative;
    top: -0.1rem;
}

.c-avatar--small {
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    line-height: 2.4rem;
    font-size: 80%;
}

.c-avatar--small .o-icon {
    font-size: 1.6rem;
    position: relative;
    top: -0.1rem;
}

.c-avatar--medium {
    width: 4.8rem;
    height: 4.8rem;
    min-width: 4.8rem;
    min-height: 4.8rem;
    line-height: 4.8rem;
    font-size: 1.8rem;
}

.c-avatar--medium .o-icon {
    font-size: 2.4rem;
    position: relative;
    top: -0.1rem;
}

.c-avatar--large {
    width: 6.4rem;
    height: 6.4rem;
    min-width: 6.4rem;
    min-height: 6.4rem;
    line-height: 6.4rem;
    font-size: 2.4rem;
}

.c-avatar--large .o-icon {
    font-size: 3rem;
    position: relative;
    top: -0.1rem;
}

.c-avatar--extra-large {
    width: 9.6rem;
    height: 9.6rem;
    min-width: 9.6rem;
    min-height: 9.6rem;
    line-height: 9.6rem;
    font-size: 2.4rem;
}

.c-avatar--extra-large .o-icon {
    font-size: 4rem;
    position: relative;
    top: -0.1rem;
}

/* Image variant
   ========================================================================== */
.c-avatar--img {
    background: none;
    border: 0.1rem solid #C6CFD2;
    overflow: hidden;
}

.c-avatar--img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}

/* Avatar list
   ========================================================================== */
.c-avatar-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 0.8rem;
}

.c-avatar-list .c-avatar {
    margin-left: -0.8rem;
}

.c-avatar-list .c-avatar {
    border: .1rem solid #fff;
}

.c-avatar-list .c-avatar:nth-child(0) {
    z-index: 10;
}

.c-avatar-list .c-avatar:nth-child(1) {
    z-index: 9;
}

.c-avatar-list .c-avatar:nth-child(2) {
    z-index: 8;
}

.c-avatar-list .c-avatar:nth-child(3) {
    z-index: 7;
}

.c-avatar-list .c-avatar:nth-child(4) {
    z-index: 6;
}

.c-avatar-list .c-avatar:nth-child(5) {
    z-index: 5;
}

.c-avatar-list .c-avatar:nth-child(6) {
    z-index: 4;
}

.c-avatar-list .c-avatar:nth-child(7) {
    z-index: 3;
}

.c-avatar-list .c-avatar:nth-child(8) {
    z-index: 2;
}

.c-avatar-list .c-avatar:nth-child(9) {
    z-index: 1;
}

/* ==========================================================================
  c-badge-and-text
   ========================================================================== */
.c-badge-and-text {
    display: flex;
    align-items: center;
    min-width: 0;
}

.c-badge-and-text .c-badge {
    margin-right: 1.2rem;
}

.c-badge-and-text .c-badge.c-badge--small {
    margin-right: 1.2rem;
}

.c-badge-and-text__text {
    flex: 1;
    min-width: 0;
}

.c-badge-and-text__text h3 {
    margin-bottom: 0.4rem;
}

/* ==========================================================================
  Component: Badge
  ---
  A profile image for users. When there is no image, display the initials of the user.
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
   ========================================================================== */
.c-badge {
    font-size: 1.4rem;
    font-weight: 500;
    width: 3.2rem;
    height: 3.2rem;
    min-width: 3.2rem;
    min-height: 3.2rem;
    line-height: 3.2rem;
    border-radius: 50%;
    text-align: center;
    background-color: #46AFFF;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.c-badge .o-icon {
    font-size: 1.8rem;
    position: relative;
    top: -0.1rem;
    margin: auto;
}

/* Skins
   ========================================================================== */
.c-badge--success {
    background-color: #2FB468;
}

.c-badge--primary {
    background-color: #46AFFF;
}

.c-badge--secondary {
    background-color: #8D9FA5;
}

.c-badge--muted {
    background-color: #E2E7E8;
    color: #818181;
}

.c-badge--yellow {
    background-color: #E8A219;
}

.c-badge--red {
    background-color: #D74C4C;
}

.c-badge--green {
    background-color: #2FB468;
}

/* Sizes
   ========================================================================== */
.c-badge--xsmall {
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
    min-height: 1.8rem;
    line-height: 1.8rem;
    font-size: 0.8rem;
}

.c-badge--xsmall .o-icon {
    font-size: 1.6rem;
    position: relative;
    top: -0.1rem;
}

.c-badge--small {
    width: 2.4rem;
    height: 2.4rem;
    min-width: 2.4rem;
    min-height: 2.4rem;
    line-height: 2.4rem;
    font-size: 80%;
}

.c-badge--small .o-icon {
    font-size: 1.6rem;
    position: relative;
    top: -0.1rem;
}

.c-badge--medium {
    width: 4.8rem;
    height: 4.8rem;
    min-width: 4.8rem;
    min-height: 4.8rem;
    line-height: 4.8rem;
    font-size: 1.8rem;
}

.c-badge--medium .o-icon {
    font-size: 2.4rem;
    position: relative;
    top: -0.1rem;
}

.c-badge--large {
    width: 6.4rem;
    height: 6.4rem;
    min-width: 6.4rem;
    min-height: 6.4rem;
    line-height: 6.4rem;
    font-size: 2.4rem;
}

.c-badge--large .o-icon {
    font-size: 3rem;
    position: relative;
    top: -0.1rem;
}

.c-badge--extra-large {
    width: 9.6rem;
    height: 9.6rem;
    min-width: 9.6rem;
    min-height: 9.6rem;
    line-height: 9.6rem;
    font-size: 2.4rem;
}

.c-badge--extra-large .o-icon {
    font-size: 4rem;
    position: relative;
    top: -0.1rem;
}

/* Badge list
   ========================================================================== */
.c-badge-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 0.8rem;
}

.c-badge-list .c-badge {
    margin-left: -0.8rem;
}

.c-badge-list .c-badge {
    border: .1rem solid #fff;
}

.c-badge-list .c-badge:nth-child(0) {
    z-index: 10;
}

.c-badge-list .c-badge:nth-child(1) {
    z-index: 9;
}

.c-badge-list .c-badge:nth-child(2) {
    z-index: 8;
}

.c-badge-list .c-badge:nth-child(3) {
    z-index: 7;
}

.c-badge-list .c-badge:nth-child(4) {
    z-index: 6;
}

.c-badge-list .c-badge:nth-child(5) {
    z-index: 5;
}

.c-badge-list .c-badge:nth-child(6) {
    z-index: 4;
}

.c-badge-list .c-badge:nth-child(7) {
    z-index: 3;
}

.c-badge-list .c-badge:nth-child(8) {
    z-index: 2;
}

.c-badge-list .c-badge:nth-child(9) {
    z-index: 1;
}

/* ==========================================================================
  c-banner
   ========================================================================== */
.c-banner {
    padding: 2rem 2.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.c-banner__left {
    display: flex;
    align-items: center;
}

.c-banner--impersonating {
    width: 100%;
    background-color: #E2E7E8;
}

.c-banner__buttons {
    display: flex;
}

.c-banner__buttons .c-button:last-child {
    margin-left: 1.6rem;
}

/* ==========================================================================
  Component: Blank slate
  ---
  Use Blank slates for messaging across the application when there is no action to perform.
  Use the actionable empty state if there is.
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
      ========================================================================== */
.c-blank-slate {
    display: flex;
    flex-flow: column;
    align-items: center;
}

.c-blank-slate .c-avatar {
    background-color: #3F545B;
    margin-bottom: 1.2rem;
}

.c-blank-slate__title {
    font-weight: 500;
    margin: 0;
}

.c-blank-slate__subtitle {
    margin: 0;
}

.c-blank-slate__title + .c-blank-slate__subtitle {
    color: #818181;
}

.c-blank-slate--info .c-avatar {
    background-color: #3F545B;
}

.c-blank-slate--success .c-avatar {
    background-color: #2FB468;
}

.c-blank-slate--warning .c-avatar {
    background-color: #E8A219;
}

.c-blank-slate--error .c-avatar {
    background-color: #D74C4C;
}

.c-blank-slate--disabled .c-avatar {
    background-color: #8D9FA5;
}

/* ==========================================================================
  Component: c-box
   ========================================================================== */
.c-box {
    padding: 2rem;
    border: 0.1rem solid #C6CFD2;
    border-radius: 0.3rem;
}

/* ==========================================================================
  Component: c-brand
   ========================================================================== */
.c-brand {
    padding: 0;
    margin-right: 0.8rem;
    display: block;
    height: 3.6rem;
}

.c-brand a,
.c-brand img {
    display: block;
    position: relative;

}

/* ==========================================================================
  c-button-list
   ========================================================================== */
.c-button-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.c-button-list li:not(:last-child) {
    margin: 0 0 1.6rem;
}

/* ==========================================================================
  Component: Button Skins
  ---
  Rules of this file: you CAN'T touch the box model here, just colors.
   ========================================================================== */
/* Variables
   ========================================================================== */
.c-button {
    transition: 0.18s ease-in;
    transition-property: background, border;
    border: .1rem solid transparent;
}

/* Primary
   ========================================================================== */
.c-button.c-button--primary {
    background: #46AFFF;
    border-color: #46AFFF;
    color: #fff;
}

.c-button.c-button--primary .o-icon {
    color: currentColor;
}

.c-button.c-button--primary:hover, .c-button.c-button--primary.c-button--hover {
    background: #FFD700;
    border-color: #FFD700;
}

.c-button--dashboard:hover {
    background-color: #F5F5F5;
    border-color: #C6CFD2;
}

.c-button.c-button--primary:active, .c-button.c-button--primary.c-button--active {
    border-color: #46AFFF;
    background: #FFD700;
}

.c-button.c-button--primary:focus {
    outline: #000000 auto 0.1rem;
}

.c-button.c-button--primary:focus:not(:focus-visible) {
    outline: none;
}

/* Secondary
   ========================================================================== */
.c-button.c-button--secondary {
    border: 0.1rem solid #46AFFF;
    background: #fff;
    color: #46AFFF;
}

.c-button.c-button--secondary .o-icon {
    color: #46AFFF;
}

.c-button.c-button--secondary:hover, .c-button.c-button--secondary.c-button--hover {
    background: #F5F5F5;
    border-color: #46AFFF;
}

.c-button.c-button--secondary:active, .c-button.c-button--secondary:active:focus, .c-button.c-button--secondary.c-button--active {
    background: #F5F5F5;
    border-color: #46AFFF;
}

.c-button.c-button--secondary:focus {
    outline: #000000 auto 0.1rem;
}

.c-button.c-button--secondary:focus:not(:focus-visible) {
    outline: none;
}

.c-button.c-button--secondary-i {
    border: .1rem solid #FFF;
    color: #FFF;
    background: transparent;
}

.c-button.c-button--secondary-i:hover, .c-button.c-button--secondary-i.c-button--hover {
    color: #C6CFD2;
    border-color: #C6CFD2;
}

.c-button.c-button--secondary-i:active, .c-button.c-button--secondary-i:active:focus, .c-button.c-button--secondary-i.c-button--active {
    border-color: #C6CFD2;
}

.c-button.c-button--secondary-i:focus {
    outline: #000000 auto 0.1rem;
}

.c-button.c-button--secondary-i:focus:not(:focus-visible) {
    outline: none;
}

/* Shared disabled state for primary and secondary buttons
   ========================================================================== */
.c-button.c-button--primary[disabled], .c-button.c-button--primary:disabled, .c-button.c-button--primary.c-button--disabled,
.c-button.c-button--secondary[disabled],
.c-button.c-button--secondary:disabled,
.c-button.c-button--secondary.c-button--disabled {
    background: #E2E7E8;
    border-color: #E2E7E8;
    color: #8D9FA5;
    pointer-events: none;
}

.c-button.c-button--primary[disabled] .o-icon, .c-button.c-button--primary:disabled .o-icon, .c-button.c-button--primary.c-button--disabled .o-icon,
.c-button.c-button--secondary[disabled] .o-icon,
.c-button.c-button--secondary:disabled .o-icon,
.c-button.c-button--secondary.c-button--disabled .o-icon {
    color: #8D9FA5;
}

/* Borderless
   ========================================================================== */
.c-button.c-button--borderless,
.c-button.c-button--borderless-i,
.c-button.c-button--borderless-muted {
    border-color: transparent;
    background: transparent;
}

.c-button.c-button--borderless:not(.c-button--icon),
.c-button.c-button--borderless-i:not(.c-button--icon),
.c-button.c-button--borderless-muted:not(.c-button--icon) {
    padding-left: 0;
    padding-right: 0;
}

.c-button.c-button--borderless .o-icon,
.c-button.c-button--borderless-i .o-icon,
.c-button.c-button--borderless-muted .o-icon {
    color: currentColor;
}

.c-button.c-button--borderless:focus,
.c-button.c-button--borderless-i:focus,
.c-button.c-button--borderless-muted:focus {
    outline: #000000 auto 0.1rem;
    background: transparent;
}

.c-button.c-button--borderless:focus:not(:focus-visible),
.c-button.c-button--borderless-i:focus:not(:focus-visible),
.c-button.c-button--borderless-muted:focus:not(:focus-visible) {
    outline: none;
}

.c-button.c-button--borderless[disabled], .c-button.c-button--borderless:disabled, .c-button.c-button--borderless.c-button-disabled,
.c-button.c-button--borderless-i[disabled],
.c-button.c-button--borderless-i:disabled,
.c-button.c-button--borderless-i.c-button-disabled,
.c-button.c-button--borderless-muted[disabled],
.c-button.c-button--borderless-muted:disabled,
.c-button.c-button--borderless-muted.c-button-disabled {
    pointer-events: none;
}

.c-button.c-button--borderless-i {
    color: #3F545B;
}

.c-button.c-button--borderless-i:hover, .c-button.c-button--borderless-i.c-button--hover {
    color: #000000;
}

.c-button.c-button--borderless-i:hover .o-icon, .c-button.c-button--borderless-i.c-button--hover .o-icon {
    color: #46AFFF;
}

.c-button.c-button--borderless-i:active, .c-button.c-button--borderless-i:active:focus, .c-button.c-button--borderless-i.c-button--active {
    color: #000000;
}

.c-button.c-button--borderless-i:active .o-icon, .c-button.c-button--borderless-i:active:focus .o-icon, .c-button.c-button--borderless-i.c-button--active .o-icon {
    color: #46AFFF;
}

.c-button.c-button--borderless-i[disabled], .c-button.c-button--borderless-i:disabled, .c-button.c-button--borderless-i.c-button-disabled {
    color: #8D9FA5;
}

.c-button.c-button--borderless-i[disabled] .o-icon, .c-button.c-button--borderless-i:disabled .o-icon, .c-button.c-button--borderless-i.c-button-disabled .o-icon {
    color: #8D9FA5;
}

.c-button.c-button--borderless {
    color: #46AFFF;
}

.c-button.c-button--borderless:hover, .c-button.c-button--borderless.c-button--hover {
    color: #FFD700;
    background: transparent;
}

.c-button.c-button--borderless:active, .c-button.c-button--borderless:active:focus, .c-button.c-button--borderless.c-button--active {
    color: #FFD700;
    background: transparent;
}

.c-button.c-button--borderless:focus {
    color: #FFD700;
    background: transparent;
}

.c-button.c-button--borderless[disabled], .c-button.c-button--borderless:disabled, .c-button.c-button--borderless.c-button-disabled {
    color: #8D9FA5;
}

.c-button.c-button--borderless[disabled] .o-icon, .c-button.c-button--borderless:disabled .o-icon, .c-button.c-button--borderless.c-button-disabled .o-icon {
    color: #8D9FA5;
}

.c-button.c-button--borderless-muted {
    color: #818181;
}

.c-button.c-button--borderless-muted:hover, .c-button.c-button--borderless-muted.c-button--hover {
    color: #000000;
    background: transparent;
}

.c-button.c-button--borderless-muted:active, .c-button.c-button--borderless-muted:active:focus, .c-button.c-button--borderless-muted.c-button--active {
    color: #FFD700;
    background: transparent;
}

.c-button.c-button--borderless-muted:focus {
    color: #FFD700;
    background: transparent;
}

.c-button.c-button--borderless-muted[disabled], .c-button.c-button--borderless-muted:disabled, .c-button.c-button--borderless-muted.c-button-disabled {
    color: #8D9FA5;
}

.c-button.c-button--borderless-muted[disabled] .o-icon, .c-button.c-button--borderless-muted:disabled .o-icon, .c-button.c-button--borderless-muted.c-button-disabled .o-icon {
    color: #8D9FA5;
}

/* Danger
   ========================================================================== */
.c-button.c-button--danger {
    border: 0.1rem solid #D74C4C;
    background: transparent;
    color: #D74C4C;
}

.c-button.c-button--danger .o-icon {
    color: #D74C4C;
}

.c-button.c-button--danger:hover, .c-button.c-button--danger.c-button--hover {
    background: #F5F5F5;
    border-color: #D74C4C;
    color: #D74C4C;
}

.c-button.c-button--danger:active, .c-button.c-button--danger:active:focus, .c-button.c-button--danger.c-button--active {
    background: #F5F5F5;
    border-color: #D74C4C;
    color: #D74C4C;
    outline: none;
}

.c-button.c-button--danger:focus {
    outline: #000000 auto 0.1rem;
}

.c-button.c-button--danger:focus:not(:focus-visible) {
    outline: none;
}

.c-button.c-button--danger[disabled], .c-button.c-button--danger:disabled, .c-button.c-button--danger.c-button--disabled {
    background: #E2E7E8;
    border-color: #E2E7E8;
    color: #8D9FA5;
    pointer-events: none;
}

.c-button.c-button--danger[disabled] .o-icon, .c-button.c-button--danger:disabled .o-icon, .c-button.c-button--danger.c-button--disabled .o-icon {
    color: #8D9FA5;
}

/* Muted
   ========================================================================== */
.c-button.c-button--muted {
    color: #818181;
}

.c-button.c-button--muted:hover, .c-button.c-button--muted.c-button--hover {
    color: #fff;
    background: transparent;
}

.c-button.c-button--muted:active, .c-button.c-button--muted:active:focus, .c-button.c-button--muted.c-button--active {
    color: #FFD700;
    background: transparent;
}

.c-button.c-button--muted:focus {
    outline: none;
    color: #FFD700;
    background: transparent;
}

.c-button.c-button--muted:focus:not(:focus-visible) {
    outline: none;
}

/* Invisible
   ========================================================================== */
.c-button--invisible {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.3rem;
}

.c-button--invisible:hover, .c-button--invisible:focus {
    background-color: #F5F5F5;
    border: 0.1rem solid #46AFFF;
}

/*
Dashboard card buttons
*/
.c-button--dashboard {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 0.3rem;
}

.c-button--invisible-no-hover:hover, .c-button--invisible-no-hover:focus {
    background: transparent;
    border: 0.1rem solid #e2e2e2;
}

/*
Dashboard card backgrounds
 */

.dashboard-card-bg--low {
    background: #FFF0F0 !important;
    border: 1px solid #EEA7A9 !important;
}

.dashboard-card-bg--middle {
    background: #FFF8EB !important;
    border: 1px solid #ffe6b8 !important;
}

.dashboard-card-bg--high {
    background: #E4FFEF !important;
    border: 1px solid #8bfdb7 !important;
}


/* ==========================================================================
  Component: Button Toolbar
  ---
  Group multiple buttons together
   ========================================================================== */
.c-button-toolbar {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.c-button-toolbar .c-button {
    margin: 0.4rem 0.8rem 0.4rem 0;
}

.c-button-toolbar .c-button:last-child {
    margin-right: 0;
}

.c-button-toolbar .c-button--link {
    margin: 0.4rem 1.6rem 0.4rem 0;
}

.c-button-toolbar .c-button--link:last-child {
    margin-right: 0;
}

.c-table .c-button-toolbar {
    justify-content: flex-end;
    flex-wrap: nowrap;
}

.c-button-toolbar--compact {
    flex-wrap: nowrap;
}

.c-button-toolbar--compact .c-button,
.c-button-toolbar--compact .c-button:last-child,
.c-button-toolbar--compact .c-button--link,
.c-button-toolbar--compact .c-button--link:last-child {
    margin: 0 -0.2rem 0 0;
    border-color: #C6CFD2;
}

.c-button-toolbar--compact .c-button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.c-button-toolbar--compact .c-button:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.c-button-toolbar--compact .c-button--selected .o-icon {
    color: #000000;
}

.js-toggle-grid .c-button-toolbar .c-button {
    margin: 0;
}

.js-active-grid .c-button-toolbar .c-button[data-viewmode="grid"] .o-icon {
    color: #000000;
}

.js-active-grid .c-button-toolbar .c-button[data-viewmode="table"] .o-icon {
    color: #46AFFF;
}

.js-active-table .c-button-toolbar .c-button[data-viewmode="table"] .o-icon {
    color: #000000;
}

.js-active-table .c-button-toolbar .c-button[data-viewmode="grid"] .o-icon {
    color: #46AFFF;
}

.js-active-grid .o-card-grid {
    display: grid;
}

.js-active-grid .c-table {
    display: none;
}

.js-active-table .o-card-grid {
    display: none;
}

.js-active-table .c-table {
    display: table;
}

/* ==========================================================================
  c-button
 ========================================================================== */
/* Default size
   ========================================================================== */
.c-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;
    border-radius: 0.3rem;
    padding: 0.5rem 1.6rem;
    font-size: 1.6rem;
    text-align: center;
    align-items: center;
    font-weight: 600;
}

a.c-button {
    display: inline-flex;
    justify-content: center;
}

button.c-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

button.c-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input.c-button {
    height: 3.6rem;
}

.c-button .c-button__content {
    align-items: center;
    display: flex;
    justify-content: center;
    position: relative;
}

.c-button__label {
    line-height: 2.4rem;
    white-space: nowrap;
}

.c-button__logo {
    width: 1.8rem;
    height: 1.8rem;
}

.c-button__logo + * {
    margin-left: 1.2rem;
}

.o-icon + .c-button__label {
    margin-left: 0.6rem;
}

.c-button__label + .o-icon {
    margin-left: 0.6rem;
}

.c-button:not(.c-button--icon) .o-icon:first-child {
    margin-left: -0.9rem;
}

.c-button:not(.c-button--icon) .o-icon:last-child {
    margin-right: -0.9rem;
}

.c-button:not(.c-button--icon) [class*="o-icon-arrows-caret"]:last-child {
    margin-left: 0;
    margin-right: -1.5rem;
}

/* Small size
   ========================================================================== */
.c-button--small {
    font-size: 1.4rem;
    padding: 0.4rem 1rem;
}

.c-button--small .c-button__label {
    line-height: 1.8rem;
}

.c-button--small .o-icon {
    height: 1.8rem;
    width: 1.8rem;
}

.c-button--small .o-icon + .c-button__label,
.c-button--small .c-button__label + .o-icon {
    margin-left: 0;
}

.c-button--small.c-button--icon {
    padding: 0.4rem;
}

/* Icon-only Button (Square)
    ========================================================================== */
.c-button--icon {
    padding: 0.5rem;
}

.c-button--small.c-button--icon {
    padding: 0.4rem;
}

/* Block button
    ========================================================================== */
.c-button--block {
    width: 100%;
    text-align: center;
}

/* Link button
    ========================================================================== */
.c-button--link {
    padding-left: 0;
    padding-right: 0;
    font-weight: 600;
    text-decoration: none;
}

.c-button--link:hover, .c-button--link:active,
.c-button--link:hover .o-icon,
.c-button--link:active .o-icon {
    color: #af2727;
}

/* ==========================================================================
  c-card
 ========================================================================== */
.c-card-list .c-card + .c-card {
    margin-top: 1.2rem;
}

.c-card {
    display: block;
    color: #3F545B;
    text-decoration: none;
    position: relative;
    height: 100%;
}

.c-card .c-button--borderless-i {
    margin-left: auto;
}

.c-card .c-card__settings {
    position: absolute;
    top: 2rem;
    right: 2rem;
    opacity: 0;
    padding: 0;
}

.c-card:hover .c-card__settings,
.c-card:focus .c-card__settings {
    opacity: 1;
}

.c-button--invisible:focus + .c-card__settings {
    opacity: 1;
}

.c-card__settings:hover,
.c-card__settings:focus {
    opacity: 1;
}

.c-button.c-button--borderless-i.c-card__settings:focus {
    outline: -webkit-focus-ring-color auto 1px;
    opacity: 1;
}

.c-card--archived {
    background-color: #F5F5F5;
}

.c-card--background-gray {
    background: #F5F5F5;
}

.c-card--no-border {
    border: none;
}

.c-card__header {
    margin-bottom: .4rem;
}

.c-card__content {
    padding: 2.4rem;
    border: 0.1rem solid #C6CFD2;
    border-radius: 0.3rem;
    background-color: #fff;
    height: 100%;
}

.c-card__content .sortable-grid-handle {
    pointer-events: visible;
    cursor: -webkit-grab;
    cursor: grab;
}

.c-card__content *:not(.c-button, .sortable-grid-handle) {
    position: relative;
    pointer-events: none;
}

.c-card__content .c-menu {
    position: absolute;
}

.c-card__content .c-button,
.c-card__content abbr.c-challenge-counter,
.c-card__content .c-icon--tooltip {
    pointer-events: visible;
}

.is-selected .c-card__content {
    background-color: #F5F5F5;
    border-color: #46AFFF;
}

.c-card__content h3 {
    margin-bottom: 0;
}

.c-card__content--centered {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 100%;
    justify-content: center;
}

.c-card__content--spaced {
    padding: 3.2rem;
}

.c-card__footer {
    border-top: 0.1rem solid #C6CFD2;
    padding: 1.6rem;
}

.c-card__footer .c-table td {
    padding: 0;
}

.c-card__footer .c-table td + td {
    padding: 0.8rem 0;
}

.c-card:hover .c-dial .c-dial__half-circle--cover {
    background-color: #F5F5F5;
    transition: 0.18s ease-in;
    transition-property: background;
}

/* ==========================================================================
  c-challenge counter
   ========================================================================== */
.c-challenge-counter-list {
    display: flex;
}

.c-challenge-counter-list .c-challenge-counter {
    margin-right: .8rem;
}

.c-challenge-counter-list .c-challenge-counter:last-child {
    margin-right: 0;
}

.c-challenge-counter {
    border-radius: 100%;
    width: 2.4rem;
    height: 2.4rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-challenge-counter--critical {
    background-color: #FF6B6B;
}

.c-challenge-counter--moderate {
    background-color: #FDB72C;
}

.c-challenge-counter--no-issues {
    background-color: #4FCC85;
}

/* ==========================================================================
  Component: Checkbox and Radio
  ---
  Custom styling for checkboxes and radio buttons.
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Spacing/Grouping
   ========================================================================== */
.o-form-group .c-checkbox,
.o-form-group .c-radio,
.c-checkbox-group .c-checkbox,
.c-radio-group .c-radio {
    padding: 0.8rem 0;
}

/* Labels
   ========================================================================== */
.c-checkbox,
.c-radio,
.c-radio--card {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.c-checkbox label,
.c-radio label,
.c-radio--card label {
    display: flex;
    flex: 1 1 auto;
    line-height: 2rem;
    font-weight: 400;
    width: 100%;
}

.c-checkbox .c-radio__text,
.c-radio .c-radio__text,
.c-radio--card .c-radio__text {
    flex: 1;
    margin-right: 1.6rem;
}

.c-checkbox .c-radio__subline,
.c-radio .c-radio__subline,
.c-radio--card .c-radio__subline {
    padding-left: 2.8rem;
    font-size: 1.4rem;
    color: #586D74;
    padding-top: 0.4rem;
}

/* Shared styles
   ========================================================================== */
.c-checkbox input[type="checkbox"],
.c-radio input[type="radio"],
.c-radio--card input[type="radio"] {
    flex: none;
    -webkit-appearance: none;
    vertical-align: top;
    position: relative;
}

.c-checkbox input[type="checkbox"]:before,
.c-radio input[type="radio"]:before,
.c-radio--card input[type="radio"]:before {
    content: "";
    position: absolute;
}

.c-checkbox input[type="checkbox"]:checked,
.c-checkbox input[type="checkbox"][data-indeterminate]:checked,
.c-radio input[type="radio"]:checked,
.c-radio--card input[type="radio"]:checked {
    border-color: #46AFFF;
}

.c-checkbox input[type="checkbox"]:checked:before,
.c-checkbox input[type="checkbox"][data-indeterminate]:checked:before,
.c-radio input[type="radio"]:checked:before,
.c-radio--card input[type="radio"]:checked:before {
    opacity: 1;
}

/* Custom focus outline
   ========================================================================== */
.c-checkbox input[type="checkbox"]:focus,
.c-checkbox input[type="checkbox"]:active,
.c-radio input[type="radio"]:active,
.c-radio input[type="radio"]:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(169, 183, 188, 0.5);
    border-color: #A9B7BC;
    transition: 0.14s box-shadow ease-in-out;
}

/* Checkbox specific
   @todo document disabled and indeterminate state
   ========================================================================== */
.c-checkbox input[type="checkbox"] {
    background: #fff;
    border: 0.1rem solid #A9B7BC;
    border-radius: 0.3rem;
    height: 2rem;
    width: 2rem;
    margin: 0 0.8rem 0 0;
}

.c-checkbox input[type="checkbox"]:before {
    width: 2rem;
    height: 2rem;
    left: -0.1rem;
    top: -0.1rem;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.69 4.675l-.443.424L6.77 9.575 4.752 7.558l-.442-.422L3.445 8l.423.442 2.46 2.46.442.423.442-.423 4.92-4.92.423-.442-.865-.865z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    opacity: 0;
    transition: all 0.14s;
    transition-property: opacity;
}

.c-checkbox input[type="checkbox"][data-indeterminate]:before {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E%3Cpath id='Rectangle' d='M12,8c0,-0.552 -0.448,-1 -1,-1l-6,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1l6,0c0.552,0 1,-0.448 1,-1Z' style='fill:%23fff;'/%3E%3C/svg%3E") no-repeat;
}

.c-checkbox input[type="checkbox"][disabled] {
    border: 0.1rem solid #A9B7BC;
}

.c-checkbox input[type="checkbox"][disabled]:checked:before {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.69 4.675l-.443.424L6.77 9.575 4.752 7.558l-.442-.422L3.445 8l.423.442 2.46 2.46.442.423.442-.423 4.92-4.92.423-.442-.865-.865z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

.c-checkbox input[type="checkbox"][disabled]:not(:checked):before {
    border-radius: 0.1rem;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: 0.1rem solid #A9B7BC;
    opacity: 1;
}

.c-checkbox input[type="checkbox"]:checked:not([disabled]),
.c-checkbox input[type="checkbox"][data-indeterminate]:checked:not([disabled]) {
    background-color: #46AFFF;
}

/* Radio specific
   @todo document disabled state
   ========================================================================== */
.c-radio input[type="radio"] {
    background: #fff;
    border: 0.1rem solid #A9B7BC;
    border-radius: 100%;
    height: 2rem;
    width: 2rem;
    margin: 0 0.8rem 0 0;
}

.c-radio input[type="radio"]:checked:before,
.c-radio input[type="radio"][disabled]:before {
    background: #46AFFF;
    height: 1rem;
    width: 1rem;
    top: 0.4rem;
    left: 0.4rem;
    border-radius: 100%;
}

.c-radio input[type="radio"][disabled] {
    border-color: 0.1rem solid #A9B7BC;
}

.c-radio input[type="radio"][disabled]:before {
    background: #fff;
}

.c-radio input[type="radio"][disabled]:checked:before {
    background: 0.1rem solid #A9B7BC;
}

/* Inline checkbox and Radio
   ========================================================================== */
.c-radio-group--inline .c-radio {
    display: inline-block;
    height: 2rem;
    margin-right: 0.8rem;
}

.c-checkbox-group--inline .c-checkbox {
    display: inline-block;
    height: 2rem;
    margin-right: 0.8rem;
}

/* Selectable card radio
   ========================================================================== */
.c-radio--card {
    height: 100%;
}

.c-radio--card label {
    line-height: inherit;
    cursor: pointer;
}

.c-radio--card input[type="radio"] {
    background: #fff;
    border: 0.1rem solid #A9B7BC;
    height: 2rem;
    width: 2rem;
    margin: 0;
    border-radius: 100%;
}

.c-radio--card input[type="radio"]:before {
    width: 2rem;
    height: 2rem;
    left: -0.1rem;
    top: -0.1rem;
    border-radius: 100%;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.69 4.675l-.443.424L6.77 9.575 4.752 7.558l-.442-.422L3.445 8l.423.442 2.46 2.46.442.423.442-.423 4.92-4.92.423-.442-.865-.865z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    opacity: 0;
    transition: all 0.14s;
    transition-property: opacity;
}

.c-radio--card input[type="radio"][data-indeterminate]:before {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:1.41421;'%3E%3Cpath id='Rectangle' d='M12,8c0,-0.552 -0.448,-1 -1,-1l-6,0c-0.552,0 -1,0.448 -1,1c0,0.552 0.448,1 1,1l6,0c0.552,0 1,-0.448 1,-1Z' style='fill:%23fff;'/%3E%3C/svg%3E") no-repeat;
}

.c-radio--card input[type="radio"][disabled] {
    border: 0.1rem solid #A9B7BC;
}

.c-radio--card input[type="radio"][disabled]:checked:before {
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.69 4.675l-.443.424L6.77 9.575 4.752 7.558l-.442-.422L3.445 8l.423.442 2.46 2.46.442.423.442-.423 4.92-4.92.423-.442-.865-.865z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
}

.c-radio--card input[type="radio"][disabled]:not(:checked):before {
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: 0.1rem solid #A9B7BC;
    opacity: 1;
}

.c-radio--card input[type="radio"]:checked:not([disabled]),
.c-radio--card input[type="radio"][data-indeterminate]:checked:not([disabled]) {
    background-color: #46AFFF;
}

.c-radio--card input[type="radio"]:active,
.c-radio--card input[type="radio"]:focus {
    outline: 0;
}

/* Checkbox / Radio without label
   @todo document this
   ========================================================================== */
.c-checkbox--no-label {
    display: inline-block;
}

.c-checkbox--no-label input[type="checkbox"] {
    margin: 0;
}

.c-radio--no-label {
    display: inline-block;
}

.c-radio--no-label input[type="radio"] {
    margin: 0;
}

/* Checkbox Subgroup
   ========================================================================== */
.c-checkbox-subgroup {
    margin: 0.8rem 0 0 2.4rem;
}

/* ==========================================================================
  c-content
  ---
  Usage: wrap a .c-content class around content to turn it into rich text.

  .c-h1, .c-h2, .c-body-1, c-body 2
  ---
  Usage: use these classes to style individual components like their rich text equivalent
   ========================================================================== */
.c-h1,
.c-h2,
.c-h3,
.c-h4,
.c-content h1,
.c-content h2,
.c-content h3,
.c-content h4 {
    color: #000000;
}

.c-h1,
.c-content h1 {
    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 2.4rem;
    margin: 0 0 3.2rem;
    line-height: 1.25;
}

.c-h2,
.c-content h2 {
    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 2rem;
    margin: 0 0 2.4rem;
    line-height: 1.3;
}

.c-h3,
.c-content h3 {
    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.8rem;
    margin: 0 0 1.6rem;
    line-height: 1.4;
}

.c-h4,
.c-content h4 {
    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 0 0.8rem;
}

.c-body-1 {
    font-size: 1.6rem;
    margin: 0 0 1.6rem;
}

.c-body-2 {
    font-size: 1.4rem;
    margin: 1.4rem 0;
}

.c-body-3 {
    font-size: 1.2rem;
    margin: 1.2rem 0;
}

.c-subline {
    font-size: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.06rem;
}

.c-h-section {
    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #000000;
}

.c-intro {
    font-size: 2.4rem;
    line-height: 1.3;
}

.c-content p {
    margin: 1.5rem 0;
}

.c-content a {
    text-decoration: underline;
}

.c-content dl {
    border: 1px solid #E2E7E8;
    border-radius: 0.3rem;
    overflow: hidden;
    padding: 1.2rem;
    margin: 1.5rem 0;
}

.c-content dl dt {
    float: left;
    width: 30%;
    clear: left;
    font-weight: 500;
}

.c-content dl dd {
    float: left;
    width: 70%;
}

.c-content ul,
.c-content ol {
    padding-left: 3rem;
    margin: 1.5rem 0;
}

.c-content ul ul,
.c-content ul ol,
.c-content ol ul,
.c-content ol ol {
    margin: 0;
}

.c-content ul {
    list-style: disc;
}

.c-content ol {
    list-style: decimal;
}

.c-content blockquote {
    font-style: italic;
    padding-left: 1.5rem;
    margin-left: 0.2rem;
    border-left: 0.4rem solid #A9B7BC;
}

.c-content table {
    width: 100%;
    margin: 1.5rem 0;
}

.c-content table td,
.c-content table th {
    padding: 0.8rem;
}

.c-content table th {
    border-bottom: 0.2rem solid #C6CFD2;
    font-weight: 500;
    text-align: left;
}

.c-content table td {
    border-bottom: 1px solid #E2E7E8;
}

.c-content strong {
    font-weight: 500;
}

.c-content a {
    text-decoration: underline;
}

.c-content .c-button {
    text-decoration: none;
}

.c-content pre {
    background: #F5F5F5;
    padding: 1.5rem;
    margin: 0 0 1rem;
    font-size: 75%;
    white-space: pre-wrap;
}

.c-content pre,
.c-content code {
    font-family: Consolas, "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}

.c-content > code, .c-content p > code, .c-content li > code {
    font-size: 85%;
    background: #E2E7E8;
    padding: 0.2rem;
    border-radius: 0.2rem;
    color: #D74C4C;
}

.c-divider {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 1.6rem 0;
}

.c-divider--text {
    flex: 0;
    padding: 0 1.2rem;
    background: #fff;
    margin: 0;
}

.c-divider::before, .c-divider::after {
    content: "";
    z-index: 0;
    display: inline-block;
    flex: 1 1;
    height: 0.1rem;
    background-color: #C6CFD2;
}

.c-content--inverse {
    color: #E2E7E8;
}

.c-list-check li + li {
    margin-top: 0.8rem;
}

.c-list-check li .o-icon {
    margin-right: 1.2rem;
}

/* ==========================================================================
  c-datepicker
   ========================================================================== */
.c-datepicker {
    display: block;
}

.c-datepicker input {
    border: 0.1rem solid #A9B7BC;
    padding: .7rem 3.6rem .7rem 4.2rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 1.5rem;
    border-radius: .3rem;
    min-height: 3.6rem;
}

.c-datepicker input::-moz-placeholder {
    color: #1A3842;
}

.c-datepicker input:-ms-input-placeholder {
    color: #1A3842;
}

.c-datepicker input::placeholder {
    color: #1A3842;
}

.c-datepicker input:focus {
    outline: #46AFFF auto 0.1rem;
    box-shadow: none;
}

.c-datepicker input:focus ~ .duet-date__toggle {
    border-color: #46AFFF;
    box-shadow: none;
}

.duet-date__toggle-icon svg {
    display: none;
}

.duet-date__input-wrapper:before {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2C9.55228 2 10 2.44772 10 3V4H14V3C14 2.44772 14.4477 2 15 2C15.5523 2 16 2.44772 16 3V4H19C20.1046 4 21 4.89543 21 6V19C21 20.1046 20.1046 21 19 21H5C3.89543 21 3 20.1046 3 19V6C3 4.89543 3.89543 4 5 4H8V3C8 2.44772 8.44772 2 9 2ZM8 6H5V9H19V6H16V7C16 7.55228 15.5523 8 15 8C14.4477 8 14 7.55228 14 7V6H10V7C10 7.55228 9.55228 8 9 8C8.44772 8 8 7.55228 8 7V6ZM19 11H5V19H19V11Z' fill='%233F545B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 2.4rem;
    width: 3.6rem;
    height: 3.6rem;
    display: block;
    border-bottom-left-radius: .1rem;
    border-top-left-radius: .1rem;
}

.duet-date__toggle {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='24' viewBox='0 0 12 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5L1.5 10L10.5 10L6 5ZM6 19L10.5 14H1.5L6 19Z' fill='%233F545B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.2rem;
    background-color: transparent;
    border: none;
    width: 3.6rem;
    box-shadow: none;
    border-bottom-right-radius: .1rem;
    border-top-right-radius: .1rem;
}

.duet-date__dialog-content {
    padding: 1rem;
}

.duet-date__select-label {
    font-size: 1.8rem;
    font-weight: 500;
    color: #000000;
}

.duet-date__select-label svg {
    width: 2.2rem;
    height: 2.2rem;
}

.duet-date__select-label svg path {
    fill: #586D74;
}

.duet-date__select select:focus + .duet-date__select-label {
    box-shadow: inset 0 0 0 0.2rem #46AFFF;
}

.duet-date__prev,
.duet-date__next {
    background-color: #E2E7E8;
}

.duet-date__prev svg path,
.duet-date__next svg path {
    fill: #586D74;
    height: 1rem;
}

.duet-date__toggle:focus,
.duet-date__close:focus,
.duet-date__prev:focus,
.duet-date__next:focus {
    box-shadow: 0 0 0 0.2rem #46AFFF;
}

.duet-date__row td {
    padding: .2rem 0;
}

.duet-date,
.duet-date__day {
    font-family: inherit;
}

.duet-date__table-header {
    font-size: 1.3rem;
    color: #586D74;
    font-weight: 500;
}

.duet-date__day {
    font-size: 1.5rem;
    height: 3.5rem;
    width: 3.5rem;
    color: #1A3842;
}

.duet-date__day:focus {
    box-shadow: none;
}

.duet-date__day[aria-pressed=true],
.duet-date__day:focus {
    box-shadow: none;
    background-color: #46AFFF;
    color: #fff;
}

.duet-date__day.is-disabled {
    color: #8D9FA5;
    opacity: 1;
}

.duet-date__day:hover,
.duet-date__day.is-today {
    box-shadow: none;
    background-color: #F5F5F5;
    opacity: 1;
    color: #1A3842;
}

/* ==========================================================================
  c-dial
   ========================================================================== */
.c-dial {
    overflow: hidden;
    width: 16rem;
    height: 9rem;
    position: relative;
    margin-top: 2rem;
}

.c-dial:after {
    height: 1rem;
    width: 14rem;
    margin: 0 auto;
    left: 0;
    bottom: 0;
    content: '';
    position: absolute;
    border-radius: .1rem;
    z-index: 40;
    right: 0;
}

.c-dial .c-dial__content {
    position: relative;
    overflow: hidden;
    height: 7rem;
}

.c-dial .c-dial__half-circle {
    height: 7rem;
    width: 14rem;
    border-radius: 14rem 14rem 0 0;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.c-dial .c-dial__half-circle--bg {
    background-color: #E2E7E8;
    z-index: 10;
}

.c-dial .c-dial__half-circle--progress {
    background-color: #46AFFF;
    z-index: 20;
    transform: rotate(-180deg);
    transform-origin: bottom center;
    -webkit-animation: fillCircle 250ms forwards 1;
    animation: fillCircle 250ms forwards 1;
}

.c-dial .c-dial__half-circle--cover {
    background-color: #fff;
    height: 5.5rem;
    width: 11rem;
    border-radius: 14rem 14rem 0 0;
    margin: 0 auto;
    top: auto;
    bottom: 0;
    z-index: 30;
    transition: 0.18s ease-in;
    transition-property: background;
}

.c-dial .c-dial__half-circle--cover--low {
    background-color: #FFF0F0;
}

.c-dial .c-dial__half-circle--cover--middle {
    background-color: #FFF8EB;
}

.c-dial .c-dial__half-circle--cover--high {
    background-color: #E4FFEF;
}

.c-dial .c-dial__value {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 100%;
    font-size: 2.8rem;
    font-weight: 500;
    color: #000000;
    line-height: 1.2;
}

@-webkit-keyframes fillCircle {
    form {
        transform: rotate(-180deg);
    }
    to {
        transform: rotate(calc(-180deg + var(--dialvalue) * 180deg));
    }
}

@keyframes fillCircle {
    form {
        transform: rotate(-180deg);
    }
    to {
        transform: rotate(calc(-180deg + var(--dialvalue) * 180deg));
    }
}

.c-dial--low .c-dial__half-circle--progress {
    background-color: #FF6B6B;
}

.c-dial--middle .c-dial__half-circle--progress {
    background-color: #FDB72C;
}

.c-dial--high .c-dial__half-circle--progress {
    background-color: #4FCC85;
}

.c-dial--low-bg {
    border: 1px solid #EEA7A9;
    background: #FFF0F0;
}

/* ==========================================================================
  Component: Domain canvas
   ========================================================================== */
.c-domain-canvas-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.2rem;
    margin-right: -1.2rem;
}

.c-domain-canvas {
    border: 0.1rem solid #C6CFD2;
    padding: 1.6rem;
    border-radius: .3rem;
    margin-bottom: 2.4rem;
    min-height: 25rem;
    width: calc(25% - 2.4rem);
    min-width: 0;
    margin-left: 1.2rem;
    margin-right: 1.2rem;
}

.c-domain-canvas--empty {
    background-color: #F5F5F5;
}

.c-domain-canvas__label {
    font-weight: 500;
}

.c-domain-canvas--filled .c-domain-canvas__label {
    margin-bottom: 2rem;
}

.c-domain-canvas--empty .c-domain-canvas__label {
    color: #818181;
}

.c-domain-canvas__label--medium {
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: .8rem;
}

.c-domain-canvas__label--small {
    font-size: 1.2rem;
    margin-bottom: .8rem;
}

.c-domain-canvas__weight {
    border-bottom: 0.1rem solid #C6CFD2;
    margin-bottom: 1.2rem;
    padding-bottom: 1.2rem;
}

/* ==========================================================================
   Component: Dropdown
   ---
   Wrapper component for c-menu to make dropdowns work with bootstrap js
   ========================================================================== */
.c-dropdown {
    position: relative;
}

.c-dropdown .c-menu {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 0.4rem;
}

.c-dropdown.open .c-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.c-dropdown--top .c-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 0.4rem;
}

.c-dropdown--same-width {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.c-dropdown--same-width .c-menu {
    min-width: 100%;
}

.c-empty-state {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5.6rem 4.8rem;
}

.c-empty-state p:last-child {
    margin: 0;
}

.c-empty-state--bg-alt {
    background-color: #F5F5F5;
}

/* ==========================================================================
  c-evo
 ========================================================================== */
.c-evo {
    display: flex;
    align-items: center;
}

.c-evo__label {
    font-size: 1.4rem;
    color: #818181;
    margin-right: 0.4rem;
}

.c-evo--up .o-icon {
    color: #2FB468;
}

.c-evo--same .o-icon {
    color: #818181;
}

.c-evo--down .o-icon {
    color: #D74C4C;
}

/* ==========================================================================
  Fake label
   ========================================================================== */
.c-fake-label {
    font-weight: 500;
    margin: 0 0 .4rem;
}

/* ==========================================================================
  Form help text
   ========================================================================== */
.c-form-help-text {
    margin-top: 0.4rem;
    color: #818181;
    font-size: 1.4rem;
    font-weight: 400;
}

.c-form-help-text--error {
    color: #D74C4C;
}

/* ==========================================================================
  Input With Icon
   ========================================================================== */
.c-input-with-icon {
    display: block;
    position: relative;
    color: #586D74;
}

.c-input-with-icon .o-icon {
    font-size: 1.8rem;
    position: absolute;
    top: 0.9rem;
    left: 0.8rem;
}

.c-input-with-icon .c-input:first-child {
    padding-right: 3rem;
}

.c-input-with-icon .c-input:last-child {
    padding-left: 3rem;
}

.c-input-with-icon .c-input + .o-icon {
    right: 0.8rem;
    left: auto;
}

.c-input-with-icon .c-input + .o-icon + .o-icon {
    right: 0.8rem;
    left: auto;
}

.c-input-with-icon .c-input[type="password"] ~ .o-icon-objects-eye-off {
    display: none;
}

.c-input-with-icon .c-input[type="text"] ~ .o-icon-objects-eye {
    display: none;
}

/* ==========================================================================
  Component: Text Field
  ---
  Styles for text inputs
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
  ========================================================================== */
.c-input,
.simple_form input[type="text"],
.simple_form input[type="email"],
.simple_form input[type="password"] {
    color: #3F545B;
    border-radius: 0.3rem;
    background: #fff;
    border: 0.1rem solid #A9B7BC;
    font-size: inherit;
    height: 3.6rem;
    padding: 0.8rem;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.15s ease-in-out;
}

.c-input,
.simple_form input[type="file"] {
    padding: .2rem;
}

.c-input:focus,
.simple_form input[type="text"]:focus,
.simple_form input[type="email"]:focus,
.simple_form input[type="password"]:focus {
    outline: 0;
    border-color: #8D9FA5;
    box-shadow: inset 0 0 0 0.1rem #8D9FA5;
}

.c-input::-moz-placeholder, .simple_form input[type="text"]::-moz-placeholder, .simple_form input[type="email"]::-moz-placeholder, .simple_form input[type="password"]::-moz-placeholder {
    color: #818181;
}

.c-input:-ms-input-placeholder, .simple_form input[type="text"]:-ms-input-placeholder, .simple_form input[type="email"]:-ms-input-placeholder, .simple_form input[type="password"]:-ms-input-placeholder {
    color: #818181;
}

.c-input::placeholder,
.simple_form input[type="text"]::placeholder,
.simple_form input[type="email"]::placeholder,
.simple_form input[type="password"]::placeholder {
    color: #818181;
}

.c-input[disabled],
.simple_form input[type="text"][disabled],
.simple_form input[type="email"][disabled],
.simple_form input[type="password"][disabled] {
    background: #E2E7E8;
    color: #818181;
}

.c-input-group {
    display: flex;
    align-items: flex-start;
}

.c-input-group__item {
    flex: 1;
}

.c-input--image {
    display: flex;
    align-items: center;
}

.c-input--image .c-avatar + .c-button {
    margin-left: 1.6rem;
}

.c-input[type="date"] {
    padding-right: 1.6rem;
}

.c-input[type="date"]::-webkit-calendar-picker-indicator {
    order: -1;
    margin-left: -0.3rem;
    margin-right: 0.5rem;
    opacity: 0.525;
}

.c-input-prefix-holder {
    position: relative;
}

.c-input-prefix-holder .c-input-prefix + .c-input {
    padding-left: 4.4rem;
}

.c-input-prefix-holder .c-input:first-child:not(.c-input-prefix) {
    padding-right: 4.4rem;
}

.c-input-prefix,
.c-input-suffix {
    background-color: #E2E7E8;
    position: absolute;
    z-index: 1;
    color: #818181;
    min-width: 3.2rem;
    padding: 0.6rem 0.8rem;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1rem solid #A9B7BC;
    border-right-width: 0;
    transition: all 0.15s ease-in-out;
}

.c-input-prefix-holder--focus .c-input-prefix, .c-input-prefix-holder--focus
.c-input-suffix {
    outline: 0;
    border-color: #a6a6a6;
    box-shadow: inset 0.1rem 0 0 0.1rem #a6a6a6;
    border-width: 0.1rem 0;
}

.c-input-prefix {
    left: 0;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
}

.c-input-suffix {
    right: 0;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    border: 0.1rem solid #A9B7BC;
    border-left-width: 0;
}

.c-input-prefix-holder--focus .c-input-suffix {
    box-shadow: inset -0.1rem 0 0 0.1rem #a6a6a6;
}

.c-hidden-file-input {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

/* ==========================================================================
  Component: Key value list
   ========================================================================== */
.c-key-value .c-key-value__item + .c-key-value__item {
    margin-top: 1.6rem;
}

.c-key-value__key {
    padding: .8rem 0;
    color: #3F545B;
}

.c-key-value__key--bold,
.c-key-value__value--bold {
    color: #000000;
    font-weight: 500;
}

.c-key-value--horizontal .c-key-value__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.c-key-value--horizontal .c-key-value__item + .c-key-value__item {
    margin-top: 0;
}

/* ==========================================================================
  c-legend
   ========================================================================== */
.c-legend__item {
    color: #818181;
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
    padding-left: 2rem;
    position: relative;
}

.c-legend__item:before {
    content: '';
    display: block;
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.c-legend__item--orange:before {
    background: #E86729;
}

.c-legend__item--aqua:before {
    background: #25ABA2;
}

.c-legend__item--pink:before {
    background: #DA64AF;
}

.c-legend__item--blue:before {
    background: #119EDA;
}

/* ==========================================================================
  c-list-actions
  ========================================================================== */
ul.c-list-actions {
    margin: 0;
    padding: 0;
}

ul.c-list-actions .c-list__item {
    border-bottom: 0.1rem solid #C6CFD2;
    padding: 0;
    margin: 0;
    min-height: 6.4rem;
    display: flex;
    align-items: center;
}

ul.c-list-actions .c-list__item .c-button {
    margin-left: auto;
}

ul.c-list-actions .c-list__item:last-child {
    border: none;
}

/* ==========================================================================
  c-list-view
  ========================================================================== */
ul.c-list-view {
    margin: 0;
    padding: 0;
}

ul.c-list-view .c-list__item {
    border-bottom: 0.1rem solid #C6CFD2;
    padding: .75rem 0;
    margin: 0;
    min-height: 4.8rem;
    display: flex;
    align-items: center;
}

ul.c-list-view .c-list__item .c-button {
    margin-left: auto;
}

ul.c-list-view .c-list__item:last-child {
    border: none;
}

ul.c-list-view .c-list__item--two-lines {
    min-height: 6.4rem;
}

ul.c-list-view .c-toolbar {
    padding-left: 1.6rem;
    padding-right: .8rem;
}

ul.c-list-view .c-toolbar__right .c-toolbar__item {
    margin-left: .4rem;
}

/* ==========================================================================
  Component: main layout
   ========================================================================== */
.c-main-layout {
    display: flex;
    height: 100%;
    min-height: 0;
}

/* ==========================================================================
   Component: Menu
   ---
  Dropdown menu
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
      ========================================================================== */
.c-menu {
    background: #fff;
    border: 1px solid #C6CFD2;
    border-radius: 0.3rem;
    filter: drop-shadow(0px 0px 8px rgba(33, 33, 33, 0.25));
    color: #3F545B;
    min-width: 10rem;
    opacity: 0;
    padding: 0.4rem 0;
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    z-index: 70;
    right: 0;
}

.c-menu--large {
    min-width: 25rem;
}

.c-menu.c-menu--visible.js-no-action {
    position: static;
}

.c-menu--visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.c-menu__item {
    display: flex;
    position: relative;
    align-items: center;
}

.c-menu__item.c-menu__item--large {
    flex-direction: column;
    white-space: normal;
}

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

.c-menu__item .o-icon:hover {
    color: #46AFFF;
}

.c-menu__item--nowrap {
    white-space: nowrap;
}

.c-menu__item--selected {
    color: #46AFFF;
}

.c-menu__item--selected .o-icon:first-child {
    color: #46AFFF;
}

.c-menu__item--selected .o-icon:last-child:not(:first-child) {
    opacity: 0;
}

.c-menu__item--selected::after {
    position: absolute;
    top: 50%;
    right: 1.6rem;
    transform: translate(0, -50%);
    content: "";
    width: 2.4rem;
    height: 2.4rem;
    background: no-repeat center center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M20.664 5.253a1 1 0 0 1 .083 1.411l-10.666 12a1 1 0 0 1-1.495 0l-5.333-6a1 1 0 0 1 1.494-1.328l4.586 5.159 9.92-11.16a1 1 0 0 1 1.411-.082z' fill='%236666FF'/%3E%3C/svg%3E");
}

.c-menu__label {
    padding: 0.8rem 1.6rem;
    color: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    text-decoration: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.c-menu__label:hover, .c-menu__label:focus {
    background-color: #F5F5F5;
}

.c-menu__label .c-menu__label-text:not(:last-child) {
    margin-right: 0.8rem;
}

.c-menu__label .c-avatar:first-child:not(:last-child),
.c-menu__label .o-icon:first-child:not(:last-child) {
    margin-right: 0.8rem;
}

.c-menu__label .c-avatar:last-child,
.c-menu__label .o-icon:last-child {
    color: #818181;
    margin-left: auto;
}

.c-menu__label .c-avatar:last-child:hover,
.c-menu__label .o-icon:last-child:hover {
    color: #46AFFF;
}

.c-menu__label .c-avatar .o-icon {
    margin: auto;
}

.c-menu__label .c-avatar:not(.c-avatar--muted) .o-icon {
    color: #FFF;
}

.c-menu__label + .c-button--icon .c-button__label {
    margin-left: 0;
}

.c-menu__label > .o-icon:last-child {
    margin-right: -1.2rem;
}

.c-menu__divider {
    border-top: 0.1rem solid #C6CFD2;
    display: block;
    margin-top: 0.4rem;
    padding-top: 0.4rem;
}

.c-menu__icon {
    opacity: 0.5;
    margin-right: 0.5rem;
}

.c-menu__item:hover .c-menu__icon {
    opacity: 1;
}

.c-menu .c-menu__item:not(.c-menu__divider) {
    border: 0;
}

*:not(.c-menu) > .c-menu__item {
    border-bottom: 1px solid #C6CFD2;
    padding-left: 0;
    padding-right: 0;
}

*:not(.c-menu) > .c-menu__item .c-menu__label {
    min-height: 5.6rem;
}

*:not(.c-menu) > .c-menu__item:last-child {
    border-bottom: 0;
}

*:not(.c-menu) > .c-menu__item--selected::after {
    right: 0.6rem;
}

.c-accordion .c-menu__item {
    border: 0;
    min-height: 1em;
}

/* ==========================================================================
Component: c-modal
---
Modal windows
========================================================================== */
/* Variables
========================================================================== */
/* Component
  ========================================================================== */
.c-modal-context {
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transform: translateY(-4rem) scale(0.98);
    transition: visibility 0s linear 0.2s, opacity 0.2s linear, transform 0.2s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 50;
    align-items: center;
    justify-content: center;
}

.c-modal-context.c-modal-context--visible {
    opacity: 1;
    transform: translateY(0) scale(1);
    transition-delay: 0s;
    visibility: visible;
}

.c-modal {
    border-radius: 0.4rem;
    display: flex;
    flex-direction: column;
    width: 100%;
    z-index: 60;
    margin: 0 auto;
    position: relative;
    max-height: calc(100vh - 4.8rem);
}

.c-modal__push {
    min-height: 0;
    flex: 1;
}

.c-modal__content {
    padding: 2.4rem 2.4rem;
}

.c-modal__body {
    background-color: #fff;
    flex: 0 1 auto;
    overflow: auto;
}

.c-modal__body--no-padding {
    padding: 0;
}

.c-modal__header {
    height: 6.4rem;
    flex: 0;
    background-color: #fff;
    border-radius: 0.4rem 0.4rem 0 0;
}

.c-modal__header--bordered {
    border-bottom: 1px solid #C6CFD2;
}

.c-modal__title {
    font-size: 2rem;
    font-weight: 500;
}

.c-modal__header--no-padding {
    padding-top: 0;
    padding-bottom: 0;
}

.c-modal__footer {
    height: 6.4rem;
    flex: 0;
    background-color: #fff;
    border-radius: 0 0 0.4rem 0.4rem;
}

.c-modal__footer:empty {
    height: 0.3rem;
    border-radius: 0 0 0.4rem 0.4rem;
    flex-basis: auto;
}

.c-modal__footer--bordered {
    border-top: 1px solid #C6CFD2;
}

/* Sizes
  ========================================================================== */
.c-modal--large {
    width: 88rem;
}

.c-modal--medium {
    width: 66rem;
}

.c-modal--small {
    width: 44rem;
}

.c-modal--fullscreen {
    max-height: none;
    max-width: none;
    height: calc(100% - 4.8rem);
    width: calc(100% - 4.8rem);
}

.c-modal--fullwidth {
    max-width: 66rem;
    width: calc(100% - 4.8rem);
}

/* Exceptions for small modal
   ========================================================================== */
.c-modal--small .c-modal__body {
    border-radius: 0.4rem 0.4rem 0 0;
}

/* Exceptions for headerless modal
   ========================================================================== */
.c-modal--headerless .c-modal__body {
    border-radius: 0.4rem 0.4rem 0 0;
}

/* Exceptions for footerless modal
   ========================================================================== */
.c-modal--footerless .c-modal__body {
    border-radius: 0 0 0.4rem 0.4rem;
}

/* Backdrop
  ========================================================================== */
.modal-backdrop,
.c-modal-backdrop {
    background: rgba(3, 37, 48, 0.8);
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: fixed;
    top: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear;
    left: 0;
    visibility: hidden;
    z-index: 40;
}

.modal-backdrop.c-modal-backdrop--visible, .modal-backdrop.in,
.c-modal-backdrop.c-modal-backdrop--visible,
.c-modal-backdrop.in {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible;
}

/* Bootstrap styles
========================================================================== */
.c-modal-context[tabindex="-1"] {
    outline: 0;
}

/* Modal layout with sidebar
  ========================================================================== */
.c-modal-layout {
    display: flex;
    height: 100%;
    height: calc(100% - (6.4rem * 2));
}

.c-modal-layout__sidebar {
    flex: 0 1 clamp(32rem, 25%, 40rem);
    background: #F5F5F5;
}

.c-modal-layout__content {
    flex: 1 1 74%;
}

/* ==========================================================================
  Component: navbar
  ---
  A container for navigational elements
   ========================================================================== */
.c-navbar {
    padding: 0 2.4rem;
    height: 6.4rem;
    width: 100%;
}

.c-navbar--auto {
    height: auto;
}

.c-navbar--white {
    background: #FFF;
}

.c-navbar--fixed {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 30;
    border-bottom: 1px solid #C6CFD2;
}

/* Bordered equivalents
   ========================================================================== */
.c-navbar--bordered-top {
    border-top: 0.1rem solid #C6CFD2;
}

.c-navbar--bordered-bottom {
    border-bottom: 0.1rem solid #C6CFD2;
}

/* Sizes
   ========================================================================== */
.c-navbar--small {
    height: 5.6rem;
}

/* ==========================================================================
   component: Pagination
   ========================================================================== */
.c-pagination__nav {
    display: flex;
    align-items: center;
}

.c-pagination__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.8rem;
    width: 3.6rem;
    height: 3.6rem;
    border: 0.1rem solid #C6CFD2;
    color: #3F545B;
}

.c-pagination__link:hover {
    background-color: #E2E7E8;
}

.c-pagination__item:first-child .c-pagination__link {
    border-radius: 0.3rem 0 0 0.3rem;
}

.c-pagination__item:last-child .c-pagination__link {
    border-radius: 0 0.3rem 0.3rem 0;
}

.c-pagination__item:not(:first-child) {
    margin-left: -0.1rem;
}

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

.c-pagination__item--disabled .c-pagination__link {
    color: #A9B7BC;
    pointer-events: none;
}

.c-pagination__item--active .c-pagination__link {
    z-index: 1;
    color: #fff;
    background: #46AFFF;
    border-color: #46AFFF;
    pointer-events: none;
}

/* ==========================================================================
  c-popover
 ========================================================================== */
.c-popover {
    background: #fff;
    border: 0.1rem solid #A9B7BC;
    padding: 1.6rem;
    border-radius: 0.4rem;
    filter: drop-shadow(0 0 0.5rem rgba(33, 33, 33, 0.25));
    max-width: 40rem;
    z-index: 70;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    position: absolute;
}

.c-popover[data-show] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

[data-popper-arrow] {
    width: 0;
    height: 0;
    margin: auto;
    border: 0.8rem solid transparent;
}

[data-popper-placement^="top"] > [data-popper-arrow] {
    border-top-color: white;
    top: 100%;
    filter: drop-shadow(0 1px 0 #C6CFD2);
}

[data-popper-placement^="top-end"] > [data-popper-arrow] {
    border-top-color: white;
    top: 100%;
    filter: drop-shadow(0 1px 0 #C6CFD2);
}

[data-popper-placement^="bottom"] > [data-popper-arrow] {
    border-bottom-color: white;
    bottom: 100%;
    filter: drop-shadow(0 -1px 0 #C6CFD2);
}

[data-popper-placement^="left"] > [data-popper-arrow] {
    border-left-color: white;
    left: 100%;
    filter: drop-shadow(1px 0 0 #C6CFD2);
}

[data-popper-placement^="right"] > [data-popper-arrow] {
    border-right-color: white;
    right: 100%;
    filter: drop-shadow(-1px 0 0 #C6CFD2);
}

/* ==========================================================================
  c-progress-bar
  ---
  Progress bar that changes width AND color using a CSS variable
  By Lea verou - http://dabblet.com/gist/9ef99ce3555ba569c24c7532ef37dc9a
   ========================================================================== */
.c-progress-bar {
    display: flex;
    align-items: center;
    width: 100%;
}

.c-progress-bar__value {
    font-size: 1.2rem;
    color: #818181;
}

.c-progress-bar__bar + .c-progress-bar__value {
    margin-left: .8rem;
}

.c-progress-bar__bar {
    display: flex;
    flex: 1;
    height: 0.4rem;
    background-color: #E2E7E8;
    border-radius: .3rem;
    overflow: hidden;
}

.c-progress-bar__bar:before {
    content: "";
    width: calc(var(--value) * 100%);
    background: #46AFFF;
    -webkit-animation: fillBar 250ms linear 1;
    animation: fillBar 250ms linear 1;
}

@-webkit-keyframes fillBar {
    form {
        width: 0%;
    }
    to {
        width: var(--value);
    }
}

@keyframes fillBar {
    form {
        width: 0%;
    }
    to {
        width: var(--value);
    }
}

.c-progress-bar--low .c-progress-bar__bar:before {
    background: #FF6B6B;
}

.c-progress-bar--middle .c-progress-bar__bar:before {
    background: #FDB72C;
}

.c-progress-bar--high .c-progress-bar__bar:before {
    background: #4FCC85;
}

/* ==========================================================================
  Component Custom select
  ---
  Styles for a custom select dropdown
   ========================================================================== */
/* Component
   ========================================================================== */
.c-select-custom {
    transition: all 0.15s ease-in-out;
    color: #3F545B;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: left;
    background: #fff;
    border: 1px solid #A9B7BC;
    border-radius: 0.3rem;
    position: relative;
    height: 3.6rem;
    font-size: inherit;
    padding: 0.4rem 2.8rem 0.4rem 0.8rem;
    width: 100%;
}

.c-select-custom:focus {
    outline: 0;
    border-color: #8D9FA5;
    box-shadow: inset 0 0 0 0.1rem #8D9FA5;
}

.c-select-custom:after {
    pointer-events: none;
    content: " ";
    position: absolute;
    right: 1rem;
    top: calc(50% - 0.25rem);
    width: 0;
    height: 0;
    border-width: 1rem;
    border: 0.5rem solid #586D74;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.c-select-custom.c-select-custom--large {
    height: 5.6rem;
}

.c-select-custom--large {
    height: 5.8rem;
}

/* ==========================================================================
  Component: Select
  ---
  Styles for basic <select>
   ========================================================================== */
/* Component
   ========================================================================== */
.c-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    border: 0.1rem solid #A9B7BC;
    color: #3F545B;
    border-radius: 0.3rem;
    font-size: inherit;
    line-height: initial;
    height: 3.6rem;
    padding: 0.8rem 2.8rem 0.8rem 0.8rem;
    width: 100%;
    transition: all 0.15s ease-in-out;
}

.c-select:focus {
    outline: 0;
    border-color: #8D9FA5;
    box-shadow: inset 0 0 0 0.1rem #8D9FA5;
}

.c-select[disabled] {
    background: #E2E7E8;
    color: #818181;
}

.c-select-holder {
    position: relative;
}

.c-select-holder:after {
    pointer-events: none;
    content: ' ';
    position: absolute;
    right: 1rem;
    top: 1.7rem;
    width: 0;
    height: 0;
    border-width: 1rem;
    border: 0.5rem solid #3F545B;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

/* ==========================================================================
  c-sidebar
 ========================================================================== */
.c-sidebar {
    background-color: #000000;
    height: 100%;
    width: 32rem;
    position: relative;
    min-width: 32rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.c-sidebar__top {
    flex: 1;
}

.c-sidebar__menu {
    flex: 1;
    overflow: hidden;
}

.c-sidebar__bottom {
    flex: 0;
}

.c-sidebar__logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-sidebar__logo--mark {
    display: none;
}

.c-sidebar__link {
    text-decoration: none;
    margin: 0 2.4rem;
    padding: 0.8rem 0;
    color: #586D74;
}

.c-sidebar__link:hover, .c-sidebar__link:focus {
    color: #FFF;
}

.c-sidebar__item .c-sidebar__link {
    display: flex;
    align-items: center;
}

.c-sidebar__item--active > .c-sidebar__link {
    color: #fff;
}

.c-sidebar__link[aria-expanded="true"] .c-sidebar__item--active,
.c-sidebar__link[aria-expanded="true"] .c-sidebar__link[aria-expanded="true"] {
    color: #fff;
}

.c-sidebar__link[aria-expanded="true"] .c-sidebar-item__icon--submenu .o-icon {
    transform: scale(-1);
}

.c-sidebar-item__icon {
    height: 2.4rem;
}

.c-sidebar-item__icon:first-child {
    padding-right: 1.6rem;
}

.c-sidebar-item__icon--submenu {
    padding-left: 1.6rem;
    margin-left: auto;
}

.c-sidebar__item--active .c-sidebar-item__icon--submenu,
.c-sidebar__link:hover .c-sidebar-item__icon--submenu {
    color: #818181;
}

.c-sidebar-item__icon .o-icon {
    vertical-align: top;
}

.c-sidebar-item__icon:hover.c-sidebar-item__icon--submenu {
    color: #fff;
}

.c-sidebar--muted {
    background-color: #F5F5F5;
}

.c-sidebar--muted[hidden] {
    display: none;
}

.c-sidebar--muted .c-sidebar__item,
.c-sidebar--muted .c-sidebar__link {
    color: #818181;
    font-weight: 600;
}

.c-sidebar--muted .c-sidebar__item--active .c-sidebar__link,
.c-sidebar--muted .c-sidebar__link:hover {
    color: #000000;
}

.c-sidebar--muted .c-sidebar-item__icon--submenu {
    color: #818181;
}

.c-sidebar--muted .c-sidebar-item__icon.c-sidebar-item__icon--submenu:hover {
    color: #3F545B;
}

.c-sidebar[data-collapsed="false"] .c-menu:not(.c-menu--visible) [data-popper-arrow],
.c-sidebar--muted .c-menu:not(.c-menu--visible) [data-popper-arrow] {
    display: none;
}

.c-sidebar[data-collapsed="false"] .c-sidebar-item__label,
.c-sidebar--muted .c-sidebar-item__label {
    font-weight: 600;
}

.c-sidebar[data-collapsed="false"] .c-sidebar-submenu:not(#submenuSignIn),
.c-sidebar--muted .c-sidebar-submenu:not(#submenuSignIn) {
    all: unset;
}

.c-sidebar[data-collapsed="false"] .c-sidebar-submenu:not(#submenuSignIn)[hidden],
.c-sidebar--muted .c-sidebar-submenu:not(#submenuSignIn)[hidden] {
    display: none;
}

.c-sidebar[data-collapsed="false"] .c-sidebar-submenu:not(#submenuSignIn) .c-sidebar__link,
.c-sidebar--muted .c-sidebar-submenu:not(#submenuSignIn) .c-sidebar__link {
    margin: 0 2.4rem 0 6.4rem;
}

.c-sidebar[data-collapsed="false"] .c-sidebar-submenu:not(#submenuSignIn) .c-sidebar__item--active > .c-sidebar__link,
.c-sidebar--muted .c-sidebar-submenu:not(#submenuSignIn) .c-sidebar__item--active > .c-sidebar__link {
    color: #fff;
}

.c-sidebar[data-collapsed="false"].c-sidebar--muted .c-sidebar-submenu:not(#submenuSignIn) .c-sidebar__link,
.c-sidebar--muted.c-sidebar--muted .c-sidebar-submenu:not(#submenuSignIn) .c-sidebar__link {
    margin: 0 2.4rem 0 4.8rem;
}

/* ==========================================================================
  c-sidebar profile section
 ========================================================================== */
.c-sidebar__profile {
    background: #000000;
    padding: 2.4rem;
}

.c-sidebar__profile h4 {
    color: #fff;
}

.c-sidebar__profile .c-avatar {
    border: 1px solid #000000;
}

/* ==========================================================================
  c-sidebar collapse toggle
 ========================================================================== */
.c-sidebar__collapser {
    position: absolute;
    top: 0;
    right: 0.1rem;
    width: 1rem;
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    color: #fff;
    cursor: pointer;
    background: transparent;
    border: 0;
    transition: 0.225s;
    transition-property: border;
    border-radius: 0;
}

.c-sidebar__collapser::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: -0.1rem;
    opacity: 0;
    width: 0.2rem;
    height: 100%;
    background-color: #46AFFF;
    transition: opacity 0.225s;
}

.c-sidebar__collapser:hover {
    border-right-color: #46AFFF;
}

.c-sidebar__collapser:hover::before,
.c-sidebar__collapser:hover .o-icon {
    opacity: 1;
}

.c-sidebar__collapser:active, .c-sidebar__collapser:focus {
    outline: none;
}

.c-sidebar__collapser > .o-icon {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    background: #46AFFF;
    line-height: 1;
    padding: 0;
    border: 0;
    border-radius: 99999em;
    font-size: 2.4rem;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.225s;
}

.c-sidebar__collapser .o-icon .hi {
    position: relative;
    top: -0.1rem;
    width: 1em;
    height: 1em;
}

/* ==========================================================================
  collapsed c-sidebar
 ========================================================================== */
.c-sidebar[data-collapsed="true"] {
    width: 6.4rem;
    min-width: 6.4rem;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__logo {
    padding: 2.4rem 1.2rem 3.2rem;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__logo--full {
    display: none;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__logo--mark {
    display: block;
    text-align: center;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__language-selector {
    display: none;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__item {
    padding: 0 2rem;
}

.c-sidebar[data-collapsed="true"] .c-sidebar-item__label {
    font-weight: 400;
    display: none;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__link {
    margin: 0;
}

.c-sidebar[data-collapsed="true"] [data-menu-sidebar][aria-haspopup="true"] > .c-sidebar__link {
    position: relative;
}

.c-sidebar[data-collapsed="true"] [data-menu-sidebar][aria-haspopup="true"] > .c-sidebar__link::after {
    content: "";
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    position: absolute;
    bottom: 0;
    right: -0.6rem;
    background: #818181;
    -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

.c-sidebar[data-collapsed="true"] [data-menu-sidebar][aria-expanded="true"] > .c-sidebar__link {
    color: #fff;
}

.c-sidebar[data-collapsed="true"] [data-menu-sidebar][aria-expanded="true"] > .c-sidebar__link::after {
    background: #fff;
}

.c-sidebar[data-collapsed="true"] .c-sidebar-item__icon--submenu {
    display: none;
}

.c-sidebar[data-collapsed="true"] .c-sidebar-submenu {
    padding: 0.8rem 0;
    min-width: 28rem;
}

.c-sidebar[data-collapsed="true"] .c-sidebar-submenu[hidden] {
    display: block;
}

.c-sidebar[data-collapsed="true"] .c-sidebar-submenu .c-sidebar__item:hover {
    background-color: #F5F5F5;
}

.c-sidebar[data-collapsed="true"] .c-sidebar-submenu .c-sidebar__item:hover .c-sidebar-item__label {
    color: #46AFFF;
}

.c-sidebar[data-collapsed="true"] .c-sidebar-submenu .c-sidebar-item__label {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: block;
}

.c-sidebar[data-collapsed="true"] .c-sidebar-submenu .c-sidebar__item--active .c-sidebar-item__label {
    color: #46AFFF;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__profile {
    padding: 0 1.6rem 1.6rem;
    margin-top: 1.6rem;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__profile .c-avatar {
    margin: 0;
    width: 3.2rem;
    height: 3.2rem;
    min-width: 0;
    min-height: 0;
}

.c-sidebar[data-collapsed="true"] .c-sidebar__profile .c-avatar-and-text__text,
.c-sidebar[data-collapsed="true"] .c-sidebar__profile .c-button--icon {
    display: none;
}

.c-spinner {
    display: inline-block;
    width: 4rem;
    height: 4rem;
    vertical-align: text-bottom;
    border: 0.5rem solid #46AFFF;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner 1.3s linear infinite;
    animation: spinner 1.3s linear infinite;
}

@-webkit-keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

/* ==========================================================================
  c-challenge counter
   ========================================================================== */
.c-status-list {
    display: flex;
}

.c-status-list .c-status {
    margin-right: .8rem;
}

.c-status-list .c-status:last-child {
    margin-right: 0;
}

.c-status {
    border-radius: 100%;
    width: 1rem;
    height: 1rem;
    display: block;
}

.c-status--critical {
    background-color: #FF6B6B;
}

.c-status--moderate {
    background-color: #FDB72C;
}

.c-status--no-issues {
    background-color: #4FCC85;
}

/* ==========================================================================
  Component: table
  ---
  Table styling
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
   ========================================================================== */
.c-table {
    width: 100%;
}

.c-table th,
.c-table td {
    text-align: left;
}

.c-table td,
.c-table th {
    text-align: left;
    padding: 0.8rem 0;
    vertical-align: middle;
    position: relative;
}

.c-table th {
    font-weight: 500;
}

.c-table--styled th {
    font-weight: 500;
    border-bottom: 0.2rem solid #C6CFD2;
    vertical-align: top;
    background: #FFF;
}

.c-table--styled th:first-child {
    border-top-left-radius: 0.4rem;
}

.c-table--styled th:last-child {
    border-top-right-radius: 0.4rem;
}

.c-table--styled tbody th {
    background: none;
    vertical-align: center;
    height: inherit;
}

.c-table--styled tbody tr:last-child th {
    border: none;
}

.c-table--styled td {
    border-bottom: 0.1rem solid #C6CFD2;
}

.c-table--styled tr:last-child td {
    border: none;
}

.c-table--styled td,
.c-table--styled th {
    text-align: left;
    padding: 1.6rem;
    position: relative;
}

.c-table--styled td .c-button,
.c-table--styled th .c-button {
    margin-bottom: -0.8rem;
    margin-top: -0.8rem;
}

.c-table--styled td input[type="checkbox"],
.c-table--styled th input[type="checkbox"] {
    margin: 0 auto;
}

.c-table--bordered {
    border: 0.1rem solid #C6CFD2;
    border-radius: 0.3rem;
    border-collapse: separate;
}

.c-table--nowrap th,
.c-table--nowrap td {
    white-space: nowrap;
}

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

.c-table--align-middle td {
    vertical-align: middle;
}

.c-table__row--selected td {
    background-color: #E2E7E8;
    border-color: #A9B7BC;
}

.c-table--striped tbody tr:nth-child(even) {
    background: #E2E7E8;
}

.c-table--no-margin {
    margin: 0;
}

.c-table--align-middle td {
    vertical-align: middle;
}

.c-table--horizontal th {
    width: 18rem;
}

/* Table sorter
   ========================================================================== */
.c-table-sorter {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0;
    text-decoration: none;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    font-weight: inherit;
}

.c-table-sorter .c-table-sorter__label + .o-icon {
    margin-left: 0.8rem;
}

.c-table-sorter:hover, .c-table-sorter:focus {
    color: #46AFFF;
}

/* Invisible table structure
   ========================================================================== */
.c-table.c-table--invisible {
    border: 0;
    width: 100%;
}

.c-table.c-table--invisible tr th,
.c-table.c-table--invisible tr td {
    border: 0;
    padding-left: 0;
    padding-top: 0.4rem;
    padding-bottom: 0.4rem;
}

/* Table column widths
   ========================================================================== */
.c-table-checkbox-col {
    width: 2rem;
}

.c-table-reorder-col {
    width: 3.6rem;
    vertical-align: middle;
}

.c-table-reorder-col .c-button {
    cursor: -webkit-grab;
    cursor: grab;
}

.o-table-col-1 {
    width: 6.25%;
}

.o-table-col-2 {
    width: 12.5%;
}

.o-table-col-3 {
    width: 18.75%;
}

.o-table-col-4 {
    width: 25%;
}

.o-table-col-5 {
    width: 31.25%;
}

.o-table-col-6 {
    width: 37.5%;
}

.o-table-col-7 {
    width: 43.75%;
}

.o-table-col-8 {
    width: 50%;
}

.o-table-col-9 {
    width: 56.25%;
}

.o-table-col-10 {
    width: 62.5%;
}

.o-table-col-11 {
    width: 68.75%;
}

.o-table-col-12 {
    width: 75%;
}

.o-table-col-13 {
    width: 81.25%;
}

.o-table-col-14 {
    width: 87.5%;
}

.o-table-col-15 {
    width: 93.75%;
}

/* Untable a table
   ========================================================================== */
.c-table--untable tr {
    display: block;
}

.c-table--untable tr th {
    display: block;
}

.c-table--untable tr td {
    display: block;
}

@media (min-width: 700px) {
    .c-table--untable tr {
        display: table-row;
    }

    .c-table--untable tr th {
        display: table-cell;
    }

    .c-table--untable tr td {
        display: table-cell;
    }
}

/* Responsive table
   Adapted from Bootstrap 4
   ========================================================================== */
.c-table-responsive {
    border: 0.1rem solid #C6CFD2;
    border-radius: 0.3rem;
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

.c-table-responsive > .c-table--bordered {
    border: 0;
}

/* Card + table context
   ========================================================================== */
.c-panel .c-table {
    background: #FFF;
}

.c-panel .c-table tr td {
    padding: 1.6rem;
}

.c-panel .c-table tr td:first-child {
    padding-left: 2.4rem;
}

.c-panel .c-table tr td:last-child {
    padding-right: 2.4rem;
}

.c-panel .c-table tr th:first-child {
    padding-left: 2.4rem;
}

.c-panel .c-table tr th:last-child {
    padding-right: 2.4rem;
}

/* Table with clickable rows
   ========================================================================== */
.c-table tr[data-href]:hover {
    background: #F5F5F5;
    cursor: pointer;
}

.c-table--rows-clickable tr:focus-within td {
    background-color: #F5F5F5;
}

/* ==========================================================================
    Component: Tabs
    ---
    Top navigation (usually inside of a toolbar)
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
   ========================================================================== */
@media screen and (min-width: 400px) {
    .c-tabs ul {
        display: flex;
        height: 4.8rem;
        max-height: 4.8rem;
    }
}

.c-tabs li {
    flex-basis: auto;
    height: 100%;
    display: flex;
    align-items: center;
    margin-right: 2.4rem;
}

.c-tabs li:last-child {
    margin-right: 0;
}

@media screen and (min-width: 400px) {
    .c-tabs li {
        justify-content: center;
    }
}

@media screen and (max-width: 399px) {
    .c-tabs li + li {
        margin-top: 0.8rem;
    }
}

.c-tabs__item {
    color: #818181;
    transition: color 0.1s linear;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: 500;
    padding: 0;
    height: 100%;
}

.c-tabs__item:hover {
    color: #000000;
}

.c-tabs__item:focus {
    color: #000000;
}

.c-tabs__item:focus:not(:focus-visible) {
    outline: none;
}

.c-tabs__item[aria-selected="true"] {
    box-shadow: inset 0 -0.2rem 0 #46AFFF;
    color: #000000;
    position: relative;
    z-index: 10;
    margin-bottom: -0.1rem;
}

.c-tabs.c-tabs--border-bottom ul {
    border-bottom: 1px solid #C6CFD2;
}

.c-tabs__tab-counter {
    font-size: 1.4rem;
    background-color: #E2E7E8;
    color: #818181;
    font-weight: 500;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .8rem;
}

/* ==========================================================================
  c-tag
   ========================================================================== */
.c-tag {
    font-weight: 500;
    color: #586D74;
    background-color: #FFF;
    border: 0.1rem solid #C6CFD2;
    border-radius: 1.6rem;
    padding: 0 1.2rem;
    display: inline-flex;
    align-items: center;
    height: 3.2rem;
}

.c-tag .c-tag__label {
    white-space: nowrap;
    flex: 1 1 100%;
}

.c-tag--success {
    border-color: #2FB468;
    color: #2FB468;
}

.c-tag--danger {
    border-color: #D74C4C;
    color: #D74C4C;
}

.js-tag--selectable {
    cursor: pointer;
}

.js-tag--selectable .o-icon {
    transform: scale(0);
    width: 0;
    transition: transform 250ms ease-in-out;
}

.js-tag--selectable.c-tag--selected {
    border-color: #46AFFF;
    color: #46AFFF;
}

.js-tag--selectable.c-tag--selected .o-icon {
    font-size: 2.4rem;
    margin-right: .8rem;
    transform: scale(1);
}

/* Tag list
   ========================================================================== */
.c-tag-list {
    display: flex;
    flex-wrap: wrap;
}

.c-tag-list li {
    margin: .4rem .8rem .4rem 0;
    display: block;
    width: 100%;
}

.c-tag-list--inline li {
    display: inline-block;
    width: auto;
}

/* Tag counters
   ========================================================================== */
.c-tag-count__counters {
    align-items: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1.6rem;
    font-weight: 500;
}

.c-tag-count__counter {
    color: #46AFFF;
    text-transform: uppercase;
}

/* ==========================================================================
  Component: Team info
   ========================================================================== */
.c-team-info {
    display: flex;
}

.c-team-info .c-team-info__item {
    margin-right: 1.2rem;
}

.c-team-info .c-team-info__item:last-child {
    margin-right: 0;
}

.c-team-info__item {
    font-size: 1.4rem;
}

.c-team-info__count {
    font-weight: 500;
}

.c-team-info__info {
    color: #818181;
}

/* ==========================================================================
  c-range
   ========================================================================== */
.c-range {
    -webkit-appearance: none;
    width: 100%;
    height: 1em;
    border-radius: 0.3rem;
    background: #A9B7BC;
    outline: none;
}

.c-range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #46AFFF;
    cursor: pointer;
}

.c-range::-moz-range-thumb {
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    background: #46AFFF;
    cursor: pointer;
}

/* ==========================================================================
  c-textarea
   ========================================================================== */
.c-textarea {
    border: 0.1rem solid #A9B7BC;
    border-radius: 0.3rem;
    padding: 1rem 1.2rem;
    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: #3F545B;
    font-size: inherit;
    line-height: 1.5;
    width: 100%;
    transition: all 0.15s ease-in-out;
}

.c-textarea::-moz-placeholder {
    color: #8D9FA5;
}

.c-textarea:-ms-input-placeholder {
    color: #8D9FA5;
}

.c-textarea::placeholder {
    color: #8D9FA5;
}

.c-textarea:focus {
    outline: 0;
    border-color: #8D9FA5;
    box-shadow: inset 0 0 0 0.1rem #8D9FA5;
}

.c-textarea--small {
    height: 12rem;
}

.c-textarea--medium {
    height: 16rem;
}

.c-textarea--large {
    height: 20rem;
}

/* ==========================================================================
  c-toggle
  ---
  A mobile style on/off switch
   ========================================================================== */
.c-toggle {
    display: block;
    height: 2.4rem;
    position: relative;
    width: 4.2rem;
}

.c-toggle input[type='checkbox'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    left: 0;
    height: 100%;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.c-toggle input[type='checkbox']:focus ~ .c-toggle__knob {
    box-shadow: 0 0 0 0.5rem rgba(0, 0, 0, 0.1);
}

.c-toggle input[type='checkbox']:checked ~ .c-toggle__knob {
    transform: translateX(1.6rem);
}

.c-toggle input[type='checkbox']:checked ~ .c-toggle__knob:after {
    left: auto;
    right: 100%;
}

.c-toggle input[type='checkbox']:checked ~ .c-toggle__back {
    background-color: #46AFFF;
}

.c-toggle input[type='checkbox']:disabled {
    cursor: not-allowed;
}

.c-toggle input[type='checkbox']:disabled ~ .c-toggle__knob {
    opacity: 0.5;
}

.c-toggle input[type='checkbox']:disabled ~ .c-toggle__knob:after {
    content: '';
}

.c-toggle input[type='checkbox']:disabled ~ .c-toggle__back {
    background-color: #C6CFD2;
    box-shadow: inset 0 0 0 0.1rem rgba(0, 0, 0, 0.1);
}

.c-toggle__back {
    background-color: #A9B7BC;
    border-radius: 1.2rem;
    bottom: 0;
    box-shadow: inset 0 0 0 0.1rem rgba(0, 0, 0, 0.2);
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.08s linear;
}

.c-toggle__knob {
    background-color: #FFF;
    box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.2);
    border-radius: 100%;
    content: '';
    height: 1.8rem;
    left: 0.3rem;
    pointer-events: none;
    position: absolute;
    top: 0.3rem;
    transition: transform 0.08s ease-in-out;
    width: 1.8rem;
}

.c-toggle__knob:after {
    color: rgba(255, 255, 255, 0.7);
    font-size: 0.8rem;
    font-weight: 600;
    left: 100%;
    line-height: 1;
    position: absolute;
    top: 0.2rem;
    text-align: center;
    text-transform: uppercase;
    width: 1.4rem;
}

/* ==========================================================================
  Component: Toolbar-title
  ========================================================================== */
.c-toolbar-title {
    font-size: 2rem;
    font-weight: 500;
}

.c-toolbar-title-sub {
    font-size: 1.4rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    color: #586D74;
}

.c-toolbar-title--small {
    font-size: 1.6rem;
}

/* ==========================================================================
  Component: Toolbar
  ---
  Component for aligning multiple sub components on a horizontal axis
   ========================================================================== */
/* Variables
   ========================================================================== */
/* Component
   ========================================================================== */
.c-toolbar {
    width: 100%;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-around;
    height: 6.4rem;
}

.c-toolbar--medium {
    height: 5.6rem;
}

.c-toolbar--small {
    height: 4.8rem;
}

.c-toolbar--large {
    height: 9.6rem;
}

.c-toolbar--spaced {
    padding: 0 2.4rem;
}

.c-toolbar--auto {
    height: auto;
}

.c-toolbar--border {
    border-bottom: 0.1rem solid #C6CFD2;
}

.c-toolbar__left {
    z-index: 21;
    justify-content: flex-start;
}

.c-toolbar__left .c-toolbar__item {
    margin-right: 1.6rem;
}

.c-toolbar__left .c-toolbar__item:only-child {
    margin: 0;
}

.c-toolbar__right {
    z-index: 21;
    justify-content: flex-end;
}

.c-toolbar__right .c-toolbar__item {
    margin-left: 1.6rem;
}

.c-toolbar__right .c-toolbar__item:only-child {
    margin: 0;
}

.c-toolbar__left,
.c-toolbar__right {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
}

.c-toolbar__item {
    position: relative;
}

.c-toolbar__center {
    position: absolute;
    margin-left: 50%;
    left: 0;
}

.c-toolbar__center-inner {
    margin-left: -50%;
    display: flex;
    flex: 1 0 auto;
    align-items: center;
}

.c-toolbar__center-inner .c-toolbar__item {
    margin: 0 0.8rem;
}

.c-toolbar__center-inner .c-toolbar__item:only-child {
    margin: 0;
}

.c-toolbar__center--interactive {
    z-index: 20;
}

.c-toolbar__center-inner--alt {
    margin-left: -100%;
}

/* Specific children
   ========================================================================== */
.c-toolbar__title {
    font-weight: 500;
    font-size: 1.8rem;
    color: #3F545B;
}

.c-toolbar__dropdown {
    display: flex;
    align-items: center;
}

.c-toolbar__dropdown .o-icon {
    color: #3F545B;
    margin-left: 0.8rem;
}

.c-navbar--inverse .c-toolbar__dropdown .o-icon {
    color: #fff;
}

/* Justified toolbar
   ========================================================================== */
.c-toolbar__justified {
    flex: 1 0 auto;
    display: flex;
    align-items: center;
}

.c-toolbar__justified .c-toolbar__item {
    margin-right: 1.6rem;
}

.c-toolbar__item--stretch {
    flex: 1;
}

.c-toolbar__justified .c-toolbar__item:last-child {
    margin: 0;
}

/* Drop columns on request
   ========================================================================== */
@media (max-width: 699px) {
    .c-toolbar.c-toolbar--drop-columns-low-mq {
        height: auto;
        flex-wrap: wrap;
    }

    .c-toolbar.c-toolbar--drop-columns-low-mq .c-toolbar__left,
    .c-toolbar.c-toolbar--drop-columns-low-mq .c-toolbar__right {
        min-height: 5.6rem;
    }

    .c-toolbar.c-toolbar--drop-columns-low-mq .c-toolbar__right {
        justify-content: flex-start;
    }

    .c-toolbar.c-toolbar--drop-columns-low-mq .c-toolbar__right .c-toolbar__item {
        margin-left: 0;
        margin-right: 1.6rem;
    }
}

/* ==========================================================================
  c-tooltip
 ========================================================================== */
/* Variables
========================================================================== */
/* Component
  ========================================================================== */
.c-tooltip {
    display: none;
    background: #000000;
    color: #fff;
    padding: .8rem 1.6rem;
    font-size: 1.4rem;
    border-radius: 0.3rem;
    line-height: 1.6;
    filter: drop-shadow(0 0 0.5rem rgba(0, 0, 0, 0.25));
    z-index: 10;
}

.c-tooltip--size-m {
    min-width: 24rem;
}

.c-tooltip[data-show] {
    display: block;
}

.c-tooltip__arrow,
.c-tooltip__arrow::before {
    position: absolute;
    width: 0.8rem;
    height: 0.8rem;
    z-index: -1;
}

.c-tooltip[data-popper-placement^='top'] > .c-tooltip__arrow {
    filter: none;
    border-top-color: #000000;
}

.c-tooltip[data-popper-placement^='bottom'] > .c-tooltip__arrow {
    filter: none;
    border-bottom-color: #000000;
}

.c-tooltip[data-popper-placement^='left'] > .c-tooltip__arrow {
    filter: none;
    border-left-color: #000000;
}

.c-tooltip[data-popper-placement^='right'] > .c-tooltip__arrow {
    filter: none;
    border-right-color: #000000;
}

/* ==========================================================================
  Vertical button group
   ========================================================================== */
.c-vertical-button-group .c-button {
    margin-bottom: 1.2rem;
}

/* ==========================================================================
  c-wizard-item
 ========================================================================== */
.c-wizard-item--disabled {
    opacity: 0.5;
    pointer-events: none;
}

.c-wizard-item {
    padding: 2.4rem 0;
}

/* ==========================================================================
  Component: main layout
   ========================================================================== */
.c-wizard-layout-wrapper {
    height: 100%;
    min-height: 0;
    overflow: hidden;
}

.c-wizard-layout {
    display: flex;
    height: 100%;
    height: calc(100% - (6.4rem * 2));
}

.c-wizard-layout__sidebar {
    flex: 0 1 clamp(32rem, 25%, 40rem);
    background: #F5F5F5;
}

.c-wizard-layout__content {
    flex: 1 1 74%;
    border-left: 1px solid #C6CFD2;
}

.c-wizard-layout--simple {
    display: flex;
    height: 100%;
    height: calc(100% - 6.4rem);
}

/* ==========================================================================
  c-wizard-step
 ========================================================================== */
.c-wizard-steps li + li {
    margin-top: 1.6rem;
}

.c-wizard-step {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.c-wizard__indicator {
    position: relative;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    background: #fff;
    border: 0.2rem solid #818181;
    margin-right: 1.2rem;
}

.c-wizard-step[aria-selected="true"] .c-wizard__indicator,
.c-wizard-step--complete .c-wizard__indicator {
    background: #46AFFF;
    border-color: #46AFFF;
}

.c-wizard-step[aria-selected="true"] .c-wizard__indicator:before,
.c-wizard-step--complete .c-wizard__indicator:before {
    content: "";
    position: absolute;
    width: 2rem;
    height: 2rem;
    left: -0.2rem;
    top: -0.2rem;
    border-radius: 100%;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath fill='none' d='M0 0h16v16H0z'/%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11.69 4.675l-.443.424L6.77 9.575 4.752 7.558l-.442-.422L3.445 8l.423.442 2.46 2.46.442.423.442-.423 4.92-4.92.423-.442-.865-.865z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E") no-repeat;
    transition: all 0.14s;
    transition-property: opacity;
}

.c-wizard-step--complete {
    color: #818181;
}

.c-wizard-step--complete .c-wizard__indicator {
    background: #818181;
    border-color: #818181;
}

.c-wizard-step[aria-selected="true"] {
    color: #46AFFF;
    font-weight: 500;
}

.c-wizard-step[aria-selected="true"] c-wizard__indicator {
    background: #46AFFF;
    border-color: #46AFFF;
}

/* ==========================================================================
  Wysiwyg
  ---
  A rich textarea
   ========================================================================== */
.c-wysiwyg-toolbar {
    background: #FFF;
    border: 0.1rem solid #A9B7BC;
    border-bottom: none;
    border-radius: 0.3rem 0.3rem 0 0;
}

.c-wysiwyg-toolbar .c-button {
    border-radius: none;
}

.c-wysiwyg-toolbar section {
    display: inline-flex;
    border-right: 0.1rem solid #A9B7BC;
}

.c-wysiwyg-toolbar section:last-child {
    border-right: none;
}

.c-wysiwyg-toolbar + .c-textarea {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.c-wysiwyg [contenteditable=true] {
    overflow: scroll;
}

/* ==========================================================================
  c-person-on-chart
   ========================================================================== */
.c-person-on-chart {
    position: relative;
    display: inline-flex;
}

.c-person-on-chart .o-icon {
    font-size: 1.6rem;
    position: absolute;
    right: -0.6rem;
    top: -0.6rem;
}

.c-person-on-chart--success .c-avatar {
    box-shadow: 0 0 0 0.2rem #2FB468;
}

.c-person-on-chart--success .o-icon {
    color: #2FB468;
}

.c-person-on-chart--warning .c-avatar {
    box-shadow: 0 0 0 0.2rem #E8A219;
}

.c-person-on-chart--warning .o-icon {
    color: #E8A219;
}

.c-person-on-chart--danger .c-avatar {
    box-shadow: 0 0 0 0.2rem #D74C4C;
}

.c-person-on-chart--danger .o-icon {
    color: #D74C4C;
}

/* ==========================================================================
  Component: c-radial-chart
   ========================================================================== */
.c-radial-chart {
    width: 100%;
    height: 0;
    padding-top: 100%;
    position: relative;
}

/* Background
   ========================================================================== */
.c-radial-chart__background,
.c-radial-chart__data {
    width: 100%;
    height: 100%;
}

.c-radial-chart__x-axis,
.c-radial-chart__y-axis {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.c-radial-chart__axis {
    display: flex;
    height: 100%;
}

.c-radial-chart__axis:before {
    content: "";
    display: inline-block;
    background: #C6CFD2;
}

.c-radial-chart__x-axis .c-radial-chart__axis {
    transform: translateY(50%);
}

.c-radial-chart__x-axis .c-radial-chart__axis:before {
    width: 100%;
    height: 0.1rem;
}

.c-radial-chart__x-axis .c-radial-chart__label {
    height: 100%;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: 1.2rem;
    text-align: right;
}

.c-radial-chart__y-axis .c-radial-chart__axis {
    transform: translateX(50%);
}

.c-radial-chart__y-axis .c-radial-chart__axis:before {
    height: 100%;
    width: 0.1rem;
}

.c-radial-chart__y-axis .c-radial-chart__label {
    width: 100%;
    margin-left: 1.2rem;
    position: absolute;
    bottom: 0;
    left: 50%;
}

.c-radial-chart__label {
    font-size: 1.4rem;
    color: #818181;
}

.c-radial-chart__radials {
    width: 100%;
    height: 100%;
}

.c-radial-chart__radial {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
}

.c-radial-chart__radial:nth-child(4) {
    width: 20%;
    height: 20%;
    background-color: #ababff;
}

.c-radial-chart__radial:nth-child(3) {
    width: 40%;
    height: 40%;
    background-color: #c2c2ff;
}

.c-radial-chart__radial:nth-child(2) {
    width: 60%;
    height: 60%;
    background-color: #d9d9ff;
}

.c-radial-chart__radial:nth-child(1) {
    width: 80%;
    height: 80%;
    background-color: #f0f0ff;
}

/* Data
   ========================================================================== */
.c-radial-chart__data .c-radial-chart__data-point {
    position: absolute;
    left: calc(var(--x-position) * 10%);
    top: calc(var(--y-position) * 10%);
}

/* Bootstrap
   ========================================================================== */
/* ==========================================================================
  Pagination adapted from Bootstrap
   ========================================================================== */
.pagination {
    display: inline-block;
    padding-left: 0;
}

.pagination > li {
    display: inline;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: .6rem 1.2rem;
    line-height: 1.42857143;
    text-decoration: none;
    color: #46AFFF;
    background-color: #FFF;
    border: 0.1rem solid #E2E7E8;
    margin-left: -.1rem;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #214e75;
    background-color: #eeeeee;
    border-color: #dddddd;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #FFF;
    background-color: #46AFFF;
    border-color: #46AFFF;
    cursor: default;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #999;
    background-color: #FFF;
    border-color: #DDD;
    cursor: not-allowed;
}

/* Popover (used as tooltip currently)
   Adapted from Bootstrap using Deax color variables
   ========================================================================== */
.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 27.6rem;
    padding: .1rem;
    font-size: 1.5rem;
    font-weight: normal;
    text-align: left;
    background-color: #FFF;
    background-clip: padding-box;
    border: 0.1rem solid #C6CFD2;
    border-radius: .3rem;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
    white-space: normal;
}

.popover.top {
    margin-top: -10px;
}

.popover.right {
    margin-left: 10px;
}

.popover.bottom {
    margin-top: 10px;
}

.popover.left {
    margin-left: -10px;
}

.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 13px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 2px 2px 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 {
    border-width: 10px;
    content: "";
}

.popover.top > .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}

.popover.top > .arrow:after {
    content: " ";
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}

.popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999999;
    border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right > .arrow:after {
    content: " ";
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}

.popover.bottom > .arrow {
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
    top: -11px;
}

.popover.bottom > .arrow:after {
    content: " ";
    top: 1px;
    margin-left: -10px;
    border-top-width: 0;
    border-bottom-color: #ffffff;
}

.popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999999;
    border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left > .arrow:after {
    content: " ";
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}

/* Legacy
   Leftovers from old UI to make new UI (2021) work
   ========================================================================== */
/* ==========================================================================
  Choice box
   ========================================================================== */
div.choice-box {
    margin-left: 1.6rem;
    margin-right: 1.6rem;
    padding: 2.4rem;
    border: .1rem solid #cfcfcf;
    height: 100%;
    border-radius: .4rem;
}

div.choice-box.selected {
    border: 0.1rem solid #46AFFF;
    background-color: #F5F5F5;
}

div.choice-box:hover {
    background-color: #F5F5F5;
}

.choice-box_container {
    margin-bottom: 1.6rem;
}

div.choice-box li {
    margin-left: 13px;
}

a div.choice-box {
    color: #333333;
}

/*
Header
*/
.header {
    display: flex;
    justify-content: space-between;
    border-bottom: #bbb 1px solid;
}

.header .actions {
    display: flex;
    gap: .5em;
}

.header .actions .c-input {
    width: auto;
}

@media (max-width: 676px) {
    .header .c-button__label {
        display: none;
    }
}

.report h2, .report h4 {
    margin-top: 2.4rem;
}

.report .small_title {
    margin-top: 2rem;
}

/*
 * NESTABLES
 */
.dd {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dd-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.dd-list .dd-list {
    padding-left: 30px;
}

.dd-collapsed .dd-list {
    display: none;
}

.dd-item,
.dd-empty,
.dd-placeholder {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    min-height: 20px;
    font-size: 13px;
    line-height: 20px;
}

.dd-handle {
    display: block;
    font-size: 15px;
    margin: 5px 0;
    padding: 2.4rem;
    color: #333333;
    text-decoration: none;
    border: 1px solid #cfcfcf;
    background: #fbfbfb;
}

.dd-handle:hover {
    border: solid 1px #46AFFF;
    background: #fff !important;
}

.dd-item > button {
    position: relative;
    cursor: pointer;
    float: left;
    width: 25px;
    height: 20px;
    margin: 7px 10px;
    line-height: 22px !important;
    padding: 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border: 0;
    background: rgba(0, 0, 0, 0);
    text-align: center;
}

.dd-item > button {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
}

.dd-item > button:before {
    content: '\f055';
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    text-indent: 0;
    color: #0091d9;
}

.dd-item > button[data-action="collapse"]:before {
    content: '\f056';
    color: #a90329;
}

.dd-placeholder,
.dd-empty {
    margin: 5px 0;
    padding: 0;
    min-height: 60px;
    border: 1px solid #dadadac0;
    color: #dadadac0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.dd-empty {
    border: 1px dashed #bbb;
    min-height: 100px;
    background-color: #eeeeee;
    background-image: linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff), linear-gradient(45deg, #ffffff 25%, transparent 25%, transparent 75%, #ffffff 75%, #ffffff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel {
    position: absolute;
    pointer-events: none;
    z-index: 9999;
}

.dd-dragel > .dd-item .dd-handle {
    margin-top: 0;
}

.dd-dragel .dd-handle {
    box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

/* Vendor
   3rd party code
   ========================================================================== */
/* ==========================================================================
    Draggable styles
   ========================================================================== */
/* Additions
   ========================================================================== */
.draggable-source--is-dragging {
    opacity: 0.4;
}

tr.draggable-mirror td {
    background: #fff;
}

tr.draggable-mirror {
    display: table;
    border: 0.1rem solid #46AFFF;
    border-radius: 0.3rem;
}

.draggable-mirror .c-card__content {
    border: 0.1rem solid #46AFFF;
}

html.draggable-cursor {
    cursor: move;
    /* fallback: no `url()` support or images disabled */
    cursor: -webkit-grabbing;
    /* Chrome 1-21, Safari 4+ */
    /* Firefox 1.5-26 */
    cursor: grabbing;
    /* W3C standards syntax, should come least */
}

/* ==========================================================================
    Flatpickr styles
    ---
    Coverted stylus to scss
   ========================================================================== */
/* Vars
   ========================================================================== */
/* Flatpickr styles
   ========================================================================== */
.flatpickr-calendar {
    background: transparent;
    opacity: 0;
    display: none;
    text-align: center;
    visibility: hidden;
    padding: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    width: 33.525rem;
    box-sizing: border-box;
    touch-action: manipulation;
    background: #ffffff;
    box-shadow: 1px 0 0 #C6CFD2, -1px 0 0 #C6CFD2, 0 1px 0 #C6CFD2, 0 -1px 0 #C6CFD2, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open, .flatpickr-calendar.inline {
    opacity: 1;
    max-height: 640px;
    visibility: visible;
}

.flatpickr-calendar.open {
    display: inline-block;
    z-index: 99999;
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
    display: block;
    position: relative;
    top: 2px;
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7) {
    box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1) {
    box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
    height: 4rem;
    border-top: 1px solid #C6CFD2;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto;
}

.flatpickr-calendar:before, .flatpickr-calendar:after {
    position: absolute;
    display: block;
    pointer-events: none;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    left: 22px;
}

.flatpickr-calendar.rightMost:before, .flatpickr-calendar.rightMost:after {
    left: auto;
    right: 22px;
}

.flatpickr-calendar:before {
    border-width: 5px;
    margin: 0 -5px;
}

.flatpickr-calendar:after {
    border-width: 4px;
    margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
    bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #C6CFD2;
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #ffffff;
}

.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
    top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #C6CFD2;
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #ffffff;
}

.flatpickr-calendar:focus {
    outline: 0;
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block;
}

.flatpickr-months {
    display: flex;
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: #3F545B;
    fill: #3F545B;
    height: 4.8rem;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: hidden;
    flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 0px;
    line-height: 16px;
    height: 4.8rem;
    padding: 10px;
    z-index: 3;
    color: #3F545B;
    fill: #3F545B;
}

.flatpickr-months .flatpickr-prev-month.disabled,
.flatpickr-months .flatpickr-next-month.disabled {
    display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
    position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    /*!
      /*rtl:begin:ignore*/
    /*
      */
    left: 0;
    /*!
      /*rtl:end:ignore*/
    /*
      */
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    /*!
      /*rtl:begin:ignore*/
    /*
      */
    right: 0;
    /*!
      /*rtl:end:ignore*/
    /*
      */
}

.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
    color: #C6CFD2;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: #D74C4C;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 14px;
    height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
    transition: fill 0.1s;
    fill: inherit;
}

.numInputWrapper {
    position: relative;
    height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
    display: inline-block;
}

.numInputWrapper input {
    width: 100%;
}

.numInputWrapper input::-ms-clear {
    display: none;
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(63, 84, 91, 0.15);
    box-sizing: border-box;
}

.numInputWrapper span:hover {
    background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
    background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(63, 84, 91, 0.6);
    top: 26%;
}

.numInputWrapper span.arrowDown {
    top: 50%;
}

.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(63, 84, 91, 0.6);
    top: 40%;
}

.numInputWrapper span svg {
    width: inherit;
    height: auto;
}

.numInputWrapper span svg path {
    fill: rgba(63, 84, 91, 0.5);
}

.numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
    opacity: 1;
}

.flatpickr-current-month {
    font-size: 135%;
    line-height: inherit;
    font-weight: 300;
    color: inherit;
    position: absolute;
    width: 75%;
    left: 12.5%;
    padding: 1.056rem 0 0 0;
    line-height: 1;
    height: 4.8rem;
    display: inline-block;
    text-align: center;
    transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 0.5ch;
    padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch \0;
    display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #3F545B;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #3F545B;
}

.flatpickr-current-month input.cur-year {
    background: transparent;
    box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: 300;
    line-height: inherit;
    height: auto;
    border: 0;
    border-radius: 0;
    vertical-align: initial;
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(63, 84, 91, 0.5);
    background: transparent;
    pointer-events: none;
}

.flatpickr-weekdays {
    background: transparent;
    text-align: center;
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
    height: 4.8rem;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: flex;
    flex: 1;
}

span.flatpickr-weekday {
    cursor: default;
    background: transparent;
    color: #3F545B;
    line-height: 1;
    margin: 0;
    text-align: center;
    display: block;
    flex: 1;
}

.dayContainer,
.flatpickr-weeks {
    padding: 1px 0 0 0;
}

.flatpickr-days {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    width: 31.925rem;
}

.flatpickr-days:focus {
    outline: 0;
}

.dayContainer {
    padding: 0;
    outline: 0;
    text-align: left;
    width: 31.925rem;
    min-width: 31.925rem;
    max-width: 31.925rem;
    box-sizing: border-box;
    display: inline-block;
    display: flex;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    justify-content: space-around;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}

.dayContainer + .dayContainer {
    box-shadow: -1px 0 0 #C6CFD2;
}

.flatpickr-day {
    background: none;
    border: 1px solid transparent;
    border-radius: 150px;
    box-sizing: border-box;
    color: #3F545B;
    cursor: pointer;
    font-weight: 400;
    width: 14.2857143%;
    flex-basis: 14.2857143%;
    max-width: 4.2rem;
    height: 4.2rem;
    line-height: 4.2rem;
    margin: 0;
    display: inline-block;
    position: relative;
    justify-content: center;
    text-align: center;
}

.flatpickr-day.inRange, .flatpickr-day.today.inRange, .flatpickr-day:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #F5F5F5;
    border-color: #F5F5F5;
}

.flatpickr-day.today {
    border-color: #C6CFD2;
}

.flatpickr-day.today:hover, .flatpickr-day.today:focus {
    border-color: #C6CFD2;
    background: #C6CFD2;
    color: #fff;
}

.flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange.nextMonthDay {
    background: #D74C4C;
    box-shadow: none;
    color: #fff;
    border-color: #D74C4C;
}

.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
    border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
    border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
    box-shadow: 0 0 0 #D74C4C;
}

.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
    border-radius: 50px;
}

.flatpickr-day.inRange {
    border-radius: 0;
    box-shadow: 0 0 0 #F5F5F5, 0 0 0 #F5F5F5;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(63, 84, 91, 0.3);
    background: transparent;
    border-color: transparent;
    cursor: default;
}

.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
    cursor: not-allowed;
    color: rgba(63, 84, 91, 0.1);
}

.flatpickr-day.week.selected {
    border-radius: 0;
    box-shadow: 0 0 0 #D74C4C, 0 0 0 #D74C4C;
}

.flatpickr-day.hidden {
    visibility: hidden;
}

.rangeMode .flatpickr-day {
    margin-top: 1px;
}

.flatpickr-weekwrapper {
    display: inline-block;
    float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    box-shadow: 1px 0 0 #C6CFD2;
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 4.8rem;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(63, 84, 91, 0.3);
    background: transparent;
    cursor: default;
    border: none;
}

.flatpickr-innerContainer {
    display: block;
    display: flex;
    box-sizing: border-box;
    overflow: hidden;
}

.flatpickr-rContainer {
    display: inline-block;
    padding: 0;
    box-sizing: border-box;
}

.flatpickr-time {
    text-align: center;
    outline: 0;
    display: block;
    height: 0;
    line-height: 4rem;
    max-height: 4rem;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
}

.flatpickr-time:after {
    content: "";
    display: table;
    clear: both;
}

.flatpickr-time .numInputWrapper {
    flex: 1;
    width: 40%;
    height: 4rem;
    float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: #3F545B;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: #3F545B;
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%;
}

.flatpickr-time input {
    background: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #3F545B;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
    font-weight: 400;
}

.flatpickr-time input:focus {
    outline: 0;
    border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
    height: inherit;
    display: inline-block;
    float: left;
    line-height: inherit;
    color: #3F545B;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400;
}

.flatpickr-time input:hover, .flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time .flatpickr-am-pm:focus {
    background: white;
}

.flatpickr-input[readonly] {
    cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fpFadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.flatpickr .input-group-append {
    cursor: pointer;
}

/* Overrides
   ========================================================================== */
.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 2.4rem;
    height: 2.4rem;
    fill: currentColor;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    top: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flatpickr-current-month {
    font-size: 1.6rem;
    font-weight: 500;
    padding: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.flatpickr-current-month:after {
    pointer-events: none;
    content: ' ';
    position: absolute;
    right: 10.4rem;
    top: 2.2rem;
    width: 0;
    height: 0;
    border-width: 1rem;
    border: 0.5rem solid #3F545B;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
}

.flatpickr-monthDropdown-months {
    transition: all 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: inherit;
    min-height: 3.6rem;
    border: 1px solid transparent;
    border-radius: 0.3rem;
    padding: 0.8rem 2.8rem 0.8rem 0.8rem;
}

.flatpickr-monthDropdown-months:focus {
    outline: 0;
    border-color: #8D9FA5;
    box-shadow: inset 0 0 0 0.1rem #8D9FA5;
}

.flatpickr-weekday {
    font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #000000;
}

.flatpickr-monthDropdown-months {
    margin-right: 0.8rem;
}

.flatpickr-calendar {
    padding: 0.8rem;
    font-size: 1.6rem;
}

.flatpickr-calendar.animate.open {
    -webkit-animation: none;
    animation: none;
}

.flatpickr-day {
    font-size: 1.4rem;
}

/* ==========================================================================
  Adaptations for simple form styling
  Simple form is a ruby gem used extensively in Deax for forms
   ========================================================================== */
/* Simple form improved default styling
   ========================================================================== */
.simple_form section {
    margin: 0 0 .8rem;
}

.simple_form label.label {
    padding: 0.8rem 0;
    color: #3F545B;
    font-size: 1.6rem;
    font-weight: 500;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.simple_form label.input {
    padding: 0;
    width: 100%;
}

.simple_form.simple_form--horizontal label {
    width: 20rem;
    display: inline-block;
}

/* Forms in modals
   ========================================================================== */
.modal-content .simple_form fieldset {
    padding: 0 2.4rem 2.4rem;
}

.modal-content .simple_form fieldset.boolean {
    padding: 0;
}

.modal-content .simple_form fieldset .row {
    display: flex;
    margin: 0;
}

.modal-content .simple_form fieldset .row .col-8 {
    flex: 0 1 75%;
}

.modal-content .simple_form fieldset .row .col-4 {
    flex: 0 1 33%;
}

.modal-content .simple_form fieldset .row .col-2 {
    flex: 0 1 16.67%;
}

.modal-content .simple_form fieldset .row .col {
    margin-right: 1rem;
}

.modal-content .simple_form fieldset .row .col:last-child {
    margin-left: 0;
}

.modal-content .simple_form footer {
    padding: 1.2rem 2.4rem;
    border-top: 0.1rem solid #D4DBDD;
}

.modal-content .simple_form footer input + button {
    margin-left: .8rem;
}

.simple_form header {
    font-size: 2rem;
    margin: 0 0 1.6rem;
    font-weight: 600;
    font-family: inherit;
}

.modal-content .simple_form header {
    border-bottom: 0.1rem solid #D4DBDD;
    padding: 1.2rem 2.4rem;
}

/* Utilities: specific helper classes, overrides
   ========================================================================== */
/* ==========================================================================
  Utility: Generic
  ---
  Set of generic helping classes
   ========================================================================== */
.u-maximize-height {
    height: 100% !important;
}

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

.u-float-right {
    float: right !important;
}

.u-center-m {
    margin: 0 auto !important;
}

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

.u-position-relative {
    position: relative !important;
}

.u-position-absolute {
    position: absolute !important;
}

.u-ta-center {
    text-align: center !important;
}

.u-hidden {
    display: none !important;
}

.u-opacity-50 {
    opacity: 0.5;
}

.u-scroll {
    overflow: auto !important;
    -webkit-overflow-scrolling: touch;
}

.u-overflow-hidden,
.u-kill-scroll {
    overflow: hidden !important;
}

.u-sr-accessible {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.u-sr-accessible-table-cell {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.u-limit-width {
    max-width: 40rem;
}

.u-text-editable {
    border-bottom: 1px dotted #666;
    cursor: pointer;
}

.u-remove-link-styling a,
.u-remove-link-styling {
    color: #3F545B;
}

.u-bg-gray {
    background-color: #E2E7E8;
}

.u-link-muted {
    color: inherit;
}

/* ==========================================================================
    Object: Scroll wrapper
    ---
    Object to make a container scrollable
   ========================================================================== */
.o-scroll-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.o-scroll-wrapper__body {
    overflow: auto;
    flex: 1;
    height: 100%;
}

/* ==========================================================================
  Utility: spacing
   ========================================================================== */
/* Resets
   ========================================================================== */
.u-m-0 {
    margin: 0 !important;
}

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

/* Variables
   ========================================================================== */
/* All sides
   ========================================================================== */
.u-spacer-s {
    margin: 0.8rem !important;
}

.u-spacer {
    margin: 1.6rem !important;
}

.u-spacer-l {
    margin: 2.4rem !important;
}

.u-spacer-xl {
    margin: 3.2rem !important;
}

.u-spacer-padding-l {
    padding: 2.4rem !important;
}

/* Left side only
   ========================================================================== */
.u-spacer-left-s {
    margin-left: 0.8rem !important;
}

.u-spacer-left {
    margin-left: 1.6rem !important;
}

.u-spacer-left-l {
    margin-left: 2.4rem !important;
}

.u-spacer-left-xl {
    margin-left: 3.2rem !important;
}

.u-spacer-left-auto {
    margin-left: auto;
}

/* Right side only
   ========================================================================== */
.u-spacer-right-s {
    margin-right: 0.8rem !important;
}

.u-spacer-right {
    margin-right: 1.6rem !important;
}

.u-spacer-right-l {
    margin-right: 2.4rem !important;
}

.u-spacer-right-xl {
    margin-right: 3.2rem !important;
}

.u-spacer-right-auto {
    margin-right: auto;
}

/* Top side only
   ========================================================================== */
.u-spacer-top-xs {
    margin-top: 0.4rem !important;
}

.u-spacer-top-s {
    margin-top: 0.8rem !important;
}

.u-spacer-top {
    margin-top: 1.6rem !important;
}

.u-spacer-top-l {
    margin-top: 2.4rem !important;
}

.u-spacer-top-xl {
    margin-top: 3.2rem !important;
}

.u-spacer-top-auto {
    margin-top: auto;
}

/* Bottom side only
   ========================================================================== */
.u-spacer-bottom-s {
    margin-bottom: 0.8rem !important;
}

.u-spacer-bottom {
    margin-bottom: 1.6rem !important;
}

.u-spacer-bottom-l {
    margin-bottom: 2.4rem !important;
}

.u-spacer-bottom-xl {
    margin-bottom: 3.2rem !important;
}

.u-spacer-bottom-auto {
    margin-bottom: auto !important;
}

/* Top and Bottom padding only
   ========================================================================== */
.u-padding-vertical-s {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
}

.u-padding-vertical {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
}

.u-padding-vertical-l {
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important;
}

.u-padding-vertical-xl {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important;
}

/* Left and Right padding only
   ========================================================================== */
.u-padding-horizontal-s {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
}

.u-padding-horizontal {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
}

.u-padding-horizontal-l {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
}

.u-padding-horizontal-xl {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important;
}

/* ==========================================================================
  Utility: Text
  ===
  Text-related utility classes
   ========================================================================== */
/* Utilities
   ========================================================================== */
.u-text-muted {
    color: #818181;
}

.u-text-primary {
    color: #46AFFF;
}

.u-text-big {
    font-size: 3.2rem;
    color: #000000;
    margin: .8rem 0 !important;
}

.u-text-small {
    font-size: 1.4rem;
}

.u-text-600,
.u-text-bold {
    font-weight: 500;
}

.u-text-500,
.u-text-medium {
    font-weight: 500;
}

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

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

.u-text-hidden {
    display: none;
}

.u-text-uc {
    text-transform: uppercase;
}

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

.u-text-orange {
    color: #E86729;
}

.u-text-aqua {
    color: #25ABA2;
}

.u-text-pink {
    color: #DA64AF;
}

.u-text-blue {
    color: #119EDA;
}

.u-text-red {
    color: #FF6B6B;
}

/* ==========================================================================
  Utility: background
   ========================================================================== */

.u-bg-gray-50 {
    background: #F5F5F5 !important;
}

.u-bg-gray-100 {
    background: #E2E7E8 !important;
}

.u-bg-gray-900 {
    background: #000000 !important;
}

/* tailwind additions */
/*
.text-red-700 {
    color: #b91c1c;
}

.bg-red-50 {
    background-color: #fef2f2;
}

.bg-green-50 {
    background-color: #f0fdf4;
}

.p-0 {
    padding: 0px;
}

.p-1 {
    padding: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

.p-3 {
    padding: 0.75rem;
}

.p-4 {
    padding: 1rem;
}

.p-5 {
    padding: 1.25rem;
}

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

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

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

.mb-3 {
    margin-bottom: 0.75rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mb-5 {
    margin-bottom: 1.25rem;
}

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

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

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

.mt-3 {
    margin-top: 0.75rem;
}

.mt-4 {
    margin-top: 1rem;
}

.mt-5 {
    margin-top: 1.25rem;
}

.ml-0 {
    margin-left: 0;
}

.ml-1 {
    margin-left: 0.25rem;
}

.ml-2 {
    margin-left: 0.5rem;
}

.ml-3 {
    margin-left: 0.75rem;
}

.ml-4 {
    margin-left: 1rem;
}

.ml-5 {
    margin-left: 1.25rem;
}

.mr-0 {
    margin-right: 0;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mr-2 {
    margin-right: 0.5rem;
}

.mr-3 {
    margin-right: 0.75rem;
}

.mr-4 {
    margin-right: 1rem;
}

.mr-5 {
    margin-right: 1.25rem;
}

.rounded-none {
    border-radius: 0px;
}

.rounded-sm {
    border-radius: 0.125rem;
}

.rounded {
    border-radius: 0.25rem;
}

.rounded-md {
    border-radius: 0.375rem;
}

.rounded-lg {
    border-radius: 0.5rem;
}
*/
/*# sourceMappingURL=app.css.map */