@charset "UTF-8";

/* Compiler
*/
/*Pre Common Compiler in Compiler ADEPT*/
/* ADEPT Compiler
 This is to be replaced when possible */
/* Desktops and laptops ----------- */
/* Medium Screens ----------- */
/* Smaller Screens ----------- */
/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (small) ----------- */
/* CSS Document */
/*------------------------------*/
/*  GENERAL RESET              */
/*----------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {
  text-decoration: none;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: none;
  line-height: 100%;
}

a {
  color: inherit;
  display: block;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
  color: inherit;
}

ol, ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, li {
  line-height: 100%;
  font-weight: 400;
}

blockquote, q {
  quotes: none;
}

q:before, q:after {
  content: '';
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, textarea, select {
  font: 11px Arial, Helvetica, sans-serif;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

input:focus, textarea:focus {
  outline: none;
}

form, fieldset {
  border-style: none;
}

html, body, .genericGrid .genericGridContent > *, .dataTableInfo tr td .materialElement.input.disabled input,
.dataTableDark tr td .materialElement.input.disabled input,
.dataTable tr td .materialElement.input.disabled input {
  font-family: 'Roboto', Arial, sans-serif;
}

html, body {
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: #606060;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.ps-container .ps-scrollbar-x-rail {
  position: absolute;
  /* please don't change 'position' */
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
  z-index: 9999;
}

.ps-container:hover .ps-scrollbar-x-rail,
.ps-container.hover .ps-scrollbar-x-rail {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-x-rail:hover,
.ps-container .ps-scrollbar-x-rail.hover {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail {
  position: absolute;
  /* please don't change 'position' */
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  opacity: 0;
  filter: alpha(opacity=0);
  -o-transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  -moz-transition: background-color .2s linear, opacity .2s linear;
  transition: background-color .2s linear, opacity .2s linear;
}

.ps-container:hover .ps-scrollbar-y-rail,
.ps-container.hover .ps-scrollbar-y-rail {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail.hover {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-y-rail.in-scrolling {
  background-color: #eee;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.ps-container .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-x {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-x-rail:hover .ps-scrollbar-x,
.ps-container .ps-scrollbar-x-rail.hover .ps-scrollbar-x {
  background-color: #999;
}

.ps-container .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
  background-color: #aaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color 0.2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear;
}

.ps-container.ie6 .ps-scrollbar-y {
  font-size: 0;
  /* fixed scrollbar height in xp sp3 ie6 */
}

.ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.ps-container .ps-scrollbar-y-rail.hover .ps-scrollbar-y {
  background-color: #999;
}

.ps-container.ie .ps-scrollbar-x,
.ps-container.ie .ps-scrollbar-y {
  visibility: hidden;
}

.ps-container.ie:hover .ps-scrollbar-x,
.ps-container.ie:hover .ps-scrollbar-y,
.ps-container.ie.hover .ps-scrollbar-x,
.ps-container.ie.hover .ps-scrollbar-y {
  visibility: visible;
}

/*!
Animate.css - http://daneden.me/animate
Version - 3.4.0
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }
  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
    transform: skewX(0.39063deg) skewY(0.39063deg);
  }
  88.8% {
    -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
    transform: skewX(-0.19531deg) skewY(-0.19531deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@font-face {
  font-family: empty;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAQ0AAoAAAAAA+wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAJ4AAACeXQ48j09TLzIAAAGUAAAAYAAAAGAIIgbWY21hcAAAAfQAAABEAAAARAAyAGlnYXNwAAACOAAAAAgAAAAIAAAAEGhlYWQAAAJAAAAANgAAADb9mzB5aGhlYQAAAngAAAAkAAAAJAHiAeVobXR4AAACnAAAABAAAAAQAAAAAG1heHAAAAKsAAAABgAAAAYABFAAbmFtZQAAArQAAAFdAAABXVqZXRlwb3N0AAAEFAAAACAAAAAgAAMAAAEABAQAAQEBDHNwYWNlLWVtcHR5AAECAAEAOvgcAvgbA/gYBB4KABlT/4uLHgoAGVP/i4sMB4tr+JT4dAUdAAAAfA8dAAAAgREdAAAACR0AAACVEgAFAQEMFxkbHnNwYWNlLWVtcHR5c3BhY2UtZW1wdHl1MHUxdTIwAAACAYkAAgAEAQEEBwoN/JQO/JQO/JQO/JQO+JQU+JQViwwKAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAABAAAAAIAHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADAAAAAIAAgAAgAAAAEAIP/9//8AAAAAACD//f//AAH/4wADAAEAAAAAAAAAAAABAAH//wAPAAEAAAABAAAAeR2GXw889QALAgAAAAAAzz54vgAAAADPPni+AAAAAAAAAAAAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAABQAAAEAAAAAAAOAK4AAQAAAAAAAQAWAAAAAQAAAAAAAgAOAGMAAQAAAAAAAwAWACwAAQAAAAAABAAWAHEAAQAAAAAABQAWABYAAQAAAAAABgALAEIAAQAAAAAACgAoAIcAAwABBAkAAQAWAAAAAwABBAkAAgAOAGMAAwABBAkAAwAWACwAAwABBAkABAAWAHEAAwABBAkABQAWABYAAwABBAkABgAWAE0AAwABBAkACgAoAIcAcwBwAGEAYwBlAC0AZQBtAHAAdAB5AFYAZQByAHMAaQBvAG4AIAAxAC4AMABzAHAAYQBjAGUALQBlAG0AcAB0AHlzcGFjZS1lbXB0eQBzAHAAYQBjAGUALQBlAG0AcAB0AHkAUgBlAGcAdQBsAGEAcgBzAHAAYQBjAGUALQBlAG0AcAB0AHkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff");
}

/*---------------------------------------------*/
/*  Outline Classes                           */
/*-------------------------------------------*/
.outlineGrey {
  border: 1px solid #c8c8c8;
  margin: -1px;
}

.outlineGreyRight {
  border-right: 1px solid #c8c8c8;
  margin-left: -1px;
}

.outlineGreyRight > div:last-child {
  border-right: 0px;
}

.outlineOffWhite {
  border: 1px solid #fdfdfd;
}

.outlineWhiteDarkLeft {
  border-left: 1px solid #f1f1f1;
}

.outlineLightGreyRight {
  border-right: 1px solid #c8c8c8;
}

.outlineLightGreyBottom {
  border-bottom: 1px solid #c8c8c8;
}

.outlineLightGreyTop {
  border-top: 1px solid #c8c8c8;
}

.outlineWhiteTop {
  border-top: 1px solid #FFFFFF;
}

.outlineGreyBottom {
  border-bottom: 1px solid #f1f1f1;
}

.outlineBottomGrey {
  border-bottom: 1px solid #bebebe;
}

.black {
  color: #000;
}

.black a,
.materialElement.button.black a,
a.black {
  color: #000;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.black a:hover,
.materialElement.button.black a:hover,
a.black:hover {
  color: black;
}

.backgroundBlack {
  background-color: #000;
}

.backgroundBlack .circle {
  background-color: black;
}

.materialElement.backgroundBlack,
.materialElement.button.backgroundBlack {
  background-color: #000;
}

.materialElement.backgroundBlack.button:hover,
.materialElement.button.backgroundBlack.button:hover {
  background-color: black;
}

.materialElement.backgroundBlack .circle,
.materialElement.button.backgroundBlack .circle {
  background-color: black;
}

.materialElement.backgroundBlack .button-container .circle,
.materialElement.button.backgroundBlack .button-container .circle {
  background-color: black;
}

a.backgroundclassBackground:hover {
  background-color: black;
}

.blackBlue {
  color: #202428;
}

.blackBlue a,
.materialElement.button.blackBlue a,
a.blackBlue {
  color: #202428;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blackBlue a:hover,
.materialElement.button.blackBlue a:hover,
a.blackBlue:hover {
  color: #15171a;
}

.backgroundBlackBlue {
  background-color: #202428;
}

.backgroundBlackBlue .circle {
  background-color: black;
}

.materialElement.backgroundBlackBlue,
.materialElement.button.backgroundBlackBlue {
  background-color: #202428;
}

.materialElement.backgroundBlackBlue.button:hover,
.materialElement.button.backgroundBlackBlue.button:hover {
  background-color: #15171a;
}

.materialElement.backgroundBlackBlue .circle,
.materialElement.button.backgroundBlackBlue .circle {
  background-color: black;
}

.materialElement.backgroundBlackBlue .button-container .circle,
.materialElement.button.backgroundBlackBlue .button-container .circle {
  background-color: black;
}

a.backgroundclassBackground:hover {
  background-color: #15171a;
}

.white {
  color: #FFFFFF;
}

.white a,
.materialElement.button.white a,
a.white {
  color: #FFFFFF;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.white a:hover,
.materialElement.button.white a:hover,
a.white:hover {
  color: #f2f2f2;
}

.backgroundWhite {
  background-color: #FFFFFF;
}

.backgroundWhite .circle {
  background-color: #cccccc;
}

.materialElement.backgroundWhite,
.materialElement.button.backgroundWhite {
  background-color: #FFFFFF;
}

.materialElement.backgroundWhite.button:hover,
.materialElement.button.backgroundWhite.button:hover {
  background-color: #f2f2f2;
}

.materialElement.backgroundWhite .circle,
.materialElement.button.backgroundWhite .circle {
  background-color: #cccccc;
}

.materialElement.backgroundWhite .button-container .circle,
.materialElement.button.backgroundWhite .button-container .circle {
  background-color: #bfbfbf;
}

a.backgroundclassBackground:hover {
  background-color: #f2f2f2;
}

.whiteOff {
  color: #fdfdfd;
}

.whiteOff a,
.materialElement.button.whiteOff a,
a.whiteOff {
  color: #fdfdfd;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.whiteOff a:hover,
.materialElement.button.whiteOff a:hover,
a.whiteOff:hover {
  color: #f0f0f0;
}

.backgroundWhiteOff {
  background-color: #fdfdfd;
}

.backgroundWhiteOff .circle {
  background-color: #cacaca;
}

.materialElement.backgroundWhiteOff,
.materialElement.button.backgroundWhiteOff {
  background-color: #fdfdfd;
}

.materialElement.backgroundWhiteOff.button:hover,
.materialElement.button.backgroundWhiteOff.button:hover {
  background-color: #f0f0f0;
}

.materialElement.backgroundWhiteOff .circle,
.materialElement.button.backgroundWhiteOff .circle {
  background-color: #cacaca;
}

.materialElement.backgroundWhiteOff .button-container .circle,
.materialElement.button.backgroundWhiteOff .button-container .circle {
  background-color: #bdbdbd;
}

a.backgroundclassBackground:hover {
  background-color: #f0f0f0;
}

.whiteMedium {
  color: #f6f6f6;
}

.whiteMedium a,
.materialElement.button.whiteMedium a,
a.whiteMedium {
  color: #f6f6f6;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.whiteMedium a:hover,
.materialElement.button.whiteMedium a:hover,
a.whiteMedium:hover {
  color: #e9e9e9;
}

.backgroundWhiteMedium {
  background-color: #f6f6f6;
}

.backgroundWhiteMedium .circle {
  background-color: #c3c3c3;
}

.materialElement.backgroundWhiteMedium,
.materialElement.button.backgroundWhiteMedium {
  background-color: #f6f6f6;
}

.materialElement.backgroundWhiteMedium.button:hover,
.materialElement.button.backgroundWhiteMedium.button:hover {
  background-color: #e9e9e9;
}

.materialElement.backgroundWhiteMedium .circle,
.materialElement.button.backgroundWhiteMedium .circle {
  background-color: #c3c3c3;
}

.materialElement.backgroundWhiteMedium .button-container .circle,
.materialElement.button.backgroundWhiteMedium .button-container .circle {
  background-color: #b6b6b6;
}

a.backgroundclassBackground:hover {
  background-color: #e9e9e9;
}

.whiteDark {
  color: #f1f1f1;
}

.whiteDark a,
.materialElement.button.whiteDark a,
a.whiteDark {
  color: #f1f1f1;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.whiteDark a:hover,
.materialElement.button.whiteDark a:hover,
a.whiteDark:hover {
  color: #e4e4e4;
}

.backgroundWhiteDark {
  background-color: #f1f1f1;
}

.backgroundWhiteDark .circle {
  background-color: #bebebe;
}

.materialElement.backgroundWhiteDark,
.materialElement.button.backgroundWhiteDark {
  background-color: #f1f1f1;
}

.materialElement.backgroundWhiteDark.button:hover,
.materialElement.button.backgroundWhiteDark.button:hover {
  background-color: #e4e4e4;
}

.materialElement.backgroundWhiteDark .circle,
.materialElement.button.backgroundWhiteDark .circle {
  background-color: #bebebe;
}

.materialElement.backgroundWhiteDark .button-container .circle,
.materialElement.button.backgroundWhiteDark .button-container .circle {
  background-color: #b1b1b1;
}

a.backgroundclassBackground:hover {
  background-color: #e4e4e4;
}

.greyWhite {
  color: #e6e4e5;
}

.greyWhite a,
.materialElement.button.greyWhite a,
a.greyWhite {
  color: #e6e4e5;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greyWhite a:hover,
.materialElement.button.greyWhite a:hover,
a.greyWhite:hover {
  color: #dad7d8;
}

.backgroundGreyWhite {
  background-color: #e6e4e5;
}

.backgroundGreyWhite .circle {
  background-color: #b5afb2;
}

.materialElement.backgroundGreyWhite,
.materialElement.button.backgroundGreyWhite {
  background-color: #e6e4e5;
}

.materialElement.backgroundGreyWhite.button:hover,
.materialElement.button.backgroundGreyWhite.button:hover {
  background-color: #dad7d8;
}

.materialElement.backgroundGreyWhite .circle,
.materialElement.button.backgroundGreyWhite .circle {
  background-color: #b5afb2;
}

.materialElement.backgroundGreyWhite .button-container .circle,
.materialElement.button.backgroundGreyWhite .button-container .circle {
  background-color: #a9a2a5;
}

a.backgroundclassBackground:hover {
  background-color: #dad7d8;
}

.greyLight {
  color: #c8c8c8;
}

.greyLight a,
.materialElement.button.greyLight a,
a.greyLight {
  color: #c8c8c8;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greyLight a:hover,
.materialElement.button.greyLight a:hover,
a.greyLight:hover {
  color: #bbbbbb;
}

.backgroundGreyLight {
  background-color: #c8c8c8;
}

.backgroundGreyLight .circle {
  background-color: #959595;
}

.materialElement.backgroundGreyLight,
.materialElement.button.backgroundGreyLight {
  background-color: #c8c8c8;
}

.materialElement.backgroundGreyLight.button:hover,
.materialElement.button.backgroundGreyLight.button:hover {
  background-color: #bbbbbb;
}

.materialElement.backgroundGreyLight .circle,
.materialElement.button.backgroundGreyLight .circle {
  background-color: #959595;
}

.materialElement.backgroundGreyLight .button-container .circle,
.materialElement.button.backgroundGreyLight .button-container .circle {
  background-color: #888888;
}

a.backgroundclassBackground:hover {
  background-color: #bbbbbb;
}

.greyOff {
  color: #d7d7d7;
}

.greyOff a,
.materialElement.button.greyOff a,
a.greyOff {
  color: #d7d7d7;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greyOff a:hover,
.materialElement.button.greyOff a:hover,
a.greyOff:hover {
  color: #cacaca;
}

.backgroundGreyOff {
  background-color: #d7d7d7;
}

.backgroundGreyOff .circle {
  background-color: #a4a4a4;
}

.materialElement.backgroundGreyOff,
.materialElement.button.backgroundGreyOff {
  background-color: #d7d7d7;
}

.materialElement.backgroundGreyOff.button:hover,
.materialElement.button.backgroundGreyOff.button:hover {
  background-color: #cacaca;
}

.materialElement.backgroundGreyOff .circle,
.materialElement.button.backgroundGreyOff .circle {
  background-color: #a4a4a4;
}

.materialElement.backgroundGreyOff .button-container .circle,
.materialElement.button.backgroundGreyOff .button-container .circle {
  background-color: #979797;
}

a.backgroundclassBackground:hover {
  background-color: #cacaca;
}

.grey {
  color: #6e6e6e;
}

.grey a,
.materialElement.button.grey a,
a.grey {
  color: #6e6e6e;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.grey a:hover,
.materialElement.button.grey a:hover,
a.grey:hover {
  color: #616161;
}

.backgroundGrey {
  background-color: #6e6e6e;
}

.backgroundGrey .circle {
  background-color: #3b3b3b;
}

.materialElement.backgroundGrey,
.materialElement.button.backgroundGrey {
  background-color: #6e6e6e;
}

.materialElement.backgroundGrey.button:hover,
.materialElement.button.backgroundGrey.button:hover {
  background-color: #616161;
}

.materialElement.backgroundGrey .circle,
.materialElement.button.backgroundGrey .circle {
  background-color: #3b3b3b;
}

.materialElement.backgroundGrey .button-container .circle,
.materialElement.button.backgroundGrey .button-container .circle {
  background-color: #2e2e2e;
}

a.backgroundclassBackground:hover {
  background-color: #616161;
}

.greyDark {
  color: #3b4046;
}

.greyDark a,
.materialElement.button.greyDark a,
a.greyDark {
  color: #3b4046;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greyDark a:hover,
.materialElement.button.greyDark a:hover,
a.greyDark:hover {
  color: #2f3338;
}

.backgroundGreyDark {
  background-color: #3b4046;
}

.backgroundGreyDark .circle {
  background-color: #0c0d0f;
}

.materialElement.backgroundGreyDark,
.materialElement.button.backgroundGreyDark {
  background-color: #3b4046;
}

.materialElement.backgroundGreyDark.button:hover,
.materialElement.button.backgroundGreyDark.button:hover {
  background-color: #2f3338;
}

.materialElement.backgroundGreyDark .circle,
.materialElement.button.backgroundGreyDark .circle {
  background-color: #0c0d0f;
}

.materialElement.backgroundGreyDark .button-container .circle,
.materialElement.button.backgroundGreyDark .button-container .circle {
  background-color: #010101;
}

a.backgroundclassBackground:hover {
  background-color: #2f3338;
}

.greyDeep {
  color: #181a1c;
}

.greyDeep a,
.materialElement.button.greyDeep a,
a.greyDeep {
  color: #181a1c;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greyDeep a:hover,
.materialElement.button.greyDeep a:hover,
a.greyDeep:hover {
  color: #0c0d0e;
}

.backgroundGreyDeep {
  background-color: #181a1c;
}

.backgroundGreyDeep .circle {
  background-color: black;
}

.materialElement.backgroundGreyDeep,
.materialElement.button.backgroundGreyDeep {
  background-color: #181a1c;
}

.materialElement.backgroundGreyDeep.button:hover,
.materialElement.button.backgroundGreyDeep.button:hover {
  background-color: #0c0d0e;
}

.materialElement.backgroundGreyDeep .circle,
.materialElement.button.backgroundGreyDeep .circle {
  background-color: black;
}

.materialElement.backgroundGreyDeep .button-container .circle,
.materialElement.button.backgroundGreyDeep .button-container .circle {
  background-color: black;
}

a.backgroundclassBackground:hover {
  background-color: #0c0d0e;
}

.greyDarkOverlay {
  color: rgba(59, 64, 70, 0.05);
}

.greyDarkOverlay a,
.materialElement.button.greyDarkOverlay a,
a.greyDarkOverlay {
  color: rgba(59, 64, 70, 0.05);
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greyDarkOverlay a:hover,
.materialElement.button.greyDarkOverlay a:hover,
a.greyDarkOverlay:hover {
  color: rgba(47, 51, 56, 0.05);
}

.backgroundGreyDarkOverlay {
  background-color: rgba(59, 64, 70, 0.05);
}

.backgroundGreyDarkOverlay .circle {
  background-color: rgba(12, 13, 15, 0.05);
}

.materialElement.backgroundGreyDarkOverlay,
.materialElement.button.backgroundGreyDarkOverlay {
  background-color: rgba(59, 64, 70, 0.05);
}

.materialElement.backgroundGreyDarkOverlay.button:hover,
.materialElement.button.backgroundGreyDarkOverlay.button:hover {
  background-color: rgba(47, 51, 56, 0.05);
}

.materialElement.backgroundGreyDarkOverlay .circle,
.materialElement.button.backgroundGreyDarkOverlay .circle {
  background-color: rgba(12, 13, 15, 0.05);
}

.materialElement.backgroundGreyDarkOverlay .button-container .circle,
.materialElement.button.backgroundGreyDarkOverlay .button-container .circle {
  background-color: rgba(1, 1, 1, 0.05);
}

a.backgroundclassBackground:hover {
  background-color: rgba(47, 51, 56, 0.05);
}

.greyDisabledLight {
  color: #e4e4e6;
}

.greyDisabledLight a,
.materialElement.button.greyDisabledLight a,
a.greyDisabledLight {
  color: #e4e4e6;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greyDisabledLight a:hover,
.materialElement.button.greyDisabledLight a:hover,
a.greyDisabledLight:hover {
  color: #d7d7da;
}

.backgroundGreyDisabledLight {
  background-color: #e4e4e6;
}

.backgroundGreyDisabledLight .circle {
  background-color: #afafb5;
}

.materialElement.backgroundGreyDisabledLight,
.materialElement.button.backgroundGreyDisabledLight {
  background-color: #e4e4e6;
}

.materialElement.backgroundGreyDisabledLight.button:hover,
.materialElement.button.backgroundGreyDisabledLight.button:hover {
  background-color: #d7d7da;
}

.materialElement.backgroundGreyDisabledLight .circle,
.materialElement.button.backgroundGreyDisabledLight .circle {
  background-color: #afafb5;
}

.materialElement.backgroundGreyDisabledLight .button-container .circle,
.materialElement.button.backgroundGreyDisabledLight .button-container .circle {
  background-color: #a2a2a9;
}

a.backgroundclassBackground:hover {
  background-color: #d7d7da;
}

.greyDisabled {
  color: #bababb;
}

.greyDisabled a,
.materialElement.button.greyDisabled a,
a.greyDisabled {
  color: #bababb;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greyDisabled a:hover,
.materialElement.button.greyDisabled a:hover,
a.greyDisabled:hover {
  color: #adadae;
}

.backgroundGreyDisabled {
  background-color: #bababb;
}

.backgroundGreyDisabled .circle {
  background-color: #878788;
}

.materialElement.backgroundGreyDisabled,
.materialElement.button.backgroundGreyDisabled {
  background-color: #bababb;
}

.materialElement.backgroundGreyDisabled.button:hover,
.materialElement.button.backgroundGreyDisabled.button:hover {
  background-color: #adadae;
}

.materialElement.backgroundGreyDisabled .circle,
.materialElement.button.backgroundGreyDisabled .circle {
  background-color: #878788;
}

.materialElement.backgroundGreyDisabled .button-container .circle,
.materialElement.button.backgroundGreyDisabled .button-container .circle {
  background-color: #7a7a7c;
}

a.backgroundclassBackground:hover {
  background-color: #adadae;
}

.blueLight {
  color: #00adef;
}

.blueLight a,
.materialElement.button.blueLight a,
a.blueLight {
  color: #00adef;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueLight a:hover,
.materialElement.button.blueLight a:hover,
a.blueLight:hover {
  color: #009bd6;
}

.backgroundBlueLight {
  background-color: #00adef;
}

.backgroundBlueLight .circle {
  background-color: #006389;
}

.materialElement.backgroundBlueLight,
.materialElement.button.backgroundBlueLight {
  background-color: #00adef;
}

.materialElement.backgroundBlueLight.button:hover,
.materialElement.button.backgroundBlueLight.button:hover {
  background-color: #009bd6;
}

.materialElement.backgroundBlueLight .circle,
.materialElement.button.backgroundBlueLight .circle {
  background-color: #006389;
}

.materialElement.backgroundBlueLight .button-container .circle,
.materialElement.button.backgroundBlueLight .button-container .circle {
  background-color: #005170;
}

a.backgroundclassBackground:hover {
  background-color: #009bd6;
}

.blueLightDark {
  color: #274259;
}

.blueLightDark a,
.materialElement.button.blueLightDark a,
a.blueLightDark {
  color: #274259;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueLightDark a:hover,
.materialElement.button.blueLightDark a:hover,
a.blueLightDark:hover {
  color: #1f3547;
}

.backgroundBlueLightDark {
  background-color: #274259;
}

.backgroundBlueLightDark .circle {
  background-color: #080d12;
}

.materialElement.backgroundBlueLightDark,
.materialElement.button.backgroundBlueLightDark {
  background-color: #274259;
}

.materialElement.backgroundBlueLightDark.button:hover,
.materialElement.button.backgroundBlueLightDark.button:hover {
  background-color: #1f3547;
}

.materialElement.backgroundBlueLightDark .circle,
.materialElement.button.backgroundBlueLightDark .circle {
  background-color: #080d12;
}

.materialElement.backgroundBlueLightDark .button-container .circle,
.materialElement.button.backgroundBlueLightDark .button-container .circle {
  background-color: black;
}

a.backgroundclassBackground:hover {
  background-color: #1f3547;
}

.blue {
  color: #008fcf;
}

.blue a,
.materialElement.button.blue a,
a.blue {
  color: #008fcf;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blue a:hover,
.materialElement.button.blue a:hover,
a.blue:hover {
  color: #007db6;
}

.backgroundBlue {
  background-color: #008fcf;
}

.backgroundBlue .circle {
  background-color: #004969;
}

.materialElement.backgroundBlue,
.materialElement.button.backgroundBlue {
  background-color: #008fcf;
}

.materialElement.backgroundBlue.button:hover,
.materialElement.button.backgroundBlue.button:hover {
  background-color: #007db6;
}

.materialElement.backgroundBlue .circle,
.materialElement.button.backgroundBlue .circle {
  background-color: #004969;
}

.materialElement.backgroundBlue .button-container .circle,
.materialElement.button.backgroundBlue .button-container .circle {
  background-color: #003750;
}

a.backgroundclassBackground:hover {
  background-color: #007db6;
}

.blueDark {
  color: #01579b;
}

.blueDark a,
.materialElement.button.blueDark a,
a.blueDark {
  color: #01579b;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueDark a:hover,
.materialElement.button.blueDark a:hover,
a.blueDark:hover {
  color: #014982;
}

.backgroundBlueDark {
  background-color: #01579b;
}

.backgroundBlueDark .circle {
  background-color: #001e36;
}

.materialElement.backgroundBlueDark,
.materialElement.button.backgroundBlueDark {
  background-color: #01579b;
}

.materialElement.backgroundBlueDark.button:hover,
.materialElement.button.backgroundBlueDark.button:hover {
  background-color: #014982;
}

.materialElement.backgroundBlueDark .circle,
.materialElement.button.backgroundBlueDark .circle {
  background-color: #001e36;
}

.materialElement.backgroundBlueDark .button-container .circle,
.materialElement.button.backgroundBlueDark .button-container .circle {
  background-color: #00101c;
}

a.backgroundclassBackground:hover {
  background-color: #014982;
}

.blueDeep {
  color: #1b2f36;
}

.blueDeep a,
.materialElement.button.blueDeep a,
a.blueDeep {
  color: #1b2f36;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueDeep a:hover,
.materialElement.button.blueDeep a:hover,
a.blueDeep:hover {
  color: #132025;
}

.backgroundBlueDeep {
  background-color: #1b2f36;
}

.backgroundBlueDeep .circle {
  background-color: black;
}

.materialElement.backgroundBlueDeep,
.materialElement.button.backgroundBlueDeep {
  background-color: #1b2f36;
}

.materialElement.backgroundBlueDeep.button:hover,
.materialElement.button.backgroundBlueDeep.button:hover {
  background-color: #132025;
}

.materialElement.backgroundBlueDeep .circle,
.materialElement.button.backgroundBlueDeep .circle {
  background-color: black;
}

.materialElement.backgroundBlueDeep .button-container .circle,
.materialElement.button.backgroundBlueDeep .button-container .circle {
  background-color: black;
}

a.backgroundclassBackground:hover {
  background-color: #132025;
}

.blueOther {
  color: #159df4;
}

.blueOther a,
.materialElement.button.blueOther a,
a.blueOther {
  color: #159df4;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueOther a:hover,
.materialElement.button.blueOther a:hover,
a.blueOther:hover {
  color: #0b90e5;
}

.backgroundBlueOther {
  background-color: #159df4;
}

.backgroundBlueOther .circle {
  background-color: #07629c;
}

.materialElement.backgroundBlueOther,
.materialElement.button.backgroundBlueOther {
  background-color: #159df4;
}

.materialElement.backgroundBlueOther.button:hover,
.materialElement.button.backgroundBlueOther.button:hover {
  background-color: #0b90e5;
}

.materialElement.backgroundBlueOther .circle,
.materialElement.button.backgroundBlueOther .circle {
  background-color: #07629c;
}

.materialElement.backgroundBlueOther .button-container .circle,
.materialElement.button.backgroundBlueOther .button-container .circle {
  background-color: #065383;
}

a.backgroundclassBackground:hover {
  background-color: #0b90e5;
}

.blueOverlay {
  color: rgba(86, 209, 255, 0.25);
}

.blueOverlay a,
.materialElement.button.blueOverlay a,
a.blueOverlay {
  color: rgba(86, 209, 255, 0.25);
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueOverlay a:hover,
.materialElement.button.blueOverlay a:hover,
a.blueOverlay:hover {
  color: rgba(61, 202, 255, 0.25);
}

.backgroundBlueOverlay {
  background-color: rgba(86, 209, 255, 0.25);
}

.backgroundBlueOverlay .circle {
  background-color: rgba(0, 174, 239, 0.25);
}

.materialElement.backgroundBlueOverlay,
.materialElement.button.backgroundBlueOverlay {
  background-color: rgba(86, 209, 255, 0.25);
}

.materialElement.backgroundBlueOverlay.button:hover,
.materialElement.button.backgroundBlueOverlay.button:hover {
  background-color: rgba(61, 202, 255, 0.25);
}

.materialElement.backgroundBlueOverlay .circle,
.materialElement.button.backgroundBlueOverlay .circle {
  background-color: rgba(0, 174, 239, 0.25);
}

.materialElement.backgroundBlueOverlay .button-container .circle,
.materialElement.button.backgroundBlueOverlay .button-container .circle {
  background-color: rgba(0, 155, 214, 0.25);
}

a.backgroundclassBackground:hover {
  background-color: rgba(61, 202, 255, 0.25);
}

.blueRoyal {
  color: #4183d7;
}

.blueRoyal a,
.materialElement.button.blueRoyal a,
a.blueRoyal {
  color: #4183d7;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueRoyal a:hover,
.materialElement.button.blueRoyal a:hover,
a.blueRoyal:hover {
  color: #2c75d2;
}

.backgroundBlueRoyal {
  background-color: #4183d7;
}

.backgroundBlueRoyal .circle {
  background-color: #1f5293;
}

.materialElement.backgroundBlueRoyal,
.materialElement.button.backgroundBlueRoyal {
  background-color: #4183d7;
}

.materialElement.backgroundBlueRoyal.button:hover,
.materialElement.button.backgroundBlueRoyal.button:hover {
  background-color: #2c75d2;
}

.materialElement.backgroundBlueRoyal .circle,
.materialElement.button.backgroundBlueRoyal .circle {
  background-color: #1f5293;
}

.materialElement.backgroundBlueRoyal .button-container .circle,
.materialElement.button.backgroundBlueRoyal .button-container .circle {
  background-color: #1b467e;
}

a.backgroundclassBackground:hover {
  background-color: #2c75d2;
}

.blueRoyal5 {
  color: #2c75d2;
}

.blueRoyal5 a,
.materialElement.button.blueRoyal5 a,
a.blueRoyal5 {
  color: #2c75d2;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueRoyal5 a:hover,
.materialElement.button.blueRoyal5 a:hover,
a.blueRoyal5:hover {
  color: #286abd;
}

.backgroundBlueRoyal5 {
  background-color: #2c75d2;
}

.backgroundBlueRoyal5 .circle {
  background-color: #1b467e;
}

.materialElement.backgroundBlueRoyal5,
.materialElement.button.backgroundBlueRoyal5 {
  background-color: #2c75d2;
}

.materialElement.backgroundBlueRoyal5.button:hover,
.materialElement.button.backgroundBlueRoyal5.button:hover {
  background-color: #286abd;
}

.materialElement.backgroundBlueRoyal5 .circle,
.materialElement.button.backgroundBlueRoyal5 .circle {
  background-color: #1b467e;
}

.materialElement.backgroundBlueRoyal5 .button-container .circle,
.materialElement.button.backgroundBlueRoyal5 .button-container .circle {
  background-color: #163b69;
}

a.backgroundclassBackground:hover {
  background-color: #286abd;
}

.blueRoyal15 {
  color: #235ea8;
}

.blueRoyal15 a,
.materialElement.button.blueRoyal15 a,
a.blueRoyal15 {
  color: #235ea8;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueRoyal15 a:hover,
.materialElement.button.blueRoyal15 a:hover,
a.blueRoyal15:hover {
  color: #1f5293;
}

.backgroundBlueRoyal15 {
  background-color: #235ea8;
}

.backgroundBlueRoyal15 .circle {
  background-color: #122f54;
}

.materialElement.backgroundBlueRoyal15,
.materialElement.button.backgroundBlueRoyal15 {
  background-color: #235ea8;
}

.materialElement.backgroundBlueRoyal15.button:hover,
.materialElement.button.backgroundBlueRoyal15.button:hover {
  background-color: #1f5293;
}

.materialElement.backgroundBlueRoyal15 .circle,
.materialElement.button.backgroundBlueRoyal15 .circle {
  background-color: #122f54;
}

.materialElement.backgroundBlueRoyal15 .button-container .circle,
.materialElement.button.backgroundBlueRoyal15 .button-container .circle {
  background-color: #0d233f;
}

a.backgroundclassBackground:hover {
  background-color: #1f5293;
}

.blueRoyal25 {
  color: #2c6ab7;
}

.blueRoyal25 a,
.materialElement.button.blueRoyal25 a,
a.blueRoyal25 {
  color: #2c6ab7;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueRoyal25 a:hover,
.materialElement.button.blueRoyal25 a:hover,
a.blueRoyal25:hover {
  color: #275ea2;
}

.backgroundBlueRoyal25 {
  background-color: #2c6ab7;
}

.backgroundBlueRoyal25 .circle {
  background-color: #183a65;
}

.materialElement.backgroundBlueRoyal25,
.materialElement.button.backgroundBlueRoyal25 {
  background-color: #2c6ab7;
}

.materialElement.backgroundBlueRoyal25.button:hover,
.materialElement.button.backgroundBlueRoyal25.button:hover {
  background-color: #275ea2;
}

.materialElement.backgroundBlueRoyal25 .circle,
.materialElement.button.backgroundBlueRoyal25 .circle {
  background-color: #183a65;
}

.materialElement.backgroundBlueRoyal25 .button-container .circle,
.materialElement.button.backgroundBlueRoyal25 .button-container .circle {
  background-color: #132e50;
}

a.backgroundclassBackground:hover {
  background-color: #275ea2;
}

.blueRoyal35 {
  color: #245ea8;
}

.blueRoyal35 a,
.materialElement.button.blueRoyal35 a,
a.blueRoyal35 {
  color: #245ea8;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueRoyal35 a:hover,
.materialElement.button.blueRoyal35 a:hover,
a.blueRoyal35:hover {
  color: #205293;
}

.backgroundBlueRoyal35 {
  background-color: #245ea8;
}

.backgroundBlueRoyal35 .circle {
  background-color: #122f54;
}

.materialElement.backgroundBlueRoyal35,
.materialElement.button.backgroundBlueRoyal35 {
  background-color: #245ea8;
}

.materialElement.backgroundBlueRoyal35.button:hover,
.materialElement.button.backgroundBlueRoyal35.button:hover {
  background-color: #205293;
}

.materialElement.backgroundBlueRoyal35 .circle,
.materialElement.button.backgroundBlueRoyal35 .circle {
  background-color: #122f54;
}

.materialElement.backgroundBlueRoyal35 .button-container .circle,
.materialElement.button.backgroundBlueRoyal35 .button-container .circle {
  background-color: #0e233f;
}

a.backgroundclassBackground:hover {
  background-color: #205293;
}

.blueRoyal40 {
  color: #0d233f;
}

.blueRoyal40 a,
.materialElement.button.blueRoyal40 a,
a.blueRoyal40 {
  color: #0d233f;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueRoyal40 a:hover,
.materialElement.button.blueRoyal40 a:hover,
a.blueRoyal40:hover {
  color: #09172a;
}

.backgroundBlueRoyal40 {
  background-color: #0d233f;
}

.backgroundBlueRoyal40 .circle {
  background-color: black;
}

.materialElement.backgroundBlueRoyal40,
.materialElement.button.backgroundBlueRoyal40 {
  background-color: #0d233f;
}

.materialElement.backgroundBlueRoyal40.button:hover,
.materialElement.button.backgroundBlueRoyal40.button:hover {
  background-color: #09172a;
}

.materialElement.backgroundBlueRoyal40 .circle,
.materialElement.button.backgroundBlueRoyal40 .circle {
  background-color: black;
}

.materialElement.backgroundBlueRoyal40 .button-container .circle,
.materialElement.button.backgroundBlueRoyal40 .button-container .circle {
  background-color: black;
}

a.backgroundclassBackground:hover {
  background-color: #09172a;
}

.blueRoyal55 {
  color: black;
}

.blueRoyal55 a,
.materialElement.button.blueRoyal55 a,
a.blueRoyal55 {
  color: black;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.blueRoyal55 a:hover,
.materialElement.button.blueRoyal55 a:hover,
a.blueRoyal55:hover {
  color: black;
}

.backgroundBlueRoyal55 {
  background-color: black;
}

.backgroundBlueRoyal55 .circle {
  background-color: black;
}

.materialElement.backgroundBlueRoyal55,
.materialElement.button.backgroundBlueRoyal55 {
  background-color: black;
}

.materialElement.backgroundBlueRoyal55.button:hover,
.materialElement.button.backgroundBlueRoyal55.button:hover {
  background-color: black;
}

.materialElement.backgroundBlueRoyal55 .circle,
.materialElement.button.backgroundBlueRoyal55 .circle {
  background-color: black;
}

.materialElement.backgroundBlueRoyal55 .button-container .circle,
.materialElement.button.backgroundBlueRoyal55 .button-container .circle {
  background-color: black;
}

a.backgroundclassBackground:hover {
  background-color: black;
}

.redLight {
  color: #d85656;
}

.redLight a,
.materialElement.button.redLight a,
a.redLight {
  color: #d85656;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.redLight a:hover,
.materialElement.button.redLight a:hover,
a.redLight:hover {
  color: #d34141;
}

.backgroundRedLight {
  background-color: #d85656;
}

.backgroundRedLight .circle {
  background-color: #a32626;
}

.materialElement.backgroundRedLight,
.materialElement.button.backgroundRedLight {
  background-color: #d85656;
}

.materialElement.backgroundRedLight.button:hover,
.materialElement.button.backgroundRedLight.button:hover {
  background-color: #d34141;
}

.materialElement.backgroundRedLight .circle,
.materialElement.button.backgroundRedLight .circle {
  background-color: #a32626;
}

.materialElement.backgroundRedLight .button-container .circle,
.materialElement.button.backgroundRedLight .button-container .circle {
  background-color: #8e2121;
}

a.backgroundclassBackground:hover {
  background-color: #d34141;
}

.red {
  color: #ff5040;
}

.red a,
.materialElement.button.red a,
a.red {
  color: #ff5040;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.red a:hover,
.materialElement.button.red a:hover,
a.red:hover {
  color: #ff3927;
}

.backgroundRed {
  background-color: #ff5040;
}

.backgroundRed .circle {
  background-color: #d91200;
}

.materialElement.backgroundRed,
.materialElement.button.backgroundRed {
  background-color: #ff5040;
}

.materialElement.backgroundRed.button:hover,
.materialElement.button.backgroundRed.button:hover {
  background-color: #ff3927;
}

.materialElement.backgroundRed .circle,
.materialElement.button.backgroundRed .circle {
  background-color: #d91200;
}

.materialElement.backgroundRed .button-container .circle,
.materialElement.button.backgroundRed .button-container .circle {
  background-color: #c01000;
}

a.backgroundclassBackground:hover {
  background-color: #ff3927;
}

.redDark {
  color: #ab3227;
}

.redDark a,
.materialElement.button.redDark a,
a.redDark {
  color: #ab3227;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.redDark a:hover,
.materialElement.button.redDark a:hover,
a.redDark:hover {
  color: #962c22;
}

.backgroundRedDark {
  background-color: #ab3227;
}

.backgroundRedDark .circle {
  background-color: #581a14;
}

.materialElement.backgroundRedDark,
.materialElement.button.backgroundRedDark {
  background-color: #ab3227;
}

.materialElement.backgroundRedDark.button:hover,
.materialElement.button.backgroundRedDark.button:hover {
  background-color: #962c22;
}

.materialElement.backgroundRedDark .circle,
.materialElement.button.backgroundRedDark .circle {
  background-color: #581a14;
}

.materialElement.backgroundRedDark .button-container .circle,
.materialElement.button.backgroundRedDark .button-container .circle {
  background-color: #43140f;
}

a.backgroundclassBackground:hover {
  background-color: #962c22;
}

.redAdept {
  color: #d9232e;
}

.redAdept a,
.materialElement.button.redAdept a,
a.redAdept {
  color: #d9232e;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.redAdept a:hover,
.materialElement.button.redAdept a:hover,
a.redAdept:hover {
  color: #c31f29;
}

.backgroundRedAdept {
  background-color: #d9232e;
}

.backgroundRedAdept .circle {
  background-color: #81151b;
}

.materialElement.backgroundRedAdept,
.materialElement.button.backgroundRedAdept {
  background-color: #d9232e;
}

.materialElement.backgroundRedAdept.button:hover,
.materialElement.button.backgroundRedAdept.button:hover {
  background-color: #c31f29;
}

.materialElement.backgroundRedAdept .circle,
.materialElement.button.backgroundRedAdept .circle {
  background-color: #81151b;
}

.materialElement.backgroundRedAdept .button-container .circle,
.materialElement.button.backgroundRedAdept .button-container .circle {
  background-color: #6b1117;
}

a.backgroundclassBackground:hover {
  background-color: #c31f29;
}

.redDesign {
  color: #f87c70;
}

.redDesign a,
.materialElement.button.redDesign a,
a.redDesign {
  color: #f87c70;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.redDesign a:hover,
.materialElement.button.redDesign a:hover,
a.redDesign:hover {
  color: #f76658;
}

.backgroundRedDesign {
  background-color: #f87c70;
}

.backgroundRedDesign .circle {
  background-color: #f3230f;
}

.materialElement.backgroundRedDesign,
.materialElement.button.backgroundRedDesign {
  background-color: #f87c70;
}

.materialElement.backgroundRedDesign.button:hover,
.materialElement.button.backgroundRedDesign.button:hover {
  background-color: #f76658;
}

.materialElement.backgroundRedDesign .circle,
.materialElement.button.backgroundRedDesign .circle {
  background-color: #f3230f;
}

.materialElement.backgroundRedDesign .button-container .circle,
.materialElement.button.backgroundRedDesign .button-container .circle {
  background-color: #de1d0b;
}

a.backgroundclassBackground:hover {
  background-color: #f76658;
}

.redHigh {
  color: #ee3725;
}

.redHigh a,
.materialElement.button.redHigh a,
a.redHigh {
  color: #ee3725;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.redHigh a:hover,
.materialElement.button.redHigh a:hover,
a.redHigh:hover {
  color: #e72512;
}

.backgroundRedHigh {
  background-color: #ee3725;
}

.backgroundRedHigh .circle {
  background-color: #a01a0d;
}

.materialElement.backgroundRedHigh,
.materialElement.button.backgroundRedHigh {
  background-color: #ee3725;
}

.materialElement.backgroundRedHigh.button:hover,
.materialElement.button.backgroundRedHigh.button:hover {
  background-color: #e72512;
}

.materialElement.backgroundRedHigh .circle,
.materialElement.button.backgroundRedHigh .circle {
  background-color: #a01a0d;
}

.materialElement.backgroundRedHigh .button-container .circle,
.materialElement.button.backgroundRedHigh .button-container .circle {
  background-color: #89160b;
}

a.backgroundclassBackground:hover {
  background-color: #e72512;
}

.redLow {
  color: #f48f80;
}

.redLow a,
.materialElement.button.redLow a,
a.redLow {
  color: #f48f80;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.redLow a:hover,
.materialElement.button.redLow a:hover,
a.redLow:hover {
  color: #f27a69;
}

.backgroundRedLow {
  background-color: #f48f80;
}

.backgroundRedLow .circle {
  background-color: #ec3c22;
}

.materialElement.backgroundRedLow,
.materialElement.button.backgroundRedLow {
  background-color: #f48f80;
}

.materialElement.backgroundRedLow.button:hover,
.materialElement.button.backgroundRedLow.button:hover {
  background-color: #f27a69;
}

.materialElement.backgroundRedLow .circle,
.materialElement.button.backgroundRedLow .circle {
  background-color: #ec3c22;
}

.materialElement.backgroundRedLow .button-container .circle,
.materialElement.button.backgroundRedLow .button-container .circle {
  background-color: #e12e13;
}

a.backgroundclassBackground:hover {
  background-color: #f27a69;
}

.orange {
  color: #e67e22;
}

.orange a,
.materialElement.button.orange a,
a.orange {
  color: #e67e22;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.orange a:hover,
.materialElement.button.orange a:hover,
a.orange:hover {
  color: #d67118;
}

.backgroundOrange {
  background-color: #e67e22;
}

.backgroundOrange .circle {
  background-color: #924d10;
}

.materialElement.backgroundOrange,
.materialElement.button.backgroundOrange {
  background-color: #e67e22;
}

.materialElement.backgroundOrange.button:hover,
.materialElement.button.backgroundOrange.button:hover {
  background-color: #d67118;
}

.materialElement.backgroundOrange .circle,
.materialElement.button.backgroundOrange .circle {
  background-color: #924d10;
}

.materialElement.backgroundOrange .button-container .circle,
.materialElement.button.backgroundOrange .button-container .circle {
  background-color: #7b410e;
}

a.backgroundclassBackground:hover {
  background-color: #d67118;
}

.green {
  color: #2ECC71;
}

.green a,
.materialElement.button.green a,
a.green {
  color: #2ECC71;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.green a:hover,
.materialElement.button.green a:hover,
a.green:hover {
  color: #29b765;
}

.backgroundGreen {
  background-color: #2ECC71;
}

.backgroundGreen .circle {
  background-color: #1b7943;
}

.materialElement.backgroundGreen,
.materialElement.button.backgroundGreen {
  background-color: #2ECC71;
}

.materialElement.backgroundGreen.button:hover,
.materialElement.button.backgroundGreen.button:hover {
  background-color: #29b765;
}

.materialElement.backgroundGreen .circle,
.materialElement.button.backgroundGreen .circle {
  background-color: #1b7943;
}

.materialElement.backgroundGreen .button-container .circle,
.materialElement.button.backgroundGreen .button-container .circle {
  background-color: #176437;
}

a.backgroundclassBackground:hover {
  background-color: #29b765;
}

.teal {
  color: #0fe1ee;
}

.teal a,
.materialElement.button.teal a,
a.teal {
  color: #0fe1ee;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.teal a:hover,
.materialElement.button.teal a:hover,
a.teal:hover {
  color: #0dcad6;
}

.backgroundTeal {
  background-color: #0fe1ee;
}

.backgroundTeal .circle {
  background-color: #09868e;
}

.materialElement.backgroundTeal,
.materialElement.button.backgroundTeal {
  background-color: #0fe1ee;
}

.materialElement.backgroundTeal.button:hover,
.materialElement.button.backgroundTeal.button:hover {
  background-color: #0dcad6;
}

.materialElement.backgroundTeal .circle,
.materialElement.button.backgroundTeal .circle {
  background-color: #09868e;
}

.materialElement.backgroundTeal .button-container .circle,
.materialElement.button.backgroundTeal .button-container .circle {
  background-color: #077076;
}

a.backgroundclassBackground:hover {
  background-color: #0dcad6;
}

.green {
  color: #2ECC71;
}

.green a,
.materialElement.button.green a,
a.green {
  color: #2ECC71;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.green a:hover,
.materialElement.button.green a:hover,
a.green:hover {
  color: #29b765;
}

.backgroundGreen {
  background-color: #2ECC71;
}

.backgroundGreen .circle {
  background-color: #1b7943;
}

.materialElement.backgroundGreen,
.materialElement.button.backgroundGreen {
  background-color: #2ECC71;
}

.materialElement.backgroundGreen.button:hover,
.materialElement.button.backgroundGreen.button:hover {
  background-color: #29b765;
}

.materialElement.backgroundGreen .circle,
.materialElement.button.backgroundGreen .circle {
  background-color: #1b7943;
}

.materialElement.backgroundGreen .button-container .circle,
.materialElement.button.backgroundGreen .button-container .circle {
  background-color: #176437;
}

a.backgroundclassBackground:hover {
  background-color: #29b765;
}

.greenDark {
  color: #164F44;
}

.greenDark a,
.materialElement.button.greenDark a,
a.greenDark {
  color: #164F44;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.greenDark a:hover,
.materialElement.button.greenDark a:hover,
a.greenDark:hover {
  color: #103b33;
}

.backgroundGreenDark {
  background-color: #164F44;
}

.backgroundGreenDark .circle {
  background-color: black;
}

.materialElement.backgroundGreenDark,
.materialElement.button.backgroundGreenDark {
  background-color: #164F44;
}

.materialElement.backgroundGreenDark.button:hover,
.materialElement.button.backgroundGreenDark.button:hover {
  background-color: #103b33;
}

.materialElement.backgroundGreenDark .circle,
.materialElement.button.backgroundGreenDark .circle {
  background-color: black;
}

.materialElement.backgroundGreenDark .button-container .circle,
.materialElement.button.backgroundGreenDark .button-container .circle {
  background-color: black;
}

a.backgroundclassBackground:hover {
  background-color: #103b33;
}

.yellowLight {
  color: #ffeb3b;
}

.yellowLight a,
.materialElement.button.yellowLight a,
a.yellowLight {
  color: #ffeb3b;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.yellowLight a:hover,
.materialElement.button.yellowLight a:hover,
a.yellowLight:hover {
  color: #ffe822;
}

.backgroundYellowLight {
  background-color: #ffeb3b;
}

.backgroundYellowLight .circle {
  background-color: #d4be00;
}

.materialElement.backgroundYellowLight,
.materialElement.button.backgroundYellowLight {
  background-color: #ffeb3b;
}

.materialElement.backgroundYellowLight.button:hover,
.materialElement.button.backgroundYellowLight.button:hover {
  background-color: #ffe822;
}

.materialElement.backgroundYellowLight .circle,
.materialElement.button.backgroundYellowLight .circle {
  background-color: #d4be00;
}

.materialElement.backgroundYellowLight .button-container .circle,
.materialElement.button.backgroundYellowLight .button-container .circle {
  background-color: #bba700;
}

a.backgroundclassBackground:hover {
  background-color: #ffe822;
}

.yellow {
  color: #f57f17;
}

.yellow a,
.materialElement.button.yellow a,
a.yellow {
  color: #f57f17;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.yellow a:hover,
.materialElement.button.yellow a:hover,
a.yellow:hover {
  color: #e8720a;
}

.backgroundYellow {
  background-color: #f57f17;
}

.backgroundYellow .circle {
  background-color: #9f4e07;
}

.materialElement.backgroundYellow,
.materialElement.button.backgroundYellow {
  background-color: #f57f17;
}

.materialElement.backgroundYellow.button:hover,
.materialElement.button.backgroundYellow.button:hover {
  background-color: #e8720a;
}

.materialElement.backgroundYellow .circle,
.materialElement.button.backgroundYellow .circle {
  background-color: #9f4e07;
}

.materialElement.backgroundYellow .button-container .circle,
.materialElement.button.backgroundYellow .button-container .circle {
  background-color: #874206;
}

a.backgroundclassBackground:hover {
  background-color: #e8720a;
}

.yellowDark {
  color: #ff6f00;
}

.yellowDark a,
.materialElement.button.yellowDark a,
a.yellowDark {
  color: #ff6f00;
  -webkit-transition: color 1s ease-in-out;
  -moz-transition: color 1s ease-in-out;
  transition: color 1s ease-in-out;
}

.yellowDark a:hover,
.materialElement.button.yellowDark a:hover,
a.yellowDark:hover {
  color: #e66400;
}

.backgroundYellowDark {
  background-color: #ff6f00;
}

.backgroundYellowDark .circle {
  background-color: #994300;
}

.materialElement.backgroundYellowDark,
.materialElement.button.backgroundYellowDark {
  background-color: #ff6f00;
}

.materialElement.backgroundYellowDark.button:hover,
.materialElement.button.backgroundYellowDark.button:hover {
  background-color: #e66400;
}

.materialElement.backgroundYellowDark .circle,
.materialElement.button.backgroundYellowDark .circle {
  background-color: #994300;
}

.materialElement.backgroundYellowDark .button-container .circle,
.materialElement.button.backgroundYellowDark .button-container .circle {
  background-color: #803800;
}

a.backgroundclassBackground:hover {
  background-color: #e66400;
}

.displayNone {
  display: none;
}

.inline {
  display: inline-block;
  margin-right: -4px;
}

.inlineMargin {
  display: inline-block;
  margin-right: 5px;
}

.inlineTable {
  display: inline-table;
}

.pullLeft {
  float: left;
}

.pullRight {
  float: right;
}

.pullNone {
  float: none;
}

.hidden {
  display: none;
}

.center {
  margin: 0 auto;
}

.relative, .bringToFront {
  position: relative;
}

.bringToFront {
  z-index: 100;
}

.fullHeight {
  height: 100%;
}

.fullWidth {
  width: 100%;
}

.smallImage {
  width: 110px;
  margin-left: auto;
  margin-right: auto;
}

.smallImage img {
  width: 100%;
}

.imageFull img {
  width: 100%;
}

.noWordWrap {
  white-space: nowrap;
}

.pointer {
  cursor: pointer;
}

#userNotificationList {
  position: absolute;
  top: 100%;
  right: 48px;
  z-index: 4000;
}

#notificationCount {
  border-radius: 50%;
  line-height: 10px;
  font-size: 10px;
  padding: 1.5px 5px;
  display: block;
  position: absolute;
  top: 22px;
  left: 23px;
}

#userNotificationList {
  position: absolute;
  z-index: 2500;
  width: 420px;
  font-size: 80%;
}

.notificationTop,
.notificationBottom {
  border: 1px solid #ccc;
}

.notificationBottom {
  margin-top: -1px;
}

.notificationElement {
  border-bottom: 1px solid #ddd;
}

.disableEvent, .disabledColumn {
  pointer-events: none;
}

.disabled {
  cursor: not-allowed;
}

/* ------------------------------------------------- */
/* ----  Style to show user profile picture     ---- */
/* ------------------------------------------------- */
.userIcon {
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  display: block;
  background-size: cover;
}

/*--------------------------------------*/
/*  UserProfileList Class                      */
/*------------------------------------*/
.userProfileContainer {
  color: #757887;
  font-weight: 500;
  font-size: 12px;
}

.userProfileContainer ul {
  display: inline-block;
  background: #fcfcfc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f4f4f4));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fcfcfc 0%, #f4f4f4 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #fcfcfc 0%, #f4f4f4 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4', GradientType=0);
  /* IE6-9 */
}

.userProfileContainer ul li {
  display: block;
  float: left;
  border: 1px solid #d3dbdd;
  margin-left: -1px;
}

.arrow-up {
  content: '';
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  top: -7px;
  right: 115px;
  z-index: 2501;
}

.tooltip-tip {
  position: absolute;
  display: hidden;
  z-index: 3010;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 10px;
  font-size: 12px;
  line-height: 21px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  max-width: 400px;
  text-align: center;
}

.tooltip-tip:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid rgba(0, 0, 0, 0.7);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.tooltip-tip.arrow-top:after {
  bottom: auto;
  top: -10px;
  border-top: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgba(0, 0, 0, 0.7);
}

.tooltip-tip.arrow-left:after {
  top: 50%;
  left: -10px;
  bottom: auto;
  margin-left: 0px;
  margin-top: -10px;
  border-top: 10px solid transparent;
  border-left: 0px;
  border-right: 10px solid rgba(0, 0, 0, 0.7);
  border-bottom: 10px solid transparent;
}

.caretAfter a:after {
  content: '▼';
  display: block;
  font-size: 14px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  z-index: 1;
}

.lazyLoading {
  min-height: 80px;
  min-width: 300px;
}

.lazyLoading * {
  opacity: 0;
}

.lazyLoading:before {
  content: ' ';
  background: url("/Styles/Common/Images/loading30x30.gif") center center no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 30px;
}

.lazyLoading:after {
  content: attr(data-lazy-msg);
  position: absolute;
  top: 50%;
  margin-top: 25px;
  width: 100%;
  text-align: center;
  color: #00adef;
  font-size: 14px;
  font-weight: bold;
  line-height: 24px;
}

.genericGrid .genericGridContent {
  font-family: empty;
}

.genericGrid .genericGridContent {
  white-space: nowrap;
}

.genericGrid .genericGridContent > * {
  white-space: normal;
}

.readonly {
  pointer-events: none;
}

/*---------------------------------------------*/
/*  Padding and Margin Classes                */
/*-------------------------------------------*/
.paddingExtraSmall {
  padding: 5px;
}

.paddingSmall {
  padding: 10px;
}

.paddingMedium {
  padding: 15px;
}

.paddingLarge {
  padding: 20px;
}

.paddingExtraLarge {
  padding: 40px;
}

.paddingTopExtraSmall {
  padding-top: 5px;
}

.paddingTopSmall {
  padding-top: 10px;
}

.paddingTopMedium {
  padding-top: 15px;
}

.paddingTopLarge {
  padding-top: 20px;
}

.paddingTopExtraLarge {
  padding-top: 40px;
}

.paddingLeftExtraSmall {
  padding-left: 5px;
}

.paddingLeftSmall {
  padding-left: 10px;
}

.paddingLeftMedium {
  padding-left: 15px;
}

.paddingLeftLarge {
  padding-left: 20px;
}

.paddingLeftExtraLarge {
  padding-left: 40px;
}

.paddingHeightExtraSmall {
  padding: 5px 0;
}

.paddingHeightSmall {
  padding: 10px 0;
}

.paddingHeightMedium {
  padding: 15px 0;
}

.paddingHeightLarge {
  padding: 20px 0;
}

.paddingHeightExtraLarge {
  padding: 40px 0;
}

.paddingRightExtraSmall {
  padding-right: 5px;
}

.paddingRightSmall {
  padding-right: 10px;
}

.paddingRightMedium {
  padding-right: 15px;
}

.paddingRightLarge {
  padding-right: 20px;
}

.paddingRightExtraLarge {
  padding-right: 40px;
}

.paddingBottomExtraSmall {
  padding-bottom: 5px;
}

.paddingBottomSmall {
  padding-bottom: 10px;
}

.paddingBottomMedium {
  padding-bottom: 15px;
}

.paddingBottomLarge {
  padding-bottom: 20px;
}

.paddingBottomExtraLarge {
  padding-bottom: 40px;
}

.marginExtraSmall {
  margin: 5px;
}

.marginSmall {
  margin: 10px;
}

.marginMedium {
  margin: 15px;
}

.marginLarge {
  margin: 20px;
}

.marginExtraLarge {
  margin: 40px;
}

.marginRightExtraSmall {
  margin-right: 5px;
}

.marginRightSmall {
  margin-right: 10px;
}

.marginRightMedium {
  margin-right: 15px;
}

.marginRightLarge {
  margin-right: 20px;
}

.marginRightExtraLarge {
  margin-right: 40px;
}

.marginLeftExtraSmall {
  margin-left: 5px;
}

.marginLeftSmall {
  margin-left: 10px;
}

.marginLeftMedium {
  margin-left: 15px;
}

.marginLeftLarge {
  margin-left: 20px;
}

.marginLeftExtraLarge {
  margin-left: 40px;
}

.marginBottomExtraSmall {
  margin-bottom: 5px;
}

.marginBottomSmall {
  margin-bottom: 10px;
}

.marginBottomMedium {
  margin-bottom: 15px;
}

.marginBottomLarge {
  margin-bottom: 20px;
}

.marginBottomExtraLarge {
  margin-bottom: 40px;
}

.marginLeftSticky {
  margin-left: 174px;
}

.marginLast {
  margin-right: 0px !important;
}

.shiftUp {
  margin-bottom: -1px;
}

/*------------------------------*/
/*  scaffolding                */
/*----------------------------*/
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col10,
.col11 {
  float: left;
}

.col1 {
  width: 8.3333333333%;
}

.col2 {
  width: 16.6666666666%;
}

.col3 {
  width: 24.9999999999%;
}

.col4 {
  width: 33.3333333333%;
}

.col5 {
  width: 41.6666666666%;
}

.col6 {
  width: 49.9999999999%;
}

.col7 {
  width: 58.3333333333%;
}

.col8 {
  width: 66.6666666666%;
}

.col9 {
  width: 74.9999999999%;
}

.col10 {
  width: 83.3333333333%;
}

.col11 {
  width: 91.6666666666%;
}

.col12 {
  width: 100%;
}

.row {
  position: relative;
}

.row:before,
.row:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */
}

.row:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.contentContainer {
  max-width: 1120px;
  margin: 0 auto;
}

h1,
.h1 {
  font-size: 38px;
  letter-spacing: 0.5px;
}

h2.large {
  font-size: 32px;
}

h2,
.h2,
.header .headerText {
  font-size: 24px;
}

h3,
.h3 {
  font-size: 18px;
}

h4,
.h4 {
  font-size: 16px;
}

h5,
.h5 {
  font-size: 14px;
}

h6,
.h6 {
  font-size: 12px;
}

p {
  font-size: 12px;
  line-height: 24px;
  padding-bottom: 10px;
  font-weight: 400;
}

.light {
  font-weight: 300;
}

.medium {
  font-weight: 400;
}

.semibold {
  font-weight: 500;
}

.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.oswald {
  font-family: Oswald;
}

small {
  padding-top: 5px;
  display: block;
  font-size: 60%;
}

small.black {
  color: #111;
}

.headerText small {
  padding-bottom: 5px;
}

.textShadow {
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -o-text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -mox-text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  -webkit-text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.textCenter {
  text-align: center;
}

.textCenter input {
  text-align: center;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

.upper {
  text-transform: uppercase;
}

.noWrap, .sectionTitleMini {
  white-space: nowrap;
}

.spacing, .upper {
  letter-spacing: 0.05em;
}

.sectionTitle {
  position: relative;
  margin: -14px 0 -14px;
}

.sectionTitleMini {
  position: relative;
}

.sectionTitle h2,
.sectionTitleMini h3 {
  z-index: 100;
  position: relative;
}

.sectionLine {
  height: 50%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 1px solid #c8c8c8;
}

.sectionTitle + div + .content {
  margin-top: -14px;
  padding: 30px 0 60px;
}

.sectionTitle.noMargin {
  margin: 10px 0 0;
  padding: 10px 0;
}

.sectionTitleMini .pullRight {
  z-index: 100;
  position: relative;
  margin-top: -3px;
  margin-bottom: -3px;
}

seltxt {
  background-color: #ff5040;
  color: #FFFFFF;
}

.textUnderline {
  text-decoration: underline;
}

/* -------------------------------------------- */
/* ---------------- ICON SCSS----------------- */
/* -------------------------------------------- */
i {
  width: 20px;
  height: 20px;
  overflow: hidden;
  display: inline-block;
}

i svg {
  width: 100%;
  height: 100%;
  display: block;
}

.iconLarge i {
  width: 30px;
  height: 30px;
}

.iconSmall i {
  width: 15px;
  height: 15px;
}

.fillColor {
  -webkit-transition: fill 0.5s ease-in-out;
  -moz-transition: fill 0.5s ease-in-out;
  transition: fill 0.5s ease-in-out;
}

.strokeColor {
  -webkit-transition: stroke 0.5s ease-in-out;
  -moz-transition: stroke 0.5s ease-in-out;
  transition: stroke 0.5s ease-in-out;
}

i.black .strokeColor {
  stroke: #000 !important;
  fill: transparent;
}

i.black .fillColor {
  fill: #000 !important;
  stroke: transparent;
}

a:hover i.black .strokeColor {
  stroke: black !important;
}

a:hover i.black .fillColor {
  fill: black !important;
}

i.blackBlue .strokeColor {
  stroke: #202428 !important;
  fill: transparent;
}

i.blackBlue .fillColor {
  fill: #202428 !important;
  stroke: transparent;
}

a:hover i.blackBlue .strokeColor {
  stroke: #15171a !important;
}

a:hover i.blackBlue .fillColor {
  fill: #15171a !important;
}

i.white .strokeColor {
  stroke: #FFFFFF !important;
  fill: transparent;
}

i.white .fillColor {
  fill: #FFFFFF !important;
  stroke: transparent;
}

a:hover i.white .strokeColor {
  stroke: #f2f2f2 !important;
}

a:hover i.white .fillColor {
  fill: #f2f2f2 !important;
}

i.whiteOff .strokeColor {
  stroke: #fdfdfd !important;
  fill: transparent;
}

i.whiteOff .fillColor {
  fill: #fdfdfd !important;
  stroke: transparent;
}

a:hover i.whiteOff .strokeColor {
  stroke: #f0f0f0 !important;
}

a:hover i.whiteOff .fillColor {
  fill: #f0f0f0 !important;
}

i.whiteMedium .strokeColor {
  stroke: #f6f6f6 !important;
  fill: transparent;
}

i.whiteMedium .fillColor {
  fill: #f6f6f6 !important;
  stroke: transparent;
}

a:hover i.whiteMedium .strokeColor {
  stroke: #e9e9e9 !important;
}

a:hover i.whiteMedium .fillColor {
  fill: #e9e9e9 !important;
}

i.whiteDark .strokeColor {
  stroke: #f1f1f1 !important;
  fill: transparent;
}

i.whiteDark .fillColor {
  fill: #f1f1f1 !important;
  stroke: transparent;
}

a:hover i.whiteDark .strokeColor {
  stroke: #e4e4e4 !important;
}

a:hover i.whiteDark .fillColor {
  fill: #e4e4e4 !important;
}

i.greyWhite .strokeColor {
  stroke: #e6e4e5 !important;
  fill: transparent;
}

i.greyWhite .fillColor {
  fill: #e6e4e5 !important;
  stroke: transparent;
}

a:hover i.greyWhite .strokeColor {
  stroke: #dad7d8 !important;
}

a:hover i.greyWhite .fillColor {
  fill: #dad7d8 !important;
}

i.greyLight .strokeColor {
  stroke: #c8c8c8 !important;
  fill: transparent;
}

i.greyLight .fillColor {
  fill: #c8c8c8 !important;
  stroke: transparent;
}

a:hover i.greyLight .strokeColor {
  stroke: #bbbbbb !important;
}

a:hover i.greyLight .fillColor {
  fill: #bbbbbb !important;
}

i.greyOff .strokeColor {
  stroke: #d7d7d7 !important;
  fill: transparent;
}

i.greyOff .fillColor {
  fill: #d7d7d7 !important;
  stroke: transparent;
}

a:hover i.greyOff .strokeColor {
  stroke: #cacaca !important;
}

a:hover i.greyOff .fillColor {
  fill: #cacaca !important;
}

i.grey .strokeColor {
  stroke: #6e6e6e !important;
  fill: transparent;
}

i.grey .fillColor {
  fill: #6e6e6e !important;
  stroke: transparent;
}

a:hover i.grey .strokeColor {
  stroke: #616161 !important;
}

a:hover i.grey .fillColor {
  fill: #616161 !important;
}

i.greyDark .strokeColor {
  stroke: #3b4046 !important;
  fill: transparent;
}

i.greyDark .fillColor {
  fill: #3b4046 !important;
  stroke: transparent;
}

a:hover i.greyDark .strokeColor {
  stroke: #2f3338 !important;
}

a:hover i.greyDark .fillColor {
  fill: #2f3338 !important;
}

i.greyDeep .strokeColor {
  stroke: #181a1c !important;
  fill: transparent;
}

i.greyDeep .fillColor {
  fill: #181a1c !important;
  stroke: transparent;
}

a:hover i.greyDeep .strokeColor {
  stroke: #0c0d0e !important;
}

a:hover i.greyDeep .fillColor {
  fill: #0c0d0e !important;
}

i.greyDarkOverlay .strokeColor {
  stroke: rgba(59, 64, 70, 0.05) !important;
  fill: transparent;
}

i.greyDarkOverlay .fillColor {
  fill: rgba(59, 64, 70, 0.05) !important;
  stroke: transparent;
}

a:hover i.greyDarkOverlay .strokeColor {
  stroke: rgba(47, 51, 56, 0.05) !important;
}

a:hover i.greyDarkOverlay .fillColor {
  fill: rgba(47, 51, 56, 0.05) !important;
}

i.greyDisabledLight .strokeColor {
  stroke: #e4e4e6 !important;
  fill: transparent;
}

i.greyDisabledLight .fillColor {
  fill: #e4e4e6 !important;
  stroke: transparent;
}

a:hover i.greyDisabledLight .strokeColor {
  stroke: #d7d7da !important;
}

a:hover i.greyDisabledLight .fillColor {
  fill: #d7d7da !important;
}

i.greyDisabled .strokeColor {
  stroke: #bababb !important;
  fill: transparent;
}

i.greyDisabled .fillColor {
  fill: #bababb !important;
  stroke: transparent;
}

a:hover i.greyDisabled .strokeColor {
  stroke: #adadae !important;
}

a:hover i.greyDisabled .fillColor {
  fill: #adadae !important;
}

i.blueLight .strokeColor {
  stroke: #00adef !important;
  fill: transparent;
}

i.blueLight .fillColor {
  fill: #00adef !important;
  stroke: transparent;
}

a:hover i.blueLight .strokeColor {
  stroke: #009bd6 !important;
}

a:hover i.blueLight .fillColor {
  fill: #009bd6 !important;
}

i.blueLightDark .strokeColor {
  stroke: #274259 !important;
  fill: transparent;
}

i.blueLightDark .fillColor {
  fill: #274259 !important;
  stroke: transparent;
}

a:hover i.blueLightDark .strokeColor {
  stroke: #1f3547 !important;
}

a:hover i.blueLightDark .fillColor {
  fill: #1f3547 !important;
}

i.blue .strokeColor {
  stroke: #008fcf !important;
  fill: transparent;
}

i.blue .fillColor {
  fill: #008fcf !important;
  stroke: transparent;
}

a:hover i.blue .strokeColor {
  stroke: #007db6 !important;
}

a:hover i.blue .fillColor {
  fill: #007db6 !important;
}

i.blueDark .strokeColor {
  stroke: #01579b !important;
  fill: transparent;
}

i.blueDark .fillColor {
  fill: #01579b !important;
  stroke: transparent;
}

a:hover i.blueDark .strokeColor {
  stroke: #014982 !important;
}

a:hover i.blueDark .fillColor {
  fill: #014982 !important;
}

i.blueDeep .strokeColor {
  stroke: #1b2f36 !important;
  fill: transparent;
}

i.blueDeep .fillColor {
  fill: #1b2f36 !important;
  stroke: transparent;
}

a:hover i.blueDeep .strokeColor {
  stroke: #132025 !important;
}

a:hover i.blueDeep .fillColor {
  fill: #132025 !important;
}

i.blueOther .strokeColor {
  stroke: #159df4 !important;
  fill: transparent;
}

i.blueOther .fillColor {
  fill: #159df4 !important;
  stroke: transparent;
}

a:hover i.blueOther .strokeColor {
  stroke: #0b90e5 !important;
}

a:hover i.blueOther .fillColor {
  fill: #0b90e5 !important;
}

i.blueOverlay .strokeColor {
  stroke: rgba(86, 209, 255, 0.25) !important;
  fill: transparent;
}

i.blueOverlay .fillColor {
  fill: rgba(86, 209, 255, 0.25) !important;
  stroke: transparent;
}

a:hover i.blueOverlay .strokeColor {
  stroke: rgba(61, 202, 255, 0.25) !important;
}

a:hover i.blueOverlay .fillColor {
  fill: rgba(61, 202, 255, 0.25) !important;
}

i.blueRoyal .strokeColor {
  stroke: #4183d7 !important;
  fill: transparent;
}

i.blueRoyal .fillColor {
  fill: #4183d7 !important;
  stroke: transparent;
}

a:hover i.blueRoyal .strokeColor {
  stroke: #2c75d2 !important;
}

a:hover i.blueRoyal .fillColor {
  fill: #2c75d2 !important;
}

i.blueRoyal5 .strokeColor {
  stroke: #2c75d2 !important;
  fill: transparent;
}

i.blueRoyal5 .fillColor {
  fill: #2c75d2 !important;
  stroke: transparent;
}

a:hover i.blueRoyal5 .strokeColor {
  stroke: #286abd !important;
}

a:hover i.blueRoyal5 .fillColor {
  fill: #286abd !important;
}

i.blueRoyal15 .strokeColor {
  stroke: #235ea8 !important;
  fill: transparent;
}

i.blueRoyal15 .fillColor {
  fill: #235ea8 !important;
  stroke: transparent;
}

a:hover i.blueRoyal15 .strokeColor {
  stroke: #1f5293 !important;
}

a:hover i.blueRoyal15 .fillColor {
  fill: #1f5293 !important;
}

i.blueRoyal25 .strokeColor {
  stroke: #2c6ab7 !important;
  fill: transparent;
}

i.blueRoyal25 .fillColor {
  fill: #2c6ab7 !important;
  stroke: transparent;
}

a:hover i.blueRoyal25 .strokeColor {
  stroke: #275ea2 !important;
}

a:hover i.blueRoyal25 .fillColor {
  fill: #275ea2 !important;
}

i.blueRoyal35 .strokeColor {
  stroke: #245ea8 !important;
  fill: transparent;
}

i.blueRoyal35 .fillColor {
  fill: #245ea8 !important;
  stroke: transparent;
}

a:hover i.blueRoyal35 .strokeColor {
  stroke: #205293 !important;
}

a:hover i.blueRoyal35 .fillColor {
  fill: #205293 !important;
}

i.blueRoyal40 .strokeColor {
  stroke: #0d233f !important;
  fill: transparent;
}

i.blueRoyal40 .fillColor {
  fill: #0d233f !important;
  stroke: transparent;
}

a:hover i.blueRoyal40 .strokeColor {
  stroke: #09172a !important;
}

a:hover i.blueRoyal40 .fillColor {
  fill: #09172a !important;
}

i.blueRoyal55 .strokeColor {
  stroke: black !important;
  fill: transparent;
}

i.blueRoyal55 .fillColor {
  fill: black !important;
  stroke: transparent;
}

a:hover i.blueRoyal55 .strokeColor {
  stroke: black !important;
}

a:hover i.blueRoyal55 .fillColor {
  fill: black !important;
}

i.redLight .strokeColor {
  stroke: #d85656 !important;
  fill: transparent;
}

i.redLight .fillColor {
  fill: #d85656 !important;
  stroke: transparent;
}

a:hover i.redLight .strokeColor {
  stroke: #d34141 !important;
}

a:hover i.redLight .fillColor {
  fill: #d34141 !important;
}

i.red .strokeColor {
  stroke: #ff5040 !important;
  fill: transparent;
}

i.red .fillColor {
  fill: #ff5040 !important;
  stroke: transparent;
}

a:hover i.red .strokeColor {
  stroke: #ff3927 !important;
}

a:hover i.red .fillColor {
  fill: #ff3927 !important;
}

i.redDark .strokeColor {
  stroke: #ab3227 !important;
  fill: transparent;
}

i.redDark .fillColor {
  fill: #ab3227 !important;
  stroke: transparent;
}

a:hover i.redDark .strokeColor {
  stroke: #962c22 !important;
}

a:hover i.redDark .fillColor {
  fill: #962c22 !important;
}

i.redAdept .strokeColor {
  stroke: #d9232e !important;
  fill: transparent;
}

i.redAdept .fillColor {
  fill: #d9232e !important;
  stroke: transparent;
}

a:hover i.redAdept .strokeColor {
  stroke: #c31f29 !important;
}

a:hover i.redAdept .fillColor {
  fill: #c31f29 !important;
}

i.redDesign .strokeColor {
  stroke: #f87c70 !important;
  fill: transparent;
}

i.redDesign .fillColor {
  fill: #f87c70 !important;
  stroke: transparent;
}

a:hover i.redDesign .strokeColor {
  stroke: #f76658 !important;
}

a:hover i.redDesign .fillColor {
  fill: #f76658 !important;
}

i.redHigh .strokeColor {
  stroke: #ee3725 !important;
  fill: transparent;
}

i.redHigh .fillColor {
  fill: #ee3725 !important;
  stroke: transparent;
}

a:hover i.redHigh .strokeColor {
  stroke: #e72512 !important;
}

a:hover i.redHigh .fillColor {
  fill: #e72512 !important;
}

i.redLow .strokeColor {
  stroke: #f48f80 !important;
  fill: transparent;
}

i.redLow .fillColor {
  fill: #f48f80 !important;
  stroke: transparent;
}

a:hover i.redLow .strokeColor {
  stroke: #f27a69 !important;
}

a:hover i.redLow .fillColor {
  fill: #f27a69 !important;
}

i.orange .strokeColor {
  stroke: #e67e22 !important;
  fill: transparent;
}

i.orange .fillColor {
  fill: #e67e22 !important;
  stroke: transparent;
}

a:hover i.orange .strokeColor {
  stroke: #d67118 !important;
}

a:hover i.orange .fillColor {
  fill: #d67118 !important;
}

i.green .strokeColor {
  stroke: #2ECC71 !important;
  fill: transparent;
}

i.green .fillColor {
  fill: #2ECC71 !important;
  stroke: transparent;
}

a:hover i.green .strokeColor {
  stroke: #29b765 !important;
}

a:hover i.green .fillColor {
  fill: #29b765 !important;
}

i.teal .strokeColor {
  stroke: #0fe1ee !important;
  fill: transparent;
}

i.teal .fillColor {
  fill: #0fe1ee !important;
  stroke: transparent;
}

a:hover i.teal .strokeColor {
  stroke: #0dcad6 !important;
}

a:hover i.teal .fillColor {
  fill: #0dcad6 !important;
}

i.green .strokeColor {
  stroke: #2ECC71 !important;
  fill: transparent;
}

i.green .fillColor {
  fill: #2ECC71 !important;
  stroke: transparent;
}

a:hover i.green .strokeColor {
  stroke: #29b765 !important;
}

a:hover i.green .fillColor {
  fill: #29b765 !important;
}

i.greenDark .strokeColor {
  stroke: #164F44 !important;
  fill: transparent;
}

i.greenDark .fillColor {
  fill: #164F44 !important;
  stroke: transparent;
}

a:hover i.greenDark .strokeColor {
  stroke: #103b33 !important;
}

a:hover i.greenDark .fillColor {
  fill: #103b33 !important;
}

i.yellowLight .strokeColor {
  stroke: #ffeb3b !important;
  fill: transparent;
}

i.yellowLight .fillColor {
  fill: #ffeb3b !important;
  stroke: transparent;
}

a:hover i.yellowLight .strokeColor {
  stroke: #ffe822 !important;
}

a:hover i.yellowLight .fillColor {
  fill: #ffe822 !important;
}

i.yellow .strokeColor {
  stroke: #f57f17 !important;
  fill: transparent;
}

i.yellow .fillColor {
  fill: #f57f17 !important;
  stroke: transparent;
}

a:hover i.yellow .strokeColor {
  stroke: #e8720a !important;
}

a:hover i.yellow .fillColor {
  fill: #e8720a !important;
}

i.yellowDark .strokeColor {
  stroke: #ff6f00 !important;
  fill: transparent;
}

i.yellowDark .fillColor {
  fill: #ff6f00 !important;
  stroke: transparent;
}

a:hover i.yellowDark .strokeColor {
  stroke: #e66400 !important;
}

a:hover i.yellowDark .fillColor {
  fill: #e66400 !important;
}

.themeSelectionContainer .card {
  box-sizing: border-box;
  width: 230px;
  border: 3px solid white;
  cursor: pointer;
}

.themeSelectionContainer .card.selected {
  border-color: #2ECC71;
  position: relative;
}

.themeSelectionContainer .card.selected:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 30px solid #2ECC71;
  border-left: 30px solid transparent;
}

.themeSelectionContainer .card.selected:after {
  background-image: url("/Styles/Common/Images/check_white.svg");
  background-size: 16px 16px;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
}

.themeSelectionContainer .card.selected:hover:before, .themeSelectionContainer .card.selected:hover:after {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.themeSelectionContainer .card .primaryCard,
.themeSelectionContainer .card .secondaryCard {
  height: 35px;
}

.midnightWithImages .hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/Styles/Images/background_de.jpg");
}

.midnightWithImages.results .hero,
.midnightWithImages.detail .hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/Styles/Images/related-content-bg.jpg");
}

.midnightWithImages.schedule .hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/Styles/Images/background_schedule.jpg");
}

.midnightWithImages.project .hero {
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/Styles/Images/background_projects.jpg");
}

.themeSelectionContainer .card.midnightWithImagesOption {
  background-color: #0086cb;
  background-image: url("/Styles/Images/background_de.jpg");
  background-size: 100%;
}

.themeSelectionContainer .card.midnightOption .primaryCard {
  background-color: #0086cb;
}

.themeSelectionContainer .card.midnightOption .secondaryCard {
  background-color: #13afff;
}

.themeSelectionContainer .card.sunriseOption .primaryCard {
  background-color: #ca271a;
}

.themeSelectionContainer .card.sunriseOption .secondaryCard {
  background-color: #7e1b13;
}

.themeSelectionContainer .card.ghostOption .primaryCard {
  background-color: #181a1c;
}

.themeSelectionContainer .card.ghostOption .secondaryCard {
  background-color: #e6e4e5;
}

.materialElement.button.buttonCircle.background-blue,
.materialElement.button.buttonCircle.background-yellow,
.materialElement.button.buttonCircle.background-blue-dark {
  background-color: transparent;
}

.materialElement.buttonCircle {
  border-bottom: 0;
  overflow: visible;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.materialElement.buttonCircle:before, .materialElement.buttonCircle:hover:before {
  -webkit-box-shadow: 0 2px 5px 0 transparent;
  -moz-box-shadow: 0 2px 5px 0 transparent;
  -o-box-shadow: 0 2px 5px 0 transparent;
  -ms-box-shadow: 0 2px 5px 0 transparent;
  box-shadow: 0 2px 5px 0 transparent;
}

.materialElement.buttonCircle:after, .materialElement.buttonCircle:hover:after {
  -webkit-box-shadow: 0 1px 10px 0.5px transparent;
  -moz-box-shadow: 0 1px 10px 0.5px transparent;
  -o-box-shadow: 0 1px 10px 0.5px transparent;
  -ms-box-shadow: 0 1px 10px 0.5px transparent;
  box-shadow: 0 1px 10px 0.5px transparent;
}

.materialElement.buttonCircle a {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 20;
  background-color: transparent;
  padding: 0;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.materialElement.buttonCircle a i {
  opacity: 0.6;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  transition: opacity 1s;
  margin: 15px;
}

.materialElement.buttonCircle a:before, .materialElement.buttonCircle a:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  content: '';
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  -webkit-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.materialElement.buttonCircle a:before {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.materialElement.buttonCircle a:after {
  -webkit-box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.16);
}

.materialElement.buttonCircle a.no-suedo {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.materialElement.buttonCircle a.no-suedo img {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.materialElement.buttonCircle a.no-suedo:before {
  -webkit-box-shadow: 0 2px 5px 0 transparent;
  -moz-box-shadow: 0 2px 5px 0 transparent;
  -o-box-shadow: 0 2px 5px 0 transparent;
  -ms-box-shadow: 0 2px 5px 0 transparent;
  box-shadow: 0 2px 5px 0 transparent;
}

.materialElement.buttonCircle a.no-suedo:after {
  -webkit-box-shadow: 0 1px 10px 0.5px transparent;
  -moz-box-shadow: 0 1px 10px 0.5px transparent;
  -o-box-shadow: 0 1px 10px 0.5px transparent;
  -ms-box-shadow: 0 1px 10px 0.5px transparent;
  box-shadow: 0 1px 10px 0.5px transparent;
}

.materialElement.buttonCircle a:hover i {
  opacity: 1;
}

.materialElement.buttonCircle a:hover:before {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46);
}

.materialElement.buttonCircle a:hover:after {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.3);
}

.materialElement.buttonCircle.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.materialElement.buttonCircle.disabled a {
  cursor: not-allowed;
}

.materialElement.buttonCircle.disabled:before, .materialElement.buttonCircle.disabled:hover:before {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.buttonCircle.disabled:after, .materialElement.buttonCircle.disabled:hover:after {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.buttonCircle.disabled:hover i {
  opacity: 0.2;
}

.materialElement.buttonCircle.disabled:hover:before {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.buttonCircle.disabled:hover:after {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.buttonCircle .circle {
  background-color: #ddd;
  z-index: -5;
  left: 0;
  top: 0;
  margin: 0;
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.materialElement.buttonCircle.animate .circle {
  opacity: 0.5;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -ms-transform: scale(0.75);
  -o-transform: scale(0.75);
  transform: scale(0.75);
}

.materialElement.buttonCircle.done .circle {
  opacity: 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.materialElement.buttonCircle.buttonCircleText a {
  font-size: 28px;
  line-height: 14px;
  color: #FFF;
  font-weight: 600;
  width: 14px;
  height: 14px;
}

.materialElement.buttonCircle.buttonCircleText a .text {
  line-height: 14px;
  opacity: 0.7;
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.materialElement.buttonCircle.buttonCircleText a:hover {
  color: #fff;
}

.materialElement.buttonCircle.buttonCircleText a:hover .text {
  opacity: 1;
}

.materialElement.buttonCircle.buttonCircleSmall a {
  width: 40px;
  height: 40px;
}

.materialElement.buttonCircle.buttonCircleSmall a:before, .materialElement.buttonCircle.buttonCircleSmall a:after {
  width: 40px;
  height: 40px;
}

.materialElement.buttonCircle.buttonCircleSmall a i {
  margin: 12px;
  padding: 0;
  width: 16px;
  height: 16px;
}

.materialElement.buttonCircle.buttonCircleSmall a i svg {
  width: 16px;
  height: 16px;
}

.materialElement.buttonCircle.buttonCircleExtraSmall a {
  width: 30px;
  height: 30px;
}

.materialElement.buttonCircle.buttonCircleExtraSmall a:before, .materialElement.buttonCircle.buttonCircleExtraSmall a:after {
  width: 30px;
  height: 30px;
}

.materialElement.buttonCircle.buttonCircleExtraSmall a i {
  margin: 9px;
  padding: 0;
  width: 12px;
  height: 12px;
}

.materialElement.buttonCircle.buttonCircleExtraSmall a i svg {
  width: 12px;
  height: 12px;
}

.materialElement.buttonCircle.buttonCircleTiny a {
  width: 20px;
  height: 20px;
}

.materialElement.buttonCircle.buttonCircleTiny a:before, .materialElement.buttonCircle.buttonCircleTiny a:after {
  width: 20px;
  height: 20px;
}

.materialElement.buttonCircle.buttonCircleTiny a i {
  margin: 6px;
  padding: 0;
  width: 8px;
  height: 8px;
}

.materialElement.buttonCircle.buttonCircleTiny a i svg {
  width: 8px;
  height: 8px;
}

.materialElement.buttonCircle.border {
  border: 2.5px solid;
}

.materialElement.buttonCircle.border i {
  opacity: 1;
}

.buttonGroupContainer {
  color: #757887;
  font-weight: 500;
  font-size: 12px;
}

.buttonGroupContainer ul {
  display: inline-block;
}

.buttonGroupContainer ul li {
  display: block;
  float: left;
  border: 1px solid #d3dbdd;
  margin-left: -1px;
  -webkit-transition: border 1s, color 1s, background-color 1s;
  -moz-transition: border 1s, color 1s, background-color 1s;
  transition: border 1s, color 1s, background-color 1s;
}

.buttonGroupContainer ul li:first-child {
  -webkit-border-radius: 5px 0px 0px 5px;
  -moz-border-radius: 5px 0px 0px 5px;
  -o-border-radius: 5px 0px 0px 5px;
  -ms-border-radius: 5px 0px 0px 5px;
  border-radius: 5px 0px 0px 5px;
  margin-left: 0px;
}

.buttonGroupContainer ul li:last-child {
  -webkit-border-radius: 0px 5px 5px 0px;
  -moz-border-radius: 0px 5px 5px 0px;
  -o-border-radius: 0px 5px 5px 0px;
  -ms-border-radius: 0px 5px 5px 0px;
  border-radius: 0px 5px 5px 0px;
}

.buttonGroupContainer ul li a {
  padding: 1px 19px;
  text-decoration: none;
  line-height: 25px;
  color: #181a1c;
  -webkit-transition: color 1s, background-color 1s;
  -moz-transition: color 1s, background-color 1s;
  transition: color 1s, background-color 1s;
}

.buttonGroupContainer ul li.selected {
  background-color: rgba(0, 143, 207, 0.2);
  border: 1px solid #01579b;
  z-index: 2;
  position: relative;
}

.buttonGroupContainer ul li.selected a {
  color: #01579b;
}

.buttonGroupContainer ul li.selected:hover a {
  color: #01579b;
}

.buttonGroupContainer ul li:hover {
  z-index: 3;
  border: 1px solid rgba(0, 143, 207, 0.05);
}

.buttonGroupContainer ul li:hover a {
  color: #008fcf;
}

.radioListLabel {
  -webkit-transform: scale(0.7) translate3d(0px, -27px, 0px);
  -moz-transform: scale(0.7) translate3d(0px, -27px, 0px);
  -ms-transform: scale(0.7) translate3d(0px, -27px, 0px);
  -o-transform: scale(0.7) translate3d(0px, -27px, 0px);
  transform: scale(0.7) translate3d(0px, -27px, 0px);
}

.radioButtonLabel {
  -webkit-transform: translate3d(0px, -15px, 0px);
  -moz-transform: translate3d(0px, -15px, 0px);
  -ms-transform: translate3d(0px, -15px, 0px);
  -o-transform: translate3d(0px, -15px, 0px);
  transform: translate3d(0px, -15px, 0px);
}

.radioContainer {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
}

.radioContainer .radioButton label {
  border: 2px solid #666;
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  cursor: pointer;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
}

.radioContainer .radioButton .radioButtonFill {
  background-color: #008fcf;
  width: 20px;
  height: 20px;
  z-index: 2;
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}

.radioContainer input {
  display: none;
}

.radioContainer input:checked + .radioButton label {
  border-color: #008fcf;
}

.radioContainer input:checked + .radioButton .radioButtonFill {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  transform: scale(0.7);
}

.materialElement.toggleButton label {
  border: 1px solid #ddd;
  position: relative;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  z-index: 10;
  background-color: transparent;
  text-align: center;
  padding: 10px 15px;
  display: block;
  white-space: nowrap;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: border-color 0.8s cubic-bezier(0.2, 0, 0.03, 1), background-color 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: border-color 0.8s cubic-bezier(0.2, 0, 0.03, 1), background-color 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  transition: border-color 0.8s cubic-bezier(0.2, 0, 0.03, 1), background-color 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1);
}

.materialElement.toggleButton input {
  visibility: hidden;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
}

.materialElement.toggleButton:hover label {
  color: #fff;
  border-color: #fff;
}

.midnightWithImages .materialElement.toggleButton:hover label {
  background-color: rgba(255, 235, 59, 0.1);
}

.midnight .materialElement.toggleButton:hover label {
  background-color: rgba(255, 235, 59, 0.1);
}

.sunrise .materialElement.toggleButton:hover label {
  background-color: rgba(255, 235, 59, 0.1);
}

.ghost .materialElement.toggleButton:hover label {
  background-color: rgba(0, 110, 167, 0.1);
}

.midnightWithImages .materialElement.toggleButton.checked label {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.midnightWithImages .materialElement.toggleButton.checked label .fillColor {
  fill: #000;
  stroke: transparent;
}

.midnightWithImages .materialElement.toggleButton.checked label .strokeColor {
  fill: transparent;
  stroke: #000;
}

.midnight .materialElement.toggleButton.checked label {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.midnight .materialElement.toggleButton.checked label .fillColor {
  fill: #000;
  stroke: transparent;
}

.midnight .materialElement.toggleButton.checked label .strokeColor {
  fill: transparent;
  stroke: #000;
}

.sunrise .materialElement.toggleButton.checked label {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.sunrise .materialElement.toggleButton.checked label .fillColor {
  fill: #000;
  stroke: transparent;
}

.sunrise .materialElement.toggleButton.checked label .strokeColor {
  fill: transparent;
  stroke: #000;
}

.ghost .materialElement.toggleButton.checked label {
  background-color: #006ea7;
  border-color: #006ea7;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.ghost .materialElement.toggleButton.checked label .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.ghost .materialElement.toggleButton.checked label .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.materialElement.button {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  display: inline-block;
  color: white;
  position: relative;
  -webkit-transition: background-color 1s, color 1s, -webkit-transform 1s;
  -moz-transition: background-color 1s, color 1s, -moz-transform 1s;
  transition: background-color 1s, color 1s, transform 1s;
}

.materialElement.button.wrapText {
  width: 100%;
  vertical-align: middle;
}

.materialElement.button.wrapText a {
  white-space: normal;
}

.materialElement.button a {
  position: relative;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 15px 10px;
  z-index: 10;
  -webkit-transition: padding 1s;
  -moz-transition: padding 1s;
  transition: padding 1s;
  white-space: nowrap;
}

.materialElement.button a i {
  margin-bottom: -6px;
  margin-right: 4px;
  opacity: 0.8;
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  transition: opacity 0.8s;
}

.materialElement.button.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}

.materialElement.button.disabled a {
  cursor: not-allowed;
}

.materialElement.button.disabled:before, .materialElement.button.disabled:hover:before {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.button.disabled:after, .materialElement.button.disabled:hover:after {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.button .button-container {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  display: block;
  overflow: hidden;
}

.materialElement.button .button-container a {
  z-index: 5;
  position: relative;
}

.materialElement.button .button-container .circle {
  z-index: 0;
  background-color: #d9d9d9;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: -70%;
  margin-left: -70%;
  display: block;
  opacity: 0.2;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  -ms-transform: scale3d(0, 0, 1);
  -o-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}

.materialElement.button.animate .circle {
  opacity: 0.5;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.materialElement.button.done .circle {
  opacity: 0;
  -webkit-transform: scale3d(2, 2, 1);
  -moz-transform: scale3d(2, 2, 1);
  -ms-transform: scale3d(2, 2, 1);
  -o-transform: scale3d(2, 2, 1);
  transform: scale3d(2, 2, 1);
}

.materialElement.button:before, .materialElement.button:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  content: '';
  width: 100%;
  height: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-color: transparent;
  -webkit-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.materialElement.button:before {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.materialElement.button:after {
  -webkit-box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.06);
  box-shadow: 0 1px 10px 0.5px rgba(0, 0, 0, 0.06);
}

.materialElement.button:hover i {
  opacity: 1;
}

.materialElement.button:hover:before {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.materialElement.button:hover:after {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.16);
}

.materialElement.button.buttonSquare {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.materialElement.button.buttonSquare .button-container, .materialElement.button.buttonSquare:before, .materialElement.button.buttonSquare:after {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}

.materialElement.button.noIcon a {
  padding: 10px 15px;
}

.materialElement.button.noIcon i {
  display: none;
}

.materialElement.button.buttonSmall a {
  padding: 5px 8px 5px;
}

.materialElement.button.buttonSmall a i {
  margin-bottom: -1px;
  width: 12.5px;
  height: 12.5px;
}

.materialElement.button.buttonSmall a i svg {
  width: 12px;
  height: 12px;
  margin: 0 auto;
}

.materialElement.invisible {
  display: inline-block;
  cursor: pointer;
  position: relative;
  z-index: 5;
  background-color: transparent;
}

.materialElement.invisible a {
  font-weight: 500;
  padding: 8px 15px;
}

.materialElement.invisible:before {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.invisible:after {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.invisible:hover {
  background-color: transparent;
}

.materialElement.invisible:hover:before {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.invisible:hover:after {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.materialElement.invisible .circle {
  background-color: #eee;
  position: absolute;
  z-index: -2;
  top: 0;
  opacity: 1;
  margin-top: 0;
  margin-left: 0;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  -ms-transform: scale3d(0, 0, 1);
  -o-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.materialElement.invisible.animate .circle {
  background-color: #999;
  opacity: 0.4;
  -webkit-transform: scale3d(0.4, 0.4, 1);
  -moz-transform: scale3d(0.4, 0.4, 1);
  -ms-transform: scale3d(0.4, 0.4, 1);
  -o-transform: scale3d(0.4, 0.4, 1);
  transform: scale3d(0.4, 0.4, 1);
}

.materialElement.invisible.done .circle {
  background-color: #ddd;
  opacity: 0;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

input,
select,
textarea {
  display: none;
}

.materialElement {
  position: relative;
}

.materialElement select {
  display: block;
}

.materialElement .circle {
  background-color: #ccc;
  position: absolute;
  z-index: 0;
  top: 0;
  margin-top: -35%;
  margin-left: -35%;
  opacity: 0.2;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s;
  -moz-transition: -moz-transform 0.5s, opacity 0.5s;
  transition: transform 0.5s, opacity 0.5s;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.materialElement .animate .circle {
  background-color: #008fcf;
  opacity: 0.8;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.materialElement .done .circle {
  background-color: #999;
  opacity: 0;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

.materialElement.materialCircleResponse {
  overflow: hidden;
}

.materialElement.materialCircleResponse .circle {
  background-color: #ccc;
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  margin-top: -70%;
  margin-left: -70%;
  opacity: 0.2;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform 0.5s, opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: -moz-transform 0.5s, opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.5s, opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  z-index: 0;
}

.materialElement.materialCircleResponse.animate .circle {
  background-color: #008fcf;
  opacity: 0.6;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.materialElement.materialCircleResponse.done .circle {
  background-color: #999;
  opacity: 0;
  -webkit-transform: scale(2);
  -moz-transform: scale(2);
  -ms-transform: scale(2);
  -o-transform: scale(2);
  transform: scale(2);
}

.darkInput .label,
.darkInput .units {
  color: #212121;
}

.darkInput input,
.darkInput textarea {
  border: 1px solid rgba(33, 33, 33, 0.05);
  background-color: rgba(33, 33, 33, 0.05);
  border-bottom-color: #212121;
  color: #212121;
}

.darkInput .underlineHighlight {
  background-color: #008fcf;
}

.darkInput:hover input,
.darkInput:hover textarea,
.darkInput:hover .label,
.darkInput:hover .units {
  color: #03b1ff;
}

.darkInput.focus input,
.darkInput.focus:hover input,
.darkInput.focus textarea,
.darkInput.focus:hover textarea,
.darkInput.focus .label,
.darkInput.focus .units {
  color: #008fcf;
}

.darkInput input::-webkit-input-placeholder {
  color: rgba(33, 33, 33, 0.1);
}

.darkInput input:-moz-placeholder {
  color: rgba(33, 33, 33, 0.1);
}

.darkInput input::-moz-placeholder {
  color: rgba(33, 33, 33, 0.1);
}

.darkInput input:-ms-input-placeholder {
  color: rgba(33, 33, 33, 0.1);
}

.controlText::after {
  content: '*';
  color: #ee3524 !important;
}

.materialElement.checkbox {
  position: relative;
}

.materialElement.checkbox.dark .label {
  color: #212121;
}

.materialElement.checkbox.dark .check-input {
  border: 2px solid #212121;
}

.materialElement.checkbox.yellowLight .check-input {
  -webkit-animation: check-yellowLight-backward 0.5s ease-out forwards;
  -moz-animation: check-yellowLight-backward 0.5s ease-out forwards;
  animation: check-yellowLight-backward 0.5s ease-out forwards;
}

.materialElement.checkbox.yellowLight.checked .label {
  color: #ffeb3b;
}

.materialElement.checkbox.yellowLight.checked .check-input {
  -webkit-animation: check-yellowLight-forward 0.5s ease-out forwards;
  -moz-animation: check-yellowLight-forward 0.5s ease-out forwards;
  animation: check-yellowLight-forward 0.5s ease-out forwards;
}

.materialElement.checkbox .label {
  color: #fff;
  padding: 4px 0 0 30px;
  display: block;
  font-size: 16px;
  font-weight: 500;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  transition: color 0.5s;
  cursor: pointer;
}

.materialElement.checkbox .check-input {
  width: 20px;
  height: 20px;
  display: block;
  border: 2px solid #FFF;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: check-blue-backward 0.5s ease-out forwards;
  -moz-animation: check-blue-backward 0.5s ease-out forwards;
  animation: check-blue-backward 0.5s ease-out forwards;
}

.materialElement.checkbox input {
  visibility: hidden;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1000;
}

.materialElement.checkbox.checked .label {
  color: #008fcf;
}

.materialElement.checkbox.checked .check-input {
  -webkit-animation: check-blue-forward 0.5s ease-out forwards;
  -moz-animation: check-blue-forward 0.5s ease-out forwards;
  animation: check-blue-forward 0.5s ease-out forwards;
}

.materialElement.checkbox.disabled {
  opacity: 0.4;
}

@-webkit-keyframes check-yellowLight-forward {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #ffeb3b;
    border-right: 5px solid #ffeb3b;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

@-moz-keyframes check-yellowLight-forward {
  0% {
    -moz-transform: rotate(0deg) scale(1);
  }
  50% {
    -moz-transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #ffeb3b;
    border-right: 5px solid #ffeb3b;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

@keyframes check-yellowLight-forward {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(0);
    -moz-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    -o-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #ffeb3b;
    border-right: 5px solid #ffeb3b;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

@-webkit-keyframes check-yellowLight-backward {
  0% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #ffeb3b;
    border-right: 5px solid #ffeb3b;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
  50% {
    -webkit-transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
  }
}

@-moz-keyframes check-yellowLight-backward {
  0% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #ffeb3b;
    border-right: 5px solid #ffeb3b;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
  50% {
    -moz-transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    -moz-transform: rotate(0deg) scale(1);
  }
}

@keyframes check-yellowLight-backward {
  0% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #ffeb3b;
    border-right: 5px solid #ffeb3b;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
  50% {
    -webkit-transform: rotate(45deg) scale(0);
    -moz-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    -o-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
}

@-webkit-keyframes check-blue-forward {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #008fcf;
    border-right: 5px solid #008fcf;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

@-moz-keyframes check-blue-forward {
  0% {
    -moz-transform: rotate(0deg) scale(1);
  }
  50% {
    -moz-transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #008fcf;
    border-right: 5px solid #008fcf;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

@keyframes check-blue-forward {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
  }
  50% {
    -webkit-transform: rotate(45deg) scale(0);
    -moz-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    -o-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  100% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #008fcf;
    border-right: 5px solid #008fcf;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

@-webkit-keyframes check-blue-backward {
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    border-top: 2px solid  #212121;
    border-left: 2px solid  #212121;
  }
  50% {
    -webkit-transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  0% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #008fcf;
    border-right: 5px solid #008fcf;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

@-moz-keyframes check-blue-backward {
  100% {
    -moz-transform: rotate(0deg) scale(1);
    border-top: 2px solid  #212121;
    border-left: 2px solid  #212121;
  }
  50% {
    -moz-transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  0% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #008fcf;
    border-right: 5px solid #008fcf;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

@keyframes check-blue-backward {
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1);
    transform: rotate(0deg) scale(1);
    border-top: 2px solid  #212121;
    border-left: 2px solid  #212121;
  }
  50% {
    -webkit-transform: rotate(45deg) scale(0);
    -moz-transform: rotate(45deg) scale(0);
    -ms-transform: rotate(45deg) scale(0);
    -o-transform: rotate(45deg) scale(0);
    transform: rotate(45deg) scale(0);
    border-top: 0px;
    border-left: 0px;
    top: 0;
    right: 0;
  }
  0% {
    transform: rotate(45deg) scale(1);
    border-top: 0px solid;
    border-left: 0px solid;
    border-bottom: 5px solid #008fcf;
    border-right: 5px solid #008fcf;
    width: 10px;
    height: 20px;
    top: -5px;
    left: 5px;
  }
}

.materialElement.input,
.materialElement.textarea {
  margin: 0 auto 10px;
  height: 41px;
  position: relative;
}

.materialElement.input.disabled,
.materialElement.textarea.disabled {
  cursor: no-drop;
}

.materialElement.input .label,
.materialElement.textarea .label {
  font-size: 18px;
  position: absolute;
  bottom: 12px;
  left: 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
  -moz-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
  -ms-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
  -o-transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
  transform: scale3d(1, 1, 1) translate3d(0px, 0px, 0px);
  -webkit-transition: color 1s, transform 1s;
  -moz-transition: color 1s, transform 1s;
  transition: color 1s, transform 1s;
  z-index: 10;
  width: 100%;
  cursor: text;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.materialElement.input input,
.materialElement.input textarea,
.materialElement.textarea input,
.materialElement.textarea textarea {
  width: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 10px;
  font-size: 18px;
  padding: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  cursor: text;
  box-sizing: border-box;
  -webkit-transition: border-bottom 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), font-size 0.8s cubic-bezier(0.2, 0, 0.03, 1), top 0.8s cubic-bezier(0.2, 0, 0.03, 1), height 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: border-bottom 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), font-size 0.8s cubic-bezier(0.2, 0, 0.03, 1), top 0.8s cubic-bezier(0.2, 0, 0.03, 1), height 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  transition: border-bottom 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), font-size 0.8s cubic-bezier(0.2, 0, 0.03, 1), top 0.8s cubic-bezier(0.2, 0, 0.03, 1), height 0.8s cubic-bezier(0.2, 0, 0.03, 1);
}

.materialElement.input input,
.materialElement.textarea input {
  height: 30px;
}

.materialElement.input .underlineHighlight,
.materialElement.textarea .underlineHighlight {
  position: absolute;
  left: 0;
  right: 0;
  top: 38px;
  height: 2px;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transition: background-color 0.5s, color 1s, transform 1s;
  -moz-transition: background-color 0.5s, color 1s, transform 1s;
  transition: background-color 0.5s, color 1s, transform 1s;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  z-index: 100;
  width: 100%;
}

.materialElement.input .units,
.materialElement.textarea .units {
  position: absolute;
  right: 7px;
  bottom: 7px;
  font-size: 16px;
  -webkit-transition: color 1s, transform 1s;
  -moz-transition: color 1s, transform 1s;
  transition: color 1s, transform 1s;
}

.materialElement.input .units i,
.materialElement.textarea .units i {
  width: 15px;
  height: 15px;
}

.materialElement.input.focus .underlineHighlight,
.materialElement.textarea.focus .underlineHighlight {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.materialElement.input.focus .label,
.materialElement.textarea.focus .label {
  -webkit-transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
  -moz-transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
  -ms-transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
  -o-transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
  transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
}

.materialElement.input.values .label,
.materialElement.textarea.values .label {
  -webkit-transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
  -moz-transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
  -ms-transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
  -o-transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
  transform: scale3d(0.7, 0.7, 1) translate3d(0px, -24px, 0px);
}

.input .label,
.input .units {
  color: #000;
}

.input .units i .fillColor {
  color: #000;
}

.input input,
.input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.input .underlineHighlight {
  background-color: #000;
}

.input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.input.focus input,
.input.focus:hover input,
.input.focus textarea,
.input.focus:hover textarea,
.input.focus .label,
.input.focus .units {
  color: #008fcf;
}

.input.focus .underlineHighlight {
  background-color: #008fcf;
}

.input .underlineHighlight {
  background-color: #000;
}

.input:hover input,
.input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.input:hover label,
.input:hover input,
.input:hover textarea,
.input:hover .filterOption,
.input:hover .units {
  color: #03b1ff;
}

.input.disabled .label,
.input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.input.disabled input,
.input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.input.disabled input:-moz-placeholder {
  color: transparent;
}

.input.disabled input::-moz-placeholder {
  color: transparent;
}

.input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.input.disabled.focus input,
.input.disabled.focus:hover input,
.input.disabled.focus textarea,
.input.disabled.focus:hover textarea,
.input.disabled.focus .label,
.input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.input.disabled:hover input,
.input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.input.disabled:hover label,
.input.disabled:hover input,
.input.disabled:hover textarea,
.input.disabled:hover .filterOption,
.input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.validationFailed {
  background-color: #dddddd !important;
  border-bottom-color: red !important;
}

.materialTextArea {
  border: 1px solid rgba(33, 33, 33, 0.05);
  background-color: rgba(33, 33, 33, 0.05);
  border-bottom-color: #212121;
  color: #212121;
  padding: 10px 10px 20px;
  -webkit-transition: border-bottom 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), font-size 0.8s cubic-bezier(0.2, 0, 0.03, 1), top 0.8s cubic-bezier(0.2, 0, 0.03, 1), height 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: border-bottom 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), font-size 0.8s cubic-bezier(0.2, 0, 0.03, 1), top 0.8s cubic-bezier(0.2, 0, 0.03, 1), height 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  transition: border-bottom 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), font-size 0.8s cubic-bezier(0.2, 0, 0.03, 1), top 0.8s cubic-bezier(0.2, 0, 0.03, 1), height 0.8s cubic-bezier(0.2, 0, 0.03, 1);
}

.materialTextArea:hover {
  color: #008fcf;
  border-bottom: 3px solid #008fcf;
}

.materialElement.textarea {
  margin-top: 20px;
  height: 62px;
}

.materialElement.textarea .label {
  top: 10px;
  height: 20px;
  display: block;
}

.materialElement.textarea textarea {
  margin-top: 0px;
  height: 62px;
  resize: none;
}

.materialElement.textarea .underlineHighlight {
  top: auto;
  bottom: 8px;
}

.materialElement.textarea.focus .label {
  color: #008fcf;
  -webkit-transform: scale(0.7) translate3d(0px, -30px, 0px);
  -moz-transform: scale(0.7) translate3d(0px, -30px, 0px);
  -ms-transform: scale(0.7) translate3d(0px, -30px, 0px);
  -o-transform: scale(0.7) translate3d(0px, -30px, 0px);
  transform: scale(0.7) translate3d(0px, -30px, 0px);
}

.materialElement.textarea.values .label {
  -webkit-transform: scale(0.7) translate3d(0px, -30px, 0px);
  -moz-transform: scale(0.7) translate3d(0px, -30px, 0px);
  -ms-transform: scale(0.7) translate3d(0px, -30px, 0px);
  -o-transform: scale(0.7) translate3d(0px, -30px, 0px);
  transform: scale(0.7) translate3d(0px, -30px, 0px);
}

.materialElement.textarea.textarea-large {
  height: 270px;
}

.materialElement.textarea.textarea-large textarea {
  height: 251px;
  font-size: 14px;
}

.materialElement.textarea.textarea-medium {
  height: 170px;
}

.materialElement.textarea.textarea-medium textarea {
  height: 151px;
  font-size: 14px;
}

.materialElement.disabled .materialSelect {
  cursor: no-drop;
}

.materialSelect {
  cursor: pointer;
}

.materialSelect label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.materialSelect .btn {
  margin: 0 auto 10px;
  width: 100%;
  height: 40px;
  position: relative;
  -webkit-transition: border-bottom 0.8s;
  -moz-transition: border-bottom 0.8s;
  transition: border-bottom 0.8s;
}

.materialSelect .btn .filterOption {
  box-sizing: border-box;
  border-bottom: 1px solid;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  opacity: 0;
  height: 30px;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 16px;
  padding: 5px 20px 5px 5px;
  -webkit-transition: -webkit-transform 1s, opacity 1s, color 1s;
  -moz-transition: -moz-transform 1s, opacity 1s, color 1s;
  transition: transform 1s, opacity 1s, color 1s;
  -webkit-transform: scale(1) translate3d(0px, 20px, 0px);
  -moz-transform: scale(1) translate3d(0px, 20px, 0px);
  -ms-transform: scale(1) translate3d(0px, 20px, 0px);
  -o-transform: scale(1) translate3d(0px, 20px, 0px);
  transform: scale(1) translate3d(0px, 20px, 0px);
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  -o-transform-origin: 0;
  transform-origin: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
}

.materialSelect .btn .caret {
  position: absolute;
  font-size: 18px;
  top: 15px;
  right: 7px;
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  -o-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  transition: transform 1s;
}

.materialSelect .underlineHighlight {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  -webkit-transform-origin: 0;
  -moz-transform-origin: 0;
  -ms-transform-origin: 0;
  -o-transform-origin: 0;
  transform-origin: 0;
  -webkit-transition: color 1s, transform 1s;
  -moz-transition: color 1s, transform 1s;
  transition: color 1s, transform 1s;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  opacity: 0;
  z-index: 200;
  width: 100%;
}

.materialSelect .label {
  font-size: 18px;
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 140%;
  -webkit-transform: scale(0.7) translate3d(0px, -27px, 0px);
  -moz-transform: scale(0.7) translate3d(0px, -27px, 0px);
  -ms-transform: scale(0.7) translate3d(0px, -27px, 0px);
  -o-transform: scale(0.7) translate3d(0px, -27px, 0px);
  transform: scale(0.7) translate3d(0px, -27px, 0px);
  -webkit-transition: -webkit-transform 0.8s;
  -moz-transition: -moz-transform 0.8s;
  transition: transform 0.8s;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.materialSelect .materialSelectMenu {
  position: relative;
  padding-top: 15px;
  z-index: 2500;
  display: block;
}

.materialSelect .materialSelectMenu.inner {
  padding-top: 0;
  margin-top: -1px;
  cursor: pointer;
  position: absolute;
  width: 100%;
  left: 0;
  -webkit-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.25);
  -o-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.25);
  -webkit-transition: box-shadow 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: box-shadow 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  transition: box-shadow 0.8s cubic-bezier(0.2, 0, 0.03, 1);
}

.materialSelect .materialSelectMenu.inner li {
  display: block;
}

.materialSelect .materialSelectMenu.inner li .item {
  padding: 10px 5px;
  background-color: #fff;
  font-size: 14px;
  border: 1px solid #EEE;
  position: relative;
  margin-bottom: -1px;
  -webkit-transition: opacity 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), transform 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: opacity 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), transform 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  transition: opacity 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1), transform 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  -webkit-transform: scale(1) translate3d(0px, 0px, 0px);
  -moz-transform: scale(1) translate3d(0px, 0px, 0px);
  -ms-transform: scale(1) translate3d(0px, 0px, 0px);
  -o-transform: scale(1) translate3d(0px, 0px, 0px);
  transform: scale(1) translate3d(0px, 0px, 0px);
  opacity: 1;
}

.materialSelect .materialSelectMenu.inner li .item .text {
  z-index: 100;
  position: relative;
  -webkit-transition: padding 0.8s cubic-bezier(0.2, 0, 0.03, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: padding 0.8s cubic-bezier(0.2, 0, 0.03, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  transition: padding 0.8s cubic-bezier(0.2, 0, 0.03, 1), opacity 0.8s cubic-bezier(0.2, 0, 0.03, 1), color 0.8s cubic-bezier(0.2, 0, 0.03, 1);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  color: #777;
}

.materialSelect .materialSelectMenu.inner li .item:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 10px;
  background-color: #008fcf;
  z-index: 10;
  -webkit-transform-origin: 0px 0px;
  -moz-transform-origin: 0px 0px;
  -ms-transform-origin: 0px 0px;
  -o-transform-origin: 0px 0px;
  transform-origin: 0px 0px;
  -webkit-transform: scale(0, 1);
  -moz-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
}

.materialSelect .materialSelectMenu.inner li .item:hover .text {
  padding-left: 15px;
  color: #008fcf;
}

.materialSelect .materialSelectMenu.inner li .item:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.materialSelect .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.materialSelect .materialSelectMenu.inner li.selected .item .text {
  color: #006c9c;
}

.materialSelect.close .btn .materialSelectMenu {
  z-index: -100;
}

.materialSelect.close .btn .materialSelectMenu ul {
  left: -9999px;
  top: -9999px;
  -webkit-box-shadow: 0 0px 10px 2px transparent;
  -moz-box-shadow: 0 0px 10px 2px transparent;
  -o-box-shadow: 0 0px 10px 2px transparent;
  -ms-box-shadow: 0 0px 10px 2px transparent;
  box-shadow: 0 0px 10px 2px transparent;
}

.materialSelect.close .btn .materialSelectMenu ul li .item {
  -webkit-transform: scale(1) translate3d(0px, -15px, 0px);
  -moz-transform: scale(1) translate3d(0px, -15px, 0px);
  -ms-transform: scale(1) translate3d(0px, -15px, 0px);
  -o-transform: scale(1) translate3d(0px, -15px, 0px);
  transform: scale(1) translate3d(0px, -15px, 0px);
  opacity: 0;
}

.materialSelect.close .btn .filterOption {
  -webkit-transform: scale(1) translate3d(0px, 0px, 0px);
  -moz-transform: scale(1) translate3d(0px, 0px, 0px);
  -ms-transform: scale(1) translate3d(0px, 0px, 0px);
  -o-transform: scale(1) translate3d(0px, 0px, 0px);
  transform: scale(1) translate3d(0px, 0px, 0px);
  opacity: 1;
}

.materialSelect.close .btn .underlineHighlight {
  opacity: 1;
}

.materialSelect:focus .underlineHighlight {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.select .materialSelect .btn {
  border-bottom-color: #000;
}

.select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.select .materialSelect .btn .caret {
  color: #000;
}

.select .materialSelect .label {
  color: #000;
}

.select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.select .materialSelect:hover input,
.select .materialSelect:hover .label,
.select .materialSelect:hover .btn .caret,
.select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.select .materialSelect:hover .btn,
.select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.select .materialSelect.focus input,
.select .materialSelect.focus:hover input,
.select .materialSelect.focus .label,
.select .materialSelect.focus .units {
  color: #008fcf;
}

.select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.select.disabled .materialSelect:hover input,
.select.disabled .materialSelect:hover .label,
.select.disabled .materialSelect:hover .btn .caret,
.select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.select.disabled .materialSelect:hover .btn,
.select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.select.disabled .materialSelect.focus input,
.select.disabled .materialSelect.focus:hover input,
.select.disabled .materialSelect.focus .label,
.select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.midnightWithImages .materialElement.textTab {
  background-color: #0086cb;
}

.midnightWithImages .materialElement.textTab .underline {
  background-color: #ffeb3b;
}

.midnightWithImages .materialElement.textTab .text-tab-item {
  color: #f6f6f6;
}

.midnightWithImages .materialElement.textTab .text-tab-item a:hover {
  background-color: #005784;
}

.midnightWithImages .materialElement.textTab .text-tab-item a {
  height: 100%;
  border-color: #005784;
}

.midnightWithImages .materialElement.textTab .text-tab-item a[disabled="disabled"] {
  background-color: #08689a;
  color: #949494;
}

.midnightWithImages .materialElement.textTab .text-tab-item a.selected {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffeb3b;
}

.midnightWithImages .materialElement.textTab .rows {
  background-color: #ffeb3b;
  color: #000;
}

.midnightWithImages .materialElement.textTab .circle {
  background-color: #006ea7;
}

.midnightWithImages .materialElement.textTab .animate .circle {
  background-color: #006ea7;
}

.midnight .materialElement.textTab {
  background-color: #0086cb;
}

.midnight .materialElement.textTab .underline {
  background-color: #ffeb3b;
}

.midnight .materialElement.textTab .text-tab-item {
  color: #f6f6f6;
}

.midnight .materialElement.textTab .text-tab-item a:hover {
  background-color: #005784;
}

.midnight .materialElement.textTab .text-tab-item a {
  height: 100%;
  border-color: #005784;
}

.midnight .materialElement.textTab .text-tab-item a[disabled="disabled"] {
  background-color: #08689a;
  color: #949494;
}

.midnight .materialElement.textTab .text-tab-item a.selected {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffeb3b;
}

.midnight .materialElement.textTab .rows {
  background-color: #ffeb3b;
  color: #000;
}

.midnight .materialElement.textTab .circle {
  background-color: #006ea7;
}

.midnight .materialElement.textTab .animate .circle {
  background-color: #006ea7;
}

.sunrise .materialElement.textTab {
  background-color: #ca271a;
}

.sunrise .materialElement.textTab .underline {
  background-color: #ffeb3b;
}

.sunrise .materialElement.textTab .text-tab-item {
  color: #f6f6f6;
}

.sunrise .materialElement.textTab .text-tab-item a:hover {
  background-color: #8b1b12;
}

.sunrise .materialElement.textTab .text-tab-item a {
  height: 100%;
  border-color: #8b1b12;
}

.sunrise .materialElement.textTab .text-tab-item a[disabled="disabled"] {
  background-color: #99271e;
  color: #949494;
}

.sunrise .materialElement.textTab .text-tab-item a.selected {
  background-color: rgba(255, 255, 255, 0.2);
  color: #ffeb3b;
}

.sunrise .materialElement.textTab .rows {
  background-color: #ffeb3b;
  color: #000;
}

.sunrise .materialElement.textTab .circle {
  background-color: #aa2116;
}

.sunrise .materialElement.textTab .animate .circle {
  background-color: #aa2116;
}

.ghost .materialElement.textTab {
  background-color: #2b2e33;
}

.ghost .materialElement.textTab .underline {
  background-color: #009eef;
}

.ghost .materialElement.textTab .text-tab-item {
  color: #f6f6f6;
}

.ghost .materialElement.textTab .text-tab-item a:hover {
  background-color: #5c626d;
}

.ghost .materialElement.textTab .text-tab-item a {
  height: 100%;
  border-color: #5c626d;
}

.ghost .materialElement.textTab .text-tab-item a[disabled="disabled"] {
  background-color: #262626;
  color: #949494;
}

.ghost .materialElement.textTab .text-tab-item a.selected {
  background-color: rgba(255, 255, 255, 0.2);
  color: #009eef;
}

.ghost .materialElement.textTab .rows {
  background-color: #006ea7;
  color: #FFFFFF;
}

.ghost .materialElement.textTab .circle {
  background-color: #4c515a;
}

.ghost .materialElement.textTab .animate .circle {
  background-color: #4c515a;
}

.materialElement.textTab {
  position: relative;
  font-size: 0;
}

.materialElement.textTab .textTabList {
  font-weight: 500;
  position: relative;
}

.materialElement.textTab .textTabList .text-tab-item {
  display: inline-block;
  overflow: hidden;
  position: relative;
  -webkit-transition: background-color 1s;
  -moz-transition: background-color 1s;
  transition: background-color 1s;
}

.materialElement.textTab .textTabList .text-tab-item a {
  font-size: 13px;
  padding: 20px 17px;
  letter-spacing: 0.5px;
  position: relative;
  z-index: 2;
  -webkit-transition: color 1s, background-color 1s;
  -moz-transition: color 1s, background-color 1s;
  transition: color 1s, background-color 1s;
  border-left-width: 1px;
  border-left-style: solid;
}

.materialElement.textTab .textTabList .text-tab-item a[disabled='disabled'] {
  cursor: no-drop;
}

.materialElement.textTab .textTabList .text-tab-item:last-child a {
  border-right-width: 1px;
  border-right-style: solid;
}

.materialElement.textTab .textTabList .text-tab-item.text-tab-item-center {
  float: none;
  display: inline-block;
}

.materialElement.textTab .rows {
  font-size: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 3px 5px 2px 5px;
  top: -6px;
  position: relative;
  margin-left: 2px;
  display: none;
}

.materialElement.textTab.results .rows {
  display: inline-block;
}

.materialElement.textTab .circle {
  -webkit-transition: -webkit-transform 0.2s linear, background-color 0.2 linear;
  -moz-transition: -moz-transform 0.2s linear, background-color 0.2 linear;
  transition: transform 0.2s linear, background-color 0.2 linear;
  opacity: 0;
  z-index: -1;
  -webkit-transform: scale3d(0, 0, 1);
  -moz-transform: scale3d(0, 0, 1);
  -ms-transform: scale3d(0, 0, 1);
  -o-transform: scale3d(0, 0, 1);
  transform: scale3d(0, 0, 1);
}

.materialElement.textTab .animate .circle {
  opacity: 0.8;
  -webkit-transform: scale3d(0.5, 0.5, 1);
  -moz-transform: scale3d(0.5, 0.5, 1);
  -ms-transform: scale3d(0.5, 0.5, 1);
  -o-transform: scale3d(0.5, 0.5, 1);
  transform: scale3d(0.5, 0.5, 1);
}

.materialElement.textTab .done .circle {
  opacity: 0;
  -webkit-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.materialElement.textTab .underline {
  width: 200px;
  height: 4px;
  position: absolute;
  bottom: 0;
  -webkit-transition: opacity 0.8s ease-in-out, -webkit-transform 0.8s ease-in-out;
  -moz-transition: opacity 0.8s ease-in-out, -moz-transform 0.8s ease-in-out;
  transition: opacity 0.8s ease-in-out, transform 0.8s ease-in-out;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  z-index: 100;
}

.materialElement.textTab.backgroundBlueDark {
  background-color: #159df4;
}

.materialElement.textTab.backgroundBlueDark .underline {
  background-color: #ffeb3b;
}

.materialElement.textTab.backgroundBlueDark .text-tab-item {
  color: #a7dafb;
}

.materialElement.textTab.backgroundBlueDark .text-tab-item a {
  background-color: rgba(255, 255, 255, 0);
}

.materialElement.textTab.backgroundBlueDark .text-tab-item a[disabled="disabled"] {
  background-color: #8fd0fa;
  color: #a7dafb;
}

.materialElement.textTab.backgroundBlueDark .text-tab-item a.selected {
  background-color: #2da7f5;
}

.materialElement.textTab.backgroundBlueDark .text-tab-item:hover {
  background-color: #1fa1f4;
}

.materialElement.textTab.backgroundBlueDark .text-tab-item:hover a {
  color: #FFF;
}

.materialElement.textTab.backgroundBlueDark .text-tab-item:hover[disabled="disabled"] {
  background-color: #8fd0fa;
  color: #a7dafb;
}

.materialElement.textTab.backgroundBlueDark .circle {
  background-color: #05436b;
}

.materialElement.textTab.backgroundBlueDark .animate .circle {
  background-color: #05436b;
}

.countLabel {
  margin-top: 20px;
  cursor: pointer;
}

.countLabel #textPart {
  padding-left: 5px;
  top: -2px;
  position: relative;
}

.tabContent {
  position: relative;
  display: none;
  left: -200%;
}

.tabContent.selected {
  display: block;
  left: 0;
}

.sliderSF {
  /* For IE8 - See #6727 */
  /* more specificity required here to overide default borders */
  /* vertical centre icon */
  /* TR overrides */
}

.sliderSF .ui-slider {
  position: relative;
  text-align: left;
}

.sliderSF .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  cursor: default;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  cursor: pointer;
}

.sliderSF .ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.sliderSF .ui-slider.ui-state-disabled .ui-slider-handle,
.sliderSF .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.sliderSF .ui-slider-horizontal {
  height: .25em;
  padding-top: .25em;
}

.sliderSF .ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.sliderSF .ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.sliderSF .ui-slider-horizontal .ui-slider-range-min {
  left: 0;
  background-color: #03b1ff;
}

.sliderSF .ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.sliderSF .ui-slider-vertical {
  width: .8em;
  height: 100px;
}

.sliderSF .ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.sliderSF .ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.sliderSF .ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.sliderSF .ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.sliderSF .ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.sliderSF .ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 22px;
}

.sliderSF .ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.sliderSF .ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.sliderSF .ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.sliderSF .ui-spinner-up {
  top: 0;
}

.sliderSF .ui-spinner-down {
  bottom: 0;
}

.sliderSF .ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.sliderSF .ui-state-hover,
.sliderSF .ui-widget-content .ui-state-hover,
.sliderSF .ui-widget-header .ui-state-hover,
.sliderSF .ui-state-focus,
.sliderSF .ui-widget-content .ui-state-focus,
.sliderSF .ui-widget-header .ui-state-focus {
  border: 1px solid #00adef;
  background-color: #00adef;
}

.sliderSF .ui-widget-content {
  background: #dedddd;
  color: #6d6d6d;
}

.sliderSF .ui-state-disabled {
  opacity: 1;
  background-color: #dedddd;
}

.sliderSF .ui-state-disabled .ui-slider-range {
  background-color: #878889;
}

.sliderSF .ui-state-disabled .ui-state-default,
.sliderSF .ui-state-disabled .ui-widget-content .ui-state-default,
.sliderSF .ui-state-disabled .ui-widget-header .ui-state-default {
  border: 1px solid #878889;
  background-color: #878889;
}

.sliderSF .ui-state-default {
  border: 1px solid #00adef;
  background: #00adef;
  font-weight: normal;
  color: #555555;
}

.slider-h {
  height: 25px;
}

.slider-inner {
  border-color: #95B8E7;
  background: #E0ECFF;
}

.slider-inner {
  position: relative;
  height: 6px;
  top: 7px;
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
}

.slider-rule {
  position: relative;
  top: 15px;
}

.slider-tip {
  position: absolute;
  display: inline-block;
  line-height: 12px;
  font-size: 12px;
  white-space: nowrap;
  top: 20px;
  color: #2babe2;
}

.slider-handle {
  position: absolute;
  display: block;
  outline: none;
  width: 20px;
  height: 20px;
  top: -7px;
  margin-left: -10px;
  background-color: #2babe2;
  border-radius: 10px;
}

.slider-disabled .slider-handle {
  background-color: #c8c8c8;
}

.slider-disabled .slider-inner {
  background-color: #c8c8c8;
  border-color: #c8c8c8;
}

.slider-disabled .slider-tip {
  color: #6e6e6e;
}

.sliderSF.disabled {
  color: rgba(246, 246, 246, 0.35);
}

.sliderSF.disabled .ui-widget-content {
  background: rgba(222, 221, 221, 0.35);
}

.sliderSF.disabled .ui-state-default {
  border: 1px solid #99b6d2;
  background-color: #99b6d2;
}

.sliderSF.disabled .ui-slider-range {
  background-color: rgba(3, 177, 255, 0.35);
}

.dataTables_wrapper {
  overflow: auto;
}

table.dataTable .materialElement.button {
  position: relative;
  z-index: 100;
  margin-top: 0;
  opacity: 0.7;
}

table.dataTable .materialElement.button a {
  font-size: 12px;
  text-decoration: none;
}

.dataTableAccessory th {
  white-space: normal;
  padding: 10px 15px;
  text-align: left;
}

.dataTableAccessory tbody tr {
  border-bottom: 1px solid #ccc;
}

.dataTableAccessory tbody td {
  /*padding: 10px 15px;*/
  padding: 5px;
}

.dataTableAccessory tr td:last-child {
  width: 30px;
}

.dataTableAccessory.tableBlue {
  font-size: 11px;
}

.dataTableAccessory.tableBlue thead {
  background-color: rgba(0, 143, 207, 0.05);
}

.dataTableAccessory.tableBlue th {
  color: #008fcf;
  border-bottom: 1px solid #008fcf;
}

.curveHover {
  position: absolute;
  top: 0;
  left: 0px;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 2000;
  display: hidden;
}

.curveHover .curveHoverIcon {
  width: 50px;
  height: 50px;
  margin: 30px auto 10px;
}

.curveHover .curveHoverIcon i {
  width: 50px;
  height: 50px;
}

.curveHover .curveHoverText {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

td[data-text="SingleCurve"]:hover .curveHover {
  left: 0;
  opacity: 1;
  display: block;
}

.activeTableIcon {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
}

.disabledColumn {
  opacity: 0.4;
  cursor: not-allowed;
}

.dataTableInfo,
.dataTableDark,
.dataTable {
  width: 100%;
  margin: 0 auto 0;
  text-align: left;
  font-weight: 500;
  position: relative;
  border-top: 1px solid;
}

.midnightWithImages .dataTableInfo, .midnightWithImages
.dataTableDark, .midnightWithImages
.dataTable {
  border-color: #0086cb;
}

.midnight .dataTableInfo, .midnight
.dataTableDark, .midnight
.dataTable {
  border-color: #0086cb;
}

.sunrise .dataTableInfo, .sunrise
.dataTableDark, .sunrise
.dataTable {
  border-color: #ca271a;
}

.ghost .dataTableInfo, .ghost
.dataTableDark, .ghost
.dataTable {
  border-color: #2b2e33;
}

.midnightWithImages .dataTableInfo thead tr, .midnightWithImages
.dataTableDark thead tr, .midnightWithImages
.dataTable thead tr {
  background-color: #0086cb;
  border-color: #005784;
}

.midnight .dataTableInfo thead tr, .midnight
.dataTableDark thead tr, .midnight
.dataTable thead tr {
  background-color: #0086cb;
  border-color: #005784;
}

.sunrise .dataTableInfo thead tr, .sunrise
.dataTableDark thead tr, .sunrise
.dataTable thead tr {
  background-color: #ca271a;
  border-color: #8b1b12;
}

.ghost .dataTableInfo thead tr, .ghost
.dataTableDark thead tr, .ghost
.dataTable thead tr {
  background-color: #2b2e33;
  border-color: #5c626d;
}

.dataTableInfo thead tr th,
.dataTableDark thead tr th,
.dataTable thead tr th {
  padding-right: 15px;
}

.dataTableInfo thead tr th:after, .dataTableInfo thead tr th:before,
.dataTableDark thead tr th:after,
.dataTableDark thead tr th:before,
.dataTable thead tr th:after,
.dataTable thead tr th:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: 1px;
  display: block;
  -webkit-transition: border 0.5 ease-in-out;
  -moz-transition: border 0.5 ease-in-out;
  transition: border 0.5 ease-in-out;
}

.dataTableInfo thead tr th:before,
.dataTableDark thead tr th:before,
.dataTable thead tr th:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -9px;
}

.dataTableInfo thead tr th.sorting_asc:after, .dataTableInfo thead tr th[asc="true"]:after,
.dataTableDark thead tr th.sorting_asc:after,
.dataTableDark thead tr th[asc="true"]:after,
.dataTable thead tr th.sorting_asc:after,
.dataTable thead tr th[asc="true"]:after {
  border-top: 6px solid white;
}

.dataTableInfo thead tr th.sorting_desc:before, .dataTableInfo thead tr th[asc="false"]:before,
.dataTableDark thead tr th.sorting_desc:before,
.dataTableDark thead tr th[asc="false"]:before,
.dataTable thead tr th.sorting_desc:before,
.dataTable thead tr th[asc="false"]:before {
  border-top: 6px solid white;
}

.dataTableInfo thead tr th.sorting_disabled:after, .dataTableInfo thead tr th.sorting_disabled:before,
.dataTableDark thead tr th.sorting_disabled:after,
.dataTableDark thead tr th.sorting_disabled:before,
.dataTable thead tr th.sorting_disabled:after,
.dataTable thead tr th.sorting_disabled:before {
  display: none;
}

.dataTableInfo tr,
.dataTableDark tr,
.dataTable tr {
  text-align: left;
}

.dataTableInfo tr th,
.dataTableDark tr th,
.dataTable tr th {
  text-transform: uppercase;
  padding: 8px;
  border-bottom: 1px dotted;
  border-right: 1px solid;
  border-color: white !important;
  position: relative;
}

.midnightWithImages .dataTableInfo tr th, .midnightWithImages
.dataTableDark tr th, .midnightWithImages
.dataTable tr th {
  background-color: #0086cb;
  border-color: #005784;
}

.midnight .dataTableInfo tr th, .midnight
.dataTableDark tr th, .midnight
.dataTable tr th {
  background-color: #0086cb;
  border-color: #005784;
}

.sunrise .dataTableInfo tr th, .sunrise
.dataTableDark tr th, .sunrise
.dataTable tr th {
  background-color: #ca271a;
  border-color: #8b1b12;
}

.ghost .dataTableInfo tr th, .ghost
.dataTableDark tr th, .ghost
.dataTable tr th {
  background-color: #2b2e33;
  border-color: #5c626d;
}

.midnightWithImages .dataTableInfo tr th, .midnightWithImages
.dataTableDark tr th, .midnightWithImages
.dataTable tr th {
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .dataTableInfo tr th .fillColor, .midnightWithImages
.dataTableDark tr th .fillColor, .midnightWithImages
.dataTable tr th .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .dataTableInfo tr th .strokeColor, .midnightWithImages
.dataTableDark tr th .strokeColor, .midnightWithImages
.dataTable tr th .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .dataTableInfo tr th, .midnight
.dataTableDark tr th, .midnight
.dataTable tr th {
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .dataTableInfo tr th .fillColor, .midnight
.dataTableDark tr th .fillColor, .midnight
.dataTable tr th .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .dataTableInfo tr th .strokeColor, .midnight
.dataTableDark tr th .strokeColor, .midnight
.dataTable tr th .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .dataTableInfo tr th, .sunrise
.dataTableDark tr th, .sunrise
.dataTable tr th {
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .dataTableInfo tr th .fillColor, .sunrise
.dataTableDark tr th .fillColor, .sunrise
.dataTable tr th .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .dataTableInfo tr th .strokeColor, .sunrise
.dataTableDark tr th .strokeColor, .sunrise
.dataTable tr th .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .dataTableInfo tr th, .ghost
.dataTableDark tr th, .ghost
.dataTable tr th {
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .dataTableInfo tr th .fillColor, .ghost
.dataTableDark tr th .fillColor, .ghost
.dataTable tr th .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .dataTableInfo tr th .strokeColor, .ghost
.dataTableDark tr th .strokeColor, .ghost
.dataTable tr th .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.dataTableInfo tr td,
.dataTableDark tr td,
.dataTable tr td {
  padding: 8px;
  border-bottom: 1px dotted;
  border-right: 1px solid;
  position: relative;
}

.midnightWithImages .dataTableInfo tr td, .midnightWithImages
.dataTableDark tr td, .midnightWithImages
.dataTable tr td {
  border-color: #0086cb;
}

.midnight .dataTableInfo tr td, .midnight
.dataTableDark tr td, .midnight
.dataTable tr td {
  border-color: #0086cb;
}

.sunrise .dataTableInfo tr td, .sunrise
.dataTableDark tr td, .sunrise
.dataTable tr td {
  border-color: #ca271a;
}

.ghost .dataTableInfo tr td, .ghost
.dataTableDark tr td, .ghost
.dataTable tr td {
  border-color: #2b2e33;
}

.dataTableInfo tr td a,
.dataTableDark tr td a,
.dataTable tr td a {
  text-decoration: underline;
}

.midnightWithImages .dataTableInfo tr td a, .midnightWithImages
.dataTableDark tr td a, .midnightWithImages
.dataTable tr td a {
  color: #0086cb;
  fill: #0086cb;
  stroke: #0086cb;
}

.midnightWithImages .dataTableInfo tr td a .fillColor, .midnightWithImages
.dataTableDark tr td a .fillColor, .midnightWithImages
.dataTable tr td a .fillColor {
  fill: #0086cb;
  stroke: transparent;
}

.midnightWithImages .dataTableInfo tr td a .strokeColor, .midnightWithImages
.dataTableDark tr td a .strokeColor, .midnightWithImages
.dataTable tr td a .strokeColor {
  fill: transparent;
  stroke: #0086cb;
}

.midnight .dataTableInfo tr td a, .midnight
.dataTableDark tr td a, .midnight
.dataTable tr td a {
  color: #0086cb;
  fill: #0086cb;
  stroke: #0086cb;
}

.midnight .dataTableInfo tr td a .fillColor, .midnight
.dataTableDark tr td a .fillColor, .midnight
.dataTable tr td a .fillColor {
  fill: #0086cb;
  stroke: transparent;
}

.midnight .dataTableInfo tr td a .strokeColor, .midnight
.dataTableDark tr td a .strokeColor, .midnight
.dataTable tr td a .strokeColor {
  fill: transparent;
  stroke: #0086cb;
}

.sunrise .dataTableInfo tr td a, .sunrise
.dataTableDark tr td a, .sunrise
.dataTable tr td a {
  color: #ca271a;
  fill: #ca271a;
  stroke: #ca271a;
}

.sunrise .dataTableInfo tr td a .fillColor, .sunrise
.dataTableDark tr td a .fillColor, .sunrise
.dataTable tr td a .fillColor {
  fill: #ca271a;
  stroke: transparent;
}

.sunrise .dataTableInfo tr td a .strokeColor, .sunrise
.dataTableDark tr td a .strokeColor, .sunrise
.dataTable tr td a .strokeColor {
  fill: transparent;
  stroke: #ca271a;
}

.ghost .dataTableInfo tr td a, .ghost
.dataTableDark tr td a, .ghost
.dataTable tr td a {
  color: #2b2e33;
  fill: #2b2e33;
  stroke: #2b2e33;
}

.ghost .dataTableInfo tr td a .fillColor, .ghost
.dataTableDark tr td a .fillColor, .ghost
.dataTable tr td a .fillColor {
  fill: #2b2e33;
  stroke: transparent;
}

.ghost .dataTableInfo tr td a .strokeColor, .ghost
.dataTableDark tr td a .strokeColor, .ghost
.dataTable tr td a .strokeColor {
  fill: transparent;
  stroke: #2b2e33;
}

.dataTableInfo tr td:first-child,
.dataTableDark tr td:first-child,
.dataTable tr td:first-child {
  border-left: 1px solid;
}

.dataTableInfo tr td .materialElement.input,
.dataTableDark tr td .materialElement.input,
.dataTable tr td .materialElement.input {
  -webkit-transform: scale3d(1, 1, 1) translate(0px, 0px);
  -moz-transform: scale3d(1, 1, 1) translate(0px, 0px);
  -ms-transform: scale3d(1, 1, 1) translate(0px, 0px);
  -o-transform: scale3d(1, 1, 1) translate(0px, 0px);
  transform: scale3d(1, 1, 1) translate(0px, 0px);
  -webkit-transition: transform 0.5s ease-in-out;
  -moz-transition: transform 0.5s ease-in-out;
  transition: transform 0.5s ease-in-out;
}

.dataTableInfo tr td .materialElement.input.disabled,
.dataTableDark tr td .materialElement.input.disabled,
.dataTable tr td .materialElement.input.disabled {
  -webkit-transform: scale3d(0.75, 0.75, 1) translate(0px, 10px);
  -moz-transform: scale3d(0.75, 0.75, 1) translate(0px, 10px);
  -ms-transform: scale3d(0.75, 0.75, 1) translate(0px, 10px);
  -o-transform: scale3d(0.75, 0.75, 1) translate(0px, 10px);
  transform: scale3d(0.75, 0.75, 1) translate(0px, 10px);
  -webkit-transform-origin: 0px 0px 0px;
  -moz-transform-origin: 0px 0px 0px;
  -ms-transform-origin: 0px 0px 0px;
  -o-transform-origin: 0px 0px 0px;
  transform-origin: 0px 0px 0px;
}

.dataTableInfo tr td .materialElement.input.disabled input,
.dataTableDark tr td .materialElement.input.disabled input,
.dataTable tr td .materialElement.input.disabled input {
  border: medium none transparent;
  color: black;
  font-size: 15px;
  font-weight: 500;
}

.midnightWithImages .dataTableInfo tr.activeProject, .midnightWithImages
.dataTableDark tr.activeProject, .midnightWithImages
.dataTable tr.activeProject {
  background-color: rgba(255, 235, 59, 0.1);
}

.midnight .dataTableInfo tr.activeProject, .midnight
.dataTableDark tr.activeProject, .midnight
.dataTable tr.activeProject {
  background-color: rgba(255, 235, 59, 0.1);
}

.sunrise .dataTableInfo tr.activeProject, .sunrise
.dataTableDark tr.activeProject, .sunrise
.dataTable tr.activeProject {
  background-color: rgba(255, 235, 59, 0.1);
}

.ghost .dataTableInfo tr.activeProject, .ghost
.dataTableDark tr.activeProject, .ghost
.dataTable tr.activeProject {
  background-color: rgba(0, 110, 167, 0.1);
}

.dataTableInfo tr.activeProject td:first-child a,
.dataTableDark tr.activeProject td:first-child a,
.dataTable tr.activeProject td:first-child a {
  margin-left: 30px;
}

.midnightWithImages .dataTableInfo tr:nth-child(2n), .midnightWithImages
.dataTableDark tr:nth-child(2n), .midnightWithImages
.dataTable tr:nth-child(2n) {
  background-color: rgba(0, 134, 203, 0.1);
}

.midnight .dataTableInfo tr:nth-child(2n), .midnight
.dataTableDark tr:nth-child(2n), .midnight
.dataTable tr:nth-child(2n) {
  background-color: rgba(0, 134, 203, 0.1);
}

.sunrise .dataTableInfo tr:nth-child(2n), .sunrise
.dataTableDark tr:nth-child(2n), .sunrise
.dataTable tr:nth-child(2n) {
  background-color: rgba(202, 39, 26, 0.1);
}

.ghost .dataTableInfo tr:nth-child(2n), .ghost
.dataTableDark tr:nth-child(2n), .ghost
.dataTable tr:nth-child(2n) {
  background-color: rgba(43, 46, 51, 0.1);
}

.midnightWithImages .dataTableInfo tr th.sorted, .midnightWithImages
.dataTableInfo tr th.sorting_asc, .midnightWithImages
.dataTableInfo tr th.sorting_desc, .midnightWithImages
.dataTableInfo tr th[asc="true"], .midnightWithImages
.dataTableInfo tr th[asc="false"], .midnightWithImages
.dataTableDark tr th.sorted, .midnightWithImages
.dataTableDark tr th.sorting_asc, .midnightWithImages
.dataTableDark tr th.sorting_desc, .midnightWithImages
.dataTableDark tr th[asc="true"], .midnightWithImages
.dataTableDark tr th[asc="false"], .midnightWithImages
.dataTable tr th.sorted, .midnightWithImages
.dataTable tr th.sorting_asc, .midnightWithImages
.dataTable tr th.sorting_desc, .midnightWithImages
.dataTable tr th[asc="true"], .midnightWithImages
.dataTable tr th[asc="false"] {
  background-color: rgba(255, 235, 59, 0.1);
}

.midnight .dataTableInfo tr th.sorted, .midnight
.dataTableInfo tr th.sorting_asc, .midnight
.dataTableInfo tr th.sorting_desc, .midnight
.dataTableInfo tr th[asc="true"], .midnight
.dataTableInfo tr th[asc="false"], .midnight
.dataTableDark tr th.sorted, .midnight
.dataTableDark tr th.sorting_asc, .midnight
.dataTableDark tr th.sorting_desc, .midnight
.dataTableDark tr th[asc="true"], .midnight
.dataTableDark tr th[asc="false"], .midnight
.dataTable tr th.sorted, .midnight
.dataTable tr th.sorting_asc, .midnight
.dataTable tr th.sorting_desc, .midnight
.dataTable tr th[asc="true"], .midnight
.dataTable tr th[asc="false"] {
  background-color: rgba(255, 235, 59, 0.1);
}

.sunrise .dataTableInfo tr th.sorted, .sunrise
.dataTableInfo tr th.sorting_asc, .sunrise
.dataTableInfo tr th.sorting_desc, .sunrise
.dataTableInfo tr th[asc="true"], .sunrise
.dataTableInfo tr th[asc="false"], .sunrise
.dataTableDark tr th.sorted, .sunrise
.dataTableDark tr th.sorting_asc, .sunrise
.dataTableDark tr th.sorting_desc, .sunrise
.dataTableDark tr th[asc="true"], .sunrise
.dataTableDark tr th[asc="false"], .sunrise
.dataTable tr th.sorted, .sunrise
.dataTable tr th.sorting_asc, .sunrise
.dataTable tr th.sorting_desc, .sunrise
.dataTable tr th[asc="true"], .sunrise
.dataTable tr th[asc="false"] {
  background-color: rgba(255, 235, 59, 0.1);
}

.ghost .dataTableInfo tr th.sorted, .ghost
.dataTableInfo tr th.sorting_asc, .ghost
.dataTableInfo tr th.sorting_desc, .ghost
.dataTableInfo tr th[asc="true"], .ghost
.dataTableInfo tr th[asc="false"], .ghost
.dataTableDark tr th.sorted, .ghost
.dataTableDark tr th.sorting_asc, .ghost
.dataTableDark tr th.sorting_desc, .ghost
.dataTableDark tr th[asc="true"], .ghost
.dataTableDark tr th[asc="false"], .ghost
.dataTable tr th.sorted, .ghost
.dataTable tr th.sorting_asc, .ghost
.dataTable tr th.sorting_desc, .ghost
.dataTable tr th[asc="true"], .ghost
.dataTable tr th[asc="false"] {
  background-color: rgba(0, 110, 167, 0.1);
}

.dataTableInfo tr th.sorted .highlight,
.dataTableInfo tr th.sorting_asc .highlight,
.dataTableInfo tr th.sorting_desc .highlight,
.dataTableInfo tr th[asc="true"] .highlight,
.dataTableInfo tr th[asc="false"] .highlight,
.dataTableDark tr th.sorted .highlight,
.dataTableDark tr th.sorting_asc .highlight,
.dataTableDark tr th.sorting_desc .highlight,
.dataTableDark tr th[asc="true"] .highlight,
.dataTableDark tr th[asc="false"] .highlight,
.dataTable tr th.sorted .highlight,
.dataTable tr th.sorting_asc .highlight,
.dataTable tr th.sorting_desc .highlight,
.dataTable tr th[asc="true"] .highlight,
.dataTable tr th[asc="false"] .highlight {
  display: block;
}

.midnightWithImages .dataTableInfo tr td.sorted, .midnightWithImages
.dataTableInfo tr td.sorting_1, .midnightWithImages
.dataTableDark tr td.sorted, .midnightWithImages
.dataTableDark tr td.sorting_1, .midnightWithImages
.dataTable tr td.sorted, .midnightWithImages
.dataTable tr td.sorting_1 {
  background-color: rgba(255, 235, 59, 0.1);
}

.midnight .dataTableInfo tr td.sorted, .midnight
.dataTableInfo tr td.sorting_1, .midnight
.dataTableDark tr td.sorted, .midnight
.dataTableDark tr td.sorting_1, .midnight
.dataTable tr td.sorted, .midnight
.dataTable tr td.sorting_1 {
  background-color: rgba(255, 235, 59, 0.1);
}

.sunrise .dataTableInfo tr td.sorted, .sunrise
.dataTableInfo tr td.sorting_1, .sunrise
.dataTableDark tr td.sorted, .sunrise
.dataTableDark tr td.sorting_1, .sunrise
.dataTable tr td.sorted, .sunrise
.dataTable tr td.sorting_1 {
  background-color: rgba(255, 235, 59, 0.1);
}

.ghost .dataTableInfo tr td.sorted, .ghost
.dataTableInfo tr td.sorting_1, .ghost
.dataTableDark tr td.sorted, .ghost
.dataTableDark tr td.sorting_1, .ghost
.dataTable tr td.sorted, .ghost
.dataTable tr td.sorting_1 {
  background-color: rgba(0, 110, 167, 0.1);
}

.dataTableInfo tr td.sorted .highlight,
.dataTableInfo tr td.sorting_1 .highlight,
.dataTableDark tr td.sorted .highlight,
.dataTableDark tr td.sorting_1 .highlight,
.dataTable tr td.sorted .highlight,
.dataTable tr td.sorting_1 .highlight {
  display: block;
}

.midnightWithImages .dataTableInfo tr td.sorted .highlight, .midnightWithImages
.dataTableInfo tr td.sorting_1 .highlight, .midnightWithImages
.dataTableDark tr td.sorted .highlight, .midnightWithImages
.dataTableDark tr td.sorting_1 .highlight, .midnightWithImages
.dataTable tr td.sorted .highlight, .midnightWithImages
.dataTable tr td.sorting_1 .highlight {
  background-color: rgba(255, 235, 59, 0.1);
}

.midnight .dataTableInfo tr td.sorted .highlight, .midnight
.dataTableInfo tr td.sorting_1 .highlight, .midnight
.dataTableDark tr td.sorted .highlight, .midnight
.dataTableDark tr td.sorting_1 .highlight, .midnight
.dataTable tr td.sorted .highlight, .midnight
.dataTable tr td.sorting_1 .highlight {
  background-color: rgba(255, 235, 59, 0.1);
}

.sunrise .dataTableInfo tr td.sorted .highlight, .sunrise
.dataTableInfo tr td.sorting_1 .highlight, .sunrise
.dataTableDark tr td.sorted .highlight, .sunrise
.dataTableDark tr td.sorting_1 .highlight, .sunrise
.dataTable tr td.sorted .highlight, .sunrise
.dataTable tr td.sorting_1 .highlight {
  background-color: rgba(255, 235, 59, 0.1);
}

.ghost .dataTableInfo tr td.sorted .highlight, .ghost
.dataTableInfo tr td.sorting_1 .highlight, .ghost
.dataTableDark tr td.sorted .highlight, .ghost
.dataTableDark tr td.sorting_1 .highlight, .ghost
.dataTable tr td.sorted .highlight, .ghost
.dataTable tr td.sorting_1 .highlight {
  background-color: rgba(0, 110, 167, 0.1);
}

.dataTableInfo .materialElement.buttonCircle.buttonCircleSmall,
.dataTableDark .materialElement.buttonCircle.buttonCircleSmall,
.dataTable .materialElement.buttonCircle.buttonCircleSmall {
  position: relative;
  z-index: 1;
}

.dataTableInfo .materialElement.buttonCircle.buttonCircleSmall a,
.dataTableInfo .materialElement.buttonCircle.buttonCircleSmall a:before,
.dataTableInfo .materialElement.buttonCircle.buttonCircleSmall a:after,
.dataTableDark .materialElement.buttonCircle.buttonCircleSmall a,
.dataTableDark .materialElement.buttonCircle.buttonCircleSmall a:before,
.dataTableDark .materialElement.buttonCircle.buttonCircleSmall a:after,
.dataTable .materialElement.buttonCircle.buttonCircleSmall a,
.dataTable .materialElement.buttonCircle.buttonCircleSmall a:before,
.dataTable .materialElement.buttonCircle.buttonCircleSmall a:after {
  width: 30px;
  height: 30px;
}

.dataTableInfo .materialElement.buttonCircle.buttonCircleSmall a i,
.dataTableDark .materialElement.buttonCircle.buttonCircleSmall a i,
.dataTable .materialElement.buttonCircle.buttonCircleSmall a i {
  margin: 9px;
  width: 12px;
  height: 12px;
}

.dataTableInfo .materialElement.buttonCircle.buttonCircleSmall a i svg,
.dataTableDark .materialElement.buttonCircle.buttonCircleSmall a i svg,
.dataTable .materialElement.buttonCircle.buttonCircleSmall a i svg {
  width: 12px;
  height: 12px;
}

.dataTableInfo .row-shadow,
.dataTableDark .row-shadow,
.dataTable .row-shadow {
  display: none;
}

.dataTableInfo a[title="Active Schedule"],
.dataTableDark a[title="Active Schedule"],
.dataTable a[title="Active Schedule"] {
  margin-left: 30px;
}

/* this file contains the styles required for basic display of grid (common to all grid usages) */
.genericGrid {
  border-spacing: 0px;
  width: 100%;
  color: #fff;
  /* the following should be overriden by the site's styles */
}

.midnightWithImages .genericGrid {
  border-color: #0086cb;
}

.midnight .genericGrid {
  border-color: #0086cb;
}

.sunrise .genericGrid {
  border-color: #ca271a;
}

.ghost .genericGrid {
  border-color: #2b2e33;
}

.genericGrid .genericGridRow {
  display: block;
  width: 100%;
}

.genericGrid .genericGridRow:not(.genericGridLast) .genericGridMiddle.genericGridSection {
  -ms-overflow-style: none;
}

.genericGrid .genericGridRow:not(.genericGridLast) .genericGridMiddle.genericGridSection::-webkit-scrollbar {
  display: none;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridColumn.genericGridSortable,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.genericGridSortable {
  cursor: pointer;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridColumn.genericGridSortable div,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.genericGridSortable div {
  position: relative;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridColumn.genericGridSortable div:after, .genericGrid .genericGridRow.genericGridHeader .genericGridColumn.genericGridSortable div:before,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.genericGridSortable div:after,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.genericGridSortable div:before {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: 1px;
  display: block;
  -webkit-transition: border 0.5 ease-in-out;
  -moz-transition: border 0.5 ease-in-out;
  transition: border 0.5 ease-in-out;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridColumn.genericGridSortable div:before,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.genericGridSortable div:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-top: -9px;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridColumn.genericGridSortable.genericGridAscending div:after,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.genericGridSortable.genericGridAscending div:after {
  border-top: 6px solid white;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridColumn.genericGridSortable.genericGridDescending div:before,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.genericGridSortable.genericGridDescending div:before {
  border-top: 6px solid white;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridColumn,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions {
  height: -webkit-calc(40px - 4px);
  height: calc(40px - 4px);
  padding: 4px 12px;
  border-bottom: 0px;
  border-right: 1px solid;
  border-color: white !important;
  position: relative;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}

.midnightWithImages .genericGrid .genericGridRow.genericGridHeader .genericGridColumn, .midnightWithImages
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound, .midnightWithImages
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .genericGrid .genericGridRow.genericGridHeader .genericGridColumn .fillColor, .midnightWithImages
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound .fillColor, .midnightWithImages
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .genericGrid .genericGridRow.genericGridHeader .genericGridColumn .strokeColor, .midnightWithImages
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound .strokeColor, .midnightWithImages
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .genericGrid .genericGridRow.genericGridHeader .genericGridColumn, .midnight
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound, .midnight
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .genericGrid .genericGridRow.genericGridHeader .genericGridColumn .fillColor, .midnight
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound .fillColor, .midnight
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .genericGrid .genericGridRow.genericGridHeader .genericGridColumn .strokeColor, .midnight
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound .strokeColor, .midnight
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .genericGrid .genericGridRow.genericGridHeader .genericGridColumn, .sunrise
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound, .sunrise
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .genericGrid .genericGridRow.genericGridHeader .genericGridColumn .fillColor, .sunrise
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound .fillColor, .sunrise
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .genericGrid .genericGridRow.genericGridHeader .genericGridColumn .strokeColor, .sunrise
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound .strokeColor, .sunrise
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .genericGrid .genericGridRow.genericGridHeader .genericGridColumn, .ghost
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound, .ghost
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .genericGrid .genericGridRow.genericGridHeader .genericGridColumn .fillColor, .ghost
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound .fillColor, .ghost
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .genericGrid .genericGridRow.genericGridHeader .genericGridColumn .strokeColor, .ghost
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound .strokeColor, .ghost
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridColumn.genericGridBottom,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.genericGridBottom,
.genericGrid .genericGridRow.genericGridHeader .genericGridCell.genericGridDataBound.actions.genericGridBottom {
  display: none;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridSorted {
  position: relative;
}

.genericGrid .genericGridRow.genericGridHeader .genericGridSorted:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
}

.midnightWithImages .genericGrid .genericGridRow.genericGridHeader .genericGridSorted:before {
  background-color: rgba(255, 235, 59, 0.1);
}

.midnight .genericGrid .genericGridRow.genericGridHeader .genericGridSorted:before {
  background-color: rgba(255, 235, 59, 0.1);
}

.sunrise .genericGrid .genericGridRow.genericGridHeader .genericGridSorted:before {
  background-color: rgba(255, 235, 59, 0.1);
}

.ghost .genericGrid .genericGridRow.genericGridHeader .genericGridSorted:before {
  background-color: rgba(0, 110, 167, 0.1);
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound {
  color: #222;
  font-size: 13px;
  padding: 8px 12px;
  border-bottom: 1px dotted;
  border-right: 1px solid;
  position: relative;
  height: -webkit-calc(40px - 8px);
  height: calc(40px - 8px);
}

.midnightWithImages .genericGrid .genericGridRow .genericGridCell.genericGridDataBound {
  border-color: #0086cb;
}

.midnight .genericGrid .genericGridRow .genericGridCell.genericGridDataBound {
  border-color: #0086cb;
}

.sunrise .genericGrid .genericGridRow .genericGridCell.genericGridDataBound {
  border-color: #ca271a;
}

.ghost .genericGrid .genericGridRow .genericGridCell.genericGridDataBound {
  border-color: #2b2e33;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound a {
  text-decoration: underline;
}

.midnightWithImages .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a {
  color: #0086cb;
  fill: #0086cb;
  stroke: #0086cb;
}

.midnightWithImages .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a .fillColor {
  fill: #0086cb;
  stroke: transparent;
}

.midnightWithImages .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a .strokeColor {
  fill: transparent;
  stroke: #0086cb;
}

.midnight .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a {
  color: #0086cb;
  fill: #0086cb;
  stroke: #0086cb;
}

.midnight .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a .fillColor {
  fill: #0086cb;
  stroke: transparent;
}

.midnight .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a .strokeColor {
  fill: transparent;
  stroke: #0086cb;
}

.sunrise .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a {
  color: #ca271a;
  fill: #ca271a;
  stroke: #ca271a;
}

.sunrise .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a .fillColor {
  fill: #ca271a;
  stroke: transparent;
}

.sunrise .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a .strokeColor {
  fill: transparent;
  stroke: #ca271a;
}

.ghost .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a {
  color: #2b2e33;
  fill: #2b2e33;
  stroke: #2b2e33;
}

.ghost .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a .fillColor {
  fill: #2b2e33;
  stroke: transparent;
}

.ghost .genericGrid .genericGridRow .genericGridCell.genericGridDataBound a .strokeColor {
  fill: transparent;
  stroke: #2b2e33;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound a h5 {
  font-size: 13px;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound .materialElement.buttonCircle.buttonCircleSmall {
  -webkit-transform: scale3d(0.85, 0.85, 1);
  -moz-transform: scale3d(0.85, 0.85, 1);
  -ms-transform: scale3d(0.85, 0.85, 1);
  -o-transform: scale3d(0.85, 0.85, 1);
  transform: scale3d(0.85, 0.85, 1);
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.npshr {
  border-right: 0px;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.actions {
  border-left-width: 1px;
  border-left-style: solid;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.actions .buttonCircle {
  margin: -10px 0px 0px 5px;
  position: relative;
  top: 5px;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridSorted {
  position: relative;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridSorted div {
  position: relative;
  z-index: 10;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridSorted:before {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  content: '';
}

.midnightWithImages .genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridSorted:before {
  background-color: rgba(255, 235, 59, 0.1);
}

.midnight .genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridSorted:before {
  background-color: rgba(255, 235, 59, 0.1);
}

.sunrise .genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridSorted:before {
  background-color: rgba(255, 235, 59, 0.1);
}

.ghost .genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridSorted:before {
  background-color: rgba(0, 110, 167, 0.1);
}

.genericGrid .genericGridRow[data-row-id='scroll-row'] .genericGridContent .genericGridSection {
  position: relative;
  top: -1px;
}

.genericGrid .genericGridRow[data-row-id='scroll-row'] .genericGridContent .genericGridSection .genericGridCell.genericGridDataBound {
  height: 1px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.genericGrid .genericGridRow[data-row-id='scroll-row'] .genericGridContent .genericGridSection .genericGridCell.genericGridDataBound.genericGridBottom {
  display: none;
}

.genericGrid .genericGridSection {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}

.genericGrid .genericGridSection.genericGridMiddle {
  overflow-x: auto;
}

.genericGrid .genericGridContainer {
  display: table;
  width: 100%;
}

.genericGrid .genericGridCell {
  font-size: 12px;
  display: table-cell;
  vertical-align: middle;
}

.genericGrid .genericGridSticky {
  position: fixed;
  width: 100%;
  z-index: 2;
}

.genericGrid .genericGridHidden {
  display: none;
}

.genericGrid .genericGridCell.genericGridDataBound {
  min-width: 50px;
  max-width: 50px;
}

.materialElement.textTab .rows {
  font-size: 10px;
  color: #EEE;
  background-color: #4183d7;
  -webkit-border-radius: 46%;
  -moz-border-radius: 46%;
  -o-border-radius: 46%;
  -ms-border-radius: 46%;
  border-radius: 46%;
  padding: 2px 5px 2px 5.6px;
  top: -1px;
  position: relative;
  margin-left: 2px;
  display: none;
}

.materialElement.textTab.results .rows {
  display: inline-block;
}

.genericGrid .genericGridCell.genericGridDataBound.size, .genericGrid .genericGridCell.genericGridDataBound.lcc-ratio, .genericGrid .genericGridCell.genericGridDataBound.npshr {
  min-width: 60px;
  max-width: 60px;
}

.genericGrid .genericGridCell.genericGridDataBound.bhp, .genericGrid .genericGridCell.genericGridDataBound.list-price, .genericGrid .genericGridCell.genericGridDataBound.price-ratio {
  min-width: 80px;
  max-width: 80px;
}

.genericGrid .genericGridCell.genericGridDataBound, .genericGrid .genericGridCell.genericGridDataBound.op-cost-ratio, .genericGrid .genericGridCell.genericGridDataBound.avg-load-efficiency, .genericGrid .genericGridCell.genericGridDataBound.design-efficiency, .genericGrid .genericGridCell.genericGridDataBound.ashrae, .genericGrid .genericGridCell.genericGridDataBound.actions {
  min-width: 95px;
  max-width: 95px;
}

.genericGrid .genericGridCell.genericGridDataBound.avg-load-speed, .genericGrid .genericGridCell.genericGridDataBound.design-speed, .genericGrid .genericGridCell.genericGridDataBound.inlet-outlet, .genericGrid.commercialDE .genericGridCell.genericGridDataBound.model-left, .genericGrid.commercialDE .genericGridCell.genericGridDataBound.model-middle, .genericGrid.residentialConventional .genericGridCell.genericGridDataBound.series-desc {
  min-width: 110px;
  max-width: 110px;
}

.genericGrid.commercialCS .genericGridCell.genericGridDataBound.model-left, .genericGrid.commercialCS .genericGridCell.genericGridDataBound.model-middle, .genericGrid.residentialConventional .genericGridCell.genericGridDataBound.model-left, .genericGrid.residentialConventional .genericGridCell.genericGridDataBound.model-middle {
  min-width: 164px;
  max-width: 164px;
}

.genericGrid.commercialDE .genericGridCell.genericGridDataBound.series-desc, .genericGrid.commercialIvs .genericGridCell.genericGridDataBound.series-desc, .genericGrid.commercialCS .genericGridCell.genericGridDataBound.series-desc {
  min-width: 190px;
  max-width: 190px;
}

.genericGrid {
  min-width: 400px;
}

.genericGrid .genericGridCell.genericGridDataBound.rank {
  min-width: 50px;
  max-width: 50px;
}

.genericGrid .genericGridCell.genericGridDataBound.curve {
  min-width: 235px;
  max-width: 235px;
}

.genericGrid.commercialIvs .genericGridCell.genericGridDataBound.model-left {
  min-width: 322px;
  max-width: 322px;
}

.genericGrid.commercialIvs .genericGridCell.genericGridDataBound.model-middle {
  min-width: 322px;
  max-width: 322px;
}

.genericGrid .genericGridHeader.genericGridRow {
  height: calc(height, "40px - 4px");
}

.genericGrid .genericGridHeader.genericGridRow .genericGridSticky {
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
  z-index: 101;
}

.genericGrid .genericGridHeader.genericGridRow .genericGridColumn.genericGridSortable {
  position: relative;
}

.genericGrid .genericGridHeader.genericGridRow .genericGridColumn.genericGridSortable > div {
  padding-right: 12px;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound[data-column-name="series-desc"] {
  padding-right: 20px;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridTop.genericGridBottomVisible {
  height: -webkit-calc(134px / 2 - 16px);
  height: calc(134px / 2 - 16px);
  border-bottom-width: 1px;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridBottom {
  height: -webkit-calc(134px / 2 - 17px);
  height: calc(134px / 2 - 17px);
  border-right: 0;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.genericGridTopAndBottom {
  height: 134px;
  padding-top: 0;
  padding-bottom: 0;
}

.genericGrid .genericGridRow:not(.genericGridHeader):not(.genericGridLast) {
  border-bottom-width: 1px;
  -webkit-transition: background-color 0.6s ease-in-out, box-shadow 0.6s ease-in-out;
  -moz-transition: background-color 0.6s ease-in-out, box-shadow 0.6s ease-in-out;
  transition: background-color 0.6s ease-in-out, box-shadow 0.6s ease-in-out;
}

.genericGrid .genericGridRow:not(.genericGridHeader):not(.genericGridLast):hover {
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.16);
  opacity: 1;
}

.genericGrid .genericGridRow .materialElement.buttonCircle {
  z-index: 1;
}

.genericGrid .genericGridRow .genericGridSection.genericGridLeft {
  border-right-width: 1px;
  border-right-style: none;
}

.genericGrid .genericGridRow .genericGridSection.genericGridRight {
  border-left-width: 1px;
  border-left-style: none;
}

.genericGrid .genericGridRow[data-expresspump='true'] .genericGridCell {
  color: #e43f31;
}

.genericGrid .genericGridRow[data-expresspump='true'] .genericGridCell.series-desc > div {
  position: absolute;
  top: 10px;
  right: 10px;
}

.genericGrid .genericGridRow[data-expresspump='true'] .genericGridCell.series-desc > div i {
  position: relative;
}

.genericGrid .genericGridRow[data-expresspump='true'] .genericGridCell.series-desc > div i .fillColor {
  fill: #e43f31;
}

.genericGrid .genericGridRow[data-designenvelopegen5='true'] .genericGridCell {
  font-weight: bold;
}

.genericGrid .genericGridHeader.genericGridRow .genericGridSticky {
  transition: left .5s ease-in-out, width .5s ease-in-out;
  width: -webkit-calc(100% - 50px);
  width: calc(100% - 50px);
}

.navExpanded .genericGrid .genericGridHeader.genericGridRow .genericGridSticky {
  width: -webkit-calc(100% - 172px);
  width: calc(100% - 172px);
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve {
  position: relative;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .gridSingleCurveContainer {
  width: 230px;
  height: -webkit-calc(134px - 20px);
  height: calc(134px - 20px);
  padding: 0px;
  margin: 0px;
  position: absolute;
  top: 10px;
  left: -webkit-calc(50% - 117.5px);
  left: calc(50% - 117.5px);
  pointer-events: none;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .gridSingleCurveContainer:before {
  content: '';
  width: 245px;
  height: -webkit-calc(134px - 10px);
  height: calc(134px - 10px);
  padding: 0px;
  margin: 0px;
  background: white url("/Styles/Common/Images/Preloader.gif") no-repeat center;
  position: absolute;
  top: -5px;
  left: -5px;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .gridSingleCurveContainer .base {
  position: relative;
  background-color: white;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .gridSingleCurveContainer .tickLabels {
  word-wrap: normal;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .button:before,
.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .button:after {
  display: none;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .overlay {
  position: static;
  overflow: hidden;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .overlay div {
  position: static;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .overlay a {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: -webkit-calc(134px - 85px);
  height: calc(134px - 85px);
  padding: 85px 0 0 0;
  margin: 0px;
  display: block;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .overlay a:hover {
  opacity: 1;
}

.genericGrid .genericGridRow .genericGridCell.genericGridDataBound.curve .overlay a i {
  position: absolute;
  top: 30px;
  left: -webkit-calc(50% - 25px);
  left: calc(50% - 25px);
  width: 50px;
  height: 50px;
}

div.button.showMoreLessButton.fullWidth {
  display: block;
}

div.button.showMoreLessButton.fullWidth div {
  width: 100%;
}

div.button.showMoreLessButton.fullWidth a {
  padding: 20px 0px;
  background-color: transparent;
  -webkit-transition: background-color 0.5s;
  -moz-transition: background-color 0.5s;
  transition: background-color 0.5s;
}

div.button.showMoreLessButton.fullWidth a:hover {
  background-color: #004969;
}

.noFilterResults {
  width: 500px;
  max-width: 500px;
  height: 230px;
  margin: 60px auto 60px;
}

.noFilterResults .image {
  background-image: url("/Styles/Images/NoResultsFromFilters.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 100%;
  height: 100%;
}

.noMessage {
  max-width: 240px;
  width: 80%;
  margin: 0 auto;
}

.deArticulationHeader {
  position: relative;
  min-height: 50px;
}

.deArticulationHeader .deArticulationTitle {
  color: #ef3d2d;
  width: 135px;
  font-weight: 600;
  font-size: 14px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  padding-left: 10px;
}

.deArticulationHeader .valuePropositionsContent {
  margin-left: 140px;
  margin-right: 225px;
}

.deArticulationHeader .valuePropositionsContent .col3 {
  position: relative;
  text-align: center;
}

.deArticulationHeader .valuePropositionsContent .valueProposition {
  padding: 8px;
  text-align: left;
  display: inline-block;
  position: relative;
}

.deArticulationHeader .valuePropositionsContent .valueProposition .valueIcon {
  padding: 0px;
  position: absolute;
  left: 0;
  width: 36px;
}

.deArticulationHeader .valuePropositionsContent .valueProposition .valueIcon .vpIconSize {
  width: 100%;
  height: 95%;
}

.deArticulationHeader .valuePropositionsContent .valueProposition .valueText {
  padding-left: 5px;
  margin-left: 30px;
  color: black;
  -webkit-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out;
}

.deArticulationHeader .valuePropositionsContent .valueProposition .valueText:hover {
  color: #ef3d2d;
}

.deArticulationHeader .valuePropositionsContent .valueProposition .valuePropositionHeader {
  letter-spacing: 1px;
  margin-bottom: 5px;
  font-size: 8px;
}

.deArticulationHeader .valuePropositionsContent .valueProposition .valuePropositionText {
  font-size: 15px;
  font-weight: 500;
}

.deArticulationHeader .deArticulationButtons {
  width: 220px;
  position: absolute;
  top: 50%;
  right: 0px;
  margin-top: -16px;
  line-height: 1.7;
}

.genericGrid .genericGridRow.articulation {
  color: #ef3d2d;
  background-color: #ffe3e2;
  border-color: #ef3d2d;
  border-style: solid;
  border-width: 0px 2px 1px;
  box-sizing: border-box;
}

.genericGrid .genericGridRow.articulation .genericGridContent {
  margin-left: -2px;
  margin-right: -2px;
}

.genericGrid .genericGridRow.articulation:hover {
  background-color: #f8c5c5;
}

.genericGrid .genericGridRow.articulation .genericGridCell.genericGridDataBound {
  border-color: #f4a5a5;
}

.genericGrid .genericGridRow.articulation .genericGridRight .genericGridCell:last-child {
  border-right-style: none;
}

.materialElement.button.buttonSmall.articulationButton a {
  min-height: 13px;
}

.materialElement.button.buttonSmall.articulationButton i {
  height: 16px;
  width: 16px;
  margin-top: -4px;
  margin-bottom: -5px;
}

.materialElement.button.buttonSmall.articulationButton svg {
  height: 16px;
  width: 16px;
}

.materialElement.button.buttonSmall.tellMeMoreButton {
  margin-top: 5px;
}

.materialElement.button.buttonSmall.tellMeMoreButton a {
  min-width: 90px;
  min-height: 13px;
  font-size: 10px;
  padding: 8px 8px 4px;
}

.materialElement.button.buttonSmall.tellMeMoreButton i {
  height: 16px;
  width: 16px;
  margin-top: -4px;
  margin-bottom: -5px;
}

.materialElement.button.buttonSmall.tellMeMoreButton svg {
  height: 16px;
  width: 16px;
}

.deTooltip-tip {
  position: absolute;
  display: hidden;
  z-index: 3010;
  background-color: #FFFFFF;
  color: #000;
  padding: 10px;
  font-size: 12px;
  line-height: 21px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ef3d2d;
  max-width: 300px;
  text-align: left;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.deTooltip-tip:after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -10px;
  border-top: 10px solid #FFF;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.deTooltip-tip:before {
  content: '';
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -12px;
  border-top: 12px solid #ef3d2d;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
}

.deTooltip-tip.arrow-left:after {
  left: 15% !important;
}

.deTooltip-tip.arrow-left:before {
  left: 15% !important;
}

.docButtonIconCol,
.docButtonTitleCol {
  float: left;
}

.docButtonIconCol {
  margin: auto 0;
  padding-left: 5px;
  width: 28px;
}

.docButtonTitleCol {
  height: 100%;
  margin: auto 0;
  width: 280px;
}

.docButtonRow {
  display: inline-flex;
  width: 100%;
}

.docDialogIconOuter {
  background-color: red;
  border-radius: 50%;
  height: 140px;
  left: calc(50% - 70px);
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: -70px;
  width: 140px;
  z-index: 3100;
}

.docDialogIconInner {
  height: 64px;
  left: calc(50% - 32px);
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 64px;
}

.content-box {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0);
  -o-box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0);
  -ms-box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0);
  box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0);
  -webkit-transition: box-shadow 0.5s ease-in-out, border 0.5s ease-in-out;
  -moz-transition: box-shadow 0.5s ease-in-out, border 0.5s ease-in-out;
  transition: box-shadow 0.5s ease-in-out, border 0.5s ease-in-out;
}

.content-box .content-box-title {
  padding: 10px 15px;
  color: #777;
  font-size: 10.5px;
  font-weight: medium;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  border-bottom: 1px solid #ccc;
}

.content-box .content-box-content {
  padding: 15px;
}

.content-box .content-box-image {
  border: 1px solid #666;
  height: 100px;
}

.content-box.selected {
  -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0.3);
  -moz-box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0.3);
  -o-box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0.3);
  -ms-box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0.3);
  box-shadow: 0px 0px 8px 2px rgba(0, 143, 207, 0.3);
  border-color: #008fcf;
}

.midnightWithImages .navLeft {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .navLeft .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .navLeft {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .navLeft .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .navLeft .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .navLeft {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .navLeft .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .navLeft .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .navLeft {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .navLeft .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .navLeft .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft .input .label,
.midnightWithImages .navLeft .input .units {
  color: #f6f6f6;
}

.midnightWithImages .navLeft .input .units i .fillColor {
  color: #f6f6f6;
}

.midnightWithImages .navLeft .input input,
.midnightWithImages .navLeft .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnightWithImages .navLeft .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnightWithImages .navLeft .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .navLeft .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .navLeft .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .navLeft .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .navLeft .input.focus input,
.midnightWithImages .navLeft .input.focus:hover input,
.midnightWithImages .navLeft .input.focus textarea,
.midnightWithImages .navLeft .input.focus:hover textarea,
.midnightWithImages .navLeft .input.focus .label,
.midnightWithImages .navLeft .input.focus .units {
  color: #ffeb3b;
}

.midnightWithImages .navLeft .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.midnightWithImages .navLeft .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnightWithImages .navLeft .input:hover input,
.midnightWithImages .navLeft .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.midnightWithImages .navLeft .input:hover label,
.midnightWithImages .navLeft .input:hover input,
.midnightWithImages .navLeft .input:hover textarea,
.midnightWithImages .navLeft .input:hover .filterOption,
.midnightWithImages .navLeft .input:hover .units {
  color: #fff06e;
}

.midnightWithImages .navLeft .input.disabled .label,
.midnightWithImages .navLeft .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .input.disabled input,
.midnightWithImages .navLeft .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .navLeft .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .navLeft .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .navLeft .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .navLeft .input.disabled.focus input,
.midnightWithImages .navLeft .input.disabled.focus:hover input,
.midnightWithImages .navLeft .input.disabled.focus textarea,
.midnightWithImages .navLeft .input.disabled.focus:hover textarea,
.midnightWithImages .navLeft .input.disabled.focus .label,
.midnightWithImages .navLeft .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .navLeft .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .navLeft .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .input.disabled:hover input,
.midnightWithImages .navLeft .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.midnightWithImages .navLeft .input.disabled:hover label,
.midnightWithImages .navLeft .input.disabled:hover input,
.midnightWithImages .navLeft .input.disabled:hover textarea,
.midnightWithImages .navLeft .input.disabled:hover .filterOption,
.midnightWithImages .navLeft .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .navLeft .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.midnightWithImages .navLeft .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.midnightWithImages .navLeft .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.midnightWithImages .navLeft .select .materialSelect .label {
  color: #f6f6f6;
}

.midnightWithImages .navLeft .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnightWithImages .navLeft .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.midnightWithImages .navLeft .select .materialSelect:hover input,
.midnightWithImages .navLeft .select .materialSelect:hover .label,
.midnightWithImages .navLeft .select .materialSelect:hover .btn .caret,
.midnightWithImages .navLeft .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.midnightWithImages .navLeft .select .materialSelect:hover .btn,
.midnightWithImages .navLeft .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.midnightWithImages .navLeft .select .materialSelect.focus input,
.midnightWithImages .navLeft .select .materialSelect.focus:hover input,
.midnightWithImages .navLeft .select .materialSelect.focus .label,
.midnightWithImages .navLeft .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.midnightWithImages .navLeft .select .materialSelectMenu.inner li .item:after {
  background-color: #005784;
}

.midnightWithImages .navLeft .select .materialSelectMenu.inner li .item:hover .text {
  color: #005784;
}

.midnightWithImages .navLeft .select .materialSelectMenu.inner li.selected .item {
  background-color: #13afff;
  border: 1px solid #13afff;
}

.midnightWithImages .navLeft .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.midnightWithImages .navLeft .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelect:hover input,
.midnightWithImages .navLeft .select.disabled .materialSelect:hover .label,
.midnightWithImages .navLeft .select.disabled .materialSelect:hover .btn .caret,
.midnightWithImages .navLeft .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelect:hover .btn,
.midnightWithImages .navLeft .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelect.focus input,
.midnightWithImages .navLeft .select.disabled .materialSelect.focus:hover input,
.midnightWithImages .navLeft .select.disabled .materialSelect.focus .label,
.midnightWithImages .navLeft .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 87, 132, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 87, 132, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(19, 175, 255, 0.35);
  border: 1px solid rgba(19, 175, 255, 0.35);
}

.midnightWithImages .navLeft .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft .input .label,
.midnight .navLeft .input .units {
  color: #f6f6f6;
}

.midnight .navLeft .input .units i .fillColor {
  color: #f6f6f6;
}

.midnight .navLeft .input input,
.midnight .navLeft .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnight .navLeft .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnight .navLeft .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .navLeft .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .navLeft .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .navLeft .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .navLeft .input.focus input,
.midnight .navLeft .input.focus:hover input,
.midnight .navLeft .input.focus textarea,
.midnight .navLeft .input.focus:hover textarea,
.midnight .navLeft .input.focus .label,
.midnight .navLeft .input.focus .units {
  color: #ffeb3b;
}

.midnight .navLeft .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.midnight .navLeft .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnight .navLeft .input:hover input,
.midnight .navLeft .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.midnight .navLeft .input:hover label,
.midnight .navLeft .input:hover input,
.midnight .navLeft .input:hover textarea,
.midnight .navLeft .input:hover .filterOption,
.midnight .navLeft .input:hover .units {
  color: #fff06e;
}

.midnight .navLeft .input.disabled .label,
.midnight .navLeft .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .input.disabled input,
.midnight .navLeft .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .navLeft .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .navLeft .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .navLeft .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .navLeft .input.disabled.focus input,
.midnight .navLeft .input.disabled.focus:hover input,
.midnight .navLeft .input.disabled.focus textarea,
.midnight .navLeft .input.disabled.focus:hover textarea,
.midnight .navLeft .input.disabled.focus .label,
.midnight .navLeft .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .input.disabled:hover input,
.midnight .navLeft .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.midnight .navLeft .input.disabled:hover label,
.midnight .navLeft .input.disabled:hover input,
.midnight .navLeft .input.disabled:hover textarea,
.midnight .navLeft .input.disabled:hover .filterOption,
.midnight .navLeft .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.midnight .navLeft .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.midnight .navLeft .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.midnight .navLeft .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.midnight .navLeft .select .materialSelect .label {
  color: #f6f6f6;
}

.midnight .navLeft .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnight .navLeft .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.midnight .navLeft .select .materialSelect:hover input,
.midnight .navLeft .select .materialSelect:hover .label,
.midnight .navLeft .select .materialSelect:hover .btn .caret,
.midnight .navLeft .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.midnight .navLeft .select .materialSelect:hover .btn,
.midnight .navLeft .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.midnight .navLeft .select .materialSelect.focus input,
.midnight .navLeft .select .materialSelect.focus:hover input,
.midnight .navLeft .select .materialSelect.focus .label,
.midnight .navLeft .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.midnight .navLeft .select .materialSelectMenu.inner li .item:after {
  background-color: #005784;
}

.midnight .navLeft .select .materialSelectMenu.inner li .item:hover .text {
  color: #005784;
}

.midnight .navLeft .select .materialSelectMenu.inner li.selected .item {
  background-color: #13afff;
  border: 1px solid #13afff;
}

.midnight .navLeft .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.midnight .navLeft .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft .select.disabled .materialSelect:hover input,
.midnight .navLeft .select.disabled .materialSelect:hover .label,
.midnight .navLeft .select.disabled .materialSelect:hover .btn .caret,
.midnight .navLeft .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.midnight .navLeft .select.disabled .materialSelect:hover .btn,
.midnight .navLeft .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.midnight .navLeft .select.disabled .materialSelect.focus input,
.midnight .navLeft .select.disabled .materialSelect.focus:hover input,
.midnight .navLeft .select.disabled .materialSelect.focus .label,
.midnight .navLeft .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 87, 132, 0.35);
}

.midnight .navLeft .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 87, 132, 0.35);
}

.midnight .navLeft .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(19, 175, 255, 0.35);
  border: 1px solid rgba(19, 175, 255, 0.35);
}

.midnight .navLeft .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft .input .label,
.sunrise .navLeft .input .units {
  color: #f6f6f6;
}

.sunrise .navLeft .input .units i .fillColor {
  color: #f6f6f6;
}

.sunrise .navLeft .input input,
.sunrise .navLeft .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.sunrise .navLeft .input .underlineHighlight {
  background-color: #f6f6f6;
}

.sunrise .navLeft .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .navLeft .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .navLeft .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .navLeft .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .navLeft .input.focus input,
.sunrise .navLeft .input.focus:hover input,
.sunrise .navLeft .input.focus textarea,
.sunrise .navLeft .input.focus:hover textarea,
.sunrise .navLeft .input.focus .label,
.sunrise .navLeft .input.focus .units {
  color: #ffeb3b;
}

.sunrise .navLeft .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.sunrise .navLeft .input .underlineHighlight {
  background-color: #f6f6f6;
}

.sunrise .navLeft .input:hover input,
.sunrise .navLeft .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.sunrise .navLeft .input:hover label,
.sunrise .navLeft .input:hover input,
.sunrise .navLeft .input:hover textarea,
.sunrise .navLeft .input:hover .filterOption,
.sunrise .navLeft .input:hover .units {
  color: #fff06e;
}

.sunrise .navLeft .input.disabled .label,
.sunrise .navLeft .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .input.disabled input,
.sunrise .navLeft .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .navLeft .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .navLeft .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .navLeft .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .navLeft .input.disabled.focus input,
.sunrise .navLeft .input.disabled.focus:hover input,
.sunrise .navLeft .input.disabled.focus textarea,
.sunrise .navLeft .input.disabled.focus:hover textarea,
.sunrise .navLeft .input.disabled.focus .label,
.sunrise .navLeft .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .input.disabled:hover input,
.sunrise .navLeft .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.sunrise .navLeft .input.disabled:hover label,
.sunrise .navLeft .input.disabled:hover input,
.sunrise .navLeft .input.disabled:hover textarea,
.sunrise .navLeft .input.disabled:hover .filterOption,
.sunrise .navLeft .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.sunrise .navLeft .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.sunrise .navLeft .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.sunrise .navLeft .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.sunrise .navLeft .select .materialSelect .label {
  color: #f6f6f6;
}

.sunrise .navLeft .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.sunrise .navLeft .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.sunrise .navLeft .select .materialSelect:hover input,
.sunrise .navLeft .select .materialSelect:hover .label,
.sunrise .navLeft .select .materialSelect:hover .btn .caret,
.sunrise .navLeft .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.sunrise .navLeft .select .materialSelect:hover .btn,
.sunrise .navLeft .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.sunrise .navLeft .select .materialSelect.focus input,
.sunrise .navLeft .select .materialSelect.focus:hover input,
.sunrise .navLeft .select .materialSelect.focus .label,
.sunrise .navLeft .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.sunrise .navLeft .select .materialSelectMenu.inner li .item:after {
  background-color: #8b1b12;
}

.sunrise .navLeft .select .materialSelectMenu.inner li .item:hover .text {
  color: #8b1b12;
}

.sunrise .navLeft .select .materialSelectMenu.inner li.selected .item {
  background-color: #e75044;
  border: 1px solid #e75044;
}

.sunrise .navLeft .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.sunrise .navLeft .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelect:hover input,
.sunrise .navLeft .select.disabled .materialSelect:hover .label,
.sunrise .navLeft .select.disabled .materialSelect:hover .btn .caret,
.sunrise .navLeft .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelect:hover .btn,
.sunrise .navLeft .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelect.focus input,
.sunrise .navLeft .select.disabled .materialSelect.focus:hover input,
.sunrise .navLeft .select.disabled .materialSelect.focus .label,
.sunrise .navLeft .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(139, 27, 18, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(139, 27, 18, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(231, 80, 68, 0.35);
  border: 1px solid rgba(231, 80, 68, 0.35);
}

.sunrise .navLeft .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.ghost .navLeft .input .label,
.ghost .navLeft .input .units {
  color: #f6f6f6;
}

.ghost .navLeft .input .units i .fillColor {
  color: #f6f6f6;
}

.ghost .navLeft .input input,
.ghost .navLeft .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.ghost .navLeft .input .underlineHighlight {
  background-color: #f6f6f6;
}

.ghost .navLeft .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .navLeft .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .navLeft .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .navLeft .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .navLeft .input.focus input,
.ghost .navLeft .input.focus:hover input,
.ghost .navLeft .input.focus textarea,
.ghost .navLeft .input.focus:hover textarea,
.ghost .navLeft .input.focus .label,
.ghost .navLeft .input.focus .units {
  color: #009eef;
}

.ghost .navLeft .input.focus .underlineHighlight {
  background-color: #009eef;
}

.ghost .navLeft .input .underlineHighlight {
  background-color: #f6f6f6;
}

.ghost .navLeft .input:hover input,
.ghost .navLeft .input:hover textarea {
  border-bottom: 1px solid #23b4ff;
}

.ghost .navLeft .input:hover label,
.ghost .navLeft .input:hover input,
.ghost .navLeft .input:hover textarea,
.ghost .navLeft .input:hover .filterOption,
.ghost .navLeft .input:hover .units {
  color: #23b4ff;
}

.ghost .navLeft .input.disabled .label,
.ghost .navLeft .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .input.disabled input,
.ghost .navLeft .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .navLeft .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .navLeft .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .navLeft .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .navLeft .input.disabled.focus input,
.ghost .navLeft .input.disabled.focus:hover input,
.ghost .navLeft .input.disabled.focus textarea,
.ghost .navLeft .input.disabled.focus:hover textarea,
.ghost .navLeft .input.disabled.focus .label,
.ghost .navLeft .input.disabled.focus .units {
  color: rgba(0, 158, 239, 0.35);
}

.ghost .navLeft .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 158, 239, 0.35);
}

.ghost .navLeft .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .input.disabled:hover input,
.ghost .navLeft .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(35, 180, 255, 0.35);
}

.ghost .navLeft .input.disabled:hover label,
.ghost .navLeft .input.disabled:hover input,
.ghost .navLeft .input.disabled:hover textarea,
.ghost .navLeft .input.disabled:hover .filterOption,
.ghost .navLeft .input.disabled:hover .units {
  color: rgba(35, 180, 255, 0.35);
}

.ghost .navLeft .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.ghost .navLeft .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.ghost .navLeft .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.ghost .navLeft .select .materialSelect .label {
  color: #f6f6f6;
}

.ghost .navLeft .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.ghost .navLeft .select .materialSelect .underlineHighlight {
  background-color: #009eef;
}

.ghost .navLeft .select .materialSelect:hover input,
.ghost .navLeft .select .materialSelect:hover .label,
.ghost .navLeft .select .materialSelect:hover .btn .caret,
.ghost .navLeft .select .materialSelect:hover .btn .filterOption {
  color: #23b4ff;
}

.ghost .navLeft .select .materialSelect:hover .btn,
.ghost .navLeft .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #23b4ff;
}

.ghost .navLeft .select .materialSelect.focus input,
.ghost .navLeft .select .materialSelect.focus:hover input,
.ghost .navLeft .select .materialSelect.focus .label,
.ghost .navLeft .select .materialSelect.focus .units {
  color: #009eef;
}

.ghost .navLeft .select .materialSelectMenu.inner li .item:after {
  background-color: #5c626d;
}

.ghost .navLeft .select .materialSelectMenu.inner li .item:hover .text {
  color: #5c626d;
}

.ghost .navLeft .select .materialSelectMenu.inner li.selected .item {
  background-color: #4c515a;
  border: 1px solid #4c515a;
}

.ghost .navLeft .select .materialSelectMenu.inner li.selected .item .text {
  color: #009eef;
}

.ghost .navLeft .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 158, 239, 0.35);
}

.ghost .navLeft .select.disabled .materialSelect:hover input,
.ghost .navLeft .select.disabled .materialSelect:hover .label,
.ghost .navLeft .select.disabled .materialSelect:hover .btn .caret,
.ghost .navLeft .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(35, 180, 255, 0.35);
}

.ghost .navLeft .select.disabled .materialSelect:hover .btn,
.ghost .navLeft .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(35, 180, 255, 0.35);
}

.ghost .navLeft .select.disabled .materialSelect.focus input,
.ghost .navLeft .select.disabled .materialSelect.focus:hover input,
.ghost .navLeft .select.disabled .materialSelect.focus .label,
.ghost .navLeft .select.disabled .materialSelect.focus .units {
  color: rgba(0, 158, 239, 0.35);
}

.ghost .navLeft .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(92, 98, 109, 0.35);
}

.ghost .navLeft .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(92, 98, 109, 0.35);
}

.ghost .navLeft .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(76, 81, 90, 0.35);
  border: 1px solid rgba(76, 81, 90, 0.35);
}

.ghost .navLeft .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(0, 158, 239, 0.35);
}

.midnightWithImages .navLeft .navSearch {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft .navSearch .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .navLeft .navSearch .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .navLeft .navSearch {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .navLeft .navSearch .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .navLeft .navSearch .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .navLeft .navSearch {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .navLeft .navSearch .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .navLeft .navSearch .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .navLeft .navSearch {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .navLeft .navSearch .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .navLeft .navSearch .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft .buttonSubmit {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.midnightWithImages .navLeft .buttonSubmit .fillColor {
  fill: #000;
  stroke: transparent;
}

.midnightWithImages .navLeft .buttonSubmit .strokeColor {
  fill: transparent;
  stroke: #000;
}

.midnight .navLeft .buttonSubmit {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.midnight .navLeft .buttonSubmit .fillColor {
  fill: #000;
  stroke: transparent;
}

.midnight .navLeft .buttonSubmit .strokeColor {
  fill: transparent;
  stroke: #000;
}

.sunrise .navLeft .buttonSubmit {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.sunrise .navLeft .buttonSubmit .fillColor {
  fill: #000;
  stroke: transparent;
}

.sunrise .navLeft .buttonSubmit .strokeColor {
  fill: transparent;
  stroke: #000;
}

.ghost .navLeft .buttonSubmit {
  background-color: #006ea7;
  border-color: #006ea7;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.ghost .navLeft .buttonSubmit .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.ghost .navLeft .buttonSubmit .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnightWithImages .navLeft .backgroundWhite .input .label,
.midnightWithImages .navLeft .backgroundWhite .input .units, .midnightWithImages
.navLeft .backgroundGreyWhite .input .label,
.midnightWithImages
.navLeft .backgroundGreyWhite .input .units {
  color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .input .units i .fillColor, .midnightWithImages
.navLeft .backgroundGreyWhite .input .units i .fillColor {
  color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .input input,
.midnightWithImages .navLeft .backgroundWhite .input textarea, .midnightWithImages
.navLeft .backgroundGreyWhite .input input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .input .underlineHighlight, .midnightWithImages
.navLeft .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .input input::-webkit-input-placeholder, .midnightWithImages
.navLeft .backgroundGreyWhite .input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnightWithImages .navLeft .backgroundWhite .input input:-moz-placeholder, .midnightWithImages
.navLeft .backgroundGreyWhite .input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnightWithImages .navLeft .backgroundWhite .input input::-moz-placeholder, .midnightWithImages
.navLeft .backgroundGreyWhite .input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnightWithImages .navLeft .backgroundWhite .input input:-ms-input-placeholder, .midnightWithImages
.navLeft .backgroundGreyWhite .input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnightWithImages .navLeft .backgroundWhite .input.focus input,
.midnightWithImages .navLeft .backgroundWhite .input.focus:hover input,
.midnightWithImages .navLeft .backgroundWhite .input.focus textarea,
.midnightWithImages .navLeft .backgroundWhite .input.focus:hover textarea,
.midnightWithImages .navLeft .backgroundWhite .input.focus .label,
.midnightWithImages .navLeft .backgroundWhite .input.focus .units, .midnightWithImages
.navLeft .backgroundGreyWhite .input.focus input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.focus:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.focus textarea,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.focus:hover textarea,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.focus .label,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.focus .units {
  color: #008fcf;
}

.midnightWithImages .navLeft .backgroundWhite .input.focus .underlineHighlight, .midnightWithImages
.navLeft .backgroundGreyWhite .input.focus .underlineHighlight {
  background-color: #008fcf;
}

.midnightWithImages .navLeft .backgroundWhite .input .underlineHighlight, .midnightWithImages
.navLeft .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .input:hover input,
.midnightWithImages .navLeft .backgroundWhite .input:hover textarea, .midnightWithImages
.navLeft .backgroundGreyWhite .input:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.midnightWithImages .navLeft .backgroundWhite .input:hover label,
.midnightWithImages .navLeft .backgroundWhite .input:hover input,
.midnightWithImages .navLeft .backgroundWhite .input:hover textarea,
.midnightWithImages .navLeft .backgroundWhite .input:hover .filterOption,
.midnightWithImages .navLeft .backgroundWhite .input:hover .units, .midnightWithImages
.navLeft .backgroundGreyWhite .input:hover label,
.midnightWithImages
.navLeft .backgroundGreyWhite .input:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input:hover textarea,
.midnightWithImages
.navLeft .backgroundGreyWhite .input:hover .filterOption,
.midnightWithImages
.navLeft .backgroundGreyWhite .input:hover .units {
  color: #03b1ff;
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled .label,
.midnightWithImages .navLeft .backgroundWhite .input.disabled .units, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled .label,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled .units i .fillColor, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled input,
.midnightWithImages .navLeft .backgroundWhite .input.disabled textarea, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled .underlineHighlight, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled input::-webkit-input-placeholder, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled input:-moz-placeholder, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled input:-moz-placeholder {
  color: transparent;
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled input::-moz-placeholder, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled input::-moz-placeholder {
  color: transparent;
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled input:-ms-input-placeholder, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled.focus input,
.midnightWithImages .navLeft .backgroundWhite .input.disabled.focus:hover input,
.midnightWithImages .navLeft .backgroundWhite .input.disabled.focus textarea,
.midnightWithImages .navLeft .backgroundWhite .input.disabled.focus:hover textarea,
.midnightWithImages .navLeft .backgroundWhite .input.disabled.focus .label,
.midnightWithImages .navLeft .backgroundWhite .input.disabled.focus .units, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled.focus input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled.focus:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled.focus textarea,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled.focus:hover textarea,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled.focus .label,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled.focus .underlineHighlight, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled .underlineHighlight, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled:hover input,
.midnightWithImages .navLeft .backgroundWhite .input.disabled:hover textarea, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .input.disabled:hover label,
.midnightWithImages .navLeft .backgroundWhite .input.disabled:hover input,
.midnightWithImages .navLeft .backgroundWhite .input.disabled:hover textarea,
.midnightWithImages .navLeft .backgroundWhite .input.disabled:hover .filterOption,
.midnightWithImages .navLeft .backgroundWhite .input.disabled:hover .units, .midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled:hover label,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled:hover textarea,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled:hover .filterOption,
.midnightWithImages
.navLeft .backgroundGreyWhite .input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect .btn, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect .btn {
  border-bottom-color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect .btn .filterOption, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect .btn .caret, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect .btn .caret {
  color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect .label, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect .label {
  color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect input, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect .underlineHighlight, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect:hover input,
.midnightWithImages .navLeft .backgroundWhite .select .materialSelect:hover .label,
.midnightWithImages .navLeft .backgroundWhite .select .materialSelect:hover .btn .caret,
.midnightWithImages .navLeft .backgroundWhite .select .materialSelect:hover .btn .filterOption, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect:hover .label,
.midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .caret,
.midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect:hover .btn,
.midnightWithImages .navLeft .backgroundWhite .select .materialSelect:hover .btn .filterOption, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn,
.midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelect.focus input,
.midnightWithImages .navLeft .backgroundWhite .select .materialSelect.focus:hover input,
.midnightWithImages .navLeft .backgroundWhite .select .materialSelect.focus .label,
.midnightWithImages .navLeft .backgroundWhite .select .materialSelect.focus .units, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect.focus input,
.midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect.focus:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect.focus .label,
.midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelect.focus .units {
  color: #008fcf;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelectMenu.inner li .item:after, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelectMenu.inner li .item:hover .text, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelectMenu.inner li.selected .item, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.midnightWithImages .navLeft .backgroundWhite .select .materialSelectMenu.inner li.selected .item .text, .midnightWithImages
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect .btn, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect .btn .filterOption, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect .btn .caret, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect .label, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect input, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect .underlineHighlight, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect:hover input,
.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect:hover .label,
.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .caret,
.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .label,
.midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .caret,
.midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn,
.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn,
.midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect.focus input,
.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect.focus:hover input,
.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect.focus .label,
.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelect.focus .units, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus input,
.midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus:hover input,
.midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus .label,
.midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:after, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:hover .text, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.midnightWithImages .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item .text, .midnightWithImages
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.midnight .navLeft .backgroundWhite .input .label,
.midnight .navLeft .backgroundWhite .input .units, .midnight
.navLeft .backgroundGreyWhite .input .label,
.midnight
.navLeft .backgroundGreyWhite .input .units {
  color: #000;
}

.midnight .navLeft .backgroundWhite .input .units i .fillColor, .midnight
.navLeft .backgroundGreyWhite .input .units i .fillColor {
  color: #000;
}

.midnight .navLeft .backgroundWhite .input input,
.midnight .navLeft .backgroundWhite .input textarea, .midnight
.navLeft .backgroundGreyWhite .input input,
.midnight
.navLeft .backgroundGreyWhite .input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.midnight .navLeft .backgroundWhite .input .underlineHighlight, .midnight
.navLeft .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.midnight .navLeft .backgroundWhite .input input::-webkit-input-placeholder, .midnight
.navLeft .backgroundGreyWhite .input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnight .navLeft .backgroundWhite .input input:-moz-placeholder, .midnight
.navLeft .backgroundGreyWhite .input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnight .navLeft .backgroundWhite .input input::-moz-placeholder, .midnight
.navLeft .backgroundGreyWhite .input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnight .navLeft .backgroundWhite .input input:-ms-input-placeholder, .midnight
.navLeft .backgroundGreyWhite .input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnight .navLeft .backgroundWhite .input.focus input,
.midnight .navLeft .backgroundWhite .input.focus:hover input,
.midnight .navLeft .backgroundWhite .input.focus textarea,
.midnight .navLeft .backgroundWhite .input.focus:hover textarea,
.midnight .navLeft .backgroundWhite .input.focus .label,
.midnight .navLeft .backgroundWhite .input.focus .units, .midnight
.navLeft .backgroundGreyWhite .input.focus input,
.midnight
.navLeft .backgroundGreyWhite .input.focus:hover input,
.midnight
.navLeft .backgroundGreyWhite .input.focus textarea,
.midnight
.navLeft .backgroundGreyWhite .input.focus:hover textarea,
.midnight
.navLeft .backgroundGreyWhite .input.focus .label,
.midnight
.navLeft .backgroundGreyWhite .input.focus .units {
  color: #008fcf;
}

.midnight .navLeft .backgroundWhite .input.focus .underlineHighlight, .midnight
.navLeft .backgroundGreyWhite .input.focus .underlineHighlight {
  background-color: #008fcf;
}

.midnight .navLeft .backgroundWhite .input .underlineHighlight, .midnight
.navLeft .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.midnight .navLeft .backgroundWhite .input:hover input,
.midnight .navLeft .backgroundWhite .input:hover textarea, .midnight
.navLeft .backgroundGreyWhite .input:hover input,
.midnight
.navLeft .backgroundGreyWhite .input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.midnight .navLeft .backgroundWhite .input:hover label,
.midnight .navLeft .backgroundWhite .input:hover input,
.midnight .navLeft .backgroundWhite .input:hover textarea,
.midnight .navLeft .backgroundWhite .input:hover .filterOption,
.midnight .navLeft .backgroundWhite .input:hover .units, .midnight
.navLeft .backgroundGreyWhite .input:hover label,
.midnight
.navLeft .backgroundGreyWhite .input:hover input,
.midnight
.navLeft .backgroundGreyWhite .input:hover textarea,
.midnight
.navLeft .backgroundGreyWhite .input:hover .filterOption,
.midnight
.navLeft .backgroundGreyWhite .input:hover .units {
  color: #03b1ff;
}

.midnight .navLeft .backgroundWhite .input.disabled .label,
.midnight .navLeft .backgroundWhite .input.disabled .units, .midnight
.navLeft .backgroundGreyWhite .input.disabled .label,
.midnight
.navLeft .backgroundGreyWhite .input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .input.disabled .units i .fillColor, .midnight
.navLeft .backgroundGreyWhite .input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .input.disabled input,
.midnight .navLeft .backgroundWhite .input.disabled textarea, .midnight
.navLeft .backgroundGreyWhite .input.disabled input,
.midnight
.navLeft .backgroundGreyWhite .input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .input.disabled .underlineHighlight, .midnight
.navLeft .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .input.disabled input::-webkit-input-placeholder, .midnight
.navLeft .backgroundGreyWhite .input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.midnight .navLeft .backgroundWhite .input.disabled input:-moz-placeholder, .midnight
.navLeft .backgroundGreyWhite .input.disabled input:-moz-placeholder {
  color: transparent;
}

.midnight .navLeft .backgroundWhite .input.disabled input::-moz-placeholder, .midnight
.navLeft .backgroundGreyWhite .input.disabled input::-moz-placeholder {
  color: transparent;
}

.midnight .navLeft .backgroundWhite .input.disabled input:-ms-input-placeholder, .midnight
.navLeft .backgroundGreyWhite .input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.midnight .navLeft .backgroundWhite .input.disabled.focus input,
.midnight .navLeft .backgroundWhite .input.disabled.focus:hover input,
.midnight .navLeft .backgroundWhite .input.disabled.focus textarea,
.midnight .navLeft .backgroundWhite .input.disabled.focus:hover textarea,
.midnight .navLeft .backgroundWhite .input.disabled.focus .label,
.midnight .navLeft .backgroundWhite .input.disabled.focus .units, .midnight
.navLeft .backgroundGreyWhite .input.disabled.focus input,
.midnight
.navLeft .backgroundGreyWhite .input.disabled.focus:hover input,
.midnight
.navLeft .backgroundGreyWhite .input.disabled.focus textarea,
.midnight
.navLeft .backgroundGreyWhite .input.disabled.focus:hover textarea,
.midnight
.navLeft .backgroundGreyWhite .input.disabled.focus .label,
.midnight
.navLeft .backgroundGreyWhite .input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft .backgroundWhite .input.disabled.focus .underlineHighlight, .midnight
.navLeft .backgroundGreyWhite .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft .backgroundWhite .input.disabled .underlineHighlight, .midnight
.navLeft .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .input.disabled:hover input,
.midnight .navLeft .backgroundWhite .input.disabled:hover textarea, .midnight
.navLeft .backgroundGreyWhite .input.disabled:hover input,
.midnight
.navLeft .backgroundGreyWhite .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.midnight .navLeft .backgroundWhite .input.disabled:hover label,
.midnight .navLeft .backgroundWhite .input.disabled:hover input,
.midnight .navLeft .backgroundWhite .input.disabled:hover textarea,
.midnight .navLeft .backgroundWhite .input.disabled:hover .filterOption,
.midnight .navLeft .backgroundWhite .input.disabled:hover .units, .midnight
.navLeft .backgroundGreyWhite .input.disabled:hover label,
.midnight
.navLeft .backgroundGreyWhite .input.disabled:hover input,
.midnight
.navLeft .backgroundGreyWhite .input.disabled:hover textarea,
.midnight
.navLeft .backgroundGreyWhite .input.disabled:hover .filterOption,
.midnight
.navLeft .backgroundGreyWhite .input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.midnight .navLeft .backgroundWhite .select .materialSelect .btn, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect .btn {
  border-bottom-color: #000;
}

.midnight .navLeft .backgroundWhite .select .materialSelect .btn .filterOption, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.midnight .navLeft .backgroundWhite .select .materialSelect .btn .caret, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect .btn .caret {
  color: #000;
}

.midnight .navLeft .backgroundWhite .select .materialSelect .label, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect .label {
  color: #000;
}

.midnight .navLeft .backgroundWhite .select .materialSelect input, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.midnight .navLeft .backgroundWhite .select .materialSelect .underlineHighlight, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.midnight .navLeft .backgroundWhite .select .materialSelect:hover input,
.midnight .navLeft .backgroundWhite .select .materialSelect:hover .label,
.midnight .navLeft .backgroundWhite .select .materialSelect:hover .btn .caret,
.midnight .navLeft .backgroundWhite .select .materialSelect:hover .btn .filterOption, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect:hover input,
.midnight
.navLeft .backgroundGreyWhite .select .materialSelect:hover .label,
.midnight
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .caret,
.midnight
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.midnight .navLeft .backgroundWhite .select .materialSelect:hover .btn,
.midnight .navLeft .backgroundWhite .select .materialSelect:hover .btn .filterOption, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn,
.midnight
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.midnight .navLeft .backgroundWhite .select .materialSelect.focus input,
.midnight .navLeft .backgroundWhite .select .materialSelect.focus:hover input,
.midnight .navLeft .backgroundWhite .select .materialSelect.focus .label,
.midnight .navLeft .backgroundWhite .select .materialSelect.focus .units, .midnight
.navLeft .backgroundGreyWhite .select .materialSelect.focus input,
.midnight
.navLeft .backgroundGreyWhite .select .materialSelect.focus:hover input,
.midnight
.navLeft .backgroundGreyWhite .select .materialSelect.focus .label,
.midnight
.navLeft .backgroundGreyWhite .select .materialSelect.focus .units {
  color: #008fcf;
}

.midnight .navLeft .backgroundWhite .select .materialSelectMenu.inner li .item:after, .midnight
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.midnight .navLeft .backgroundWhite .select .materialSelectMenu.inner li .item:hover .text, .midnight
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.midnight .navLeft .backgroundWhite .select .materialSelectMenu.inner li.selected .item, .midnight
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.midnight .navLeft .backgroundWhite .select .materialSelectMenu.inner li.selected .item .text, .midnight
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect .btn, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect .btn .filterOption, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect .btn .caret, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect .label, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect input, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect .underlineHighlight, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect:hover input,
.midnight .navLeft .backgroundWhite .select.disabled .materialSelect:hover .label,
.midnight .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .caret,
.midnight .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover input,
.midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .label,
.midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .caret,
.midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn,
.midnight .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn,
.midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelect.focus input,
.midnight .navLeft .backgroundWhite .select.disabled .materialSelect.focus:hover input,
.midnight .navLeft .backgroundWhite .select.disabled .materialSelect.focus .label,
.midnight .navLeft .backgroundWhite .select.disabled .materialSelect.focus .units, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus input,
.midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus:hover input,
.midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus .label,
.midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:after, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:hover .text, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.midnight .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item .text, .midnight
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.sunrise .navLeft .backgroundWhite .input .label,
.sunrise .navLeft .backgroundWhite .input .units, .sunrise
.navLeft .backgroundGreyWhite .input .label,
.sunrise
.navLeft .backgroundGreyWhite .input .units {
  color: #000;
}

.sunrise .navLeft .backgroundWhite .input .units i .fillColor, .sunrise
.navLeft .backgroundGreyWhite .input .units i .fillColor {
  color: #000;
}

.sunrise .navLeft .backgroundWhite .input input,
.sunrise .navLeft .backgroundWhite .input textarea, .sunrise
.navLeft .backgroundGreyWhite .input input,
.sunrise
.navLeft .backgroundGreyWhite .input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.sunrise .navLeft .backgroundWhite .input .underlineHighlight, .sunrise
.navLeft .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.sunrise .navLeft .backgroundWhite .input input::-webkit-input-placeholder, .sunrise
.navLeft .backgroundGreyWhite .input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.sunrise .navLeft .backgroundWhite .input input:-moz-placeholder, .sunrise
.navLeft .backgroundGreyWhite .input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.sunrise .navLeft .backgroundWhite .input input::-moz-placeholder, .sunrise
.navLeft .backgroundGreyWhite .input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.sunrise .navLeft .backgroundWhite .input input:-ms-input-placeholder, .sunrise
.navLeft .backgroundGreyWhite .input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.sunrise .navLeft .backgroundWhite .input.focus input,
.sunrise .navLeft .backgroundWhite .input.focus:hover input,
.sunrise .navLeft .backgroundWhite .input.focus textarea,
.sunrise .navLeft .backgroundWhite .input.focus:hover textarea,
.sunrise .navLeft .backgroundWhite .input.focus .label,
.sunrise .navLeft .backgroundWhite .input.focus .units, .sunrise
.navLeft .backgroundGreyWhite .input.focus input,
.sunrise
.navLeft .backgroundGreyWhite .input.focus:hover input,
.sunrise
.navLeft .backgroundGreyWhite .input.focus textarea,
.sunrise
.navLeft .backgroundGreyWhite .input.focus:hover textarea,
.sunrise
.navLeft .backgroundGreyWhite .input.focus .label,
.sunrise
.navLeft .backgroundGreyWhite .input.focus .units {
  color: #008fcf;
}

.sunrise .navLeft .backgroundWhite .input.focus .underlineHighlight, .sunrise
.navLeft .backgroundGreyWhite .input.focus .underlineHighlight {
  background-color: #008fcf;
}

.sunrise .navLeft .backgroundWhite .input .underlineHighlight, .sunrise
.navLeft .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.sunrise .navLeft .backgroundWhite .input:hover input,
.sunrise .navLeft .backgroundWhite .input:hover textarea, .sunrise
.navLeft .backgroundGreyWhite .input:hover input,
.sunrise
.navLeft .backgroundGreyWhite .input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.sunrise .navLeft .backgroundWhite .input:hover label,
.sunrise .navLeft .backgroundWhite .input:hover input,
.sunrise .navLeft .backgroundWhite .input:hover textarea,
.sunrise .navLeft .backgroundWhite .input:hover .filterOption,
.sunrise .navLeft .backgroundWhite .input:hover .units, .sunrise
.navLeft .backgroundGreyWhite .input:hover label,
.sunrise
.navLeft .backgroundGreyWhite .input:hover input,
.sunrise
.navLeft .backgroundGreyWhite .input:hover textarea,
.sunrise
.navLeft .backgroundGreyWhite .input:hover .filterOption,
.sunrise
.navLeft .backgroundGreyWhite .input:hover .units {
  color: #03b1ff;
}

.sunrise .navLeft .backgroundWhite .input.disabled .label,
.sunrise .navLeft .backgroundWhite .input.disabled .units, .sunrise
.navLeft .backgroundGreyWhite .input.disabled .label,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .input.disabled .units i .fillColor, .sunrise
.navLeft .backgroundGreyWhite .input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .input.disabled input,
.sunrise .navLeft .backgroundWhite .input.disabled textarea, .sunrise
.navLeft .backgroundGreyWhite .input.disabled input,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .input.disabled .underlineHighlight, .sunrise
.navLeft .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .input.disabled input::-webkit-input-placeholder, .sunrise
.navLeft .backgroundGreyWhite .input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.sunrise .navLeft .backgroundWhite .input.disabled input:-moz-placeholder, .sunrise
.navLeft .backgroundGreyWhite .input.disabled input:-moz-placeholder {
  color: transparent;
}

.sunrise .navLeft .backgroundWhite .input.disabled input::-moz-placeholder, .sunrise
.navLeft .backgroundGreyWhite .input.disabled input::-moz-placeholder {
  color: transparent;
}

.sunrise .navLeft .backgroundWhite .input.disabled input:-ms-input-placeholder, .sunrise
.navLeft .backgroundGreyWhite .input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.sunrise .navLeft .backgroundWhite .input.disabled.focus input,
.sunrise .navLeft .backgroundWhite .input.disabled.focus:hover input,
.sunrise .navLeft .backgroundWhite .input.disabled.focus textarea,
.sunrise .navLeft .backgroundWhite .input.disabled.focus:hover textarea,
.sunrise .navLeft .backgroundWhite .input.disabled.focus .label,
.sunrise .navLeft .backgroundWhite .input.disabled.focus .units, .sunrise
.navLeft .backgroundGreyWhite .input.disabled.focus input,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled.focus:hover input,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled.focus textarea,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled.focus:hover textarea,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled.focus .label,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft .backgroundWhite .input.disabled.focus .underlineHighlight, .sunrise
.navLeft .backgroundGreyWhite .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft .backgroundWhite .input.disabled .underlineHighlight, .sunrise
.navLeft .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .input.disabled:hover input,
.sunrise .navLeft .backgroundWhite .input.disabled:hover textarea, .sunrise
.navLeft .backgroundGreyWhite .input.disabled:hover input,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.sunrise .navLeft .backgroundWhite .input.disabled:hover label,
.sunrise .navLeft .backgroundWhite .input.disabled:hover input,
.sunrise .navLeft .backgroundWhite .input.disabled:hover textarea,
.sunrise .navLeft .backgroundWhite .input.disabled:hover .filterOption,
.sunrise .navLeft .backgroundWhite .input.disabled:hover .units, .sunrise
.navLeft .backgroundGreyWhite .input.disabled:hover label,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled:hover input,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled:hover textarea,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled:hover .filterOption,
.sunrise
.navLeft .backgroundGreyWhite .input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.sunrise .navLeft .backgroundWhite .select .materialSelect .btn, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect .btn {
  border-bottom-color: #000;
}

.sunrise .navLeft .backgroundWhite .select .materialSelect .btn .filterOption, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.sunrise .navLeft .backgroundWhite .select .materialSelect .btn .caret, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect .btn .caret {
  color: #000;
}

.sunrise .navLeft .backgroundWhite .select .materialSelect .label, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect .label {
  color: #000;
}

.sunrise .navLeft .backgroundWhite .select .materialSelect input, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.sunrise .navLeft .backgroundWhite .select .materialSelect .underlineHighlight, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.sunrise .navLeft .backgroundWhite .select .materialSelect:hover input,
.sunrise .navLeft .backgroundWhite .select .materialSelect:hover .label,
.sunrise .navLeft .backgroundWhite .select .materialSelect:hover .btn .caret,
.sunrise .navLeft .backgroundWhite .select .materialSelect:hover .btn .filterOption, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect:hover input,
.sunrise
.navLeft .backgroundGreyWhite .select .materialSelect:hover .label,
.sunrise
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .caret,
.sunrise
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.sunrise .navLeft .backgroundWhite .select .materialSelect:hover .btn,
.sunrise .navLeft .backgroundWhite .select .materialSelect:hover .btn .filterOption, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn,
.sunrise
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.sunrise .navLeft .backgroundWhite .select .materialSelect.focus input,
.sunrise .navLeft .backgroundWhite .select .materialSelect.focus:hover input,
.sunrise .navLeft .backgroundWhite .select .materialSelect.focus .label,
.sunrise .navLeft .backgroundWhite .select .materialSelect.focus .units, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelect.focus input,
.sunrise
.navLeft .backgroundGreyWhite .select .materialSelect.focus:hover input,
.sunrise
.navLeft .backgroundGreyWhite .select .materialSelect.focus .label,
.sunrise
.navLeft .backgroundGreyWhite .select .materialSelect.focus .units {
  color: #008fcf;
}

.sunrise .navLeft .backgroundWhite .select .materialSelectMenu.inner li .item:after, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.sunrise .navLeft .backgroundWhite .select .materialSelectMenu.inner li .item:hover .text, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.sunrise .navLeft .backgroundWhite .select .materialSelectMenu.inner li.selected .item, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.sunrise .navLeft .backgroundWhite .select .materialSelectMenu.inner li.selected .item .text, .sunrise
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect .btn, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect .btn .filterOption, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect .btn .caret, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect .label, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect input, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect .underlineHighlight, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect:hover input,
.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect:hover .label,
.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .caret,
.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover input,
.sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .label,
.sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .caret,
.sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn,
.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn,
.sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect.focus input,
.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect.focus:hover input,
.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect.focus .label,
.sunrise .navLeft .backgroundWhite .select.disabled .materialSelect.focus .units, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus input,
.sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus:hover input,
.sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus .label,
.sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:after, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:hover .text, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.sunrise .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item .text, .sunrise
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.ghost .navLeft .backgroundWhite .input .label,
.ghost .navLeft .backgroundWhite .input .units, .ghost
.navLeft .backgroundGreyWhite .input .label,
.ghost
.navLeft .backgroundGreyWhite .input .units {
  color: #000;
}

.ghost .navLeft .backgroundWhite .input .units i .fillColor, .ghost
.navLeft .backgroundGreyWhite .input .units i .fillColor {
  color: #000;
}

.ghost .navLeft .backgroundWhite .input input,
.ghost .navLeft .backgroundWhite .input textarea, .ghost
.navLeft .backgroundGreyWhite .input input,
.ghost
.navLeft .backgroundGreyWhite .input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.ghost .navLeft .backgroundWhite .input .underlineHighlight, .ghost
.navLeft .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.ghost .navLeft .backgroundWhite .input input::-webkit-input-placeholder, .ghost
.navLeft .backgroundGreyWhite .input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.ghost .navLeft .backgroundWhite .input input:-moz-placeholder, .ghost
.navLeft .backgroundGreyWhite .input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.ghost .navLeft .backgroundWhite .input input::-moz-placeholder, .ghost
.navLeft .backgroundGreyWhite .input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.ghost .navLeft .backgroundWhite .input input:-ms-input-placeholder, .ghost
.navLeft .backgroundGreyWhite .input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.ghost .navLeft .backgroundWhite .input.focus input,
.ghost .navLeft .backgroundWhite .input.focus:hover input,
.ghost .navLeft .backgroundWhite .input.focus textarea,
.ghost .navLeft .backgroundWhite .input.focus:hover textarea,
.ghost .navLeft .backgroundWhite .input.focus .label,
.ghost .navLeft .backgroundWhite .input.focus .units, .ghost
.navLeft .backgroundGreyWhite .input.focus input,
.ghost
.navLeft .backgroundGreyWhite .input.focus:hover input,
.ghost
.navLeft .backgroundGreyWhite .input.focus textarea,
.ghost
.navLeft .backgroundGreyWhite .input.focus:hover textarea,
.ghost
.navLeft .backgroundGreyWhite .input.focus .label,
.ghost
.navLeft .backgroundGreyWhite .input.focus .units {
  color: #008fcf;
}

.ghost .navLeft .backgroundWhite .input.focus .underlineHighlight, .ghost
.navLeft .backgroundGreyWhite .input.focus .underlineHighlight {
  background-color: #008fcf;
}

.ghost .navLeft .backgroundWhite .input .underlineHighlight, .ghost
.navLeft .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.ghost .navLeft .backgroundWhite .input:hover input,
.ghost .navLeft .backgroundWhite .input:hover textarea, .ghost
.navLeft .backgroundGreyWhite .input:hover input,
.ghost
.navLeft .backgroundGreyWhite .input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.ghost .navLeft .backgroundWhite .input:hover label,
.ghost .navLeft .backgroundWhite .input:hover input,
.ghost .navLeft .backgroundWhite .input:hover textarea,
.ghost .navLeft .backgroundWhite .input:hover .filterOption,
.ghost .navLeft .backgroundWhite .input:hover .units, .ghost
.navLeft .backgroundGreyWhite .input:hover label,
.ghost
.navLeft .backgroundGreyWhite .input:hover input,
.ghost
.navLeft .backgroundGreyWhite .input:hover textarea,
.ghost
.navLeft .backgroundGreyWhite .input:hover .filterOption,
.ghost
.navLeft .backgroundGreyWhite .input:hover .units {
  color: #03b1ff;
}

.ghost .navLeft .backgroundWhite .input.disabled .label,
.ghost .navLeft .backgroundWhite .input.disabled .units, .ghost
.navLeft .backgroundGreyWhite .input.disabled .label,
.ghost
.navLeft .backgroundGreyWhite .input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .input.disabled .units i .fillColor, .ghost
.navLeft .backgroundGreyWhite .input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .input.disabled input,
.ghost .navLeft .backgroundWhite .input.disabled textarea, .ghost
.navLeft .backgroundGreyWhite .input.disabled input,
.ghost
.navLeft .backgroundGreyWhite .input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .input.disabled .underlineHighlight, .ghost
.navLeft .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .input.disabled input::-webkit-input-placeholder, .ghost
.navLeft .backgroundGreyWhite .input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.ghost .navLeft .backgroundWhite .input.disabled input:-moz-placeholder, .ghost
.navLeft .backgroundGreyWhite .input.disabled input:-moz-placeholder {
  color: transparent;
}

.ghost .navLeft .backgroundWhite .input.disabled input::-moz-placeholder, .ghost
.navLeft .backgroundGreyWhite .input.disabled input::-moz-placeholder {
  color: transparent;
}

.ghost .navLeft .backgroundWhite .input.disabled input:-ms-input-placeholder, .ghost
.navLeft .backgroundGreyWhite .input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.ghost .navLeft .backgroundWhite .input.disabled.focus input,
.ghost .navLeft .backgroundWhite .input.disabled.focus:hover input,
.ghost .navLeft .backgroundWhite .input.disabled.focus textarea,
.ghost .navLeft .backgroundWhite .input.disabled.focus:hover textarea,
.ghost .navLeft .backgroundWhite .input.disabled.focus .label,
.ghost .navLeft .backgroundWhite .input.disabled.focus .units, .ghost
.navLeft .backgroundGreyWhite .input.disabled.focus input,
.ghost
.navLeft .backgroundGreyWhite .input.disabled.focus:hover input,
.ghost
.navLeft .backgroundGreyWhite .input.disabled.focus textarea,
.ghost
.navLeft .backgroundGreyWhite .input.disabled.focus:hover textarea,
.ghost
.navLeft .backgroundGreyWhite .input.disabled.focus .label,
.ghost
.navLeft .backgroundGreyWhite .input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft .backgroundWhite .input.disabled.focus .underlineHighlight, .ghost
.navLeft .backgroundGreyWhite .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft .backgroundWhite .input.disabled .underlineHighlight, .ghost
.navLeft .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .input.disabled:hover input,
.ghost .navLeft .backgroundWhite .input.disabled:hover textarea, .ghost
.navLeft .backgroundGreyWhite .input.disabled:hover input,
.ghost
.navLeft .backgroundGreyWhite .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.ghost .navLeft .backgroundWhite .input.disabled:hover label,
.ghost .navLeft .backgroundWhite .input.disabled:hover input,
.ghost .navLeft .backgroundWhite .input.disabled:hover textarea,
.ghost .navLeft .backgroundWhite .input.disabled:hover .filterOption,
.ghost .navLeft .backgroundWhite .input.disabled:hover .units, .ghost
.navLeft .backgroundGreyWhite .input.disabled:hover label,
.ghost
.navLeft .backgroundGreyWhite .input.disabled:hover input,
.ghost
.navLeft .backgroundGreyWhite .input.disabled:hover textarea,
.ghost
.navLeft .backgroundGreyWhite .input.disabled:hover .filterOption,
.ghost
.navLeft .backgroundGreyWhite .input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.ghost .navLeft .backgroundWhite .select .materialSelect .btn, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect .btn {
  border-bottom-color: #000;
}

.ghost .navLeft .backgroundWhite .select .materialSelect .btn .filterOption, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.ghost .navLeft .backgroundWhite .select .materialSelect .btn .caret, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect .btn .caret {
  color: #000;
}

.ghost .navLeft .backgroundWhite .select .materialSelect .label, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect .label {
  color: #000;
}

.ghost .navLeft .backgroundWhite .select .materialSelect input, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.ghost .navLeft .backgroundWhite .select .materialSelect .underlineHighlight, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.ghost .navLeft .backgroundWhite .select .materialSelect:hover input,
.ghost .navLeft .backgroundWhite .select .materialSelect:hover .label,
.ghost .navLeft .backgroundWhite .select .materialSelect:hover .btn .caret,
.ghost .navLeft .backgroundWhite .select .materialSelect:hover .btn .filterOption, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect:hover input,
.ghost
.navLeft .backgroundGreyWhite .select .materialSelect:hover .label,
.ghost
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .caret,
.ghost
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.ghost .navLeft .backgroundWhite .select .materialSelect:hover .btn,
.ghost .navLeft .backgroundWhite .select .materialSelect:hover .btn .filterOption, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn,
.ghost
.navLeft .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.ghost .navLeft .backgroundWhite .select .materialSelect.focus input,
.ghost .navLeft .backgroundWhite .select .materialSelect.focus:hover input,
.ghost .navLeft .backgroundWhite .select .materialSelect.focus .label,
.ghost .navLeft .backgroundWhite .select .materialSelect.focus .units, .ghost
.navLeft .backgroundGreyWhite .select .materialSelect.focus input,
.ghost
.navLeft .backgroundGreyWhite .select .materialSelect.focus:hover input,
.ghost
.navLeft .backgroundGreyWhite .select .materialSelect.focus .label,
.ghost
.navLeft .backgroundGreyWhite .select .materialSelect.focus .units {
  color: #008fcf;
}

.ghost .navLeft .backgroundWhite .select .materialSelectMenu.inner li .item:after, .ghost
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.ghost .navLeft .backgroundWhite .select .materialSelectMenu.inner li .item:hover .text, .ghost
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.ghost .navLeft .backgroundWhite .select .materialSelectMenu.inner li.selected .item, .ghost
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.ghost .navLeft .backgroundWhite .select .materialSelectMenu.inner li.selected .item .text, .ghost
.navLeft .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect .btn, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect .btn .filterOption, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect .btn .caret, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect .label, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect input, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect .underlineHighlight, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect:hover input,
.ghost .navLeft .backgroundWhite .select.disabled .materialSelect:hover .label,
.ghost .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .caret,
.ghost .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover input,
.ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .label,
.ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .caret,
.ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn,
.ghost .navLeft .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn,
.ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelect.focus input,
.ghost .navLeft .backgroundWhite .select.disabled .materialSelect.focus:hover input,
.ghost .navLeft .backgroundWhite .select.disabled .materialSelect.focus .label,
.ghost .navLeft .backgroundWhite .select.disabled .materialSelect.focus .units, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus input,
.ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus:hover input,
.ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus .label,
.ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:after, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:hover .text, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.ghost .navLeft .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item .text, .ghost
.navLeft .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.midnightWithImages .navLeft .showHideButton {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft .showHideButton .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .navLeft .showHideButton .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .navLeft .showHideButton {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .navLeft .showHideButton .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .navLeft .showHideButton .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .navLeft .showHideButton {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .navLeft .showHideButton .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .navLeft .showHideButton .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .navLeft .showHideButton {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .navLeft .showHideButton .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .navLeft .showHideButton .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft .showHideButton:hover {
  background-color: #005784;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnightWithImages .navLeft .showHideButton:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnightWithImages .navLeft .showHideButton:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnight .navLeft .showHideButton:hover {
  background-color: #005784;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnight .navLeft .showHideButton:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnight .navLeft .showHideButton:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.sunrise .navLeft .showHideButton:hover {
  background-color: #8b1b12;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.sunrise .navLeft .showHideButton:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.sunrise .navLeft .showHideButton:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.ghost .navLeft .showHideButton:hover {
  background-color: #5c626d;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.ghost .navLeft .showHideButton:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.ghost .navLeft .showHideButton:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnightWithImages .navLeft .showHideButton.pointedText {
  background-color: #13afff;
  border-color: #005784;
  color: #ffeb3b;
  fill: #ffeb3b;
  stroke: #ffeb3b;
  border-bottom-color: #ffeb3b;
}

.midnightWithImages .navLeft .showHideButton.pointedText .fillColor {
  fill: #ffeb3b;
  stroke: transparent;
}

.midnightWithImages .navLeft .showHideButton.pointedText .strokeColor {
  fill: transparent;
  stroke: #ffeb3b;
}

.midnight .navLeft .showHideButton.pointedText {
  background-color: #13afff;
  border-color: #005784;
  color: #ffeb3b;
  fill: #ffeb3b;
  stroke: #ffeb3b;
  border-bottom-color: #ffeb3b;
}

.midnight .navLeft .showHideButton.pointedText .fillColor {
  fill: #ffeb3b;
  stroke: transparent;
}

.midnight .navLeft .showHideButton.pointedText .strokeColor {
  fill: transparent;
  stroke: #ffeb3b;
}

.sunrise .navLeft .showHideButton.pointedText {
  background-color: #e75044;
  border-color: #8b1b12;
  color: #ffeb3b;
  fill: #ffeb3b;
  stroke: #ffeb3b;
  border-bottom-color: #ffeb3b;
}

.sunrise .navLeft .showHideButton.pointedText .fillColor {
  fill: #ffeb3b;
  stroke: transparent;
}

.sunrise .navLeft .showHideButton.pointedText .strokeColor {
  fill: transparent;
  stroke: #ffeb3b;
}

.ghost .navLeft .showHideButton.pointedText {
  background-color: #4c515a;
  border-color: #5c626d;
  color: #009eef;
  fill: #009eef;
  stroke: #009eef;
  border-bottom-color: #009eef;
}

.ghost .navLeft .showHideButton.pointedText .fillColor {
  fill: #009eef;
  stroke: transparent;
}

.ghost .navLeft .showHideButton.pointedText .strokeColor {
  fill: transparent;
  stroke: #009eef;
}

.midnightWithImages .hero {
  background-color: #13afff;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnightWithImages .hero .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnightWithImages .hero .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnight .hero {
  background-color: #006ea7;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnight .hero .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnight .hero .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.sunrise .hero {
  background-color: #7e1b13;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.sunrise .hero .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.sunrise .hero .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.ghost .hero {
  background-color: #f0f0f2;
  color: #3b3f46;
  fill: #3b3f46;
  stroke: #3b3f46;
}

.ghost .hero .fillColor {
  fill: #3b3f46;
  stroke: transparent;
}

.ghost .hero .strokeColor {
  fill: transparent;
  stroke: #3b3f46;
}

.midnightWithImages .hero .input .label,
.midnightWithImages .hero .input .units {
  color: #f6f6f6;
}

.midnightWithImages .hero .input .units i .fillColor {
  color: #f6f6f6;
}

.midnightWithImages .hero .input input,
.midnightWithImages .hero .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnightWithImages .hero .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnightWithImages .hero .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .hero .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .hero .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .hero .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .hero .input.focus input,
.midnightWithImages .hero .input.focus:hover input,
.midnightWithImages .hero .input.focus textarea,
.midnightWithImages .hero .input.focus:hover textarea,
.midnightWithImages .hero .input.focus .label,
.midnightWithImages .hero .input.focus .units {
  color: #ffeb3b;
}

.midnightWithImages .hero .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.midnightWithImages .hero .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnightWithImages .hero .input:hover input,
.midnightWithImages .hero .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.midnightWithImages .hero .input:hover label,
.midnightWithImages .hero .input:hover input,
.midnightWithImages .hero .input:hover textarea,
.midnightWithImages .hero .input:hover .filterOption,
.midnightWithImages .hero .input:hover .units {
  color: #fff06e;
}

.midnightWithImages .hero .input.disabled .label,
.midnightWithImages .hero .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .hero .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .hero .input.disabled input,
.midnightWithImages .hero .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .hero .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .hero .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .hero .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .hero .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .hero .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .hero .input.disabled.focus input,
.midnightWithImages .hero .input.disabled.focus:hover input,
.midnightWithImages .hero .input.disabled.focus textarea,
.midnightWithImages .hero .input.disabled.focus:hover textarea,
.midnightWithImages .hero .input.disabled.focus .label,
.midnightWithImages .hero .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .hero .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .hero .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .hero .input.disabled:hover input,
.midnightWithImages .hero .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.midnightWithImages .hero .input.disabled:hover label,
.midnightWithImages .hero .input.disabled:hover input,
.midnightWithImages .hero .input.disabled:hover textarea,
.midnightWithImages .hero .input.disabled:hover .filterOption,
.midnightWithImages .hero .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .hero .select .materialSelect .btn {
  border-bottom-color: #FFFFFF;
}

.midnightWithImages .hero .select .materialSelect .btn .filterOption {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom-color: #FFFFFF;
}

.midnightWithImages .hero .select .materialSelect .btn .caret {
  color: #FFFFFF;
}

.midnightWithImages .hero .select .materialSelect .label {
  color: #FFFFFF;
}

.midnightWithImages .hero .select .materialSelect input {
  border-bottom-color: #FFFFFF;
  color: #FFFFFF;
}

.midnightWithImages .hero .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.midnightWithImages .hero .select .materialSelect:hover input,
.midnightWithImages .hero .select .materialSelect:hover .label,
.midnightWithImages .hero .select .materialSelect:hover .btn .caret,
.midnightWithImages .hero .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.midnightWithImages .hero .select .materialSelect:hover .btn,
.midnightWithImages .hero .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.midnightWithImages .hero .select .materialSelect.focus input,
.midnightWithImages .hero .select .materialSelect.focus:hover input,
.midnightWithImages .hero .select .materialSelect.focus .label,
.midnightWithImages .hero .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.midnightWithImages .hero .select .materialSelectMenu.inner li .item:after {
  background-color: #005784;
}

.midnightWithImages .hero .select .materialSelectMenu.inner li .item:hover .text {
  color: #005784;
}

.midnightWithImages .hero .select .materialSelectMenu.inner li.selected .item {
  background-color: #13afff;
  border: 1px solid #13afff;
}

.midnightWithImages .hero .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.midnightWithImages .hero .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelect .btn .filterOption {
  color: rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelect .btn .caret {
  color: rgba(255, 255, 255, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelect .label {
  color: rgba(255, 255, 255, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelect input {
  border-bottom-color: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelect:hover input,
.midnightWithImages .hero .select.disabled .materialSelect:hover .label,
.midnightWithImages .hero .select.disabled .materialSelect:hover .btn .caret,
.midnightWithImages .hero .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelect:hover .btn,
.midnightWithImages .hero .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelect.focus input,
.midnightWithImages .hero .select.disabled .materialSelect.focus:hover input,
.midnightWithImages .hero .select.disabled .materialSelect.focus .label,
.midnightWithImages .hero .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 87, 132, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 87, 132, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(19, 175, 255, 0.35);
  border: 1px solid rgba(19, 175, 255, 0.35);
}

.midnightWithImages .hero .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .hero .input .label,
.midnight .hero .input .units {
  color: #f6f6f6;
}

.midnight .hero .input .units i .fillColor {
  color: #f6f6f6;
}

.midnight .hero .input input,
.midnight .hero .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnight .hero .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnight .hero .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .hero .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .hero .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .hero .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .hero .input.focus input,
.midnight .hero .input.focus:hover input,
.midnight .hero .input.focus textarea,
.midnight .hero .input.focus:hover textarea,
.midnight .hero .input.focus .label,
.midnight .hero .input.focus .units {
  color: #ffeb3b;
}

.midnight .hero .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.midnight .hero .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnight .hero .input:hover input,
.midnight .hero .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.midnight .hero .input:hover label,
.midnight .hero .input:hover input,
.midnight .hero .input:hover textarea,
.midnight .hero .input:hover .filterOption,
.midnight .hero .input:hover .units {
  color: #fff06e;
}

.midnight .hero .input.disabled .label,
.midnight .hero .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .hero .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .hero .input.disabled input,
.midnight .hero .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnight .hero .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnight .hero .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .hero .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .hero .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .hero .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .hero .input.disabled.focus input,
.midnight .hero .input.disabled.focus:hover input,
.midnight .hero .input.disabled.focus textarea,
.midnight .hero .input.disabled.focus:hover textarea,
.midnight .hero .input.disabled.focus .label,
.midnight .hero .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .hero .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnight .hero .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnight .hero .input.disabled:hover input,
.midnight .hero .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.midnight .hero .input.disabled:hover label,
.midnight .hero .input.disabled:hover input,
.midnight .hero .input.disabled:hover textarea,
.midnight .hero .input.disabled:hover .filterOption,
.midnight .hero .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.midnight .hero .select .materialSelect .btn {
  border-bottom-color: #FFFFFF;
}

.midnight .hero .select .materialSelect .btn .filterOption {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom-color: #FFFFFF;
}

.midnight .hero .select .materialSelect .btn .caret {
  color: #FFFFFF;
}

.midnight .hero .select .materialSelect .label {
  color: #FFFFFF;
}

.midnight .hero .select .materialSelect input {
  border-bottom-color: #FFFFFF;
  color: #FFFFFF;
}

.midnight .hero .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.midnight .hero .select .materialSelect:hover input,
.midnight .hero .select .materialSelect:hover .label,
.midnight .hero .select .materialSelect:hover .btn .caret,
.midnight .hero .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.midnight .hero .select .materialSelect:hover .btn,
.midnight .hero .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.midnight .hero .select .materialSelect.focus input,
.midnight .hero .select .materialSelect.focus:hover input,
.midnight .hero .select .materialSelect.focus .label,
.midnight .hero .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.midnight .hero .select .materialSelectMenu.inner li .item:after {
  background-color: #005784;
}

.midnight .hero .select .materialSelectMenu.inner li .item:hover .text {
  color: #005784;
}

.midnight .hero .select .materialSelectMenu.inner li.selected .item {
  background-color: #13afff;
  border: 1px solid #13afff;
}

.midnight .hero .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.midnight .hero .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

.midnight .hero .select.disabled .materialSelect .btn .filterOption {
  color: rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

.midnight .hero .select.disabled .materialSelect .btn .caret {
  color: rgba(255, 255, 255, 0.35);
}

.midnight .hero .select.disabled .materialSelect .label {
  color: rgba(255, 255, 255, 0.35);
}

.midnight .hero .select.disabled .materialSelect input {
  border-bottom-color: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.35);
}

.midnight .hero .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnight .hero .select.disabled .materialSelect:hover input,
.midnight .hero .select.disabled .materialSelect:hover .label,
.midnight .hero .select.disabled .materialSelect:hover .btn .caret,
.midnight .hero .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.midnight .hero .select.disabled .materialSelect:hover .btn,
.midnight .hero .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.midnight .hero .select.disabled .materialSelect.focus input,
.midnight .hero .select.disabled .materialSelect.focus:hover input,
.midnight .hero .select.disabled .materialSelect.focus .label,
.midnight .hero .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .hero .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 87, 132, 0.35);
}

.midnight .hero .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 87, 132, 0.35);
}

.midnight .hero .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(19, 175, 255, 0.35);
  border: 1px solid rgba(19, 175, 255, 0.35);
}

.midnight .hero .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .hero .input .label,
.sunrise .hero .input .units {
  color: #f6f6f6;
}

.sunrise .hero .input .units i .fillColor {
  color: #f6f6f6;
}

.sunrise .hero .input input,
.sunrise .hero .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.sunrise .hero .input .underlineHighlight {
  background-color: #f6f6f6;
}

.sunrise .hero .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .hero .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .hero .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .hero .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .hero .input.focus input,
.sunrise .hero .input.focus:hover input,
.sunrise .hero .input.focus textarea,
.sunrise .hero .input.focus:hover textarea,
.sunrise .hero .input.focus .label,
.sunrise .hero .input.focus .units {
  color: #ffeb3b;
}

.sunrise .hero .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.sunrise .hero .input .underlineHighlight {
  background-color: #f6f6f6;
}

.sunrise .hero .input:hover input,
.sunrise .hero .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.sunrise .hero .input:hover label,
.sunrise .hero .input:hover input,
.sunrise .hero .input:hover textarea,
.sunrise .hero .input:hover .filterOption,
.sunrise .hero .input:hover .units {
  color: #fff06e;
}

.sunrise .hero .input.disabled .label,
.sunrise .hero .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .hero .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .hero .input.disabled input,
.sunrise .hero .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .hero .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.sunrise .hero .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .hero .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .hero .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .hero .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .hero .input.disabled.focus input,
.sunrise .hero .input.disabled.focus:hover input,
.sunrise .hero .input.disabled.focus textarea,
.sunrise .hero .input.disabled.focus:hover textarea,
.sunrise .hero .input.disabled.focus .label,
.sunrise .hero .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .hero .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.sunrise .hero .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.sunrise .hero .input.disabled:hover input,
.sunrise .hero .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.sunrise .hero .input.disabled:hover label,
.sunrise .hero .input.disabled:hover input,
.sunrise .hero .input.disabled:hover textarea,
.sunrise .hero .input.disabled:hover .filterOption,
.sunrise .hero .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.sunrise .hero .select .materialSelect .btn {
  border-bottom-color: #FFFFFF;
}

.sunrise .hero .select .materialSelect .btn .filterOption {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom-color: #FFFFFF;
}

.sunrise .hero .select .materialSelect .btn .caret {
  color: #FFFFFF;
}

.sunrise .hero .select .materialSelect .label {
  color: #FFFFFF;
}

.sunrise .hero .select .materialSelect input {
  border-bottom-color: #FFFFFF;
  color: #FFFFFF;
}

.sunrise .hero .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.sunrise .hero .select .materialSelect:hover input,
.sunrise .hero .select .materialSelect:hover .label,
.sunrise .hero .select .materialSelect:hover .btn .caret,
.sunrise .hero .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.sunrise .hero .select .materialSelect:hover .btn,
.sunrise .hero .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.sunrise .hero .select .materialSelect.focus input,
.sunrise .hero .select .materialSelect.focus:hover input,
.sunrise .hero .select .materialSelect.focus .label,
.sunrise .hero .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.sunrise .hero .select .materialSelectMenu.inner li .item:after {
  background-color: #8b1b12;
}

.sunrise .hero .select .materialSelectMenu.inner li .item:hover .text {
  color: #8b1b12;
}

.sunrise .hero .select .materialSelectMenu.inner li.selected .item {
  background-color: #e75044;
  border: 1px solid #e75044;
}

.sunrise .hero .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.sunrise .hero .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

.sunrise .hero .select.disabled .materialSelect .btn .filterOption {
  color: rgba(255, 255, 255, 0.35);
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid rgba(255, 255, 255, 0);
  border-bottom-color: rgba(255, 255, 255, 0.35);
}

.sunrise .hero .select.disabled .materialSelect .btn .caret {
  color: rgba(255, 255, 255, 0.35);
}

.sunrise .hero .select.disabled .materialSelect .label {
  color: rgba(255, 255, 255, 0.35);
}

.sunrise .hero .select.disabled .materialSelect input {
  border-bottom-color: rgba(255, 255, 255, 0.35);
  color: rgba(255, 255, 255, 0.35);
}

.sunrise .hero .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.sunrise .hero .select.disabled .materialSelect:hover input,
.sunrise .hero .select.disabled .materialSelect:hover .label,
.sunrise .hero .select.disabled .materialSelect:hover .btn .caret,
.sunrise .hero .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.sunrise .hero .select.disabled .materialSelect:hover .btn,
.sunrise .hero .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.sunrise .hero .select.disabled .materialSelect.focus input,
.sunrise .hero .select.disabled .materialSelect.focus:hover input,
.sunrise .hero .select.disabled .materialSelect.focus .label,
.sunrise .hero .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .hero .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(139, 27, 18, 0.35);
}

.sunrise .hero .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(139, 27, 18, 0.35);
}

.sunrise .hero .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(231, 80, 68, 0.35);
  border: 1px solid rgba(231, 80, 68, 0.35);
}

.sunrise .hero .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.ghost .hero .input .label,
.ghost .hero .input .units {
  color: #f6f6f6;
}

.ghost .hero .input .units i .fillColor {
  color: #f6f6f6;
}

.ghost .hero .input input,
.ghost .hero .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.ghost .hero .input .underlineHighlight {
  background-color: #f6f6f6;
}

.ghost .hero .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .hero .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .hero .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .hero .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .hero .input.focus input,
.ghost .hero .input.focus:hover input,
.ghost .hero .input.focus textarea,
.ghost .hero .input.focus:hover textarea,
.ghost .hero .input.focus .label,
.ghost .hero .input.focus .units {
  color: #009eef;
}

.ghost .hero .input.focus .underlineHighlight {
  background-color: #009eef;
}

.ghost .hero .input .underlineHighlight {
  background-color: #f6f6f6;
}

.ghost .hero .input:hover input,
.ghost .hero .input:hover textarea {
  border-bottom: 1px solid #23b4ff;
}

.ghost .hero .input:hover label,
.ghost .hero .input:hover input,
.ghost .hero .input:hover textarea,
.ghost .hero .input:hover .filterOption,
.ghost .hero .input:hover .units {
  color: #23b4ff;
}

.ghost .hero .input.disabled .label,
.ghost .hero .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .hero .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .hero .input.disabled input,
.ghost .hero .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.ghost .hero .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.ghost .hero .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .hero .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .hero .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .hero .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .hero .input.disabled.focus input,
.ghost .hero .input.disabled.focus:hover input,
.ghost .hero .input.disabled.focus textarea,
.ghost .hero .input.disabled.focus:hover textarea,
.ghost .hero .input.disabled.focus .label,
.ghost .hero .input.disabled.focus .units {
  color: rgba(0, 158, 239, 0.35);
}

.ghost .hero .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 158, 239, 0.35);
}

.ghost .hero .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.ghost .hero .input.disabled:hover input,
.ghost .hero .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(35, 180, 255, 0.35);
}

.ghost .hero .input.disabled:hover label,
.ghost .hero .input.disabled:hover input,
.ghost .hero .input.disabled:hover textarea,
.ghost .hero .input.disabled:hover .filterOption,
.ghost .hero .input.disabled:hover .units {
  color: rgba(35, 180, 255, 0.35);
}

.ghost .hero .select .materialSelect .btn {
  border-bottom-color: #3b3f46;
}

.ghost .hero .select .materialSelect .btn .filterOption {
  color: #3b3f46;
  background-color: rgba(59, 63, 70, 0.05);
  border: 1px solid rgba(59, 63, 70, 0.1);
  border-bottom-color: #3b3f46;
}

.ghost .hero .select .materialSelect .btn .caret {
  color: #3b3f46;
}

.ghost .hero .select .materialSelect .label {
  color: #3b3f46;
}

.ghost .hero .select .materialSelect input {
  border-bottom-color: #3b3f46;
  color: #3b3f46;
}

.ghost .hero .select .materialSelect .underlineHighlight {
  background-color: #009eef;
}

.ghost .hero .select .materialSelect:hover input,
.ghost .hero .select .materialSelect:hover .label,
.ghost .hero .select .materialSelect:hover .btn .caret,
.ghost .hero .select .materialSelect:hover .btn .filterOption {
  color: #23b4ff;
}

.ghost .hero .select .materialSelect:hover .btn,
.ghost .hero .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #23b4ff;
}

.ghost .hero .select .materialSelect.focus input,
.ghost .hero .select .materialSelect.focus:hover input,
.ghost .hero .select .materialSelect.focus .label,
.ghost .hero .select .materialSelect.focus .units {
  color: #009eef;
}

.ghost .hero .select .materialSelectMenu.inner li .item:after {
  background-color: #5c626d;
}

.ghost .hero .select .materialSelectMenu.inner li .item:hover .text {
  color: #5c626d;
}

.ghost .hero .select .materialSelectMenu.inner li.selected .item {
  background-color: #4c515a;
  border: 1px solid #4c515a;
}

.ghost .hero .select .materialSelectMenu.inner li.selected .item .text {
  color: #009eef;
}

.ghost .hero .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(59, 63, 70, 0.35);
}

.ghost .hero .select.disabled .materialSelect .btn .filterOption {
  color: rgba(59, 63, 70, 0.35);
  background-color: rgba(59, 63, 70, 0);
  border: 1px solid rgba(59, 63, 70, 0);
  border-bottom-color: rgba(59, 63, 70, 0.35);
}

.ghost .hero .select.disabled .materialSelect .btn .caret {
  color: rgba(59, 63, 70, 0.35);
}

.ghost .hero .select.disabled .materialSelect .label {
  color: rgba(59, 63, 70, 0.35);
}

.ghost .hero .select.disabled .materialSelect input {
  border-bottom-color: rgba(59, 63, 70, 0.35);
  color: rgba(59, 63, 70, 0.35);
}

.ghost .hero .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 158, 239, 0.35);
}

.ghost .hero .select.disabled .materialSelect:hover input,
.ghost .hero .select.disabled .materialSelect:hover .label,
.ghost .hero .select.disabled .materialSelect:hover .btn .caret,
.ghost .hero .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(35, 180, 255, 0.35);
}

.ghost .hero .select.disabled .materialSelect:hover .btn,
.ghost .hero .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(35, 180, 255, 0.35);
}

.ghost .hero .select.disabled .materialSelect.focus input,
.ghost .hero .select.disabled .materialSelect.focus:hover input,
.ghost .hero .select.disabled .materialSelect.focus .label,
.ghost .hero .select.disabled .materialSelect.focus .units {
  color: rgba(0, 158, 239, 0.35);
}

.ghost .hero .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(92, 98, 109, 0.35);
}

.ghost .hero .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(92, 98, 109, 0.35);
}

.ghost .hero .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(76, 81, 90, 0.35);
  border: 1px solid rgba(76, 81, 90, 0.35);
}

.ghost .hero .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(0, 158, 239, 0.35);
}

.hero {
  position: relative;
  z-index: 30;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-transition: padding 1s;
  -moz-transition: padding 1s;
  transition: padding 1s;
}

.hero .heroText {
  padding-top: 30px;
}

.hero .heroText,
.hero .heroTitleText {
  position: relative;
  font-size: 42px;
  font-weight: 300;
  margin-bottom: 40px;
  float: left;
  -webkit-transition: margin 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: margin 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: margin 0.5s cubic-bezier(0.4, 0, 0.2, 1), padding 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}

.hero .heroText small,
.hero .heroTitleText small {
  display: block;
  font-size: 35%;
  line-height: 2;
  font-weight: 400;
}

.hero .heroText .heroContent,
.hero .heroTitleText .heroContent {
  background-color: rgba(0, 0, 0, 0.8);
  color: #FFF;
  font-size: 14px;
  line-height: 32px;
  width: 600px;
  padding: 10px 20px;
  margin-top: 20px;
}

.hero .heroSeriesList {
  float: left;
  margin-top: 240px;
}

.hero .heroSeriesList img {
  width: 120px;
  margin: 0 auto;
  display: block;
}

.hero .heroSeriesList .heroSeries {
  float: left;
  padding: 0 20px;
}

.hero .heroSeriesList .heroSeries .heroSeriesText {
  text-align: center;
  margin-top: 5px;
}

.hero .heroSeriesList .heroSeries .heroSeriesText span {
  font-size: 18px;
  display: inline-table;
  padding-right: 20px;
  color: #FFF;
  font-weight: 400;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  transition: color 0.5s;
}

.hero .heroSeriesList .heroSeries .heroSeriesText span.selected {
  color: #008fcf;
}

.hero .heroSeriesList .heroSeries .heroSeriesText span:last-child {
  padding-right: 0;
}

.hero .heroSeriesList .heroSeries .button a {
  font-size: 12px;
}

.hero.heroSmall {
  padding-top: 60px;
}

.hero.heroSmall .heroTitleText {
  margin-bottom: 30px;
}

.pumpModelsExpanded.index .heroText {
  margin-top: 0;
}

.pumpModelsExpanded.index .ivs .heroTitleText {
  margin-top: 0;
}

#menu_item_pushbutton {
  background-color: #1a1a1a;
}

.ivsPanel {
  padding: 30px 0 20px 40px;
}

.header {
  position: relative;
  height: 170px;
  width: 100%;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
}

.header .headerTextContainer {
  padding: 15px 0px 15px 10px;
}

.header.detail .headerTextContainer {
  border-bottom: 1px solid;
}

.midnightWithImages .header.detail .headerTextContainer {
  background-color: #0086cb;
  border-color: #005784;
}

.midnight .header.detail .headerTextContainer {
  background-color: #0086cb;
  border-color: #005784;
}

.sunrise .header.detail .headerTextContainer {
  background-color: #ca271a;
  border-color: #8b1b12;
}

.ghost .header.detail .headerTextContainer {
  background-color: #2b2e33;
  border-color: #5c626d;
}

.header .backgroundWhite {
  color: #252525;
}

.header.ivs {
  height: 270px;
}

.header.ivs.totalSystemFlow {
  height: calc(270px + 92px);
}

.header.compositeCurveExpanded {
  height: 760px;
}

.header.compositeCurveExpanded.totalSystemFlow {
  height: calc(760px + 92px);
}

.header.compositeCurveExpanded #compositeCurveContainer {
  height: 600px;
}

.header.advancedOptionsExpanded {
  height: 492px;
}

.header.advancedOptionsExpanded.totalSystemFlow {
  height: calc(492px + 92px);
}

.header.advancedOptionsExpanded #advancedOptions {
  height: 320px;
}

.header.advancedOptionsExpanded.ResidentialPumps.Conventional {
  height: 390px;
}

.header.advancedOptionsExpanded.ResidentialPumps.Conventional.totalSystemFlow {
  height: calc(390px + 92px);
}

.header.advancedOptionsExpanded.ResidentialPumps.Conventional #advancedOptions {
  height: 220px;
}

.header.advancedOptionsExpanded.ivs {
  height: 490px;
}

.header.advancedOptionsExpanded.ivs.totalSystemFlow {
  height: calc(490px + 92px);
}

.header.advancedOptionsExpanded.ivs #advancedOptions {
  height: 220px;
}

.header.advancedOptionsExpanded.Conventional-ConstantSpeed {
  height: 480px;
}

.header.advancedOptionsExpanded.Conventional-ConstantSpeed.totalSystemFlow {
  height: calc(480px + 92px);
}

.header.pumpModelsExpanded {
  height: 430px;
}

.header.pumpModelsExpanded.totalSystemFlow {
  height: calc(430px + 92px);
}

.header.pumpModelsExpanded #pumpModels {
  height: 260px;
}

.header.pumpModelsExpanded.ccStepOne {
  height: 530px;
}

.header.pumpModelsExpanded.ccStepOne.totalSystemFlow {
  height: calc(530px + 92px);
}

.header.pumpModelsExpanded.ccStepOne #pumpModels {
  height: 360px;
}

.header.pumpModelsExpanded.ivs {
  height: 530px;
}

.header.pumpModelsExpanded.ivs.totalSystemFlow {
  height: calc(530px + 92px);
}

.header.detail {
  min-height: 100px;
  height: 155px;
}

.header.detail.totalSystemFlow {
  height: calc(155px + 92px);
}

.header.detail .heroTitleText {
  margin-top: -20px;
  margin-right: 40px;
  display: inline-block;
  font-size: 32px;
}

.header.detail .heroTitleText .paddingLarge {
  padding-left: 30px;
}

.header.detail .heroTitleText small {
  display: block;
  font-size: 35%;
  line-height: 2;
  font-weight: 400;
}

.header.detail .navLeft {
  /*left: auto;*/
  top: 0;
  padding-top: 36px;
  overflow: visible;
}

.header.detail .navDetail {
  margin-top: 5px;
}

.header.schedule {
  padding-top: 35px;
  height: 0;
}

.header.schedule .navSearch {
  margin-top: 15px;
}

.header.animationDone .navLeft {
  overflow: hidden;
}

.header.animationDone #advancedOptions {
  overflow: visible;
}

.header.animationDone.advancedOptionsExpanded .navLeft {
  overflow: visible;
}

.header.totalSystemFlow {
  height: calc(170px + 92px);
}

.hero {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: top center;
}

.header .armstrongLogo, .hero .armstrongLogo {
  position: relative;
  z-index: 1;
  max-width: 130px;
  padding: 5px 10px 5px 0px;
}

.header .armstrongLogo svg, .hero .armstrongLogo svg {
  width: 100%;
}

#pumpModels {
  display: block;
}

#pumpModels,
#advancedOptions,
#compositeCurveContainer {
  height: 0px;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
}

.footer {
  z-index: 100;
  bottom: 0;
}

.relativeFooter {
  position: relative;
  left: 0;
  width: 100%;
}

.fixedFooter {
  position: fixed;
  width: calc(100% - 50px);
  left: 50px;
}

.navExpanded .fixedFooter {
  width: calc(100% - 172px);
  left: 172px;
}

.navLeft {
  top: 36px;
  padding-top: 0px;
  /*width:100%;*/
  width: auto;
  right: 0;
  z-index: 260;
  position: fixed;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  /*.transition(all, 0.5s);*/
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: left 0.5s, background-color 0.5s;
  -moz-transition: left 0.5s, background-color 0.5s;
  transition: left 0.5s, background-color 0.5s;
}

.navLeft .adept {
  margin-left: 20px;
  width: 100px;
  float: left;
  margin-top: 5px;
}

.navLeft .adept img {
  width: 100%;
}

.navLeft .navSearch {
  padding: 20px 170px 15px 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #FFF;
  font-weight: 400;
}

.navLeft .navSearch-input {
  float: left;
  width: 15%;
  margin-right: 40px;
}

.navLeft .navSearch-input-small {
  width: 80px;
}

.navLeft .more {
  padding: 15px 30px 18px 30px;
  font-size: 13px;
  float: left;
  cursor: pointer;
  font-weight: 500;
  -webkit-transition: color 0.5s, background-color 1s;
  -moz-transition: color 0.5s, background-color 1s;
  transition: color 0.5s, background-color 1s;
  border-bottom-style: solid;
}

.navLeft .more.pointedText {
  border-bottom-width: 3px;
  padding-bottom: 15px;
}

.navLeft:before, .navLeft:after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0;
}

.navLeft:before {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.navLeft:after {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.navLeft:hover:before {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
}

.navLeft:hover:after {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
}

.navSettingsOptions {
  font-size: 14px;
  padding: 30px 20px 0;
  color: #004969;
}

.navSettingsOptions .square {
  width: 30px;
  height: 30px;
  display: inline-block;
  margin: 0 5px 5px 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}

.navSettingsOptions .square a {
  width: 100%;
  height: 100%;
  display: block;
}

.navSettingsOptions .square[data-background="color"] {
  background: #03a9f4;
}

.navSettingsOptions .square[data-background="image"] {
  background-image: url("/Styles/Images/background_de.jpg");
}

.market {
  position: relative;
}

.market .marketSelector .button-container a {
  padding: 12px 15px;
}

.market .marketSelector .button-container a span {
  padding-right: 7px;
}

.market .marketSelector .button-container a i {
  float: right;
  margin: -4px 0 0 5px;
}

.marketList {
  position: absolute;
  z-index: 1500;
  background-color: #fff;
  width: 130px;
  top: 7px;
  margin-top: 0;
}

.marketList a {
  -webkit-transition: color 0.5s, background-color 0.5s;
  -moz-transition: color 0.5s, background-color 0.5s;
  transition: color 0.5s, background-color 0.5s;
  color: #999;
  cursor: pointer;
}

.marketList a:hover {
  background-color: #cff0ff;
  color: #008fcf;
}

.marketList a.current {
  background-color: #008fcf;
  color: white;
}

.marketListWrap {
  color: #3b4046;
}

.navRight {
  float: right;
  padding: 15px 10px 0 0;
  z-index: 1000;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transition: transform 0.5s;
  -webkit-transform: scale(1) translate3d(0px, 0px, 0px);
  -moz-transform: scale(1) translate3d(0px, 0px, 0px);
  -ms-transform: scale(1) translate3d(0px, 0px, 0px);
  -o-transform: scale(1) translate3d(0px, 0px, 0px);
  transform: scale(1) translate3d(0px, 0px, 0px);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}

.navRight a.armstrongLogo {
  width: 160px;
  float: right;
}

.navRight a.armstrongLogo :first-child {
  width: 100%;
}

.scrolled .header.detail .hero {
  padding-top: 36px;
}

.scrolled .navLeft .more.blue,
.scrolled .header.detail .navLeft .more.blue {
  color: #212121;
}

.scrolled .navDetail ul li a {
  color: #b6e8ff;
}

.scrolled .navDetail ul li a:hover {
  color: #fff;
}

.scrolled.catchFixedTitle .hero {
  z-index: 2001;
}

.scrolled.catchFixedTitle .fixedTitle {
  font-size: 25px;
  position: fixed;
  z-index: 1;
  top: -36px;
}

.scrolled.catchFixedTitle .fixedTitle small {
  display: none;
}

.scrolled.catchFixedTitle .navLeft .navSearch {
  margin-top: 80px;
}

.scrolled.catchFixedTitle .fixedButtons {
  position: fixed;
  top: 60px;
  z-index: 2100;
  height: 50px;
  margin-right: 30px;
}

.scrolled.catchFixedTitle .sectionTop .textElementSmall {
  margin-left: 0px;
}

.scrolled.catchFixedTitle .textElement.listPrice {
  position: fixed;
  top: 45px;
  left: auto;
  right: 350px;
  font-weight: 300;
  color: #FFFFFF;
  font-size: 25px !important;
  text-align: right;
  min-width: 130px;
}

.scrolled.catchFixedTitle .textElement.listPrice .price {
  color: #FFFFFF;
}

.scrolled.catchFixedTitle .textElement.listPrice .priceSpinner {
  right: 0;
}

.scrolled.catchFixedTitle .textElement.listPrice .priceSpinner .svgSpinner i {
  width: 30px;
  height: 30px;
}

.scrolled.catchFixedTitle .textElement.listPrice .priceSpinner .svgSpinner svg {
  stroke: #ffeb3b;
}

.scrolled.catchFixedTitle .textElement.listPrice .updatePriceButton {
  top: 5px;
  right: 0;
  -webkit-transform: scale(1) translate3d(0px, 0px, 0px);
  -moz-transform: scale(1) translate3d(0px, 0px, 0px);
  -ms-transform: scale(1) translate3d(0px, 0px, 0px);
  -o-transform: scale(1) translate3d(0px, 0px, 0px);
  transform: scale(1) translate3d(0px, 0px, 0px);
}

.scrolled.catchFixedTitle .textElement.listPrice .listPriceInfo.blur {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  opacity: 0.3;
}

.scrolled.catchFixedTitle .textElement.listPrice small {
  line-height: 1.2;
  color: #f57f17;
  font-weight: 400;
}

.textElement.modelNumber {
  z-index: 5;
  position: relative;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  transition: transform 0.5s;
}

.headerText.listPrice {
  z-index: 280;
  position: relative;
}

.headerText.listPrice .price {
  color: #FFFFFF;
}

.headerText.listPrice .priceSpinner {
  position: absolute;
  top: 0;
  text-align: center;
}

.headerText.listPrice .priceSpinner .svgSpinner i {
  width: 22px;
  height: 22px;
}

.headerText.listPrice .priceSpinner .svgSpinner svg {
  stroke: #00adef;
}

.headerText.listPrice .updatePriceButton {
  position: absolute;
  top: 0;
  left: -12px;
  -webkit-transform: scale(0.8) translate3d(0px, 0px, 0px);
  -moz-transform: scale(0.8) translate3d(0px, 0px, 0px);
  -ms-transform: scale(0.8) translate3d(0px, 0px, 0px);
  -o-transform: scale(0.8) translate3d(0px, 0px, 0px);
  transform: scale(0.8) translate3d(0px, 0px, 0px);
}

.headerText.listPrice .listPriceInfo {
  min-width: 100px;
  min-height: 37px;
}

.headerText.listPrice .listPriceInfo.blur {
  -webkit-filter: blur(2px);
  filter: blur(2px);
  opacity: 0.3;
}

.xAxisLabel {
  margin-top: 8px;
}

.yAxisLabel {
  position: absolute;
  top: 50%;
  margin-left: -45px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
}

.plotCoords {
  color: #008fcf;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin-left: 85px;
}

#compositeCurveSearch {
  border-top: #efefef 1px solid;
  border-bottom: #c8c8c8 1px solid;
  overflow: hidden;
}

#compositeCurveSearch .productElementCheck {
  margin: 7px 10px;
}

#compositeCurveSearch .CompositeCurveContainer {
  margin-bottom: 1px;
}

.compositeCurve {
  margin-bottom: 40px;
}

/*
.required::after {
    content:'*';
    color:Red;
}*/
/*--------------------------------------*/
/*  Slider Classes                     */
/*------------------------------------*/
/*

#compositeCurveSearch {
    border-top:#efefef 1px solid;
    border-bottom:$greyLight 1px solid;
    overflow:hidden;
    .productElementCheck {
        margin:7px 10px;
    }
    .CompositeCurveContainer {
        margin-bottom:1px;
    }
}

.compositeCurve {
   margin-bottom:40px;
}

#seriesDiv {
    width:80px;
    float:left;
}

#compositeCurveSearch {
    .sliderSF{
        .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
            border: 1px solid #00adef;
            background-color: #00adefl
        }
        
        .ui-widget-content {
            background: #dedddd;
            color: #6d6d6d;
        }
        
        .ui-state-disabled {
            opacity:1;
            background-color:#dedddd;
            .ui-slider-range {
                background-color:#878889;
            }
            .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
                border: 1px solid #878889 ;
                background-color: #878889 ;
            }
        }
    }
    .slider-h
    {
        height:25px;
    }
        
    .slider-inner {
        border-color: #95B8E7;
        background: #E0ECFF;
    }
    .slider-inner {
        position: relative;
        height: 6px;
        top: 7px;
        border-width: 1px;
        border-style: solid;
        border-radius: 5px;
    }
    .slider-rule {
        position: relative;
        top: 15px;
    }
    .slider-tip {
        position: absolute;
        display: inline-block;
        line-height: 12px;
        font-size: 12px;
        white-space: nowrap;
        top: 20px;
        color: #2babe2;
    }

    .slider-handle {
        position: absolute;
        display: block;
        outline: none;
        width: 20px;
        height: 20px;
        top: -7px;
        margin-left: -10px;
        background-color: #2babe2;
        border-radius: 10px;
    }

    .slider-disabled{ 
        .slider-handle{
            background-color: $greyLight;
        }
        .slider-inner{
            background-color: $greyLight;
            border-color: $greyLight;
        }
        .slider-tip{
            color: $grey;
        }
    }
    .esemailTextArea{
        cursor:pointer;
        border:1px solid $greyLight;
        background-color: $white;
        padding: 12px 8px 16px 8px; 
        .borderRadius(5px);    
    }
    .commentTextHeight
    {
        height:154px;
    }

    .emailLink {
        text-decoration:underline;
        color: $blue;
    }
    
    .compositeCurveTitle{
        font-size:14pt;
        margin-top:-6px;
        margin-left: 6px;
    }
    .compositeCurve
    {
        text-align:center;
    }

    .showAllLabelClass input[type=checkbox] {
        visibility:visible;
        left:-15px;
        -webkit-appearance:checkbox;
    }

    .ui-menu {
        border:1px solid $blue!important;
        padding:1px !important;
        .shadow;
    }

    .ui-widget-content {
        background:#FFF !important;
        color: $grey !important;
    }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        color: $blue !important;
        border:0px !important;
        background-color:#fdf8be !important;
    }

    .ui-menu .ui-menu-item a.ui-state-focus,
    .ui-menu .ui-menu-item a.ui-state-active {
        margin: 0px !important;
    }

} */
.patent {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -77px;
  font-size: 10px;
  color: #008fcf;
  text-decoration: underline;
}

.patent:hover {
  text-decoration: none;
}

.ZoomSlider_Control .ui-state-hover, .ZoomSlider_Control .ui-widget-content .ui-state-hover, .ZoomSlider_Control .ui-widget-header .ui-state-hover, .ZoomSlider_Control .ui-state-focus, .ZoomSlider_Control .ui-widget-content .ui-state-focus, .ZoomSlider_Control .ui-widget-header .ui-state-focus {
  border: 1px solid #00adef !important;
  background-color: #00adef !important;
}

.ZoomSlider_Control .ui-widget-content {
  background: #c8c8c8 !important;
  color: #6d6d6d !important;
}

.ZoomSlider_Control {
  border-radius: 0px !important;
  left: 76px !important;
  height: 102px !important;
  border-left: 1px solid #98afc7 !important;
  border-right: 1px solid #98afc7 !important;
  background: none repeat scroll 0% 0% #DEDDDD !important;
  color: #6D6D6D !important;
}

/*.ZoomSlider_Control .ui-slider-range-min {
		left: 0px;
		background-color: #03B1FF;
	}

	.ZoomSlider_Control .ui-slider-range {
		z-index: 1;
		font-size: 0.7em;
		display: block;
		border: 0px none;
		background-position: 0px 0px;
	}*/
.ZoomSlider_Control .ui-widget-content {
  background: #c8c8c8 !important;
  color: #6d6d6d !important;
}

.ZoomSlider_Control .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  cursor: pointer;
  border: 1px solid #00ADEF !important;
  background: none repeat scroll 0% 0% #00ADEF !important;
  margin-bottom: -4px;
  margin-top: 0px;
  margin-left: -4px;
}

.ZoomSlider_Control {
  border-color: #98AFC7;
}

.zoomSliderPlus_Control {
  height: 18px;
  width: 18px;
  border-top: 1px solid #98AFC7;
  border-bottom: 1px solid #98AFC7;
  border-left: 1px solid #98AFC7;
  border-right: 1px solid #98AFC7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

.zoomSliderMinus_Control {
  height: 18px;
  width: 18px;
  border-top: 1px solid #98AFC7;
  border-bottom: 1px solid #98AFC7;
  border-left: 1px solid #98AFC7;
  border-right: 1px solid #98AFC7;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -o-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
}

/* ------------- SINGLE CURVE LEGEND -------------------- */
.singleCurveLegend {
  position: absolute;
  top: 3px;
  right: 3px;
  background-color: white;
  border: 1px solid #CCC;
  padding: 10px;
}

.singleCurveLegend .legendTitle {
  color: #ff5040;
  font-size: 16px;
  margin-bottom: 10px;
}

.singleCurveLegend .legendRow {
  margin-bottom: 8px;
  color: #222;
}

/* ------------- Push Menu -------------------- */
.midnightWithImages .pushNavMenu {
  background-color: #08090a;
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.midnightWithImages .pushNavMenu .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.midnightWithImages .pushNavMenu .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.midnight .pushNavMenu {
  background-color: #08090a;
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.midnight .pushNavMenu .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.midnight .pushNavMenu .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.sunrise .pushNavMenu {
  background-color: #08090a;
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.sunrise .pushNavMenu .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.sunrise .pushNavMenu .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.ghost .pushNavMenu {
  background-color: #08090a;
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.ghost .pushNavMenu .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.ghost .pushNavMenu .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.midnightWithImages .pushNavMenu #menu_item_pushbutton .pushbutton path {
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.midnightWithImages .pushNavMenu #menu_item_pushbutton .pushbutton path .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.midnightWithImages .pushNavMenu #menu_item_pushbutton .pushbutton path .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.midnight .pushNavMenu #menu_item_pushbutton .pushbutton path {
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.midnight .pushNavMenu #menu_item_pushbutton .pushbutton path .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.midnight .pushNavMenu #menu_item_pushbutton .pushbutton path .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.sunrise .pushNavMenu #menu_item_pushbutton .pushbutton path {
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.sunrise .pushNavMenu #menu_item_pushbutton .pushbutton path .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.sunrise .pushNavMenu #menu_item_pushbutton .pushbutton path .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.ghost .pushNavMenu #menu_item_pushbutton .pushbutton path {
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.ghost .pushNavMenu #menu_item_pushbutton .pushbutton path .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.ghost .pushNavMenu #menu_item_pushbutton .pushbutton path .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.midnightWithImages .pushNavMenu #pushScheduleCount {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.midnightWithImages .pushNavMenu #pushScheduleCount .fillColor {
  fill: #000;
  stroke: transparent;
}

.midnightWithImages .pushNavMenu #pushScheduleCount .strokeColor {
  fill: transparent;
  stroke: #000;
}

.midnight .pushNavMenu #pushScheduleCount {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.midnight .pushNavMenu #pushScheduleCount .fillColor {
  fill: #000;
  stroke: transparent;
}

.midnight .pushNavMenu #pushScheduleCount .strokeColor {
  fill: transparent;
  stroke: #000;
}

.sunrise .pushNavMenu #pushScheduleCount {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.sunrise .pushNavMenu #pushScheduleCount .fillColor {
  fill: #000;
  stroke: transparent;
}

.sunrise .pushNavMenu #pushScheduleCount .strokeColor {
  fill: transparent;
  stroke: #000;
}

.ghost .pushNavMenu #pushScheduleCount {
  background-color: #006ea7;
  border-color: #006ea7;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.ghost .pushNavMenu #pushScheduleCount .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.ghost .pushNavMenu #pushScheduleCount .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnightWithImages .pushNavMenu .menuItemContainer {
  background-color: #08090a;
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.midnightWithImages .pushNavMenu .menuItemContainer .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.midnightWithImages .pushNavMenu .menuItemContainer .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.midnight .pushNavMenu .menuItemContainer {
  background-color: #08090a;
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.midnight .pushNavMenu .menuItemContainer .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.midnight .pushNavMenu .menuItemContainer .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.sunrise .pushNavMenu .menuItemContainer {
  background-color: #08090a;
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.sunrise .pushNavMenu .menuItemContainer .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.sunrise .pushNavMenu .menuItemContainer .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.ghost .pushNavMenu .menuItemContainer {
  background-color: #08090a;
  color: #6e6e6e;
  fill: #6e6e6e;
  stroke: #6e6e6e;
}

.ghost .pushNavMenu .menuItemContainer .fillColor {
  fill: #6e6e6e;
  stroke: transparent;
}

.ghost .pushNavMenu .menuItemContainer .strokeColor {
  fill: transparent;
  stroke: #6e6e6e;
}

.midnightWithImages .pushNavMenu .menuItemContainer:hover {
  background-color: #1f2326;
  color: #e6e4e5;
  fill: #e6e4e5;
  stroke: #e6e4e5;
}

.midnightWithImages .pushNavMenu .menuItemContainer:hover .fillColor {
  fill: #e6e4e5;
  stroke: transparent;
}

.midnightWithImages .pushNavMenu .menuItemContainer:hover .strokeColor {
  fill: transparent;
  stroke: #e6e4e5;
}

.midnight .pushNavMenu .menuItemContainer:hover {
  background-color: #1f2326;
  color: #e6e4e5;
  fill: #e6e4e5;
  stroke: #e6e4e5;
}

.midnight .pushNavMenu .menuItemContainer:hover .fillColor {
  fill: #e6e4e5;
  stroke: transparent;
}

.midnight .pushNavMenu .menuItemContainer:hover .strokeColor {
  fill: transparent;
  stroke: #e6e4e5;
}

.sunrise .pushNavMenu .menuItemContainer:hover {
  background-color: #1f2326;
  color: #e6e4e5;
  fill: #e6e4e5;
  stroke: #e6e4e5;
}

.sunrise .pushNavMenu .menuItemContainer:hover .fillColor {
  fill: #e6e4e5;
  stroke: transparent;
}

.sunrise .pushNavMenu .menuItemContainer:hover .strokeColor {
  fill: transparent;
  stroke: #e6e4e5;
}

.ghost .pushNavMenu .menuItemContainer:hover {
  background-color: #1f2326;
  color: #e6e4e5;
  fill: #e6e4e5;
  stroke: #e6e4e5;
}

.ghost .pushNavMenu .menuItemContainer:hover .fillColor {
  fill: #e6e4e5;
  stroke: transparent;
}

.ghost .pushNavMenu .menuItemContainer:hover .strokeColor {
  fill: transparent;
  stroke: #e6e4e5;
}

.midnightWithImages .pushNavMenu .menuItemContainer.selected {
  background-color: #008fcf;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnightWithImages .pushNavMenu .menuItemContainer.selected .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnightWithImages .pushNavMenu .menuItemContainer.selected .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnight .pushNavMenu .menuItemContainer.selected {
  background-color: #008fcf;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnight .pushNavMenu .menuItemContainer.selected .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnight .pushNavMenu .menuItemContainer.selected .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.sunrise .pushNavMenu .menuItemContainer.selected {
  background-color: #008fcf;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.sunrise .pushNavMenu .menuItemContainer.selected .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.sunrise .pushNavMenu .menuItemContainer.selected .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.ghost .pushNavMenu .menuItemContainer.selected {
  background-color: #ffeb3b;
  color: #08090a;
  fill: #08090a;
  stroke: #08090a;
}

.ghost .pushNavMenu .menuItemContainer.selected .fillColor {
  fill: #08090a;
  stroke: transparent;
}

.ghost .pushNavMenu .menuItemContainer.selected .strokeColor {
  fill: transparent;
  stroke: #08090a;
}

.pushNavMenu {
  width: 50px;
  height: 100%;
  z-index: 2101;
  position: fixed !important;
  -webkit-transition: width 0.5s, left 0.5s;
  -moz-transition: width 0.5s, left 0.5s;
  transition: width 0.5s, left 0.5s;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
}

.pushNavMenu .pushNavMain {
  text-align: center;
  overflow: hidden;
}

.pushNavMenu .pushNavMain li {
  height: 60px;
}

.pushNavMenu .pushNavMain li#menu_item_pushbutton {
  height: 36px;
}

.pushNavMenu .pushNavMain .disabled {
  cursor: not-allowed !important;
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.pushNavMenu .pushNavMain .pushButtonContainer {
  padding: 6px 0;
  height: 24px;
  text-align: left;
}

.pushNavMenu .pushNavMain .pushButtonContainer .pushbutton {
  position: absolute;
  float: right;
  right: 14px;
  cursor: pointer;
}

.pushNavMenu .pushNavMain .pushButtonContainer .pushbutton i {
  width: 23px;
  height: 23px;
}

.pushNavMenu .pushNavMain .menuItemContainer {
  position: relative;
  font-size: 12px;
  width: 100%;
  height: 100%;
  text-align: left;
  -webkit-transition: background-color 0.5s cubic-bezier(0.2, 0, 0.03, 1), color 0.5s cubic-bezier(0.2, 0, 0.03, 1), height 0.5s cubic-bezier(0.2, 0, 0.03, 1), padding 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: background-color 0.5s cubic-bezier(0.2, 0, 0.03, 1), color 0.5s cubic-bezier(0.2, 0, 0.03, 1), height 0.5s cubic-bezier(0.2, 0, 0.03, 1), padding 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: background-color 0.5s cubic-bezier(0.2, 0, 0.03, 1), color 0.5s cubic-bezier(0.2, 0, 0.03, 1), height 0.5s cubic-bezier(0.2, 0, 0.03, 1), padding 0.5s cubic-bezier(0.2, 0, 0.03, 1);
}

.pushNavMenu .pushNavMain .menuItemContainer .icon {
  position: absolute;
  padding: 10px 12px;
}

.pushNavMenu .pushNavMain .menuItemContainer .icon i {
  width: 25px;
  height: 25px;
}

.pushNavMenu .pushNavMain .menuItemContainer .menuTitle {
  position: absolute;
  width: 100%;
}

.pushNavMenu .pushNavMain .menuItemContainer .menuTitle.collapsedTitle {
  text-transform: uppercase;
  padding-top: 40px;
  text-align: center;
}

.pushNavMenu .pushNavMain .menuItemContainer .menuTitle.collapsedTitle i {
  width: 48px;
  height: 20px;
}

.pushNavMenu .pushNavMain .menuItemContainer .menuTitle.expandedTitle {
  padding-left: 46px;
  padding-top: 16px;
  font-size: 13px;
  width: 115px;
  height: 15px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

.pushNavMenu .pushNavMain .menuItemContainer:hover {
  cursor: pointer;
}

.pushNavMenu .pushNavMain #pushScheduleCount {
  font-size: 9px;
  padding: 2px 4px 2px;
  right: 7px;
  bottom: 5px;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.contentWrapper {
  padding-left: 50px;
  -webkit-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  transition: padding 0.5s;
}

.contentWrapper .navLeft {
  left: 50px;
}

.navExpanded .pushNavMenu {
  width: 172px;
}

.navExpanded .pushNavMenu .pushNavMain {
  text-align: left;
}

.navExpanded .pushNavMenu .pushNavMain .menuItemContainer {
  height: 47px;
}

.navExpanded .contentWrapper {
  padding-left: 172px;
}

.navExpanded .contentWrapper .navLeft {
  left: 172px;
}

.navExpanded.scrolled.catchFixedTitle .fixedTitle {
  left: 310px;
}

.navExpanded .statusBar {
  /*left: $navWidthExpanded;*/
}

.adeptLogo.button {
  padding: 0px 15px;
}

.adeptLogo.button img {
  padding-top: 5px;
}

#newQuickProjectButton {
  padding: 10px 6px 10px 12px;
}

.projectInfo.materialElement.button.selected {
  background: #f6f6f6;
}

.projectInfo.materialElement.button.selected a {
  color: #008fcf;
}

#projectSelectionBarId {
  width: 100%;
  position: absolute;
}

#projectSelectionBarId #projectSelectionBarContainer_projectItems {
  min-height: 100px;
  width: 100%;
}

#projectSelectionBarId #projectSelectionBarContainer_projectItems.ps-container {
  white-space: nowrap;
  overflow: hidden;
}

#projectSelectionBarId #projectSelectionBarContainer_projectItems .projectSelectionBarItem {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.user-card-small {
  display: block;
  position: relative;
}

.profileImage {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: 5px;
  right: 10px;
  background-image: url("/Styles/Images/NoUserProfileImage.svg");
  background-size: cover;
  display: block;
}

.profileImage img {
  width: 100%;
}

#user-pro-List {
  position: absolute;
  top: 36px;
  right: 0;
  z-index: 2000;
}

#notificationButton i {
  margin-bottom: 0;
  margin-right: 0;
}

.midnightWithImages .navLeft_Infor {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .navLeft_Infor .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .navLeft_Infor {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .navLeft_Infor .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .navLeft_Infor .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .navLeft_Infor {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .navLeft_Infor .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .navLeft_Infor .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .navLeft_Infor {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .navLeft_Infor .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .navLeft_Infor .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .input .label,
.midnightWithImages .navLeft_Infor .input .units {
  color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .input .units i .fillColor {
  color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .input input,
.midnightWithImages .navLeft_Infor .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .navLeft_Infor .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .navLeft_Infor .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .navLeft_Infor .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .navLeft_Infor .input.focus input,
.midnightWithImages .navLeft_Infor .input.focus:hover input,
.midnightWithImages .navLeft_Infor .input.focus textarea,
.midnightWithImages .navLeft_Infor .input.focus:hover textarea,
.midnightWithImages .navLeft_Infor .input.focus .label,
.midnightWithImages .navLeft_Infor .input.focus .units {
  color: #ffeb3b;
}

.midnightWithImages .navLeft_Infor .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.midnightWithImages .navLeft_Infor .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .input:hover input,
.midnightWithImages .navLeft_Infor .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.midnightWithImages .navLeft_Infor .input:hover label,
.midnightWithImages .navLeft_Infor .input:hover input,
.midnightWithImages .navLeft_Infor .input:hover textarea,
.midnightWithImages .navLeft_Infor .input:hover .filterOption,
.midnightWithImages .navLeft_Infor .input:hover .units {
  color: #fff06e;
}

.midnightWithImages .navLeft_Infor .input.disabled .label,
.midnightWithImages .navLeft_Infor .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .input.disabled input,
.midnightWithImages .navLeft_Infor .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .navLeft_Infor .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .navLeft_Infor .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .navLeft_Infor .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .navLeft_Infor .input.disabled.focus input,
.midnightWithImages .navLeft_Infor .input.disabled.focus:hover input,
.midnightWithImages .navLeft_Infor .input.disabled.focus textarea,
.midnightWithImages .navLeft_Infor .input.disabled.focus:hover textarea,
.midnightWithImages .navLeft_Infor .input.disabled.focus .label,
.midnightWithImages .navLeft_Infor .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .navLeft_Infor .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .navLeft_Infor .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .input.disabled:hover input,
.midnightWithImages .navLeft_Infor .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.midnightWithImages .navLeft_Infor .input.disabled:hover label,
.midnightWithImages .navLeft_Infor .input.disabled:hover input,
.midnightWithImages .navLeft_Infor .input.disabled:hover textarea,
.midnightWithImages .navLeft_Infor .input.disabled:hover .filterOption,
.midnightWithImages .navLeft_Infor .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .navLeft_Infor .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .select .materialSelect .label {
  color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.midnightWithImages .navLeft_Infor .select .materialSelect:hover input,
.midnightWithImages .navLeft_Infor .select .materialSelect:hover .label,
.midnightWithImages .navLeft_Infor .select .materialSelect:hover .btn .caret,
.midnightWithImages .navLeft_Infor .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.midnightWithImages .navLeft_Infor .select .materialSelect:hover .btn,
.midnightWithImages .navLeft_Infor .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.midnightWithImages .navLeft_Infor .select .materialSelect.focus input,
.midnightWithImages .navLeft_Infor .select .materialSelect.focus:hover input,
.midnightWithImages .navLeft_Infor .select .materialSelect.focus .label,
.midnightWithImages .navLeft_Infor .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.midnightWithImages .navLeft_Infor .select .materialSelectMenu.inner li .item:after {
  background-color: #005784;
}

.midnightWithImages .navLeft_Infor .select .materialSelectMenu.inner li .item:hover .text {
  color: #005784;
}

.midnightWithImages .navLeft_Infor .select .materialSelectMenu.inner li.selected .item {
  background-color: #13afff;
  border: 1px solid #13afff;
}

.midnightWithImages .navLeft_Infor .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect:hover input,
.midnightWithImages .navLeft_Infor .select.disabled .materialSelect:hover .label,
.midnightWithImages .navLeft_Infor .select.disabled .materialSelect:hover .btn .caret,
.midnightWithImages .navLeft_Infor .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect:hover .btn,
.midnightWithImages .navLeft_Infor .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelect.focus input,
.midnightWithImages .navLeft_Infor .select.disabled .materialSelect.focus:hover input,
.midnightWithImages .navLeft_Infor .select.disabled .materialSelect.focus .label,
.midnightWithImages .navLeft_Infor .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 87, 132, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 87, 132, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(19, 175, 255, 0.35);
  border: 1px solid rgba(19, 175, 255, 0.35);
}

.midnightWithImages .navLeft_Infor .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft_Infor .input .label,
.midnight .navLeft_Infor .input .units {
  color: #f6f6f6;
}

.midnight .navLeft_Infor .input .units i .fillColor {
  color: #f6f6f6;
}

.midnight .navLeft_Infor .input input,
.midnight .navLeft_Infor .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnight .navLeft_Infor .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnight .navLeft_Infor .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .navLeft_Infor .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .navLeft_Infor .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .navLeft_Infor .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .navLeft_Infor .input.focus input,
.midnight .navLeft_Infor .input.focus:hover input,
.midnight .navLeft_Infor .input.focus textarea,
.midnight .navLeft_Infor .input.focus:hover textarea,
.midnight .navLeft_Infor .input.focus .label,
.midnight .navLeft_Infor .input.focus .units {
  color: #ffeb3b;
}

.midnight .navLeft_Infor .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.midnight .navLeft_Infor .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnight .navLeft_Infor .input:hover input,
.midnight .navLeft_Infor .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.midnight .navLeft_Infor .input:hover label,
.midnight .navLeft_Infor .input:hover input,
.midnight .navLeft_Infor .input:hover textarea,
.midnight .navLeft_Infor .input:hover .filterOption,
.midnight .navLeft_Infor .input:hover .units {
  color: #fff06e;
}

.midnight .navLeft_Infor .input.disabled .label,
.midnight .navLeft_Infor .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .input.disabled input,
.midnight .navLeft_Infor .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .navLeft_Infor .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .navLeft_Infor .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .navLeft_Infor .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .navLeft_Infor .input.disabled.focus input,
.midnight .navLeft_Infor .input.disabled.focus:hover input,
.midnight .navLeft_Infor .input.disabled.focus textarea,
.midnight .navLeft_Infor .input.disabled.focus:hover textarea,
.midnight .navLeft_Infor .input.disabled.focus .label,
.midnight .navLeft_Infor .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft_Infor .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft_Infor .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .input.disabled:hover input,
.midnight .navLeft_Infor .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.midnight .navLeft_Infor .input.disabled:hover label,
.midnight .navLeft_Infor .input.disabled:hover input,
.midnight .navLeft_Infor .input.disabled:hover textarea,
.midnight .navLeft_Infor .input.disabled:hover .filterOption,
.midnight .navLeft_Infor .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.midnight .navLeft_Infor .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.midnight .navLeft_Infor .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.midnight .navLeft_Infor .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.midnight .navLeft_Infor .select .materialSelect .label {
  color: #f6f6f6;
}

.midnight .navLeft_Infor .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnight .navLeft_Infor .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.midnight .navLeft_Infor .select .materialSelect:hover input,
.midnight .navLeft_Infor .select .materialSelect:hover .label,
.midnight .navLeft_Infor .select .materialSelect:hover .btn .caret,
.midnight .navLeft_Infor .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.midnight .navLeft_Infor .select .materialSelect:hover .btn,
.midnight .navLeft_Infor .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.midnight .navLeft_Infor .select .materialSelect.focus input,
.midnight .navLeft_Infor .select .materialSelect.focus:hover input,
.midnight .navLeft_Infor .select .materialSelect.focus .label,
.midnight .navLeft_Infor .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.midnight .navLeft_Infor .select .materialSelectMenu.inner li .item:after {
  background-color: #005784;
}

.midnight .navLeft_Infor .select .materialSelectMenu.inner li .item:hover .text {
  color: #005784;
}

.midnight .navLeft_Infor .select .materialSelectMenu.inner li.selected .item {
  background-color: #13afff;
  border: 1px solid #13afff;
}

.midnight .navLeft_Infor .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.midnight .navLeft_Infor .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelect:hover input,
.midnight .navLeft_Infor .select.disabled .materialSelect:hover .label,
.midnight .navLeft_Infor .select.disabled .materialSelect:hover .btn .caret,
.midnight .navLeft_Infor .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelect:hover .btn,
.midnight .navLeft_Infor .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelect.focus input,
.midnight .navLeft_Infor .select.disabled .materialSelect.focus:hover input,
.midnight .navLeft_Infor .select.disabled .materialSelect.focus .label,
.midnight .navLeft_Infor .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 87, 132, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 87, 132, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(19, 175, 255, 0.35);
  border: 1px solid rgba(19, 175, 255, 0.35);
}

.midnight .navLeft_Infor .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft_Infor .input .label,
.sunrise .navLeft_Infor .input .units {
  color: #f6f6f6;
}

.sunrise .navLeft_Infor .input .units i .fillColor {
  color: #f6f6f6;
}

.sunrise .navLeft_Infor .input input,
.sunrise .navLeft_Infor .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.sunrise .navLeft_Infor .input .underlineHighlight {
  background-color: #f6f6f6;
}

.sunrise .navLeft_Infor .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .navLeft_Infor .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .navLeft_Infor .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .navLeft_Infor .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .navLeft_Infor .input.focus input,
.sunrise .navLeft_Infor .input.focus:hover input,
.sunrise .navLeft_Infor .input.focus textarea,
.sunrise .navLeft_Infor .input.focus:hover textarea,
.sunrise .navLeft_Infor .input.focus .label,
.sunrise .navLeft_Infor .input.focus .units {
  color: #ffeb3b;
}

.sunrise .navLeft_Infor .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.sunrise .navLeft_Infor .input .underlineHighlight {
  background-color: #f6f6f6;
}

.sunrise .navLeft_Infor .input:hover input,
.sunrise .navLeft_Infor .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.sunrise .navLeft_Infor .input:hover label,
.sunrise .navLeft_Infor .input:hover input,
.sunrise .navLeft_Infor .input:hover textarea,
.sunrise .navLeft_Infor .input:hover .filterOption,
.sunrise .navLeft_Infor .input:hover .units {
  color: #fff06e;
}

.sunrise .navLeft_Infor .input.disabled .label,
.sunrise .navLeft_Infor .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .input.disabled input,
.sunrise .navLeft_Infor .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .navLeft_Infor .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .navLeft_Infor .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .navLeft_Infor .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .navLeft_Infor .input.disabled.focus input,
.sunrise .navLeft_Infor .input.disabled.focus:hover input,
.sunrise .navLeft_Infor .input.disabled.focus textarea,
.sunrise .navLeft_Infor .input.disabled.focus:hover textarea,
.sunrise .navLeft_Infor .input.disabled.focus .label,
.sunrise .navLeft_Infor .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft_Infor .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft_Infor .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .input.disabled:hover input,
.sunrise .navLeft_Infor .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.sunrise .navLeft_Infor .input.disabled:hover label,
.sunrise .navLeft_Infor .input.disabled:hover input,
.sunrise .navLeft_Infor .input.disabled:hover textarea,
.sunrise .navLeft_Infor .input.disabled:hover .filterOption,
.sunrise .navLeft_Infor .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.sunrise .navLeft_Infor .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.sunrise .navLeft_Infor .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.sunrise .navLeft_Infor .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.sunrise .navLeft_Infor .select .materialSelect .label {
  color: #f6f6f6;
}

.sunrise .navLeft_Infor .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.sunrise .navLeft_Infor .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.sunrise .navLeft_Infor .select .materialSelect:hover input,
.sunrise .navLeft_Infor .select .materialSelect:hover .label,
.sunrise .navLeft_Infor .select .materialSelect:hover .btn .caret,
.sunrise .navLeft_Infor .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.sunrise .navLeft_Infor .select .materialSelect:hover .btn,
.sunrise .navLeft_Infor .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.sunrise .navLeft_Infor .select .materialSelect.focus input,
.sunrise .navLeft_Infor .select .materialSelect.focus:hover input,
.sunrise .navLeft_Infor .select .materialSelect.focus .label,
.sunrise .navLeft_Infor .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.sunrise .navLeft_Infor .select .materialSelectMenu.inner li .item:after {
  background-color: #8b1b12;
}

.sunrise .navLeft_Infor .select .materialSelectMenu.inner li .item:hover .text {
  color: #8b1b12;
}

.sunrise .navLeft_Infor .select .materialSelectMenu.inner li.selected .item {
  background-color: #e75044;
  border: 1px solid #e75044;
}

.sunrise .navLeft_Infor .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.sunrise .navLeft_Infor .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelect:hover input,
.sunrise .navLeft_Infor .select.disabled .materialSelect:hover .label,
.sunrise .navLeft_Infor .select.disabled .materialSelect:hover .btn .caret,
.sunrise .navLeft_Infor .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelect:hover .btn,
.sunrise .navLeft_Infor .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelect.focus input,
.sunrise .navLeft_Infor .select.disabled .materialSelect.focus:hover input,
.sunrise .navLeft_Infor .select.disabled .materialSelect.focus .label,
.sunrise .navLeft_Infor .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(139, 27, 18, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(139, 27, 18, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(231, 80, 68, 0.35);
  border: 1px solid rgba(231, 80, 68, 0.35);
}

.sunrise .navLeft_Infor .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.ghost .navLeft_Infor .input .label,
.ghost .navLeft_Infor .input .units {
  color: #f6f6f6;
}

.ghost .navLeft_Infor .input .units i .fillColor {
  color: #f6f6f6;
}

.ghost .navLeft_Infor .input input,
.ghost .navLeft_Infor .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.ghost .navLeft_Infor .input .underlineHighlight {
  background-color: #f6f6f6;
}

.ghost .navLeft_Infor .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .navLeft_Infor .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .navLeft_Infor .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .navLeft_Infor .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .navLeft_Infor .input.focus input,
.ghost .navLeft_Infor .input.focus:hover input,
.ghost .navLeft_Infor .input.focus textarea,
.ghost .navLeft_Infor .input.focus:hover textarea,
.ghost .navLeft_Infor .input.focus .label,
.ghost .navLeft_Infor .input.focus .units {
  color: #009eef;
}

.ghost .navLeft_Infor .input.focus .underlineHighlight {
  background-color: #009eef;
}

.ghost .navLeft_Infor .input .underlineHighlight {
  background-color: #f6f6f6;
}

.ghost .navLeft_Infor .input:hover input,
.ghost .navLeft_Infor .input:hover textarea {
  border-bottom: 1px solid #23b4ff;
}

.ghost .navLeft_Infor .input:hover label,
.ghost .navLeft_Infor .input:hover input,
.ghost .navLeft_Infor .input:hover textarea,
.ghost .navLeft_Infor .input:hover .filterOption,
.ghost .navLeft_Infor .input:hover .units {
  color: #23b4ff;
}

.ghost .navLeft_Infor .input.disabled .label,
.ghost .navLeft_Infor .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .input.disabled input,
.ghost .navLeft_Infor .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .navLeft_Infor .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .navLeft_Infor .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .navLeft_Infor .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .navLeft_Infor .input.disabled.focus input,
.ghost .navLeft_Infor .input.disabled.focus:hover input,
.ghost .navLeft_Infor .input.disabled.focus textarea,
.ghost .navLeft_Infor .input.disabled.focus:hover textarea,
.ghost .navLeft_Infor .input.disabled.focus .label,
.ghost .navLeft_Infor .input.disabled.focus .units {
  color: rgba(0, 158, 239, 0.35);
}

.ghost .navLeft_Infor .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 158, 239, 0.35);
}

.ghost .navLeft_Infor .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .input.disabled:hover input,
.ghost .navLeft_Infor .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(35, 180, 255, 0.35);
}

.ghost .navLeft_Infor .input.disabled:hover label,
.ghost .navLeft_Infor .input.disabled:hover input,
.ghost .navLeft_Infor .input.disabled:hover textarea,
.ghost .navLeft_Infor .input.disabled:hover .filterOption,
.ghost .navLeft_Infor .input.disabled:hover .units {
  color: rgba(35, 180, 255, 0.35);
}

.ghost .navLeft_Infor .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.ghost .navLeft_Infor .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.ghost .navLeft_Infor .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.ghost .navLeft_Infor .select .materialSelect .label {
  color: #f6f6f6;
}

.ghost .navLeft_Infor .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.ghost .navLeft_Infor .select .materialSelect .underlineHighlight {
  background-color: #009eef;
}

.ghost .navLeft_Infor .select .materialSelect:hover input,
.ghost .navLeft_Infor .select .materialSelect:hover .label,
.ghost .navLeft_Infor .select .materialSelect:hover .btn .caret,
.ghost .navLeft_Infor .select .materialSelect:hover .btn .filterOption {
  color: #23b4ff;
}

.ghost .navLeft_Infor .select .materialSelect:hover .btn,
.ghost .navLeft_Infor .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #23b4ff;
}

.ghost .navLeft_Infor .select .materialSelect.focus input,
.ghost .navLeft_Infor .select .materialSelect.focus:hover input,
.ghost .navLeft_Infor .select .materialSelect.focus .label,
.ghost .navLeft_Infor .select .materialSelect.focus .units {
  color: #009eef;
}

.ghost .navLeft_Infor .select .materialSelectMenu.inner li .item:after {
  background-color: #5c626d;
}

.ghost .navLeft_Infor .select .materialSelectMenu.inner li .item:hover .text {
  color: #5c626d;
}

.ghost .navLeft_Infor .select .materialSelectMenu.inner li.selected .item {
  background-color: #4c515a;
  border: 1px solid #4c515a;
}

.ghost .navLeft_Infor .select .materialSelectMenu.inner li.selected .item .text {
  color: #009eef;
}

.ghost .navLeft_Infor .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 158, 239, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelect:hover input,
.ghost .navLeft_Infor .select.disabled .materialSelect:hover .label,
.ghost .navLeft_Infor .select.disabled .materialSelect:hover .btn .caret,
.ghost .navLeft_Infor .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(35, 180, 255, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelect:hover .btn,
.ghost .navLeft_Infor .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(35, 180, 255, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelect.focus input,
.ghost .navLeft_Infor .select.disabled .materialSelect.focus:hover input,
.ghost .navLeft_Infor .select.disabled .materialSelect.focus .label,
.ghost .navLeft_Infor .select.disabled .materialSelect.focus .units {
  color: rgba(0, 158, 239, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(92, 98, 109, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(92, 98, 109, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(76, 81, 90, 0.35);
  border: 1px solid rgba(76, 81, 90, 0.35);
}

.ghost .navLeft_Infor .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(0, 158, 239, 0.35);
}

.midnightWithImages .navLeft_Infor .navSearch {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .navSearch .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .navLeft_Infor .navSearch .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .navLeft_Infor .navSearch {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .navLeft_Infor .navSearch .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .navLeft_Infor .navSearch .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .navLeft_Infor .navSearch {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .navLeft_Infor .navSearch .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .navLeft_Infor .navSearch .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .navLeft_Infor .navSearch {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .navLeft_Infor .navSearch .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .navLeft_Infor .navSearch .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .buttonSubmit {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.midnightWithImages .navLeft_Infor .buttonSubmit .fillColor {
  fill: #000;
  stroke: transparent;
}

.midnightWithImages .navLeft_Infor .buttonSubmit .strokeColor {
  fill: transparent;
  stroke: #000;
}

.midnight .navLeft_Infor .buttonSubmit {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.midnight .navLeft_Infor .buttonSubmit .fillColor {
  fill: #000;
  stroke: transparent;
}

.midnight .navLeft_Infor .buttonSubmit .strokeColor {
  fill: transparent;
  stroke: #000;
}

.sunrise .navLeft_Infor .buttonSubmit {
  background-color: #ffeb3b;
  border-color: #ffeb3b;
  color: #000;
  fill: #000;
  stroke: #000;
}

.sunrise .navLeft_Infor .buttonSubmit .fillColor {
  fill: #000;
  stroke: transparent;
}

.sunrise .navLeft_Infor .buttonSubmit .strokeColor {
  fill: transparent;
  stroke: #000;
}

.ghost .navLeft_Infor .buttonSubmit {
  background-color: #006ea7;
  border-color: #006ea7;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.ghost .navLeft_Infor .buttonSubmit .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.ghost .navLeft_Infor .buttonSubmit .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input .label,
.midnightWithImages .navLeft_Infor .backgroundWhite .input .units, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input .label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input .units {
  color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input .units i .fillColor, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input .units i .fillColor {
  color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input textarea, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input .underlineHighlight, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input input::-webkit-input-placeholder, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input input:-moz-placeholder, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input input::-moz-placeholder, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input input:-ms-input-placeholder, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.focus input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.focus:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.focus textarea,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.focus:hover textarea,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.focus .label,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.focus .units, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.focus input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.focus:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.focus textarea,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.focus:hover textarea,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.focus .label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.focus .units {
  color: #008fcf;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.focus .underlineHighlight, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.focus .underlineHighlight {
  background-color: #008fcf;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input .underlineHighlight, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input:hover textarea, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input:hover label,
.midnightWithImages .navLeft_Infor .backgroundWhite .input:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input:hover textarea,
.midnightWithImages .navLeft_Infor .backgroundWhite .input:hover .filterOption,
.midnightWithImages .navLeft_Infor .backgroundWhite .input:hover .units, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input:hover label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input:hover textarea,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input:hover .filterOption,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input:hover .units {
  color: #03b1ff;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled .label,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled .units, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled .label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled .units i .fillColor, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled textarea, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled .underlineHighlight, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled input::-webkit-input-placeholder, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled input:-moz-placeholder, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled input:-moz-placeholder {
  color: transparent;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled input::-moz-placeholder, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled input::-moz-placeholder {
  color: transparent;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled input:-ms-input-placeholder, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled.focus input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled.focus:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled.focus textarea,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled.focus:hover textarea,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled.focus .label,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled.focus .units, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus textarea,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus:hover textarea,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled.focus .underlineHighlight, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled .underlineHighlight, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled:hover textarea, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled:hover label,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled:hover textarea,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled:hover .filterOption,
.midnightWithImages .navLeft_Infor .backgroundWhite .input.disabled:hover .units, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover textarea,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover .filterOption,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect .btn, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn {
  border-bottom-color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect .btn .filterOption, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect .btn .caret, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn .caret {
  color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect .label, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .label {
  color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect input, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect .underlineHighlight, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect:hover .label,
.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .caret,
.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .filterOption, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .caret,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn,
.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .filterOption, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect.focus input,
.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect.focus:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect.focus .label,
.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelect.focus .units, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus .label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus .units {
  color: #008fcf;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li .item:after, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li .item:hover .text, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li.selected .item, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li.selected .item .text, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn .filterOption, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn .caret, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .label, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect input, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .underlineHighlight, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .label,
.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .caret,
.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .caret,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn,
.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus input,
.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus:hover input,
.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus .label,
.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus .units, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus:hover input,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus .label,
.midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:after, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:hover .text, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.midnightWithImages .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item .text, .midnightWithImages
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input .label,
.midnight .navLeft_Infor .backgroundWhite .input .units, .midnight
.navLeft_Infor .backgroundGreyWhite .input .label,
.midnight
.navLeft_Infor .backgroundGreyWhite .input .units {
  color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .input .units i .fillColor, .midnight
.navLeft_Infor .backgroundGreyWhite .input .units i .fillColor {
  color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .input input,
.midnight .navLeft_Infor .backgroundWhite .input textarea, .midnight
.navLeft_Infor .backgroundGreyWhite .input input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .input .underlineHighlight, .midnight
.navLeft_Infor .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .input input::-webkit-input-placeholder, .midnight
.navLeft_Infor .backgroundGreyWhite .input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnight .navLeft_Infor .backgroundWhite .input input:-moz-placeholder, .midnight
.navLeft_Infor .backgroundGreyWhite .input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnight .navLeft_Infor .backgroundWhite .input input::-moz-placeholder, .midnight
.navLeft_Infor .backgroundGreyWhite .input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnight .navLeft_Infor .backgroundWhite .input input:-ms-input-placeholder, .midnight
.navLeft_Infor .backgroundGreyWhite .input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.midnight .navLeft_Infor .backgroundWhite .input.focus input,
.midnight .navLeft_Infor .backgroundWhite .input.focus:hover input,
.midnight .navLeft_Infor .backgroundWhite .input.focus textarea,
.midnight .navLeft_Infor .backgroundWhite .input.focus:hover textarea,
.midnight .navLeft_Infor .backgroundWhite .input.focus .label,
.midnight .navLeft_Infor .backgroundWhite .input.focus .units, .midnight
.navLeft_Infor .backgroundGreyWhite .input.focus input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.focus:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.focus textarea,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.focus:hover textarea,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.focus .label,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.focus .units {
  color: #008fcf;
}

.midnight .navLeft_Infor .backgroundWhite .input.focus .underlineHighlight, .midnight
.navLeft_Infor .backgroundGreyWhite .input.focus .underlineHighlight {
  background-color: #008fcf;
}

.midnight .navLeft_Infor .backgroundWhite .input .underlineHighlight, .midnight
.navLeft_Infor .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .input:hover input,
.midnight .navLeft_Infor .backgroundWhite .input:hover textarea, .midnight
.navLeft_Infor .backgroundGreyWhite .input:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.midnight .navLeft_Infor .backgroundWhite .input:hover label,
.midnight .navLeft_Infor .backgroundWhite .input:hover input,
.midnight .navLeft_Infor .backgroundWhite .input:hover textarea,
.midnight .navLeft_Infor .backgroundWhite .input:hover .filterOption,
.midnight .navLeft_Infor .backgroundWhite .input:hover .units, .midnight
.navLeft_Infor .backgroundGreyWhite .input:hover label,
.midnight
.navLeft_Infor .backgroundGreyWhite .input:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input:hover textarea,
.midnight
.navLeft_Infor .backgroundGreyWhite .input:hover .filterOption,
.midnight
.navLeft_Infor .backgroundGreyWhite .input:hover .units {
  color: #03b1ff;
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled .label,
.midnight .navLeft_Infor .backgroundWhite .input.disabled .units, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled .label,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled .units i .fillColor, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled input,
.midnight .navLeft_Infor .backgroundWhite .input.disabled textarea, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled .underlineHighlight, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled input::-webkit-input-placeholder, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled input:-moz-placeholder, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled input:-moz-placeholder {
  color: transparent;
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled input::-moz-placeholder, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled input::-moz-placeholder {
  color: transparent;
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled input:-ms-input-placeholder, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled.focus input,
.midnight .navLeft_Infor .backgroundWhite .input.disabled.focus:hover input,
.midnight .navLeft_Infor .backgroundWhite .input.disabled.focus textarea,
.midnight .navLeft_Infor .backgroundWhite .input.disabled.focus:hover textarea,
.midnight .navLeft_Infor .backgroundWhite .input.disabled.focus .label,
.midnight .navLeft_Infor .backgroundWhite .input.disabled.focus .units, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus textarea,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus:hover textarea,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .label,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled.focus .underlineHighlight, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled .underlineHighlight, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled:hover input,
.midnight .navLeft_Infor .backgroundWhite .input.disabled:hover textarea, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .input.disabled:hover label,
.midnight .navLeft_Infor .backgroundWhite .input.disabled:hover input,
.midnight .navLeft_Infor .backgroundWhite .input.disabled:hover textarea,
.midnight .navLeft_Infor .backgroundWhite .input.disabled:hover .filterOption,
.midnight .navLeft_Infor .backgroundWhite .input.disabled:hover .units, .midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover label,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover textarea,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover .filterOption,
.midnight
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect .btn, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn {
  border-bottom-color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect .btn .filterOption, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect .btn .caret, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn .caret {
  color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect .label, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .label {
  color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect input, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect .underlineHighlight, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect:hover input,
.midnight .navLeft_Infor .backgroundWhite .select .materialSelect:hover .label,
.midnight .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .caret,
.midnight .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .filterOption, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .label,
.midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .caret,
.midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn,
.midnight .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .filterOption, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn,
.midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelect.focus input,
.midnight .navLeft_Infor .backgroundWhite .select .materialSelect.focus:hover input,
.midnight .navLeft_Infor .backgroundWhite .select .materialSelect.focus .label,
.midnight .navLeft_Infor .backgroundWhite .select .materialSelect.focus .units, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus input,
.midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus .label,
.midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus .units {
  color: #008fcf;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li .item:after, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li .item:hover .text, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li.selected .item, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.midnight .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li.selected .item .text, .midnight
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn .filterOption, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn .caret, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .label, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect input, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .underlineHighlight, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover input,
.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .label,
.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .caret,
.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .label,
.midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .caret,
.midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn,
.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn,
.midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus input,
.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus:hover input,
.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus .label,
.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus .units, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus input,
.midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus:hover input,
.midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus .label,
.midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:after, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:hover .text, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.midnight .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item .text, .midnight
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input .label,
.sunrise .navLeft_Infor .backgroundWhite .input .units, .sunrise
.navLeft_Infor .backgroundGreyWhite .input .label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input .units {
  color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .input .units i .fillColor, .sunrise
.navLeft_Infor .backgroundGreyWhite .input .units i .fillColor {
  color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .input input,
.sunrise .navLeft_Infor .backgroundWhite .input textarea, .sunrise
.navLeft_Infor .backgroundGreyWhite .input input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .input .underlineHighlight, .sunrise
.navLeft_Infor .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .input input::-webkit-input-placeholder, .sunrise
.navLeft_Infor .backgroundGreyWhite .input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.sunrise .navLeft_Infor .backgroundWhite .input input:-moz-placeholder, .sunrise
.navLeft_Infor .backgroundGreyWhite .input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.sunrise .navLeft_Infor .backgroundWhite .input input::-moz-placeholder, .sunrise
.navLeft_Infor .backgroundGreyWhite .input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.sunrise .navLeft_Infor .backgroundWhite .input input:-ms-input-placeholder, .sunrise
.navLeft_Infor .backgroundGreyWhite .input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.sunrise .navLeft_Infor .backgroundWhite .input.focus input,
.sunrise .navLeft_Infor .backgroundWhite .input.focus:hover input,
.sunrise .navLeft_Infor .backgroundWhite .input.focus textarea,
.sunrise .navLeft_Infor .backgroundWhite .input.focus:hover textarea,
.sunrise .navLeft_Infor .backgroundWhite .input.focus .label,
.sunrise .navLeft_Infor .backgroundWhite .input.focus .units, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.focus input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.focus:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.focus textarea,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.focus:hover textarea,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.focus .label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.focus .units {
  color: #008fcf;
}

.sunrise .navLeft_Infor .backgroundWhite .input.focus .underlineHighlight, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.focus .underlineHighlight {
  background-color: #008fcf;
}

.sunrise .navLeft_Infor .backgroundWhite .input .underlineHighlight, .sunrise
.navLeft_Infor .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .input:hover input,
.sunrise .navLeft_Infor .backgroundWhite .input:hover textarea, .sunrise
.navLeft_Infor .backgroundGreyWhite .input:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.sunrise .navLeft_Infor .backgroundWhite .input:hover label,
.sunrise .navLeft_Infor .backgroundWhite .input:hover input,
.sunrise .navLeft_Infor .backgroundWhite .input:hover textarea,
.sunrise .navLeft_Infor .backgroundWhite .input:hover .filterOption,
.sunrise .navLeft_Infor .backgroundWhite .input:hover .units, .sunrise
.navLeft_Infor .backgroundGreyWhite .input:hover label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input:hover textarea,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input:hover .filterOption,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input:hover .units {
  color: #03b1ff;
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled .label,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled .units, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled .label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled .units i .fillColor, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled input,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled textarea, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled .underlineHighlight, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled input::-webkit-input-placeholder, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled input:-moz-placeholder, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled input:-moz-placeholder {
  color: transparent;
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled input::-moz-placeholder, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled input::-moz-placeholder {
  color: transparent;
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled input:-ms-input-placeholder, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled.focus input,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled.focus:hover input,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled.focus textarea,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled.focus:hover textarea,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled.focus .label,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled.focus .units, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus textarea,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus:hover textarea,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled.focus .underlineHighlight, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled .underlineHighlight, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled:hover input,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled:hover textarea, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .input.disabled:hover label,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled:hover input,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled:hover textarea,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled:hover .filterOption,
.sunrise .navLeft_Infor .backgroundWhite .input.disabled:hover .units, .sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover textarea,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover .filterOption,
.sunrise
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect .btn, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn {
  border-bottom-color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect .btn .filterOption, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect .btn .caret, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn .caret {
  color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect .label, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .label {
  color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect input, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect .underlineHighlight, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect:hover input,
.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect:hover .label,
.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .caret,
.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .filterOption, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .caret,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn,
.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .filterOption, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect.focus input,
.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect.focus:hover input,
.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect.focus .label,
.sunrise .navLeft_Infor .backgroundWhite .select .materialSelect.focus .units, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus .label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus .units {
  color: #008fcf;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li .item:after, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li .item:hover .text, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li.selected .item, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.sunrise .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li.selected .item .text, .sunrise
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn .filterOption, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn .caret, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .label, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect input, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .underlineHighlight, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover input,
.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .label,
.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .caret,
.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .caret,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn,
.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus input,
.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus:hover input,
.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus .label,
.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus .units, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus:hover input,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus .label,
.sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:after, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:hover .text, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.sunrise .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item .text, .sunrise
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input .label,
.ghost .navLeft_Infor .backgroundWhite .input .units, .ghost
.navLeft_Infor .backgroundGreyWhite .input .label,
.ghost
.navLeft_Infor .backgroundGreyWhite .input .units {
  color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .input .units i .fillColor, .ghost
.navLeft_Infor .backgroundGreyWhite .input .units i .fillColor {
  color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .input input,
.ghost .navLeft_Infor .backgroundWhite .input textarea, .ghost
.navLeft_Infor .backgroundGreyWhite .input input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .input .underlineHighlight, .ghost
.navLeft_Infor .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .input input::-webkit-input-placeholder, .ghost
.navLeft_Infor .backgroundGreyWhite .input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.ghost .navLeft_Infor .backgroundWhite .input input:-moz-placeholder, .ghost
.navLeft_Infor .backgroundGreyWhite .input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.ghost .navLeft_Infor .backgroundWhite .input input::-moz-placeholder, .ghost
.navLeft_Infor .backgroundGreyWhite .input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.ghost .navLeft_Infor .backgroundWhite .input input:-ms-input-placeholder, .ghost
.navLeft_Infor .backgroundGreyWhite .input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.ghost .navLeft_Infor .backgroundWhite .input.focus input,
.ghost .navLeft_Infor .backgroundWhite .input.focus:hover input,
.ghost .navLeft_Infor .backgroundWhite .input.focus textarea,
.ghost .navLeft_Infor .backgroundWhite .input.focus:hover textarea,
.ghost .navLeft_Infor .backgroundWhite .input.focus .label,
.ghost .navLeft_Infor .backgroundWhite .input.focus .units, .ghost
.navLeft_Infor .backgroundGreyWhite .input.focus input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.focus:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.focus textarea,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.focus:hover textarea,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.focus .label,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.focus .units {
  color: #008fcf;
}

.ghost .navLeft_Infor .backgroundWhite .input.focus .underlineHighlight, .ghost
.navLeft_Infor .backgroundGreyWhite .input.focus .underlineHighlight {
  background-color: #008fcf;
}

.ghost .navLeft_Infor .backgroundWhite .input .underlineHighlight, .ghost
.navLeft_Infor .backgroundGreyWhite .input .underlineHighlight {
  background-color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .input:hover input,
.ghost .navLeft_Infor .backgroundWhite .input:hover textarea, .ghost
.navLeft_Infor .backgroundGreyWhite .input:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.ghost .navLeft_Infor .backgroundWhite .input:hover label,
.ghost .navLeft_Infor .backgroundWhite .input:hover input,
.ghost .navLeft_Infor .backgroundWhite .input:hover textarea,
.ghost .navLeft_Infor .backgroundWhite .input:hover .filterOption,
.ghost .navLeft_Infor .backgroundWhite .input:hover .units, .ghost
.navLeft_Infor .backgroundGreyWhite .input:hover label,
.ghost
.navLeft_Infor .backgroundGreyWhite .input:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input:hover textarea,
.ghost
.navLeft_Infor .backgroundGreyWhite .input:hover .filterOption,
.ghost
.navLeft_Infor .backgroundGreyWhite .input:hover .units {
  color: #03b1ff;
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled .label,
.ghost .navLeft_Infor .backgroundWhite .input.disabled .units, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled .label,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled .units i .fillColor, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled input,
.ghost .navLeft_Infor .backgroundWhite .input.disabled textarea, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled .underlineHighlight, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled input::-webkit-input-placeholder, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled input:-moz-placeholder, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled input:-moz-placeholder {
  color: transparent;
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled input::-moz-placeholder, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled input::-moz-placeholder {
  color: transparent;
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled input:-ms-input-placeholder, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled.focus input,
.ghost .navLeft_Infor .backgroundWhite .input.disabled.focus:hover input,
.ghost .navLeft_Infor .backgroundWhite .input.disabled.focus textarea,
.ghost .navLeft_Infor .backgroundWhite .input.disabled.focus:hover textarea,
.ghost .navLeft_Infor .backgroundWhite .input.disabled.focus .label,
.ghost .navLeft_Infor .backgroundWhite .input.disabled.focus .units, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus textarea,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus:hover textarea,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .label,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled.focus .underlineHighlight, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled .underlineHighlight, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled:hover input,
.ghost .navLeft_Infor .backgroundWhite .input.disabled:hover textarea, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .input.disabled:hover label,
.ghost .navLeft_Infor .backgroundWhite .input.disabled:hover input,
.ghost .navLeft_Infor .backgroundWhite .input.disabled:hover textarea,
.ghost .navLeft_Infor .backgroundWhite .input.disabled:hover .filterOption,
.ghost .navLeft_Infor .backgroundWhite .input.disabled:hover .units, .ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover label,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover textarea,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover .filterOption,
.ghost
.navLeft_Infor .backgroundGreyWhite .input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect .btn, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn {
  border-bottom-color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect .btn .filterOption, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect .btn .caret, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .btn .caret {
  color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect .label, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .label {
  color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect input, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect .underlineHighlight, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect:hover input,
.ghost .navLeft_Infor .backgroundWhite .select .materialSelect:hover .label,
.ghost .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .caret,
.ghost .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .filterOption, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .label,
.ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .caret,
.ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn,
.ghost .navLeft_Infor .backgroundWhite .select .materialSelect:hover .btn .filterOption, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn,
.ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelect.focus input,
.ghost .navLeft_Infor .backgroundWhite .select .materialSelect.focus:hover input,
.ghost .navLeft_Infor .backgroundWhite .select .materialSelect.focus .label,
.ghost .navLeft_Infor .backgroundWhite .select .materialSelect.focus .units, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus input,
.ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus .label,
.ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelect.focus .units {
  color: #008fcf;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li .item:after, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li .item:hover .text, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li.selected .item, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.ghost .navLeft_Infor .backgroundWhite .select .materialSelectMenu.inner li.selected .item .text, .ghost
.navLeft_Infor .backgroundGreyWhite .select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn .filterOption, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .btn .caret, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .label, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect input, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect .underlineHighlight, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover input,
.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .label,
.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .caret,
.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .label,
.ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .caret,
.ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn,
.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect:hover .btn .filterOption, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn,
.ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus input,
.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus:hover input,
.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus .label,
.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelect.focus .units, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus input,
.ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus:hover input,
.ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus .label,
.ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:after, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li .item:hover .text, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.ghost .navLeft_Infor .backgroundWhite .select.disabled .materialSelectMenu.inner li.selected .item .text, .ghost
.navLeft_Infor .backgroundGreyWhite .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.midnightWithImages .navLeft_Infor .showHideButton {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .showHideButton .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .navLeft_Infor .showHideButton .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .navLeft_Infor .showHideButton {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .navLeft_Infor .showHideButton .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .navLeft_Infor .showHideButton .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .navLeft_Infor .showHideButton {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .navLeft_Infor .showHideButton .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .navLeft_Infor .showHideButton .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .navLeft_Infor .showHideButton {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .navLeft_Infor .showHideButton .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .navLeft_Infor .showHideButton .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .navLeft_Infor .showHideButton:hover {
  background-color: #005784;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnightWithImages .navLeft_Infor .showHideButton:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnightWithImages .navLeft_Infor .showHideButton:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnight .navLeft_Infor .showHideButton:hover {
  background-color: #005784;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnight .navLeft_Infor .showHideButton:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnight .navLeft_Infor .showHideButton:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.sunrise .navLeft_Infor .showHideButton:hover {
  background-color: #8b1b12;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.sunrise .navLeft_Infor .showHideButton:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.sunrise .navLeft_Infor .showHideButton:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.ghost .navLeft_Infor .showHideButton:hover {
  background-color: #5c626d;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.ghost .navLeft_Infor .showHideButton:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.ghost .navLeft_Infor .showHideButton:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnightWithImages .navLeft_Infor .showHideButton.pointedText {
  background-color: #13afff;
  border-color: #005784;
  color: #ffeb3b;
  fill: #ffeb3b;
  stroke: #ffeb3b;
  border-bottom-color: #ffeb3b;
}

.midnightWithImages .navLeft_Infor .showHideButton.pointedText .fillColor {
  fill: #ffeb3b;
  stroke: transparent;
}

.midnightWithImages .navLeft_Infor .showHideButton.pointedText .strokeColor {
  fill: transparent;
  stroke: #ffeb3b;
}

.midnight .navLeft_Infor .showHideButton.pointedText {
  background-color: #13afff;
  border-color: #005784;
  color: #ffeb3b;
  fill: #ffeb3b;
  stroke: #ffeb3b;
  border-bottom-color: #ffeb3b;
}

.midnight .navLeft_Infor .showHideButton.pointedText .fillColor {
  fill: #ffeb3b;
  stroke: transparent;
}

.midnight .navLeft_Infor .showHideButton.pointedText .strokeColor {
  fill: transparent;
  stroke: #ffeb3b;
}

.sunrise .navLeft_Infor .showHideButton.pointedText {
  background-color: #e75044;
  border-color: #8b1b12;
  color: #ffeb3b;
  fill: #ffeb3b;
  stroke: #ffeb3b;
  border-bottom-color: #ffeb3b;
}

.sunrise .navLeft_Infor .showHideButton.pointedText .fillColor {
  fill: #ffeb3b;
  stroke: transparent;
}

.sunrise .navLeft_Infor .showHideButton.pointedText .strokeColor {
  fill: transparent;
  stroke: #ffeb3b;
}

.ghost .navLeft_Infor .showHideButton.pointedText {
  background-color: #4c515a;
  border-color: #5c626d;
  color: #009eef;
  fill: #009eef;
  stroke: #009eef;
  border-bottom-color: #009eef;
}

.ghost .navLeft_Infor .showHideButton.pointedText .fillColor {
  fill: #009eef;
  stroke: transparent;
}

.ghost .navLeft_Infor .showHideButton.pointedText .strokeColor {
  fill: transparent;
  stroke: #009eef;
}

.navLeft_Infor {
  top: 0px;
  padding-top: 0px;
  /*width:100%;*/
  width: auto;
  right: 0;
  z-index: 260;
  position: fixed;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  /*.transition(all, 0.5s);*/
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: left 0.5s, background-color 0.5s;
  -moz-transition: left 0.5s, background-color 0.5s;
  transition: left 0.5s, background-color 0.5s;
}

.navLeft_Infor .adept {
  margin-left: 20px;
  width: 100px;
  float: left;
  margin-top: 5px;
}

.navLeft_Infor .adept img {
  width: 100%;
}

.navLeft_Infor .navSearch {
  padding: 20px 170px 15px 10px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #FFF;
  font-weight: 400;
}

.navLeft_Infor .navSearch-input {
  float: left;
  width: 15%;
  margin-right: 40px;
}

.navLeft_Infor .navSearch-input-small {
  width: 80px;
}

.navLeft_Infor .more {
  padding: 15px 30px 18px 30px;
  font-size: 13px;
  float: left;
  cursor: pointer;
  font-weight: 500;
  -webkit-transition: color 0.5s, background-color 1s;
  -moz-transition: color 0.5s, background-color 1s;
  transition: color 0.5s, background-color 1s;
  border-bottom-style: solid;
}

.navLeft_Infor .more.pointedText {
  border-bottom-width: 3px;
  padding-bottom: 15px;
}

.navLeft_Infor:before, .navLeft_Infor:after {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0;
}

.navLeft_Infor:before {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.navLeft_Infor:after {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.navLeft_Infor:hover:before {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.26);
}

.navLeft_Infor:hover:after {
  -webkit-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
  -ms-box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.18);
}

.contentWrapper_Infor {
  padding-left: 0px;
  -webkit-transition: padding 0.5s;
  -moz-transition: padding 0.5s;
  transition: padding 0.5s;
}

.contentWrapper_Infor .navLeft_Infor {
  left: 0px;
}

.project_Infor {
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  transition: height 0.5s;
}

.project_Infor.header {
  height: 61px;
  padding-top: 0px;
}

.project_Infor .navSearch {
  margin-top: 15px;
}

.project_Infor .highlights {
  position: relative;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s;
}

.project_Infor .highlightsEmpty,
.project_Infor #projectHighlights {
  padding-top: 20px;
}

.project_Infor .highlightBlock {
  width: 100%;
  -webkit-transition: width 1s, left 1s, top 1s;
  -moz-transition: width 1s, left 1s, top 1s;
  transition: width 1s, left 1s, top 1s;
}

.project_Infor .circleChart,
.project_Infor .barChartControl {
  height: 100px;
  width: 100px;
  overflow: hidden;
  position: relative;
  opacity: 1;
  -webkit-transition: height 1s, width 1s, opacity 1s;
  -moz-transition: height 1s, width 1s, opacity 1s;
  transition: height 1s, width 1s, opacity 1s;
}

.project_Infor.highlightsExpand .welcomeMessage div {
  padding-top: 20px;
}

.project_Infor.highlightsCollapse .highlightBlock {
  margin-bottom: 0;
  padding-bottom: 20px;
  width: 50%;
  float: left;
}

.project_Infor.highlightsCollapse .circleChart,
.project_Infor.highlightsCollapse .barChartControl {
  height: 0;
  width: 0;
  opacity: 0;
}

.project_Infor.highlightsCollapse .circleValueTopMargin,
.project_Infor.highlightsCollapse .circleValueLeftMargin {
  margin: 0;
}

/* Desktops and laptops ----------- */
@media only screen and (max-width: 1250px) {
  .navLeft .navSearch-icon {
    display: none;
  }
  .navLeft .navSearch-icon + .row {
    margin-left: 20px !important;
    margin-right: 10px;
  }
  .navLeft .navSearch .col3 {
    width: 50%;
  }
  .header {
    height: 210px;
  }
  .header.ivs {
    height: 320px;
  }
  .header.pumpModelsExpanded {
    height: 480px;
  }
  .header.pumpModelsExpanded #pumpModels {
    height: 260px;
  }
  .header.pumpModelsExpanded.ivs {
    height: 580px;
  }
  .header.ccStepOne {
    height: 580px;
  }
  .header.advancedOptionsExpanded.CommercialPumps.DesignEnvelope {
    height: 530px;
  }
  .header.advancedOptionsExpanded.CommercialPumps.Conventional-VariableSpeed {
    height: 540px;
  }
  .header.advancedOptionsExpanded.CommercialPumps.Conventional-ConstantSpeed {
    height: 530px;
  }
  .header.advancedOptionsExpanded.ResidentialPumps.Conventional {
    height: 440px;
  }
  .header.advancedOptionsExpanded.ResidentialPumps.Conventional #advancedOptions {
    height: 220px;
  }
}

@media only screen and (max-width: 990px) {
  .pushNavMenu {
    width: 172px;
    left: -172px;
    background-color: black;
    z-index: 2300;
  }
  .pushNavMenu .pushNavMain {
    overflow: visible;
  }
  .pushNavMenu .pushNavMain ul {
    padding-top: 36px;
  }
  .pushNavMenu .pushNavMain ul li {
    height: 47px;
  }
  .pushNavMenu .pushNavMain ul li:first-child {
    position: absolute;
    right: -50px;
    top: 0px;
    width: 100%;
    z-index: 10;
    -webkit-transition: right 0.5s;
    -moz-transition: right 0.5s;
    transition: right 0.5s;
  }
  .pushNavMenu .pushNavMain ul li:not(:first-child) {
    position: relative;
  }
  .pushNavMenu .pushNavMain ul li:not(:first-child) .menuItemContainer:not(.selected) {
    background-color: black;
  }
  .pushNavMenu .pushNavMain ul li:not(:first-child) .menuItemContainer .menuTitle.expandedTitle {
    opacity: 1 !important;
    display: block !important;
  }
  .pushNavMenu .pushNavMain ul li:not(:first-child) .menuItemContainer .menuTitle.collapsedTitle {
    opacity: 0 !important;
    display: none !important;
  }
  .navExpanded .contentWrapper {
    padding-left: 0px;
  }
  .navExpanded .pushNavMenu {
    left: 0px;
  }
  .navExpanded .pushNavMenu .pushNavMain ul li:first-child {
    right: 0;
  }
  .navExpanded .statusBar {
    /*left: 50px;*/
  }
  .index .armstrongLogo,
  .results .armstrongLogo {
    display: none;
  }
  .contentWrapper {
    padding-left: 0px;
  }
  .contentWrapper #productSearchContainer .navLeft > .row > .row,
  .contentWrapper #searchResultContainer .navLeft > .row > .row {
    margin: 0 !important;
  }
  .contentWrapper .statusBar {
    /*position: absolute;*/
  }
  .contentWrapper .header {
    padding-top: 35px;
    padding-left: 0;
    padding-right: 0;
    height: initial;
  }
  .contentWrapper .header.index .navLeft .navSearch, .contentWrapper .header.results .navLeft .navSearch {
    padding-top: 15px;
  }
  .contentWrapper .header.detail {
    min-height: 0;
  }
  .contentWrapper .header.detail .navLeft {
    padding-top: 0;
  }
  .contentWrapper .header.project #projectHighlights {
    padding-top: 0;
  }
  .contentWrapper .header.pumpModelsExpanded #pumpModels {
    height: 230px;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.DesignEnvelope #advancedOptions {
    height: 490px;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.Conventional-VariableSpeed #advancedOptions {
    height: 300px;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.Conventional-ConstantSpeed #advancedOptions {
    height: 420px;
  }
  .contentWrapper .header.advancedOptionsExpanded.ResidentialPumps #advancedOptions {
    height: 310px;
  }
  .contentWrapper .header.results {
    min-height: 300px;
  }
  .contentWrapper .header.results .navSearch {
    margin-top: 10px;
  }
  .contentWrapper .header.results.advancedOptionsExpanded #advancedOptions {
    height: 360px;
  }
  .contentWrapper .header .navSearch {
    margin-top: 60px;
    margin-left: 10px;
  }
  .contentWrapper .header .navLeft {
    position: relative;
    left: 0;
    top: 0;
  }
  .contentWrapper .header .navLeft .more {
    width: 33.33333%;
    padding: 15px 0;
    margin-left: 0;
    text-align: center;
  }
  .contentWrapper .header .navLeft .searchNavigationMargin {
    margin-left: 0;
  }
  .contentWrapper .header .navLeft .navSearch {
    padding-top: 0;
    padding-right: 20px;
  }
  .contentWrapper .header .navLeft .navSearch .col3 {
    width: 100%;
    margin-bottom: 5px;
  }
  .contentWrapper .header .navLeft .navSearch .col12 > .pullRight {
    position: absolute;
    bottom: 0;
    width: calc(100% - 10px);
    float: none;
    margin-top: 0;
  }
  .contentWrapper .header .navLeft .navSearch .col12 > .pullRight .materialElement {
    width: 100%;
  }
  .contentWrapper .header .navLeft .navSearch .col12 > .pullRight .materialElement a {
    padding: 10px 0;
    text-align: center;
  }
  .contentWrapper .header .navLeft .navSearch .col12 > .row {
    margin-right: 0px !important;
    padding-bottom: 40px;
  }
  .contentWrapper .header .navLeft:before, .contentWrapper .header .navLeft:after {
    display: none;
  }
  .searchNavigationMargin {
    margin-left: 0px;
  }
  .searchNavigationMargin .col2 {
    width: 33.33333%;
  }
  .searchNavigationMargin .col11 {
    width: calc(100% - 20px);
  }
  .searchNavigationMargin .col11 .row:before,
  .searchNavigationMargin .col11 .row:after {
    content: none;
  }
  .searchNavigationMargin.paddingExtraLarge {
    padding: 40px 20px 20px;
  }
  .searchNavigationMargin .col10 {
    width: 100%;
  }
  .hero {
    padding-top: 0;
    margin-left: 0;
  }
  .hero .heroText {
    float: none;
    margin-top: 30px;
  }
  .hero .heroText .heroTitle img {
    width: 400px;
  }
  .hero .heroText .heroContent {
    width: auto;
  }
  .hero .heroTitleText {
    margin-top: 0;
  }
  .hero .heroTitleText .paddingLarge {
    padding: 10px 20px;
  }
  #pibContainerID .col3 {
    width: calc(100% - 20px);
  }
  .scrolled .statusBar:before, .scrolled .statusBar:after {
    opacity: 0.5;
  }
  .scrolled .navLeft .navSearch {
    margin-top: 0px;
  }
  .scrolled .navLeft .materialElement.input .label {
    -webkit-transform: scale(0.7) translate3d(0, -25px, 0);
    -moz-transform: scale(0.7) translate3d(0, -25px, 0);
    -ms-transform: scale(0.7) translate3d(0, -25px, 0);
    -o-transform: scale(0.7) translate3d(0, -25px, 0);
    transform: scale(0.7) translate3d(0, -25px, 0);
  }
  .scrolled .navLeft .materialElement.input.values .label {
    -webkit-transform: scale(0.7) translate3d(0, -25px, 0);
    -moz-transform: scale(0.7) translate3d(0, -25px, 0);
    -ms-transform: scale(0.7) translate3d(0, -25px, 0);
    -o-transform: scale(0.7) translate3d(0, -25px, 0);
    transform: scale(0.7) translate3d(0, -25px, 0);
  }
  .scrolled .navLeft .materialElement.input.focus .label {
    -webkit-transform: scale(0.7) translate3d(0, -25px, 0);
    -moz-transform: scale(0.7) translate3d(0, -25px, 0);
    -ms-transform: scale(0.7) translate3d(0, -25px, 0);
    -o-transform: scale(0.7) translate3d(0, -25px, 0);
    transform: scale(0.7) translate3d(0, -25px, 0);
  }
  .scrolled .navLeft .materialElement.select .materialSelect.close .caret {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .scrolled .navLeft .materialElement.select .materialSelect.close .label {
    -webkit-transform: scale(0.7) translate3d(0, -25px, 0);
    -moz-transform: scale(0.7) translate3d(0, -25px, 0);
    -ms-transform: scale(0.7) translate3d(0, -25px, 0);
    -o-transform: scale(0.7) translate3d(0, -25px, 0);
    transform: scale(0.7) translate3d(0, -25px, 0);
  }
  .scrolled.catchFixedTitle .fixedTitle {
    position: relative;
    top: auto;
    left: auto;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .scrolled.catchFixedTitle .fixedButtons {
    top: auto;
    bottom: -25px;
    right: 10% !important;
    position: absolute;
    z-index: 100;
  }
  .scrolled.catchFixedTitle .navRight {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .scrolled.catchFixedTitle .textElement.listPrice {
    position: relative;
    top: auto;
    left: 0px !important;
    color: inherit;
    font-size: 22px !important;
    font-weight: 400;
  }
  .scrolled.catchFixedTitle .textElement.listPrice .price {
    color: #2ECC71;
  }
  .scrolled.catchFixedTitle .textElement.listPrice small {
    color: #666;
  }
}

@media only screen and (max-width: 720px) {
  #pumpModels {
    overflow-x: auto !important;
  }
  #pumpModels > .row {
    min-width: inherit !important;
  }
  #pumpModels .selectAll {
    text-align: center;
    padding: 20px !important;
    margin: 0;
    float: none;
    background-color: #eee;
  }
  #pumpModels .selectAll .series {
    display: inline-table;
  }
  #pumpModels .textCenter.paddingLarge {
    float: none;
  }
  .contentWrapper .header.pumpModelsExpanded.CommercialPumps.DesignEnvelope #pumpModels {
    height: 970px;
  }
  .contentWrapper .header.pumpModelsExpanded.CommercialPumps.Conventional-VariableSpeed #pumpModels {
    height: 1212px;
  }
  .contentWrapper .header.pumpModelsExpanded.CommercialPumps.Conventional-ConstantSpeed #pumpModels {
    height: 1438px;
  }
  .contentWrapper .header.pumpModelsExpanded.ResidentialPumps.Conventional #pumpModels {
    height: 980px;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.DesignEnvelope #advancedOptions {
    height: 702px;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.Conventional-VariableSpeed #advancedOptions {
    height: 400px;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.Conventional-ConstantSpeed #advancedOptions {
    height: 420px;
  }
  .contentWrapper .header.project .highlightChevron {
    display: none;
  }
  .contentWrapper .hero {
    padding-bottom: 20px;
  }
  .contentWrapper .hero .heroTitleText {
    font-size: 28px;
  }
  .searchNavigationMargin {
    margin-left: 0px;
  }
  .searchNavigationMargin .col2 {
    width: 50%;
  }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 480px) {
  .contentWrapper .header {
    background-image: none !important;
    background-color: #1D4B6C;
  }
  .contentWrapper .header:after {
    background-color: transparent;
  }
  .contentWrapper .header .navLeft .more {
    width: 50%;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.DesignEnvelope #advancedOptions {
    height: 960px;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.Conventional-VariableSpeed #advancedOptions {
    height: 670px;
  }
  .contentWrapper .header.advancedOptionsExpanded.CommercialPumps.Conventional-ConstantSpeed #advancedOptions {
    height: 690px;
  }
  .contentWrapper .hero .heroText .heroTitle img {
    width: 100%;
  }
  .searchNavigationMargin {
    margin-left: 0px;
  }
  .searchNavigationMargin .col11,
  .searchNavigationMargin .col10,
  .searchNavigationMargin .col2 {
    width: 100%;
  }
  .searchNavigationMargin .col6:first-child {
    width: calc(50% - 20px);
    margin-right: 20px;
  }
  #pibContainerID .col3 {
    width: 100%;
  }
}

/* Smartphones (small) ----------- */
.midnightWithImages .statusBar, .midnightWithImages
.subMenuContainer, .midnightWithImages
.statusBar .menu {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .statusBar .fillColor, .midnightWithImages
.subMenuContainer .fillColor, .midnightWithImages
.statusBar .menu .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .statusBar .strokeColor, .midnightWithImages
.subMenuContainer .strokeColor, .midnightWithImages
.statusBar .menu .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .statusBar, .midnight
.subMenuContainer, .midnight
.statusBar .menu {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .statusBar .fillColor, .midnight
.subMenuContainer .fillColor, .midnight
.statusBar .menu .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .statusBar .strokeColor, .midnight
.subMenuContainer .strokeColor, .midnight
.statusBar .menu .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .statusBar, .sunrise
.subMenuContainer, .sunrise
.statusBar .menu {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .statusBar .fillColor, .sunrise
.subMenuContainer .fillColor, .sunrise
.statusBar .menu .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .statusBar .strokeColor, .sunrise
.subMenuContainer .strokeColor, .sunrise
.statusBar .menu .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .statusBar, .ghost
.subMenuContainer, .ghost
.statusBar .menu {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .statusBar .fillColor, .ghost
.subMenuContainer .fillColor, .ghost
.statusBar .menu .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .statusBar .strokeColor, .ghost
.subMenuContainer .strokeColor, .ghost
.statusBar .menu .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .statusBar .buttonSquare, .midnightWithImages
.subMenuContainer .buttonSquare, .midnightWithImages
.statusBar .menu .buttonSquare {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .statusBar .buttonSquare .fillColor, .midnightWithImages
.subMenuContainer .buttonSquare .fillColor, .midnightWithImages
.statusBar .menu .buttonSquare .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .statusBar .buttonSquare .strokeColor, .midnightWithImages
.subMenuContainer .buttonSquare .strokeColor, .midnightWithImages
.statusBar .menu .buttonSquare .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .statusBar .buttonSquare, .midnight
.subMenuContainer .buttonSquare, .midnight
.statusBar .menu .buttonSquare {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .statusBar .buttonSquare .fillColor, .midnight
.subMenuContainer .buttonSquare .fillColor, .midnight
.statusBar .menu .buttonSquare .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .statusBar .buttonSquare .strokeColor, .midnight
.subMenuContainer .buttonSquare .strokeColor, .midnight
.statusBar .menu .buttonSquare .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .statusBar .buttonSquare, .sunrise
.subMenuContainer .buttonSquare, .sunrise
.statusBar .menu .buttonSquare {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .statusBar .buttonSquare .fillColor, .sunrise
.subMenuContainer .buttonSquare .fillColor, .sunrise
.statusBar .menu .buttonSquare .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .statusBar .buttonSquare .strokeColor, .sunrise
.subMenuContainer .buttonSquare .strokeColor, .sunrise
.statusBar .menu .buttonSquare .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .statusBar .buttonSquare, .ghost
.subMenuContainer .buttonSquare, .ghost
.statusBar .menu .buttonSquare {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .statusBar .buttonSquare .fillColor, .ghost
.subMenuContainer .buttonSquare .fillColor, .ghost
.statusBar .menu .buttonSquare .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .statusBar .buttonSquare .strokeColor, .ghost
.subMenuContainer .buttonSquare .strokeColor, .ghost
.statusBar .menu .buttonSquare .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .statusBar .buttonSquare:hover, .midnightWithImages
.subMenuContainer .buttonSquare:hover, .midnightWithImages
.statusBar .menu .buttonSquare:hover {
  background-color: #005784;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnightWithImages .statusBar .buttonSquare:hover .fillColor, .midnightWithImages
.subMenuContainer .buttonSquare:hover .fillColor, .midnightWithImages
.statusBar .menu .buttonSquare:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnightWithImages .statusBar .buttonSquare:hover .strokeColor, .midnightWithImages
.subMenuContainer .buttonSquare:hover .strokeColor, .midnightWithImages
.statusBar .menu .buttonSquare:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnight .statusBar .buttonSquare:hover, .midnight
.subMenuContainer .buttonSquare:hover, .midnight
.statusBar .menu .buttonSquare:hover {
  background-color: #005784;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.midnight .statusBar .buttonSquare:hover .fillColor, .midnight
.subMenuContainer .buttonSquare:hover .fillColor, .midnight
.statusBar .menu .buttonSquare:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.midnight .statusBar .buttonSquare:hover .strokeColor, .midnight
.subMenuContainer .buttonSquare:hover .strokeColor, .midnight
.statusBar .menu .buttonSquare:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.sunrise .statusBar .buttonSquare:hover, .sunrise
.subMenuContainer .buttonSquare:hover, .sunrise
.statusBar .menu .buttonSquare:hover {
  background-color: #8b1b12;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.sunrise .statusBar .buttonSquare:hover .fillColor, .sunrise
.subMenuContainer .buttonSquare:hover .fillColor, .sunrise
.statusBar .menu .buttonSquare:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.sunrise .statusBar .buttonSquare:hover .strokeColor, .sunrise
.subMenuContainer .buttonSquare:hover .strokeColor, .sunrise
.statusBar .menu .buttonSquare:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.ghost .statusBar .buttonSquare:hover, .ghost
.subMenuContainer .buttonSquare:hover, .ghost
.statusBar .menu .buttonSquare:hover {
  background-color: #5c626d;
  color: #FFFFFF;
  fill: #FFFFFF;
  stroke: #FFFFFF;
}

.ghost .statusBar .buttonSquare:hover .fillColor, .ghost
.subMenuContainer .buttonSquare:hover .fillColor, .ghost
.statusBar .menu .buttonSquare:hover .fillColor {
  fill: #FFFFFF;
  stroke: transparent;
}

.ghost .statusBar .buttonSquare:hover .strokeColor, .ghost
.subMenuContainer .buttonSquare:hover .strokeColor, .ghost
.statusBar .menu .buttonSquare:hover .strokeColor {
  fill: transparent;
  stroke: #FFFFFF;
}

.midnightWithImages .statusBar .materialCircleResponse.animate .circle, .midnightWithImages
.subMenuContainer .materialCircleResponse.animate .circle, .midnightWithImages
.statusBar .menu .materialCircleResponse.animate .circle {
  background-color: #006ea7;
}

.midnight .statusBar .materialCircleResponse.animate .circle, .midnight
.subMenuContainer .materialCircleResponse.animate .circle, .midnight
.statusBar .menu .materialCircleResponse.animate .circle {
  background-color: #006ea7;
}

.sunrise .statusBar .materialCircleResponse.animate .circle, .sunrise
.subMenuContainer .materialCircleResponse.animate .circle, .sunrise
.statusBar .menu .materialCircleResponse.animate .circle {
  background-color: #aa2116;
}

.ghost .statusBar .materialCircleResponse.animate .circle, .ghost
.subMenuContainer .materialCircleResponse.animate .circle, .ghost
.statusBar .menu .materialCircleResponse.animate .circle {
  background-color: #4c515a;
}

.midnightWithImages .statusBar .logout, .midnightWithImages
.subMenuContainer .logout, .midnightWithImages
.statusBar .menu .logout {
  background-color: #006ea7;
}

.midnight .statusBar .logout, .midnight
.subMenuContainer .logout, .midnight
.statusBar .menu .logout {
  background-color: #006ea7;
}

.sunrise .statusBar .logout, .sunrise
.subMenuContainer .logout, .sunrise
.statusBar .menu .logout {
  background-color: #aa2116;
}

.ghost .statusBar .logout, .ghost
.subMenuContainer .logout, .ghost
.statusBar .menu .logout {
  background-color: #4c515a;
}

.statusBar {
  /*width:auto;*/
  height: 36px;
  /*position: fixed;*/
  top: 0;
  right: 0;
  z-index: 2200;
  /*left: $navWidthCollapsed;*/
  -webkit-transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  border-bottom: 1px solid;
}

.statusBar .statusBarInner {
  height: 36px;
  width: 100%;
}

.statusBar .buttonSquare {
  height: 36px;
  -webkit-transition: background 0.5s ease-in-out;
  -moz-transition: background 0.5s ease-in-out;
  transition: background 0.5s ease-in-out;
}

.statusBar .buttonSquare:before, .statusBar .buttonSquare:after, .statusBar .buttonSquare:hover:before, .statusBar .buttonSquare:hover:after {
  -webkit-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -o-box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  box-shadow: 0 0 0 0 transparent;
}

.statusBar .materialElement.button.noIcon.pleaseLogin a {
  padding: 12px 15px;
}

.statusBar .materialElement.button a i {
  opacity: 1;
}

.statusBar .projectInfo.caretAfter a {
  padding-right: 30px;
}

.statusBar .menu {
  border-style: solid;
  border-width: 1px;
  box-sizing: border-box;
}

.userListItem {
  margin-bottom: -1px;
}

.subMenuContainer {
  display: none;
  position: fixed;
  left: 100%;
  top: 0;
  height: 100%;
  z-index: 2925;
  -webkit-transition: transform 1s;
  -moz-transition: transform 1s;
  transition: transform 1s;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.subMenuContainer .subMenuIcon {
  height: 26px;
  width: 16px;
  padding: 5px 6px 5px 8px;
  font-size: 24px;
  color: #e9e9e9;
  background-color: #333;
  display: block;
  cursor: pointer;
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  transition: transform 1s;
  -webkit-transform: translate3d(-30px, 0, 0);
  -moz-transform: translate3d(-30px, 0, 0);
  -ms-transform: translate3d(-30px, 0, 0);
  -o-transform: translate3d(-30px, 0, 0);
  transform: translate3d(-30px, 0, 0);
}

.subMenuContainer .subMenuIcon::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  border-color: #666;
  content: '';
  display: block;
  height: 10px;
  width: 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  transition: transform 1s;
}

.subMenuContainer .subMenuItem {
  width: 300px;
  display: block;
}

.subMenuContainer .subMenuItem.market {
  margin-bottom: -3px;
}

.subMenuContainer .subMenuItem.market::before {
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  border-color: #fff;
  content: '';
  display: block;
  height: 7px;
  width: 7px;
  position: absolute;
  right: 18px;
  top: 14px;
  z-index: 1;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: -webkit-transform 1s;
  -moz-transition: -moz-transform 1s;
  transition: transform 1s;
}

.subMenuContainer .subMenuItem.market .marketList {
  top: 0;
  left: 0;
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
  height: 0px;
  -webkit-transition: height 1s;
  -moz-transition: height 1s;
  transition: height 1s;
}

.subMenuContainer .subMenuItem.market .marketList a.current {
  background-color: #4183d7;
}

.subMenuContainer .subMenuItem .button a {
  width: calc(100% - 30px);
  padding-top: 15px;
  padding-bottom: 15px;
}

.subMenuContainer .subMenuItem .button a i {
  float: left;
  margin: -6px 10px 0 0;
}

.subMenuContainer .subMenuItem .buttonSquare {
  display: block;
}

.subMenuContainer .subMenuItem .buttonSquare:before, .subMenuContainer .subMenuItem .buttonSquare:after, .subMenuContainer .subMenuItem .buttonSquare:hover:before, .subMenuContainer .subMenuItem .buttonSquare:hover:after {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.subMenuContainer .caretAfter a:after {
  display: none !important;
}

.expandMarketList .subMenuContainer .subMenuItem.market:before {
  top: 17.5px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.expandMarketList .subMenuContainer .subMenuItem.market .marketList {
  height: 224px;
}

/* Desktops and laptops ----------- */
@media only screen and (max-width: 990px) {
  .subMenuContainer {
    display: block;
  }
  .statusBarClonedItem,
  #notificationCountContainer,
  #currentProjectId {
    display: none !important;
  }
  .expandSubMenu .subMenuContainer {
    -webkit-transform: translate3d(-300px, 0, 0);
    -moz-transform: translate3d(-300px, 0, 0);
    -ms-transform: translate3d(-300px, 0, 0);
    -o-transform: translate3d(-300px, 0, 0);
    transform: translate3d(-300px, 0, 0);
  }
  .expandSubMenu .subMenuContainer .subMenuIcon {
    width: 286px;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .expandSubMenu .subMenuContainer .subMenuIcon::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .expandSubMenu .mainContainer:after {
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
  }
}

/* Smartphones (portrait and landscape) ----------- */
/* Smartphones (small) ----------- */
.summaryTable {
  background-color: white;
  padding: 10px;
  width: 100%;
}

.summaryTableCellData {
  padding: 5px;
  width: 15%;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  text-align: right;
}

.summaryTableCellName {
  font-weight: bold;
  padding: 5px;
  width: 15%;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
}

.summaryTableSpacer {
  width: 2%;
}

.genericSectionTitle {
  position: relative;
  background-color: white;
  padding: 15px;
  border-bottom-width: 1px;
  border-bottom-color: lightgrey;
  border-bottom-style: solid;
}

.genericBlockTitle {
  text-transform: uppercase;
  border-bottom-width: 1px;
  border-bottom-color: lightgrey;
  border-bottom-style: solid;
  padding-bottom: 10px;
  font-size: 11px;
}

.introjs-overlay {
  position: absolute;
  z-index: 999999;
  opacity: 0;
  background-image: -webkit-radial-gradient(center, ellipse cover,  rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
  background-image: radial-gradient( ellipse  at center,  rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%);
}

.introjs-fixParent {
  z-index: auto !important;
  position: absolute !important;
  opacity: 1;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
}

.introjs-showElement,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  z-index: 9999999 !important;
}

.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
}

.introjs-relativePosition,
tr.introjs-showElement > td,
tr.introjs-showElement > th {
  position: relative;
}

.introjs-helperLayer {
  position: absolute;
  z-index: 9999998;
  background-color: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.introjs-tooltipReferenceLayer {
  position: absolute;
  z-index: 10000000;
  background-color: transparent;
}

.introjs-helperLayer *,
.introjs-helperLayer *:before,
.introjs-helperLayer *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  -ms-box-sizing: content-box;
  -o-box-sizing: content-box;
  box-sizing: content-box;
}

.introjs-helperNumberLayer {
  position: absolute;
  top: -16px;
  left: -16px;
  z-index: 9999999999 !important;
  font-family: Arial, verdana, tahoma;
  font-size: 13px;
  line-height: 20px;
  font-weight: bold;
  color: white;
  text-align: center;
  width: 20px;
  height: 20px;
  padding: 2px;
  border: 3px solid #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #ff3019;
  /* Old browsers */
  background-color: #ff3019;
  background-image: -webkit-linear-gradient(top , #ff3019 0%, #cf0404 100%);
  background-image: linear-gradient(to bottom,#ff3019 0%, #cf0404 100%);
}

.introjs-arrow {
  border: 5px solid white;
  content: '';
  position: absolute;
}

.introjs-arrow.top {
  top: -10px;
  border-color: transparent transparent white;
}

.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-color: transparent transparent white;
}

.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-color: transparent transparent white;
}

.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-color: transparent transparent transparent white;
}

.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-color: transparent transparent transparent white;
}

.introjs-arrow.bottom {
  bottom: -10px;
  border-color: white transparent transparent;
}

.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-color: transparent white transparent transparent;
}

.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-color: transparent white transparent transparent;
}

.introjs-tooltip {
  position: absolute;
  padding: 10px;
  background-color: white;
  min-width: 250px;
  max-width: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
}

/*
 Buttons style by http://nicolasgallagher.com/lab/css3-github-buttons/
 Changed by Afshin Mehrabani
*/
.introjs-button {
  position: relative;
  overflow: visible;
  display: inline-block;
  padding: 0.3em 0.8em;
  border: 1px solid #d4d4d4;
  margin: 0;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font: 11px/normal sans-serif;
  color: #333;
  white-space: nowrap;
  cursor: pointer;
  outline: none;
  background-color: #ececec;
  background-color: #f4f4f4;
  background-image: -webkit-linear-gradient(#f4f4f4, #ececec);
  background-image: linear-gradient(#f4f4f4, #ececec);
  -webkit-background-clip: padding;
  -moz-background-clip: padding;
  -o-background-clip: padding-box;
  /*background-clip: padding-box;*/
  /* commented out due to Opera 11.10 bug */
  -webkit-border-radius: 0.2em;
  -moz-border-radius: 0.2em;
  -o-border-radius: 0.2em;
  -ms-border-radius: 0.2em;
  border-radius: 0.2em;
  /* IE hacks */
  zoom: 1;
  *display: inline;
  margin-top: 10px;
}

.introjs-button:hover {
  border-color: #bcbcbc;
  text-decoration: none;
  box-shadow: 0px 1px 1px #e3e3e3;
}

.introjs-button:focus,
.introjs-button:active {
  background-color: #ececec;
  background-image: -webkit-linear-gradient(#ececec, #f4f4f4);
  background-image: linear-gradient(#ececec, #f4f4f4);
}

/* overrides extra padding on button elements in Firefox */
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.introjs-skipbutton {
  margin-right: 5px;
  color: #7a7a7a;
}

.introjs-prevbutton {
  -webkit-border-radius: 0.2em 0 0 0.2em;
  -moz-border-radius: 0.2em 0 0 0.2em;
  -o-border-radius: 0.2em 0 0 0.2em;
  -ms-border-radius: 0.2em 0 0 0.2em;
  border-radius: 0.2em 0 0 0.2em;
  border-right: none;
}

.introjs-nextbutton {
  -webkit-border-radius: 0 0.2em 0.2em 0;
  -moz-border-radius: 0 0.2em 0.2em 0;
  -o-border-radius: 0 0.2em 0.2em 0;
  -ms-border-radius: 0 0.2em 0.2em 0;
  border-radius: 0 0.2em 0.2em 0;
}

.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus {
  color: #9a9a9a;
  border-color: #d4d4d4;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}

.introjs-bullets {
  text-align: center;
}

.introjs-bullets ul {
  clear: both;
  margin: 15px auto 0;
  padding: 0;
  display: inline-block;
}

.introjs-bullets ul li {
  list-style: none;
  float: left;
  margin: 0 2px;
}

.introjs-bullets ul li a {
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  text-decoration: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.introjs-bullets ul li a:hover {
  background: #999;
}

.introjs-bullets ul li a.active {
  background: #999;
}

.introjs-progress {
  overflow: hidden;
  height: 10px;
  margin: 10px 0 5px 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-color: #ecf0f1;
}

.introjs-progressbar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}

.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}

.introjs-body .introjs-showElement .materialElement.input .label,
.introjs-body .introjs-showElement .materialElement.input .units {
  color: #000;
}

.introjs-body .introjs-showElement .materialElement.input .units i .fillColor {
  color: #000;
}

.introjs-body .introjs-showElement .materialElement.input input,
.introjs-body .introjs-showElement .materialElement.input textarea {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: #000;
  color: #000;
}

.introjs-body .introjs-showElement .materialElement.input .underlineHighlight {
  background-color: #000;
}

.introjs-body .introjs-showElement .materialElement.input input::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.introjs-body .introjs-showElement .materialElement.input input:-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.introjs-body .introjs-showElement .materialElement.input input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.introjs-body .introjs-showElement .materialElement.input input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.2);
}

.introjs-body .introjs-showElement .materialElement.input.focus input,
.introjs-body .introjs-showElement .materialElement.input.focus:hover input,
.introjs-body .introjs-showElement .materialElement.input.focus textarea,
.introjs-body .introjs-showElement .materialElement.input.focus:hover textarea,
.introjs-body .introjs-showElement .materialElement.input.focus .label,
.introjs-body .introjs-showElement .materialElement.input.focus .units {
  color: #008fcf;
}

.introjs-body .introjs-showElement .materialElement.input.focus .underlineHighlight {
  background-color: #008fcf;
}

.introjs-body .introjs-showElement .materialElement.input .underlineHighlight {
  background-color: #000;
}

.introjs-body .introjs-showElement .materialElement.input:hover input,
.introjs-body .introjs-showElement .materialElement.input:hover textarea {
  border-bottom: 1px solid #03b1ff;
}

.introjs-body .introjs-showElement .materialElement.input:hover label,
.introjs-body .introjs-showElement .materialElement.input:hover input,
.introjs-body .introjs-showElement .materialElement.input:hover textarea,
.introjs-body .introjs-showElement .materialElement.input:hover .filterOption,
.introjs-body .introjs-showElement .materialElement.input:hover .units {
  color: #03b1ff;
}

.introjs-body .introjs-showElement .materialElement.input.disabled .label,
.introjs-body .introjs-showElement .materialElement.input.disabled .units {
  color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.input.disabled .units i .fillColor {
  color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.input.disabled input,
.introjs-body .introjs-showElement .materialElement.input.disabled textarea {
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.input.disabled input::-webkit-input-placeholder {
  color: transparent;
}

.introjs-body .introjs-showElement .materialElement.input.disabled input:-moz-placeholder {
  color: transparent;
}

.introjs-body .introjs-showElement .materialElement.input.disabled input::-moz-placeholder {
  color: transparent;
}

.introjs-body .introjs-showElement .materialElement.input.disabled input:-ms-input-placeholder {
  color: transparent;
}

.introjs-body .introjs-showElement .materialElement.input.disabled.focus input,
.introjs-body .introjs-showElement .materialElement.input.disabled.focus:hover input,
.introjs-body .introjs-showElement .materialElement.input.disabled.focus textarea,
.introjs-body .introjs-showElement .materialElement.input.disabled.focus:hover textarea,
.introjs-body .introjs-showElement .materialElement.input.disabled.focus .label,
.introjs-body .introjs-showElement .materialElement.input.disabled.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.introjs-body .introjs-showElement .materialElement.input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.introjs-body .introjs-showElement .materialElement.input.disabled .underlineHighlight {
  background-color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.input.disabled:hover input,
.introjs-body .introjs-showElement .materialElement.input.disabled:hover textarea {
  border-bottom: 1px solid rgba(3, 177, 255, 0.35);
}

.introjs-body .introjs-showElement .materialElement.input.disabled:hover label,
.introjs-body .introjs-showElement .materialElement.input.disabled:hover input,
.introjs-body .introjs-showElement .materialElement.input.disabled:hover textarea,
.introjs-body .introjs-showElement .materialElement.input.disabled:hover .filterOption,
.introjs-body .introjs-showElement .materialElement.input.disabled:hover .units {
  color: rgba(3, 177, 255, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect .btn {
  border-bottom-color: #000;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect .btn .filterOption {
  color: #000;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom-color: #000;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect .btn .caret {
  color: #000;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect .label {
  color: #000;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect input {
  border-bottom-color: #000;
  color: #000;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect .underlineHighlight {
  background-color: #008fcf;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect:hover input,
.introjs-body .introjs-showElement .materialElement.select .materialSelect:hover .label,
.introjs-body .introjs-showElement .materialElement.select .materialSelect:hover .btn .caret,
.introjs-body .introjs-showElement .materialElement.select .materialSelect:hover .btn .filterOption {
  color: #03b1ff;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect:hover .btn,
.introjs-body .introjs-showElement .materialElement.select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #03b1ff;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelect.focus input,
.introjs-body .introjs-showElement .materialElement.select .materialSelect.focus:hover input,
.introjs-body .introjs-showElement .materialElement.select .materialSelect.focus .label,
.introjs-body .introjs-showElement .materialElement.select .materialSelect.focus .units {
  color: #008fcf;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelectMenu.inner li .item:after {
  background-color: #008fcf;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelectMenu.inner li .item:hover .text {
  color: #008fcf;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelectMenu.inner li.selected .item {
  background-color: #9ce0ff;
  border: 1px solid #9ce0ff;
}

.introjs-body .introjs-showElement .materialElement.select .materialSelectMenu.inner li.selected .item .text {
  color: #274259;
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect .btn {
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect .btn .filterOption {
  color: rgba(0, 0, 0, 0.35);
  background-color: transparent;
  border: 1px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect .btn .caret {
  color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect .label {
  color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect input {
  border-bottom-color: rgba(0, 0, 0, 0.35);
  color: rgba(0, 0, 0, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 143, 207, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect:hover input,
.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect:hover .label,
.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect:hover .btn .caret,
.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(3, 177, 255, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect:hover .btn,
.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(3, 177, 255, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect.focus input,
.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect.focus:hover input,
.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect.focus .label,
.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelect.focus .units {
  color: rgba(0, 143, 207, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 143, 207, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 143, 207, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(156, 224, 255, 0.35);
  border: 1px solid rgba(156, 224, 255, 0.35);
}

.introjs-body .introjs-showElement .materialElement.select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(39, 66, 89, 0.35);
}

.introjs-tooltip .introjs-tooltiptext {
  line-height: 1.5;
}

.introjs-tooltip .introjs-tooltiptext .tooltipTitle {
  font-size: 16px;
  font-weight: 600;
}

.introjs-body {
  overflow-x: hidden;
}

.introjs-body .tutorialWrapper {
  position: relative !important;
}

.introjs-body .statusBar {
  -webkit-transition: color;
  -moz-transition: color;
  transition: color;
  position: relative !important;
  left: 0 !important;
}

.introjs-body .statusBar #notificationCountContainer.introjs-showElement {
  background-color: #4183d7 !important;
}

.introjs-body .pumpModelsExpanded.header {
  padding-top: 144px !important;
}

.introjs-body .pumpModelsExpanded .navLeft.introjs-fixParent {
  top: 0 !important;
  left: 0 !important;
}

.introjs-body .project.header {
  padding: 4px 0 40px 0 !important;
}

.introjs-body .pushNavMenu,
.introjs-body .contentWrapper,
.introjs-body .header,
.introjs-body .navLeft {
  -webkit-transition: color;
  -moz-transition: color;
  transition: color;
}

.introjs-body .navSearch,
.introjs-body .navRight {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.introjs-body .navSearch .introjs-showElement.detailSearchOption,
.introjs-body .navRight .introjs-showElement.detailSearchOption {
  overflow: hidden;
}

.introjs-body .navSearch .introjs-showElement i .fillColor,
.introjs-body .navRight .introjs-showElement i .fillColor {
  fill: #000 !important;
}

.introjs-body .navSearch .introjs-showElement i .strokeColor,
.introjs-body .navRight .introjs-showElement i .strokeColor {
  stroke: #000 !important;
}

.introjs-body-remove .pushNavMenu,
.introjs-body-remove .statusBar,
.introjs-body-remove .header,
.introjs-body-remove .navLeft,
.introjs-body-remove .hero {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

.drawerSpinner {
  overflow: hidden;
}

.armstrongDrawer {
  background-color: #fff;
  position: fixed;
  right: -100%;
  top: 0;
  z-index: 3000;
  height: 100%;
}

.armstrongDrawer:before, .armstrongDrawer:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 0;
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  -webkit-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.armstrongDrawer:before {
  opacity: 0;
  -webkit-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.36);
  -moz-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.36);
  -o-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.36);
  -ms-box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.36);
  box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.36);
}

.armstrongDrawer:after {
  opacity: 0;
  -webkit-box-shadow: 0 -8px 37px 0 rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 0 -8px 37px 0 rgba(0, 0, 0, 0.26);
  -o-box-shadow: 0 -8px 37px 0 rgba(0, 0, 0, 0.26);
  -ms-box-shadow: 0 -8px 37px 0 rgba(0, 0, 0, 0.26);
  box-shadow: 0 -8px 37px 0 rgba(0, 0, 0, 0.26);
}

.armstrongDrawer.drawerDone .button-hide,
.armstrongDrawer.drawerDone > a,
.armstrongDrawer.drawerDone .circle {
  right: -3000px;
  position: absolute;
}

.armstrongDrawer.drawerDone:before {
  opacity: 1;
}

.armstrongDrawer.drawerDone:after {
  opacity: 1;
}

.armstrongDrawer .fixedMessage {
  position: absolute;
}

.armstrongDrawer .materialElement.input, .armstrongDrawer .materialElement.textarea {
  z-index: 1;
}

.drawerMainContainer {
  position: relative;
  z-index: 10;
  width: 100%;
}

.midnightWithImages .drawerHeader {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnightWithImages .drawerHeader .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnightWithImages .drawerHeader .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnight .drawerHeader {
  background-color: #0086cb;
  border-color: #005784;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.midnight .drawerHeader .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.midnight .drawerHeader .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.sunrise .drawerHeader {
  background-color: #ca271a;
  border-color: #8b1b12;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.sunrise .drawerHeader .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.sunrise .drawerHeader .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.ghost .drawerHeader {
  background-color: #2b2e33;
  border-color: #5c626d;
  color: #f6f6f6;
  fill: #f6f6f6;
  stroke: #f6f6f6;
}

.ghost .drawerHeader .fillColor {
  fill: #f6f6f6;
  stroke: transparent;
}

.ghost .drawerHeader .strokeColor {
  fill: transparent;
  stroke: #f6f6f6;
}

.midnightWithImages .drawerHeader .input .label,
.midnightWithImages .drawerHeader .input .units {
  color: #f6f6f6;
}

.midnightWithImages .drawerHeader .input .units i .fillColor {
  color: #f6f6f6;
}

.midnightWithImages .drawerHeader .input input,
.midnightWithImages .drawerHeader .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnightWithImages .drawerHeader .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnightWithImages .drawerHeader .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .drawerHeader .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .drawerHeader .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .drawerHeader .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnightWithImages .drawerHeader .input.focus input,
.midnightWithImages .drawerHeader .input.focus:hover input,
.midnightWithImages .drawerHeader .input.focus textarea,
.midnightWithImages .drawerHeader .input.focus:hover textarea,
.midnightWithImages .drawerHeader .input.focus .label,
.midnightWithImages .drawerHeader .input.focus .units {
  color: #ffeb3b;
}

.midnightWithImages .drawerHeader .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.midnightWithImages .drawerHeader .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnightWithImages .drawerHeader .input:hover input,
.midnightWithImages .drawerHeader .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.midnightWithImages .drawerHeader .input:hover label,
.midnightWithImages .drawerHeader .input:hover input,
.midnightWithImages .drawerHeader .input:hover textarea,
.midnightWithImages .drawerHeader .input:hover .filterOption,
.midnightWithImages .drawerHeader .input:hover .units {
  color: #fff06e;
}

.midnightWithImages .drawerHeader .input.disabled .label,
.midnightWithImages .drawerHeader .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .input.disabled input,
.midnightWithImages .drawerHeader .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .drawerHeader .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .drawerHeader .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .drawerHeader .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnightWithImages .drawerHeader .input.disabled.focus input,
.midnightWithImages .drawerHeader .input.disabled.focus:hover input,
.midnightWithImages .drawerHeader .input.disabled.focus textarea,
.midnightWithImages .drawerHeader .input.disabled.focus:hover textarea,
.midnightWithImages .drawerHeader .input.disabled.focus .label,
.midnightWithImages .drawerHeader .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .drawerHeader .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .drawerHeader .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .input.disabled:hover input,
.midnightWithImages .drawerHeader .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.midnightWithImages .drawerHeader .input.disabled:hover label,
.midnightWithImages .drawerHeader .input.disabled:hover input,
.midnightWithImages .drawerHeader .input.disabled:hover textarea,
.midnightWithImages .drawerHeader .input.disabled:hover .filterOption,
.midnightWithImages .drawerHeader .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .drawerHeader .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.midnightWithImages .drawerHeader .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.midnightWithImages .drawerHeader .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.midnightWithImages .drawerHeader .select .materialSelect .label {
  color: #f6f6f6;
}

.midnightWithImages .drawerHeader .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnightWithImages .drawerHeader .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.midnightWithImages .drawerHeader .select .materialSelect:hover input,
.midnightWithImages .drawerHeader .select .materialSelect:hover .label,
.midnightWithImages .drawerHeader .select .materialSelect:hover .btn .caret,
.midnightWithImages .drawerHeader .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.midnightWithImages .drawerHeader .select .materialSelect:hover .btn,
.midnightWithImages .drawerHeader .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.midnightWithImages .drawerHeader .select .materialSelect.focus input,
.midnightWithImages .drawerHeader .select .materialSelect.focus:hover input,
.midnightWithImages .drawerHeader .select .materialSelect.focus .label,
.midnightWithImages .drawerHeader .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.midnightWithImages .drawerHeader .select .materialSelectMenu.inner li .item:after {
  background-color: #005784;
}

.midnightWithImages .drawerHeader .select .materialSelectMenu.inner li .item:hover .text {
  color: #005784;
}

.midnightWithImages .drawerHeader .select .materialSelectMenu.inner li.selected .item {
  background-color: #13afff;
  border: 1px solid #13afff;
}

.midnightWithImages .drawerHeader .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect:hover input,
.midnightWithImages .drawerHeader .select.disabled .materialSelect:hover .label,
.midnightWithImages .drawerHeader .select.disabled .materialSelect:hover .btn .caret,
.midnightWithImages .drawerHeader .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect:hover .btn,
.midnightWithImages .drawerHeader .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelect.focus input,
.midnightWithImages .drawerHeader .select.disabled .materialSelect.focus:hover input,
.midnightWithImages .drawerHeader .select.disabled .materialSelect.focus .label,
.midnightWithImages .drawerHeader .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 87, 132, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 87, 132, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(19, 175, 255, 0.35);
  border: 1px solid rgba(19, 175, 255, 0.35);
}

.midnightWithImages .drawerHeader .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .drawerHeader .input .label,
.midnight .drawerHeader .input .units {
  color: #f6f6f6;
}

.midnight .drawerHeader .input .units i .fillColor {
  color: #f6f6f6;
}

.midnight .drawerHeader .input input,
.midnight .drawerHeader .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnight .drawerHeader .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnight .drawerHeader .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .drawerHeader .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .drawerHeader .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .drawerHeader .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.midnight .drawerHeader .input.focus input,
.midnight .drawerHeader .input.focus:hover input,
.midnight .drawerHeader .input.focus textarea,
.midnight .drawerHeader .input.focus:hover textarea,
.midnight .drawerHeader .input.focus .label,
.midnight .drawerHeader .input.focus .units {
  color: #ffeb3b;
}

.midnight .drawerHeader .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.midnight .drawerHeader .input .underlineHighlight {
  background-color: #f6f6f6;
}

.midnight .drawerHeader .input:hover input,
.midnight .drawerHeader .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.midnight .drawerHeader .input:hover label,
.midnight .drawerHeader .input:hover input,
.midnight .drawerHeader .input:hover textarea,
.midnight .drawerHeader .input:hover .filterOption,
.midnight .drawerHeader .input:hover .units {
  color: #fff06e;
}

.midnight .drawerHeader .input.disabled .label,
.midnight .drawerHeader .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .input.disabled input,
.midnight .drawerHeader .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .drawerHeader .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .drawerHeader .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .drawerHeader .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.midnight .drawerHeader .input.disabled.focus input,
.midnight .drawerHeader .input.disabled.focus:hover input,
.midnight .drawerHeader .input.disabled.focus textarea,
.midnight .drawerHeader .input.disabled.focus:hover textarea,
.midnight .drawerHeader .input.disabled.focus .label,
.midnight .drawerHeader .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .drawerHeader .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnight .drawerHeader .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .input.disabled:hover input,
.midnight .drawerHeader .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.midnight .drawerHeader .input.disabled:hover label,
.midnight .drawerHeader .input.disabled:hover input,
.midnight .drawerHeader .input.disabled:hover textarea,
.midnight .drawerHeader .input.disabled:hover .filterOption,
.midnight .drawerHeader .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.midnight .drawerHeader .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.midnight .drawerHeader .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.midnight .drawerHeader .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.midnight .drawerHeader .select .materialSelect .label {
  color: #f6f6f6;
}

.midnight .drawerHeader .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.midnight .drawerHeader .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.midnight .drawerHeader .select .materialSelect:hover input,
.midnight .drawerHeader .select .materialSelect:hover .label,
.midnight .drawerHeader .select .materialSelect:hover .btn .caret,
.midnight .drawerHeader .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.midnight .drawerHeader .select .materialSelect:hover .btn,
.midnight .drawerHeader .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.midnight .drawerHeader .select .materialSelect.focus input,
.midnight .drawerHeader .select .materialSelect.focus:hover input,
.midnight .drawerHeader .select .materialSelect.focus .label,
.midnight .drawerHeader .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.midnight .drawerHeader .select .materialSelectMenu.inner li .item:after {
  background-color: #005784;
}

.midnight .drawerHeader .select .materialSelectMenu.inner li .item:hover .text {
  color: #005784;
}

.midnight .drawerHeader .select .materialSelectMenu.inner li.selected .item {
  background-color: #13afff;
  border: 1px solid #13afff;
}

.midnight .drawerHeader .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.midnight .drawerHeader .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelect:hover input,
.midnight .drawerHeader .select.disabled .materialSelect:hover .label,
.midnight .drawerHeader .select.disabled .materialSelect:hover .btn .caret,
.midnight .drawerHeader .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelect:hover .btn,
.midnight .drawerHeader .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelect.focus input,
.midnight .drawerHeader .select.disabled .materialSelect.focus:hover input,
.midnight .drawerHeader .select.disabled .materialSelect.focus .label,
.midnight .drawerHeader .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(0, 87, 132, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(0, 87, 132, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(19, 175, 255, 0.35);
  border: 1px solid rgba(19, 175, 255, 0.35);
}

.midnight .drawerHeader .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .drawerHeader .input .label,
.sunrise .drawerHeader .input .units {
  color: #f6f6f6;
}

.sunrise .drawerHeader .input .units i .fillColor {
  color: #f6f6f6;
}

.sunrise .drawerHeader .input input,
.sunrise .drawerHeader .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.sunrise .drawerHeader .input .underlineHighlight {
  background-color: #f6f6f6;
}

.sunrise .drawerHeader .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .drawerHeader .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .drawerHeader .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .drawerHeader .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.sunrise .drawerHeader .input.focus input,
.sunrise .drawerHeader .input.focus:hover input,
.sunrise .drawerHeader .input.focus textarea,
.sunrise .drawerHeader .input.focus:hover textarea,
.sunrise .drawerHeader .input.focus .label,
.sunrise .drawerHeader .input.focus .units {
  color: #ffeb3b;
}

.sunrise .drawerHeader .input.focus .underlineHighlight {
  background-color: #ffeb3b;
}

.sunrise .drawerHeader .input .underlineHighlight {
  background-color: #f6f6f6;
}

.sunrise .drawerHeader .input:hover input,
.sunrise .drawerHeader .input:hover textarea {
  border-bottom: 1px solid #fff06e;
}

.sunrise .drawerHeader .input:hover label,
.sunrise .drawerHeader .input:hover input,
.sunrise .drawerHeader .input:hover textarea,
.sunrise .drawerHeader .input:hover .filterOption,
.sunrise .drawerHeader .input:hover .units {
  color: #fff06e;
}

.sunrise .drawerHeader .input.disabled .label,
.sunrise .drawerHeader .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .input.disabled input,
.sunrise .drawerHeader .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .drawerHeader .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .drawerHeader .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .drawerHeader .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.sunrise .drawerHeader .input.disabled.focus input,
.sunrise .drawerHeader .input.disabled.focus:hover input,
.sunrise .drawerHeader .input.disabled.focus textarea,
.sunrise .drawerHeader .input.disabled.focus:hover textarea,
.sunrise .drawerHeader .input.disabled.focus .label,
.sunrise .drawerHeader .input.disabled.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .drawerHeader .input.disabled.focus .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.sunrise .drawerHeader .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .input.disabled:hover input,
.sunrise .drawerHeader .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(255, 240, 110, 0.35);
}

.sunrise .drawerHeader .input.disabled:hover label,
.sunrise .drawerHeader .input.disabled:hover input,
.sunrise .drawerHeader .input.disabled:hover textarea,
.sunrise .drawerHeader .input.disabled:hover .filterOption,
.sunrise .drawerHeader .input.disabled:hover .units {
  color: rgba(255, 240, 110, 0.35);
}

.sunrise .drawerHeader .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.sunrise .drawerHeader .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.sunrise .drawerHeader .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.sunrise .drawerHeader .select .materialSelect .label {
  color: #f6f6f6;
}

.sunrise .drawerHeader .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.sunrise .drawerHeader .select .materialSelect .underlineHighlight {
  background-color: #ffeb3b;
}

.sunrise .drawerHeader .select .materialSelect:hover input,
.sunrise .drawerHeader .select .materialSelect:hover .label,
.sunrise .drawerHeader .select .materialSelect:hover .btn .caret,
.sunrise .drawerHeader .select .materialSelect:hover .btn .filterOption {
  color: #fff06e;
}

.sunrise .drawerHeader .select .materialSelect:hover .btn,
.sunrise .drawerHeader .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #fff06e;
}

.sunrise .drawerHeader .select .materialSelect.focus input,
.sunrise .drawerHeader .select .materialSelect.focus:hover input,
.sunrise .drawerHeader .select .materialSelect.focus .label,
.sunrise .drawerHeader .select .materialSelect.focus .units {
  color: #ffeb3b;
}

.sunrise .drawerHeader .select .materialSelectMenu.inner li .item:after {
  background-color: #8b1b12;
}

.sunrise .drawerHeader .select .materialSelectMenu.inner li .item:hover .text {
  color: #8b1b12;
}

.sunrise .drawerHeader .select .materialSelectMenu.inner li.selected .item {
  background-color: #e75044;
  border: 1px solid #e75044;
}

.sunrise .drawerHeader .select .materialSelectMenu.inner li.selected .item .text {
  color: #ffeb3b;
}

.sunrise .drawerHeader .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(255, 235, 59, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelect:hover input,
.sunrise .drawerHeader .select.disabled .materialSelect:hover .label,
.sunrise .drawerHeader .select.disabled .materialSelect:hover .btn .caret,
.sunrise .drawerHeader .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(255, 240, 110, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelect:hover .btn,
.sunrise .drawerHeader .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(255, 240, 110, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelect.focus input,
.sunrise .drawerHeader .select.disabled .materialSelect.focus:hover input,
.sunrise .drawerHeader .select.disabled .materialSelect.focus .label,
.sunrise .drawerHeader .select.disabled .materialSelect.focus .units {
  color: rgba(255, 235, 59, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(139, 27, 18, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(139, 27, 18, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(231, 80, 68, 0.35);
  border: 1px solid rgba(231, 80, 68, 0.35);
}

.sunrise .drawerHeader .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(255, 235, 59, 0.35);
}

.ghost .drawerHeader .input .label,
.ghost .drawerHeader .input .units {
  color: #f6f6f6;
}

.ghost .drawerHeader .input .units i .fillColor {
  color: #f6f6f6;
}

.ghost .drawerHeader .input input,
.ghost .drawerHeader .input textarea {
  border: 1px solid rgba(246, 246, 246, 0.1);
  background-color: rgba(246, 246, 246, 0.05);
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.ghost .drawerHeader .input .underlineHighlight {
  background-color: #f6f6f6;
}

.ghost .drawerHeader .input input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .drawerHeader .input input:-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .drawerHeader .input input::-moz-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .drawerHeader .input input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0.2);
}

.ghost .drawerHeader .input.focus input,
.ghost .drawerHeader .input.focus:hover input,
.ghost .drawerHeader .input.focus textarea,
.ghost .drawerHeader .input.focus:hover textarea,
.ghost .drawerHeader .input.focus .label,
.ghost .drawerHeader .input.focus .units {
  color: #009eef;
}

.ghost .drawerHeader .input.focus .underlineHighlight {
  background-color: #009eef;
}

.ghost .drawerHeader .input .underlineHighlight {
  background-color: #f6f6f6;
}

.ghost .drawerHeader .input:hover input,
.ghost .drawerHeader .input:hover textarea {
  border-bottom: 1px solid #23b4ff;
}

.ghost .drawerHeader .input:hover label,
.ghost .drawerHeader .input:hover input,
.ghost .drawerHeader .input:hover textarea,
.ghost .drawerHeader .input:hover .filterOption,
.ghost .drawerHeader .input:hover .units {
  color: #23b4ff;
}

.ghost .drawerHeader .input.disabled .label,
.ghost .drawerHeader .input.disabled .units {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .input.disabled .units i .fillColor {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .input.disabled input,
.ghost .drawerHeader .input.disabled textarea {
  border: 1px solid rgba(246, 246, 246, 0);
  background-color: rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .input.disabled input::-webkit-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .drawerHeader .input.disabled input:-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .drawerHeader .input.disabled input::-moz-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .drawerHeader .input.disabled input:-ms-input-placeholder {
  color: rgba(246, 246, 246, 0);
}

.ghost .drawerHeader .input.disabled.focus input,
.ghost .drawerHeader .input.disabled.focus:hover input,
.ghost .drawerHeader .input.disabled.focus textarea,
.ghost .drawerHeader .input.disabled.focus:hover textarea,
.ghost .drawerHeader .input.disabled.focus .label,
.ghost .drawerHeader .input.disabled.focus .units {
  color: rgba(0, 158, 239, 0.35);
}

.ghost .drawerHeader .input.disabled.focus .underlineHighlight {
  background-color: rgba(0, 158, 239, 0.35);
}

.ghost .drawerHeader .input.disabled .underlineHighlight {
  background-color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .input.disabled:hover input,
.ghost .drawerHeader .input.disabled:hover textarea {
  border-bottom: 1px solid rgba(35, 180, 255, 0.35);
}

.ghost .drawerHeader .input.disabled:hover label,
.ghost .drawerHeader .input.disabled:hover input,
.ghost .drawerHeader .input.disabled:hover textarea,
.ghost .drawerHeader .input.disabled:hover .filterOption,
.ghost .drawerHeader .input.disabled:hover .units {
  color: rgba(35, 180, 255, 0.35);
}

.ghost .drawerHeader .select .materialSelect .btn {
  border-bottom-color: #f6f6f6;
}

.ghost .drawerHeader .select .materialSelect .btn .filterOption {
  color: #f6f6f6;
  background-color: rgba(246, 246, 246, 0.05);
  border: 1px solid rgba(246, 246, 246, 0.1);
  border-bottom-color: #f6f6f6;
}

.ghost .drawerHeader .select .materialSelect .btn .caret {
  color: #f6f6f6;
}

.ghost .drawerHeader .select .materialSelect .label {
  color: #f6f6f6;
}

.ghost .drawerHeader .select .materialSelect input {
  border-bottom-color: #f6f6f6;
  color: #f6f6f6;
}

.ghost .drawerHeader .select .materialSelect .underlineHighlight {
  background-color: #009eef;
}

.ghost .drawerHeader .select .materialSelect:hover input,
.ghost .drawerHeader .select .materialSelect:hover .label,
.ghost .drawerHeader .select .materialSelect:hover .btn .caret,
.ghost .drawerHeader .select .materialSelect:hover .btn .filterOption {
  color: #23b4ff;
}

.ghost .drawerHeader .select .materialSelect:hover .btn,
.ghost .drawerHeader .select .materialSelect:hover .btn .filterOption {
  border-bottom-color: #23b4ff;
}

.ghost .drawerHeader .select .materialSelect.focus input,
.ghost .drawerHeader .select .materialSelect.focus:hover input,
.ghost .drawerHeader .select .materialSelect.focus .label,
.ghost .drawerHeader .select .materialSelect.focus .units {
  color: #009eef;
}

.ghost .drawerHeader .select .materialSelectMenu.inner li .item:after {
  background-color: #5c626d;
}

.ghost .drawerHeader .select .materialSelectMenu.inner li .item:hover .text {
  color: #5c626d;
}

.ghost .drawerHeader .select .materialSelectMenu.inner li.selected .item {
  background-color: #4c515a;
  border: 1px solid #4c515a;
}

.ghost .drawerHeader .select .materialSelectMenu.inner li.selected .item .text {
  color: #009eef;
}

.ghost .drawerHeader .select.disabled .materialSelect .btn {
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelect .btn .filterOption {
  color: rgba(246, 246, 246, 0.35);
  background-color: rgba(246, 246, 246, 0);
  border: 1px solid rgba(246, 246, 246, 0);
  border-bottom-color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelect .btn .caret {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelect .label {
  color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelect input {
  border-bottom-color: rgba(246, 246, 246, 0.35);
  color: rgba(246, 246, 246, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelect .underlineHighlight {
  background-color: rgba(0, 158, 239, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelect:hover input,
.ghost .drawerHeader .select.disabled .materialSelect:hover .label,
.ghost .drawerHeader .select.disabled .materialSelect:hover .btn .caret,
.ghost .drawerHeader .select.disabled .materialSelect:hover .btn .filterOption {
  color: rgba(35, 180, 255, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelect:hover .btn,
.ghost .drawerHeader .select.disabled .materialSelect:hover .btn .filterOption {
  border-bottom-color: rgba(35, 180, 255, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelect.focus input,
.ghost .drawerHeader .select.disabled .materialSelect.focus:hover input,
.ghost .drawerHeader .select.disabled .materialSelect.focus .label,
.ghost .drawerHeader .select.disabled .materialSelect.focus .units {
  color: rgba(0, 158, 239, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelectMenu.inner li .item:after {
  background-color: rgba(92, 98, 109, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelectMenu.inner li .item:hover .text {
  color: rgba(92, 98, 109, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelectMenu.inner li.selected .item {
  background-color: rgba(76, 81, 90, 0.35);
  border: 1px solid rgba(76, 81, 90, 0.35);
}

.ghost .drawerHeader .select.disabled .materialSelectMenu.inner li.selected .item .text {
  color: rgba(0, 158, 239, 0.35);
}

.drawerContainer .drawerHeader {
  position: relative;
  padding: 20px;
  z-index: 10;
  font-size: 38px;
  color: #fff;
  font-weight: 300;
  padding-left: 30px;
  padding-right: 30px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.drawerContainer .drawerHeader small {
  display: block;
  font-size: 40%;
  font-weight: 300;
}

.drawerContainer .drawerHeader .closeDrawer {
  position: absolute;
  left: -22px;
  top: 18px;
  z-index: 100;
}

.drawerContainer .drawerHeader .drawerHeaderRight {
  font-size: 28px;
  text-align: right;
  font-weight: 300;
  padding-top: 5px;
}

.drawerContainer .drawerHeader .drawerHeaderRight small {
  font-size: 45%;
  font-weight: lighter;
}

.drawerContainer .drawerHeader .drawerHeaderRight .priceSpinner {
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  min-width: 90px;
}

.drawerContainer .drawerHeader .drawerHeaderRight .priceSpinner .svgSpinner i {
  width: 30px;
  height: 30px;
}

.drawerContainer .drawerHeader .drawerHeaderRight .priceSpinner .svgSpinner svg {
  stroke: #ffeb3b;
}

.drawerContainer .drawerHeader .drawerHeaderRight .updatePriceButton {
  position: absolute;
  top: 5px;
  right: 0;
}

.drawerContainer .drawerHeader .drawerHeaderRight .listPriceInfo.blur {
  filter: blur(2px);
  -webkit-filter: blur(2px);
  opacity: 0.3;
}

.drawerContainer .drawerContentRow {
  padding: 40px 40px 20px 90px;
}

.drawerContainer .drawerContentRow .numberCircle {
  position: absolute;
  left: -60px;
  top: 0;
  background-color: #008fcf;
  font-size: 14px;
  line-height: 10px;
  padding: 15px 16px 13px;
  display: block;
  color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.drawerContainer .drawerContentRow .contentTitle {
  font-size: 14px;
  color: #222;
  margin-bottom: 15px;
}

.drawerContainer .drawerContentRow.borderNone .detailSection {
  border: none;
}

.mainContainer:after {
  position: fixed;
  left: -200%;
  top: 0;
  content: '';
  z-index: 2900;
  background-color: transparent;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 2s;
  -moz-transition: background-color 2s;
  transition: background-color 2s;
}

.fixedMessage {
  width: 100%;
  position: fixed;
  top: 5px;
  left: 0;
  z-index: 4500;
}

.fixedMessage .fixedMessageContainer {
  background-color: rgba(46, 204, 113, 0.95);
  min-height: 40px;
  width: 100%;
  display: block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 500;
  color: #FFF;
}

.fixedMessage .fixedMessageContainer .fixedMessageIcon {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: calc(100% - 20px);
  padding: 10px 15px;
}

.fixedMessage .fixedMessageContainer .fixedMessageIcon .success {
  display: block;
}

.fixedMessage .fixedMessageContainer .fixedMessageIcon .warning {
  display: none;
}

.fixedMessage .fixedMessageContainer .fixedMessageIcon .information {
  display: none;
}

.fixedMessage .fixedMessageContainer .fixedMessageIcon .error {
  display: none;
}

.fixedMessage .fixedMessageContainer .fixedMessageContainer {
  padding: 18px 0 16px 20px;
}

.fixedMessage .fixedMessageContainer .fixedMessageContent {
  margin-left: 70px;
  margin-right: 70px;
  padding: 18px 0 18px 15px;
}

.fixedMessage .fixedMessageContainer .fixedMessageClose {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: calc(100% - 30px);
  padding: 15px 20px;
  border-left: 2px solid #25a25a;
}

.fixedMessage .fixedMessageContainer .fixedMessageIcon {
  border-right: 2px solid #25a25a;
}

.fixedMessage .fixedMessageContainer .fixedMessageIcon .strokeColor,
.fixedMessage .fixedMessageContainer .fixedMessageClose .strokeColor {
  stroke: #25a25a;
}

.fixedMessage .fixedMessageContainer .fixedMessageIcon .fillColor,
.fixedMessage .fixedMessageContainer .fixedMessageClose .fillColor {
  fill: #25a25a;
}

.fixedMessage.error .fixedMessageContainer {
  background-color: rgba(192, 57, 43, 0.95);
}

.fixedMessage.error .fixedMessageIcon {
  border-right: 2px solid #8e2a20;
}

.fixedMessage.error .fixedMessageIcon .success {
  display: none;
}

.fixedMessage.error .fixedMessageIcon .error {
  display: block;
}

.fixedMessage.error .fixedMessageIcon .error .fillColor {
  fill: #8e2a20;
}

.fixedMessage.error .fixedMessageIcon .error .strokeColor {
  stroke: #8e2a20;
}

.fixedMessage.error .fixedMessageClose {
  border-left: 2px solid #8e2a20;
}

.fixedMessage.error .fixedMessageClose i .fillColor {
  fill: #8e2a20;
}

.fixedMessage.error .fixedMessageClose i .strokeColor {
  stroke: #8e2a20;
}

.fixedMessage.information .fixedMessageContainer {
  background-color: rgba(52, 73, 94, 0.95);
}

.fixedMessage.information .fixedMessageIcon {
  border-right: 2px solid #1b2530;
}

.fixedMessage.information .fixedMessageIcon .success {
  display: none;
}

.fixedMessage.information .fixedMessageIcon .information {
  display: block;
}

.fixedMessage.information .fixedMessageIcon .information .fillColor {
  fill: #1b2530;
}

.fixedMessage.information .fixedMessageIcon .information .strokeColor {
  stroke: #1b2530;
}

.fixedMessage.information .fixedMessageClose {
  border-left: 2px solid #1b2530;
}

.fixedMessage.information .fixedMessageClose i .fillColor {
  fill: #1b2530;
}

.fixedMessage.information .fixedMessageClose i .strokeColor {
  stroke: #1b2530;
}

.fixedMessage.warning .fixedMessageContainer {
  background-color: rgba(243, 156, 18, 0.95);
}

.fixedMessage.warning .fixedMessageIcon {
  border-right: 2px solid #be780a;
}

.fixedMessage.warning .fixedMessageIcon .success {
  display: none;
}

.fixedMessage.warning .fixedMessageIcon .warning {
  display: block;
}

.fixedMessage.warning .fixedMessageIcon .warning .fillColor {
  fill: #be780a;
}

.fixedMessage.warning .fixedMessageIcon .warning .strokeColor {
  stroke: #be780a;
}

.fixedMessage.warning .fixedMessageClose {
  border-left: 2px solid #be780a;
}

.fixedMessage.warning .fixedMessageClose i .fillColor {
  fill: #be780a;
}

.fixedMessage.warning .fixedMessageClose i .strokeColor {
  stroke: #be780a;
}

.messageErrorContainer,
.popupContainer,
.messageWarningContainer {
  display: none;
}

.messageContainerExp {
  margin-left: -43px;
}

.messageContainerCol {
  margin-left: -20px;
}

.messageContainer, .messageWarningContainer, .messageErrorContainer, .messageInfoContainer {
  color: white;
  position: relative;
  display: none;
}

.messageContainer {
  display: none;
  background-color: #3ed37c;
}

.messageWarningContainer {
  display: none;
  background-color: #e67e22;
}

.messageErrorContainer {
  display: none;
  background-color: #e74c3c;
}

.messageInfoContainer {
  display: none;
  background-color: #3498db;
}

.messageContainerLeft {
  float: left;
  font-size: 14px;
  padding: 11px 40px;
}

.messageContainerRight {
  position: absolute;
  right: 20px;
  top: 6px;
}

.messageIcon {
  background-image: url("/Styles/Common/Images/icon_sheet.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  overflow: hidden;
  position: absolute;
  top: 8px;
  left: 10px;
}

.messageCheck {
  background-position: -120px 0;
}

.messageWarning {
  background-position: -160px 0;
}

.messageInfo {
  background-position: -180px 0;
}

.messageError {
  background-position: -200px 0;
}

.messageClose {
  position: absolute;
  right: 12px;
  top: 7px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}

.popupElement {
  left: 50%;
  top: 50%;
  position: fixed;
  z-index: 3100;
  background-color: #fff;
}

.popupElement.roundCorners {
  -webkit-border-radius: 13px;
  -moz-border-radius: 13px;
  -o-border-radius: 13px;
  -ms-border-radius: 13px;
  border-radius: 13px;
}

.popupElement.showShadow {
  -webkit-box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
  -moz-box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
  -ms-box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
  -o-box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
  box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
}

.popUpDialogCloseButton {
  width: 300px;
}

#loginShortcutDialog-popup,
#walkthroughDialog-popup,
#roleUpgradeWelcome-popup {
  background-color: transparent;
}

.mainContainer:after {
  position: fixed;
  left: -200%;
  top: 0;
  content: '';
  z-index: 2900;
  background-color: transparent;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: background-color 0.4s;
  -moz-transition: background-color 0.4s;
  transition: background-color 0.4s;
}

.stopScroll {
  overflow-y: hidden;
  width: 100%;
}

.stopScroll .mainContainer:after {
  left: 0%;
  background-color: rgba(0, 0, 0, 0.7);
}

.stopScroll .mainContainer.opacityLight:after {
  background-color: rgba(0, 0, 0, 0.35);
}

/*--------------------------------------*/
/*  Confirmation dialog css                */
/*------------------------------------*/
.modal-overlay {
  background-color: #000;
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3500;
}

.modal-box {
  width: 100%;
  display: none;
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 0;
  border: 1px solid #111;
  z-index: 3501;
  -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.3);
}

.modal-box .modal-border {
  border-top-style: solid;
  border-top-width: 2px;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.modal-box .modal-border.Warning, .modal-box .modal-border.Warning:after {
  border-top-color: #e67e22;
  border-bottom-color: #e67e22;
}

.modal-box .modal-border.Message, .modal-box .modal-border.Message:after {
  border-top-color: #008fcf;
  border-bottom-color: #008fcf;
}

.modal-box .modal-border.Error, .modal-box .modal-border.Error:after {
  border-top-color: #ff5040;
  border-bottom-color: #ff5040;
}

.modal-box .modal-color {
  float: left;
  width: 35%;
  display: block;
  color: #FFF;
  height: 100%;
  text-align: right;
}

.modal-box .modal-color.Warning, .modal-box .modal-color.Warning:after {
  background-color: #e67e22;
}

.modal-box .modal-color.Message, .modal-box .modal-color.Message:after {
  background-color: #008fcf;
}

.modal-box .modal-color.Error, .modal-box .modal-color.Error:after {
  background-color: #ff5040;
}

.modal-box .modal-color .text {
  padding-right: 50px;
  padding-top: 0px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.5px;
  position: relative;
}

.modal-box .modal-color .text .inline-svg {
  position: absolute;
  right: 120px;
  top: -2px;
}

.modal-box .modal-text {
  float: left;
  width: 65%;
  display: block;
  position: relative;
}

.modal-box .modal-text .text {
  position: relative;
  padding: 40px 0 40px 40px;
  color: #6e6e6e;
  font-weight: 600;
}

.modal-box .close {
  position: absolute;
  right: 40px;
  display: block;
  cursor: pointer;
}

.popupTitle .messageIcon {
  top: 0 !important;
  left: 0 !important;
}

.popupTitle h3 {
  padding-left: 25px;
}

#qtyContextMenu {
  z-index: 3000;
  position: absolute;
  left: 0px;
  display: none;
}

#qtyContextMenu .backgroundRed {
  height: 15px;
}

.redArrow {
  width: 0px;
  height: 0px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ff5040;
  position: absolute;
  bottom: -10px;
  left: 5%;
  margin-left: -10px;
}

.errorMessage {
  width: 100%;
  height: 600px;
  padding-top: 60px;
  padding-bottom: 20px;
  background-size: 800px 600px;
  background-position: center center;
  background-repeat: no-repeat;
}

.serviceUnavailable {
  width: 100%;
  height: 240px;
  padding-top: 60px;
  padding-bottom: 20px;
  background-size: 405px 240px;
  background-position: center center;
  background-repeat: no-repeat;
}

.errorMessage.fourOhFour {
  background-image: url("/Styles/Common/Images/error_404.png");
}

.errorMessage.fiveHundred {
  background-image: url("/Styles/Common/Images/error_500.png");
}

.serviceUnavailable.serviceUnavailableMessage {
  background-image: url("/Styles/Images/Static-Error-Page.jpg");
}

#searchResultsNotFound {
  display: none;
}

#searchResultsNotFound:only-of-type {
  display: block;
  width: 800px;
  margin: 60px auto 20px;
}

#searchResultsNotFound:only-of-type .image {
  width: 800px;
  height: 400px;
  background-image: url("/Styles/Common/Images/noresults.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.emptyDataMainDiv {
  width: 800px;
  margin: 60px auto 20px;
  text-align: center;
}

.emptyDataMainDiv .emptyDataImage {
  width: 800px;
  height: 280px;
  background: url("/Styles/Images/Schedule-No-Items.jpg") center center no-repeat;
  background-size: 550px 260px;
  float: left;
}

/*--------------------------------------*/
/*  Fancy dialog css    .shadowAttr(0 0 3px 3px rgba(230,126,34,0.2));       .shadowAttr(0 0 3px 3px rgba(43,171,226,0.2));     */
/*------------------------------------*/
.FancyDialogView .popupContent {
  border: 1px solid #008fcf;
}

.FancyDialogView.Warning, .FancyDialogView.Warning:after {
  border-color: #e67e22;
}

.FancyDialogView.Message, .FancyDialogView.Message:after {
  border-color: #008fcf;
}

.FancyDialogView.Error, .FancyDialogView.Error:after {
  border-color: #ff5040;
}

.FancyDialogArrow {
  position: absolute;
  top: 100px;
  left: 100px;
  margin-top: 11px;
  border-color: #008fcf;
  z-index: 5;
}

.FancyDialogArrow:after {
  content: '';
  width: 0;
  height: 0;
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid #fff;
  position: absolute;
  top: -12px;
  left: -10px;
  z-index: 1;
}

/*  Fancy dialog on bottom  */
.FancyDialogArrowOnBottom {
  width: 0;
  height: 0;
  border-left: 12px solid transparent !important;
  border-right: 12px solid transparent !important;
  border-bottom: 12px solid #008fcf;
  position: absolute;
}

.FancyDialogArrowOnBottom:after {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid #fff;
  border-top: 0px;
}

.FancyDialogArrowOnBottom.Warning {
  border-bottom-color: #e67e22;
}

.FancyDialogArrowOnBottom.Message {
  border-bottom-color: #008fcf;
}

.FancyDialogArrowOnBottom.Error {
  border-bottom-color: #ff5040;
}

.FancyDialogArrowOnTop {
  width: 0;
  height: 0;
  border-left: 12px solid transparent !important;
  border-right: 12px solid transparent !important;
  border-top: 12px solid #008fcf;
  position: absolute;
}

.FancyDialogArrowOnTop:after {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-top: 10px solid #fff;
  border-bottom: 0px;
}

.FancyDialogArrowOnTop.Warning {
  border-top-color: #e67e22;
}

.FancyDialogArrowOnTop.Message {
  border-top-color: #008fcf;
}

.FancyDialogArrowOnTop.Error {
  border-top-color: #ff5040;
}

.FancyDialogArrowOnLeft {
  width: 0;
  height: 0;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  border-left: 10px solid #fff;
  position: absolute;
  margin-top: -10px;
}

.FancyDialogArrowOnLeft:after {
  border-left: 12px solid;
  border-right: 0;
  border-bottom: 12px solid transparent !important;
  border-top: 12px solid transparent !important;
}

.FancyDialogArrowOnLeft.Warning, .FancyDialogArrowOnLeft.Warning:after {
  border-left-color: #e67e22;
}

.FancyDialogArrowOnLeft.Message, .FancyDialogArrowOnLeft.Message:after {
  border-left-color: #008fcf;
}

.FancyDialogArrowOnLeft.Error, .FancyDialogArrowOnLeft.Error:after {
  border-left-color: #ff5040;
}

.FancyDialogArrowOnRight {
  width: 0;
  height: 0;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
  border-right: 10px solid #fff;
  border-left: 0px !important;
  position: absolute;
  margin-top: -10px;
}

.FancyDialogArrowOnRight:after {
  display: none;
}

.FancyDialogArrowOnRight.Warning, .FancyDialogArrowOnRight.Warning:after {
  border-right-color: #e67e22;
}

.FancyDialogArrowOnRight.Message, .FancyDialogArrowOnRight.Message:after {
  border-right-color: #008fcf;
}

.FancyDialogArrowOnRight.Error, .FancyDialogArrowOnRight.Error:after {
  border-right-color: #ff5040;
}

.securityDialog {
  border: 1px solid #efefef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
  -moz-box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
  -o-box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
  -ms-box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
  box-shadow: 0 0 5px rgba(0, 173, 239, 0.8);
}

.securityDialog .securityDialogContent {
  line-height: 16px;
}

.customErrorMessage {
  width: 100%;
  height: 450px;
  padding-top: 60px;
  padding-bottom: 20px;
  background-size: 800px 600px;
  background-position: center center;
  background-repeat: no-repeat;
}

.customErrorMessage.fiveHundred {
  background-image: url("/Styles/Common/Images/error_500.png");
}

.newAdeptButton {
  display: inline-block;
  width: 15px;
}

@-webkit-keyframes queue-progressBar-striped {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-o-keyframes queue-progressBar-striped {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@-moz-keyframes queue-progressBar-striped {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes queue-progressBar-striped {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}

.queue {
  background-color: #202428;
  top: 0;
  position: relative;
  width: 60px;
  display: block;
  text-align: center;
  -webkit-transition: background-color 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: background-color 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: background-color 0.5s cubic-bezier(0.2, 0, 0.03, 1);
}

.queue .task-button {
  cursor: pointer;
}

.queue .queue-icon {
  width: auto;
  display: block;
  height: 40px;
  padding: 2px 5px 3px;
  opacity: 1;
  -webkit-transform: sacle(1, 1);
  -moz-transform: sacle(1, 1);
  -ms-transform: sacle(1, 1);
  -o-transform: sacle(1, 1);
  transform: sacle(1, 1);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
}

.queue .queue-count {
  background-color: #ff5040;
  color: #fff;
  font-size: 13px;
  padding: 3px 5px;
  position: absolute;
  top: 20px;
  left: 35px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1), transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1), transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1), transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
}

.queue .queue-label {
  color: #FFFFFF;
  font-size: 9px;
  font-weight: bold;
  padding-bottom: 5px;
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1);
}

.queue.empty {
  background-color: rgba(25, 25, 25, 0);
  cursor: auto;
  pointer-events: none;
}

.queue.empty .queue-icon,
.queue.empty .queue-count {
  opacity: 0;
  -webkit-transform: scale(2, 2);
  -moz-transform: scale(2, 2);
  -ms-transform: scale(2, 2);
  -o-transform: scale(2, 2);
  transform: scale(2, 2);
}

.queue.empty .queue-label {
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  -moz-transform: translate3d(0, 30px, 0);
  -ms-transform: translate3d(0, 30px, 0);
  -o-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

.queue-popup {
  width: 250px;
  padding: 15px 15px 0 15px;
  position: absolute;
  left: 50%;
  top: 100%;
  margin-top: 20px;
  margin-left: -140px;
  background-color: #FFFFFF;
  border: 1px solid #aca9a9;
  border-radius: 5px;
  text-align: left;
  -webkit-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1), transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1), transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1), transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
}

.queue-popup.fade-out {
  z-index: -1;
  opacity: 0;
  -webkit-transform: translate3d(0, 30px, 0);
  -moz-transform: translate3d(0, 30px, 0);
  -ms-transform: translate3d(0, 30px, 0);
  -o-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

.queue-popup.fade-in {
  z-index: 1500;
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.queue-queue {
  padding-bottom: 10px;
}

.queue-title {
  font-size: 16px;
  padding-bottom: 5px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e4e4e4;
  color: #000;
  position: relative;
}

.queue-title.queued {
  padding-bottom: 15px;
  color: #6e6e6e;
}

.queue-number {
  float: left;
  width: 10px;
  margin-top: 7px;
}

.queue-content {
  margin-left: 20px;
  line-height: 1.25;
}

.inProgressItems.fade-out,
.inQueueItems.fade-out {
  opacity: 0;
}

.inProgressItems.fade-in,
.inQueueItems.fade-in {
  opacity: 1;
}

.queue-row {
  border-bottom: 1px solid #e4e4e4;
  padding-bottom: 8px;
  margin-bottom: 8px;
  position: relative;
  color: #00adef;
}

.queue-row.fade-out {
  opacity: 0;
}

.queue-row.fade-in {
  opacity: 1;
}

.queue-row .queue-row-content {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-bottom: 4px;
}

.queue-row .queue-row-content-inqueue {
  width: 210px;
}

.queue-close {
  width: 9px;
  height: 9px;
  display: block;
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 8px;
}

.close-button {
  width: 9px;
  height: 9px;
  display: inline-block;
  padding: 0px 0px;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
}

.queue-button {
  font-size: 11px;
  color: #fff;
  background: #e74c3c;
  display: inline-block;
  padding: 3px 5px;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: -1px;
}

.queue-popup-arrow {
  position: absolute;
  left: 50%;
  top: 0px;
  margin-left: -5px;
}

.queue-popup-arrow:after, .queue-popup-arrow:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.queue-popup-arrow:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 10px;
  margin-left: -10px;
}

.queue-popup-arrow:before {
  border-color: rgba(172, 169, 169, 0);
  border-bottom-color: #aca9a9;
  border-width: 11px;
  margin-left: -11px;
}

.queue-progressBar {
  height: 5px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background-color: #2ecc71;
  transition: width 3s cubic-bezier(0.2, 0, 0.03, 1);
  -webkit-transition: width 3s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: width 3s cubic-bezier(0.2, 0, 0.03, 1);
  -o-transition: width 3s cubic-bezier(0.2, 0, 0.03, 1);
}

.queue-progressBar-striped {
  height: 5px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  transition: width 3s cubic-bezier(0.2, 0, 0.03, 1);
  -webkit-transition: width 3s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: width 3s cubic-bezier(0.2, 0, 0.03, 1);
  -o-transition: width 3s cubic-bezier(0.2, 0, 0.03, 1);
  background-size: 40px 40px;
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  -webkit-animation: queue-progressBar-striped 1s linear infinite;
  -o-animation: queue-progressBar-striped 1s linear infinite;
  -moz-animation: queue-progressBar-striped 1s linear infinite;
  animation: queue-progressBar-striped 1s linear infinite;
}

.queue-inprogress {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: -moz-transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: transform 0.5s cubic-bezier(0.2, 0, 0.03, 1);
}

.queue-inprogress .queue-row:after {
  content: '';
  width: 0%;
  height: 3px;
  position: absolute;
  left: 0;
  bottom: -2px;
  background-color: #2ecc71;
  -webkit-transition: width 6s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: width 6s cubic-bezier(0.2, 0, 0.03, 1);
  transition: width 6s cubic-bezier(0.2, 0, 0.03, 1);
}

.queue-inprogress .queue-number {
  content: '*';
}

.queue-inprogress .queue-close {
  display: none;
  width: 9px;
  height: 9px;
}

.queue-inprogress .queue-row-content {
  color: #008fcf;
}

.queue-inqueue .queue-row-content {
  color: #6e6e6e;
}

.done-progress .queue-inprogress {
  opacity: 0;
  -webkit-transform: translate3d(0, -30px, 0);
  -moz-transform: translate3d(0, -30px, 0);
  -ms-transform: translate3d(0, -30px, 0);
  -o-transform: translate3d(0, -30px, 0);
  transform: translate3d(0, -30px, 0);
}

.reset .queue-inprogress {
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  transition: opacity 0.5s cubic-bezier(0.2, 0, 0.03, 1);
  -webkit-transform: translate3d(0, 30px, 0);
  -moz-transform: translate3d(0, 30px, 0);
  -ms-transform: translate3d(0, 30px, 0);
  -o-transform: translate3d(0, 30px, 0);
  transform: translate3d(0, 30px, 0);
}

.reset .queue-inprogress .queue-row:after {
  width: 0%;
  -webkit-transition: opacity 1s cubic-bezier(0.2, 0, 0.03, 1);
  -moz-transition: opacity 1s cubic-bezier(0.2, 0, 0.03, 1);
  transition: opacity 1s cubic-bezier(0.2, 0, 0.03, 1);
}

.preloader {
  background: #008fcf;
  opacity: 0.9;
  position: absolute;
  z-index: 6002;
  -webkit-box-shadow: 0px 0px 4px 0.5px rgba(21, 157, 244, 0.2);
  -moz-box-shadow: 0px 0px 4px 0.5px rgba(21, 157, 244, 0.2);
  -o-box-shadow: 0px 0px 4px 0.5px rgba(21, 157, 244, 0.2);
  -ms-box-shadow: 0px 0px 4px 0.5px rgba(21, 157, 244, 0.2);
  box-shadow: 0px 0px 4px 0.5px rgba(21, 157, 244, 0.2);
  marginTop: 0px;
  top: 50%;
  left: 0;
  width: 0;
  height: 3px;
}

body > .preloader-wrap {
  position: fixed;
}

.preloader-wrap {
  position: absolute;
  z-index: 6000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}

.preloader-after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: 0px;
  background-color: #ececec;
  width: 100%;
  height: 2px;
  border-top: 1px solid #e0e0e0;
  z-index: 6001;
}

.preloader-status {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 6002;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  color: #999;
  font-weight: bold;
}

.preloader-image {
  position: absolute;
  z-index: 6001;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 50px;
  display: block;
  margin-left: -100px;
  margin-top: -100px;
}

.preloader-image img {
  width: 100%;
}

.ui-autocomplete {
  /* prevent horizontal scrollbar */
  border: 1px solid #fefefe;
  position: absolute;
  background-color: #fff;
  z-index: 4000;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.ui-autocomplete li {
  padding: 5px;
  -webkit-transition: background-color 0.5s, color 0.5s;
  -moz-transition: background-color 0.5s, color 0.5s;
  transition: background-color 0.5s, color 0.5s;
  color: #999;
  display: block;
  cursor: pointer;
}

.ui-autocomplete li:hover {
  background-color: #cff0ff;
  color: #008fcf;
}

.ui-autocomplete li:last-child {
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -o-border-radius: 0 0 10px 10px;
  -ms-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.ui-autocomplete:before, .ui-autocomplete:after {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 100%;
  background-color: transparent;
  display: block;
  -webkit-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  transition: box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
}

.ui-autocomplete:before {
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16);
}

.ui-autocomplete:after {
  -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -moz-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -o-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

.ui-helper-hidden-accessible {
  display: none;
}

/*Pre Page Compiler in Compiler ADEPT*/
.eaSubTitle {
  border-bottom: 1px solid #000;
}