/*! Hint.css - v2.3.2 - 2016-07-28
* http://kushagragour.in/lab/hint/
* Copyright (c) 2016 Kushagra Gour; Licensed  */
/*-------------------------------------*  HINT.css - A CSS tooltip library
\*-------------------------------------*/
/**
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/lab/hint/
 *
 * Release under The MIT License
 *
 */
/**
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 *  1) body (:after)
 *  2) arrow (:before)
 *
 * Classes added:
 *  1) hint
 */
[class*="hint--"] {
  position: relative;
  display: inline-block;
  /**
   * tooltip arrow
   */
  /**
   * tooltip body
   */
}
[class*="hint--"]:before,
[class*="hint--"]:after {
  position: absolute;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
}
[class*="hint--"]:hover:before,
[class*="hint--"]:hover:after {
  visibility: visible;
  opacity: 1;
}
[class*="hint--"]:hover:before,
[class*="hint--"]:hover:after {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}
[class*="hint--"]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001;
}
[class*="hint--"]:after {
  background: #383838;
  color: white;
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 12px;
  white-space: nowrap;
}
[class*="hint--"][aria-label]:after {
  content: attr(aria-label);
}
[class*="hint--"][data-hint]:after {
  content: attr(data-hint);
}
[aria-label='']:before,
[aria-label='']:after,
[data-hint='']:before,
[data-hint='']:after {
  display: none !important;
}
/**
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 *  1) hint--top
 *  2) hint--bottom
 *  3) hint--left
 *  4) hint--right
 */
/**
 * set default color for tooltip arrows
 */
.hint--top-left:before {
  border-top-color: #383838;
}
.hint--top-right:before {
  border-top-color: #383838;
}
.hint--top:before {
  border-top-color: #383838;
}
.hint--bottom-left:before {
  border-bottom-color: #383838;
}
.hint--bottom-right:before {
  border-bottom-color: #383838;
}
.hint--bottom:before {
  border-bottom-color: #383838;
}
.hint--left:before {
  border-left-color: #383838;
}
.hint--right:before {
  border-right-color: #383838;
}
/**
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -11px;
}
.hint--top:before,
.hint--top:after {
  bottom: 100%;
  left: 50%;
}
.hint--top:before {
  left: calc(50% - 6px);
}
.hint--top:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.hint--top:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}
/**
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -11px;
}
.hint--bottom:before,
.hint--bottom:after {
  top: 100%;
  left: 50%;
}
.hint--bottom:before {
  left: calc(50% - 6px);
}
.hint--bottom:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.hint--bottom:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--bottom:hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}
/**
 * right tooltip
 */
.hint--right:before {
  margin-left: -11px;
  margin-bottom: -6px;
}
.hint--right:after {
  margin-bottom: -14px;
}
.hint--right:before,
.hint--right:after {
  left: 100%;
  bottom: 50%;
}
.hint--right:hover:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.hint--right:hover:after {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
/**
 * left tooltip
 */
.hint--left:before {
  margin-right: -11px;
  margin-bottom: -6px;
}
.hint--left:after {
  margin-bottom: -14px;
}
.hint--left:before,
.hint--left:after {
  right: 100%;
  bottom: 50%;
}
.hint--left:hover:before {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--left:hover:after {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
/**
 * top-left tooltip
 */
.hint--top-left:before {
  margin-bottom: -11px;
}
.hint--top-left:before,
.hint--top-left:after {
  bottom: 100%;
  left: 50%;
}
.hint--top-left:before {
  left: calc(50% - 6px);
}
.hint--top-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.hint--top-left:after {
  margin-left: 12px;
}
.hint--top-left:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}
/**
 * top-right tooltip
 */
.hint--top-right:before {
  margin-bottom: -11px;
}
.hint--top-right:before,
.hint--top-right:after {
  bottom: 100%;
  left: 50%;
}
.hint--top-right:before {
  left: calc(50% - 6px);
}
.hint--top-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.hint--top-right:after {
  margin-left: -12px;
}
.hint--top-right:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--top-right:hover:after {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/**
 * bottom-left tooltip
 */
.hint--bottom-left:before {
  margin-top: -11px;
}
.hint--bottom-left:before,
.hint--bottom-left:after {
  top: 100%;
  left: 50%;
}
.hint--bottom-left:before {
  left: calc(50% - 6px);
}
.hint--bottom-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.hint--bottom-left:after {
  margin-left: 12px;
}
.hint--bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}
/**
 * bottom-right tooltip
 */
.hint--bottom-right:before {
  margin-top: -11px;
}
.hint--bottom-right:before,
.hint--bottom-right:after {
  top: 100%;
  left: 50%;
}
.hint--bottom-right:before {
  left: calc(50% - 6px);
}
.hint--bottom-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.hint--bottom-right:after {
  margin-left: -12px;
}
.hint--bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--bottom-right:hover:after {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
/**
 * source: hint-sizes.scss
 *
 * Defines width restricted tooltips that can span
 * across multiple lines.
 *
 * Classes added:
 *  1) hint--small
 *  2) hint--medium
 *  3) hint--large
 *
 */
.hint--small:after,
.hint--medium:after,
.hint--large:after {
  white-space: normal;
  line-height: 1.4em;
  word-wrap: break-word;
}
.hint--small:after {
  width: 80px;
}
.hint--medium:after {
  width: 150px;
}
.hint--large:after {
  width: 300px;
}
/**
 * source: hint-theme.scss
 *
 * Defines basic theme for tooltips.
 *
 */
[class*="hint--"] {
  /**
   * tooltip body
   */
}
[class*="hint--"]:after {
  text-shadow: 0 -1px 0px black;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}
/**
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 *  1) hint--error
 *  2) hint--warning
 *  3) hint--info
 *  4) hint--success
 *
 */
/**
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0px #592726;
}
.hint--error.hint--top-left:before {
  border-top-color: #b34e4d;
}
.hint--error.hint--top-right:before {
  border-top-color: #b34e4d;
}
.hint--error.hint--top:before {
  border-top-color: #b34e4d;
}
.hint--error.hint--bottom-left:before {
  border-bottom-color: #b34e4d;
}
.hint--error.hint--bottom-right:before {
  border-bottom-color: #b34e4d;
}
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}
/**
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0px #6c5328;
}
.hint--warning.hint--top-left:before {
  border-top-color: #c09854;
}
.hint--warning.hint--top-right:before {
  border-top-color: #c09854;
}
.hint--warning.hint--top:before {
  border-top-color: #c09854;
}
.hint--warning.hint--bottom-left:before {
  border-bottom-color: #c09854;
}
.hint--warning.hint--bottom-right:before {
  border-bottom-color: #c09854;
}
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
  border-left-color: #c09854;
}
.hint--warning.hint--right:before {
  border-right-color: #c09854;
}
/**
 * Info
 */
.hint--info:after {
  background-color: #3986ac;
  text-shadow: 0 -1px 0px #1a3c4d;
}
.hint--info.hint--top-left:before {
  border-top-color: #3986ac;
}
.hint--info.hint--top-right:before {
  border-top-color: #3986ac;
}
.hint--info.hint--top:before {
  border-top-color: #3986ac;
}
.hint--info.hint--bottom-left:before {
  border-bottom-color: #3986ac;
}
.hint--info.hint--bottom-right:before {
  border-bottom-color: #3986ac;
}
.hint--info.hint--bottom:before {
  border-bottom-color: #3986ac;
}
.hint--info.hint--left:before {
  border-left-color: #3986ac;
}
.hint--info.hint--right:before {
  border-right-color: #3986ac;
}
/**
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0px #1a321a;
}
.hint--success.hint--top-left:before {
  border-top-color: #458746;
}
.hint--success.hint--top-right:before {
  border-top-color: #458746;
}
.hint--success.hint--top:before {
  border-top-color: #458746;
}
.hint--success.hint--bottom-left:before {
  border-bottom-color: #458746;
}
.hint--success.hint--bottom-right:before {
  border-bottom-color: #458746;
}
.hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}
.hint--success.hint--left:before {
  border-left-color: #458746;
}
.hint--success.hint--right:before {
  border-right-color: #458746;
}
/**
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 *  1) hint--always
 *
 */
.hint--always:after,
.hint--always:before {
  opacity: 1;
  visibility: visible;
}
.hint--always.hint--top:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--top:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}
.hint--always.hint--top-left:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--top-left:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px);
}
.hint--always.hint--top-right:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--top-right:after {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
.hint--always.hint--bottom:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--bottom:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px);
}
.hint--always.hint--bottom-left:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--bottom-left:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px);
}
.hint--always.hint--bottom-right:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--bottom-right:after {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
.hint--always.hint--left:before {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--always.hint--left:after {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
.hint--always.hint--right:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
.hint--always.hint--right:after {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
/**
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 *  1) hint--rounded
 *
 */
.hint--rounded:after {
  border-radius: 4px;
}
/**
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 *  1) hint--no-animate
 *  2) hint--bounce
 *
 */
.hint--no-animate:before,
.hint--no-animate:after {
  -webkit-transition-duration: 0ms;
  transition-duration: 0ms;
}
.hint--bounce:before,
.hint--bounce:after {
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}

/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(./assets/fonts/lato-v11-latin-regular.woff2) format('woff2'),  url(./assets/fonts/lato-v11-latin-regular.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(./assets/fonts/lato-v11-latin-italic.woff2) format('woff2'),  url(./assets/fonts/lato-v11-latin-italic.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(./assets/fonts/lato-v11-latin-700.woff2) format('woff2'),  url(./assets/fonts/lato-v11-latin-700.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700italic - latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(./assets/fonts/lato-v11-latin-700italic.woff2) format('woff2'),  url(./assets/fonts/lato-v11-latin-700italic.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-900 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(./assets/fonts/lato-v11-latin-900.woff2) format('woff2'),  url(./assets/fonts/lato-v11-latin-900.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(./assets/fonts/roboto-v15-latin-300.woff2) format('woff2'),  url(./assets/fonts/roboto-v15-latin-300.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(./assets/fonts/roboto-v15-latin-regular.woff2) format('woff2'),  url(./assets/fonts/roboto-v15-latin-regular.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(./assets/fonts/roboto-v15-latin-500.woff2) format('woff2'),  url(./assets/fonts/roboto-v15-latin-500.woff) format('woff');
  /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(./assets/fonts/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(./assets/fonts/MaterialIcons-Regular.woff2) format('woff2'), url(./assets/fonts/MaterialIcons-Regular.woff) format('woff'), url(./assets/fonts/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}
/* Loading spinner */
.loaderContainer {
  height: 50px;
  overflow: hidden;
  opacity: 1;
}
.loaderContainer.shrunk {
  height: 0;
}
.miniLoaderContainer {
  display: inline-block;
  height: 10px;
  width: 48px;
  position: relative;
  top: -5px;
}
.loader {
  position: relative;
  width: 44px;
  height: 8px;
  margin: 30px auto 15px;
}
.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #679ba5;
  position: absolute;
}
.dot_1 {
  -webkit-animation: animateDot1 1.5s linear infinite;
          animation: animateDot1 1.5s linear infinite;
  left: 12px;
  background: #7d3f69;
}
.dot_2 {
  -webkit-animation: animateDot2 1.5s linear infinite;
          animation: animateDot2 1.5s linear infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  left: 24px;
}
.dot_3 {
  -webkit-animation: animateDot3 1.5s linear infinite;
          animation: animateDot3 1.5s linear infinite;
  left: 12px;
}
.dot_4 {
  -webkit-animation: animateDot4 1.5s linear infinite;
          animation: animateDot4 1.5s linear infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  left: 24px;
}
@-webkit-keyframes animateDot1 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-12px);
            transform: rotate(0deg) translateX(-12px);
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(-12px);
            transform: rotate(180deg) translateX(-12px);
  }
  75% {
    -webkit-transform: rotate(180deg) translateX(-12px);
            transform: rotate(180deg) translateX(-12px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-12px);
            transform: rotate(360deg) translateX(-12px);
  }
}
@keyframes animateDot1 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-12px);
            transform: rotate(0deg) translateX(-12px);
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(-12px);
            transform: rotate(180deg) translateX(-12px);
  }
  75% {
    -webkit-transform: rotate(180deg) translateX(-12px);
            transform: rotate(180deg) translateX(-12px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-12px);
            transform: rotate(360deg) translateX(-12px);
  }
}
@-webkit-keyframes animateDot2 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-12px);
            transform: rotate(0deg) translateX(-12px);
  }
  25% {
    -webkit-transform: rotate(-180deg) translateX(-12px);
            transform: rotate(-180deg) translateX(-12px);
  }
  75% {
    -webkit-transform: rotate(-180deg) translateX(-12px);
            transform: rotate(-180deg) translateX(-12px);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(-12px);
            transform: rotate(-360deg) translateX(-12px);
  }
}
@keyframes animateDot2 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-12px);
            transform: rotate(0deg) translateX(-12px);
  }
  25% {
    -webkit-transform: rotate(-180deg) translateX(-12px);
            transform: rotate(-180deg) translateX(-12px);
  }
  75% {
    -webkit-transform: rotate(-180deg) translateX(-12px);
            transform: rotate(-180deg) translateX(-12px);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(-12px);
            transform: rotate(-360deg) translateX(-12px);
  }
}
@-webkit-keyframes animateDot3 {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(12px);
            transform: rotate(180deg) translateX(12px);
  }
  75% {
    -webkit-transform: rotate(180deg) translateX(12px);
            transform: rotate(180deg) translateX(12px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(12px);
            transform: rotate(360deg) translateX(12px);
  }
}
@keyframes animateDot3 {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(12px);
            transform: rotate(180deg) translateX(12px);
  }
  75% {
    -webkit-transform: rotate(180deg) translateX(12px);
            transform: rotate(180deg) translateX(12px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(12px);
            transform: rotate(360deg) translateX(12px);
  }
}
@-webkit-keyframes animateDot4 {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
  }
  25% {
    -webkit-transform: rotate(-180deg) translateX(12px);
            transform: rotate(-180deg) translateX(12px);
  }
  75% {
    -webkit-transform: rotate(-180deg) translateX(12px);
            transform: rotate(-180deg) translateX(12px);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(12px);
            transform: rotate(-360deg) translateX(12px);
  }
}
@keyframes animateDot4 {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
  }
  25% {
    -webkit-transform: rotate(-180deg) translateX(12px);
            transform: rotate(-180deg) translateX(12px);
  }
  75% {
    -webkit-transform: rotate(-180deg) translateX(12px);
            transform: rotate(-180deg) translateX(12px);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(12px);
            transform: rotate(-360deg) translateX(12px);
  }
}
.smallLoaderContainer {
  position: relative;
  top: -58px;
  left: 160px;
}
.smallLoaderContainer .loader {
  margin: 30px 0 15px;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}
.dialogLoaderContainer {
  position: relative;
  top: 20px;
}
.dialogLoaderContainer .loader {
  margin: auto;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
}
.waiting-loader {
  margin: 10px auto 0;
  display: inline;
}
.waiting-loader .dot {
  -webkit-animation: pulse 1.5s infinite;
  -moz-animation: pulse 1.5s infinite;
  -ms-animation: pulse 1.5s infinite;
  -o-animation: pulse 1.5s infinite;
}
.waiting-loader .dot_1 {
  left: 0;
}
.waiting-loader .dot_2 {
  left: 12px;
  -webkit-animation-delay: 0.375s;
          animation-delay: 0.375s;
}
.waiting-loader .dot_3 {
  left: 24px;
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.waiting-loader .dot_4 {
  left: 36px;
  -webkit-animation-delay: 1.125s;
          animation-delay: 1.125s;
}
* {
  box-sizing: border-box;
}
html {
  height: 100%;
  min-width: 1200px;
}
body {
  height: 100%;
  background-color: #ffffff;
}
#main {
  min-height: 400px;
  display: grid;
  height: 100%;
  grid-template-columns: 200px 1fr;
  grid-template-rows: 57px 1fr;
  grid-template-areas: 'head head' 'nav main';
}
#main #fixedHeader {
  grid-area: head;
  z-index: 1300;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  height: 57px;
}
#main .leftFixed.leftNav {
  grid-area: nav;
  min-height: 500px;
  width: 200px;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #f7f7f7;
  border-right: 1px solid #eaf4f3;
}
#main .leftFixed.leftNav ul {
  margin-right: -1px;
}
#main .rightFluid.container {
  grid-area: main;
  overflow: auto;
  margin-left: 0;
  border-left: none;
  background-color: #ffffff;
}
/* General */
.green {
  color: #009e73;
}
.red {
  color: #8f0d0d;
}
.text-color {
  color: #404041 !important;
}
.warning {
  color: #ab1000 !important;
  font-size: 14px !important;
}
a.warning:hover {
  color: #de1500 !important;
}
.lightestgrey {
  background-color: #f7f7f7;
}
.lightgrey {
  background-color: #d4e9e7;
}
.grey {
  background-color: #c7c7c7;
}
.full-screen {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background-color: #ffffff;
}
ul.unstyled {
  list-style: none;
  padding-left: 0;
}
.auto {
  display: block;
  margin: auto;
}
.invisible {
  visibility: hidden;
}
time {
  white-space: nowrap;
}
/* icon */
.pending-icon {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNrUVd1Nw0AMPqIOkDfEExmAh2aCXjZghLIBG7TZoBvABmGDZoPmgfdenxBvtwHY1efKWEkUTjQSlqxLXf+eP/uc++90M0Xp/fNjSYcnzpU4ErcPt3ddcgByvKZjQ1yMqAXimgK9Tg5AjjnTF+JHk7HOdmkqeiN+okBxNACc7+GAqUWGbY+uR4UeIk6gskGsUUP8Bd5O7NFW2TSjd/5b5wNB1kNKRyjsUyDJdrA/iiwzUBS01ImwF7sC/txC/SmNitxQNPusJA0mWYEkAsmCavS5wbCLQBfLOx0gV0hgaiQoGXFmjPMD9CLJSjplTsSuxHkZSh3g3pTr1ffKJJHD+crMhbP+MiU4GYXOfNs5aHt0nPW3MJOqM6mIn9GTHa6qQmUt+sJ3fkJFO2Mff0wyun4Q532TOwGmHluAqeRFeLkibMWAn5tEmIpdkC2bDeDYp0yyAkY92y66+jad/z2Y5UX7yzf56vQtwACQiv23sc8GHgAAAABJRU5ErkJggg==);
}
/* Type */
body {
  font-family: Lato, sans-serif;
  font-size: 13px;
  margin: 0;
  color: #404041;
}
.italic {
  font-style: italic;
}
.bold {
  font-weight: bold;
}
a,
span.link {
  font-weight: bold;
  text-decoration: none;
  color: #347a87;
  cursor: pointer;
}
a:hover,
span.link:hover {
  color: #679ba5;
}
a.small,
span.link.small {
  font-size: 13px;
}
ul.link-list .active {
  font-weight: bold;
  color: #404041;
  border-bottom: 1px solid #404041;
  padding-bottom: 2px;
}
ul.link-list.horizontal {
  margin-bottom: 10px;
}
ul.link-list.horizontal li {
  float: left;
  margin-right: 30px;
}
.capitalized {
  text-transform: capitalize;
}
.capitalized-start::first-letter {
  text-transform: capitalize;
}
.uppercased {
  text-transform: uppercase;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}
.break-word {
  white-space: normal;
  word-wrap: break-word;
}
.clear {
  clear: both;
}
.hidden {
  display: none !important;
}
.transparent {
  opacity: 0;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute !important;
}
.margin-top {
  margin-top: 30px;
}
.margin-top-small {
  margin-top: 15px;
}
.margin-top-none {
  margin-top: 0;
}
.margin-top-large {
  margin-top: 45px;
}
.margin-left {
  margin-left: 30px;
}
.margin-left-small {
  margin-left: 15px;
}
.margin-right {
  margin-right: 30px;
}
.margin-right-small {
  margin-right: 15px;
}
.margin-right-large {
  margin-right: 45px;
}
.margin-bottom {
  margin-bottom: 30px;
}
.margin-bottom-large {
  margin-bottom: 45px;
}
.margin-bottom-small {
  margin-bottom: 15px;
}
.margin-bottom-none {
  margin-bottom: 0;
}
.padding-right {
  padding-right: 45px;
}
.padding-top {
  padding-top: 30px;
}
.padding-bottom {
  padding-bottom: 30px;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.clickable {
  cursor: pointer;
}
.muted {
  opacity: 0.4;
}
.hoverText:hover > hr {
  border-bottom: 2px solid #e0e0e0 !important;
}
.fadeIn {
  -webkit-animation: fadein 0.2s 1;
  -moz-animation: fadein 0.2s 1;
  -ms-animation: fadein 0.2s 1;
  -o-animation: fadein 0.2s 1;
}
.fadeOut {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
}
.fadeInSlow {
  -webkit-animation: fadein 0.8s 1;
  -moz-animation: fadein 0.8s 1;
  -ms-animation: fadein 0.8s 1;
  -o-animation: fadein 0.8s 1;
}
.fadeOutSlow {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 0.6s linear;
  -moz-transition: opacity 0.6s linear;
  -ms-transition: opacity 0.6s linear;
  -o-transition: opacity 0.6s linear;
}
/* Navigation */
.navLink {
  -webkit-transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  color: #949495;
}
.navLink.leftNav.active {
  background: white;
  border-top: 1px solid #eaf4f3;
  border-bottom: 1px solid #eaf4f3;
  -webkit-transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 100ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.navLink.leftNav:first-of-type {
  border-top: none;
}
.navLink.settingsNav.active,
.navLink.helpNav.active {
  background: #f7f7f7;
}
.navLink.leftNav > div > span {
  color: #949495;
}
.navLink.leftNav.active > div > span {
  color: rgba(0, 0, 0, 0.87);
}
.navLink.leftNav:hover {
  background-color: rgba(0, 0, 0, 0.08);
}
/* Header */
.header .material-icons {
  color: #c7c7c7 !important;
  margin-left: 7px;
  vertical-align: middle;
}
#logo {
  display: block;
  position: relative;
  min-width: 165px;
  height: 48px;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  background-size: contain;
}
#demoBox,
#announcement {
  border-left: 1px solid #eaf4f3;
  padding: 4px 30px;
  margin: 14px 0;
  font-size: 14px;
  max-height: 56px;
  min-width: 164px;
  overflow: hidden;
}
#demoBox svg,
#announcement svg {
  color: #347a87 !important;
}
#demoBox svg.red,
#announcement svg.red {
  color: #8f0d0d !important;
}
#announcement {
  padding: 0 15px;
}
.header .header-section {
  height: 24px;
  font-size: 14px;
  color: #c7c7c7;
  margin: 14px 0;
  padding-left: 36px;
  padding-right: 36px;
  border-right: 1px solid #eaf4f3;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.header .header-section:first-of-type {
  border-left: 1px solid #eaf4f3;
}
.header .header-section:hover {
  color: #aeaeae;
  cursor: pointer;
}
.header .header-section:hover .material-icons {
  color: #aeaeae !important;
}
.header .header-section:hover .warning a,
.header .header-section:hover .warning .material-icons,
.header .header-section:hover .warning span {
  color: #de1500 !important;
}
.header .header-section .warning a,
.header .header-section .warning .material-icons,
.header .header-section .warning span {
  color: #ab1000 !important;
}
.header .header-section .approaching a,
.header .header-section .approaching .material-icons,
.header .header-section .approaching span {
  color: #ffb733 !important;
}
.header .header-section .approaching a,
.header .header-section .approaching .material-icons,
.header .header-section .approaching span {
  color: orange !important;
}
.header .header-section > * > * {
  vertical-align: middle;
}
.header .header-dropdown:hover .material-icons {
  color: #aeaeae !important;
}
/* Layout */
.tab-container {
  position: relative;
  padding-top: 30px;
  min-height: 60vh;
}
.flexbox {
  display: -webkit-box;
  display: flex;
  overflow: hidden;
}
.flexbox.centered {
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
}
.flexbox.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}
.flexbox.space-between {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.flexbox.no-basis {
  flex-basis: 0;
}
.overflow-hidden {
  overflow: hidden;
}
.allow-overflow {
  overflow: visible;
}
.align-top {
  display: inline-block;
  vertical-align: top;
}
.align-middle {
  vertical-align: middle;
}
.align-bottom {
  vertical-align: bottom;
}
.leftFixed {
  width: 260px;
  float: left;
  position: relative;
}
.leftFixed .innerBlock {
  width: 100%;
  margin-right: -260px;
  padding-top: 20px;
}
.rightFluid {
  margin-left: 260px;
  padding: 30px;
  position: relative;
  border-left: 1px solid #eaf4f3;
  min-height: 80vh;
}
.spaced-list > li {
  margin-top: 20px;
}
.tableActions {
  padding: 20px 0 20px 28px;
}
.dialog {
  -webkit-transition: width 1s ease-in-out !important;
  -moz-transition: width 1s ease-in-out !important;
  -ms-transition: width 1s ease-in-out !important;
  -o-transition: width 1s ease-in-out !important;
}
.largeDialog {
  width: inherit !important;
  max-width: 96% !important;
  -webkit-transition: width 1s ease-in-out !important;
  -moz-transition: width 1s ease-in-out !important;
  -ms-transition: width 1s ease-in-out !important;
  -o-transition: width 1s ease-in-out !important;
}
.dialogTableContainer {
  -webkit-transition: opacity 0.4s ease-in !important;
  -moz-transition: opacity 0.4s ease-in !important;
  -ms-transition: opacity 0.4s ease-in !important;
  -o-transition: opacity 0.4s ease-in !important;
  overflow: hidden;
  position: relative;
  opacity: 1;
  min-height: 47vh;
}
.dialogTableContainer.zero {
  min-height: 100px;
  height: 100px;
  opacity: 0;
  padding: 0;
}
.split-dialog {
  width: 50%;
  display: inline-block;
  padding: 10px;
  vertical-align: top;
}
.split-dialog.left-border {
  border-left: solid 1px #d4e9e7;
}
.onboard {
  padding: 30px 15px;
  border-style: dashed;
  border-color: #e7e7e7;
  border-width: 2px;
  text-align: center;
  position: relative;
  background-color: inherit;
}
.onboard p {
  margin-top: 0;
  font-size: 1.25em;
}
.onboard.widget p {
  font-size: inherit;
}
.tooltip {
  position: absolute;
  cursor: pointer;
  -webkit-transition: opacity 0.4s ease-in;
  -moz-transition: opacity 0.4s ease-in;
  -ms-transition: opacity 0.4s ease-in;
  -o-transition: opacity 0.4s ease-in;
  -webkit-transition: transform 0.4s ease-in;
  -moz-transition: transform 0.4s ease-in;
  -ms-transition: transform 0.4s ease-in;
  -o-transition: transform 0.4s ease-in;
}
.tooltip.info {
  top: 2px;
  right: 0px;
}
.tooltip.info .material-icons {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
  color: #c7c7c7 !important;
}
.tooltip.help {
  left: 50%;
  margin-left: -16px;
  z-index: 10;
}
.tooltip.help .material-icons,
.tooltip.help svg {
  color: #7d3f69 !important;
}
.tooltip.help.highlight .material-icons,
.tooltip.help.highlight svg {
  width: 1.3em;
  height: 1.3em;
  border-radius: 50%;
  border: #7d3f69 4px solid;
  -webkit-animation: highlight 2.2s infinite;
  -moz-animation: highlight 2.2s infinite;
  -ms-animation: highlight 2.2s infinite;
  -o-animation: highlight 2.2s infinite;
}
.tooltip:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-animation: bounce 0.4s forwards;
  -moz-animation: bounce 0.4s forwards;
  -ms-animation: bounce 0.4s forwards;
  -o-animation: bounce 0.4s forwards;
}
.onboard-icon {
  background: #015969;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: flex;
  z-index: 1000;
  color: #e7e7e7;
  border: white 1px solid;
}
.dialog-content {
  margin: 30px;
  min-height: 30vh;
}
.onboard-dialog {
  display: -webkit-box;
  display: flex;
}
.onboard-dialog > div {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  justify-content: space-around;
}
.onboard-dialog .os-list {
  margin-bottom: 30px;
}
.onboard-dialog .os-list img {
  height: 80px;
  margin: 15px;
  margin-bottom: 30px;
}
.onboard-dialog .react-tooltip {
  width: 300px;
}
.onboard-tip {
  pointer-events: auto;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  position: absolute;
}
.onboard-tip a {
  color: #e7e7e7;
  text-decoration: underline;
}
.onboard-tip .onboard-icon.top,
.onboard-tip .onboard-icon.bottom {
  -webkit-animation: bouncedownup 1.3s infinite;
  -moz-animation: bouncedownup 1.3s infinite;
  -ms-animation: bouncedownup 1.3s infinite;
  -o-animation: bouncedownup 1.3s infinite;
}
.onboard-tip .onboard-icon.left {
  -webkit-animation: bouncerightleft 1.3s infinite;
  -moz-animation: bouncerightleft 1.3s infinite;
  -ms-animation: bouncerightleft 1.3s infinite;
  -o-animation: bouncerightleft 1.3s infinite;
}
.onboard-tip .onboard-icon.right {
  -webkit-animation: bounceleftright 1.3s infinite;
  -moz-animation: bounceleftright 1.3s infinite;
  -ms-animation: bounceleftright 1.3s infinite;
  -o-animation: bounceleftright 1.3s infinite;
}
.onboard-tip .content {
  background-color: #347a87;
  font-size: 14px;
  color: #e7e7e7;
  margin: 0;
  width: 350px;
  padding: 12px 18px;
  text-align: left;
}
.onboard-tip .content.top {
  margin-top: 15px;
}
.onboard-tip .content.bottom {
  margin-top: -15px;
}
.onboard-tip .content.right {
  margin-left: -15px;
}
.onboard-tip .content.left {
  margin-left: 15px;
}
.onboard-tip .content > div:first-of-type {
  padding-top: 15px;
  padding-bottom: 10px;
}
.onboard-tip .content .flexbox {
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.onboard-tip .content .centered {
  -webkit-box-pack: center;
          justify-content: center;
}
.onboard-tip .content .button {
  color: #404041;
  text-decoration: inherit;
}
.onboard-snack {
  background-color: #404041;
  color: #e7e7e7;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  position: relative;
}
.onboard-snack > .flexbox {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  min-width: 300px;
  max-width: 90%;
}
.onboard-snack button {
  color: #e7e7e7;
  padding: 8px;
  position: absolute;
  right: 5px;
  top: 15px;
}
.onboard-snack ol {
  -webkit-padding-start: 0;
          padding-inline-start: 0;
}
.onboard-snack ol li {
  list-style: none;
}
.onboard-snack ol li:before {
  content: '';
  vertical-align: text-top;
  margin-right: 35px;
}
.onboard-snack ol li.completed:before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS9JREFUeNrElYENgyAQRa3pAG5QRnAE3cBuIF3BAYwDuIK4Qd2gjtANajdghJ4FK16QAtaU5IgR7n04jiMMdm7h3gJHq1lNEUOfgEXKXw7WB5f6bnI9fAHn0JdgxDBrAKtAqLUXaIpxpQwsc4hGB0ZBiJsFBPwGFnuEfAxXqoroDpl5wgPpx9azSMQ881z5dAaZ5Gh3UG4IC5UHvuCEKBWJd8ybgin+RPIWO0g2wnM0nmCBCE1oJcQH/uGpAqfF5RExTTUiNnBtFj2Vb/J2FvmsijjBsQBHYzkSaR3hHBe7XjNpFAlkuKjMNquVT7x5B6IqDisizBE+TFUWX7RqxWEUeVjCFxxdsbt6lou5ql7qs6nYUUP+21w+an4y56zpnFeOSvUfX7Qfvsm7t5cAAwAzdHozomyQZQAAAABJRU5ErkJggg==);
  margin-right: 10px;
}
.onboard-snack .onboard-icon {
  vertical-align: middle;
  display: -webkit-inline-box;
  display: inline-flex;
  margin: 0 5px;
}
.dashboard .hint {
  font-size: small;
}
.dashboard .tiny {
  font-size: 10px;
}
.dashboard .notActive {
  background: #f7f7f7;
}
.dashboard .widget {
  display: -webkit-box;
  display: flex;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
  -webkit-box-pack: center;
          justify-content: center;
  margin: 0 3vw 3vw 0;
  height: 180px;
  width: 250px;
  position: relative;
  padding: 1vw;
  -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
  transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.dashboard .widget.notActive:hover {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px, rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
.dashboard .widget.onboard:hover {
  border-color: #cecece;
}
.dashboard .widgetHeader,
.dashboard .widgetMainContent,
.dashboard .widgetFooter {
  width: 100%;
}
.dashboard .widgetHeader,
.dashboard .widgetFooter {
  color: #aaaaaa;
  border-color: #e7e7e7;
  border-width: 1px;
  -webkit-box-pack: center;
          justify-content: center;
}
.dashboard .widgetHeader {
  padding-bottom: 10px;
}
.dashboard .widgetFooter {
  padding-top: 10px;
  font-weight: normal;
}
.dashboard .widgetMainContent {
  padding: 10px 15px;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-flex: 1;
          flex-grow: 1;
}
.dashboard .widgetMainContent .header {
  margin-bottom: 1pt;
}
.dashboard .widgetMainContent .counter {
  font-size: xx-large;
}
.dashboard .link {
  font-size: small;
}
.development {
  background-color: #679ba5;
  padding: 7px 11px;
  color: #f7f7f7;
  border-radius: 20px;
  margin: -10px 0 10px;
  display: table;
}
.development .material-icons {
  margin-right: 7px;
  color: #f7f7f7;
  vertical-align: text-bottom;
  font-size: 18px;
}
.react-tooltip {
  background-color: #5d0f43 !important;
  pointer-events: auto !important;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  text-align: left;
  margin-left: 6px !important;
  max-width: 600px;
  color: #decfd9 !important;
}
.react-tooltip.info {
  max-width: 300px;
  color: rgba(0, 0, 0, 0.54) !important;
  background-color: #e7e7e7 !important;
}
.react-tooltip.info.place-top:after {
  border-top-color: #e7e7e7 !important;
}
.react-tooltip p {
  font-size: 14px;
}
.react-tooltip a {
  color: #669ba5;
}
.react-tooltip hr {
  margin-bottom: 15px;
}
.react-tooltip .hidehelp {
  float: right;
  margin-top: 15px;
  margin-bottom: 5px;
}
.react-tooltip.place-bottom:after {
  border-bottom-color: #5d0f43 !important;
}
.react-tooltip.place-right:after {
  border-right-color: #5d0f43 !important;
}
.react-tooltip.place-left:after {
  border-left-color: #5d0f43 !important;
}
.react-tooltip.place-top:after {
  border-top-color: #5d0f43 !important;
}
.help-container {
  min-height: 400px;
  height: 100%;
  display: -webkit-box;
  display: flex;
}
.help-container > ul {
  min-width: 210px;
  width: 260px;
  border-right: 1px solid #eaf4f3;
  overflow: auto;
  height: 90vh;
}
.help-container > div {
  overflow: auto;
  width: 100%;
  padding-top: 1px;
  padding-left: 70px;
}
.help-content {
  font-size: 15px;
  line-height: 1.5em;
}
.help-content h3 {
  margin-top: 2.5em;
}
.help-content .note {
  padding: 20px;
  background-color: #f7f7f7;
  border-radius: 5px;
  color: #949495;
}
.help-section {
  width: 160px;
  height: 160px;
  padding: 20px;
  display: inline-block;
  text-align: center;
  margin-right: 40px;
  margin-top: 40px;
  cursor: pointer;
  font-size: 15px;
  color: #347a87 !important;
  -webkit-transform: scale(0.99);
  -moz-transform: scale(0.99);
  -ms-transform: scale(0.99);
  -o-transform: scale(0.99);
}
.help-section:hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  color: #679ba5 !important;
}
.help-section:hover svg {
  color: #679ba5 !important;
}
.help-section svg {
  height: 34px !important;
  width: 34px !important;
  margin-top: 20px;
  color: #347a87 !important;
}
#software-support {
  margin-top: 10vh;
  margin-bottom: 5vh;
}
#software-support hr {
  border: none;
  border-bottom: 1px solid #eaf4f3;
  margin-bottom: 5vh;
}
.material-icons.green {
  background: none;
  color: #009e73 !important;
}
.material-icons.red {
  background: none;
  color: #8f0d0d !important;
}
.rotated {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
}
.buttonLabelIcon {
  margin-right: 8px;
}
.absoluteTextfieldButton {
  position: absolute;
  top: 70px;
  left: 24px;
  -webkit-transition: all 0.42s ease-in-out !important;
  -moz-transition: all 0.42s ease-in-out !important;
  -ms-transition: all 0.42s ease-in-out !important;
  -o-transition: all 0.42s ease-in-out !important;
  z-index: 1400;
  display: inline-block;
}
.absoluteTextfieldButton.top-right {
  left: 478px;
}
.fixedSearch {
  position: fixed;
  left: 24px;
  right: 24px;
  top: 72px;
  padding: 24px 0;
  background-color: white;
  z-index: 30000;
}
.top-right {
  position: absolute !important;
  top: 0;
  right: 0;
}
.widget {
  width: 50%;
  min-height: 175px;
  float: left;
  padding: 22px 4% 22px;
  margin: 0 15px 30px;
}
.widget.small {
  width: 20%;
}
.filterWrapper {
  padding: 10px 20px;
  overflow-y: auto;
}
.filterPair {
  margin-bottom: 14px;
  padding: 4px 10% 4px 11px;
  position: relative;
  background-color: #fafbfc;
}
.filterPair:first-child {
  margin-top: 14px;
}
span.length {
  font-size: 13px;
  color: #8c8c8d;
}
.maxTable {
  max-height: 50vh;
  overflow: auto;
}
table tbody.clickable tr > td:first-child,
table thead.clickable tr > th:first-child {
  padding-right: 0;
  width: 1vw;
}
.columnHeader {
  cursor: pointer;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
}
.columnHeader .sortIcon {
  visibility: hidden;
  -webkit-transition: visibility 0.1s ease-in !important;
  -moz-transition: visibility 0.1s ease-in !important;
  -ms-transition: visibility 0.1s ease-in !important;
  -o-transition: visibility 0.1s ease-in !important;
}
.columnHeader .material-icons {
  color: #c7c7c7;
}
.columnHeader:hover {
  visibility: visible;
}
.columnHeader:hover .sortIcon.selected,
.columnHeader .sortIcon.selected {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.15s ease-in-out !important;
  -moz-transition: all 0.15s ease-in-out !important;
  -ms-transition: all 0.15s ease-in-out !important;
  -o-transition: all 0.15s ease-in-out !important;
}
.sortIcon.false {
  -webkit-transform: rotateX(180deg) !important;
  -moz-transform: rotateX(180deg) !important;
  -ms-transform: rotateX(180deg) !important;
  -o-transform: rotateX(180deg) !important;
}
.tableSearch {
  display: inline-block;
  margin-left: 45px;
  position: relative;
  top: -4px;
}
.search input,
.search input:focus {
  outline: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #e0e0e0;
  padding: 7px 0;
  padding-left: 32px;
  font-size: 13px;
  font-family: Lato, sans-serif;
  color: rgba(0, 0, 0, 0.8);
}
.search input::-webkit-input-placeholder,
.search input:focus::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  content: 'Search';
}
.search input:-moz-placeholder,
.search input:focus:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  content: 'Search';
}
.search input::-moz-placeholder,
.search input:focus::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
  content: 'Search';
}
.search input:-ms-input-placeholder,
.search input:focus:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
  content: 'Search';
}
.search::before {
  content: '\26b2';
  display: block;
  position: absolute;
  width: 15px;
  z-index: 3;
  height: 15px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  font-size: 20px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.3);
}
.fixedSearch .search::before {
  top: 10px;
  left: 8px;
}
.closeSlider {
  box-shadow: rgba(0, 0, 0, 0.156863) -2px 0px 4px -9px, rgba(0, 0, 0, 0.227451) -5px 0px 5px -2px !important;
}
.closeSlider:hover {
  background-color: #ebebeb !important;
}
/* report view */
.report-list,
.list-item {
  vertical-align: top;
}
.report-list.list-item-large,
.list-item.list-item-large {
  width: 60%;
}
.report-list ul,
.list-item ul {
  display: -webkit-box;
  display: flex;
  flex-wrap: wrap;
}
.report-list ul > div,
.list-item ul > div {
  -webkit-box-flex: 0;
          flex: 0 45%;
  margin-right: 30px;
}
.list-horizontal-flex {
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  flex-wrap: wrap;
}
.list-horizontal-flex > div {
  margin-right: 2vw;
  flex-basis: 300px;
}
.expandedButton {
  margin-top: 12px;
}
.file-details {
  padding: 10px 15px 30px;
  width: 100%;
  border-radius: 4px;
  margin: 10px 3px 20px 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  position: relative;
}
.file-meta {
  padding: 0 16px;
}
.file-upload-form {
  display: grid;
  grid-template-columns: 400px 1fr;
  grid-template-rows: repeat(3, 70px) 1fr;
}
.file-upload-form .info {
  grid-area: 4 / 1 / 5 / 3;
}
/*  hint.css tooltips */
[class*='hint--'] {
  min-width: 65px !important;
}
#reportAbort[class*='hint--']:after {
  white-space: pre-wrap !important;
}
.hint--info.hint--bottom-left:before,
.hint--info.hint--bottom-right:before,
.hint--info.hint--bottom:before {
  border-bottom-color: #5d0f43;
}
.hint--info:after {
  background-color: #5d0f43;
}
.results-status {
  padding-top: 4px;
}
.results-status .disabled {
  -webkit-opacity: 0.1;
  -moz-opacity: 0.1;
  opacity: 0.1;
}
.results-status.vertical > div {
  display: block;
  margin-bottom: 5px;
}
.results-status.vertical > div.disabled {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.results-status span.status {
  margin-right: 10px;
}
.results-status span.status::before {
  content: '';
  display: inline-block;
  width: 23px;
  height: 23px;
  vertical-align: middle;
  background-position-y: -2px;
  background-repeat: no-repeat;
  margin-right: 8px;
}
.results-status span.status.success::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS9JREFUeNrElYENgyAQRa3pAG5QRnAE3cBuIF3BAYwDuIK4Qd2gjtANajdghJ4FK16QAtaU5IgR7n04jiMMdm7h3gJHq1lNEUOfgEXKXw7WB5f6bnI9fAHn0JdgxDBrAKtAqLUXaIpxpQwsc4hGB0ZBiJsFBPwGFnuEfAxXqoroDpl5wgPpx9azSMQ881z5dAaZ5Gh3UG4IC5UHvuCEKBWJd8ybgin+RPIWO0g2wnM0nmCBCE1oJcQH/uGpAqfF5RExTTUiNnBtFj2Vb/J2FvmsijjBsQBHYzkSaR3hHBe7XjNpFAlkuKjMNquVT7x5B6IqDisizBE+TFUWX7RqxWEUeVjCFxxdsbt6lou5ql7qs6nYUUP+21w+an4y56zpnFeOSvUfX7Qfvsm7t5cAAwAzdHozomyQZQAAAABJRU5ErkJggg==);
}
.results-status span.status.failure::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATBJREFUeNpiZqAxYKa1BSzEKOrn5TUAUg5ALIAk/AGIDxR+/nwBn15GAgYnAKl6IFbAo+wBEDcCLVpAtAVAg0EunQ/EASSExgYgTgRa9AFZkAmH4ftJNJwBqn4/VD9uC6AuNyAzTg2g+rGnImiYV+Ax4AAQL4SyccWLhgc7+8Odv35dwOaDegIuPAgM4wYQTUBdPUYQQZOiApWSvwLUPBQfOFA5jzmgWyBAZQsE0C2Qp0VRgWzBQyLU2wPDFhTJ9uSURR+IDFdi4+oDugUHiNB0AJpE7Ymw6ABKEEFLxQdUygcPYKUsSk4G5sCPhMogoBpFqA/w5ZlCWE5mxFLYrSejoEMpVYGuD8RX2CUC8QUyDb8A1Y+7NIWW547Q8p0kl4P0odcHA1OjUbNOpjkACDAA4NheRLVvtDUAAAAASUVORK5CYII=);
}
.results-status span.status.pending::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNrUVd1Nw0AMPqIOkDfEExmAh2aCXjZghLIBG7TZoBvABmGDZoPmgfdenxBvtwHY1efKWEkUTjQSlqxLXf+eP/uc++90M0Xp/fNjSYcnzpU4ErcPt3ddcgByvKZjQ1yMqAXimgK9Tg5AjjnTF+JHk7HOdmkqeiN+okBxNACc7+GAqUWGbY+uR4UeIk6gskGsUUP8Bd5O7NFW2TSjd/5b5wNB1kNKRyjsUyDJdrA/iiwzUBS01ImwF7sC/txC/SmNitxQNPusJA0mWYEkAsmCavS5wbCLQBfLOx0gV0hgaiQoGXFmjPMD9CLJSjplTsSuxHkZSh3g3pTr1ffKJJHD+crMhbP+MiU4GYXOfNs5aHt0nPW3MJOqM6mIn9GTHa6qQmUt+sJ3fkJFO2Mff0wyun4Q532TOwGmHluAqeRFeLkibMWAn5tEmIpdkC2bDeDYp0yyAkY92y66+jad/z2Y5UX7yzf56vQtwACQiv23sc8GHgAAAABJRU5ErkJggg==);
}
.results-status span.status.skipped::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNrUVcttwzAMdT2BbkVO8QA9eIRkg2QDdwRP0GSCjFBv4BHsEXLIPc4p6E0btJRBAq8P/rWIDUQAIZgm36P4kaLo2dfLFKPL1z2VbSPiQO1F6rfX1fnfBAKcyfYhkgyYNSJHISomEwhwiLTUqDFijDalE9UieyHygwQKXimAOYYI6w7bjZ7QAgkBbJmEnSqRb5XDxBodwKcazPlfwXtIsj6ja1cU8r3TTvrVWUHfc/qr6WJqReuWI4JrwSsj0T0EURKJ+SVmG8NPK5SngjbaQU5JMgV3qm/MUP084iGBg06IwKntDCD5BPBtx6CdEQ8J1n0FVJCc1PnYFDPBbeSqOJH6xIUfI/AwoQyOOX+nmjBJingxjXqbO51QWwnlvKCaJDTZjvDmnYNlJ3mOu2j223T592CRF+2Rb/Ls60eAAQAm2TmsUxx5bwAAAABJRU5ErkJggg==);
}
.results-status span.status.inprogress::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrUVe1Nw0AMDRUDZAM6ABI3wnWDRmKAdpK2EzBC4D9Su0FvhEPqAGGDGwFbsot5MvlAEAlLViTHfs+OP1JV/11uxji9XnKgRyStjbmQpsf7kH9MQMAbeuxIlz1uHemBiJ5HExAwZ9qSriFjm22Aik6kWyIqvQQCfhYAliQZJsc3SoVRTJzAypLcOgW0BpyB9w4oa6Z3nHUi216IgsQ3bgXyzdvvwMVHwfT7N9xosG+1JwuIV4fkgTvCzT/zlIl/ApxPAhlFnZbDhFHnnh0hbil4XyrQRhWvoUOVEOBa4orFW0AmFYziFAkQXyPB3Uighyl2S/A+4mTg8ll5GyIoUKoHvunhzxBfkEAbW8syTQHveOkkrrZ4VwK5ih3OMQU9DYAXs7k7Q5i9RdM5jrKZLC+G2LukK7PJEffIO3ZH08jrueA5h/7oLcLzcSJ7M9s1nf9/MMsf7Tf/yX8uHwIMAKz4sp43s83AAAAAAElFTkSuQmCC);
}
.code {
  font-family: monospace;
  border: 1px solid #d4e9e7;
  background-color: #f7f7f7;
  border-radius: 4px;
  padding: 24px 14px 20px 24px;
  max-height: 43vh;
  overflow-y: auto;
  position: relative;
  white-space: pre-line;
  font-size: 14px;
  margin-top: 5px;
}
.code.log {
  margin: 24px;
}
span.code {
  padding: 2px;
}
#reportAbort {
  position: absolute;
  top: 100px;
  right: 30px;
}
/* Forms and inputs*/
input[required]:-moz-ui-invalid {
  box-shadow: none;
}
.inputGroup {
  padding: 12px;
  background-color: rgba(66, 66, 66, 0.03);
}
p.info,
span.info {
  margin: 15px 0;
  color: rgba(66, 66, 66, 0.6);
}
p.info.icon,
span.info.icon {
  position: relative;
  padding-left: 30px;
}
p.info.icon svg,
span.info.icon svg {
  position: absolute;
  left: 0;
}
form .required::after {
  content: '* required';
  position: absolute;
  top: 50%;
  left: 102%;
  font-size: 12px;
  color: #347a87;
  width: 100px;
}
form .required.file {
  width: 400px;
}
form .required.file:after {
  top: -38px;
  position: relative;
}
input[type='file'].fileInput,
input[type='text'].fileInput {
  width: 400px !important;
  margin: 32px 0 10px 0;
  cursor: pointer;
  z-index: 1 !important;
}
input[type='file'].fileInput:first-child,
input[type='text'].fileInput:first-child {
  z-index: 2 !important;
  cursor: pointer !important;
}
input[type='file'].fileInput::-webkit-input-placeholder,
input[type='text'].fileInput::-webkit-input-placeholder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAOUlEQVR4AWMYOqABCElS/h8IG0hSDtFCinKEFsLK0bUQVo6phbByEhyGohQKRjXQEfzHDUnXMKwAAPQgcJdaHyTAAAAAAElFTkSuQmCC);
  background-position: right;
  background-repeat: no-repeat;
}
input[type='file'].fileInput:-moz-placeholder,
input[type='text'].fileInput:-moz-placeholder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAOUlEQVR4AWMYOqABCElS/h8IG0hSDtFCinKEFsLK0bUQVo6phbByEhyGohQKRjXQEfzHDUnXMKwAAPQgcJdaHyTAAAAAAElFTkSuQmCC);
  background-position: right;
  background-repeat: no-repeat;
}
input[type='file'].fileInput::-moz-placeholder,
input[type='text'].fileInput::-moz-placeholder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAOUlEQVR4AWMYOqABCElS/h8IG0hSDtFCinKEFsLK0bUQVo6phbByEhyGohQKRjXQEfzHDUnXMKwAAPQgcJdaHyTAAAAAAElFTkSuQmCC);
  background-position: right;
  background-repeat: no-repeat;
}
input[type='file'].fileInput:-ms-input-placeholder,
input[type='text'].fileInput:-ms-input-placeholder {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAAOUlEQVR4AWMYOqABCElS/h8IG0hSDtFCinKEFsLK0bUQVo6phbByEhyGohQKRjXQEfzHDUnXMKwAAPQgcJdaHyTAAAAAAElFTkSuQmCC);
  background-position: right;
  background-repeat: no-repeat;
}
input[type='file'].fileInput.error,
input[type='text'].fileInput.error {
  border-bottom-width: 2px;
  border-bottom-color: #ab1000;
}
textarea#inline-description {
  height: initial !important;
  font-size: 12px !important;
  margin-top: 0 !important;
}
.inputHeader {
  color: rgba(0, 0, 0, 0.5);
  font-size: 12px;
  display: block;
}
.dropzone {
  padding-top: 15px;
  padding-bottom: 15px;
  cursor: pointer;
}
.dropzone .dashboard-placeholder {
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.dropzone .icon {
  position: relative;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
}
.dropzone.onboard:hover,
.dropzone.active {
  background-color: #f7f7f7;
  border-width: 2px;
}
.dropzone.onboard:hover .icon,
.dropzone.active .icon {
  -webkit-animation: bouncedownup 1.3s infinite;
  -moz-animation: bouncedownup 1.3s infinite;
  -ms-animation: bouncedownup 1.3s infinite;
  -o-animation: bouncedownup 1.3s infinite;
}
.dropzone.onboard:hover .dashboard-placeholder,
.dropzone.active .dashboard-placeholder {
  color: #949495;
}
.dropzone:focus {
  outline: none !important;
}
.dropzone.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.dropzone.disabled:hover {
  background-color: initial;
}
.dropzone.disabled a {
  cursor: not-allowed;
}
div:focus {
  outline: none !important;
}
.key-value-container button {
  margin-left: 8px;
  height: 100%;
  align-self: center;
}
/* Log in */
#login-box {
  -webkit-animation: fadein 1s 1;
  -moz-animation: fadein 1s 1;
  -ms-animation: fadein 1s 1;
  -o-animation: fadein 1s 1;
  width: 25%;
  max-width: 400px;
  min-width: 240px;
  margin: 12% auto 0;
  position: relative;
}
#login-box h3 {
  text-transform: uppercase;
  color: #c7c7c7;
  font-weight: normal;
  text-align: center;
}
#login-box img {
  max-width: 100%;
}
#login-box .help-text,
#login-box .help-text p {
  color: rgba(66, 66, 66, 0.6);
  text-align: left;
  font-size: 12px;
}
form .button-holder {
  background-color: #f7f7f7;
  padding: 10px 20px;
  margin-left: -10px;
  max-width: 100%;
}
#password-holder {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
#password-holder > div > div > div {
  max-width: 100%;
}
#password-holder.edit-pass {
  background-color: #f7f7f7;
  padding: 0 20px 10px;
}
#password-holder.edit-pass .required {
  margin-right: 60px;
}
#password-holder .pass-buttons {
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
#password-holder .pass-buttons button:first-of-type {
  margin-right: 15px;
}
#pass-strength {
  margin-top: 10px;
}
#pass-strength meter {
  margin-left: 8px;
  margin-right: 8px;
}
#pass-strength svg {
  vertical-align: middle;
}
/* icons */
button:disabled .material-icons {
  color: rgba(0, 0, 0, 0.3) !important;
}
button.remove-icon:disabled .material-icons {
  color: rgba(0, 0, 0, 0.3) !important;
}
button.remove-icon .material-icons {
  color: #679ba5 !important;
}
.inline-action {
  position: relative;
  top: -6px;
  margin-left: 10px;
}
.material-icons.error-icon {
  color: #ab1000 !important;
}
/* tables */
hr.table-divider {
  border: 0;
  height: 6px;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(rgba(0, 0, 0, 0.03)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0));
}
tr.expand {
  background-color: #f5f5f5;
}
tr.expand .device-info {
  margin-bottom: 10px;
}
tr.expand .device-info h3 {
  font-family: Lato, sans-serif;
  color: rgba(0, 0, 0, 0.8);
  font-size: 1.17em;
  font-weight: 700;
}
tr.expand td {
  vertical-align: top;
  padding-top: 16px;
}
tr.expand td div.expanded {
  position: absolute;
  left: 30px;
  right: 0;
  margin-top: 60px;
  padding: 0 45px 30px;
}
.bordered {
  border: 1px solid #d4e9e7;
  margin-top: 10px;
  padding: 5px 20px;
}
.deviceList {
  min-width: 800px;
}
.deviceList .header {
  padding: 0 24px;
  -webkit-box-align: center;
          align-items: center;
  height: 56px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}
.deviceList .columnHeader {
  padding: 0 24px;
}
.deviceList .body > div:last-of-type {
  border-bottom: 1px solid #e0e0e0;
}
.deviceList .deviceListItem {
  border-top: 1px solid #e0e0e0;
}
.deviceList .deviceListItem:hover {
  background: #f7f7f7;
}
.deviceList .deviceListItem .expandedDevice {
  padding-left: 48px;
  padding-right: 35px;
}
.deviceList .deviceListItem .device-identity,
.deviceList .deviceListItem .device-actions {
  position: relative;
  width: 100%;
}
.deviceList .deviceListItem .device-inventory.bordered {
  padding-bottom: 20px;
}
.deviceList .deviceListItem .device-inventory .report-list {
  width: 45%;
}
.deviceList .deviceListItem .deviceStatus {
  border-color: #aaaaaa;
  color: #aaaaaa;
  font-size: 0.8em;
  line-height: 0.8em;
}
.deviceList .deviceListItem .deviceStatus .notificationCounter {
  width: 14px;
  height: 14px;
  background-color: #aaaaaa;
  margin-left: 5px;
  margin-right: -5px;
  color: #f7f7f7;
}
.deviceList.pending .deviceListItem {
  background: #eaf4f3;
}
.inventory-text {
  word-break: break-word;
  display: inline-block;
  overflow: hidden;
  max-height: 46px;
}
.inventory-text.expanded-attribute {
  display: inline;
  overflow: initial;
  max-height: initial;
}
.grouplist div span {
  font-size: 0.9rem;
}
.leftNav ul a div span {
  font-size: 0.9rem;
}
div.waiting-inventory {
  padding: 24px 18px 0;
  border: 1px dashed #d4e9e7;
  border-radius: 5px;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  white-space: normal;
  position: relative;
}
div.waiting-inventory p {
  margin: 0.5em 0;
  font-size: 14px;
}
#authorize > div {
  padding-bottom: 15px;
}
/* device auth */
.actionButtons > span,
.actionButtons > a {
  margin-right: 20px;
}
.expand-confirm {
  overflow: hidden;
  padding: 0 5px 5px 0;
}
/* Buttons */
.fixedButtons {
  position: fixed;
  bottom: 30px;
  left: 198px;
  right: 30px;
  padding: 15px 30px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-animation: fadein 0.3s 1;
  -moz-animation: fadein 0.3s 1;
  -ms-animation: fadein 0.3s 1;
  -o-animation: fadein 0.3s 1;
  z-index: 1;
}
.top-right-button {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 100;
}
.bottom-right-button {
  position: absolute;
  bottom: 15px;
  right: 15px;
}
/* Tags */
.tagContainer {
  margin-top: 20px;
}
.ReactTags__tag {
  margin-right: 10px;
  margin-bottom: 5px;
  padding: 5px;
  background-color: #d4e9e7;
  color: #679ba5;
  display: inline-block;
  margin-top: 5px;
  font-size: 13px;
}
.ReactTags__remove {
  cursor: pointer;
  padding: 10px 0 10px 10px;
}
.ReactTags__tagInput input,
.ReactTags__tagInput input:focus,
input.fileInput {
  outline: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: solid 1px #e0e0e0;
  padding: 7px 0;
  font-size: 16px;
  font-family: Lato, sans-serif;
  color: rgba(0, 0, 0, 0.8);
}
.ReactTags__tagInput input::-webkit-input-placeholder,
.ReactTags__tagInput input:focus::-webkit-input-placeholder,
input.fileInput::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.ReactTags__tagInput input:-moz-placeholder,
.ReactTags__tagInput input:focus:-moz-placeholder,
input.fileInput:-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.ReactTags__tagInput input::-moz-placeholder,
.ReactTags__tagInput input:focus::-moz-placeholder,
input.fileInput::-moz-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
.ReactTags__tagInput input:-ms-input-placeholder,
.ReactTags__tagInput input:focus:-ms-input-placeholder,
input.fileInput:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.3);
}
/* Dashboard */
.dashboard-placeholder {
  font-size: 16px;
  color: #c7c7c7;
  text-align: center;
  padding: 15px 30px;
  -webkit-animation: fadein 0.2s 1;
  -moz-animation: fadein 0.2s 1;
  -ms-animation: fadein 0.2s 1;
  -o-animation: fadein 0.2s 1;
}
.dashboard-placeholder img {
  margin-top: 15px;
  width: 74px;
}
.deployments {
  position: relative;
}
.deployments .current-widget {
  max-width: 15vw;
  min-width: 200px;
  width: 100%;
}
.deployments .current-widget.active {
  background: rgba(1, 89, 105, 0.075);
}
.deployments .current-widget.pending {
  background: rgba(93, 15, 67, 0.075);
}
.deployments .completionInfo {
  color: #aaaaaa;
  font-size: small;
}
.deployments .statusText {
  min-width: 100px;
}
.deployments .activity {
  border-style: solid;
  border-width: 1px;
  border-color: #e7e7e7;
  border-radius: 2px;
  padding: 15px;
  max-width: 60vw;
  margin-bottom: 3.5vh;
}
.deployments .activity h4 {
  color: #aaaaaa;
  text-transform: capitalize;
  margin: 0;
}
span.month,
span.day {
  display: block;
  text-align: center;
}
.dashboard-header {
  border-bottom: 1px solid #d4e9e7;
  margin-bottom: 15px;
  position: relative;
}
.dashboard-header span {
  position: absolute;
  background: #ffffff;
  padding: 10px 15px 10px 0;
  top: -19px;
}
.dashboard-header h2,
.dashboard-header h3 {
  margin: 8px 0;
}
.dashboard-header .dashboard-number {
  margin-left: 10px;
  color: #c7c7c7;
}
.dashboard-header svg {
  vertical-align: middle;
  margin: 0px 10px 4px 0;
}
.progress-container {
  padding-bottom: 45px;
}
.progress-container .device-info {
  position: absolute;
  width: 33%;
  right: -16px;
  background-color: #fff;
  top: -30px;
  bottom: 15px;
  z-index: 300;
  padding: 0 30px;
  box-sizing: border-box;
  display: none;
  border-left: 1px #679ba5 solid;
  font-size: 12px;
  word-break: break-all;
}
.progress-container .device-info.show {
  display: block;
  -webkit-animation: fadein 0.2s 1;
  -moz-animation: fadein 0.2s 1;
  -ms-animation: fadein 0.2s 1;
  -o-animation: fadein 0.2s 1;
}
.progress-container .key {
  color: #c7c7c7;
  font-size: 12px;
  clear: both;
  vertical-align: middle;
  margin-top: 10px;
  text-align: center;
  width: 60%;
}
.progress-container .key .bubble {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 6px;
  margin-right: 2px;
  margin-top: -2px;
  vertical-align: middle;
  position: relative;
  background-size: cover;
}
.progress-container .key .bubble.success {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS9JREFUeNrElYENgyAQRa3pAG5QRnAE3cBuIF3BAYwDuIK4Qd2gjtANajdghJ4FK16QAtaU5IgR7n04jiMMdm7h3gJHq1lNEUOfgEXKXw7WB5f6bnI9fAHn0JdgxDBrAKtAqLUXaIpxpQwsc4hGB0ZBiJsFBPwGFnuEfAxXqoroDpl5wgPpx9azSMQ881z5dAaZ5Gh3UG4IC5UHvuCEKBWJd8ybgin+RPIWO0g2wnM0nmCBCE1oJcQH/uGpAqfF5RExTTUiNnBtFj2Vb/J2FvmsijjBsQBHYzkSaR3hHBe7XjNpFAlkuKjMNquVT7x5B6IqDisizBE+TFUWX7RqxWEUeVjCFxxdsbt6lou5ql7qs6nYUUP+21w+an4y56zpnFeOSvUfX7Qfvsm7t5cAAwAzdHozomyQZQAAAABJRU5ErkJggg==);
}
.progress-container .key .bubble.failure {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAATBJREFUeNpiZqAxYKa1BSzEKOrn5TUAUg5ALIAk/AGIDxR+/nwBn15GAgYnAKl6IFbAo+wBEDcCLVpAtAVAg0EunQ/EASSExgYgTgRa9AFZkAmH4ftJNJwBqn4/VD9uC6AuNyAzTg2g+rGnImiYV+Ax4AAQL4SyccWLhgc7+8Odv35dwOaDegIuPAgM4wYQTUBdPUYQQZOiApWSvwLUPBQfOFA5jzmgWyBAZQsE0C2Qp0VRgWzBQyLU2wPDFhTJ9uSURR+IDFdi4+oDugUHiNB0AJpE7Ymw6ABKEEFLxQdUygcPYKUsSk4G5sCPhMogoBpFqA/w5ZlCWE5mxFLYrSejoEMpVYGuD8RX2CUC8QUyDb8A1Y+7NIWW547Q8p0kl4P0odcHA1OjUbNOpjkACDAA4NheRLVvtDUAAAAASUVORK5CYII=);
}
.progress-container .key .bubble.pending {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAW5JREFUeNrUVd1Nw0AMPqIOkDfEExmAh2aCXjZghLIBG7TZoBvABmGDZoPmgfdenxBvtwHY1efKWEkUTjQSlqxLXf+eP/uc++90M0Xp/fNjSYcnzpU4ErcPt3ddcgByvKZjQ1yMqAXimgK9Tg5AjjnTF+JHk7HOdmkqeiN+okBxNACc7+GAqUWGbY+uR4UeIk6gskGsUUP8Bd5O7NFW2TSjd/5b5wNB1kNKRyjsUyDJdrA/iiwzUBS01ImwF7sC/txC/SmNitxQNPusJA0mWYEkAsmCavS5wbCLQBfLOx0gV0hgaiQoGXFmjPMD9CLJSjplTsSuxHkZSh3g3pTr1ffKJJHD+crMhbP+MiU4GYXOfNs5aHt0nPW3MJOqM6mIn9GTHa6qQmUt+sJ3fkJFO2Mff0wyun4Q532TOwGmHluAqeRFeLkibMWAn5tEmIpdkC2bDeDYp0yyAkY92y66+jad/z2Y5UX7yzf56vQtwACQiv23sc8GHgAAAABJRU5ErkJggg==);
}
.progress-container .key .bubble.inprogress,
.progress-container .key .bubble.installing {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrUVe1Nw0AMDRUDZAM6ABI3wnWDRmKAdpK2EzBC4D9Su0FvhEPqAGGDGwFbsot5MvlAEAlLViTHfs+OP1JV/11uxji9XnKgRyStjbmQpsf7kH9MQMAbeuxIlz1uHemBiJ5HExAwZ9qSriFjm22Aik6kWyIqvQQCfhYAliQZJsc3SoVRTJzAypLcOgW0BpyB9w4oa6Z3nHUi216IgsQ3bgXyzdvvwMVHwfT7N9xosG+1JwuIV4fkgTvCzT/zlIl/ApxPAhlFnZbDhFHnnh0hbil4XyrQRhWvoUOVEOBa4orFW0AmFYziFAkQXyPB3Uighyl2S/A+4mTg8ll5GyIoUKoHvunhzxBfkEAbW8syTQHveOkkrrZ4VwK5ih3OMQU9DYAXs7k7Q5i9RdM5jrKZLC+G2LukK7PJEffIO3ZH08jrueA5h/7oLcLzcSJ7M9s1nf9/MMsf7Tf/yX8uHwIMAKz4sp43s83AAAAAAElFTkSuQmCC);
}
.progress-container .key .bubble.downloading,
.progress-container .key .bubble.rebooting {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrUVe1Nw0AMDRUDZAM6ABI3wnWDRmKAdpK2EzBC4D9Su0FvhEPqAGGDGwFbsot5MvlAEAlLViTHfs+OP1JV/11uxji9XnKgRyStjbmQpsf7kH9MQMAbeuxIlz1uHemBiJ5HExAwZ9qSriFjm22Aik6kWyIqvQQCfhYAliQZJsc3SoVRTJzAypLcOgW0BpyB9w4oa6Z3nHUi216IgsQ3bgXyzdvvwMVHwfT7N9xosG+1JwuIV4fkgTvCzT/zlIl/ApxPAhlFnZbDhFHnnh0hbil4XyrQRhWvoUOVEOBa4orFW0AmFYziFAkQXyPB3Uighyl2S/A+4mTg8ll5GyIoUKoHvunhzxBfkEAbW8syTQHveOkkrrZ4VwK5ih3OMQU9DYAXs7k7Q5i9RdM5jrKZLC+G2LukK7PJEffIO3ZH08jrueA5h/7oLcLzcSJ7M9s1nf9/MMsf7Tf/yX8uHwIMAKz4sp43s83AAAAAAElFTkSuQmCC);
}
.progress-container .progressHeader {
  position: absolute;
  top: -45px;
  left: 18%;
  color: #757575;
  font-size: 14px;
}
.progress-container .bubbles-contain {
  height: 100px;
  min-width: 300px;
  width: 60%;
  position: relative;
  top: -10px;
  padding-left: 30px;
}
.progress-container .bubbles-contain > div {
  float: left;
  margin: 0 10px 4px 0;
  position: relative;
  cursor: pointer;
  max-height: 80px;
  max-width: 80px;
}
.progress-container .bubbles-contain > div:hover:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 110%;
  width: 500px;
  border-bottom: 1px #679ba5 solid;
  z-index: 200;
  -webkit-animation: fadein 0.6s 1;
  -moz-animation: fadein 0.6s 1;
  -ms-animation: fadein 0.6s 1;
  -o-animation: fadein 0.6s 1;
}
.progress-container .bubbles-contain .bubble {
  border-radius: 50%;
  position: relative;
  display: block;
  height: 100%;
  width: 100%;
  background-size: 66%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eaf4f3;
}
.progress-container .bubbles-contain .bubble:hover {
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  border: 1px solid #679ba5;
}
.progress-container .bubbles-contain .inprogress .bubble,
.progress-container .bubbles-contain .installing .bubble {
  -webkit-animation: pulse 2.8s infinite;
  -moz-animation: pulse 2.8s infinite;
  -ms-animation: pulse 2.8s infinite;
  -o-animation: pulse 2.8s infinite;
  background-image: url(data:image/png;base64,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);
}
.progress-container .bubbles-contain .downloading .bubble,
.progress-container .bubbles-contain .rebooting .bubble {
  -webkit-animation: pulse 2.8s infinite;
  -moz-animation: pulse 2.8s infinite;
  -ms-animation: pulse 2.8s infinite;
  -o-animation: pulse 2.8s infinite;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNrUVe1Nw0AMDRUDZAM6ABI3wnWDRmKAdpK2EzBC4D9Su0FvhEPqAGGDGwFbsot5MvlAEAlLViTHfs+OP1JV/11uxji9XnKgRyStjbmQpsf7kH9MQMAbeuxIlz1uHemBiJ5HExAwZ9qSriFjm22Aik6kWyIqvQQCfhYAliQZJsc3SoVRTJzAypLcOgW0BpyB9w4oa6Z3nHUi216IgsQ3bgXyzdvvwMVHwfT7N9xosG+1JwuIV4fkgTvCzT/zlIl/ApxPAhlFnZbDhFHnnh0hbil4XyrQRhWvoUOVEOBa4orFW0AmFYziFAkQXyPB3Uighyl2S/A+4mTg8ll5GyIoUKoHvunhzxBfkEAbW8syTQHveOkkrrZ4VwK5ih3OMQU9DYAXs7k7Q5i9RdM5jrKZLC+G2LukK7PJEffIO3ZH08jrueA5h/7oLcLzcSJ7M9s1nf9/MMsf7Tf/yX8uHwIMAKz4sp43s83AAAAAAElFTkSuQmCC);
}
.progress-container .bubbles-contain .pending .bubble {
  background-color: #f7fbfb;
  background-image: url(data:image/png;base64,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);
}
.progress-container .bubbles-contain .failure .bubble {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA9VJREFUeNrsnL1y2kAQx88iM07jGUqXyhOEMh1yly7wBMATAE/g8ATgJwBXSSpD6Qp4gugNIncpmXHnKrvO4pGF7nQ69HGS9j9zIw9jQPxmb3dvdbdCsFisCuui7BuYX125cOnQ6NLLXsLbAho+jCe8Tp+fd40BCNB6BAuvboYfvYaxxysADWoFkCxtDGMIo13AVyLMDYBcVRoggMPpeKsxLfMSWuI9jAXAPFQGIIBDnzYvEVxUCG8GEBdWAwRwbbK4iaWBEy1ylFXQuchhuj4U5OPO1YIs8mAFQIA3t9jqZPLJGv3SANKU3VIeV0WhBU5No7WTQaCoMjxB7mYJv2VYqAWG4LVFfbQCSxyleUOL4b1T5+vlZfvx5eUxN4Dk837XEN5RXwDiE0DUCiyOAbxtjeEdtaT1euZBZF7xgJEWYiczgPBhEyoENEWv0TkTH0iVlB8wPopm6TopqOha4LIBfk+mCS1RzQBSgumJZmtulEiHUha34BvGRf53RcFiWwLEUdxyL8kCJyXAs1W3qaYwWd+Yub3JjVsvqyyw1+DAoW2FTlqTZSt8H5EdRbGAfV+8BjoWOGBOUg0pPigB9piTUj0pQJ6+WuqqLNBjPonyVAC7zEcrGrsygB3mo6WODCD7P1OAqrIN60SfdYoJLLnacQDZAs8EyMogiLBSiAEyQAbIABuq152tHyIv+pbc3ACS+q4qfbBAfhzAgyU351ZlSRmdwgHPTG3tTwAWdTyqJgpkQWTHbPR9oCMzTZZax6MRbIFmWkvzwLLO3VYxgMSlMWHCZT7atHF3lp4FkjZsZPLgEc5WHImDXFmUVNumO9218IpZxa5/17oA75jXqVFFj8c6ijwnYCtMNqqkctaMmb1pEbfUTTytWdJB6kDICxtYzip69wRO209xp9t1AOIN/xHN3u47lTWrSKxIE/VRg+HtVJ0+tEr68AHraPhuUNqiNJ40z0RGonkF12lSjVQbIE3lfoNWKAudRhSpeybQQeSHmsPD5mV9nX9M/ViT/GGdg4qf5vcZNZ3AfgLYV0DUbzc/wrtJ082oZfpNNYSYGp6RD5T4xKofyE7dL8bYB0p84o2wZ1eDSapi7NNbWdwBTOe/MJ1/wZ/Xojq7/DG/6wO8n+d8SB79A3FKYwHCtTnHExm0vssFYKgAgRWcsWW+cUdTNjN3k2sPVTrNg+eOhxaAm+XxyLaQLr4hixwUPLVxKXaf57PuwvtIk4/8JvJrKYCwNiLm+UUtAEZgYsT2xP8DjibHbA+UPu3puisCmjUAFVCPlunFpB7BceVQNCxWDvonwAAyPDU0VguVGAAAAABJRU5ErkJggg==);
}
.progress-container .bubbles-contain .success .bubble {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA95JREFUeNrsnYtx4jAQhmVX4BJ8FRypAKjguAqCaSBkXABQABNogEcF4SoIqSBcBecS3MGdhJQzsWVbsiW8svTPKJnJEB5f/l1Ja3mDkJNTl/LAvaNdHOCvg5pHpWi2vjiAu3jAYA3xCPEYST5DwsY7HmcM9dx/gLuYQPqBx4RBU60THr+u32frtB8AaVjO8XjUBK1MBzyOOp3paQZHYC3wmHacqki+3GKQBzMAZo5bAJuiiBNXKh3paYBHctsejwDw6oM48VlFjvQUu27PJgcTROBFGOKpe4B0Zn0F7roybTDE5+4A7uIpc57JIpPMuElI+y3hvfQAHmKL+Te2sL+TA3fxHsDyREdeHMtsEz0Hrx1Er2HYzlG/JZwTfUl4UwvgZTlRqQNpgv1AdumAXRi1B0gXyR93LgRAUVS1hxYN4YWl8IheWFGkIUC6y+hj3hMtKARVa10RB+57CI/ktvE1PMU0YkUSSYC7eNnD0M0mBprbIuFQlppE6MTxx9ACgdysKr6fL0woVQ6cWwFPzokLmRB+smk9xyCuap4nZG6tAUgfFFgDL9soiJjmScSBjxbCexM0zeC27OVznixE8he4bYFXMBjPgRMHr1aTKoBDB69W4WcY982B94CX7U4KAOm+18ET05DnwIGDJyxuCH938KTyYOAXfujgSblQZQiTCzAPiJ47sQEeUcGBQQt49FIg/VAHC+BxHdgOXrYx1wkRCrzcQrqi7i8FTy9EUPDys3CoDJ4eiODgVVVj1EkNRJDw8gAT2RkIiZ5ooh8+6hu8rwBn66TB78tAPDSACBqeqhDWBRE8PB7AFAhEI+BhXfIALwCcaAq8q+HyAJOOw9kkeFwH/u4wJ5oGLyEHMFWGcBuIY8Pg/Wflcd7kX5U5Akke2jYEHhG502nDW8acFL6IuBPNgkd0LlsHvit+oXYQYcJLPqNKtwPbQYQJ7wsjn5PUEyR+elMfRLjwiI51W7mjphcWgwgb3uV2UvQrlhZpJxBhwyPaihYTthrfBB8ifHiJzAnVjUYXFiHCh0dUOIDp1eSiJdLf9yC9LkrpIW7I8Ij7vuV/6Ndss5YKCgwiToTeYwGxPzKSA0gVIadzWW+FeoC0RcjGYnhplYlES/qrO4Qy3NCtuF7kbnetlqLbXTOIU9TPe+fKdhwPdQ+SuypHF5EbK+CROqaAXNMJ/qShselEvyHeqe1JBrFPHTwItJ+yJzRc66fbnNeg9ZOq5mMmFALK1HHzsQyia3+nCKRrwKjIja4FqAKQIYLRhJYAO5rThLbcka4NsgKYI+QacSuD6VrBawp3Y/4ZwT8BBgB0CMTM8VGq3wAAAABJRU5ErkJggg==);
}
.report-container {
  display: grid;
  grid-template-columns: 2fr 220px 235px 235px 1fr;
  grid-column-gap: 30px;
}
.report-container.report-progressing {
  grid-template-columns: 1fr 2fr 1fr;
}
.report-container .deploymentInfo {
  margin-top: 30px;
  font-size: 14px;
  white-space: nowrap;
  -webkit-box-flex: 1;
          flex-grow: 1;
  max-width: 350px;
}
.report-container .deploymentInfo > div {
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-container .progressLabel {
  color: #c7c7c7;
  margin-right: 5px;
  margin-bottom: 0;
  width: 100px;
  display: inline-block;
}
.report-container .skipped-text {
  color: #c7c7c7;
  text-align: center;
  font-size: 12px;
  margin-top: 12px;
}
.deploy-table-contain {
  margin-bottom: 60px;
  margin-top: 30px;
}
.fail {
  color: #8f0d0d;
}
.fail > div {
  background-color: #f6f1f1;
}
.fail div {
  color: #8f0d0d !important;
}
.fail .material-icons {
  color: #8f0d0d !important;
}
/* Deployments */
.deployment-item {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 3fr 1fr 50px;
  grid-column-gap: 30px;
  border-bottom: 1px solid #e0e0e0;
  margin: 0 30px;
  -webkit-box-align: center;
          align-items: center;
  position: relative;
}
.deployment-item.deployment-header-item {
  border-bottom: transparent;
}
.deployment-item.progress-item {
  padding: 10px 0;
}
.deployment-item > div,
.deployment-item time {
  min-width: 100px;
}
.deployment-item .cancelButton:hover {
  color: #8f0d0d;
}
.deployment-item .progress-chart-container {
  background: #f7f7f7;
  padding: 15px 20px;
  height: 70px;
  border-radius: 4px;
}
.deployment-item .progress-chart-container .progress-chart {
  display: -webkit-box;
  display: flex;
  width: 100%;
  height: 30px;
  position: relative;
}
.deployment-item .progress-chart-container .progress-step {
  border-right: 1px dashed #aaaaaa;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  z-index: 1;
}
.deployment-item .progress-chart-container .progress-bar {
  height: 5px;
  background-color: currentColor;
}
.deployment-item .progress-chart-container .progress-step-total {
  position: absolute;
  width: 100%;
  height: 30px;
  z-index: 0;
  border: none;
}
.deployment-item .progress-chart-container .progress-step-total .progress-bar {
  background-color: #d4e9e7;
}
.deployment-item .confirmation-overlay {
  position: absolute;
  z-index: 1;
  background: rgba(247, 247, 247, 0.8);
  width: 100%;
  height: 100%;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.deployment-phases-list {
  overflow: auto;
  max-width: 900px;
}
.deployment-phases-list > .column {
  min-width: 115px;
  margin: 0 5px;
  -webkit-box-pack: end;
          justify-content: flex-end;
}
.deployment-phases-list > .column > div {
  margin: 5px 0;
}
.deployment-phases-list > .column .MuiChip-root {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.statusLarge {
  vertical-align: top;
  overflow: visible !important;
  position: relative;
  display: inline-block;
  top: -5px;
}
.statusLarge > img {
  vertical-align: top;
  display: inline;
}
.statusLarge .statusWrapper {
  max-width: 160px;
  min-height: 38px;
  padding: 15px 15px 25px 20px;
  margin: 0 8px 10px 10px;
  background-color: #f7f7f7;
  position: relative;
  display: inline-block;
  font-size: 16px;
  vertical-align: top;
  white-space: normal;
}
.statusLarge .statusWrapper:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  z-index: 20000;
  top: 5px;
  left: -19px;
  border-bottom: 10px solid transparent;
  border-right: 20px solid #f7f7f7;
}
.progressStatus {
  background-color: #f7f7f7;
  padding: 15px 90px 15px;
  position: relative;
  top: -26px;
  height: auto;
  margin: 30px 30px 0 0;
}
.progressStatus #progressStatus {
  text-align: center;
  vertical-align: top;
}
.material-list-item {
  padding: 20px 16px 16px;
  overflow: hidden;
}
.material-list-item h4 {
  margin: 0;
  font-size: 16px;
  font-weight: normal;
}
.material-list-item p {
  margin: 4px 0px 0px;
  color: rgba(0, 0, 0, 0.54);
}
.substate {
  width: 64%;
  min-width: 200px;
  overflow: hidden;
  color: #aaaaaa;
  white-space: normal;
  word-wrap: break-word;
  margin-left: 5px;
}
.substateText {
  color: #aaaaaa;
  word-break: break-word;
}
.datepicker-container {
  background-color: #f7f7f7;
  padding: 0px 25px 5px;
}
.repository {
  min-height: 400px;
  height: 100%;
  display: -webkit-box;
  display: flex;
}
.repository .repository-list {
  border-right: 1px solid #eaf4f3;
  min-width: 390px;
  width: 100%;
  max-width: 780px;
}
.repository .repository-list > div.margin-bottom-small {
  height: 85px;
}
.repository .repository-list > ul {
  overflow: auto;
  height: 70vh;
}
.repository .release-repo {
  overflow: auto;
  width: 100%;
}
.release-repo > .flexbox:first-of-type {
  padding-top: 15px;
}
.repository-list-item.active {
  background-color: #f7f7f7;
}
.repository-list-item > div {
  padding-right: 0;
}
.repository-list-item .flexbox {
  -webkit-box-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
          align-items: center;
}
.repository-list-item .indicator {
  opacity: 0;
}
.repository-list-item:hover .indicator {
  -webkit-animation: fadein 0.2s 1;
  -moz-animation: fadein 0.2s 1;
  -ms-animation: fadein 0.2s 1;
  -o-animation: fadein 0.2s 1;
  opacity: 1;
}
.release-repo-item {
  padding-bottom: 2vh;
}
.release-repo-item > div.muted {
  margin: 18px 12px 0 0;
}
.release-repo-item.repo-header {
  padding-left: 30px;
  padding-right: 12px;
  height: 56px;
  font-size: 12px;
  color: #5d0f43;
}
.release-repo-item.repo-item,
.release-repo-item .repo-item {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 48px;
  grid-column-gap: 20px;
}
.release-repo-item.repo-item .text-overflow,
.release-repo-item .repo-item .text-overflow {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@-webkit-keyframes fadein {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes pulse {
  0% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  50% {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@keyframes pulse {
  0% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
  50% {
    -webkit-opacity: 0.5;
    -moz-opacity: 0.5;
    opacity: 0.5;
  }
  100% {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  37% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  55% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  81% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  37% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  55% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  81% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
}
@-webkit-keyframes bouncedownup {
  0% {
    top: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  8% {
    top: 1px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  16% {
    top: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  32% {
    top: -2px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    top: 0px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    top: 0;
  }
}
@keyframes bouncedownup {
  0% {
    top: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  8% {
    top: 1px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  16% {
    top: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  32% {
    top: -2px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    top: 0px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes bouncerightleft {
  0% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  8% {
    left: 1px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  16% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  32% {
    left: -2px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    left: 0px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    left: 0;
  }
}
@keyframes bouncerightleft {
  0% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  8% {
    left: 1px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  16% {
    left: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  32% {
    left: -2px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    left: 0px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    left: 0;
  }
}
@keyframes bouncerightleft {
  0% {
    right: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  8% {
    right: 1px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  16% {
    right: 0;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  32% {
    right: -2px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  50% {
    right: 0px;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    right: 0;
  }
}
div.shake-alert {
  -webkit-animation: shake 0.72s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
          animation: shake 0.72s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
@-webkit-keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(1px, 0, 0);
            transform: translate3d(1px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
}
@keyframes shake {
  10%,
  90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%,
  80% {
    -webkit-transform: translate3d(1px, 0, 0);
            transform: translate3d(1px, 0, 0);
  }
  30%,
  50%,
  70% {
    -webkit-transform: translate3d(-2px, 0, 0);
            transform: translate3d(-2px, 0, 0);
  }
  40%,
  60% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
}
/* LESS MIXINS */
.flip-horizontal {
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
@-webkit-keyframes highlight {
  0% {
    border-color: #9f5085;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  50% {
    border-color: #ffffff;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    border-color: #9f5085;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
@keyframes highlight {
  0% {
    border-color: #9f5085;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  50% {
    border-color: #ffffff;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    border-color: #9f5085;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}
/* Progress bar */
#progressBarContainer {
  position: fixed;
  left: 230px;
  right: 30px;
  bottom: 80px;
  background-color: #ffffff;
  border: 1px solid #eaf4f3;
  border-radius: 4px;
  height: 60px;
  padding: 0 15px;
  overflow: hidden;
  color: #c7c7c7;
  margin: 25px 0 15px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
#progressBarContainer.shrunk {
  border: none;
  height: 0;
}
.billing {
  display: grid;
  grid-template-columns: 390px 1fr;
}
.billing .information-overview {
  padding: 30px 2.35vw;
  margin-top: -30px;
}
.billing .explanatory-text {
  color: #aaaaaa;
}
.billing .billing-subtitle {
  margin-bottom: 7.5px;
}
.billing .usage-report {
  padding: 30px 45px;
  margin-top: -30px;
  background-color: #f7f7f7;
  position: relative;
}
.billing .usage-report .overlay {
  position: absolute;
  margin: -30px -45px;
  background-color: rgba(247, 247, 247, 0.5);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  z-index: 100;
  width: 100%;
  height: 100%;
}
.billing .usage-report .confirmation-information {
  margin-top: -25vh;
  max-width: 400px;
  text-align: center;
}
.billing .credit-container {
  padding: 15px 30px;
  border-radius: 50px;
  border-color: #c7c7c7;
}
.billing .progress {
  height: 7.5px;
  margin: 7.5px 0;
  background-color: #e0e0e0;
}
.billing .progress.thick {
  height: 15px;
}
.billing .progress.credit-warning .MuiLinearProgress-bar {
  background-color: #ab1000;
}
.billing .billing-item {
  display: grid;
  grid-template-columns: 2fr 1fr 2fr 3fr;
  text-align: end;
  padding: 7.5px 15px;
}
.billing .billing-item > div:first-of-type {
  text-align: start;
}
.billing .billing-interaction {
  padding-bottom: 30px;
}
.billing .billing-interaction > div {
  margin: 7.5px 15px;
}
.billing .billing-interaction .billing-information {
  border-radius: 15px;
  border-color: #c7c7c7;
  margin-bottom: 7.5px;
}


/*# sourceMappingURL=main.css.map*/