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

h1,
h2,
h3,
h4,
h5,
h6 {
  padding: 0;
  margin: 0;
}

[hidden] {
  display: none !important;
}

* {
  box-sizing: border-box;
}

split-button * {
  position: absolute;
  left: -200000px;
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("https://assets.myon.com/img/fonts/Roboto/Roboto_500.eot?#iefix") format("embedded-opentype"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_500.woff?c=08ca17db0a") format("woff"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_500.woff2?c=01a44f86a9") format("woff2"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_500.svg?c=002be2764e#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("https://assets.myon.com/img/fonts/Roboto/Roboto_400italic.eot?#iefix") format("embedded-opentype"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_400italic.woff?c=b8ecb55e05") format("woff"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_400italic.woff2?c=4bdf94f8f2") format("woff2"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_400italic.svg?c=ea2903eaf3#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("https://assets.myon.com/img/fonts/Roboto/Roboto_300.eot?#iefix") format("embedded-opentype"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_300.woff?c=698e5ebaee") format("woff"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_300.woff2?c=d491143733") format("woff2"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_300.svg?c=bdc613d606#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.myon.com/img/fonts/Roboto/Roboto_700.eot?#iefix") format("embedded-opentype"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_700.woff?c=3eb65ce80a") format("woff"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_700.woff2?c=413a32337b") format("woff2"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_700.svg?c=8af2654240#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.myon.com/img/fonts/Roboto/Roboto_400.eot?#iefix") format("embedded-opentype"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_400.woff?c=97bb986342") format("woff"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_400.woff2?c=f7bbc8461b") format("woff2"), url("https://assets.myon.com/img/fonts/Roboto/Roboto_400.svg?c=cc9d8f0f4f#Roboto") format("svg");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 400;
  src: url("https://assets.myon.com/img/fonts/Roboto_Slab/Roboto_slab_regular.ttf?c=0747d3bb1a") format("ttf"), url("https://assets.myon.com/img/fonts/Roboto_Slab/Roboto_Slab_regular.woff?c=f2c510c36c") format("woff"), url("https://assets.myon.com/img/fonts/Roboto_Slab/Roboto_Slab_regular.woff2?c=8e099f5250") format("woff2"), url("https://assets.myon.com/img/fonts/Roboto_Slab/Roboto_Slab_regular.eot?c=b7d311221e") format("embedded-opentype");
}
@font-face {
  font-family: "Roboto Slab";
  font-style: normal;
  font-weight: 700;
  src: url("https://assets.myon.com/img/fonts/Roboto_Slab/Roboto_Slab_700.ttf?c=fec00dfd52") format("ttf"), url("https://assets.myon.com/img/fonts/Roboto_Slab/Roboto_Slab_700.woff?c=b7ac25c862") format("woff"), url("https://assets.myon.com/img/fonts/Roboto_Slab/Roboto_Slab_700.woff2?c=2c45003af2") format("woff2"), url("https://assets.myon.com/img/fonts/Roboto_Slab/Roboto_Slab_700.eot?c=5649d371d4") format("embedded-opentype");
}
html,
select,
select > option,
input,
button,
textarea {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 1rem;
}

.flex {
  --gutter: 0;
  gap: var(--gutter);
  display: flex;
}
.flex.-moat {
  --gutter: 0.625rem;
  padding: var(--gutter);
}
.flex.-start {
  align-items: flex-start;
}
.flex.-gutter {
  --gutter: 0.625rem;
}
.flex.-gutter\:small {
  --gutter: 0.375rem;
}
.flex.-gutter\:medium {
  --gutter: 0.75rem;
}
.flex.-gutter\:large {
  --gutter: 1rem;
}
.flex.-breezy, .flex.-gutter\:x-large {
  --gutter: 1.5rem;
}
.flex.-gutter\:xx-large {
  --gutter: 2rem;
}
.flex.-stretch-center {
  align-items: stretch;
  justify-content: center;
}
.flex.-stretch {
  align-items: stretch;
  justify-content: space-around;
}
.flex.-centerStart, .flex.-centerLeft {
  align-items: center;
  justify-content: flex-start;
}
.flex.-center {
  justify-content: center;
  align-items: center;
}
.flex.-even {
  justify-content: space-evenly;
}
.flex.-alignCenter {
  justify-content: space-between;
  align-items: center;
}
.flex.-row {
  flex-direction: row;
}
.flex.-end {
  align-items: center;
  justify-content: flex-end;
}
.flex.-alignStart {
  align-items: flex-start;
}
.flex.-alignEnd {
  align-items: flex-end;
}
.flex.-column {
  flex-direction: column;
}
.flex.-inline {
  display: inline-flex;
}
.flex.-wrap {
  flex-wrap: wrap;
}

.flex_item {
  flex-shrink: 1;
  --of: auto;
  --n: auto;
  flex-basis: auto;
  flex-basis: calc(100% * var(--n) / var(--of));
  max-width: calc(100% * var(--n) / var(--of));
}
.flex_item.-ellipse-fix {
  overflow: hidden;
  flex: 0 1 auto;
}
.flex_item.-end {
  margin-left: auto;
}
.flex_item.-grow {
  flex-grow: 1;
}
.flex_item.-grow\:2x {
  flex-grow: 2;
}
.flex_item.-grow\:3x {
  flex-grow: 3;
}
.flex_item.-grow\:4x {
  flex-grow: 4;
}
.flex_item.-grow\:5x {
  flex-grow: 5;
}
.flex_item.-grow\:6x {
  flex-grow: 6;
}
.flex_item.-grow\:7x {
  flex-grow: 7;
}
.flex_item.-grow\:8x {
  flex-grow: 8;
}
.flex_item.-n\:1 {
  --n: 1;
}
.flex_item.-of\:1 {
  --of: 1;
}
.flex_item.-n\:2 {
  --n: 2;
}
.flex_item.-of\:2 {
  --of: 2;
}
.flex_item.-n\:3 {
  --n: 3;
}
.flex_item.-of\:3 {
  --of: 3;
}
.flex_item.-n\:4 {
  --n: 4;
}
.flex_item.-of\:4 {
  --of: 4;
}
.flex_item.-n\:5 {
  --n: 5;
}
.flex_item.-of\:5 {
  --of: 5;
}
.flex_item.-n\:6 {
  --n: 6;
}
.flex_item.-of\:6 {
  --of: 6;
}
.flex_item.-n\:7 {
  --n: 7;
}
.flex_item.-of\:7 {
  --of: 7;
}
.flex_item.-n\:8 {
  --n: 8;
}
.flex_item.-of\:8 {
  --of: 8;
}
.flex_item.-n\:9 {
  --n: 9;
}
.flex_item.-of\:9 {
  --of: 9;
}
.flex_item.-n\:10 {
  --n: 10;
}
.flex_item.-of\:10 {
  --of: 10;
}
.flex_item.-n\:11 {
  --n: 11;
}
.flex_item.-of\:11 {
  --of: 11;
}
.flex_item.-noshrink {
  flex-shrink: 0;
}

.printout {
  --printout-header-size: 9vw;
  --printout-footer-size: 6vw;
}

@media print {
  .printout_printing {
    margin: 0;
    padding: 0;
  }
  .printout_printing > :not(.printout) {
    display: none !important;
  }
}
@media screen {
  .printout {
    display: none;
  }
}
.printout_header {
  align-items: end;
  background: #fff;
  border-bottom: 2px solid #999;
  box-sizing: border-box;
  display: flex;
  font-size: 2.6vw;
  font-weight: normal;
  height: 4.5vw;
  justify-content: stretch;
  padding: 0 0 1.2vw;
  position: fixed;
  text-align: left;
  width: 100%;
  z-index: 3;
}

.printout_headerTitle {
  flex-grow: 1;
  font-size: 3.4vw;
  color: #000;
  margin: 0;
  line-height: 1em;
  font-weight: normal;
}

.printout_headerTitleSub {
  margin: 0;
  margin-left: auto;
  line-height: 1em;
  color: #666 !important;
}

.printout_footerSpacer {
  height: var(--printout-footer-size);
}

.printout_headerSpacer {
  height: var(--printout-header-size);
}

.printout_content {
  box-sizing: border-box;
  font-size: 3vw;
  line-height: 1.8em;
  padding: 0 38% 0 0;
  text-indent: 2em;
}
.printout_content h1 {
  text-align: center;
  font-size: 3vw;
  text-transform: uppercase;
  font-weight: normal;
  margin-top: 0;
  line-height: 1em;
}
.printout_content p {
  margin: 2vw 0;
}

.printout_sidebarLabel {
  font-size: 2.6vw;
  margin: 0 0 1vw;
}

.printout_sidebar {
  background: #fff;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: calc(90vh - var(--printout-header-size) - var(--printout-footer-size));
  padding: 0 0.5vw;
  position: absolute;
  right: 0;
  row-gap: 3vw;
  top: 9vw;
  width: 32vw;
  z-index: 2;
}

.printout_sidebar.-repeated-pages {
  display: none;
  z-index: 1;
}

.printout_sidebarField {
  font-size: 2vw;
  display: flex;
  flex-direction: column;
}

.printout_sidebarField.-stretch {
  flex-grow: 1;
}

.printout_textarea {
  background: #fff;
  border: 0.2vw solid #999;
  box-sizing: border-box;
  flex-grow: 1;
  font-size: 2vw;
  line-height: 1.2em;
  padding: 1vw;
  position: relative;
  resize: none;
  z-index: 1;
}

.printout_textinput {
  background: #fff;
  border: none;
  border-bottom: 0.2vw solid #999;
  box-sizing: border-box;
  font-size: 2vw;
  height: 4vw;
  line-height: 1.2em;
  padding: 1vw;
  position: relative;
  z-index: 1;
}

@media print {
  .printout_sidebar.-repeated-pages {
    position: fixed;
    display: flex;
  }

  .printout_content {
    break-after: auto;
    page-break-inside: avoid;
  }
}
@page {
  @bottom-center {
    content: counter(page);
    padding-bottom: 7vw;
    font-size: 3.7vw;
  }
}
.printout_contentTable {
  border-collapse: collapse;
  width: 100%;
}
.printout_contentTable * {
  border: none !important;
}

* {
  color: black !important;
}

header,
nav,
footer,
aside.sidebar,
.card button,
.card .button,
.card select,
.card .radioGroup_container,
.card .card_selectButton i,
.fixedHeaderTable_cloneContainer,
.-hidden,
.tabset_tab,
#indicator,
button#save,
.projects-toolbar,
.project-card .card_footer {
  display: none;
}

table thead tr {
  border-bottom: 2px solid grey;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
}
table tbody tr td {
  border-bottom: 1px solid grey;
}

.card,
.project-card {
  border: 1px solid grey;
  background-color: white;
  padding: 10px;
  float: left;
}

.trend-graph.static .trend-current {
  border: 3px solid black;
}

.ratio-graph .ratio-graph-inner {
  border: 3px solid grey;
  position: relative;
}

.ratio-graph .ratio-left {
  position: absolute;
  top: -6px;
  left: -6px;
  margin: -3px 0 0 -3px;
  border: 3px solid black;
  box-sizing: content-box;
}

.table_goalRow,
.noprint {
  display: none !important;
}

.modal {
  display: none;
}

.table_overflow {
  overflow: visible;
}

.panel_title {
  font-weight: bold;
  font-size: 1.6em;
}

.dashboard-metric-tab-header {
  margin-bottom: 50px;
}

.g_alignCenter {
  text-align: center;
}