@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);@import url(https://use.fontawesome.com/releases/v5.15.4/css/all.css);@media screen and (max-width: 1599px) { .xl-only { display: none !important; } } @media screen and (max-width: 1199px) { .desktop-only { display: none !important; } } @media screen and (max-width: 767px) { .tablet-or-larger { display: none !important; } } @media screen and (min-width: 1200px) { .tablet-or-smaller { display: none !important; } } @media screen and (min-width: 1200px) { .tablet-only { display: none !important; } } @media screen and (max-width: 767px) { .tablet-only { display: none !important; } } @media screen and (max-width: 575px) { .phone-or-larger { display: none !important; } } @media screen and (min-width: 768px) { .phone-or-smaller { display: none !important; } } @media screen and (min-width: 768px) { .phone-only { display: none !important; } } @media screen and (max-width: 575px) { .phone-only { display: none !important; } } @media screen and (min-width: 576px) { .xs-only { display: none !important; } } @media screen and (max-width: 1199px) { html, body, main, #app { overflow-x: hidden; overflow-y: scroll; } } /** * Global configuration. You can override these in your 'use' statement. */ /** * The %themantic-root element allows you to share configuration between all * your themantic contexts thereunder. Normally, you'd want to @extend your * element with this, but can be any shared ancestor of all your * contexts. * * Note: You'll need to extend your individual contexts with %themantic to make * them look pretty.. * * Here's a configuration to get you started: * * 
 *   html {
 *     @extend %themantic-root;
 *
 *     body {
 *       @extend %themantic;
 *
 *       // Customize theme.
 *       --themantic-background-color: white;
 *       --themantic-foreground-color: black;
 *
 *       font-family: Arial;
 *       font-size: 20px;
 *     }
 *
*/ html { --themantic-white: #FFFFFF; --themantic-gray: #999999; --themantic-orange: #f9981c; --themantic-red: #ef4747; --themantic-background-color-light: #EEEEEE; --themantic-background-color-medium: #DDDDDD; --themantic-background-color-dark: #CCCCCC; --themantic-foreground-color: #555555; --themantic-foreground-color-light: #777777; --themantic-header-background-color: var(--themantic-white); --themantic-link-color: inherit; --themantic-button-color: #44A0FC; --themantic-button-secondary-color: var(--themantic-gray); --themantic-font-metrics-cap-height: 1.46ex; --themantic-vertical-spacing-xs: 0.625rem; --themantic-vertical-spacing-sm: 1rem; --themantic-vertical-spacing-md: 1.5rem; --themantic-vertical-spacing-lg: 2rem; --themantic-horizontal-spacing-xs: calc(var(--themantic-vertical-spacing-xs)*2); --themantic-horizontal-spacing-sm: calc(var(--themantic-vertical-spacing-sm)*2); --themantic-horizontal-spacing-md: calc(var(--themantic-vertical-spacing-md)*2); --themantic-horizontal-spacing-lg: calc(var(--themantic-vertical-spacing-lg)*2); --themantic-transition-duration: 0.3s; --themantic-font-family: Roboto; --themantic-font-size: 1.25rem; } html, html #app, html body { margin: 0; padding: 0; height: 100%; } @media screen and (max-width: 1199px) { html *:hover, html #app *:hover { transform: unset !important; } } .themantic, html #app { background: var(--themantic-background-color-light); color: var(--themantic-foreground-color); font-family: var(--themantic-font-family); font-size: var(--themantic-font-size); } html #app .table, html #app table { display: table !important; table-layout: fixed; margin: 0 auto !important; } html #app .table .row, html #app .table tr, html #app table .row, html #app table tr { display: table-row !important; width: 100%; } html #app .table .row .cell, html #app .table .row > *, html #app .table .row th, html #app .table .row td, html #app .table tr .cell, html #app .table tr > *, html #app .table tr th, html #app .table tr td, html #app table .row .cell, html #app table .row > *, html #app table .row th, html #app table .row td, html #app table tr .cell, html #app table tr > *, html #app table tr th, html #app table tr td { display: table-cell !important; vertical-align: middle !important; margin: calc(var(--themantic-table-layout-vertical-spacing)/2) calc(var(--themantic-table-layout-horizontal-spacing)/2) !important; font-weight: 300; } .right { text-align: right; } .left { text-align: left; } .center { text-align: center; } html #app { --themantic-table-layout-vertical-spacing: var(--themantic-vertical-spacing-sm); --themantic-table-layout-horizontal-spacing: var(--themantic-horizontal-spacing-sm); } html #app .table .tbody, html #app .table tbody, html #app table .tbody, html #app table tbody { width: 100%; } html #app .flow { display: block; } html #app .flow > * { margin-top: var(--themantic-flow-layout-spacing); margin-bottom: var(--themantic-flow-layout-spacing); } html #app { --themantic-flow-layout-spacing: var(--themantic-vertical-spacing-sm); } html #app .flex, html #app .banner, html #app *[role=banner], html #app .column[role=banner], .column.themantic, .themantic, html #app { display: flex; justify-content: center; align-items: center; flex-direction: row; flex-wrap: wrap; width: 100%; min-height: 100%; position: relative; box-sizing: border-box; } html #app .no-wrap.flex, html #app .no-wrap.banner, html #app .no-wrap[role=banner], .no-wrap.themantic, html .no-wrap#app { flex-wrap: nowrap; } html #app .flex > .center, html #app .banner > .center, html #app *[role=banner] > .center, .themantic > .center, html #app > .center { align-self: center; margin: auto; } html #app .align-items-start.flex, html #app .align-items-start.banner, html #app .align-items-start[role=banner], .align-items-start.themantic, html .align-items-start#app { align-items: flex-start !important; } html #app .align-items-end.flex, html #app .align-items-end.banner, html #app .align-items-end[role=banner], .align-items-end.themantic, html .align-items-end#app { align-items: flex-end !important; } html #app .column.flex, html #app .column.banner, html #app .column[role=banner], .column.themantic, html .column#app { flex-direction: column; } html #app .column.flex > .expand, html #app .column.banner > .expand, html #app .column[role=banner] > .expand, .themantic.column > .expand, html .column#app > .expand { width: 100%; } html #app .banner, html #app *[role=banner] { flex-direction: row; } html #app .banner > .expand, html #app *[role=banner] > .expand { height: 100%; } html #app .flex > .expand, .themantic > .expand, html #app > .expand, html #app .banner > .expand, html #app *[role=banner] > .expand { flex-grow: 1; } /** * A grid layout. * * Using CSS Grid */ html #app .grid, html #app *[role=grid] { --themantic-grid-layout-columns: 1; --themantic-grid-layout-column-gap: 1.25rem; --themantic-grid-layout-row-gap: 1.25rem; --themantic-grid-layout-row-height: 200px; display: grid; grid-template-columns: repeat(var(--themantic-grid-layout-columns), 1fr); grid-auto-rows: minmax(var(--themantic-grid-layout-row-height), auto); grid-column-gap: var(--themantic-grid-layout-column-gap); grid-row-gap: var(--themantic-grid-layout-row-gap); } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="1"].grid, html #app [data-columns-desktop="1"][role=grid] { --themantic-grid-layout-columns: 1; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="1"].grid, html #app [data-columns-tablet="1"][role=grid] { --themantic-grid-layout-columns: 1; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="2"].grid, html #app [data-columns-desktop="2"][role=grid] { --themantic-grid-layout-columns: 2; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="2"].grid, html #app [data-columns-tablet="2"][role=grid] { --themantic-grid-layout-columns: 2; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="3"].grid, html #app [data-columns-desktop="3"][role=grid] { --themantic-grid-layout-columns: 3; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="3"].grid, html #app [data-columns-tablet="3"][role=grid] { --themantic-grid-layout-columns: 3; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="4"].grid, html #app [data-columns-desktop="4"][role=grid] { --themantic-grid-layout-columns: 4; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="4"].grid, html #app [data-columns-tablet="4"][role=grid] { --themantic-grid-layout-columns: 4; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="5"].grid, html #app [data-columns-desktop="5"][role=grid] { --themantic-grid-layout-columns: 5; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="5"].grid, html #app [data-columns-tablet="5"][role=grid] { --themantic-grid-layout-columns: 5; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="6"].grid, html #app [data-columns-desktop="6"][role=grid] { --themantic-grid-layout-columns: 6; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="6"].grid, html #app [data-columns-tablet="6"][role=grid] { --themantic-grid-layout-columns: 6; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="7"].grid, html #app [data-columns-desktop="7"][role=grid] { --themantic-grid-layout-columns: 7; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="7"].grid, html #app [data-columns-tablet="7"][role=grid] { --themantic-grid-layout-columns: 7; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="8"].grid, html #app [data-columns-desktop="8"][role=grid] { --themantic-grid-layout-columns: 8; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="8"].grid, html #app [data-columns-tablet="8"][role=grid] { --themantic-grid-layout-columns: 8; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="9"].grid, html #app [data-columns-desktop="9"][role=grid] { --themantic-grid-layout-columns: 9; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="9"].grid, html #app [data-columns-tablet="9"][role=grid] { --themantic-grid-layout-columns: 9; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="10"].grid, html #app [data-columns-desktop="10"][role=grid] { --themantic-grid-layout-columns: 10; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="10"].grid, html #app [data-columns-tablet="10"][role=grid] { --themantic-grid-layout-columns: 10; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="11"].grid, html #app [data-columns-desktop="11"][role=grid] { --themantic-grid-layout-columns: 11; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="11"].grid, html #app [data-columns-tablet="11"][role=grid] { --themantic-grid-layout-columns: 11; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="12"].grid, html #app [data-columns-desktop="12"][role=grid] { --themantic-grid-layout-columns: 12; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="12"].grid, html #app [data-columns-tablet="12"][role=grid] { --themantic-grid-layout-columns: 12; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="13"].grid, html #app [data-columns-desktop="13"][role=grid] { --themantic-grid-layout-columns: 13; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="13"].grid, html #app [data-columns-tablet="13"][role=grid] { --themantic-grid-layout-columns: 13; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="14"].grid, html #app [data-columns-desktop="14"][role=grid] { --themantic-grid-layout-columns: 14; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="14"].grid, html #app [data-columns-tablet="14"][role=grid] { --themantic-grid-layout-columns: 14; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="15"].grid, html #app [data-columns-desktop="15"][role=grid] { --themantic-grid-layout-columns: 15; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="15"].grid, html #app [data-columns-tablet="15"][role=grid] { --themantic-grid-layout-columns: 15; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="16"].grid, html #app [data-columns-desktop="16"][role=grid] { --themantic-grid-layout-columns: 16; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="16"].grid, html #app [data-columns-tablet="16"][role=grid] { --themantic-grid-layout-columns: 16; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="17"].grid, html #app [data-columns-desktop="17"][role=grid] { --themantic-grid-layout-columns: 17; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="17"].grid, html #app [data-columns-tablet="17"][role=grid] { --themantic-grid-layout-columns: 17; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="18"].grid, html #app [data-columns-desktop="18"][role=grid] { --themantic-grid-layout-columns: 18; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="18"].grid, html #app [data-columns-tablet="18"][role=grid] { --themantic-grid-layout-columns: 18; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="19"].grid, html #app [data-columns-desktop="19"][role=grid] { --themantic-grid-layout-columns: 19; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="19"].grid, html #app [data-columns-tablet="19"][role=grid] { --themantic-grid-layout-columns: 19; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="20"].grid, html #app [data-columns-desktop="20"][role=grid] { --themantic-grid-layout-columns: 20; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="20"].grid, html #app [data-columns-tablet="20"][role=grid] { --themantic-grid-layout-columns: 20; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="21"].grid, html #app [data-columns-desktop="21"][role=grid] { --themantic-grid-layout-columns: 21; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="21"].grid, html #app [data-columns-tablet="21"][role=grid] { --themantic-grid-layout-columns: 21; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="22"].grid, html #app [data-columns-desktop="22"][role=grid] { --themantic-grid-layout-columns: 22; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="22"].grid, html #app [data-columns-tablet="22"][role=grid] { --themantic-grid-layout-columns: 22; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="23"].grid, html #app [data-columns-desktop="23"][role=grid] { --themantic-grid-layout-columns: 23; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="23"].grid, html #app [data-columns-tablet="23"][role=grid] { --themantic-grid-layout-columns: 23; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="24"].grid, html #app [data-columns-desktop="24"][role=grid] { --themantic-grid-layout-columns: 24; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="24"].grid, html #app [data-columns-tablet="24"][role=grid] { --themantic-grid-layout-columns: 24; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="25"].grid, html #app [data-columns-desktop="25"][role=grid] { --themantic-grid-layout-columns: 25; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="25"].grid, html #app [data-columns-tablet="25"][role=grid] { --themantic-grid-layout-columns: 25; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="26"].grid, html #app [data-columns-desktop="26"][role=grid] { --themantic-grid-layout-columns: 26; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="26"].grid, html #app [data-columns-tablet="26"][role=grid] { --themantic-grid-layout-columns: 26; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="27"].grid, html #app [data-columns-desktop="27"][role=grid] { --themantic-grid-layout-columns: 27; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="27"].grid, html #app [data-columns-tablet="27"][role=grid] { --themantic-grid-layout-columns: 27; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="28"].grid, html #app [data-columns-desktop="28"][role=grid] { --themantic-grid-layout-columns: 28; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="28"].grid, html #app [data-columns-tablet="28"][role=grid] { --themantic-grid-layout-columns: 28; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="29"].grid, html #app [data-columns-desktop="29"][role=grid] { --themantic-grid-layout-columns: 29; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="29"].grid, html #app [data-columns-tablet="29"][role=grid] { --themantic-grid-layout-columns: 29; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="30"].grid, html #app [data-columns-desktop="30"][role=grid] { --themantic-grid-layout-columns: 30; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="30"].grid, html #app [data-columns-tablet="30"][role=grid] { --themantic-grid-layout-columns: 30; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="31"].grid, html #app [data-columns-desktop="31"][role=grid] { --themantic-grid-layout-columns: 31; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="31"].grid, html #app [data-columns-tablet="31"][role=grid] { --themantic-grid-layout-columns: 31; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="32"].grid, html #app [data-columns-desktop="32"][role=grid] { --themantic-grid-layout-columns: 32; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="32"].grid, html #app [data-columns-tablet="32"][role=grid] { --themantic-grid-layout-columns: 32; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="33"].grid, html #app [data-columns-desktop="33"][role=grid] { --themantic-grid-layout-columns: 33; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="33"].grid, html #app [data-columns-tablet="33"][role=grid] { --themantic-grid-layout-columns: 33; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="34"].grid, html #app [data-columns-desktop="34"][role=grid] { --themantic-grid-layout-columns: 34; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="34"].grid, html #app [data-columns-tablet="34"][role=grid] { --themantic-grid-layout-columns: 34; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="35"].grid, html #app [data-columns-desktop="35"][role=grid] { --themantic-grid-layout-columns: 35; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="35"].grid, html #app [data-columns-tablet="35"][role=grid] { --themantic-grid-layout-columns: 35; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="36"].grid, html #app [data-columns-desktop="36"][role=grid] { --themantic-grid-layout-columns: 36; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="36"].grid, html #app [data-columns-tablet="36"][role=grid] { --themantic-grid-layout-columns: 36; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="37"].grid, html #app [data-columns-desktop="37"][role=grid] { --themantic-grid-layout-columns: 37; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="37"].grid, html #app [data-columns-tablet="37"][role=grid] { --themantic-grid-layout-columns: 37; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="38"].grid, html #app [data-columns-desktop="38"][role=grid] { --themantic-grid-layout-columns: 38; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="38"].grid, html #app [data-columns-tablet="38"][role=grid] { --themantic-grid-layout-columns: 38; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="39"].grid, html #app [data-columns-desktop="39"][role=grid] { --themantic-grid-layout-columns: 39; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="39"].grid, html #app [data-columns-tablet="39"][role=grid] { --themantic-grid-layout-columns: 39; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="40"].grid, html #app [data-columns-desktop="40"][role=grid] { --themantic-grid-layout-columns: 40; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="40"].grid, html #app [data-columns-tablet="40"][role=grid] { --themantic-grid-layout-columns: 40; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="41"].grid, html #app [data-columns-desktop="41"][role=grid] { --themantic-grid-layout-columns: 41; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="41"].grid, html #app [data-columns-tablet="41"][role=grid] { --themantic-grid-layout-columns: 41; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="42"].grid, html #app [data-columns-desktop="42"][role=grid] { --themantic-grid-layout-columns: 42; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="42"].grid, html #app [data-columns-tablet="42"][role=grid] { --themantic-grid-layout-columns: 42; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="43"].grid, html #app [data-columns-desktop="43"][role=grid] { --themantic-grid-layout-columns: 43; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="43"].grid, html #app [data-columns-tablet="43"][role=grid] { --themantic-grid-layout-columns: 43; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="44"].grid, html #app [data-columns-desktop="44"][role=grid] { --themantic-grid-layout-columns: 44; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="44"].grid, html #app [data-columns-tablet="44"][role=grid] { --themantic-grid-layout-columns: 44; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="45"].grid, html #app [data-columns-desktop="45"][role=grid] { --themantic-grid-layout-columns: 45; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="45"].grid, html #app [data-columns-tablet="45"][role=grid] { --themantic-grid-layout-columns: 45; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="46"].grid, html #app [data-columns-desktop="46"][role=grid] { --themantic-grid-layout-columns: 46; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="46"].grid, html #app [data-columns-tablet="46"][role=grid] { --themantic-grid-layout-columns: 46; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="47"].grid, html #app [data-columns-desktop="47"][role=grid] { --themantic-grid-layout-columns: 47; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="47"].grid, html #app [data-columns-tablet="47"][role=grid] { --themantic-grid-layout-columns: 47; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="48"].grid, html #app [data-columns-desktop="48"][role=grid] { --themantic-grid-layout-columns: 48; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="48"].grid, html #app [data-columns-tablet="48"][role=grid] { --themantic-grid-layout-columns: 48; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="49"].grid, html #app [data-columns-desktop="49"][role=grid] { --themantic-grid-layout-columns: 49; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="49"].grid, html #app [data-columns-tablet="49"][role=grid] { --themantic-grid-layout-columns: 49; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="50"].grid, html #app [data-columns-desktop="50"][role=grid] { --themantic-grid-layout-columns: 50; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="50"].grid, html #app [data-columns-tablet="50"][role=grid] { --themantic-grid-layout-columns: 50; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="51"].grid, html #app [data-columns-desktop="51"][role=grid] { --themantic-grid-layout-columns: 51; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="51"].grid, html #app [data-columns-tablet="51"][role=grid] { --themantic-grid-layout-columns: 51; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="52"].grid, html #app [data-columns-desktop="52"][role=grid] { --themantic-grid-layout-columns: 52; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="52"].grid, html #app [data-columns-tablet="52"][role=grid] { --themantic-grid-layout-columns: 52; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="53"].grid, html #app [data-columns-desktop="53"][role=grid] { --themantic-grid-layout-columns: 53; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="53"].grid, html #app [data-columns-tablet="53"][role=grid] { --themantic-grid-layout-columns: 53; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="54"].grid, html #app [data-columns-desktop="54"][role=grid] { --themantic-grid-layout-columns: 54; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="54"].grid, html #app [data-columns-tablet="54"][role=grid] { --themantic-grid-layout-columns: 54; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="55"].grid, html #app [data-columns-desktop="55"][role=grid] { --themantic-grid-layout-columns: 55; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="55"].grid, html #app [data-columns-tablet="55"][role=grid] { --themantic-grid-layout-columns: 55; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="56"].grid, html #app [data-columns-desktop="56"][role=grid] { --themantic-grid-layout-columns: 56; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="56"].grid, html #app [data-columns-tablet="56"][role=grid] { --themantic-grid-layout-columns: 56; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="57"].grid, html #app [data-columns-desktop="57"][role=grid] { --themantic-grid-layout-columns: 57; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="57"].grid, html #app [data-columns-tablet="57"][role=grid] { --themantic-grid-layout-columns: 57; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="58"].grid, html #app [data-columns-desktop="58"][role=grid] { --themantic-grid-layout-columns: 58; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="58"].grid, html #app [data-columns-tablet="58"][role=grid] { --themantic-grid-layout-columns: 58; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="59"].grid, html #app [data-columns-desktop="59"][role=grid] { --themantic-grid-layout-columns: 59; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="59"].grid, html #app [data-columns-tablet="59"][role=grid] { --themantic-grid-layout-columns: 59; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="60"].grid, html #app [data-columns-desktop="60"][role=grid] { --themantic-grid-layout-columns: 60; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="60"].grid, html #app [data-columns-tablet="60"][role=grid] { --themantic-grid-layout-columns: 60; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="61"].grid, html #app [data-columns-desktop="61"][role=grid] { --themantic-grid-layout-columns: 61; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="61"].grid, html #app [data-columns-tablet="61"][role=grid] { --themantic-grid-layout-columns: 61; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="62"].grid, html #app [data-columns-desktop="62"][role=grid] { --themantic-grid-layout-columns: 62; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="62"].grid, html #app [data-columns-tablet="62"][role=grid] { --themantic-grid-layout-columns: 62; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="63"].grid, html #app [data-columns-desktop="63"][role=grid] { --themantic-grid-layout-columns: 63; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="63"].grid, html #app [data-columns-tablet="63"][role=grid] { --themantic-grid-layout-columns: 63; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="64"].grid, html #app [data-columns-desktop="64"][role=grid] { --themantic-grid-layout-columns: 64; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="64"].grid, html #app [data-columns-tablet="64"][role=grid] { --themantic-grid-layout-columns: 64; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="65"].grid, html #app [data-columns-desktop="65"][role=grid] { --themantic-grid-layout-columns: 65; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="65"].grid, html #app [data-columns-tablet="65"][role=grid] { --themantic-grid-layout-columns: 65; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="66"].grid, html #app [data-columns-desktop="66"][role=grid] { --themantic-grid-layout-columns: 66; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="66"].grid, html #app [data-columns-tablet="66"][role=grid] { --themantic-grid-layout-columns: 66; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="67"].grid, html #app [data-columns-desktop="67"][role=grid] { --themantic-grid-layout-columns: 67; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="67"].grid, html #app [data-columns-tablet="67"][role=grid] { --themantic-grid-layout-columns: 67; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="68"].grid, html #app [data-columns-desktop="68"][role=grid] { --themantic-grid-layout-columns: 68; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="68"].grid, html #app [data-columns-tablet="68"][role=grid] { --themantic-grid-layout-columns: 68; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="69"].grid, html #app [data-columns-desktop="69"][role=grid] { --themantic-grid-layout-columns: 69; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="69"].grid, html #app [data-columns-tablet="69"][role=grid] { --themantic-grid-layout-columns: 69; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="70"].grid, html #app [data-columns-desktop="70"][role=grid] { --themantic-grid-layout-columns: 70; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="70"].grid, html #app [data-columns-tablet="70"][role=grid] { --themantic-grid-layout-columns: 70; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="71"].grid, html #app [data-columns-desktop="71"][role=grid] { --themantic-grid-layout-columns: 71; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="71"].grid, html #app [data-columns-tablet="71"][role=grid] { --themantic-grid-layout-columns: 71; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="72"].grid, html #app [data-columns-desktop="72"][role=grid] { --themantic-grid-layout-columns: 72; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="72"].grid, html #app [data-columns-tablet="72"][role=grid] { --themantic-grid-layout-columns: 72; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="73"].grid, html #app [data-columns-desktop="73"][role=grid] { --themantic-grid-layout-columns: 73; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="73"].grid, html #app [data-columns-tablet="73"][role=grid] { --themantic-grid-layout-columns: 73; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="74"].grid, html #app [data-columns-desktop="74"][role=grid] { --themantic-grid-layout-columns: 74; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="74"].grid, html #app [data-columns-tablet="74"][role=grid] { --themantic-grid-layout-columns: 74; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="75"].grid, html #app [data-columns-desktop="75"][role=grid] { --themantic-grid-layout-columns: 75; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="75"].grid, html #app [data-columns-tablet="75"][role=grid] { --themantic-grid-layout-columns: 75; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="76"].grid, html #app [data-columns-desktop="76"][role=grid] { --themantic-grid-layout-columns: 76; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="76"].grid, html #app [data-columns-tablet="76"][role=grid] { --themantic-grid-layout-columns: 76; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="77"].grid, html #app [data-columns-desktop="77"][role=grid] { --themantic-grid-layout-columns: 77; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="77"].grid, html #app [data-columns-tablet="77"][role=grid] { --themantic-grid-layout-columns: 77; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="78"].grid, html #app [data-columns-desktop="78"][role=grid] { --themantic-grid-layout-columns: 78; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="78"].grid, html #app [data-columns-tablet="78"][role=grid] { --themantic-grid-layout-columns: 78; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="79"].grid, html #app [data-columns-desktop="79"][role=grid] { --themantic-grid-layout-columns: 79; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="79"].grid, html #app [data-columns-tablet="79"][role=grid] { --themantic-grid-layout-columns: 79; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="80"].grid, html #app [data-columns-desktop="80"][role=grid] { --themantic-grid-layout-columns: 80; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="80"].grid, html #app [data-columns-tablet="80"][role=grid] { --themantic-grid-layout-columns: 80; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="81"].grid, html #app [data-columns-desktop="81"][role=grid] { --themantic-grid-layout-columns: 81; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="81"].grid, html #app [data-columns-tablet="81"][role=grid] { --themantic-grid-layout-columns: 81; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="82"].grid, html #app [data-columns-desktop="82"][role=grid] { --themantic-grid-layout-columns: 82; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="82"].grid, html #app [data-columns-tablet="82"][role=grid] { --themantic-grid-layout-columns: 82; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="83"].grid, html #app [data-columns-desktop="83"][role=grid] { --themantic-grid-layout-columns: 83; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="83"].grid, html #app [data-columns-tablet="83"][role=grid] { --themantic-grid-layout-columns: 83; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="84"].grid, html #app [data-columns-desktop="84"][role=grid] { --themantic-grid-layout-columns: 84; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="84"].grid, html #app [data-columns-tablet="84"][role=grid] { --themantic-grid-layout-columns: 84; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="85"].grid, html #app [data-columns-desktop="85"][role=grid] { --themantic-grid-layout-columns: 85; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="85"].grid, html #app [data-columns-tablet="85"][role=grid] { --themantic-grid-layout-columns: 85; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="86"].grid, html #app [data-columns-desktop="86"][role=grid] { --themantic-grid-layout-columns: 86; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="86"].grid, html #app [data-columns-tablet="86"][role=grid] { --themantic-grid-layout-columns: 86; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="87"].grid, html #app [data-columns-desktop="87"][role=grid] { --themantic-grid-layout-columns: 87; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="87"].grid, html #app [data-columns-tablet="87"][role=grid] { --themantic-grid-layout-columns: 87; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="88"].grid, html #app [data-columns-desktop="88"][role=grid] { --themantic-grid-layout-columns: 88; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="88"].grid, html #app [data-columns-tablet="88"][role=grid] { --themantic-grid-layout-columns: 88; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="89"].grid, html #app [data-columns-desktop="89"][role=grid] { --themantic-grid-layout-columns: 89; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="89"].grid, html #app [data-columns-tablet="89"][role=grid] { --themantic-grid-layout-columns: 89; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="90"].grid, html #app [data-columns-desktop="90"][role=grid] { --themantic-grid-layout-columns: 90; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="90"].grid, html #app [data-columns-tablet="90"][role=grid] { --themantic-grid-layout-columns: 90; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="91"].grid, html #app [data-columns-desktop="91"][role=grid] { --themantic-grid-layout-columns: 91; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="91"].grid, html #app [data-columns-tablet="91"][role=grid] { --themantic-grid-layout-columns: 91; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="92"].grid, html #app [data-columns-desktop="92"][role=grid] { --themantic-grid-layout-columns: 92; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="92"].grid, html #app [data-columns-tablet="92"][role=grid] { --themantic-grid-layout-columns: 92; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="93"].grid, html #app [data-columns-desktop="93"][role=grid] { --themantic-grid-layout-columns: 93; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="93"].grid, html #app [data-columns-tablet="93"][role=grid] { --themantic-grid-layout-columns: 93; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="94"].grid, html #app [data-columns-desktop="94"][role=grid] { --themantic-grid-layout-columns: 94; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="94"].grid, html #app [data-columns-tablet="94"][role=grid] { --themantic-grid-layout-columns: 94; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="95"].grid, html #app [data-columns-desktop="95"][role=grid] { --themantic-grid-layout-columns: 95; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="95"].grid, html #app [data-columns-tablet="95"][role=grid] { --themantic-grid-layout-columns: 95; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="96"].grid, html #app [data-columns-desktop="96"][role=grid] { --themantic-grid-layout-columns: 96; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="96"].grid, html #app [data-columns-tablet="96"][role=grid] { --themantic-grid-layout-columns: 96; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="97"].grid, html #app [data-columns-desktop="97"][role=grid] { --themantic-grid-layout-columns: 97; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="97"].grid, html #app [data-columns-tablet="97"][role=grid] { --themantic-grid-layout-columns: 97; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="98"].grid, html #app [data-columns-desktop="98"][role=grid] { --themantic-grid-layout-columns: 98; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="98"].grid, html #app [data-columns-tablet="98"][role=grid] { --themantic-grid-layout-columns: 98; } } @media screen and (min-width: 1366px) { html #app [data-columns-desktop="99"].grid, html #app [data-columns-desktop="99"][role=grid] { --themantic-grid-layout-columns: 99; } } @media screen and (min-width: 1024px) { html #app [data-columns-tablet="99"].grid, html #app [data-columns-tablet="99"][role=grid] { --themantic-grid-layout-columns: 99; } } /** * A cell in the grid. */ html #app .grid > *, html #app *[role=grid] > * { overflow-x: auto; } html #app .grid.report-grid, html #app *[role=grid].report-grid { grid-auto-rows: minmax(-webkit-min-content, auto); grid-auto-rows: minmax(min-content, auto); } html #app .button, html #app button, html #app input[type=submit], html #app input[type=button] { --themantic-button-vertical-spacing: .5rem; --themantic-button-horizontal-spacing: .5rem; -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; border: none; border-radius: 5px; padding: 0.5rem; background: #eee; outline: none; text-decoration: none; text-align: center; cursor: pointer; font-family: inherit; font-size: 85%; color: var(--themantic-button-foreground-color); transition: ease-out all 0.3s; } html #app .button:disabled, html #app button:disabled, html #app input[type=submit]:disabled, html #app input[type=button]:disabled, html #app .disabled.button, html #app button.disabled, html #app input.disabled[type=submit], html #app input.disabled[type=button] { opacity: 0.5 !important; pointer-events: none !important; } html #app { --themantic-button-foreground-color: var(--themantic-foreground-color); } html #app .button, html #app button, html #app input[type=submit], html #app input[type=button] { margin: var(--themantic-button-vertical-spacing) var(--themantic-button-horizontal-spacing); min-width: 140px; box-sizing: border-box; text-transform: capitalize; } html #app .button:hover, html #app button:hover, html #app input[type=submit]:hover, html #app input[type=button]:hover { text-decoration: none; } html #app .button.primary, html #app button.primary, html #app input[type=submit].primary, html #app input[type=button].primary { background-color: var(--themantic-button-color); opacity: 0.8; color: #ffffff; border: 3px solid #ffffff80; } html #app .button.primary:hover, html #app button.primary:hover, html #app input[type=submit].primary:hover, html #app input[type=button].primary:hover { opacity: 1; } html #app .button.secondary, html #app button.secondary, html #app input[type=submit].secondary, html #app input[type=button].secondary { background-color: var(--themantic-button-secondary-color); color: #ffffff; } html #app .button.danger, html #app button.danger, html #app input[type=submit].danger, html #app input[type=button].danger { background-color: var(--themantic-red); opacity: 0.8; color: #ffffff; } html #app .button.danger:hover, html #app button.danger:hover, html #app input[type=submit].danger:hover, html #app input[type=button].danger:hover { opacity: 1; } html #app .button .fa-plus, html #app button .fa-plus, html #app input[type=submit] .fa-plus, html #app input[type=button] .fa-plus { margin-right: 1rem; } #report-print, html #app .card, html #app *[role=card], html #app .form-card, html #app .dialog, html #app *[role=dialog], html #app dialog[open] { box-shadow: 0 0.1875rem 0.375rem rgba(0, 0, 0, 0.16); } #report-print:hover, html #app .card:hover, html #app [role=card]:hover, html #app .form-card:hover, html #app .dialog:hover, html #app [role=dialog]:hover, html #app dialog[open]:hover { box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08); transform: scale(1.01); } html #app .dialog.prompt, html #app *[role=dialog].prompt, html #app dialog[open].prompt { box-shadow: 0 0.1875rem 0.375rem 0.2rem rgba(0, 0, 0, 0.55); } html #app .dialog.prompt:hover, html #app [role=dialog].prompt:hover, html #app dialog[open].prompt:hover { box-shadow: 0 0.125rem 0.5rem 0.2rem rgba(0, 0, 0, 0.25); } #report-print, html #app .card, html #app *[role=card], html #app .form-card, html #app .dialog, html #app *[role=dialog], html #app dialog[open] { display: inline-block; background: var(--themantic-white); border: 0; border-radius: 0.625rem; z-index: 1; padding: calc(var(--themantic-vertical-spacing-sm)/2) var(--themantic-horizontal-spacing-sm); transition: box-shadow var(--themantic-transition-duration), transform var(--themantic-transition-duration); color: var(--themantic-foreground-color-light); } #report-print h1, html #app .card h1, html #app *[role=card] h1, html #app .form-card h1, html #app .dialog h1, html #app *[role=dialog] h1, html #app dialog[open] h1, #report-print h2, html #app .card h2, html #app *[role=card] h2, html #app .form-card h2, html #app .dialog h2, html #app *[role=dialog] h2, html #app dialog[open] h2, #report-print h3, html #app .card h3, html #app *[role=card] h3, html #app .form-card h3, html #app .dialog h3, html #app *[role=dialog] h3, html #app dialog[open] h3, #report-print h4, html #app .card h4, html #app *[role=card] h4, html #app .form-card h4, html #app .dialog h4, html #app *[role=dialog] h4, html #app dialog[open] h4, #report-print h5, html #app .card h5, html #app *[role=card] h5, html #app .form-card h5, html #app .dialog h5, html #app *[role=dialog] h5, html #app dialog[open] h5, #report-print h6, html #app .card h6, html #app *[role=card] h6, html #app .form-card h6, html #app .dialog h6, html #app *[role=dialog] h6, html #app dialog[open] h6 { color: var(--themantic-foreground-color); } html #app form .errors, html #app *[role=form] .errors, html #app form[data-form-error]::before, html #app [data-form-error][role=form]::before { background: rgba(238, 0, 0, 0.25); border: 1px solid rgba(238, 0, 0, 0.5); color: #ee0000; margin: var(--themantic-vertical-spacing-sm) 0; padding: calc(var(--themantic-vertical-spacing-sm)/2) calc(var(--themantic-horizontal-spacing-sm)/2); font-size: 75%; display: block; } html #app form[data-form-success]::before, html #app [data-form-success][role=form]::before { background: rgba(40, 167, 69, 0.25); border: 1px solid rgba(40, 167, 69, 0.5); color: #28a745; margin: var(--themantic-vertical-spacing-sm) 0; padding: calc(var(--themantic-vertical-spacing-sm)/2) calc(var(--themantic-horizontal-spacing-sm)/2); font-size: 75%; display: block; } html #app form[data-form-error]::before, html #app [data-form-error][role=form]::before { content: attr(data-form-error); } html #app form[data-form-success]::before, html #app [data-form-success][role=form]::before { content: attr(data-form-success); } html #app form input::-webkit-input-placeholder, html #app *[role=form] input::-webkit-input-placeholder { opacity: 1; } html #app form label, html #app *[role=form] label { margin: 0; align-self: flex-start; text-align: left; font-size: 75%; } html #app #quick-switcher .input-container input, html #app #quick-switcher ul li, html #app form textarea, html #app *[role=form] textarea, html #app form select, html #app *[role=form] select, html #app form input[type=text], html #app form input[type=email], html #app form input[type=tel], html #app *[role=form] input[type=text], html #app *[role=form] input[type=email], html #app *[role=form] input[type=tel], html #app form input[type=password], html #app *[role=form] input[type=password] { -webkit-appearance: none; background-color: #ffffffbf; border: 1px solid #ccc; border-radius: 5px; color: #555555; padding: 0.5rem; font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 75%; font-weight: normal; vertical-align: baseline; width: 15em; } html #app form label.required:after, html #app *[role=form] label.required:after { content: " *"; color: red; } html #app form input[type=checkbox], html #app *[role=form] input[type=checkbox] { transform: scale(1.5); border: 1px solid #ccc; border-radius: 2px; background-color: var(--themantic-white); margin: 0.65rem 0; } @media screen and (max-width: 1199px) { html #app form.search-form, html #app *[role=form].search-form { width: 100%; position: absolute; z-index: 9; } } html #app form input[type=checkbox], html #app *[role=form] input[type=checkbox] { margin-right: var(--themantic-horizontal-spacing-xs); } html #app form select, html #app *[role=form] select { margin: 0; } html #app form input.no-border, html #app *[role=form] input.no-border { border: none; } html #app form *[role=search], html #app *[role=form] *[role=search] { position: relative; display: flex; align-items: center; } @media screen and (max-width: 1199px) { html #app form *[role=search], html #app *[role=form] *[role=search] { width: 100%; overflow: hidden; border-radius: 100px; } } html #app form *[role=search] input[role=searchbox], html #app *[role=form] *[role=search] input[role=searchbox] { transition: width 0.7s; } @media screen and (min-width: 1200px) { html #app form *[role=search] input[role=searchbox], html #app *[role=form] *[role=search] input[role=searchbox] { width: 20rem; } } @media screen and (max-width: 1199px) { html #app form *[role=search] input[role=searchbox], html #app *[role=form] *[role=search] input[role=searchbox] { background-color: #ffffff; width: 0; margin-left: auto; } html #app form *[role=search] input[role=searchbox].active, html #app *[role=form] *[role=search] input[role=searchbox].active { width: 100%; left: 0; border-radius: 100px; padding: 0.5rem; } } html #app form *[role=search] i[role=search-button], html #app *[role=form] *[role=search] i[role=search-button] { position: absolute; right: 0.5rem; font-size: 80%; cursor: pointer; margin: auto 0; } @media screen and (max-width: 1199px) { html #app form *[role=search] i[role=search-button], html #app *[role=form] *[role=search] i[role=search-button] { width: -webkit-max-content; width: -moz-max-content; width: max-content; background-color: #ffffff; padding: 0.5rem; border-radius: 50%; right: 0; z-index: 10; } html #app form *[role=search] i[role=search-button].active, html #app *[role=form] *[role=search] i[role=search-button].active { background-color: transparent; } } html #app form .input-container, html #app *[role=form] .input-container { display: flex !important; align-items: center; margin: 0; position: relative; } html #app form .input-container:not(.h-100), html #app *[role=form] .input-container:not(.h-100) { height: -webkit-max-content; height: -moz-max-content; height: max-content; } html #app form .input-container > select, html #app *[role=form] .input-container > select { padding-right: 2.5rem; } html #app form .input-container > .fa-icon, html #app *[role=form] .input-container > .fa-icon { position: absolute; pointer-events: none; right: 0.5rem; margin: auto; } @media screen and (max-width: 1199px) { html #app form .input-container select, html #app *[role=form] .input-container select { width: 100% !important; } } html #app form .form-content, html #app *[role=form] .form-content { display: flex; flex-direction: column; margin: auto; } html #app form .form-content .form-row, html #app *[role=form] .form-content .form-row { display: flex !important; align-items: center; justify-content: flex-start; } html #app form .form-content .form-row .form-label, html #app *[role=form] .form-content .form-row .form-label { margin-right: var(--themantic-horizontal-spacing-sm); font-size: 1.4375rem; line-height: 50px; white-space: nowrap; } html #app .icon { height: var(--themantic-font-metrics-cap-height); width: auto; vertical-align: baseline; border: 0; outline: 0; } html #app .icon.logo, html #app .icon.avatar { font-size: 3.125rem; margin-right: var(--themantic-horizontal-spacing-xs); } @media screen and (max-width: 767px) { html #app .icon.logo, html #app .icon.avatar { font-size: 2.125rem; margin-right: var(--themantic-vertical-spacing-xs); } } html #app .icon.logo.empty, html #app .icon.avatar.empty { background: #EEEEEE; border-radius: 50%; } html #app .icon.avatar { border-radius: 50%; } html #app .menu { font-size: 2rem; color: var(--themantic-orange); } html #app .favorite, html #app .primary { cursor: pointer; } html #app .favorite.on, html #app .primary.on { color: #e3c62d; } html #app .favorite.off, html #app .primary.off { opacity: 0.2; } html #app .favorite.off:hover, html #app .primary.off:hover { opacity: 0.7; } html #app .delete { opacity: 0.2; font-size: 1rem; position: absolute; right: var(--themantic-horizontal-spacing-xs); top: var(--themantic-vertical-spacing-xs); } html #app .delete:hover { opacity: 1; color: var(--themantic-red); } html #app a { color: var(--themantic-link-color); } html #app a, html #app a * { text-decoration: none; } html #app a:hover { text-decoration: underline; } html #app a.no-underline:hover { text-decoration: none; } html #app a.link { color: var(--themantic-button-color); text-decoration: underline; } html #app .heading, html #app .h6, html #app h6, html #app .h5, html #app h5, html #app .h4, html #app h4, html #app .h3, html #app h3, html #app .h2, html #app h2, html #app .h1, html #app h1, html #app .p, html #app p { margin: 0; color: var(--themantic-foreground-color); } .center html #app .heading, html .center #app .heading, html #app .center .heading, .center html #app .h6, html .center #app .h6, html #app .center .h6, .center html #app h6, html .center #app h6, html #app .center h6, .center html #app .h5, html .center #app .h5, html #app .center .h5, .center html #app h5, html .center #app h5, html #app .center h5, .center html #app .h4, html .center #app .h4, html #app .center .h4, .center html #app h4, html .center #app h4, html #app .center h4, .center html #app .h3, html .center #app .h3, html #app .center .h3, .center html #app h3, html .center #app h3, html #app .center h3, .center html #app .h2, html .center #app .h2, html #app .center .h2, .center html #app h2, html .center #app h2, html #app .center h2, .center html #app .h1, html .center #app .h1, html #app .center .h1, .center html #app h1, html .center #app h1, html #app .center h1, .center html #app .p, html .center #app .p, html #app .center .p, .center html #app p, html .center #app p, html #app .center p { text-align: center; } html #app .card .card-title > *, html #app *[role=card] .card-title > *, html #app .form-card .card-title > * { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } html #app .heading, html #app .h6, html #app h6, html #app .h5, html #app h5, html #app .h4, html #app h4, html #app .h3, html #app h3, html #app .h2, html #app h2, html #app .h1, html #app h1 { font-weight: normal; letter-spacing: 0px; } .bold { font-weight: bold; } .medium { font-weight: medium; } html #app .h1, html #app h1 { font-size: 200%; } html #app .h2, html #app h2 { font-size: 180%; } html #app .h3, html #app h3 { font-size: 160%; } html #app .h4, html #app h4 { font-size: 140%; } html #app .h5, html #app h5 { font-size: 120%; } html #app .h6, html #app h6 { font-size: 100%; } html #app .heading { font-size: 1.875rem; line-height: 35px; } @media screen and (max-width: 1199px) { html #app .heading { font-size: 1.25rem; font-weight: normal; } } html #app .description { font-size: 1.125rem; font-style: italic; line-height: 21px; color: #444444; opacity: 0.5; } html #app nav, html #app nav > ul, html #app nav > ul li, html #app nav > ul .nav-item { margin: 0; text-indent: 0; transition: width var(--themantic-transition-duration), height var(--themantic-transition-duration), padding var(--themantic-transition-duration), background var(--themantic-transition-duration), transform var(--themantic-transition-duration); } html #app nav { --themantic-nav-main-font-size: 1.125rem; --themantic-nav-sub-font-size: 1rem; --themantic-nav-item-main-color: #444444; --themantic-nav-item-sub-color: #777777; --themantic-nav-main-active-bg-color: var(--themantic-gray); --themantic-nav-sub-active-bg-color: #AAAAAA; display: block; overflow: hidden; } html #app nav * { margin: 0; box-sizing: border-box; } html #app nav a:hover { text-decoration: none; cursor: default; } html #app nav a.button { cursor: pointer !important; } html #app nav > ul { list-style: none; padding: 0; } html #app nav > ul li, html #app nav > ul .nav-item { padding: var(--themantic-vertical-spacing-xs) var(--themantic-horizontal-spacing-xs); display: flex; align-items: center; cursor: pointer; position: relative; width: 100%; background: transparent; } html #app nav > ul li.active, html #app nav > ul .active.nav-item { cursor: default !important; } html #app nav > ul li .nav-label, html #app nav > ul .nav-item .nav-label { text-align: left; font-weight: 300; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } html #app .nav-wrapper { display: flex; } html #app nav.nav-main { background-color: var(--themantic-background-color-dark); } html #app nav.nav-main > ul { height: 100%; } html #app nav.nav-main > ul li, html #app nav.nav-main > ul .divider { font-size: var(--themantic-nav-main-font-size); line-height: 21px; } html #app nav.nav-main > ul li .nav-label, html #app nav.nav-main > ul .divider .nav-label { width: 80%; } html #app nav.nav-main > ul li.active, html #app nav.nav-main > ul .divider.active { padding: 1.33rem calc(var(--themantic-horizontal-spacing-xs)); background: var(--themantic-nav-main-active-bg-color) !important; color: var(--themantic-white); } html #app nav.nav-main > ul li:not(.active) .nav-label, html #app nav.nav-main > ul .divider:not(.active) .nav-label { color: var(--themantic-nav-item-main-color); opacity: 0.8; } @media screen and (max-width: 1199px) { html #app nav.nav-main { transition: right var(--themantic-transition-duration), opacity 0.5s; position: absolute; right: -260px; opacity: 0; z-index: 10; min-height: unset; } html #app nav.nav-main.active { right: 0; opacity: 1; } html #app nav.nav-main.sub-active { right: 210px; } } html #app nav.nav-sub { background-color: var(--themantic-background-color-medium); border-right: 1px solid var(--themantic-background-color-dark); } html #app nav.nav-sub > ul li, html #app nav.nav-sub > ul .divider { font-size: var(--themantic-nav-sub-font-size); line-height: 19px; color: var(--themantic-nav-item-sub-color); opacity: 1; } html #app nav.nav-sub > ul li .nav-label, html #app nav.nav-sub > ul .divider .nav-label { display: flex; align-items: center; width: 90%; text-transform: capitalize; } html #app nav.nav-sub > ul li .nav-label i.icon, html #app nav.nav-sub > ul .divider .nav-label i.icon { color: var(--themantic-foreground-color); font-size: 1rem; padding-right: var(--themantic-horizontal-spacing-xs); width: 1rem; height: 100%; box-sizing: content-box; } html #app nav.nav-sub > ul li .nav-label i.fa-caret-right, html #app nav.nav-sub > ul .divider .nav-label i.fa-caret-right { position: absolute; right: 10px; color: #eeeeee; font-size: 1.25rem; } html #app nav.nav-sub > ul li.active, html #app nav.nav-sub > ul .divider.active { background: var(--themantic-nav-sub-active-bg-color) !important; color: var(--themantic-white); } @media screen and (max-width: 1199px) { html #app nav.nav-sub { transition: right var(--themantic-transition-duration); height: calc(100vh - 55px); position: absolute; right: -210px; z-index: 10; min-height: unset; } html #app nav.nav-sub.active { right: 0; } } html #app .card, html #app *[role=card], html #app .form-card { display: flex; padding: var(--themantic-vertical-spacing-lg) var(--themantic-horizontal-spacing-xs) var(--themantic-vertical-spacing-xs); text-align: center; cursor: default; } html #app .card .fas, html #app *[role=card] .fas, html #app .form-card .fas, html #app .card .far, html #app *[role=card] .far, html #app .form-card .far, html #app .card .fa, html #app *[role=card] .fa, html #app .form-card .fa, html #app .card .fab, html #app *[role=card] .fab, html #app .form-card .fab, html #app .card .fal, html #app *[role=card] .fal, html #app .form-card .fal { cursor: pointer; } html #app .read-only.card, html #app .read-only[role=card], html #app .read-only.form-card, html #app .read-only.card *, html #app .read-only[role=card] *, html #app .read-only.form-card * { cursor: default; } html #app .read-only.card .far.fa-star, html #app .read-only[role=card] .far.fa-star, html #app .read-only.form-card .far.fa-star { display: none; } html #app .card:not(.report), html #app [role=card]:not(.report), html #app .form-card:not(.report) { flex-direction: column; } html #app .card .card-title, html #app *[role=card] .card-title, html #app .form-card .card-title { font-size: 1.4375rem; padding: 0; overflow-x: auto; max-width: 100%; } html #app .card .card-title > *, html #app *[role=card] .card-title > *, html #app .form-card .card-title > * { display: inline-block; max-width: 100%; cursor: pointer; } html #app .card .card-subtitle, html #app *[role=card] .card-subtitle, html #app .form-card .card-subtitle { font-size: 1.125rem; line-height: 21px; color: var(--themantic-gray); } html #app .card table, html #app *[role=card] table, html #app .form-card table { table-layout: fixed; padding: var(--themantic-vertical-spacing-sm) 0; } html #app .card table:not(.w-max-content):not(.w-auto), html #app *[role=card] table:not(.w-max-content):not(.w-auto), html #app .form-card table:not(.w-max-content):not(.w-auto) { width: 100%; } html #app .card .card-body, html #app *[role=card] .card-body, html #app .form-card .card-body { width: 100%; padding: var(--themantic-vertical-spacing-sm) 0 var(--themantic-vertical-spacing-xs) 0; } html #app .card .card-body *:not(.m-auto), html #app *[role=card] .card-body *:not(.m-auto), html #app .form-card .card-body *:not(.m-auto) { margin: 0 !important; } html #app .card .card-body .card-data, html #app *[role=card] .card-body .card-data, html #app .form-card .card-body .card-data { display: flex !important; align-items: center; font-size: 1.125rem; font-weight: 300; line-height: 25px; width: 100%; } html #app .card .card-body th, html #app *[role=card] .card-body th, html #app .form-card .card-body th { white-space: nowrap; font-size: 1.125rem; font-weight: 300; align-self: flex-start; width: 50%; } html #app .card .card-body td, html #app *[role=card] .card-body td, html #app .form-card .card-body td { display: block !important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: var(--themantic-vertical-spacing-xs); width: 50%; } html #app .card .card-body a, html #app *[role=card] .card-body a, html #app .form-card .card-body a { cursor: pointer; color: var(--themantic-button-color); } html #app .card .card-footer, html #app *[role=card] .card-footer, html #app .form-card .card-footer { width: 100%; display: inline-flex; align-items: center; justify-content: flex-end; margin-top: auto !important; padding: var(--themantic-vertical-spacing-xs) 0; } html #app .card .card-footer .primary, html #app *[role=card] .card-footer .primary, html #app .form-card .card-footer .primary, html #app .card .card-footer .favorite, html #app *[role=card] .card-footer .favorite, html #app .form-card .card-footer .favorite { display: flex; align-items: center; } html #app .card .card-footer .primary small, html #app *[role=card] .card-footer .primary small, html #app .form-card .card-footer .primary small, html #app .card .card-footer .favorite small, html #app *[role=card] .card-footer .favorite small, html #app .form-card .card-footer .favorite small { opacity: 0.5; padding: 0 var(--themantic-vertical-spacing-xs); font-size: 65%; color: var(--themantic-foreground-color-light); } html #app .form-card { padding: var(--themantic-vertical-spacing-lg) var(--themantic-horizontal-spacing-lg); max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; margin: auto; } html #app .form-card .align-top { vertical-align: top !important; } @media screen and (max-width: 1199px) { html #app .form-card { padding: var(--themantic-vertical-spacing-sm) var(--themantic-horizontal-spacing-sm); } } @media screen and (max-width: 575px) { html #app .form-card { padding: var(--themantic-vertical-spacing-xs) var(--themantic-horizontal-spacing-xs); } html #app .form-card table tr, html #app .form-card table .form-row, html #app .form-card .table tr, html #app .form-card .table .form-row { display: flex !important; flex-direction: column; align-items: center; margin: 0 !important; } html #app .form-card table tr .form-label, html #app .form-card table .form-row .form-label, html #app .form-card .table tr .form-label, html #app .form-card .table .form-row .form-label { width: -webkit-max-content; width: -moz-max-content; width: max-content; line-height: 35px; } html #app .form-card table tr > *, html #app .form-card table .form-row > *, html #app .form-card .table tr > *, html #app .form-card .table .form-row > * { display: flex; flex-grow: 1; text-align: left; } } html #app .banner, html #app *[role=banner] { justify-content: space-between; align-items: center; box-sizing: border-box; width: 100%; height: auto; background: var(--themantic-header-background-color); padding: var(--themantic-vertical-spacing-xs) var(--themantic-horizontal-spacing-xs); margin: 0; } html #app .banner > *, html #app *[role=banner] > * { display: inline-block; } @media screen and (max-width: 767px) { html #app header .title .icon.logo { font-size: 2rem; } html #app header .title .heading { font-size: 1rem; } html #app header .menu { font-size: 1.5rem; } } html #app .page-holder .page, html #app .page-holder *[role=page] { padding: calc(var(--themantic-flow-layout-spacing)/2) calc(var(--themantic-flow-layout-spacing)*5.25); } html #app .page-holder .flex.page, html #app .page-holder .flex[role=page] { align-items: flex-start; justify-content: flex-start; } @media screen and (min-width: 1200px) { html #app .page-holder .page, html #app .page-holder *[role=page] { padding: calc(var(--themantic-flow-layout-spacing)/2) calc(var(--themantic-flow-layout-spacing)*3.25); } } @media screen and (max-width: 1199px) { html #app .page-holder .page, html #app .page-holder *[role=page] { padding: 0; } } html #app .page-holder .page .page-header, html #app .page-holder *[role=page] .page-header { width: calc(100% - var(--themantic-flow-layout-spacing)*2); border-bottom: 1px solid #70707025; margin: 0 var(--themantic-flow-layout-spacing); padding: var(--themantic-flow-layout-spacing) 0; } @media screen and (max-width: 1199px) { html #app .page-holder .page .page-header, html #app .page-holder *[role=page] .page-header { border-bottom: none; } } html #app .page-holder .page .page-header .icon-list .icon, html #app .page-holder *[role=page] .page-header .icon-list .icon { cursor: pointer; } @media screen and (max-width: 575px) { html #app .page-holder .page .page-header .icon-list .icon, html #app .page-holder *[role=page] .page-header .icon-list .icon { display: inline-block; font-size: 1.75rem; padding: 0.5rem; } } html #app .page-holder .page .page-header .row, html #app .page-holder *[role=page] .page-header .row { padding: calc(var(--themantic-flow-layout-spacing)/2) 0 var(--themantic-flow-layout-spacing); } html #app .page-holder .page .page-header .row.flex, html #app .page-holder *[role=page] .page-header .row.flex { justify-content: flex-start; } @media screen and (max-width: 1199px) { html #app .page-holder .page .page-header .row.flex, html #app .page-holder *[role=page] .page-header .row.flex { justify-content: space-between; } } html #app .page-holder .page .page-header .row *, html #app .page-holder *[role=page] .page-header .row * { margin-top: 0; margin-bottom: 0; } html #app .page-holder .page .page-header .row.inline *, html #app .page-holder *[role=page] .page-header .row.inline * { display: flex; align-items: center; } html #app .page-holder .page .page-header .row .icon, html #app .page-holder *[role=page] .page-header .row .icon { display: flex; align-items: center; font-size: 1.5rem; } html #app .page-holder .page .page-header .row .icon-list, html #app .page-holder *[role=page] .page-header .row .icon-list { margin-left: 4rem; } html #app .page-holder .page .page-header .row .icon-list .icon, html #app .page-holder *[role=page] .page-header .row .icon-list .icon { margin-right: 0.75rem; } @media screen and (min-width: 576px) { html #app .page-holder .page .page-header .row .icon-list .icon, html #app .page-holder *[role=page] .page-header .row .icon-list .icon { font-size: 1.6rem; } } html #app .page-holder .page .page-body, html #app .page-holder *[role=page] .page-body { width: 100%; overflow-y: scroll; padding: var(--themantic-flow-layout-spacing) 0 120px; box-sizing: border-box; } html #app .page-holder { position: relative; width: 100%; height: calc(100vh - 55px); overflow: hidden; } html #app .page-holder .page, html #app .page-holder *[role=page] { flex-wrap: nowrap; max-height: 100%; } @media screen and (max-width: 1199px) { html #app .page-holder .page .page-header .row, html #app .page-holder *[role=page] .page-header .row { padding-bottom: 0px; } } html #app .page-holder .page .page-body, html #app .page-holder *[role=page] .page-body { flex-grow: 1; } @media screen and (max-width: 1199px) { html #app .page-holder .page .page-body, html #app .page-holder *[role=page] .page-body { padding: 0; } } html #app .page-holder .page .page-body .grid, html #app .page-holder .page .page-body *[role=grid], html #app .page-holder .page .page-body.flow, html #app .page-holder *[role=page] .page-body .grid, html #app .page-holder *[role=page] .page-body *[role=grid], html #app .page-holder *[role=page] .page-body.flow { padding: var(--themantic-flow-layout-spacing); } html #app .page-holder .page .page-body .grid .message, html #app .page-holder .page .page-body *[role=grid] .message, html #app .page-holder .page .page-body.flow .message, html #app .page-holder *[role=page] .page-body .grid .message, html #app .page-holder *[role=page] .page-body *[role=grid] .message, html #app .page-holder *[role=page] .page-body.flow .message { font-size: 1.5rem; } @media screen and (max-width: 1199px) { html #app .page-holder .page .page-body .grid, html #app .page-holder .page .page-body *[role=grid], html #app .page-holder .page .page-body.flow, html #app .page-holder *[role=page] .page-body .grid, html #app .page-holder *[role=page] .page-body *[role=grid], html #app .page-holder *[role=page] .page-body.flow { margin-bottom: 100px; } html #app .page-holder .page .page-body .grid .message, html #app .page-holder .page .page-body *[role=grid] .message, html #app .page-holder .page .page-body.flow .message, html #app .page-holder *[role=page] .page-body .grid .message, html #app .page-holder *[role=page] .page-body *[role=grid] .message, html #app .page-holder *[role=page] .page-body.flow .message { font-size: 1rem; } } html #app .page-holder .page .page-change-data, html #app .page-holder *[role=page] .page-change-data { width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 90%; margin: 0 auto; } html #app .page-holder .page .page-change-data:not(.w-auto), html #app .page-holder *[role=page] .page-change-data:not(.w-auto) { width: min(580px, 90vw); } html #app .page-holder .page .page-change-data .page-header, html #app .page-holder *[role=page] .page-change-data .page-header { margin: 0; width: 100%; border-bottom: none; } html #app .page-holder .page .page-footer, html #app .page-holder *[role=page] .page-footer { width: 100%; position: fixed; bottom: 0; background: #eeeeee99; z-index: 9; padding: var(--themantic-flow-layout-spacing); } html #app .domain.unverified-domain.card, html #app .domain.unverified-domain[role=card], html #app .domain.unverified-domain.form-card { background: rgba(255, 255, 255, 0.5); } html #app .report.card, html #app .report[role=card], html #app .report.form-card { cursor: default !important; padding: var(--themantic-vertical-spacing-lg); } html #app .report.card .title-info, html #app .report[role=card] .title-info, html #app .report.form-card .title-info { min-width: 0; } html #app .report.card .card-title, html #app .report[role=card] .card-title, html #app .report.form-card .card-title { margin-bottom: 0.375rem; text-align: left; max-width: 100%; } html #app .report.card .card-subtitle, html #app .report[role=card] .card-subtitle, html #app .report.form-card .card-subtitle { text-align: left; max-width: 100%; } html #app .report.card .fa-icon, html #app .report[role=card] .fa-icon, html #app .report.form-card .fa-icon { font-size: 2.875rem; min-width: 35px; color: #FF9900; opacity: 0.5; margin-right: var(--themantic-horizontal-spacing-sm); } html #app .report.card .status, html #app .report[role=card] .status, html #app .report.form-card .status { display: flex; align-items: center; padding: 0 var(--themantic-horizontal-spacing-sm) !important; text-transform: capitalize; } html #app .report.card .status .fa-icon, html #app .report[role=card] .status .fa-icon, html #app .report.form-card .status .fa-icon { width: 1.5rem; margin-right: 0.875rem; } @media screen and (max-width: 767px) { html #app .report.card, html #app .report[role=card], html #app .report.form-card { flex-direction: column; align-items: center; text-align: center; } html #app .report.card *, html #app .report[role=card] *, html #app .report.form-card * { margin-right: 0 !important; margin-left: 0 !important; text-align: center !important; } html #app .report.card .card-title, html #app .report[role=card] .card-title, html #app .report.form-card .card-title { font-size: 1.3rem; } html #app .report.card .card-subtitle, html #app .report[role=card] .card-subtitle, html #app .report.form-card .card-subtitle { font-size: 1rem; } html #app .report.card .fa-icon, html #app .report[role=card] .fa-icon, html #app .report.form-card .fa-icon { font-size: 1.5rem; min-width: unset; } html #app .report.card .status, html #app .report[role=card] .status, html #app .report.form-card .status { padding: 0 !important; font-size: 1rem; margin-top: 1rem; } } #report-print .report-content .report-section .section-data .report-table h1, #report-print .report-content .report-section .section-data .report-table h2, #report-print .report-content .report-section .section-data .report-table h3, #report-print .report-content .report-section .section-data .report-table h4, #report-print .report-content .report-section .section-data .report-table h5, #report-print .report-content .report-section .section-data .canvas-header .chart-title { font-family: inherit; color: black; } #report-print .report-content .report-section .section-data .report-table h1, #report-print .report-content .report-section .section-data .report-table h2, #report-print .report-content .report-section .section-data .report-table h3, #report-print .report-content .report-section .section-data .report-table h4, #report-print .report-content .report-section .section-data .report-table h5, #report-print .report-content .report-section .section-data .canvas-header .chart-title, #report-print .report-content .report-section .section-data .report-table h1 *, #report-print .report-content .report-section .section-data .report-table h2 *, #report-print .report-content .report-section .section-data .report-table h3 *, #report-print .report-content .report-section .section-data .report-table h4 *, #report-print .report-content .report-section .section-data .report-table h5 *, #report-print .report-content .report-section .section-data .canvas-header .chart-title * { font-size: 12pt !important; } #report-print .report-content .report-section .section-data .canvas-header .chart-subtitle, #report-print .report-content .report-section .section-data .canvas-header .chart-legend { font-family: inherit; color: inherit; } #report-print .report-content .report-section .section-data .canvas-header .chart-subtitle, #report-print .report-content .report-section .section-data .canvas-header .chart-legend, #report-print .report-content .report-section .section-data .canvas-header .chart-subtitle *, #report-print .report-content .report-section .section-data .canvas-header .chart-legend * { font-size: 9pt !important; } /** * CSS for viewing the printable version of a Report */ #report-print { border-radius: 2px; width: calc(100% - var(--themantic-flow-layout-spacing)*2); box-sizing: border-box; font-family: var(--themantic-font-family) !important; overflow: visible; padding: 0.5in; /** * For the printed Report */ } #report-print * { margin: 0; padding: 0; } #report-print:hover { box-shadow: unset; transform: unset; } #report-print .fas { font-family: "Font Awesome 5 Free" !important; } @media screen and (max-width: 575px) { #report-print { padding: 0.25in; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(8.5in + 96px)) { #report-print { zoom: 1; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(9.5in + 96px)) { #report-print { zoom: 1.1176470588; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(10.5in + 96px)) { #report-print { zoom: 1.2352941176; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(11.5in + 96px)) { #report-print { zoom: 1.3529411765; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(12.5in + 96px)) { #report-print { zoom: 1.4705882353; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(13.5in + 96px)) { #report-print { zoom: 1.5882352941; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(14.5in + 96px)) { #report-print { zoom: 1.7058823529; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(15.5in + 96px)) { #report-print { zoom: 1.8235294118; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(16.5in + 96px)) { #report-print { zoom: 1.9411764706; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(17.5in + 96px)) { #report-print { zoom: 2.0588235294; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(18.5in + 96px)) { #report-print { zoom: 2.1764705882; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(19.5in + 96px)) { #report-print { zoom: 2.2941176471; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(20.5in + 96px)) { #report-print { zoom: 2.4117647059; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(21.5in + 96px)) { #report-print { zoom: 2.5294117647; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(22.5in + 96px)) { #report-print { zoom: 2.6470588235; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(23.5in + 96px)) { #report-print { zoom: 2.7647058824; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(24.5in + 96px)) { #report-print { zoom: 2.8823529412; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(25.5in + 96px)) { #report-print { zoom: 3; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(26.5in + 96px)) { #report-print { zoom: 3.1176470588; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(27.5in + 96px)) { #report-print { zoom: 3.2352941176; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(28.5in + 96px)) { #report-print { zoom: 3.3529411765; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(29.5in + 96px)) { #report-print { zoom: 3.4705882353; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(30.5in + 96px)) { #report-print { zoom: 3.5882352941; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(31.5in + 96px)) { #report-print { zoom: 3.7058823529; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(32.5in + 96px)) { #report-print { zoom: 3.8235294118; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(33.5in + 96px)) { #report-print { zoom: 3.9411764706; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(34.5in + 96px)) { #report-print { zoom: 4.0588235294; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(35.5in + 96px)) { #report-print { zoom: 4.1764705882; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(36.5in + 96px)) { #report-print { zoom: 4.2941176471; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(37.5in + 96px)) { #report-print { zoom: 4.4117647059; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(38.5in + 96px)) { #report-print { zoom: 4.5294117647; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(39.5in + 96px)) { #report-print { zoom: 4.6470588235; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(40.5in + 96px)) { #report-print { zoom: 4.7647058824; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(41.5in + 96px)) { #report-print { zoom: 4.8823529412; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(42.5in + 96px)) { #report-print { zoom: 5; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(43.5in + 96px)) { #report-print { zoom: 5.1176470588; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(44.5in + 96px)) { #report-print { zoom: 5.2352941176; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(45.5in + 96px)) { #report-print { zoom: 5.3529411765; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(46.5in + 96px)) { #report-print { zoom: 5.4705882353; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(47.5in + 96px)) { #report-print { zoom: 5.5882352941; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(48.5in + 96px)) { #report-print { zoom: 5.7058823529; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(49.5in + 96px)) { #report-print { zoom: 5.8235294118; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(50.5in + 96px)) { #report-print { zoom: 5.9411764706; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(51.5in + 96px)) { #report-print { zoom: 6.0588235294; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(52.5in + 96px)) { #report-print { zoom: 6.1764705882; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(53.5in + 96px)) { #report-print { zoom: 6.2941176471; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(54.5in + 96px)) { #report-print { zoom: 6.4117647059; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(55.5in + 96px)) { #report-print { zoom: 6.5294117647; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(56.5in + 96px)) { #report-print { zoom: 6.6470588235; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(57.5in + 96px)) { #report-print { zoom: 6.7647058824; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(58.5in + 96px)) { #report-print { zoom: 6.8823529412; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(59.5in + 96px)) { #report-print { zoom: 7; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(60.5in + 96px)) { #report-print { zoom: 7.1176470588; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(61.5in + 96px)) { #report-print { zoom: 7.2352941176; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(62.5in + 96px)) { #report-print { zoom: 7.3529411765; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(63.5in + 96px)) { #report-print { zoom: 7.4705882353; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(64.5in + 96px)) { #report-print { zoom: 7.5882352941; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(65.5in + 96px)) { #report-print { zoom: 7.7058823529; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(66.5in + 96px)) { #report-print { zoom: 7.8235294118; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(67.5in + 96px)) { #report-print { zoom: 7.9411764706; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(68.5in + 96px)) { #report-print { zoom: 8.0588235294; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(69.5in + 96px)) { #report-print { zoom: 8.1764705882; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(70.5in + 96px)) { #report-print { zoom: 8.2941176471; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(71.5in + 96px)) { #report-print { zoom: 8.4117647059; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(72.5in + 96px)) { #report-print { zoom: 8.5294117647; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(73.5in + 96px)) { #report-print { zoom: 8.6470588235; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(74.5in + 96px)) { #report-print { zoom: 8.7647058824; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(75.5in + 96px)) { #report-print { zoom: 8.8823529412; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(76.5in + 96px)) { #report-print { zoom: 9; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(77.5in + 96px)) { #report-print { zoom: 9.1176470588; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(78.5in + 96px)) { #report-print { zoom: 9.2352941176; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(79.5in + 96px)) { #report-print { zoom: 9.3529411765; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(80.5in + 96px)) { #report-print { zoom: 9.4705882353; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(81.5in + 96px)) { #report-print { zoom: 9.5882352941; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(82.5in + 96px)) { #report-print { zoom: 9.7058823529; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(83.5in + 96px)) { #report-print { zoom: 9.8235294118; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(84.5in + 96px)) { #report-print { zoom: 9.9411764706; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(85.5in + 96px)) { #report-print { zoom: 10.0588235294; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(86.5in + 96px)) { #report-print { zoom: 10.1764705882; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(87.5in + 96px)) { #report-print { zoom: 10.2941176471; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(88.5in + 96px)) { #report-print { zoom: 10.4117647059; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(89.5in + 96px)) { #report-print { zoom: 10.5294117647; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(90.5in + 96px)) { #report-print { zoom: 10.6470588235; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(91.5in + 96px)) { #report-print { zoom: 10.7647058824; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(92.5in + 96px)) { #report-print { zoom: 10.8823529412; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(93.5in + 96px)) { #report-print { zoom: 11; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(94.5in + 96px)) { #report-print { zoom: 11.1176470588; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(95.5in + 96px)) { #report-print { zoom: 11.2352941176; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(96.5in + 96px)) { #report-print { zoom: 11.3529411765; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(97.5in + 96px)) { #report-print { zoom: 11.4705882353; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(98.5in + 96px)) { #report-print { zoom: 11.5882352941; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(99.5in + 96px)) { #report-print { zoom: 11.7058823529; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(100.5in + 96px)) { #report-print { zoom: 11.8235294118; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(101.5in + 96px)) { #report-print { zoom: 11.9411764706; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(102.5in + 96px)) { #report-print { zoom: 12.0588235294; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(103.5in + 96px)) { #report-print { zoom: 12.1764705882; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(104.5in + 96px)) { #report-print { zoom: 12.2941176471; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(105.5in + 96px)) { #report-print { zoom: 12.4117647059; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(106.5in + 96px)) { #report-print { zoom: 12.5294117647; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(107.5in + 96px)) { #report-print { zoom: 12.6470588235; } } @media screen and (min-width: 768px) and (max-width: 1199px) and (min-width: calc(108.5in + 96px)) { #report-print { zoom: 12.7647058824; } } @media screen and (min-width: 1200px) and (min-width: calc(8.5in + 607px)) { #report-print { zoom: 1; } } @media screen and (min-width: 1200px) and (min-width: calc(9.5in + 607px)) { #report-print { zoom: 1.1176470588; } } @media screen and (min-width: 1200px) and (min-width: calc(10.5in + 607px)) { #report-print { zoom: 1.2352941176; } } @media screen and (min-width: 1200px) and (min-width: calc(11.5in + 607px)) { #report-print { zoom: 1.3529411765; } } @media screen and (min-width: 1200px) and (min-width: calc(12.5in + 607px)) { #report-print { zoom: 1.4705882353; } } @media screen and (min-width: 1200px) and (min-width: calc(13.5in + 607px)) { #report-print { zoom: 1.5882352941; } } @media screen and (min-width: 1200px) and (min-width: calc(14.5in + 607px)) { #report-print { zoom: 1.7058823529; } } @media screen and (min-width: 1200px) and (min-width: calc(15.5in + 607px)) { #report-print { zoom: 1.8235294118; } } @media screen and (min-width: 1200px) and (min-width: calc(16.5in + 607px)) { #report-print { zoom: 1.9411764706; } } @media screen and (min-width: 1200px) and (min-width: calc(17.5in + 607px)) { #report-print { zoom: 2.0588235294; } } @media screen and (min-width: 1200px) and (min-width: calc(18.5in + 607px)) { #report-print { zoom: 2.1764705882; } } @media screen and (min-width: 1200px) and (min-width: calc(19.5in + 607px)) { #report-print { zoom: 2.2941176471; } } @media screen and (min-width: 1200px) and (min-width: calc(20.5in + 607px)) { #report-print { zoom: 2.4117647059; } } @media screen and (min-width: 1200px) and (min-width: calc(21.5in + 607px)) { #report-print { zoom: 2.5294117647; } } @media screen and (min-width: 1200px) and (min-width: calc(22.5in + 607px)) { #report-print { zoom: 2.6470588235; } } @media screen and (min-width: 1200px) and (min-width: calc(23.5in + 607px)) { #report-print { zoom: 2.7647058824; } } @media screen and (min-width: 1200px) and (min-width: calc(24.5in + 607px)) { #report-print { zoom: 2.8823529412; } } @media screen and (min-width: 1200px) and (min-width: calc(25.5in + 607px)) { #report-print { zoom: 3; } } @media screen and (min-width: 1200px) and (min-width: calc(26.5in + 607px)) { #report-print { zoom: 3.1176470588; } } @media screen and (min-width: 1200px) and (min-width: calc(27.5in + 607px)) { #report-print { zoom: 3.2352941176; } } @media screen and (min-width: 1200px) and (min-width: calc(28.5in + 607px)) { #report-print { zoom: 3.3529411765; } } @media screen and (min-width: 1200px) and (min-width: calc(29.5in + 607px)) { #report-print { zoom: 3.4705882353; } } @media screen and (min-width: 1200px) and (min-width: calc(30.5in + 607px)) { #report-print { zoom: 3.5882352941; } } @media screen and (min-width: 1200px) and (min-width: calc(31.5in + 607px)) { #report-print { zoom: 3.7058823529; } } @media screen and (min-width: 1200px) and (min-width: calc(32.5in + 607px)) { #report-print { zoom: 3.8235294118; } } @media screen and (min-width: 1200px) and (min-width: calc(33.5in + 607px)) { #report-print { zoom: 3.9411764706; } } @media screen and (min-width: 1200px) and (min-width: calc(34.5in + 607px)) { #report-print { zoom: 4.0588235294; } } @media screen and (min-width: 1200px) and (min-width: calc(35.5in + 607px)) { #report-print { zoom: 4.1764705882; } } @media screen and (min-width: 1200px) and (min-width: calc(36.5in + 607px)) { #report-print { zoom: 4.2941176471; } } @media screen and (min-width: 1200px) and (min-width: calc(37.5in + 607px)) { #report-print { zoom: 4.4117647059; } } @media screen and (min-width: 1200px) and (min-width: calc(38.5in + 607px)) { #report-print { zoom: 4.5294117647; } } @media screen and (min-width: 1200px) and (min-width: calc(39.5in + 607px)) { #report-print { zoom: 4.6470588235; } } @media screen and (min-width: 1200px) and (min-width: calc(40.5in + 607px)) { #report-print { zoom: 4.7647058824; } } @media screen and (min-width: 1200px) and (min-width: calc(41.5in + 607px)) { #report-print { zoom: 4.8823529412; } } @media screen and (min-width: 1200px) and (min-width: calc(42.5in + 607px)) { #report-print { zoom: 5; } } @media screen and (min-width: 1200px) and (min-width: calc(43.5in + 607px)) { #report-print { zoom: 5.1176470588; } } @media screen and (min-width: 1200px) and (min-width: calc(44.5in + 607px)) { #report-print { zoom: 5.2352941176; } } @media screen and (min-width: 1200px) and (min-width: calc(45.5in + 607px)) { #report-print { zoom: 5.3529411765; } } @media screen and (min-width: 1200px) and (min-width: calc(46.5in + 607px)) { #report-print { zoom: 5.4705882353; } } @media screen and (min-width: 1200px) and (min-width: calc(47.5in + 607px)) { #report-print { zoom: 5.5882352941; } } @media screen and (min-width: 1200px) and (min-width: calc(48.5in + 607px)) { #report-print { zoom: 5.7058823529; } } @media screen and (min-width: 1200px) and (min-width: calc(49.5in + 607px)) { #report-print { zoom: 5.8235294118; } } @media screen and (min-width: 1200px) and (min-width: calc(50.5in + 607px)) { #report-print { zoom: 5.9411764706; } } @media screen and (min-width: 1200px) and (min-width: calc(51.5in + 607px)) { #report-print { zoom: 6.0588235294; } } @media screen and (min-width: 1200px) and (min-width: calc(52.5in + 607px)) { #report-print { zoom: 6.1764705882; } } @media screen and (min-width: 1200px) and (min-width: calc(53.5in + 607px)) { #report-print { zoom: 6.2941176471; } } @media screen and (min-width: 1200px) and (min-width: calc(54.5in + 607px)) { #report-print { zoom: 6.4117647059; } } @media screen and (min-width: 1200px) and (min-width: calc(55.5in + 607px)) { #report-print { zoom: 6.5294117647; } } @media screen and (min-width: 1200px) and (min-width: calc(56.5in + 607px)) { #report-print { zoom: 6.6470588235; } } @media screen and (min-width: 1200px) and (min-width: calc(57.5in + 607px)) { #report-print { zoom: 6.7647058824; } } @media screen and (min-width: 1200px) and (min-width: calc(58.5in + 607px)) { #report-print { zoom: 6.8823529412; } } @media screen and (min-width: 1200px) and (min-width: calc(59.5in + 607px)) { #report-print { zoom: 7; } } @media screen and (min-width: 1200px) and (min-width: calc(60.5in + 607px)) { #report-print { zoom: 7.1176470588; } } @media screen and (min-width: 1200px) and (min-width: calc(61.5in + 607px)) { #report-print { zoom: 7.2352941176; } } @media screen and (min-width: 1200px) and (min-width: calc(62.5in + 607px)) { #report-print { zoom: 7.3529411765; } } @media screen and (min-width: 1200px) and (min-width: calc(63.5in + 607px)) { #report-print { zoom: 7.4705882353; } } @media screen and (min-width: 1200px) and (min-width: calc(64.5in + 607px)) { #report-print { zoom: 7.5882352941; } } @media screen and (min-width: 1200px) and (min-width: calc(65.5in + 607px)) { #report-print { zoom: 7.7058823529; } } @media screen and (min-width: 1200px) and (min-width: calc(66.5in + 607px)) { #report-print { zoom: 7.8235294118; } } @media screen and (min-width: 1200px) and (min-width: calc(67.5in + 607px)) { #report-print { zoom: 7.9411764706; } } @media screen and (min-width: 1200px) and (min-width: calc(68.5in + 607px)) { #report-print { zoom: 8.0588235294; } } @media screen and (min-width: 1200px) and (min-width: calc(69.5in + 607px)) { #report-print { zoom: 8.1764705882; } } @media screen and (min-width: 1200px) and (min-width: calc(70.5in + 607px)) { #report-print { zoom: 8.2941176471; } } @media screen and (min-width: 1200px) and (min-width: calc(71.5in + 607px)) { #report-print { zoom: 8.4117647059; } } @media screen and (min-width: 1200px) and (min-width: calc(72.5in + 607px)) { #report-print { zoom: 8.5294117647; } } @media screen and (min-width: 1200px) and (min-width: calc(73.5in + 607px)) { #report-print { zoom: 8.6470588235; } } @media screen and (min-width: 1200px) and (min-width: calc(74.5in + 607px)) { #report-print { zoom: 8.7647058824; } } @media screen and (min-width: 1200px) and (min-width: calc(75.5in + 607px)) { #report-print { zoom: 8.8823529412; } } @media screen and (min-width: 1200px) and (min-width: calc(76.5in + 607px)) { #report-print { zoom: 9; } } @media screen and (min-width: 1200px) and (min-width: calc(77.5in + 607px)) { #report-print { zoom: 9.1176470588; } } @media screen and (min-width: 1200px) and (min-width: calc(78.5in + 607px)) { #report-print { zoom: 9.2352941176; } } @media screen and (min-width: 1200px) and (min-width: calc(79.5in + 607px)) { #report-print { zoom: 9.3529411765; } } @media screen and (min-width: 1200px) and (min-width: calc(80.5in + 607px)) { #report-print { zoom: 9.4705882353; } } @media screen and (min-width: 1200px) and (min-width: calc(81.5in + 607px)) { #report-print { zoom: 9.5882352941; } } @media screen and (min-width: 1200px) and (min-width: calc(82.5in + 607px)) { #report-print { zoom: 9.7058823529; } } @media screen and (min-width: 1200px) and (min-width: calc(83.5in + 607px)) { #report-print { zoom: 9.8235294118; } } @media screen and (min-width: 1200px) and (min-width: calc(84.5in + 607px)) { #report-print { zoom: 9.9411764706; } } @media screen and (min-width: 1200px) and (min-width: calc(85.5in + 607px)) { #report-print { zoom: 10.0588235294; } } @media screen and (min-width: 1200px) and (min-width: calc(86.5in + 607px)) { #report-print { zoom: 10.1764705882; } } @media screen and (min-width: 1200px) and (min-width: calc(87.5in + 607px)) { #report-print { zoom: 10.2941176471; } } @media screen and (min-width: 1200px) and (min-width: calc(88.5in + 607px)) { #report-print { zoom: 10.4117647059; } } @media screen and (min-width: 1200px) and (min-width: calc(89.5in + 607px)) { #report-print { zoom: 10.5294117647; } } @media screen and (min-width: 1200px) and (min-width: calc(90.5in + 607px)) { #report-print { zoom: 10.6470588235; } } @media screen and (min-width: 1200px) and (min-width: calc(91.5in + 607px)) { #report-print { zoom: 10.7647058824; } } @media screen and (min-width: 1200px) and (min-width: calc(92.5in + 607px)) { #report-print { zoom: 10.8823529412; } } @media screen and (min-width: 1200px) and (min-width: calc(93.5in + 607px)) { #report-print { zoom: 11; } } @media screen and (min-width: 1200px) and (min-width: calc(94.5in + 607px)) { #report-print { zoom: 11.1176470588; } } @media screen and (min-width: 1200px) and (min-width: calc(95.5in + 607px)) { #report-print { zoom: 11.2352941176; } } @media screen and (min-width: 1200px) and (min-width: calc(96.5in + 607px)) { #report-print { zoom: 11.3529411765; } } @media screen and (min-width: 1200px) and (min-width: calc(97.5in + 607px)) { #report-print { zoom: 11.4705882353; } } @media screen and (min-width: 1200px) and (min-width: calc(98.5in + 607px)) { #report-print { zoom: 11.5882352941; } } @media screen and (min-width: 1200px) and (min-width: calc(99.5in + 607px)) { #report-print { zoom: 11.7058823529; } } @media screen and (min-width: 1200px) and (min-width: calc(100.5in + 607px)) { #report-print { zoom: 11.8235294118; } } @media screen and (min-width: 1200px) and (min-width: calc(101.5in + 607px)) { #report-print { zoom: 11.9411764706; } } @media screen and (min-width: 1200px) and (min-width: calc(102.5in + 607px)) { #report-print { zoom: 12.0588235294; } } @media screen and (min-width: 1200px) and (min-width: calc(103.5in + 607px)) { #report-print { zoom: 12.1764705882; } } @media screen and (min-width: 1200px) and (min-width: calc(104.5in + 607px)) { #report-print { zoom: 12.2941176471; } } @media screen and (min-width: 1200px) and (min-width: calc(105.5in + 607px)) { #report-print { zoom: 12.4117647059; } } @media screen and (min-width: 1200px) and (min-width: calc(106.5in + 607px)) { #report-print { zoom: 12.5294117647; } } @media screen and (min-width: 1200px) and (min-width: calc(107.5in + 607px)) { #report-print { zoom: 12.6470588235; } } @media screen and (min-width: 1200px) and (min-width: calc(108.5in + 607px)) { #report-print { zoom: 12.7647058824; } } #report-print > * { box-sizing: border-box; width: 7.5in; margin: 0 auto; } #report-print * { font-size: 12pt !important; line-height: 1.2 !important; } #report-print a { color: var(--themantic-button-color) !important; } #report-print .report-title { display: flex !important; flex-direction: row; flex-wrap: wrap; align-items: flex-start !important; text-align: left !important; max-width: 100%; } @media screen and (max-width: 575px) { #report-print .report-title { zoom: 0.75; } } #report-print .report-title .website-logo { margin-right: 0.125in; } #report-print .report-title .website-logo .icon { width: 0.5in !important; height: auto !important; margin: 0 !important; } #report-print .report-title .title { margin: 0 !important; color: #000 !important; font-weight: bold !important; font-size: 20pt !important; } #report-print .report-title .sub-title { margin: 0 !important; color: #999 !important; font-weight: normal !important; font-size: 12pt !important; } #report-print .report-content { max-width: 100%; } #report-print .report-content .report-section { margin-top: 0.0625in !important; margin-bottom: 0 !important; } #report-print .report-content .report-section .heading { font-size: 14pt !important; border-bottom: 2pt solid #000; font-weight: bold; color: #000; margin: 0.25in 0 0.125in 0; padding-bottom: 0.03125in; } #report-print .report-content .report-section .heading .icon { margin-right: 0.0625in; } #report-print .report-content .report-section .section-data { max-width: 100%; width: 7.5in !important; display: flex; align-items: flex-start; flex-wrap: wrap; gap: 0.25in; } @media screen and (max-width: 767px) { #report-print .report-content .report-section .section-data { flex-direction: column; } } #report-print .report-content .report-section .section-data > * { width: calc(50% - 0.125in); } @media screen and (max-width: 767px) { #report-print .report-content .report-section .section-data > * { width: 100%; } } #report-print .report-content .report-section .section-data .dataset { display: flex; flex-direction: column; gap: 0.125in; } #report-print .report-content .report-section .section-data .dataset table { width: 100%; } #report-print .report-content .report-section .section-data .canvas-header { display: flex; flex-direction: row; gap: 0.125in; min-height: 1.2in; } @media screen and (max-width: 575px) { #report-print .report-content .report-section .section-data .canvas-header { flex-direction: column; } } #report-print .report-content .report-section .section-data canvas { width: 1.75in !important; height: 1.75in !important; margin-top: -0.75in; } @media screen and (max-width: 575px) { #report-print .report-content .report-section .section-data canvas { margin: 0.2in auto; } } #report-print .report-content .report-section .section-data .report-table { display: flex; flex-direction: column; gap: 0.0625in; } #report-print .report-content .report-section .section-data .report-table h1, #report-print .report-content .report-section .section-data .report-table h2, #report-print .report-content .report-section .section-data .report-table h3, #report-print .report-content .report-section .section-data .report-table h4, #report-print .report-content .report-section .section-data .report-table h5 { text-align: center !important; } #report-print .report-content .report-section .section-data .report-table table { display: table !important; table-layout: auto !important; border-collapse: collapse; width: 100% !important; } #report-print .report-content .report-section .section-data .report-table table th { font-weight: bold; white-space: nowrap; } #report-print .report-content .report-section .section-data .report-table table th, #report-print .report-content .report-section .section-data .report-table table td { border-bottom: 1pt solid #ddd; padding: 5pt !important; vertical-align: baseline !important; } @media screen and (max-width: 575px) { #report-print .report-content .report-section .section-data .report-table table th, #report-print .report-content .report-section .section-data .report-table table td { padding: 4pt !important; } } #report-print .report-content .report-section .section-data .report-table table th, #report-print .report-content .report-section .section-data .report-table table th *, #report-print .report-content .report-section .section-data .report-table table td, #report-print .report-content .report-section .section-data .report-table table td * { font-size: 9pt !important; } @media screen and (max-width: 575px) { #report-print .report-content .report-section .section-data .report-table table th, #report-print .report-content .report-section .section-data .report-table table th *, #report-print .report-content .report-section .section-data .report-table table td, #report-print .report-content .report-section .section-data .report-table table td * { font-size: 8pt !important; } } #report-print .report-content .report-section .section-data .report-table table th:first-child, #report-print .report-content .report-section .section-data .report-table table th:last-child, #report-print .report-content .report-section .section-data .report-table table td:first-child, #report-print .report-content .report-section .section-data .report-table table td:last-child { text-align: center; } #report-print .report-content .report-section .section-data .report-table table th:nth-child(2), #report-print .report-content .report-section .section-data .report-table table td:nth-child(2) { text-align: left; } #report-print .report-content .report-section .section-data .report-text, #report-print .report-content .report-section .section-data .report-text * { font-size: 8pt !important; } #report-print .report-content .report-section .section-data .report-text .heading { margin-top: 0; } #report-print .report-content .report-section .section-data .report-text .item { display: flex; flex-direction: row; gap: 0.0625in; } #report-print .report-content .report-section .section-data .report-text .item .icon { color: #FF9900; } #report-print .report-content .report-section .section-data .text-supplemental, #report-print .report-content .report-section .section-data .text-supplemental * { font-size: 8pt !important; } @media print { #report-print { box-shadow: none !important; margin: 0 auto !important; padding: 0 !important; display: block !important; } #report-print .report-section .heading { page-break-after: avoid !important; -moz-column-break-after: avoid !important; break-after: avoid !important; } #report-print .report-section .dataset { display: block !important; page-break-inside: avoid !important; -moz-column-break-inside: avoid !important; break-inside: avoid !important; } #report-print .report-section .dataset .heading { page-break-after: avoid !important; -moz-column-break-after: avoid !important; break-after: avoid !important; } #report-print .report-section .canvas-container { margin-bottom: 0.1in; } #report-print .report-section .canvas-container canvas { zoom: 0.9; } #report-print.browser-Safari .report-section .section-data { display: block !important; } #report-print.browser-Safari .report-section .section-data > .dataset-container { display: inline-block; page-break-inside: avoid !important; -moz-column-break-inside: avoid !important; break-inside: avoid !important; vertical-align: top; padding-bottom: 0.25in; page-break-after: auto !important; -moz-column-break-after: auto !important; break-after: auto !important; } #report-print.browser-Safari .report-section .section-data > .dataset-container:nth-child(odd) { padding-right: 0.125in; } #report-print.browser-Safari .report-section .section-data > .dataset-container:nth-child(even) { padding-left: 0.125in; } } @page { margin: 0.375in 0.5in !important; } .Toastify__toast-container { width: -webkit-max-content !important; width: -moz-max-content !important; width: max-content !important; display: flex; flex-direction: column; align-items: center; } .Toastify__toast-container .Toastify__toast { width: -webkit-max-content !important; width: -moz-max-content !important; width: max-content !important; position: relative !important; padding: 0.5rem 2rem !important; } .Toastify__toast-container .Toastify__toast .Toastify__toast-body { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .Toastify__toast-container .Toastify__toast .Toastify__toast-icon { display: flex !important; align-items: center !important; justify-content: center !important; } .Toastify__toast-container .Toastify__toast .Toastify__close-button { background: none !important; color: white !important; opacity: 1 !important; position: absolute !important; top: 0 !important; right: 0 !important; min-width: unset !important; margin: 0px !important; } html body { margin-bottom: 0 !important; } html #app { height: -webkit-max-content; height: -moz-max-content; height: max-content; /* * Navigation */ /* * Quick Switcher */ /* * Prompts */ } html #app .m-0 { margin: 0 !important; } html #app .m-auto { margin: auto !important; } html #app .ml-auto { margin-left: auto !important; } html #app .pl-1 { padding-left: 1rem !important; } html #app .w-30 { width: 30%; } html #app .w-50 { width: 50%; } html #app .w-70 { width: 70%; } html #app .w-100 { width: 100; } html #app .w-max-content { width: -webkit-max-content; width: -moz-max-content; width: max-content; } html #app .w-auto { width: auto; } html #app .h-100 { height: 100; } html #app .text-center { text-align: center; } html #app .no-wrap { white-space: nowrap; } html #app .loader-gif { position: absolute; bottom: 60px; z-index: 999; left: 50%; translate: -50%; height: 80px; width: 80px; } html #app .login-wrapper { width: min(580px, 100vw); box-sizing: border-box; padding: var(--themantic-vertical-spacing-xs); display: flex; align-items: center; justify-content: center; } html #app header#app-header { z-index: 9; box-shadow: 0px 3px 6px #00000029; height: 55px; } html #app header#app-header > a { display: flex !important; align-items: center; } html #app header#app-header .title { display: inline-flex; align-items: center; } html #app header#app-header .title .name > * { margin-right: var(--themantic-vertical-spacing-xs); } html #app header#app-header .title > * { white-space: nowrap; } html #app header#app-header #my-account { align-self: center; font-size: 1.1rem; display: flex; align-items: center; position: relative; } html #app header#app-header #my-account .avatar-container { position: relative; display: flex; } html #app header#app-header #my-account .avatar-container .avatar { margin-left: var(--themantic-horizontal-spacing-xs); cursor: pointer; } html #app header#app-header #my-account .avatar-container .caret { content: ""; position: absolute; bottom: 0; right: calc( var(--themantic-horizontal-spacing-xs) - 4px ); width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000; clear: both; cursor: pointer; } html #app header#app-header #my-account .account-dropdown { height: 0; box-shadow: none; position: absolute; right: var(--themantic-horizontal-spacing-xs); background: white; top: 45px; border-radius: 4px; } html #app header#app-header #my-account .account-dropdown.active { height: auto; box-shadow: 1px 1px 3px 1px #ccc; } html #app header#app-header #my-account .account-dropdown ul li { width: 100%; padding: 0; font-size: 90%; white-space: nowrap; } html #app header#app-header #my-account .account-dropdown ul li:hover { background: var(--themantic-nav-main-active-bg-color) !important; color: var(--themantic-white); } html #app header#app-header #my-account .account-dropdown ul li > * { cursor: pointer; padding: 0.25rem 1rem; width: 100%; } html #app main { background: #eeeeee; display: flex; width: 100%; flex-grow: 1; margin: 0; } html #app .nav-main { min-width: 260px; width: 260px; min-height: calc(100vh - 55px); height: calc(100vh - 55px); box-shadow: 0px 3px 6px #00000029; z-index: 1; } html #app .nav-main .nav-content { height: 100%; display: flex; flex-direction: column; } html #app .nav-main .fade-top { -webkit-mask-image: linear-gradient(to top, black 80%, transparent 100%); mask-image: linear-gradient(to top, black 80%, transparent 100%); } html #app .nav-main .fade-bottom { -webkit-mask-image: linear-gradient(to bottom, black 80%, transparent 100%); mask-image: linear-gradient(to bottom, black 80%, transparent 100%); } html #app .nav-main .fade-both { -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%); mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%); } html #app .nav-main .websites-list-container { flex-grow: 1; overflow-y: scroll; margin-bottom: 1rem; } html #app .nav-main .nav-additional { font-weight: normal; } html #app .nav-main .nav-additional li { padding-top: 0.2rem; padding-bottom: 0.2rem; } html #app .nav-main .nav-additional li.tablet-or-smaller .button { margin-top: 0; } html #app .nav-sub { min-height: calc(100vh - 55px); height: calc(100vh - 55px); } html #app .nav-sub.show { min-width: 210px; width: 210px; } html #app .nav-sub.hide { min-width: 0px; width: 0px; max-width: 0px; } html #app .nav-sub .nav-content { padding-top: 20px; } html #app .nav-sub .divider div { width: 100%; border-bottom: 1px solid #aaaaaa; } html #app #quick-switcher { position: absolute; top: 1rem; width: 700px; max-width: 95%; overflow: hidden; background: #ffffff; padding: 0; left: 0; right: 0; margin: auto; } html #app #quick-switcher .input-container input { margin: 0; padding: 1rem; width: 100%; border: none; border-radius: 0.625rem 0.625rem 0 0; outline: none; } html #app #quick-switcher .input-container .fa-icon { right: 1rem; pointer-events: auto; cursor: pointer; } html #app #quick-switcher ul { list-style: none; width: 100%; margin: 0; padding: 0; border-top: 1px solid #cccccc; } html #app #quick-switcher ul .suggestion-active { background-color: var(--themantic-button-color); color: #ffffff; } html #app #quick-switcher ul li { width: 100%; padding: 1rem; text-align: left; border: none; border-radius: 0; cursor: pointer; display: flex; align-items: center; } html #app #quick-switcher ul li img { margin-right: 15px; width: 20px; height: auto; } html #app #quick-switcher > * { box-sizing: border-box; } html #app .prompt { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: auto; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; height: auto; max-height: -webkit-max-content; max-height: -moz-max-content; max-height: max-content; text-align: center; padding: 2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; } html #app .prompt .action-list { margin-top: 2rem; }