@charset "UTF-8";
/*
 * General Mixins
 */
/*
 * Border Radius
 */
/*
 * Transformations
 */
/*
 * Transitions
 */
/*
 * Font
 */
/*
 * Button
 */
/*
 * Input
 */
/*
 * Placeholder
 */
/*
 * Select
 */
/*
 * Flexbox
 * via: https://gist.github.com/jayj
 * url: https://gist.github.com/jayj/4012969
 */
/*
 * Mark
 */
/*
 * Animations
 */
/*
 * Base
 */
/*
 * Global
 */
/*
 * Breakpoints
 */
/*
 * Media Queries
 */
/*
 * Definitions
 */
/*
 * Root Size
 */
:root {
  font-size: 10px;
}
@media (max-width: 1025px) {
  :root {
    font-size: 7px;
  }
}
@media (min-width: 2000px) {
  :root {
    font-size: 12px;
  }
}
/*
 * Fonts
 */
@font-face {
  font-family: "Avenir";
  src: url("/assets/fonts/Avenir/Avenir-Black.eot");
  src: url("/assets/fonts/Avenir/Avenir-Black.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Avenir/Avenir-Black.svg#icon") format("svg"), url("/assets/fonts/Avenir/Avenir-Black.woff") format("woff"), url("/assets/fonts/Avenir/Avenir-Black.ttf") format("truetype"), url("/assets/fonts/Avenir/Avenir-Black.svg#icon") format("svg");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("/assets/fonts/Avenir/Avenir-Light.eot");
  src: url("/assets/fonts/Avenir/Avenir-Light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Avenir/Avenir-Light.svg#icon") format("svg"), url("/assets/fonts/Avenir/Avenir-Light.woff") format("woff"), url("/assets/fonts/Avenir/Avenir-Light.ttf") format("truetype"), url("/assets/fonts/Avenir/Avenir-Light.svg#icon") format("svg");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("/assets/fonts/Avenir/Avenir-Medium.eot");
  src: url("/assets/fonts/Avenir/Avenir-Medium.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Avenir/Avenir-Medium.svg#icon") format("svg"), url("/assets/fonts/Avenir/Avenir-Medium.woff") format("woff"), url("/assets/fonts/Avenir/Avenir-Medium.ttf") format("truetype"), url("/assets/fonts/Avenir/Avenir-Medium.svg#icon") format("svg");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Avenir";
  src: url("/assets/fonts/Avenir/Avenir-Book.eot");
  src: url("/assets/fonts/Avenir/Avenir-Book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/Avenir/Avenir-Book.svg#icon") format("svg"), url("/assets/fonts/Avenir/Avenir-Book.woff") format("woff"), url("/assets/fonts/Avenir/Avenir-Book.ttf") format("truetype"), url("/assets/fonts/Avenir/Avenir-Book.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "atlantis";
  src: url("/assets/fonts/atlantis/atlantis.eot");
  src: url("/assets/fonts/atlantis/atlantis.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/atlantis/atlantis.svg#icon") format("svg"), url("/assets/fonts/atlantis/atlantis.woff") format("woff"), url("/assets/fonts/atlantis/atlantis.ttf") format("truetype"), url("/assets/fonts/atlantis/atlantis.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*
 * Colors
 */
/*
 * Definitions
 */
/*
 * Body
 */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
*,
*:before,
*:after {
  box-sizing: border-box;
}
:focus {
  outline: 0;
}
html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  height: 100%;
  margin: 0;
}
body {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #505253;
  line-height: 1.5;
  letter-spacing: 0.03rem;
  background: #FFFFFF;
  height: 100%;
  margin: 0;
}
/*
 * Definitions
 */
/*
 * Link
 */
a {
  color: #0B91F9;
  text-decoration: none;
  transition: color 0.2s ease-in-out;
  text-decoration: none;
  cursor: pointer;
}
.theme-light a:not(.button):hover, .theme-light a:not(.button):focus {
  color: #04589a;
}
.theme-dark a:not(.button):hover, .theme-dark a:not(.button):focus {
  color: #6fbefb;
}
/*
 * Definitions
 */
/*
 * Image
 */
img {
  vertical-align: bottom;
}
img.rounded {
  border-radius: 8px;
}
img.circle {
  border-radius: 50%;
}
img.responsive {
  width: 100%;
  height: auto;
}
/*
 * Definitions
 */
/*
 * Print
 */
@page {
  size: A4;
  margin: 1.5cm 2cm;
}
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #16181A !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: '("attr(href)")';
  }

  a[href^="#"]:after {
    content: '';
  }

  abbr[title]:after {
    content: '("attr(title)")';
  }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  table {
    border-collapse: collapse !important;
  }

  table td,
  table th {
    background-color: #FFFFFF !important;
  }
}
/*
 * Typography
 */
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
p:first-child,
dl:first-child,
dd:first-child,
dt:first-child,
ul > li:first-child,
ol > li:first-child {
  margin-top: 0;
}
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
dl:last-child,
dd:last-child,
dt:last-child,
ul > li:last-child,
ol > li:last-child {
  margin-bottom: 0;
}
/*
 * Definitions
 */
/*
 * Headings
 */
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1em 0;
  padding: 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 500;
  color: #252728;
  line-height: 1.35;
  letter-spacing: -0.41px;
}
.theme-light h1,
.theme-light h2,
.theme-light h3,
.theme-light h4,
.theme-light h5,
.theme-light h6 {
  color: #16181A;
}
.theme-dark h1, .theme-dark h2, .theme-dark h3, .theme-dark h4, .theme-dark h5, .theme-dark h6 {
  color: #FFFFFF;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 0.6em;
  color: #505253;
}
h1 {
  font-size: 2.2rem;
}
h2 {
  font-size: 2.4rem;
}
h3 {
  font-size: 1.8rem;
}
h4 {
  font-size: 1.8rem;
}
h5 {
  font-size: 1.6rem;
}
h6 {
  font-size: 1.4rem;
}
/*
 * Definitions
 */
/*
 * Paragraph
 */
p {
  margin: 2rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #505253;
  line-height: 1.5;
}
/*
 * Definitions
 */
/*
 * Lead
 */
.lead {
  margin: 0 0 2rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  color: #505253;
  line-height: 1.5;
}
/*
 * Definitions
 */
/*
 * Strong
 */
strong {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
/*
 * Definitions
 */
/*
 * Emphasis
 */
em {
  font-style: italic;
}
/*
 * Definitions
 */
/*
 * Horizontal Rule
 */
hr {
  clear: both;
  margin: 3rem auto;
  border: 0;
  height: 1px;
  background: #C7C7C7;
}
/*
 * Definitions
 */
/*
 * Blockquote
 */
blockquote {
  margin: 3rem 0;
  padding: 0 2rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  font-style: normal;
  line-height: 1.5;
  color: #505253;
}
blockquote p {
  margin: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-style: inherit;
  line-height: inherit;
  color: inherit;
}
blockquote cite {
  display: block;
  margin: 1rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
  color: #505253;
  text-align: left;
}
/*
 * Definitions
 */
/*
 * Pullout
 */
.pullout {
  margin: 3rem 0;
  padding: 0 2rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-size: 1.8rem;
  color: #505253;
  border: solid #0B91F9;
  border-width: 0 0 0 0.4rem;
}
/*
 * Definitions
 */
/*
 * Lists
 */
ul,
ol {
  margin: 2rem 0;
  padding: 0;
}
ul li,
ol li {
  margin: 1rem 0 1rem 2rem;
  padding: 0 0 0 0.5rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #505253;
  line-height: 1.5;
}
ul li ul,
ol li ul {
  margin: 1rem 0;
  padding: 0;
}
ul li ul li,
ol li ul li {
  margin: 1rem 0 1rem 2rem;
}
ul {
  list-style: disc;
}
ul li ul {
  list-style: disc;
}
.list-unstyled, .sidebar nav ul, .pagination .pages ul, .chart-container__menu ul, .drag-and-drop .info ul, #page-waste .steps, #page-admin-users-detail form .drag-and-drop .info ul, #page-activations .content .aside--left ul, .page-dmi .product-selection__menu ul {
  list-style: none;
}
.list-unstyled li, .sidebar nav ul li, .pagination .pages ul li, .chart-container__menu ul li, .drag-and-drop .info ul li, #page-waste .steps li, #page-admin-users-detail form .drag-and-drop .info ul li, #page-activations .content .aside--left ul li, .page-dmi .product-selection__menu ul li {
  margin-left: 0;
}
.list-inline li {
  display: inline-block;
}
/*
 * Definitions
 */
/*
 * Definition List
 */
dl {
  margin: 2rem 0;
  padding: 0;
}
dt {
  margin: 1rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  color: #505253;
}
dd {
  margin: 0 0 2rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #505253;
}
/*
 * Definitions
 */
/*
 * Code
 */
code {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-weight: normal;
  font-size: 1.2rem;
  color: #8B008B;
}
/*
 * Definitions
 */
/*
 * Code
 */
pre {
  margin: 2rem 0;
  padding: 1rem;
  overflow: auto;
  color: #505253;
  direction: ltr;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
  background: #FAFAFC;
  border: 1px solid #C7C7C7;
}
pre code {
  color: #8B008B;
}
/*
 * Definitions
 */
/*
 * Kbd
 */
kbd {
  margin: 0 0.5rem;
  padding: 0.4rem;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-weight: normal;
  font-size: 1.2rem;
  color: #8B008B;
  background: #FAFAFC;
  border: 1px solid #C7C7C7;
}
/*
 * Definitions
 */
/*
 * mark
 */
mark {
  margin: 0;
  padding: 0.3rem 0.6rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #505253;
  background: yellow;
  border: none;
  border-radius: 4px;
}
mark.error {
  color: #FFFFFF;
  background: #FF5B5D;
  border: none;
}
mark.warning {
  color: #FFFFFF;
  background: #FF5B5D;
  border: none;
}
mark.success {
  color: #FFFFFF;
  background: #2BB54D;
  border: none;
}
mark.info {
  color: #FFFFFF;
  background: #1E90FF;
  border: none;
}
/*
 * Fonticons
 */
.icon--dashboard:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--factory:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--chart2:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--line:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--visualization:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--chart3:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--chart3:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--calendar-check:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--maintenance:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--turns:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--schedule:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--barcode:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--administration:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--gear:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--logout:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--select:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--documentation:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--close:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--user:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--info:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--warning:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--caution:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--alarm:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--camshaft:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--add:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--trash:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--dashboard2:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--productivity:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--admin:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--visualization2:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--product:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--users:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--permissions:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--parameters:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--box:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--worker:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--weight:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--triangle-up:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--triangle-down:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--lines:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--oee:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--time:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--waste:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--used:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--chevron-left:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--chevron-right:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--chevron-up:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--chevron-down:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--calendar:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--notime:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--average:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--user-image:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--weight2:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--keyboard:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--depletion:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--scale:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activation-product:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activation-variables:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activation-keyboard:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activation-worker:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activation-timetable:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activation:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--tare:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--lots:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activity-type:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activity:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--effective-filling-control:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--lot:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--batchs:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--batch:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--workers:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--articles:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activation-lot:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activation-batch:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--report:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--worker-report:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--timetable:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--waste-reason:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--restoration:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--report2:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--report-export:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--report-worker-1:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--report-worker-2:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--real-time:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--admin-scale:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--fish:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--minus:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--plus:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--performance:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--productivity-alt:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--time-alt:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--production:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--activity-alt:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--edition:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--edition-activity:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--edition-weights:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--edition-weights-control:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--lot-sizes:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--lot-suppliers:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--lot-types:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.icon--reports-weight:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
/*
 * Grid
 */
#content {
  background: #C7C7C7;
  overflow: auto;
  grid-area: content;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  margin-top: 5rem;
  position: relative;
}
.theme-light #content {
  background: #f6f7f7;
  color: #5c656d;
}
.theme-dark #content {
  background: #1F2122;
  color: #b3b3b3;
}
@media (min-width: 888px) {
  #content {
    -ms-grid-column: 2;
  }
}
app-sidebar {
  grid-area: aside;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  display: block;
}
.sidebar {
  width: 100%;
  background: #353637;
  height: calc(100vh - 6rem);
  grid-area: aside;
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  position: fixed;
  top: 6rem;
  z-index: 99;
  left: -100%;
  transition-duration: 0.5s;
}
.menu-open .sidebar {
  left: 0;
}
@media (min-width: 888px) {
  .sidebar {
    position: relative;
    top: inherit;
    left: 0;
  }
}
.close-sidebar .sidebar {
  display: none;
}
.sidebar .welcome {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding: 1.3rem 1.5rem 2.8rem 1.5rem;
  min-height: 5.1rem;
}
.collapse-sidebar .sidebar .welcome {
  display: none;
}
@media (max-width: 1300px) {
  .sidebar .welcome {
    display: none;
  }
}
.sidebar .welcome__img:before {
  font-size: 2.5rem;
  color: #b3b3b3;
}
.sidebar .welcome__img img {
  width: 5.1rem;
  height: 5.1rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.5rem;
}
.sidebar .welcome__info {
  padding-left: 1rem;
  color: #b3b3b3;
}
.sidebar .welcome__info span {
  display: block;
}
.sidebar nav {
  position: relative;
  height: calc(100vh - 5rem);
}
@media (min-width: 888px) {
  .sidebar nav {
    height: calc(100vh - 15rem);
  }
}
.collapse-sidebar .sidebar nav {
  height: 100%;
}
.sidebar nav ul {
  margin: 0;
}
.sidebar nav ul:not(.settings) {
  height: calc(100% - 15rem);
  overflow: auto;
  position: relative;
}
.sidebar nav ul li {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.sidebar nav ul li.active a {
  background: #0B91F9;
}
.sidebar nav ul li.open ul {
  display: block;
  height: auto;
}
.sidebar nav ul li a {
  height: 5.5rem;
  display: block;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  color: #b3b3b3;
  padding-left: 7.5rem;
  font-size: 1.5rem;
  position: relative;
  padding-right: 0.5rem;
}
@media (max-height: 780px) {
  .sidebar nav ul li a {
    font-size: 1.4rem;
  }
}
.collapse-sidebar .sidebar nav ul li a {
  height: 5rem;
}
.sidebar nav ul li a:before {
  position: absolute;
  left: 4rem;
  font-size: 2rem;
}
.sidebar nav ul li a[class^="icon--activation"]:before {
  font-size: 2.5rem;
}
.sidebar nav ul li a:hover {
  background: #0B91F9;
}
.collapse-sidebar .sidebar nav ul li a span {
  display: none;
}
.sidebar nav ul li ul {
  display: none;
}
.sidebar nav ul li ul li a {
  font-size: 1.3rem;
  background: #16181A;
  padding-left: 8.4rem;
}
@media (min-width: 888px) and (max-width: 1300px) {
  .sidebar nav ul li ul li a {
    padding-left: 0.5rem;
  }
}
.sidebar nav ul li ul li a:before {
  left: 5rem;
}
@media (min-width: 888px) and (max-width: 1300px) {
  .sidebar nav ul li ul li a:before {
    left: 3rem;
  }
}
.collapse-sidebar .sidebar nav ul li ul li a:before {
  left: 4rem;
}
.sidebar nav ul li ul li.active a, .sidebar nav ul li ul li:hover a {
  background: #04589a;
}
.sidebar nav ul.settings {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem 0;
  background: #353637;
}
.sidebar nav ul.settings:before {
  content: '';
  position: absolute;
  width: 90%;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  height: 0.1rem;
  background: #979797;
}
.collapse-sidebar .sidebar nav ul.settings:before {
  width: 100%;
}
app-header {
  grid-column: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: header;
  width: 100%;
  display: block;
}
header.main-header {
  grid-column: 1 / span 2;
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: header;
  width: 100%;
  left: 0;
  z-index: 99;
  background: #26282A;
}
header.main-header .container {
  padding-left: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (min-width: 888px) {
  .theme-light header.main-header {
    background: #FFFFFF;
  }

  .theme-dark header.main-header {
    background: #26282A;
  }
}
header.main-header .main-header__logo {
  width: 22.6rem;
  height: 6rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
  background: #26282A;
}
@media (min-width: 888px) {
  header.main-header .main-header__logo {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
}
header.main-header .main-header__logo .logo {
  width: 14rem;
  height: 3rem;
  background-size: contain;
  background-repeat: no-repeat;
}
header.main-header .main-header__logo .logo img {
  width: 14rem;
  height: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
header.main-header .main-header__left .collapse {
  width: 2.5rem;
  height: 2rem;
  position: relative;
  margin-left: 2rem;
  cursor: pointer;
  display: none;
}
@media (min-width: 888px) {
  header.main-header .main-header__left .collapse {
    display: block;
  }
}
header.main-header .main-header__left .collapse:before, header.main-header .main-header__left .collapse:after, header.main-header .main-header__left .collapse span {
  content: '';
  height: 0.1rem;
  width: 100%;
  display: block;
  position: absolute;
}
.theme-light header.main-header .main-header__left .collapse:before, .theme-light header.main-header .main-header__left .collapse:after, .theme-light header.main-header .main-header__left .collapse span {
  background: #5c656d;
}
.theme-dark header.main-header .main-header__left .collapse:before, .theme-dark header.main-header .main-header__left .collapse:after, .theme-dark header.main-header .main-header__left .collapse span {
  background: #b3b3b3;
}
.collapse-sidebar header.main-header .main-header__left .collapse:before, .collapse-sidebar header.main-header .main-header__left .collapse:after, .collapse-sidebar header.main-header .main-header__left .collapse span {
  background: #0B91F9;
}
header.main-header .main-header__left .collapse:before {
  top: 0;
}
header.main-header .main-header__left .collapse:after {
  bottom: 0;
}
header.main-header .main-header__left .collapse span {
  top: 50%;
  transform: translateY(-50%);
  width: 80%;
}
header.main-header .main-header__right {
  margin-left: auto;
}
header.main-header .main-header__right .logo {
  padding-right: 2rem;
  display: none;
}
@media (min-width: 888px) {
  header.main-header .main-header__right .logo {
    display: block;
  }
}
header.main-header .main-header__right .logo img {
  height: 3rem;
}
.theme-dark header.main-header {
  border-bottom: 0.2rem solid #1F2122;
}
/*
 * Definitions
 */
/*
 * Gutter
 */
.no-gutter {
  padding: 0 !important;
}
.gutter-top {
  padding-top: 3.2rem !important;
}
.gutter-bottom {
  padding-bottom: 3.2rem !important;
}
.gutter-left {
  padding-left: 1.6rem !important;
}
.gutter-right {
  padding-right: 1.6rem !important;
}
@media (min-width: 1681px) {
  .no-gutter-xlarge {
    padding: 0 !important;
  }

  .gutter-top {
    padding-top: 3.2rem !important;
  }

  .gutter-bottom {
    padding-bottom: 3.2rem !important;
  }

  .gutter-left {
    padding-left: 1.6rem !important;
  }

  .gutter-right {
    padding-right: 1.6rem !important;
  }
}
@media (min-width: 1280px) and (max-width: 1680px) {
  .no-gutter-large {
    padding: 0 !important;
  }

  .gutter-top {
    padding-top: 3.2rem !important;
  }

  .gutter-bottom {
    padding-bottom: 3.2rem !important;
  }

  .gutter-left {
    padding-left: 1.6rem !important;
  }

  .gutter-right {
    padding-right: 1.6rem !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .no-gutter-medium {
    padding: 0 !important;
  }

  .gutter-top {
    padding-top: 3.2rem !important;
  }

  .gutter-bottom {
    padding-bottom: 3.2rem !important;
  }

  .gutter-left {
    padding-left: 1.6rem !important;
  }

  .gutter-right {
    padding-right: 1.6rem !important;
  }
}
@media (min-width: 888px) and (max-width: 1023px) {
  .no-gutter-small {
    padding: 0 !important;
  }

  .gutter-top {
    padding-top: 3.2rem !important;
  }

  .gutter-bottom {
    padding-bottom: 3.2rem !important;
  }

  .gutter-left {
    padding-left: 1.6rem !important;
  }

  .gutter-right {
    padding-right: 1.6rem !important;
  }
}
@media (max-width: 887px) {
  .no-gutter-xsmall {
    padding: 0 !important;
  }

  .gutter-top {
    padding-top: 3.2rem !important;
  }

  .gutter-bottom {
    padding-bottom: 3.2rem !important;
  }

  .gutter-left {
    padding-left: 1.6rem !important;
  }

  .gutter-right {
    padding-right: 1.6rem !important;
  }
}
/*
 * Definitions
 */
/*
 * Container
 */
.container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  *zoom: 1;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.container:before, .container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
[id^=page]:not(.page-auth) {
  padding: 1.6rem;
  padding-bottom: 10rem;
}
@media (min-width: 888px) {
  [id^=page]:not(.page-auth) {
    padding: 3.2rem;
  }
}
/*
 * Row
 */
.row {
  margin-left: -1.6rem;
  margin-right: -1.6rem;
  *zoom: 1;
}
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 1681px) {
  .row {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }

  .row.no-gutter-xlarge {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1280px) and (max-width: 1680px) {
  .row {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }

  .row.no-gutter-large {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .row {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }

  .row.no-gutter-medium {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 888px) and (max-width: 1023px) {
  .row {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }

  .row.no-gutter-small {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 887px) {
  .row {
    margin-left: -1.6rem;
    margin-right: -1.6rem;
  }

  .row.no-gutter-xsmall {
    margin-left: 0;
    margin-right: 0;
  }
}
/*
 * Definitions
 */
/*
 * Columns
 */
[class*='column-'] {
  float: left;
  position: relative;
  min-height: 1px;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
[class*='column-'].column-center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 1681px) {
  [class*='column-'] {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 1280px) and (max-width: 1680px) {
  [class*='column-'] {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  [class*='column-'] {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (min-width: 888px) and (max-width: 1023px) {
  [class*='column-'] {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
@media (max-width: 887px) {
  [class*='column-'] {
    padding-left: 1.6rem;
    padding-right: 1.6rem;
  }
}
/*
 * Column Classes
 */
.column-1 {
  width: 100%;
}
.column-1-2,
.column-2-4,
.column-3-6,
.column-4-8,
.column-5-10,
.column-6-12 {
  width: 50%;
}
.column-1-3,
.column-2-6,
.column-3-9,
.column-4-12 {
  width: 33.3333%;
}
.column-2-3,
.column-4-6,
.column-6-9,
.column-8-12 {
  width: 66.6666%;
}
.column-1-4,
.column-2-8,
.column-3-12 {
  width: 25%;
}
.column-3-4,
.column-6-8,
.column-9-12 {
  width: 75%;
}
.column-1-5,
.column-2-10 {
  width: 20%;
}
.column-2-5,
.column-4-10 {
  width: 40%;
}
.column-3-5,
.column-6-10 {
  width: 60%;
}
.column-4-5,
.column-8-10 {
  width: 80%;
}
.column-1-6,
.column-2-12 {
  width: 16.6667%;
}
.column-5-6 {
  width: 83.3335%;
}
.column-1-7 {
  width: 14.2857%;
}
.column-2-7 {
  width: 28.5714%;
}
.column-3-7 {
  width: 42.8571%;
}
.column-4-7 {
  width: 57.1428%;
}
.column-5-7 {
  width: 71.4285%;
}
.column-6-7 {
  width: 85.7142%;
}
.column-1-8 {
  width: 12.5%;
}
.column-3-8 {
  width: 37.5%;
}
.column-5-8 {
  width: 62.5%;
}
.column-7-8 {
  width: 87.5%;
}
.column-1-9 {
  width: 11.1111%;
}
.column-2-9 {
  width: 22.2222%;
}
.column-4-9 {
  width: 44.4444%;
}
.column-5-9 {
  width: 55.5555%;
}
.column-7-9 {
  width: 77.7777%;
}
.column-8-9 {
  width: 88.8888%;
}
.column-1-10 {
  width: 10%;
}
.column-3-10 {
  width: 30%;
}
.column-7-10 {
  width: 70%;
}
.column-9-10 {
  width: 90%;
}
.column-1-11 {
  width: 9.0909%;
}
.column-2-11 {
  width: 18.1818%;
}
.column-3-11 {
  width: 27.2727%;
}
.column-4-11 {
  width: 36.3636%;
}
.column-5-11 {
  width: 45.4545%;
}
.column-6-11 {
  width: 54.5454%;
}
.column-7-11 {
  width: 63.6363%;
}
.column-8-11 {
  width: 72.7272%;
}
.column-9-11 {
  width: 81.8181%;
}
.column-10-11 {
  width: 90.909%;
}
.column-1-12 {
  width: 8.3333%;
}
.column-5-12 {
  width: 41.6665%;
}
.column-7-12 {
  width: 58.3331%;
}
.column-10-12 {
  width: 83.333%;
}
.column-11-12 {
  width: 91.6663%;
}
/*
 * Column Extra Large Classes
 */
@media (min-width: 1681px) {
  .column-xlarge-1 {
    width: 100%;
  }

  .column-xlarge-1-2,
  .column-xlarge-2-4,
  .column-xlarge-3-6,
  .column-xlarge-4-8,
  .column-xlarge-5-10,
  .column-xlarge-6-12 {
    width: 50%;
  }

  .column-xlarge-1-3,
  .column-xlarge-2-6,
  .column-xlarge-3-9,
  .column-xlarge-4-12 {
    width: 33.3333%;
  }

  .column-xlarge-2-3,
  .column-xlarge-4-6,
  .column-xlarge-6-9,
  .column-xlarge-8-12 {
    width: 66.6666%;
  }

  .column-xlarge-1-4,
  .column-xlarge-2-8,
  .column-xlarge-3-12 {
    width: 25%;
  }

  .column-xlarge-3-4,
  .column-xlarge-6-8,
  .column-xlarge-9-12 {
    width: 75%;
  }

  .column-xlarge-1-5,
  .column-xlarge-2-10 {
    width: 20%;
  }

  .column-xlarge-2-5,
  .column-xlarge-4-10 {
    width: 40%;
  }

  .column-xlarge-3-5,
  .column-xlarge-6-10 {
    width: 60%;
  }

  .column-xlarge-4-5,
  .column-xlarge-8-10 {
    width: 80%;
  }

  .column-xlarge-1-6,
  .column-xlarge-2-12 {
    width: 16.6667%;
  }

  .column-xlarge-5-6 {
    width: 83.3335%;
  }

  .column-xlarge-1-7 {
    width: 14.2857%;
  }

  .column-xlarge-2-7 {
    width: 28.5714%;
  }

  .column-xlarge-3-7 {
    width: 42.8571%;
  }

  .column-xlarge-4-7 {
    width: 57.1428%;
  }

  .column-xlarge-5-7 {
    width: 71.4285%;
  }

  .column-xlarge-6-7 {
    width: 85.7142%;
  }

  .column-xlarge-1-8 {
    width: 12.5%;
  }

  .column-xlarge-3-8 {
    width: 37.5%;
  }

  .column-xlarge-5-8 {
    width: 62.5%;
  }

  .column-xlarge-7-8 {
    width: 87.5%;
  }

  .column-xlarge-1-9 {
    width: 11.1111%;
  }

  .column-xlarge-2-9 {
    width: 22.2222%;
  }

  .column-xlarge-4-9 {
    width: 44.4444%;
  }

  .column-xlarge-5-9 {
    width: 55.5555%;
  }

  .column-xlarge-7-9 {
    width: 77.7777%;
  }

  .column-xlarge-8-9 {
    width: 88.8888%;
  }

  .column-xlarge-1-10 {
    width: 10%;
  }

  .column-xlarge-3-10 {
    width: 30%;
  }

  .column-xlarge-7-10 {
    width: 70%;
  }

  .column-xlarge-9-10 {
    width: 90%;
  }

  .column-xlarge-1-11 {
    width: 9.0909%;
  }

  .column-xlarge-2-11 {
    width: 18.1818%;
  }

  .column-xlarge-3-11 {
    width: 27.2727%;
  }

  .column-xlarge-4-11 {
    width: 36.3636%;
  }

  .column-xlarge-5-11 {
    width: 45.4545%;
  }

  .column-xlarge-6-11 {
    width: 54.5454%;
  }

  .column-xlarge-7-11 {
    width: 63.6363%;
  }

  .column-xlarge-8-11 {
    width: 72.7272%;
  }

  .column-xlarge-9-11 {
    width: 81.8181%;
  }

  .column-xlarge-10-11 {
    width: 90.909%;
  }

  .column-xlarge-1-12 {
    width: 8.3333%;
  }

  .column-xlarge-5-12 {
    width: 41.6665%;
  }

  .column-xlarge-7-12 {
    width: 58.3331%;
  }

  .column-xlarge-10-12 {
    width: 83.333%;
  }

  .column-xlarge-11-12 {
    width: 91.6663%;
  }
}
/*
 * Column Large Classes
 */
@media (min-width: 1280px) and (max-width: 1680px) {
  .column-large-1 {
    width: 100%;
  }

  .column-large-1-2,
  .column-large-2-4,
  .column-large-3-6,
  .column-large-4-8,
  .column-large-5-10,
  .column-large-6-12 {
    width: 50%;
  }

  .column-large-1-3,
  .column-large-2-6,
  .column-large-3-9,
  .column-large-4-12 {
    width: 33.3333%;
  }

  .column-large-2-3,
  .column-large-4-6,
  .column-large-6-9,
  .column-large-8-12 {
    width: 66.6666%;
  }

  .column-large-1-4,
  .column-large-2-8,
  .column-large-3-12 {
    width: 25%;
  }

  .column-large-3-4,
  .column-large-6-8,
  .column-large-9-12 {
    width: 75%;
  }

  .column-large-1-5,
  .column-large-2-10 {
    width: 20%;
  }

  .column-large-2-5,
  .column-large-4-10 {
    width: 40%;
  }

  .column-large-3-5,
  .column-large-6-10 {
    width: 60%;
  }

  .column-large-4-5,
  .column-large-8-10 {
    width: 80%;
  }

  .column-large-1-6,
  .column-large-2-12 {
    width: 16.6667%;
  }

  .column-large-5-6 {
    width: 83.3335%;
  }

  .column-large-1-7 {
    width: 14.2857%;
  }

  .column-large-2-7 {
    width: 28.5714%;
  }

  .column-large-3-7 {
    width: 42.8571%;
  }

  .column-large-4-7 {
    width: 57.1428%;
  }

  .column-large-5-7 {
    width: 71.4285%;
  }

  .column-large-6-7 {
    width: 85.7142%;
  }

  .column-large-1-8 {
    width: 12.5%;
  }

  .column-large-3-8 {
    width: 37.5%;
  }

  .column-large-5-8 {
    width: 62.5%;
  }

  .column-large-7-8 {
    width: 87.5%;
  }

  .column-large-1-9 {
    width: 11.1111%;
  }

  .column-large-2-9 {
    width: 22.2222%;
  }

  .column-large-4-9 {
    width: 44.4444%;
  }

  .column-large-5-9 {
    width: 55.5555%;
  }

  .column-large-7-9 {
    width: 77.7777%;
  }

  .column-large-8-9 {
    width: 88.8888%;
  }

  .column-large-1-10 {
    width: 10%;
  }

  .column-large-3-10 {
    width: 30%;
  }

  .column-large-7-10 {
    width: 70%;
  }

  .column-large-9-10 {
    width: 90%;
  }

  .column-large-1-11 {
    width: 9.0909%;
  }

  .column-large-2-11 {
    width: 18.1818%;
  }

  .column-large-3-11 {
    width: 27.2727%;
  }

  .column-large-4-11 {
    width: 36.3636%;
  }

  .column-large-5-11 {
    width: 45.4545%;
  }

  .column-large-6-11 {
    width: 54.5454%;
  }

  .column-large-7-11 {
    width: 63.6363%;
  }

  .column-large-8-11 {
    width: 72.7272%;
  }

  .column-large-9-11 {
    width: 81.8181%;
  }

  .column-large-10-11 {
    width: 90.909%;
  }

  .column-large-1-12 {
    width: 8.3333%;
  }

  .column-large-5-12 {
    width: 41.6665%;
  }

  .column-large-7-12 {
    width: 58.3331%;
  }

  .column-large-10-12 {
    width: 83.333%;
  }

  .column-large-11-12 {
    width: 91.6663%;
  }
}
/*
 * Column Medium Classes
 */
@media (min-width: 1024px) and (max-width: 1279px) {
  .column-medium-1 {
    width: 100%;
  }

  .column-medium-1-2,
  .column-medium-2-4,
  .column-medium-3-6,
  .column-medium-4-8,
  .column-medium-5-10,
  .column-medium-6-12 {
    width: 50%;
  }

  .column-medium-1-3,
  .column-medium-2-6,
  .column-medium-3-9,
  .column-medium-4-12 {
    width: 33.3333%;
  }

  .column-medium-2-3,
  .column-medium-4-6,
  .column-medium-6-9,
  .column-medium-8-12 {
    width: 66.6666%;
  }

  .column-medium-1-4,
  .column-medium-2-8,
  .column-medium-3-12 {
    width: 25%;
  }

  .column-medium-3-4,
  .column-medium-6-8,
  .column-medium-9-12 {
    width: 75%;
  }

  .column-medium-1-5,
  .column-medium-2-10 {
    width: 20%;
  }

  .column-medium-2-5,
  .column-medium-4-10 {
    width: 40%;
  }

  .column-medium-3-5,
  .column-medium-6-10 {
    width: 60%;
  }

  .column-medium-4-5,
  .column-medium-8-10 {
    width: 80%;
  }

  .column-medium-1-6,
  .column-medium-2-12 {
    width: 16.6667%;
  }

  .column-medium-5-6 {
    width: 83.3335%;
  }

  .column-medium-1-7 {
    width: 14.2857%;
  }

  .column-medium-2-7 {
    width: 28.5714%;
  }

  .column-medium-3-7 {
    width: 42.8571%;
  }

  .column-medium-4-7 {
    width: 57.1428%;
  }

  .column-medium-5-7 {
    width: 71.4285%;
  }

  .column-medium-6-7 {
    width: 85.7142%;
  }

  .column-medium-1-8 {
    width: 12.5%;
  }

  .column-medium-3-8 {
    width: 37.5%;
  }

  .column-medium-5-8 {
    width: 62.5%;
  }

  .column-medium-7-8 {
    width: 87.5%;
  }

  .column-medium-1-9 {
    width: 11.1111%;
  }

  .column-medium-2-9 {
    width: 22.2222%;
  }

  .column-medium-4-9 {
    width: 44.4444%;
  }

  .column-medium-5-9 {
    width: 55.5555%;
  }

  .column-medium-7-9 {
    width: 77.7777%;
  }

  .column-medium-8-9 {
    width: 88.8888%;
  }

  .column-medium-1-10 {
    width: 10%;
  }

  .column-medium-3-10 {
    width: 30%;
  }

  .column-medium-7-10 {
    width: 70%;
  }

  .column-medium-9-10 {
    width: 90%;
  }

  .column-medium-1-11 {
    width: 9.0909%;
  }

  .column-medium-2-11 {
    width: 18.1818%;
  }

  .column-medium-3-11 {
    width: 27.2727%;
  }

  .column-medium-4-11 {
    width: 36.3636%;
  }

  .column-medium-5-11 {
    width: 45.4545%;
  }

  .column-medium-6-11 {
    width: 54.5454%;
  }

  .column-medium-7-11 {
    width: 63.6363%;
  }

  .column-medium-8-11 {
    width: 72.7272%;
  }

  .column-medium-9-11 {
    width: 81.8181%;
  }

  .column-medium-10-11 {
    width: 90.909%;
  }

  .column-medium-1-12 {
    width: 8.3333%;
  }

  .column-medium-5-12 {
    width: 41.6665%;
  }

  .column-medium-7-12 {
    width: 58.3331%;
  }

  .column-medium-10-12 {
    width: 83.333%;
  }

  .column-medium-11-12 {
    width: 91.6663%;
  }
}
/*
 * Column Small Classes
 */
@media (min-width: 888px) and (max-width: 1023px) {
  .column-small-1 {
    width: 100%;
  }

  .column-small-1-2,
  .column-small-2-4,
  .column-small-3-6,
  .column-small-4-8,
  .column-small-5-10,
  .column-small-6-12 {
    width: 50%;
  }

  .column-small-1-3,
  .column-small-2-6,
  .column-small-3-9,
  .column-small-4-12 {
    width: 33.3333%;
  }

  .column-small-2-3,
  .column-small-4-6,
  .column-small-6-9,
  .column-small-8-12 {
    width: 66.6666%;
  }

  .column-small-1-4,
  .column-small-2-8,
  .column-small-3-12 {
    width: 25%;
  }

  .column-small-3-4,
  .column-small-6-8,
  .column-small-9-12 {
    width: 75%;
  }

  .column-small-1-5,
  .column-small-2-10 {
    width: 20%;
  }

  .column-small-2-5,
  .column-small-4-10 {
    width: 40%;
  }

  .column-small-3-5,
  .column-small-6-10 {
    width: 60%;
  }

  .column-small-4-5,
  .column-small-8-10 {
    width: 80%;
  }

  .column-small-1-6,
  .column-small-2-12 {
    width: 16.6667%;
  }

  .column-small-5-6 {
    width: 83.3335%;
  }

  .column-small-1-7 {
    width: 14.2857%;
  }

  .column-small-2-7 {
    width: 28.5714%;
  }

  .column-small-3-7 {
    width: 42.8571%;
  }

  .column-small-4-7 {
    width: 57.1428%;
  }

  .column-small-5-7 {
    width: 71.4285%;
  }

  .column-small-6-7 {
    width: 85.7142%;
  }

  .column-small-1-8 {
    width: 12.5%;
  }

  .column-small-3-8 {
    width: 37.5%;
  }

  .column-small-5-8 {
    width: 62.5%;
  }

  .column-small-7-8 {
    width: 87.5%;
  }

  .column-small-1-9 {
    width: 11.1111%;
  }

  .column-small-2-9 {
    width: 22.2222%;
  }

  .column-small-4-9 {
    width: 44.4444%;
  }

  .column-small-5-9 {
    width: 55.5555%;
  }

  .column-small-7-9 {
    width: 77.7777%;
  }

  .column-small-8-9 {
    width: 88.8888%;
  }

  .column-small-1-10 {
    width: 10%;
  }

  .column-small-3-10 {
    width: 30%;
  }

  .column-small-7-10 {
    width: 70%;
  }

  .column-small-9-10 {
    width: 90%;
  }

  .column-small-1-11 {
    width: 9.0909%;
  }

  .column-small-2-11 {
    width: 18.1818%;
  }

  .column-small-3-11 {
    width: 27.2727%;
  }

  .column-small-4-11 {
    width: 36.3636%;
  }

  .column-small-5-11 {
    width: 45.4545%;
  }

  .column-small-6-11 {
    width: 54.5454%;
  }

  .column-small-7-11 {
    width: 63.6363%;
  }

  .column-small-8-11 {
    width: 72.7272%;
  }

  .column-small-9-11 {
    width: 81.8181%;
  }

  .column-small-10-11 {
    width: 90.909%;
  }

  .column-small-1-12 {
    width: 8.3333%;
  }

  .column-small-5-12 {
    width: 41.6665%;
  }

  .column-small-7-12 {
    width: 58.3331%;
  }

  .column-small-10-12 {
    width: 83.333%;
  }

  .column-small-11-12 {
    width: 91.6663%;
  }
}
/*
 * Column Extra Small Classes
 */
@media (max-width: 887px) {
  [class*='column-'] {
    width: 100%;
  }

  .column-xsmall-1 {
    width: 100%;
  }

  .column-xsmall-1-2,
  .column-xsmall-2-4,
  .column-xsmall-3-6,
  .column-xsmall-4-8,
  .column-xsmall-5-10,
  .column-xsmall-6-12 {
    width: 50%;
  }

  .column-xsmall-1-3,
  .column-xsmall-2-6,
  .column-xsmall-3-9,
  .column-xsmall-4-12 {
    width: 33.3333%;
  }

  .column-xsmall-2-3,
  .column-xsmall-4-6,
  .column-xsmall-6-9,
  .column-xsmall-8-12 {
    width: 66.6666%;
  }

  .column-xsmall-1-4,
  .column-xsmall-2-8,
  .column-xsmall-3-12 {
    width: 25%;
  }

  .column-xsmall-3-4,
  .column-xsmall-6-8,
  .column-xsmall-9-12 {
    width: 75%;
  }

  .column-xsmall-1-5,
  .column-xsmall-2-10 {
    width: 20%;
  }

  .column-xsmall-2-5,
  .column-xsmall-4-10 {
    width: 40%;
  }

  .column-xsmall-3-5,
  .column-xsmall-6-10 {
    width: 60%;
  }

  .column-xsmall-4-5,
  .column-xsmall-8-10 {
    width: 80%;
  }

  .column-xsmall-1-6,
  .column-xsmall-2-12 {
    width: 16.6667%;
  }

  .column-xsmall-5-6 {
    width: 83.3335%;
  }

  .column-xsmall-1-7 {
    width: 14.2857%;
  }

  .column-xsmall-2-7 {
    width: 28.5714%;
  }

  .column-xsmall-3-7 {
    width: 42.8571%;
  }

  .column-xsmall-4-7 {
    width: 57.1428%;
  }

  .column-xsmall-5-7 {
    width: 71.4285%;
  }

  .column-xsmall-6-7 {
    width: 85.7142%;
  }

  .column-xsmall-1-8 {
    width: 12.5%;
  }

  .column-xsmall-3-8 {
    width: 37.5%;
  }

  .column-xsmall-5-8 {
    width: 62.5%;
  }

  .column-xsmall-7-8 {
    width: 87.5%;
  }

  .column-xsmall-1-9 {
    width: 11.1111%;
  }

  .column-xsmall-2-9 {
    width: 22.2222%;
  }

  .column-xsmall-4-9 {
    width: 44.4444%;
  }

  .column-xsmall-5-9 {
    width: 55.5555%;
  }

  .column-xsmall-7-9 {
    width: 77.7777%;
  }

  .column-xsmall-8-9 {
    width: 88.8888%;
  }

  .column-xsmall-1-10 {
    width: 10%;
  }

  .column-xsmall-3-10 {
    width: 30%;
  }

  .column-xsmall-7-10 {
    width: 70%;
  }

  .column-xsmall-9-10 {
    width: 90%;
  }

  .column-xsmall-1-11 {
    width: 9.0909%;
  }

  .column-xsmall-2-11 {
    width: 18.1818%;
  }

  .column-xsmall-3-11 {
    width: 27.2727%;
  }

  .column-xsmall-4-11 {
    width: 36.3636%;
  }

  .column-xsmall-5-11 {
    width: 45.4545%;
  }

  .column-xsmall-6-11 {
    width: 54.5454%;
  }

  .column-xsmall-7-11 {
    width: 63.6363%;
  }

  .column-xsmall-8-11 {
    width: 72.7272%;
  }

  .column-xsmall-9-11 {
    width: 81.8181%;
  }

  .column-xsmall-10-11 {
    width: 90.909%;
  }

  .column-xsmall-1-12 {
    width: 8.3333%;
  }

  .column-xsmall-5-12 {
    width: 41.6665%;
  }

  .column-xsmall-7-12 {
    width: 58.3331%;
  }

  .column-xsmall-10-12 {
    width: 83.333%;
  }

  .column-xsmall-11-12 {
    width: 91.6663%;
  }
}
/*
 * Column Extra Small Classes
 */
@media (max-width: 887px) {
  [class*='column-'] {
    width: 100%;
  }

  .column-xsmall-up-1 {
    width: 100%;
  }

  .column-xsmall-up-1-2,
  .column-xsmall-up-2-4,
  .column-xsmall-up-3-6,
  .column-xsmall-up-4-8,
  .column-xsmall-up-5-10,
  .column-xsmall-up-6-12 {
    width: 50%;
  }

  .column-xsmall-up-1-3,
  .column-xsmall-up-2-6,
  .column-xsmall-up-3-9,
  .column-xsmall-up-4-12 {
    width: 33.3333%;
  }

  .column-xsmall-up-2-3,
  .column-xsmall-up-4-6,
  .column-xsmall-up-6-9,
  .column-xsmall-up-8-12 {
    width: 66.6666%;
  }

  .column-xsmall-up-1-4,
  .column-xsmall-up-2-8,
  .column-xsmall-up-3-12 {
    width: 25%;
  }

  .column-xsmall-up-3-4,
  .column-xsmall-up-6-8,
  .column-xsmall-up-9-12 {
    width: 75%;
  }

  .column-xsmall-up-1-5,
  .column-xsmall-up-2-10 {
    width: 20%;
  }

  .column-xsmall-up-2-5,
  .column-xsmall-up-4-10 {
    width: 40%;
  }

  .column-xsmall-up-3-5,
  .column-xsmall-up-6-10 {
    width: 60%;
  }

  .column-xsmall-up-4-5,
  .column-xsmall-up-8-10 {
    width: 80%;
  }

  .column-xsmall-up-1-6,
  .column-xsmall-up-2-12 {
    width: 16.6667%;
  }

  .column-xsmall-up-5-6 {
    width: 83.3335%;
  }

  .column-xsmall-up-1-7 {
    width: 14.2857%;
  }

  .column-xsmall-up-2-7 {
    width: 28.5714%;
  }

  .column-xsmall-up-3-7 {
    width: 42.8571%;
  }

  .column-xsmall-up-4-7 {
    width: 57.1428%;
  }

  .column-xsmall-up-5-7 {
    width: 71.4285%;
  }

  .column-xsmall-up-6-7 {
    width: 85.7142%;
  }

  .column-xsmall-up-1-8 {
    width: 12.5%;
  }

  .column-xsmall-up-3-8 {
    width: 37.5%;
  }

  .column-xsmall-up-5-8 {
    width: 62.5%;
  }

  .column-xsmall-up-7-8 {
    width: 87.5%;
  }

  .column-xsmall-up-1-9 {
    width: 11.1111%;
  }

  .column-xsmall-up-2-9 {
    width: 22.2222%;
  }

  .column-xsmall-up-4-9 {
    width: 44.4444%;
  }

  .column-xsmall-up-5-9 {
    width: 55.5555%;
  }

  .column-xsmall-up-7-9 {
    width: 77.7777%;
  }

  .column-xsmall-up-8-9 {
    width: 88.8888%;
  }

  .column-xsmall-up-1-10 {
    width: 10%;
  }

  .column-xsmall-up-3-10 {
    width: 30%;
  }

  .column-xsmall-up-7-10 {
    width: 70%;
  }

  .column-xsmall-up-9-10 {
    width: 90%;
  }

  .column-xsmall-up-1-11 {
    width: 9.0909%;
  }

  .column-xsmall-up-2-11 {
    width: 18.1818%;
  }

  .column-xsmall-up-3-11 {
    width: 27.2727%;
  }

  .column-xsmall-up-4-11 {
    width: 36.3636%;
  }

  .column-xsmall-up-5-11 {
    width: 45.4545%;
  }

  .column-xsmall-up-6-11 {
    width: 54.5454%;
  }

  .column-xsmall-up-7-11 {
    width: 63.6363%;
  }

  .column-xsmall-up-8-11 {
    width: 72.7272%;
  }

  .column-xsmall-up-9-11 {
    width: 81.8181%;
  }

  .column-xsmall-up-10-11 {
    width: 90.909%;
  }

  .column-xsmall-up-1-12 {
    width: 8.3333%;
  }

  .column-xsmall-up-5-12 {
    width: 41.6665%;
  }

  .column-xsmall-up-7-12 {
    width: 58.3331%;
  }

  .column-xsmall-up-10-12 {
    width: 83.333%;
  }

  .column-xsmall-up-11-12 {
    width: 91.6663%;
  }
}
/*
 * Column Offset Classes
 */
.column-offset-1 {
  margin-left: 100%;
}
.column-offset-1-2,
.column-offset-2-4,
.column-offset-3-6,
.column-offset-4-8,
.column-offset-5-10,
.column-offset-6-12 {
  margin-left: 50%;
}
.column-offset-1-3,
.column-offset-2-6,
.column-offset-3-9,
.column-offset-4-12 {
  margin-left: 33.3333%;
}
.column-offset-2-3,
.column-offset-4-6,
.column-offset-6-9,
.column-offset-8-12 {
  margin-left: 66.6666%;
}
.column-offset-1-4,
.column-offset-2-8,
.column-offset-3-12 {
  margin-left: 25%;
}
.column-offset-3-4,
.column-offset-6-8,
.column-offset-9-12 {
  margin-left: 75%;
}
.column-offset-1-5,
.column-offset-2-10 {
  margin-left: 20%;
}
.column-offset-2-5,
.column-offset-4-10 {
  margin-left: 40%;
}
.column-offset-3-5,
.column-offset-6-10 {
  margin-left: 60%;
}
.column-offset-4-5,
.column-offset-8-10 {
  margin-left: 80%;
}
.column-offset-1-6,
.column-offset-2-12 {
  margin-left: 16.6667%;
}
.column-offset-5-6 {
  margin-left: 83.3335%;
}
.column-offset-1-7 {
  margin-left: 14.2857%;
}
.column-offset-2-7 {
  margin-left: 28.5714%;
}
.column-offset-3-7 {
  margin-left: 42.8571%;
}
.column-offset-4-7 {
  margin-left: 57.1428%;
}
.column-offset-5-7 {
  margin-left: 71.4285%;
}
.column-offset-6-7 {
  margin-left: 85.7142%;
}
.column-offset-1-8 {
  margin-left: 12.5%;
}
.column-offset-3-8 {
  margin-left: 37.5%;
}
.column-offset-5-8 {
  margin-left: 62.5%;
}
.column-offset-7-8 {
  margin-left: 87.5%;
}
.column-offset-1-9 {
  margin-left: 11.1111%;
}
.column-offset-2-9 {
  margin-left: 22.2222%;
}
.column-offset-4-9 {
  margin-left: 44.4444%;
}
.column-offset-5-9 {
  margin-left: 55.5555%;
}
.column-offset-7-9 {
  margin-left: 77.7777%;
}
.column-offset-8-9 {
  margin-left: 88.8888%;
}
.column-offset-1-10 {
  margin-left: 10%;
}
.column-offset-3-10 {
  margin-left: 30%;
}
.column-offset-7-10 {
  margin-left: 70%;
}
.column-offset-9-10 {
  margin-left: 90%;
}
.column-offset-1-11 {
  margin-left: 9.0909%;
}
.column-offset-2-11 {
  margin-left: 18.1818%;
}
.column-offset-3-11 {
  margin-left: 27.2727%;
}
.column-offset-4-11 {
  margin-left: 36.3636%;
}
.column-offset-5-11 {
  margin-left: 45.4545%;
}
.column-offset-6-11 {
  margin-left: 54.5454%;
}
.column-offset-7-11 {
  margin-left: 63.6363%;
}
.column-offset-8-11 {
  margin-left: 72.7272%;
}
.column-offset-9-11 {
  margin-left: 81.8181%;
}
.column-offset-10-11 {
  margin-left: 90.909%;
}
.column-offset-1-12 {
  margin-left: 8.3333%;
}
.column-offset-5-12 {
  margin-left: 41.6665%;
}
.column-offset-7-12 {
  margin-left: 58.3331%;
}
.column-offset-10-12 {
  margin-left: 83.333%;
}
.column-offset-11-12 {
  margin-left: 91.6663%;
}
/*
 * Column Offset Extra Large Classes
 */
@media (min-width: 1681px) {
  .column-offset-xlarge-reset {
    margin-left: 0;
  }

  .column-offset-xlarge-1 {
    margin-left: 100%;
  }

  .column-offset-xlarge-1-2,
  .column-offset-xlarge-2-4,
  .column-offset-xlarge-3-6,
  .column-offset-xlarge-4-8,
  .column-offset-xlarge-5-10,
  .column-offset-xlarge-6-12 {
    margin-left: 50%;
  }

  .column-offset-xlarge-1-3,
  .column-offset-xlarge-2-6,
  .column-offset-xlarge-3-9,
  .column-offset-xlarge-4-12 {
    margin-left: 33.3333%;
  }

  .column-offset-xlarge-2-3,
  .column-offset-xlarge-4-6,
  .column-offset-xlarge-6-9,
  .column-offset-xlarge-8-12 {
    margin-left: 66.6666%;
  }

  .column-offset-xlarge-1-4,
  .column-offset-xlarge-2-8,
  .column-offset-xlarge-3-12 {
    margin-left: 25%;
  }

  .column-offset-xlarge-3-4,
  .column-offset-xlarge-6-8,
  .column-offset-xlarge-9-12 {
    margin-left: 75%;
  }

  .column-offset-xlarge-1-5,
  .column-offset-xlarge-2-10 {
    margin-left: 20%;
  }

  .column-offset-xlarge-2-5,
  .column-offset-xlarge-4-10 {
    margin-left: 40%;
  }

  .column-offset-xlarge-3-5,
  .column-offset-xlarge-6-10 {
    margin-left: 60%;
  }

  .column-offset-xlarge-4-5,
  .column-offset-xlarge-8-10 {
    margin-left: 80%;
  }

  .column-offset-xlarge-1-6,
  .column-offset-xlarge-2-12 {
    margin-left: 16.6667%;
  }

  .column-offset-xlarge-5-6 {
    margin-left: 83.3335%;
  }

  .column-offset-xlarge-1-7 {
    margin-left: 14.2857%;
  }

  .column-offset-xlarge-2-7 {
    margin-left: 28.5714%;
  }

  .column-offset-xlarge-3-7 {
    margin-left: 42.8571%;
  }

  .column-offset-xlarge-4-7 {
    margin-left: 57.1428%;
  }

  .column-offset-xlarge-5-7 {
    margin-left: 71.4285%;
  }

  .column-offset-xlarge-6-7 {
    margin-left: 85.7142%;
  }

  .column-offset-xlarge-1-8 {
    margin-left: 12.5%;
  }

  .column-offset-xlarge-3-8 {
    margin-left: 37.5%;
  }

  .column-offset-xlarge-5-8 {
    margin-left: 62.5%;
  }

  .column-offset-xlarge-7-8 {
    margin-left: 87.5%;
  }

  .column-offset-xlarge-1-9 {
    margin-left: 11.1111%;
  }

  .column-offset-xlarge-2-9 {
    margin-left: 22.2222%;
  }

  .column-offset-xlarge-4-9 {
    margin-left: 44.4444%;
  }

  .column-offset-xlarge-5-9 {
    margin-left: 55.5555%;
  }

  .column-offset-xlarge-7-9 {
    margin-left: 77.7777%;
  }

  .column-offset-xlarge-8-9 {
    margin-left: 88.8888%;
  }

  .column-offset-xlarge-1-10 {
    margin-left: 10%;
  }

  .column-offset-xlarge-3-10 {
    margin-left: 30%;
  }

  .column-offset-xlarge-7-10 {
    margin-left: 70%;
  }

  .column-offset-xlarge-9-10 {
    margin-left: 90%;
  }

  .column-offset-xlarge-1-11 {
    margin-left: 9.0909%;
  }

  .column-offset-xlarge-2-11 {
    margin-left: 18.1818%;
  }

  .column-offset-xlarge-3-11 {
    margin-left: 27.2727%;
  }

  .column-offset-xlarge-4-11 {
    margin-left: 36.3636%;
  }

  .column-offset-xlarge-5-11 {
    margin-left: 45.4545%;
  }

  .column-offset-xlarge-6-11 {
    margin-left: 54.5454%;
  }

  .column-offset-xlarge-7-11 {
    margin-left: 63.6363%;
  }

  .column-offset-xlarge-8-11 {
    margin-left: 72.7272%;
  }

  .column-offset-xlarge-9-11 {
    margin-left: 81.8181%;
  }

  .column-offset-xlarge-10-11 {
    margin-left: 90.909%;
  }

  .column-offset-xlarge-1-12 {
    margin-left: 8.3333%;
  }

  .column-offset-xlarge-5-12 {
    margin-left: 41.6665%;
  }

  .column-offset-xlarge-7-12 {
    margin-left: 58.3331%;
  }

  .column-offset-xlarge-10-12 {
    margin-left: 83.333%;
  }

  .column-offset-xlarge-11-12 {
    margin-left: 91.6663%;
  }
}
/*
 * Column Offset Large Classes
 */
@media (min-width: 1280px) and (max-width: 1680px) {
  .column-offset-large-reset {
    margin-left: 0;
  }

  .column-offset-large-1 {
    margin-left: 100%;
  }

  .column-offset-large-1-2,
  .column-offset-large-2-4,
  .column-offset-large-3-6,
  .column-offset-large-4-8,
  .column-offset-large-5-10,
  .column-offset-large-6-12 {
    margin-left: 50%;
  }

  .column-offset-large-1-3,
  .column-offset-large-2-6,
  .column-offset-large-3-9,
  .column-offset-large-4-12 {
    margin-left: 33.3333%;
  }

  .column-offset-large-2-3,
  .column-offset-large-4-6,
  .column-offset-large-6-9,
  .column-offset-large-8-12 {
    margin-left: 66.6666%;
  }

  .column-offset-large-1-4,
  .column-offset-large-2-8,
  .column-offset-large-3-12 {
    margin-left: 25%;
  }

  .column-offset-large-3-4,
  .column-offset-large-6-8,
  .column-offset-large-9-12 {
    margin-left: 75%;
  }

  .column-offset-large-1-5,
  .column-offset-large-2-10 {
    margin-left: 20%;
  }

  .column-offset-large-2-5,
  .column-offset-large-4-10 {
    margin-left: 40%;
  }

  .column-offset-large-3-5,
  .column-offset-large-6-10 {
    margin-left: 60%;
  }

  .column-offset-large-4-5,
  .column-offset-large-8-10 {
    margin-left: 80%;
  }

  .column-offset-large-1-6,
  .column-offset-large-2-12 {
    margin-left: 16.6667%;
  }

  .column-offset-large-5-6 {
    margin-left: 83.3335%;
  }

  .column-offset-large-1-7 {
    margin-left: 14.2857%;
  }

  .column-offset-large-2-7 {
    margin-left: 28.5714%;
  }

  .column-offset-large-3-7 {
    margin-left: 42.8571%;
  }

  .column-offset-large-4-7 {
    margin-left: 57.1428%;
  }

  .column-offset-large-5-7 {
    margin-left: 71.4285%;
  }

  .column-offset-large-6-7 {
    margin-left: 85.7142%;
  }

  .column-offset-large-1-8 {
    margin-left: 12.5%;
  }

  .column-offset-large-3-8 {
    margin-left: 37.5%;
  }

  .column-offset-large-5-8 {
    margin-left: 62.5%;
  }

  .column-offset-large-7-8 {
    margin-left: 87.5%;
  }

  .column-offset-large-1-9 {
    margin-left: 11.1111%;
  }

  .column-offset-large-2-9 {
    margin-left: 22.2222%;
  }

  .column-offset-large-4-9 {
    margin-left: 44.4444%;
  }

  .column-offset-large-5-9 {
    margin-left: 55.5555%;
  }

  .column-offset-large-7-9 {
    margin-left: 77.7777%;
  }

  .column-offset-large-8-9 {
    margin-left: 88.8888%;
  }

  .column-offset-large-1-10 {
    margin-left: 10%;
  }

  .column-offset-large-3-10 {
    margin-left: 30%;
  }

  .column-offset-large-7-10 {
    margin-left: 70%;
  }

  .column-offset-large-9-10 {
    margin-left: 90%;
  }

  .column-offset-large-1-11 {
    margin-left: 9.0909%;
  }

  .column-offset-large-2-11 {
    margin-left: 18.1818%;
  }

  .column-offset-large-3-11 {
    margin-left: 27.2727%;
  }

  .column-offset-large-4-11 {
    margin-left: 36.3636%;
  }

  .column-offset-large-5-11 {
    margin-left: 45.4545%;
  }

  .column-offset-large-6-11 {
    margin-left: 54.5454%;
  }

  .column-offset-large-7-11 {
    margin-left: 63.6363%;
  }

  .column-offset-large-8-11 {
    margin-left: 72.7272%;
  }

  .column-offset-large-9-11 {
    margin-left: 81.8181%;
  }

  .column-offset-large-10-11 {
    margin-left: 90.909%;
  }

  .column-offset-large-1-12 {
    margin-left: 8.3333%;
  }

  .column-offset-large-5-12 {
    margin-left: 41.6665%;
  }

  .column-offset-large-7-12 {
    margin-left: 58.3331%;
  }

  .column-offset-large-10-12 {
    margin-left: 83.333%;
  }

  .column-offset-large-11-12 {
    margin-left: 91.6663%;
  }
}
/*
 * Column Offset Medium Classes
 */
@media (min-width: 1024px) and (max-width: 1279px) {
  .column-offset-medium-reset {
    margin-left: 0;
  }

  .column-offset-medium-1 {
    margin-left: 100%;
  }

  .column-offset-medium-1-2,
  .column-offset-medium-2-4,
  .column-offset-medium-3-6,
  .column-offset-medium-4-8,
  .column-offset-medium-5-10,
  .column-offset-medium-6-12 {
    margin-left: 50%;
  }

  .column-offset-medium-1-3,
  .column-offset-medium-2-6,
  .column-offset-medium-3-9,
  .column-offset-medium-4-12 {
    margin-left: 33.3333%;
  }

  .column-offset-medium-2-3,
  .column-offset-medium-4-6,
  .column-offset-medium-6-9,
  .column-offset-medium-8-12 {
    margin-left: 66.6666%;
  }

  .column-offset-medium-1-4,
  .column-offset-medium-2-8,
  .column-offset-medium-3-12 {
    margin-left: 25%;
  }

  .column-offset-medium-3-4,
  .column-offset-medium-6-8,
  .column-offset-medium-9-12 {
    margin-left: 75%;
  }

  .column-offset-medium-1-5,
  .column-offset-medium-2-10 {
    margin-left: 20%;
  }

  .column-offset-medium-2-5,
  .column-offset-medium-4-10 {
    margin-left: 40%;
  }

  .column-offset-medium-3-5,
  .column-offset-medium-6-10 {
    margin-left: 60%;
  }

  .column-offset-medium-4-5,
  .column-offset-medium-8-10 {
    margin-left: 80%;
  }

  .column-offset-medium-1-6,
  .column-offset-medium-2-12 {
    margin-left: 16.6667%;
  }

  .column-offset-medium-5-6 {
    margin-left: 83.3335%;
  }

  .column-offset-medium-1-7 {
    margin-left: 14.2857%;
  }

  .column-offset-medium-2-7 {
    margin-left: 28.5714%;
  }

  .column-offset-medium-3-7 {
    margin-left: 42.8571%;
  }

  .column-offset-medium-4-7 {
    margin-left: 57.1428%;
  }

  .column-offset-medium-5-7 {
    margin-left: 71.4285%;
  }

  .column-offset-medium-6-7 {
    margin-left: 85.7142%;
  }

  .column-offset-medium-1-8 {
    margin-left: 12.5%;
  }

  .column-offset-medium-3-8 {
    margin-left: 37.5%;
  }

  .column-offset-medium-5-8 {
    margin-left: 62.5%;
  }

  .column-offset-medium-7-8 {
    margin-left: 87.5%;
  }

  .column-offset-medium-1-9 {
    margin-left: 11.1111%;
  }

  .column-offset-medium-2-9 {
    margin-left: 22.2222%;
  }

  .column-offset-medium-4-9 {
    margin-left: 44.4444%;
  }

  .column-offset-medium-5-9 {
    margin-left: 55.5555%;
  }

  .column-offset-medium-7-9 {
    margin-left: 77.7777%;
  }

  .column-offset-medium-8-9 {
    margin-left: 88.8888%;
  }

  .column-offset-medium-1-10 {
    margin-left: 10%;
  }

  .column-offset-medium-3-10 {
    margin-left: 30%;
  }

  .column-offset-medium-7-10 {
    margin-left: 70%;
  }

  .column-offset-medium-9-10 {
    margin-left: 90%;
  }

  .column-offset-medium-1-11 {
    margin-left: 9.0909%;
  }

  .column-offset-medium-2-11 {
    margin-left: 18.1818%;
  }

  .column-offset-medium-3-11 {
    margin-left: 27.2727%;
  }

  .column-offset-medium-4-11 {
    margin-left: 36.3636%;
  }

  .column-offset-medium-5-11 {
    margin-left: 45.4545%;
  }

  .column-offset-medium-6-11 {
    margin-left: 54.5454%;
  }

  .column-offset-medium-7-11 {
    margin-left: 63.6363%;
  }

  .column-offset-medium-8-11 {
    margin-left: 72.7272%;
  }

  .column-offset-medium-9-11 {
    margin-left: 81.8181%;
  }

  .column-offset-medium-10-11 {
    margin-left: 90.909%;
  }

  .column-offset-medium-1-12 {
    margin-left: 8.3333%;
  }

  .column-offset-medium-5-12 {
    margin-left: 41.6665%;
  }

  .column-offset-medium-7-12 {
    margin-left: 58.3331%;
  }

  .column-offset-medium-10-12 {
    margin-left: 83.333%;
  }

  .column-offset-medium-11-12 {
    margin-left: 91.6663%;
  }
}
/*
 * Column Offset Small Classes
 */
@media (min-width: 888px) and (max-width: 1023px) {
  .column-offset-small-1 {
    margin-left: 100%;
  }

  .column-offset-small-1-2,
  .column-offset-small-2-4,
  .column-offset-small-3-6,
  .column-offset-small-4-8,
  .column-offset-small-5-10,
  .column-offset-small-6-12 {
    margin-left: 50%;
  }

  .column-offset-small-1-3,
  .column-offset-small-2-6,
  .column-offset-small-3-9,
  .column-offset-small-4-12 {
    margin-left: 33.3333%;
  }

  .column-offset-small-2-3,
  .column-offset-small-4-6,
  .column-offset-small-6-9,
  .column-offset-small-8-12 {
    margin-left: 66.6666%;
  }

  .column-offset-small-1-4,
  .column-offset-small-2-8,
  .column-offset-small-3-12 {
    margin-left: 25%;
  }

  .column-offset-small-3-4,
  .column-offset-small-6-8,
  .column-offset-small-9-12 {
    margin-left: 75%;
  }

  .column-offset-small-1-5,
  .column-offset-small-2-10 {
    margin-left: 20%;
  }

  .column-offset-small-2-5,
  .column-offset-small-4-10 {
    margin-left: 40%;
  }

  .column-offset-small-3-5,
  .column-offset-small-6-10 {
    margin-left: 60%;
  }

  .column-offset-small-4-5,
  .column-offset-small-8-10 {
    margin-left: 80%;
  }

  .column-offset-small-1-6,
  .column-offset-small-2-12 {
    margin-left: 16.6667%;
  }

  .column-offset-small-5-6 {
    margin-left: 83.3335%;
  }

  .column-offset-small-1-7 {
    margin-left: 14.2857%;
  }

  .column-offset-small-2-7 {
    margin-left: 28.5714%;
  }

  .column-offset-small-3-7 {
    margin-left: 42.8571%;
  }

  .column-offset-small-4-7 {
    margin-left: 57.1428%;
  }

  .column-offset-small-5-7 {
    margin-left: 71.4285%;
  }

  .column-offset-small-6-7 {
    margin-left: 85.7142%;
  }

  .column-offset-small-1-8 {
    margin-left: 12.5%;
  }

  .column-offset-small-3-8 {
    margin-left: 37.5%;
  }

  .column-offset-small-5-8 {
    margin-left: 62.5%;
  }

  .column-offset-small-7-8 {
    margin-left: 87.5%;
  }

  .column-offset-small-1-9 {
    margin-left: 11.1111%;
  }

  .column-offset-small-2-9 {
    margin-left: 22.2222%;
  }

  .column-offset-small-4-9 {
    margin-left: 44.4444%;
  }

  .column-offset-small-5-9 {
    margin-left: 55.5555%;
  }

  .column-offset-small-7-9 {
    margin-left: 77.7777%;
  }

  .column-offset-small-8-9 {
    margin-left: 88.8888%;
  }

  .column-offset-small-1-10 {
    margin-left: 10%;
  }

  .column-offset-small-3-10 {
    margin-left: 30%;
  }

  .column-offset-small-7-10 {
    margin-left: 70%;
  }

  .column-offset-small-9-10 {
    margin-left: 90%;
  }

  .column-offset-small-1-11 {
    margin-left: 9.0909%;
  }

  .column-offset-small-2-11 {
    margin-left: 18.1818%;
  }

  .column-offset-small-3-11 {
    margin-left: 27.2727%;
  }

  .column-offset-small-4-11 {
    margin-left: 36.3636%;
  }

  .column-offset-small-5-11 {
    margin-left: 45.4545%;
  }

  .column-offset-small-6-11 {
    margin-left: 54.5454%;
  }

  .column-offset-small-7-11 {
    margin-left: 63.6363%;
  }

  .column-offset-small-8-11 {
    margin-left: 72.7272%;
  }

  .column-offset-small-9-11 {
    margin-left: 81.8181%;
  }

  .column-offset-small-10-11 {
    margin-left: 90.909%;
  }

  .column-offset-small-1-12 {
    margin-left: 8.3333%;
  }

  .column-offset-small-5-12 {
    margin-left: 41.6665%;
  }

  .column-offset-small-7-12 {
    margin-left: 58.3331%;
  }

  .column-offset-small-10-12 {
    margin-left: 83.333%;
  }

  .column-offset-small-11-12 {
    margin-left: 91.6663%;
  }
}
/*
 * Column Offset Extra Small Classes
 */
@media (max-width: 887px) {
  [class*='column-offset-'] {
    margin-left: 0;
  }

  .column-offset-xsmall-1 {
    margin-left: 100%;
  }

  .column-offset-xsmall-1-2,
  .column-offset-xsmall-2-4,
  .column-offset-xsmall-3-6,
  .column-offset-xsmall-4-8,
  .column-offset-xsmall-5-10,
  .column-offset-xsmall-6-12 {
    margin-left: 50%;
  }

  .column-offset-xsmall-1-3,
  .column-offset-xsmall-2-6,
  .column-offset-xsmall-3-9,
  .column-offset-xsmall-4-12 {
    margin-left: 33.3333%;
  }

  .column-offset-xsmall-2-3,
  .column-offset-xsmall-4-6,
  .column-offset-xsmall-6-9,
  .column-offset-xsmall-8-12 {
    margin-left: 66.6666%;
  }

  .column-offset-xsmall-1-4,
  .column-offset-xsmall-2-8,
  .column-offset-xsmall-3-12 {
    margin-left: 25%;
  }

  .column-offset-xsmall-3-4,
  .column-offset-xsmall-6-8,
  .column-offset-xsmall-9-12 {
    margin-left: 75%;
  }

  .column-offset-xsmall-1-5,
  .column-offset-xsmall-2-10 {
    margin-left: 20%;
  }

  .column-offset-xsmall-2-5,
  .column-offset-xsmall-4-10 {
    margin-left: 40%;
  }

  .column-offset-xsmall-3-5,
  .column-offset-xsmall-6-10 {
    margin-left: 60%;
  }

  .column-offset-xsmall-4-5,
  .column-offset-xsmall-8-10 {
    margin-left: 80%;
  }

  .column-offset-xsmall-1-6,
  .column-offset-xsmall-2-12 {
    margin-left: 16.6667%;
  }

  .column-offset-xsmall-5-6 {
    margin-left: 83.3335%;
  }

  .column-offset-xsmall-1-7 {
    margin-left: 14.2857%;
  }

  .column-offset-xsmall-2-7 {
    margin-left: 28.5714%;
  }

  .column-offset-xsmall-3-7 {
    margin-left: 42.8571%;
  }

  .column-offset-xsmall-4-7 {
    margin-left: 57.1428%;
  }

  .column-offset-xsmall-5-7 {
    margin-left: 71.4285%;
  }

  .column-offset-xsmall-6-7 {
    margin-left: 85.7142%;
  }

  .column-offset-xsmall-1-8 {
    margin-left: 12.5%;
  }

  .column-offset-xsmall-3-8 {
    margin-left: 37.5%;
  }

  .column-offset-xsmall-5-8 {
    margin-left: 62.5%;
  }

  .column-offset-xsmall-7-8 {
    margin-left: 87.5%;
  }

  .column-offset-xsmall-1-9 {
    margin-left: 11.1111%;
  }

  .column-offset-xsmall-2-9 {
    margin-left: 22.2222%;
  }

  .column-offset-xsmall-4-9 {
    margin-left: 44.4444%;
  }

  .column-offset-xsmall-5-9 {
    margin-left: 55.5555%;
  }

  .column-offset-xsmall-7-9 {
    margin-left: 77.7777%;
  }

  .column-offset-xsmall-8-9 {
    margin-left: 88.8888%;
  }

  .column-offset-xsmall-1-10 {
    margin-left: 10%;
  }

  .column-offset-xsmall-3-10 {
    margin-left: 30%;
  }

  .column-offset-xsmall-7-10 {
    margin-left: 70%;
  }

  .column-offset-xsmall-9-10 {
    margin-left: 90%;
  }

  .column-offset-xsmall-1-11 {
    margin-left: 9.0909%;
  }

  .column-offset-xsmall-2-11 {
    margin-left: 18.1818%;
  }

  .column-offset-xsmall-3-11 {
    margin-left: 27.2727%;
  }

  .column-offset-xsmall-4-11 {
    margin-left: 36.3636%;
  }

  .column-offset-xsmall-5-11 {
    margin-left: 45.4545%;
  }

  .column-offset-xsmall-6-11 {
    margin-left: 54.5454%;
  }

  .column-offset-xsmall-7-11 {
    margin-left: 63.6363%;
  }

  .column-offset-xsmall-8-11 {
    margin-left: 72.7272%;
  }

  .column-offset-xsmall-9-11 {
    margin-left: 81.8181%;
  }

  .column-offset-xsmall-10-11 {
    margin-left: 90.909%;
  }

  .column-offset-xsmall-1-12 {
    margin-left: 8.3333%;
  }

  .column-offset-xsmall-5-12 {
    margin-left: 41.6665%;
  }

  .column-offset-xsmall-7-12 {
    margin-left: 58.3331%;
  }

  .column-offset-xsmall-10-12 {
    margin-left: 83.333%;
  }

  .column-offset-xsmall-11-12 {
    margin-left: 91.6663%;
  }
}
/*
 * Column Push Classes
 */
.column-push-1 {
  left: 100%;
}
.column-push-1-2,
.column-push-2-4,
.column-push-3-6,
.column-push-4-8,
.column-push-5-10,
.column-push-6-12 {
  left: 50%;
}
.column-push-1-3,
.column-push-2-6,
.column-push-3-9,
.column-push-4-12 {
  left: 33.3333%;
}
.column-push-2-3,
.column-push-4-6,
.column-push-6-9,
.column-push-8-12 {
  left: 66.6666%;
}
.column-push-1-4,
.column-push-2-8,
.column-push-3-12 {
  left: 25%;
}
.column-push-3-4,
.column-push-6-8,
.column-push-9-12 {
  left: 75%;
}
.column-push-1-5,
.column-push-2-10 {
  left: 20%;
}
.column-push-2-5,
.column-push-4-10 {
  left: 40%;
}
.column-push-3-5,
.column-push-6-10 {
  left: 60%;
}
.column-push-4-5,
.column-push-8-10 {
  left: 80%;
}
.column-push-1-6,
.column-push-2-12 {
  left: 16.6667%;
}
.column-push-5-6 {
  left: 83.3335%;
}
.column-push-1-7 {
  left: 14.2857%;
}
.column-push-2-7 {
  left: 28.5714%;
}
.column-push-3-7 {
  left: 42.8571%;
}
.column-push-4-7 {
  left: 57.1428%;
}
.column-push-5-7 {
  left: 71.4285%;
}
.column-push-6-7 {
  left: 85.7142%;
}
.column-push-1-8 {
  left: 12.5%;
}
.column-push-3-8 {
  left: 37.5%;
}
.column-push-5-8 {
  left: 62.5%;
}
.column-push-7-8 {
  left: 87.5%;
}
.column-push-1-9 {
  left: 11.1111%;
}
.column-push-2-9 {
  left: 22.2222%;
}
.column-push-4-9 {
  left: 44.4444%;
}
.column-push-5-9 {
  left: 55.5555%;
}
.column-push-7-9 {
  left: 77.7777%;
}
.column-push-8-9 {
  left: 88.8888%;
}
.column-push-1-10 {
  left: 10%;
}
.column-push-3-10 {
  left: 30%;
}
.column-push-7-10 {
  left: 70%;
}
.column-push-9-10 {
  left: 90%;
}
.column-push-1-11 {
  left: 9.0909%;
}
.column-push-2-11 {
  left: 18.1818%;
}
.column-push-3-11 {
  left: 27.2727%;
}
.column-push-4-11 {
  left: 36.3636%;
}
.column-push-5-11 {
  left: 45.4545%;
}
.column-push-6-11 {
  left: 54.5454%;
}
.column-push-7-11 {
  left: 63.6363%;
}
.column-push-8-11 {
  left: 72.7272%;
}
.column-push-9-11 {
  left: 81.8181%;
}
.column-push-10-11 {
  left: 90.909%;
}
.column-push-1-12 {
  left: 8.3333%;
}
.column-push-5-12 {
  left: 41.6665%;
}
.column-push-7-12 {
  left: 58.3331%;
}
.column-push-10-12 {
  left: 83.333%;
}
.column-push-11-12 {
  left: 91.6663%;
}
/*
 * Column Push Extra Large Classes
 */
@media (min-width: 1681px) {
  .column-push-xlarge-reset {
    left: 0;
  }

  .column-push-xlarge-1 {
    left: 100%;
  }

  .column-push-xlarge-1-2,
  .column-push-xlarge-2-4,
  .column-push-xlarge-3-6,
  .column-push-xlarge-4-8,
  .column-push-xlarge-5-10,
  .column-push-xlarge-6-12 {
    left: 50%;
  }

  .column-push-xlarge-1-3,
  .column-push-xlarge-2-6,
  .column-push-xlarge-3-9,
  .column-push-xlarge-4-12 {
    left: 33.3333%;
  }

  .column-push-xlarge-2-3,
  .column-push-xlarge-4-6,
  .column-push-xlarge-6-9,
  .column-push-xlarge-8-12 {
    left: 66.6666%;
  }

  .column-push-xlarge-1-4,
  .column-push-xlarge-2-8,
  .column-push-xlarge-3-12 {
    left: 25%;
  }

  .column-push-xlarge-3-4,
  .column-push-xlarge-6-8,
  .column-push-xlarge-9-12 {
    left: 75%;
  }

  .column-push-xlarge-1-5,
  .column-push-xlarge-2-10 {
    left: 20%;
  }

  .column-push-xlarge-2-5,
  .column-push-xlarge-4-10 {
    left: 40%;
  }

  .column-push-xlarge-3-5,
  .column-push-xlarge-6-10 {
    left: 60%;
  }

  .column-push-xlarge-4-5,
  .column-push-xlarge-8-10 {
    left: 80%;
  }

  .column-push-xlarge-1-6,
  .column-push-xlarge-2-12 {
    left: 16.6667%;
  }

  .column-push-xlarge-5-6 {
    left: 83.3335%;
  }

  .column-push-xlarge-1-7 {
    left: 14.2857%;
  }

  .column-push-xlarge-2-7 {
    left: 28.5714%;
  }

  .column-push-xlarge-3-7 {
    left: 42.8571%;
  }

  .column-push-xlarge-4-7 {
    left: 57.1428%;
  }

  .column-push-xlarge-5-7 {
    left: 71.4285%;
  }

  .column-push-xlarge-6-7 {
    left: 85.7142%;
  }

  .column-push-xlarge-1-8 {
    left: 12.5%;
  }

  .column-push-xlarge-3-8 {
    left: 37.5%;
  }

  .column-push-xlarge-5-8 {
    left: 62.5%;
  }

  .column-push-xlarge-7-8 {
    left: 87.5%;
  }

  .column-push-xlarge-1-9 {
    left: 11.1111%;
  }

  .column-push-xlarge-2-9 {
    left: 22.2222%;
  }

  .column-push-xlarge-4-9 {
    left: 44.4444%;
  }

  .column-push-xlarge-5-9 {
    left: 55.5555%;
  }

  .column-push-xlarge-7-9 {
    left: 77.7777%;
  }

  .column-push-xlarge-8-9 {
    left: 88.8888%;
  }

  .column-push-xlarge-1-10 {
    left: 10%;
  }

  .column-push-xlarge-3-10 {
    left: 30%;
  }

  .column-push-xlarge-7-10 {
    left: 70%;
  }

  .column-push-xlarge-9-10 {
    left: 90%;
  }

  .column-push-xlarge-1-11 {
    left: 9.0909%;
  }

  .column-push-xlarge-2-11 {
    left: 18.1818%;
  }

  .column-push-xlarge-3-11 {
    left: 27.2727%;
  }

  .column-push-xlarge-4-11 {
    left: 36.3636%;
  }

  .column-push-xlarge-5-11 {
    left: 45.4545%;
  }

  .column-push-xlarge-6-11 {
    left: 54.5454%;
  }

  .column-push-xlarge-7-11 {
    left: 63.6363%;
  }

  .column-push-xlarge-8-11 {
    left: 72.7272%;
  }

  .column-push-xlarge-9-11 {
    left: 81.8181%;
  }

  .column-push-xlarge-10-11 {
    left: 90.909%;
  }

  .column-push-xlarge-1-12 {
    left: 8.3333%;
  }

  .column-push-xlarge-5-12 {
    left: 41.6665%;
  }

  .column-push-xlarge-7-12 {
    left: 58.3331%;
  }

  .column-push-xlarge-10-12 {
    left: 83.333%;
  }

  .column-push-xlarge-11-12 {
    left: 91.6663%;
  }
}
/*
 * Column Push Large Classes
 */
@media (min-width: 1280px) and (max-width: 1680px) {
  .column-push-large-reset {
    left: 0;
  }

  .column-push-large-1 {
    left: 100%;
  }

  .column-push-large-1-2,
  .column-push-large-2-4,
  .column-push-large-3-6,
  .column-push-large-4-8,
  .column-push-large-5-10,
  .column-push-large-6-12 {
    left: 50%;
  }

  .column-push-large-1-3,
  .column-push-large-2-6,
  .column-push-large-3-9,
  .column-push-large-4-12 {
    left: 33.3333%;
  }

  .column-push-large-2-3,
  .column-push-large-4-6,
  .column-push-large-6-9,
  .column-push-large-8-12 {
    left: 66.6666%;
  }

  .column-push-large-1-4,
  .column-push-large-2-8,
  .column-push-large-3-12 {
    left: 25%;
  }

  .column-push-large-3-4,
  .column-push-large-6-8,
  .column-push-large-9-12 {
    left: 75%;
  }

  .column-push-large-1-5,
  .column-push-large-2-10 {
    left: 20%;
  }

  .column-push-large-2-5,
  .column-push-large-4-10 {
    left: 40%;
  }

  .column-push-large-3-5,
  .column-push-large-6-10 {
    left: 60%;
  }

  .column-push-large-4-5,
  .column-push-large-8-10 {
    left: 80%;
  }

  .column-push-large-1-6,
  .column-push-large-2-12 {
    left: 16.6667%;
  }

  .column-push-large-5-6 {
    left: 83.3335%;
  }

  .column-push-large-1-7 {
    left: 14.2857%;
  }

  .column-push-large-2-7 {
    left: 28.5714%;
  }

  .column-push-large-3-7 {
    left: 42.8571%;
  }

  .column-push-large-4-7 {
    left: 57.1428%;
  }

  .column-push-large-5-7 {
    left: 71.4285%;
  }

  .column-push-large-6-7 {
    left: 85.7142%;
  }

  .column-push-large-1-8 {
    left: 12.5%;
  }

  .column-push-large-3-8 {
    left: 37.5%;
  }

  .column-push-large-5-8 {
    left: 62.5%;
  }

  .column-push-large-7-8 {
    left: 87.5%;
  }

  .column-push-large-1-9 {
    left: 11.1111%;
  }

  .column-push-large-2-9 {
    left: 22.2222%;
  }

  .column-push-large-4-9 {
    left: 44.4444%;
  }

  .column-push-large-5-9 {
    left: 55.5555%;
  }

  .column-push-large-7-9 {
    left: 77.7777%;
  }

  .column-push-large-8-9 {
    left: 88.8888%;
  }

  .column-push-large-1-10 {
    left: 10%;
  }

  .column-push-large-3-10 {
    left: 30%;
  }

  .column-push-large-7-10 {
    left: 70%;
  }

  .column-push-large-9-10 {
    left: 90%;
  }

  .column-push-large-1-11 {
    left: 9.0909%;
  }

  .column-push-large-2-11 {
    left: 18.1818%;
  }

  .column-push-large-3-11 {
    left: 27.2727%;
  }

  .column-push-large-4-11 {
    left: 36.3636%;
  }

  .column-push-large-5-11 {
    left: 45.4545%;
  }

  .column-push-large-6-11 {
    left: 54.5454%;
  }

  .column-push-large-7-11 {
    left: 63.6363%;
  }

  .column-push-large-8-11 {
    left: 72.7272%;
  }

  .column-push-large-9-11 {
    left: 81.8181%;
  }

  .column-push-large-10-11 {
    left: 90.909%;
  }

  .column-push-large-1-12 {
    left: 8.3333%;
  }

  .column-push-large-5-12 {
    left: 41.6665%;
  }

  .column-push-large-7-12 {
    left: 58.3331%;
  }

  .column-push-large-10-12 {
    left: 83.333%;
  }

  .column-push-large-11-12 {
    left: 91.6663%;
  }
}
/*
 * Column Push Medium Classes
 */
@media (min-width: 1024px) and (max-width: 1279px) {
  .column-push-medium-reset {
    left: 0;
  }

  .column-push-medium-1 {
    left: 100%;
  }

  .column-push-medium-1-2,
  .column-push-medium-2-4,
  .column-push-medium-3-6,
  .column-push-medium-4-8,
  .column-push-medium-5-10,
  .column-push-medium-6-12 {
    left: 50%;
  }

  .column-push-medium-1-3,
  .column-push-medium-2-6,
  .column-push-medium-3-9,
  .column-push-medium-4-12 {
    left: 33.3333%;
  }

  .column-push-medium-2-3,
  .column-push-medium-4-6,
  .column-push-medium-6-9,
  .column-push-medium-8-12 {
    left: 66.6666%;
  }

  .column-push-medium-1-4,
  .column-push-medium-2-8,
  .column-push-medium-3-12 {
    left: 25%;
  }

  .column-push-medium-3-4,
  .column-push-medium-6-8,
  .column-push-medium-9-12 {
    left: 75%;
  }

  .column-push-medium-1-5,
  .column-push-medium-2-10 {
    left: 20%;
  }

  .column-push-medium-2-5,
  .column-push-medium-4-10 {
    left: 40%;
  }

  .column-push-medium-3-5,
  .column-push-medium-6-10 {
    left: 60%;
  }

  .column-push-medium-4-5,
  .column-push-medium-8-10 {
    left: 80%;
  }

  .column-push-medium-1-6,
  .column-push-medium-2-12 {
    left: 16.6667%;
  }

  .column-push-medium-5-6 {
    left: 83.3335%;
  }

  .column-push-medium-1-7 {
    left: 14.2857%;
  }

  .column-push-medium-2-7 {
    left: 28.5714%;
  }

  .column-push-medium-3-7 {
    left: 42.8571%;
  }

  .column-push-medium-4-7 {
    left: 57.1428%;
  }

  .column-push-medium-5-7 {
    left: 71.4285%;
  }

  .column-push-medium-6-7 {
    left: 85.7142%;
  }

  .column-push-medium-1-8 {
    left: 12.5%;
  }

  .column-push-medium-3-8 {
    left: 37.5%;
  }

  .column-push-medium-5-8 {
    left: 62.5%;
  }

  .column-push-medium-7-8 {
    left: 87.5%;
  }

  .column-push-medium-1-9 {
    left: 11.1111%;
  }

  .column-push-medium-2-9 {
    left: 22.2222%;
  }

  .column-push-medium-4-9 {
    left: 44.4444%;
  }

  .column-push-medium-5-9 {
    left: 55.5555%;
  }

  .column-push-medium-7-9 {
    left: 77.7777%;
  }

  .column-push-medium-8-9 {
    left: 88.8888%;
  }

  .column-push-medium-1-10 {
    left: 10%;
  }

  .column-push-medium-3-10 {
    left: 30%;
  }

  .column-push-medium-7-10 {
    left: 70%;
  }

  .column-push-medium-9-10 {
    left: 90%;
  }

  .column-push-medium-1-11 {
    left: 9.0909%;
  }

  .column-push-medium-2-11 {
    left: 18.1818%;
  }

  .column-push-medium-3-11 {
    left: 27.2727%;
  }

  .column-push-medium-4-11 {
    left: 36.3636%;
  }

  .column-push-medium-5-11 {
    left: 45.4545%;
  }

  .column-push-medium-6-11 {
    left: 54.5454%;
  }

  .column-push-medium-7-11 {
    left: 63.6363%;
  }

  .column-push-medium-8-11 {
    left: 72.7272%;
  }

  .column-push-medium-9-11 {
    left: 81.8181%;
  }

  .column-push-medium-10-11 {
    left: 90.909%;
  }

  .column-push-medium-1-12 {
    left: 8.3333%;
  }

  .column-push-medium-5-12 {
    left: 41.6665%;
  }

  .column-push-medium-7-12 {
    left: 58.3331%;
  }

  .column-push-medium-10-12 {
    left: 83.333%;
  }

  .column-push-medium-11-12 {
    left: 91.6663%;
  }
}
/*
 * Column Push Small Classes
 */
@media (min-width: 888px) and (max-width: 1023px) {
  .column-push-small-1 {
    left: 100%;
  }

  .column-push-small-1-2,
  .column-push-small-2-4,
  .column-push-small-3-6,
  .column-push-small-4-8,
  .column-push-small-5-10,
  .column-push-small-6-12 {
    left: 50%;
  }

  .column-push-small-1-3,
  .column-push-small-2-6,
  .column-push-small-3-9,
  .column-push-small-4-12 {
    left: 33.3333%;
  }

  .column-push-small-2-3,
  .column-push-small-4-6,
  .column-push-small-6-9,
  .column-push-small-8-12 {
    left: 66.6666%;
  }

  .column-push-small-1-4,
  .column-push-small-2-8,
  .column-push-small-3-12 {
    left: 25%;
  }

  .column-push-small-3-4,
  .column-push-small-6-8,
  .column-push-small-9-12 {
    left: 75%;
  }

  .column-push-small-1-5,
  .column-push-small-2-10 {
    left: 20%;
  }

  .column-push-small-2-5,
  .column-push-small-4-10 {
    left: 40%;
  }

  .column-push-small-3-5,
  .column-push-small-6-10 {
    left: 60%;
  }

  .column-push-small-4-5,
  .column-push-small-8-10 {
    left: 80%;
  }

  .column-push-small-1-6,
  .column-push-small-2-12 {
    left: 16.6667%;
  }

  .column-push-small-5-6 {
    left: 83.3335%;
  }

  .column-push-small-1-7 {
    left: 14.2857%;
  }

  .column-push-small-2-7 {
    left: 28.5714%;
  }

  .column-push-small-3-7 {
    left: 42.8571%;
  }

  .column-push-small-4-7 {
    left: 57.1428%;
  }

  .column-push-small-5-7 {
    left: 71.4285%;
  }

  .column-push-small-6-7 {
    left: 85.7142%;
  }

  .column-push-small-1-8 {
    left: 12.5%;
  }

  .column-push-small-3-8 {
    left: 37.5%;
  }

  .column-push-small-5-8 {
    left: 62.5%;
  }

  .column-push-small-7-8 {
    left: 87.5%;
  }

  .column-push-small-1-9 {
    left: 11.1111%;
  }

  .column-push-small-2-9 {
    left: 22.2222%;
  }

  .column-push-small-4-9 {
    left: 44.4444%;
  }

  .column-push-small-5-9 {
    left: 55.5555%;
  }

  .column-push-small-7-9 {
    left: 77.7777%;
  }

  .column-push-small-8-9 {
    left: 88.8888%;
  }

  .column-push-small-1-10 {
    left: 10%;
  }

  .column-push-small-3-10 {
    left: 30%;
  }

  .column-push-small-7-10 {
    left: 70%;
  }

  .column-push-small-9-10 {
    left: 90%;
  }

  .column-push-small-1-11 {
    left: 9.0909%;
  }

  .column-push-small-2-11 {
    left: 18.1818%;
  }

  .column-push-small-3-11 {
    left: 27.2727%;
  }

  .column-push-small-4-11 {
    left: 36.3636%;
  }

  .column-push-small-5-11 {
    left: 45.4545%;
  }

  .column-push-small-6-11 {
    left: 54.5454%;
  }

  .column-push-small-7-11 {
    left: 63.6363%;
  }

  .column-push-small-8-11 {
    left: 72.7272%;
  }

  .column-push-small-9-11 {
    left: 81.8181%;
  }

  .column-push-small-10-11 {
    left: 90.909%;
  }

  .column-push-small-1-12 {
    left: 8.3333%;
  }

  .column-push-small-5-12 {
    left: 41.6665%;
  }

  .column-push-small-7-12 {
    left: 58.3331%;
  }

  .column-push-small-10-12 {
    left: 83.333%;
  }

  .column-push-small-11-12 {
    left: 91.6663%;
  }
}
/*
 * Column Push Extra Small Classes
 */
@media (max-width: 887px) {
  [class*='column-push-'] {
    left: auto;
  }

  .column-push-xsmall-1 {
    left: 100%;
  }

  .column-push-xsmall-1-2,
  .column-push-xsmall-2-4,
  .column-push-xsmall-3-6,
  .column-push-xsmall-4-8,
  .column-push-xsmall-5-10,
  .column-push-xsmall-6-12 {
    left: 50%;
  }

  .column-push-xsmall-1-3,
  .column-push-xsmall-2-6,
  .column-push-xsmall-3-9,
  .column-push-xsmall-4-12 {
    left: 33.3333%;
  }

  .column-push-xsmall-2-3,
  .column-push-xsmall-4-6,
  .column-push-xsmall-6-9,
  .column-push-xsmall-8-12 {
    left: 66.6666%;
  }

  .column-push-xsmall-1-4,
  .column-push-xsmall-2-8,
  .column-push-xsmall-3-12 {
    left: 25%;
  }

  .column-push-xsmall-3-4,
  .column-push-xsmall-6-8,
  .column-push-xsmall-9-12 {
    left: 75%;
  }

  .column-push-xsmall-1-5,
  .column-push-xsmall-2-10 {
    left: 20%;
  }

  .column-push-xsmall-2-5,
  .column-push-xsmall-4-10 {
    left: 40%;
  }

  .column-push-xsmall-3-5,
  .column-push-xsmall-6-10 {
    left: 60%;
  }

  .column-push-xsmall-4-5,
  .column-push-xsmall-8-10 {
    left: 80%;
  }

  .column-push-xsmall-1-6,
  .column-push-xsmall-2-12 {
    left: 16.6667%;
  }

  .column-push-xsmall-5-6 {
    left: 83.3335%;
  }

  .column-push-xsmall-1-7 {
    left: 14.2857%;
  }

  .column-push-xsmall-2-7 {
    left: 28.5714%;
  }

  .column-push-xsmall-3-7 {
    left: 42.8571%;
  }

  .column-push-xsmall-4-7 {
    left: 57.1428%;
  }

  .column-push-xsmall-5-7 {
    left: 71.4285%;
  }

  .column-push-xsmall-6-7 {
    left: 85.7142%;
  }

  .column-push-xsmall-1-8 {
    left: 12.5%;
  }

  .column-push-xsmall-3-8 {
    left: 37.5%;
  }

  .column-push-xsmall-5-8 {
    left: 62.5%;
  }

  .column-push-xsmall-7-8 {
    left: 87.5%;
  }

  .column-push-xsmall-1-9 {
    left: 11.1111%;
  }

  .column-push-xsmall-2-9 {
    left: 22.2222%;
  }

  .column-push-xsmall-4-9 {
    left: 44.4444%;
  }

  .column-push-xsmall-5-9 {
    left: 55.5555%;
  }

  .column-push-xsmall-7-9 {
    left: 77.7777%;
  }

  .column-push-xsmall-8-9 {
    left: 88.8888%;
  }

  .column-push-xsmall-1-10 {
    left: 10%;
  }

  .column-push-xsmall-3-10 {
    left: 30%;
  }

  .column-push-xsmall-7-10 {
    left: 70%;
  }

  .column-push-xsmall-9-10 {
    left: 90%;
  }

  .column-push-xsmall-1-11 {
    left: 9.0909%;
  }

  .column-push-xsmall-2-11 {
    left: 18.1818%;
  }

  .column-push-xsmall-3-11 {
    left: 27.2727%;
  }

  .column-push-xsmall-4-11 {
    left: 36.3636%;
  }

  .column-push-xsmall-5-11 {
    left: 45.4545%;
  }

  .column-push-xsmall-6-11 {
    left: 54.5454%;
  }

  .column-push-xsmall-7-11 {
    left: 63.6363%;
  }

  .column-push-xsmall-8-11 {
    left: 72.7272%;
  }

  .column-push-xsmall-9-11 {
    left: 81.8181%;
  }

  .column-push-xsmall-10-11 {
    left: 90.909%;
  }

  .column-push-xsmall-1-12 {
    left: 8.3333%;
  }

  .column-push-xsmall-5-12 {
    left: 41.6665%;
  }

  .column-push-xsmall-7-12 {
    left: 58.3331%;
  }

  .column-push-xsmall-10-12 {
    left: 83.333%;
  }

  .column-push-xsmall-11-12 {
    left: 91.6663%;
  }
}
/*
 * Column Pull Classes
 */
.column-pull-1 {
  right: 100%;
}
.column-pull-1-2,
.column-pull-2-4,
.column-pull-3-6,
.column-pull-4-8,
.column-pull-5-10,
.column-pull-6-12 {
  right: 50%;
}
.column-pull-1-3,
.column-pull-2-6,
.column-pull-3-9,
.column-pull-4-12 {
  right: 33.3333%;
}
.column-pull-2-3,
.column-pull-4-6,
.column-pull-6-9,
.column-pull-8-12 {
  right: 66.6666%;
}
.column-pull-1-4,
.column-pull-2-8,
.column-pull-3-12 {
  right: 25%;
}
.column-pull-3-4,
.column-pull-6-8,
.column-pull-9-12 {
  right: 75%;
}
.column-pull-1-5,
.column-pull-2-10 {
  right: 20%;
}
.column-pull-2-5,
.column-pull-4-10 {
  right: 40%;
}
.column-pull-3-5,
.column-pull-6-10 {
  right: 60%;
}
.column-pull-4-5,
.column-pull-8-10 {
  right: 80%;
}
.column-pull-1-6,
.column-pull-2-12 {
  right: 16.6667%;
}
.column-pull-5-6 {
  right: 83.3335%;
}
.column-pull-1-7 {
  right: 14.2857%;
}
.column-pull-2-7 {
  right: 28.5714%;
}
.column-pull-3-7 {
  right: 42.8571%;
}
.column-pull-4-7 {
  right: 57.1428%;
}
.column-pull-5-7 {
  right: 71.4285%;
}
.column-pull-6-7 {
  right: 85.7142%;
}
.column-pull-1-8 {
  right: 12.5%;
}
.column-pull-3-8 {
  right: 37.5%;
}
.column-pull-5-8 {
  right: 62.5%;
}
.column-pull-7-8 {
  right: 87.5%;
}
.column-pull-1-9 {
  right: 11.1111%;
}
.column-pull-2-9 {
  right: 22.2222%;
}
.column-pull-4-9 {
  right: 44.4444%;
}
.column-pull-5-9 {
  right: 55.5555%;
}
.column-pull-7-9 {
  right: 77.7777%;
}
.column-pull-8-9 {
  right: 88.8888%;
}
.column-pull-1-10 {
  right: 10%;
}
.column-pull-3-10 {
  right: 30%;
}
.column-pull-7-10 {
  right: 70%;
}
.column-pull-9-10 {
  right: 90%;
}
.column-pull-1-11 {
  right: 9.0909%;
}
.column-pull-2-11 {
  right: 18.1818%;
}
.column-pull-3-11 {
  right: 27.2727%;
}
.column-pull-4-11 {
  right: 36.3636%;
}
.column-pull-5-11 {
  right: 45.4545%;
}
.column-pull-6-11 {
  right: 54.5454%;
}
.column-pull-7-11 {
  right: 63.6363%;
}
.column-pull-8-11 {
  right: 72.7272%;
}
.column-pull-9-11 {
  right: 81.8181%;
}
.column-pull-10-11 {
  right: 90.909%;
}
.column-pull-1-12 {
  right: 8.3333%;
}
.column-pull-5-12 {
  right: 41.6665%;
}
.column-pull-7-12 {
  right: 58.3331%;
}
.column-pull-10-12 {
  right: 83.333%;
}
.column-pull-11-12 {
  right: 91.6663%;
}
/*
 * Column Pull Extra Large Classes
 */
@media (min-width: 1681px) {
  .column-pull-xlarge-reset {
    right: 0;
  }

  .column-pull-xlarge-1 {
    right: 100%;
  }

  .column-pull-xlarge-1-2,
  .column-pull-xlarge-2-4,
  .column-pull-xlarge-3-6,
  .column-pull-xlarge-4-8,
  .column-pull-xlarge-5-10,
  .column-pull-xlarge-6-12 {
    right: 50%;
  }

  .column-pull-xlarge-1-3,
  .column-pull-xlarge-2-6,
  .column-pull-xlarge-3-9,
  .column-pull-xlarge-4-12 {
    right: 33.3333%;
  }

  .column-pull-xlarge-2-3,
  .column-pull-xlarge-4-6,
  .column-pull-xlarge-6-9,
  .column-pull-xlarge-8-12 {
    right: 66.6666%;
  }

  .column-pull-xlarge-1-4,
  .column-pull-xlarge-2-8,
  .column-pull-xlarge-3-12 {
    right: 25%;
  }

  .column-pull-xlarge-3-4,
  .column-pull-xlarge-6-8,
  .column-pull-xlarge-9-12 {
    right: 75%;
  }

  .column-pull-xlarge-1-5,
  .column-pull-xlarge-2-10 {
    right: 20%;
  }

  .column-pull-xlarge-2-5,
  .column-pull-xlarge-4-10 {
    right: 40%;
  }

  .column-pull-xlarge-3-5,
  .column-pull-xlarge-6-10 {
    right: 60%;
  }

  .column-pull-xlarge-4-5,
  .column-pull-xlarge-8-10 {
    right: 80%;
  }

  .column-pull-xlarge-1-6,
  .column-pull-xlarge-2-12 {
    right: 16.6667%;
  }

  .column-pull-xlarge-5-6 {
    right: 83.3335%;
  }

  .column-pull-xlarge-1-7 {
    right: 14.2857%;
  }

  .column-pull-xlarge-2-7 {
    right: 28.5714%;
  }

  .column-pull-xlarge-3-7 {
    right: 42.8571%;
  }

  .column-pull-xlarge-4-7 {
    right: 57.1428%;
  }

  .column-pull-xlarge-5-7 {
    right: 71.4285%;
  }

  .column-pull-xlarge-6-7 {
    right: 85.7142%;
  }

  .column-pull-xlarge-1-8 {
    right: 12.5%;
  }

  .column-pull-xlarge-3-8 {
    right: 37.5%;
  }

  .column-pull-xlarge-5-8 {
    right: 62.5%;
  }

  .column-pull-xlarge-7-8 {
    right: 87.5%;
  }

  .column-pull-xlarge-1-9 {
    right: 11.1111%;
  }

  .column-pull-xlarge-2-9 {
    right: 22.2222%;
  }

  .column-pull-xlarge-4-9 {
    right: 44.4444%;
  }

  .column-pull-xlarge-5-9 {
    right: 55.5555%;
  }

  .column-pull-xlarge-7-9 {
    right: 77.7777%;
  }

  .column-pull-xlarge-8-9 {
    right: 88.8888%;
  }

  .column-pull-xlarge-1-10 {
    right: 10%;
  }

  .column-pull-xlarge-3-10 {
    right: 30%;
  }

  .column-pull-xlarge-7-10 {
    right: 70%;
  }

  .column-pull-xlarge-9-10 {
    right: 90%;
  }

  .column-pull-xlarge-1-11 {
    right: 9.0909%;
  }

  .column-pull-xlarge-2-11 {
    right: 18.1818%;
  }

  .column-pull-xlarge-3-11 {
    right: 27.2727%;
  }

  .column-pull-xlarge-4-11 {
    right: 36.3636%;
  }

  .column-pull-xlarge-5-11 {
    right: 45.4545%;
  }

  .column-pull-xlarge-6-11 {
    right: 54.5454%;
  }

  .column-pull-xlarge-7-11 {
    right: 63.6363%;
  }

  .column-pull-xlarge-8-11 {
    right: 72.7272%;
  }

  .column-pull-xlarge-9-11 {
    right: 81.8181%;
  }

  .column-pull-xlarge-10-11 {
    right: 90.909%;
  }

  .column-pull-xlarge-1-12 {
    right: 8.3333%;
  }

  .column-pull-xlarge-5-12 {
    right: 41.6665%;
  }

  .column-pull-xlarge-7-12 {
    right: 58.3331%;
  }

  .column-pull-xlarge-10-12 {
    right: 83.333%;
  }

  .column-pull-xlarge-11-12 {
    right: 91.6663%;
  }
}
/*
 * Column Pull Large Classes
 */
@media (min-width: 1280px) and (max-width: 1680px) {
  .column-pull-large-reset {
    right: 0;
  }

  .column-pull-large-1 {
    right: 100%;
  }

  .column-pull-large-1-2,
  .column-pull-large-2-4,
  .column-pull-large-3-6,
  .column-pull-large-4-8,
  .column-pull-large-5-10,
  .column-pull-large-6-12 {
    right: 50%;
  }

  .column-pull-large-1-3,
  .column-pull-large-2-6,
  .column-pull-large-3-9,
  .column-pull-large-4-12 {
    right: 33.3333%;
  }

  .column-pull-large-2-3,
  .column-pull-large-4-6,
  .column-pull-large-6-9,
  .column-pull-large-8-12 {
    right: 66.6666%;
  }

  .column-pull-large-1-4,
  .column-pull-large-2-8,
  .column-pull-large-3-12 {
    right: 25%;
  }

  .column-pull-large-3-4,
  .column-pull-large-6-8,
  .column-pull-large-9-12 {
    right: 75%;
  }

  .column-pull-large-1-5,
  .column-pull-large-2-10 {
    right: 20%;
  }

  .column-pull-large-2-5,
  .column-pull-large-4-10 {
    right: 40%;
  }

  .column-pull-large-3-5,
  .column-pull-large-6-10 {
    right: 60%;
  }

  .column-pull-large-4-5,
  .column-pull-large-8-10 {
    right: 80%;
  }

  .column-pull-large-1-6,
  .column-pull-large-2-12 {
    right: 16.6667%;
  }

  .column-pull-large-5-6 {
    right: 83.3335%;
  }

  .column-pull-large-1-7 {
    right: 14.2857%;
  }

  .column-pull-large-2-7 {
    right: 28.5714%;
  }

  .column-pull-large-3-7 {
    right: 42.8571%;
  }

  .column-pull-large-4-7 {
    right: 57.1428%;
  }

  .column-pull-large-5-7 {
    right: 71.4285%;
  }

  .column-pull-large-6-7 {
    right: 85.7142%;
  }

  .column-pull-large-1-8 {
    right: 12.5%;
  }

  .column-pull-large-3-8 {
    right: 37.5%;
  }

  .column-pull-large-5-8 {
    right: 62.5%;
  }

  .column-pull-large-7-8 {
    right: 87.5%;
  }

  .column-pull-large-1-9 {
    right: 11.1111%;
  }

  .column-pull-large-2-9 {
    right: 22.2222%;
  }

  .column-pull-large-4-9 {
    right: 44.4444%;
  }

  .column-pull-large-5-9 {
    right: 55.5555%;
  }

  .column-pull-large-7-9 {
    right: 77.7777%;
  }

  .column-pull-large-8-9 {
    right: 88.8888%;
  }

  .column-pull-large-1-10 {
    right: 10%;
  }

  .column-pull-large-3-10 {
    right: 30%;
  }

  .column-pull-large-7-10 {
    right: 70%;
  }

  .column-pull-large-9-10 {
    right: 90%;
  }

  .column-pull-large-1-11 {
    right: 9.0909%;
  }

  .column-pull-large-2-11 {
    right: 18.1818%;
  }

  .column-pull-large-3-11 {
    right: 27.2727%;
  }

  .column-pull-large-4-11 {
    right: 36.3636%;
  }

  .column-pull-large-5-11 {
    right: 45.4545%;
  }

  .column-pull-large-6-11 {
    right: 54.5454%;
  }

  .column-pull-large-7-11 {
    right: 63.6363%;
  }

  .column-pull-large-8-11 {
    right: 72.7272%;
  }

  .column-pull-large-9-11 {
    right: 81.8181%;
  }

  .column-pull-large-10-11 {
    right: 90.909%;
  }

  .column-pull-large-1-12 {
    right: 8.3333%;
  }

  .column-pull-large-5-12 {
    right: 41.6665%;
  }

  .column-pull-large-7-12 {
    right: 58.3331%;
  }

  .column-pull-large-10-12 {
    right: 83.333%;
  }

  .column-pull-large-11-12 {
    right: 91.6663%;
  }
}
/*
 * Column Pull Medium Classes
 */
@media (min-width: 1024px) and (max-width: 1279px) {
  .column-pull-medium-reset {
    right: 0;
  }

  .column-pull-medium-1 {
    right: 100%;
  }

  .column-pull-medium-1-2,
  .column-pull-medium-2-4,
  .column-pull-medium-3-6,
  .column-pull-medium-4-8,
  .column-pull-medium-5-10,
  .column-pull-medium-6-12 {
    right: 50%;
  }

  .column-pull-medium-1-3,
  .column-pull-medium-2-6,
  .column-pull-medium-3-9,
  .column-pull-medium-4-12 {
    right: 33.3333%;
  }

  .column-pull-medium-2-3,
  .column-pull-medium-4-6,
  .column-pull-medium-6-9,
  .column-pull-medium-8-12 {
    right: 66.6666%;
  }

  .column-pull-medium-1-4,
  .column-pull-medium-2-8,
  .column-pull-medium-3-12 {
    right: 25%;
  }

  .column-pull-medium-3-4,
  .column-pull-medium-6-8,
  .column-pull-medium-9-12 {
    right: 75%;
  }

  .column-pull-medium-1-5,
  .column-pull-medium-2-10 {
    right: 20%;
  }

  .column-pull-medium-2-5,
  .column-pull-medium-4-10 {
    right: 40%;
  }

  .column-pull-medium-3-5,
  .column-pull-medium-6-10 {
    right: 60%;
  }

  .column-pull-medium-4-5,
  .column-pull-medium-8-10 {
    right: 80%;
  }

  .column-pull-medium-1-6,
  .column-pull-medium-2-12 {
    right: 16.6667%;
  }

  .column-pull-medium-5-6 {
    right: 83.3335%;
  }

  .column-pull-medium-1-7 {
    right: 14.2857%;
  }

  .column-pull-medium-2-7 {
    right: 28.5714%;
  }

  .column-pull-medium-3-7 {
    right: 42.8571%;
  }

  .column-pull-medium-4-7 {
    right: 57.1428%;
  }

  .column-pull-medium-5-7 {
    right: 71.4285%;
  }

  .column-pull-medium-6-7 {
    right: 85.7142%;
  }

  .column-pull-medium-1-8 {
    right: 12.5%;
  }

  .column-pull-medium-3-8 {
    right: 37.5%;
  }

  .column-pull-medium-5-8 {
    right: 62.5%;
  }

  .column-pull-medium-7-8 {
    right: 87.5%;
  }

  .column-pull-medium-1-9 {
    right: 11.1111%;
  }

  .column-pull-medium-2-9 {
    right: 22.2222%;
  }

  .column-pull-medium-4-9 {
    right: 44.4444%;
  }

  .column-pull-medium-5-9 {
    right: 55.5555%;
  }

  .column-pull-medium-7-9 {
    right: 77.7777%;
  }

  .column-pull-medium-8-9 {
    right: 88.8888%;
  }

  .column-pull-medium-1-10 {
    right: 10%;
  }

  .column-pull-medium-3-10 {
    right: 30%;
  }

  .column-pull-medium-7-10 {
    right: 70%;
  }

  .column-pull-medium-9-10 {
    right: 90%;
  }

  .column-pull-medium-1-11 {
    right: 9.0909%;
  }

  .column-pull-medium-2-11 {
    right: 18.1818%;
  }

  .column-pull-medium-3-11 {
    right: 27.2727%;
  }

  .column-pull-medium-4-11 {
    right: 36.3636%;
  }

  .column-pull-medium-5-11 {
    right: 45.4545%;
  }

  .column-pull-medium-6-11 {
    right: 54.5454%;
  }

  .column-pull-medium-7-11 {
    right: 63.6363%;
  }

  .column-pull-medium-8-11 {
    right: 72.7272%;
  }

  .column-pull-medium-9-11 {
    right: 81.8181%;
  }

  .column-pull-medium-10-11 {
    right: 90.909%;
  }

  .column-pull-medium-1-12 {
    right: 8.3333%;
  }

  .column-pull-medium-5-12 {
    right: 41.6665%;
  }

  .column-pull-medium-7-12 {
    right: 58.3331%;
  }

  .column-pull-medium-10-12 {
    right: 83.333%;
  }

  .column-pull-medium-11-12 {
    right: 91.6663%;
  }
}
/*
 * Column Pull Small Classes
 */
@media (min-width: 888px) and (max-width: 1023px) {
  .column-pull-small-1 {
    right: 100%;
  }

  .column-pull-small-1-2,
  .column-pull-small-2-4,
  .column-pull-small-3-6,
  .column-pull-small-4-8,
  .column-pull-small-5-10,
  .column-pull-small-6-12 {
    right: 50%;
  }

  .column-pull-small-1-3,
  .column-pull-small-2-6,
  .column-pull-small-3-9,
  .column-pull-small-4-12 {
    right: 33.3333%;
  }

  .column-pull-small-2-3,
  .column-pull-small-4-6,
  .column-pull-small-6-9,
  .column-pull-small-8-12 {
    right: 66.6666%;
  }

  .column-pull-small-1-4,
  .column-pull-small-2-8,
  .column-pull-small-3-12 {
    right: 25%;
  }

  .column-pull-small-3-4,
  .column-pull-small-6-8,
  .column-pull-small-9-12 {
    right: 75%;
  }

  .column-pull-small-1-5,
  .column-pull-small-2-10 {
    right: 20%;
  }

  .column-pull-small-2-5,
  .column-pull-small-4-10 {
    right: 40%;
  }

  .column-pull-small-3-5,
  .column-pull-small-6-10 {
    right: 60%;
  }

  .column-pull-small-4-5,
  .column-pull-small-8-10 {
    right: 80%;
  }

  .column-pull-small-1-6,
  .column-pull-small-2-12 {
    right: 16.6667%;
  }

  .column-pull-small-5-6 {
    right: 83.3335%;
  }

  .column-pull-small-1-7 {
    right: 14.2857%;
  }

  .column-pull-small-2-7 {
    right: 28.5714%;
  }

  .column-pull-small-3-7 {
    right: 42.8571%;
  }

  .column-pull-small-4-7 {
    right: 57.1428%;
  }

  .column-pull-small-5-7 {
    right: 71.4285%;
  }

  .column-pull-small-6-7 {
    right: 85.7142%;
  }

  .column-pull-small-1-8 {
    right: 12.5%;
  }

  .column-pull-small-3-8 {
    right: 37.5%;
  }

  .column-pull-small-5-8 {
    right: 62.5%;
  }

  .column-pull-small-7-8 {
    right: 87.5%;
  }

  .column-pull-small-1-9 {
    right: 11.1111%;
  }

  .column-pull-small-2-9 {
    right: 22.2222%;
  }

  .column-pull-small-4-9 {
    right: 44.4444%;
  }

  .column-pull-small-5-9 {
    right: 55.5555%;
  }

  .column-pull-small-7-9 {
    right: 77.7777%;
  }

  .column-pull-small-8-9 {
    right: 88.8888%;
  }

  .column-pull-small-1-10 {
    right: 10%;
  }

  .column-pull-small-3-10 {
    right: 30%;
  }

  .column-pull-small-7-10 {
    right: 70%;
  }

  .column-pull-small-9-10 {
    right: 90%;
  }

  .column-pull-small-1-11 {
    right: 9.0909%;
  }

  .column-pull-small-2-11 {
    right: 18.1818%;
  }

  .column-pull-small-3-11 {
    right: 27.2727%;
  }

  .column-pull-small-4-11 {
    right: 36.3636%;
  }

  .column-pull-small-5-11 {
    right: 45.4545%;
  }

  .column-pull-small-6-11 {
    right: 54.5454%;
  }

  .column-pull-small-7-11 {
    right: 63.6363%;
  }

  .column-pull-small-8-11 {
    right: 72.7272%;
  }

  .column-pull-small-9-11 {
    right: 81.8181%;
  }

  .column-pull-small-10-11 {
    right: 90.909%;
  }

  .column-pull-small-1-12 {
    right: 8.3333%;
  }

  .column-pull-small-5-12 {
    right: 41.6665%;
  }

  .column-pull-small-7-12 {
    right: 58.3331%;
  }

  .column-pull-small-10-12 {
    right: 83.333%;
  }

  .column-pull-small-11-12 {
    right: 91.6663%;
  }
}
/*
 * Column Pull  Extra Small Classes
 */
@media (max-width: 887px) {
  [class*='column-pull-'] {
    right: auto;
  }

  .column-pull-xsmall-1 {
    right: 100%;
  }

  .column-pull-xsmall-1-2,
  .column-pull-xsmall-2-4,
  .column-pull-xsmall-3-6,
  .column-pull-xsmall-4-8,
  .column-pull-xsmall-5-10,
  .column-pull-xsmall-6-12 {
    right: 50%;
  }

  .column-pull-xsmall-1-3,
  .column-pull-xsmall-2-6,
  .column-pull-xsmall-3-9,
  .column-pull-xsmall-4-12 {
    right: 33.3333%;
  }

  .column-pull-xsmall-2-3,
  .column-pull-xsmall-4-6,
  .column-pull-xsmall-6-9,
  .column-pull-xsmall-8-12 {
    right: 66.6666%;
  }

  .column-pull-xsmall-1-4,
  .column-pull-xsmall-2-8,
  .column-pull-xsmall-3-12 {
    right: 25%;
  }

  .column-pull-xsmall-3-4,
  .column-pull-xsmall-6-8,
  .column-pull-xsmall-9-12 {
    right: 75%;
  }

  .column-pull-xsmall-1-5,
  .column-pull-xsmall-2-10 {
    right: 20%;
  }

  .column-pull-xsmall-2-5,
  .column-pull-xsmall-4-10 {
    right: 40%;
  }

  .column-pull-xsmall-3-5,
  .column-pull-xsmall-6-10 {
    right: 60%;
  }

  .column-pull-xsmall-4-5,
  .column-pull-xsmall-8-10 {
    right: 80%;
  }

  .column-pull-xsmall-1-6,
  .column-pull-xsmall-2-12 {
    right: 16.6667%;
  }

  .column-pull-xsmall-5-6 {
    right: 83.3335%;
  }

  .column-pull-xsmall-1-7 {
    right: 14.2857%;
  }

  .column-pull-xsmall-2-7 {
    right: 28.5714%;
  }

  .column-pull-xsmall-3-7 {
    right: 42.8571%;
  }

  .column-pull-xsmall-4-7 {
    right: 57.1428%;
  }

  .column-pull-xsmall-5-7 {
    right: 71.4285%;
  }

  .column-pull-xsmall-6-7 {
    right: 85.7142%;
  }

  .column-pull-xsmall-1-8 {
    right: 12.5%;
  }

  .column-pull-xsmall-3-8 {
    right: 37.5%;
  }

  .column-pull-xsmall-5-8 {
    right: 62.5%;
  }

  .column-pull-xsmall-7-8 {
    right: 87.5%;
  }

  .column-pull-xsmall-1-9 {
    right: 11.1111%;
  }

  .column-pull-xsmall-2-9 {
    right: 22.2222%;
  }

  .column-pull-xsmall-4-9 {
    right: 44.4444%;
  }

  .column-pull-xsmall-5-9 {
    right: 55.5555%;
  }

  .column-pull-xsmall-7-9 {
    right: 77.7777%;
  }

  .column-pull-xsmall-8-9 {
    right: 88.8888%;
  }

  .column-pull-xsmall-1-10 {
    right: 10%;
  }

  .column-pull-xsmall-3-10 {
    right: 30%;
  }

  .column-pull-xsmall-7-10 {
    right: 70%;
  }

  .column-pull-xsmall-9-10 {
    right: 90%;
  }

  .column-pull-xsmall-1-11 {
    right: 9.0909%;
  }

  .column-pull-xsmall-2-11 {
    right: 18.1818%;
  }

  .column-pull-xsmall-3-11 {
    right: 27.2727%;
  }

  .column-pull-xsmall-4-11 {
    right: 36.3636%;
  }

  .column-pull-xsmall-5-11 {
    right: 45.4545%;
  }

  .column-pull-xsmall-6-11 {
    right: 54.5454%;
  }

  .column-pull-xsmall-7-11 {
    right: 63.6363%;
  }

  .column-pull-xsmall-8-11 {
    right: 72.7272%;
  }

  .column-pull-xsmall-9-11 {
    right: 81.8181%;
  }

  .column-pull-xsmall-10-11 {
    right: 90.909%;
  }

  .column-pull-xsmall-1-12 {
    right: 8.3333%;
  }

  .column-pull-xsmall-5-12 {
    right: 41.6665%;
  }

  .column-pull-xsmall-7-12 {
    right: 58.3331%;
  }

  .column-pull-xsmall-10-12 {
    right: 83.333%;
  }

  .column-pull-xsmall-11-12 {
    right: 91.6663%;
  }
}
main#main {
  height: 100vh;
  overflow: hidden;
  display: grid;
  display: -ms-grid;
  grid-template-columns: 100%;
  grid-template-rows: 6rem 1fr;
  grid-gap: 0;
  grid-template-areas: "header" "content";
}
@media (min-width: 888px) {
  main#main {
    grid-template-columns: 22.6rem 1fr;
    grid-template-areas: "header header" "aside content";
  }
}
@media (min-width: 888px) and (max-width: 1300px) {
  main#main {
    grid-template-columns: 8rem 1fr;
  }
}
main#main.collapse-sidebar {
  grid-template-columns: 9.6rem 1fr;
}
/*
 * Definitions
 */
/*
 * Button
 */
button,
.button {
  display: inline-block;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.8;
  letter-spacing: 0.05rem;
  text-align: center;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.17);
  min-width: 17rem;
  padding: 1.3rem 2.2rem;
  height: 4.8rem;
  font-size: 1.4rem;
  color: #252728;
  background: #FFFFFF;
  border: 1px solid #C7C7C7;
}
button:not(:disabled):hover, button:not(:disabled):focus,
.button:not(:disabled):hover,
.button:not(:disabled):focus {
  color: #252728;
  background: #e6e6e6;
  border: 1px solid #aeaeae;
}
@media (max-height: 800px) {
  button,
  .button {
    height: 3.8rem;
    line-height: 0.8;
  }
}
button:disabled {
  cursor: no-drop;
  opacity: 0.5;
}
[role="button"] {
  cursor: pointer;
}
/*
 * Button Modifiers
 */
.button-block {
  display: block;
  width: 100%;
  text-align: center;
}
.button-center {
  display: inline-block;
  margin: 0 auto;
}
/*
 * Form
 */
.form__actions {
  margin-top: 4rem;
}
.form__actions .button,
.form__actions button {
  margin: 0 0.5rem;
  min-width: 13rem;
}
@media (min-width: 888px) {
  .form__actions .button,
  .form__actions button {
    margin: 0 1.6rem;
    min-width: 17rem;
  }
}
.form__section-title {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 1rem 0;
  margin-bottom: 2rem;
}
.theme-light .form__section-title {
  color: #16181A;
  border-top: 1px solid #C7C7C7;
}
.theme-dark .form__section-title {
  color: #FFFFFF;
  border-top: 1px solid #505253;
}
/*
 * Definitions
 */
/*
 * Label
 */
label, .label {
  display: block;
  margin: 1rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 1.4rem;
  color: #505253;
  line-height: 1.5;
}
.theme-light label,
.theme-light .label {
  color: #505253;
}
.theme-dark label, .theme-dark .label {
  color: #FFFFFF;
}
label .required:before, .label .required:before {
  content: '*';
  font-size: 1.8rem;
  position: absolute;
  padding-left: 0.3rem;
  top: -2px;
}
/*
 * Definitions
 */
/*
 * Fieldset
 */
fieldset {
  display: block;
  margin: 0;
  padding: 2rem;
  border: 1px solid #C7C7C7;
}
fieldset legend {
  display: inline-block;
  padding: 1rem;
  font-size: 1.6rem;
  color: #505253;
}
.fieldset-lined {
  padding: 0;
  border: none;
  margin: 0 0 4rem;
}
.fieldset-lined legend {
  display: flex;
  width: 100%;
  align-items: baseline;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  padding: 0;
  margin: 0 0 2rem;
  font-size: 2rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.theme-light .fieldset-lined legend {
  color: #16181A;
}
.theme-dark .fieldset-lined legend {
  color: #FFFFFF;
}
.fieldset-lined legend:after {
  content: '';
  border-bottom: 1px solid;
  flex: 1 auto;
}
.theme-light .fieldset-lined legend:after {
  border-color: #EEEFF0;
}
.theme-dark .fieldset-lined legend:after {
  border-color: #EEEFF0;
}
/*
 * Definitions
 */
/*
 * Form Message
 */
.form-message {
  margin: 1rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #505253;
  line-height: 1.5;
}
.form-message.error {
  color: #FF5B5D;
}
.form-message.warning {
  color: #FF5B5D;
}
.form-message.success {
  color: #2BB54D;
}
.form-message.info {
  color: #1E90FF;
}
/*
 * Definitions
 */
/*
 * Input
 */
input, textarea {
  display: block;
  margin: 1rem 0;
  width: 100%;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #505253;
  line-height: 1.5;
  border: 1px solid #C7C7C7;
  background: #FFFFFF;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  padding: 0 1.6rem;
  height: 4.8rem;
  font-size: 1.6rem;
  color: #505253;
  background: #FFFFFF;
  border: 1px solid #C7C7C7;
}
.theme-light .toolbar__filters input,
.theme-light .toolbar__filters textarea {
  color: #16181A;
}
.theme-dark .toolbar__filters input, .theme-dark .toolbar__filters textarea {
  color: #FFFFFF;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
input:hover, textarea:hover {
  color: #505253;
  background: #fafafa;
  border: 1px solid #aeaeae;
}
input:disabled, textarea:disabled {
  cursor: no-drop;
  color: #b6b6b6;
  background: #FAFAFC;
  border: 1px solid #dadae9;
}
@media (max-height: 800px) {
  input, textarea {
    height: 3.8rem;
    font-size: 1.4rem;
  }
}
.toolbar__filters input, .toolbar__filters textarea {
  background: transparent !important;
  border: transparent !important;
}
/*
 * Textarea
 */
textarea {
  max-width: 100%;
  transition: "color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out";
}
/*
 * Input Styles
 */
.input-inverse {
  color: #FFFFFF;
  background: #16181A;
  border: none;
}
.input-inverse::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #FFFFFF;
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-inverse:focus::-moz-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.input-inverse:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #FFFFFF;
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-inverse:focus:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.input-inverse::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #FFFFFF;
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-inverse:focus::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.75);
}
.input-inverse:hover {
  color: #FFFFFF;
  background: #101213;
  border: none;
}
.input-inverse:focus {
  color: #FFFFFF;
  background: #0a0b0c;
  border: 1px solid #1E90FF;
}
/*
 * Input Search
 */
input[type="search"] {
  border-radius: 2rem;
  -webkit-appearance: none;
  box-sizing: border-box;
}
/*
 * Input File
 */
input[type="file"] {
  padding: 0;
  height: auto;
  background: transparent;
  border: none;
  box-sizing: border-box;
}
/*
 * Checkbox and Radio
 */
input[type="checkbox"],
input[type="radio"] {
  display: inline-block;
  margin-right: 10px;
  width: auto;
  height: auto;
}
input[type="checkbox"] + p,
input[type="radio"] + p {
  margin: 0;
  display: inline-block;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
  display: inline-block;
}
input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
input[type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
/*
 * Textarea
 */
textarea {
  padding: 1.6rem;
  height: auto;
  line-height: 1.5;
}
/*
 * Definitions
 */
/*
 * Input Indicators
 */
input.error,
textarea.error {
  color: #FF5B5D;
  border-color: #FF5B5D;
}
input.warning,
textarea.warning {
  color: #FF5B5D;
  border-color: #FF5B5D;
}
input.success,
textarea.success {
  color: #2BB54D;
  border-color: #2BB54D;
}
input.info,
textarea.info {
  color: #1E90FF;
  border-color: #1E90FF;
}
/*
 * Definitions
 */
/*
 * Input Sizes
 */
.input-xlarge {
  padding: 0 3rem;
  height: 6rem;
  font-size: 2rem;
}
.input-xlarge::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-xlarge:focus::-moz-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-xlarge:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-xlarge:focus:-ms-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-xlarge::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 2rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-xlarge:focus::-webkit-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-large {
  padding: 0 2.5rem;
  height: 5rem;
  font-size: 1.8rem;
}
.input-large::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-large:focus::-moz-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-large:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-large:focus:-ms-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-large::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-large:focus::-webkit-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-medium {
  padding: 0 1.6rem;
  height: 4.8rem;
  font-size: 1.6rem;
}
.input-medium::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-medium:focus::-moz-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-medium:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-medium:focus:-ms-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-medium::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-medium:focus::-webkit-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-small {
  padding: 0 1.2rem;
  height: 3.6rem;
  font-size: 1.4rem;
}
.input-small::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-small:focus::-moz-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-small:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-small:focus:-ms-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-small::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.4rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-small:focus::-webkit-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-xsmall {
  padding: 0 0.8rem;
  height: 2.4rem;
  font-size: 1.2rem;
}
.input-xsmall::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-xsmall:focus::-moz-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-xsmall:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-xsmall:focus:-ms-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
.input-xsmall::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  color: rgba(80, 82, 83, 0.5);
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.input-xsmall:focus::-webkit-input-placeholder {
  color: rgba(80, 82, 83, 0.25);
}
/*
 * Input Group
 */
.input-group {
  position: relative;
  display: table;
  margin: 1rem 0;
  border-collapse: separate;
}
.input-group.input-inline {
  float: left;
}
.input-group input {
  margin: 0;
  border-radius: 4px 0 0 4px;
  background-clip: padding-box;
}
.input-group[class*="column-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .input-group-button,
.input-group .input-group .form-input {
  display: table-cell;
}
.input-group-button {
  position: relative;
  font-size: 0rem;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-button > button,
.input-group-button > .button {
  position: relative;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
}
.input-group-button > button + .button,
.input-group-button > .button + .button {
  margin-left: -1px;
}
.input-group-button > button:hover, .input-group-button > button:focus, .input-group-button > button:active,
.input-group-button > .button:hover,
.input-group-button > .button:focus,
.input-group-button > .button:active {
  z-index: 2;
}
.input-group-button:first-child > .button {
  margin-right: -1px;
}
.input-group-button:last-child > .button {
  margin-left: -1px;
}
.input-group-search {
  border-radius: 2rem;
  overflow: hidden;
}
.input-group-search input[type="search"] {
  padding-left: 2rem;
  border-radius: 2rem 0 0 2rem;
  background-clip: padding-box;
}
.input-group-search button,
.input-group-search .button {
  border-radius: 0 2rem 2rem 0;
  background-clip: padding-box;
}
/*
 * Definitions
 */
/*
 * Controls (Radio + Checkbox)
 */
.control {
  position: relative;
  display: block;
  margin: 1rem 0;
  padding: 0 0 0 1.5em;
  color: #505253;
  cursor: pointer;
}
.control.control-inline {
  display: inline-block;
  margin-right: 2rem;
}
.control:hover .control-indicator {
  border: 1px solid #aeaeae;
  background-color: #fafafa;
}
.control input {
  z-index: -1;
  position: absolute;
  opacity: 0;
}
.control input:focus ~ .control-indicator {
  box-shadow: 0 0 0 1px #FFFFFF, 0 0 0 2px #1E90FF;
}
.control input:checked ~ .control-indicator {
  background: #0B91F9;
  border: 1px solid #0B91F9;
}
.control input:checked ~ .control-label {
  color: #505253;
}
.control.checkbox .control-indicator {
  border-radius: none;
}
.control.checkbox input:checked ~ .control-indicator {
  background: #0B91F9 no-repeat 50% 50% url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4xLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTIuOHB4IiBoZWlnaHQ9IjkuOHB4IiB2aWV3Qm94PSIwIDAgMTIuOCA5LjgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyLjggOS44IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMTEuNCwwIDQuNCw3IDEuNCw0IDAsNS40IDMsOC40IDQuNCw5LjggNS44LDguNCAxMi44LDEuNCAiLz4NCjwvc3ZnPg0K");
}
.control.radio .control-indicator {
  border-radius: 50%;
}
.control.radio input:checked ~ .control-indicator:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  content: '';
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
}
.control-indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1rem;
  color: #0B91F9;
  text-align: center;
  background-color: #FFFFFF;
  background-size: 50% 50%;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #C7C7C7;
  transition: all 0.2s ease-in-out;
}
.control-label {
  display: block;
  margin: 0 0 0 1rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #505253;
  line-height: 1.5;
  transition: color 0.2s ease-in-out;
}
/*
 * Definitions
 */
/*
 * Select
 */
select {
  display: block;
  width: 100%;
}
.field--select {
  position: relative;
  display: block;
  margin: 1rem 0;
  /*&:after {
  	position: absolute;
  	bottom: $input-height/2;
  	right: 15px;
  	margin-top: -($select-arrow-size / 2);
  	width: 0;
  	height: 0;
  	content: '';
  	pointer-events: none;
  	border-left: $select-arrow-size solid transparent;
  	border-right: $select-arrow-size solid transparent;
  	border-top: $select-arrow-size solid $select-arrow-background;
  }*/
}
.field--select:before {
  position: absolute;
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  bottom: 0.4rem;
  transform: translateY(-50%);
  right: 1rem;
}
.field--select select {
  margin: 0;
  padding: 0 1.6rem;
  height: 4.8rem;
  line-height: auto;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #505253;
  cursor: pointer;
  outline: 0;
  background: #FFFFFF;
  border: 1px solid #C7C7C7;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.field--select select::-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.field--select select::-ms-expand {
  display: none;
}
.field--select select:hover {
  color: #505253;
  background: #fafafa;
  border: 1px solid #aeaeae;
}
.field--select select:focus {
  color: #505253;
  background: #fafafa;
  border: 1px solid #1E90FF;
}
@media (max-height: 800px) {
  .field--select select {
    height: 3.8rem;
    font-size: 1.4rem;
  }
}
/*
 * Select Inverse
 */
.select-inverse select {
  color: #FFFFFF;
  border: none;
  background: #16181A;
}
.select-inverse select:hover {
  color: #FFFFFF;
  background: #101213;
  border: none;
}
.select-inverse select:focus {
  color: #FFFFFF;
  background: #0a0b0c;
  border: 1px solid #1E90FF;
}
.select-inverse:after {
  border-top: 0.4rem solid #FFFFFF;
}
/*
 * Definitions
 */
/*
 * Select Sizes
 */
.select-xlarge select {
  padding: 0 3rem;
  height: 6rem;
  font-size: 2rem;
  line-height: 6rem;
}
.select-large select {
  padding: 0 2.5rem;
  height: 5rem;
  font-size: 1.8rem;
  line-height: 5rem;
}
.select-medium select {
  padding: 0 1.6rem;
  height: 4.8rem;
  font-size: 1.6rem;
  line-height: 4.8rem;
}
.select-small select {
  padding: 0 1.2rem;
  height: 3.6rem;
  font-size: 1.4rem;
  line-height: 3.6rem;
}
.select-xsmall select {
  padding: 0 0.8rem;
  height: 2.4rem;
  font-size: 1.2rem;
  line-height: 2.4rem;
}
input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
input[type="checkbox"] + label {
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  text-transform: none !important;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #C7C7C7;
  border-radius: 2px;
}
input[type="checkbox"]:checked + label:after {
  content: '';
  border-radius: 2px;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  line-height: 0.8;
  transition: all .2s;
}
.field--checkbox {
  min-height: 8rem;
}
.field--checkbox input[type="checkbox"] + label {
  font-size: 1.4rem;
  text-transform: uppercase !important;
  font-weight: 900;
  padding-left: 6rem;
  padding-top: 1rem;
}
.field--checkbox input[type="checkbox"] + label:before {
  width: 4.8rem;
  height: 4.8rem;
}
.field--checkbox input[type="checkbox"] + label:after {
  width: 4rem;
  height: 4rem;
}
.field--checkbox-small {
  min-height: 4rem;
}
.field--checkbox-small input[type="checkbox"] + label {
  font-size: 1.4rem;
  text-transform: none !important;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-left: 3.6rem;
  padding-top: 0.3rem;
}
.field--checkbox-small input[type="checkbox"] + label:before {
  width: 2.4rem;
  height: 2.4rem;
}
.field--checkbox-small input[type="checkbox"] + label:after {
  width: 1.8rem;
  height: 1.8rem;
}
.field--checkbox-small input:checked + label:after {
  top: 0.3rem;
  left: 0.3rem;
  line-height: 0.8;
}
.checkbox-group .field {
  margin-bottom: 1rem;
}
.checkbox-group--two-columns {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 8%;
       column-gap: 8%;
}
.checkbox-group--two-columns .field {
  width: 42%;
}
.field--half {
  width: 42%;
}
input[type="radio"] {
  position: absolute;
  left: -9999px;
}
input[type="radio"] + label {
  position: relative;
  padding-left: 3rem;
  cursor: pointer;
  text-transform: none !important;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid #C7C7C7;
  border-radius: 50%;
}
input[type="radio"]:checked + label:after {
  content: '';
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
  position: absolute;
  top: 0.4rem;
  left: 0.4rem;
  line-height: 0.8;
  transition: all .2s;
}
.field--radio {
  min-height: 8rem;
}
.field--radio input[type="radio"] + label {
  font-size: 1.4rem;
  text-transform: uppercase !important;
  font-weight: 900;
  padding-left: 4.5rem;
  padding-top: .2rem;
  margin-right: 1rem;
}
.field--radio input[type="radio"] + label:before {
  width: 2.8rem;
  height: 2.8rem;
}
.field--radio input[type="radio"] + label:after {
  width: 2rem;
  height: 2rem;
}
.field {
  margin-bottom: 2.5rem;
  position: relative;
}
.field .box-error {
  display: none;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -1.8rem;
}
.field .box-error p.error {
  color: #FF5B5D !important;
  font-weight: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.2rem;
  margin: 0;
  text-align: left !important;
}
.field.error:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  right: 2rem;
  bottom: 2.4rem;
  transform: translateY(50%) rotate(45deg);
  color: #FF5B5D !important;
}
@media (max-height: 800px) {
  .field.error:before {
    bottom: 2rem;
  }
}
.field.error input, .field.error select {
  border: 1px solid #FF5B5D;
}
.field.error .box-error {
  display: block;
}
.field.error .box-error p.error:not([hidden]) {
  display: block;
}
.field.error .box-error p.error:not([hidden]) ~ p {
  display: none;
}
.field--box-file {
  border: 1px dashed #C7C7C7;
  margin: auto auto 5rem;
  padding: 4rem 1rem 6rem;
}
.theme-light .field--box-file {
  border: 1px dashed #C7C7C7;
}
.theme-dark .field--box-file {
  border: 1px dashed #505253;
}
.field--box-file.is-dragover {
  background-color: grey;
}
.field--box-file .field__input .field__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.field--box-file .field__input .field__input__label {
  display: block;
  margin: 0 auto 2rem;
}
.field--box-file img {
  width: 100%;
  max-width: 20rem;
  margin: auto;
  height: 20rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.field--box-file .field__info {
  width: 100%;
  display: block;
  margin-top: 2rem;
}
.field--box-file .field__filename {
  width: 100%;
  display: block;
  margin-top: 2rem;
}
.field--box-file .field__error {
  width: 100%;
  display: block;
  margin-top: 2rem;
}
.field--icon:before {
  content: '';
  width: 5rem;
  height: 4.8rem;
  background: #C7C7C7;
  display: block;
  right: 0;
  position: absolute;
  bottom: 0;
  border-radius: 0 4px 4px 0;
}
@media (max-height: 800px) {
  .field--icon:before {
    height: 3.8rem;
  }
}
.field--icon:after {
  content: attr(data-icon);
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  color: #505253;
  width: 3rem;
}
.field--icon.error:before {
  background: #FF5B5D;
  transform: inherit;
  bottom: 0;
  right: 0;
  margin: 0;
}
.theme-light .toolbar__filters .ng-select .ng-select-container {
  color: #16181A;
}
.theme-dark .toolbar__filters .ng-select .ng-select-container {
  color: #FFFFFF;
}
.ng-select.ng-select-single .ng-select-container {
  height: 4.8rem !important;
  min-height: 4.8rem !important;
}
.toolbar__filters .ng-select.ng-select-single .ng-select-container {
  border-color: transparent !important;
  background: transparent !important;
  box-shadow: none !important;
}
@media (max-height: 800px) {
  .ng-select.ng-select-single .ng-select-container {
    height: 3.8rem !important;
    min-height: 4.8rem -1 !important;
  }
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 1.4rem;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  font-size: 1.6rem;
}
@media (max-height: 800px) {
  .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    font-size: 1.4rem;
  }
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0 !important;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
  margin: 0 !important;
  padding: 0;
  font-size: 1.6rem;
}
@media (max-height: 800px) {
  .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input input {
    font-size: 1.4rem;
  }
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #16181A transparent transparent !important;
}
.theme-light .toolbar__filters .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #16181A transparent transparent !important;
}
.theme-dark .toolbar__filters .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #FFFFFF transparent transparent !important;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  border-color: transparent transparent #16181A !important;
}
.ng-dropdown-panel {
  min-width: 18rem;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected {
  background: rgba(11, 145, 249, 0.6) !important;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: #0B91F9 !important;
  color: #FFFFFF !important;
}
/*
 * Elements
 */
/*
 * Definitions
 */
/*
 * Button Styles
 */
.button-inverse {
  color: #FAFAFC;
  background: #16181A;
  border: none;
}
.button-inverse:not(:disabled):hover, .button-inverse:not(:disabled):focus {
  color: #FAFAFC;
  background: black;
  border: none;
}
.button-text {
  color: #16181A;
  background: transparent;
  border: none;
}
.button-text:not(:disabled):hover, .button-text:not(:disabled):focus {
  color: #0B91F9;
  background: transparent;
  border: none;
}
.button-primary {
  color: #FFFFFF;
  background: #0B91F9;
  border: none;
}
.button-primary:not(:disabled):hover, .button-primary:not(:disabled):focus {
  color: #FFFFFF;
  background: #0575cc;
  border: none;
}
.button-secondary {
  color: #FFFFFF;
  background: #663399;
  border: none;
}
.button-secondary:not(:disabled):hover, .button-secondary:not(:disabled):focus {
  color: #FFFFFF;
  background: #4d2673;
  border: none;
}
.button-tertiary {
  color: #FFFFFF;
  background: #8B008B;
  border: none;
}
.button-tertiary:not(:disabled):hover, .button-tertiary:not(:disabled):focus {
  color: #FFFFFF;
  background: #580058;
  border: none;
}
.button-border {
  background: transparent;
  border: 0.1rem solid #C7C7C7;
}
.theme-light .button-border {
  color: #16181A;
}
.theme-dark .button-border {
  color: #FFFFFF;
}
.button-border:hover {
  color: #16181A !important;
}
.button-grey {
  color: #FFFFFF;
  background: #505253;
  border: none;
}
.button-grey:not(:disabled):hover, .button-grey:not(:disabled):focus {
  color: #FFFFFF;
  background: #373839;
  border: none;
}
.button-error {
  color: #FFFFFF;
  background: #FF5B5D;
  border: none;
}
.button-error:not(:disabled):hover, .button-error:not(:disabled):focus {
  color: #FFFFFF;
  background: #ff282b;
  border: none;
}
/*
 * Definitions
 */
/*
 * Button Indicators
 */
button.error,
.button.error {
  color: #FFFFFF;
  background: #FF5B5D;
  border: none;
}
button.error:not(:disabled):hover, button.error:not(:disabled):focus,
.button.error:not(:disabled):hover,
.button.error:not(:disabled):focus {
  color: #FFFFFF;
  background: #ff282b;
  border: none;
}
button.warning,
.button.warning {
  color: #FFFFFF;
  background: #FF5B5D;
  border: none;
}
button.warning:not(:disabled):hover, button.warning:not(:disabled):focus,
.button.warning:not(:disabled):hover,
.button.warning:not(:disabled):focus {
  color: #FFFFFF;
  background: #ff282b;
  border: none;
}
button.success,
.button.success {
  color: #FFFFFF;
  background: #2BB54D;
  border: none;
}
button.success:not(:disabled):hover, button.success:not(:disabled):focus,
.button.success:not(:disabled):hover,
.button.success:not(:disabled):focus {
  color: #FFFFFF;
  background: #218c3b;
  border: none;
}
button.info,
.button.info {
  color: #FFFFFF;
  background: #1E90FF;
  border: none;
}
button.info:not(:disabled):hover, button.info:not(:disabled):focus,
.button.info:not(:disabled):hover,
.button.info:not(:disabled):focus {
  color: #FFFFFF;
  background: #0077ea;
  border: none;
}
/*
 * Definitions
 */
/*
 * Button Sizes
 */
.button-xlarge {
  padding: 1.8rem 3.2rem;
  height: 6rem;
  font-size: 2rem;
}
.button-large {
  padding: 1.4rem 2.8rem;
  height: 5rem;
  font-size: 1.8rem;
}
.button-medium {
  padding: 1.3rem 2.2rem;
  height: 4.8rem;
  font-size: 1.4rem;
}
.button-small {
  padding: 1.1rem 1.6rem;
  height: 3.8rem;
  font-size: 1.4rem;
  line-height: 1;
}
.button-xsmall {
  padding: 0.6rem 1.2rem;
  height: 2.4rem;
  font-size: 1.2rem;
}
/*
 * Definitions
 */
/*
 * Button Icon
 */
.button-icon > svg {
  position: relative;
  width: 1.4rem;
  height: 1.4rem;
  fill: currentColor;
  vertical-align: bottom;
  transition: fill 0.2s ease-in-out;
}
.button-icon-left > svg {
  margin-right: 1em;
}
.button-icon-right > svg {
  margin-left: 1em;
}
/*
 * Button Icon Styles
 */
.button-icon.button-inverse > svg {
  fill: #FAFAFC;
}
.button-icon.button-inverse:not(:disabled):hover > svg, .button-icon.button-inverse:not(:disabled):focus > svg {
  fill: #FAFAFC;
}
.button-icon.button-text > svg {
  fill: #16181A;
}
.button-icon.button-text:not(:disabled):hover > svg, .button-icon.button-text:not(:disabled):focus > svg {
  fill: #0B91F9;
}
.button-icon.button-primary > svg {
  fill: #FFFFFF;
}
.button-icon.button-primary:not(:disabled):hover > svg, .button-icon.button-primary:not(:disabled):focus > svg {
  fill: #FFFFFF;
}
.button-icon.button-secondary > svg {
  fill: #FFFFFF;
}
.button-icon.button-secondary:not(:disabled):hover > svg, .button-icon.button-secondary:not(:disabled):focus > svg {
  fill: #FFFFFF;
}
.button-icon.button-tertiary > svg {
  fill: #FFFFFF;
}
.button-icon.button-tertiary:not(:disabled):hover > svg, .button-icon.button-tertiary:not(:disabled):focus > svg {
  fill: #FFFFFF;
}
.button-icon.button-border > svg {
  fill: #16181A;
}
.button-icon.button-border:not(:disabled):hover > svg, .button-icon.button-border:not(:disabled):focus > svg {
  fill: #FFFFFF;
}
/*
 * Button Icon Indicators
 */
.button-icon.error > svg {
  fill: #FFFFFF;
}
.button-icon.error:not(:disabled):hover > svg, .button-icon.error:not(:disabled):focus > svg {
  fill: #FFFFFF;
}
.button-icon.warning > svg {
  fill: #FFFFFF;
}
.button-icon.warning:not(:disabled):hover > svg, .button-icon.warning:not(:disabled):focus > svg {
  fill: #FFFFFF;
}
.button-icon.success > svg {
  fill: #FFFFFF;
}
.button-icon.success:not(:disabled):hover > svg, .button-icon.success:not(:disabled):focus > svg {
  fill: #FFFFFF;
}
.button-icon.info > svg {
  fill: #FFFFFF;
}
.button-icon.info:not(:disabled):hover > svg, .button-icon.info:not(:disabled):focus > svg {
  fill: #FFFFFF;
}
/*
 * Button Sizes
 */
.button-icon.button-xlarge > svg {
  width: 2rem;
  height: 2rem;
}
.button-icon.button-large > svg {
  width: 1.8rem;
  height: 1.8rem;
}
.button-icon.button-medium > svg {
  width: 1.4rem;
  height: 1.4rem;
}
.button-icon.button-small > svg {
  width: 1.4rem;
  height: 1.4rem;
}
.button-icon.button-xsmall > svg {
  width: 1.2rem;
  height: 1.2rem;
}
/*
 * Button Group
 */
.button-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.button-group > button,
.button-group > .button {
  position: relative;
  float: left;
}
.button-group > button:hover, .button-group > button:focus, .button-group > button:active, .button-group > button.active,
.button-group > .button:hover,
.button-group > .button:focus,
.button-group > .button:active,
.button-group > .button.active {
  z-index: 2;
}
.button-group button + button,
.button-group .button + .button,
.button-group button + .button-group,
.button-group .button + .button-group,
.button-group .button-group + button,
.button-group .button-group + .button,
.button-group .button-group + .button-group {
  margin-left: -1px;
}
.button-group > .button-group {
  float: left;
}
.button-group button:not(:first-child):not(:last-child),
.button-group .button:not(:first-child):not(:last-child),
.button-group .button-group:not(:first-child):not(:last-child) > button,
.button-group .button-group:not(:first-child):not(:last-child) > .button {
  border-radius: 0;
}
.button-group > .button-group:first-child > button:last-child,
.button-group > .button-group:first-child > .button:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.button-group > .button-group:last-child > button:first-child,
.button-group > .button-group:last-child > .button:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.button-group > button:first-child,
.button-group > .button:first-child {
  margin-left: 0;
}
.button-group > button:first-child:not(:last-child),
.button-group > .button:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.button-group > button:last-child:not(:first-child),
.button-group > .button:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.button-group-block {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.button-group-block > button,
.button-group-block > .button,
.button-group-block > .button-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.button-group-block > .button-group .button,
.button-group-block > .button-group button {
  width: 100%;
}
/*
 * Definitions
 */
/*
 * Figure
 */
figure {
  display: block;
  margin: 0;
  padding: 1rem;
  border: 1px solid #C7C7C7;
}
figcaption {
  margin: 1rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #505253;
  text-align: center;
}
/*
 * Definitions
 */
/*
 * Media
 */
.media {
  display: block;
  position: relative;
  overflow: hidden;
  background: #FAFAFC;
}
.media > svg,
.media > img,
.media > video,
.media > iframe,
.media > .media-inner {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.media-1-2 {
  padding-top: 200%;
}
.media-9-16 {
  padding-top: 177.7777777778%;
}
.media-9-14 {
  padding-top: 155.5555555556%;
}
.media-2-3 {
  padding-top: 150%;
}
.media-3-4 {
  padding-top: 133.3333333333%;
}
.media-1 {
  padding-top: 100%;
}
.media-4-3 {
  padding-top: 75%;
}
.media-3-2 {
  padding-top: 66.6666666667%;
}
.media-16-9 {
  padding-top: 56.25%;
}
.media-2-1 {
  padding-top: 50%;
}
/*
 * Definitions
 */
/*
 * Table
 */
table,
.table {
  margin: 2rem 0;
  width: 100%;
  background: none;
  border-radius: 4px;
  border-collapse: collapse;
}
table caption,
.table caption {
  margin: 1rem 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  color: #505253;
  text-align: left;
}
table th, .table th {
  padding: 1rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-size: 1.4rem;
  text-align: left;
  text-transform: uppercase;
}
.theme-light table th,
.theme-light .table th {
  color: #5c656d;
}
.theme-dark table th, .theme-dark .table th {
  color: #C7C7C7;
}
table th .th__content, .table th .th__content {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 3rem;
}
table th .th__content .th__content__order, .table th .th__content .th__content__order {
  position: relative;
  margin-right: 0.5rem;
}
table th .th__content .th__content__order .order, .table th .th__content .th__content__order .order {
  display: block;
  line-height: 0;
}
.theme-light table th .th__content .th__content__order .order, .theme-light .table th .th__content .th__content__order .order {
  color: #5c656d;
}
.theme-dark table th .th__content .th__content__order .order, .theme-dark .table th .th__content .th__content__order .order {
  color: #C7C7C7;
}
table th .th__content .th__content__order .order:before, .table th .th__content .th__content__order .order:before {
  font-size: 1rem;
  margin: 0 !important;
}
table th .th__content .th__content__order .order__bottom, .table th .th__content .th__content__order .order__bottom {
  padding: 0 4px 4px 4px;
}
table th .th__content .th__content__order .order__bottom:before, .table th .th__content .th__content__order .order__bottom:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
table th .th__content .th__content__order .order__up, .table th .th__content .th__content__order .order__up {
  padding: 4px 4px 0 4px;
  position: relative;
  z-index: 2;
}
table th .th__content .th__content__order .order__up:before, .table th .th__content .th__content__order .order__up:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
table td, .table td {
  padding: 1rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 1.4rem;
  color: #505253;
  line-height: 1.5;
  vertical-align: middle;
  height: 5.8rem;
}
.theme-light table td,
.theme-light .table td {
  background: #FFFFFF;
  color: #16181A;
}
.theme-dark table td, .theme-dark .table td {
  background: #26282A;
  color: #FFFFFF;
}
table td.cell-truncate, .table td.cell-truncate {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 1px;
}
table td.actions a, .table td.actions a {
  margin-left: 1rem;
}
table td.actions a.delete:hover:before, .table td.actions a.delete:hover:before {
  color: #FF5B5D;
}
table td.actions a.delete:before, .table td.actions a.delete:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
table td.actions a.edit:hover:before, .table td.actions a.edit:hover:before {
  color: #2BB54D;
}
table td.actions a.edit:before, .table td.actions a.edit:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
table td.actions a.detail:hover:before, .table td.actions a.detail:hover:before {
  color: #0B91F9;
}
table td.actions a.detail:before, .table td.actions a.detail:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
table td.actions a:before, .table td.actions a:before {
  font-size: 1.8rem !important;
}
.theme-light table td.actions a:before, .theme-light .table td.actions a:before {
  color: #5c656d;
}
.theme-dark table td.actions a:before, .theme-dark .table td.actions a:before {
  color: #C7C7C7;
}
table th:first-child,
table td:first-child,
.table th:first-child,
.table td:first-child {
  padding-left: 2rem;
}
table th:last-child,
table td:last-child,
.table th:last-child,
.table td:last-child {
  padding-right: 2rem;
}
table tr.background-error td,
.table tr.background-error td {
  background: #FF5B5D;
  color: #FFFFFF;
}
table tr.background-error td.actions a:before,
.table tr.background-error td.actions a:before {
  color: #FFFFFF;
}
.theme-light table.table-striped tr:nth-child(odd) td,
.theme-light .table.table-striped tr:nth-child(odd) td {
  background: #EEEFF0;
}
.theme-dark table.table-striped tr:nth-child(odd) td, .theme-dark .table.table-striped tr:nth-child(odd) td {
  background: #1F2122;
}
.table-responsive {
  margin: 2rem 0;
  overflow-x: auto;
  min-height: 0.01%;
}
@media (max-width: 887px) {
  .table-responsive {
    width: 100%;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }

  .table-responsive > table {
    margin: 0;
    border: none;
  }

  .table-responsive > table th,
  .table-responsive > table td {
    white-space: nowrap;
  }

  .table-responsive > table th:first-child,
  .table-responsive > table td:first-child {
    border-left: none;
  }

  .table-responsive > table th:last-child,
  .table-responsive > table td:last-child {
    border-right: none;
  }

  .table-responsive > table tr:first-child > th,
  .table-responsive > table tr:first-child > td {
    border-top: none;
  }

  .table-responsive > table tr:last-child > th,
  .table-responsive > table tr:last-child > td {
    border-bottom: none;
  }
}
.table-fixed-content {
  height: 100%;
}
.table-fixed-content table {
  border-spacing: 0 0.3rem;
  table-layout: fixed;
  border-collapse: collapse;
  display: table;
  height: 100%;
  position: relative;
  margin: 0;
  border: 0;
}
.table-fixed-content table tr {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.table-fixed-content table tr td.delete, .table-fixed-content table tr td.edit,
.table-fixed-content table tr th.delete,
.table-fixed-content table tr th.edit {
  width: 4rem;
}
.table-fixed-content table tr td.status,
.table-fixed-content table tr th.status {
  width: 5rem;
}
.table-fixed-content table tr td:first-child,
.table-fixed-content table tr th:first-child {
  padding-left: 2rem;
}
.table-fixed-content table thead {
  background: transparent;
  display: table;
  width: 100%;
  height: 6rem;
}
.table-fixed-content table thead tr th {
  padding: 0;
  color: rgba(22, 24, 26, 0.4);
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  border: 0;
  height: 5rem;
}
.table-fixed-content table tbody {
  background: none;
  height: calc(100% - 6rem);
  overflow: auto;
  overflow-x: hidden !important;
  display: block;
  width: 100%;
  position: absolute;
  padding: 0 3px;
}
.table-fixed-content table tbody tr {
  box-shadow: 0 1px 3px rgba(22, 24, 26, 0.17);
}
.table-fixed-content table tbody tr td {
  min-height: 6.2rem;
  height: 6.2rem;
  padding: 0;
  background: #FFFFFF;
  border-width: 0 0 1px;
  border-style: solid;
}
.table-simple th {
  padding: 0;
  background-color: transparent;
  text-align: right;
  text-transform: none;
  font-size: 1.6rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.table-simple td {
  font-size: 1.6rem;
  padding: 0.8rem 0 0.8rem 1.2rem;
  vertical-align: middle;
  border-bottom: 1px solid #C7C7C7;
  height: 4rem;
  background-color: transparent;
  text-align: right;
}
.table-simple td:first-child {
  padding: 0.8rem 0;
  text-align: left;
}
.table-simple td:nth-child(2) {
  width: 9rem;
}
.table-simple td:nth-child(2) .field,
.table-simple td:nth-child(2) input {
  margin: 0;
  padding-right: 0;
}
.table-simple td:last-child {
  padding: 0.8rem 0 0.8rem 1.2rem;
  width: 3rem;
}
.table-simple td.actions a {
  margin-left: 0;
}
.table-simple td.actions .icon {
  cursor: pointer;
}
.table-simple td.actions .icon:before {
  margin: 0 0 0 0.5rem;
  font-size: 1.2rem;
}
.table-lined {
  border: 1px solid #C7C7C7;
  border-collapse: collapse;
}
.table-lined th {
  padding: 0.4rem 1rem;
  border: 1px solid #C7C7C7;
  text-align: right;
  text-transform: none;
  font-size: 1.6rem;
  line-height: 1.15;
  text-align: left;
  height: 4.2rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.theme-light .table-lined th {
  background-color: #C7C7C7;
}
.theme-dark .table-lined th {
  background-color: #505253;
}
.table-lined th:first-child, .table-lined th:last-child {
  padding: 0.4rem 1rem;
}
.table-lined th.text-center, .table-lined th.form__actions, .table-lined .field--box-file th.field__input, .field--box-file .table-lined th.field__input, .table-lined .field--box-file th.field__info, .field--box-file .table-lined th.field__info, .table-lined .field--box-file th.field__filename, .field--box-file .table-lined th.field__filename, .table-lined .field--box-file th.field__error, .field--box-file .table-lined th.field__error, .table-lined th.field--icon:after, .table-lined .modal .nsm-dialog .nsm-content .nsm-body th.modal-footer, .modal .nsm-dialog .nsm-content .nsm-body .table-lined th.modal-footer, .table-lined .overlay .nsm-dialog .nsm-content .nsm-body th.modal-footer, .overlay .nsm-dialog .nsm-content .nsm-body .table-lined th.modal-footer, .table-lined th.box__title--center, .table-lined th.box__actions, .table-lined .weight__lights .light th.counter, .weight__lights .light .table-lined th.counter, .table-lined .weight__lights .light th.counter-circle, .weight__lights .light .table-lined th.counter-circle, .table-lined .weight__lights .light th.actual-circle-weight, .weight__lights .light .table-lined th.actual-circle-weight, .table-lined th#page-error, .table-lined #page-auth section .auth-box th.notification, #page-auth section .auth-box .table-lined th.notification, .table-lined #page-dashboard .lines th.line__title, #page-dashboard .lines .table-lined th.line__title, .table-lined #page-dashboard .lines .line__product-info .product__info1 th.title, #page-dashboard .lines .line__product-info .product__info1 .table-lined th.title, .table-lined #page-line-header-detail .info th.item, #page-line-header-detail .info .table-lined th.item, .table-lined #page-line-header-detail th.message, #page-line-header-detail .table-lined th.message {
  text-align: center;
}
.table-lined th.text-right, .table-lined .info-tab .item th.info, .info-tab .item .table-lined th.info {
  text-align: right;
}
.table-lined td {
  font-size: 1.6rem;
  line-height: 1.15;
  border: 1px solid #C7C7C7;
  padding: 0.4rem 1rem;
  vertical-align: middle;
  background-color: #252728;
  height: 4.2rem;
}
.theme-light .table-lined td {
  background: #C7C7C7;
}
.table-lined td:first-child, .table-lined td:last-child {
  padding: 0.4rem 1rem;
}
.table-dropdowns {
  min-width: 74rem;
}
.table-dropdowns .cell-medium {
  width: 10%;
  min-width: 9rem;
}
.table-dropdowns .cell-big {
  width: 15%;
  min-width: 9rem;
}
.table-dropdowns table td,
.table-dropdowns table th {
  height: auto;
}
.table-dropdowns table thead th {
  text-transform: none;
}
.table-dropdowns table tbody tr.row-dropdown {
  border-top: 0.1rem solid #505253;
}
.table-dropdowns table td.actions-toggle,
.table-dropdowns table th.actions-toggle {
  width: 6rem;
}
.table-dropdowns table td.cell-description,
.table-dropdowns table th.cell-description {
  width: 32rem;
}
.table-dropdowns table td.cell-description .batch-description,
.table-dropdowns table th.cell-description .batch-description {
  display: flex;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
  align-items: center;
}
.table-dropdowns table td.cell-description .batch-description .date,
.table-dropdowns table th.cell-description .batch-description .date {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.table-dropdowns table tr.row-summary-date {
  border-top: 0.1rem solid #505253;
}
.table-dropdowns table tr.row-summary-date td {
  background-color: #033E6C;
  color: #FFFFFF;
}
.table-dropdowns table tr.row-summary-date .cell-description {
  text-transform: uppercase;
}
.table-dropdowns table tr.row-dropdown.opened > td {
  background-color: #364CA8;
  color: #FFFFFF;
}
.table-dropdowns table tr.row-dropdown.opened > td.actions a {
  color: #FFFFFF;
}
.table-dropdowns table tr.row-dropdown.opened .icon--chevron-down:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #FFFFFF;
}
.table-dropdowns table tr.row-toggle {
  display: none;
}
.table-dropdowns table tr.row-dropdown.opened + tr.row-toggle {
  display: table-row;
}
.table-dropdowns table tr.row-dropdown.opened + tr.row-toggle > td {
  padding: 0;
}
.table-dropdowns table tr.row-dropdown.opened + tr.row-toggle tr.row-total td {
  background-color: #364CA8;
  color: #FFFFFF;
}
.table-dropdowns table tr.row-dropdown.opened + tr.row-toggle tr.row-total .cell-total {
  text-align: center;
  text-transform: uppercase;
}
.table-dropdowns table tr.row-dropdown.opened + tr.row-toggle table,
.table-dropdowns table tr.row-dropdown.opened + tr.row-toggle table {
  margin-top: 0;
}
.table-dropdowns table .toggle-content {
  margin: 0;
  padding: 0.5rem 0 0;
}
.table-dropdowns-level2 table tr.row-dropdown.opened td {
  background-color: #033E6C;
  color: #FFFFFF;
}
.table tr.row-primary td, table tr.row-primary td {
  background-color: #364CA8 !important;
  color: #FFFFFF !important;
}
.table-dropdowns-level2 .table-dropdowns-level3 table {
  /*
  tr:nth-child(n + 2).row-dropdown.opened {
  	@include themify($themes) {
  		border-top: 0.6rem solid themed("box-background");
  	}
  }
  */
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-dropdown td {
  background-color: #353637;
  color: #FFFFFF;
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-dropdown.opened .icon--plus:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #FFFFFF;
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-summary {
  display: none;
  border-top: 0.1rem solid #505253;
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-summary td {
  background-color: #353637;
  color: #FFFFFF;
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-summary .cell-description {
  text-transform: uppercase;
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-extra {
  display: none;
}
.theme-light .table-dropdowns-level2 .table-dropdowns-level3 table tr.row-extra {
  border-top: 0.1rem solid #FFFFFF;
}
.theme-dark .table-dropdowns-level2 .table-dropdowns-level3 table tr.row-extra {
  border-top: 0.1rem solid #26282A;
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-extra td {
  background-color: #353637;
  color: #FFFFFF;
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-extra.opened,
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-summary.opened {
  display: table-row;
}
.table-dropdowns-level2 .table-dropdowns-level3 table tr.row-extra.warning td {
  background-color: rgba(255, 0, 0, 0.25);
}
/*
 * Definitions
 */
/*
 * Nav
 */
nav ul,
.nav ul {
  margin: 0;
  list-style: none;
}
nav ul li,
.nav ul li {
  margin: 1rem 0;
}
.nav-inline ul li {
  display: inline-block;
  margin: 0 1rem;
}
.modal,
.overlay {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 99;
  background: rgba(22, 24, 26, 0.25);
}
.modal .nsm-dialog,
.overlay .nsm-dialog {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 420px;
  width: 100vw;
  min-height: 4rem;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.modal .nsm-dialog .nsm-content, .overlay .nsm-dialog .nsm-content {
  padding: 0 !important;
  margin: 0 !important;
}
.theme-light .modal .nsm-dialog .nsm-content,
.theme-light .overlay .nsm-dialog .nsm-content {
  background: #f6f7f7;
}
.theme-dark .modal .nsm-dialog .nsm-content, .theme-dark .overlay .nsm-dialog .nsm-content {
  background: #1F2122;
}
.modal .nsm-dialog .nsm-content .nsm-body .modal-header, .overlay .nsm-dialog .nsm-content .nsm-body .modal-header {
  padding: 1.6rem;
  position: relative;
  color: white;
  border-bottom: 1px solid #C7C7C7;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.modal .nsm-dialog .nsm-content .nsm-body .modal-header h4, .overlay .nsm-dialog .nsm-content .nsm-body .modal-header h4 {
  margin: 0;
}
.modal .nsm-dialog .nsm-content .nsm-body .modal-header .close, .overlay .nsm-dialog .nsm-content .nsm-body .modal-header .close {
  position: absolute;
  right: 1.6rem;
  top: 50%;
  transform: translateY(-50%);
}
.modal .nsm-dialog .nsm-content .nsm-body .modal-header .close:before, .overlay .nsm-dialog .nsm-content .nsm-body .modal-header .close:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.theme-light .modal .nsm-dialog .nsm-content .nsm-body .modal-header .close:before, .theme-light .overlay .nsm-dialog .nsm-content .nsm-body .modal-header .close:before {
  color: #5c656d;
}
.theme-dark .modal .nsm-dialog .nsm-content .nsm-body .modal-header .close:before, .theme-dark .overlay .nsm-dialog .nsm-content .nsm-body .modal-header .close:before {
  color: #b3b3b3;
}
.theme-light .modal .nsm-dialog .nsm-content .nsm-body .modal-header .close:hover:before, .theme-light .overlay .nsm-dialog .nsm-content .nsm-body .modal-header .close:hover:before {
  color: #16181A;
}
.theme-dark .modal .nsm-dialog .nsm-content .nsm-body .modal-header .close:hover:before, .theme-dark .overlay .nsm-dialog .nsm-content .nsm-body .modal-header .close:hover:before {
  color: #FFFFFF;
}
.modal .nsm-dialog .nsm-content .nsm-body .modal-body, .overlay .nsm-dialog .nsm-content .nsm-body .modal-body {
  padding: 4rem 1.6rem;
}
.theme-light .modal .nsm-dialog .nsm-content .nsm-body .modal-body p, .theme-light .overlay .nsm-dialog .nsm-content .nsm-body .modal-body p {
  color: #16181A;
}
.theme-dark .modal .nsm-dialog .nsm-content .nsm-body .modal-body p, .theme-dark .overlay .nsm-dialog .nsm-content .nsm-body .modal-body p {
  color: #FFFFFF;
}
.modal .nsm-dialog .nsm-content .nsm-body .modal-footer, .overlay .nsm-dialog .nsm-content .nsm-body .modal-footer {
  padding: 0 1.6rem 1.6rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.modal .nsm-dialog .nsm-content .nsm-body .modal-footer .button,
.modal .nsm-dialog .nsm-content .nsm-body .modal-footer a, .overlay .nsm-dialog .nsm-content .nsm-body .modal-footer .button,
.overlay .nsm-dialog .nsm-content .nsm-body .modal-footer a {
  margin: 0 0.8rem;
}
.modal--line-calendar .nsm-content .modal-body .field--radio input {
  display: none;
  position: absolute;
  left: -99999px;
}
.modal--line-calendar .nsm-content .modal-body .field--radio input:checked + label {
  background: #0B91F9;
  color: #FFFFFF !important;
  border: 0.1rem solid #0B91F9;
}
.modal--line-calendar .nsm-content .modal-body .field--radio label {
  padding: 0.8rem 1rem;
  text-transform: none;
  margin: 0;
  cursor: pointer;
  border: 0.1rem solid transparent;
  white-space: nowrap;
}
@media (min-width: 888px) {
  .modal--line-calendar .nsm-content .modal-body .field--radio label {
    padding: 0.8rem 2.2rem;
  }
}
@media (max-height: 780px) {
  .modal--line-calendar .nsm-content .modal-body .field--radio label {
    padding: 0.4rem 1rem;
  }
}
.theme-dark .modal--line-calendar .nsm-content .modal-body .field--radio label {
  color: #C7C7C7;
}
.modal--line-calendar .nsm-content .modal-body .field--radio label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.modal--line-calendar .nsm-content .modal-body .field--radio label:last-of-type {
  border-radius: 0 4px 4px 0;
}
.modal--line-calendar .nsm-content .modal-body .field--radio label:hover {
  border: 0.1rem solid #0B91F9;
  color: #0B91F9 !important;
}
.modal--line-calendar .nsm-content .modal-body .field--calendar input {
  height: 4rem;
  margin: 0;
  border-radius: 0 4px 4px 0;
  background: transparent;
  min-width: 22rem;
}
.theme-light .modal--line-calendar .nsm-content .modal-body .field--calendar input {
  border: 0.1rem solid #C7C7C7;
}
.theme-dark .modal--line-calendar .nsm-content .modal-body .field--calendar input {
  border: 0.1rem solid #505253;
}
@media (max-height: 780px) {
  .modal--line-calendar .nsm-content .modal-body .field--calendar input {
    height: 3rem;
  }
}
.theme-light .modal--line-calendar .nsm-content .modal-body .field--calendar input {
  border: 0.1rem solid #C7C7C7;
}
.modal--line-product .nsm-content .modal-body .field--product input {
  display: none;
  position: absolute;
  left: -99999px;
}
.theme-light .modal--line-product .nsm-content .modal-body .field--product input:checked + label {
  color: #16181A;
}
.theme-dark .modal--line-product .nsm-content .modal-body .field--product input:checked + label {
  color: #16181A;
}
.modal--line-product .nsm-content .modal-body .field--product input:checked + label span {
  opacity: 1;
}
.modal--line-product .nsm-content .modal-body .field--product label {
  text-transform: none;
  margin: 0;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  display: block;
  min-height: 3.8rem;
  margin-bottom: 1rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  z-index: 2;
  color: #16181A;
  border: 0.1rem solid #FFFFFF;
  border-radius: 4px;
}
.theme-light .modal--line-product .nsm-content .modal-body .field--product label {
  color: #16181A;
}
.theme-dark .modal--line-product .nsm-content .modal-body .field--product label {
  color: #FFFFFF;
}
.modal--line-product .nsm-content .modal-body .field--product label:first-of-type {
  padding-left: 0;
  width: 100%;
}
@media (min-width: 888px) {
  .modal--line-product .nsm-content .modal-body .field--product label:first-of-type {
    width: auto;
  }
}
.modal--line-product .nsm-content .modal-body .field--product label:first-of-type:before {
  display: none;
}
.modal--line-product .nsm-content .modal-body .field--product label span {
  content: "";
  position: absolute;
  left: 0;
  border: 0.1rem solid #FFFFFF;
  border-radius: 4px;
  width: 100%;
  height: 3.8rem;
  z-index: -1;
  opacity: 0.3;
}
.modal--line-product .nsm-content .modal-body .field--product label.product--1:before {
  background: #FA1284;
}
.modal--line-product .nsm-content .modal-body .field--product label.product--2:before {
  background: #FFDC0C;
}
.modal--line-product .nsm-content .modal-body .field--product label.product--3:before {
  background: #94FE00;
}
.modal--line-product .nsm-content .modal-body .field--product label.product--4:before {
  background: #3406F8;
}
app-admin-worker-activation .field--radio input[type="radio"] + label {
  display: block;
  margin: 0 0 2rem;
}
.modal--drag-and-drop {
  height: auto;
  max-width: 111rem !important;
}
.modal--drag-and-drop .nsm-content .modal-body table td:first-child,
.modal--drag-and-drop .nsm-content .modal-body table th:first-child {
  width: 9rem;
  text-align: center;
}
.modal--large .nsm-dialog {
  max-width: 680px;
}
.modal--large .nsm-dialog .nsm-content {
  padding: 0 !important;
  margin: 0 !important;
}
.modal--large .nsm-dialog .nsm-content .nsm-body .modal-header {
  padding: 1.6rem 3.2rem;
}
.modal--large .nsm-dialog .nsm-content .nsm-body .modal-header .close {
  right: 1.6rem;
}
.modal--large .nsm-dialog .nsm-content .nsm-body .modal-body {
  padding: 1.6rem 3.2rem;
}
.modal--large .nsm-dialog .nsm-content .nsm-body .modal-body .modal-form {
  max-width: 480px;
  margin: 0 auto;
}
.modal--large .nsm-dialog .nsm-content .nsm-body .modal-footer {
  padding: 0 3.2rem 1.6rem;
}
.hide-subheader {
  margin-top: 0 !important;
}
.hide-subheader app-subheader {
  display: none !important;
}
.subheader {
  position: fixed;
  top: 6rem;
  width: 100%;
  z-index: 10;
  width: calc(100vw);
}
.theme-light .subheader {
  background: #EEEFF0;
}
.theme-dark .subheader {
  background: #353637;
}
@media (min-width: 888px) {
  .subheader {
    width: calc(100vw - 22.6rem);
  }
}
@media (min-width: 888px) and (max-width: 1300px) {
  .subheader {
    width: calc(100vw - 8rem);
  }
}
.collapse-sidebar .subheader {
  width: calc(100vw - 9.4rem);
}
.subheader .container {
  height: 5rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.subheader .container .back {
  display: block;
  height: 100%;
  line-height: 4.5rem;
  padding-right: 2rem;
  margin-right: 2rem;
  position: relative;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  padding-left: 4rem;
  transition-duration: 0.5s;
}
.theme-light .subheader .container .back {
  border-right: 0.2rem solid #f6f7f7;
  color: #16181A;
}
.theme-dark .subheader .container .back {
  border-right: 0.2rem solid #1F2122;
  color: #FFFFFF;
}
.subheader .container .back:before {
  content: '';
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 4px;
  background: #0B91F9;
  display: block;
  margin-right: 1rem;
  position: absolute;
  left: 0;
  transition-duration: 0.5s;
}
.subheader .container .back:after {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  color: #FFFFFF;
  left: 0.8rem;
}
.subheader .container .back:hover {
  color: #FFFFFF;
}
.subheader .container .back:hover:before {
  width: calc(100% - 1rem);
}
.subheader .container .back span {
  z-index: 1;
}
.subheader .container .piece {
  margin-right: 1.5rem;
}
.subheader .container h2 {
  margin: 0;
}
.theme-light .subheader .container h2 {
  color: #16181A;
}
.theme-dark .subheader .container h2 {
  color: #b3b3b3;
}
.subheader .container .subheader__right {
  margin-left: auto;
}
.subheader .container .subheader__right .datepicker {
  text-align: center;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  height: 4rem;
}
.subheader .container .subheader__right .datepicker .datepicker__date {
  font-size: 1.6rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 1rem 4rem;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
}
.theme-light .subheader .container .subheader__right .datepicker .datepicker__date {
  color: #16181A;
  background: #C7C7C7;
}
.theme-dark .subheader .container .subheader__right .datepicker .datepicker__date {
  color: #FFFFFF;
  background: #16181A;
}
.subheader .container .subheader__right .datepicker .datepicker__date:after {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  color: #505253;
}
.subheader .container .subheader__right .datepicker .datepicker__date input.datepicker__date__selector {
  background: transparent;
  border: 0;
  position: absolute;
  left: 0;
  font-size: 0;
}
.box, .chart-container__menu, .chart-container__chart {
  padding: 3.2rem 1.6rem;
  box-shadow: 0 0.1rem 0.4rem rgba(22, 24, 26, 0.13);
}
.theme-light .box, .theme-light .chart-container__menu, .theme-light .chart-container__chart {
  background: #FFFFFF;
}
.theme-dark .box, .theme-dark .chart-container__menu, .theme-dark .chart-container__chart {
  background: #26282A;
}
@media (min-width: 888px) {
  .box, .chart-container__menu, .chart-container__chart {
    padding: 3.5rem;
  }
}
.box--medium {
  max-width: 100rem;
  margin: auto;
}
.box__title {
  margin-bottom: 5rem;
}
.box__title--center {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.box__content--medium {
  margin: auto;
  max-width: 46.5rem;
}
.box__actions {
  margin-top: 4rem;
}
.box__actions .button,
.box__actions button {
  margin: 0 1.6rem;
}
.chart-box {
  min-height: 10rem;
  position: relative;
  padding: 2rem;
  border-radius: 4px 4px 0 4px;
}
.theme-light .chart-box {
  border: 0.1rem solid #C7C7C7;
}
.theme-dark .chart-box {
  border: 0.1rem solid #505253;
}
.chart-box:before, .chart-box:after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 2.7rem 2.7rem;
  position: absolute;
}
.chart-box:before {
  border-color: transparent transparent #FFFFFF transparent;
  bottom: -0.1rem;
  right: -0.1rem;
  z-index: 2;
}
.theme-light .chart-box:before {
  border-color: transparent transparent #f6f7f7 transparent;
}
.theme-dark .chart-box:before {
  border-color: transparent transparent #1F2122 transparent;
}
.chart-box:after {
  border-color: transparent transparent grey transparent;
  bottom: 0;
  right: 0;
}
.theme-light .chart-box:after {
  border-color: transparent transparent #C7C7C7 transparent;
}
.theme-dark .chart-box:after {
  border-color: transparent transparent #505253 transparent;
}
.chart-box__header h3 {
  text-transform: uppercase;
  letter-spacing: 0.03rem;
  font-size: 1.2rem;
}
.chart-box__subheader h4 {
  text-transform: uppercase;
  letter-spacing: 0.03rem;
}
.toolbar {
  margin: 0 0 2rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 4rem;
}
.toolbar__filters {
  width: 100%;
  height: 4rem;
  box-shadow: 0 0.1rem 0.4rem rgba(22, 24, 26, 0.13);
  border-radius: 4px;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #1F2122;
}
.theme-light .toolbar__filters {
  background: #EEEFF0;
}
.theme-dark .toolbar__filters {
  background: #16181A;
}
.toolbar__filters > * {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.toolbar__filters .filter-icon {
  width: 4rem;
  position: relative;
  display: block;
  height: 100%;
}
.toolbar__filters .filter-icon:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.toolbar__filters .fields {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.toolbar__filters .fields .button {
  margin-left: auto;
}
.toolbar__filters app-select-field,
.toolbar__filters app-input-field {
  height: 4rem;
}
.toolbar__filters .field {
  margin: 0 1rem 0 0;
  padding-left: 1rem;
  max-width: 12rem;
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.theme-light .toolbar__filters .field {
  border-right: 2px solid #FFFFFF;
}
.theme-dark .toolbar__filters .field {
  border-right: 2px solid #26282A;
}
.toolbar__filters .field--select:after {
  bottom: 1.8rem;
}
.theme-light .toolbar__filters .field--select:after {
  border-top: 0.4rem solid #16181A;
}
.theme-dark .toolbar__filters .field--select:after {
  border-top: 0.4rem solid #FFFFFF;
}
.toolbar__filters .field select, .toolbar__filters .field input {
  height: 4rem;
  background: transparent;
  border: 0;
  margin: 0;
}
.theme-light .toolbar__filters .field select, .theme-light .toolbar__filters .field input {
  color: #16181A;
}
.theme-light .toolbar__filters .field select::-moz-placeholder, .theme-light .toolbar__filters .field input::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .toolbar__filters .field select:focus::-moz-placeholder, .theme-light .toolbar__filters .field input:focus::-moz-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-light .toolbar__filters .field select:-ms-input-placeholder, .theme-light .toolbar__filters .field input:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .toolbar__filters .field select:focus:-ms-input-placeholder, .theme-light .toolbar__filters .field input:focus:-ms-input-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-light .toolbar__filters .field select::-webkit-input-placeholder, .theme-light .toolbar__filters .field input::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .toolbar__filters .field select:focus::-webkit-input-placeholder, .theme-light .toolbar__filters .field input:focus::-webkit-input-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-dark .toolbar__filters .field select, .theme-dark .toolbar__filters .field input {
  color: #FFFFFF;
}
.theme-dark .toolbar__filters .field select::-moz-placeholder, .theme-dark .toolbar__filters .field input::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .toolbar__filters .field select:focus::-moz-placeholder, .theme-dark .toolbar__filters .field input:focus::-moz-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.theme-dark .toolbar__filters .field select:-ms-input-placeholder, .theme-dark .toolbar__filters .field input:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .toolbar__filters .field select:focus:-ms-input-placeholder, .theme-dark .toolbar__filters .field input:focus:-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.theme-dark .toolbar__filters .field select::-webkit-input-placeholder, .theme-dark .toolbar__filters .field input::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .toolbar__filters .field select:focus::-webkit-input-placeholder, .theme-dark .toolbar__filters .field input:focus::-webkit-input-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.toolbar__filters .field--calendar {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  max-width: 33rem;
}
.toolbar__filters .field--ngSelect {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  max-width: 33rem;
}
.toolbar__filters .field--ngSelect .ng-select {
  min-width: 10rem;
}
.toolbar__filters .field--ngSelect .ng-select .ng-select-container {
  height: 4rem;
  background: transparent;
  border: 0;
}
.theme-light .toolbar__filters .field--ngSelect .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #16181A transparent transparent !important;
}
.theme-dark .toolbar__filters .field--ngSelect .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #FFFFFF transparent transparent !important;
}
.toolbar__title h3 {
  margin-bottom: 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2rem;
}
.toolbar__actions {
  padding-left: 2rem;
  margin-left: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.toolbar__actions a:last-of-type {
  margin-left: 1rem;
}
.toolbar__actions .field {
  margin-bottom: 0;
}
.toolbar__actions .field--radio {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.toolbar__actions .field--radio input {
  display: none;
  position: absolute;
  left: -99999px;
}
.toolbar__actions .field--radio input:checked + label {
  background: #0B91F9;
  color: #FFFFFF !important;
  border: 0.1rem solid #0B91F9;
}
.toolbar__actions .field--radio label {
  padding: 0.8rem 1rem;
  text-transform: none;
  margin: 0;
  cursor: pointer;
  border: 0.1rem solid #0B91F9;
}
@media (min-width: 888px) {
  .toolbar__actions .field--radio label {
    padding: 0.8rem 2.2rem;
  }
}
.theme-dark .toolbar__actions .field--radio label {
  color: #C7C7C7;
}
.toolbar__actions .field--radio label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.toolbar__actions .field--radio label:last-of-type {
  border-radius: 0 4px 4px 0;
}
.toolbar__actions .field--radio label:hover {
  border: 0.1rem solid #0B91F9;
  color: #0B91F9 !important;
}
.toolbar__actions .field--calendar {
  margin-left: 2rem;
  display: none;
}
@media (min-width: 888px) {
  .toolbar__actions .field--calendar {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
}
.toolbar__actions .field--calendar label {
  padding: 0.8rem 2.2rem;
  text-transform: none;
  margin: 0;
  cursor: pointer;
  background: #505253;
  border-radius: 4px 0 0 4px;
  white-space: nowrap;
}
.theme-light .toolbar__actions .field--calendar label {
  background: 0.1rem #C7C7C7;
}
.theme-dark .toolbar__actions .field--calendar label {
  background: 0.1rem #505253;
}
.theme-dark .toolbar__actions .field--calendar label {
  color: #C7C7C7;
}
.toolbar__actions .field--calendar label:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.toolbar__actions .field--calendar input {
  height: 4rem;
  margin: 0;
  border-radius: 0 4px 4px 0;
  background: transparent;
}
.theme-light .toolbar__actions .field--calendar input {
  border: 0.1rem solid #C7C7C7;
}
.theme-dark .toolbar__actions .field--calendar input {
  border: 0.1rem solid #505253;
}
.theme-light .toolbar__actions .field--calendar input {
  border: 0.1rem solid #C7C7C7;
}
.toolbar__actions app-data-filter {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin-right: 1.6rem;
}
.filter {
  margin: 0 0 3.2rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 4rem;
}
.theme-light .filter {
  background: #FFFFFF;
}
.theme-dark .filter {
  background: #26282A;
}
.filter .filter__icon {
  width: 4rem;
  position: relative;
  display: block;
  height: 100%;
}
.filter .filter__icon:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.filter .fields {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
.filter .field,
.filter app-select-field,
.filter app-input-field {
  margin: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-right: 1rem;
}
.filter .field label,
.filter app-select-field label,
.filter app-input-field label {
  margin-right: 1rem;
  text-transform: inherit;
}
.filter .field--select:after, .filter app-select-field--select:after, .filter app-input-field--select:after {
  bottom: 1.8rem;
}
.theme-light .filter .field--select:after,
.theme-light .filter app-select-field--select:after,
.theme-light .filter app-input-field--select:after {
  border-top: 0.4rem solid #16181A;
}
.theme-dark .filter .field--select:after, .theme-dark .filter app-select-field--select:after, .theme-dark .filter app-input-field--select:after {
  border-top: 0.4rem solid #FFFFFF;
}
.filter .field select, .filter .field input, .filter app-select-field select, .filter app-select-field input, .filter app-input-field select, .filter app-input-field input {
  height: 3.3rem;
  border: 0;
}
.theme-light .filter .field select, .theme-light .filter .field input,
.theme-light .filter app-select-field select,
.theme-light .filter app-select-field input,
.theme-light .filter app-input-field select,
.theme-light .filter app-input-field input {
  color: #16181A;
  background: #EEEFF0;
}
.theme-light .filter .field select::-moz-placeholder, .theme-light .filter .field input::-moz-placeholder,
.theme-light .filter app-select-field select::-moz-placeholder,
.theme-light .filter app-select-field input::-moz-placeholder,
.theme-light .filter app-input-field select::-moz-placeholder,
.theme-light .filter app-input-field input::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .filter .field select:focus::-moz-placeholder, .theme-light .filter .field input:focus::-moz-placeholder,
.theme-light .filter app-select-field select:focus::-moz-placeholder,
.theme-light .filter app-select-field input:focus::-moz-placeholder,
.theme-light .filter app-input-field select:focus::-moz-placeholder,
.theme-light .filter app-input-field input:focus::-moz-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-light .filter .field select:-ms-input-placeholder, .theme-light .filter .field input:-ms-input-placeholder,
.theme-light .filter app-select-field select:-ms-input-placeholder,
.theme-light .filter app-select-field input:-ms-input-placeholder,
.theme-light .filter app-input-field select:-ms-input-placeholder,
.theme-light .filter app-input-field input:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .filter .field select:focus:-ms-input-placeholder, .theme-light .filter .field input:focus:-ms-input-placeholder,
.theme-light .filter app-select-field select:focus:-ms-input-placeholder,
.theme-light .filter app-select-field input:focus:-ms-input-placeholder,
.theme-light .filter app-input-field select:focus:-ms-input-placeholder,
.theme-light .filter app-input-field input:focus:-ms-input-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-light .filter .field select::-webkit-input-placeholder, .theme-light .filter .field input::-webkit-input-placeholder,
.theme-light .filter app-select-field select::-webkit-input-placeholder,
.theme-light .filter app-select-field input::-webkit-input-placeholder,
.theme-light .filter app-input-field select::-webkit-input-placeholder,
.theme-light .filter app-input-field input::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .filter .field select:focus::-webkit-input-placeholder, .theme-light .filter .field input:focus::-webkit-input-placeholder,
.theme-light .filter app-select-field select:focus::-webkit-input-placeholder,
.theme-light .filter app-select-field input:focus::-webkit-input-placeholder,
.theme-light .filter app-input-field select:focus::-webkit-input-placeholder,
.theme-light .filter app-input-field input:focus::-webkit-input-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-dark .filter .field select, .theme-dark .filter .field input, .theme-dark .filter app-select-field select, .theme-dark .filter app-select-field input, .theme-dark .filter app-input-field select, .theme-dark .filter app-input-field input {
  color: #FFFFFF;
  background: #505253;
}
.theme-dark .filter .field select::-moz-placeholder, .theme-dark .filter .field input::-moz-placeholder, .theme-dark .filter app-select-field select::-moz-placeholder, .theme-dark .filter app-select-field input::-moz-placeholder, .theme-dark .filter app-input-field select::-moz-placeholder, .theme-dark .filter app-input-field input::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .filter .field select:focus::-moz-placeholder, .theme-dark .filter .field input:focus::-moz-placeholder, .theme-dark .filter app-select-field select:focus::-moz-placeholder, .theme-dark .filter app-select-field input:focus::-moz-placeholder, .theme-dark .filter app-input-field select:focus::-moz-placeholder, .theme-dark .filter app-input-field input:focus::-moz-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.theme-dark .filter .field select:-ms-input-placeholder, .theme-dark .filter .field input:-ms-input-placeholder, .theme-dark .filter app-select-field select:-ms-input-placeholder, .theme-dark .filter app-select-field input:-ms-input-placeholder, .theme-dark .filter app-input-field select:-ms-input-placeholder, .theme-dark .filter app-input-field input:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .filter .field select:focus:-ms-input-placeholder, .theme-dark .filter .field input:focus:-ms-input-placeholder, .theme-dark .filter app-select-field select:focus:-ms-input-placeholder, .theme-dark .filter app-select-field input:focus:-ms-input-placeholder, .theme-dark .filter app-input-field select:focus:-ms-input-placeholder, .theme-dark .filter app-input-field input:focus:-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.theme-dark .filter .field select::-webkit-input-placeholder, .theme-dark .filter .field input::-webkit-input-placeholder, .theme-dark .filter app-select-field select::-webkit-input-placeholder, .theme-dark .filter app-select-field input::-webkit-input-placeholder, .theme-dark .filter app-input-field select::-webkit-input-placeholder, .theme-dark .filter app-input-field input::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .filter .field select:focus::-webkit-input-placeholder, .theme-dark .filter .field input:focus::-webkit-input-placeholder, .theme-dark .filter app-select-field select:focus::-webkit-input-placeholder, .theme-dark .filter app-select-field input:focus::-webkit-input-placeholder, .theme-dark .filter app-input-field select:focus::-webkit-input-placeholder, .theme-dark .filter app-input-field input:focus::-webkit-input-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.filter .field .button,
.filter app-select-field .button,
.filter app-input-field .button {
  min-width: inherit;
}
.filter .field--select:before {
  bottom: 0;
}
.pagination {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.pagination .results {
  margin-right: 2rem;
  display: none;
}
@media (min-width: 888px) {
  .pagination .results {
    display: block;
  }
}
.pagination .go-to {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  white-space: nowrap;
  display: none;
}
@media (min-width: 888px) {
  .pagination .go-to {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
}
.pagination .go-to input {
  height: 3.6rem;
  width: 4.4rem;
  margin-left: 1rem;
}
.pagination .pages {
  margin-left: 2rem;
}
.pagination .pages ul {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin: 0;
  padding: 0;
}
.pagination .pages ul li {
  margin: 0;
  padding: 0;
}
.pagination .pages ul li:not(.navigation) a, .pagination .pages ul li:not(.navigation) span {
  width: 2.6rem;
  display: block;
  text-align: center;
}
.theme-light .pagination .pages ul li:not(.navigation) a {
  color: #5c656d;
}
.theme-dark .pagination .pages ul li:not(.navigation) a {
  color: #b3b3b3;
}
.pagination .pages ul li:not(.navigation) span {
  background: #0B91F9;
  color: #FFFFFF;
  border-radius: 4px;
}
.pagination .pages ul li.navigation--left a:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.pagination .pages ul li.navigation--right a:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
div.spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
}
.theme-light div.spinner {
  background: rgba(255, 255, 255, 0.7);
}
.theme-dark div.spinner {
  background: rgba(22, 24, 26, 0.7);
}
div.spinner .socket {
  width: 20rem;
  height: 20rem;
  position: absolute;
  left: 50%;
  margin-left: -10rem;
  top: 50%;
  margin-top: -10rem;
}
div.spinner .socket .gel {
  height: 3rem;
  width: 3rem;
  transition: all 0.3s;
  position: absolute;
  top: 50%;
  left: 50%;
}
div.spinner .socket .gel.center-gel {
  margin-left: -15px;
  margin-top: -15px;
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
div.spinner .socket .gel.c1 {
  margin-left: -4.7rem;
  margin-top: -1.5rem;
}
div.spinner .socket .gel.c2 {
  margin-left: -3.1rem;
  margin-top: -4.3rem;
}
div.spinner .socket .gel.c3 {
  margin-left: 0.1rem;
  margin-top: -4.3rem;
}
div.spinner .socket .gel.c4 {
  margin-left: 1.7rem;
  margin-top: -1.5rem;
}
div.spinner .socket .gel.c5 {
  margin-left: -3.1rem;
  margin-top: 1.3rem;
}
div.spinner .socket .gel.c6 {
  margin-left: 0.1rem;
  margin-top: 1.3rem;
}
div.spinner .socket .gel.c7 {
  margin-left: -6.3rem;
  margin-top: -4.3rem;
}
div.spinner .socket .gel.c8 {
  margin-left: 3.3rem;
  margin-top: -4.3rem;
}
div.spinner .socket .gel.c9 {
  margin-left: -1.5rem;
  margin-top: 4.1rem;
}
div.spinner .socket .gel.c10 {
  margin-left: -6.3rem;
  margin-top: 1.3rem;
}
div.spinner .socket .gel.c11 {
  margin-left: 3.3rem;
  margin-top: 1.3rem;
}
div.spinner .socket .gel.c12 {
  margin-left: -1.5rem;
  margin-top: -7.1rem;
}
div.spinner .socket .gel.c13 {
  margin-left: -4.7rem;
  margin-top: -7.1rem;
}
div.spinner .socket .gel.c14 {
  margin-left: 1.7rem;
  margin-top: -7.1rem;
}
div.spinner .socket .gel.c15 {
  margin-left: -4.7rem;
  margin-top: 4.1rem;
}
div.spinner .socket .gel.c16 {
  margin-left: 1.7rem;
  margin-top: 4.1rem;
}
div.spinner .socket .gel.c17 {
  margin-left: -7.9rem;
  margin-top: -1.5rem;
}
div.spinner .socket .gel.c18 {
  margin-left: 4.9rem;
  margin-top: -1.5rem;
}
div.spinner .socket .gel.c19 {
  margin-left: -6.3rem;
  margin-top: -9.9rem;
}
div.spinner .socket .gel.c20 {
  margin-left: 3.3rem;
  margin-top: -9.9rem;
}
div.spinner .socket .gel.c21 {
  margin-left: 0.1rem;
  margin-top: -9.9rem;
}
div.spinner .socket .gel.c22 {
  margin-left: -3.1rem;
  margin-top: -9.9rem;
}
div.spinner .socket .gel.c23 {
  margin-left: -6.3rem;
  margin-top: 6.9rem;
}
div.spinner .socket .gel.c24 {
  margin-left: 3.3rem;
  margin-top: 6.9rem;
}
div.spinner .socket .gel.c25 {
  margin-left: 0.1rem;
  margin-top: 6.9rem;
}
div.spinner .socket .gel.c26 {
  margin-left: -3.1rem;
  margin-top: 6.9rem;
}
div.spinner .socket .gel.c27 {
  margin-left: -7.9rem;
  margin-top: -1.5rem;
}
div.spinner .socket .gel.c28 {
  margin-left: -9.5rem;
  margin-top: -4.3rem;
}
div.spinner .socket .gel.c29 {
  margin-left: -9.5rem;
  margin-top: 1.3rem;
}
div.spinner .socket .gel.c30 {
  margin-left: 4.9rem;
  margin-top: 4.1rem;
}
div.spinner .socket .gel.c31 {
  margin-left: -7.9rem;
  margin-top: -7.1rem;
}
div.spinner .socket .gel.c32 {
  margin-left: -11.1rem;
  margin-top: -1.5rem;
}
div.spinner .socket .gel.c33 {
  margin-left: 6.5rem;
  margin-top: -4.3rem;
}
div.spinner .socket .gel.c34 {
  margin-left: 6.5rem;
  margin-top: 1.3rem;
}
div.spinner .socket .gel.c35 {
  margin-left: -7.9rem;
  margin-top: 4.1rem;
}
div.spinner .socket .gel.c36 {
  margin-left: 4.9rem;
  margin-top: -7.1rem;
}
div.spinner .socket .gel.c37 {
  margin-left: 8.1rem;
  margin-top: -1.5rem;
}
div.spinner .socket .gel.r1 {
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.2s;
}
div.spinner .socket .gel.r2 {
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.4s;
}
div.spinner .socket .gel.r3 {
  animation-name: pulse;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.6s;
}
div.spinner .socket .gel.r1 > .hex-brick {
  animation-name: fade;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.2s;
}
div.spinner .socket .gel.r2 > .hex-brick {
  animation-name: fade;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.4s;
}
div.spinner .socket .gel.r3 > .hex-brick {
  animation-name: fade;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-delay: 0.6s;
}
div.spinner .socket .gel .hex-brick {
  width: 3rem;
  height: 1.7rem;
  position: absolute;
  top: 0.5rem;
  animation-name: fade;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
div.spinner .socket .gel .hex-brick.h2 {
  transform: rotate(60deg);
}
div.spinner .socket .gel .hex-brick.h3 {
  transform: rotate(-60deg);
}
@keyframes pulse {
  0% {
    transform: scale(0.01);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.01);
  }
}
@keyframes fade {
  0% {
    background: #0B91F9;
  }
  50% {
    background: #0a91f9;
  }
  100% {
    background: #0B91F9;
  }
}
.scroll {
  position: relative;
}
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}
/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}
.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}
.ps__rail-x:hover,
.ps__rail-y:hover,
.ps__rail-x:focus,
.ps__rail-y:focus {
  background-color: #eee;
  opacity: 0.9;
}
/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x {
  background-color: #999;
  height: 11px;
}
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y {
  background-color: #999;
  width: 11px;
}
/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}
.owl-dt-container {
  width: 30rem !important;
}
.theme-light .owl-dt-container {
  background: #FFFFFF;
}
.theme-dark .owl-dt-container {
  background: #16181A;
}
.owl-dt-container .owl-dt-calendar {
  height: auto !important;
}
.theme-light .owl-dt-container .owl-dt-calendar .owl-dt-calendar-control {
  color: #16181A;
}
.theme-dark .owl-dt-container .owl-dt-calendar .owl-dt-calendar-control {
  color: #FFFFFF;
}
.owl-dt-container .owl-dt-calendar .owl-dt-calendar-control button {
  min-height: inherit;
  box-shadow: none;
  background: transparent;
  height: auto !important;
  min-width: inherit;
}
.owl-dt-container .owl-dt-calendar .owl-dt-calendar-control button:not(:disabled):hover {
  border: 0;
  color: #0B91F9;
}
.owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-multi-year-view button {
  min-height: inherit;
  box-shadow: none;
  background: transparent;
  height: auto !important;
  min-width: inherit;
}
.owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table thead.owl-dt-calendar-header tr.owl-dt-weekdays th {
  padding: 0.4rem;
}
.owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table tbody tr td {
  background: transparent;
}
.owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table tbody tr .owl-dt-calendar-cell-selected {
  background: #0B91F9;
}
.owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table tbody tr .owl-dt-calendar-cell-in-range {
  background: transparent;
}
.theme-light .owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table tbody tr .owl-dt-calendar-cell {
  color: #16181A;
}
.theme-dark .owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table tbody tr .owl-dt-calendar-cell {
  color: #FFFFFF;
}
.owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table tbody tr .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected) {
  border-color: #0B91F9;
}
.owl-dt-container-info {
  display: none;
}
.info-tab {
  background: #16181A;
  box-shadow: 0 0.1rem 0.1rem rgba(22, 24, 26, 0.15), 0 0.2rem 0.2rem rgba(22, 24, 26, 0.15), 0 0.4rem 0.4rem rgba(22, 24, 26, 0.15), 0 0.8rem 0.8rem rgba(22, 24, 26, 0.15);
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  overflow: auto;
}
.theme-light .info-tab {
  background: #EEEFF0;
}
.theme-dark .info-tab {
  background: #16181A;
}
.info-tab .item {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  height: 5rem;
  padding: 0 1rem;
  width: 100%;
  position: relative;
}
@media (min-width: 888px) {
  .info-tab .item {
    height: 8rem;
  }
}
@media (max-height: 790px) {
  .info-tab .item {
    height: 7rem;
  }
}
.info-tab .item:before {
  content: '';
  position: absolute;
  bottom: 0;
  height: .3rem;
  width: 100%;
}
.info-tab .item.error:before {
  background: #FF5B5D;
}
.info-tab .item.success:before {
  background: #2BB54D;
}
.theme-light .info-tab .item {
  border-right: 0.1rem solid #C7C7C7;
}
.theme-dark .info-tab .item {
  border-right: 0.1rem solid #505253;
}
.info-tab .item .icon:before {
  font-size: 2rem;
  margin-right: 0;
}
@media (min-width: 888px) {
  .info-tab .item .icon:before {
    font-size: 2.2rem;
  }
}
.theme-light .info-tab .item .icon:before {
  color: #16181A;
}
.theme-dark .info-tab .item .icon:before {
  color: #FFFFFF;
}
.info-tab .item .info + .icon {
  padding-left: 1rem;
}
.info-tab .item .icon + .info {
  padding-left: 1rem;
}
.info-tab .item .info {
  line-height: 1.4rem;
}
@media (min-width: 888px) {
  .info-tab .item .info {
    line-height: 2;
  }
}
.info-tab .item .info span {
  display: block;
}
.info-tab .item .info span.number {
  font-size: 1.8rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
}
.theme-light .info-tab .item .info span.number {
  color: #16181A;
}
.theme-dark .info-tab .item .info span.number {
  color: #FFFFFF;
}
@media (min-width: 888px) {
  .info-tab .item .info span.number {
    font-size: 2.2rem;
    line-height: 2rem;
  }
}
.info-tab .item .info span.text {
  font-size: 1.2rem;
  white-space: nowrap;
}
@media (min-width: 888px) {
  .info-tab .item .info span.text {
    font-size: 1.3rem;
    line-height: 2rem;
  }
}
.chart-container {
  height: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  min-height: 50rem;
}
@media (min-width: 888px) {
  .chart-container {
    height: 100%;
    -moz-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-height: 790px) {
  .chart-container {
    min-height: 40rem;
  }
}
@media (max-height: 700px) {
  .chart-container {
    margin-bottom: 2rem;
  }
}
.chart-container__menu {
  width: 100%;
  padding: 0;
  margin-top: 2rem;
  margin-bottom: 4rem;
  position: relative;
  z-index: 90;
}
@media (min-width: 888px) {
  .chart-container__menu {
    margin-right: 1.6rem;
    width: 26.5rem;
    min-width: 21rem;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.chart-container__menu .title {
  background: #16181A;
  padding: 2.4rem 3.2rem;
  color: #FFFFFF;
}
@media (max-height: 750px) and (min-width: 890px) {
  .chart-container__menu .title {
    padding: 1.2rem 2rem;
  }
}
@media (max-height: 780px) {
  .chart-container__menu .title {
    display: none;
  }
}
.chart-container__menu ul {
  padding: 0;
  margin: 0;
  height: 20rem;
  overflow: auto;
  position: absolute;
  width: 100%;
  box-shadow: 0 0.1rem 0.4rem rgba(22, 24, 26, 0.45);
}
.theme-light .chart-container__menu ul {
  background: #FFFFFF;
}
.theme-dark .chart-container__menu ul {
  background: #26282A;
}
@media (min-width: 888px) {
  .chart-container__menu ul {
    height: calc(100% - 7rem);
    display: block !important;
    position: relative;
    box-shadow: none;
    background: none;
  }
}
@media (max-height: 750px) and (min-width: 890px) {
  .chart-container__menu ul {
    height: calc(100% - 4.5rem);
  }
}
@media (max-height: 780px) {
  .chart-container__menu ul {
    height: 100%;
  }
}
.chart-container__menu ul.list-hide {
  display: none;
}
.chart-container__menu ul li {
  padding: 0;
  margin: 0;
}
.chart-container__menu ul li:last-of-type a {
  border-bottom: 0;
}
.chart-container__menu ul li.active a {
  background: #0B91F9;
  color: #FFFFFF !important;
}
.chart-container__menu ul li a:hover {
  background: #0B91F9;
}
.theme-light .chart-container__menu ul li a:hover {
  color: #FFFFFF !important;
}
.theme-dark .chart-container__menu ul li a:hover {
  color: #FFFFFF !important;
}
.chart-container__menu ul li a {
  display: block;
  padding: 1.92rem 3.2rem;
  border-bottom: 0.1rem solid #505253;
}
.theme-light .chart-container__menu ul li a {
  color: #16181A;
  border-bottom: 0.1rem solid #C7C7C7;
}
.theme-dark .chart-container__menu ul li a {
  color: #FFFFFF;
  border-bottom: 0.1rem solid #505253;
}
@media (max-height: 780px) and (min-width: 890px) {
  .chart-container__menu ul li a {
    padding: 1.2rem 2rem;
  }
}
.chart-container__chart {
  width: 100%;
  height: 50rem;
  padding: 1.6rem;
}
@media (min-width: 888px) {
  .chart-container__chart {
    height: 100%;
    padding: 3.2rem;
  }
}
@media (max-height: 780px) {
  .chart-container__chart {
    padding: 2rem;
  }
}
.chart-container__chart header {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-flex-direction: row;
  flex-direction: row;
}
.chart-container__chart header h3 {
  padding-right: 0;
  margin-bottom: 0;
}
@media (max-width: 1440px) {
  .chart-container__chart header h3 {
    display: none;
  }
}
.chart-container__chart header h3 span {
  display: none;
}
.chart-container__chart header h3 span:first-of-type {
  display: block;
}
@media (max-width: 1150px) {
  .chart-container__chart header h3 {
    display: block;
    width: 100%;
  }

  .chart-container__chart header h3 span {
    display: inline-block;
  }

  .chart-container__chart header h3 span:first-of-type {
    display: none;
  }
}
.chart-container__chart header .actions {
  margin-left: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: row;
  flex-direction: row;
}
@media (max-width: 1440px) {
  .chart-container__chart header .actions {
    margin-left: 0;
    width: 100%;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
}
@media (max-width: 1150px) {
  .chart-container__chart header .actions {
    margin-left: auto;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    justify-content: flex-end;
  }
}
.chart-container__chart header .actions .field {
  margin-bottom: 0;
}
@media (min-width: 888px) and (max-width: 1150px) {
  .chart-container__chart header .actions .field {
    margin-bottom: 1rem;
  }
}
.chart-container__chart header .actions .field--radio {
  display: none;
  min-height: inherit;
}
@media (min-width: 888px) {
  .chart-container__chart header .actions .field--radio {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
}
@media (max-width: 1150px) {
  .chart-container__chart header .actions .field--radio {
    display: none;
  }
}
.chart-container__chart header .actions .field--radio input {
  display: none;
  position: absolute;
  left: -99999px;
}
.chart-container__chart header .actions .field--radio input:checked + label {
  background: #0B91F9;
  color: #FFFFFF !important;
  border: 0.1rem solid #0B91F9;
}
.chart-container__chart header .actions .field--radio label {
  padding: 0.8rem 1rem;
  text-transform: none;
  margin: 0;
  cursor: pointer;
  border: 0.1rem solid #0B91F9;
  white-space: nowrap;
}
.chart-container__chart header .actions .field--radio label:before, .chart-container__chart header .actions .field--radio label:after {
  display: none !important;
}
@media (min-width: 888px) {
  .chart-container__chart header .actions .field--radio label {
    padding: 0.8rem 2.2rem;
  }
}
@media (max-height: 780px) {
  .chart-container__chart header .actions .field--radio label {
    padding: 0.4rem 1rem;
  }
}
.theme-dark .chart-container__chart header .actions .field--radio label {
  color: #C7C7C7;
}
.chart-container__chart header .actions .field--radio label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.chart-container__chart header .actions .field--radio label:last-of-type {
  border-radius: 0 4px 4px 0;
}
.chart-container__chart header .actions .field--radio label:hover {
  border: 0.1rem solid #0B91F9;
  color: #0B91F9 !important;
}
.chart-container__chart header .actions .field--calendar {
  margin-left: 2rem;
  display: none;
}
@media (min-width: 888px) {
  .chart-container__chart header .actions .field--calendar {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
}
@media (max-width: 1150px) {
  .chart-container__chart header .actions .field--calendar {
    display: none;
  }
}
.chart-container__chart header .actions .field--calendar label {
  padding: 0.8rem 2.2rem;
  text-transform: none;
  margin: 0;
  cursor: pointer;
  background: #505253;
  border-radius: 4px 0 0 4px;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.theme-light .chart-container__chart header .actions .field--calendar label {
  background: 0.1rem #C7C7C7;
}
.theme-dark .chart-container__chart header .actions .field--calendar label {
  background: 0.1rem #505253;
}
@media (max-height: 780px) {
  .chart-container__chart header .actions .field--calendar label {
    padding: 0.4rem 2.2rem;
  }
}
.theme-dark .chart-container__chart header .actions .field--calendar label {
  color: #C7C7C7;
}
.chart-container__chart header .actions .field--calendar label:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.chart-container__chart header .actions .field--calendar input {
  height: 4rem;
  margin: 0;
  border-radius: 0 4px 4px 0;
  background: transparent;
  min-width: 22rem;
}
.theme-light .chart-container__chart header .actions .field--calendar input {
  border: 0.1rem solid #C7C7C7;
}
.theme-dark .chart-container__chart header .actions .field--calendar input {
  border: 0.1rem solid #505253;
}
@media (max-height: 780px) {
  .chart-container__chart header .actions .field--calendar input {
    height: 3rem;
  }
}
.theme-light .chart-container__chart header .actions .field--calendar input {
  border: 0.1rem solid #C7C7C7;
}
.chart-container__chart header .actions .icon {
  width: 3rem;
  height: 3rem;
  border-radius: 4px;
  background: #0B91F9;
  margin-left: 0.5rem;
  position: relative;
  display: none;
}
.chart-container__chart header .actions .icon:before {
  color: #FFFFFF;
}
@media (max-width: 1150px) {
  .chart-container__chart header .actions .icon {
    display: inline-block;
  }
}
.chart-container__chart .chart-subheader {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin-top: 1rem;
  -moz-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 888px) {
  .chart-container__chart .chart-subheader {
    margin-top: 2rem;
  }
}
@media (max-width: 1150px) {
  .chart-container__chart .chart-subheader {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 888px) {
  .chart-container__chart .chart-subheader {
    -moz-flex-direction: row;
    flex-direction: row;
  }
}
.chart-container__chart .chart-subheader__left {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: left;
  -ms-justify-content: left;
  justify-content: left;
}
@media (min-width: 1150px) and (max-width: 1150px) {
  .chart-container__chart .chart-subheader__left {
    -moz-justify-content: center;
    -ms-justify-content: center;
    justify-content: center;
  }
}
.chart-container__chart .chart-subheader__left .chart-label {
  padding-left: 2.5rem;
  position: relative;
  margin-right: 1rem;
}
.chart-container__chart .chart-subheader__left .chart-label:before {
  content: '';
  width: 1.8rem;
  height: 1.8rem;
  display: block;
  position: absolute;
  left: 0;
  background: #505253;
  top: .2rem;
  border-radius: 4px;
}
.chart-container__chart .chart-subheader__left .chart-label--1:before {
  background: #FA1284;
}
.chart-container__chart .chart-subheader__left .chart-label--2:before {
  background: #FFDC0C;
}
.chart-container__chart .chart-subheader__left .chart-label--3:before {
  background: #94FE00;
}
.chart-container__chart .chart-subheader__left .chart-label--4:before {
  background: #3406F8;
}
.chart-container__chart .chart-subheader__left .chart-label--average:before {
  background: #0B91F9;
}
.chart-container__chart .chart-subheader__left .chart-label--default:before {
  background: #CBECE1;
}
.theme-light .chart-container__chart .chart-subheader__left .chart-label--fill:before, .theme-light .chart-container__chart .chart-subheader__left .chart-label--half-fill:before {
  border: 0.1rem solid rgba(22, 24, 26, 0.5);
  background: transparent;
}
.theme-dark .chart-container__chart .chart-subheader__left .chart-label--fill:before, .theme-dark .chart-container__chart .chart-subheader__left .chart-label--half-fill:before {
  border: 0.1rem solid rgba(255, 255, 255, 0.5);
  background: transparent;
}
.chart-container__chart .chart-subheader__left .chart-label--fill:after, .chart-container__chart .chart-subheader__left .chart-label--half-fill:after {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  position: absolute;
  left: .3rem;
  top: .5rem;
  border-radius: 4px;
}
.theme-light .chart-container__chart .chart-subheader__left .chart-label--fill:after, .theme-light .chart-container__chart .chart-subheader__left .chart-label--half-fill:after {
  background: rgba(22, 24, 26, 0.5);
}
.theme-dark .chart-container__chart .chart-subheader__left .chart-label--fill:after, .theme-dark .chart-container__chart .chart-subheader__left .chart-label--half-fill:after {
  background: rgba(255, 255, 255, 0.5);
}
.theme-light .chart-container__chart .chart-subheader__left .chart-label--half-fill:after {
  background: rgba(22, 24, 26, 0.1);
}
.theme-dark .chart-container__chart .chart-subheader__left .chart-label--half-fill:after {
  background: rgba(255, 255, 255, 0.1);
}
.chart-container__chart .chart-subheader__right {
  margin-top: 2rem;
}
@media (min-width: 888px) {
  .chart-container__chart .chart-subheader__right {
    margin-left: auto;
    margin-top: 0;
  }
}
@media (min-width: 888px) and (max-width: 1150px) {
  .chart-container__chart .chart-subheader__right {
    margin-left: 0;
    margin-top: 1rem;
  }
}
.chart-container__chart .chart-subheader__right .field--product {
  flex-wrap: wrap;
  display: none;
}
@media (min-width: 888px) {
  .chart-container__chart .chart-subheader__right .field--product {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: nowrap;
  }
}
@media (max-width: 1150px) {
  .chart-container__chart .chart-subheader__right .field--product {
    display: none;
  }
}
.chart-container__chart .chart-subheader__right .field--product input {
  display: none;
  position: absolute;
  left: -99999px;
}
.chart-container__chart .chart-subheader__right .field--product input:checked + label:after {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  left: 0.2rem;
  font-size: 2rem;
  bottom: 0;
}
.theme-light .chart-container__chart .chart-subheader__right .field--product input:checked + label:after {
  color: #16181A;
}
.theme-dark .chart-container__chart .chart-subheader__right .field--product input:checked + label:after {
  color: #FFFFFF;
}
.chart-container__chart .chart-subheader__right .field--product label {
  text-transform: none;
  margin: 0;
  cursor: pointer;
  position: relative;
  padding-left: 2.5rem;
  margin-right: 1rem;
  white-space: nowrap;
}
.theme-light .chart-container__chart .chart-subheader__right .field--product label {
  color: #16181A;
}
.theme-dark .chart-container__chart .chart-subheader__right .field--product label {
  color: #FFFFFF;
}
.chart-container__chart .chart-subheader__right .field--product label:first-of-type {
  padding-left: 0;
  width: 100%;
}
@media (min-width: 888px) {
  .chart-container__chart .chart-subheader__right .field--product label:first-of-type {
    width: auto;
  }
}
.chart-container__chart .chart-subheader__right .field--product label:first-of-type:before {
  display: none;
}
.chart-container__chart .chart-subheader__right .field--product label span {
  content: '';
  position: absolute;
  left: 0;
  border: 0.1rem solid #FFFFFF;
  border-radius: 4px;
  width: 1.8rem;
  height: 1.8rem;
}
.chart-container__chart .chart-subheader__right .field--product label.product--1:before {
  background: #FA1284;
}
.chart-container__chart .chart-subheader__right .field--product label.product--2:before {
  background: #FFDC0C;
}
.chart-container__chart .chart-subheader__right .field--product label.product--3:before {
  background: #94FE00;
}
.chart-container__chart .chart-subheader__right .field--product label.product--4:before {
  background: #3406F8;
}
.chart-container__chart .canvas-container {
  height: calc(100% - 9rem);
}
@media (min-width: 888px) and (max-width: 1150px) {
  .chart-container__chart .canvas-container {
    height: calc(100% - 5rem);
  }
}
@media (max-height: 750px) and (min-width: 1150px) {
  .chart-container__chart .canvas-container {
    height: calc(100% - 11rem);
  }
}
.trigger {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 24px;
  transform: scale(0.7);
  cursor: pointer;
}
@media (min-width: 888px) {
  .trigger {
    display: none;
  }
}
.trigger .trigger-inner {
  top: 50%;
  display: block;
  margin-top: -2px;
}
.trigger .trigger-inner, .trigger .trigger-inner:after, .trigger .trigger-inner:before {
  position: absolute;
  width: 40px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: transform;
  border-radius: 4px;
  background-color: #fff;
}
.trigger .trigger-inner:after, .trigger .trigger-inner:before {
  display: block;
  content: "";
}
.trigger .trigger-inner:before {
  top: -10px;
}
.trigger .trigger-inner:after {
  bottom: -10px;
}
.menu-open .trigger-inner:before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.menu-open .trigger-inner:after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.chart-trigger {
  position: absolute;
  right: 1rem;
  top: 3rem;
  display: inline-block;
  width: 40px;
  height: 24px;
  transform: scale(0.7);
  cursor: pointer;
}
@media (min-width: 888px) {
  .chart-trigger {
    display: none;
  }
}
.chart-trigger__inner, .chart-trigger .chart-trigger__inner:before, .chart-trigger .chart-trigger__inner:after {
  position: absolute;
  width: 40px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: all;
  border-radius: 4px;
  background-color: #fff;
}
.chart-trigger__inner:before, .chart-trigger__inner:after {
  content: "";
  display: block;
  transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear;
  position: absolute;
  width: 40px;
  height: 4px;
  transition-timing-function: ease;
  transition-duration: .15s;
  transition-property: all;
  border-radius: 4px;
  background-color: #fff;
}
.chart-trigger__inner:before {
  top: -10px;
}
.chart-trigger__inner:after {
  bottom: -10px;
}
.chart-trigger--is-active .chart-trigger__inner:before {
  top: 0;
}
.chart-trigger--is-active .chart-trigger__inner:after {
  bottom: 0;
}
.line-tooltip {
  position: absolute;
  z-index: 99;
  font-size: 1.4rem;
  max-width: 20rem;
  box-shadow: 0 0.1rem 0.4rem rgba(22, 24, 26, 0.2);
  display: none;
  padding: 1rem;
  border-radius: 4px;
}
.theme-light .line-tooltip {
  background: #FFFFFF;
}
.theme-dark .line-tooltip {
  background: #16181A;
}
.line-tooltip:before {
  content: '';
  width: 0;
  height: 0;
  border-left: .5rem solid transparent;
  border-right: .5rem solid transparent;
  border-bottom: 5px solid #2f2f2f;
  position: absolute;
  left: 1rem;
  top: -.5rem;
}
.theme-light .line-tooltip:before {
  border-bottom: 5px solid #FFFFFF;
}
.theme-dark .line-tooltip:before {
  border-bottom: 5px solid #16181A;
}
.drag-and-drop .info {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  background: #505253;
  border-radius: 4px;
  padding: 1rem;
  min-height: 22.5rem;
  margin-bottom: 3rem;
}
.theme-light .drag-and-drop .info {
  background: #C7C7C7;
}
.theme-dark .drag-and-drop .info {
  background: #505253;
}
.drag-and-drop .info ul {
  width: 50%;
  background: #FFFFFF;
  height: 20rem;
  margin: 0;
  border-radius: 4px;
  overflow: auto;
  border: 1px solid #C7C7C7;
}
.drag-and-drop .info ul li {
  padding: 0;
  margin: 0;
}
.drag-and-drop .info ul li.active a, .drag-and-drop .info ul li:hover a {
  background: #0B91F9;
  color: #FFFFFF;
}
.drag-and-drop .info ul li a {
  display: block;
  padding: 0.5rem 1rem;
  color: #16181A;
  border-bottom: 0.1rem solid #EEEFF0;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.drag-and-drop .info table {
  border-collapse: collapse;
  display: table;
  position: relative;
  margin: 0;
  border: 0;
  height: 100%;
  width: 50%;
}
.drag-and-drop .info table tr {
  width: 100%;
  display: inline-table;
  table-layout: fixed;
}
.drag-and-drop .info table thead {
  width: 100%;
}
.drag-and-drop .info table thead th {
  top: 0;
  border-bottom: 0;
  border-top: 0;
  z-index: 2;
  padding: 0.5rem 1rem;
}
.theme-light .drag-and-drop .info table thead th {
  background: #C7C7C7;
}
.theme-dark .drag-and-drop .info table thead th {
  background: #505253;
}
.drag-and-drop .info table tbody {
  overflow-x: hidden !important;
  overflow-y: auto;
  height: 17rem;
  width: 100%;
  position: absolute;
  top: 3.1rem;
  background: #FFFFFF;
}
.drag-and-drop .info table tbody tr.active td,
.drag-and-drop .info table tbody tr:hover td {
  background: #0B91F9 !important;
  color: #FFFFFF !important;
}
.drag-and-drop .info table tbody td {
  background: #FFFFFF;
  color: #16181A;
  padding: 0.5rem 1rem;
  height: inherit;
  font-size: 1.6rem;
  border: 1px solid #C7C7C7;
  border-top: 0;
  cursor: pointer;
}
.drag-and-drop .info .arrows {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  flex-direction: column;
  min-width: 3rem;
}
.weight {
  padding-bottom: 4rem;
  padding-top: 4rem;
}
.weight__lights {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
.weight__lights .light {
  background: #C6CBCE;
  width: 3rem;
  height: 11rem;
  display: block;
  position: relative;
}
.weight__lights .light:first-of-type:before, .weight__lights .light:last-of-type:before {
  display: none;
}
.weight__lights .light:before {
  content: '';
  position: absolute;
  width: 104%;
  top: 50%;
  left: -2%;
  right: 2%;
  transform: translateY(-50%);
  height: 33%;
}
.theme-light .weight__lights .light:before {
  background: #FFFFFF;
}
.theme-dark .weight__lights .light:before {
  background: #26282A;
}
.weight__lights .light--center {
  height: 16rem;
}
.weight__lights .light--center:before {
  display: none;
}
.weight__lights .light--center .preview-weight {
  font-size: 1.9rem;
}
.weight__lights .light--success {
  background: #2BB54D;
}
.weight__lights .light--error {
  background: #F30016;
}
.weight__lights .light--warning {
  background: #F7861D;
}
.weight__lights .light .counter {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.4rem;
}
.weight__lights .light .counter:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.weight__lights .light .counter--right:before {
  left: -1.8rem;
}
.weight__lights .light .counter--left:before {
  right: -1.8rem;
}
.weight__lights .light .counter span {
  font-size: 2rem;
}
.weight__lights .light .counter-circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  width: 7.4rem;
  height: 7.4rem;
  background: #16181A;
  border-radius: 50%;
  border: 5px solid #FFFFFF;
  z-index: 99;
  color: #FFFFFF;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  line-height: 1;
  padding-bottom: .7rem;
}
.weight__lights .light .counter-circle span {
  display: block;
  font-size: 3rem;
}
.weight__lights .light .counter-circle span.text {
  font-size: 1.2rem;
  margin-top: 1rem;
}
.weight__lights .light .counter-circle span.text + span {
  font-size: 2.4rem;
}
.weight__lights .light .actual-weight {
  position: absolute;
  bottom: -5rem;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
}
.weight__lights .light .actual-weight:before {
  position: absolute;
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  top: -1.2rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.weight__lights .light .actual-circle-weight {
  position: absolute;
  bottom: -7rem;
  font-size: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
  width: 7rem;
  height: 7rem;
  background: #16181A;
  border-radius: 50%;
  border: 5px solid #FFFFFF;
  color: #FFFFFF;
  line-height: 6rem;
}
.weight__lights .light .actual-circle-weight:before {
  position: absolute;
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  top: -2rem;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  color: #16181A;
  font-size: 3rem;
}
.weight__lights .light .preview-weight {
  position: absolute;
  bottom: -4.4rem;
  font-size: 1.4rem;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  white-space: nowrap;
}
.weight__lights .light .preview-weight--center {
  position: fixed;
}
.weight__lights .light .value {
  position: absolute;
  bottom: -3rem;
  width: auto;
  left: 50%;
  transform: translateX(-50%);
}
.weight__lights .light .value--center {
  position: fixed;
}
/*
 * Utilities
 */
/*
 * Utility Classes
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.center, .chart-container__chart header .actions .icon:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.full-height {
  height: 100%;
}
.fixed {
  position: fixed;
}
.pointer {
  cursor: pointer;
}
.no-margin {
  margin: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-border {
  border: none !important;
}
.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.custom-disabled {
  opacity: 0.5;
}
.piece {
  background: #2BB54D;
  -webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  height: 3rem;
  width: 3.6rem;
  display: block;
}
.product--disable {
  opacity: 0.6;
}
.link-underline {
  text-decoration: underline;
  text-underline-offset: 0.5rem;
}
.link-underline:hover {
  text-decoration: none;
}
.theme-light .inverse-color, .theme-light .table-simple th a, .table-simple th .theme-light a, .theme-light .table-lined th, .table-lined .theme-light th {
  color: #16181A;
}
.theme-dark .inverse-color, .theme-dark .table-simple th a, .table-simple th .theme-dark a, .theme-dark .table-lined th, .table-lined .theme-dark th {
  color: #FFFFFF;
}
.tags-selected {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  row-gap: 1rem;
}
.tag-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.6rem;
       column-gap: 0.6rem;
}
.tag-group__label {
  font-size: 1.2rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
  margin-right: 0.2rem;
}
.theme-light .tag-group__label {
  color: #16181A;
}
.theme-dark .tag-group__label {
  color: #FFFFFF;
}
.tag-filter {
  display: flex;
  align-items: center;
  padding: 0.3rem 0.5rem;
  -moz-column-gap: 0.6rem;
       column-gap: 0.6rem;
  border-radius: 0.2rem;
}
.theme-light .tag-filter {
  border: #C7C7C7 solid 1px;
  color: #16181A;
}
.theme-dark .tag-filter {
  border: #505253 solid 1px;
  color: #FFFFFF;
}
.tag-filter__name {
  font-size: 1.2rem;
  line-height: 1;
}
.tag-filter__remove {
  cursor: pointer;
}
.tag-filter__remove:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 1.2rem;
}
.clear-link {
  cursor: pointe;
  font-size: 1.6rem;
  color: #0B91F9;
}
.modal--confirmation .field--autocomplete {
  width: 100%;
  margin-top: -2rem;
  margin-bottom: -2rem;
}
.modal--confirmation .field--autocomplete label {
  margin-right: 0 !important;
}
.modal--confirmation .field--autocomplete .field {
  margin-left: 0 !important;
}
.field--autocomplete .ng-select {
  width: 100%;
}
.field--autocomplete .ng-select input {
  height: 3rem;
  margin: 0;
}
/*
 * Visibility
 */
.hide {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
.show {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.visible {
  visibility: visible;
}
.invisible {
  visibility: hidden;
}
.hide-text {
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hide-visually {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
/*
 * Print & Screen
 */
@media print {
  .hidden-print {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media screen {
  .hidden-screen {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
.visible-print {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media print {
  .visible-print {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-screen {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media screen {
  .visible-screen {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/*
 * Hidden Breakpoints
 */
@media (min-width: 1681px) {
  .hidden-xlarge {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (min-width: 1280px) and (max-width: 1680px) {
  .hidden-large {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (min-width: 1280px) {
  .hidden-large-up {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (max-width: 1680px) {
  .hidden-large-down {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .hidden-medium {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (min-width: 1024px) {
  .hidden-medium-up {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (max-width: 1279px) {
  .hidden-medium-down {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (min-width: 888px) and (max-width: 1023px) {
  .hidden-small {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (min-width: 888px) {
  .hidden-small-up {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (max-width: 1023px) {
  .hidden-small-down {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
@media (max-width: 887px) {
  .hidden-xsmall {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
}
/*
 * Visible Breakpoints
 */
.visible-xlarge {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (min-width: 1681px) {
  .visible-xlarge {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-large {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (min-width: 1280px) and (max-width: 1680px) {
  .visible-large {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-large-up {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (min-width: 1280px) {
  .visible-large-up {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-large-down {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (max-width: 1680px) {
  .visible-large-down {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-medium {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .visible-medium {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-medium-up {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (min-width: 1024px) {
  .visible-medium-up {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-medium-down {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (max-width: 1279px) {
  .visible-medium-down {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-small {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (min-width: 888px) and (max-width: 1023px) {
  .visible-small {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-small-up {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (min-width: 888px) {
  .visible-small-up {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-small-down {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (max-width: 1023px) {
  .visible-small-down {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
.visible-xsmall {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}
@media (max-width: 887px) {
  .visible-xsmall {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}
/*
 * Display
 */
.display-block {
  display: block;
}
.display-inline-block {
  display: inline-block;
}
.display-table {
  display: table;
}
.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}
/*
* Position
*/
.position-top-left {
  position: absolute !important;
  top: 0;
  left: 0;
}
.position-top-left.gutter {
  top: 1.6rem;
  left: 1.6rem;
}
.position-top-right {
  position: absolute !important;
  top: 0;
  right: 0;
}
.position-top-right.gutter {
  top: 1.6rem;
  right: 1.6rem;
}
.position-bottom-left {
  position: absolute !important;
  bottom: 0;
  left: 0;
}
.position-bottom-left.gutter {
  bottom: 1.6rem;
  left: 1.6rem;
}
.position-bottom-right {
  position: absolute !important;
  bottom: 0;
  right: 0;
}
.position-bottom-right.gutter {
  bottom: 1.6rem;
  right: 1.6rem;
}
.position-left-center {
  position: absolute !important;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.position-left-center.gutter {
  left: 1.6rem;
}
.position-right-center {
  position: absolute !important;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.position-right-center.gutter {
  right: 1.6rem;
}
.position-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*
 * Flex
 */
.flex {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.flex-inline {
  display: -webkit-flex-inline;
  display: -moz-flex-inline;
  display: -ms-flex-inlinebox;
  display: -ms-flex-inline;
  display: flex-inline;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.flex-row {
  -moz-flex-direction: row;
  flex-direction: row;
}
.flex-column {
  -moz-flex-direction: column;
  flex-direction: column;
}
.flex-1 {
  -moz-flex: 1;
  flex: 1;
}
.flex-1-1-auto {
  -moz-flex: 1 1 auto;
  flex: 1 1 auto;
}
.flex-1-0-auto {
  -moz-flex: 1 0 auto;
  flex: 1 0 auto;
}
.flex-0-0-auto {
  -moz-flex: 0 0 auto;
  flex: 0 0 auto;
}
.justify-content-flex-start {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  justify-content: flex-start;
}
.justify-content-flex-end {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
.justify-content-center {
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
.justify-content-space-between {
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
}
.justify-content-space-around {
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
}
.align-content-flex-start {
  -ms-align-content: flex-start;
  align-content: flex-start;
}
.align-content-flex-end {
  -ms-align-content: flex-end;
  align-content: flex-end;
}
.align-content-center {
  -ms-align-content: center;
  align-content: center;
}
.align-content-space-between {
  -ms-align-content: space-between;
  align-content: space-between;
}
.align-content-space-around {
  -ms-align-content: space-around;
  align-content: space-around;
}
.align-content-stretch {
  -ms-align-content: stretch;
  align-content: stretch;
}
.align-items-flex-start {
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
.align-items-flex-end {
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  align-items: flex-end;
}
.align-items-center, .toolbar__filters .field--calendar, .toolbar__filters .field--ngSelect, .weight__lights, .page-dmi .toolbar__filters .field--calendar, .page-dmi .toolbar__filters .field--ngSelect {
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.align-items-baseline {
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  align-items: baseline;
}
.align-items-stretch {
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  align-items: stretch;
}
.align-self-flex-start {
  -ms-align-self: flex-start;
  align-self: flex-start;
}
.align-self-flex-end {
  -ms-align-self: flex-end;
  align-self: flex-end;
}
.align-self-center {
  -ms-align-self: center;
  align-self: center;
}
.align-self-baseline {
  -ms-align-self: baseline;
  align-self: baseline;
}
.align-self-stretch {
  -ms-align-self: stretch;
  align-self: stretch;
}
/*
 * Float
 */
.right {
  float: right !important;
}
@media (min-width: 1681px) {
  .clear-right-xlarge {
    float: none !important;
  }
}
@media (min-width: 1280px) and (max-width: 1680px) {
  .clear-right-large {
    float: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .clear-right-medium {
    float: none !important;
  }
}
@media (min-width: 888px) and (max-width: 1023px) {
  .clear-right-small {
    float: none !important;
  }
}
@media (max-width: 887px) {
  .clear-right-xsmall {
    float: none !important;
  }
}
.left {
  float: left !important;
}
@media (min-width: 1681px) {
  .clear-left-xlarge {
    float: none !important;
  }
}
@media (min-width: 1280px) and (max-width: 1680px) {
  .clear-left-large {
    float: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .clear-left-medium {
    float: none !important;
  }
}
@media (min-width: 888px) and (max-width: 1023px) {
  .clear-left-small {
    float: none !important;
  }
}
@media (max-width: 887px) {
  .clear-left-xsmall {
    float: none !important;
  }
}
/*
 * Max Width
 */
.max-width-xlarge {
  max-width: 128rem;
}
.max-width-large {
  max-width: 100rem;
}
.max-width-medium {
  max-width: 80rem;
}
.max-width-small {
  max-width: 60rem;
}
.max-width-xsmall {
  max-width: 48rem;
}
/*
 * Margin
 */
.margin-xlarge {
  margin: 8rem;
}
.margin-large {
  margin: 5rem;
}
.margin-medium {
  margin: 3.5rem;
}
.margin-small {
  margin: 2rem;
}
.margin-xsmall {
  margin: 1.5rem;
}
.margin-top-xlarge {
  margin-top: 8rem;
}
.margin-top-large {
  margin-top: 5rem;
}
.margin-top-medium {
  margin-top: 3.5rem;
}
.margin-top-small {
  margin-top: 2rem;
}
.margin-top-xsmall {
  margin-top: 1.5rem;
}
.margin-bottom-xlarge {
  margin-bottom: 8rem;
}
.margin-bottom-large {
  margin-bottom: 5rem;
}
.margin-bottom-medium {
  margin-bottom: 3.5rem;
}
.margin-bottom-small {
  margin-bottom: 2rem;
}
.margin-bottom-xsmall {
  margin-bottom: 1.5rem;
}
.margin-left-xlarge {
  margin-left: 8rem;
}
.margin-left-large {
  margin-left: 5rem;
}
.margin-left-medium {
  margin-left: 3.5rem;
}
.margin-left-small {
  margin-left: 2rem;
}
.margin-left-xsmall {
  margin-left: 1.5rem;
}
.margin-right-xlarge {
  margin-right: 8rem;
}
.margin-right-large {
  margin-right: 5rem;
}
.margin-right-medium {
  margin-right: 3.5rem;
}
.margin-right-small {
  margin-right: 2rem;
}
.margin-right-xsmall {
  margin-right: 1.5rem;
}
/*
 * Padding
 */
.padding-xlarge {
  padding: 8rem;
}
.padding-large {
  padding: 5rem;
}
.padding-medium {
  padding: 3.5rem;
}
.padding-small {
  padding: 2rem;
}
.padding-xsmall {
  padding: 1.5rem;
}
.padding-top-xlarge {
  padding-top: 8rem;
}
.padding-top-large {
  padding-top: 5rem;
}
.padding-top-medium {
  padding-top: 3.5rem;
}
.padding-top-small {
  padding-top: 2rem;
}
.padding-top-xsmall {
  padding-top: 1.5rem;
}
.padding-bottom-xlarge {
  padding-bottom: 8rem;
}
.padding-bottom-large {
  padding-bottom: 5rem;
}
.padding-bottom-medium {
  padding-bottom: 3.5rem;
}
.padding-bottom-small {
  padding-bottom: 2rem;
}
.padding-bottom-xsmall {
  padding-bottom: 1.5rem;
}
.padding-left-xlarge {
  padding-left: 8rem;
}
.padding-left-large {
  padding-left: 5rem;
}
.padding-left-medium {
  padding-left: 3.5rem;
}
.padding-left-small {
  padding-left: 2rem;
}
.padding-left-xsmall {
  padding-left: 1.5rem;
}
.padding-right-xlarge {
  padding-right: 8rem;
}
.padding-right-large {
  padding-right: 5rem;
}
.padding-right-medium {
  padding-right: 3.5rem;
}
.padding-right-small {
  padding-right: 2rem;
}
.padding-right-xsmall {
  padding-right: 1.5rem;
}
/*
 * Font Family
 */
.sans-serif-font {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
}
.serif-font {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.monospace-font {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}
.thin-font, .sidebar .welcome__info span {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 300;
  font-style: normal;
}
.regular-font, .modal--line-calendar .nsm-content .modal-body .field--radio label, .modal--line-product .nsm-content .modal-body .field--product label, .toolbar__actions .field--radio label, .toolbar__actions .field--calendar label, .chart-container__chart header .actions .field--radio label, .chart-container__chart header .actions .field--calendar label, .chart-container__chart .chart-subheader__right .field--product label, #page-production-report .chart-container__chart header .actions .field--time label, #page-production-report .chart-container__chart header .actions .label-autocomplete, .page-dmi .toolbar__actions .field--radio label, .page-dmi .toolbar__actions .field--calendar label {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.medium-font, .sidebar nav ul li a, .modal--line-calendar .nsm-content .modal-body .field--radio input:checked + label, .toolbar__actions .field--radio input:checked + label, .chart-container__chart header .actions .field--radio input:checked + label, #page-dashboard .lines .line__product-info .product__info1 .info span, #page-users-create .box form label.file, #page-users-create .chart-container__menu form label.file, #page-users-create .chart-container__chart form label.file, .page-dmi .toolbar__actions .field--radio input[type="radio"]:checked + label {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.semibold-font, .pagination {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-style: normal;
}
.bold-font, .modal--line-product .nsm-content .modal-body .field--product label, .chart-box__header h3, .chart-container__menu .title, .chart-container__menu ul li.active a, .chart-container__chart header h3, #page-error article h2, #page-auth section .auth-box .notification, #page-dashboard .lines .line__title, #page-dashboard .lines .line__product-info .product__info1 .title, #page-dashboard-detail .line__image__top-positions .position span:nth-of-type(3), #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3), #page-worker .name .info h2, #page-waste .steps li span, #page-waste .steps li a, #page-waste h3, #page-waste p a, #page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(3), #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3), #page-activations .content .aside--right h3 {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.black-font, .sidebar .welcome__info, .subheader .container .back, #page-error article h1 {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 900;
  font-style: normal;
}
/*
 * Font Size
 */
.font-size-xlarge, .modal .nsm-dialog .nsm-content .nsm-body .modal-header, .overlay .nsm-dialog .nsm-content .nsm-body .modal-header {
  font-size: 2rem;
}
.font-size-large, .weight__lights .light .actual-weight, #page-waste .steps li span, #page-waste .steps li a, #page-waste h3 {
  font-size: 1.8rem;
}
.font-size-medium, #content, .field--box-file .field__filename p, .field--box-file .field__error p.error, .field--icon:after, .subheader .container h2, .pagination .pages ul li:not(.navigation) a, .pagination .pages ul li:not(.navigation) span, .weight__lights .light .value {
  font-size: 1.6rem;
}
.font-size-small, .sidebar .welcome__info, .field--box-file .field__info, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option, .pagination, .owl-dt-container .owl-dt-calendar .owl-dt-calendar-control button, .owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-multi-year-view button, .chart-container__menu .title, .chart-container__menu ul li a, .chart-container__chart header h3, .chart-container__chart .chart-subheader__left .chart-label, #page-dashboard .lines .line__global-data div, #page-dashboard .lines .line__product-info .product__info1 .title, #page-dashboard .lines .line__product-info .product__info1 .info span, #page-dashboard-detail .line__image__top-positions .position span:nth-of-type(3), #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3), #page-waste .filters a, #page-waste .items a, #page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(3), #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3), .page-dmi .product-selection__links a, .page-dmi .lines .line__links a {
  font-size: 1.4rem;
}
.font-size-xsmall, .sidebar .welcome__info span, .chart-box__subheader h4, .owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table thead.owl-dt-calendar-header tr.owl-dt-weekdays th, .owl-dt-container .owl-dt-calendar .owl-dt-calendar-main .owl-dt-calendar-view .owl-dt-calendar-table tbody tr .owl-dt-calendar-cell-content, .weight__lights .light .counter, .weight__lights .light .counter-circle, #page-dashboard .lines .line__global-data div:last-of-type {
  font-size: 1.2rem;
}
/*
 * Text
 */
.text-left, .table-fixed-content table thead tr th, .table-fixed-content table tbody tr td, .info-tab .item .icon + .info, #page-waste .summary .item p {
  text-align: left;
}
.text-right, table td.actions, .table td.actions, .table-simple td.actions, .info-tab .item .info, #page-dashboard .lines .line__product-info .product__info1 .info span:nth-child(even), #page-dashboard .lines .line__product-info .product__info2 > span:not(.icon):nth-child(even) {
  text-align: right;
}
.text-justify {
  text-align: justify;
}
.text-center, .form__actions, .field--box-file .field__input, .field--box-file .field__info, .field--box-file .field__filename, .field--box-file .field__error, .field--icon:after, .modal .nsm-dialog .nsm-content .nsm-body .modal-footer, .overlay .nsm-dialog .nsm-content .nsm-body .modal-footer, .modal--confirmation .nsm-content .modal-body p, .box__title--center, .box__actions, .drag-and-drop .info .arrows a, .weight__lights .light .counter, .weight__lights .light .counter-circle, .weight__lights .light .actual-circle-weight, #page-error, #page-auth section .auth-box .header h1, #page-auth section .auth-box .header p, #page-auth section .auth-box .notification, #page-dashboard .lines .line__title, #page-dashboard .lines .line__product-info .product__info1 .title, #page-dashboard-detail .line__image__top-positions .position span:nth-of-type(3), #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3), #page-line-header h3, #page-line-header-detail .info .item, #page-line-header-detail .message, #page-settings .box .fields .field--radio input + label, #page-settings .chart-container__menu .fields .field--radio input + label, #page-settings .chart-container__chart .fields .field--radio input + label, #page-waste .steps li, #page-waste h3, #page-waste p, #page-waste .filters a, #page-waste .items a, #page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(3), #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3), #page-admin-users-detail form .drag-and-drop .info .arrows a, #page-activations .content .aside--left ul li, #page-activations .content .aside--right h3, #page-worker-report .table .table-body .title a, #page-worker-weight-report .table .table-body .title a {
  text-align: center;
}
.truncate, .sidebar .welcome__info, table th .th__content .th__content__title, .table th .th__content .th__content__title, #page-dashboard .lines .line__product-info .product__info2 > span:not(.icon) span:nth-of-type(2) {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-hide {
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.uppercase, label, .label, .subheader .container h2, .box__title, #page-auth section .auth-box .header h1, #page-users-create .box__title, #page-settings .box__title {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.capitalize {
  text-transform: capitalize;
}
/*
 * Text Color
 */
.text-white, .sidebar nav ul li.active a, .sidebar nav ul li a:hover {
  color: #FFFFFF !important;
}
.text-light-grey {
  color: #C7C7C7 !important;
}
.text-grey {
  color: #505253 !important;
}
.text-dark-grey {
  color: #252728 !important;
}
.text-black {
  color: #16181A !important;
}
.text-error, label .required:before, .label .required:before {
  color: #FF5B5D !important;
}
.text-warning {
  color: #FF5B5D !important;
}
.text-success {
  color: #2BB54D !important;
}
.text-info {
  color: #1E90FF !important;
}
.text-primary, table th .th__content .th__content__order .order:hover, table th .th__content .th__content__order .order.active, .table th .th__content .th__content__order .order:hover, .table th .th__content .th__content__order .order.active {
  color: #0B91F9 !important;
}
.text-secondary {
  color: #663399 !important;
}
.text-tertiary {
  color: #8B008B !important;
}
.text-dark {
  color: #16181A !important;
}
.text-light {
  color: #FAFAFC !important;
}
/*
 * Background
 */
.background-transparent, .table-fixed-content table thead tr th {
  background: transparent !important;
}
.background-white, input[type="checkbox"] + label:before, input[type="radio"] + label:before {
  background: #FFFFFF !important;
}
.background-light-grey {
  background: #C7C7C7 !important;
}
.background-grey {
  background: #505253 !important;
}
.background-dark-grey {
  background: #252728 !important;
}
.background-black {
  background: #16181A !important;
}
.background-error {
  background: #FF5B5D !important;
}
.background-warning {
  background: #FF5B5D !important;
}
.background-success {
  background: #2BB54D !important;
}
.background-info {
  background: #1E90FF !important;
}
.background-primary, input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after {
  background: #0B91F9 !important;
}
.background-secondary {
  background: #663399 !important;
}
.background-tertiary {
  background: #8B008B !important;
}
.background-dark {
  background: #16181A !important;
}
.background-light {
  background: #FAFAFC !important;
}
@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes walk {
  0% {
    left: 0;
    opacity: 1;
  }
  100% {
    left: 110%;
  }
}
/*
 * Mixins
 */
/*
 * Backgrounds
 */
/*
 * Arrows
 */
/*
 * Filters
 */
/*
 * Accessibility
 */
/*
 * Screen Reader
 */
.screen-reader {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.screen-reader-focusable:active, .screen-reader-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*
 * Pages
 */
#page-error {
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 45rem;
}
.theme-light #page-error {
  background-image: url("/assets/images/error-light.svg");
}
.theme-light #page-error h1 {
  color: #C7C7C7;
}
.theme-dark #page-error {
  background-image: url("/assets/images/error-dark.svg");
}
.theme-dark #page-error h1 {
  color: #505253;
}
#page-error:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.theme-light #page-error:before {
  background: rgba(246, 247, 247, 0.7);
}
.theme-dark #page-error:before {
  background: rgba(31, 33, 34, 0.7);
}
#page-error article {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 40%;
}
#page-error article h1 {
  font-size: 20rem;
  margin: 0;
  text-shadow: 0 0.2rem 1.2rem rgba(0, 0, 0, 0.5);
}
#page-error article h2 {
  color: #0B91F9;
  font-size: 4rem;
}
#page-error article p {
  font-size: 2.5rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  max-width: 55rem;
  margin: auto auto 3rem;
}
#page-auth {
  height: 100vh;
}
@media (max-width: 1100px) {
  #page-auth {
    height: auto;
    min-height: 100%;
  }
}
@media (min-width: 1101px) and (max-height: 750px) {
  #page-auth {
    min-height: 75rem;
  }
}
#page-auth .field--select {
  position: absolute;
  right: 5rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  top: 5rem;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (max-width: 1100px) {
  #page-auth .field--select {
    bottom: 0;
    top: inherit;
    right: 2rem;
  }
}
#page-auth .field--select select {
  border: 0;
  padding-right: 3rem;
  margin-left: 1rem;
}
#page-auth section {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
@media (min-width: 1101px) and (max-height: 750px) {
  #page-auth section {
    position: relative;
    min-height: 75rem;
  }
}
@media (max-height: 560px) {
  #page-auth section {
    position: relative;
  }
}
#page-auth section .auth-box {
  width: 40%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
@media (max-width: 1100px) {
  #page-auth section .auth-box {
    width: 100%;
    position: relative;
    z-index: 2;
    display: inherit;
  }
}
@media (min-width: 1101px) and (max-height: 750px) {
  #page-auth section .auth-box {
    min-height: 75rem;
  }
}
@media (max-width: 380px) {
  #page-auth section .auth-box p {
    font-size: 1.4rem;
  }
}
#page-auth section .auth-box .logo {
  width: 19rem;
  height: 8.2rem;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 6rem;
  left: 7rem;
  background-image: url('logo-dibal.ecc3ae8fe09fc28a5e7c.png');
}
@media (max-width: 1100px) {
  #page-auth section .auth-box .logo {
    height: 6rem;
    position: relative;
    left: 0;
    right: 0;
    margin: 3rem auto 3rem auto;
    top: inherit;
  }
}
@media (max-height: 800px) {
  #page-auth section .auth-box .logo {
    height: 5rem;
    background-position: center;
  }
}
#page-auth section .auth-box .header {
  margin-bottom: 6rem;
}
@media (max-width: 1100px) {
  #page-auth section .auth-box .header {
    margin-bottom: 3rem;
  }
}
#page-auth section .auth-box .header h1 {
  font-size: 3.4rem;
  font-weight: 300;
}
@media (max-width: 1100px) {
  #page-auth section .auth-box .header h1 {
    font-size: 2.2rem;
  }
}
@media (max-width: 380px) {
  #page-auth section .auth-box .header h1 {
    font-size: 1.8rem;
    margin-bottom: 0;
  }
}
@media (max-height: 800px) {
  #page-auth section .auth-box .header h1 {
    font-size: 2.5rem;
  }
}
@media (max-width: 380px) {
  #page-auth section .auth-box .header p {
    margin-top: 1rem;
  }
}
#page-auth section .auth-box .auth-box__form {
  padding: 0 2rem;
  width: 100%;
  max-width: 50rem;
}
@media (max-width: 1100px) {
  #page-auth section .auth-box .auth-box__form {
    margin: auto;
  }
}
#page-auth section .auth-box .auth-box__form .button {
  width: 100%;
}
#page-auth section .auth-box .notification {
  font-size: 2rem;
  color: #FFFFFF;
  border-radius: 4px;
  padding: 2rem;
}
#page-auth section .auth-box .notification--success {
  background: #2BB54D;
}
#page-auth section .auth-box .notification--error {
  background: #FF5B5D;
}
#page-auth section .bg {
  height: 100vh;
  width: 60%;
  background-size: cover;
  background-position: 0 50%;
}
@media (min-width: 1101px) and (max-height: 750px) {
  #page-auth section .bg {
    min-height: 75rem;
  }
}
@media (max-width: 1100px) {
  #page-auth section .bg {
    position: absolute;
    opacity: 0.6;
    width: 100%;
    top: 0;
    height: 100%;
  }
}
#page-auth .recover-password .auth-box {
  width: 100%;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  align-items: flex-start;
}
#page-auth .recover-password .auth-box .logo {
  position: relative;
  margin: 10rem auto 10rem;
  left: 0;
  top: 0;
}
@media (max-width: 1100px) {
  #page-auth .recover-password .auth-box .logo {
    margin: 3rem auto 3rem;
  }
}
#page-auth.theme-light {
  background: #FFFFFF;
}
#page-auth.theme-light .field--select select {
  background: #FFFFFF;
  color: #16181A;
}
#page-auth.theme-light .auth-box {
  color: #16181A;
}
#page-auth.theme-light .auth-box h1, #page-auth.theme-light .auth-box p {
  color: #16181A;
}
#page-auth.theme-light .bg {
  background-image: url('login-bg-light.e8c60ad4c6b9436cd633.png');
}
#page-auth.theme-dark {
  background: #1F2122;
}
#page-auth.theme-dark .field--select select {
  background: #16181A;
  color: #FFFFFF;
}
#page-auth.theme-dark .auth-box {
  color: #FFFFFF;
}
#page-auth.theme-dark .auth-box h1, #page-auth.theme-dark .auth-box p {
  color: #FFFFFF;
}
#page-auth.theme-dark .bg {
  background-image: url('login-bg-dark.fdba0312441069efee39.png');
}
#page-dashboard {
  padding: 0;
  background: #505253;
}
.theme-light #page-dashboard {
  background: #f6f7f7;
}
#page-dashboard a {
  color: currentColor;
}
#page-dashboard .lines {
  padding: 1.6rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 888px) {
  #page-dashboard .lines {
    padding: 3.2rem;
  }
}
#page-dashboard .lines app-position-status-groups,
#page-dashboard .lines app-position-status-summary {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
}
#page-dashboard .lines app-line-summary {
  width: calc(100% - 0.75rem);
  padding: 0.1rem;
}
@media (max-width: 1380px) {
  #page-dashboard .lines app-line-summary {
    width: 100%;
  }
}
@media (max-width: 1380px) {
  #page-dashboard .lines app-line-summary:nth-child(odd) {
    margin-right: 0;
  }
}
#page-dashboard .lines app-line-summary a {
  margin: 0 !important;
  width: 100% !important;
}
#page-dashboard .lines a {
  width: calc(100% - 0.75rem);
  color: currentColor;
}
@media (max-width: 1380px) {
  #page-dashboard .lines a {
    width: 100%;
  }
}
@media (max-width: 1380px) {
  #page-dashboard .lines a:nth-child(odd) {
    margin-right: 0;
  }
}
#page-dashboard .lines .line {
  margin-bottom: 1.5rem;
  border-radius: 4px;
  border-style: solid;
  border-width: .1rem;
  position: relative;
}
@media (min-width: 1380px) {
  #page-dashboard .lines .line {
    min-height: calc(50vh - 11rem);
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-direction: column;
    flex-direction: column;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
  }
}
.theme-light #page-dashboard .lines .line {
  background: #FFFFFF;
  border-color: #16181A;
}
.theme-dark #page-dashboard .lines .line {
  background: #26282A;
  border-color: #FFFFFF;
}
#page-dashboard .lines .line .icon--triangle-up--success, #page-dashboard .lines .line .icon--triangle-down--success {
  color: #2BB54D;
}
#page-dashboard .lines .line .icon--triangle-down--error, #page-dashboard .lines .line .icon--triangle-up-error {
  color: #FF5B5D;
}
#page-dashboard .lines .line__title {
  padding: 1rem;
  font-size: 2rem;
}
.theme-light #page-dashboard .lines .line__title {
  color: #16181A;
}
.theme-dark #page-dashboard .lines .line__title {
  color: #FFFFFF;
}
#page-dashboard .lines .line__global-data div {
  padding: 0.5rem 1rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__global-data div {
    flex-wrap: nowrap;
    padding: 0.5rem 2.5rem;
  }
}
.theme-light #page-dashboard .lines .line__global-data div:first-of-type {
  background: #EEEFF0;
}
.theme-dark #page-dashboard .lines .line__global-data div:first-of-type {
  background: #16181A;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__global-data div:first-of-type > span:first-of-type {
    width: 17%;
  }

  #page-dashboard .lines .line__global-data div:first-of-type > span:nth-of-type(2) {
    width: 21%;
  }

  #page-dashboard .lines .line__global-data div:first-of-type > span:nth-of-type(3) {
    width: 14%;
  }

  #page-dashboard .lines .line__global-data div:first-of-type > span:nth-of-type(4) {
    width: 17%;
  }

  #page-dashboard .lines .line__global-data div:first-of-type > span:nth-of-type(5) {
    width: 19%;
  }

  #page-dashboard .lines .line__global-data div:first-of-type > span:nth-of-type(6) {
    width: 12%;
    padding-right: 0;
  }

  #page-dashboard .lines .line__global-data div:first-of-type > span span:first-of-type {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #page-dashboard .lines .line__global-data div:first-of-type > span span:last-of-type {
    font-weight: bold;
    padding-left: 0.5rem;
  }
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__global-data div:last-of-type > span:first-of-type {
    width: 16%;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span:nth-of-type(2) {
    width: 19%;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span:nth-of-type(3) {
    width: 11%;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span:nth-of-type(4) {
    width: 20%;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span:nth-of-type(5) {
    width: 17%;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span:nth-of-type(6) {
    width: 10%;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span:nth-of-type(7) {
    width: 7%;
    padding-right: 0;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span span:first-of-type {
    font-weight: bold;
    padding-right: 0.5rem;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span span:last-of-type {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #page-dashboard .lines .line__global-data div:last-of-type > span span.icon {
    margin-left: .3rem;
  }
}
#page-dashboard .lines .line__global-data div > span {
  width: 50%;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__global-data div > span {
    width: auto;
    white-space: nowrap;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    padding-right: 0.5rem;
  }
}
#page-dashboard .lines .line__global-data div span.placeholder {
  width: 100%;
  height: 1.5rem;
  max-width: 8rem;
  margin: 0.3rem 0;
}
.theme-light #page-dashboard .lines .line__global-data div span.placeholder {
  background: #C7C7C7;
}
.theme-dark #page-dashboard .lines .line__global-data div span.placeholder {
  background: #505253;
}
#page-dashboard .lines .line__image {
  height: 9.2rem;
  position: relative;
  padding: 0 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image {
    margin-bottom: 0;
    padding: 0 2.5rem;
    height: 12.5rem;
  }
}
#page-dashboard .lines .line__image__top-products {
  top: 0;
}
#page-dashboard .lines .line__image__bottom-products {
  bottom: 0;
}
#page-dashboard .lines .line__image__top-products, #page-dashboard .lines .line__image__bottom-products {
  position: absolute;
  width: calc(100% - 2rem);
  height: 2.2rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__top-products, #page-dashboard .lines .line__image__bottom-products {
    width: calc(100% - 5rem);
    height: 3.75rem;
  }
}
#page-dashboard .lines .line__image__top-products .product, #page-dashboard .lines .line__image__bottom-products .product {
  padding: 0 0.5%;
}
#page-dashboard .lines .line__image__top-products .product:first-of-type, #page-dashboard .lines .line__image__bottom-products .product:first-of-type {
  padding-left: 0;
}
#page-dashboard .lines .line__image__top-products .product:last-of-type, #page-dashboard .lines .line__image__bottom-products .product:last-of-type {
  padding-right: 0;
}
#page-dashboard .lines .line__image__top-products .product div, #page-dashboard .lines .line__image__bottom-products .product div {
  background: rgba(199, 199, 199, 0.17);
  border-width: .1rem;
  border-style: solid;
  border-color: #C7C7C7;
  border-radius: .4rem;
  height: 100%;
}
#page-dashboard .lines .line__image__top-products .product--1 div, #page-dashboard .lines .line__image__bottom-products .product--1 div {
  background: rgba(250, 18, 132, 0.17);
  border-color: #FA1284;
}
.theme-light #page-dashboard .lines .line__image__top-products .product--1 div, .theme-light #page-dashboard .lines .line__image__bottom-products .product--1 div {
  background: rgba(250, 18, 132, 0.4);
}
#page-dashboard .lines .line__image__top-products .product--2 div, #page-dashboard .lines .line__image__bottom-products .product--2 div {
  background: rgba(255, 220, 12, 0.17);
  border-color: #FFDC0C;
}
.theme-light #page-dashboard .lines .line__image__top-products .product--2 div, .theme-light #page-dashboard .lines .line__image__bottom-products .product--2 div {
  background: rgba(255, 220, 12, 0.4);
}
#page-dashboard .lines .line__image__top-products .product--3 div, #page-dashboard .lines .line__image__bottom-products .product--3 div {
  background: rgba(148, 254, 0, 0.17);
  border-color: #94FE00;
}
.theme-light #page-dashboard .lines .line__image__top-products .product--3 div, .theme-light #page-dashboard .lines .line__image__bottom-products .product--3 div {
  background: rgba(148, 254, 0, 0.4);
}
#page-dashboard .lines .line__image__top-products .product--4 div, #page-dashboard .lines .line__image__bottom-products .product--4 div {
  background: rgba(52, 6, 248, 0.17);
  border-color: #3406F8;
}
.theme-light #page-dashboard .lines .line__image__top-products .product--4 div, .theme-light #page-dashboard .lines .line__image__bottom-products .product--4 div {
  background: rgba(52, 6, 248, 0.4);
}
#page-dashboard .lines .line__image__top-products .product--5 div, #page-dashboard .lines .line__image__bottom-products .product--5 div {
  background: rgba(23, 195, 215, 0.17);
  border-color: #17C3D7;
}
.theme-light #page-dashboard .lines .line__image__top-products .product--5 div, .theme-light #page-dashboard .lines .line__image__bottom-products .product--5 div {
  background: rgba(23, 195, 215, 0.4);
}
#page-dashboard .lines .line__image__top-products .product--6 div, #page-dashboard .lines .line__image__bottom-products .product--6 div {
  background: rgba(152, 31, 156, 0.17);
  border-color: #981F9C;
}
.theme-light #page-dashboard .lines .line__image__top-products .product--6 div, .theme-light #page-dashboard .lines .line__image__bottom-products .product--6 div {
  background: rgba(152, 31, 156, 0.4);
}
#page-dashboard .lines .line__image__top-positions {
  top: 0.4rem;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__top-positions {
    top: 0.75rem;
  }
}
#page-dashboard .lines .line__image__bottom-positions {
  bottom: 0.4rem;
}
#page-dashboard .lines .line__image__bottom-positions .position {
  transform: rotate(180deg);
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__bottom-positions {
    bottom: 0.75rem;
  }
}
#page-dashboard .lines .line__image__top-positions, #page-dashboard .lines .line__image__bottom-positions {
  position: absolute;
  width: calc(100% - 2rem);
  height: 7rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__top-positions, #page-dashboard .lines .line__image__bottom-positions {
    width: calc(100% - 5rem);
  }
}
#page-dashboard .lines .line__image__top-positions .position, #page-dashboard .lines .line__image__bottom-positions .position {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#page-dashboard .lines .line__image__top-positions .position--warning span:nth-of-type(2), #page-dashboard .lines .line__image__bottom-positions .position--warning span:nth-of-type(2) {
  background: #FF5B5D !important;
}
#page-dashboard .lines .line__image__top-positions .position--caution span:nth-of-type(2), #page-dashboard .lines .line__image__bottom-positions .position--caution span:nth-of-type(2) {
  background: #F8E71C !important;
}
#page-dashboard .lines .line__image__top-positions .position--success span:nth-of-type(2), #page-dashboard .lines .line__image__bottom-positions .position--success span:nth-of-type(2) {
  background: #2BB54D !important;
}
#page-dashboard .lines .line__image__top-positions .position--deactivated span:nth-of-type(2), #page-dashboard .lines .line__image__bottom-positions .position--deactivated span:nth-of-type(2) {
  border: 2px solid #C7C7C7;
}
.theme-light #page-dashboard .lines .line__image__top-positions .position--deactivated span:nth-of-type(2), .theme-light #page-dashboard .lines .line__image__bottom-positions .position--deactivated span:nth-of-type(2) {
  background: #FFFFFF;
}
.theme-dark #page-dashboard .lines .line__image__top-positions .position--deactivated span:nth-of-type(2), .theme-dark #page-dashboard .lines .line__image__bottom-positions .position--deactivated span:nth-of-type(2) {
  background: #26282A;
}
#page-dashboard .lines .line__image__top-positions .position span, #page-dashboard .lines .line__image__bottom-positions .position span {
  position: relative;
}
#page-dashboard .lines .line__image__top-positions .position span:first-of-type, #page-dashboard .lines .line__image__bottom-positions .position span:first-of-type {
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
  display: block;
}
.theme-light #page-dashboard .lines .line__image__top-positions .position span:first-of-type, .theme-light #page-dashboard .lines .line__image__bottom-positions .position span:first-of-type {
  background: #FFFFFF;
}
.theme-dark #page-dashboard .lines .line__image__top-positions .position span:first-of-type, .theme-dark #page-dashboard .lines .line__image__bottom-positions .position span:first-of-type {
  background: #26282A;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__top-positions .position span:first-of-type, #page-dashboard .lines .line__image__bottom-positions .position span:first-of-type {
    width: 2.2rem;
    height: 2.2rem;
  }
}
#page-dashboard .lines .line__image__top-positions .position span:first-of-type:before, #page-dashboard .lines .line__image__bottom-positions .position span:first-of-type:before {
  content: '';
  height: 3rem;
  display: block;
  position: absolute;
  width: 0.5rem;
  top: 1rem;
  left: 0;
  right: 0;
  margin: auto;
}
.theme-light #page-dashboard .lines .line__image__top-positions .position span:first-of-type:before, .theme-light #page-dashboard .lines .line__image__bottom-positions .position span:first-of-type:before {
  background: #FFFFFF;
}
.theme-dark #page-dashboard .lines .line__image__top-positions .position span:first-of-type:before, .theme-dark #page-dashboard .lines .line__image__bottom-positions .position span:first-of-type:before {
  background: #26282A;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__top-positions .position span:first-of-type:before, #page-dashboard .lines .line__image__bottom-positions .position span:first-of-type:before {
    height: 4rem;
    width: 1rem;
    top: 2rem;
  }
}
#page-dashboard .lines .line__image__top-positions .position span:nth-of-type(2), #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(2) {
  width: 0.8rem;
  height: 0.8rem;
  background: #C7C7C7;
  border-radius: 50%;
  display: block;
  position: absolute;
  top: .3rem;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__top-positions .position span:nth-of-type(2), #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(2) {
    width: 1.2rem;
    height: 1.2rem;
    top: .5rem;
  }
}
#page-dashboard .lines .line__image__top-positions .position span:nth-of-type(2):before, #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(2):before {
  content: '';
  height: 4rem;
  display: block;
  position: absolute;
  width: .1rem;
  top: 0.8rem;
  left: 0;
  right: 0;
  margin: auto;
  background: #C7C7C7;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__top-positions .position span:nth-of-type(2):before, #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(2):before {
    top: 1.2rem;
  }
}
#page-dashboard .lines .line__image__top-positions .position span:nth-of-type(3), #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(3) {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  display: none;
  position: absolute;
  top: .5rem;
}
.theme-light #page-dashboard .lines .line__image__top-positions .position span:nth-of-type(3), .theme-light #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(3) {
  background: #FFFFFF;
}
.theme-dark #page-dashboard .lines .line__image__top-positions .position span:nth-of-type(3), .theme-dark #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(3) {
  background: #26282A;
}
.theme-light #page-dashboard .lines .line__image__top-positions .position span:nth-of-type(3), .theme-light #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(3) {
  display: none;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__top-positions .position span:nth-of-type(3), #page-dashboard .lines .line__image__bottom-positions .position span:nth-of-type(3) {
    width: 1rem;
    height: 1rem;
    top: .6rem;
  }
}
#page-dashboard .lines .line__image__table {
  height: 2.8rem;
  background-color: #505253;
  border-radius: 0.4rem;
  border: 1px solid #979797;
  box-shadow: 0 0.2rem 0.6rem rgba(22, 24, 26, 0.5), inset 0 -0.1rem 0.9rem rgba(22, 24, 26, 0.3);
  background-image: url('line-bg.b19369fecf7911636ca6.png');
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 2rem);
  z-index: 10;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__table {
    width: calc(100% - 5rem);
  }
}
.theme-light #page-dashboard .lines .line__image__table {
  background-color: #D9D9D9;
  border: 1px solid #C7C7C7;
  box-shadow: 0 0.2rem 0.6rem rgba(22, 24, 26, 0.2), inset 0 -0.1rem 0.9rem rgba(22, 24, 26, 0.2);
}
#page-dashboard .lines .line__image__table img {
  height: 1.2rem;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__image__table img {
    height: 2rem;
  }
}
#page-dashboard .lines .line__product-info {
  margin-top: 1.5rem;
  display: none;
}
@media (min-width: 888px) {
  #page-dashboard .lines .line__product-info {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
  }

  .theme-light #page-dashboard .lines .line__product-info {
    background: #EEEFF0;
  }

  .theme-dark #page-dashboard .lines .line__product-info {
    background: #16181A;
  }
}
#page-dashboard .lines .line__product-info .product {
  width: 20%;
}
@media (max-width: 980px) {
  #page-dashboard .lines .line__product-info .product {
    width: 33.3%;
  }
}
@media (max-width: 1200px) {
  #page-dashboard .lines .line__product-info .product {
    width: 25%;
  }
}
#page-dashboard .lines .line__product-info .product:last-of-type .product__info2 {
  border-right: 0;
}
#page-dashboard .lines .line__product-info .product--1 [class^="product__info"] {
  background: rgba(250, 18, 132, 0.17);
  border-color: #FA1284;
}
.theme-light #page-dashboard .lines .line__product-info .product--1 [class^="product__info"] {
  background: rgba(250, 18, 132, 0.4);
}
#page-dashboard .lines .line__product-info .product--2 [class^="product__info"] {
  background: rgba(255, 220, 12, 0.17);
  border-color: #FFDC0C;
}
.theme-light #page-dashboard .lines .line__product-info .product--2 [class^="product__info"] {
  background: rgba(255, 220, 12, 0.4);
}
#page-dashboard .lines .line__product-info .product--3 [class^="product__info"] {
  background: rgba(148, 254, 0, 0.17);
  border-color: #94FE00;
}
.theme-light #page-dashboard .lines .line__product-info .product--3 [class^="product__info"] {
  background: rgba(148, 254, 0, 0.4);
}
#page-dashboard .lines .line__product-info .product--4 [class^="product__info"] {
  background: rgba(52, 6, 248, 0.17);
  border-color: #3406F8;
}
.theme-light #page-dashboard .lines .line__product-info .product--4 [class^="product__info"] {
  background: rgba(52, 6, 248, 0.4);
}
#page-dashboard .lines .line__product-info .product--5 [class^="product__info"] {
  background: rgba(23, 195, 215, 0.17);
  border-color: #17C3D7;
}
.theme-light #page-dashboard .lines .line__product-info .product--5 [class^="product__info"] {
  background: rgba(23, 195, 215, 0.4);
}
#page-dashboard .lines .line__product-info .product--6 [class^="product__info"] {
  background: rgba(152, 31, 156, 0.17);
  border-color: #981F9C;
}
.theme-light #page-dashboard .lines .line__product-info .product--6 [class^="product__info"] {
  background: rgba(152, 31, 156, 0.4);
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info1 .title {
  height: 1.2rem;
  margin: 0.5rem auto .3rem;
  max-width: 15rem;
}
.theme-light #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .title {
  background: #C7C7C7;
}
.theme-dark #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .title {
  background: #505253;
}
@media (min-width: 1681px) {
  #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .title {
    height: 1.5rem;
  }
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 0.85rem;
}
@media (min-width: 1681px) {
  #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon {
    margin-bottom: 0.95rem;
  }
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:nth-child(even) {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:before {
  content: '';
  width: 1.5rem;
  height: 1.3rem;
  display: block;
  margin-right: 0.5rem;
}
.theme-light #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:before {
  background: #C7C7C7;
}
.theme-dark #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:before {
  background: #505253;
}
@media (min-width: 1681px) {
  #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:before {
    height: 1.5rem;
  }
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:after {
  content: '';
  width: 100%;
  max-width: 10rem;
  height: 1.3rem;
  display: block;
}
.theme-light #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:after {
  background: #C7C7C7;
}
.theme-dark #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:after {
  background: #505253;
}
@media (min-width: 1681px) {
  #page-dashboard .lines .line__product-info .product--placeholder .product__info1 .info span.icon:after {
    height: 1.5rem;
  }
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info2 span {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin-top: 0.2rem;
}
@media (min-width: 1681px) {
  #page-dashboard .lines .line__product-info .product--placeholder .product__info2 span {
    margin-top: 0.4rem;
  }
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info2 span:nth-child(even) {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info2 span:before {
  content: '';
  width: 1rem;
  height: 1rem;
  display: block;
  margin-right: 0.5rem;
}
.theme-light #page-dashboard .lines .line__product-info .product--placeholder .product__info2 span:before {
  background: #C7C7C7;
}
.theme-dark #page-dashboard .lines .line__product-info .product--placeholder .product__info2 span:before {
  background: #505253;
}
#page-dashboard .lines .line__product-info .product--placeholder .product__info2 span:after {
  content: '';
  width: 100%;
  max-width: 10rem;
  height: 1rem;
  display: block;
}
.theme-light #page-dashboard .lines .line__product-info .product--placeholder .product__info2 span:after {
  background: #C7C7C7;
}
.theme-dark #page-dashboard .lines .line__product-info .product--placeholder .product__info2 span:after {
  background: #505253;
}
#page-dashboard .lines .line__product-info .product__info1 {
  border-style: solid;
  border-width: 0.1rem 0;
}
.theme-light #page-dashboard .lines .line__product-info .product__info1 .title {
  color: #16181A;
}
.theme-dark #page-dashboard .lines .line__product-info .product__info1 .title {
  color: #FFFFFF;
}
@media (min-width: 1681px) {
  #page-dashboard .lines .line__product-info .product__info1 .title {
    font-size: 1.6rem;
  }
}
#page-dashboard .lines .line__product-info .product__info1 .info {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  padding: 0.5rem 2.5rem;
}
#page-dashboard .lines .line__product-info .product__info1 .info span {
  width: 50%;
  color: #FFFFFF;
}
@media (min-width: 1681px) {
  #page-dashboard .lines .line__product-info .product__info1 .info span {
    font-size: 1.6rem;
  }
}
.theme-light #page-dashboard .lines .line__product-info .product__info1 .info span {
  color: #5c656d;
}
#page-dashboard .lines .line__product-info .product__info2 {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  border-right: 0.1rem solid #C7C7C7;
  min-height: 7rem;
}
.theme-light #page-dashboard .lines .line__product-info .product__info2 {
  background: #EEEFF0 !important;
}
.theme-dark #page-dashboard .lines .line__product-info .product__info2 {
  background: #16181A !important;
}
.theme-light #page-dashboard .lines .line__product-info .product__info2 {
  color: #16181A;
}
#page-dashboard .lines .line__product-info .product__info2 > span:not(.icon) {
  width: 50%;
  font-size: 1rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
@media (min-width: 1681px) {
  #page-dashboard .lines .line__product-info .product__info2 > span:not(.icon) {
    font-size: 1.2rem;
  }
}
#page-dashboard .lines .line__product-info .product__info2 > span:not(.icon) span:nth-of-type(2) {
  margin: 0 .5rem;
}
#page-dashboard .lines .line--disable {
  border-style: dashed;
  cursor: not-allowed;
  opacity: 0.6;
}
#page-dashboard-detail {
  height: 100%;
}
#page-dashboard-detail .line {
  margin-bottom: 1.5rem;
  width: 100%;
  overflow: auto;
  height: 20%;
  min-height: 13rem;
}
#page-dashboard-detail .line__image {
  height: 100%;
  position: relative;
  margin-bottom: 0;
  min-width: 100%;
}
#page-dashboard-detail .line__image__top-products {
  top: 0;
}
#page-dashboard-detail .line__image__bottom-products {
  bottom: 0;
}
#page-dashboard-detail .line__image__top-products, #page-dashboard-detail .line__image__bottom-products {
  position: absolute;
  height: 33%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
}
#page-dashboard-detail .line__image__top-products .product, #page-dashboard-detail .line__image__bottom-products .product {
  padding: 0 0.3rem;
}
@media (min-width: 1681px) and (min-height: 980px) {
  #page-dashboard-detail .line__image__top-products .product, #page-dashboard-detail .line__image__bottom-products .product {
    padding: 0 0.5rem;
  }
}
#page-dashboard-detail .line__image__top-products .product:first-of-type, #page-dashboard-detail .line__image__bottom-products .product:first-of-type {
  padding-left: 0;
}
#page-dashboard-detail .line__image__top-products .product:last-of-type, #page-dashboard-detail .line__image__bottom-products .product:last-of-type {
  padding-right: 0;
}
#page-dashboard-detail .line__image__top-products .product div, #page-dashboard-detail .line__image__bottom-products .product div {
  background: rgba(199, 199, 199, 0.17);
  border-width: .1rem;
  border-style: solid;
  border-color: #C7C7C7;
  border-radius: .4rem;
  height: 100%;
}
#page-dashboard-detail .line__image__top-products .product--1 div, #page-dashboard-detail .line__image__bottom-products .product--1 div {
  background: rgba(250, 18, 132, 0.17);
  border-color: #FA1284;
}
.theme-light #page-dashboard-detail .line__image__top-products .product--1 div, .theme-light #page-dashboard-detail .line__image__bottom-products .product--1 div {
  background: rgba(250, 18, 132, 0.4);
}
#page-dashboard-detail .line__image__top-products .product--2 div, #page-dashboard-detail .line__image__bottom-products .product--2 div {
  background: rgba(255, 220, 12, 0.17);
  border-color: #FFDC0C;
}
.theme-light #page-dashboard-detail .line__image__top-products .product--2 div, .theme-light #page-dashboard-detail .line__image__bottom-products .product--2 div {
  background: rgba(255, 220, 12, 0.4);
}
#page-dashboard-detail .line__image__top-products .product--3 div, #page-dashboard-detail .line__image__bottom-products .product--3 div {
  background: rgba(148, 254, 0, 0.17);
  border-color: #94FE00;
}
.theme-light #page-dashboard-detail .line__image__top-products .product--3 div, .theme-light #page-dashboard-detail .line__image__bottom-products .product--3 div {
  background: rgba(148, 254, 0, 0.4);
}
#page-dashboard-detail .line__image__top-products .product--4 div, #page-dashboard-detail .line__image__bottom-products .product--4 div {
  background: rgba(52, 6, 248, 0.17);
  border-color: #3406F8;
}
.theme-light #page-dashboard-detail .line__image__top-products .product--4 div, .theme-light #page-dashboard-detail .line__image__bottom-products .product--4 div {
  background: rgba(52, 6, 248, 0.4);
}
#page-dashboard-detail .line__image__top-products .product--5 div, #page-dashboard-detail .line__image__bottom-products .product--5 div {
  background: rgba(23, 195, 215, 0.17);
  border-color: #17C3D7;
}
.theme-light #page-dashboard-detail .line__image__top-products .product--5 div, .theme-light #page-dashboard-detail .line__image__bottom-products .product--5 div {
  background: rgba(23, 195, 215, 0.4);
}
#page-dashboard-detail .line__image__top-products .product--6 div, #page-dashboard-detail .line__image__bottom-products .product--6 div {
  background: rgba(152, 31, 156, 0.17);
  border-color: #981F9C;
}
.theme-light #page-dashboard-detail .line__image__top-products .product--6 div, .theme-light #page-dashboard-detail .line__image__bottom-products .product--6 div {
  background: rgba(152, 31, 156, 0.4);
}
#page-dashboard-detail .line__image__top-positions {
  top: 2%;
}
#page-dashboard-detail .line__image__bottom-positions {
  bottom: 2%;
}
#page-dashboard-detail .line__image__bottom-positions .position {
  transform: rotate(180deg);
}
#page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3) {
  transform: rotate(180deg);
}
#page-dashboard-detail .line__image__top-positions, #page-dashboard-detail .line__image__bottom-positions {
  position: absolute;
  height: 30%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
}
#page-dashboard-detail .line__image__top-positions .position, #page-dashboard-detail .line__image__bottom-positions .position {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0 0.5rem;
  position: relative;
}
#page-dashboard-detail .line__image__top-positions .position--warning span:nth-of-type(2), #page-dashboard-detail .line__image__bottom-positions .position--warning span:nth-of-type(2) {
  background: #FF5B5D !important;
}
#page-dashboard-detail .line__image__top-positions .position--caution span:nth-of-type(2), #page-dashboard-detail .line__image__bottom-positions .position--caution span:nth-of-type(2) {
  background: #F8E71C !important;
}
#page-dashboard-detail .line__image__top-positions .position--success span:nth-of-type(2), #page-dashboard-detail .line__image__bottom-positions .position--success span:nth-of-type(2) {
  background: #2BB54D !important;
}
.theme-light #page-dashboard-detail .line__image__top-positions .position--deactivated span:nth-of-type(2), .theme-light #page-dashboard-detail .line__image__bottom-positions .position--deactivated span:nth-of-type(2) {
  background: #FFFFFF;
}
.theme-dark #page-dashboard-detail .line__image__top-positions .position--deactivated span:nth-of-type(2), .theme-dark #page-dashboard-detail .line__image__bottom-positions .position--deactivated span:nth-of-type(2) {
  background: #26282A;
}
#page-dashboard-detail .line__image__top-positions .position--checked span:nth-of-type(2), #page-dashboard-detail .line__image__bottom-positions .position--checked span:nth-of-type(2) {
  background: #2BB54D !important;
}
#page-dashboard-detail .line__image__top-positions .position--checked span:nth-of-type(3), #page-dashboard-detail .line__image__bottom-positions .position--checked span:nth-of-type(3) {
  color: #2BB54D !important;
}
#page-dashboard-detail .line__image__top-positions .position span, #page-dashboard-detail .line__image__bottom-positions .position span {
  position: relative;
}
#page-dashboard-detail .line__image__top-positions .position span:first-of-type, #page-dashboard-detail .line__image__bottom-positions .position span:first-of-type {
  width: 94%;
  height: 94%;
  border-radius: 4px;
  display: block;
}
.theme-light #page-dashboard-detail .line__image__top-positions .position span:first-of-type, .theme-light #page-dashboard-detail .line__image__bottom-positions .position span:first-of-type {
  background: #FFFFFF;
}
.theme-dark #page-dashboard-detail .line__image__top-positions .position span:first-of-type, .theme-dark #page-dashboard-detail .line__image__bottom-positions .position span:first-of-type {
  background: #26282A;
}
#page-dashboard-detail .line__image__top-positions .position span:first-of-type:before, #page-dashboard-detail .line__image__bottom-positions .position span:first-of-type:before {
  content: '';
  width: 1rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 95%;
  height: 65%;
}
.theme-light #page-dashboard-detail .line__image__top-positions .position span:first-of-type:before, .theme-light #page-dashboard-detail .line__image__bottom-positions .position span:first-of-type:before {
  background: #FFFFFF;
}
.theme-dark #page-dashboard-detail .line__image__top-positions .position span:first-of-type:before, .theme-dark #page-dashboard-detail .line__image__bottom-positions .position span:first-of-type:before {
  background: #26282A;
}
@media (min-width: 888px) {
  #page-dashboard-detail .line__image__top-positions .position span:first-of-type:before, #page-dashboard-detail .line__image__bottom-positions .position span:first-of-type:before {
    width: 1rem;
  }
}
@media (min-width: 1681px) and (min-height: 980px) {
  #page-dashboard-detail .line__image__top-positions .position span:first-of-type:before, #page-dashboard-detail .line__image__bottom-positions .position span:first-of-type:before {
    width: 1.2rem;
  }
}
#page-dashboard-detail .line__image__top-positions .position span:nth-of-type(2), #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(2) {
  width: 90%;
  height: 85%;
  top: 4%;
  background: #C7C7C7;
  display: block;
  position: absolute;
  border-radius: 4px;
}
#page-dashboard-detail .line__image__top-positions .position span:nth-of-type(2):before, #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(2):before {
  content: '';
  display: block;
  position: absolute;
  width: .1rem;
  left: 0;
  right: 0;
  margin: auto;
  background: #C7C7C7;
  z-index: 2;
  top: 100%;
  height: 65%;
}
#page-dashboard-detail .line__image__top-positions .position span:nth-of-type(3), #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3) {
  width: 88%;
  top: 7%;
  height: 79%;
  border-radius: 4px;
  display: block;
  position: absolute;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  line-height: 1;
  color: #FFFFFF;
}
.theme-light #page-dashboard-detail .line__image__top-positions .position span:nth-of-type(3), .theme-light #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3) {
  background: #FFFFFF;
  color: #16181A;
}
.theme-dark #page-dashboard-detail .line__image__top-positions .position span:nth-of-type(3), .theme-dark #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3) {
  background: #26282A;
  color: #FFFFFF;
}
@media (max-height: 1035px) {
  #page-dashboard-detail .line__image__top-positions .position span:nth-of-type(3), #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3) {
    font-size: 1.2rem;
  }
}
@media (max-height: 950px) {
  #page-dashboard-detail .line__image__top-positions .position span:nth-of-type(3), #page-dashboard-detail .line__image__bottom-positions .position span:nth-of-type(3) {
    font-size: 1.1rem;
  }
}
#page-dashboard-detail .line__image__table {
  background-color: #505253;
  border-radius: 0.4rem;
  border: 1px solid #979797;
  box-shadow: 0 0.2rem 0.6rem rgba(22, 24, 26, 0.5), inset 0 -0.1rem 0.9rem rgba(22, 24, 26, 0.3);
  background-image: url('line-bg.b19369fecf7911636ca6.png');
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  overflow: hidden;
  height: 18%;
  max-height: 5.8rem;
}
.theme-light #page-dashboard-detail .line__image__table {
  background-color: #D9D9D9;
  border: 1px solid #C7C7C7;
  box-shadow: 0 0.2rem 0.6rem rgba(22, 24, 26, 0.2), inset 0 -0.1rem 0.9rem rgba(22, 24, 26, 0.2);
}
#page-dashboard-detail .line__image__table img {
  height: 2rem;
  position: absolute;
  left: -10%;
  animation: walk 20s linear infinite;
}
#page-dashboard-detail .line__image__table img:nth-child(1n) {
  animation-delay: 0.9s;
}
#page-dashboard-detail .line__image__table img:nth-child(2n) {
  animation-delay: 1.8s;
}
#page-dashboard-detail .line__image__table img:nth-child(3n) {
  animation-delay: 2.7s;
}
#page-dashboard-detail .line__image__table img:nth-child(4n) {
  animation-delay: 3.6s;
}
#page-dashboard-detail .line__image__table img:nth-child(5n) {
  animation-delay: 4.5s;
}
#page-dashboard-detail .line__image__table img:nth-child(6n) {
  animation-delay: 5.4s;
}
#page-dashboard-detail .line__image__table img:nth-child(7n) {
  animation-delay: 6.3s;
}
#page-dashboard-detail .line__image__table img:nth-child(8n) {
  animation-delay: 7.2s;
}
#page-dashboard-detail .line__image__table img:nth-child(9n) {
  animation-delay: 8.1s;
}
#page-dashboard-detail .line__image__table img:nth-child(10n) {
  animation-delay: 9s;
}
#page-dashboard-detail .line__image__table img:nth-child(11n) {
  animation-delay: 9.9s;
}
#page-dashboard-detail .line__image__table img:nth-child(12n) {
  animation-delay: 10.8s;
}
#page-dashboard-detail .line__image__table img:nth-child(13n) {
  animation-delay: 11.7s;
}
#page-dashboard-detail .line__image__table img:nth-child(14n) {
  animation-delay: 12.6s;
}
#page-dashboard-detail .line__image__table img:nth-child(15n) {
  animation-delay: 13.5s;
}
#page-dashboard-detail .line__image__table img:nth-child(16n) {
  animation-delay: 14.4s;
}
#page-dashboard-detail .line__image__table img:nth-child(17n) {
  animation-delay: 15.3s;
}
#page-dashboard-detail .line__image__table img:nth-child(18n) {
  animation-delay: 16.2s;
}
#page-dashboard-detail .line__image__table img:nth-child(19n) {
  animation-delay: 17.1s;
}
#page-dashboard-detail .line__image__table img:nth-child(20n) {
  animation-delay: 18s;
}
#page-dashboard-detail .line__image__table img:nth-child(21n) {
  animation-delay: 18.9s;
}
#page-dashboard-detail .line__image__table img:nth-child(22n) {
  animation-delay: 19.8s;
}
#page-dashboard-detail .line__image__table img:nth-child(23n) {
  animation-delay: 20.7s;
}
#page-dashboard-detail .line__image__table img:nth-child(24n) {
  animation-delay: 21.6s;
}
#page-dashboard-detail .line__image__table img:nth-child(25n) {
  animation-delay: 22.5s;
}
#page-dashboard-detail .line__image__table img:nth-child(26n) {
  animation-delay: 23.4s;
}
#page-dashboard-detail .line__image__table img:nth-child(27n) {
  animation-delay: 24.3s;
}
#page-dashboard-detail .line__image__table img:nth-child(28n) {
  animation-delay: 25.2s;
}
#page-dashboard-detail .line__image__table img:nth-child(29n) {
  animation-delay: 26.1s;
}
#page-dashboard-detail .line__image__table img:nth-child(30n) {
  animation-delay: 27s;
}
#page-dashboard-detail .line__image__table img:nth-child(31n) {
  animation-delay: 27.9s;
}
#page-dashboard-detail .line__image__table img:nth-child(32n) {
  animation-delay: 28.8s;
}
#page-dashboard-detail .line__image__table img:nth-child(33n) {
  animation-delay: 29.7s;
}
#page-dashboard-detail .line__image__table img:nth-child(34n) {
  animation-delay: 30.6s;
}
#page-dashboard-detail .line__image__table img:nth-child(35n) {
  animation-delay: 31.5s;
}
#page-dashboard-detail .line__image__table img:nth-child(36n) {
  animation-delay: 32.4s;
}
#page-dashboard-detail .line__image__table img:nth-child(37n) {
  animation-delay: 33.3s;
}
#page-dashboard-detail .line__image__table img:nth-child(38n) {
  animation-delay: 34.2s;
}
#page-dashboard-detail .line__image__table img:nth-child(39n) {
  animation-delay: 35.1s;
}
#page-dashboard-detail .line__image__table img:nth-child(40n) {
  animation-delay: 36s;
}
@media (min-width: 888px) {
  #page-dashboard-detail .line__image__table img {
    height: 2rem;
  }
}
@media (min-width: 1681px) and (min-height: 980px) {
  #page-dashboard-detail .line__image__table img {
    height: 2.8rem;
  }
}
#page-dashboard-detail .chart-container {
  margin-bottom: 2rem;
}
@media (min-width: 888px) {
  #page-dashboard-detail .chart-container {
    height: 80%;
    margin-bottom: 0;
  }
}
@media (max-height: 800px) {
  #page-dashboard-detail .chart-container {
    height: calc(100% - 13rem);
    min-height: 40rem;
  }
}
.theme-light #page-dashboard-detail input {
  color: #16181A;
}
.theme-dark #page-dashboard-detail input {
  color: #FFFFFF;
}
#page-line-header a {
  display: block;
  margin-bottom: 2rem;
}
#page-line-header a img {
  max-width: 100%;
}
#page-line-header-detail {
  position: fixed;
  height: 100vh;
  width: 100vw;
  background: url('message-bg.6b18b343997a6994e00f.jpg');
  background-size: cover;
  padding: 3rem;
  font-family: 'Catamaran', sans-serif;
  font-weight: 900;
}
#page-line-header-detail .close {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  width: 8rem;
  height: 8rem;
}
#page-line-header-detail .close:hover {
  opacity: 1;
}
#page-line-header-detail .close:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  color: #FFFFFF;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#page-line-header-detail .info {
  background: #FFFFFF;
  width: 100%;
  height: 40vh;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  color: #0A4A82;
  padding: 2rem;
}
#page-line-header-detail .info .item {
  line-height: 0.8;
}
#page-line-header-detail .info .item .text {
  font-size: 5rem;
}
#page-line-header-detail .info .item .number {
  font-size: 20rem;
}
#page-line-header-detail .message {
  height: 60vh;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  color: #FFFFFF;
  font-size: 6rem;
  line-height: 1;
  max-width: 140rem;
  margin: auto;
}
#page-line-header-configuration .info {
  max-width: 178rem;
  margin: auto;
}
#page-line-header-configuration-detail form {
  max-width: 60rem;
  margin: auto;
}
#page-line-header-configuration-detail form .field--radio label {
  margin-right: 2rem;
}
#page-general-data .info-tab {
  margin-bottom: 1.6rem;
}
@media (min-width: 888px) {
  #page-general-data .chart-container {
    height: calc(100vh - 27rem);
  }
}
#page-worker .name {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  margin-bottom: 2rem;
}
@media (max-height: 750px) and (min-width: 888px) {
  #page-worker .name {
    -moz-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 1rem;
  }
}
#page-worker .name .icon:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 3rem;
}
.theme-light #page-worker .name .icon:before {
  color: #16181A;
}
.theme-dark #page-worker .name .icon:before {
  color: #FFFFFF;
}
@media (min-width: 888px) {
  #page-worker .name .icon:before {
    font-size: 4rem;
  }
}
@media (max-height: 750px) and (min-width: 888px) {
  #page-worker .name .icon:before {
    font-size: 2.5rem;
  }
}
@media (max-height: 750px) and (min-width: 888px) {
  #page-worker .name .info {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
  }
}
#page-worker .name .info h2 {
  margin-bottom: 0;
  font-size: 1.8rem;
}
@media (min-width: 888px) {
  #page-worker .name .info h2 {
    font-size: 2.4rem;
  }
}
@media (max-height: 750px) and (min-width: 888px) {
  #page-worker .name .info h2 {
    margin-right: 1rem;
  }
}
#page-worker .name .info h3 {
  font-size: 1.6rem;
}
@media (min-width: 888px) {
  #page-worker .name .info h3 {
    font-size: 1.8rem;
  }
}
#page-worker .info-tab {
  margin-bottom: 1.6rem;
}
@media (min-width: 888px) {
  #page-worker .chart-container {
    height: calc(100vh - 34rem);
  }
}
#page-users-create .box, #page-users-create .chart-container__menu, #page-users-create .chart-container__chart {
  max-width: 100rem;
  margin: auto;
}
#page-users-create .box__title {
  margin-bottom: 5rem;
}
#page-users-create .box form, #page-users-create .chart-container__menu form, #page-users-create .chart-container__chart form {
  margin: auto;
  max-width: 65rem;
}
#page-users-create .box form img, #page-users-create .chart-container__menu form img, #page-users-create .chart-container__chart form img {
  width: 100%;
  height: 10rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.theme-dark #page-users-create .box form img.camshaft-image, .theme-dark #page-users-create .chart-container__menu form img.camshaft-image, .theme-dark #page-users-create .chart-container__chart form img.camshaft-image {
  filter: brightness(0) invert(1);
}
#page-users-create .box form input[type="file"], #page-users-create .chart-container__menu form input[type="file"], #page-users-create .chart-container__chart form input[type="file"] {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
#page-users-create .box form label.file, #page-users-create .chart-container__menu form label.file, #page-users-create .chart-container__chart form label.file {
  width: 100%;
  height: 4.8rem;
  cursor: pointer;
  border: 1px dashed #C7C7C7;
  border-radius: 4px;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  text-transform: none;
}
#page-users-create .box form .field--radio input[type="radio"] + label, #page-users-create .chart-container__menu form .field--radio input[type="radio"] + label, #page-users-create .chart-container__chart form .field--radio input[type="radio"] + label {
  display: block;
  margin: 0 0 2rem;
}
#page-historical .selection-tab {
  height: 5rem;
  background: #16181A;
  margin-bottom: 1.6rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
@media (max-height: 800px) {
  #page-historical .selection-tab {
    max-height: 4rem;
  }
}
.theme-light #page-historical .selection-tab {
  background: #C7C7C7;
}
#page-historical .selection-tab .field.field--select {
  margin: 0;
}
#page-historical .selection-tab .field.field--select.active {
  background: #0B91F9;
}
.theme-light #page-historical .selection-tab .field.field--select {
  border-right: 0.1rem solid #C7C7C7;
}
.theme-dark #page-historical .selection-tab .field.field--select {
  border-right: 0.1rem solid #505253;
}
#page-historical .selection-tab .field.field--select select {
  padding-right: 4rem;
  background: transparent;
  border: 0;
}
.theme-light #page-historical .selection-tab .field.field--select select {
  color: #16181A;
}
.theme-dark #page-historical .selection-tab .field.field--select select {
  color: #FFFFFF;
}
.theme-light #page-historical p.info {
  color: #16181A;
}
.theme-dark #page-historical p.info {
  color: #FFFFFF;
}
@media (min-width: 888px) {
  #page-historical .chart-container {
    height: calc(100vh - 28rem);
  }
}
#page-productivity .toolbar__actions {
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
}
#page-productivity .selection-tab {
  height: 5rem;
  background: #16181A;
  margin-bottom: 1.6rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
@media (max-height: 800px) {
  #page-productivity .selection-tab {
    max-height: 4rem;
  }
}
.theme-light #page-productivity .selection-tab {
  background: #C7C7C7;
}
#page-productivity .selection-tab .field.field--select {
  margin: 0;
}
#page-productivity .selection-tab .field.field--select.active {
  background: #0B91F9;
}
.theme-light #page-productivity .selection-tab .field.field--select {
  border-right: 0.1rem solid #C7C7C7;
}
.theme-dark #page-productivity .selection-tab .field.field--select {
  border-right: 0.1rem solid #505253;
}
#page-productivity .selection-tab .field.field--select select {
  padding-right: 4rem;
  background: transparent;
  border: 0;
}
.theme-light #page-productivity .selection-tab .field.field--select select {
  color: #16181A;
}
.theme-dark #page-productivity .selection-tab .field.field--select select {
  color: #FFFFFF;
}
.theme-light #page-productivity p.info {
  color: #16181A;
}
.theme-dark #page-productivity p.info {
  color: #FFFFFF;
}
.theme-light #page-productivity input {
  color: #16181A;
}
.theme-dark #page-productivity input {
  color: #FFFFFF;
}
#page-settings .box__title {
  margin-bottom: 5rem;
}
#page-settings .box .fields, #page-settings .chart-container__menu .fields, #page-settings .chart-container__chart .fields {
  margin: auto;
  max-width: 72rem;
}
#page-settings .box .fields .form__actions, #page-settings .chart-container__menu .fields .form__actions, #page-settings .chart-container__chart .fields .form__actions {
  margin-bottom: 2rem;
}
#page-settings .box .fields .field--radio, #page-settings .chart-container__menu .fields .field--radio, #page-settings .chart-container__chart .fields .field--radio {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#page-settings .box .fields .field--radio input, #page-settings .chart-container__menu .fields .field--radio input, #page-settings .chart-container__chart .fields .field--radio input {
  position: absolute;
  left: -9999px;
}
#page-settings .box .fields .field--radio input + label, #page-settings .chart-container__menu .fields .field--radio input + label, #page-settings .chart-container__chart .fields .field--radio input + label {
  cursor: pointer;
  margin: 0 2rem;
}
#page-settings .box .fields .field--radio input + label img, #page-settings .chart-container__menu .fields .field--radio input + label img, #page-settings .chart-container__chart .fields .field--radio input + label img {
  border-radius: 8px;
  border: 0.2rem solid transparent;
}
#page-settings .box .fields .field--radio input:checked + label img, #page-settings .chart-container__menu .fields .field--radio input:checked + label img, #page-settings .chart-container__chart .fields .field--radio input:checked + label img {
  border: 0.2rem solid #0B91F9;
}
#page-settings .box .fields .field input[type="checkbox"] + label, #page-settings .chart-container__menu .fields .field input[type="checkbox"] + label, #page-settings .chart-container__chart .fields .field input[type="checkbox"] + label, #page-settings .box .fields .field input[type="radio"] + label, #page-settings .chart-container__menu .fields .field input[type="radio"] + label, #page-settings .chart-container__chart .fields .field input[type="radio"] + label {
  margin-right: 3rem;
}
#page-settings .version {
  text-align: center;
  font-size: 1.4rem;
  opacity: 0.5;
  margin-bottom: -2rem;
  margin-top: 2rem;
}
.theme-light #page-settings .version {
  color: #16181A;
}
.theme-dark #page-settings .version {
  color: #FFFFFF;
}
#page-waste .steps {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin: 0;
  padding: 0;
  margin-bottom: 5rem;
}
.theme-light #page-waste .steps {
  background: #FFFFFF;
}
.theme-dark #page-waste .steps {
  background: #26282A;
}
#page-waste .steps li {
  margin: 0;
  padding: 0;
  width: 25%;
  height: 100%;
}
#page-waste .steps li span, #page-waste .steps li a {
  padding: 1rem;
  display: block;
  height: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.theme-light #page-waste .steps li span, .theme-light #page-waste .steps li a {
  border-right: 0.2rem solid #f6f7f7;
}
.theme-dark #page-waste .steps li span, .theme-dark #page-waste .steps li a {
  border-right: 0.2rem solid #1F2122;
}
#page-waste .steps li span:last-child, #page-waste .steps li a:last-child {
  border-right: 0;
}
.theme-light #page-waste .steps li span {
  color: #5c656d;
}
.theme-dark #page-waste .steps li span {
  color: #b3b3b3;
}
#page-waste .steps li a {
  background: #0B91F9;
  color: #FFFFFF;
  border-radius: 4px;
}
.theme-light #page-waste .steps li a {
  border: 0.1rem solid #f6f7f7;
}
.theme-dark #page-waste .steps li a {
  border: 0.1rem solid #1F2122;
}
#page-waste .steps li.active a, #page-waste .steps li.active span {
  border: 0.1rem solid #0B91F9 !important;
  border-radius: 4px;
}
.theme-light #page-waste .steps li.active a, .theme-light #page-waste .steps li.active span {
  color: #16181A;
  background: #FFFFFF;
}
.theme-dark #page-waste .steps li.active a, .theme-dark #page-waste .steps li.active span {
  color: #FFFFFF;
  background: #26282A;
}
#page-waste .steps li.active a span, #page-waste .steps li.active span span {
  border: 0 !important;
}
#page-waste h3 + p {
  margin-top: -1rem;
}
#page-waste .filters {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#page-waste .filters a {
  margin: 0.8rem 0.8rem;
  padding: 1.5rem 1rem;
  min-width: 15.5rem;
  border-radius: 4px;
}
.theme-light #page-waste .filters a {
  border: 0.1rem solid #C7C7C7;
  color: #5c656d;
  background: #FFFFFF;
}
.theme-dark #page-waste .filters a {
  border: 0.1rem solid #505253;
  color: #b3b3b3;
  background: #26282A;
}
#page-waste .filters a.active {
  border: 0.1rem solid #0B91F9;
  color: #0B91F9;
  background: rgba(11, 145, 249, 0.15);
}
#page-waste .items {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  max-height: calc(100vh - 45rem);
  overflow: auto;
  position: relative;
}
#page-waste .items a {
  width: calc(25% - 1.6rem);
  margin: 0.8rem 0.8rem;
  display: block;
  padding: 1.5rem 1rem;
  box-shadow: 0 0.2rem 0.4rem rgba(22, 24, 26, 0.5);
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-radius: 4px;
  border: 1px solid transparent;
}
.theme-light #page-waste .items a {
  color: #16181A;
  background: #FFFFFF;
}
.theme-dark #page-waste .items a {
  color: #FFFFFF;
  background: #26282A;
}
#page-waste .items a.active {
  border: 0.1rem solid #0B91F9;
  color: #0B91F9;
  background: rgba(11, 145, 249, 0.15);
}
#page-waste .flex {
  -moz-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
}
#page-waste .weight {
  max-width: 55rem;
  padding: 3.2rem;
  border-radius: 4px;
}
.theme-light #page-waste .weight {
  background: #FFFFFF;
}
.theme-dark #page-waste .weight {
  background: #26282A;
}
#page-waste .weight app-input-number-field {
  width: 100%;
  max-width: 30rem;
}
#page-waste .weight a {
  width: 4.8rem;
  height: 4.8rem;
  background: #0B91F9;
  border-radius: 4px;
  display: block;
  margin-left: 1rem;
  position: relative;
}
#page-waste .weight a:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #FFFFFF;
  font-size: 1.8rem;
}
#page-waste .summary {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 3.2rem;
  max-width: 55rem;
  margin-right: 1rem;
  border-radius: 4px;
}
.theme-light #page-waste .summary {
  background: #FFFFFF;
}
.theme-dark #page-waste .summary {
  background: #26282A;
}
#page-waste .summary .item:first-of-type {
  width: 50%;
  padding-right: 1rem;
}
#page-waste .summary .item:nth-of-type(2) {
  width: 50%;
}
#page-waste .summary .item:nth-of-type(3) {
  width: 100%;
  margin-top: 1.6rem;
}
#page-waste .summary .item h4 {
  font-size: 1.6rem;
  margin-bottom: 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
#page-waste .summary .item p {
  margin-top: 0.5rem;
}
.theme-light #page-waste .summary .item p {
  color: #5c656d;
}
.theme-dark #page-waste .summary .item p {
  color: #b3b3b3;
}
#page-waste .page-waste--step1 {
  height: calc(100vh - 37rem);
}
#page-waste .page-waste--step1 .items {
  max-height: calc(100vh - 42rem);
}
#page-waste .page-waste--step2 {
  height: calc(100vh - 37rem);
}
#page-waste .page-waste--step2 .items {
  max-height: calc(100vh - 58rem);
}
#page-waste .page-waste--step3 {
  height: calc(100vh - 37rem);
}
#page-waste .page-waste--step3 .items {
  max-height: calc(100vh - 47rem);
}
#page-waste .page-waste--step4 {
  height: calc(100vh - 37rem);
}
#page-waste .page-waste--step4 .items {
  max-height: calc(100vh - 47rem);
}
#page-admin-lines-list .info {
  max-width: 178rem;
  margin: auto;
}
#page-admin-lines-detail form .fields {
  max-width: 73rem;
  margin: auto;
}
#page-admin-lines-detail form .line {
  margin-bottom: 1.5rem;
  width: 100%;
  overflow: auto;
  margin-top: 2rem;
}
#page-admin-lines-detail form .line__image {
  height: 100%;
  position: relative;
  margin-bottom: 0;
  min-width: 100%;
}
#page-admin-lines-detail form .line__image__top-products {
  top: 0;
}
#page-admin-lines-detail form .line__image__bottom-products {
  bottom: 0;
}
#page-admin-lines-detail form .line__image__top-products, #page-admin-lines-detail form .line__image__bottom-products {
  position: absolute;
  height: 33%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
}
#page-admin-lines-detail form .line__image__top-products .product, #page-admin-lines-detail form .line__image__bottom-products .product {
  padding: 0 0.3rem;
}
@media (min-width: 1681px) and (min-height: 980px) {
  #page-admin-lines-detail form .line__image__top-products .product, #page-admin-lines-detail form .line__image__bottom-products .product {
    padding: 0 0.5rem;
  }
}
#page-admin-lines-detail form .line__image__top-products .product:first-of-type, #page-admin-lines-detail form .line__image__bottom-products .product:first-of-type {
  padding-left: 0;
}
#page-admin-lines-detail form .line__image__top-products .product:last-of-type, #page-admin-lines-detail form .line__image__bottom-products .product:last-of-type {
  padding-right: 0;
}
#page-admin-lines-detail form .line__image__top-products .product div, #page-admin-lines-detail form .line__image__bottom-products .product div {
  background: rgba(199, 199, 199, 0.17);
  border-width: .1rem;
  border-style: solid;
  border-color: #C7C7C7;
  border-radius: .4rem;
  height: 100%;
}
#page-admin-lines-detail form .line__image__top-products .product--1 div, #page-admin-lines-detail form .line__image__bottom-products .product--1 div {
  background: rgba(250, 18, 132, 0.17);
  border-color: #FA1284;
}
.theme-light #page-admin-lines-detail form .line__image__top-products .product--1 div, .theme-light #page-admin-lines-detail form .line__image__bottom-products .product--1 div {
  background: rgba(250, 18, 132, 0.4);
}
#page-admin-lines-detail form .line__image__top-products .product--2 div, #page-admin-lines-detail form .line__image__bottom-products .product--2 div {
  background: rgba(255, 220, 12, 0.17);
  border-color: #FFDC0C;
}
.theme-light #page-admin-lines-detail form .line__image__top-products .product--2 div, .theme-light #page-admin-lines-detail form .line__image__bottom-products .product--2 div {
  background: rgba(255, 220, 12, 0.4);
}
#page-admin-lines-detail form .line__image__top-products .product--3 div, #page-admin-lines-detail form .line__image__bottom-products .product--3 div {
  background: rgba(148, 254, 0, 0.17);
  border-color: #94FE00;
}
.theme-light #page-admin-lines-detail form .line__image__top-products .product--3 div, .theme-light #page-admin-lines-detail form .line__image__bottom-products .product--3 div {
  background: rgba(148, 254, 0, 0.4);
}
#page-admin-lines-detail form .line__image__top-products .product--4 div, #page-admin-lines-detail form .line__image__bottom-products .product--4 div {
  background: rgba(52, 6, 248, 0.17);
  border-color: #3406F8;
}
.theme-light #page-admin-lines-detail form .line__image__top-products .product--4 div, .theme-light #page-admin-lines-detail form .line__image__bottom-products .product--4 div {
  background: rgba(52, 6, 248, 0.4);
}
#page-admin-lines-detail form .line__image__top-products .product--5 div, #page-admin-lines-detail form .line__image__bottom-products .product--5 div {
  background: rgba(23, 195, 215, 0.17);
  border-color: #17C3D7;
}
.theme-light #page-admin-lines-detail form .line__image__top-products .product--5 div, .theme-light #page-admin-lines-detail form .line__image__bottom-products .product--5 div {
  background: rgba(23, 195, 215, 0.4);
}
#page-admin-lines-detail form .line__image__top-products .product--6 div, #page-admin-lines-detail form .line__image__bottom-products .product--6 div {
  background: rgba(152, 31, 156, 0.17);
  border-color: #981F9C;
}
.theme-light #page-admin-lines-detail form .line__image__top-products .product--6 div, .theme-light #page-admin-lines-detail form .line__image__bottom-products .product--6 div {
  background: rgba(152, 31, 156, 0.4);
}
#page-admin-lines-detail form .line__image__top-positions {
  top: 2%;
}
#page-admin-lines-detail form .line__image__bottom-positions {
  bottom: 2%;
}
#page-admin-lines-detail form .line__image__bottom-positions .position {
  transform: rotate(180deg);
}
#page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3) {
  transform: rotate(180deg);
}
#page-admin-lines-detail form .line__image__top-positions, #page-admin-lines-detail form .line__image__bottom-positions {
  position: absolute;
  height: 30%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  width: 100%;
}
#page-admin-lines-detail form .line__image__top-positions .position, #page-admin-lines-detail form .line__image__bottom-positions .position {
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  margin: 0 0.5rem;
  position: relative;
}
#page-admin-lines-detail form .line__image__top-positions .position--warning span:nth-of-type(2), #page-admin-lines-detail form .line__image__bottom-positions .position--warning span:nth-of-type(2) {
  background: #FF5B5D !important;
}
#page-admin-lines-detail form .line__image__top-positions .position--caution span:nth-of-type(2), #page-admin-lines-detail form .line__image__bottom-positions .position--caution span:nth-of-type(2) {
  background: #F8E71C !important;
}
#page-admin-lines-detail form .line__image__top-positions .position--success span:nth-of-type(2), #page-admin-lines-detail form .line__image__bottom-positions .position--success span:nth-of-type(2) {
  background: #2BB54D !important;
}
.theme-light #page-admin-lines-detail form .line__image__top-positions .position--deactivated span:nth-of-type(2), .theme-light #page-admin-lines-detail form .line__image__bottom-positions .position--deactivated span:nth-of-type(2) {
  background: #FFFFFF;
}
.theme-dark #page-admin-lines-detail form .line__image__top-positions .position--deactivated span:nth-of-type(2), .theme-dark #page-admin-lines-detail form .line__image__bottom-positions .position--deactivated span:nth-of-type(2) {
  background: #26282A;
}
#page-admin-lines-detail form .line__image__top-positions .position--checked span:nth-of-type(2), #page-admin-lines-detail form .line__image__bottom-positions .position--checked span:nth-of-type(2) {
  background: #2BB54D !important;
}
#page-admin-lines-detail form .line__image__top-positions .position--checked span:nth-of-type(3), #page-admin-lines-detail form .line__image__bottom-positions .position--checked span:nth-of-type(3) {
  color: #2BB54D !important;
}
#page-admin-lines-detail form .line__image__top-positions .position span, #page-admin-lines-detail form .line__image__bottom-positions .position span {
  position: relative;
}
#page-admin-lines-detail form .line__image__top-positions .position span:first-of-type, #page-admin-lines-detail form .line__image__bottom-positions .position span:first-of-type {
  width: 94%;
  height: 94%;
  border-radius: 4px;
  display: block;
}
.theme-light #page-admin-lines-detail form .line__image__top-positions .position span:first-of-type, .theme-light #page-admin-lines-detail form .line__image__bottom-positions .position span:first-of-type {
  background: #FFFFFF;
}
.theme-dark #page-admin-lines-detail form .line__image__top-positions .position span:first-of-type, .theme-dark #page-admin-lines-detail form .line__image__bottom-positions .position span:first-of-type {
  background: #26282A;
}
#page-admin-lines-detail form .line__image__top-positions .position span:first-of-type:before, #page-admin-lines-detail form .line__image__bottom-positions .position span:first-of-type:before {
  content: '';
  width: 1rem;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 95%;
  height: 65%;
}
.theme-light #page-admin-lines-detail form .line__image__top-positions .position span:first-of-type:before, .theme-light #page-admin-lines-detail form .line__image__bottom-positions .position span:first-of-type:before {
  background: #FFFFFF;
}
.theme-dark #page-admin-lines-detail form .line__image__top-positions .position span:first-of-type:before, .theme-dark #page-admin-lines-detail form .line__image__bottom-positions .position span:first-of-type:before {
  background: #26282A;
}
@media (min-width: 888px) {
  #page-admin-lines-detail form .line__image__top-positions .position span:first-of-type:before, #page-admin-lines-detail form .line__image__bottom-positions .position span:first-of-type:before {
    width: 1rem;
  }
}
@media (min-width: 1681px) and (min-height: 980px) {
  #page-admin-lines-detail form .line__image__top-positions .position span:first-of-type:before, #page-admin-lines-detail form .line__image__bottom-positions .position span:first-of-type:before {
    width: 1.2rem;
  }
}
#page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(2), #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(2) {
  width: 90%;
  height: 85%;
  top: 4%;
  background: #C7C7C7;
  display: block;
  position: absolute;
  border-radius: 4px;
}
#page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(2):before, #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(2):before {
  content: '';
  display: block;
  position: absolute;
  width: .1rem;
  left: 0;
  right: 0;
  margin: auto;
  background: #C7C7C7;
  z-index: 2;
  top: 100%;
  height: 65%;
}
#page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(3), #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3) {
  width: 88%;
  top: 7%;
  height: 79%;
  border-radius: 4px;
  display: block;
  position: absolute;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  line-height: 1;
  color: #FFFFFF;
}
.theme-light #page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(3), .theme-light #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3) {
  background: #FFFFFF;
  color: #16181A;
}
.theme-dark #page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(3), .theme-dark #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3) {
  background: #26282A;
  color: #FFFFFF;
}
@media (max-height: 1035px) {
  #page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(3), #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3) {
    font-size: 1.2rem;
  }
}
@media (max-height: 950px) {
  #page-admin-lines-detail form .line__image__top-positions .position span:nth-of-type(3), #page-admin-lines-detail form .line__image__bottom-positions .position span:nth-of-type(3) {
    font-size: 1.1rem;
  }
}
#page-admin-lines-detail form .line__image__table {
  background-color: #505253;
  border-radius: 0.4rem;
  border: 1px solid #979797;
  box-shadow: 0 0.2rem 0.6rem rgba(22, 24, 26, 0.5), inset 0 -0.1rem 0.9rem rgba(22, 24, 26, 0.3);
  background-image: url('line-bg.b19369fecf7911636ca6.png');
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 10;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  justify-content: space-around;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  overflow: hidden;
  height: 18%;
  max-height: 5.8rem;
}
.theme-light #page-admin-lines-detail form .line__image__table {
  background-color: #D9D9D9;
  border: 1px solid #C7C7C7;
  box-shadow: 0 0.2rem 0.6rem rgba(22, 24, 26, 0.2), inset 0 -0.1rem 0.9rem rgba(22, 24, 26, 0.2);
}
#page-admin-lines-detail form .line__image__table img {
  height: 2rem;
  position: absolute;
  left: -10%;
  animation: walk 20s linear infinite;
}
#page-admin-lines-detail form .line__image__table img:nth-child(1n) {
  animation-delay: 0.9s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(2n) {
  animation-delay: 1.8s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(3n) {
  animation-delay: 2.7s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(4n) {
  animation-delay: 3.6s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(5n) {
  animation-delay: 4.5s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(6n) {
  animation-delay: 5.4s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(7n) {
  animation-delay: 6.3s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(8n) {
  animation-delay: 7.2s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(9n) {
  animation-delay: 8.1s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(10n) {
  animation-delay: 9s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(11n) {
  animation-delay: 9.9s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(12n) {
  animation-delay: 10.8s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(13n) {
  animation-delay: 11.7s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(14n) {
  animation-delay: 12.6s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(15n) {
  animation-delay: 13.5s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(16n) {
  animation-delay: 14.4s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(17n) {
  animation-delay: 15.3s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(18n) {
  animation-delay: 16.2s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(19n) {
  animation-delay: 17.1s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(20n) {
  animation-delay: 18s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(21n) {
  animation-delay: 18.9s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(22n) {
  animation-delay: 19.8s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(23n) {
  animation-delay: 20.7s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(24n) {
  animation-delay: 21.6s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(25n) {
  animation-delay: 22.5s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(26n) {
  animation-delay: 23.4s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(27n) {
  animation-delay: 24.3s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(28n) {
  animation-delay: 25.2s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(29n) {
  animation-delay: 26.1s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(30n) {
  animation-delay: 27s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(31n) {
  animation-delay: 27.9s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(32n) {
  animation-delay: 28.8s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(33n) {
  animation-delay: 29.7s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(34n) {
  animation-delay: 30.6s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(35n) {
  animation-delay: 31.5s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(36n) {
  animation-delay: 32.4s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(37n) {
  animation-delay: 33.3s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(38n) {
  animation-delay: 34.2s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(39n) {
  animation-delay: 35.1s;
}
#page-admin-lines-detail form .line__image__table img:nth-child(40n) {
  animation-delay: 36s;
}
@media (min-width: 888px) {
  #page-admin-lines-detail form .line__image__table img {
    height: 2rem;
  }
}
@media (min-width: 1681px) and (min-height: 980px) {
  #page-admin-lines-detail form .line__image__table img {
    height: 2.8rem;
  }
}
#page-admin-lines-detail form .line .line__image {
  min-height: 20rem;
}
#page-admin-users-list .info {
  max-width: 178rem;
  margin: auto;
}
#page-admin-users-detail form {
  max-width: 75rem;
  margin: auto;
}
#page-admin-users-detail form .field--box-file {
  max-width: 41rem;
  margin-left: auto;
  margin-right: auto;
}
#page-admin-users-detail form .drag-and-drop .info {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  background: #505253;
  border-radius: 4px;
  padding: 1rem;
}
.theme-light #page-admin-users-detail form .drag-and-drop .info {
  background: #C7C7C7;
}
.theme-dark #page-admin-users-detail form .drag-and-drop .info {
  background: #505253;
}
#page-admin-users-detail form .drag-and-drop .info ul {
  width: 50%;
  background: #FFFFFF;
  height: 20rem;
  margin: 0;
  border-radius: 4px;
  overflow: auto;
  border: 1px solid #C7C7C7;
}
#page-admin-users-detail form .drag-and-drop .info ul li {
  padding: 0;
  margin: 0;
}
#page-admin-users-detail form .drag-and-drop .info ul li.active a, #page-admin-users-detail form .drag-and-drop .info ul li:hover a {
  background: #0B91F9;
  color: #FFFFFF;
}
#page-admin-users-detail form .drag-and-drop .info ul li a {
  display: block;
  padding: 0.5rem 1rem;
  color: #16181A;
  border-bottom: 0.1rem solid #EEEFF0;
}
#page-admin-users-detail form .drag-and-drop .info .arrows {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-flex-direction: column;
  flex-direction: column;
  min-width: 3rem;
}
#page-admin-workers-list .info {
  max-width: 178rem;
  margin: auto;
}
#page-admin-workers-detail form {
  max-width: 75rem;
  margin: auto;
}
#page-admin-workers-detail form .field--box-file {
  max-width: 41rem;
  margin-left: auto;
  margin-right: auto;
}
#page-admin-products-list .info {
  max-width: 178rem;
  margin: auto;
}
#page-admin-products-detail form {
  max-width: 65rem;
  margin: auto;
}
#page-admin-products-detail form img {
  height: 5rem;
  margin: auto;
  display: block;
}
#page-admin-permissions-list .info {
  max-width: 178rem;
  margin: auto;
}
#page-admin-permissions-detail form {
  max-width: 75rem;
  margin: auto;
}
#page-activations {
  padding-bottom: 10rem;
}
#page-activations.page-activations-product .lines, #page-activations.page-activations-worker .lines {
  width: calc(100% - 28rem);
}
#page-activations.page-activations-product .lines--options-active, #page-activations.page-activations-worker .lines--options-active {
  width: calc(100% - 55rem);
}
#page-activations.page-activations-keyboard .lines {
  width: 100%;
}
#page-activations.page-activations-time.sidebar-active .content .lines {
  width: calc(100% - 33rem);
}
#page-activations.page-activations-time .aside--right {
  min-width: 33rem !important;
}
#page-activations.page-activations-time .lines {
  width: 100%;
}
#page-activations.page-activations-work-variables .lines {
  width: calc(100% - 53rem);
}
#page-activations .content {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
#page-activations .content .aside--left {
  min-width: 26rem;
  margin-right: 3.2rem;
}
#page-activations .content .aside--left .search {
  position: relative;
}
#page-activations .content .aside--left .search:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  top: 1rem;
  left: 2rem;
  font-size: 2rem;
}
#page-activations .content .aside--left .search input {
  border: 0;
  text-indent: 4rem;
}
.theme-light #page-activations .content .aside--left .search input {
  color: #16181A;
  background: #FFFFFF;
}
.theme-dark #page-activations .content .aside--left .search input {
  color: #FFFFFF;
  background: #16181A;
}
#page-activations .content .aside--left ul {
  max-height: calc(100vh - 31rem);
  position: relative;
}
.theme-light #page-activations .content .aside--left ul {
  background: #FFFFFF;
}
.theme-dark #page-activations .content .aside--left ul {
  background: #26282A;
}
#page-activations .content .aside--left ul li {
  padding: 1.6rem;
  cursor: pointer;
  margin: 0;
}
.theme-light #page-activations .content .aside--left ul li {
  border-bottom: 1px solid #f6f7f7;
  color: #5c656d;
}
.theme-dark #page-activations .content .aside--left ul li {
  border-bottom: 1px solid #1F2122;
  color: #b3b3b3;
}
#page-activations .content .aside--left ul li.active {
  background: #0B91F9;
}
.theme-light #page-activations .content .aside--left ul li.active {
  color: #16181A;
}
.theme-dark #page-activations .content .aside--left ul li.active {
  color: #FFFFFF;
}
#page-activations .content .aside--right {
  min-width: 50rem;
  margin-left: 3.2rem;
}
#page-activations .content .aside--right h3 {
  font-size: 2rem;
}
#page-activations .content .aside--right .fields {
  max-width: 36rem;
  margin: auto;
}
#page-activations .content .aside--right .fields .field--radio label {
  margin-right: 2rem;
}
#page-activations .content .aside--right .time-form .column-1 {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin-bottom: 1rem;
}
#page-activations .content .aside--right .time-form .column-1 input {
  margin-right: 1rem;
  max-width: 11rem;
}
#page-activations .content .aside--right .time-form input {
  margin: 0;
}
#page-activations .content .aside--right .time-form .button-primary {
  min-width: 23rem;
}
#page-activations .content .aside--right .time-form .button-error {
  min-width: inherit;
}
#page-activations .content .lines app-admin-activation-line-selector:last-of-type .line {
  margin-bottom: 0;
}
#page-activations .content .lines .line {
  margin-bottom: 3.2rem;
}
#page-activations .content .lines .line h3 {
  font-size: 2rem;
}
#page-activations .content .lines .line .field {
  min-height: inherit;
  margin-bottom: 0;
}
#page-activations .content .lines .line label {
  margin-left: 6rem;
  font-size: 1.6rem;
  padding-top: 0.5rem;
  padding-left: 4rem;
}
#page-activations .content .lines .line label:before {
  background: transparent !important;
  top: .3rem;
  height: 2.8rem;
  width: 2.8rem;
}
#page-activations .content .lines .line label:after {
  top: .7rem;
  height: 2rem;
  width: 2rem;
}
#page-activations .content .lines .line .line-content {
  overflow: auto;
}
#page-activations .content .lines .line .line-content__info {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  display: inline-flex;
  overflow: auto;
  position: relative;
}
#page-activations .content .lines .line .line-content__info:before {
  content: '';
  height: 1rem;
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 8rem;
}
.theme-light #page-activations .content .lines .line .line-content__info:before {
  background: #1F2122;
}
.theme-dark #page-activations .content .lines .line .line-content__info:before {
  background: #EEEFF0;
}
#page-activations .content .lines .line .line-content__info .set {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  max-width: 8.5rem;
  margin-right: 2rem;
  position: relative;
}
#page-activations .content .lines .line .line-content__info .set:last-of-type {
  margin-right: 0;
}
#page-activations .content .lines .line .line-content__info .set .position {
  width: 6.4rem;
  height: 3.75rem;
  border-radius: 4px;
  font-size: 1.2rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  cursor: pointer;
}
.theme-light #page-activations .content .lines .line .line-content__info .set .position {
  border: 2px solid #1F2122;
  color: #1F2122;
}
.theme-dark #page-activations .content .lines .line .line-content__info .set .position {
  border: 2px solid #EEEFF0;
  color: #EEEFF0;
}
#page-activations .content .lines .line .line-content__info .set .position--active {
  background: #0B91F9;
}
#page-activations .content .lines .line .line-content__info .set .position--success {
  background: #2BB54D;
}
#page-activations .content .lines .line .line-content__info .set .position--error {
  background: #FF5B5D;
}
#page-activations .content .lines .line .line-content__info .set .position div {
  text-align: center;
  line-height: 1.2;
}
#page-activations .content .lines .line .line-content__info .set .position div span {
  display: block;
}
#page-activations .content .lines .line .line-content__info .set .hr {
  height: 4.5rem;
  width: 1px;
}
.theme-light #page-activations .content .lines .line .line-content__info .set .hr {
  background: #1F2122;
}
.theme-dark #page-activations .content .lines .line .line-content__info .set .hr {
  background: #EEEFF0;
}
#page-activations .content .options {
  margin-left: 3rem;
  width: calc(100% - 3rem);
}
#page-activations .actions {
  text-align: center;
  margin-top: 3.2rem;
  position: fixed;
  bottom: 0;
  width: 100%;
  right: 0;
  padding: 2rem 0;
}
.theme-light #page-activations .actions {
  background: #f6f7f7;
}
.theme-dark #page-activations .actions {
  background: #1F2122;
}
@media (min-width: 888px) {
  #page-activations .actions {
    width: calc(100vw - 22.6rem);
  }
}
@media (min-width: 888px) and (max-width: 1300px) {
  #page-activations .actions {
    width: calc(100vw - 9.5rem);
  }
}
.collapse-sidebar #page-activations .actions {
  width: calc(100vw - 9.5rem);
}
#page-activations .actions .button {
  margin: 0 1.6rem;
}
#page-reports__report1 .pdf-viewer {
  width: 100%;
  height: calc(100vh - 37rem);
}
.theme-light #page-reports__report1 .pdf-viewer {
  background: #EEEFF0;
}
.theme-dark #page-reports__report1 .pdf-viewer {
  background: #16181A;
}
#page-worker-report.real-time .table {
  margin: 0 !important;
}
#page-worker-report.real-time .table .table-body {
  height: calc(100vh - 27rem) !important;
}
@media (min-width: 888px) {
  #page-worker-report {
    padding: 3.2rem 3.2rem 0 3.2rem;
  }
}
@media (max-height: 700px) {
  #page-worker-report .chart-container {
    margin-bottom: 0;
  }
}
@media (max-height: 700px) {
  #page-worker-report .chart-container__chart {
    padding: 2rem 2rem 0 2rem;
  }
}
#page-worker-report .chart-container__chart header .toggle {
  height: 3.8rem;
  padding: 0.7rem 1.6rem;
  border-radius: 4px;
  min-width: 14rem;
  text-align: center;
}
@media (min-width: 1025px) and (max-width: 1400px) {
  #page-worker-report .chart-container__chart header .toggle {
    padding: 0.7rem;
    min-width: auto;
    line-height: 1.6rem;
  }
}
@media (max-width: 1024px) {
  #page-worker-report .chart-container__chart header .toggle {
    padding: 0.7rem;
    min-width: 11rem;
    line-height: 1.2rem;
  }
}
#page-worker-report .chart-container__chart header .button {
  margin-left: 1rem;
  min-width: inherit;
  position: relative;
  padding-left: 3.5rem;
}
#page-worker-report .chart-container__chart header .button img {
  position: absolute;
  width: 1.5rem;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
#page-worker-report .chart-container__chart header .actions {
  width: 100%;
  margin-left: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1026px) and (max-width: 1200px) {
  #page-worker-report .chart-container__chart header .actions {
    transform: scale(0.8);
    transform-origin: left;
  }
}
#page-worker-report .chart-container__chart header .actions__left {
  display: flex;
}
#page-worker-report .chart-container__chart header .actions .field {
  margin-left: 1rem;
}
#page-worker-report .chart-container__chart header .actions .field .ng-select {
  min-width: 13rem;
}
#page-worker-report .chart-container__chart header .actions .field .ng-select.ng-select-single .ng-select-container {
  min-height: 3.8rem !important;
  height: 3.8rem !important;
}
#page-worker-report .chart-container__chart header .actions__left {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
#page-worker-report .chart-container__chart header .actions__left .label {
  white-space: nowrap;
  font-size: 1.2rem;
  margin-left: 1rem;
}
#page-worker-report .chart-container__chart header .actions app-daily-worker-report-lines-filter {
  margin-left: 0;
}
#page-worker-report .chart-container__chart header .actions app-autocomplete-field .field {
  display: flex;
}
#page-worker-report .chart-container__chart header .actions app-autocomplete-field .field label {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
#page-worker-report .chart-container__chart header .actions .field--calendar {
  margin-left: 1rem;
}
#page-worker-report .chart-container__chart header .actions .field--calendar input {
  min-width: 10rem;
  width: 10rem;
}
#page-worker-report .chart-container__chart header .actions .field--radio label {
  padding: 0.8rem 1rem;
  font-size: 1.2rem;
}
#page-worker-report .chart-container__chart .chart-subheader {
  margin-top: 1rem;
  margin-bottom: 0;
}
#page-worker-report .chart-container__chart .chart-subheader__right {
  margin-top: 1rem;
  margin-bottom: 0;
  overflow: auto;
}
#page-worker-report .chart-container__chart .chart-subheader__right .field {
  margin-bottom: 1rem;
}
#page-worker-report .chart-container__chart .chart-subheader__right .field--product {
  flex-wrap: wrap;
  margin-left: 1.5rem;
}
@media (max-width: 1024px) {
  #page-worker-report .chart-container__chart .chart-subheader__right .field--product label {
    min-width: 98px;
  }
}
@media (min-width: 1025px) {
  #page-worker-report .chart-container__chart .chart-subheader__right .field--product label {
    min-width: 140px;
  }
}
#page-worker-report .chart-container__chart .chart-subheader__right .field--product label:first-child {
  margin-right: 0;
  min-width: 0;
}
#page-worker-report .field--radio,
#page-worker-report .field--calendar {
  display: flex !important;
}
#page-worker-report .table {
  width: 50%;
  margin-bottom: 0;
}
#page-worker-report .table--full {
  width: 100%;
}
#page-worker-report .table .table-header {
  overflow: auto;
  min-height: 2.9rem;
}
#page-worker-report .table .table-header div {
  width: 20%;
  float: left;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0.4rem;
  white-space: nowrap;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}
#page-worker-report .table .table-body {
  height: calc(100vh - 36rem);
  overflow: auto;
  position: relative;
}
#page-worker-report .table .table-body .title {
  padding: 0.4rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4rem;
  position: relative;
  padding-left: 3rem;
}
.theme-light #page-worker-report .table .table-body .title {
  border: #C7C7C7 solid 1px;
  border-top: 0;
  background: 0.1rem #C7C7C7;
}
.theme-dark #page-worker-report .table .table-body .title {
  border: #505253 solid 1px;
  border-top: 0;
  background: 0.1rem #505253;
}
.theme-dark #page-worker-report .table .table-body .title {
  color: #C7C7C7;
}
#page-worker-report .table .table-body .title a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3rem;
  line-height: 3rem;
  font-size: 1.7rem;
}
#page-worker-report .table .table-body .table-row {
  overflow: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
#page-worker-report .table .table-body .table-row--6-columns div {
  width: 16.6666666667% !important;
}
#page-worker-report .table .table-body .table-row--7-columns div {
  width: 14.2857142857% !important;
}
#page-worker-report .table .table-body .table-row--9-columns div {
  width: 11.1111111111% !important;
}
#page-worker-report .table .table-body .table-row--10-columns div {
  width: 10% !important;
}
.theme-light #page-worker-report .table .table-body .table-row.subtitle {
  background: 0.1rem #FFFFFF;
}
.theme-dark #page-worker-report .table .table-body .table-row.subtitle {
  background: 0.1rem #16181A;
}
#page-worker-report .table .table-body .table-row div {
  width: 100%;
  float: left;
  white-space: nowrap;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.4rem;
  font-size: 1.4rem;
  min-height: 3rem;
}
.theme-light #page-worker-report .table .table-body .table-row div {
  border-right: #C7C7C7 solid 1px;
  border-bottom: #C7C7C7 solid 1px;
}
.theme-dark #page-worker-report .table .table-body .table-row div {
  border-right: #505253 solid 1px;
  border-bottom: #505253 solid 1px;
}
#page-worker-report .table .table-body .table-row div.action {
  min-width: 5.4rem;
  max-width: 5.4rem;
}
#page-worker-report .table .table-body .table-row div.not-border-right {
  border-right: 0;
}
#page-worker-report .table .table-body .table-row div.not-border-bottom {
  border-bottom: 0;
}
#page-worker-report .table .table-body .table-row div.not-border-left {
  border-left: 0;
}
#page-worker-report .table .table-body .table-row div.not-border-top {
  border-top: 0;
}
.theme-light #page-worker-report .table .table-body .table-row div:first-of-type {
  border-left: #C7C7C7 solid 1px;
}
.theme-dark #page-worker-report .table .table-body .table-row div:first-of-type {
  border-left: #505253 solid 1px;
}
.theme-light #page-worker-report .table .table-body .table-sub-row {
  border-bottom: #C7C7C7 solid 1px;
}
.theme-dark #page-worker-report .table .table-body .table-sub-row {
  border-bottom: #505253 solid 1px;
}
#page-worker-report .table .table-body .table-sub-row .title {
  margin-left: 4rem;
}
#page-worker-report .table .table-body .table-sub-row .table-row div:first-child {
  margin-left: 4rem;
  width: calc(20% - 4rem);
}
#page-worker-report .table .table-body .table-sub-row .table-row:last-child div {
  border-bottom: 0;
}
#page-worker-report .table .table-body .empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 1.2rem;
  font-weight: 700;
}
#page-worker-report .table .table-footer {
  background: #252728;
  color: #FFFFFF;
  overflow: auto;
}
.theme-light #page-worker-report .table .table-footer {
  background: #C7C7C7;
  color: #505253;
  border-top: 1px solid #252728;
}
#page-worker-report .table .table-footer .table-footer__row {
  overflow: auto;
}
#page-worker-report .table .table-footer .table-footer__row div {
  width: 20%;
  float: left;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0.5rem 0.7rem 0 0.7rem;
  white-space: nowrap;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}
#page-worker-report .table table a.pointer {
  font-size: 2rem;
  line-height: 1;
}
.theme-light #page-worker-report .table table .title {
  border: #C7C7C7 solid 1px;
}
.theme-dark #page-worker-report .table table .title {
  border: #505253 solid 1px;
}
#page-worker-report .chart {
  width: 50%;
  height: calc(100vh - 30rem);
}
#page-worker-report .chart .field--radio {
  min-height: inherit !important;
}
#page-worker-report .chart .highcharts-background,
#page-worker-report .chart .highcharts-plot-background {
  fill: transparent !important;
}
#page-worker-report .chart .highcharts-container {
  width: 100% !important;
  height: 100%;
}
#page-worker-report .chart .highcharts-container .highcharts-root {
  width: 100% !important;
}
#page-worker-report .select-filter {
  width: 100%;
  height: calc(100vh - 28rem);
}
#page-worker-report .select-filter .info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#page-worker-report .select-filter .info img {
  max-width: 9rem;
  display: block;
  margin: 0 auto 2rem;
}
@media (max-height: 750px) {
  #page-worker-weight-report {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
#page-worker-weight-report .chart-container__chart header .toggle {
  height: 3.8rem;
  padding: 0.7rem 1.6rem;
  border-radius: 4px;
}
#page-worker-weight-report .chart-container__chart header .button {
  margin-left: 1rem;
  min-width: inherit;
  position: relative;
  padding-left: 3.5rem;
}
#page-worker-weight-report .chart-container__chart header .button img {
  position: absolute;
  width: 1.5rem;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
#page-worker-weight-report .chart-container__chart header .actions {
  width: 65%;
  margin-left: auto !important;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
#page-worker-weight-report .chart-container__chart header .actions .field {
  margin-left: 1rem;
}
#page-worker-weight-report .chart-container__chart header .actions .field .ng-select {
  min-width: 13rem;
}
#page-worker-weight-report .chart-container__chart header .actions .field .ng-select.ng-select-single .ng-select-container {
  min-height: 3.8rem !important;
  height: 3.8rem !important;
}
#page-worker-weight-report .chart-container__chart header .actions__left {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
#page-worker-weight-report .chart-container__chart header .actions__left .label {
  white-space: nowrap;
  font-size: 1.2rem;
}
#page-worker-weight-report .chart-container__chart header .actions app-daily-worker-report-lines-filter {
  margin-left: auto;
}
#page-worker-weight-report .chart-container__chart header .actions app-autocomplete-field .field {
  display: flex;
}
#page-worker-weight-report .chart-container__chart header .actions app-autocomplete-field .field label {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
#page-worker-weight-report .chart-container__chart header .actions .field--calendar {
  margin-left: 1rem;
}
#page-worker-weight-report .chart-container__chart header .actions .field--calendar input {
  min-width: 12rem;
  width: 12rem;
}
#page-worker-weight-report .chart-container__chart header .actions .field--radio label {
  padding: 0.8rem 1rem;
  font-size: 1.2rem;
}
#page-worker-weight-report .chart-container__chart .chart-subheader__right {
  overflow: auto;
}
@media (max-height: 750px) and (min-width: 1150px) {
  #page-worker-weight-report .chart-container {
    margin-bottom: 0;
  }

  #page-worker-weight-report .chart-container__chart {
    padding: 2rem 2rem 0 2rem;
  }

  #page-worker-weight-report .chart-container__chart .canvas-container {
    height: calc(100% - 3rem);
  }
}
@media (max-height: 580px) {
  #page-worker-weight-report .canvas-container {
    height: 95%;
  }
}
#page-worker-weight-report .field--radio,
#page-worker-weight-report .field--calendar {
  display: flex !important;
}
#page-worker-weight-report .table {
  width: 50%;
  margin-bottom: 0;
}
#page-worker-weight-report .table .table-header {
  overflow: auto;
  min-height: 2.9rem;
}
#page-worker-weight-report .table .table-header div {
  width: 20%;
  float: left;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0.4rem;
  white-space: nowrap;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}
#page-worker-weight-report .table .table-body {
  height: calc(100vh - 40rem);
  overflow: auto;
  position: relative;
}
#page-worker-weight-report .table .table-body .title {
  padding: 0.4rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4rem;
  position: relative;
  padding-left: 3rem;
}
.theme-light #page-worker-weight-report .table .table-body .title {
  border: #C7C7C7 solid 1px;
  border-top: 0;
  background: 0.1rem #C7C7C7;
}
.theme-dark #page-worker-weight-report .table .table-body .title {
  border: #505253 solid 1px;
  border-top: 0;
  background: 0.1rem #505253;
}
.theme-dark #page-worker-weight-report .table .table-body .title {
  color: #C7C7C7;
}
#page-worker-weight-report .table .table-body .title a {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3rem;
  line-height: 3rem;
  font-size: 1.7rem;
}
#page-worker-weight-report .table .table-body .table-row {
  overflow: auto;
}
#page-worker-weight-report .table .table-body .table-row div {
  width: 20%;
  float: left;
  white-space: nowrap;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.4rem;
  font-size: 1.4rem;
}
.theme-light #page-worker-weight-report .table .table-body .table-row div {
  border-right: #C7C7C7 solid 1px;
  border-bottom: #C7C7C7 solid 1px;
}
.theme-dark #page-worker-weight-report .table .table-body .table-row div {
  border-right: #505253 solid 1px;
  border-bottom: #505253 solid 1px;
}
.theme-light #page-worker-weight-report .table .table-body .table-row div:first-of-type {
  border-left: #C7C7C7 solid 1px;
}
.theme-dark #page-worker-weight-report .table .table-body .table-row div:first-of-type {
  border-left: #505253 solid 1px;
}
#page-worker-weight-report .table .table-body .empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 1.2rem;
  font-weight: 700;
}
#page-worker-weight-report .table .table-footer {
  background: #252728;
  color: #FFFFFF;
  overflow: auto;
}
.theme-light #page-worker-weight-report .table .table-footer {
  background: #C7C7C7;
  color: #505253;
  border-top: 1px solid #252728;
}
#page-worker-weight-report .table .table-footer .table-footer__row {
  overflow: auto;
}
#page-worker-weight-report .table .table-footer .table-footer__row div {
  width: 20%;
  float: left;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 0.7rem;
  white-space: nowrap;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}
#page-worker-weight-report .table table a.pointer {
  font-size: 2rem;
  line-height: 1;
}
.theme-light #page-worker-weight-report .table table .title {
  border: #C7C7C7 solid 1px;
}
.theme-dark #page-worker-weight-report .table table .title {
  border: #505253 solid 1px;
}
#page-worker-weight-report .chart {
  height: calc(50vh - 16rem);
}
@media (max-height: 750px) {
  #page-worker-weight-report .chart {
    height: 30vh;
    margin-bottom: 0;
  }

  #page-worker-weight-report .chart h4 {
    margin-bottom: 0;
  }
}
@media (max-height: 580px) {
  #page-worker-weight-report .chart h4 {
    margin-top: 5px;
    border-top: 1px solid #505253;
    padding-top: 5px;
  }
}
#page-worker-weight-report .chart .field--radio {
  min-height: inherit !important;
}
#page-worker-weight-report .chart--first {
  margin-bottom: 3rem;
  position: relative;
}
@media (max-height: 720px) {
  #page-worker-weight-report .chart--first {
    margin-bottom: 0;
  }
}
#page-worker-weight-report .chart--first:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: -1.6rem;
  height: 1rem;
  width: calc(100% + 1.6rem * 2);
}
@media (min-width: 888px) {
  #page-worker-weight-report .chart--first:before {
    left: -3.2rem;
    width: calc(100% + 1.6rem * 4);
  }
}
@media (max-height: 780px) {
  #page-worker-weight-report .chart--first:before {
    left: -2rem;
    width: calc(100% + 4rem);
  }
}
@media (max-height: 580px) {
  #page-worker-weight-report .chart--first:before {
    display: none;
  }
}
.theme-light #page-worker-weight-report .chart--first:before {
  background: #f6f7f7;
}
.theme-dark #page-worker-weight-report .chart--first:before {
  background: #1F2122;
}
#page-worker-weight-report .chart .highcharts-background,
#page-worker-weight-report .chart .highcharts-plot-background {
  fill: transparent !important;
}
#page-worker-weight-report .chart .highcharts-container {
  width: 100% !important;
}
#page-worker-weight-report .chart .highcharts-container .highcharts-root {
  width: 100% !important;
}
#page-worker-weight-report .chart .empty {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
}
#page-worker-weight-report .select-filter {
  width: 100%;
  height: calc(100vh - 28rem);
}
#page-worker-weight-report .select-filter .info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#page-worker-weight-report .select-filter .info img {
  max-width: 9rem;
  display: block;
  margin: 0 auto 2rem;
}
#page-production-report {
  /*
  .table
  */
  /*
  .tags-selected {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3rem;
    row-gap: 1rem;
  }

  .tag-group {
    display: flex;
    align-items: center;
    column-gap: 0.6rem;

    &__label {
      font-size: 1.2rem;
      @include semibold-font();
      margin-right: 0.2rem;

      @include themify($themes) {
        color: themed('text-emphasis-color');
      }
    }

  }

  .tag-filter {
    display: flex;
    align-items: center;
    padding: 0.3rem 0.5rem;
    column-gap: 0.6rem;
    border-radius: 0.2rem;

    @include themify($themes) {
      border: themed('grey-color') solid 1px;
      color: themed('text-emphasis-color');
    }

    &__name {
      font-size: 1.2rem;
      line-height: 1;
    }

    &__remove {
      cursor: pointer;

      &:before {
        @include fonticon_close;
      }
    }
  }
  */
}
#page-production-report.real-time .table {
  margin: 0 !important;
}
#page-production-report.real-time .table .table-body {
  height: calc(100vh - 27rem) !important;
}
@media (min-width: 888px) {
  #page-production-report {
    padding: 3.2rem 3.2rem 0 3.2rem;
  }
}
@media (max-height: 700px) {
  #page-production-report .chart-container {
    margin-bottom: 0;
  }
}
@media (max-height: 700px) {
  #page-production-report .chart-container__chart {
    padding: 2rem 2rem 0 2rem;
  }
}
#page-production-report .chart-container__chart header {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 1.5rem;
}
#page-production-report .chart-container__chart header .toggle {
  height: 3.8rem;
  padding: 0.7rem 1.6rem;
  border-radius: 4px;
  min-width: 14rem;
  text-align: center;
}
@media (min-width: 1025px) and (max-width: 1400px) {
  #page-production-report .chart-container__chart header .toggle {
    padding: 0.7rem;
    min-width: auto;
    line-height: 1.6rem;
  }
}
@media (max-width: 1024px) {
  #page-production-report .chart-container__chart header .toggle {
    padding: 0.7rem;
    min-width: 11rem;
    line-height: 1.2rem;
  }
}
#page-production-report .chart-container__chart header .button {
  margin-left: 1rem;
  min-width: inherit;
}
#page-production-report .chart-container__chart header .button-icon {
  margin-left: 1rem;
  min-width: inherit;
  position: relative;
  padding-left: 3.5rem;
}
#page-production-report .chart-container__chart header .button-icon img {
  position: absolute;
  width: 1.5rem;
  left: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
#page-production-report .chart-container__chart header .actions {
  width: 100%;
  flex: 1 auto;
  margin-left: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  /*
      @media (min-width: 1026px) and (max-width:1200px) {
        transform: scale(0.8);
        transform-origin: left;
      }
      */
  /*
      .field--select {
        margin-left: 1rem;
        margin-top: 0;
        position: relative;

        &:before {
          display: none;
        }

        label {
          height: 4rem;
          padding: 0.8rem 2.2rem;
          text-transform: none;
          margin: 0;
          cursor: pointer;
          @extend .regular-font;
          background: $grey;
          border-radius: $border-radius 0 0 $border-radius;
          @include flex-display();

          @include themify($themes) {
            background: .1rem themed('border-color');
          }

          @media (max-height: 780px){
            padding: 0.4rem 2.2rem;
          }

          .theme-dark & {
            color: $light-grey;
          }

          &:before {
            @include fonticon_time;
          }
        }

        .ng-select{
          display:none;
        }

        select {
          display: none;
        }

        label:focus + select,
        label:focus + .ng-select,
        select:focus {
          display: block;
          position: absolute;
          top: 100%;
          left:0;
        }

      }
      */
}
#page-production-report .chart-container__chart header .actions__left {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 1.2rem;
  flex: 1 auto;
}
#page-production-report .chart-container__chart header .actions__left .fields {
  display: flex;
  align-items: flex-start;
  flex: 1 auto;
  flex-wrap: wrap;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
  row-gap: 1rem;
}
#page-production-report .chart-container__chart header .actions .field {
  margin-left: 1rem;
}
#page-production-report .chart-container__chart header .actions .field .ng-select {
  min-width: 13rem;
}
#page-production-report .chart-container__chart header .actions .field .ng-select.ng-select-single .ng-select-container {
  min-height: 3.8rem !important;
  height: 3.8rem !important;
}
#page-production-report .chart-container__chart header .actions__left {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
#page-production-report .chart-container__chart header .actions__left .label {
  white-space: nowrap;
  font-size: 1.2rem;
  margin-left: 1rem;
}
#page-production-report .chart-container__chart header .actions app-daily-worker-report-lines-filter {
  margin-left: 0;
}
#page-production-report .chart-container__chart header .actions app-autocomplete-field .field {
  display: flex;
}
#page-production-report .chart-container__chart header .actions app-autocomplete-field .field label {
  margin-right: 0.5rem;
  font-size: 1.2rem;
}
#page-production-report .chart-container__chart header .actions .field--calendar {
  margin-left: 0;
  flex-shrink: 0;
}
#page-production-report .chart-container__chart header .actions .field--calendar input {
  min-width: 20rem;
  width: 22rem;
}
#page-production-report .chart-container__chart header .actions .time-fields {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
#page-production-report .chart-container__chart header .actions .field--time {
  flex-shrink: 0;
  margin-left: 0;
  display: flex;
}
#page-production-report .chart-container__chart header .actions .field--time label {
  padding: 0.8rem 2.2rem;
  text-transform: none;
  margin: 0;
  cursor: pointer;
  background: #505253;
  border-radius: 4px 0 0 4px;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.theme-light #page-production-report .chart-container__chart header .actions .field--time label {
  background: 0.1rem #C7C7C7;
}
.theme-dark #page-production-report .chart-container__chart header .actions .field--time label {
  background: 0.1rem #505253;
}
@media (max-height: 780px) {
  #page-production-report .chart-container__chart header .actions .field--time label {
    padding: 0.4rem 2.2rem;
  }
}
.theme-dark #page-production-report .chart-container__chart header .actions .field--time label {
  color: #C7C7C7;
}
#page-production-report .chart-container__chart header .actions .field--time label:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
#page-production-report .chart-container__chart header .actions .field--time input {
  height: 4rem;
  margin: 0;
  border-radius: 0 4px 4px 0;
  background: transparent;
  width: 10rem;
}
.theme-light #page-production-report .chart-container__chart header .actions .field--time input {
  border: 0.1rem solid #C7C7C7;
}
.theme-dark #page-production-report .chart-container__chart header .actions .field--time input {
  border: 0.1rem solid #505253;
}
@media (max-height: 780px) {
  #page-production-report .chart-container__chart header .actions .field--time input {
    height: 3rem;
  }
}
.theme-light #page-production-report .chart-container__chart header .actions .field--time input {
  border: 0.1rem solid #C7C7C7;
}
#page-production-report .chart-container__chart header .actions .field--time input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
  display: none;
}
#page-production-report .chart-container__chart header .actions .button-fields {
  display: flex;
  gap: 1rem;
}
#page-production-report .chart-container__chart header .actions .label-autocomplete {
  height: 4rem;
  padding: 0.8rem 2.2rem;
  text-transform: none;
  cursor: pointer;
  background: #505253;
  border-radius: 4px;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
#page-production-report .chart-container__chart header .actions .label-autocomplete:before {
  font-size: 1.7rem !important;
  margin-top: 0.1rem;
}
.theme-light #page-production-report .chart-container__chart header .actions .label-autocomplete {
  background: 0.1rem #C7C7C7;
}
.theme-dark #page-production-report .chart-container__chart header .actions .label-autocomplete {
  background: 0.1rem #505253;
}
@media (max-height: 780px) {
  #page-production-report .chart-container__chart header .actions .label-autocomplete {
    padding: 0.4rem 2.2rem;
    height: 3rem;
  }
}
.theme-dark #page-production-report .chart-container__chart header .actions .label-autocomplete {
  color: #C7C7C7;
}
#page-production-report .chart-container__chart header .actions .label-batch:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
#page-production-report .chart-container__chart header .actions .label-worker:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
#page-production-report .chart-container__chart header .actions .label-product:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  font-size: 2.2rem !important;
  margin-top: -0.2rem;
}
#page-production-report .chart-container__chart header .actions .label-activity:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
#page-production-report .chart-container__chart .chart-subheader {
  margin-top: 1rem;
  margin-bottom: 0;
}
#page-production-report .chart-container__chart .chart-subheader__right {
  margin-top: 1rem;
  margin-bottom: 0;
  overflow: auto;
}
#page-production-report .chart-container__chart .chart-subheader__right .field {
  margin-bottom: 1rem;
}
#page-production-report .chart-container__chart .chart-subheader__right .field--product {
  flex-wrap: wrap;
  margin-left: 1.5rem;
}
@media (max-width: 1024px) {
  #page-production-report .chart-container__chart .chart-subheader__right .field--product label {
    min-width: 98px;
  }
}
@media (min-width: 1025px) {
  #page-production-report .chart-container__chart .chart-subheader__right .field--product label {
    min-width: 140px;
  }
}
#page-production-report .chart-container__chart .chart-subheader__right .field--product label:first-child {
  margin-right: 0;
  min-width: 0;
}
#page-production-report .field--calendar {
  display: flex !important;
}
#page-production-report .select-filter {
  width: 100%;
  height: calc(100vh - 32rem);
}
#page-production-report .select-filter .info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 1;
}
#page-production-report .select-filter .info img {
  max-width: 9rem;
  display: block;
  margin: 0 auto 2rem;
}
#page-production-report .table-container {
  width: 100%;
  height: calc(100vh - 32rem);
  overflow: auto;
}
#page-production-report .table-container .info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
#page-production-report .table-container .info img {
  max-width: 9rem;
  display: block;
  margin: 0 auto 2rem;
}
.page-dmi {
  /*
  input{
    @include themify($themes) {
      color:  themed('text-emphasis-color');
    }
  }
  */
}
.page-dmi .product-selection {
  height: auto;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-flex-direction: column;
  flex-direction: column;
  min-height: 50rem;
}
@media (min-width: 888px) {
  .page-dmi .product-selection {
    height: calc(100vh - 26.4rem);
    -moz-flex-direction: row;
    flex-direction: row;
    align-items: stretch;
    -moz-column-gap: 1.6rem;
         column-gap: 1.6rem;
  }
}
@media (max-height: 790px) {
  .page-dmi .product-selection {
    min-height: 40rem;
  }
}
@media (max-height: 700px) {
  .page-dmi .product-selection {
    margin-bottom: 2rem;
  }
}
.page-dmi .product-selection__search {
  top: 0;
}
.page-dmi .product-selection__search input {
  border: 0;
  padding: 3.2rem 1.6rem;
  margin: 0 0 1rem;
}
.theme-light .page-dmi .product-selection__search input {
  color: #16181A;
  background: #FFFFFF;
}
.theme-dark .page-dmi .product-selection__search input {
  color: #FFFFFF;
  background: #16181A;
}
.page-dmi .product-selection__search input::-moz-placeholder {
  color: #C7C7C7;
  opacity: 1;
  /* Firefox */
}
.page-dmi .product-selection__search input::placeholder {
  color: #C7C7C7;
  opacity: 1;
  /* Firefox */
}
.page-dmi .product-selection__search input::-ms-input-placeholder {
  /* Edge 12 -18 */
  color: #C7C7C7;
}
.page-dmi .product-selection__links, .page-dmi .lines .line__links {
  display: flex;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  margin: 1.2rem 0 1.6rem;
}
.theme-light .page-dmi .product-selection__links a, .theme-light .page-dmi .lines .line__links a {
  color: #16181A;
}
.theme-dark .page-dmi .product-selection__links a, .theme-dark .page-dmi .lines .line__links a {
  color: #FFFFFF;
}
.page-dmi .product-selection__menu {
  width: 100%;
  padding: 0;
  margin-top: 2rem;
  margin-bottom: 4rem;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 888px) {
  .page-dmi .product-selection__menu {
    width: 15%;
    min-width: 26rem;
    margin-top: 0;
    margin-bottom: 0;
  }
}
.page-dmi .product-selection__menu ul {
  padding: 0;
  margin: 0;
  max-height: 42rem;
  overflow: auto;
  width: 100%;
  box-shadow: 0 0.1rem 0.4rem rgba(22, 24, 26, 0.45);
  flex: 1 auto;
  /*
        @include themify($themes) {
          background: themed("box-background");
        }
        */
}
@media (min-width: 888px) {
  .page-dmi .product-selection__menu ul {
    max-height: inherit;
    display: block !important;
    position: relative;
    box-shadow: none;
    background: none;
  }
}
.page-dmi .product-selection__menu ul li {
  padding: 0;
  margin: 0;
}
.page-dmi .product-selection__menu ul li:last-of-type a {
  border-bottom: 0;
}
.page-dmi .product-selection__menu ul li.active a {
  background: #0B91F9;
  color: #16181A !important;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.page-dmi .product-selection__menu ul li a:hover {
  background: #0B91F9;
  color: #16181A !important;
}
.page-dmi .product-selection__menu ul li a {
  display: block;
  padding: 1.6rem 2.4rem;
  border-bottom: 0.1rem solid #505253;
  line-height: 1.2;
}
.theme-light .page-dmi .product-selection__menu ul li a {
  color: #16181A;
  border-bottom: 0.1rem solid #C7C7C7;
}
.theme-dark .page-dmi .product-selection__menu ul li a {
  color: #FFFFFF;
  border-bottom: 0.1rem solid #505253;
}
@media (max-height: 780px) and (min-width: 890px) {
  .page-dmi .product-selection__menu ul li a {
    padding: 1.2rem 2rem;
  }
}
.page-dmi .product-selection__lines {
  flex: 1 auto;
  overflow: auto;
}
.page-dmi .product-selection__lines .lines {
  row-gap: 2.8rem;
}
.page-dmi .product-selection__lines .lines .line {
  padding: 2.8rem 3.2rem;
}
.page-dmi .product-selection__resume {
  padding: 2rem 2.8rem 0;
  background: #252728;
  display: flex;
  flex-direction: column;
}
.theme-light .page-dmi .product-selection__resume {
  background: #C7C7C7;
}
@media (min-width: 888px) {
  .page-dmi .product-selection__resume {
    width: 23%;
    min-width: 38rem;
  }
}
.page-dmi .product-selection__resume h3 {
  font-size: 1.8rem;
  text-transform: uppercase;
}
.page-dmi .product-selection__resume .selected-values {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 0.6rem;
  border-bottom: 1px solid #C7C7C7;
  font-size: 1.8rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.theme-light .page-dmi .product-selection__resume .selected-values {
  color: #16181A;
}
.theme-dark .page-dmi .product-selection__resume .selected-values {
  color: #FFFFFF;
}
.page-dmi .product-selection__resume .selected-values__number {
  padding: 0.4rem 0.6rem;
  text-align: center;
  line-height: 1.2;
  min-width: 2.6rem;
  height: 2.6rem;
  border-radius: 1.3rem;
}
.page-dmi .product-selection__resume .selected-values__number.selected {
  background-color: #0B91F9;
  color: #FFFFFF;
}
.page-dmi .product-selection__table {
  overflow: auto;
  flex: 1 auto;
  height: 100%;
}
.page-dmi .product-selection .empty-message {
  padding: 4.8rem 1.2rem;
  text-align: center;
}
.page-dmi .product-selection .empty-message p, .page-dmi .product-selection .empty-message span {
  max-width: 18rem;
  margin: 0 auto;
  font-size: 1.7rem;
}
.theme-light .page-dmi .product-selection .empty-message p,
.theme-light .page-dmi .product-selection .empty-message span {
  color: #16181A;
}
.theme-dark .page-dmi .product-selection .empty-message p, .theme-dark .page-dmi .product-selection .empty-message span {
  color: #FFFFFF;
}
.page-dmi .product-selection .step-message {
  flex: 1 auto;
  padding: 0 1.2rem 6rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 4.8rem;
}
.page-dmi .product-selection .step-message p, .page-dmi .product-selection .step-message span {
  max-width: 18rem;
  margin: 0 auto;
  font-size: 1.7rem;
}
.theme-light .page-dmi .product-selection .step-message p,
.theme-light .page-dmi .product-selection .step-message span {
  color: #16181A;
}
.theme-dark .page-dmi .product-selection .step-message p, .theme-dark .page-dmi .product-selection .step-message span {
  color: #FFFFFF;
}
.page-dmi .product-selection--dmi .product-selection__menu.empty {
  padding: 9rem 2.8rem 2rem;
  background: #252728;
}
.theme-light .page-dmi .product-selection--dmi .product-selection__menu.empty {
  background: #C7C7C7;
}
.page-dmi .product-selection--dmi .product-selection__resume {
  padding: 2rem 2.8rem;
}
@media (min-width: 888px) {
  .page-dmi .product-selection--dmi .product-selection__resume {
    width: 15%;
    min-width: 26rem;
  }
}
.page-dmi .product-selection--dmi .product-selection__resume h3 {
  height: 5rem;
  border-bottom: 1px solid #C7C7C7;
  margin-bottom: 2rem;
}
.page-dmi .product-selection--dmi .table-simple td:first-child {
  padding: 1.8rem 0;
}
.page-dmi .product-selection--dmi .table-simple td:last-child {
  padding: 1.8rem 0.6rem 1.8rem 1.2rem;
}
.page-dmi .lines {
  display: flex;
  flex-direction: column;
  row-gap: 3.2rem;
}
.page-dmi .lines .line {
  padding: 3.2rem;
  border-radius: 2px;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
  background: #252728;
}
.theme-light .page-dmi .lines .line {
  background: #C7C7C7;
}
.page-dmi .lines .line__header {
  display: flex;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
.page-dmi .lines .line__title {
  margin-bottom: 1.8rem;
  font-size: 1.8rem;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page-dmi .lines .line__links {
  margin: 0;
}
.page-dmi .lines .line__container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.page-dmi .lines .card {
  position: relative;
  width: calc((100% - 8rem) / 5);
  min-width: 26rem;
  padding: 1.5rem 3.6rem 1.5rem 1.8rem;
  border-radius: 0.4rem;
}
.theme-light .page-dmi .lines .card {
  background: #EEEFF0;
}
.theme-dark .page-dmi .lines .card {
  background: #353637;
}
.page-dmi .lines .card.selected:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 0.8rem);
  height: calc(100% - 0.8rem);
  top: 0;
  left: 0;
  margin: 0.4rem;
  border-radius: 0.4rem;
  border: 2px solid #0B91F9;
}
.page-dmi .lines .card p {
  margin: 0;
  line-height: 1.4;
}
.theme-light .page-dmi .lines .card p {
  color: #16181A;
}
.theme-dark .page-dmi .lines .card p {
  color: #FFFFFF;
}
.page-dmi .lines .card__label {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  min-width: 8rem;
}
.page-dmi .lines .card__weight {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
  padding: 0.7rem 1rem 0.3rem;
  border-radius: 0.4rem;
  display: flex;
  align-items: flex-end;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
}
.theme-light .page-dmi .lines .card__weight {
  color: #FFFFFF;
  background-color: #16181A;
}
.theme-dark .page-dmi .lines .card__weight {
  color: #16181A;
  background-color: #FFFFFF;
}
.page-dmi .lines .card__weight-value {
  font-size: 2rem;
  line-height: 1;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page-dmi .lines .card__weight-unit {
  font-size: 1.2rem;
}
.page-dmi .lines .card__status {
  position: absolute;
  right: 1.5rem;
  bottom: 2rem;
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 50%;
}
.page-dmi .lines .card__status--connected {
  background-color: #2DDF07;
}
.page-dmi .lines .card__status--disconnected {
  background-color: #F81515;
}
.page-dmi .lines .card.card--small {
  min-width: 16rem;
}
.page-dmi .table-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
}
.page-dmi .selection-tab {
  flex: 1 auto;
  height: 5rem;
  background: #16181A;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
@media (max-height: 800px) {
  .page-dmi .selection-tab {
    max-height: 4rem;
  }
}
.theme-light .page-dmi .selection-tab {
  background: #C7C7C7;
}
.page-dmi .selection-tab .field.field--select {
  margin: 0;
}
.page-dmi .selection-tab .field.field--select.active {
  background: #0B91F9;
}
.theme-light .page-dmi .selection-tab .field.field--select {
  border-right: 0.1rem solid #C7C7C7;
}
.theme-dark .page-dmi .selection-tab .field.field--select {
  border-right: 0.1rem solid #505253;
}
.page-dmi .selection-tab .field.field--select select {
  padding-right: 4rem;
  background: transparent;
  border: 0;
}
.theme-light .page-dmi .selection-tab .field.field--select select {
  color: #16181A;
}
.theme-dark .page-dmi .selection-tab .field.field--select select {
  color: #FFFFFF;
}
.page-dmi .table-filters {
  background: #1F2122;
  /*
    > * {
      @include flex-display();
      @include align-items(center);
    }
    */
  /*
    app-select-field,
    app-input-field, {
      height: $toolbar-input-height;
    }
    */
  /*
    .field {
      margin: 0 1rem 0 0;
      padding-left: 1rem;
      max-width: 12rem;
      width: 100%;
      @include flex-display();

      @include themify($themes) {
        border-right: 2px solid themed('box-background')
      }

      &--select {
        &:after {
          bottom: ($toolbar-input-height/2) - ($select-arrow-size/2);

          @include themify($themes) {
            border-top: $select-arrow-size solid themed('text-emphasis-color');
          }
        }
      }

      select, input {
        height: $toolbar-input-height;
        background: transparent;
        border: 0;
        margin: 0;

        @include themify($themes) {
          color: themed('text-emphasis-color');
          @include placeholder(themed('text-color'), $input-placeholder-font-size, $input-placeholder-font-family, $input-placeholder-letter-spacing, $input-placeholder-text-transform);
        }
      }

      &--calendar{
        @include flex-display();
        @extend .align-items-center;
        max-width: 33rem;
      }

      &--ngSelect {
        @include flex-display();
        @extend .align-items-center;
        max-width: 33rem;

        .ng-select{
          min-width: 10rem;

          .ng-select-container{
            height: $toolbar-input-height;
            background: transparent;
            border: 0;
          }

          .ng-arrow-wrapper .ng-arrow {
            @include themify($themes) {
              border-color: themed('text-emphasis-color') transparent transparent!important;
            }
          }
        }
      }
    }
    */
}
.theme-light .page-dmi .table-filters {
  background: #EEEFF0;
}
.theme-dark .page-dmi .table-filters {
  background: #16181A;
}
.page-dmi .table-filters .datepicker {
  text-align: center;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  justify-content: center;
  height: 4rem;
}
.page-dmi .table-filters .datepicker .datepicker__date {
  font-size: 1.6rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
  padding: 1rem 4rem;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 4px;
}
.theme-light .page-dmi .table-filters .datepicker .datepicker__date {
  color: #16181A;
  background: #C7C7C7;
}
.theme-dark .page-dmi .table-filters .datepicker .datepicker__date {
  color: #FFFFFF;
  background: #16181A;
}
.page-dmi .table-filters .datepicker .datepicker__date:after {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 5px;
  color: #505253;
}
.page-dmi .table-filters .datepicker .datepicker__date input.datepicker__date__selector {
  background: transparent;
  border: 0;
  position: absolute;
  left: 0;
  font-size: 0;
}
.page-dmi .table-filters .filter-icon {
  width: 4rem;
  position: relative;
  display: block;
  height: 100%;
}
.page-dmi .table-filters .filter-icon:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-dmi .table-filters .fields {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.page-dmi .table-filters .fields .field--select {
  max-width: 12rem;
  width: 100%;
}
.page-dmi .table-filters .fields .button {
  margin-left: auto;
}
.theme-light .page-dmi p.info {
  color: #16181A;
}
.theme-dark .page-dmi p.info {
  color: #FFFFFF;
}
.page-dmi .toolbar {
  margin: 0;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  min-height: 4rem;
}
.page-dmi .toolbar__filters {
  width: 100%;
  height: 4rem;
  box-shadow: 0 0.1rem 0.4rem rgba(22, 24, 26, 0.13);
  border-radius: 4px;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  background: #1F2122;
}
.theme-light .page-dmi .toolbar__filters {
  background: #EEEFF0;
}
.theme-dark .page-dmi .toolbar__filters {
  background: #16181A;
}
.page-dmi .toolbar__filters > * {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.page-dmi .toolbar__filters .button {
  display: inline-block;
}
.page-dmi .toolbar__filters .filter-icon {
  width: 4rem;
  position: relative;
  display: block;
  height: 100%;
}
.page-dmi .toolbar__filters .filter-icon:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-dmi .toolbar__filters .fields {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
  width: 100%;
}
.page-dmi .toolbar__filters .fields .button {
  margin-left: auto;
}
.page-dmi .toolbar__filters app-select-field,
.page-dmi .toolbar__filters app-input-field {
  height: 4rem;
}
.page-dmi .toolbar__filters .field {
  margin: 0 1rem 0 0;
  padding-left: 1rem;
  max-width: 20rem;
  width: 100%;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
}
.theme-light .page-dmi .toolbar__filters .field {
  border-right: 2px solid #FFFFFF;
}
.theme-dark .page-dmi .toolbar__filters .field {
  border-right: 2px solid #26282A;
}
.page-dmi .toolbar__filters .field--select:after {
  bottom: 1.8rem;
}
.theme-light .page-dmi .toolbar__filters .field--select:after {
  border-top: 0.4rem solid #16181A;
}
.theme-dark .page-dmi .toolbar__filters .field--select:after {
  border-top: 0.4rem solid #FFFFFF;
}
.page-dmi .toolbar__filters .field label {
  margin: 1.4rem 0;
}
.page-dmi .toolbar__filters .field select, .page-dmi .toolbar__filters .field input {
  height: 4rem;
  background: transparent;
  border: 0;
  margin: 0;
}
.theme-light .page-dmi .toolbar__filters .field select,
.theme-light .page-dmi .toolbar__filters .field input {
  color: #16181A;
}
.theme-light .page-dmi .toolbar__filters .field select::-moz-placeholder,
.theme-light .page-dmi .toolbar__filters .field input::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .page-dmi .toolbar__filters .field select:focus::-moz-placeholder,
.theme-light .page-dmi .toolbar__filters .field input:focus::-moz-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-light .page-dmi .toolbar__filters .field select:-ms-input-placeholder,
.theme-light .page-dmi .toolbar__filters .field input:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .page-dmi .toolbar__filters .field select:focus:-ms-input-placeholder,
.theme-light .page-dmi .toolbar__filters .field input:focus:-ms-input-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-light .page-dmi .toolbar__filters .field select::-webkit-input-placeholder,
.theme-light .page-dmi .toolbar__filters .field input::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #5c656d;
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-light .page-dmi .toolbar__filters .field select:focus::-webkit-input-placeholder,
.theme-light .page-dmi .toolbar__filters .field input:focus::-webkit-input-placeholder {
  color: rgba(92, 101, 109, 0.75);
}
.theme-dark .page-dmi .toolbar__filters .field select, .theme-dark .page-dmi .toolbar__filters .field input {
  color: #FFFFFF;
}
.theme-dark .page-dmi .toolbar__filters .field select::-moz-placeholder, .theme-dark .page-dmi .toolbar__filters .field input::-moz-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -moz-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .page-dmi .toolbar__filters .field select:focus::-moz-placeholder, .theme-dark .page-dmi .toolbar__filters .field input:focus::-moz-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.theme-dark .page-dmi .toolbar__filters .field select:-ms-input-placeholder, .theme-dark .page-dmi .toolbar__filters .field input:-ms-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .page-dmi .toolbar__filters .field select:focus:-ms-input-placeholder, .theme-dark .page-dmi .toolbar__filters .field input:focus:-ms-input-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.theme-dark .page-dmi .toolbar__filters .field select::-webkit-input-placeholder, .theme-dark .page-dmi .toolbar__filters .field input::-webkit-input-placeholder {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #b3b3b3;
  letter-spacing: 0px;
  text-transform: none;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
.theme-dark .page-dmi .toolbar__filters .field select:focus::-webkit-input-placeholder, .theme-dark .page-dmi .toolbar__filters .field input:focus::-webkit-input-placeholder {
  color: rgba(179, 179, 179, 0.75);
}
.page-dmi .toolbar__filters .field--calendar {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  max-width: 33rem;
  width: 28rem;
}
.page-dmi .toolbar__filters .field--ngSelect {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  max-width: 33rem;
}
.page-dmi .toolbar__filters .field--ngSelect .ng-select {
  min-width: 10rem;
}
.page-dmi .toolbar__filters .field--ngSelect .ng-select .ng-select-container {
  height: 4rem;
  background: transparent;
  border: 0;
}
.theme-light .page-dmi .toolbar__filters .field--ngSelect .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #16181A transparent transparent !important;
}
.theme-dark .page-dmi .toolbar__filters .field--ngSelect .ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #FFFFFF transparent transparent !important;
}
.page-dmi .toolbar__title h3 {
  margin-bottom: 0;
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.2rem;
}
.page-dmi .toolbar__actions {
  padding-left: 0;
  margin: 0;
  padding-right: 1rem;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  align-items: center;
}
.theme-light .page-dmi .toolbar__actions {
  border-right: 2px solid #FFFFFF;
}
.theme-dark .page-dmi .toolbar__actions {
  border-right: 2px solid #26282A;
}
.page-dmi .toolbar__actions a:last-of-type {
  margin-left: 1rem;
}
.page-dmi .toolbar__actions .field {
  margin: 0;
  padding: 0;
}
.page-dmi .toolbar__actions .field--radio {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  min-height: inherit;
}
.page-dmi .toolbar__actions .field--radio input[type="radio"] {
  display: none;
  position: absolute;
  left: -99999px;
}
.page-dmi .toolbar__actions .field--radio input[type="radio"]:checked + label {
  background: #0B91F9;
  color: #FFFFFF !important;
  border: 0.1rem solid #0B91F9;
}
.page-dmi .toolbar__actions .field--radio label {
  padding: 0.8rem 1rem;
  font-size: 1.2rem;
  text-transform: none;
  margin: 0;
  cursor: pointer;
  border: 0.1rem solid #C7C7C7;
}
.page-dmi .toolbar__actions .field--radio label:before, .page-dmi .toolbar__actions .field--radio label:after {
  display: none !important;
}
@media (min-width: 888px) {
  .page-dmi .toolbar__actions .field--radio label {
    padding: 0.8rem 2.2rem;
  }
}
.theme-dark .page-dmi .toolbar__actions .field--radio label {
  color: #C7C7C7;
}
.page-dmi .toolbar__actions .field--radio label:first-of-type {
  border-radius: 4px 0 0 4px;
}
.page-dmi .toolbar__actions .field--radio label:last-of-type {
  border-radius: 0 4px 4px 0;
  margin-left: -0.1rem;
}
.page-dmi .toolbar__actions .field--radio label:hover {
  border: 0.1rem solid #0B91F9;
  color: #0B91F9 !important;
}
.page-dmi .toolbar__actions .field--calendar {
  margin-left: 2rem;
  display: none;
}
@media (min-width: 888px) {
  .page-dmi .toolbar__actions .field--calendar {
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
  }
}
.page-dmi .toolbar__actions .field--calendar label {
  padding: 0.8rem 2.2rem;
  text-transform: none;
  margin: 0;
  cursor: pointer;
  background: #505253;
  border-radius: 4px 0 0 4px;
  white-space: nowrap;
}
.theme-light .page-dmi .toolbar__actions .field--calendar label {
  background: 0.1rem #C7C7C7;
}
.theme-dark .page-dmi .toolbar__actions .field--calendar label {
  background: 0.1rem #505253;
}
.theme-dark .page-dmi .toolbar__actions .field--calendar label {
  color: #C7C7C7;
}
.page-dmi .toolbar__actions .field--calendar label:before {
  content: "";
  font-family: "atlantis";
  font-size: 1.4rem;
  line-height: 1.35;
  font-weight: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  margin-right: 0.25em;
  text-indent: 0;
}
.page-dmi .toolbar__actions .field--calendar input {
  height: 4rem;
  margin: 0;
  border-radius: 0 4px 4px 0;
  background: transparent;
}
.theme-light .page-dmi .toolbar__actions .field--calendar input {
  border: 0.1rem solid #C7C7C7;
}
.theme-dark .page-dmi .toolbar__actions .field--calendar input {
  border: 0.1rem solid #505253;
}
.theme-light .page-dmi .toolbar__actions .field--calendar input {
  border: 0.1rem solid #C7C7C7;
}
.page-dmi .toolbar__actions app-data-filter {
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  margin-right: 1.6rem;
}
.page-dmi .select-filter {
  width: 100%;
  height: calc(100vh - 28rem);
}
.page-dmi .select-filter .info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.page-dmi .select-filter .info img {
  max-width: 9rem;
  display: block;
  margin: 0 auto 2rem;
}
.page-dmi .no-info {
  width: 100%;
  min-height: 12rem;
  margin-top: 3.2rem;
  padding: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.theme-light .page-dmi .no-info {
  background: #EEEFF0;
}
.theme-dark .page-dmi .no-info {
  background: #353637;
}
.page-dmi .no-info .info {
  text-align: center;
}
#page-dmi-admin {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#page-dmi-admin .box, #page-dmi-admin .chart-container__menu, #page-dmi-admin .chart-container__chart {
  flex: 1 auto;
  display: flex;
  flex-direction: column;
}
#page-dmi-admin form {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}
#page-dmi-admin .form__actions {
  margin-top: auto;
}
.cell-right {
  text-align: right !important;
}
.modal--dropdown .nsm-dialog  {
  max-width: 680px;
}
.modal--dropdown .nsm-content {
  min-height: 435px;
}

/* You can add global styles to this file, and also import other style files */
body.dialog-open {
  overflow: hidden; }
.nsm-dialog-btn-close {
  border: 0;
  background: none;
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 1.2em;
  cursor: pointer; }
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: background-color 500ms;
  background-color: transparent;
  z-index: 999; }
.overlay.nsm-overlay-open {
    background-color: rgba(0, 0, 0, 0.5); }
.overlay.transparent {
    background-color: transparent; }
.nsm-dialog {
  position: relative;
  opacity: 1;
  visibility: visible;
  min-height: 200px;
  width: 100%;
  max-width: 520px;
  margin: 0 auto;
  pointer-events: none;
  outline: none; }
.nsm-dialog.nsm-dialog-close {
    opacity: 0; }
.nsm-dialog.nsm-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - (1.75rem * 2)); }
.nsm-content {
  position: relative;
  display: flex;
  flex-direction: column;
  pointer-events: auto;
  background-clip: padding-box;
  background-color: #fff;
  border-radius: 2px;
  padding: 1rem;
  margin-top: 1.75rem;
  margin-bottom: 1.75rem;
  margin-left: 1.75rem;
  margin-right: 1.75rem;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2), 0 13px 19px 2px rgba(0, 0, 0, 0.14), 0 5px 24px 4px rgba(0, 0, 0, 0.12);
  outline: 0;
  transform: translate3d(0, 0, 0); }
.nsm-body {
  position: relative;
  flex: 1 1 auto; }
/* *************************
* Animations
* *************************/
.nsm-dialog[class*=nsm-dialog-animation-] {
  transition: transform 500ms ease-in-out, opacity 500ms; }
.nsm-dialog-animation-ltr {
  transform: translate3d(-50%, 0, 0); }
.nsm-dialog-animation-ltr.nsm-dialog-open {
    transform: translate3d(0, 0, 0); }
.nsm-dialog-animation-ltr.nsm-dialog-close {
    transform: translate3d(-50%, 0, 0); }
.nsm-dialog-animation-rtl {
  transform: translate3d(50%, 0, 0); }
.nsm-dialog-animation-rtl.nsm-dialog-open {
    transform: translate3d(0, 0, 0); }
.nsm-dialog-animation-rtl.nsm-dialog-close {
    transform: translate3d(50%, 0, 0); }
.nsm-dialog-animation-ttb {
  transform: translate3d(0, -50%, 0); }
.nsm-dialog-animation-ttb.nsm-dialog-open {
    transform: translate3d(0, 0, 0); }
.nsm-dialog-animation-ttb.nsm-dialog-close {
    transform: translate3d(0, -50%, 0); }
.nsm-dialog-animation-btt {
  transform: translate3d(0, 50%, 0); }
.nsm-dialog-animation-btt.nsm-dialog-open {
    transform: translate3d(0, 0, 0); }
.nsm-dialog-animation-btt.nsm-dialog-close {
    transform: translate3d(0, 50%, 0); }
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}
.cdk-overlay-container{position:fixed;z-index:1000}
.cdk-overlay-container:empty{display:none}
.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}
.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}
.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}
@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:0.6}}
.cdk-overlay-dark-backdrop{background:rgba(0,0,0,0.288)}
.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}
.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}
.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}
.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,0.87);width:100%;height:100%;outline:none}
.owl-dt-container,.owl-dt-container *{box-sizing:border-box}
.owl-dt-container{display:block;font-size:1rem;background:#ffffff;pointer-events:auto;z-index:1000}
.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,0.12)}
.owl-dt-container-row:last-child{border-bottom:none}
.owl-dt-calendar{display:flex;flex-direction:column;width:100%}
.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000000}
.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}
.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,0.12)}
.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}
.owl-dt-calendar-view{display:block;flex:1 1 auto}
.owl-dt-calendar-multi-year-view{display:flex;align-items:center}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}
.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}
.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}
.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,0.4)}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}
.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:'';position:absolute;top:0;left:-.5em;right:-.5em;height:1px;background:rgba(0,0,0,0.12)}
.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,0.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid transparent;border-radius:999px;color:inherit;cursor:pointer}
.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}
.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,0.4)}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,0.85);background-color:#3f51b5}
.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.85)}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,0.4)}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}
.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,0.2)}
.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,0.04)}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,0.2)}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}
.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}
.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}
.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}
.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}
.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,0.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}
.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-.3em}
.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:'';display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}
.owl-dt-timer-divider:before{top:35%}
.owl-dt-timer-divider:after{bottom:35%}
.owl-dt-control-button{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:transparent;font-size:1em;color:inherit}
.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}
.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}
.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,0.12)}
.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}
.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}
.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,0.4);cursor:default}
.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}
.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,0.2),0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12)}
.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}
.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}
.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}
.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}
.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}
@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}
@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}
.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}
.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}
.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}
.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,0.1)}
.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:transparent}
.owl-dt-container-info .owl-dt-container-range{outline:none}
.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}
.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,0.12)}
.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}
.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:0.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}
.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}
.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#ffffff}
.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}
.owl-dt-inline{display:inline-block}
.owl-dt-control{outline:none;cursor:pointer}
.owl-dt-control .owl-dt-control-content{outline:none}
.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,0.12)}
.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}
.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
/*TODO quitar esto cuando Pablo lo meta en el CSS general*/
.product--disable {
  opacity: 0.6;
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */

/* position */

.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */

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

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/

button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */

.toast-info {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 110c23.196 0 42 18.804 42 42s-18.804 42-42 42-42-18.804-42-42 18.804-42 42-42zm56 254c0 6.627-5.373 12-12 12h-88c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h12v-64h-12c-6.627 0-12-5.373-12-12v-24c0-6.627 5.373-12 12-12h64c6.627 0 12 5.373 12 12v100h12c6.627 0 12 5.373 12 12v24z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */

.toast-error {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */

.toast-success {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='512' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */

.toast-warning {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='576' height='512'%3E%3Cpath fill='rgb(255,255,255)' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */

@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}

@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}

.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;background-color:#ebf5ff;border-radius:2px;margin-right:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{background-color:#ebf5ff;font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}