/* stylelint-disable no-descending-specificity */
.notsupported-browser {
  background-color: #fbea07;
  border: 3px dashed red;
  font-style: italic;
  font-weight: bold;
  left: 0;
  position: relative;
  text-align: center;
  top: 64px;
  width: 100%;
  z-index: 14; }
  .notsupported-browser p {
    color: red;
    padding-top: 10px; }

kbd {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset;
  color: #333;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.4;
  margin: 0 0.1em;
  padding: 0.1em 0.6em;
  text-shadow: 0 1px 0 white;
  white-space: nowrap; }

/* Add extra classes for very large screen as react-md stops at desktop size */
@media screen and (min-width: 1400px) {
  .md-grid .md-cell--1-large {
    width: calc(100% * 1 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-1-large {
    order: 1; }
  .md-grid .md-cell--2-large {
    width: calc(100% * 2 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-2-large {
    order: 2; }
  .md-grid .md-cell--3-large {
    width: calc(100% * 3 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-3-large {
    order: 3; }
  .md-grid .md-cell--4-large {
    width: calc(100% * 4 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-4-large {
    order: 4; }
  .md-grid .md-cell--5-large {
    width: calc(100% * 5 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-5-large {
    order: 5; }
  .md-grid .md-cell--6-large {
    width: calc(100% * 6 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-6-large {
    order: 6; }
  .md-grid .md-cell--7-large {
    width: calc(100% * 7 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-7-large {
    order: 7; }
  .md-grid .md-cell--8-large {
    width: calc(100% * 8 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-8-large {
    order: 8; }
  .md-grid .md-cell--9-large {
    width: calc(100% * 9 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-9-large {
    order: 9; }
  .md-grid .md-cell--10-large {
    width: calc(100% * 10 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-10-large {
    order: 10; }
  .md-grid .md-cell--11-large {
    width: calc(100% * 11 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-11-large {
    order: 11; }
  .md-grid .md-cell--12-large {
    width: calc(100% * 12 / 12 - 16px); }
  .md-grid .md-cell.md-cell--order-12-large {
    order: 12; } }

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                        supported by Chrome and Opera */ }

.error-no-data {
  color: indianred;
  font-style: italic; }

html[lang='ja'] .error-no-data {
  font-style: inherit; }

.md-toolbar.md-toolbar--fixed {
  flex-wrap: wrap; }
  .md-toolbar.md-toolbar--fixed > .md-toolbar {
    width: calc(100% - 60px); }

/* stylelint-enable no-descending-specificity */
html {
  /*
      Environment styles
      If you add any new styles or change existing ones, remember to also
      check server.js for the availableStyles variable.
    */
  /* Some slider CSS doesn't like production's $md-light-blue-a-200 color... */
  /*
      @keyframes and animations are not properly compiled when :global is involved
      There are open issues for this on

      * react-md: https://github.com/mlaursen/react-md/issues/376
      * webpack-contrib/css-loader: https://github.com/webpack-contrib/css-loader/issues/243

      However, this :local workaround makes things work again. It is a bit of code duplication
      effort, but unfortunately the best we can do right now until either of the issues above
      are fixed.
    */
  /* stylelint-disable selector-pseudo-class-no-unknown */
  /* stylelint-enable selector-pseudo-class-no-unknown */
  /*
      fontawesome injects itself before md-react, which causes some of the classes
      to not be applied or rather overwritten by react-md, in particular icon sizes.
    */ }
  html .md-display-4 {
    letter-spacing: -.1px; }
  html .md-display-3 {
    letter-spacing: -.05px; }
  html .md-display-2, html h1, html .md-display-1, html h2, html .md-headline {
    letter-spacing: 0; }
  html h3, html .md-title {
    letter-spacing: .5px; }
  html h4, html .md-subheading-2, html h5, html .md-subheading-1, html p, html .md-body-1, html h6, html .md-body-2 {
    letter-spacing: .1px; }
  html caption, html .md-caption {
    letter-spacing: .2px; }
  html h1, html .md-display-1,
  html .md-display-2,
  html .md-display-3,
  html .md-display-4,
  html h2,
  html .md-headline,
  html h3,
  html .md-title,
  html h5,
  html .md-subheading-1,
  html h4,
  html .md-subheading-2,
  html p,
  html .md-body-1,
  html h6,
  html .md-body-2,
  html caption,
  html .md-caption {
    margin: 0; }
  html h1, html .md-display-1,
  html .md-display-2,
  html .md-display-3,
  html .md-display-4,
  html h2,
  html .md-headline,
  html h3,
  html .md-title {
    margin-bottom: 14px; }
  
  html h5,
  html .md-subheading-1,
  html h4,
  html .md-subheading-2,
  html p,
  html .md-body-1,
  html h6,
  html .md-body-2,
  html caption,
  html .md-caption {
    margin-bottom: 10px; }
  
  html .md-display-3,
  html .md-display-4,
  html h3,
  html .md-title {
    white-space: nowrap; }
  html h1, html .md-display-1,
  html .md-display-2,
  html .md-display-3,
  html h2,
  html .md-headline,
  html h5,
  html .md-subheading-1,
  html h4,
  html .md-subheading-2,
  html p,
  html .md-body-1,
  html caption,
  html .md-caption {
    font-weight: 400; }
  
  html h3,
  html .md-title,
  html h6,
  html .md-body-2 {
    font-weight: 500; }
  
  html .md-display-4 {
    font-size: 112px;
    font-weight: 300;
    line-height: 128px; }
  
  html .md-display-3 {
    font-size: 56px;
    line-height: 84px; }
  
  html .md-display-2 {
    font-size: 45px;
    line-height: 48px; }
  html h1, html .md-display-1 {
    font-size: 34px;
    line-height: 40px; }
  
  html h2,
  html .md-headline {
    font-size: 24px;
    line-height: 32px; }
  
  html h3,
  html .md-title {
    font-size: 20px;
    line-height: 28px; }
  
  html h4,
  html .md-subheading-2 {
    line-height: 28px; }
  
  html h5,
  html .md-subheading-1 {
    line-height: 24px; }
  
  html p,
  html .md-body-1 {
    line-height: 20px; }
  
  html h6,
  html .md-body-2 {
    line-height: 24px; }
  
  html caption,
  html .md-caption {
    font-size: 12px; }
  html .md-text-left, html .md-picker-control {
    text-align: left; }
  html .md-text-center, html .md-calendar-date {
    text-align: center; }
  html .md-text-right {
    text-align: right; }
  html .md-text-justify {
    text-align: justify; }
  html .md-text-capitalize {
    text-transform: capitalize; }
  html .md-text-lowercalse {
    text-transform: lowercase; }
  html .md-text-uppercase {
    text-transform: uppercase; }
  html .md-text-nowrap {
    white-space: nowrap; }
  html .md-text-no-select {
    user-select: none; }
  html .md-font-light {
    font-weight: 300; }
  html .md-font-regular {
    font-weight: 400; }
  html .md-font-medium, html .md-btn .md-icon-text, html .md-clock-time-value {
    font-weight: 500; }
  html .md-font-semibold {
    font-weight: 600; }
  html .md-font-bold {
    font-weight: 700; }
  html .md-transition--sharp {
    transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1); }
  html .md-transition--standard {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  html .md-transition--acceleration, html .md-drop-down-leave.md-drop-down-leave-active {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  
  html .md-transition--decceleration,
  html .md-transition--deceleration,
  html .md-drop-down-enter.md-drop-down-enter-active {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  html .md-calendar-date, html .md-inline-block {
    display: inline-block;
    vertical-align: bottom; }
  html .md-full-width {
    width: 100%; }
  html .md-text-container, html .md-bottom-nav .md-icon, html .md-block-centered {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  html .md-grid.md-grid--no-spacing > .md-cell.md-cell--right, html .md-cell--right, html .md-collapser--card, html .md-divider--expand-from-right::after {
    margin-left: auto; }
  html .md-grid.md-grid--no-spacing > .md-cell.md-cell--right, html .md-cell--right, html .md-collapser--card, html .md-divider--expand-from-right::after {
    margin-left: auto; }
  html .md-expansion-panel-list, html .md-list-unstyled, html .md-list, html .md-tabs {
    list-style: none;
    margin: 0;
    padding-left: 0; }
  html .md-media img, html .md-media iframe, html .md-media svg, html .md-media video, html .md-media embed, html .md-media object {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%; }
  @media screen and (min-width: 320px) {
    html .md-subheading-2,
    html .md-subheading-1 {
      font-size: 16px; }
    html .md-body-2,
    html .md-body-1 {
      font-size: 14px; }
    html h5,
    html h4 {
      font-size: 16px; }
    html h6,
    html p {
      font-size: 14px; } }
  @media screen and (min-width: 1025px) {
    html .md-subheading-2,
    html .md-subheading-1 {
      font-size: 15px; }
    html .md-body-2,
    html .md-body-1 {
      font-size: 13px; }
    html h5,
    html h4 {
      font-size: 15px; }
    html h6,
    html p {
      font-size: 13px; } }
  html *,
  html *::before,
  html *::after {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  html html {
    background: #fafafa;
    font-size: 14px;
    min-width: 100%; }
  html body {
    font-family: "Roboto", sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 1.42857;
    text-rendering: optimizeLegibility; }
  
  html h2,
  html .md-headline,
  html h3,
  html .md-title,
  html h4,
  html .md-subheading-2,
  html h5,
  html .md-subheading-1,
  html h6,
  html .md-body-2,
  html p,
  html .md-body-1 {
    color: rgba(0, 0, 0, 0.87); }
  
  html .md-display-4,
  html .md-display-3,
  html .md-display-2, html h1, html .md-display-1,
  html caption,
  html .md-caption {
    color: rgba(0, 0, 0, 0.54); }
  html h1,
  html h2,
  html h3,
  html h4,
  html h5,
  html h6,
  html p,
  html button,
  html input,
  html textarea,
  html html {
    font-family: "Roboto", sans-serif; }
  html .md-text-container {
    max-width: 640px;
    width: 100%; }
    html .md-text-container.md-text-container.md-cell {
      margin-left: auto;
      margin-right: auto; }
  html .md-fake-btn {
    background: transparent;
    position: relative; }
    html .md-fake-btn--no-outline {
      outline-style: none; }
  html .md-no-scroll.md-no-scroll {
    overflow: hidden;
    position: fixed; }
  html .md-pointer--hover:hover {
    cursor: pointer; }
  html .md-pointer--none {
    pointer-events: none; }
  html .md-content-jump {
    left: -1000px;
    position: absolute;
    top: -1000px; }
    html .md-content-jump:active, html .md-content-jump:focus {
      left: 0;
      top: 0; }
  html .md-grid {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    margin: 0 auto; }
    html .md-grid.md-grid--no-spacing {
      padding: 0; }
      html .md-grid.md-grid--no-spacing > .md-cell {
        margin: 0; }
    html .md-grid--stacked {
      flex-direction: column; }
  html .md-cell--top {
    align-self: flex-start; }
  html .md-cell--middle {
    align-self: center; }
  html .md-cell--center {
    margin-left: auto;
    margin-right: auto; }
  html .md-cell--bottom {
    align-self: flex-end; }
  html .md-cell--stretch {
    align-self: stretch; }
  @media (max-width: 599px) {
    html .md-grid {
      padding: 8px; }
    html .md-cell {
      width: calc(100% - 16px);
      margin: 8px; }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell {
        width: 100%; }
    html .md-cell--phone-hidden {
      display: none !important; }
    html .md-cell--order-1,
    html .md-cell--order-1-phone.md-cell--order-1-phone {
      order: 1; }
    html .md-cell--order-2,
    html .md-cell--order-2-phone.md-cell--order-2-phone {
      order: 2; }
    html .md-cell--order-3,
    html .md-cell--order-3-phone.md-cell--order-3-phone {
      order: 3; }
    html .md-cell--order-4,
    html .md-cell--order-4-phone.md-cell--order-4-phone {
      order: 4; }
    html .md-cell--order-5,
    html .md-cell--order-5-phone.md-cell--order-5-phone {
      order: 5; }
    html .md-cell--order-6,
    html .md-cell--order-6-phone.md-cell--order-6-phone {
      order: 6; }
    html .md-cell--order-7,
    html .md-cell--order-7-phone.md-cell--order-7-phone {
      order: 7; }
    html .md-cell--order-8,
    html .md-cell--order-8-phone.md-cell--order-8-phone {
      order: 8; }
    html .md-cell--order-9,
    html .md-cell--order-9-phone.md-cell--order-9-phone {
      order: 9; }
    html .md-cell--order-10,
    html .md-cell--order-10-phone.md-cell--order-10-phone {
      order: 10; }
    html .md-cell--order-11,
    html .md-cell--order-11-phone.md-cell--order-11-phone {
      order: 11; }
    html .md-cell--order-12,
    html .md-cell--order-12-phone.md-cell--order-12-phone {
      order: 12; }
    html .md-cell--1,
    html .md-cell--1-phone.md-cell--1-phone {
      width: calc(25% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--1, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--1-phone.md-cell--1-phone {
        width: 25%; }
    html .md-cell--2,
    html .md-cell--2-phone.md-cell--2-phone {
      width: calc(50% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--2, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--2-phone.md-cell--2-phone {
        width: 50%; }
    html .md-cell--3,
    html .md-cell--3-phone.md-cell--3-phone {
      width: calc(75% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--3, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--3-phone.md-cell--3-phone {
        width: 75%; }
    html .md-cell--4,
    html .md-cell--4-phone.md-cell--4-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--4, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--4-phone.md-cell--4-phone {
        width: 100%; }
    html .md-cell--5,
    html .md-cell--5-phone.md-cell--5-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--5, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--5-phone.md-cell--5-phone {
        width: 100%; }
    html .md-cell--6,
    html .md-cell--6-phone.md-cell--6-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--6, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--6-phone.md-cell--6-phone {
        width: 100%; }
    html .md-cell--7,
    html .md-cell--7-phone.md-cell--7-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--7, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--7-phone.md-cell--7-phone {
        width: 100%; }
    html .md-cell--8,
    html .md-cell--8-phone.md-cell--8-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--8, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--8-phone.md-cell--8-phone {
        width: 100%; }
    html .md-cell--9,
    html .md-cell--9-phone.md-cell--9-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--9, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--9-phone.md-cell--9-phone {
        width: 100%; }
    html .md-cell--10,
    html .md-cell--10-phone.md-cell--10-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--10, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--10-phone.md-cell--10-phone {
        width: 100%; }
    html .md-cell--11,
    html .md-cell--11-phone.md-cell--11-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--11, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--11-phone.md-cell--11-phone {
        width: 100%; }
    html .md-cell--12,
    html .md-cell--12-phone.md-cell--12-phone {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--12, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--12-phone.md-cell--12-phone {
        width: 100%; }
    html .md-cell--1-offset,
    html .md-cell--1-phone-offset.md-cell--1-phone-offset {
      margin-left: calc(25% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--1-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--1-phone-offset.md-cell--1-phone-offset {
        margin-left: 25%; }
    html .md-cell--2-offset,
    html .md-cell--2-phone-offset.md-cell--2-phone-offset {
      margin-left: calc(50% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--2-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--2-phone-offset.md-cell--2-phone-offset {
        margin-left: 50%; }
    html .md-cell--3-offset,
    html .md-cell--3-phone-offset.md-cell--3-phone-offset {
      margin-left: calc(75% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--3-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--3-phone-offset.md-cell--3-phone-offset {
        margin-left: 75%; } }
  @media (min-width: 600px) and (max-width: 839px) {
    html .md-grid {
      padding: 8px; }
    html .md-cell {
      width: calc(50% - 16px);
      margin: 8px; }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell {
        width: 50%; }
    html .md-cell--tablet-hidden {
      display: none !important; }
    html .md-cell--order-1,
    html .md-cell--order-1-tablet.md-cell--order-1-tablet {
      order: 1; }
    html .md-cell--order-2,
    html .md-cell--order-2-tablet.md-cell--order-2-tablet {
      order: 2; }
    html .md-cell--order-3,
    html .md-cell--order-3-tablet.md-cell--order-3-tablet {
      order: 3; }
    html .md-cell--order-4,
    html .md-cell--order-4-tablet.md-cell--order-4-tablet {
      order: 4; }
    html .md-cell--order-5,
    html .md-cell--order-5-tablet.md-cell--order-5-tablet {
      order: 5; }
    html .md-cell--order-6,
    html .md-cell--order-6-tablet.md-cell--order-6-tablet {
      order: 6; }
    html .md-cell--order-7,
    html .md-cell--order-7-tablet.md-cell--order-7-tablet {
      order: 7; }
    html .md-cell--order-8,
    html .md-cell--order-8-tablet.md-cell--order-8-tablet {
      order: 8; }
    html .md-cell--order-9,
    html .md-cell--order-9-tablet.md-cell--order-9-tablet {
      order: 9; }
    html .md-cell--order-10,
    html .md-cell--order-10-tablet.md-cell--order-10-tablet {
      order: 10; }
    html .md-cell--order-11,
    html .md-cell--order-11-tablet.md-cell--order-11-tablet {
      order: 11; }
    html .md-cell--order-12,
    html .md-cell--order-12-tablet.md-cell--order-12-tablet {
      order: 12; }
    html .md-cell--1,
    html .md-cell--1-tablet.md-cell--1-tablet {
      width: calc(12.5% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--1, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--1-tablet.md-cell--1-tablet {
        width: 12.5%; }
    html .md-cell--2,
    html .md-cell--2-tablet.md-cell--2-tablet {
      width: calc(25% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--2, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--2-tablet.md-cell--2-tablet {
        width: 25%; }
    html .md-cell--3,
    html .md-cell--3-tablet.md-cell--3-tablet {
      width: calc(37.5% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--3, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--3-tablet.md-cell--3-tablet {
        width: 37.5%; }
    html .md-cell--4,
    html .md-cell--4-tablet.md-cell--4-tablet {
      width: calc(50% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--4, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--4-tablet.md-cell--4-tablet {
        width: 50%; }
    html .md-cell--5,
    html .md-cell--5-tablet.md-cell--5-tablet {
      width: calc(62.5% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--5, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--5-tablet.md-cell--5-tablet {
        width: 62.5%; }
    html .md-cell--6,
    html .md-cell--6-tablet.md-cell--6-tablet {
      width: calc(75% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--6, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--6-tablet.md-cell--6-tablet {
        width: 75%; }
    html .md-cell--7,
    html .md-cell--7-tablet.md-cell--7-tablet {
      width: calc(87.5% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--7, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--7-tablet.md-cell--7-tablet {
        width: 87.5%; }
    html .md-cell--8,
    html .md-cell--8-tablet.md-cell--8-tablet {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--8, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--8-tablet.md-cell--8-tablet {
        width: 100%; }
    html .md-cell--9,
    html .md-cell--9-tablet.md-cell--9-tablet {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--9, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--9-tablet.md-cell--9-tablet {
        width: 100%; }
    html .md-cell--10,
    html .md-cell--10-tablet.md-cell--10-tablet {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--10, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--10-tablet.md-cell--10-tablet {
        width: 100%; }
    html .md-cell--11,
    html .md-cell--11-tablet.md-cell--11-tablet {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--11, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--11-tablet.md-cell--11-tablet {
        width: 100%; }
    html .md-cell--12,
    html .md-cell--12-tablet.md-cell--12-tablet {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--12, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--12-tablet.md-cell--12-tablet {
        width: 100%; }
    html .md-cell--1-offset,
    html .md-cell--1-tablet-offset.md-cell--1-tablet-offset {
      margin-left: calc(12.5% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--1-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--1-tablet-offset.md-cell--1-tablet-offset {
        margin-left: 12.5%; }
    html .md-cell--2-offset,
    html .md-cell--2-tablet-offset.md-cell--2-tablet-offset {
      margin-left: calc(25% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--2-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--2-tablet-offset.md-cell--2-tablet-offset {
        margin-left: 25%; }
    html .md-cell--3-offset,
    html .md-cell--3-tablet-offset.md-cell--3-tablet-offset {
      margin-left: calc(37.5% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--3-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--3-tablet-offset.md-cell--3-tablet-offset {
        margin-left: 37.5%; }
    html .md-cell--4-offset,
    html .md-cell--4-tablet-offset.md-cell--4-tablet-offset {
      margin-left: calc(50% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--4-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--4-tablet-offset.md-cell--4-tablet-offset {
        margin-left: 50%; }
    html .md-cell--5-offset,
    html .md-cell--5-tablet-offset.md-cell--5-tablet-offset {
      margin-left: calc(62.5% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--5-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--5-tablet-offset.md-cell--5-tablet-offset {
        margin-left: 62.5%; }
    html .md-cell--6-offset,
    html .md-cell--6-tablet-offset.md-cell--6-tablet-offset {
      margin-left: calc(75% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--6-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--6-tablet-offset.md-cell--6-tablet-offset {
        margin-left: 75%; }
    html .md-cell--7-offset,
    html .md-cell--7-tablet-offset.md-cell--7-tablet-offset {
      margin-left: calc(87.5% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--7-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--7-tablet-offset.md-cell--7-tablet-offset {
        margin-left: 87.5%; } }
  @media (min-width: 840px) {
    html .md-grid {
      padding: 8px; }
    html .md-cell {
      width: calc(33.33333% - 16px);
      margin: 8px; }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell {
        width: 33.33333%; }
    html .md-cell--desktop-hidden {
      display: none !important; }
    html .md-cell--order-1,
    html .md-cell--order-1-desktop.md-cell--order-1-desktop {
      order: 1; }
    html .md-cell--order-2,
    html .md-cell--order-2-desktop.md-cell--order-2-desktop {
      order: 2; }
    html .md-cell--order-3,
    html .md-cell--order-3-desktop.md-cell--order-3-desktop {
      order: 3; }
    html .md-cell--order-4,
    html .md-cell--order-4-desktop.md-cell--order-4-desktop {
      order: 4; }
    html .md-cell--order-5,
    html .md-cell--order-5-desktop.md-cell--order-5-desktop {
      order: 5; }
    html .md-cell--order-6,
    html .md-cell--order-6-desktop.md-cell--order-6-desktop {
      order: 6; }
    html .md-cell--order-7,
    html .md-cell--order-7-desktop.md-cell--order-7-desktop {
      order: 7; }
    html .md-cell--order-8,
    html .md-cell--order-8-desktop.md-cell--order-8-desktop {
      order: 8; }
    html .md-cell--order-9,
    html .md-cell--order-9-desktop.md-cell--order-9-desktop {
      order: 9; }
    html .md-cell--order-10,
    html .md-cell--order-10-desktop.md-cell--order-10-desktop {
      order: 10; }
    html .md-cell--order-11,
    html .md-cell--order-11-desktop.md-cell--order-11-desktop {
      order: 11; }
    html .md-cell--order-12,
    html .md-cell--order-12-desktop.md-cell--order-12-desktop {
      order: 12; }
    html .md-cell--1,
    html .md-cell--1-desktop.md-cell--1-desktop {
      width: calc(8.33333% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--1, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--1-desktop.md-cell--1-desktop {
        width: 8.33333%; }
    html .md-cell--2,
    html .md-cell--2-desktop.md-cell--2-desktop {
      width: calc(16.66667% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--2, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--2-desktop.md-cell--2-desktop {
        width: 16.66667%; }
    html .md-cell--3,
    html .md-cell--3-desktop.md-cell--3-desktop {
      width: calc(25% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--3, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--3-desktop.md-cell--3-desktop {
        width: 25%; }
    html .md-cell--4,
    html .md-cell--4-desktop.md-cell--4-desktop {
      width: calc(33.33333% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--4, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--4-desktop.md-cell--4-desktop {
        width: 33.33333%; }
    html .md-cell--5,
    html .md-cell--5-desktop.md-cell--5-desktop {
      width: calc(41.66667% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--5, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--5-desktop.md-cell--5-desktop {
        width: 41.66667%; }
    html .md-cell--6,
    html .md-cell--6-desktop.md-cell--6-desktop {
      width: calc(50% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--6, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--6-desktop.md-cell--6-desktop {
        width: 50%; }
    html .md-cell--7,
    html .md-cell--7-desktop.md-cell--7-desktop {
      width: calc(58.33333% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--7, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--7-desktop.md-cell--7-desktop {
        width: 58.33333%; }
    html .md-cell--8,
    html .md-cell--8-desktop.md-cell--8-desktop {
      width: calc(66.66667% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--8, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--8-desktop.md-cell--8-desktop {
        width: 66.66667%; }
    html .md-cell--9,
    html .md-cell--9-desktop.md-cell--9-desktop {
      width: calc(75% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--9, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--9-desktop.md-cell--9-desktop {
        width: 75%; }
    html .md-cell--10,
    html .md-cell--10-desktop.md-cell--10-desktop {
      width: calc(83.33333% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--10, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--10-desktop.md-cell--10-desktop {
        width: 83.33333%; }
    html .md-cell--11,
    html .md-cell--11-desktop.md-cell--11-desktop {
      width: calc(91.66667% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--11, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--11-desktop.md-cell--11-desktop {
        width: 91.66667%; }
    html .md-cell--12,
    html .md-cell--12-desktop.md-cell--12-desktop {
      width: calc(100% - 16px); }
      .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba > html .md-cell--12, .md-grid-bs9rX-.md-grid--no-spacing-qQW7ba >
      html .md-cell--12-desktop.md-cell--12-desktop {
        width: 100%; }
    html .md-cell--1-offset,
    html .md-cell--1-desktop-offset.md-cell--1-desktop-offset {
      margin-left: calc(8.33333% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--1-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--1-desktop-offset.md-cell--1-desktop-offset {
        margin-left: 8.33333%; }
    html .md-cell--2-offset,
    html .md-cell--2-desktop-offset.md-cell--2-desktop-offset {
      margin-left: calc(16.66667% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--2-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--2-desktop-offset.md-cell--2-desktop-offset {
        margin-left: 16.66667%; }
    html .md-cell--3-offset,
    html .md-cell--3-desktop-offset.md-cell--3-desktop-offset {
      margin-left: calc(25% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--3-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--3-desktop-offset.md-cell--3-desktop-offset {
        margin-left: 25%; }
    html .md-cell--4-offset,
    html .md-cell--4-desktop-offset.md-cell--4-desktop-offset {
      margin-left: calc(33.33333% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--4-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--4-desktop-offset.md-cell--4-desktop-offset {
        margin-left: 33.33333%; }
    html .md-cell--5-offset,
    html .md-cell--5-desktop-offset.md-cell--5-desktop-offset {
      margin-left: calc(41.66667% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--5-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--5-desktop-offset.md-cell--5-desktop-offset {
        margin-left: 41.66667%; }
    html .md-cell--6-offset,
    html .md-cell--6-desktop-offset.md-cell--6-desktop-offset {
      margin-left: calc(50% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--6-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--6-desktop-offset.md-cell--6-desktop-offset {
        margin-left: 50%; }
    html .md-cell--7-offset,
    html .md-cell--7-desktop-offset.md-cell--7-desktop-offset {
      margin-left: calc(58.33333% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--7-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--7-desktop-offset.md-cell--7-desktop-offset {
        margin-left: 58.33333%; }
    html .md-cell--8-offset,
    html .md-cell--8-desktop-offset.md-cell--8-desktop-offset {
      margin-left: calc(66.66667% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--8-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--8-desktop-offset.md-cell--8-desktop-offset {
        margin-left: 66.66667%; }
    html .md-cell--9-offset,
    html .md-cell--9-desktop-offset.md-cell--9-desktop-offset {
      margin-left: calc(75% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--9-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--9-desktop-offset.md-cell--9-desktop-offset {
        margin-left: 75%; }
    html .md-cell--10-offset,
    html .md-cell--10-desktop-offset.md-cell--10-desktop-offset {
      margin-left: calc(83.33333% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--10-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--10-desktop-offset.md-cell--10-desktop-offset {
        margin-left: 83.33333%; }
    html .md-cell--11-offset,
    html .md-cell--11-desktop-offset.md-cell--11-desktop-offset {
      margin-left: calc(91.66667% + 8px); }
      .md-grid--no-spacing-qQW7ba > html .md-cell--11-offset, .md-grid--no-spacing-qQW7ba >
      html .md-cell--11-desktop-offset.md-cell--11-desktop-offset {
        margin-left: 91.66667%; } }
  html .md-autocomplete-container {
    position: relative; }
  html .md-autocomplete-suggestion {
    color: rgba(0, 0, 0, 0.54);
    line-height: 1.15;
    overflow: hidden;
    position: absolute;
    top: 12px;
    white-space: nowrap; }
  @media screen and (min-width: 320px) {
    html .md-autocomplete-suggestion {
      font-size: 16px; }
      html .md-autocomplete-suggestion--floating {
        top: 37px; }
      html .md-autocomplete-suggestion--block {
        top: 18px; } }
  @media screen and (min-width: 1025px) {
    html .md-autocomplete-suggestion {
      font-size: 13px; }
      html .md-autocomplete-suggestion--floating {
        top: 33px; }
      html .md-autocomplete-suggestion--block {
        top: 15px; } }
  html .md-avatar {
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    height: 40px;
    overflow: hidden;
    text-align: center;
    width: 40px; }
    html .md-avatar .md-icon {
      color: inherit; }
    html .md-avatar--icon-sized {
      height: 24px;
      width: 24px; }
  html .md-avatar-img {
    height: 100%;
    width: auto; }
  html .md-avatar-content {
    align-items: center;
    display: flex;
    font-size: 24px;
    height: 100%;
    justify-content: center;
    width: 100%; }
  html .md-avatar--default {
    background: #616161;
    color: #f5f5f5; }
  @media screen and (min-width: 1025px) {
    html .md-avatar-content {
      font-size: 20px; }
    html .md-avatar--icon-sized {
      height: 20px;
      width: 20px; } }
  html .md-avatar--red {
    background: #d50000;
    color: #ffebee; }
  html .md-avatar--pink {
    background: #d81b60;
    color: #fff; }
  html .md-avatar--purple {
    background: #7b1fa2;
    color: #e1bee7; }
  html .md-avatar--deep-purple {
    background: #311b92;
    color: #d1c4e9; }
  html .md-avatar--indigo {
    background: #3949ab;
    color: #c5cae9; }
  html .md-avatar--blue {
    background: #2962ff;
    color: #fff; }
  html .md-avatar--light-blue {
    background: #4fc3f7;
    color: #311b92; }
  html .md-avatar--cyan {
    background: #26c6da;
    color: #004d40; }
  html .md-avatar--teal {
    background: #1de9b6;
    color: #004d40; }
  html .md-avatar--green {
    background: #2e7d32;
    color: #e8f5e9; }
  html .md-avatar--light-green {
    background: #aed581;
    color: #1b5e20; }
  html .md-avatar--lime {
    background: #d4e157;
    color: #00695c; }
  html .md-avatar--yellow {
    background: #ff0;
    color: #795548; }
  html .md-avatar--amber {
    background: #ffca28;
    color: #4e342e; }
  html .md-avatar--orange {
    background: #fb8c00;
    color: #212121; }
  html .md-avatar--deep-orange {
    background: #ff3d00;
    color: #212121; }
  html .md-avatar--brown {
    background: #795548;
    color: #efebe9; }
  html .md-avatar--grey {
    background: #616161;
    color: #f5f5f5; }
  html .md-avatar--blue-grey {
    background: #455a64;
    color: #eceff1; }
  html .md-badge-container {
    position: relative; }
  html .md-badge {
    position: absolute;
    right: -8px;
    top: -8px; }
    html .md-badge--circular {
      align-items: center;
      border-radius: 50%;
      display: flex;
      font-size: 10px;
      height: 24px;
      justify-content: center;
      width: 24px; }
    html .md-badge--default {
      background: rgba(0, 0, 0, 0.2); }
  html .md-bottom-navigation {
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 11; }
    html .md-bottom-navigation--shifting {
      transition-duration: 0.3s;
      transition-property: background; }
    html .md-bottom-navigation--dynamic {
      transform: translate3d(0, 0, 0);
      transition-duration: 0.3s;
      transition-property: background, transform; }
      html .md-bottom-navigation--dynamic-inactive {
        transform: translate3d(0, 100%, 0); }
  html .md-bottom-navigation-offset {
    padding-bottom: 56px; }
  html .md-bottom-nav {
    color: inherit;
    display: block;
    flex-grow: 1;
    font-size: 12px;
    height: 56px;
    max-width: 168px;
    padding: 8px 12px 10px;
    text-align: center;
    text-decoration: none;
    user-select: none; }
    html .md-bottom-nav--active {
      flex-shrink: 0;
      font-size: 14px;
      padding-top: 6px; }
    html .md-bottom-nav--fixed {
      min-width: 80px; }
    html .md-bottom-nav--shifting {
      min-width: 96px;
      position: static;
      transition-duration: 0.15s;
      transition-property: max-width; }
      html .md-bottom-nav--shifting-inactive {
        max-width: 96px;
        min-width: 56px;
        padding-top: 16px; }
      html .md-bottom-nav--shifting .md-ink-container {
        overflow: visible; }
      html .md-bottom-nav--shifting .md-ink {
        background: rgba(255, 255, 255, 0.12); }
    html .md-bottom-nav-label {
      transition-duration: 0.15s;
      transition-property: color, font-size; }
      html .md-bottom-nav-label--shifting-inactive {
        max-width: 32px;
        overflow: hidden;
        white-space: nowrap; }
  html a.md-btn {
    text-decoration: none; }
  html .md-btn {
    background: transparent;
    border: 0;
    position: relative;
    transition-duration: 0.15s;
    transition-property: background, color; }
    html .md-btn[disabled] * {
      pointer-events: none; }
    html .md-btn--tooltip {
      overflow: visible; }
    html .md-btn:focus {
      outline-style: none; }
    html .md-btn .md-icon-separator {
      height: 100%; }
  html .md-btn--hover {
    background: rgba(153, 153, 153, 0.12); }
  html .md-btn--color-primary-active {
    background: rgba(63, 81, 181, 0.12); }
  html .md-btn--color-secondary-active {
    background: rgba(255, 64, 129, 0.12); }
  html .md-btn--text {
    border-radius: 2px;
    font-weight: 500;
    min-width: 88px;
    padding: 8px 16px;
    text-transform: uppercase; }
  html .md-btn--raised {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    transition: background 0.15s, box-shadow 0.3s, color 0.15s; }
  html .md-btn--raised-disabled {
    background: rgba(0, 0, 0, 0.12); }
  html .md-btn--raised-pressed {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); }
  html .md-btn--icon {
    border-radius: 50%;
    color: rgba(0, 0, 0, 0.54);
    height: 48px;
    padding: 12px;
    width: 48px; }
  html .md-btn--floating {
    height: 56px;
    padding: 16px;
    transition-property: background, box-shadow, color;
    width: 56px; }
  html .md-btn--floating-mini {
    height: 40px;
    padding: 8px;
    width: 40px; }
  html .md-btn--fixed {
    position: fixed;
    z-index: 10; }
  @media screen and (min-width: 320px) {
    html .md-btn--text {
      height: 36px;
      margin-bottom: 6px;
      margin-top: 6px;
      font-size: 14px; }
      html .md-btn--text::before, html .md-btn--text::after {
        content: '';
        height: 6px;
        left: 0;
        position: absolute;
        right: 0; }
      html .md-btn--text::before {
        top: -6px; }
      html .md-btn--text::after {
        bottom: -6px; }
    html .md-btn--fixed-tl {
      left: 16px;
      top: 16px; }
    html .md-btn--fixed-tr {
      right: 16px;
      top: 16px; }
    html .md-btn--fixed-bl {
      bottom: 16px;
      left: 16px; }
    html .md-btn--fixed-br {
      bottom: 16px;
      right: 16px; } }
  @media screen and (min-width: 1025px) {
    html .md-btn--text {
      height: 32px;
      margin-bottom: 0;
      margin-top: 0;
      font-size: 13px; }
      html .md-btn--text::before, html .md-btn--text::after {
        display: none;
        visibility: hidden; }
      html .md-btn--text::before {
        top: 0; }
      html .md-btn--text::after {
        bottom: 0; }
    html .md-btn--fixed-tl {
      left: 24px;
      top: 24px; }
    html .md-btn--fixed-tr {
      right: 24px;
      top: 24px; }
    html .md-btn--fixed-bl {
      bottom: 24px;
      left: 24px; }
    html .md-btn--fixed-br {
      bottom: 24px;
      right: 24px; }
    html .md-btn--icon {
      height: 40px;
      width: 40px;
      padding: 10px; }
    html .md-btn--floating {
      height: 48px;
      padding: 14px;
      width: 48px; }
      html .md-btn--floating-mini {
        height: 40px;
        padding: 10px;
        width: 40px; } }
  html .md-card {
    display: block; }
    html .md-card--raise {
      transition-duration: 0.3s;
      transition-property: box-shadow; }
  html .md-collapser--card {
    transition-duration: 0.3s;
    transition-property: background, transform; }
  html .md-card-text {
    font-size: 14px;
    padding: 16px; }
    html .md-card-text p {
      font-size: inherit; }
      html .md-card-text p:last-child {
        margin-bottom: 0; }
    html .md-card-text:last-child {
      padding-bottom: 24px; }
  html .md-card-title {
    align-items: center;
    display: flex;
    padding: 16px; }
    html .md-card-title:last-child {
      padding-bottom: 24px; }
    html .md-card-title--primary {
      padding-top: 24px; }
    html .md-card-title--title {
      font-size: 14px;
      line-height: 1.42857;
      margin: 0;
      white-space: normal; }
    html .md-card-title--large {
      font-size: 24px; }
    html .md-card-title--one-line {
      overflow: hidden; }
      html .md-card-title--one-line .md-card-title--title {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  html .md-avatar--card {
    flex-shrink: 0;
    margin-right: 16px; }
  html .md-dialog-footer--card {
    align-items: center;
    display: flex;
    justify-content: flex-start; }
  html .md-dialog-footer--card-centered {
    justify-content: center; }
  html .md-card--table .md-card-title {
    padding-left: 24px; }
  html .md-chip {
    align-items: center;
    background: #e0e0e0;
    border: 0;
    border-radius: 16px;
    display: inline-flex;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    transition-duration: 0.15s;
    transition-property: box-shadow, background;
    vertical-align: top;
    white-space: nowrap; }
    html .md-chip:focus {
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
      outline-style: none; }
  html .md-chip--hover.md-chip--hover {
    background: #616161; }
  html .md-chip-text {
    color: rgba(0, 0, 0, 0.87);
    font-size: 13px;
    transition-duration: 0.15s;
    transition-property: color; }
  html .md-chip .md-avatar {
    border: 0;
    height: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 32px; }
  html .md-chip--avatar {
    padding-left: 40px; }
  html .md-chip-icon {
    color: rgba(0, 0, 0, 0.54);
    margin-left: 4px;
    margin-right: 4px;
    position: absolute;
    right: 0;
    top: 4px;
    z-index: 1; }
  html .md-chip-icon--rotate {
    transform: rotate3d(0, 0, 1, 45deg); }
  html .md-chip--remove {
    padding-right: 32px; }
  html .md-chip-text--contact {
    font-size: 14px; }
  html .md-chip-text--hover {
    color: #fff; }
  @media screen and (min-width: 1025px) {
    html .md-chip-icon {
      margin-left: 6px;
      margin-right: 6px;
      top: 6px; } }
  html .md-collapser.md-collapser {
    transition-duration: 0.15s;
    transition-property: transform; }
  html .md-collapser .md-tooltip-container {
    transform: rotate3d(0, 0, 1, 0deg);
    transition-duration: 0.15s;
    transition-property: transform; }
  html .md-collapser--flipped {
    transform: rotate3d(0, 0, 1, 180deg); }
    html .md-collapser--flipped .md-tooltip-container {
      transform: rotate3d(0, 0, 1, -180deg); }
  html .md-data-table {
    border-collapse: collapse;
    max-width: 100%; }
    html .md-data-table--full-width {
      width: 100%; }
    html .md-data-table--responsive {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto; }
  html thead .md-table-row,
  html tbody .md-table-row:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  html tbody .md-table-row {
    transition-duration: 0.15s;
    transition-property: background; }
    html tbody .md-table-row--active {
      background: #f5f5f5; }
    @media (min-device-width: 1025px) {
      html tbody .md-table-row--hover {
        background: #eee; } }
  html .md-table-column {
    line-height: normal;
    padding-bottom: 0;
    padding-right: 24px;
    padding-top: 0;
    vertical-align: middle;
    white-space: nowrap; }
    html .md-table-column:first-child {
      padding-left: 24px; }
    html .md-table-column--relative {
      position: relative; }
    html .md-table-column--adjusted {
      padding-right: 56px; }
    html .md-table-column--header {
      font-size: 12px;
      font-weight: 500;
      height: 56px; }
      html .md-table-column--header .md-icon {
        font-size: 16px; }
    html .md-table-column--data {
      font-size: 13px;
      height: 48px; }
    html .md-table-column--plain {
      height: 48px;
      white-space: normal; }
    html .md-table-column--grow {
      width: 100%; }
    html .md-table-column--select-header {
      padding-left: 16px; }
    html .md-table-column .md-icon-separator {
      line-height: inherit; }
  html .md-table-checkbox .md-selection-control-label {
    display: flex; }
  html .md-table-checkbox .md-selection-control-container {
    margin-left: 12px;
    margin-right: 12px; }
  html .md-edit-dialog.md-dialog {
    width: 250px; }
  html .md-edit-dialog__label {
    overflow: hidden;
    padding: 16px 0;
    text-overflow: ellipsis;
    width: 250px; }
    @media screen and (max-width: 1024px) {
      html .md-edit-dialog__label {
        font-size: 16px; } }
  html .md-edit-dialog__content {
    display: flex;
    padding: 24px;
    padding-bottom: 8px; }
    html .md-edit-dialog__content:not(:first-child) {
      padding-top: 0; }
  html .md-edit-dialog__header {
    font-weight: 500; }
    html .md-edit-dialog__header.md-text-field {
      font-size: 12px; }
  html .md-edit-dialog__blocked-field {
    height: 47px;
    width: 250px; }
    html .md-edit-dialog__blocked-field.md-edit-dialog__blocked-field {
      padding-bottom: 0;
      padding-top: 0; }
    html .md-edit-dialog__blocked-field .md-text-field-icon-container {
      align-items: center; }
  html .md-table-column--select-field {
    padding-left: 24px; }
  html .md-select-field-column .md-select-field--btn {
    height: 47px; }
  html .md-table-footer--pagination .md-table-column {
    padding-left: 0; }
  html .md-table-pagination {
    height: 56px; }
    html .md-table-pagination--controls {
      align-items: center;
      display: inline-flex;
      justify-content: flex-start;
      position: absolute;
      white-space: nowrap; }
  @media (max-width: 767px) {
    html .md-table-pagination .md-text-field {
      font-size: 13px; }
    html .md-table-pagination .md-icon-text:first-child {
      padding-right: 4px; }
    html .md-table-pagination__label {
      display: none; } }
  html .md-table-card-header {
    position: relative; }
    html .md-table-card-header--no-title {
      align-items: center;
      display: flex;
      height: 80px;
      padding-right: 2px; }
    html .md-table-card-header .md-card-title {
      padding-right: 2px; }
      html .md-table-card-header .md-card-title:last-child {
        padding-bottom: 16px; }
    html .md-table-card-header .md-btn--dialog + .md-btn--dialog {
      margin-left: 8px; }
  html .md-card-title--contextual {
    background: #fce4ec;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  html .md-card-title--title-contextual {
    color: #ff4081;
    font-size: 16px;
    font-weight: 500;
    line-height: 80px; }
  html .md-drop-down-enter {
    transform: translate3d(0, -100%, 0); }
    html .md-drop-down-enter.md-drop-down-enter-active {
      transform: translate3d(0, 0, 0);
      transition-duration: 0.15s;
      transition-property: transform; }
  html .md-drop-down-leave {
    transform: translate3d(0, 0, 0); }
    html .md-drop-down-leave.md-drop-down-leave-active {
      transform: translate3d(0, -100%, 0);
      transition-duration: 0.15s;
      transition-property: transform; }
  html .md-data-table--fixed {
    overflow-y: hidden; }
  html .md-data-table__fixed-wrapper {
    display: table;
    min-width: 100%;
    position: relative; }
    html .md-data-table__fixed-wrapper--header {
      padding-top: 56px; }
    html .md-data-table__fixed-wrapper--footer {
      padding-bottom: 48px; }
  html .md-data-table__scroll-wrapper {
    overflow-x: hidden;
    overflow-y: auto; }
  html .md-table-column--fixed {
    height: 0;
    padding-bottom: 0;
    padding-top: 0;
    visibility: hidden;
    white-space: nowrap; }
    html .md-table-column--fixed > * {
      display: none; }
    html .md-table-column--fixed .md-table-column__fixed {
      display: block; }
  html .md-table-column__fixed {
    position: absolute;
    visibility: visible; }
    html .md-table-column__fixed--header {
      top: 0; }
    html .md-table-column__fixed--footer {
      bottom: 0; }
    html .md-table-column__fixed--flex {
      align-items: center;
      display: flex; }
      html .md-table-column__fixed--flex-right {
        justify-content: flex-end; }
    html .md-table-column__fixed .md-table-checkbox--header {
      display: flex;
      height: 56px; }
    html .md-table-column__fixed .md-table-checkbox--footer {
      display: flex;
      height: 48px; }
  html .md-dialog-container.md-overlay {
    transition-duration: 0.3s;
    z-index: 20; }
  html .md-dialog {
    width: 280px;
    cursor: auto;
    position: fixed; }
  html .md-dialog--centered {
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    max-height: calc(100% - 48px);
    max-width: calc(100% - 80px); }
    html .md-dialog--centered .md-list {
      padding-bottom: 8px;
      padding-top: 0; }
    html .md-dialog--centered .md-list-tile {
      height: auto;
      padding: 16px 24px; }
    html .md-dialog--centered .md-tile-text--primary {
      white-space: normal; }
  html .md-dialog--centered-enter {
    transform: translate3d(-50%, calc(-50% + -30px), 0); }
    html .md-dialog--centered-enter.md-dialog--centered-enter-active {
      transform: translate3d(-50%, -50%, 0);
      transition-duration: 0.3s;
      transition-property: transform; }
  html .md-dialog--centered-leave {
    transform: translate3d(-50%, -50%, 0); }
    html .md-dialog--centered-leave.md-dialog--centered-leave-active {
      transform: translate3d(-50%, calc(-50% + -30px), 0);
      transition-duration: 0.3s;
      transition-property: transform; }
  html .md-dialog--full-page {
    bottom: 0;
    left: 0;
    overflow: auto;
    top: 0;
    width: 100vw;
    z-index: 110; }
  html .md-dialog--full-page-enter {
    transform: scale(0); }
    html .md-dialog--full-page-enter.md-dialog--full-page-enter-active {
      transform: scale(1);
      transition-duration: 0.3s;
      transition-property: transform; }
  html .md-dialog--full-page-leave {
    transform: scale(1); }
    html .md-dialog--full-page-leave.md-dialog--full-page-leave-active {
      transform: scale(0);
      transition-duration: 0.3s;
      transition-property: transform; }
  html .md-title--dialog {
    margin-bottom: 0;
    padding: 24px;
    padding-bottom: 20px;
    white-space: normal; }
  html .md-dialog-content {
    -webkit-overflow-scrolling: touch;
    overflow: auto; }
  html .md-dialog-content--padded {
    padding: 24px; }
    html .md-dialog-content--padded:not(:first-child) {
      padding-top: 0; }
  html .md-dialog-footer {
    display: flex;
    justify-content: flex-end; }
  html .md-dialog-footer--inline {
    padding: 8px; }
    html .md-dialog-footer--inline .md-btn--dialog + .md-btn--dialog {
      margin-left: 8px; }
  html .md-dialog-footer--stacked {
    align-items: flex-end;
    flex-direction: column;
    padding-bottom: 8px;
    padding-right: 8px; }
    html .md-dialog-footer--stacked .md-btn--dialog {
      margin-bottom: 6px;
      margin-top: 6px; }
  html .md-btn--dialog {
    height: 36px;
    min-width: 64px;
    padding-left: 8px;
    padding-right: 8px; }
  html .md-divider {
    background: rgba(0, 0, 0, 0.12);
    border: 0;
    content: '';
    display: block;
    height: 1px;
    margin: 0; }
  html .md-divider--vertical {
    height: 100%;
    width: 1px; }
  html .md-divider--inset {
    margin-left: 72px; }
  html .md-divider-border {
    border-color: rgba(0, 0, 0, 0.12);
    border-style: solid;
    border-width: 0; }
  html .md-divider-border--top {
    border-top-width: 1px; }
  html .md-divider-border--right {
    border-right-width: 1px; }
  html .md-divider-border--bottom {
    border-bottom-width: 1px; }
  html .md-divider-border--left {
    border-left-width: 1px; }
  @media screen and (min-width: 320px) and (max-width: 1024px) {
    html .md-drawer--left {
      max-width: 320px;
      transform: translate3d(-100%, 0, 0);
      width: calc(100vw - 56px); }
    html .md-drawer--right {
      left: 0;
      transform: translate3d(100%, 0, 0); }
    html .md-drawer--mini.md-drawer--mini {
      width: 48px; }
    html .md-list-tile--mini.md-list-tile--mini {
      padding-left: 12px;
      padding-right: 12px; }
    html .md-drawer-relative--mini.md-drawer-relative--mini {
      margin-left: 48px; }
    html .md-toolbar ~ .md-list--drawer {
      height: calc(100% - 56px); } }
  @media screen and (min-width: 320px) and (min-aspect-ratio: 13 / 9) {
    html .md-toolbar ~ .md-list--drawer {
      height: calc(100% - 48px); } }
  @media screen and (min-width: 768px) {
    html .md-drawer--left {
      max-width: 400px;
      transform: translate3d(-256px, 0, 0);
      width: 256px; }
    html .md-drawer--right {
      transform: translate3d(100%, 0, 0); }
    html .md-drawer--mini.md-drawer--mini {
      width: 72px; }
    html .md-list-tile--mini.md-list-tile--mini {
      padding-left: 26px;
      padding-right: 26px; }
    html .md-drawer-relative {
      margin-left: 256px; }
    html .md-drawer-relative--mini.md-drawer-relative--mini {
      margin-left: 72px; }
    html .md-toolbar ~ .md-list--drawer {
      height: calc(100% - 64px); } }
  html .md-drawer {
    transition-duration: 0.3s;
    transition-property: transform; }
    html .md-drawer--fixed {
      bottom: 0;
      position: fixed;
      top: 0;
      z-index: 17; }
    html .md-drawer--inline {
      display: inline-block;
      height: 100%; }
    html .md-drawer--left {
      left: 0; }
    html .md-drawer--right {
      right: 0; }
    html .md-drawer--active {
      transform: translate3d(0, 0, 0); }
    html .md-drawer--mini {
      z-index: 16; }
  html .md-list--drawer {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-y: auto; }
  html .md-overlay--drawer.md-overlay--drawer {
    transition-duration: 0.3s; }
  html .md-expansion-panel {
    background: #fff;
    transition-duration: 0.15s;
    transition-property: margin; }
    html .md-expansion-panel--expanded:not(:first-child) {
      margin-top: 16px; }
    html .md-expansion-panel--expanded:not(:last-child) {
      margin-bottom: 16px; }
  html .md-panel-column:not(:last-child) {
    padding-right: 16px; }
  html .md-panel-column--overflown {
    flex-shrink: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word; }
  html .md-panel-column:not(:last-child) {
    padding-right: 16px; }
  html .md-panel-header {
    align-items: center;
    display: flex;
    font-size: 15px;
    height: 48px;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
    transition-duration: 0.15s;
    transition-property: background, height; }
    html .md-panel-header--expanded {
      height: 64px; }
    html .md-panel-header--focused {
      background: #eee; }
  html .md-panel-content {
    padding: 0 24px 16px; }
  html .md-panel-secondary-label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 12px; }
  html .md-file-input {
    height: 0;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 0; }
  html .md-file-input-container {
    position: relative; }
    html .md-file-input-container .md-btn {
      display: block; }
  html .md-ink-container {
    border-radius: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1; }
  html .md-ink-container--2x {
    height: 200%;
    left: -50%;
    top: -50%;
    width: 200%; }
  html .md-ink {
    background: rgba(0, 0, 0, 0.12);
    border-radius: 50%;
    display: block;
    opacity: 1;
    position: absolute;
    transform: scale(0);
    z-index: -1; }
  html .md-ink--active {
    transition-duration: 0.45s;
    transition-property: opacity, transform;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  html .md-ink--expanded {
    transform: scale(1); }
  html .md-ink--leaving {
    opacity: 0;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  html .md-icon {
    color: rgba(0, 0, 0, 0.54);
    font-size: 24px;
    text-align: center;
    transition-duration: 0.15s;
    transition-property: color;
    user-select: none; }
  html svg.md-icon {
    fill: currentColor;
    height: 24px;
    width: 24px; }
  html .md-icon-separator {
    align-items: center;
    display: flex;
    font-weight: inherit;
    text-align: left; }
    html .md-icon-separator .md-icon {
      flex-grow: 0;
      flex-shrink: 0; }
  html .md-icon-text {
    flex-grow: 1;
    flex-shrink: 0;
    font-weight: inherit;
    line-height: inherit; }
    html .md-icon-text:first-child {
      padding-right: 16px; }
    html .md-icon-text:last-child {
      padding-left: 16px; }
  @media screen and (min-width: 1025px) {
    html .material-icons.md-icon {
      font-size: 20px; }
    html svg.md-icon {
      height: 20px;
      width: 20px; } }
  html .md-layover-enter {
    transform: scale(0); }
    html .md-layover-enter.md-layover-enter-active {
      transform: scale(1);
      transition-duration: 0.2s;
      transition-property: transform;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  html .md-layover-leave {
    opacity: 1; }
    html .md-layover-leave.md-layover-leave-active {
      opacity: 0;
      transition-duration: 0.2s;
      transition-property: opacity;
      transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  html .md-layover-child {
    position: fixed;
    z-index: 100; }
    html .md-layover-child--tl {
      transform-origin: 0 0; }
    html .md-layover-child--tr {
      transform-origin: 100% 0; }
    html .md-layover-child--bl {
      transform-origin: 0 100%; }
    html .md-layover-child--br {
      transform-origin: 100% 100%; }
    html .md-layover-child--below {
      transform-origin: 50% 0; }
      html .md-layover-child--below.md-layover-enter {
        transform: scaleY(0); }
        html .md-layover-child--below.md-layover-enter.md-layover-enter-active {
          transform: scaleY(1); }
  html .md-layover--simplified {
    position: relative; }
  html .md-layover-child--simplified {
    position: absolute; }
  html .md-list {
    background: #fff;
    user-select: none; }
    html .md-list .md-avatar,
    html .md-list .md-icon {
      flex-shrink: 0; }
    html .md-list .md-divider:not(.md-list-item--divider-vertical) {
      margin-bottom: 8px;
      margin-top: 8px; }
    html .md-list .md-list:not(.md-list--menu) {
      background: inherit; }
  html .md-list-tile {
    align-items: center;
    display: flex;
    padding-left: 16px;
    padding-right: 16px;
    text-decoration: none;
    transition-duration: 0.15s;
    transition-property: background; }
    html .md-list-tile--active {
      background: rgba(0, 0, 0, 0.12); }
  html .md-list-item--inset {
    padding-left: 72px; }
  html .md-list-item--flex {
    display: flex; }
  html .md-list-item--button-grow {
    flex-grow: 1; }
  html .md-list-item--divider-vertical {
    flex-shrink: 0;
    height: calc(100% - 4px);
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    width: 2px; }
  html .md-list-item--children-inline {
    align-self: center;
    padding-right: 2px; }
  html .md-tile-content {
    flex-grow: 1;
    overflow: hidden; }
    html .md-tile-content--left-icon {
      padding-left: 32px; }
    html .md-tile-content--left-avatar {
      padding-left: 16px; }
    html .md-tile-content--right-padding {
      padding-right: 16px; }
  html .md-tile-addon {
    line-height: 1.42857; }
    html .md-tile-addon--icon {
      height: 24px; }
    html .md-tile-addon--avatar {
      height: 40px; }
  html .md-text--theme-primary .md-icon {
    color: inherit; }
  html .md-tile-text--primary, html .md-tile-text--secondary {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  html .md-tile-text--three-lines {
    white-space: pre-line;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; }
  html .md-list-tile--three-lines .md-tile-addon {
    align-self: flex-start; }
  html .md-list--nested-1 .md-list-tile {
    padding-left: 72px; }
  html .md-list--nested-2 .md-list-tile {
    padding-left: 108px; }
  html .md-list-control {
    flex-grow: 1; }
    html .md-list-control .md-selection-control-label {
      width: 100%; }
      html .md-list-control .md-selection-control-label > span {
        width: 100%; }
  html .md-tile-content--left-button {
    padding-left: 24px; }
  html .md-list-control--right {
    justify-content: flex-end; }
  html .md-list-tile--control-left {
    padding-left: 0; }
  html .md-list-tile--control-right {
    padding-right: 0; }
  @media screen and (min-width: 320px) {
    html .md-list {
      padding-bottom: 8px;
      padding-top: 8px; }
    html .md-list-tile {
      height: 48px; }
    html .md-tile-text--primary {
      font-size: 16px; }
    html .md-tile-text--secondary {
      font-size: 14px; }
    html .md-list-tile--avatar {
      height: 56px; }
    html .md-list-tile--two-lines {
      height: 72px; }
    html .md-list-tile--three-lines {
      height: 88px; }
      html .md-list-tile--three-lines .md-tile-text--secondary {
        height: 40px; }
      html .md-list-tile--three-lines .md-tile-addon {
        margin-top: 14px; } }
  @media screen and (min-width: 1025px) {
    html .md-list {
      padding-bottom: 4px;
      padding-top: 4px; }
    html .md-list-tile {
      height: 40px; }
    html .md-tile-text--primary, html .md-tile-text--secondary {
      font-size: 13px; }
    html .md-list-tile--avatar {
      height: 48px; }
    html .md-list-tile--two-lines {
      height: 60px; }
    html .md-list-tile--three-lines {
      height: 76px; }
      html .md-list-tile--three-lines .md-tile-text--secondary {
        height: 37.14286px; }
      html .md-list-tile--three-lines .md-tile-addon {
        margin-top: 12px; }
    html .md-tile-addon--icon {
      height: 20px; }
    html .md-tile-content--left-icon {
      padding-left: 36px; } }
  html .md-list--inline {
    display: flex;
    padding: 0; }
  html .md-media {
    display: block;
    height: 0;
    overflow: hidden;
    padding: 0;
    position: relative; }
  html .md-media--16-9 {
    padding-bottom: 56.25%; }
  html .md-media--4-3 {
    padding-bottom: 75%; }
  html .md-media--1-1 {
    padding-bottom: 100%; }
  html .md-media-overlay {
    background: rgba(0, 0, 0, 0.54);
    bottom: 0;
    position: absolute;
    width: 100%;
    z-index: 1; }
    html .md-media-overlay .md-btn,
    html .md-media-overlay .md-text {
      color: #fff; }
    html .md-media-overlay .md-text--secondary {
      color: rgba(255, 255, 255, 0.7); }
  html .md-list--menu {
    min-width: 112px; }
    html .md-list--menu-restricted {
      -webkit-overflow-scrolling: touch;
      overflow-y: auto; }
    html .md-list--menu-contained {
      width: 100%; }
    html .md-list--menu-below {
      left: 0;
      top: 100%;
      transform-origin: 50% 0; }
    html .md-list--menu-tr {
      right: 0;
      top: 0;
      transform-origin: 100% 0; }
    html .md-list--menu-tl {
      top: 0;
      transform-origin: 0 0; }
    html .md-list--menu-br {
      right: 0;
      transform-origin: 100% 100%; }
    html .md-list--menu-bl {
      transform-origin: 0 100%; }
  @media screen and (min-width: 1025px) {
    html .md-list--menu-cascading {
      padding-bottom: 16px;
      padding-top: 16px; }
      html .md-list--menu-cascading .md-list-tile {
        padding-left: 24px;
        padding-right: 24px; }
        html .md-list--menu-cascading .md-list-tile:not(.md-list-tile--two-lines):not(.md-list-tile--three-lines) {
          height: 32px; }
      html .md-list--menu-cascading .md-tile-text--primary {
        font-size: 15px; }
      html .md-list--menu-cascading .md-collapser {
        transform: rotate3d(0, 0, 1, -90deg); }
      html .md-list--menu-cascading .md-collapser--flipped {
        transform: rotate3d(0, 0, 1, 90deg); } }
  @media screen and (min-width: 320px) {
    html .md-list--menu-restricted {
      max-height: 272px; } }
  @media screen and (min-width: 1025px) {
    html .md-list--menu-restricted {
      max-height: 264px; } }
  @media screen and (min-width: 320px) {
    html .md-navigation-drawer-content {
      min-height: calc(100vh - 56px); } }
  @media screen and (min-width: 320px) and (min-aspect-ratio: 13 / 9) {
    html .md-navigation-drawer-content {
      min-height: calc(100vh - 48px); } }
  @media screen and (min-width: 768px) {
    html .md-navigation-drawer-content {
      min-height: calc(100vh - 64px); }
    html .md-title.md-title--persistent-offset {
      margin-left: 216px; } }
  @media screen and (min-width: 1025px) {
    html .md-title.md-title--persistent-offset {
      margin-left: 226px; } }
  html .md-toolbar.md-toolbar--over-drawer {
    z-index: 19; }
  html .md-title--drawer-active.md-title--drawer-active {
    transition-duration: 0.3s;
    transition-property: margin-left; }
  html .md-navigation-drawer-content {
    display: block; }
    html .md-navigation-drawer-content:focus {
      outline-style: none; }
    html .md-navigation-drawer-content--inactive {
      margin-left: 0; }
    html .md-navigation-drawer-content--active {
      transition-duration: 0.3s;
      transition-property: margin-left; }
    html .md-navigation-drawer-content--prominent-offset {
      min-height: calc(100vh - 128px); }
  html .md-title.md-title--permanent-offset {
    margin-left: 276px; }
  html .md-cross-fade-enter {
    opacity: .01;
    transform: translate3d(0, 16px, 0); }
    html .md-cross-fade-enter.md-cross-fade-enter-active {
      opacity: 1;
      transform: translate3d(0, 0, 0);
      transition-duration: 0.3s;
      transition-property: transform, opacity; }
  html .md-overlay {
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition-duration: 0.15s;
    transition-property: opacity;
    z-index: 16; }
    html .md-overlay--active {
      opacity: 1; }
  html .md-paper--0 {
    box-shadow: none; }
  @media screen and (min-width: 1025px) {
    html .md-paper--0-hover {
      transition-duration: 0.3s;
      transition-property: box-shadow; }
      html .md-paper--0-hover:hover {
        box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4); } }
  html .md-paper--1 {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); }
  html .md-paper--2 {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); }
  html .md-paper--3 {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4); }
  html .md-paper--4 {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4); }
  html .md-paper--5 {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.4); }
  html .md-picker-container {
    position: relative; }
  html .md-picker-content-container {
    background: #fff; }
  html .md-picker--inline {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.4);
    position: absolute;
    z-index: 12; }
  html .md-picker--inline-icon {
    left: 40px; }
  html .md-picker-control {
    padding: 0; }
  html .md-picker-text {
    color: rgba(255, 255, 255, 0.7); }
    html .md-picker-text.md-picker-text > * {
      color: inherit; }
    html .md-picker-text > * {
      font-weight: inherit;
      margin: 0;
      transition-duration: 0.15s;
      transition-property: color, font; }
  html .md-picker-text--active {
    color: #fff;
    font-weight: 500; }
  html .md-dialog--picker {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100% - 16px);
    max-width: calc(100% - 16px);
    overflow: auto;
    width: auto; }
  html .md-dialog-content--picker {
    padding: 0; }
  html .md-picker-header {
    background: #3f51b5;
    padding: 24px; }
  @media (orientation: portrait) {
    html .md-picker {
      width: 330px; }
      html .md-picker .md-picker-header {
        height: 110px; }
      html .md-picker .md-time-periods {
        display: inline-block;
        padding-left: 1em;
        padding-right: 24px; }
      html .md-picker .md-picker-content {
        height: 340px; }
      html .md-picker .md-display-3 {
        font-size: 5em;
        line-height: 1; }
      html .md-picker .md-calendar-dows {
        padding-bottom: 12px; }
      html .md-picker.md-picker--date .md-display-1 {
        display: inline-block; }
      html .md-picker .md-calendar-date--btn {
        height: 44px; }
        html .md-picker .md-calendar-date--btn::after {
          height: 36px;
          width: 36px; }
      html .md-picker .md-clock-face {
        height: 282px;
        width: 282px; }
      html .md-picker .md-clock-hand {
        width: 121px; }
        html .md-picker .md-clock-hand--inner {
          width: 85px; } }
  @media (orientation: landscape) {
    html .md-picker {
      display: flex;
      width: 560px; }
      html .md-picker .md-picker-header {
        width: 190px; }
      html .md-picker .md-picker-content {
        height: 280px;
        width: 370px; }
      html .md-picker .md-calendar-date--btn {
        height: 35px; }
        html .md-picker .md-calendar-date--btn::after {
          height: 32px;
          width: 32px; }
      html .md-picker.md-picker--time .md-picker-header {
        padding-top: 93.33333px; }
      html .md-picker .md-clock-face {
        height: 244px;
        width: 244px; }
      html .md-picker .md-clock-hand {
        width: 102px; }
        html .md-picker .md-clock-hand--inner {
          width: 66px; }
      html .md-picker .md-time-periods {
        margin-left: auto;
        margin-right: 2.5em;
        width: 35px; }
      html .md-picker .md-display-3 {
        font-size: 3.25em; } }
  @media (max-width: 320px) and (orientation: portrait) {
    html .md-picker {
      width: 304px; } }
  @media (max-height: 320px) and (orientation: landscape) {
    html .md-picker .md-picker-content {
      height: 256px;
      width: calc(100vw - 206px); } }
  html .md-picker--date .md-picker-control {
    display: block; }
  html .md-picker-content--calendar {
    padding-left: 12px;
    padding-right: 12px; }
  html .md-calendar-controls {
    align-items: center;
    display: flex; }
    html .md-calendar-controls .md-title {
      flex-grow: 1;
      font-size: 16px;
      margin-bottom: 0;
      text-align: center; }
  html .md-calendar-date {
    margin: 0;
    width: calc(100% / 7); }
  html .md-picker-content--year {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto; }
  html .md-years {
    list-style: none;
    margin: 0;
    padding: 0; }
  html .md-year {
    font-size: 16px;
    padding: 12px;
    transition-duration: 0.15s;
    transition-property: color, font-size; }
    html .md-year:focus:not(.md-year--active) {
      font-size: 20px; }
    html .md-year--active {
      font-size: 24px;
      font-weight: 500; }
  html .md-calendar-date--btn::after {
    background: #3f51b5;
    border-radius: 50%;
    content: '';
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0);
    transition-duration: 0.15s;
    transition-property: transform;
    z-index: 0; }
  html .md-calendar-date--btn-active {
    font-weight: 700; }
    html .md-calendar-date--btn-active::after {
      transform: translateX(-50%) translateY(-50%) scale(1); }
  html .md-calendar-date--date {
    position: relative;
    z-index: 1; }
  html .md-calendar-dow {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.42857; }
  html .md-picker-content--clock {
    padding: 24px;
    padding-bottom: 12px; }
  html .md-time-periods .md-picker-control {
    display: block; }
  html .md-time-period {
    font-size: 1.14286em;
    font-weight: 500;
    margin: 0;
    padding: 0; }
  html .md-clock-face {
    background: #f5f5f5;
    border-radius: 50%;
    position: relative; }
  html .md-clock-hand {
    height: 2px;
    position: absolute;
    transform-origin: 0 0;
    transition-duration: 0.15s;
    transition-property: width;
    z-index: 1; }
    html .md-clock-hand--active {
      transition-property: transform, width; }
    html .md-clock-hand::before, html .md-clock-hand::after {
      background: #3f51b5;
      border-radius: 50%;
      content: '';
      position: absolute; }
    html .md-clock-hand::before {
      height: 6px;
      left: -3px;
      top: -2px;
      width: 6px; }
    html .md-clock-hand::after {
      height: 36px;
      right: -16px;
      top: -18px;
      transition-duration: 0.15s;
      transition-property: background, border, transform;
      width: 36px; }
    html .md-clock-hand--minute-hover::after {
      transform: scale(0.4); }
  html .md-clock-time {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center;
    position: absolute;
    width: 36px;
    z-index: 8; }
    html .md-clock-time:focus {
      outline-style: none; }
  html .md-progress {
    display: block;
    margin-bottom: 1em;
    margin-top: 1em; }
  html .md-progress--circular-determinate {
    transition-duration: 0.15s;
    transition-property: transform; }
  html .md-progress--circular-indeterminate {
    animation-duration: 2.4s;
    animation-iteration-count: infinite;
    animation-name: md-circular-progress;
    animation-timing-function: linear; }
  html .md-circular-progress-path {
    fill: none;
    stroke: #ff4081;
    stroke-dasharray: 187px; }
  html .md-circular-progress-path--animated {
    animation-duration: 2.4s;
    animation-iteration-count: infinite;
    animation-name: md-circular-progress-dash;
    animation-timing-function: ease-ine-out;
    stroke-dashoffset: 0; }

@keyframes md-circular-progress-3JVD3H {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(135deg); }
  75% {
    transform: rotate(450deg); }
  100% {
    transform: rotate(720deg); } }

@keyframes md-circular-progress-dash-3M0BvD {
  0% {
    stroke-dashoffset: 187px; }
  50% {
    stroke-dashoffset: 46.75px; }
  100% {
    stroke-dashoffset: 187px; } }
  html .md-progress--linear {
    background: #ff80ab;
    height: 3px;
    overflow: hidden;
    position: relative;
    width: 100%; }
  html .md-progress--linear-active {
    background: #ff4081; }
  html .md-progress--linear-determinate {
    height: 100%;
    position: absolute;
    z-index: 1; }
  html .md-progress--linear-indeterminate::before, html .md-progress--linear-indeterminate::after {
    background: inherit;
    bottom: 0;
    content: '';
    position: absolute;
    top: 0;
    will-change: left, right;
    z-index: 1; }
  html .md-progress--linear-indeterminate::before {
    animation-duration: 2.4s;
    animation-iteration-count: infinite;
    animation-name: md-linear-indeterminate;
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  html .md-progress--linear-indeterminate::after {
    animation-delay: 1.15s;
    animation-duration: 2.4s;
    animation-iteration-count: infinite;
    animation-name: md-linear-indeterminate-short;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  html .md-progress--linear-query::before, html .md-progress--linear-query::after {
    animation-direction: reverse; }

@keyframes md-linear-indeterminate-3oMlM_ {
  0% {
    left: -35%;
    right: 100%; }
  60% {
    left: 100%;
    right: -90%; }
  100% {
    left: 100%;
    right: -90%; } }

@keyframes md-linear-indeterminate-short-qABg_X {
  0% {
    left: -200%;
    right: 100%; }
  60% {
    left: 107%;
    right: -8%; }
  100% {
    left: 107%;
    right: -8%; } }
  html .md-select-field {
    cursor: inherit;
    display: flex;
    flex-wrap: wrap;
    user-select: none; }
    html .md-select-field .md-divider {
      width: 100%; }
    html .md-select-field__toggle {
      position: relative; }
  html .md-select-field--btn.md-select-field--btn {
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 16px;
    padding-top: 16px; }
  html .md-select-field--text-field {
    pointer-events: none; }
  html .md-drop-enter {
    transform: translate3d(0, -6px, 0); }
    html .md-drop-enter.md-drop-enter-active {
      transform: translate3d(0, 0, 0);
      transition-duration: 0.3s;
      transition-property: transform; }
  @media screen and (min-width: 320px) {
    html .md-select-field--btn {
      height: 48px; }
    html .md-select-field--text-field {
      height: 18px; } }
  @media screen and (min-width: 1025px) {
    html .md-select-field--btn {
      height: 40px; }
    html .md-select-field--text-field {
      height: 15px; } }
  html .md-selection-control-container--inline {
    display: inline-block; }
  html .md-selection-control-input {
    height: 0;
    position: absolute;
    visibility: hidden;
    width: 0; }
  html .md-selection-control-label {
    align-items: center;
    display: inline-flex; }
  html .md-selection-control-group {
    border: 0; }
  html .md-switch-container {
    align-items: center;
    display: flex;
    height: 48px; }
    html .md-switch-container.md-selection-control-container--inline {
      display: inline-flex; }
  html .md-switch-track {
    border-radius: 8px;
    flex-shrink: 0;
    height: 16px;
    margin-left: 12px;
    margin-right: 12px;
    position: relative;
    width: 40px; }
  html .md-switch-track--on {
    background: rgba(233, 30, 99, 0.5); }
  html .md-switch-track--off {
    background: rgba(0, 0, 0, 0.38); }
  html .md-switch-track--disabled {
    background: rgba(0, 0, 0, 0.12); }
  html .md-switch-thumb {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    content: '';
    display: block;
    height: 24px;
    position: absolute;
    transition-duration: 0.15s;
    transition-property: background, transform;
    width: 24px; }
  html .md-switch-thumb--on {
    background: #e91e63;
    transform: translate3d(20px, -4px, 0); }
  html .md-switch-thumb--off {
    background: #fafafa;
    transform: translate3d(-4px, -4px, 0); }
  html .md-switch-thumb--disabled {
    background: #bdbdbd; }
  @media screen and (min-width: 320px) {
    html .md-selection-control-label {
      font-size: 16px; } }
  @media screen and (min-width: 1025px) {
    html .md-selection-control-label {
      font-size: 13px; }
    html .md-selection-control-container {
      height: 40px; } }
  html .md-slider-container {
    display: flex;
    flex-wrap: wrap;
    text-align: left; }
  html .md-slider-label {
    display: block;
    width: 100%; }
  html .md-slider-input {
    height: 0;
    position: absolute;
    visibility: hidden;
    width: 0; }
  html .md-slider-track {
    background: rgba(0, 0, 0, 0.26);
    content: '';
    display: block;
    flex-grow: 1;
    flex-shrink: 0;
    height: 2px;
    margin-bottom: 23px;
    margin-top: 23px;
    position: relative; }
  html .md-slider-track-fill {
    background: #3f51b5;
    border: 0;
    height: 2px;
    left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    transition-duration: 0.15s;
    transition-property: width; }
  html .md-slider-track-fill--dragging {
    transition-property: none; }
  html .md-slider-thumb {
    border-radius: 50%;
    content: '';
    display: inline-block;
    height: 14px;
    position: absolute;
    top: -6px;
    transition-duration: 0.15s;
    transition-property: left, transform, background;
    width: 14px;
    z-index: 5; }
    html .md-slider-thumb:focus {
      outline-style: none; }
  html .md-slider-thumb--on {
    background: #3f51b5; }
  html .md-slider-thumb--active {
    transform: scale(1.5);
    transform-origin: center; }
  html .md-slider-thumb--dragging {
    transition-property: transform, background; }
  html .md-slider-thumb--disabled {
    background: rgba(0, 0, 0, 0.26);
    transform: scale(0.75); }
  html .md-slider-thumb--continuous-off {
    background: #fff;
    border: 2px solid;
    border-color: rgba(0, 0, 0, 0.26);
    position: relative; }
  html .md-slider-thumb--mask {
    transform: scale(1); }
  html .md-slider-thumb--mask-inked {
    background: rgba(63, 81, 181, 0.15);
    transform: scale(3.5);
    z-index: 4; }
  html .md-slider-thumb--mask-disabled {
    background: #fff;
    border-radius: 0;
    transform: scale(1.1);
    z-index: 4; }
  html .md-slider-thumb--discrete::after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    content: '';
    height: 0;
    left: 0;
    position: absolute;
    top: 10px;
    transition-duration: 0.15s;
    transition-property: border-top-color, transform;
    width: 0; }
  html .md-slider-thumb--discrete-active {
    top: 0;
    transform: scale(2) translate3d(0, -18px, 0); }
  html .md-slider-thumb--discrete-on::after {
    border-top-color: #3f51b5; }
  html .md-slider-thumb--discrete-off {
    background: #000; }
  html .md-slider-thumb--discrete-active-off {
    background: #bdbdbd; }
    html .md-slider-thumb--discrete-active-off::after {
      border-top-color: #bdbdbd; }
  html .md-slider-thumb--discrete-mask-inked {
    transform: scale(2.5);
    transition-duration: 0.3s; }
  html .md-slider-thumb--discrete-mask-leaving {
    background: rgba(63, 81, 181, 0.3);
    transition-duration: 0.3s;
    z-index: 4; }
  html .md-slider-discrete-value {
    align-items: center;
    color: #fff;
    display: flex;
    font-size: 12px;
    height: 28px;
    justify-content: center;
    position: absolute;
    text-align: center;
    transform: translate3d(-7px, -43px, 0);
    transition-duration: 0.15s;
    transition-property: left;
    width: 28px;
    z-index: 6; }
  html .md-slider-discrete-tick {
    background: #000;
    content: '';
    height: 2px;
    position: absolute;
    top: 0px;
    z-index: 4; }
  html .md-slider-discrete-value--dragging {
    transition-property: none; }
  html .md-slider-editor {
    text-align: right; }
  html .md-slider-container .md-text-field-container {
    margin-left: 4px;
    padding-right: 0; }
  @media screen and (min-width: 320px) {
    html .md-slider-ind {
      font-size: 16px;
      margin-top: 14px; } }
  @media screen and (min-width: 1025px) {
    html .md-slider-ind {
      font-size: 13px;
      margin-top: 16px; } }
  html .md-slider-container .md-icon {
    margin-bottom: 12px;
    margin-top: 12px; }
  html .md-slider-ind {
    display: block;
    text-align: center; }
  html .md-slider-track--ind-left {
    margin-left: 16px; }
  html .md-slider-track--ind-right {
    margin-right: 16px; }
  html .md-subheader {
    font-size: 14px;
    font-weight: 500;
    height: 48px;
    line-height: 48px;
    padding-left: 16px;
    padding-right: 16px; }
  html .md-snackbar-container {
    position: absolute; }
  html .md-snackbar {
    align-items: center;
    background: #323232;
    bottom: 0;
    display: flex;
    height: 48px;
    justify-content: space-between;
    position: fixed;
    transform-origin: 0 100%;
    z-index: 20; }
  html .md-snackbar--multiline {
    height: 80px; }
  html .md-snackbar--toast {
    color: #fff;
    margin-bottom: 0;
    padding-left: 24px;
    padding-right: 24px; }
  html .md-snackbar-enter-active,
  html .md-snackbar-leave-active {
    transition-duration: 0.3s;
    transition-property: transform; }
    html .md-snackbar-enter-active *,
    html .md-snackbar-leave-active * {
      transition-duration: 0.3s;
      transition-property: opacity; }
  html .md-snackbar-enter.md-snackbar-enter-active {
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  html .md-snackbar-leave.md-snackbar-leave-active {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
  html .md-snackbar-enter *,
  html .md-snackbar-leave.md-snackbar-leave-active * {
    opacity: 0; }
  html .md-snackbar-enter.md-snackbar-enter-active *,
  html .md-snackbar-leave * {
    opacity: 1; }
  html .md-btn--snackbar {
    padding-left: 24px;
    padding-right: 24px; }
  @media screen and (min-width: 320px) {
    html .md-snackbar {
      left: 0;
      right: 0; }
    html .md-snackbar-enter,
    html .md-snackbar-leave.md-snackbar-leave-active {
      transform: translate3d(0, 100%, 0); }
    html .md-snackbar-enter.md-snackbar-enter-active,
    html .md-snackbar-leave {
      transform: translate3d(0, 0, 0); }
    html .md-snackbar--action {
      padding-right: 0; }
    html .md-btn--snackbar-floating {
      transition: bottom 0.3s, background 0.15s, box-shadow 0.15s, color 0.15s;
      will-change: bottom; }
    html .md-btn--snackbar-floating-adjust {
      bottom: 64px; }
    html .md-btn--snackbar-floating-multiline-adjust {
      bottom: 96px; } }
  @media screen and (min-width: 768px) {
    html .md-snackbar {
      border-radius: 2px;
      left: 50%;
      max-width: 568px;
      min-width: 288px;
      right: auto;
      transform: translate3d(-50%, 0, 0); }
    html .md-snackbar-enter,
    html .md-snackbar-leave.md-snackbar-leave-active {
      transform: translate3d(-50%, 100%, 0); }
    html .md-snackbar-enter.md-snackbar-enter-active,
    html .md-snackbar-leave {
      transform: translate3d(-50%, 0, 0); }
    html .md-snackbar--action {
      padding-right: 24px; }
    html .md-btn--snackbar-floating-adjust {
      bottom: 24px; }
    html .md-btn--snackbar-floating-multiline-adjust {
      bottom: 24px; } }
  html .md-tabs {
    display: flex;
    position: relative; }
    html .md-tabs.md-background--primary .md-ink {
      background: rgba(255, 255, 255, 0.12); }
    html .md-tabs--centered {
      justify-content: center; }
      html .md-tabs--centered .md-tab {
        flex-grow: 0; }
    html .md-tabs--pagination .md-tab {
      flex-grow: 0; }
  html .md-tab {
    align-items: center;
    color: inherit;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 0;
    height: 48px;
    justify-content: flex-end;
    overflow: hidden;
    padding-bottom: 20px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase; }
    html .md-tab--multiline {
      font-size: 12px;
      padding-bottom: 12px; }
    html .md-tab--icon {
      height: 72px;
      padding-bottom: 16px; }
    html .md-tab--inactive {
      color: rgba(255, 255, 255, 0.7); }
  html .md-tab-indicator {
    background: #ff4081;
    bottom: 0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute; }
  html .md-btn--tab-overflow {
    bottom: 2px;
    position: absolute; }
    html .md-btn--tab-overflow--icon {
      bottom: 8px; }
    html .md-btn--tab-overflow-left {
      left: 6px;
      z-index: 3; }
    html .md-btn--tab-overflow-right {
      right: 12px; }
  html .md-menu--tab {
    margin-right: 100%; }
    html .md-menu--tab .md-icon {
      color: inherit; }
    html .md-menu--tab .md-tab {
      padding-top: 12px; }
  html .md-icon--tab {
    color: inherit;
    margin-bottom: 10px; }
  html .md-tab-toolbar {
    width: 100%; }
  html .md-tabs-fixed-container {
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 15; }
  html .md-tabs-content--offset {
    margin-top: 48px; }
    html .md-tabs-content--offset-icon {
      margin-top: 72px; }
  html .md-tabs-content--offset-toolbar-prominent {
    margin-top: 176px; }
    html .md-tabs-content--offset-toolbar-prominent-icon {
      margin-top: 200px; }
  @media screen and (min-width: 320px) {
    html .md-toolbar ~ .md-tabs {
      margin-top: -1px; }
    html .md-tabs {
      -webkit-overflow-scrolling: touch;
      overflow-x: auto; }
    html .md-tab {
      max-width: calc(100vw - 56px);
      min-width: 72px; }
    html .md-tab-label {
      font-size: 14px;
      font-weight: 500;
      line-height: 14px; } }
  @media screen and (min-width: 320px) and (max-aspect-ratio: 13 / 9) {
    html .md-tabs-content--offset-toolbar {
      margin-top: 104px; }
      html .md-tabs-content--offset-toolbar-icon {
        margin-top: 128px; } }
  @media screen and (min-width: 320px) and (min-aspect-ratio: 13 / 9) {
    html .md-tabs-content--offset-toolbar {
      margin-top: 96px; }
      html .md-tabs-content--offset-toolbar-icon {
        margin-top: 120px; } }
  @media screen and (min-width: 768px) {
    html .md-tabs-content--offset-toolbar {
      margin-top: 112px; }
      html .md-tabs-content--offset-toolbar-icon {
        margin-top: 136px; } }
  @media screen and (min-width: 1025px) {
    html .md-toolbar ~ .md-tabs {
      margin-top: 0; }
    html .md-tabs {
      overflow: visible; }
    html .md-tab {
      max-width: 264px;
      min-width: 160px;
      padding-left: 24px;
      padding-right: 24px; }
    html .md-tab-label {
      font-size: 13px;
      line-height: 13px; }
    html .md-icon--tab {
      margin-bottom: 12px;
      margin-top: 2px; } }
  html .md-text-field-container {
    position: relative; }
  html .md-text-field-container--input {
    line-height: 1.15; }
  html .md-text-field-container--input-block {
    display: flex; }
    html .md-text-field-container--input-block .md-text-field-message-container {
      flex-shrink: 0; }
  html .md-text-field-multiline-container,
  html .md-text-field-container--multiline {
    transition-duration: 0.15s;
    transition-property: height; }
  html .md-text-field-multiline-container {
    position: relative; }
  html .md-text-field-container--multiline {
    display: flex;
    flex-direction: column; }
  html .md-text-field {
    background: none;
    border: 0;
    line-height: inherit;
    padding: 0;
    width: 100%; }
    html .md-text-field:placeholder {
      color: rgba(0, 0, 0, 0.54); }
    html .md-text-field:-moz-placeholder {
      color: rgba(0, 0, 0, 0.54); }
    html .md-text-field::-moz-placeholder {
      color: rgba(0, 0, 0, 0.54); }
    html .md-text-field:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.54); }
    html .md-text-field::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.54); }
    html .md-text-field:focus {
      outline-style: none; }
    html .md-text-field[type="search"] {
      -webkit-appearance: textfield; }
    html .md-text-field:-webkit-autofill, html .md-text-field:-webkit-autofill:focus {
      box-shadow: 0 0 0 50px #fff inset; }
    html .md-text-field--margin {
      margin-top: 13px; }
    html .md-text-field[disabled]:placeholder {
      color: rgba(0, 0, 0, 0.38); }
    html .md-text-field[disabled]:-moz-placeholder {
      color: rgba(0, 0, 0, 0.38); }
    html .md-text-field[disabled]::-moz-placeholder {
      color: rgba(0, 0, 0, 0.38); }
    html .md-text-field[disabled]:-ms-input-placeholder {
      color: rgba(0, 0, 0, 0.38); }
    html .md-text-field[disabled]::-webkit-input-placeholder {
      color: rgba(0, 0, 0, 0.38); }
  html .md-text-field--multiline {
    padding-bottom: 0;
    padding-top: 0;
    resize: none; }
  html .md-text-field--multiline-mask {
    overflow: hidden;
    position: absolute;
    visibility: hidden; }
  html .md-divider--text-field {
    margin-top: 7px;
    overflow: visible; }
    html .md-divider--text-field::after {
      background: #3f51b5;
      content: '';
      display: block;
      height: 2px;
      transition-duration: 0.15s;
      transition-property: width;
      width: 0; }
  html .md-divider--text-field-expanded::after {
    width: 100%; }
  html .md-divider--text-field-error,
  html .md-divider--text-field-error::after {
    background: #f44336; }
  html .md-divider--expand-from-left::after {
    left: 0; }
  html .md-divider--expand-from-center::after {
    margin: auto; }
  html .md-divider--expand-from-right::after {
    right: 0; }
  html .md-floating-label {
    cursor: text;
    line-height: 1;
    pointer-events: none;
    position: absolute;
    top: 0;
    transition-duration: 0.15s;
    transition-property: transform, font-size, color;
    white-space: nowrap; }
  html .md-floating-label--floating {
    font-size: 12px; }
  html .md-floating-label--icon-offset {
    left: 40px; }
    @media screen and (min-width: 1025px) {
      html .md-floating-label--icon-offset {
        left: 36px; } }
  html .md-text-field-message-container {
    display: flex;
    font-size: 12px;
    justify-content: space-between; }
  html .md-text-field-message-container--count-only {
    justify-content: flex-end; }
  html .md-text-field-message-container--left-icon-offset {
    padding-left: 40px; }
  html .md-text-field-message-container--right-icon-offset {
    padding-right: 40px; }
  html .md-text-field-message {
    color: inherit;
    flex-grow: 1;
    line-height: 1.42857;
    transition-duration: 0.15s;
    transition-property: opacity;
    white-space: normal; }
  html .md-text-field-message--counter {
    display: block;
    flex-grow: 0;
    flex-shrink: 0;
    padding-left: 16px; }
  html .md-text-field-message--inactive {
    opacity: 0; }
  html .md-text-field-message--active {
    opacity: 1; }
  html .md-text-field-divider-container {
    display: inline-block; }
  html .md-text-field-divider-container--grow {
    display: block;
    flex-grow: 1; }
  html .md-text-field-icon + .md-text-field-divider-container,
  html .md-text-field-divider-container + .md-text-field-icon {
    margin-left: 16px; }
  html .md-text-field-icon-container {
    align-items: flex-end;
    display: flex;
    width: 100%; }
    .md-text-field-container--input-block-2SsHV3 html .md-text-field-icon-container {
      align-items: center; }
  html .md-text-field-inline-indicator {
    position: absolute;
    right: 0; }
  html .md-text-field--inline-indicator {
    width: calc(100% - 24px); }
  html .md-password-btn {
    background: transparent;
    border: 0;
    height: 24px;
    padding: 0;
    width: 24px; }
    html .md-password-btn:not(.md-password-btn--focus):focus {
      outline-style: none; }
    html .md-password-btn .md-icon {
      color: inherit; }
  html .md-password-btn--active::before {
    background: rgba(0, 0, 0, 0.54); }
  html .md-password-btn--invisible::before, html .md-password-btn--invisible::after {
    content: '';
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    width: 100%; }
  html .md-password-btn--invisible::before {
    transform: translate3d(-1px, -50%, 0) rotate3d(0, 0, 1, 45deg); }
  html .md-password-btn--invisible::after {
    background: #fafafa;
    transform: translate3d(1px, -50%, 0) rotate3d(0, 0, 1, 45deg); }
  @media screen and (min-width: 320px) {
    html .md-text-field-container--input-block {
      padding-bottom: 20px;
      padding-top: 20px; }
    html .md-text-field-container--multiline-block {
      margin-bottom: 20px;
      margin-top: 20px; }
    html .md-text-field-container--padded-block {
      padding-left: 20px;
      padding-right: 20px; }
    html .md-text-field {
      font-size: 16px; }
    html .md-text-field--floating-margin {
      margin-top: 37px; }
    html .md-divider--text-field {
      margin-bottom: 8px; }
    html .md-floating-label--inactive {
      transform: translate3d(0, 39px, 0); }
    html .md-floating-label--inactive-sized {
      font-size: 16px; }
    html .md-floating-label--floating {
      transform: translate3d(0, 16px, 0); }
    html .md-text-field-icon--positioned {
      margin-bottom: 13.5px; }
    html .md-text-field-inline-indicator {
      top: 9px; }
      html .md-text-field-inline-indicator--floating {
        top: 34px; }
      html .md-text-field-inline-indicator--block {
        top: 17px; }
    html .md-floating-label--inactive-title {
      transform: translate3d(0, 42px, 0); } }
  @media screen and (min-width: 1025px) {
    html .md-text-field-container--input-block {
      padding-bottom: 16px;
      padding-top: 16px; }
    html .md-text-field-container--multiline-block {
      margin-bottom: 16px;
      margin-top: 16px; }
    html .md-text-field-container--padded-block {
      padding-left: 16px;
      padding-right: 16px; }
    html .md-text-field {
      font-size: 13px; }
    html .md-text-field--floating-margin {
      margin-top: 33px; }
    html .md-divider--text-field {
      margin-bottom: 4px; }
    html .md-floating-label--inactive {
      transform: translate3d(0, 33px, 0); }
    html .md-floating-label--inactive-sized {
      font-size: 13px; }
    html .md-floating-label--floating {
      transform: translate3d(0, 12px, 0); }
    html .md-text-field-icon--positioned {
      margin-bottom: 9.5px; }
    html .md-password-btn.md-password-btn {
      height: 20px;
      width: 20px; }
    html .md-text-field-message-container--left-icon-offset {
      padding-left: 36px; }
    html .md-text-field-message-container--right-icon-offset {
      padding-right: 36px; }
    html .md-text-field-inline-indicator {
      top: 9px; }
      html .md-text-field-inline-indicator--floating {
        top: 30px; }
      html .md-text-field-inline-indicator--block {
        top: 12px; }
    html .md-floating-label--inactive-title {
      transform: translate3d(0, 36px, 0); } }
  html .md-text-field--title {
    font-size: 34px; }
  html .md-floating-label--title {
    transition-duration: 0.25s; }
  html .md-floating-label--inactive-title {
    font-size: 34px; }
  @media screen and (min-width: 320px) {
    html .md-toolbar-relative {
      margin-top: 56px; }
      html .md-toolbar-relative--padding {
        padding-top: 56px; }
    html .md-toolbar {
      height: 56px; }
    html .md-btn--toolbar {
      margin-bottom: 4px;
      margin-top: 4px; }
    html .md-toolbar .md-btn--text {
      margin-bottom: 10px;
      margin-top: 10px; }
    html .md-toolbar--action-left {
      margin-left: 4px; }
    html .md-toolbar--action-right {
      margin-right: 4px; }
    html .md-title--toolbar {
      line-height: 56px;
      margin-left: 20px; }
      html .md-title--toolbar-offset {
        margin-left: 72px; }
    html .md-select-field--toolbar.md-select-field--toolbar {
      margin-bottom: 6px;
      margin-top: 6px; } }
  @media screen and (min-width: 320px) and (min-aspect-ratio: 13 / 9) {
    html .md-toolbar-relative {
      margin-top: 48px; }
      html .md-toolbar-relative--padding {
        padding-top: 48px; }
    html .md-toolbar {
      height: 48px; }
    html .md-toolbar--action-left {
      margin-left: 4px; }
    html .md-toolbar--action-right {
      margin-right: 4px; }
    html .md-title--toolbar {
      line-height: 48px;
      margin-left: 20px; }
      html .md-title--toolbar-offset {
        margin-left: 72px; } }
  @media screen and (min-width: 768px) {
    html .md-toolbar-relative {
      margin-top: 64px; }
      html .md-toolbar-relative--padding {
        padding-top: 64px; }
    html .md-toolbar {
      height: 64px; }
    html .md-btn--toolbar {
      margin-bottom: 8px;
      margin-top: 8px; }
    html .md-toolbar .md-btn--text {
      margin-bottom: 14px;
      margin-top: 14px; }
    html .md-toolbar--action-left {
      margin-left: 12px; }
    html .md-toolbar--action-right {
      margin-right: 12px; }
    html .md-title--toolbar {
      line-height: 64px;
      margin-left: 20px; }
      html .md-title--toolbar-offset {
        margin-left: 80px; }
    html .md-select-field--toolbar.md-select-field--toolbar {
      margin-bottom: 10px;
      margin-top: 10px; } }
  @media screen and (min-width: 768px) and (min-aspect-ratio: 13 / 9) {
    html .md-select-field--toolbar.md-select-field--toolbar {
      margin-bottom: 12px;
      margin-top: 12px; } }
  @media screen and (min-width: 1025px) {
    html .md-toolbar--action-left {
      margin-left: 14px; }
    html .md-toolbar--action-right {
      margin-right: 14px; }
    html .md-title--toolbar {
      margin-left: 26px; }
      html .md-title--toolbar-offset {
        margin-left: 80px; }
    html .md-btn--toolbar {
      margin-bottom: 12px;
      margin-top: 12px; }
    html .md-toolbar .md-btn--text {
      margin-bottom: 16px;
      margin-top: 16px; } }
  html .md-toolbar {
    display: flex; }
    html .md-toolbar--fixed {
      left: 0;
      position: fixed;
      right: 0;
      top: 0;
      z-index: 15; }
    html .md-toolbar--inset {
      margin: 8px;
      max-width: calc(100vw - 16px); }
    html .md-toolbar--text-white {
      color: #fff; }
      html .md-toolbar--text-white .md-btn, html .md-toolbar--text-white .md-icon, html .md-toolbar--text-white .md-title--toolbar, html .md-toolbar--text-white .md-text-field, html .md-toolbar--text-white .md-select-field {
        color: inherit; }
      html .md-toolbar--text-white :placeholder {
        color: rgba(255, 255, 255, 0.7); }
      html .md-toolbar--text-white :-moz-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      html .md-toolbar--text-white ::-moz-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      html .md-toolbar--text-white :-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
      html .md-toolbar--text-white ::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.7); }
    html .md-toolbar--themed {
      background: #f5f5f5; }
      html .md-toolbar--themed .md-title--toolbar {
        color: rgba(0, 0, 0, 0.87); }
    html .md-toolbar--prominent {
      height: 128px; }
  html .md-title--toolbar {
    color: rgba(0, 0, 0, 0.87);
    margin-bottom: 0;
    transition-duration: 0.15s;
    transition-property: transform; }
    html .md-title--toolbar-prominent {
      position: absolute;
      transform: translate3d(0, 64px, 0); }
  html .md-toolbar-relative--prominent {
    margin-top: 128px; }
    html .md-toolbar-relative--prominent-padding {
      padding-top: 128px; }
  html .md-toolbar .md-text-field-container {
    padding-bottom: 0;
    padding-top: 0; }
  html .md-toolbar .md-text-field--toolbar {
    font-size: 20px; }
  html .md-toolbar .md-autocomplete-container,
  html .md-toolbar .md-autocomplete {
    height: 100%; }
  @media screen and (min-width: 320px) {
    html .md-tooltip {
      font-size: 14px;
      padding: 9px 16px; }
      html .md-tooltip--top {
        top: -24px; }
      html .md-tooltip--right {
        right: -24px; }
      html .md-tooltip--bottom {
        bottom: -24px; }
      html .md-tooltip--left {
        left: -24px; } }
  @media screen and (min-width: 1025px) {
    html .md-tooltip {
      font-size: 10px;
      padding: 6px 8px; }
      html .md-tooltip--top {
        top: -14px; }
      html .md-tooltip--right {
        right: -14px; }
      html .md-tooltip--bottom {
        bottom: -14px; }
      html .md-tooltip--left {
        left: -14px; } }
  html .md-tooltip-container {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    user-select: none;
    width: 100%;
    z-index: 1; }
  html .md-tooltip {
    background: #616161;
    color: #fff;
    display: block;
    font-weight: 500;
    opacity: 0.9;
    outline-style: none;
    position: absolute;
    white-space: nowrap; }
    html .md-tooltip--active {
      transition-duration: 0.15s;
      transition-property: opacity, transform; }
    html .md-tooltip--enter, html .md-tooltip--leave-active {
      opacity: 0; }
    html .md-tooltip--enter-active {
      opacity: 0.9;
      transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
    html .md-tooltip--leave-active {
      transition-timing-function: cubic-bezier(0.4, 0, 1, 1); }
    html .md-tooltip--horizontal {
      left: 50%;
      transform: translate3d(-50%, 0, 0); }
    html .md-tooltip--vertical {
      top: 50%;
      transform: translate3d(0, -50%, 0); }
    html .md-tooltip--top-active {
      transform: translate3d(-50%, -100%, 0); }
    html .md-tooltip--right-active {
      transform: translate3d(100%, -50%, 0); }
    html .md-tooltip--bottom-active {
      transform: translate3d(-50%, 100%, 0); }
    html .md-tooltip--left-active {
      transform: translate3d(-100%, -50%, 0); }
  html .md-text {
    color: rgba(0, 0, 0, 0.87); }
    html .md-text--secondary {
      color: rgba(0, 0, 0, 0.54); }
    html .md-text--disabled {
      color: rgba(0, 0, 0, 0.38); }
    html .md-text--theme-primary {
      color: #3f51b5; }
    html .md-text--theme-secondary {
      color: #ff4081; }
    html .md-text--error {
      color: #f44336; }
    html .md-text--inherit.md-text--inherit {
      color: inherit; }
  html .md-ink--primary .md-ink {
    background: rgba(63, 81, 181, 0.26); }
  html .md-ink--secondary .md-ink {
    background: rgba(255, 64, 129, 0.26); }
  html .md-background {
    background: #fafafa; }
    html .md-background--card {
      background: #fff; }
    html .md-background--primary {
      background: #3f51b5;
      color: #fff; }
    html .md-background--secondary {
      background: #ff4081;
      color: #fff; }
  @media screen and (min-width: 1025px) {
    html .md-background--primary-hover:hover {
      background: rgba(63, 81, 181, 0.9); }
    html .md-background--secondary-hover:hover {
      background: rgba(255, 64, 129, 0.9); } }
  html .demo .md-btn--color-primary-active {
    background: rgba(41, 121, 255, 0.12); }
  html .demo .md-btn--color-secondary-active {
    background: rgba(144, 202, 249, 0.12); }
  html .demo .md-card-title--contextual {
    background: #e3f2fd; }
  html .demo .md-card-title--title-contextual {
    color: #90caf9; }
  html .demo .md-picker-header {
    background: #2979ff; }
  html .demo .md-calendar-date--btn::after {
    background: #2979ff; }
  html .demo .md-clock-hand::before, html .demo .md-clock-hand::after {
    background: #2979ff; }
  html .demo .md-circular-progress-path {
    stroke: #90caf9; }
  html .demo .md-slider-thumb--on,
  html .demo .md-slider-track-fill {
    background: #2979ff; }
  html .demo .md-slider-thumb--discrete-on::after {
    border-top-color: #2979ff; }
  html .demo .md-tab-indicator {
    background: #90caf9; }
  html .demo .md-divider--text-field:not(.md-divider--text-field-error)::after {
    background: #2979ff; }
  html .demo .md-text--theme-primary {
    color: #2979ff; }
  html .demo .md-ink--primary .md-ink {
    background: rgba(41, 121, 255, 0.26); }
  html .demo .md-background--primary {
    background: #2979ff; }
  html .demo .md-text--theme-secondary {
    color: #90caf9; }
  html .demo .md-ink--secondary .md-ink {
    background: rgba(144, 202, 249, 0.26); }
  html .demo .md-background--secondary {
    background: #90caf9; }
  @media screen and (min-width: 1025px) {
    html .demo .md-background--primary-hover:hover {
      background: rgba(41, 121, 255, 0.9); }
    html .demo .md-background--secondary-hover:hover {
      background: rgba(144, 202, 249, 0.9); } }
  html .development .md-btn--color-primary-active {
    background: rgba(78, 52, 46, 0.12); }
  html .development .md-btn--color-secondary-active {
    background: rgba(188, 170, 164, 0.12); }
  html .development .md-card-title--contextual {
    background: #efebe9; }
  html .development .md-card-title--title-contextual {
    color: #bcaaa4; }
  html .development .md-picker-header {
    background: #4e342e; }
  html .development .md-calendar-date--btn::after {
    background: #4e342e; }
  html .development .md-clock-hand::before, html .development .md-clock-hand::after {
    background: #4e342e; }
  html .development .md-circular-progress-path {
    stroke: #bcaaa4; }
  html .development .md-slider-thumb--on,
  html .development .md-slider-track-fill {
    background: #4e342e; }
  html .development .md-slider-thumb--discrete-on::after {
    border-top-color: #4e342e; }
  html .development .md-tab-indicator {
    background: #bcaaa4; }
  html .development .md-divider--text-field:not(.md-divider--text-field-error)::after {
    background: #4e342e; }
  html .development .md-text--theme-primary {
    color: #4e342e; }
  html .development .md-ink--primary .md-ink {
    background: rgba(78, 52, 46, 0.26); }
  html .development .md-background--primary {
    background: #4e342e; }
  html .development .md-text--theme-secondary {
    color: #bcaaa4; }
  html .development .md-ink--secondary .md-ink {
    background: rgba(188, 170, 164, 0.26); }
  html .development .md-background--secondary {
    background: #bcaaa4; }
  @media screen and (min-width: 1025px) {
    html .development .md-background--primary-hover:hover {
      background: rgba(78, 52, 46, 0.9); }
    html .development .md-background--secondary-hover:hover {
      background: rgba(188, 170, 164, 0.9); } }
  html .development2 .md-btn--color-primary-active {
    background: rgba(46, 125, 50, 0.12); }
  html .development2 .md-btn--color-secondary-active {
    background: rgba(156, 204, 101, 0.12); }
  html .development2 .md-card-title--contextual {
    background: #e8f5e9; }
  html .development2 .md-card-title--title-contextual {
    color: #9ccc65; }
  html .development2 .md-picker-header {
    background: #2e7d32; }
  html .development2 .md-calendar-date--btn::after {
    background: #2e7d32; }
  html .development2 .md-clock-hand::before, html .development2 .md-clock-hand::after {
    background: #2e7d32; }
  html .development2 .md-circular-progress-path {
    stroke: #9ccc65; }
  html .development2 .md-slider-thumb--on,
  html .development2 .md-slider-track-fill {
    background: #2e7d32; }
  html .development2 .md-slider-thumb--discrete-on::after {
    border-top-color: #2e7d32; }
  html .development2 .md-tab-indicator {
    background: #9ccc65; }
  html .development2 .md-divider--text-field:not(.md-divider--text-field-error)::after {
    background: #2e7d32; }
  html .development2 .md-text--theme-primary {
    color: #2e7d32; }
  html .development2 .md-ink--primary .md-ink {
    background: rgba(46, 125, 50, 0.26); }
  html .development2 .md-background--primary {
    background: #2e7d32; }
  html .development2 .md-text--theme-secondary {
    color: #9ccc65; }
  html .development2 .md-ink--secondary .md-ink {
    background: rgba(156, 204, 101, 0.26); }
  html .development2 .md-background--secondary {
    background: #9ccc65; }
  @media screen and (min-width: 1025px) {
    html .development2 .md-background--primary-hover:hover {
      background: rgba(46, 125, 50, 0.9); }
    html .development2 .md-background--secondary-hover:hover {
      background: rgba(156, 204, 101, 0.9); } }
  html .local .md-btn--color-primary-active {
    background: rgba(253, 216, 53, 0.12); }
  html .local .md-btn--color-secondary-active {
    background: rgba(100, 221, 23, 0.12); }
  html .local .md-card-title--contextual {
    background: #e8f5e9; }
  html .local .md-card-title--title-contextual {
    color: #64dd17; }
  html .local .md-picker-header {
    background: #fdd835; }
  html .local .md-calendar-date--btn::after {
    background: #fdd835; }
  html .local .md-clock-hand::before, html .local .md-clock-hand::after {
    background: #fdd835; }
  html .local .md-circular-progress-path {
    stroke: #64dd17; }
  html .local .md-slider-thumb--on,
  html .local .md-slider-track-fill {
    background: #fdd835; }
  html .local .md-slider-thumb--discrete-on::after {
    border-top-color: #fdd835; }
  html .local .md-tab-indicator {
    background: #64dd17; }
  html .local .md-divider--text-field:not(.md-divider--text-field-error)::after {
    background: #fdd835; }
  html .local .md-text--theme-primary {
    color: #fdd835; }
  html .local .md-ink--primary .md-ink {
    background: rgba(253, 216, 53, 0.26); }
  html .local .md-background--primary {
    background: #fdd835; }
  html .local .md-text--theme-secondary {
    color: #64dd17; }
  html .local .md-ink--secondary .md-ink {
    background: rgba(100, 221, 23, 0.26); }
  html .local .md-background--secondary {
    background: #64dd17; }
  @media screen and (min-width: 1025px) {
    html .local .md-background--primary-hover:hover {
      background: rgba(253, 216, 53, 0.9); }
    html .local .md-background--secondary-hover:hover {
      background: rgba(100, 221, 23, 0.9); } }
  html .production .md-btn--color-primary-active {
    background: rgba(3, 169, 244, 0.12); }
  html .production .md-btn--color-secondary-active {
    background: rgba(64, 196, 255, 0.12); }
  html .production .md-card-title--contextual {
    background: #e3f2fd; }
  html .production .md-card-title--title-contextual {
    color: #40c4ff; }
  html .production .md-picker-header {
    background: #03a9f4; }
  html .production .md-calendar-date--btn::after {
    background: #03a9f4; }
  html .production .md-clock-hand::before, html .production .md-clock-hand::after {
    background: #03a9f4; }
  html .production .md-circular-progress-path {
    stroke: #40c4ff; }
  html .production .md-slider-thumb--on,
  html .production .md-slider-track-fill {
    background: #03a9f4; }
  html .production .md-slider-thumb--discrete-on::after {
    border-top-color: #03a9f4; }
  html .production .md-tab-indicator {
    background: #40c4ff; }
  html .production .md-divider--text-field:not(.md-divider--text-field-error)::after {
    background: #03a9f4; }
  html .production .md-text--theme-primary {
    color: #03a9f4; }
  html .production .md-ink--primary .md-ink {
    background: rgba(3, 169, 244, 0.26); }
  html .production .md-background--primary {
    background: #03a9f4; }
  html .production .md-text--theme-secondary {
    color: #40c4ff; }
  html .production .md-ink--secondary .md-ink {
    background: rgba(64, 196, 255, 0.26); }
  html .production .md-background--secondary {
    background: #40c4ff; }
  @media screen and (min-width: 1025px) {
    html .production .md-background--primary-hover:hover {
      background: rgba(3, 169, 244, 0.9); }
    html .production .md-background--secondary-hover:hover {
      background: rgba(64, 196, 255, 0.9); } }
  html .unknown .md-btn--color-primary-active {
    background: rgba(66, 66, 66, 0.12); }
  html .unknown .md-btn--color-secondary-active {
    background: rgba(117, 117, 117, 0.12); }
  html .unknown .md-card-title--contextual {
    background: #fafafa; }
  html .unknown .md-card-title--title-contextual {
    color: #757575; }
  html .unknown .md-picker-header {
    background: #424242; }
  html .unknown .md-calendar-date--btn::after {
    background: #424242; }
  html .unknown .md-clock-hand::before, html .unknown .md-clock-hand::after {
    background: #424242; }
  html .unknown .md-circular-progress-path {
    stroke: #757575; }
  html .unknown .md-slider-thumb--on,
  html .unknown .md-slider-track-fill {
    background: #424242; }
  html .unknown .md-slider-thumb--discrete-on::after {
    border-top-color: #424242; }
  html .unknown .md-tab-indicator {
    background: #757575; }
  html .unknown .md-divider--text-field:not(.md-divider--text-field-error)::after {
    background: #424242; }
  html .unknown .md-text--theme-primary {
    color: #424242; }
  html .unknown .md-ink--primary .md-ink {
    background: rgba(66, 66, 66, 0.26); }
  html .unknown .md-background--primary {
    background: #424242; }
  html .unknown .md-text--theme-secondary {
    color: #757575; }
  html .unknown .md-ink--secondary .md-ink {
    background: rgba(117, 117, 117, 0.26); }
  html .unknown .md-background--secondary {
    background: #757575; }
  @media screen and (min-width: 1025px) {
    html .unknown .md-background--primary-hover:hover {
      background: rgba(66, 66, 66, 0.9); }
    html .unknown .md-background--secondary-hover:hover {
      background: rgba(117, 117, 117, 0.9); } }
  html .staging .md-btn--color-primary-active {
    background: rgba(171, 71, 188, 0.12); }
  html .staging .md-btn--color-secondary-active {
    background: rgba(234, 128, 252, 0.12); }
  html .staging .md-card-title--contextual {
    background: #f3e5f5; }
  html .staging .md-card-title--title-contextual {
    color: #ea80fc; }
  html .staging .md-picker-header {
    background: #ab47bc; }
  html .staging .md-calendar-date--btn::after {
    background: #ab47bc; }
  html .staging .md-clock-hand::before, html .staging .md-clock-hand::after {
    background: #ab47bc; }
  html .staging .md-circular-progress-path {
    stroke: #ea80fc; }
  html .staging .md-slider-thumb--on,
  html .staging .md-slider-track-fill {
    background: #ab47bc; }
  html .staging .md-slider-thumb--discrete-on::after {
    border-top-color: #ab47bc; }
  html .staging .md-tab-indicator {
    background: #ea80fc; }
  html .staging .md-divider--text-field:not(.md-divider--text-field-error)::after {
    background: #ab47bc; }
  html .staging .md-text--theme-primary {
    color: #ab47bc; }
  html .staging .md-ink--primary .md-ink {
    background: rgba(171, 71, 188, 0.26); }
  html .staging .md-background--primary {
    background: #ab47bc; }
  html .staging .md-text--theme-secondary {
    color: #ea80fc; }
  html .staging .md-ink--secondary .md-ink {
    background: rgba(234, 128, 252, 0.26); }
  html .staging .md-background--secondary {
    background: #ea80fc; }
  @media screen and (min-width: 1025px) {
    html .staging .md-background--primary-hover:hover {
      background: rgba(171, 71, 188, 0.9); }
    html .staging .md-background--secondary-hover:hover {
      background: rgba(234, 128, 252, 0.9); } }
  html .vagrant .md-btn--color-primary-active {
    background: rgba(239, 108, 0, 0.12); }
  html .vagrant .md-btn--color-secondary-active {
    background: rgba(255, 171, 64, 0.12); }
  html .vagrant .md-card-title--contextual {
    background: #fff3e0; }
  html .vagrant .md-card-title--title-contextual {
    color: #ffab40; }
  html .vagrant .md-picker-header {
    background: #ef6c00; }
  html .vagrant .md-calendar-date--btn::after {
    background: #ef6c00; }
  html .vagrant .md-clock-hand::before, html .vagrant .md-clock-hand::after {
    background: #ef6c00; }
  html .vagrant .md-circular-progress-path {
    stroke: #ffab40; }
  html .vagrant .md-slider-thumb--on,
  html .vagrant .md-slider-track-fill {
    background: #ef6c00; }
  html .vagrant .md-slider-thumb--discrete-on::after {
    border-top-color: #ef6c00; }
  html .vagrant .md-tab-indicator {
    background: #ffab40; }
  html .vagrant .md-divider--text-field:not(.md-divider--text-field-error)::after {
    background: #ef6c00; }
  html .vagrant .md-text--theme-primary {
    color: #ef6c00; }
  html .vagrant .md-ink--primary .md-ink {
    background: rgba(239, 108, 0, 0.26); }
  html .vagrant .md-background--primary {
    background: #ef6c00; }
  html .vagrant .md-text--theme-secondary {
    color: #ffab40; }
  html .vagrant .md-ink--secondary .md-ink {
    background: rgba(255, 171, 64, 0.26); }
  html .vagrant .md-background--secondary {
    background: #ffab40; }
  @media screen and (min-width: 1025px) {
    html .vagrant .md-background--primary-hover:hover {
      background: rgba(239, 108, 0, 0.9); }
    html .vagrant .md-background--secondary-hover:hover {
      background: rgba(255, 171, 64, 0.9); } }
  html .dark-mode {
    background: #303030; }
    html .dark-mode .md-headline,
    html .dark-mode .md-title,
    html .dark-mode .md-subheading-2,
    html .dark-mode .md-subheading-1,
    html .dark-mode .md-body-2,
    html .dark-mode .md-body-1 {
      color: #fff; }
    html .dark-mode .md-display-4,
    html .dark-mode .md-display-3,
    html .dark-mode .md-display-2,
    html .dark-mode .md-display-1,
    html .dark-mode .md-caption {
      color: rgba(255, 255, 255, 0.7); }
    html .dark-mode h6,
    html .dark-mode h5,
    html .dark-mode h4,
    html .dark-mode h3,
    html .dark-mode h2,
    html .dark-mode h1,
    html .dark-mode p {
      color: #fff; }
    html .dark-mode h1,
    html .dark-mode caption {
      color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-badge--default {
    background: #303030; }
  html .dark-mode .md-btn--raised-disabled {
    background: rgba(255, 255, 255, 0.12); }
  html .dark-mode .md-btn--icon {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-chip {
    background: #757575; }
  html .dark-mode .md-chip-text {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode thead .md-table-row,
  html .dark-mode tbody .md-table-row:not(:last-child) {
    border-bottom-color: rgba(255, 255, 255, 0.12); }
  @media (min-device-width: 1025px) {
    html .dark-mode .md-table-row--hover {
      background: #424242; } }
  html .dark-mode .md-table-row--active {
    background: #616161; }
  html .dark-mode .md-divider {
    background: rgba(255, 255, 255, 0.12); }
  html .dark-mode .md-divider-border {
    border-color: rgba(255, 255, 255, 0.12); }
  html .dark-mode .md-expansion-panel {
    background: #424242; }
  html .dark-mode .md-panel-secondary-label {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-icon {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-ink {
    background: rgba(255, 255, 255, 0.12); }
  html .dark-mode .md-list {
    background: #424242; }
  html .dark-mode .md-list-tile--active {
    background: rgba(0, 0, 0, 0.12); }
  html .dark-mode .md-picker-content-container {
    background: #303030; }
  html .dark-mode .md-calendar-date {
    color: rgba(255, 255, 255, 0.7); }
    html .dark-mode .md-calendar-date .md-picker-text--active {
      color: #303030; }
  html .dark-mode .md-clock-face {
    background: #424242; }
  html .dark-mode .md-background--card .md-slider-thumb--mask-disabled {
    background: #424242; }
  html .dark-mode .md-slider-track,
  html .dark-mode .md-slider-thumb--disabled {
    background: rgba(255, 255, 255, 0.3); }
  html .dark-mode .md-slider-thumb--continuous-off,
  html .dark-mode .md-slider-thumb--disabled-mask {
    background: #303030; }
  html .dark-mode .md-slider-thumb--off {
    border-color: rgba(255, 255, 255, 0.3); }
  html .dark-mode .md-slider-discrete-tick {
    background: #fff; }
  html .dark-mode .md-text-field:placeholder {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-text-field:-moz-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-text-field::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-text-field:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-text-field::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7); }
  html .dark-mode .md-text-field[disabled]:placeholder {
    color: rgba(255, 255, 255, 0.3); }
  html .dark-mode .md-text-field[disabled]:-moz-placeholder {
    color: rgba(255, 255, 255, 0.3); }
  html .dark-mode .md-text-field[disabled]::-moz-placeholder {
    color: rgba(255, 255, 255, 0.3); }
  html .dark-mode .md-text-field[disabled]:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.3); }
  html .dark-mode .md-text-field[disabled]::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.3); }
  html .dark-mode .md-toolbar--themed {
    background: #212121; }
    html .dark-mode .md-toolbar--themed .md-title {
      color: #fff; }
  html .dark-mode .md-text {
    color: #fff; }
    html .dark-mode .md-text--secondary {
      color: rgba(255, 255, 255, 0.7); }
    html .dark-mode .md-text--disabled {
      color: rgba(255, 255, 255, 0.3); }
  html .dark-mode .md-background {
    background: #303030; }
    html .dark-mode .md-background--card {
      background: #424242; }
  html .md-progress--circular-indeterminate {
    animation-name: md-circular-progress-3JVD3H; }
  html .md-circular-progress-path--animated {
    animation-name: md-circular-progress-dash-3M0BvD; }
  html .md-progress--linear-indeterminate ::before {
    animation-name: md-linear-indeterminate-3oMlM_; }
  html .md-progress--linear-indeterminate ::after {
    animation-name: md-linear-indeterminate-short-qABg_X; }
  html .md-ink--pulsing {
    animation-name: md-ink-pulse-1BU-qc; }
  html .md-icon.fa {
    font-size: inherit; }
  html .md-text--disabled .md-tile-text--primary {
    color: rgba(0, 0, 0, 0.38); }
  html .edge .md-cell,
  html .ie .md-cell {
    margin: 8px 6px 8px 8px; }

html body {
  font-family: "Roboto", "Noto Sans", sans-serif;
  /* SCAN-2092: override the font awesome defaults in case of fa icon button with tooltips */ }
  html body button,
  html body h1,
  html body h2,
  html body h3,
  html body h4,
  html body h5,
  html body h6,
  html body input,
  html body p,
  html body textarea {
    font-family: "Roboto", "Noto Sans", sans-serif; }
  html body button.md-btn--tooltip .md-tooltip {
    font-family: "Roboto", "Noto Sans", sans-serif; }

@media screen and (max-width: 1024px) {
  html .md-card-title--large {
    font-size: 22px; } }

/* dark mode global stuff */
/* need to revert some react-md styles manually here */
/* stylelint-disable no-descending-specificity */
html body.dark-mode {
  color: #f3f3f3; }
  html body.dark-mode .md-calendar-date--btn .md-calendar-date--date {
    color: #f3f3f3; }
  html body.dark-mode .md-calendar-date--btn.md-text--disabled .md-calendar-date--date {
    color: rgba(128, 128, 128, 0.7); }

/* stylelint-enable no-descending-specificity */

.container-2r81Pg {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 20px;
  text-align: center;
  z-index: 1; }

.loader-2Nu9XS {
  height: 256px;
  padding: 0;
  width: 256px; }

.scale-0-3mx1ul.8 {
  height: 8px;
  width: 8px; }

.scale-1-2jN7Ym {
  height: 10px;
  width: 10px; }

.scale-2-2x7ShS {
  height: 12px;
  width: 12px; }

.scale-3-3SBmHM {
  height: 16px;
  width: 16px; }

.scale-4-2aw6dA {
  height: 24px;
  width: 24px; }

.scale-5-32o7Y3 {
  height: 32px;
  width: 32px; }

.scale-6-2cAwo- {
  height: 48px;
  width: 48px; }

.scale-7-1l5ezF {
  height: 54px;
  width: 54px; }

.scale-8-WUybdJ {
  height: 80px;
  width: 80px; }

.scale-9-x3OGiU {
  height: 90px;
  width: 90px; }

.scale-10-LBvjUj {
  height: 100px;
  width: 100px; }

.scale-25p-2Arm9Y {
  height: 25%;
  width: 25%; }

.scale-33p-1uzrO_ {
  height: 33%;
  width: 33%; }

.scale-50p-ncy1zC {
  height: 50%;
  width: 50%; }

.scale-66p-uOtCm5 {
  height: 66%;
  width: 66%; }

.scale-75p-1Qc25t {
  height: 75%;
  width: 75%; }

.scale-80p-3iwXz- {
  height: 80%;
  width: 80%; }

.scale-90p-3ujnjh {
  height: 90%;
  width: 90%; }

.scale-100p-1JBgVA {
  height: 100%;
  width: 100%; }

.shield-3KneFB {
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2; }
  .shield-3KneFB.centered-23d0CZ {
    align-items: center;
    display: flex;
    justify-content: center; }

.fullPage-V8MppJ {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-items: center;
  width: 100vw; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .shield-3KneFB {
  background: rgba(128, 128, 128, 0.5); }

/* stylelint-enable no-descending-specificity */

.md-display-4-1igMOn {
  letter-spacing: -.1px; }

.md-display-3-5qOod5 {
  letter-spacing: -.05px; }

.md-display-2-JzHVN8, h1, .md-display-1-SS89H0, h2, .md-headline-3MBie8 {
  letter-spacing: 0; }

h3, .md-title-o_qrhy {
  letter-spacing: .5px; }

h4, .md-subheading-2-MLYJYo, h5, .md-subheading-1-X3DX2z, p, .md-body-1-3B5U95, h6, .md-body-2-3D_pIK {
  letter-spacing: .1px; }

caption, .md-caption-3Hkz6B {
  letter-spacing: .2px; }

h1, .md-display-1-SS89H0,
.md-display-2-JzHVN8,
.md-display-3-5qOod5,
.md-display-4-1igMOn,
h2,
.md-headline-3MBie8,
h3,
.md-title-o_qrhy,
h5,
.md-subheading-1-X3DX2z,
h4,
.md-subheading-2-MLYJYo,
p,
.md-body-1-3B5U95,
h6,
.md-body-2-3D_pIK,
caption,
.md-caption-3Hkz6B {
  margin: 0; }

h1, .md-display-1-SS89H0,
.md-display-2-JzHVN8,
.md-display-3-5qOod5,
.md-display-4-1igMOn,
h2,
.md-headline-3MBie8,
h3,
.md-title-o_qrhy {
  margin-bottom: 14px; }


h5,
.md-subheading-1-X3DX2z,
h4,
.md-subheading-2-MLYJYo,
p,
.md-body-1-3B5U95,
h6,
.md-body-2-3D_pIK,
caption,
.md-caption-3Hkz6B {
  margin-bottom: 10px; }


.md-display-3-5qOod5,
.md-display-4-1igMOn,
h3,
.md-title-o_qrhy {
  white-space: nowrap; }

h1, .md-display-1-SS89H0,
.md-display-2-JzHVN8,
.md-display-3-5qOod5,
h2,
.md-headline-3MBie8,
h5,
.md-subheading-1-X3DX2z,
h4,
.md-subheading-2-MLYJYo,
p,
.md-body-1-3B5U95,
caption,
.md-caption-3Hkz6B {
  font-weight: 400; }


h3,
.md-title-o_qrhy,
h6,
.md-body-2-3D_pIK {
  font-weight: 500; }


.md-display-4-1igMOn {
  font-size: 112px;
  font-weight: 300;
  line-height: 128px; }


.md-display-3-5qOod5 {
  font-size: 56px;
  line-height: 84px; }


.md-display-2-JzHVN8 {
  font-size: 45px;
  line-height: 48px; }

h1, .md-display-1-SS89H0 {
  font-size: 34px;
  line-height: 40px; }


h2,
.md-headline-3MBie8 {
  font-size: 24px;
  line-height: 32px; }


h3,
.md-title-o_qrhy {
  font-size: 20px;
  line-height: 28px; }


h4,
.md-subheading-2-MLYJYo {
  line-height: 28px; }


h5,
.md-subheading-1-X3DX2z {
  line-height: 24px; }


p,
.md-body-1-3B5U95 {
  line-height: 20px; }


h6,
.md-body-2-3D_pIK {
  line-height: 24px; }


caption,
.md-caption-3Hkz6B {
  font-size: 12px; }

.md-text-left-3LcvYO {
  text-align: left; }

.md-text-center-yo9Cro, .errorArea-2u9IPP {
  text-align: center; }

.md-text-right-3HSCA2 {
  text-align: right; }

.md-text-justify-2ACQG1 {
  text-align: justify; }

.md-text-capitalize-sKWhBP {
  text-transform: capitalize; }

.md-text-lowercalse-3JebqS {
  text-transform: lowercase; }

.md-text-uppercase-RESNMe {
  text-transform: uppercase; }

.md-text-nowrap-21cbLM {
  white-space: nowrap; }

.md-text-no-select-3ImL_X {
  user-select: none; }

.md-font-light-m1tLAE {
  font-weight: 300; }

.md-font-regular-a1FDyf {
  font-weight: 400; }

.md-font-medium-2TZkoG {
  font-weight: 500; }

.md-font-semibold-2aaDm_ {
  font-weight: 600; }

.md-font-bold-2EKhIc {
  font-weight: 700; }

.md-text-container-2J_K7e {
  display: block;
  margin-left: auto;
  margin-right: auto; }

@media screen and (min-width: 320px) {
  .md-subheading-2-MLYJYo,
  .md-subheading-1-X3DX2z {
    font-size: 16px; }
  .md-body-2-3D_pIK,
  .md-body-1-3B5U95 {
    font-size: 14px; }
  h5,
  h4 {
    font-size: 16px; }
  h6,
  p {
    font-size: 14px; } }

@media screen and (min-width: 1025px) {
  .md-subheading-2-MLYJYo,
  .md-subheading-1-X3DX2z {
    font-size: 15px; }
  .md-body-2-3D_pIK,
  .md-body-1-3B5U95 {
    font-size: 13px; }
  h5,
  h4 {
    font-size: 15px; }
  h6,
  p {
    font-size: 13px; } }

*,
*::before,
*::after {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }

html {
  background: #fafafa;
  font-size: 14px;
  min-width: 100%; }

body {
  font-family: "Roboto", sans-serif;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-weight: 400;
  line-height: 1.42857;
  text-rendering: optimizeLegibility; }


h2,
.md-headline-3MBie8,
h3,
.md-title-o_qrhy,
h4,
.md-subheading-2-MLYJYo,
h5,
.md-subheading-1-X3DX2z,
h6,
.md-body-2-3D_pIK,
p,
.md-body-1-3B5U95 {
  color: rgba(0, 0, 0, 0.87); }


.md-display-4-1igMOn,
.md-display-3-5qOod5,
.md-display-2-JzHVN8, h1, .md-display-1-SS89H0,
caption,
.md-caption-3Hkz6B {
  color: rgba(0, 0, 0, 0.54); }

h1,
h2,
h3,
h4,
h5,
h6,
p,
button,
input,
textarea,
html {
  font-family: "Roboto", sans-serif; }

.md-text-container-2J_K7e {
  max-width: 640px;
  width: 100%; }
  .md-text-container-2J_K7e.md-text-container-2J_K7e.md-cell-2Li_eH {
    margin-left: auto;
    margin-right: auto; }

.childrenContainer-2XIHYw {
  align-items: center;
  display: flex;
  height: 50px;
  padding-left: 10px;
  width: 100%; }
  .childrenContainer-2XIHYw .md-tile-addon--icon {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 30px; }
    .childrenContainer-2XIHYw .md-tile-addon--icon svg {
      width: 100%; }

.dialogButton-190kPW {
  width: auto; }

.rescanMultipleDialog-hAiKWN .md-dialog-content {
  overflow: visible !important; }

.container-15RAtR {
  display: inline-block;
  margin: 0 4px;
  vertical-align: middle; }
  .container-15RAtR.dirty-fIJ2Vd {
    color: #757575; }
  .container-15RAtR.success-jhwfHP {
    color: #81c784; }
  .container-15RAtR.fail-2e6PLa, .container-15RAtR.error-KPMLtv {
    color: #e57373; }
  .container-15RAtR .icon-2T1rgg {
    font-size: inherit; }

.title-2v27aG {
  font-size: 16px;
  font-weight: bold; }

.tooltip-3rKddT h2 {
  color: white; }

.multiSelectOption-3tc_WI {
  max-width: 300px; }
  .multiSelectOption-3tc_WI.selected-1R3wdl {
    background: #eee; }
  .multiSelectOption-3tc_WI:hover {
    background: #ddd; }

.loader-2sv-UW {
  width: 20px; }

.toggle-3-Rqy9 {
  align-items: center;
  border-bottom: 1px solid #eee;
  display: flex;
  padding: 4px; }

.toggleFixedHeight-2faiWk {
  height: 30px; }

.chipsContainer-1uuHHq {
  display: flex; }

.optionChip-35R6m4.md-chip {
  border-radius: 6px;
  height: 20px;
  margin-right: 4px;
  padding-left: 8px;
  padding-right: 28px; }

.optionChip-35R6m4 .md-icon.md-chip-icon {
  font-size: 14px;
  top: 3px; }

.optionChip-35R6m4.disabled-1rgess {
  opacity: 0.5;
  pointer-events: none; }

.optionChipIconLightColor--KtLF_ .md-icon.md-chip-icon {
  color: white; }

.debugZone-2HrqZj {
  background: inherit !important; }
  .debugZone-2HrqZj .title-MbG0I6 {
    padding: 8px; }
    .debugZone-2HrqZj .title-MbG0I6:last-child {
      padding-bottom: 8px; }
  .debugZone-2HrqZj .buttons-1XmFK0 > * {
    margin-right: 12px; }

.definitionFileSelector-2hGozE {
  min-width: 300px;
  width: fit-content; }

.disableSelection-9kb_mr {
  display: none; }

.hideDefinitionFileSelector-1METAv {
  display: none; }

.definitionFileSelectorListItem-1vb89F {
  padding-left: 88px; }

@media screen and (max-width: 1024px) {
  .definitionFileSelectorListItem-1vb89F {
    padding-left: 96px; } }

.selectionHeader-17NocO {
  padding: 12px 36px 6px; }

.tagSelector-yJGA2R {
  align-items: flex-end;
  display: flex;
  width: 100%; }
  .tagSelector-yJGA2R > i {
    margin-bottom: 9.5px;
    width: 26px; }
  .tagSelector-yJGA2R > div {
    margin-left: 16px; }

.tagIconContainer-2b8KTs {
  height: 100%;
  padding-top: 4px; }

.tagIcon-3Os8z- {
  font-size: 16px !important; }

.chipContainer-1lOChs {
  display: inline-block;
  min-height: 22px; }

.chip-2eCIz3 {
  margin-bottom: 2px; }

.toggle-3gvTPf {
  padding: 4px 4px 4px 0 !important; }

.md-text-sKG_rM {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-3lyURo {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-1mUbbX {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-3XY3ck {
    color: #3f51b5; }
  .md-text--theme-secondary-N_smOM {
    color: #ff4081; }
  .md-text--error-21qKbr {
    color: #f44336; }
  .md-text--inherit-17d-ba.md-text--inherit-17d-ba {
    color: inherit; }

.md-ink--primary-13J_IU .md-ink-3kWZV7 {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-VUj_bn .md-ink-3kWZV7 {
  background: rgba(255, 64, 129, 0.26); }

.md-background-1Bk0X8 {
  background: #fafafa; }
  .md-background--card-2mb5mJ {
    background: #fff; }
  .md-background--primary-2kqVKU {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-2bI26S {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-2ras6a:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-1MSY-4:hover {
    background: rgba(255, 64, 129, 0.9); } }

.alertBody-23rIgP {
  align-items: center;
  display: flex;
  padding: 0 24px 16px; }

.alertIcon-37MVLE {
  margin-right: 16px; }

.alertMessage-2bfAD_ {
  padding-top: 6px; }

.alertModal-1GOKHN .md-dialog {
  width: 550px; }

.alertModal-1GOKHN .md-list .md-list-tile {
  padding: 4px 24px; }

.templatelessMessage-tphrqt {
  padding-bottom: 16px !important; }

.listChip-1GbRWt.md-chip {
  border-radius: 6px;
  filter: drop-shadow(1px 1px 1px #ccc);
  height: 20px;
  margin-bottom: 2px;
  margin-right: 4px;
  padding: 2px 8px; }

.tooltipFontIcon-2Opi8H {
  display: inline-block;
  position: relative; }
  .tooltipFontIcon-2Opi8H.inline-1JUR7L {
    display: inline; }
  .tooltipFontIcon-2Opi8H .tooltip-1-6Ydg {
    white-space: pre; }
    .tooltipFontIcon-2Opi8H .tooltip-1-6Ydg.fixedWidth-3g_tKl {
      white-space: normal; }
    .tooltipFontIcon-2Opi8H .tooltip-1-6Ydg.opaqueContent-1UF92L {
      background-color: rgba(97, 97, 97, 0.9);
      opacity: 1; }

.badge-AdHR9F.bottom-3P7_9C {
  bottom: -8px;
  right: -10px;
  top: unset; }

.ie-1JTqfk {
  /*
    IE11 has trouble calculating children size with flex boxes (https://caniuse.com/#feat=flexbox)
    this fixes for the most common use-case but have to be adjusted for specific (e.g. font size changed)
   */ }
  .ie-1JTqfk .tooltipFontIcon-2Opi8H {
    min-width: 16px; }

.textHelper-1Wba0J {
  padding: 0 4px; }

.container-2_zGnx {
  display: flex;
  padding-bottom: 12px; }

.icon-33zJ54 {
  margin: 0;
  margin-right: 4px; }

.secondaryInformation-1WZLHY {
  font-size: 12px;
  opacity: 0.5; }

.container-1b2r1O {
  align-items: center;
  display: flex;
  padding-bottom: 12px; }

.icon-3xg9uy {
  margin: 0;
  margin-right: 4px; }

.label-3RpJkX {
  opacity: 0.7;
  padding-right: 4px; }

.radioRows-3o-Hf- {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
  margin-top: 12px; }
  .radioRows-3o-Hf- .md-selection-control-container {
    height: auto; }
  .radioRows-3o-Hf- .md-selection-control-label {
    margin-right: 16px; }
  .radioRows-3o-Hf-.radioRowsHeight160-4Khcxo {
    max-height: 160px;
    overflow-y: scroll; }

.md-text-1RQj4p {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-Lqbetf {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-3InXCy {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-3BdXy0 {
    color: #3f51b5; }
  .md-text--theme-secondary-3B_2tk {
    color: #ff4081; }
  .md-text--error-12T0m9 {
    color: #f44336; }
  .md-text--inherit-PIn1No.md-text--inherit-PIn1No {
    color: inherit; }

.md-ink--primary-1ZANLM .md-ink-1fxY5M {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-1GSBzb .md-ink-1fxY5M {
  background: rgba(255, 64, 129, 0.26); }

.md-background-3dt7MI {
  background: #fafafa; }
  .md-background--card-ySJ8Iv {
    background: #fff; }
  .md-background--primary-1qSeoE {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-3cZ1pa {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-2a1NIr:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-3zlKbs:hover {
    background: rgba(255, 64, 129, 0.9); } }

/* stylelint-disable no-descending-specificity */
.labeledThumbnail-3Qm1D_ {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%; }
  .labeledThumbnail-3Qm1D_ .templateLabel-z5Ll8m {
    flex-grow: 1;
    position: relative; }
  .labeledThumbnail-3Qm1D_ .templateThumb-2XoqXE {
    flex-grow: 1;
    max-width: 36px;
    overflow: hidden;
    position: relative;
    width: 36px; }
    .labeledThumbnail-3Qm1D_ .templateThumb-2XoqXE .caption-35hwgp {
      text-align: center;
      width: 32px; }
    .labeledThumbnail-3Qm1D_ .templateThumb-2XoqXE img {
      border: 1px solid silver;
      max-width: 32px;
      width: 32px; }
  .labeledThumbnail-3Qm1D_:hover .templateFullThumbnail-23630M {
    display: flex; }

.templateFullThumbnail-23630M {
  background-color: white;
  display: none;
  left: 150px;
  max-height: 450px;
  max-width: 300px;
  overflow: hidden;
  position: fixed;
  top: 90px;
  width: 300px;
  z-index: 999; }
  .labeledThumbnail-3Qm1D_ .templateThumb-2XoqXE .templateFullThumbnail-23630M img {
    border: 2px solid #3f51b5;
    max-width: 100%;
    padding: 10px;
    width: 100%; }

.placeholder-3aPbjH {
  height: 32px;
  position: relative;
  width: 32px; }

/* stylelint-enable no-descending-specificity */

.buttonContainer-2X8wUA {
  color: #fff;
  float: right;
  padding-bottom: 24px; }
  .buttonContainer-2X8wUA .md-btn {
    margin: 0 4px; }
    .buttonContainer-2X8wUA .md-btn .md-icon {
      margin-right: 4px; }

.checkboxContainer-24h2Ov {
  display: flex;
  padding-bottom: 16px; }

.candidateList-3XrX5i {
  position: relative; }
  .candidateList-3XrX5i .md-list .md-list-tile {
    padding: 4px 24px; }

.container-2x66nW {
  padding: 8px 16px 0 26px;
  width: 100%; }

.listInfo-3nndcK {
  font-style: italic;
  padding: 4px 0 16px 32px; }

.templatelessMessage-1ZlZMk {
  color: rgba(0, 0, 0, 0.54);
  font-size: 13px;
  padding-bottom: 16px; }

.useStraightening-jk1MP1 {
  display: flex;
  font-size: 0.8rem; }

.templatelessContainer-1g-zME .md-dialog {
  width: 450px; }

.templateRescanButton-3Q7dbI .bigModal-2DmteJ .md-dialog {
  min-width: 300px;
  width: calc(100% - 100px); }

.templateRescanButton-3Q7dbI .titleIcon-2DZhMy {
  margin-right: 8px; }

.templateRescanButton-3Q7dbI .rescanButton-eiHoj0 {
  padding-left: 8px;
  padding-top: 7px; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .templateRescanButton-3Q7dbI .rescanButton-eiHoj0 {
  background-color: rgba(44, 44, 44, 0.7); }

/* stylelint-enable no-descending-specificity */

.headerExplanation-10XYeQ {
  padding: 8px; }
  .headerExplanation-10XYeQ > div:last-child {
    margin-top: 8px; }

.transformerView-1PZuWd {
  /*
    display clashes with react-md's md-card display, so we force this here
  */
  display: flex !important;
  flex-direction: row; }

.controls-3YZnQk {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 5px !important;
  /* stop circle from overlapping right border on small screens */
  width: 70px; }
  .controls-3YZnQk button {
    margin: 5px; }

.canvasContainer-8SNB7l {
  background: rgba(0, 0, 0, 0.4);
  width: calc(100% - 70px); }
  .canvasContainer-8SNB7l > div {
    height: 100%;
    width: 100%; }

.pages-2FmMXI {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 0 4px; }
  .pages-2FmMXI .md-btn--icon {
    padding: 0;
    width: 28px; }

.page-wNyzbG {
  background-color: transparent;
  border: 0;
  color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  min-width: 25px;
  padding: 0; }
  .page-wNyzbG:focus {
    outline: none; }
  .page-wNyzbG.active-1i9WqE {
    font-weight: bold; }

.label-bSBuoS {
  margin-right: 4px; }

.list-3ygQEH {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .list-3ygQEH button {
  color: rgba(255, 255, 255, 0.7); }

html body.dark-mode .pages-2FmMXI button[disabled],
html body.dark-mode .pages-2FmMXI button[disabled] .md-icon {
  color: rgba(255, 255, 255, 0.3); }

html body.dark-mode .page-wNyzbG.active-1i9WqE {
  color: white; }

/* stylelint-enable no-descending-specificity */

.pageControls-15LfA8 {
  display: flex;
  float: right;
  margin-right: 8px;
  margin-top: 4px; }
  .pageControls-15LfA8 .paginationList-3URFAg {
    align-items: center;
    display: flex; }
    .pageControls-15LfA8 .paginationList-3URFAg .pageConfirmed-j0zXCb {
      color: black; }

.container-1xAhE5 {
  position: relative; }

.image-1sp24n {
  height: calc(100vh - 450px);
  min-height: 400px;
  width: 100%; }

.buttonsContainer-SZuihN {
  margin-top: 8px; }

.bigModal-3GqeDd .md-dialog {
  min-width: 300px;
  width: calc(100% - 100px); }

.titleIcon-3bECI6 {
  margin-right: 8px; }

.md-text-25DiNZ {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-1YgblZ {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-2tCKp0 {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-1HsyLI {
    color: #3f51b5; }
  .md-text--theme-secondary-2rPqNJ {
    color: #ff4081; }
  .md-text--error-17EqjQ {
    color: #f44336; }
  .md-text--inherit-28ac8S.md-text--inherit-28ac8S {
    color: inherit; }

.md-ink--primary-VlXqB5 .md-ink-2LZ-x9 {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-3nIcGg .md-ink-2LZ-x9 {
  background: rgba(255, 64, 129, 0.26); }

.md-background-3AoXFY {
  background: #fafafa; }
  .md-background--card-YUuKQj {
    background: #fff; }
  .md-background--primary-S9SyF6 {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-3Nq8Mi {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-q2BB9d:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-3h1ITB:hover {
    background: rgba(255, 64, 129, 0.9); } }

.title-QQk6f2 {
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block; }
  .title-QQk6f2 .notSingleTemplate-3kRB2t {
    font-weight: bold; }

.secondaryInformation-2sijov {
  max-width: 230px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  opacity: 0.5; }
  .secondaryInformation-2sijov .icon-2TReX6 {
    margin-left: 4px;
    margin-right: 4px; }

.deletedTemplate-3H9yEO {
  color: #f44336 !important;
  margin-left: 4px;
  margin-right: 4px; }

.templatePageNumber-34_4PM {
  margin-left: 4px;
  margin-right: 4px; }

.notLatestVersionTemplate-tYgvZ2 {
  color: #f57c00 !important;
  margin-left: 4px;
  margin-right: 4px; }

.iconPadding-6DgdPs {
  bottom: 4px; }

.scanModeTooltip-2Bj3c0 {
  padding-left: 4px; }

.container-35qZ3e {
  align-items: flex-start;
  display: flex; }

.actions-1-WLy3 > * {
  margin-left: 4px;
  margin-right: 4px; }

.icon-3pnvrV {
  margin: 0 4px; }

.editIcon-1kSVo0 {
  font-size: 18px; }

.infoContainer-13u3v3 {
  margin-right: 8px;
  z-index: 14; }

.statusDetailTooltipIcon-2I1fp0 {
  margin-left: 4px;
  margin-right: 4px; }

.container-2DlfVY {
  font-size: 14px;
  position: relative; }
  .container-2DlfVY .infoContainer-qa6TSk {
    margin-bottom: 0;
    padding: 4px 12px; }
    .container-2DlfVY .infoContainer-qa6TSk > .md-grid {
      margin: 0;
      padding: 0; }
      .container-2DlfVY .infoContainer-qa6TSk > .md-grid > .md-cell {
        margin: 0;
        margin-bottom: 16px; }

.adjustedSizeIcon-2wcYeF {
  font-size: 20px !important; }

.title-3ls5Hl {
  align-items: center;
  display: flex;
  font-size: 24px;
  justify-content: space-between;
  padding: 4px 12px; }

.titleActions-1jVaah {
  display: flex; }

.legend-2-OtF_ {
  padding: 4px; }

.subTitle-2eTgX1 {
  font-size: 18px;
  padding-bottom: 8px;
  padding-left: 12px; }

.option-1MLOLC {
  align-items: center;
  display: flex;
  padding-bottom: 4px;
  padding-left: 4px; }

.optionIcon-xCrCK6 {
  margin: 0 8px; }
  .optionIcon-xCrCK6 i {
    width: 24px; }

.roundIndicator-UsGEJ1 {
  border: 1px solid #9e9e9e;
  border-radius: 50px;
  display: inline-block;
  height: 10px;
  margin: 0 4px;
  width: 10px; }
  .roundIndicator-UsGEJ1.invalid-A11Q8- {
    background-color: #e0e0e0; }
  .roundIndicator-UsGEJ1.low-2SzDVp {
    background-color: #e57373; }
  .roundIndicator-UsGEJ1.medium-1RprIZ {
    background-color: #fff176; }
  .roundIndicator-UsGEJ1.high-1mWFsP {
    background-color: #81c784; }

.settings-20-BhC {
  display: flex;
  flex-wrap: wrap; }

/* The value is also defined in the BoxesCanvas.js file (CANVAS_MIN_HEIGHT) */
.stageContainer-TY4TGy {
  min-height: 700px;
  position: relative;
  /* Override the style given from javascript for canvas width */
  width: 100% !important; }
  .stageContainer-TY4TGy canvas {
    width: 100%; }

.boxesCanvas-3l-cwY {
  border: 1px solid silver;
  box-sizing: border-box;
  position: relative;
  width: calc(100% - 100px);
  z-index: 5; }
  .boxesCanvas-3l-cwY.pan-3E4IU_ {
    cursor: grab; }
  .boxesCanvas-3l-cwY img,
  .boxesCanvas-3l-cwY canvas {
    box-sizing: border-box;
    position: relative;
    width: 100%;
    z-index: 2; }
    .boxesCanvas-3l-cwY img:focus,
    .boxesCanvas-3l-cwY canvas:focus {
      outline: none; }

.md-text-3ZTCEj {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-s-MEHp {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-pG5PBO {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-25RmQU {
    color: #3f51b5; }
  .md-text--theme-secondary-16aRs_ {
    color: #ff4081; }
  .md-text--error-zNgP7Z {
    color: #f44336; }
  .md-text--inherit-3B-ybb.md-text--inherit-3B-ybb {
    color: inherit; }

.md-ink--primary-CnEPQf .md-ink-1JLIQB {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-2u3Ydd .md-ink-1JLIQB {
  background: rgba(255, 64, 129, 0.26); }

.md-background-3ZJ4Hn {
  background: #fafafa; }
  .md-background--card-2O-zFp {
    background: #fff; }
  .md-background--primary-1g3ykJ {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-1WO4CY {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-2pBu1c:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-2Y_ZGy:hover {
    background: rgba(255, 64, 129, 0.9); } }

.actionButton-1IR6MO:not(:last-child) {
  margin-right: 13px; }

.requiredField-3hS5a2 {
  font-weight: bold; }
  .requiredField-3hS5a2::after {
    color: #e32;
    content: ' *'; }

.error-GenOEf {
  color: #f44336; }
  .error-GenOEf.select-byPzXe {
    font-size: 12px;
    padding: 0 4px; }

.centered-3CMgXO {
  align-items: center;
  display: flex; }

.helpPreview-oieTLh {
  border-left: 4px solid #e0e0e0;
  font-size: 12px;
  padding-left: 12px; }
  .helpPreview-oieTLh > p {
    color: #757575; }

.checkIcon-2qqTZe {
  color: green; }
  .checkIcon-2qqTZe.hidden {
    display: none; }

.addButton-UoOKND {
  margin-bottom: 0; }

.annotationDescriptionFull-1XILjh {
  width: auto !important; }

.companyCreationForm-P5psMm {
  position: relative; }

.elementListElement-8Sb8GF {
  display: flex; }

.elementListInfo-Nhjsqz {
  display: flex;
  flex-direction: column;
  overflow: hidden; }

.elementListInfoExtra-3cb0ZQ {
  opacity: 0.4; }

.elementListId-1tXr7f {
  opacity: 0.5;
  padding-right: 6px; }

.ellipsis-3b2MFK {
  overflow: hidden;
  text-overflow: ellipsis; }

.md-text-2p5WTv {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-1vovqd {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-2Fy0jE {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary--1BO_4 {
    color: #3f51b5; }
  .md-text--theme-secondary-2oE5KV {
    color: #ff4081; }
  .md-text--error-2XYRrU {
    color: #f44336; }
  .md-text--inherit-2zaDDo.md-text--inherit-2zaDDo {
    color: inherit; }

.md-ink--primary-1fDWip .md-ink-3X2j2p {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-17yjtw .md-ink-3X2j2p {
  background: rgba(255, 64, 129, 0.26); }

.md-background-36dvTa {
  background: #fafafa; }
  .md-background--card-14s0ck {
    background: #fff; }
  .md-background--primary-2opm_a {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-3zeDJ4 {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-1XL0Lo:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-11a4KO:hover {
    background: rgba(255, 64, 129, 0.9); } }

/* The component is vertically bigger, this is to avoid the bumps when switching the view */
.inputContainer-1h6dGm,
.textContainer-2xJq6i {
  align-items: center;
  display: flex;
  justify-content: space-between; }

.textContainer-2xJq6i {
  margin: 14px 8px; }

.editableTextFieldInput-1-pkwK {
  margin: 0 8px; }

.editOnlyVisibleOnHover-1EwLSs .editButton-1YyitZ {
  visibility: hidden; }

.editOnlyVisibleOnHover-1EwLSs:hover .editButton-1YyitZ {
  visibility: visible; }

.unchangeableText-cqYTKH {
  display: flex;
  flex-direction: column;
  white-space: pre-wrap; }

.hidden-2mwnSZ.md-btn {
  display: none; }

.error-1j7SsS {
  color: #f44336;
  font-size: 12px;
  padding-top: 4px; }

.disabled-34oMAy {
  opacity: 0.5; }

.selectionControlSelect-2mES6A {
  padding-bottom: 12px;
  padding-top: 12px;
  width: 100%; }

.selectionControlSelectContainer-3jBDQh {
  max-width: calc(100% - 28px);
  min-width: 110px; }
  .selectionControlSelectContainer-3jBDQh .md-menu--select-field {
    padding: 4px;
    width: 100%; }
  .selectionControlSelectContainer-3jBDQh .md-list.md-list--menu {
    max-width: 200px; }
    .selectionControlSelectContainer-3jBDQh .md-list.md-list--menu .md-list-tile--two-lines,
    .selectionControlSelectContainer-3jBDQh .md-list.md-list--menu .md-list-tile {
      height: initial; }
    .selectionControlSelectContainer-3jBDQh .md-list.md-list--menu .md-tile-content .md-tile-text--primary,
    .selectionControlSelectContainer-3jBDQh .md-list.md-list--menu .md-tile-content .md-tile-text--secondary {
      text-overflow: initial;
      white-space: break-spaces; }

.selectionControlContainer-3cLP3t {
  align-items: center;
  display: flex;
  justify-content: space-around; }

.inputEdit-10JPjP ul.md-autocomplete-list {
  min-width: 160px; }

.annotationInput-1FqfoZ {
  background-color: white;
  border: 2px solid orange;
  box-sizing: border-box;
  font-size: 1.2rem;
  min-width: 160px;
  position: absolute;
  z-index: 8; }

.cover-1h-F-R {
  background-color: rgba(55, 5, 225, 0.3);
  position: absolute;
  z-index: 7; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .annotationInput-1FqfoZ textarea,
html body.dark-mode .annotationInput-1FqfoZ input {
  color: initial; }

/* stylelint-enable no-descending-specificity */

.fullWidth-ZpKp7J {
  width: 100%; }

.canvasContainer-1QWYoA {
  position: relative; }
  .canvasContainer-1QWYoA label.md-selection-control-label > span {
    padding-right: 12px; }

.annotatorButton-2nIya1.md-btn {
  margin-bottom: 4px;
  margin-left: 4px; }

.collapseButton-3GU2oy {
  float: right; }

.shield-1tCTD3 {
  z-index: 9; }

.fontSizeSelector-2z99cm {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%; }
  .fontSizeSelector-2z99cm .fontSizeSelectorLabel-3iivID {
    font-size: 0.9rem;
    margin-right: 12px; }
  .fontSizeSelector-2z99cm .fontSizeSelectorButtons-JdtadA {
    display: flex; }

.fontSizeButton-1eaA4v {
  flex-grow: 1;
  padding: 0 8px 0 8px;
  position: relative; }
  .fontSizeButton-1eaA4v div[role="radio"] {
    display: none; }
    .fontSizeButton-1eaA4v div[role="radio"] + span {
      font-size: 0.9rem; }
    .fontSizeButton-1eaA4v div[role="radio"][aria-checked="true"] + span {
      color: #3f51b5;
      font-weight: bold; }

.fontSizeButtonLabel-2kgerY {
  height: 100%; }
  .fontSizeButtonLabel-2kgerY.hiddenTitle-_Ha4nM div[role="radio"] + span {
    font-size: 1.2rem; }

.invoiceImages-1t2bet {
  box-sizing: border-box;
  display: none; }
  .invoiceImages-1t2bet canvas {
    box-sizing: border-box; }
  .invoiceImages-1t2bet img {
    box-sizing: border-box; }

.pageSelector-3ioG4j .simpleDebugToolTip-1CucDl,
.pageSelector-3ioG4j .md-tile-addon--icon {
  display: flex; }

.standalonePageNumber-1lW5Qe {
  padding-left: 8px; }

.rowTypeItem-1YWJh9 {
  max-width: 300px; }

.dataEditor-3uZ56N {
  min-width: 200px; }

.selectionControlContainer-2XvQ33 {
  align-items: center;
  display: flex; }

.cellImage-DzyaGt {
  border: 1px solid rgba(192, 192, 192, 0.2);
  overflow: auto;
  text-align: center; }

.actions-32Es9H {
  align-items: center;
  display: flex;
  justify-content: space-between; }

.labels-gx-sUe {
  align-items: center;
  display: flex;
  flex-grow: 1;
  padding-left: 8px; }
  .labels-gx-sUe :first-child {
    margin-right: 20px; }

.actionButtons-yS31ZO {
  position: relative; }

.buttonAddRow-1-XlE_ {
  position: relative; }

.buttonDeleteRow-TUxl4a {
  display: inline; }

.addMenuItem-3c_o1T {
  max-width: 300px; }

.container-3XSg9p {
  display: inline-block;
  margin: 0 4px;
  vertical-align: middle; }
  .container-3XSg9p .md-icon {
    color: #e57373;
    font-size: inherit; }

.cell-1s1j85 {
  color: #000;
  text-align: left;
  white-space: pre-wrap; }
  .cell-1s1j85.postProcessed-hpS5ij {
    color: #512da8; }
  .cell-1s1j85.edited-1gKaee {
    color: #388e3c; }

.cellImage-370Ydi {
  border: 1px solid #e0e0e0;
  overflow: auto;
  text-align: center; }
  .invalidImage-FUjXhw .cellImage-370Ydi {
    border: 1px solid #f44336; }
    .invalidImage-FUjXhw .cellImage-370Ydi canvas {
      max-height: 30px; }

.cellValue-25ftBb {
  align-items: center;
  display: flex; }

.isExtractedFromEmbeddedTextLayer-M0u6lE {
  margin-right: 4px; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .cell-1s1j85 {
  color: white; }
  html body.dark-mode .cell-1s1j85.postProcessed-hpS5ij {
    /* deep purple'ish */
    color: rgba(63, 81, 181, 0.9); }
  html body.dark-mode .cell-1s1j85.edited-1gKaee {
    /* green'ish */
    color: rgba(118, 234, 7, 0.85); }

/* stylelint-enable no-descending-specificity */

.headerColumn-3pgbNm {
  position: relative; }
  .headerColumn-3pgbNm.label {
    max-width: 15%;
    width: 15%; }
  .headerColumn-3pgbNm.image {
    max-width: 60%;
    width: 60%; }
  .headerColumn-3pgbNm.value {
    max-width: 30%; }

.headerLabel-2mzltx {
  position: relative; }

.headerInformation-1KrK9e {
  align-items: center;
  display: flex;
  font-weight: lighter;
  justify-content: center;
  opacity: 0.5; }
  .headerInformation-1KrK9e .md-circular-progress {
    padding: 0 !important; }
  .headerInformation-1KrK9e .secondaryIcon-2OWjwk {
    margin-right: 4px; }

.emptyCell-1SdNA9 {
  background-color: unset;
  border: 1px solid #ddd;
  cursor: cell;
  padding: 8px;
  user-select: none;
  vertical-align: top; }

.selected-1Ht7KM {
  border: 1px double #2185d0;
  box-shadow: inset 0 -1000px 0 rgba(33, 133, 208, 0.15);
  transition: none; }

@charset "UTF-8";
.gridTableContainer-11cEWU {
  height: auto;
  width: 100%;
  /* stylelint-disable no-descending-specificity */
  /* stylelint-enable no-descending-specificity */ }
  .gridTableContainer-11cEWU input {
    background-color: lime; }
  .gridTableContainer-11cEWU span.data-grid-container,
  .gridTableContainer-11cEWU span.data-grid-container:focus {
    display: block;
    outline: none;
    overflow-x: auto; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid {
    border-collapse: collapse;
    min-width: 100%;
    table-layout: fixed; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid th {
    border: 1px solid #ddd;
    border-bottom: none;
    padding: 4px; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell.updated {
    background-color: rgba(0, 145, 253, 0.16);
    transition: background-color 0ms ease; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell {
    background-color: unset;
    border: 1px solid #ddd;
    cursor: cell;
    height: 80px;
    max-height: 250px;
    max-width: 450px;
    min-height: 80px;
    padding: 0;
    text-align: right;
    transition: background-color 500ms ease;
    user-select: none;
    vertical-align: top; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell.selected {
    border: 1px double #2185d0;
    /*
         This is for the “blue-ish” overlay on the cell(s) when you
         select them with mouse or cursor.
         Since the cell’s are more dynamic in height now (due to image
         and value/text input), the shadow should cover the whole cell,
         not only the first 100px (since the cell can actually be taller).
         And since the box-shadow doesn’t escape its container, it is
         set to a ridiculous high value to not have to worry about
         calculating its height dynamically.
      */
    box-shadow: inset 0 -1000px 0 rgba(33, 133, 208, 0.15);
    transition: none; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell.read-only {
    background: whitesmoke;
    color: #999;
    text-align: center; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell > .text {
    overflow: hidden;
    padding: 2px 5px;
    text-overflow: ellipsis; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell > input {
    background: none;
    border: 2px solid #2185d0;
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    outline: none !important;
    right: 0;
    text-align: right;
    top: 0; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.wrap .cell,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.wrap .cell.wrap,
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell.wrap,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.nowrap .cell.wrap,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.clip .cell.wrap {
    white-space: normal; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid.nowrap .cell,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.nowrap .cell.nowrap,
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell.nowrap,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.wrap .cell.nowrap,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.clip .cell.nowrap {
    overflow-x: visible;
    white-space: nowrap; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid.clip .cell,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.clip .cell.clip,
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell.clip,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.wrap .cell.clip,
  .gridTableContainer-11cEWU .data-grid-container .data-grid.nowrap .cell.clip {
    overflow-x: hidden;
    white-space: nowrap; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell .value-viewer,
  .gridTableContainer-11cEWU .data-grid-container .data-grid .cell .data-editor {
    display: block; }
  .gridTableContainer-11cEWU .data-grid-container .data-grid .checkbox-column {
    text-align: center;
    width: 40px; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .gridTableContainer-11cEWU .data-grid-container .data-grid .cell.read-only {
  background: initial; }

/* stylelint-enable no-descending-specificity */

.fontSize-small-2uaKso td.cell {
  font-size: inherit; }

.fontSize-medium-mwEEhu td.cell {
  font-size: 1.25rem; }

.fontSize-large-3_8vl3 td.cell {
  font-size: 1.66rem; }

.tables-crNDGd {
  padding: 4px;
  position: relative; }

.noFlexBox-_BfaW4 {
  display: block;
  height: 100%;
  min-height: 200px;
  width: 100%; }

.fields-3sJD8o.md-cell {
  border-bottom: 1px solid #c0c0c0;
  margin-bottom: 32px; }

.fields-3sJD8o table {
  overflow: hidden;
  table-layout: fixed;
  word-wrap: break-word; }

.fields-3sJD8o .columnName-2WffEc {
  width: 15%; }

.fields-3sJD8o .columnOcr-3U-jBc {
  width: 50%; }

.fields-3sJD8o .columnImage-1ImNSL {
  width: 35%; }

.rightSide-1kKvsa {
  display: flex; }

.actionButtons-1tHp5_ {
  display: flex;
  flex-grow: 1;
  justify-content: space-between; }

.container-1uu5hv {
  font-size: 14px;
  padding-bottom: 8px;
  position: relative; }
  .container-1uu5hv .md-grid {
    padding: 0; }
    .container-1uu5hv .md-grid.infoContainer-2JcsB2 {
      padding: 4px 12px; }

.viewContainerHeader-3zMl7u {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%; }

.tableViewContainer-5xiK4X {
  width: 100%; }

.viewContainerTitle-2BkkA3 {
  align-items: center;
  display: flex;
  flex-grow: 4;
  font-size: 18px; }

.pagination-193Inv {
  flex-grow: 2; }

.collapseButton-30sRLX {
  float: left;
  margin-left: 12px; }

.title-37p417 {
  align-items: center;
  display: flex;
  font-size: 24px;
  padding: 8px 12px; }
  .title-37p417 .md-avatar--default {
    background-color: transparent;
    margin-right: 8px; }

.information-170mSY.md-grid {
  align-items: center;
  padding: 8px 20px; }
  .information-170mSY.md-grid .md-cell {
    margin: 0; }

.saveNewItemsCheckbox-2aBkbq {
  display: flex;
  justify-content: flex-end; }
  @media screen and (max-width: 839px) {
    .saveNewItemsCheckbox-2aBkbq {
      justify-content: flex-start; } }

.annotator-28xql8 {
  padding: 8px;
  padding-bottom: 24px;
  width: 100%; }

.shield-2gm-Nl {
  z-index: 9; }

.container-2JIXCt {
  margin-top: 56px; }

.overlayColorPair-27_j64 {
  margin-bottom: 20px;
  width: 100%; }

.overlayColorPairContent-KlbEQ7 {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  width: 100%; }

.title-1oUwYy {
  text-align: center;
  width: 100%; }

.colorPreview-1AcUMO {
  border: 1px solid silver;
  position: relative; }

.colorPicker-3XaNqs {
  position: relative; }

.templateThumb-3nkW32 {
  display: none; }

.settingsPage-2RI-XT {
  position: relative;
  width: 100%; }

.group-19OhOY {
  border: 1px solid silver;
  margin: 6px 0;
  position: relative; }

.groupTitle-2qLuiN {
  padding: 6px;
  text-align: center; }

.groupContent-3LzcWU {
  position: relative; }

.groupTimeout-OUyNFp {
  padding: 12px; }

.templateOverlayComposition-2HNPPp {
  position: relative; }

.templateOverlayPreview-1rFViM canvas {
  border: 1px solid silver; }

.fontSizeSelectorContainer-oayBxQ {
  justify-content: center;
  margin-bottom: 14px; }

.fontSizePreview-1Nv5g_ {
  display: flex;
  justify-content: center;
  text-align: center; }
  .fontSizePreview-1Nv5g_.fontSize-small-2OX3_6 {
    font-size: inherit; }
  .fontSizePreview-1Nv5g_.fontSize-medium-1h7Whk {
    font-size: 1.25rem; }
  .fontSizePreview-1Nv5g_.fontSize-large-e4xSFk {
    font-size: 1.66rem; }

.hidden-2RDOwD {
  display: none; }

.required-1OBsme {
  font-weight: bold; }
  .required-1OBsme::after {
    color: #e32;
    content: ' *'; }

.table-3nOtO9 {
  table-layout: fixed; }

.persistentRow-3WoSyj {
  background-color: #f8f8f8; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .persistentRow-3WoSyj {
  background-color: rgba(128, 128, 128, 0.7); }

/* stylelint-enable no-descending-specificity */

.md-text-Ni_BR3 {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-2mYIXq {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-2Q3PsQ {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-KEr1AQ {
    color: #3f51b5; }
  .md-text--theme-secondary-w2E8bQ {
    color: #ff4081; }
  .md-text--error-2ZPYDX {
    color: #f44336; }
  .md-text--inherit-1lQpgu.md-text--inherit-1lQpgu {
    color: inherit; }

.md-ink--primary-1N4VhM .md-ink-dWrmjj {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-NNn4QT .md-ink-dWrmjj {
  background: rgba(255, 64, 129, 0.26); }

.md-background-2kBqaD {
  background: #fafafa; }
  .md-background--card-3RElOK {
    background: #fff; }
  .md-background--primary-1KLiyK {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-3cUUFL {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-35cuvM:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-3ZZjQ5:hover {
    background: rgba(255, 64, 129, 0.9); } }

.container-1hQsdJ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 8px;
  width: 100%; }
  .container-1hQsdJ > span {
    padding-left: 2px;
    padding-right: 2px; }
    .container-1hQsdJ > span.selected-3lRXLB {
      background-color: #fff176; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .container-1hQsdJ > span.selected-3lRXLB {
  color: black; }

/* stylelint-enable no-descending-specificity */

.helpTooltip-3LlU4h {
  margin-left: 8px; }
  .helpTooltip-3LlU4h .md-tooltip {
    white-space: pre-line !important; }

.helpPreview-1H6oRJ {
  border-left: 4px solid #e0e0e0;
  font-size: 12px;
  padding-left: 12px; }
  .helpPreview-1H6oRJ > p {
    color: #757575; }

.md-text-ppD7p5 {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-1c7AuN {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-ocK001 {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-1bkT7I {
    color: #3f51b5; }
  .md-text--theme-secondary-26aGAC {
    color: #ff4081; }
  .md-text--error-2eITgH {
    color: #f44336; }
  .md-text--inherit-yhSC7O.md-text--inherit-yhSC7O {
    color: inherit; }

.md-ink--primary-1uwS8x .md-ink-1Q3Qhh {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-1EEUw2 .md-ink-1Q3Qhh {
  background: rgba(255, 64, 129, 0.26); }

.md-background-3iC5Pv {
  background: #fafafa; }
  .md-background--card-FBT1sC {
    background: #fff; }
  .md-background--primary-cp5vQi {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-1soXXw {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-1li6WJ:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-2UwxG2:hover {
    background: rgba(255, 64, 129, 0.9); } }

.container-3kLlxc {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 8px;
  width: 100%; }
  .container-3kLlxc > span {
    padding-left: 2px;
    padding-right: 2px; }
    .container-3kLlxc > span.selected-2nbdGI {
      background-color: #fff176; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .container-3kLlxc > span.selected-2nbdGI {
  color: black; }

/* stylelint-enable no-descending-specificity */

.body-1L5SFC {
  padding: 15px 9px 9px 15px; }

.hash-23STRQ {
  align-items: center;
  background: #f0f0f0;
  border-radius: 4px 0 0 4px;
  color: #98a1a4;
  display: flex;
  float: left;
  height: 30px;
  justify-content: center;
  margin: 12px 0 12px;
  position: relative;
  width: 30px; }

.clear-1hTodH {
  clear: both; }

.inputWrap-1yjZh_ {
  position: relative; }

.input-2mAR9B {
  border: 0;
  border-radius: 0 4px 4px 0;
  box-shadow: inset 0 0 0 1px #f0f0f0;
  box-sizing: content-box;
  color: #666;
  float: left;
  font-size: 14px;
  height: 28px;
  margin: 12px 0 12px;
  outline: none;
  padding-left: 8px;
  width: 165px; }

.formColorPicker-3skprp {
  align-items: center;
  display: flex; }
  @media screen and (min-width: 840px) {
    .formColorPicker-3skprp {
      justify-content: center; } }
  .formColorPicker-3skprp .label-Hvir0v {
    display: inline-block; }
  .formColorPicker-3skprp .color-1ofn3D {
    border-radius: 2px;
    height: 14px;
    width: 36px; }
  .formColorPicker-3skprp .selectedColorSwatch-3E1BeX {
    background: #fff;
    border-radius: 1px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: inline-block;
    margin-left: 20px;
    padding: 5px;
    vertical-align: middle; }
  .formColorPicker-3skprp .popover-nlWt6g {
    position: absolute;
    z-index: 2; }
  .formColorPicker-3skprp .cover-gxsiAI {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0; }

.rulesOptions-6JDGPY.md-card-text {
  padding: 0 16px; }

.ruleOptionDropdown-1I9-zg ul.md-list .md-list-tile {
  padding-left: 8px; }

.ruleTable-1bSmU3 {
  padding: 0; }
  .ruleTable-1bSmU3 tr td {
    padding: 0; }

html:not(.ie) .ruleOptionDropdown-1I9-zg {
  /*
        the left positioning of the list is wrongly set by taking the whole screen into account
        where only the side menu really matters for the position fixed.

        This fixes the issue where the drop-down ends up outside of the screen.
        Note that the left property correspond to the padding and will have to be manually adjusted for the changes.

        Also IE (obviously IE) supports it differently. Please see at the end of the file the
        specific support for this browser
      */ }
  html:not(.ie) .ruleOptionDropdown-1I9-zg ul {
    left: 40px !important; }

.md-text-30tDzj {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-3DXNBW {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-1Bt2Q6 {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-oBJ2Td {
    color: #3f51b5; }
  .md-text--theme-secondary-2MIhE- {
    color: #ff4081; }
  .md-text--error-2xzXLq {
    color: #f44336; }
  .md-text--inherit-1UMedE.md-text--inherit-1UMedE {
    color: inherit; }

.md-ink--primary-1uk2uW .md-ink-1PmQZt {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-2swT1- .md-ink-1PmQZt {
  background: rgba(255, 64, 129, 0.26); }

.md-background-rXMO-Q {
  background: #fafafa; }
  .md-background--card-gCtZ-w {
    background: #fff; }
  .md-background--primary-y_dumX {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-1h4YY5 {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-14rPhT:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-3cbyiL:hover {
    background: rgba(255, 64, 129, 0.9); } }

.panelHeader-3ykT8Q {
  align-items: center;
  display: flex;
  height: fit-content;
  min-height: 40px; }

.panel-hT29Bp {
  border-bottom: 1px solid #bdbdbd; }
  .panel-hT29Bp.expanded-2ZskUE .panelHeader-3ykT8Q {
    border-bottom: 1px solid #e0e0e0; }
  .panel-hT29Bp > .md-list-tile {
    flex-wrap: wrap;
    height: fit-content; }
  .panel-hT29Bp.hasErrors-1tQUo- > .md-list-tile * {
    color: #f44336; }

.staticFieldList-3F1_p6.md-list {
  padding: 0; }

.container-2S_dxN {
  width: 380px; }

.collapseButton-KsjIu2 {
  padding-top: 8px; }
  .collapseButton-KsjIu2.md-btn--text {
    min-width: 380px; }
  .collapseButton-KsjIu2 .collapseButtonIcon-135sNa {
    margin-right: 8px; }

.draggableNoMoveLeft-2zfsqe {
  left: 16px !important; }
  .draggableNoMoveLeft-2zfsqe .md-data-table--responsive {
    overflow-x: visible; }

.isDragging-2b0NBt {
  background: #e0e0e0; }

.addRuleSelect-1pCZgG {
  padding-left: 8px;
  width: 100%; }
  .addRuleSelect-1pCZgG.md-layover--simplified {
    position: unset; }
  .addRuleSelect-1pCZgG ul {
    width: 268px; }
    .addRuleSelect-1pCZgG ul.md-list--nested-1 .md-list-tile {
      padding-left: 16px; }

html:not(.ie) .addRuleSelect-1pCZgG {
  /*
        the left positioning of the list is wrongly set by taking the whole screen into account
        where only the side menu really matters for the position fixed.

        This fixes the issue where the drop-down ends up outside of the screen.
        Note that the left property correspond to the padding and will have to be manually adjusted for the changes.

        Also IE (obviously IE) supports it differently. Please see at the end of the file the
        specific support for this browser
      */ }
  html:not(.ie) .addRuleSelect-1pCZgG ul {
    left: 72px !important; }

.editName-3J2YDG {
  display: inline-flex;
  width: calc(87% - 16px); }

.toggleMenu-2uRAzy {
  padding: 26px 16px;
  width: 13%; }

.md-text-30tApK {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-2CTJ0l {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-30ajgA {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-hzK--4 {
    color: #3f51b5; }
  .md-text--theme-secondary-2Ekfnq {
    color: #ff4081; }
  .md-text--error-2yEDoD {
    color: #f44336; }
  .md-text--inherit-3ag8BD.md-text--inherit-3ag8BD {
    color: inherit; }

.md-ink--primary-p3JO5N .md-ink-1XRY9D {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-17PTcg .md-ink-1XRY9D {
  background: rgba(255, 64, 129, 0.26); }

.md-background-1ckWrm {
  background: #fafafa; }
  .md-background--card-24ur3U {
    background: #fff; }
  .md-background--primary-1MW_gh {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-2cxAWv {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover--nLVFd:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-a2mecA:hover {
    background: rgba(255, 64, 129, 0.9); } }

.titleButton-RtT6My {
  padding-top: 8px; }
  .titleButton-RtT6My.hasErrors-pVB9kC {
    background: #e53935 !important; }
    .titleButton-RtT6My.hasErrors-pVB9kC:hover {
      background: #c62828 !important; }
  .titleButton-RtT6My.md-btn--text {
    min-width: 380px; }
  .titleButton-RtT6My .titleButtonIcon-cDdsPd {
    margin-right: 8px; }

.md-text-2HigXg {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-27_vf7 {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-2UmPtI {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-20-zMx {
    color: #3f51b5; }
  .md-text--theme-secondary-1QKugN {
    color: #ff4081; }
  .md-text--error-1G-DS5 {
    color: #f44336; }
  .md-text--inherit-1eVLhm.md-text--inherit-1eVLhm {
    color: inherit; }

.md-ink--primary-3nmfDh .md-ink-3vt-yb {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-3ZYEkQ .md-ink-3vt-yb {
  background: rgba(255, 64, 129, 0.26); }

.md-background-24_M9m {
  background: #fafafa; }
  .md-background--card-1F2BXe {
    background: #fff; }
  .md-background--primary-nZ0OPx {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-t6etQJ {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-2WvLjH:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-18P8Zy:hover {
    background: rgba(255, 64, 129, 0.9); } }

.errorsContainer-aqoMtH {
  color: #f44336;
  margin-top: -4px !important; }

.select-24St-s .md-list--nested-2 .md-list-tile {
  padding-left: 16px; }

.sign-1h6K3x {
  font-size: 18px;
  text-align: center; }

.md-text-3zpoEV {
  color: rgba(0, 0, 0, 0.87); }
  .md-text--secondary-2xsOpz {
    color: rgba(0, 0, 0, 0.54); }
  .md-text--disabled-1KgcY5 {
    color: rgba(0, 0, 0, 0.38); }
  .md-text--theme-primary-2WKuk2 {
    color: #3f51b5; }
  .md-text--theme-secondary-1MWWQT {
    color: #ff4081; }
  .md-text--error-1G7s1H {
    color: #f44336; }
  .md-text--inherit-245pvU.md-text--inherit-245pvU {
    color: inherit; }

.md-ink--primary-f07IjN .md-ink-3lQ4xB {
  background: rgba(63, 81, 181, 0.26); }

.md-ink--secondary-203li4 .md-ink-3lQ4xB {
  background: rgba(255, 64, 129, 0.26); }

.md-background-22A0n8 {
  background: #fafafa; }
  .md-background--card-2pTnDl {
    background: #fff; }
  .md-background--primary-38h7Ak {
    background: #3f51b5;
    color: #fff; }
  .md-background--secondary-2ftcqc {
    background: #ff4081;
    color: #fff; }

@media screen and (min-width: 1025px) {
  .md-background--primary-hover-1aTr-g:hover {
    background: rgba(63, 81, 181, 0.9); }
  .md-background--secondary-hover-rQPaYz:hover {
    background: rgba(255, 64, 129, 0.9); } }

.panelHeader-9_94xL {
  align-items: center;
  display: flex;
  height: fit-content;
  min-height: 40px; }

.panel-39g8Jt {
  border-bottom: 1px solid #bdbdbd; }
  .panel-39g8Jt.expanded-xXvEF9 .panelHeader-9_94xL {
    border-bottom: 1px solid #e0e0e0; }
  .panel-39g8Jt > .md-list-tile {
    flex-wrap: wrap;
    height: fit-content; }
  .panel-39g8Jt.hasErrors-10WpKI > .md-list-tile * {
    color: #f44336; }

.addNumericalOperationSelect-1iPHKD {
  padding-left: 8px;
  width: 100%; }
  .addNumericalOperationSelect-1iPHKD.md-layover--simplified {
    position: unset; }
  .addNumericalOperationSelect-1iPHKD ul {
    width: 268px; }
    .addNumericalOperationSelect-1iPHKD ul.md-list--nested-1 .md-list-tile {
      padding-left: 16px; }

html:not(.ie) .addNumericalOperationSelect-1iPHKD {
  /*
        the left positioning of the list is wrongly set by taking the whole screen into account
        where only the side menu really matters for the position fixed.

        This fixes the issue where the drop-down ends up outside of the screen.
        Note that the left property correspond to the padding and will have to be manually adjusted for the changes.

        Also IE (obviously IE) supports it differently. Please see at the end of the file the
        specific support for this browser
      */ }
  html:not(.ie) .addNumericalOperationSelect-1iPHKD ul {
    left: 72px !important; }

.container-1unHEf {
  margin-top: 20px;
  width: 380px; }

.dropdown-2PPEnh {
  align-items: center;
  display: flex; }

.helperTextContainer-15JWv5 {
  color: rgba(0, 0, 0, 0.5);
  display: flex;
  font-size: 12px;
  padding: 0 16px 16px 16px;
  white-space: pre-wrap; }

.helperTextTooltip-L9GC_e {
  margin-right: 8px; }

.multilineTooltip-293uMA {
  white-space: pre-wrap !important;
  width: 160px; }

.multiLanguageDropdown-1yKTtt .md-list--menu-tr {
  left: 0 !important;
  right: auto !important;
  top: 24px !important; }

.multiLanguageDropdown-1yKTtt .selected-1ofAhq {
  font-weight: bold; }

.ocrLanguageSelector-VCSSEA > .md-btn:not(:first-child)::before, .ocrLanguageSelector-VCSSEA > .md-btn:not(:last-child)::after {
  content: '';
  display: inherit;
  height: 22px;
  position: absolute;
  top: 5px;
  transform: rotate(45deg);
  visibility: inherit;
  width: 22px; }

.ocrLanguageSelector-VCSSEA {
  display: flex;
  margin-bottom: 16px;
  margin-top: 8px; }
  .ocrLanguageSelector-VCSSEA > .md-btn {
    background-color: #eee;
    flex-grow: 1;
    position: relative;
    text-transform: none;
    z-index: 3; }
    .ocrLanguageSelector-VCSSEA > .md-btn.hovered-3yvxE5 {
      background-color: #bdbdbd; }
    .ocrLanguageSelector-VCSSEA > .md-btn.selected-6vNq1f {
      background-color: #03a9f4;
      color: #fff; }
      .ocrLanguageSelector-VCSSEA > .md-btn.selected-6vNq1f.hovered-3yvxE5 {
        background-color: #29b6f6; }
    .ocrLanguageSelector-VCSSEA > .md-btn:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0;
      margin-left: 2px;
      padding-left: 18px; }
      .ocrLanguageSelector-VCSSEA > .md-btn:not(:first-child)::before {
        background: inherit;
        left: -11px;
        z-index: 2; }
      .ocrLanguageSelector-VCSSEA > .md-btn:not(:first-child):active::before {
        background-color: #a6a6a6;
        transition: background-color 1s; }
      .ocrLanguageSelector-VCSSEA > .md-btn:not(:first-child).selected-6vNq1f:active::before {
        background-color: #27a0d5; }
    .ocrLanguageSelector-VCSSEA > .md-btn:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0;
      padding-right: 24px; }
      .ocrLanguageSelector-VCSSEA > .md-btn:not(:last-child)::after {
        background: white;
        left: auto;
        right: -11px;
        z-index: 1; }
  .ocrLanguageSelector-VCSSEA .multiLanguageButton-H56Oro {
    display: flex; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .ocrLanguageSelector-VCSSEA > .md-btn {
  color: black; }
  html body.dark-mode .ocrLanguageSelector-VCSSEA > .md-btn.selected-6vNq1f {
    color: white; }

/* stylelint-enable no-descending-specificity */

.radioButtonSelector-1ecPNc {
  display: flex;
  margin-bottom: 8px;
  margin-top: 12px; }
  .radioButtonSelector-1ecPNc .md-tooltip {
    white-space: pre; }
  .radioButtonSelector-1ecPNc > .md-btn {
    background: #eee;
    flex-grow: 1;
    text-transform: none; }
    .radioButtonSelector-1ecPNc > .md-btn:hover {
      background: #bdbdbd; }
    .radioButtonSelector-1ecPNc > .md-btn.selected-3y-diU {
      background: #03a9f4;
      color: #fff; }
      .radioButtonSelector-1ecPNc > .md-btn.selected-3y-diU:hover {
        background: #29b6f6; }
    .radioButtonSelector-1ecPNc > .md-btn:not(:first-child) {
      border-bottom-left-radius: 0;
      border-top-left-radius: 0; }
    .radioButtonSelector-1ecPNc > .md-btn:not(:last-child) {
      border-bottom-right-radius: 0;
      border-top-right-radius: 0; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .radioButtonSelector-1ecPNc > .md-btn {
  color: black; }
  html body.dark-mode .radioButtonSelector-1ecPNc > .md-btn.selected-3y-diU {
    color: white; }

/* stylelint-enable no-descending-specificity */

.title-2wJhuU {
  margin-top: 16px; }

.helperImage-1Be8Qj {
  display: block;
  height: auto;
  padding-top: 8px;
  width: 150px; }

.subCheckbox-3cMwY5 {
  padding-left: 16px; }
  .subCheckbox-3cMwY5.md-selection-control-container {
    display: block; }
    .subCheckbox-3cMwY5.md-selection-control-container .md-selection-control-toggle {
      height: 20px;
      padding-top: 0; }

.panelContainer-2pK46q {
  width: 420px; }

.postProcessingRules-3nRZVg,
.numericalOperationsEditor-cpPNnJ {
  padding: 8px 0;
  width: 380px; }

@media screen and (max-width: 1024px) {
  .postProcessingRules-3nRZVg,
  .numericalOperationsEditor-cpPNnJ {
    width: 100%; } }

.confirmButton-VFkMsu.md-btn {
  margin-top: 24px; }

.optionsContainer-3CZ2s4 {
  padding-bottom: 8px; }

.importTemplateContainer-VtSeA- {
  border-bottom: 1px solid lightgray;
  margin-bottom: 8px;
  padding: 4px;
  width: 100%; }
  .importTemplateContainer-VtSeA- .md-grid {
    padding: 0; }
  .importTemplateContainer-VtSeA- .md-autocomplete .md-text-field-message-container {
    display: none; }

.importTemplateTitle-3OaX37 {
  align-items: center;
  display: flex;
  font-size: 12px;
  justify-content: space-between;
  padding-left: 8px;
  width: 100%; }

.importTemplatePageSelect-x6q2CV ul.md-list {
  min-width: 60px; }

.hidden-3te7SU {
  visibility: hidden; }

.helper-2yUVph {
  padding-right: 4px; }

.panelList-3ZYLf7.md-list {
  padding: 0; }

.draggableNoMoveLeft-1NkZuL {
  left: 0 !important; }

.isDragging-3AcdCL {
  background: #e0e0e0; }

.regionDisplay-3MNNrp {
  position: relative; }
  .regionDisplay-3MNNrp .md-panel-header {
    background: #eee;
    height: 32px;
    padding: 0 16px; }
  .regionDisplay-3MNNrp .md-panel-content {
    padding: 0; }

.panelItem-2JLdiS {
  background: #fff;
  border: 1px solid #fff; }
  .panelItem-2JLdiS.hovered {
    border: 1px dashed #e0e0e0; }
  .panelItem-2JLdiS .md-list-tile {
    padding-left: 24px; }
  .panelItem-2JLdiS.disabled-1iP4B1 {
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5; }
  .panelItem-2JLdiS.errorPanel-72EV-d .md-text {
    color: #f44336; }
  .panelItem-2JLdiS .tagEditContainer-WYGbii {
    border-radius: 10px;
    margin-right: 4px;
    padding: 4px; }
    .panelItem-2JLdiS .tagEditContainer-WYGbii:hover {
      background: #bdbdbd; }

.noItemsInListMessage-2LB3sZ {
  align-content: center;
  display: flex;
  justify-content: center;
  padding: 8px; }

.title-2Mmzgk {
  border-bottom: 1px solid #212121;
  border-top: 1px solid #212121;
  text-align: center;
  width: 100%; }

.regionName-2zyH7J {
  display: flex;
  justify-content: space-between; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .panelItem-2JLdiS {
  background-color: #424242;
  border: 1px solid rgba(44, 44, 44, 0.5); }

html body.dark-mode .regionDisplay-3MNNrp .md-panel-header {
  background-color: #424242; }

/* stylelint-enable no-descending-specificity */

.indicatorIcon-18TZqh {
  margin: 0 2px; }

.panel-ERixJS {
  display: block;
  min-width: 20%;
  z-index: 150; }

.overlay-XnwbuW {
  z-index: 100; }

.annotationsList-u3IAv4 .md-tooltip {
  text-transform: none;
  white-space: pre; }

.actionButton-xDuXik.md-btn {
  background-color: #f6f6f8;
  border: 1px solid #cfd8dc;
  border-radius: 0;
  border-right: 0; }
  .actionButton-xDuXik.md-btn:first-child {
    border-top-left-radius: 8px;
    margin-top: 0; }
  .actionButton-xDuXik.md-btn:last-child {
    border-bottom-left-radius: 8px; }
  .actionButton-xDuXik.md-btn:not(:last-child) {
    border-bottom: 0; }
  .actionButton-xDuXik.md-btn + .actionButton-xDuXik.md-btn {
    border-top: 1px solid #b0bec5; }
  .actionButton-xDuXik.md-btn.selected-3Hf41l {
    background-color: #bdbdbd; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .actionButton-xDuXik {
  background-color: rgba(44, 44, 44, 0.7); }
  html body.dark-mode .actionButton-xDuXik.selected-3Hf41l {
    background-color: rgba(128, 128, 128, 0.5); }

/* stylelint-enable no-descending-specificity */

.entityTypeButton-2GKCnn.md-btn {
  background-color: #eee;
  border-bottom: 1px solid #b0bec5;
  border-radius: 0; }
  .entityTypeButton-2GKCnn.md-btn .md-icon {
    font-size: 16px; }
  .entityTypeButton-2GKCnn.md-btn.subType-3PiOSm {
    background-color: #fafafa;
    border-bottom: 1px solid #bdbdbd; }
    .entityTypeButton-2GKCnn.md-btn.subType-3PiOSm:first-child {
      border-top: 1px solid #bdbdbd; }
    .entityTypeButton-2GKCnn.md-btn.subType-3PiOSm.selected-27Rc2y {
      background-color: #bdbdbd; }
    .entityTypeButton-2GKCnn.md-btn.subType-3PiOSm.leaf-3og7fJ {
      background-color: white; }
  .entityTypeButton-2GKCnn.md-btn.selected-27Rc2y {
    background-color: #bdbdbd; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .entityTypeButton-2GKCnn.md-btn {
  background-color: rgba(44, 44, 44, 0.7); }
  html body.dark-mode .entityTypeButton-2GKCnn.md-btn.selected-27Rc2y {
    background-color: rgba(128, 128, 128, 0.5); }
  html body.dark-mode .entityTypeButton-2GKCnn.md-btn.subType-3PiOSm {
    background-color: rgba(44, 44, 44, 0.7); }
    html body.dark-mode .entityTypeButton-2GKCnn.md-btn.subType-3PiOSm.selected-27Rc2y {
      background-color: rgba(128, 128, 128, 0.5); }

/* stylelint-enable no-descending-specificity */

.annotationCanvasToolbar-aacl6p {
  align-self: flex-start;
  display: flex;
  position: sticky;
  top: 64px;
  z-index: 6; }
  .annotationCanvasToolbar-aacl6p .actionButtonsColumn-31e5At .actionButtonsGroup-3h8r77 {
    display: flex;
    flex-direction: column; }
    .annotationCanvasToolbar-aacl6p .actionButtonsColumn-31e5At .actionButtonsGroup-3h8r77 + .actionButtonsGroup-3h8r77 {
      margin-top: 4px; }
      .annotationCanvasToolbar-aacl6p .actionButtonsColumn-31e5At .actionButtonsGroup-3h8r77 + .actionButtonsGroup-3h8r77.doubleMargin-2XIM7b {
        margin-top: 8px; }
    .annotationCanvasToolbar-aacl6p .actionButtonsColumn-31e5At .actionButtonsGroup-3h8r77 .cursor-wFRnz4 {
      padding-left: 13px !important; }
    .annotationCanvasToolbar-aacl6p .actionButtonsColumn-31e5At .actionButtonsGroup-3h8r77 .panIcon-3J_zBh {
      padding-left: 8px !important; }
    .annotationCanvasToolbar-aacl6p .actionButtonsColumn-31e5At .actionButtonsGroup-3h8r77 .centerImage-2G4TM_ {
      /* TODO: figure out why the "centerToFitPage" does not work on MS browsers: SCAN-1888 */ }
      .ie .annotationCanvasToolbar-aacl6p .actionButtonsColumn-31e5At .actionButtonsGroup-3h8r77 .centerImage-2G4TM_,
      .edge .annotationCanvasToolbar-aacl6p .actionButtonsColumn-31e5At .actionButtonsGroup-3h8r77 .centerImage-2G4TM_ {
        display: none; }
  .annotationCanvasToolbar-aacl6p .entityTypesColumn-3IwKjG {
    background-color: #eee;
    border: 1px solid #b0bec5;
    border-bottom-left-radius: 3px;
    border-right: 0;
    display: flex;
    flex-direction: column; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .entityTypesColumn-3IwKjG {
  background-color: rgba(44, 44, 44, 0.7); }

/* stylelint-enable no-descending-specificity */

.templatePageNumber-DEYDLX {
  background-color: #eee;
  color: #000;
  margin-right: 20px;
  margin-top: 1px;
  padding: 1px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 6; }

.annotationContainer-2bGU1x {
  display: flex;
  margin: 8px auto;
  max-width: 66.66667%;
  position: relative;
  width: 100%; }
  .annotationContainer-2bGU1x:focus {
    outline: 0; }

@media screen and (max-width: 1500px) {
  .annotationContainer-2bGU1x {
    max-width: 1100px; } }

.hidden-20cuPP {
  display: none; }

.regionSelectBox-2An0A- {
  width: 100%; }
  .regionSelectBox-2An0A- canvas {
    box-sizing: border-box;
    max-height: 100%;
    position: relative;
    /* Override the style given from javascript for canvas width */
    width: 100% !important; }

.regionSelect-2S24rq {
  border: 1px solid #424242;
  position: relative; }

.description-1Io4AG {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 12px; }

.imageSizeInfo-3m8HRL {
  position: relative; }

.keyboardShortcuts-UahbtI {
  color: #212121; }

.readOnly-1XnGw8 {
  color: #f44336; }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .keyboardShortcuts-UahbtI {
  color: rgba(128, 128, 128, 0.8); }

/* stylelint-enable no-descending-specificity */

.colorPreview-2s4OXa {
  margin-bottom: 20px;
  width: 100%; }
  .colorPreview-2s4OXa canvas {
    border: 1px solid silver; }

.colorPicker-3Y60Kq {
  flex-grow: 1;
  margin: 6px; }

.colorPickerContainer-34fCh9 {
  flex-grow: 2;
  margin: 6px;
  text-align: center; }

.colorPickerCanvas-1RX6At {
  position: relative; }

.colorPreviewContent-35SpqP {
  align-content: center;
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  width: 100%; }

.title-1Sw0QI {
  text-align: center;
  width: 100%; }

.settingsPage-2ZZMD0 {
  position: relative;
  width: 100%; }

.group-2ENIDH {
  border: 1px solid silver;
  margin: 6px 0;
  position: relative; }

.groupTitle-OHSgTR {
  padding: 6px;
  text-align: center; }

.groupContent-jhnj0u {
  position: relative; }

.groupTimeout-2pOYiB {
  padding: 12px; }

.localScannerButton-1o42yj {
  position: relative; }

.scannerButton-X6gLbU {
  /* the circular loader is too big otherwise */
  margin-right: 0 !important; }

@media screen and (max-width: 1024px) {
  /* the circular loader is too big otherwise */
  .loader-IVX_Q0 {
    font-size: 14px;
    height: 36px;
    margin-bottom: 6px;
    margin-top: 6px; } }

.scanError-1vQudw {
  display: flex;
  justify-content: center;
  width: 100%; }

.settingsPage-2ku4Cg {
  position: relative;
  width: 100%; }

.settingsDialog-1OI5ZV {
  /* The react-md Tabs component has some serious issues with
     parent container width, sometimes not displaying the
     "next"/"prev" buttons for tabs if the container has not the
     right size and there are too many tabs to display. Really annoying.
  */ }
  .settingsDialog-1OI5ZV div[role="dialog"] {
    min-width: 650px;
    width: 650px; }
    .settingsDialog-1OI5ZV div[role="dialog"] .md-dialog-content {
      min-height: 400px;
      overflow: hidden; }

@media screen and (min-width: 1025px) {
  html .md-tab {
    /* otherwise the tabs will have some white space to the right on big screens */
    max-width: initial !important; } }

.actionButtonContainer-1K1-ex {
  position: relative;
  width: 100%; }

.settingsContainer-2VuQ7E {
  color: black;
  width: 100%; }

.info-2DqIQZ {
  align-items: center;
  display: flex;
  margin-bottom: 8px; }
  .info-2DqIQZ .helpText-Zlm4yE {
    width: 100%; }
  .info-2DqIQZ .themeSwitch-30jvz- {
    border-left: 1px dashed;
    margin-left: 12px;
    min-width: 170px;
    width: 33%; }

.tabContainer-1PsTd2 {
  margin-top: 10px;
  max-height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 4px;
  position: relative; }
  .tabContainer-1PsTd2.hide {
    display: none; }

@media all and (max-height: 800px) {
  .tabContainer-1PsTd2 {
    max-height: 300px; } }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .settingsContainer-2VuQ7E {
  color: white; }

/* stylelint-enable no-descending-specificity */

.settingsDialogButton-1ZcTU2 {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 64px; }

.button-pNwUeQ {
  position: relative; }

.settingsBasePage-3uUYHA {
  position: relative;
  width: 100%; }

.error-kBN2dH {
  color: red; }

.settingsNoPermission-2QYTWY {
  position: relative;
  width: 100%; }

.uiLanguageSelector-3_DHy4 > .md-icon-separator > .md-icon-text {
  padding-left: 8px; }

.toolbarTitleLogo-OiXQvT {
  align-items: center;
  display: flex;
  font-size: 22px; }
  .toolbarTitleLogo-OiXQvT .logo-2pz3WP {
    height: 80%;
    margin: 0 10px;
    vertical-align: middle; }

.toolbar-3qhkGn {
  display: flex;
  flex-direction: row; }

.header-DswCLs {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%; }
  @media screen and (max-width: 767px) {
    .header-DswCLs .hideSmall-3ReSKl {
      display: none; } }

.actions-3_uE2U {
  align-items: center;
  display: flex;
  justify-content: space-between; }

.subHeader-3ucGDb {
  background: white;
  box-shadow: 0 0 2px 0 #555;
  padding: 4px 16px;
  width: 100%; }
  .md-toolbar--text-white .subHeader-3ucGDb {
    color: initial; }
    .md-toolbar--text-white .subHeader-3ucGDb .md-text--disabled {
      color: rgba(0, 0, 0, 0.38); }
    .md-toolbar--text-white .subHeader-3ucGDb a {
      color: rgba(0, 0, 0, 0.54); }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .subHeader-3ucGDb {
  background-color: #2c2c2c; }

/* stylelint-enable no-descending-specificity */

.logo-3-HW0S {
  align-self: center;
  flex-shrink: 0;
  margin-left: 10px; }

.title-1lLDBZ.md-title {
  align-self: center;
  flex-shrink: 0;
  margin: 0;
  margin-left: 14px; }

.fixedWidthIcon-L3sWgX {
  width: 30px; }

.menuItem-2xibpS:hover {
  background-color: #eee; }

.hideLeftButton-2ypWft .md-toolbar--action-left {
  display: none; }

.hideLeftButton-2ypWft .md-toolbar.md-toolbar--fixed > .md-toolbar {
  margin-left: 20px;
  width: calc(100% - 20px); }

/* stylelint-disable no-descending-specificity */
html body.dark-mode .menuItem-2xibpS:hover {
  background-color: #eeeeee2b; }

/* stylelint-enable no-descending-specificity */