<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: 'Oswald Regular';
  src: url(../fonts/font-oswald/oswald-regular.eot);
  src: url(../fonts/font-oswald/oswald-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/font-oswald/oswald-regular.woff) format('woff'), url(../fonts/font-oswald/oswald-regular.ttf) format('truetype'), url(../fonts/font-oswald/oswald-regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Oswald Bold';
  src: url(../fonts/font-oswald/oswald-bold.eot);
  src: url(../fonts/font-oswald/oswald-bold.eot?#iefix) format('embedded-opentype'), url(../fonts/font-oswald/oswald-bold.woff) format('woff'), url(../fonts/font-oswald/oswald-bold.ttf) format('truetype'), url(../fonts/font-oswald/oswald-bold.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Oswald Light';
  src: url(../fonts/font-oswald/oswald-light.eot);
  src: url(../fonts/font-oswald/oswald-light.eot?#iefix) format('embedded-opentype'), url(../fonts/font-oswald/oswald-light.woff) format('woff'), url(../fonts/font-oswald/oswald-light.ttf) format('truetype'), url(../fonts/font-oswald/oswald-light.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro Regular';
  src: url(../fonts/font-sourcesanspro/sourcesanspro-regular.eot);
  src: url(../fonts/font-sourcesanspro/sourcesanspro-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-regular.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-regular.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-regular.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro Light';
  src: url(../fonts/font-sourcesanspro/sourcesanspro-light.eot);
  src: url(../fonts/font-sourcesanspro/sourcesanspro-light.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-light.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-light.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-light.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro Bold';
  src: url(../fonts/font-sourcesanspro/sourcesanspro-bold.eot);
  src: url(../fonts/font-sourcesanspro/sourcesanspro-bold.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-bold.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-bold.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-bold.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro Semibold';
  src: url(../fonts/font-sourcesanspro/sourcesanspro-semibold.eot);
  src: url(../fonts/font-sourcesanspro/sourcesanspro-semibold.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-semibold.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-semibold.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-semibold.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Source Sans Pro Italic';
  src: url(../fonts/font-sourcesanspro/sourcesanspro-it.eot);
  src: url(../fonts/font-sourcesanspro/sourcesanspro-it.eot?#iefix) format('embedded-opentype'), url(../fonts/font-sourcesanspro/sourcesanspro-it.woff) format('woff'), url(../fonts/font-sourcesanspro/sourcesanspro-it.ttf) format('truetype'), url(../fonts/font-sourcesanspro/sourcesanspro-it.svg) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Basic - Primary */
/* Basic - Secondary */
/* Additionally */
/*  Lime Green  */
.uui-icon.lime-green {
  background: #a3c644 !important;
  border-color: #a3c644 !important;
  color: #ffffff !important;
}
.uui-icon.lime-green i {
  color: #ffffff !important;
}
.uui-icon.transparent.lime-green {
  background: transparent !important;
  color: #a3c644 !important;
}
.uui-icon.transparent.lime-green i {
  color: #a3c644 !important;
}
/*  Medium Gray  */
.uui-icon.medium-gray {
  background: #666666 !important;
  border-color: #666666 !important;
  color: #ffffff !important;
}
.uui-icon.medium-gray i {
  color: #ffffff !important;
}
.uui-icon.transparent.medium-gray {
  background: transparent !important;
  color: #666666 !important;
}
.uui-icon.transparent.medium-gray i {
  color: #666666 !important;
}
/*  Yellow  */
.uui-icon.yellow {
  background: #ffdc19 !important;
  border-color: #ffdc19 !important;
  color: #464547 !important;
}
.uui-icon.yellow i {
  color: #464547 !important;
}
.uui-icon.transparent.yellow {
  background: transparent !important;
  color: #464547 !important;
}
.uui-icon.transparent.yellow i {
  color: #464547 !important;
}
/*  Orange  */
.uui-icon.orange {
  background: #ff9b19 !important;
  border-color: #ff9b19 !important;
  color: #ffffff !important;
}
.uui-icon.orange i {
  color: #ffffff !important;
}
.uui-icon.transparent.orange {
  background: transparent !important;
  color: #ff9b19 !important;
}
.uui-icon.transparent.orange i {
  color: #ff9b19 !important;
}
/*  Fuchsia  */
.uui-icon.fuchsia {
  background: #e4445f !important;
  border-color: #e4445f !important;
  color: #ffffff;
}
.uui-icon.fuchsia i {
  color: #ffffff !important;
}
.uui-icon.transparent.fuchsia {
  background: transparent !important;
  color: #e4445f !important;
}
.uui-icon.transparent.fuchsia i {
  color: #e4445f !important;
}
/*  Violet  */
.uui-icon.violet {
  background: #8b5a9f !important;
  border-color: #8b5a9f !important;
  color: #ffffff !important;
}
.uui-icon.violet i {
  color: #ffffff !important;
}
.uui-icon.transparent.violet {
  background: transparent !important;
  color: #8b5a9f !important;
}
.uui-icon.transparent.violet i {
  color: #8b5a9f !important;
}
/*  Dark Gray  */
.uui-icon.dark-gray {
  background: #464547 !important;
  border-color: #464547 !important;
  color: #ffffff !important;
}
.uui-icon.dark-gray i {
  color: #ffffff !important;
}
.uui-icon.transparent.dark-gray {
  background: transparent !important;
  color: #464547 !important;
}
.uui-icon.transparent.dark-gray i {
  color: #464547 !important;
}
* {
  margin: 0;
  padding: 0;
  outline: none;
}
html {
  height: 100%;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-size: inherit;
  font-family: inherit;
  overflow-y: scroll;
}
body {
  height: 100%;
  padding-right: 0 !important;
  background: #ffffff;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #333333;
}
h1,
h2,
h3,
h4,
h5,
h6,
.uui-promo-heading {
  text-transform: uppercase;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.uui-promo-heading a {
  color: #1a9cb0;
  text-decoration: none;
  font-size: inherit;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.uui-promo-heading a:hover {
  color: #1a9cb0;
  text-decoration: underline;
  outline: 0;
}
.uui-promo-heading {
  margin-top: 0;
  margin-bottom: 26px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 38px;
  line-height: 44px;
}
h1 {
  margin-top: 0;
  margin-bottom: 26px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 30px;
  line-height: 36px;
}
h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 24px;
  line-height: 30px;
}
h3 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}
h4 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: 'Source Sans Pro Bold', Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}
h5 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: 'Source Sans Pro Bold', Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
h6 {
  margin-top: 0;
  margin-bottom: 10px;
  font-family: 'Source Sans Pro Bold', Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
/* Blue */
h1.blue,
h2.blue,
h3.blue,
h4.blue,
h5.blue,
h6.blue {
  color: #39c2d7;
}
/* Dark Blue */
h1.dark-blue,
h2.dark-blue,
h3.dark-blue,
h4.dark-blue,
h5.dark-blue,
h6.dark-blue {
  color: #1a9cb0;
}
/* Lime green */
h1.lime-green,
h2.lime-green,
h3.lime-green,
h4.lime-green,
h5.lime-green,
h6.lime-green {
  color: #a3c644;
}
/* Dark green */
h1.dark-green,
h2.dark-green,
h3.dark-green,
h4.dark-green,
h5.dark-green,
h6.dark-green {
  color: #7f993a;
}
/* Dark gray */
h1.dark-gray,
h2.dark-gray,
h3.dark-gray,
h4.dark-gray,
h5.dark-gray,
h6.dark-gray {
  color: #464547;
}
/* White */
h1.white,
h2.white,
h3.white,
h4.white,
h5.white,
h6.white {
  color: #ffffff;
}
/* Medium gray */
h1.medium-gray,
h2.medium-gray,
h3.medium-gray,
h4.medium-gray,
h5.medium-gray,
h6.medium-gray {
  color: #666666;
}
/* Gray */
h1.gray,
h2.gray,
h3.gray,
h4.gray,
h5.gray,
h6.gray {
  color: #999999;
}
/* Fuchsia */
h1.fuchsia,
h2.fuchsia,
h3.fuchsia,
h4.fuchsia,
h5.fuchsia,
h6.fuchsia {
  color: #e4445f;
}
/* Medium gray */
p.medium-gray {
  color: #666666;
}
/* Gray */
p.gray {
  color: #999999;
}
/* White */
p.white {
  color: #ffffff;
}
.uui-big-text {
  font-size: 16px;
  line-height: 24px;
}
.uui-small-text {
  font-size: 12px;
  line-height: 16px;
}
.uui-uppercase-text {
  text-transform: uppercase;
}
.uui-lowercase-text {
  text-transform: none;
}
.uui-description-text {
  color: #cccccc;
}
/* Medium gray */
.uui-description-text.medium-gray {
  color: #666666;
}
strong,
b,
.bold {
  font-family: 'Source Sans Pro Bold', Arial, sans-serif;
}
em,
i,
.italic {
  font-family: 'Source Sans Pro Italic', Arial, sans-serif;
}
/* Dark Green */
strong.dark-green,
em.dark-green,
b.dark-green,
i.dark-green,
span.dark-green {
  color: #7f993a;
}
/* Raspberry */
strong.raspberry,
em.raspberry,
b.raspberry,
i.raspberry,
span.raspberry {
  color: #e4445f;
}
/* Violet */
strong.violet,
em.violet,
b.violet,
i.violet,
span.violet {
  color: #8b5a9f;
}
.highlight-text {
  background: #fded96;
  padding: 2px 4px;
}
a {
  color: #1a9cb0;
  text-decoration: none;
}
a:active,
a:hover,
a:focus {
  color: #1a9cb0;
  text-decoration: underline;
  outline: 0;
}
.uui-ordered-list,
.uui-unordered-list {
  margin-left: 15px;
  margin-bottom: 10px;
}
.uui-ordered-list li,
.uui-unordered-list li {
  font-size: 14px;
  line-height: 18px;
  color: #1a9cb0;
  margin-bottom: 10px;
}
.uui-ordered-list li span,
.uui-unordered-list li span {
  color: #333333;
}
/* Dark green */
.uui-ordered-list.dark-green li,
.uui-unordered-list.dark-green li {
  color: #7f993a;
}
/* Raspberry */
.uui-ordered-list.raspberry li,
.uui-unordered-list.raspberry li {
  color: #b22746;
}
/* Gray */
.uui-ordered-list.gray li,
.uui-unordered-list.gray li {
  color: #999999;
}
table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1002;
  height: 60px;
  width: 100%;
  min-width: 320px;
}
header .uui-header {
  height: 60px;
  background: #464547;
}
header .uui-header .uui-toggle-box {
  position: relative;
  float: left;
  width: 54px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  background: #333333;
}
header .uui-header .uui-toggle-box span {
  display: block;
  position: absolute;
  height: 2px;
  width: 18px;
  background: #ffffff;
  left: 18px;
}
header .uui-header .uui-toggle-box span:nth-child(1) {
  top: 20px;
}
header .uui-header .uui-toggle-box span:nth-child(2) {
  top: 27px;
}
header .uui-header .uui-toggle-box span:nth-child(3) {
  top: 34px;
}
header .uui-header .brand-logo {
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  color: #ffffff;
  padding: 0 18px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  background: transparent;
  white-space: nowrap;
}
header .uui-header .brand-logo .logo {
  float: left;
  width: auto;
  height: 34px;
  margin: 13px 6px 0 0;
}
header .uui-header .brand-logo .logo img {
  vertical-align: top;
  width: auto;
  height: 34px;
}
header .uui-header .uui-navigation {
  height: 60px;
  margin: 0;
  float: left;
}
header .uui-header .uui-navigation &gt; li {
  float: left;
  margin: 0;
}
header .uui-header .uui-navigation &gt; li &gt; a {
  height: 60px;
  line-height: 60px;
  padding: 0 18px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .15px;
  font-size: 16px;
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li &gt; a:hover,
header .uui-header .uui-navigation &gt; li &gt; a:focus,
header .uui-header .uui-navigation &gt; li &gt; a:active {
  color: #ffffff;
  background: none;
  text-decoration: none;
}
header .uui-header .uui-navigation &gt; li &gt; a .arrow {
  color: #ffffff;
  line-height: 60px;
  font-size: 12px;
  vertical-align: top;
  margin-left: 4px;
}
header .uui-header .uui-navigation &gt; li:hover &gt; a,
header .uui-header .uui-navigation &gt; li:focus &gt; a,
header .uui-header .uui-navigation &gt; li.open &gt; a {
  color: #ffffff;
  background: #333333;
}
header .uui-header .uui-navigation &gt; li:hover &gt; a .arrow,
header .uui-header .uui-navigation &gt; li:focus &gt; a .arrow,
header .uui-header .uui-navigation &gt; li.open &gt; a .arrow {
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li.active &gt; a {
  color: #3cc2d7;
}
header .uui-header .uui-navigation &gt; li.active &gt; a .arrow {
  color: #3cc2d7;
}
header .uui-header .uui-navigation &gt; li.active:hover &gt; a,
header .uui-header .uui-navigation &gt; li.active:focus &gt; a,
header .uui-header .uui-navigation &gt; li.active .open &gt; a {
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li.active:hover &gt; a .arrow,
header .uui-header .uui-navigation &gt; li.active:focus &gt; a .arrow,
header .uui-header .uui-navigation &gt; li.active .open &gt; a .arrow {
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li.dropdown:hover &gt; a,
header .uui-header .uui-navigation &gt; li.dropdown:focus &gt; a,
header .uui-header .uui-navigation &gt; li.dropdown.open &gt; a {
  color: #ffffff;
  background: #333333;
}
header .uui-header .uui-navigation &gt; li.dropdown:hover &gt; a .arrow,
header .uui-header .uui-navigation &gt; li.dropdown:focus &gt; a .arrow,
header .uui-header .uui-navigation &gt; li.dropdown.open &gt; a .arrow {
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu {
  position: absolute;
  float: left;
  background: #333333;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li {
  margin: 0;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li &gt; a {
  padding: 9px 18px 8px 18px;
  font-family: 'Oswald Light', Arial, sans-serif;
  letter-spacing: 0.15px;
  font-size: 18px;
  color: #ffffff;
  white-space: normal;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li &gt; a:hover,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li &gt; a:focus,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li &gt; a:active {
  color: #ffffff;
  background: none;
  text-decoration: none;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li:hover &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li:focus &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.open &gt; a {
  background: #1a9cb0;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.active &gt; a {
  color: #3cc2d7;
  background: none;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.active:hover &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.active:focus &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.active.open &gt; a {
  color: #ffffff;
  background: #1a9cb0;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu {
  position: relative;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; a {
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; a:after {
  display: block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f105";
  float: right;
  font-size: 12px;
  margin-top: 7px;
  margin-right: -6px;
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.open &gt; a {
  color: #ffffff;
  background: #1a9cb0;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a:after,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a:after,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.open &gt; a:after {
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active &gt; a {
  color: #3cc2d7;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active &gt; a:after {
  color: #3cc2d7;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active:hover &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active:focus &gt; a {
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active:hover &gt; a:after,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active:focus &gt; a:after {
  color: #ffffff;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0;
  background: #1a9cb0;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li:hover &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li:focus &gt; a {
  background: #39c2d7;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active &gt; a {
  color: #a6f1fd;
  background: none;
}
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active:hover &gt; a,
header .uui-header .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active:focus &gt; a {
  color: #ffffff;
  background: #39c2d7;
}
header .uui-header .uui-header-tools {
  height: 60px;
  margin: 0;
  float: right;
}
header .uui-header .uui-header-tools &gt; li {
  float: left;
  margin: 0;
  padding: 0 9px;
}
header .uui-header .uui-header-tools &gt; li:last-of-type {
  padding: 0 18px 0 9px;
}
header .uui-header .uui-header-tools &gt; li &gt; a {
  height: 60px;
  line-height: 60px;
  padding: 0;
}
header .uui-header .uui-header-tools &gt; li &gt; a:hover,
header .uui-header .uui-header-tools &gt; li &gt; a:focus,
header .uui-header .uui-header-tools &gt; li &gt; a:active {
  background: none;
  text-decoration: none;
}
header .uui-header .uui-header-tools &gt; li.uui-header-icon &gt; a {
  line-height: 56px;
}
header .uui-header .uui-header-tools &gt; li.uui-header-icon &gt; a i {
  font-size: 22px;
  color: #ffffff;
  opacity: 1;
  vertical-align: middle;
}
header .uui-header .uui-header-tools &gt; li.uui-header-icon &gt; a .uui-label {
  position: absolute;
  top: 8px;
  right: -12px;
}
header .uui-header .uui-header-tools &gt; li.uui-header-icon &gt; a img {
  height: 22px;
  width: auto;
  opacity: 0.8;
}
header .uui-header .uui-header-tools &gt; li.uui-header-icon:hover &gt; a i,
header .uui-header .uui-header-tools &gt; li.uui-header-icon:focus &gt; a i {
  opacity: 0.8;
}
header .uui-header .uui-header-tools &gt; li.uui-header-icon:hover &gt; a img,
header .uui-header .uui-header-tools &gt; li.uui-header-icon:focus &gt; a img {
  opacity: 0.6;
}
header .uui-header .uui-header-tools &gt; li.uui-header-button &gt; a.uui-button {
  height: 34px;
  line-height: normal;
  border-radius: 20px;
  padding: 6px 18px;
  margin: 13px 0;
  background: #a3c644;
  border-color: #a3c644;
  color: #ffffff;
}
header .uui-header .uui-header-tools &gt; li.uui-header-button &gt; a.uui-button:hover,
header .uui-header .uui-header-tools &gt; li.uui-header-button &gt; a.uui-button:focus,
header .uui-header .uui-header-tools &gt; li.uui-header-button &gt; a.uui-button:active {
  background: #8cad35;
  border-color: #8cad35;
  color: #ffffff;
  text-decoration: none;
}
header .uui-header .uui-header-tools &gt; li.uui-header-button.open &gt; a {
  background: #a3c644;
  border-color: #a3c644;
}
header .uui-header .uui-header-tools &gt; li.global-menu {
  height: 60px;
  width: 60px;
  padding: 0;
  cursor: pointer;
}
header .uui-header .uui-header-tools &gt; li.global-menu img {
  opacity: .8;
}
header .uui-header .uui-header-tools &gt; li.global-menu:hover img {
  opacity: 1;
}
header .uui-header .uui-header-tools &gt; li.open &gt; a {
  background: none;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu {
  width: 154px;
  min-width: 154px;
  position: absolute;
  left: auto;
  right: 50%;
  margin-right: -77px;
  float: left;
  background: #f5f5f5;
  border: none;
  border-radius: 0;
  padding: 0;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu .menu-arrow {
  position: absolute;
  top: -6px;
  right: 50%;
  margin-right: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 6px 6px;
  border-color: transparent transparent #f5f5f5 transparent;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul {
  margin: 0;
  list-style: none;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li {
  box-shadow: inset 0 -1px #dddddd;
  margin: 0;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li:last-child {
  box-shadow: none;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li &gt; a {
  display: block;
  padding: 12px 18px;
  font-size: 16px;
  color: #666666;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li &gt; a i {
  color: #666666;
  font-size: 16px;
  margin-right: 5px;
  min-width: 16px;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li &gt; a img {
  height: 16px;
  width: auto;
  min-width: 16px;
  margin-right: 5px;
  margin-bottom: 3px;
  opacity: .8;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li &gt; a p {
  margin-bottom: 0;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li &gt; a:hover,
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li &gt; a:focus,
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li &gt; a:active {
  color: #464547;
  background: none;
  text-decoration: none;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li:hover &gt; a,
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li:focus &gt; a {
  background: #dddddd;
  color: #464547;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li:hover &gt; a i,
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li:focus &gt; a i {
  color: #464547;
}
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li:hover &gt; a img,
header .uui-header .uui-header-tools &gt; li .dropdown-menu ul &gt; li:focus &gt; a img {
  opacity: 1;
}
header .uui-header.navigation-header .brand-logo {
  background: #292929;
}
header .uui-header.sidebar-header nav .brand-logo {
  background: #464547;
}
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.active &gt; a span,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.active &gt; a i {
  color: #3cc2d7;
}
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.active:hover &gt; a,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.active:hover &gt; a i,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.active:focus &gt; a i,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.active:hover &gt; a span,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #3cc2d7;
}
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a i,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a i,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
header .uui-header.sidebar-header nav .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .brand-logo {
  position: relative;
  background: #464547;
}
header .uui-header.breadcrumb-header .brand-logo:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #464547;
  right: -8px;
  top: 50%;
  margin-top: -8px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li {
  margin: 0;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav {
  position: relative;
  background: #333333;
  cursor: pointer;
  width: 160px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav &gt; a .toggle-nav {
  position: relative;
  float: left;
  width: 18px;
  height: 60px;
  line-height: 60px;
  margin-right: 10px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav &gt; a .toggle-nav span {
  display: block;
  position: absolute;
  height: 2px;
  width: 18px;
  background: #ffffff;
  left: 0;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav &gt; a .toggle-nav span:nth-child(1) {
  top: 21px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav &gt; a .toggle-nav span:nth-child(2) {
  top: 28px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav &gt; a .toggle-nav span:nth-child(3) {
  top: 35px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav &gt; a .active-title {
  display: inline-block;
  max-width: 84px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-top: 1px;
  line-height: 59px;
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav &gt; a .arrow {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav:before {
  content: '';
  position: absolute;
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 8px;
  border-color: transparent transparent transparent #333333;
  right: -8px;
  top: 50%;
  margin-top: -8px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav:hover &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav:focus &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav.open &gt; a {
  background: #333333;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu {
  background: #333333;
  width: 140px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li {
  margin: 0;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li &gt; a i {
  font-size: 18px;
  color: #ffffff;
  margin-right: 10px;
  min-width: 20px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li &gt; a img {
  height: 18px;
  width: auto;
  min-width: 20px;
  margin-right: 10px;
  margin-bottom: 3px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li &gt; a span {
  display: inline-block;
  font-family: 'Oswald Light', Arial, sans-serif;
  letter-spacing: .15px;
  color: #ffffff;
  font-size: 18px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li &gt; a:after {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:hover &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:focus &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.open &gt; a {
  background: #1a9cb0;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:hover &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:focus &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.open &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:hover &gt; a span,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:focus &gt; a span,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.open &gt; a span {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:hover &gt; a:after,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:focus &gt; a:after,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.open &gt; a:after {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active &gt; a span {
  color: #39c2d7;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active &gt; a:after {
  color: #39c2d7;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:hover &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:focus &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:hover &gt; a span,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:hover &gt; a:after,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:focus &gt; a:after {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.title span {
  display: block;
  padding: 23px 18px 13px 18px;
  font-family: 'Oswald Light', Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .15px;
  color: #999999;
  cursor: default;
  text-transform: uppercase;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.title:first-child span {
  padding: 13px 18px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.open &gt; a {
  background: #1a9cb0;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.open &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a span,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a span,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.open &gt; a span {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a:after,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a:after,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.open &gt; a:after {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:hover &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:focus &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active.open &gt; a i,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:hover &gt; a span,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:focus &gt; a span,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active.open &gt; a span {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:hover &gt; a:after,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:focus &gt; a:after,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active.open &gt; a:after {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu {
  background: #1a9cb0;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li:hover &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li:focus &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li.open &gt; a {
  background: #39c2d7;
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li.active &gt; a {
  background: #1a9cb0;
  color: #a6f1fd;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li.active:hover &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li.active:focus &gt; a {
  background: #39c2d7;
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li {
  position: relative;
  margin: 0;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li &gt; a {
  font-family: 'Oswald Light', Arial, sans-serif;
  text-transform: none;
  font-size: 18px;
  color: #ffffff;
  letter-spacing: .15px;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li &gt; a .uui-label {
  position: absolute;
  top: 8px;
  right: -10px;
  z-index: 1;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li &gt; a:hover,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li &gt; a:focus,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li &gt; a:active {
  color: #ffffff;
  text-decoration: none;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li:hover &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li:focus &gt; a,
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li.open &gt; a {
  background: none;
  color: #a6f1fd;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li.active &gt; a {
  color: #a6f1fd;
}
header .uui-header.breadcrumb-header .uui-navigation.breadcrumb-related-nav &gt; li.active:focus &gt; a {
  background: none;
  color: #a6f1fd;
}
header .uui-header.breadcrumb-header .uui-navigation.extended-menu &gt; li &gt; a {
  font-family: 'Oswald Light', Arial, sans-serif;
  text-transform: none;
  font-size: 18px;
  letter-spacing: .15px;
}
header .uui-header.breadcrumb-header .uui-navigation.extended-menu &gt; li .dropdown-menu &gt; li {
  position: relative;
}
header .uui-header.breadcrumb-header .uui-navigation.extended-menu &gt; li .dropdown-menu &gt; li &gt; a .uui-label {
  position: relative;
  top: -9px;
  left: 0;
}
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a span,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a i {
  color: #3cc2d7;
}
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a i,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a i,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a span,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #3cc2d7;
}
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a i,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a i,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
header .uui-header.breadcrumb-header .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
header .uui-header.promo-header {
  background: #333333;
}
header .uui-header .uui-responsive-header {
  display: none;
}
header .uui-header .uui-responsive-header .responsive-header {
  position: absolute;
  z-index: 1004;
  top: 0;
  left: 0;
  height: 60px;
  width: 100%;
  min-width: 320px;
  background: #464547;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box {
  position: relative;
  float: left;
  width: 54px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  background: #333333;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box span {
  display: block;
  position: absolute;
  height: 2px;
  width: 18px;
  background: #ffffff;
  left: 18px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box span:nth-child(1) {
  top: 20px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box span:nth-child(2) {
  top: 27px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-toggle-box span:nth-child(3) {
  top: 34px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu {
  position: absolute;
  right: 100%;
  top: 0;
  z-index: 1004;
  width: 54px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
  background: #333333;
  opacity: 0;
  -webkit-transition: right .3s linear, opacity .5s linear;
  -moz-transition: right .3s linear, opacity .5s linear;
  -o-transition: right .3s linear, opacity .5s linear;
  -ms-transition: right .3s linear, opacity .5s linear;
  transition: right .3s linear, opacity .5s linear;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 26px;
  background: #ffffff;
  opacity: 1;
  top: 29px;
  left: 15px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header .uui-header .uui-responsive-header .responsive-header .responsive-hide-menu.show {
  right: 0;
  opacity: 1;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo {
  float: left;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  color: #ffffff;
  padding: 0 18px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .arrow {
  line-height: 60px;
  font-size: 28px;
  color: #ffffff;
  margin-right: 6px;
  display: none;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .logo {
  float: left;
  width: auto;
  height: 34px;
  margin: 13px 6px 0 0;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-brand-logo .logo img {
  vertical-align: top;
  width: auto;
  height: 34px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools {
  height: 60px;
  margin: 0;
  float: right;
  padding: 0;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li {
  float: left;
  margin: 0;
  padding: 0 9px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li:last-of-type {
  padding: 0 18px 0 9px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li &gt; a {
  height: 60px;
  line-height: 60px;
  padding: 0;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li &gt; a:hover,
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li &gt; a:focus,
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li &gt; a:active {
  background: none;
  text-decoration: none;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li.responsive-header-icon &gt; a {
  line-height: 56px;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li.responsive-header-icon &gt; a i {
  font-size: 22px;
  color: #ffffff;
  margin-top: 19px;
  opacity: 1;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li.responsive-header-icon &gt; a i:hover {
  opacity: 0.8;
}
header .uui-header .uui-responsive-header .responsive-header .responsive-header-tools &gt; li.responsive-header-icon &gt; a .uui-label {
  position: absolute;
  top: 8px;
  right: -2px;
}
header .uui-header .uui-responsive-header .responsive-menu {
  position: fixed;
  z-index: 1003;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
  margin-top: 60px;
  padding-right: 54px;
  background: rgba(51, 51, 51, 0.5);
  display: none;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper {
  height: 100%;
  width: 100%;
  background: #333333;
  position: relative;
  min-height: 232px;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll {
  min-height: 150px;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll .mCSB_inside &gt; .mCSB_container {
  margin-right: 0;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll .mCSB_scrollTools {
  width: 0;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul {
  width: 100%;
  margin: 0;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li {
  display: inline-block;
  width: 100%;
  list-style: none;
  margin: 0;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li &gt; a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 12px 0 18px;
  color: #cccccc;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li &gt; a:hover,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li &gt; a:focus,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li &gt; a:active {
  color: #cccccc;
  background: none;
  text-decoration: none;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li &gt; a i {
  font-size: 22px;
  color: #cccccc;
  line-height: 50px;
  margin-right: 6px;
  min-width: 22px;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li &gt; a span {
  display: inline-block;
  font-family: 'Oswald Regular', Arial, sans-serif;
  letter-spacing: .15px;
  font-size: 16px;
  text-transform: uppercase;
  color: #cccccc;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li &gt; a .arrow {
  float: right;
  font-size: 12px;
  color: #999999;
  line-height: 50px;
  margin-left: 12px;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li &gt; a .uui-label {
  margin-left: 10px;
  position: absolute;
  top: 16px;
  font-size: 12px;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li:hover &gt; a,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li:focus &gt; a {
  background: #1f1f1f;
  color: #ffffff;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li:hover &gt; a i,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li:focus &gt; a i,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li:hover &gt; a span,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li:focus &gt; a span {
  color: #ffffff;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active &gt; a {
  color: #3cc2d7;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active &gt; a i,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active &gt; a span {
  color: #3cc2d7;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active:hover &gt; a,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active:hover &gt; a i,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active:focus &gt; a i,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active:hover &gt; a span,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub {
  display: none;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li {
  margin: 0;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li &gt; a span {
  text-transform: none;
  font-family: 'Oswald Light', Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  white-space: normal;
  max-width: none;
  letter-spacing: .15px;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #3cc2d7;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a i,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a i,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .menu-scroll ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button {
  position: absolute;
  bottom: 60px;
  display: inline-block;
  width: 100%;
  padding: 20px;
  text-align: center;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button &gt; a.uui-button {
  width: 205px;
  height: 42px;
  line-height: 42px;
  border-radius: 20px;
  padding: 0 20px;
  background: #a3c644;
  border-color: #a3c644;
  color: #ffffff;
  font-size: 16px;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button &gt; a.uui-button:hover,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button &gt; a.uui-button:focus,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button &gt; a.uui-button:active {
  background: #8cad35;
  border-color: #8cad35;
  text-decoration: none;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu {
  right: 0;
  width: 205px;
  margin: 0 auto;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul &gt; li {
  box-shadow: inset 0 1px #dddddd;
  margin: 0;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul &gt; li:last-child {
  box-shadow: none;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul &gt; li &gt; a {
  display: inline-block;
  width: 100%;
  padding: 12px 10px;
  font-size: 16px;
  height: inherit;
  line-height: inherit;
  color: #666666;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul &gt; li &gt; a i {
  color: #666666;
  font-size: 16px;
  margin-right: 5px;
  min-width: 16px;
  line-height: inherit;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul &gt; li &gt; a img {
  height: 16px;
  width: auto;
  min-width: 16px;
  margin-right: 5px;
  margin-bottom: 3px;
  opacity: .8;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul &gt; li &gt; a span {
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  color: #666666;
  letter-spacing: normal;
  text-transform: none;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul &gt; li:hover &gt; a,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu ul &gt; li:focus &gt; a {
  background: #cccccc;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-header-button .dropdown-menu .menu-arrow {
  position: absolute;
  bottom: -6px;
  right: 50%;
  margin-right: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #f5f5f5 transparent transparent transparent;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu {
  position: absolute;
  bottom: 0;
  display: inline-block;
  width: 100%;
  background: #292929;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu &gt; a {
  display: inline-block;
  width: 100%;
  height: 60px;
  padding: 0 18px;
  text-align: center;
  color: #999999;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu &gt; a img {
  height: 60px;
  width: auto;
  opacity: 0.8;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu &gt; a span {
  display: inline-block;
  font-size: 16px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  letter-spacing: .25px;
  text-transform: uppercase;
  color: #999999;
  vertical-align: middle;
  margin-top: 2px;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu &gt; a:hover,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu &gt; a:focus,
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu &gt; a:active {
  text-decoration: none;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu:hover &gt; a img {
  opacity: 1;
}
header .uui-header .uui-responsive-header .responsive-menu .menu-wrapper .responsive-global-menu:hover &gt; a span {
  color: #a3a3a3;
}
/*  Blue  */
.uui-header.blue {
  background: #1a9cb0;
}
.uui-header.blue .uui-toggle-box,
.uui-header.blue .responsive-toggle-box {
  background: #39c2d7;
}
.uui-header.blue .uui-navigation &gt; li &gt; a .arrow {
  color: #ffffff;
}
.uui-header.blue .uui-navigation &gt; li:hover &gt; a,
.uui-header.blue .uui-navigation &gt; li:focus &gt; a,
.uui-header.blue .uui-navigation &gt; li.open &gt; a {
  background: #39c2d7;
}
.uui-header.blue .uui-navigation &gt; li.active &gt; a {
  color: #a6f1fd;
}
.uui-header.blue .uui-navigation &gt; li.active &gt; a .arrow {
  color: #a6f1fd;
}
.uui-header.blue .uui-navigation &gt; li.active:hover &gt; a,
.uui-header.blue .uui-navigation &gt; li.active:focus &gt; a,
.uui-header.blue .uui-navigation &gt; li.active.open &gt; a {
  background: #39c2d7;
}
.uui-header.blue .uui-navigation &gt; li.dropdown:hover &gt; a,
.uui-header.blue .uui-navigation &gt; li.dropdown:focus &gt; a,
.uui-header.blue .uui-navigation &gt; li.dropdown.open &gt; a {
  background: #39c2d7;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu {
  background: #39c2d7;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li:hover &gt; a,
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li:focus &gt; a,
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.open &gt; a {
  background: #157c8c;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.active &gt; a {
  background: #39c2d7;
  color: #a6f1fd;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.active:hover &gt; a,
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.active:focus &gt; a,
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.active.open &gt; a {
  background: #157c8c;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; a:after {
  color: #ffffff;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a,
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a,
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.open &gt; a {
  background: #157c8c;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active &gt; a {
  color: #a6f1fd;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active &gt; a:after {
  color: #a6f1fd;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu {
  background: #157c8c;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li:hover &gt; a,
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li:focus &gt; a {
  background: #1a9cb0;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active &gt; a {
  background: #157c8c;
  color: #a6f1fd;
}
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active:hover &gt; a,
.uui-header.blue .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active:focus &gt; a {
  background: #1a9cb0;
}
.uui-header.blue .uui-responsive-header .responsive-header {
  background: #1a9cb0;
}
.uui-header.blue .uui-responsive-header .responsive-header .responsive-toggle-box {
  background: #39c2d7;
}
.uui-header.blue .uui-responsive-header .responsive-header .responsive-hide-menu {
  background: #39c2d7;
}
.uui-header.blue.navigation-header .brand-logo {
  background: #157c8c;
}
.uui-header.blue.sidebar-header .brand-logo {
  background: #1a9cb0;
}
.uui-header.blue.promo-header {
  background: #39c2d7;
}
/*  Gray &amp; Blue  */
.uui-header.gray-blue {
  background: #464547;
}
.uui-header.gray-blue .uui-toggle-box,
.uui-header.gray-blue .responsive-toggle-box {
  background: #39c2d7;
}
.uui-header.gray-blue .uui-responsive-header .responsive-header {
  background: #464547;
}
.uui-header.gray-blue .uui-responsive-header .responsive-header .responsive-toggle-box {
  background: #39c2d7;
}
.uui-header.gray-blue .uui-responsive-header .responsive-header .responsive-hide-menu {
  background: #39c2d7;
}
.uui-header.gray-blue.navigation-header .brand-logo {
  background: #39c2d7;
}
.uui-header.gray-blue.sidebar-header .brand-logo {
  background: #464547;
}
.uui-header.gray-blue.breadcrumb-header .brand-logo {
  background: #39c2d7;
}
.uui-header.gray-blue.breadcrumb-header .brand-logo:before {
  border-color: transparent transparent transparent #39c2d7;
}
/*  Green  */
.uui-header.green {
  background: #7f993a;
}
.uui-header.green .uui-toggle-box,
.uui-header.green .responsive-toggle-box {
  background: #a3c644;
}
.uui-header.green .uui-navigation &gt; li &gt; a .arrow {
  color: #ffffff;
}
.uui-header.green .uui-navigation &gt; li:hover &gt; a,
.uui-header.green .uui-navigation &gt; li:focus &gt; a,
.uui-header.green .uui-navigation &gt; li.open &gt; a {
  background: #a3c644;
}
.uui-header.green .uui-navigation &gt; li.active &gt; a {
  color: #e4ff99;
}
.uui-header.green .uui-navigation &gt; li.active &gt; a .arrow {
  color: #e4ff99;
}
.uui-header.green .uui-navigation &gt; li.active:hover &gt; a,
.uui-header.green .uui-navigation &gt; li.active:focus &gt; a,
.uui-header.green .uui-navigation &gt; li.active.open &gt; a {
  background: #a3c644;
}
.uui-header.green .uui-navigation &gt; li.dropdown:hover &gt; a,
.uui-header.green .uui-navigation &gt; li.dropdown:focus &gt; a,
.uui-header.green .uui-navigation &gt; li.dropdown.open &gt; a {
  background: #a3c644;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu {
  background: #a3c644;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li:hover &gt; a,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li:focus &gt; a,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.open &gt; a {
  background: #667b2f;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.active &gt; a {
  background: #a3c644;
  color: #e4ff99;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.active:hover &gt; a,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.active:focus &gt; a,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.active.open &gt; a {
  background: #667b2f;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; a:after {
  color: #ffffff;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.open &gt; a {
  background: #667b2f;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a:after,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a:after,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.open &gt; a:after {
  color: #ffffff;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active &gt; a {
  color: #e4ff99;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active &gt; a:after {
  color: #e4ff99;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu {
  background: #667b2f;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li:hover &gt; a,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li:focus &gt; a {
  background: #7f993a;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active &gt; a {
  background: #667b2f;
  color: #e4ff99;
}
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active:hover &gt; a,
.uui-header.green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active:focus &gt; a {
  background: #7f993a;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a .uui-search {
  border: 1px solid #667b2f;
  background: #667b2f;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a .uui-search::-webkit-input-placeholder {
  color: #a3c644;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a .uui-search::-moz-placeholder {
  color: #a3c644;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a .uui-search:-ms-input-placeholder {
  color: #a3c644;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a .uui-search:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a .uui-search:focus::-webkit-input-placeholder {
  color: #999999;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a .uui-search:focus::-moz-placeholder {
  color: #999999;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a .uui-search:focus:-ms-input-placeholder {
  color: #999999;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search &gt; a label:before {
  color: #a3c644;
}
.uui-header.green .uui-header-tools &gt; li.uui-header-button &gt; a.uui-button {
  background: #464547;
  border-color: #464547;
  color: #ffffff;
}
.uui-header.green .uui-header-tools &gt; li.uui-header-button &gt; a.uui-button:hover,
.uui-header.green .uui-header-tools &gt; li.uui-header-button &gt; a.uui-button:focus,
.uui-header.green .uui-header-tools &gt; li.uui-header-button &gt; a.uui-button:active {
  background: #323132;
  border-color: #323132;
  color: #ffffff;
  text-decoration: none;
}
.uui-header.green .uui-header-tools &gt; li.uui-header-button.open &gt; a {
  background: #464547;
  border-color: #464547;
}
.uui-header.green .uui-responsive-header .responsive-header {
  background: #7f993a;
}
.uui-header.green .uui-responsive-header .responsive-header .responsive-toggle-box {
  background: #a3c644;
}
.uui-header.green .uui-responsive-header .responsive-header .responsive-hide-menu {
  background: #a3c644;
}
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a span,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a i {
  color: #a3c644;
}
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a i,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a i,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a span,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #a3c644;
}
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a i,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a i,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
.uui-header.green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.green.navigation-header .brand-logo {
  background: #667b2f;
}
.uui-header.green.sidebar-header nav .brand-logo {
  background: #7f993a;
}
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a span,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a i {
  color: #a3c644;
}
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a i,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a i,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a span,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #a3c644;
}
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a i,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a i,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
.uui-header.green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.green.promo-header {
  background: #a3c644;
}
/*  Gray &amp; Green  */
.uui-header.gray-green {
  background: #464547;
}
.uui-header.gray-green .uui-toggle-box,
.uui-header.gray-green .responsive-toggle-box {
  background: #a3c644;
}
.uui-header.gray-green .uui-navigation &gt; li.active &gt; a {
  color: #a3c644;
}
.uui-header.gray-green .uui-navigation &gt; li.active &gt; a .arrow {
  color: #a3c644;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li:hover &gt; a,
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li:focus &gt; a,
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.open &gt; a {
  background: #7f993a;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.active &gt; a {
  color: #a3c644;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.active:hover &gt; a,
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.active:focus &gt; a,
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.active.open &gt; a {
  background: #7f993a;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a,
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a,
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.open &gt; a {
  background: #7f993a;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active &gt; a {
  color: #a3c644;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu.active &gt; a:after {
  color: #a3c644;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu {
  background: #7f993a;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li:hover &gt; a,
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li:focus &gt; a {
  background: #a3c644;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active &gt; a {
  background: #7f993a;
  color: #e4ff99;
}
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active:hover &gt; a,
.uui-header.gray-green .uui-navigation &gt; li .dropdown-menu &gt; li.dropdown-submenu &gt; .dropdown-menu &gt; li.active:focus &gt; a {
  background: #a3c644;
}
.uui-header.gray-green .uui-responsive-header .responsive-header {
  background: #464547;
}
.uui-header.gray-green .uui-responsive-header .responsive-header .responsive-toggle-box {
  background: #a3c644;
}
.uui-header.gray-green .uui-responsive-header .responsive-header .responsive-hide-menu {
  background: #a3c644;
}
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a span,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a i {
  color: #a3c644;
}
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a i,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a i,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a span,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #a3c644;
}
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li:hover &gt; a,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li:focus &gt; a {
  color: #ffffff;
}
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li:hover &gt; a i,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li:focus &gt; a i,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li:hover &gt; a span,
.uui-header.gray-green .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li:focus &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green.navigation-header .brand-logo {
  background: #a3c644;
}
.uui-header.gray-green.sidebar-header nav .brand-logo {
  background: #464547;
}
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a span,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a i {
  color: #a3c644;
}
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a i,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a i,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a span,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #a3c644;
}
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a i,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a i,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
.uui-header.gray-green.sidebar-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .brand-logo {
  background: #a3c644;
}
.uui-header.gray-green.breadcrumb-header nav .brand-logo:before {
  border-color: transparent transparent transparent #a3c644;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:hover &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:focus &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.open &gt; a {
  background: #7f993a;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:hover &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:focus &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.open &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:hover &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:focus &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.open &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:hover &gt; a:after,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li:focus &gt; a:after,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.open &gt; a:after {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active &gt; a span {
  color: #a3c644;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:hover &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:focus &gt; a {
  background: #7f993a;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:hover &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:focus &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:hover &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:hover &gt; a:after,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.active:focus &gt; a:after {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.open &gt; a {
  background: #7f993a;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.open &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.open &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:hover &gt; a:after,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu:focus &gt; a:after,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.open &gt; a:after {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active &gt; a span {
  color: #a3c644;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active &gt; a:after {
  color: #a3c644;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:hover &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:focus &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active.open &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:hover &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:focus &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active.open &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:hover &gt; a:after,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active:focus &gt; a:after,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu.active.open &gt; a:after {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu {
  background: #7f993a;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li:hover &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li:focus &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li.open &gt; a {
  background: #a3c644;
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li.active &gt; a {
  background: #7f993a;
  color: #e4ff99;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li.active:hover &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-main-nav &gt; li.active-nav .dropdown-menu &gt; li.dropdown-submenu .dropdown-menu &gt; li.active:focus &gt; a {
  background: #a3c644;
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav &gt; li:hover &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav &gt; li:focus &gt; a {
  color: #e4ff99;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav &gt; li.active &gt; a {
  color: #e4ff99;
}
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav &gt; li.active:focus &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-navigation.breadcrumb-related-nav &gt; li.active.open &gt; a {
  color: #e4ff99;
}
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.active &gt; a i {
  color: #a3c644;
}
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:hover &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #a3c644;
}
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a i,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
.uui-header.gray-green.breadcrumb-header nav .uui-responsive-header .responsive-menu ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
/* White */
.uui-header.white.promo-header {
  background: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
.uui-header.white.promo-header .brand-logo {
  color: #666666;
}
.uui-header.white.promo-header .uui-responsive-header .responsive-header {
  background: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
.uui-header.white.promo-header .uui-responsive-header .responsive-header .responsive-brand-logo {
  color: #666666;
}
.uui-header.white.promo-header .uui-responsive-header .responsive-header .responsive-toggle-box {
  background: #39c2d7;
}
.uui-header.white.promo-header .uui-responsive-header .responsive-header .responsive-hide-menu {
  background: #39c2d7;
}
/* Partially transparent */
.uui-header.partially-transparent.promo-header {
  background: rgba(70, 69, 71, 0.5);
}
/* Transparent */
.uui-header.transparent.promo-header {
  background: transparent;
}
.wrapper {
  width: 100%;
  height: 100%;
}
.uui-main-container {
  box-sizing: border-box;
  min-height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
}
.uui-main-container main .promo-section {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
.uui-main-container main .promo-section .section-wrapper {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
}
/* UUI Sidebar menu */
aside {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: auto;
  height: 100%;
  background: rgba(51, 51, 51, 0.5);
}
aside .uui-side-bar {
  position: fixed;
  left: 0;
  top: 60px;
  z-index: 1001;
  width: 260px;
  height: 100%;
  background: #333333;
  display: none;
}
aside .uui-side-bar .mCSB_inside &gt; .mCSB_container {
  margin-right: 0;
}
aside .uui-side-bar .mCSB_scrollTools {
  width: 0;
}
aside .uui-side-bar ul {
  margin: 0 0 60px 0;
}
aside .uui-side-bar ul &gt; li {
  display: inline-block;
  width: 100%;
  margin: 0;
  list-style: none;
  box-shadow: inset 0 -1px #3d3d3d;
}
aside .uui-side-bar ul &gt; li &gt; a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 18px;
  color: #ffffff;
}
aside .uui-side-bar ul &gt; li &gt; a:hover,
aside .uui-side-bar ul &gt; li &gt; a:focus,
aside .uui-side-bar ul &gt; li &gt; a:active {
  color: #ffffff;
  background: none;
  text-decoration: none;
}
aside .uui-side-bar ul &gt; li &gt; a i {
  font-size: 22px;
  color: #ffffff;
  line-height: 50px;
  margin-right: 6px;
  min-width: 24px;
}
aside .uui-side-bar ul &gt; li &gt; a img {
  height: 22px;
  width: auto;
  min-width: 24px;
  margin-right: 6px;
  margin-bottom: 7px;
}
aside .uui-side-bar ul &gt; li &gt; a span {
  display: inline-block;
  font-family: 'Oswald Regular', Arial, sans-serif;
  letter-spacing: .15px;
  color: #ffffff;
  font-size: 16px;
  text-transform: uppercase;
}
aside .uui-side-bar ul &gt; li &gt; a .arrow {
  float: right;
  font-size: 12px;
  color: #ffffff;
  line-height: 50px;
  margin-left: 12px;
}
aside .uui-side-bar ul &gt; li:hover &gt; a,
aside .uui-side-bar ul &gt; li:focus &gt; a {
  background: #1a9cb0;
}
aside .uui-side-bar ul &gt; li.active {
  margin: 0;
}
aside .uui-side-bar ul &gt; li.active &gt; a {
  color: #3cc2d7;
}
aside .uui-side-bar ul &gt; li.active &gt; a i,
aside .uui-side-bar ul &gt; li.active &gt; a span {
  color: #3cc2d7;
}
aside .uui-side-bar ul &gt; li.active:hover &gt; a,
aside .uui-side-bar ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
aside .uui-side-bar ul &gt; li.active:hover &gt; a i,
aside .uui-side-bar ul &gt; li.active:focus &gt; a i,
aside .uui-side-bar ul &gt; li.active:hover &gt; a span,
aside .uui-side-bar ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
aside .uui-side-bar ul &gt; li.sub-menu {
  height: auto;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub {
  margin: 0;
  background: #1f1f1f;
  display: none;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li {
  box-shadow: none;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li &gt; a {
  color: #cccccc;
  height: auto;
  line-height: normal;
  padding: 13px 18px 13px 30px;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li &gt; a span {
  color: #cccccc;
  text-transform: none;
  font-family: 'Oswald Light', Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
  white-space: normal;
  max-width: none;
  letter-spacing: .15px;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li:hover &gt; a,
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li:focus &gt; a {
  color: #ffffff;
  background: none;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li:hover &gt; a span,
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li:focus &gt; a span {
  color: #ffffff;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li.active &gt; a {
  color: #3cc2d7;
  background: none;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #3cc2d7;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
aside .uui-side-bar ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
aside .uui-side-bar ul &gt; li.sub-menu.open &gt; a {
  background: #1f1f1f;
}
aside .uui-side-bar ul &gt; li.sub-menu.open &gt; a i,
aside .uui-side-bar ul &gt; li.sub-menu.open &gt; a span {
  color: #ffffff;
}
/* Blue */
.uui-side-bar.blue {
  background: #39c2d7;
}
.uui-side-bar.blue ul &gt; li {
  box-shadow: inset 0 -1px #4ac7da;
}
.uui-side-bar.blue ul &gt; li:hover &gt; a,
.uui-side-bar.blue ul &gt; li:focus &gt; a {
  background: #1dacc2;
}
.uui-side-bar.blue ul &gt; li.active &gt; a {
  color: #a6f1fd;
}
.uui-side-bar.blue ul &gt; li.active &gt; a i,
.uui-side-bar.blue ul &gt; li.active &gt; a span {
  color: #a6f1fd;
}
.uui-side-bar.blue ul &gt; li.active:hover &gt; a,
.uui-side-bar.blue ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-side-bar.blue ul &gt; li.active:hover &gt; a i,
.uui-side-bar.blue ul &gt; li.active:focus &gt; a i,
.uui-side-bar.blue ul &gt; li.active:hover &gt; a span,
.uui-side-bar.blue ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-side-bar.blue ul &gt; li.sub-menu .sub {
  background: #1a9cb0;
}
.uui-side-bar.blue ul &gt; li.sub-menu .sub &gt; li &gt; a {
  color: #bef2fa;
}
.uui-side-bar.blue ul &gt; li.sub-menu .sub &gt; li &gt; a span {
  color: #bef2fa;
}
.uui-side-bar.blue ul &gt; li.sub-menu .sub &gt; li:hover &gt; a,
.uui-side-bar.blue ul &gt; li.sub-menu .sub &gt; li:focus &gt; a {
  color: #ffffff;
}
.uui-side-bar.blue ul &gt; li.sub-menu .sub &gt; li:hover &gt; a span,
.uui-side-bar.blue ul &gt; li.sub-menu .sub &gt; li:focus &gt; a span {
  color: #ffffff;
}
.uui-side-bar.blue ul &gt; li.sub-menu .sub &gt; li.active &gt; a {
  color: #ffffff;
}
.uui-side-bar.blue ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #ffffff;
}
.uui-side-bar.blue ul &gt; li.sub-menu.open &gt; a {
  background: #1a9cb0;
}
/* Green */
.uui-side-bar.green {
  background: #a3c644;
}
.uui-side-bar.green ul &gt; li {
  box-shadow: inset 0 -1px #abcb54;
}
.uui-side-bar.green ul &gt; li:hover &gt; a,
.uui-side-bar.green ul &gt; li:focus &gt; a {
  background: #8ba840;
}
.uui-side-bar.green ul &gt; li:hover &gt; a i,
.uui-side-bar.green ul &gt; li:focus &gt; a i,
.uui-side-bar.green ul &gt; li:hover &gt; a span,
.uui-side-bar.green ul &gt; li:focus &gt; a span {
  color: #ffffff;
}
.uui-side-bar.green ul &gt; li.active &gt; a {
  color: #e4ff99;
}
.uui-side-bar.green ul &gt; li.active &gt; a i,
.uui-side-bar.green ul &gt; li.active &gt; a span {
  color: #e4ff99;
}
.uui-side-bar.green ul &gt; li.active:hover &gt; a,
.uui-side-bar.green ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-side-bar.green ul &gt; li.active:hover &gt; a i,
.uui-side-bar.green ul &gt; li.active:focus &gt; a i,
.uui-side-bar.green ul &gt; li.active:hover &gt; a span,
.uui-side-bar.green ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-side-bar.green ul &gt; li.sub-menu .sub {
  background: #7f993a;
}
.uui-side-bar.green ul &gt; li.sub-menu .sub &gt; li &gt; a {
  color: #dff999;
}
.uui-side-bar.green ul &gt; li.sub-menu .sub &gt; li &gt; a span {
  color: #dff999;
}
.uui-side-bar.green ul &gt; li.sub-menu .sub &gt; li:hover &gt; a,
.uui-side-bar.green ul &gt; li.sub-menu .sub &gt; li:focus &gt; a {
  color: #ffffff;
}
.uui-side-bar.green ul &gt; li.sub-menu .sub &gt; li:hover &gt; a span,
.uui-side-bar.green ul &gt; li.sub-menu .sub &gt; li:focus &gt; a span {
  color: #ffffff;
}
.uui-side-bar.green ul &gt; li.sub-menu .sub &gt; li.active &gt; a {
  color: #ffffff;
}
.uui-side-bar.green ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #ffffff;
}
.uui-side-bar.green ul &gt; li.sub-menu.open &gt; a {
  background: #7f993a;
}
/* Gray &amp; Green */
.uui-side-bar.gray-green ul &gt; li:hover &gt; a,
.uui-side-bar.gray-green ul &gt; li:focus &gt; a {
  background: #7f993a;
}
.uui-side-bar.gray-green ul &gt; li.active &gt; a {
  color: #a3c644;
}
.uui-side-bar.gray-green ul &gt; li.active &gt; a i,
.uui-side-bar.gray-green ul &gt; li.active &gt; a span {
  color: #a3c644;
}
.uui-side-bar.gray-green ul &gt; li.active:hover &gt; a,
.uui-side-bar.gray-green ul &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-side-bar.gray-green ul &gt; li.active:hover &gt; a i,
.uui-side-bar.gray-green ul &gt; li.active:focus &gt; a i,
.uui-side-bar.gray-green ul &gt; li.active:hover &gt; a span,
.uui-side-bar.gray-green ul &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li:hover &gt; a,
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li:focus &gt; a {
  color: #ffffff;
}
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li:hover &gt; a span,
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li:focus &gt; a span {
  color: #ffffff;
}
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li.active &gt; a {
  color: #a3c644;
}
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li.active &gt; a span {
  color: #a3c644;
}
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a,
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a {
  color: #ffffff;
}
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li.active:hover &gt; a span,
.uui-side-bar.gray-green ul &gt; li.sub-menu .sub &gt; li.active:focus &gt; a span {
  color: #ffffff;
}
.uui-side-bar.gray-green ul &gt; li.sub-menu.open &gt; a {
  background: #1f1f1f;
}
.uui-side-bar.gray-green ul &gt; li.sub-menu.open &gt; a i,
.uui-side-bar.gray-green ul &gt; li.sub-menu.open &gt; a span {
  color: #ffffff;
}
footer {
  width: 100%;
  margin-top: -60px;
  position: relative;
  z-index: 1000;
}
footer .uui-footer {
  display: table;
  table-layout: fixed;
  height: 60px;
  width: 100%;
  vertical-align: middle;
  background: #464547;
  padding: 0 20px;
}
footer .uui-footer .footer-logo-copyright,
footer .uui-footer .footer-build {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
footer .uui-footer .footer-logo-copyright {
  text-align: left;
}
footer .uui-footer .footer-build {
  text-align: right;
}
footer .uui-footer .footer-build .build {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #999999;
  margin: 0;
}
footer .cust-logo {
  display: inline-block;
  width: auto;
  height: 32px;
  margin: 2px 10px 0 0;
}
footer .cust-logo img {
  width: auto;
  height: 32px;
}
footer .copyright {
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #999999;
  margin: 0;
}
footer .uui-promo-footer {
  display: table;
  table-layout: fixed;
  height: 60px;
  width: 100%;
  background: #464547;
  padding: 0 20px;
}
footer .uui-promo-footer .footer-logo-copyright,
footer .uui-promo-footer .footer-navigation,
footer .uui-promo-footer .footer-icon-navigation {
  display: table-cell;
  width: 33.3%;
  vertical-align: middle;
}
footer .uui-promo-footer .footer-logo-copyright {
  text-align: left;
}
footer .uui-promo-footer .footer-navigation {
  text-align: center;
}
footer .uui-promo-footer .footer-icon-navigation {
  text-align: right;
}
footer .uui-promo-footer .uui-footer-navigation {
  display: inline-block;
  list-style: none;
  margin: 0;
}
footer .uui-promo-footer .uui-footer-navigation li {
  display: inline-block;
  font-size: 14px;
  text-transform: uppercase;
  color: #999999;
  margin: 2px 9px;
}
footer .uui-promo-footer .uui-footer-navigation li &gt; a {
  font-size: 14px;
  color: #999999;
}
footer .uui-promo-footer .uui-footer-navigation li &gt; a i {
  font-size: 18px;
  color: #999999;
}
footer .uui-promo-footer .uui-footer-navigation li &gt; a:hover,
footer .uui-promo-footer .uui-footer-navigation li &gt; a:active,
footer .uui-promo-footer .uui-footer-navigation li &gt; a:focus {
  text-decoration: none;
  color: #ffffff;
}
footer .uui-promo-footer .uui-footer-navigation li &gt; a:hover i,
footer .uui-promo-footer .uui-footer-navigation li &gt; a:active i,
footer .uui-promo-footer .uui-footer-navigation li &gt; a:focus i {
  color: #ffffff;
}
/* Grid system */
.container {
  padding-right: 18px !important;
  padding-left: 18px !important;
}
.container &gt; .navbar-header,
.container-fluid &gt; .navbar-header,
.container &gt; .navbar-collapse,
.container-fluid &gt; .navbar-collapse {
  margin-right: -18px !important;
  margin-left: -18px !important;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 18px !important;
  padding-left: 18px !important;
}
@media (min-width: 768px) {
  .container {
    width: 672px !important;
  }
  .navbar &gt; .container .navbar-brand,
  .navbar &gt; .container-fluid .navbar-brand {
    margin-left: -18px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 672px !important;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 954px !important;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 954px !important;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1170px !important;
  }
}
.container-fluid {
  padding-right: 18px !important;
  padding-left: 18px !important;
}
.row {
  margin-right: -18px !important;
  margin-left: -18px !important;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  padding-right: 18px !important;
  padding-left: 18px !important;
}
@media screen and (max-width: 1024px) {
  .uui-main-container {
    padding-bottom: 158px;
  }
  footer {
    margin-top: -158px;
    display: table;
  }
  footer .cust-logo {
    margin: 0;
  }
  footer .copyright {
    width: 100%;
    margin: 10px 0px;
  }
  footer .uui-footer {
    display: table-cell;
    height: 158px;
    padding: 15px 20px;
    vertical-align: middle;
  }
  footer .uui-footer .footer-logo-copyright,
  footer .uui-footer .footer-build {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  footer .uui-footer .footer-logo-copyright .build,
  footer .uui-footer .footer-build .build {
    width: 100%;
  }
  footer .uui-promo-footer {
    display: table-cell;
    height: 158px;
    padding: 15px 20px;
    vertical-align: middle;
  }
  footer .uui-promo-footer .footer-logo-copyright,
  footer .uui-promo-footer .footer-navigation,
  footer .uui-promo-footer .footer-icon-navigation {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  footer .uui-promo-footer .footer-logo-copyright .icon-navigation,
  footer .uui-promo-footer .footer-navigation .icon-navigation,
  footer .uui-promo-footer .footer-icon-navigation .icon-navigation {
    margin-top: 10px;
  }
  footer .uui-promo-footer .uui-footer-navigation {
    display: inline-block;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  header .uui-header .uui-responsive-header {
    display: block;
  }
  header .uui-header .brand-logo,
  header .uui-header .uui-navigation,
  header .uui-header .uui-header-tools {
    display: none;
  }
  .uui-main-container {
    margin-left: 0 !important;
  }
  aside {
    width: auto;
  }
  aside .uui-side-bar {
    display: none !important;
  }
}
@media screen and (max-width: 576px) {
  footer .copyright {
    margin: 5px 0;
  }
  footer .uui-footer,
  footer .uui-promo-footer {
    padding: 10px;
  }
  footer .uui-footer .footer-icon-navigation .icon-navigation,
  footer .uui-promo-footer .footer-icon-navigation .icon-navigation {
    margin-top: 5px;
  }
}
.uui-accordion .panel.accordion-item {
  border-radius: 0;
  margin: 0 0 5px 0;
  padding: 0;
  box-shadow: none;
  border: 1px solid #cccccc;
}
.uui-accordion .panel.accordion-item:last-child {
  margin: 0;
}
.uui-accordion .panel.accordion-item .accordion-heading {
  background: #ffffff;
  border: none;
}
.uui-accordion .panel.accordion-item .accordion-heading .accordion-title {
  margin: 0;
}
.uui-accordion .panel.accordion-item .accordion-heading .accordion-title .accordion-toggle {
  display: inline-block;
  width: 100%;
  padding: 14px 15px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 16px;
  color: #666666;
  text-decoration: none;
}
.uui-accordion .panel.accordion-item .accordion-collapse {
  background: #ffffff;
}
.uui-accordion .panel.accordion-item .accordion-collapse .accordion-body {
  border: none;
  padding: 3px 15px 15px 15px;
  color: #999999;
  font-size: 14px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  line-height: 18px;
}
.uui-accordion.cards-accordion .panel.accordion-item {
  border: none;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
.uui-accordion.cards-accordion .panel.accordion-item .accordion-heading {
  border: none;
}
.uui-accordion.cards-accordion .panel.accordion-item .accordion-collapse .accordion-body {
  border: none;
}
.uui-alert-messages {
  min-height: 36px;
  font-size: 14px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  border-radius: 0;
  color: #666666;
  padding: 6px 17px;
  margin-bottom: 0;
}
.uui-alert-messages i {
  color: #666666;
  margin-right: 2px;
}
.uui-alert-messages .close {
  position: relative;
  width: 14px;
  height: 14px;
  right: 0;
  top: 0;
  margin-top: 4px;
  text-shadow: none;
  opacity: .4;
}
.uui-alert-messages .close:hover,
.uui-alert-messages .close:focus {
  opacity: .7;
}
.uui-alert-messages .close &gt; span {
  font-size: 21px;
  position: absolute;
  right: 0;
  top: 0;
  width: 14px;
  height: 14px;
}
.uui-alert-messages .close &gt; span span {
  display: block;
  position: absolute;
  height: 2px;
  width: 14px;
  background: #666666;
  top: 6px;
  left: 0;
}
.uui-alert-messages .close &gt; span span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.uui-alert-messages .close &gt; span span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.uui-alert-messages strong {
  font-size: 14px;
  font-family: 'Source Sans Pro Bold', Arial, sans-serif;
  font-weight: normal;
}
.uui-alert-messages.large {
  min-height: 48px;
  padding: 13px 17px;
}
/*  COLORS */
/*  Blue  */
.uui-alert-messages.blue {
  background: #39c2d7;
  border-color: #39c2d7;
  color: #ffffff;
}
.uui-alert-messages.blue i {
  color: #ffffff;
}
.uui-alert-messages.blue .close {
  opacity: 1;
}
.uui-alert-messages.blue .close &gt; span span {
  background: #ffffff;
}
.uui-alert-messages.blue .close:hover,
.uui-alert-messages.blue .close:focus {
  opacity: 0.7;
}
/*  Lime Green  */
.uui-alert-messages.lime-green {
  background: #a3c644;
  border-color: #a3c644;
  color: #ffffff;
}
.uui-alert-messages.lime-green i {
  color: #ffffff;
}
.uui-alert-messages.lime-green .close {
  opacity: 1;
}
.uui-alert-messages.lime-green .close &gt; span span {
  background: #ffffff;
}
.uui-alert-messages.lime-green .close:hover,
.uui-alert-messages.lime-green .close:focus {
  opacity: 0.7;
}
/* Fuchsia */
.uui-alert-messages.fuchsia {
  background: #e4445f;
  border-color: #e4445f;
  color: #ffffff;
}
.uui-alert-messages.fuchsia i {
  color: #ffffff;
}
.uui-alert-messages.fuchsia .close {
  opacity: 1;
}
.uui-alert-messages.fuchsia .close &gt; span span {
  background: #ffffff;
}
.uui-alert-messages.fuchsia .close:hover,
.uui-alert-messages.fuchsia .close:focus {
  opacity: 0.7;
}
.uui-animated-image-panel {
  position: relative;
  min-height: 200px;
  overflow: hidden;
  cursor: pointer;
}
.uui-animated-image-panel .animated-panel-image {
  background-color: #464547;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  height: 100%;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.uui-animated-image-panel .animated-panel-tag {
  position: absolute;
  padding: 20px 20px;
  z-index: 1;
}
.uui-animated-image-panel .animated-panel-tag span {
  background-color: #ffffff;
  color: #464547;
  border-radius: 13px;
  padding: 0 13px;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
}
.uui-animated-image-panel .animated-panel-tag.right {
  right: 0;
}
.uui-animated-image-panel .amimated-panel-heading {
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
  font-size: 16px;
  padding: 40px 20px;
}
.uui-animated-image-panel .amimated-panel-heading.right {
  right: 0;
}
.uui-animated-image-panel .animated-panel-title {
  padding: 22px;
  top: 50%;
  width: 100%;
  position: absolute;
  color: #ffffff;
  font-size: 20px;
  -moz-transform: translateY(-60%);
  -webkit-transform: translateY(-60%);
  -o-transform: translateY(-60%);
  -ms-transform: translateY(-60%);
  transform: translateY(-60%);
}
.uui-animated-image-panel .animated-panel-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 40px;
  background-color: rgba(70, 69, 71, 0.3);
  color: rgba(255, 255, 255, 0.9);
  line-height: 40px;
  padding: 0 20px;
}
.uui-animated-image-panel:hover .animated-panel-image {
  -webkit-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.uui-animated-image-panel .corner {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 50px solid rgba(70, 69, 71, 0.3);
  border-left: 50px solid transparent;
  top: 0;
  right: 0;
  z-index: 20;
}
.uui-animated-image-panel .corner span {
  position: absolute;
  font-size: 15px;
  top: -42px;
  right: 10px;
  z-index: 25;
  color: #ffffff;
}
.uui-animated-image-panel .corner.left {
  border-right: 50px solid transparent;
  border-left: none;
  left: 0;
}
.uui-animated-image-panel .corner.left span {
  left: 10px;
}
/*  Blue  */
.uui-animated-image-panel.blue .animated-panel-tag span {
  color: #39c2d7;
}
/* Lime green */
.uui-animated-image-panel.lime-green .animated-panel-tag span {
  color: #a3c644;
}
/* Gray */
.uui-animated-image-panel.gray .animated-panel-tag span {
  color: #999999;
}
/* Fuchsia */
.uui-animated-image-panel.fuchsia .animated-panel-tag span {
  color: #e4445f;
}
/* Black */
.uui-animated-image-panel.black .animated-panel-tag span {
  color: #333333;
}
.typeahead {
  border-radius: 0;
  padding: 0;
}
.typeahead.dropdown-menu {
  min-width: 220px;
  border-radius: 0;
  margin-top: 5px;
  border: none;
  padding: 0;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
.typeahead.dropdown-menu &gt; li {
  margin: 0;
}
.typeahead.dropdown-menu &gt; li &gt; a {
  text-decoration: none;
  font-size: 14px;
  padding: 5px 12px 7px 12px;
  color: #999999;
  font-weight: normal;
  line-height: 18px;
}
.typeahead.dropdown-menu &gt; li &gt; a strong {
  color: #999999;
}
.typeahead.dropdown-menu &gt; li &gt; a:hover {
  background: #eee;
  color: #666666;
}
.typeahead.dropdown-menu &gt; li &gt; a:hover strong {
  color: #666666;
}
.typeahead.dropdown-menu &gt; li &gt; a .image-wrapper {
  display: table;
  width: 100%;
}
.typeahead.dropdown-menu &gt; li &gt; a .image-wrapper .image-cell {
  display: table-cell;
  width: 20px;
  padding-right: 10px;
  vertical-align: middle;
}
.typeahead.dropdown-menu &gt; li &gt; a .image-wrapper .image-cell .image {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
  vertical-align: middle;
}
.typeahead.dropdown-menu &gt; li &gt; a .image-wrapper .image-cell .image img {
  width: 100%;
  height: auto;
}
.typeahead.dropdown-menu &gt; li &gt; a .image-wrapper .text-cell {
  display: table-cell;
  vertical-align: middle;
}
.typeahead.dropdown-menu &gt; li.active a {
  background: #eee;
  color: #999999;
}
.typeahead.dropdown-menu &gt; li.active a strong {
  color: #999999;
}
.typeahead.dropdown-menu &gt; li.active a:hover,
.typeahead.dropdown-menu &gt; li.active a:focus,
.typeahead.dropdown-menu &gt; li.active a:active {
  background: #eee;
  color: #999999;
}
.typeahead.dropdown-menu &gt; li.active a:hover strong,
.typeahead.dropdown-menu &gt; li.active a:focus strong,
.typeahead.dropdown-menu &gt; li.active a:active strong {
  color: #999999;
}
.typeahead.large.dropdown-menu &gt; li a {
  padding: 9px 18px;
  font-size: 16px;
}
.typeahead.large.dropdown-menu &gt; li a .image-wrapper .image-cell {
  width: 30px;
}
.typeahead.large.dropdown-menu &gt; li a .image-wrapper .image-cell .image {
  width: 30px;
  height: 30px;
}
.typeahead.small.dropdown-menu &gt; li a {
  padding: 2px 6px 3px 6px;
  font-size: 12px;
}
.typeahead.small.dropdown-menu &gt; li a .image-wrapper .image-cell {
  width: 18px;
}
.typeahead.small.dropdown-menu &gt; li a .image-wrapper .image-cell .image {
  width: 18px;
  height: 18px;
}
.uui-breadcrumbs {
  list-style: none;
  padding: 8px 15px;
  margin: 0;
}
.uui-breadcrumbs &gt; li {
  display: inline-block;
}
.uui-breadcrumbs &gt; li + li:before {
  padding: 0 5px;
  color: #666666;
  content: "/\00a0";
}
.uui-breadcrumbs &gt; li a {
  color: #1a9cb0;
  text-decoration: none;
}
.uui-breadcrumbs &gt; li a:hover {
  color: #1a9cb0;
  text-decoration: underline;
}
.uui-breadcrumbs &gt; li i {
  font-size: 14px;
  padding: 0 3px 0 0;
  color: #1a9cb0;
}
.uui-breadcrumbs &gt; li i.active {
  color: #666666;
}
.uui-breadcrumbs &gt; li.active a {
  color: #666666;
  text-decoration: none;
  cursor: default;
}
button {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* UUI Buttons */
a.uui-button {
  padding: 7px 18px 5px 18px;
}
a.uui-button:hover,
a.uui-button:focus,
a.uui-button:active {
  text-decoration: none;
}
.uui-button {
  display: inline-block;
  height: 36px;
  line-height: normal;
  padding: 6px 18px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
  background: #e5e5e5;
  color: #666666;
  font-size: 14px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  letter-spacing: .25px;
  text-transform: uppercase;
}
.uui-button:hover,
.uui-button:focus,
.uui-button:active {
  background: #cccccc;
  border-color: #cccccc;
  color: #666666;
}
.uui-button i {
  vertical-align: middle;
  font-size: 16px;
}
.uui-button img {
  height: 16px;
  width: auto;
  margin-top: -3px;
}
.uui-button.left-icon i,
.uui-button.left-icon img {
  margin-right: 5px;
}
.uui-button.right-icon i,
.uui-button.right-icon img {
  margin-left: 5px;
}
.uui-button:disabled {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button:disabled i {
  color: #cccccc;
}
.uui-button.large {
  height: 48px;
  padding: 10px 24px;
  font-size: 18px;
}
.uui-button.large i {
  font-size: 20px;
}
.uui-button.large img {
  height: 20px;
}
.uui-button.small {
  height: 24px;
  padding: 1px 12px 2px 12px;
  font-size: 14px;
}
.uui-button.small i {
  font-size: 15px;
}
.uui-button.small img {
  height: 15px;
}
.uui-button.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button.disable i {
  color: #cccccc;
}
.uui-button.disable:hover,
.uui-button.disable:focus,
.uui-button.disable:active {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button.transparent {
  background: transparent;
  border-color: #cccccc;
}
.uui-button.transparent:hover,
.uui-button.transparent:focus,
.uui-button.transparent:active {
  background: transparent;
  border-color: #999999;
  color: #464547;
}
.uui-button.transparent.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button.transparent.disable i {
  color: #cccccc;
}
.uui-button.transparent.disable:hover,
.uui-button.transparent.disable:focus,
.uui-button.transparent.disable:active {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
/* UUI Buttons group */
.uui-input-group {
  position: relative;
  display: inline-block;
}
.uui-input-group.horizontal .uui-button {
  float: left;
  position: relative;
  margin-right: -1px;
}
.uui-input-group.horizontal .uui-button:hover,
.uui-input-group.horizontal .uui-button:focus,
.uui-input-group.horizontal .uui-button:active {
  z-index: 1;
}
.uui-input-group.vertical {
  display: inline-block;
}
.uui-input-group.vertical .uui-button {
  display: block;
  position: relative;
  width: 100%;
  margin-top: -1px;
}
.uui-input-group.vertical .uui-button:hover,
.uui-input-group.vertical .uui-button:focus,
.uui-input-group.vertical .uui-button:active {
  z-index: 1;
}
/* UUI Dropdown button */
.uui-dropdown-button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 160px;
}
.uui-dropdown-button .uui-button i {
  margin-top: -1px;
  margin-left: 2px;
  margin-right: -8px;
}
.uui-dropdown-button .dropdown-menu {
  border-radius: 0;
  margin-top: 5px;
  border: none;
  padding: 0;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
.uui-dropdown-button .dropdown-menu li {
  margin: 0;
}
.uui-dropdown-button .dropdown-menu li a {
  text-decoration: none;
  font-size: 14px;
  padding: 6px 12px;
  color: #999999;
  font-weight: normal;
  white-space: normal;
  line-height: 18px;
}
.uui-dropdown-button .dropdown-menu li a:hover {
  background-color: #eee;
  color: #666666;
}
.uui-dropdown-button.large .uui-button {
  height: 48px;
  padding: 10px 24px;
  font-size: 18px;
}
.uui-dropdown-button.large .uui-button i {
  margin-top: -3px;
  margin-right: -14px;
}
.uui-dropdown-button.large .dropdown-menu li a {
  padding: 9px 18px;
}
.uui-dropdown-button.small .uui-button {
  height: 24px;
  padding: 1px 12px 2px 12px;
  font-size: 14px;
}
.uui-dropdown-button.small .uui-button i {
  margin-right: -2px;
}
.uui-dropdown-button.small .dropdown-menu li a {
  padding: 3px 6px;
  font-size: 12px;
}
.uui-dropdown-button.dropup .uui-button i {
  margin-top: -2px;
}
.uui-dropdown-button.dropup .dropdown-menu {
  margin-bottom: 5px;
  margin-top: 0;
}
.uui-dropdown-button.disable .uui-button {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.disable .uui-button i {
  color: #cccccc;
}
.uui-dropdown-button.transparent .uui-button {
  background: transparent;
  border-color: #cccccc;
}
.uui-dropdown-button.transparent .uui-button:hover,
.uui-dropdown-button.transparent .uui-button:focus,
.uui-dropdown-button.transparent .uui-button:active {
  background: transparent;
  border-color: #999999;
}
/*  Blue  */
.uui-button.blue {
  background: #39c2d7;
  border-color: #39c2d7;
  color: #ffffff;
}
.uui-button.blue:hover,
.uui-button.blue:focus,
.uui-button.blue:active {
  background: #1a9cb0;
  border-color: #1a9cb0;
  color: #ffffff;
}
.uui-button.blue.transparent {
  background: transparent;
  border-color: #39c2d7;
  color: #39c2d7;
}
.uui-button.blue.transparent:hover,
.uui-button.blue.transparent:focus,
.uui-button.blue.transparent:active {
  background: transparent;
  border-color: #1a9cb0;
  color: #1a9cb0;
}
.uui-button.blue.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button.blue.disable i {
  color: #cccccc;
}
.uui-button.blue.disable:hover,
.uui-button.blue.disable:focus,
.uui-button.blue.disable:active {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.blue .uui-button {
  background: #39c2d7;
  border-color: #39c2d7;
  color: #ffffff;
}
.uui-dropdown-button.blue .uui-button:hover,
.uui-dropdown-button.blue .uui-button:focus,
.uui-dropdown-button.blue .uui-button:active {
  background: #1a9cb0;
  border-color: #1a9cb0;
  color: #ffffff;
}
.uui-dropdown-button.blue.disable .uui-button {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.blue.disable .uui-button i {
  color: #cccccc;
}
.uui-dropdown-button.blue.transparent .uui-button {
  background: transparent;
  border-color: #39c2d7;
  color: #39c2d7;
}
.uui-dropdown-button.blue.transparent .uui-button:hover,
.uui-dropdown-button.blue.transparent .uui-button:focus,
.uui-dropdown-button.blue.transparent .uui-button:active {
  background: transparent;
  border-color: #1a9cb0;
  color: #1a9cb0;
}
/*  Lime Green  */
.uui-button.lime-green {
  background: #a3c644;
  border-color: #a3c644;
  color: #ffffff;
}
.uui-button.lime-green:hover,
.uui-button.lime-green:focus,
.uui-button.lime-green:active {
  background: #7f993a;
  border-color: #7f993a;
  color: #ffffff;
}
.uui-button.lime-green.transparent {
  background: transparent;
  border-color: #a3c644;
  color: #a3c644;
}
.uui-button.lime-green.transparent:hover,
.uui-button.lime-green.transparent:focus,
.uui-button.lime-green.transparent:active {
  background: transparent;
  border-color: #7f993a;
  color: #7f993a;
}
.uui-button.lime-green.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button.lime-green.disable i {
  color: #cccccc;
}
.uui-button.lime-green.disable:hover,
.uui-button.lime-green.disable:focus,
.uui-button.lime-green.disable:active {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.lime-green .uui-button {
  background: #a3c644;
  border-color: #a3c644;
  color: #ffffff;
}
.uui-dropdown-button.lime-green .uui-button:hover,
.uui-dropdown-button.lime-green .uui-button:focus,
.uui-dropdown-button.lime-green .uui-button:active {
  background: #7f993a;
  border-color: #7f993a;
  color: #ffffff;
}
.uui-dropdown-button.lime-green.disable .uui-button {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.lime-green.disable .uui-button i {
  color: #cccccc;
}
.uui-dropdown-button.lime-green.transparent .uui-button {
  background: transparent;
  border-color: #a3c644;
  color: #a3c644;
}
.uui-dropdown-button.lime-green.transparent .uui-button:hover,
.uui-dropdown-button.lime-green.transparent .uui-button:focus,
.uui-dropdown-button.lime-green.transparent .uui-button:active {
  background: transparent;
  border-color: #7f993a;
  color: #7f993a;
}
/* Dark Gray */
.uui-button.dark-gray {
  background: #464547;
  border-color: #464547;
  color: #ffffff;
}
.uui-button.dark-gray:hover,
.uui-button.dark-gray:focus,
.uui-button.dark-gray:active {
  background: #333333;
  border-color: #333333;
  color: #ffffff;
}
.uui-button.dark-gray.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button.dark-gray.disable i {
  color: #cccccc;
}
.uui-button.dark-gray.disable:hover,
.uui-button.dark-gray.disable:focus,
.uui-button.dark-gray.disable:active {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.dark-gray .uui-button {
  background: #464547;
  border-color: #464547;
  color: #ffffff;
}
.uui-dropdown-button.dark-gray .uui-button:hover,
.uui-dropdown-button.dark-gray .uui-button:focus,
.uui-dropdown-button.dark-gray .uui-button:active {
  background: #333333;
  border-color: #333333;
  color: #ffffff;
}
.uui-dropdown-button.dark-gray.disable .uui-button {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.dark-gray.disable .uui-button i {
  color: #cccccc;
}
/*  Raspberry  */
.uui-button.raspberry {
  background: #b22746;
  border-color: #b22746;
  color: #ffffff;
}
.uui-button.raspberry:hover,
.uui-button.raspberry:focus,
.uui-button.raspberry:active {
  background: #8e244d;
  border-color: #8e244d;
  color: #ffffff;
}
.uui-button.raspberry.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button.raspberry.disable i {
  color: #cccccc;
}
.uui-button.raspberry.disable:hover,
.uui-button.raspberry.disable:focus,
.uui-button.raspberry.disable:active {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.raspberry .uui-button {
  background: #b22746;
  border-color: #b22746;
  color: #ffffff;
}
.uui-dropdown-button.raspberry .uui-button:hover,
.uui-dropdown-button.raspberry .uui-button:focus,
.uui-dropdown-button.raspberry .uui-button:active {
  background: #8e244d;
  border-color: #8e244d;
  color: #ffffff;
}
.uui-dropdown-button.raspberry.disable .uui-button {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.raspberry.disable .uui-button i {
  color: #cccccc;
}
/* Orange */
.uui-button.orange {
  background: #ff9b19;
  border-color: #ff9b19;
  color: #ffffff;
}
.uui-button.orange:hover,
.uui-button.orange:focus,
.uui-button.orange:active {
  background: #df7e01;
  border-color: #df7e01;
  color: #ffffff;
}
.uui-button.orange.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-button.orange.disable i {
  color: #cccccc;
}
.uui-button.orange.disable:hover,
.uui-button.orange.disable:focus,
.uui-button.orange.disable:active {
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.orange .uui-button {
  background: #ff9b19;
  border-color: #ff9b19;
  color: #ffffff;
}
.uui-dropdown-button.orange .uui-button:hover,
.uui-dropdown-button.orange .uui-button:focus,
.uui-dropdown-button.orange .uui-button:active {
  background: #df7e01;
  border-color: #df7e01;
  color: #ffffff;
}
.uui-dropdown-button.orange.disable .uui-button {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-dropdown-button.orange.disable .uui-button i {
  color: #cccccc;
}
.uui-carousel {
  border: 1px solid #cccccc;
}
.uui-carousel .carousel-caption {
  text-shadow: none;
  color: inherit;
}
.uui-carousel .carousel-caption h3 {
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 10px 0;
}
.uui-carousel .item {
  text-align: center;
  min-height: 150px;
  overflow: hidden;
}
.uui-carousel .item img {
  width: 100%;
  height: auto;
}
.uui-carousel .carousel-indicators {
  margin-bottom: 0;
}
.uui-carousel .carousel-indicators li {
  width: 12px;
  height: 12px;
  margin: 1px;
  background-color: #cccccc;
  border: none;
}
.uui-carousel .carousel-indicators li.active {
  background-color: #464547;
}
.uui-carousel .carousel-control {
  width: 45px;
  background: none;
  color: #999999;
  text-shadow: none;
  font-size: 20px;
  filter: none;
}
.uui-carousel .carousel-control:hover,
.uui-carousel .carousel-control:focus {
  color: #999999;
}
.uui-carousel .carousel-control i {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}
/* PRIMARY COLORS */
/*  Blue  */
.uui-carousel.blue .carousel-indicators li.active {
  background-color: #39c2d7;
}
/*  Lime Green  */
.uui-carousel.lime-green .carousel-indicators li.active {
  background-color: #a3c644;
}
/*  Dark Gray  */
.uui-carousel.dark-gray .carousel-indicators li.active {
  background-color: #464547;
}
/* SECONDARY COLORS */
/*  Raspberry  */
.uui-carousel.raspberry .carousel-indicators li.active {
  background-color: #b22746;
}
/*  Plum  */
.uui-carousel.plum .carousel-indicators li.active {
  background-color: #8e244d;
}
/*  Dark Blue  */
.uui-carousel.dark-blue .carousel-indicators li.active {
  background-color: #1a9cb0;
}
/*  Dark Green  */
.uui-carousel.dark-green .carousel-indicators li.active {
  background-color: #7f993a;
}
/*  Medium Gray  */
.uui-carousel.medium-gray .carousel-indicators li.active {
  background-color: #666666;
}
/*  Gray  */
.uui-carousel.gray .carousel-indicators li.active {
  background-color: #999999;
}
/* ADDITIONAL COLORS */
/*  Yellow  */
.uui-carousel.yellow .carousel-indicators li.active {
  background-color: #ffdc19;
}
/* Orange*/
.uui-carousel.orange .carousel-indicators li.active {
  background-color: #ff9b19;
}
/*  Red  */
.uui-carousel.red .carousel-indicators li.active {
  background-color: #cb2323;
}
/* Fuchsia*/
.uui-carousel.fuchsia .carousel-indicators li.active {
  background-color: #e4445f;
}
/*  Violet  */
.uui-carousel.violet .carousel-indicators li.active {
  background-color: #8b5a9f;
}
/**  SLICK CAROUSEL  **/
.uui-slick-carousel {
  margin-bottom: 0;
}
.uui-slick-carousel .slick-prev:before,
.uui-slick-carousel .slick-next:before {
  color: #666666;
}
.uui-slick-carousel .slick-prev {
  left: 0;
}
.uui-slick-carousel .slick-next {
  right: 0;
}
.uui-slick-carousel .slick-list {
  margin: 0 25px;
}
.uui-slick-carousel .slick-item {
  text-align: center;
  position: relative;
}
.uui-slick-carousel .slick-item .content {
  margin: 5px;
}
.uui-slick-carousel .slick-item .content img {
  width: 100%;
  height: auto;
  min-height: 150px;
  overflow: hidden;
}
.uui-slick-carousel .slick-item .content .text {
  position: absolute;
  top: 20px;
  left: 0;
  right: 0;
}
.uui-slick-carousel .slick-item .content .text h3 {
  font-weight: 400;
  font-size: 18px;
  margin: 0 0 10px 0;
  color: #ffffff;
}
.uui-slick-carousel .slick-dots {
  bottom: auto;
  margin-bottom: 0;
}
.uui-slick-carousel.center .slick-item {
  margin: 5px;
}
.uui-slick-carousel.center .slick-item .content {
  opacity: 0.7;
  transition: all 300ms ease;
}
.uui-slick-carousel.center .slick-item.slick-center .content {
  -moz-transform: scale(1.08);
  -ms-transform: scale(1.08);
  -o-transform: scale(1.08);
  -webkit-transform: scale(1.08);
  opacity: 1;
  transform: scale(1.08);
}
.uui-datepicker-2 {
  display: inline-block;
  width: 110px;
  height: 36px;
  border: 1px solid #cccccc;
  background: #ffffff;
}
.uui-datepicker-2:hover,
.uui-datepicker-2.focus {
  border-color: #999999;
}
.uui-datepicker-2 .uui-form-element {
  width: 110px;
  min-width: 110px;
  height: 34px;
  border: none;
  background: transparent;
}
.uui-datepicker-2.large {
  height: 48px;
  width: 125px;
}
.uui-datepicker-2.large .uui-form-element {
  width: 125px;
  min-width: 125px;
  height: 46px;
  padding: 10px 18px;
  font-size: 16px;
}
.uui-datepicker-2.small {
  height: 24px;
  width: 100px;
}
.uui-datepicker-2.small .uui-form-element {
  width: 100px;
  min-width: 100px;
  height: 22px;
  padding: 2px 6px 3px 6px;
  font-size: 12px;
}
.uui-datepicker-2.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #cccccc;
}
.uui-datepicker-2.disable .uui-form-element {
  cursor: not-allowed;
  color: #cccccc;
}
.uui-datepicker-2.error {
  border-color: #e4445f;
}
.uui-datepicker-2.date-button {
  width: auto;
}
.uui-datepicker-2.date-button .uui-form-element {
  width: 104px;
  min-width: 104px;
}
.uui-datepicker-2.date-button button.ui-datepicker-trigger {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 34px;
  background: #ffffff;
  border: none;
}
.uui-datepicker-2.date-button button.ui-datepicker-trigger img {
  width: 34px;
  height: 34px;
}
.uui-datepicker-2.date-button img.ui-datepicker-trigger {
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: top;
  cursor: pointer;
}
.uui-datepicker-2.date-button.large .uui-form-element {
  width: 123px;
  min-width: 123px;
}
.uui-datepicker-2.date-button.large button.ui-datepicker-trigger {
  width: 46px;
  height: 46px;
}
.uui-datepicker-2.date-button.large button.ui-datepicker-trigger img {
  width: 46px;
  height: 46px;
}
.uui-datepicker-2.date-button.large img.ui-datepicker-trigger {
  width: 46px;
  height: 46px;
}
.uui-datepicker-2.date-button.small .uui-form-element {
  width: 96px;
  min-width: 96px;
}
.uui-datepicker-2.date-button.small button.ui-datepicker-trigger {
  width: 22px;
  height: 22px;
}
.uui-datepicker-2.date-button.small button.ui-datepicker-trigger img {
  width: 22px;
  height: 22px;
}
.uui-datepicker-2.date-button.small img.ui-datepicker-trigger {
  width: 22px;
  height: 22px;
}
.uui-datepicker-2.date-button.disable button.ui-datepicker-trigger {
  background: #e5e5e5;
  cursor: not-allowed;
}
.uui-datepicker-2.date-button.disable img.ui-datepicker-trigger {
  cursor: not-allowed;
}
.uui-datepicker-2.date-button.error {
  border-color: #e4445f;
}
.uui-datepicker-2.daterange {
  width: auto;
  border: none;
  background: transparent;
}
.uui-datepicker-2.daterange .text {
  float: left;
  height: 100%;
  font-size: 14px;
  color: #999999;
  padding-top: 9px;
  margin-right: 12px;
}
.uui-datepicker-2.daterange .input-wrapper {
  float: left;
  height: 36px;
  border: 1px solid #cccccc;
  background: #ffffff;
}
.uui-datepicker-2.daterange .input-wrapper:hover,
.uui-datepicker-2.daterange .input-wrapper.focus {
  border-color: #999999;
}
.uui-datepicker-2.daterange .input-wrapper:last-of-type {
  margin-left: 6px;
}
.uui-datepicker-2.daterange .input-wrapper .uui-form-element {
  width: 110px;
  min-width: 110px;
}
.uui-datepicker-2.daterange .input-wrapper.date-button {
  width: auto;
}
.uui-datepicker-2.daterange .input-wrapper.date-button .uui-form-element {
  width: 104px;
  min-width: 104px;
}
.uui-datepicker-2.daterange .input-wrapper.date-button button.ui-datepicker-trigger {
  display: inline-block;
  vertical-align: top;
  width: 34px;
  height: 34px;
  background: #ffffff;
  border: none;
}
.uui-datepicker-2.daterange .input-wrapper.date-button button.ui-datepicker-trigger img {
  width: 34px;
  height: 34px;
}
.uui-datepicker-2.daterange .input-wrapper.date-button img.ui-datepicker-trigger {
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: top;
  cursor: pointer;
}
.uui-datepicker-2.daterange.large .text {
  font-size: 16px;
  padding-top: 15px;
}
.uui-datepicker-2.daterange.large .input-wrapper {
  height: 48px;
}
.uui-datepicker-2.daterange.large .input-wrapper .uui-form-element {
  width: 125px;
  min-width: 125px;
}
.uui-datepicker-2.daterange.large .input-wrapper.date-button .uui-form-element {
  width: 123px;
  min-width: 123px;
}
.uui-datepicker-2.daterange.large .input-wrapper.date-button button.ui-datepicker-trigger {
  width: 46px;
  height: 46px;
}
.uui-datepicker-2.daterange.large .input-wrapper.date-button button.ui-datepicker-trigger img {
  width: 46px;
  height: 46px;
}
.uui-datepicker-2.daterange.large .input-wrapper.date-button img.ui-datepicker-trigger {
  width: 46px;
  height: 46px;
}
.uui-datepicker-2.daterange.small .text {
  font-size: 12px;
  padding-top: 3px;
}
.uui-datepicker-2.daterange.small .input-wrapper {
  height: 24px;
}
.uui-datepicker-2.daterange.small .input-wrapper .uui-form-element {
  width: 100px;
  min-width: 100px;
}
.uui-datepicker-2.daterange.small .input-wrapper.date-button .uui-form-element {
  width: 96px;
  min-width: 96px;
}
.uui-datepicker-2.daterange.small .input-wrapper.date-button button.ui-datepicker-trigger {
  width: 22px;
  height: 22px;
}
.uui-datepicker-2.daterange.small .input-wrapper.date-button button.ui-datepicker-trigger img {
  width: 22px;
  height: 22px;
}
.uui-datepicker-2.daterange.small .input-wrapper.date-button img.ui-datepicker-trigger {
  width: 22px;
  height: 22px;
}
.uui-datepicker-2.daterange.disable .input-wrapper {
  background: #e5e5e5;
  cursor: not-allowed;
  border-color: #cccccc;
}
.uui-datepicker-2.daterange.disable .input-wrapper button.ui-datepicker-trigger {
  background: #e5e5e5;
  cursor: not-allowed;
}
.uui-datepicker-2.daterange.disable .input-wrapper img.ui-datepicker-trigger {
  cursor: not-allowed;
}
.uui-datepicker-2.daterange.error .input-wrapper {
  border-color: #e4445f;
}
.uui-datepicker-2.timepicker {
  width: 150px;
}
.uui-datepicker-2.timepicker .uui-form-element {
  width: 150px;
  min-width: 150px;
}
.uui-datepicker-2.timepicker.large {
  width: 175px;
}
.uui-datepicker-2.timepicker.large .uui-form-element {
  width: 175px;
  min-width: 175px;
}
.uui-datepicker-2.timepicker.small {
  width: 140px;
}
.uui-datepicker-2.timepicker.small .uui-form-element {
  width: 140px;
  min-width: 140px;
}
.uui-datepicker-2.timepicker.date-button {
  width: auto;
}
.uui-datepicker-2.timepicker.date-button .uui-form-element {
  width: 144px;
  min-width: 144px;
}
.uui-datepicker-2.timepicker.date-button.large .uui-form-element {
  width: 173px;
  min-width: 173px;
}
.uui-datepicker-2.timepicker.date-button.small .uui-form-element {
  width: 136px;
  min-width: 136px;
}
.uui-datepicker-2.timepicker.daterange {
  width: auto;
}
.uui-datepicker-2.timepicker.daterange .input-wrapper .uui-form-element {
  width: 150px;
  min-width: 150px;
}
.uui-datepicker-2.timepicker.daterange .input-wrapper.date-button .uui-form-element {
  width: 144px;
  min-width: 144px;
}
.uui-datepicker-2.timepicker.daterange.large .input-wrapper .uui-form-element {
  width: 165px;
  min-width: 165px;
}
.uui-datepicker-2.timepicker.daterange.large .input-wrapper.date-button .uui-form-element {
  width: 163px;
  min-width: 163px;
}
.uui-datepicker-2.timepicker.daterange.small .input-wrapper .uui-form-element {
  width: 140px;
  min-width: 140px;
}
.uui-datepicker-2.timepicker.daterange.small .input-wrapper.date-button .uui-form-element {
  width: 136px;
  min-width: 136px;
}
.uui-datepicker-2.timepicker.alternate {
  width: auto;
  border: none;
  background: transparent;
}
.uui-datepicker-2.timepicker.alternate .input-wrapper {
  display: inline-block;
  border: 1px solid #cccccc;
  background: #ffffff;
}
.uui-datepicker-2.timepicker.alternate .input-wrapper .uui-form-element {
  width: 110px;
  min-width: 110px;
}
.uui-datepicker-2.timepicker.alternate .input-wrapper:last-of-type {
  margin-left: 6px;
}
.uui-datepicker-2.timepicker.alternate.large {
  width: auto;
}
.uui-datepicker-2.timepicker.alternate.large .input-wrapper .uui-form-element {
  width: 125px;
  min-width: 125px;
}
.uui-datepicker-2.timepicker.alternate.small {
  width: auto;
}
.uui-datepicker-2.timepicker.alternate.small .input-wrapper .uui-form-element {
  width: 100px;
  min-width: 100px;
}
.uui-datepicker-2.timepicker.alternate.date-button {
  width: auto;
}
.uui-datepicker-2.timepicker.alternate.date-button .input-wrapper .uui-form-element {
  width: 104px;
  min-width: 104px;
}
.uui-datepicker-2.timepicker.alternate.date-button.large .input-wrapper .uui-form-element {
  width: 123px;
  min-width: 123px;
}
.uui-datepicker-2.timepicker.alternate.date-button.small .input-wrapper .uui-form-element {
  width: 96px;
  min-width: 96px;
}
.uui-datepicker-2.timepicker.alternate.daterange {
  width: auto;
}
.uui-datepicker-2.timepicker.alternate.daterange .alternate-inputs {
  float: left;
}
.uui-datepicker-2.timepicker.alternate.daterange .alternate-inputs:last-of-type {
  margin-left: 12px;
}
.uui-datepicker-2.timepicker.alternate.daterange .alternate-inputs .input-wrapper .uui-form-element {
  width: 110px;
  min-width: 110px;
}
.uui-datepicker-2.timepicker.alternate.daterange .alternate-inputs .input-wrapper.date-button .uui-form-element {
  width: 104px;
  min-width: 104px;
}
.uui-datepicker-2.timepicker.alternate.daterange.large .alternate-inputs .input-wrapper .uui-form-element {
  width: 125px;
  min-width: 125px;
}
.uui-datepicker-2.timepicker.alternate.daterange.large .alternate-inputs .input-wrapper.date-button .uui-form-element {
  width: 123px;
  min-width: 123px;
}
.uui-datepicker-2.timepicker.alternate.daterange.small .alternate-inputs .input-wrapper .uui-form-element {
  width: 100px;
  min-width: 100px;
}
.uui-datepicker-2.timepicker.alternate.daterange.small .alternate-inputs .input-wrapper.date-button .uui-form-element {
  width: 96px;
  min-width: 96px;
}
.uui-datepicker-2.timepicker.alternate.disable .input-wrapper {
  background: #e5e5e5;
  cursor: not-allowed;
  border-color: #cccccc;
}
.uui-datepicker-2.timepicker.alternate.disable .input-wrapper .uui-form-element {
  cursor: not-allowed !important;
}
.uui-datepicker-2.timepicker.alternate.error .input-wrapper {
  border-color: #e4445f;
}
.ui-datepicker {
  padding: 0;
  width: 300px;
}
.ui-datepicker:not(.ui-datepicker-inline) {
  box-shadow: 0 0 3px 0 rgba(51, 51, 51, 0.2);
}
.ui-datepicker.ui-corner-all {
  border-radius: 0;
}
.ui-datepicker.ui-widget-content {
  border: none;
}
.ui-datepicker .ui-datepicker-header {
  padding: 0;
}
.ui-datepicker .ui-datepicker-header.ui-corner-all {
  border-radius: 0;
}
.ui-datepicker .ui-datepicker-header.ui-widget-header {
  border: none;
  border-bottom: 1px solid #f5f5f5;
  background: none;
  font-size: 16px;
  font-family: 'Oswald Light', Arial, sans-serif;
  text-transform: uppercase;
  color: #666666;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-header.ui-widget-header .ui-icon {
  background: none;
  text-indent: inherit;
  width: 24px;
  height: 24px;
  line-height: 24px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  line-height: 48px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
  width: 40%;
  padding: 6px 12px;
  border: 1px solid #cccccc;
  color: #666666;
  font-size: 14px;
  margin: 0 6px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  width: 24px;
  height: 24px;
  top: 12px;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-corner-all,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-corner-all {
  border-radius: 50%;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-state-hover {
  background: #eee;
  border: none;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
  font-family: 'FontAwesome';
  text-rendering: auto;
  color: #a6a6a6;
  font-size: 16px;
  display: inline-block;
  position: static;
  margin: 0;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span:before {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 9px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:before {
  content: "\f104";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 9px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span:before {
  content: "\f105";
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
  left: 9px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
  right: 9px;
}
.ui-datepicker .ui-datepicker-calendar {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
}
.ui-datepicker .ui-datepicker-calendar th {
  font-family: 'Source Sans Pro Semibold', Arial, sans-serif;
  font-weight: normal;
  color: #cccccc;
  text-transform: uppercase;
  font-size: 12px;
  padding: 12px 6px;
}
.ui-datepicker .ui-datepicker-calendar td {
  padding: 3px 6px;
  text-align: center;
}
.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker .ui-datepicker-calendar td span {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 22px;
  border-radius: 50%;
  text-align: center;
  padding: 0;
  font-size: 16px;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-default,
.ui-datepicker .ui-datepicker-calendar td span.ui-state-default {
  background: none;
  color: #666666;
  border: none;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-default.ui-priority-secondary,
.ui-datepicker .ui-datepicker-calendar td span.ui-state-default.ui-priority-secondary {
  color: #cccccc;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-default.ui-priority-secondary.ui-state-active,
.ui-datepicker .ui-datepicker-calendar td span.ui-state-default.ui-priority-secondary.ui-state-active {
  color: #ffffff;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar td span.ui-state-highlight,
.ui-datepicker .ui-datepicker-calendar td a.ui-state-highlight.ui-state-active,
.ui-datepicker .ui-datepicker-calendar td span.ui-state-highlight.ui-state-active {
  background: none;
  color: #39c2d7;
  border: none;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-active,
.ui-datepicker .ui-datepicker-calendar td span.ui-state-active {
  background: #39c2d7;
  color: #ffffff;
  border: none;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover:not(.ui-state-active):not(.ui-state-highlight),
.ui-datepicker .ui-datepicker-calendar td span.ui-state-hover:not(.ui-state-active):not(.ui-state-highlight) {
  background: #eee;
  color: #666666;
  border: none;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-hover:not(.ui-state-active):not(.ui-state-highlight).ui-priority-secondary,
.ui-datepicker .ui-datepicker-calendar td span.ui-state-hover:not(.ui-state-active):not(.ui-state-highlight).ui-priority-secondary {
  background: #eee;
  color: #cccccc;
  border: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  margin: 0;
  padding: 12px;
  border-color: #f5f5f5;
  text-align: right;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  margin: 0 6px;
  display: inline-block;
  height: 36px;
  line-height: normal;
  padding: 6px 18px;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  letter-spacing: .25px;
  text-transform: uppercase;
  color: #666666;
  border: 1px solid #f5f5f5;
  background: #f5f5f5;
  font-weight: normal;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-corner-all {
  border-radius: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-default {
  color: #ffffff;
  border-color: #a3c644;
  background: #a3c644;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close.ui-state-hover {
  border-color: #7f993a;
  background: #7f993a;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: none;
  opacity: 1;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current.ui-state-default {
  color: #666666;
  border-color: #cccccc;
  background: transparent;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current.ui-state-hover {
  border-color: #999999;
  background: transparent;
}
.ui-datepicker .ui-timepicker-div {
  padding: 12px 18px;
  border-top: 1px solid #f5f5f5;
}
.ui-datepicker .ui-timepicker-div dl {
  margin-bottom: 0;
}
.ui-datepicker .ui-timepicker-div dl dt {
  font-family: 'Oswald Light', Arial, sans-serif;
  font-size: 16px;
  color: #666666;
  text-transform: uppercase;
  font-weight: normal;
  padding: 0;
}
.ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_hour_label,
.ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_minute_label,
.ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_timezone_label,
.ui-datepicker .ui-timepicker-div dl dt.ui_tpicker_second_label {
  float: none;
}
.ui-datepicker .ui-timepicker-div dl dd.ui_tpicker_time {
  margin: 0 0 24px 36px;
}
.ui-datepicker .ui-timepicker-div dl dd.ui_tpicker_time .ui_tpicker_time_input {
  border: none;
  width: auto;
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 16px;
  color: #464547;
  text-transform: uppercase;
}
.ui-datepicker .ui-timepicker-div dl dd.ui_tpicker_hour,
.ui-datepicker .ui-timepicker-div dl dd.ui_tpicker_minute,
.ui-datepicker .ui-timepicker-div dl dd.ui_tpicker_timezone,
.ui-datepicker .ui-timepicker-div dl dd.ui_tpicker_second {
  margin: 6px 0 12px 0;
}
.ui-datepicker .ui-timepicker-div dl dd select {
  width: 40%;
  padding: 6px 12px;
  border: 1px solid #cccccc;
  color: #666666;
  font-size: 14px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
}
.ui-datepicker .ui-timepicker-div dl dd select.ui-timepicker-select {
  border-color: #cccccc;
  background: none;
  border-radius: 0;
  color: #666666;
}
.ui-datepicker .ui-timepicker-div dl dd .ui-slider.ui-slider-horizontal {
  height: 6px;
}
.ui-datepicker .ui-timepicker-div dl dd .ui-slider.ui-slider-horizontal .ui-slider-handle {
  top: -0.4em;
  cursor: default;
  height: 1.17em;
  position: absolute;
  width: 1.17em;
  z-index: 2;
}
.ui-datepicker .ui-timepicker-div dl dd .ui-slider.ui-slider-horizontal .ui-slider-handle:hover,
.ui-datepicker .ui-timepicker-div dl dd .ui-slider.ui-slider-horizontal .ui-slider-handle:focus {
  cursor: pointer;
  top: -0.6em;
  height: 1.56em;
  width: 1.56em;
  margin-left: -0.78em;
}
.ui-datepicker .ui-timepicker-div dl dd .ui-slider.ui-widget-content {
  border: none;
  border-radius: 3px;
  background: #e5e5e5;
}
.ui-datepicker .ui-timepicker-div dl dd .ui-slider .ui-widget-header {
  border-radius: 3px;
  background: #39c2d7;
}
.ui-datepicker .ui-timepicker-div dl dd .ui-slider .ui-state-default,
.ui-datepicker .ui-timepicker-div dl dd .ui-slider .ui-widget-content .ui-state-default,
.ui-datepicker .ui-timepicker-div dl dd .ui-slider .ui-widget-header .ui-state-default {
  background: #39c2d7;
  border: none;
  border-radius: 50%;
}
.ui-datepicker .ui-timepicker-div dl dd .ui-tpicker-grid-label {
  font-size: 12px;
  margin: 6px 0;
}
.ui-datepicker .ui-timepicker-div dl dd .ui-tpicker-grid-label td {
  font-size: 12px;
  padding: 0;
  color: #999999;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
}
.ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 12px;
}
.ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dt.ui_tpicker_time_label {
  padding-top: 6px;
}
.ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_hour,
.ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute,
.ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_timezone,
.ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second {
  margin: 0;
}
.ui-datepicker .ui-timepicker-div.ui-timepicker-oneLine dl dd select {
  width: 100%;
}
.ui-datepicker.lime-green .ui-datepicker-calendar td a.ui-state-highlight,
.ui-datepicker.lime-green .ui-datepicker-calendar td span.ui-state-highlight,
.ui-datepicker.lime-green .ui-datepicker-calendar td a.ui-state-highlight.ui-state-active,
.ui-datepicker.lime-green .ui-datepicker-calendar td span.ui-state-highlight.ui-state-active {
  background: none;
  color: #a3c644;
  border: none;
}
.ui-datepicker.lime-green .ui-datepicker-calendar td a.ui-state-active,
.ui-datepicker.lime-green .ui-datepicker-calendar td span.ui-state-active {
  background: #a3c644;
  color: #ffffff;
  border: none;
}
.ui-datepicker.lime-green .ui-timepicker-div dl dd .ui-slider .ui-widget-header {
  background: #a3c644;
}
.ui-datepicker.lime-green .ui-timepicker-div dl dd .ui-slider .ui-state-default,
.ui-datepicker.lime-green .ui-timepicker-div dl dd .ui-slider .ui-widget-content .ui-state-default,
.ui-datepicker.lime-green .ui-timepicker-div dl dd .ui-slider .ui-widget-header .ui-state-default {
  background: #a3c644;
}
.ui-datepicker.dark-gray .ui-datepicker-calendar td a.ui-state-highlight,
.ui-datepicker.dark-gray .ui-datepicker-calendar td span.ui-state-highlight,
.ui-datepicker.dark-gray .ui-datepicker-calendar td a.ui-state-highlight.ui-state-active,
.ui-datepicker.dark-gray .ui-datepicker-calendar td span.ui-state-highlight.ui-state-active {
  background: none;
  color: #464547;
  border: none;
}
.ui-datepicker.dark-gray .ui-datepicker-calendar td a.ui-state-active,
.ui-datepicker.dark-gray .ui-datepicker-calendar td span.ui-state-active {
  background: #464547;
  color: #ffffff;
  border: none;
}
.ui-datepicker.dark-gray .ui-timepicker-div dl dd .ui-slider .ui-widget-header {
  background: #464547;
}
.ui-datepicker.dark-gray .ui-timepicker-div dl dd .ui-slider .ui-state-default,
.ui-datepicker.dark-gray .ui-timepicker-div dl dd .ui-slider .ui-widget-content .ui-state-default,
.ui-datepicker.dark-gray .ui-timepicker-div dl dd .ui-slider .ui-widget-header .ui-state-default {
  background: #464547;
}
.ui-datepicker.fuchsia .ui-datepicker-calendar td a.ui-state-highlight,
.ui-datepicker.fuchsia .ui-datepicker-calendar td span.ui-state-highlight,
.ui-datepicker.fuchsia .ui-datepicker-calendar td a.ui-state-highlight.ui-state-active,
.ui-datepicker.fuchsia .ui-datepicker-calendar td span.ui-state-highlight.ui-state-active {
  background: none;
  color: #e4445f;
  border: none;
}
.ui-datepicker.fuchsia .ui-datepicker-calendar td a.ui-state-active,
.ui-datepicker.fuchsia .ui-datepicker-calendar td span.ui-state-active {
  background: #e4445f;
  color: #ffffff;
  border: none;
}
.ui-datepicker.fuchsia .ui-timepicker-div dl dd .ui-slider .ui-widget-header {
  background: #e4445f;
}
.ui-datepicker.fuchsia .ui-timepicker-div dl dd .ui-slider .ui-state-default,
.ui-datepicker.fuchsia .ui-timepicker-div dl dd .ui-slider .ui-widget-content .ui-state-default,
.ui-datepicker.fuchsia .ui-timepicker-div dl dd .ui-slider .ui-widget-header .ui-state-default {
  background: #e4445f;
}
.uui-datepicker:not(.input-daterange) {
  display: inline-block;
  border: 1px solid #cccccc;
  position: relative;
  width: 110px;
  height: 36px;
  background: #ffffff;
}
.uui-datepicker:not(.input-daterange):hover,
.uui-datepicker:not(.input-daterange).focus {
  border-color: #999999;
}
.uui-datepicker:not(.input-daterange) .uui-form-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  border: none;
  background: transparent;
}
.uui-datepicker:not(.input-daterange).large {
  height: 48px;
  width: 125px;
}
.uui-datepicker:not(.input-daterange).large .uui-form-element {
  padding: 10px 18px;
  font-size: 16px;
}
.uui-datepicker:not(.input-daterange).small {
  height: 24px;
  width: 100px;
}
.uui-datepicker:not(.input-daterange).small .uui-form-element {
  padding: 2px 6px 3px 6px;
  font-size: 12px;
  vertical-align: top;
}
.uui-datepicker:not(.input-daterange).disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #cccccc;
}
.uui-datepicker:not(.input-daterange).disable .uui-form-element {
  cursor: not-allowed;
  color: #cccccc;
}
.uui-datepicker:not(.input-daterange).error {
  border-color: #e4445f;
}
.uui-datepicker:not(.input-daterange).date-button {
  width: 140px;
}
.uui-datepicker:not(.input-daterange).date-button .uui-form-element {
  min-width: 112px;
  padding-right: 40px;
}
.uui-datepicker:not(.input-daterange).date-button .input-group-addon {
  width: 100%;
  height: 100%;
  padding: 7px 12px 6px 112px;
  border: none;
  background: transparent;
  border-radius: 0;
}
.uui-datepicker:not(.input-daterange).date-button .input-group-addon i {
  font-size: 16px;
  color: #999999;
}
.uui-datepicker:not(.input-daterange).date-button:hover .input-group-addon i,
.uui-datepicker:not(.input-daterange).date-button.focus .input-group-addon i {
  color: #39c2d7;
}
.uui-datepicker:not(.input-daterange).date-button.large {
  width: 165px;
}
.uui-datepicker:not(.input-daterange).date-button.large .uui-form-element {
  min-width: 123px;
  padding-right: 60px;
}
.uui-datepicker:not(.input-daterange).date-button.large .input-group-addon {
  padding: 12px 18px 9px 123px;
}
.uui-datepicker:not(.input-daterange).date-button.large .input-group-addon i {
  font-size: 24px;
}
.uui-datepicker:not(.input-daterange).date-button.small {
  width: 120px;
}
.uui-datepicker:not(.input-daterange).date-button.small .uui-form-element {
  min-width: 96px;
  padding-right: 28px;
}
.uui-datepicker:not(.input-daterange).date-button.small .input-group-addon {
  padding: 0 6px 0 96px;
}
.uui-datepicker:not(.input-daterange).date-button.small .input-group-addon i {
  font-size: 12px;
}
.uui-datepicker:not(.input-daterange).date-button.disable .input-group-addon {
  cursor: not-allowed;
}
.uui-datepicker:not(.input-daterange).date-button.disable .input-group-addon i {
  color: #cccccc;
}
.uui-datepicker:not(.input-daterange).date-button.disable:hover .input-group-addon i,
.uui-datepicker:not(.input-daterange).date-button.disable.focus .input-group-addon i {
  color: #cccccc;
}
.uui-datepicker.input-daterange .uui-form-element {
  min-width: 110px;
  width: 110px;
}
.uui-datepicker.input-daterange .input-group-addon {
  background: none;
  border: none;
  text-align: left;
  text-shadow: none;
  color: #666666;
  font-size: 14px;
}
.uui-datepicker.input-daterange .input-group-addon:first-of-type {
  padding: 6px 10px 6px 0;
}
.uui-datepicker.input-daterange .input-group-addon:last-of-type {
  padding: 6px 10px;
}
.uui-datepicker.input-daterange.large .uui-form-element {
  height: 48px;
  min-width: 125px;
  width: 120px;
  padding: 10px 18px;
  font-size: 16px;
}
.uui-datepicker.input-daterange.large .input-group-addon {
  font-size: 16px;
}
.uui-datepicker.input-daterange.large .input-group-addon:first-of-type {
  padding: 10px 18px 10px 0;
}
.uui-datepicker.input-daterange.large .input-group-addon:last-of-type {
  padding: 10px 18px;
}
.uui-datepicker.input-daterange.small .uui-form-element {
  height: 24px;
  width: 100px;
  min-width: 100px;
  padding: 2px 6px 3px 6px;
  font-size: 12px;
}
.uui-datepicker.input-daterange.small .input-group-addon {
  font-size: 12px;
}
.uui-datepicker.input-daterange.small .input-group-addon:first-of-type {
  padding: 3px 6px 3px 0;
}
.uui-datepicker.input-daterange.small .input-group-addon:last-of-type {
  padding: 3px 6px;
}
.uui-datepicker.input-daterange.disable .uui-form-element {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #cccccc;
  color: #cccccc;
}
.uui-datepicker.input-daterange.error .uui-form-element {
  border-color: #e4445f;
}
@media screen and (max-width: 414px) {
  .uui-datepicker.input-daterange {
    display: inline-block;
  }
  .uui-datepicker.input-daterange .input-group-addon:last-of-type {
    padding: 6px 10px 6px 0;
  }
  .uui-datepicker.input-daterange.large .input-group-addon:last-of-type {
    padding: 10px 18px 10px 0;
  }
  .uui-datepicker.input-daterange.small .input-group-addon:last-of-type {
    padding: 3px 6px 3px 0;
  }
}
.datepicker {
  padding: 10px;
  width: 230px;
}
.datepicker.datepicker-dropdown:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid rgba(102, 102, 102, 0.1);
}
.datepicker.datepicker-dropdown.datepicker-orient-bottom:before {
  border-top-color: rgba(102, 102, 102, 0.1);
  bottom: -8px;
  border-top: 8px solid rgba(102, 102, 102, 0.1);
  border-bottom: 0;
}
.datepicker.datepicker-dropdown.datepicker-orient-top {
  margin-top: 9px;
}
.datepicker.datepicker-dropdown.datepicker-orient-top:before {
  top: -8px;
  border-bottom-color: rgba(102, 102, 102, 0.1);
}
.datepicker.datepicker-dropdown.datepicker-orient-left:after {
  left: 8px;
}
.datepicker.dropdown-menu {
  border-radius: 0;
  border: none;
  box-shadow: 0 0 3px 0 rgba(51, 51, 51, 0.2);
}
.datepicker thead tr:first-child th {
  font-size: 16px;
  font-family: 'Oswald Light', Arial, sans-serif;
  text-transform: uppercase;
}
.datepicker thead tr:first-child th.datepicker-switch {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.datepicker thead tr th {
  padding: 5px 5px 3px 5px;
  color: #666666;
}
.datepicker thead tr th.prev,
.datepicker thead tr th.next {
  padding: 3px 5px 5px 5px;
}
.datepicker thead tr th.dow {
  padding: 4px 5px;
  font-family: 'Source Sans Pro Semibold', Arial, sans-serif;
  font-size: 12px;
  color: #cccccc;
  text-transform: uppercase;
}
.datepicker table tr td,
.datepicker table tr th {
  color: #666666;
  border-radius: 0;
  font-weight: normal;
}
.datepicker table tr span {
  border-radius: 0 !important;
  text-transform: uppercase;
  font-family: 'Oswald Light', Arial, sans-serif;
}
.datepicker table tr span:hover {
  background: #e5e5e5 !important;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.today:hover,
.datepicker table tr td.day.today:hover:hover {
  background: #e5e5e5 !important;
}
.datepicker table tr td.today,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover {
  color: #39c2d7 !important;
  background-color: #ffffff !important;
  border-color: #ffffff !important;
  text-shadow: none !important;
}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover {
  background: #e5e5e5;
}
.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range.today,
.datepicker table tr td.range.selected,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
  color: #ffffff !important;
  background-color: #39c2d7 !important;
  border-color: #39c2d7 !important;
}
.datepicker table tr td.range:hover,
.datepicker table tr td.range:hover:hover,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.selected:hover,
.datepicker table tr td.range.today.day:hover,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.today:hover,
.datepicker table tr td.active.today.day:hover,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.today:hover,
.datepicker table tr td.selected.today.day:hover {
  background-color: #1a9cb0 !important;
  color: #ffffff !important;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.active.disabled,
.datepicker table tr td.selected.active.disabled:hover {
  color: #ffffff !important;
  background-color: #39c2d7 !important;
  border-color: #39c2d7 !important;
  text-shadow: none !important;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active.disabled.active {
  color: #ffffff !important;
  background-color: #39c2d7 !important;
  border-color: #39c2d7 !important;
  text-shadow: none !important;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled:hover.active {
  background-color: #1a9cb0 !important;
  color: #ffffff !important;
}
/*  Lime Green  */
.uui-datepicker:not(.input-daterange).lime-green.date-button:hover .input-group-addon i,
.uui-datepicker:not(.input-daterange).lime-green.date-button.focus .input-group-addon i {
  color: #a3c644;
}
.uui-datepicker:not(.input-daterange).lime-green.date-button.disable:hover .input-group-addon i,
.uui-datepicker:not(.input-daterange).lime-green.date-button.disable.focus .input-group-addon i {
  color: #cccccc;
}
.datepicker.lime-green table tr td.today,
.datepicker.lime-green table tr td.today.disabled,
.datepicker.lime-green table tr td.today.disabled:hover,
.datepicker.lime-green table tr td.today.disabled:hover:hover {
  color: #a3c644 !important;
}
.datepicker.lime-green table tr td.range,
.datepicker.lime-green table tr td.range.disabled,
.datepicker.lime-green table tr td.range.disabled:hover,
.datepicker.lime-green table tr td.range.today,
.datepicker.lime-green table tr td.range.selected,
.datepicker.lime-green table tr td.range.today.disabled,
.datepicker.lime-green table tr td.range.today.disabled:hover {
  background-color: #a3c644 !important;
  border-color: #a3c644 !important;
  color: #ffffff !important;
}
.datepicker.lime-green table tr td.range:hover,
.datepicker.lime-green table tr td.range:hover:hover,
.datepicker.lime-green table tr td.range.today:hover,
.datepicker.lime-green table tr td.range.selected:hover,
.datepicker.lime-green table tr td.range.today.day:hover,
.datepicker.lime-green table tr td.active:hover,
.datepicker.lime-green table tr td.active:hover.active,
.datepicker.lime-green table tr td.active.today:hover,
.datepicker.lime-green table tr td.active.today.day:hover,
.datepicker.lime-green table tr td.selected:hover,
.datepicker.lime-green table tr td.selected:hover:hover,
.datepicker.lime-green table tr td.selected.active:hover,
.datepicker.lime-green table tr td.selected.today:hover,
.datepicker.lime-green table tr td.selected.today.day:hover {
  background-color: #7f993a !important;
  color: #ffffff !important;
}
.datepicker.lime-green table tr td.selected,
.datepicker.lime-green table tr td.selected.disabled,
.datepicker.lime-green table tr td.selected.disabled:hover,
.datepicker.lime-green table tr td.selected.disabled:hover:hover,
.datepicker.lime-green table tr td.active,
.datepicker.lime-green table tr td.active.disabled,
.datepicker.lime-green table tr td.active.disabled:hover,
.datepicker.lime-green table tr td.active.active,
.datepicker.lime-green table tr td.selected.active,
.datepicker.lime-green table tr td.selected.active.disabled,
.datepicker.lime-green table tr td.selected.active.disabled:hover {
  background-color: #a3c644 !important;
  border-color: #a3c644 !important;
  color: #ffffff !important;
}
.datepicker.lime-green table tr td span.active:active,
.datepicker.lime-green table tr td span.active.disabled:active,
.datepicker.lime-green table tr td span.active.active,
.datepicker.lime-green table tr td span.active.disabled.active {
  background-color: #a3c644 !important;
  border-color: #a3c644 !important;
  color: #ffffff !important;
}
.datepicker.lime-green table tr td span.active:hover,
.datepicker.lime-green table tr td span.active:hover:hover,
.datepicker.lime-green table tr td span.active.disabled:hover,
.datepicker.lime-green table tr td span.active.disabled:hover:hover,
.datepicker.lime-green table tr td span.active:focus,
.datepicker.lime-green table tr td span.active:hover:focus,
.datepicker.lime-green table tr td span.active.disabled:focus,
.datepicker.lime-green table tr td span.active.disabled:hover:focus,
.datepicker.lime-green table tr td span.active:hover:active,
.datepicker.lime-green table tr td span.active.disabled:hover:active,
.datepicker.lime-green table tr td span.active:hover.active,
.datepicker.lime-green table tr td span.active.disabled:hover.active {
  background-color: #7f993a !important;
  color: #ffffff !important;
}
/*  Dark Gray  */
.uui-datepicker:not(.input-daterange).dark-gray.date-button:hover .input-group-addon i,
.uui-datepicker:not(.input-daterange).dark-gray.date-button.focus .input-group-addon i {
  color: #464547;
}
.uui-datepicker:not(.input-daterange).dark-gray.date-button.disable:hover .input-group-addon i,
.uui-datepicker:not(.input-daterange).dark-gray.date-button.disable.focus .input-group-addon i {
  color: #cccccc;
}
.datepicker.dark-gray table tr td.today,
.datepicker.dark-gray table tr td.today.disabled,
.datepicker.dark-gray table tr td.today.disabled:hover,
.datepicker.dark-gray table tr td.today.disabled:hover:hover {
  color: #464547 !important;
}
.datepicker.dark-gray table tr td.range,
.datepicker.dark-gray table tr td.range.disabled,
.datepicker.dark-gray table tr td.range.disabled:hover,
.datepicker.dark-gray table tr td.range.today,
.datepicker.dark-gray table tr td.range.selected,
.datepicker.dark-gray table tr td.range.today.disabled,
.datepicker.dark-gray table tr td.range.today.disabled:hover {
  background-color: #464547 !important;
  border-color: #464547 !important;
  color: #ffffff !important;
}
.datepicker.dark-gray table tr td.range:hover,
.datepicker.dark-gray table tr td.range:hover:hover,
.datepicker.dark-gray table tr td.range.today:hover,
.datepicker.dark-gray table tr td.range.selected:hover,
.datepicker.dark-gray table tr td.range.today.day:hover,
.datepicker.dark-gray table tr td.active:hover,
.datepicker.dark-gray table tr td.active:hover.active,
.datepicker.dark-gray table tr td.active.today:hover,
.datepicker.dark-gray table tr td.active.today.day:hover,
.datepicker.dark-gray table tr td.selected:hover,
.datepicker.dark-gray table tr td.selected:hover:hover,
.datepicker.dark-gray table tr td.selected.active:hover,
.datepicker.dark-gray table tr td.selected.today:hover,
.datepicker.dark-gray table tr td.selected.today.day:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}
.datepicker.dark-gray table tr td.selected,
.datepicker.dark-gray table tr td.selected.disabled,
.datepicker.dark-gray table tr td.selected.disabled:hover,
.datepicker.dark-gray table tr td.selected.disabled:hover:hover,
.datepicker.dark-gray table tr td.active,
.datepicker.dark-gray table tr td.active.disabled,
.datepicker.dark-gray table tr td.active.disabled:hover,
.datepicker.dark-gray table tr td.active.active,
.datepicker.dark-gray table tr td.selected.active,
.datepicker.dark-gray table tr td.selected.active.disabled,
.datepicker.dark-gray table tr td.selected.active.disabled:hover {
  background-color: #464547 !important;
  border-color: #464547 !important;
  color: #ffffff !important;
}
.datepicker.dark-gray table tr td span.active:active,
.datepicker.dark-gray table tr td span.active.disabled:active,
.datepicker.dark-gray table tr td span.active.active,
.datepicker.dark-gray table tr td span.active.disabled.active {
  background-color: #464547 !important;
  border-color: #464547 !important;
  color: #ffffff !important;
}
.datepicker.dark-gray table tr td span.active:hover,
.datepicker.dark-gray table tr td span.active:hover:hover,
.datepicker.dark-gray table tr td span.active.disabled:hover,
.datepicker.dark-gray table tr td span.active.disabled:hover:hover,
.datepicker.dark-gray table tr td span.active:focus,
.datepicker.dark-gray table tr td span.active:hover:focus,
.datepicker.dark-gray table tr td span.active.disabled:focus,
.datepicker.dark-gray table tr td span.active.disabled:hover:focus,
.datepicker.dark-gray table tr td span.active:hover:active,
.datepicker.dark-gray table tr td span.active.disabled:hover:active,
.datepicker.dark-gray table tr td span.active:hover.active,
.datepicker.dark-gray table tr td span.active.disabled:hover.active {
  background-color: #333333 !important;
  color: #ffffff !important;
}
/*  Fuchsia  */
.uui-datepicker:not(.input-daterange).fuchsia.date-button:hover .input-group-addon i,
.uui-datepicker:not(.input-daterange).fuchsia.date-button.focus .input-group-addon i {
  color: #e4445f;
}
.uui-datepicker:not(.input-daterange).fuchsia.date-button.disable:hover .input-group-addon i,
.uui-datepicker:not(.input-daterange).fuchsia.date-button.disable.focus .input-group-addon i {
  color: #cccccc;
}
.datepicker.fuchsia table tr td.today,
.datepicker.fuchsia table tr td.today.disabled,
.datepicker.fuchsia table tr td.today.disabled:hover,
.datepicker.fuchsia table tr td.today.disabled:hover:hover {
  color: #e4445f !important;
}
.datepicker.fuchsia table tr td.range,
.datepicker.fuchsia table tr td.range.disabled,
.datepicker.fuchsia table tr td.range.disabled:hover,
.datepicker.fuchsia table tr td.range.today,
.datepicker.fuchsia table tr td.range.selected,
.datepicker.fuchsia table tr td.range.today.disabled,
.datepicker.fuchsia table tr td.range.today.disabled:hover {
  background-color: #e4445f !important;
  border-color: #e4445f !important;
  color: #ffffff !important;
}
.datepicker.fuchsia table tr td.range:hover,
.datepicker.fuchsia table tr td.range:hover:hover,
.datepicker.fuchsia table tr td.range.today:hover,
.datepicker.fuchsia table tr td.range.selected:hover,
.datepicker.fuchsia table tr td.range.today.day:hover,
.datepicker.fuchsia table tr td.active:hover,
.datepicker.fuchsia table tr td.active:hover.active,
.datepicker.fuchsia table tr td.active.today:hover,
.datepicker.fuchsia table tr td.active.today.day:hover,
.datepicker.fuchsia table tr td.selected:hover,
.datepicker.fuchsia table tr td.selected:hover:hover,
.datepicker.fuchsia table tr td.selected.active:hover,
.datepicker.fuchsia table tr td.selected.today:hover,
.datepicker.fuchsia table tr td.selected.today.day:hover {
  background-color: #8e244d !important;
  color: #ffffff !important;
}
.datepicker.fuchsia table tr td.selected,
.datepicker.fuchsia table tr td.selected.disabled,
.datepicker.fuchsia table tr td.selected.disabled:hover,
.datepicker.fuchsia table tr td.selected.disabled:hover:hover,
.datepicker.fuchsia table tr td.active,
.datepicker.fuchsia table tr td.active.disabled,
.datepicker.fuchsia table tr td.active.disabled:hover,
.datepicker.fuchsia table tr td.active.active,
.datepicker.fuchsia table tr td.selected.active,
.datepicker.fuchsia table tr td.selected.active.disabled,
.datepicker.fuchsia table tr td.selected.active.disabled:hover {
  background-color: #e4445f !important;
  border-color: #e4445f !important;
  color: #ffffff !important;
}
.datepicker.fuchsia table tr td span.active:active,
.datepicker.fuchsia table tr td span.active.disabled:active,
.datepicker.fuchsia table tr td span.active.active,
.datepicker.fuchsia table tr td span.active.disabled.active {
  background-color: #e4445f !important;
  border-color: #e4445f !important;
  color: #ffffff !important;
}
.datepicker.fuchsia table tr td span.active:hover,
.datepicker.fuchsia table tr td span.active:hover:hover,
.datepicker.fuchsia table tr td span.active.disabled:hover,
.datepicker.fuchsia table tr td span.active.disabled:hover:hover,
.datepicker.fuchsia table tr td span.active:focus,
.datepicker.fuchsia table tr td span.active:hover:focus,
.datepicker.fuchsia table tr td span.active.disabled:focus,
.datepicker.fuchsia table tr td span.active.disabled:hover:focus,
.datepicker.fuchsia table tr td span.active:hover:active,
.datepicker.fuchsia table tr td span.active.disabled:hover:active,
.datepicker.fuchsia table tr td span.active:hover.active,
.datepicker.fuchsia table tr td span.active.disabled:hover.active {
  background-color: #8e244d !important;
  color: #ffffff !important;
}
/* UUI File Uploader */
.uui-file-uploader {
  margin: 0;
}
.uui-file-uploader .btn {
  float: left;
  border-radius: 0;
  padding: 7px 18px 5px 18px;
}
.uui-file-uploader .btn:focus,
.uui-file-uploader .btn:active {
  outline: none;
  box-shadow: none;
}
.uui-file-uploader .btn.btn-file &gt; input {
  width: auto;
}
.uui-file-uploader .fileinput-filename {
  float: left;
  line-height: 36px;
  font-size: 14px;
  color: #666666;
  margin-left: 5px;
}
.uui-file-uploader .close {
  float: none;
  text-shadow: none;
  opacity: 1;
  margin-left: 5px;
  color: #999999;
}
.uui-file-uploader .close:hover {
  color: #e4445f;
}
.uui-file-uploader.large .btn {
  height: 48px;
  padding: 10px 24px;
  font-size: 18px;
}
.uui-file-uploader.large .btn i {
  font-size: 20px;
}
.uui-file-uploader.large .btn img {
  height: 20px;
}
.uui-file-uploader.large .fileinput-filename {
  line-height: 48px;
  font-size: 16px;
}
.uui-file-uploader.small .btn {
  height: 24px;
  padding: 1px 12px 2px 12px;
  font-size: 14px;
}
.uui-file-uploader.small .btn i {
  font-size: 15px;
}
.uui-file-uploader.small .btn img {
  height: 15px;
}
.uui-file-uploader.small .fileinput-filename {
  line-height: 24px;
  font-size: 12px;
}
.uui-file-uploader.disable .btn {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #e5e5e5;
  color: #cccccc;
}
.uui-file-uploader.disable .btn i {
  color: #cccccc;
}
.uui-file-uploader.disable .btn input[type=file] {
  display: none;
}
/* Blue */
.uui-file-uploader.blue .btn {
  background: #39c2d7;
  border-color: #39c2d7;
  color: #ffffff;
}
.uui-file-uploader.blue .btn:hover,
.uui-file-uploader.blue .btn:focus,
.uui-file-uploader.blue .btn:active {
  background: #1a9cb0;
  border-color: #1a9cb0;
  color: #ffffff;
}
/* Lime green */
.uui-file-uploader.lime-green .btn {
  background: #a3c644;
  border-color: #a3c644;
  color: #ffffff;
}
.uui-file-uploader.lime-green .btn:hover,
.uui-file-uploader.lime-green .btn:focus,
.uui-file-uploader.lime-green .btn:active {
  background: #7f993a;
  border-color: #7f993a;
  color: #ffffff;
}
/* Dark Gray */
.uui-file-uploader.dark-gray .btn {
  background: #464547;
  border-color: #464547;
  color: #ffffff;
}
.uui-file-uploader.dark-gray .btn:hover,
.uui-file-uploader.dark-gray .btn:focus,
.uui-file-uploader.dark-gray .btn:active {
  background: #333333;
  border-color: #333333;
  color: #ffffff;
}
/* Raspberry */
.uui-file-uploader.raspberry .btn {
  background: #b22746;
  border-color: #b22746;
  color: #ffffff;
}
.uui-file-uploader.raspberry .btn:hover,
.uui-file-uploader.raspberry .btn:focus,
.uui-file-uploader.raspberry .btn:active {
  background: #8e244d;
  border-color: #8e244d;
  color: #ffffff;
}
/* Orange */
.uui-file-uploader.orange .btn {
  background: #ff9b19;
  border-color: #ff9b19;
  color: #ffffff;
}
.uui-file-uploader.orange .btn:hover,
.uui-file-uploader.orange .btn:focus,
.uui-file-uploader.orange .btn:active {
  background: #df7e01;
  border-color: #df7e01;
  color: #ffffff;
}
::-ms-clear {
  display: none;
}
input:not([type=checkbox]):not([type=radio]):not(.uui-search),
textarea,
select {
  -webkit-border-radius: 0;
  border-radius: 0;
}
input:not([type=checkbox]):not([type=radio]),
textarea {
  resize: none;
}
input:not([type=checkbox]):not([type=radio]):-moz-placeholder {
  color: #cccccc;
}
input:not([type=checkbox]):not([type=radio])::-webkit-input-placeholder {
  color: #cccccc;
}
textarea:-moz-placeholder {
  color: #cccccc;
}
textarea::-webkit-input-placeholder {
  color: #cccccc;
}
/* UUI Text Field */
.uui-form-element {
  min-width: 220px;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #cccccc;
  color: #666666;
}
.uui-form-element:hover,
.uui-form-element:focus,
.uui-form-element:active {
  border-color: #999999;
}
.uui-form-element.large {
  height: 48px;
  padding: 10px 18px;
  font-size: 16px;
}
.uui-form-element.small {
  height: 24px;
  padding: 0 6px;
  font-size: 12px;
  vertical-align: top;
}
.uui-form-element.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  color: #cccccc;
}
.uui-form-element.disable:hover,
.uui-form-element.disable:focus,
.uui-form-element.disable:active {
  border-color: #cccccc;
}
.uui-form-element.error {
  border-color: #e4445f;
}
/* UUI Multiline text field */
textarea.uui-form-element {
  min-width: 360px;
  height: auto;
  line-height: normal;
  min-height: 120px;
  padding: 6px 12px;
}
/* UUI Checkbox */
.uui-checkbox input {
  display: none;
}
.uui-checkbox input:checked + label:after {
  font-family: 'FontAwesome';
  content: "\f00c";
  opacity: 1;
}
.uui-checkbox input:disabled + label {
  color: #cccccc;
  cursor: not-allowed;
}
.uui-checkbox input:disabled + label:before {
  border-color: #e5e5e5;
}
.uui-checkbox input:disabled + label:after {
  color: #e5e5e5;
}
.uui-checkbox label {
  position: relative;
  display: inline-block;
  font-weight: normal;
  cursor: pointer;
  padding-left: 18px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  color: #666666;
}
.uui-checkbox label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 3px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #ffffff;
  border: 1px solid #cccccc;
}
.uui-checkbox label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 3px;
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  font-size: 8px;
  color: #39c2d7;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
.uui-checkbox.large label {
  padding-left: 25px;
}
.uui-checkbox.large label:before {
  margin-top: 1px;
  width: 16px;
  height: 16px;
}
.uui-checkbox.large label:after {
  margin-top: 1px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 10px;
}
.uui-checkbox.error label:before {
  border-color: #e4445f;
}
.uui-checkbox.error label:after {
  color: #e4445f;
}
.uui-checkbox.disable label {
  color: #cccccc;
  cursor: not-allowed;
}
.uui-checkbox.disable label:before {
  border-color: #e5e5e5;
}
.uui-checkbox.disable label:after {
  color: #e5e5e5;
}
.uui-checkbox.square-skin input:checked + label:after {
  background: #39c2d7;
  border-color: #39c2d7;
}
.uui-checkbox.square-skin input:disabled + label:after {
  border-color: #e5e5e5;
}
.uui-checkbox.square-skin label:after {
  line-height: 10px;
  color: #ffffff;
  background: #ffffff;
  border: 1px solid #cccccc;
  -webkit-transition: opacity 0.3s ease-in, background 0.3s ease-in, border-color 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in, background 0.3s ease-in, border-color 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in, background 0.3s ease-in, border-color 0.3s ease-in;
  transition: opacity 0.3s ease-in, background 0.3s ease-in, border-color 0.3s ease-in;
}
.uui-checkbox.square-skin.error input:checked + label:after {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-checkbox.square-skin.error label:before {
  border-color: #e4445f;
}
.uui-checkbox.square-skin.error label:after {
  border-color: #e4445f;
}
.uui-checkbox.square-skin.large label:after {
  line-height: 14px;
}
/* UUI Radio buttons */
.uui-radio input {
  display: none;
}
.uui-radio input:checked + label:before {
  border-color: #39c2d7;
}
.uui-radio input:checked + label:after {
  background: #39c2d7;
}
.uui-radio input:disabled + label {
  color: #cccccc;
  cursor: not-allowed;
}
.uui-radio input:disabled + label:before {
  border-color: #e5e5e5;
}
.uui-radio input:disabled:checked + label:after {
  background: #e5e5e5;
}
.uui-radio label {
  position: relative;
  display: inline-block;
  font-weight: normal;
  cursor: pointer;
  padding-left: 18px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  color: #666666;
}
.uui-radio label:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 3px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 50%;
  -webkit-transition: border-color 0.3s ease-in;
  -moz-transition: border-color 0.3s ease-in;
  -o-transition: border-color 0.3s ease-in;
  transition: border-color 0.3s ease-in;
}
.uui-radio label:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 5px;
  margin-left: 2px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ffffff;
  border-radius: 50%;
  -webkit-transition: background 0.3s ease-in;
  -moz-transition: background 0.3s ease-in;
  -o-transition: background 0.3s ease-in;
  transition: background 0.3s ease-in;
}
.uui-radio.large label {
  padding-left: 25px;
}
.uui-radio.large label:before {
  margin-top: 1px;
  width: 16px;
  height: 16px;
}
.uui-radio.large label:after {
  margin-top: 4px;
  margin-left: 3px;
  width: 10px;
  height: 10px;
}
.uui-radio.error input:checked + label:before {
  border-color: #e4445f;
}
.uui-radio.error input:checked + label:after {
  background: #e4445f;
}
.uui-radio.error label:before {
  border-color: #e4445f;
}
.uui-radio.disable input:checked + label {
  color: #cccccc;
  cursor: not-allowed;
}
.uui-radio.disable input:checked + label:before {
  border-color: #e5e5e5;
}
.uui-radio.disable input:checked + label:after {
  background: #e5e5e5;
}
.uui-radio.disable label {
  color: #cccccc;
  cursor: not-allowed;
}
.uui-radio.disable label:before {
  border-color: #e5e5e5;
}
/* UUI Drop-down */
.uui-form-element.bootstrap-select {
  padding: 0;
}
.uui-form-element.bootstrap-select &gt; select {
  min-width: .5px !important;
}
.uui-form-element.bootstrap-select.bs-container {
  height: 0;
  border: none;
}
.uui-form-element.bootstrap-select.open {
  border-color: #999999;
}
.uui-form-element.bootstrap-select .dropdown-toggle {
  box-shadow: none;
}
.uui-form-element.bootstrap-select .dropdown-toggle:focus {
  outline: none !important;
}
.uui-form-element.bootstrap-select .btn {
  border: none;
  background: #ffffff;
  border-radius: 0;
  width: 100%;
  height: 100%;
  padding: 6px 32px 6px 12px;
}
.uui-form-element.bootstrap-select .btn span {
  color: #666666;
  font-size: 14px;
}
.uui-form-element.bootstrap-select .btn span.bs-caret .caret {
  border: none;
  font-family: 'FontAwesome';
  font-size: 16px;
  width: 11px;
  height: 17px;
  margin-top: -11px;
}
.uui-form-element.bootstrap-select .btn span.bs-caret .caret:before {
  content: "\f107";
}
.uui-form-element.bootstrap-select .btn:hover,
.uui-form-element.bootstrap-select .btn:focus,
.uui-form-element.bootstrap-select .btn:active {
  box-shadow: none;
  background: #ffffff;
}
.uui-form-element.bootstrap-select.dropup .btn span.bs-caret .caret:before {
  content: "\f106";
}
.uui-form-element.bootstrap-select .dropdown-menu {
  border-radius: 0;
  margin: 5px 0;
  border: none;
  padding: 0;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
.uui-form-element.bootstrap-select .dropdown-menu li {
  margin: 0;
}
.uui-form-element.bootstrap-select .dropdown-menu li a {
  text-decoration: none;
  font-size: 14px;
  padding: 5px 12px 7px 12px;
  color: #999999;
  font-weight: normal;
  line-height: 18px;
}
.uui-form-element.bootstrap-select .dropdown-menu li a span.text {
  color: #999999;
  font-size: 14px;
  margin-right: 40px;
}
.uui-form-element.bootstrap-select .dropdown-menu li a:hover {
  background: #eee;
  color: #666666;
}
.uui-form-element.bootstrap-select .dropdown-menu li a:hover span.text {
  color: #666666;
}
.uui-form-element.bootstrap-select .dropdown-menu li.dropdown-header span.text {
  font-size: 14px;
  color: #999999;
}
.uui-form-element.bootstrap-select .dropdown-menu li.disabled a {
  color: #cccccc;
}
.uui-form-element.bootstrap-select .dropdown-menu li.disabled a span.text {
  color: #cccccc;
}
.uui-form-element.bootstrap-select .dropdown-menu li.disabled a:hover {
  background: none;
}
.uui-form-element.bootstrap-select .dropdown-menu li.selected a,
.uui-form-element.bootstrap-select .dropdown-menu li.active a {
  background: none;
  color: #39c2d7;
}
.uui-form-element.bootstrap-select .dropdown-menu li.selected a span.text,
.uui-form-element.bootstrap-select .dropdown-menu li.active a span.text {
  color: #39c2d7;
}
.uui-form-element.bootstrap-select .dropdown-menu li.selected a:hover,
.uui-form-element.bootstrap-select .dropdown-menu li.active a:hover {
  background: #eee;
}
.uui-form-element.bootstrap-select .dropdown-menu .bootstrap-select-searchbox {
  padding: 2px 8px 8px 8px;
}
.uui-form-element.bootstrap-select .dropdown-menu .bootstrap-select-searchbox .form-control {
  border-radius: 0;
  width: 100%;
  font-size: 15px;
  border: 1px solid #cccccc;
  padding: 6px 12px;
  vertical-align: middle;
  color: #999999;
  height: 34px;
}
.uui-form-element.bootstrap-select .dropdown-menu .bootstrap-select-searchbox .form-control:focus {
  color: #666666;
  border: 1px solid black;
  box-shadow: none;
}
.uui-form-element.bootstrap-select .bs-searchbox {
  padding: 0;
}
.uui-form-element.bootstrap-select .bs-searchbox .form-control {
  font-size: 14px;
  border: none;
  border-bottom: 1px solid #f5f5f5;
  vertical-align: middle;
  color: #cccccc;
  height: 36px;
  box-shadow: none;
}
.uui-form-element.bootstrap-select .bs-searchbox .form-control:focus,
.uui-form-element.bootstrap-select .bs-searchbox .form-control:active {
  border-color: #f5f5f5;
  color: #666666;
  box-shadow: none;
}
.uui-form-element.bootstrap-select.no-results {
  background: #f5f5f5;
}
.uui-form-element.bootstrap-select.large .dropdown-menu li a {
  padding: 9px 18px;
}
.uui-form-element.bootstrap-select.large .dropdown-menu li a.opt {
  padding: 9px 18px 9px 2.25em;
}
.uui-form-element.bootstrap-select.large .btn {
  padding: 10px 44px 10px 18px;
}
.uui-form-element.bootstrap-select.large .btn span {
  font-size: 16px;
}
.uui-form-element.bootstrap-select.large .btn span.caret {
  right: 18px;
}
.uui-form-element.bootstrap-select.large .bs-searchbox .form-control {
  padding: 10px 18px;
}
.uui-form-element.bootstrap-select.large.show-tick .dropdown-menu li.selected a span.text {
  margin-right: 50px;
}
.uui-form-element.bootstrap-select.large.show-tick .dropdown-menu li.selected a span.check-mark {
  right: 18px;
}
.uui-form-element.bootstrap-select.large.image-dropdown .btn {
  padding: 7px 44px 7px 18px;
}
.uui-form-element.bootstrap-select.large.image-dropdown .btn .filter-option .image-wrapper {
  display: table;
  width: 100%;
}
.uui-form-element.bootstrap-select.large.image-dropdown .btn .filter-option .image-wrapper .image-cell {
  display: table-cell;
  width: 30px;
  padding-right: 10px;
  vertical-align: middle;
}
.uui-form-element.bootstrap-select.large.image-dropdown .btn .filter-option .image-wrapper .image-cell .image {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
  vertical-align: middle;
}
.uui-form-element.bootstrap-select.large.image-dropdown .btn .filter-option .image-wrapper .image-cell .image img {
  width: 100%;
  height: auto;
}
.uui-form-element.bootstrap-select.large.image-dropdown .btn .filter-option .image-wrapper .text-cell {
  display: table-cell;
  vertical-align: middle;
}
.uui-form-element.bootstrap-select.large.image-dropdown .dropdown-menu li a .image-wrapper {
  display: table;
  width: 100%;
}
.uui-form-element.bootstrap-select.large.image-dropdown .dropdown-menu li a .image-wrapper .image-cell {
  display: table-cell;
  width: 30px;
  padding-right: 10px;
  vertical-align: middle;
}
.uui-form-element.bootstrap-select.large.image-dropdown .dropdown-menu li a .image-wrapper .image-cell .image {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
  vertical-align: middle;
}
.uui-form-element.bootstrap-select.large.image-dropdown .dropdown-menu li a .image-wrapper .image-cell .image img {
  width: 100%;
  height: auto;
}
.uui-form-element.bootstrap-select.large.image-dropdown .dropdown-menu li a .image-wrapper .text-cell {
  display: table-cell;
  vertical-align: middle;
}
.uui-form-element.bootstrap-select.small .dropdown-menu li a {
  padding: 2px 6px 3px 6px;
}
.uui-form-element.bootstrap-select.small .dropdown-menu li a.opt {
  padding: 2px 6px 3px 1.25em;
}
.uui-form-element.bootstrap-select.small .dropdown-menu li a span.text,
.uui-form-element.bootstrap-select.small .dropdown-menu li a span.check-mark {
  font-size: 12px;
}
.uui-form-element.bootstrap-select.small .dropdown-menu li.dropdown-header {
  padding: 2px 6px 3px 6px;
}
.uui-form-element.bootstrap-select.small .dropdown-menu li.dropdown-header span.text {
  font-size: 12px;
}
.uui-form-element.bootstrap-select.small .btn {
  padding: 2px 20px 3px 6px;
}
.uui-form-element.bootstrap-select.small .btn span {
  font-size: 12px;
}
.uui-form-element.bootstrap-select.small .btn span.caret {
  right: 6px;
}
.uui-form-element.bootstrap-select.small .bs-searchbox .form-control {
  padding: 2px 6px 3px 6px;
  font-size: 12px;
  height: 24px;
}
.uui-form-element.bootstrap-select.small.show-tick .dropdown-menu li.selected a span.text {
  margin-right: 24px;
}
.uui-form-element.bootstrap-select.small.show-tick .dropdown-menu li.selected a span.check-mark {
  font-size: 12px;
  right: 6px;
}
.uui-form-element.bootstrap-select.disable .btn {
  background: #e5e5e5;
}
.uui-form-element.bootstrap-select.disable .btn span {
  color: #cccccc;
}
.uui-form-element.bootstrap-select.show-tick .dropdown-menu li.selected a span.text {
  margin-right: 26px;
}
.uui-form-element.bootstrap-select.show-tick .dropdown-menu li.selected a span.check-mark {
  top: 50%;
  right: 12px;
  margin-top: -9px;
  color: #39c2d7;
  font-size: 14px;
}
.uui-form-element.bootstrap-select.status-dropdown {
  width: auto !important;
  min-width: inherit;
  border-radius: 12px;
  border-color: #39c2d7;
}
.uui-form-element.bootstrap-select.status-dropdown .btn {
  border-radius: 11px;
  background: #39c2d7;
}
.uui-form-element.bootstrap-select.status-dropdown .btn .filter-option {
  color: #ffffff;
  text-transform: uppercase;
}
.uui-form-element.bootstrap-select.status-dropdown .btn .bs-caret .caret {
  color: #ffffff;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-blue .text {
  color: #39c2d7;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-lime-green .text {
  color: #a3c644;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-dark-gray .text {
  color: #464547;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-raspberry .text {
  color: #b22746;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-plum .text {
  color: #8e244d;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-dark-blue .text {
  color: #1a9cb0;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-dark-green .text {
  color: #7f993a;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-yellow .text {
  color: #ffdc19;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-orange .text {
  color: #ff9b19;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-red .text {
  color: #cb2323;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-fuchsia .text {
  color: #e4445f;
}
.uui-form-element.bootstrap-select.status-dropdown .dropdown-menu li.selected a.status-violet .text {
  color: #8b5a9f;
}
.uui-form-element.bootstrap-select.status-dropdown.small .btn {
  padding: 4px 26px 4px 10px;
}
.uui-form-element.bootstrap-select.status-dropdown.small .btn .filter-option {
  font-size: 11px;
}
.uui-form-element.bootstrap-select.status-dropdown.small .btn .bs-caret .caret {
  margin-top: -10px;
}
.uui-form-element.bootstrap-select.status-dropdown.status-blue {
  border-color: #39c2d7;
}
.uui-form-element.bootstrap-select.status-dropdown.status-blue .btn {
  background: #39c2d7;
}
.uui-form-element.bootstrap-select.status-dropdown.status-lime-green {
  border-color: #a3c644;
}
.uui-form-element.bootstrap-select.status-dropdown.status-lime-green .btn {
  background: #a3c644;
}
.uui-form-element.bootstrap-select.status-dropdown.status-dark-gray {
  border-color: #464547;
}
.uui-form-element.bootstrap-select.status-dropdown.status-dark-gray .btn {
  background: #464547;
}
.uui-form-element.bootstrap-select.status-dropdown.status-raspberry {
  border-color: #b22746;
}
.uui-form-element.bootstrap-select.status-dropdown.status-raspberry .btn {
  background: #b22746;
}
.uui-form-element.bootstrap-select.status-dropdown.status-plum {
  border-color: #8e244d;
}
.uui-form-element.bootstrap-select.status-dropdown.status-plum .btn {
  background: #8e244d;
}
.uui-form-element.bootstrap-select.status-dropdown.status-dark-blue {
  border-color: #1a9cb0;
}
.uui-form-element.bootstrap-select.status-dropdown.status-dark-blue .btn {
  background: #1a9cb0;
}
.uui-form-element.bootstrap-select.status-dropdown.status-dark-green {
  border-color: #7f993a;
}
.uui-form-element.bootstrap-select.status-dropdown.status-dark-green .btn {
  background: #7f993a;
}
.uui-form-element.bootstrap-select.status-dropdown.status-yellow {
  border-color: #ffdc19;
}
.uui-form-element.bootstrap-select.status-dropdown.status-yellow .btn {
  background: #ffdc19;
}
.uui-form-element.bootstrap-select.status-dropdown.status-orange {
  border-color: #ff9b19;
}
.uui-form-element.bootstrap-select.status-dropdown.status-orange .btn {
  background: #ff9b19;
}
.uui-form-element.bootstrap-select.status-dropdown.status-red {
  border-color: #cb2323;
}
.uui-form-element.bootstrap-select.status-dropdown.status-red .btn {
  background: #cb2323;
}
.uui-form-element.bootstrap-select.status-dropdown.status-fuchsia {
  border-color: #e4445f;
}
.uui-form-element.bootstrap-select.status-dropdown.status-fuchsia .btn {
  background: #e4445f;
}
.uui-form-element.bootstrap-select.status-dropdown.status-violet {
  border-color: #8b5a9f;
}
.uui-form-element.bootstrap-select.status-dropdown.status-violet .btn {
  background: #8b5a9f;
}
.uui-input-group {
  position: relative;
  display: inline-block;
}
.uui-input-group.horizontal .uui-checkbox,
.uui-input-group.horizontal .uui-radio {
  display: inline-block;
  margin-right: 18px;
}
.uui-input-group.horizontal .uui-checkbox.large,
.uui-input-group.horizontal .uui-radio.large {
  margin-right: 25px;
}
.uui-input-group.vertical {
  display: inline-block;
}
.uui-input-group.input-login.default {
  height: 36px;
}
.uui-input-group.input-login.default .uui-form-element {
  float: left;
  height: 36px;
}
.uui-input-group.input-login.default .uui-form-element:hover,
.uui-input-group.input-login.default .uui-form-element:focus,
.uui-input-group.input-login.default .uui-form-element:active {
  border-color: #39c2d7;
}
.uui-input-group.input-login.succes {
  border: 1px solid #a3c644;
  min-width: 220px;
  height: 36px;
}
.uui-input-group.input-login.succes .uui-form-element {
  float: left;
  min-width: 184px;
  border: none;
  height: 34px;
}
.uui-input-group.input-login.succes .succes-icon {
  float: left;
  width: 34px;
  height: 34px;
  text-align: center;
}
.uui-input-group.input-login.succes .succes-icon i {
  color: #a3c644;
  font-size: 16px;
  line-height: 34px;
}
.uui-input-group.input-login.error {
  border: 1px solid #e4445f;
  min-height: 54px;
}
.uui-input-group.input-login.error .uui-form-element {
  display: block;
  border: none;
  height: 34px;
}
.uui-input-group.input-login.error .error-notification {
  padding: 2px 13px 3px 13px;
  background: #e4445f;
}
.uui-input-group.input-login.error .error-notification p {
  color: #ffffff !important;
  font-size: 11px;
  margin: 0;
  line-height: 13px;
  max-height: 26px;
  overflow: hidden;
}
.uui-input-group.input-login.error input[type=text].uui-form-element + .error-notification {
  width: 220px;
}
.uui-input-group.input-login.error textarea.uui-form-element + .error-notification {
  width: 360px;
}
.uui-input-group.input-login.disable.default .uui-form-element {
  cursor: not-allowed;
  background: #e5e5e5;
  color: #cccccc;
}
.uui-input-group.input-login.disable.default .uui-form-element:hover,
.uui-input-group.input-login.disable.default .uui-form-element:focus,
.uui-input-group.input-login.disable.default .uui-form-element:active {
  border-color: #cccccc;
}
.uui-input-group.input-login.disable.succes {
  border-color: #cccccc;
  cursor: not-allowed;
  background: #e5e5e5;
  color: #cccccc;
}
.uui-input-group.input-login.disable.succes .uui-form-element {
  background: transparent;
  cursor: not-allowed;
}
.uui-input-group.input-login.disable.succes .succes-icon {
  cursor: not-allowed;
}
.uui-input-group.input-login.disable.succes .succes-icon i {
  color: #cccccc;
}
.uui-input-group.input-login.large .uui-form-element {
  padding: 10px 18px;
  font-size: 16px;
}
.uui-input-group.input-login.large.default {
  height: 48px;
}
.uui-input-group.input-login.large.default .uui-form-element {
  height: 48px;
}
.uui-input-group.input-login.large.succes {
  height: 48px;
}
.uui-input-group.input-login.large.succes .uui-form-element {
  height: 46px;
  min-width: 172px;
}
.uui-input-group.input-login.large.succes .succes-icon {
  width: 46px;
  height: 46px;
}
.uui-input-group.input-login.large.succes .succes-icon i {
  font-size: 18px;
  line-height: 46px;
}
.uui-input-group.input-login.large.error {
  min-height: 66px;
}
.uui-input-group.input-login.large.error .uui-form-element {
  height: 46px;
}
.uui-input-group.input-login.small .uui-form-element {
  padding: 0 6px;
  font-size: 12px;
}
.uui-input-group.input-login.small.default {
  height: 24px;
}
.uui-input-group.input-login.small.default .uui-form-element {
  height: 24px;
}
.uui-input-group.input-login.small.succes {
  height: 24px;
}
.uui-input-group.input-login.small.succes .uui-form-element {
  height: 22px;
  min-width: 196px;
}
.uui-input-group.input-login.small.succes .succes-icon {
  width: 22px;
  height: 22px;
}
.uui-input-group.input-login.small.succes .succes-icon i {
  font-size: 15px;
  line-height: 22px;
}
.uui-input-group.input-login.small.error {
  min-height: 42px;
}
.uui-input-group.input-login.small.error .uui-form-element {
  height: 22px;
}
@media screen and (max-width: 576px) {
  input[type=text].uui-form-element,
  textarea.uui-form-element {
    width: 100%;
    min-width: 100%;
  }
  .uui-input-group.input-error {
    width: 100%;
  }
  .uui-input-group.input-error input[type=text].uui-form-element + .error-notification {
    width: 100%;
  }
  .uui-input-group.input-error textarea.uui-form-element + .error-notification {
    width: 100%;
  }
}
.uui-image-text {
  position: relative;
  width: 100%;
  min-height: 150px;
  overflow: hidden;
}
.uui-image-text .image-section {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.uui-image-text .image-text-section {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  padding: 20px;
  background-color: rgba(51, 51, 51, 0.85);
  color: #ffffff;
}
/* PRIMARY COLORS */
/*  Blue  */
.uui-image-text.blue .image-text-section {
  background-color: rgba(57, 194, 215, 0.85);
}
/*  Lime Green  */
.uui-image-text.lime-green .image-text-section {
  background-color: rgba(163, 198, 68, 0.85);
}
/*  Dark Gray  */
.uui-image-text.dark-gray .image-text-section {
  background-color: rgba(70, 69, 71, 0.85);
}
/* White */
.uui-image-text.white .image-text-section {
  background-color: rgba(255, 255, 255, 0.85);
  color: #464547;
}
/* SECONDARY COLORS */
/*  Raspberry  */
.uui-image-text.raspberry .image-text-section {
  background-color: rgba(178, 39, 70, 0.85);
}
/*  Plum  */
.uui-image-text.plum .image-text-section {
  background-color: rgba(142, 36, 77, 0.85);
}
/*  Dark Blue  */
.uui-image-text.dark-blue .image-text-section {
  background-color: rgba(26, 156, 176, 0.85);
}
/*  Dark Green  */
.uui-image-text.dark-green .image-text-section {
  background-color: rgba(127, 153, 58, 0.85);
}
/*  Medium Gray  */
.uui-image-text.medium-gray .image-text-section {
  background-color: rgba(102, 102, 102, 0.85);
}
/*  Light Gray  */
.uui-image-text.gray .image-text-section {
  background-color: rgba(153, 153, 153, 0.85);
}
/*  Gray  */
.uui-image-text.light-gray .image-text-section {
  background-color: rgba(204, 204, 204, 0.85);
}
/* ADDITIONAL COLORS */
/*  Yellow  */
.uui-image-text.yellow .image-text-section {
  background-color: rgba(255, 220, 25, 0.85);
  color: #464547;
}
/*  Orange  */
.uui-image-text.orange .image-text-section {
  background-color: rgba(255, 155, 25, 0.85);
}
/*  Red  */
.uui-image-text.red .image-text-section {
  background-color: rgba(203, 35, 35, 0.85);
}
/*  Fuchsia  */
.uui-image-text.fuchsia .image-text-section {
  background-color: rgba(228, 68, 95, 0.85);
}
/*  Black  */
.uui-image-text.black .image-text-section {
  background-color: rgba(51, 51, 51, 0.85);
}
/*  Violet  */
.uui-image-text.violet .image-text-section {
  background-color: rgba(139, 90, 159, 0.85);
}
.uui-items-list {
  display: inline-block;
  width: 100%;
  list-style: none;
  margin: 0 0 1px 0;
}
.uui-items-list .item-section {
  display: table-cell;
  vertical-align: middle;
}
.uui-items-list .item-section.content {
  width: 100%;
  padding: 0 0 0 12px;
  color: #666666;
  font-size: 16px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
}
.uui-items-list .item-body {
  position: relative;
  padding: 11px 17px 11px 5px;
  margin: 0 0 -1px 0;
  display: table;
  width: 100%;
  border: 1px solid #cccccc;
}
.uui-items-list .item-body .item-section.icon {
  padding-left: 12px;
  width: 36px;
}
.uui-items-list .item-body .item-section.icon .uui-icon {
  position: static;
  z-index: auto;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  float: left;
  color: #ffffff;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  width: 36px;
  height: 36px;
  line-height: 34px;
  background: #39c2d7;
  border: 1px solid #39c2d7;
}
.uui-items-list .item-body .item-section.icon .uui-icon.small {
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.uui-items-list .item-body .item-section.icon .uui-icon.large {
  width: 42px;
  height: 42px;
  line-height: 40px;
  font-size: 18px;
}
.uui-items-list .item-body .item-section.icon .uui-icon.transparent {
  background: transparent;
  color: #39c2d7;
}
.uui-items-list .item-body .item-section.icon i {
  font-size: 16px;
  color: #ffffff;
}
.uui-items-list .item-body.active {
  background: #39c2d7;
  border-color: #39c2d7;
  z-index: 2;
}
.uui-items-list .item-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-body.active .item-section.icon i {
  color: #39c2d7;
}
.uui-items-list .item-body.active .item-section.content {
  color: #ffffff;
}
.uui-items-list .item-line-body {
  display: table;
  width: 100%;
  padding: 0 17px;
}
.uui-items-list .item-line-body .line {
  border-left: 1px solid #e5e5e5;
  margin: 0 0 0 24px;
  position: relative;
  padding: 18px 0;
}
.uui-items-list .item-line-body .line .wrapper {
  margin: 0 0 0 -24px;
}
.uui-items-list .item-line-body .item-section.icon {
  width: 48px;
}
.uui-items-list .item-line-body .item-section.icon .uui-icon {
  position: static;
  z-index: auto;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  float: left;
  color: #ffffff;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  width: 48px;
  height: 48px;
  line-height: 46px;
  background: #39c2d7;
  border: 1px solid #39c2d7;
}
.uui-items-list .item-line-body .item-section.icon .uui-icon.small {
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.uui-items-list .item-line-body .item-section.icon .uui-icon.large {
  width: 42px;
  height: 42px;
  line-height: 40px;
  font-size: 18px;
}
.uui-items-list .item-line-body .item-section.icon .uui-icon.transparent {
  background: transparent;
  color: #39c2d7;
}
.uui-items-list .item-line-body .item-section.icon i {
  color: #ffffff;
  font-size: 20px;
}
.uui-items-list .item-line-body:first-child .line {
  padding-top: 0;
  margin-top: 18px;
}
.uui-items-list .item-line-body:last-child .line {
  padding-bottom: 0;
  margin-bottom: 18px;
}
.uui-items-list .item-line-body.active {
  background: #39c2d7;
}
.uui-items-list .item-line-body.active .line {
  border-left-color: #39c2d7;
}
.uui-items-list .item-line-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-line-body.active .item-section.icon i {
  color: #39c2d7;
}
.uui-items-list .item-line-body.active .item-section.content {
  color: #ffffff;
}
.uui-items-list.transparent .item-line-body .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #39c2d7;
}
.uui-items-list.transparent .item-line-body .item-section.icon i {
  color: #39c2d7;
}
.uui-items-list.hover .item-body:hover {
  background: #39c2d7;
  border-color: #39c2d7;
  z-index: 2;
}
.uui-items-list.hover .item-body:hover .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.hover .item-body:hover .item-section.icon i {
  color: #39c2d7;
}
.uui-items-list.hover .item-body:hover .item-section.content {
  color: #ffffff;
}
.uui-items-list.hover .item-line-body {
  cursor: pointer;
}
.uui-items-list.hover .item-line-body:hover {
  background: #39c2d7;
}
.uui-items-list.hover .item-line-body:hover .line {
  border-left-color: #39c2d7;
}
.uui-items-list.hover .item-line-body:hover .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.hover .item-line-body:hover .item-section.icon i {
  color: #39c2d7;
}
.uui-items-list.hover .item-line-body:hover .item-section.content {
  color: #ffffff;
}
.uui-items-list.small .item-section.content {
  font-size: 14px;
}
.uui-items-list.small .item-body {
  padding: 11px 11px 11px 0;
}
.uui-items-list.small .item-body .item-section.icon {
  padding-left: 11px;
  width: 24px;
}
.uui-items-list.small .item-body .item-section.icon .uui-icon {
  width: 24px;
  height: 24px;
  line-height: 18px;
}
.uui-items-list.small .item-body .item-section.icon i {
  font-size: 12px;
}
.uui-items-list.small .item-line-body {
  padding: 0 11px;
}
.uui-items-list.small .item-line-body .line {
  margin: 0 0 0 18px;
  padding: 12px 0;
}
.uui-items-list.small .item-line-body .line .wrapper {
  margin: 0 0 0 -18px;
}
.uui-items-list.small .item-line-body .item-section.icon {
  width: 36px;
}
.uui-items-list.small .item-line-body .item-section.icon .uui-icon {
  width: 36px;
  height: 36px;
  line-height: 34px;
}
.uui-items-list.small .item-line-body .item-section.icon i {
  font-size: 16px;
}
.uui-items-list.small .item-line-body:first-child .line {
  padding-top: 0;
  margin-top: 12px;
}
.uui-items-list.small .item-line-body:last-child .line {
  padding-bottom: 0;
  margin-bottom: 12px;
}
/*  Lime Green  */
.uui-items-list.lime-green .item-body .item-section.icon .uui-icon {
  background: #a3c644;
  border-color: #a3c644;
}
.uui-items-list.lime-green .item-body.active {
  background: #a3c644;
  border-color: #a3c644;
}
.uui-items-list.lime-green .item-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.lime-green .item-body.active .item-section.icon i {
  color: #a3c644;
}
.uui-items-list.lime-green .item-line-body .item-section.icon .uui-icon {
  background: #a3c644;
  border-color: #a3c644;
}
.uui-items-list.lime-green .item-line-body.active {
  background: #a3c644;
}
.uui-items-list.lime-green .item-line-body.active .line {
  border-left-color: #a3c644;
}
.uui-items-list.lime-green .item-line-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.lime-green .item-line-body.active .item-section.icon i {
  color: #a3c644;
}
.uui-items-list.lime-green.transparent .item-line-body .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #a3c644;
}
.uui-items-list.lime-green.transparent .item-line-body .item-section.icon i {
  color: #a3c644;
}
.uui-items-list.lime-green.hover .item-body:hover {
  background: #a3c644;
  border-color: #a3c644;
}
.uui-items-list.lime-green.hover .item-body:hover .item-section.icon i {
  color: #a3c644;
}
.uui-items-list.lime-green.hover .item-line-body:hover {
  background: #a3c644;
}
.uui-items-list.lime-green.hover .item-line-body:hover .line {
  border-left-color: #a3c644;
}
.uui-items-list.lime-green.hover .item-line-body:hover .item-section.icon i {
  color: #a3c644;
}
.uui-items-list .item-body.lime-green .item-section.icon .uui-icon {
  background: #a3c644;
  border-color: #a3c644;
}
.uui-items-list .item-body.lime-green.active {
  background: #a3c644;
  border-color: #a3c644;
}
.uui-items-list .item-body.lime-green.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-body.lime-green.active .item-section.icon i {
  color: #a3c644;
}
.uui-items-list .item-line-body.lime-green .item-section.icon .uui-icon {
  background: #a3c644;
  border-color: #a3c644;
}
.uui-items-list .item-line-body.lime-green.active {
  background: #a3c644;
}
.uui-items-list .item-line-body.lime-green.active .line {
  border-left-color: #a3c644;
}
.uui-items-list .item-line-body.lime-green.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-line-body.lime-green.active .item-section.icon i {
  color: #a3c644;
}
.uui-items-list.transparent .item-line-body.lime-green .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #a3c644;
}
.uui-items-list.transparent .item-line-body.lime-green .item-section.icon i {
  color: #a3c644;
}
.uui-items-list.hover .item-body.lime-green:hover {
  background: #a3c644;
  border-color: #a3c644;
}
.uui-items-list.hover .item-body.lime-green:hover .item-section.icon i {
  color: #a3c644;
}
.uui-items-list.hover .item-line-body.lime-green:hover {
  background: #a3c644;
}
.uui-items-list.hover .item-line-body.lime-green:hover .line {
  border-left-color: #a3c644;
}
.uui-items-list.hover .item-line-body.lime-green:hover .item-section.icon i {
  color: #a3c644;
}
/*  Medium Gray  */
.uui-items-list.medium-gray .item-body .item-section.icon .uui-icon {
  background: #666666;
  border-color: #666666;
}
.uui-items-list.medium-gray .item-body.active {
  background: #666666;
  border-color: #666666;
}
.uui-items-list.medium-gray .item-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.medium-gray .item-body.active .item-section.icon i {
  color: #666666;
}
.uui-items-list.medium-gray .item-line-body .item-section.icon .uui-icon {
  background: #666666;
  border-color: #666666;
}
.uui-items-list.medium-gray .item-line-body.active {
  background: #666666;
}
.uui-items-list.medium-gray .item-line-body.active .line {
  border-left-color: #666666;
}
.uui-items-list.medium-gray .item-line-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.medium-gray .item-line-body.active .item-section.icon i {
  color: #666666;
}
.uui-items-list.medium-gray.transparent .item-line-body .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #666666;
}
.uui-items-list.medium-gray.transparent .item-line-body .item-section.icon i {
  color: #666666;
}
.uui-items-list.medium-gray.hover .item-body:hover {
  background: #666666;
  border-color: #666666;
}
.uui-items-list.medium-gray.hover .item-body:hover .item-section.icon i {
  color: #666666;
}
.uui-items-list.medium-gray.hover .item-line-body:hover {
  background: #666666;
}
.uui-items-list.medium-gray.hover .item-line-body:hover .line {
  border-left-color: #666666;
}
.uui-items-list.medium-gray.hover .item-line-body:hover .item-section.icon i {
  color: #666666;
}
.uui-items-list .item-body.medium-gray .item-section.icon .uui-icon {
  background: #666666;
  border-color: #666666;
}
.uui-items-list .item-body.medium-gray.active {
  background: #666666;
  border-color: #666666;
}
.uui-items-list .item-body.medium-gray.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-body.medium-gray.active .item-section.icon i {
  color: #666666;
}
.uui-items-list .item-line-body.medium-gray .item-section.icon .uui-icon {
  background: #666666;
  border-color: #666666;
}
.uui-items-list .item-line-body.medium-gray.active {
  background: #666666;
}
.uui-items-list .item-line-body.medium-gray.active .line {
  border-left-color: #666666;
}
.uui-items-list .item-line-body.medium-gray.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-line-body.medium-gray.active .item-section.icon i {
  color: #666666;
}
.uui-items-list.transparent .item-line-body.medium-gray .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #666666;
}
.uui-items-list.transparent .item-line-body.medium-gray .item-section.icon i {
  color: #666666;
}
.uui-items-list.hover .item-body.medium-gray:hover {
  background: #666666;
  border-color: #666666;
}
.uui-items-list.hover .item-body.medium-gray:hover .item-section.icon i {
  color: #666666;
}
.uui-items-list.hover .item-line-body.medium-gray:hover {
  background: #666666;
}
.uui-items-list.hover .item-line-body.medium-gray:hover .line {
  border-left-color: #666666;
}
.uui-items-list.hover .item-line-body.medium-gray:hover .item-section.icon i {
  color: #666666;
}
/*  Yellow  */
.uui-items-list.yellow .item-body .item-section.icon .uui-icon {
  background: #ffdc19;
  border-color: #ffdc19;
}
.uui-items-list.yellow .item-body .item-section.icon i {
  color: #666666;
}
.uui-items-list.yellow .item-body.active {
  background: #ffdc19;
  border-color: #ffdc19;
}
.uui-items-list.yellow .item-body.active .item-section.content {
  color: #666666;
}
.uui-items-list.yellow .item-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.yellow .item-body.active .item-section.icon i {
  color: #666666;
}
.uui-items-list.yellow .item-line-body .item-section.icon .uui-icon {
  background: #ffdc19;
  border-color: #ffdc19;
}
.uui-items-list.yellow .item-line-body .item-section.icon i {
  color: #666666;
}
.uui-items-list.yellow .item-line-body.active {
  background: #ffdc19;
}
.uui-items-list.yellow .item-line-body.active .line {
  border-left-color: #ffdc19;
}
.uui-items-list.yellow .item-line-body.active .item-section.content {
  color: #666666;
}
.uui-items-list.yellow .item-line-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.yellow .item-line-body.active .item-section.icon i {
  color: #666666;
}
.uui-items-list.yellow.transparent .item-line-body .item-section.content {
  color: #666666;
}
.uui-items-list.yellow.transparent .item-line-body .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffdc19;
}
.uui-items-list.yellow.transparent .item-line-body .item-section.icon i {
  color: #ffdc19;
}
.uui-items-list.yellow.hover .item-body:hover {
  background: #ffdc19;
  border-color: #ffdc19;
}
.uui-items-list.yellow.hover .item-body:hover .item-section.content {
  color: #666666;
}
.uui-items-list.yellow.hover .item-body:hover .item-section.icon i {
  color: #666666;
}
.uui-items-list.yellow.hover .item-line-body:hover {
  background: #ffdc19;
}
.uui-items-list.yellow.hover .item-line-body:hover .line {
  border-left-color: #ffdc19;
}
.uui-items-list.yellow.hover .item-line-body:hover .item-section.content {
  color: #666666;
}
.uui-items-list.yellow.hover .item-line-body:hover .item-section.icon i {
  color: #666666;
}
.uui-items-list .item-body.yellow .item-section.icon .uui-icon {
  background: #ffdc19;
  border-color: #ffdc19;
}
.uui-items-list .item-body.yellow .item-section.icon i {
  color: #666666;
}
.uui-items-list .item-body.yellow.active {
  background: #ffdc19;
  border-color: #ffdc19;
}
.uui-items-list .item-body.yellow.active .item-section.content {
  color: #666666;
}
.uui-items-list .item-body.yellow.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-body.yellow.active .item-section.icon i {
  color: #666666;
}
.uui-items-list .item-line-body.yellow .item-section.icon .uui-icon {
  background: #ffdc19;
  border-color: #ffdc19;
}
.uui-items-list .item-line-body.yellow .item-section.icon i {
  color: #666666;
}
.uui-items-list .item-line-body.yellow.active {
  background: #ffdc19;
}
.uui-items-list .item-line-body.yellow.active .line {
  border-left-color: #ffdc19;
}
.uui-items-list .item-line-body.yellow.active .item-section.content {
  color: #666666;
}
.uui-items-list .item-line-body.yellow.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-line-body.yellow.active .item-section.icon i {
  color: #666666;
}
.uui-items-list.transparent .item-line-body.yellow .item-section.content {
  color: #666666;
}
.uui-items-list.transparent .item-line-body.yellow .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffdc19;
}
.uui-items-list.transparent .item-line-body.yellow .item-section.icon i {
  color: #ffdc19;
}
.uui-items-list.hover .item-body.yellow:hover {
  background: #ffdc19;
  border-color: #ffdc19;
}
.uui-items-list.hover .item-body.yellow:hover .item-section.content {
  color: #666666;
}
.uui-items-list.hover .item-body.yellow:hover .item-section.icon i {
  color: #666666;
}
.uui-items-list.hover .item-line-body.yellow:hover {
  background: #ffdc19;
}
.uui-items-list.hover .item-line-body.yellow:hover .line {
  border-left-color: #ffdc19;
}
.uui-items-list.hover .item-line-body.yellow:hover .item-section.content {
  color: #666666;
}
.uui-items-list.hover .item-line-body.yellow:hover .item-section.icon i {
  color: #666666;
}
/*  Orange  */
.uui-items-list.orange .item-body .item-section.icon .uui-icon {
  background: #ff9b19;
  border-color: #ff9b19;
}
.uui-items-list.orange .item-body.active {
  background: #ff9b19;
  border-color: #ff9b19;
}
.uui-items-list.orange .item-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.orange .item-body.active .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list.orange .item-line-body .item-section.icon .uui-icon {
  background: #ff9b19;
  border-color: #ff9b19;
}
.uui-items-list.orange .item-line-body.active {
  background: #ff9b19;
}
.uui-items-list.orange .item-line-body.active .line {
  border-left-color: #ff9b19;
}
.uui-items-list.orange .item-line-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.orange .item-line-body.active .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list.orange.transparent .item-line-body .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ff9b19;
}
.uui-items-list.orange.transparent .item-line-body .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list.orange.hover .item-body:hover {
  background: #ff9b19;
  border-color: #ff9b19;
}
.uui-items-list.orange.hover .item-body:hover .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list.orange.hover .item-line-body:hover {
  background: #ff9b19;
}
.uui-items-list.orange.hover .item-line-body:hover .line {
  border-left-color: #ff9b19;
}
.uui-items-list.orange.hover .item-line-body:hover .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list .item-body.orange .item-section.icon .uui-icon {
  background: #ff9b19;
  border-color: #ff9b19;
}
.uui-items-list .item-body.orange.active {
  background: #ff9b19;
  border-color: #ff9b19;
}
.uui-items-list .item-body.orange.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-body.orange.active .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list .item-line-body.orange .item-section.icon .uui-icon {
  background: #ff9b19;
  border-color: #ff9b19;
}
.uui-items-list .item-line-body.orange.active {
  background: #ff9b19;
}
.uui-items-list .item-line-body.orange.active .line {
  border-left-color: #ff9b19;
}
.uui-items-list .item-line-body.orange.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-line-body.orange.active .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list.transparent .item-line-body.orange .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ff9b19;
}
.uui-items-list.transparent .item-line-body.orange .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list.hover .item-body.orange:hover {
  background: #ff9b19;
  border-color: #ff9b19;
}
.uui-items-list.hover .item-body.orange:hover .item-section.icon i {
  color: #ff9b19;
}
.uui-items-list.hover .item-line-body.orange:hover {
  background: #ff9b19;
}
.uui-items-list.hover .item-line-body.orange:hover .line {
  border-left-color: #ff9b19;
}
.uui-items-list.hover .item-line-body.orange:hover .item-section.icon i {
  color: #ff9b19;
}
/*  Fuchsia  */
.uui-items-list.fuchsia .item-body .item-section.icon .uui-icon {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-items-list.fuchsia .item-body.active {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-items-list.fuchsia .item-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.fuchsia .item-body.active .item-section.icon i {
  color: #e4445f;
}
.uui-items-list.fuchsia .item-line-body .item-section.icon .uui-icon {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-items-list.fuchsia .item-line-body.active {
  background: #e4445f;
}
.uui-items-list.fuchsia .item-line-body.active .line {
  border-left-color: #e4445f;
}
.uui-items-list.fuchsia .item-line-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.fuchsia .item-line-body.active .item-section.icon i {
  color: #e4445f;
}
.uui-items-list.fuchsia.transparent .item-line-body .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #e4445f;
}
.uui-items-list.fuchsia.transparent .item-line-body .item-section.icon i {
  color: #e4445f;
}
.uui-items-list.fuchsia.hover .item-body:hover {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-items-list.fuchsia.hover .item-body:hover .item-section.icon i {
  color: #e4445f;
}
.uui-items-list.fuchsia.hover .item-line-body:hover {
  background: #e4445f;
}
.uui-items-list.fuchsia.hover .item-line-body:hover .line {
  border-left-color: #e4445f;
}
.uui-items-list.fuchsia.hover .item-line-body:hover .item-section.icon i {
  color: #e4445f;
}
.uui-items-list .item-body.fuchsia .item-section.icon .uui-icon {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-items-list .item-body.fuchsia.active {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-items-list .item-body.fuchsia.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-body.fuchsia.active .item-section.icon i {
  color: #e4445f;
}
.uui-items-list .item-line-body.fuchsia .item-section.icon .uui-icon {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-items-list .item-line-body.fuchsia.active {
  background: #e4445f;
}
.uui-items-list .item-line-body.fuchsia.active .line {
  border-left-color: #e4445f;
}
.uui-items-list .item-line-body.fuchsia.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-line-body.fuchsia.active .item-section.icon i {
  color: #e4445f;
}
.uui-items-list.transparent .item-line-body.fuchsia .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #e4445f;
}
.uui-items-list.transparent .item-line-body.fuchsia .item-section.icon i {
  color: #e4445f;
}
.uui-items-list.hover .item-body.fuchsia:hover {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-items-list.hover .item-body.fuchsia:hover .item-section.icon i {
  color: #e4445f;
}
.uui-items-list.hover .item-line-body.fuchsia:hover {
  background: #e4445f;
}
.uui-items-list.hover .item-line-body.fuchsia:hover .line {
  border-left-color: #e4445f;
}
.uui-items-list.hover .item-line-body.fuchsia:hover .item-section.icon i {
  color: #e4445f;
}
/*  Violet  */
.uui-items-list.violet .item-body .item-section.icon .uui-icon {
  background: #8b5a9f;
  border-color: #8b5a9f;
}
.uui-items-list.violet .item-body.active {
  background: #8b5a9f;
  border-color: #8b5a9f;
}
.uui-items-list.violet .item-body.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list.violet .item-body.active .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list.violet .item-line-body .item-section.icon .uui-icon {
  background: #8b5a9f;
  border-color: #8b5a9f;
}
.uui-items-list.violet .item-line-body.active {
  background: #8b5a9f;
}
.uui-items-list.violet .item-line-body.active .line {
  border-left-color: #8b5a9f;
}
.uui-items-list.violet .item-line-body.active .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list.violet.transparent .item-line-body .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #8b5a9f;
}
.uui-items-list.violet.transparent .item-line-body .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list.violet.hover .item-body:hover {
  background: #8b5a9f;
  border-color: #8b5a9f;
}
.uui-items-list.violet.hover .item-body:hover .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list.violet.hover .item-line-body:hover {
  background: #8b5a9f;
}
.uui-items-list.violet.hover .item-line-body:hover .line {
  border-left-color: #8b5a9f;
}
.uui-items-list.violet.hover .item-line-body:hover .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list .item-body.violet .item-section.icon .uui-icon {
  background: #8b5a9f;
  border-color: #8b5a9f;
}
.uui-items-list .item-body.violet.active {
  background: #8b5a9f;
  border-color: #8b5a9f;
}
.uui-items-list .item-body.violet.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-body.violet.active .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list .item-line-body.violet .item-section.icon .uui-icon {
  background: #8b5a9f;
  border-color: #8b5a9f;
}
.uui-items-list .item-line-body.violet.active {
  background: #8b5a9f;
}
.uui-items-list .item-line-body.violet.active .line {
  border-left-color: #8b5a9f;
}
.uui-items-list .item-line-body.violet.active .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #ffffff;
}
.uui-items-list .item-line-body.violet.active .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list.transparent .item-line-body.violet .item-section.icon .uui-icon {
  background: #ffffff;
  border-color: #8b5a9f;
}
.uui-items-list.transparent .item-line-body.violet .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list.hover .item-body.violet:hover {
  background: #8b5a9f;
  border-color: #8b5a9f;
}
.uui-items-list.hover .item-body.violet:hover .item-section.icon i {
  color: #8b5a9f;
}
.uui-items-list.hover .item-line-body.violet:hover {
  background: #8b5a9f;
}
.uui-items-list.hover .item-line-body.violet:hover .line {
  border-left-color: #8b5a9f;
}
.uui-items-list.hover .item-line-body.violet:hover .item-section.icon i {
  color: #8b5a9f;
}
.uui-label {
  display: inline-block;
  min-width: 18px;
  height: 18px;
  line-height: 16px;
  padding: 0 9px;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #999999;
  border-radius: 9px;
  background: #ffffff;
  color: #999999 !important;
  font-size: 10px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: .25px;
}
/*  Blue  */
.uui-label.blue {
  background: #39c2d7;
  border-color: #39c2d7;
  color: #ffffff !important;
}
/*  Lime Green  */
.uui-label.lime-green {
  background: #a3c644;
  border-color: #a3c644;
  color: #ffffff !important;
}
/*  Fuchsia  */
.uui-label.fuchsia {
  background: #e4445f;
  border-color: #e4445f;
  color: #ffffff !important;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}
@-webkit-keyframes circle-bounce-delay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes circle-bounce-delay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.uui-loader {
  margin: 0 auto;
}
.uui-loader.pulse {
  width: 36px;
  height: 36px;
  background-color: #39c2d7;
  border-radius: 100%;
  -webkit-animation: pulse 1s infinite ease-in-out;
  animation: pulse 1s infinite ease-in-out;
}
.uui-loader.spinner {
  width: 40px;
  height: 40px;
  position: relative;
}
.uui-loader.spinner .dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.uui-loader.spinner .dot:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #39c2d7;
  border-radius: 100%;
  -webkit-animation: circle-bounce-delay 1.2s infinite ease-in-out both;
  animation: circle-bounce-delay 1.2s infinite ease-in-out both;
}
.uui-loader.spinner .dot-2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.uui-loader.spinner .dot-3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.uui-loader.spinner .dot-4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.uui-loader.spinner .dot-5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.uui-loader.spinner .dot-6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.uui-loader.spinner .dot-7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.uui-loader.spinner .dot-8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.uui-loader.spinner .dot-9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.uui-loader.spinner .dot-10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.uui-loader.spinner .dot-11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.uui-loader.spinner .dot-12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.uui-loader.spinner .dot-2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.uui-loader.spinner .dot-3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.uui-loader.spinner .dot-4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.uui-loader.spinner .dot-5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.uui-loader.spinner .dot-6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.uui-loader.spinner .dot-7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.uui-loader.spinner .dot-8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.uui-loader.spinner .dot-9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.uui-loader.spinner .dot-10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.uui-loader.spinner .dot-11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.uui-loader.spinner .dot-12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
.uui-loader.blue.pulse {
  background-color: #39c2d7;
}
.uui-loader.blue.spinner .dot:before {
  background-color: #39c2d7;
}
.uui-loader.lime-green.pulse {
  background-color: #a3c644;
}
.uui-loader.lime-green.spinner .dot:before {
  background-color: #a3c644;
}
.uui-loader.dark-gray.pulse {
  background-color: #464547;
}
.uui-loader.dark-gray.spinner .dot:before {
  background-color: #464547;
}
.uui-loader.white.pulse {
  background-color: #ffffff;
}
.uui-loader.white.spinner .dot:before {
  background-color: #ffffff;
}
.uui-login-panel {
  display: inline-block;
  width: 100%;
  max-width: 320px;
  padding: 0 12px;
}
.uui-login-panel .login-panel-body {
  display: table;
  width: 100%;
}
.uui-login-panel .login-panel-body .login-panel-section {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  padding: 12px 0;
}
.uui-login-panel .login-panel-body .login-panel-section .section-title {
  font-size: 14px;
  color: #cccccc;
  margin-bottom: 26px;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons {
  padding: 6px 0;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button {
  font-size: 24px;
  font-family: 'FontAwesome';
  color: #cccccc;
  height: auto;
  margin: 0 14px;
  padding: 0;
  border: none;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button:first-child {
  margin: 0 14px 0 0;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button:last-child {
  margin: 0 0 0 14px;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button:hover.fa-google-plus {
  color: #d64136;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button:hover.fa-twitter {
  color: #69cfec;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button:hover.fa-linkedin {
  color: #0085af;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button:hover.fa-vk {
  color: #336cc5;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button:hover.fa-facebook {
  color: #05207f;
}
.uui-login-panel .login-panel-body .login-panel-section .social-icons button:hover.fa-github-alt {
  color: #000000;
}
.uui-login-panel .login-panel-body .login-panel-section .login-separator {
  display: table;
  width: 100%;
  padding: 18px 0 12px 0;
}
.uui-login-panel .login-panel-body .login-panel-section .login-separator .border {
  display: table-cell;
  width: 45%;
  vertical-align: middle;
  text-align: center;
}
.uui-login-panel .login-panel-body .login-panel-section .login-separator .border span {
  display: inline-block;
  height: 1px;
  width: 100%;
  background: #cccccc;
  position: relative;
  top: -4px;
}
.uui-login-panel .login-panel-body .login-panel-section .login-separator .text {
  display: table-cell;
  width: 10%;
  padding: 0 20px;
  vertical-align: middle;
  text-align: center;
}
.uui-login-panel .login-panel-body .login-panel-section .login-separator .text span {
  font-family: 'Oswald Light', Arial, sans-serif;
  letter-spacing: .25px;
  text-transform: uppercase;
  font-size: 14px;
  color: #cccccc;
}
.uui-login-panel .login-panel-body .login-panel-section .cust-login {
  padding: 14px 0 0 0;
}
.uui-login-panel .login-panel-body .login-panel-section .cust-login button {
  width: 100%;
}
.uui-login-panel .login-panel-body .login-panel-section .cust-login button i {
  vertical-align: top;
  font-size: 24px;
  margin: 0 5px;
}
.uui-modal {
  padding-right: 0 !important;
}
.uui-modal .modal-dialog {
  min-width: 300px;
}
.uui-modal .modal-content {
  border: none;
  border-radius: 0;
  box-shadow: 0 1px 3px rgba(51, 51, 51, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(51, 51, 51, 0.2);
}
.uui-modal .modal-header {
  background-color: #ffffff;
  color: #666666;
  overflow: hidden;
  padding: 17px 24px;
  border-bottom: solid 1px #eee;
}
.uui-modal .modal-header .close {
  width: 20px;
  height: 20px;
  position: relative;
  right: 0;
  top: 0;
  margin-top: 2px;
  opacity: 0.4;
  text-shadow: none;
}
.uui-modal .modal-header .close:hover {
  opacity: 0.9;
}
.uui-modal .modal-header .close span {
  display: block;
  position: absolute;
  height: 2px;
  width: 20px;
  background: #666666;
  top: 10px;
  left: 0px;
}
.uui-modal .modal-header .close span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.uui-modal .modal-header .close span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.uui-modal .modal-header .modal-title {
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 18px;
  float: left;
  width: 90%;
  letter-spacing: .25px;
}
.uui-modal .modal-body {
  min-height: 100px;
  padding: 17px 24px 9px 24px;
  color: #666666;
}
.uui-modal .modal-footer {
  padding: 8px 24px 17px 24px;
  border-top: none;
}
.uui-modal .modal-footer .uui-button {
  margin-left: 18px;
}
.modal-backdrop {
  background-color: #333333;
}
/*  Blue  */
.uui-modal.blue .modal-header {
  background: #39c2d7;
  color: #ffffff;
  border-bottom: solid 1px #39c2d7;
}
.uui-modal.blue .modal-header .close {
  opacity: 1;
}
.uui-modal.blue .modal-header .close:hover {
  opacity: 0.7;
}
.uui-modal.blue .modal-header .close span {
  background: #ffffff;
}
/*  Lime Green  */
.uui-modal.lime-green .modal-header {
  background: #a3c644;
  color: #ffffff;
  border-bottom: solid 1px #a3c644;
}
.uui-modal.lime-green .modal-header .close {
  opacity: 1;
}
.uui-modal.lime-green .modal-header .close:hover {
  opacity: 0.7;
}
.uui-modal.lime-green .modal-header .close span {
  background: #ffffff;
}
/*  Raspberry  */
.uui-modal.raspberry .modal-header {
  background: #b22746;
  color: #ffffff;
  border-bottom: solid 1px #b22746;
}
.uui-modal.raspberry .modal-header .close {
  opacity: 1;
}
.uui-modal.raspberry .modal-header .close:hover {
  opacity: 0.7;
}
.uui-modal.raspberry .modal-header .close span {
  background: #ffffff;
}
/*  Gray  */
.uui-modal.light-gray .modal-header {
  background: #f5f5f5;
  border-bottom: solid 1px #f5f5f5;
}
.uui-multiswitch {
  display: table;
  table-layout: fixed;
  list-style: none;
  height: 34px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  background: #ffffff;
  margin: 0;
}
.uui-multiswitch li {
  display: table-cell;
  height: 32px;
  text-align: center;
  vertical-align: middle;
}
.uui-multiswitch li input {
  display: none;
}
.uui-multiswitch li label {
  display: inline-block;
  width: 100%;
  height: 36px;
  line-height: 36px;
  font-size: 12px;
  font-family: 'Source Sans Pro Semibold', Arial, sans-serif;
  background: transparent;
  color: #666666;
  margin: 0;
  font-weight: normal;
  cursor: pointer;
  padding: 0px 18px;
  border-right: solid 1px #e5e5e5;
  text-transform: uppercase;
  white-space: nowrap;
}
.uui-multiswitch li label.active {
  background: #39c2d7;
  color: #ffffff;
  cursor: default;
}
.uui-multiswitch li label:hover:not(.active) {
  background: #e5e5e5;
}
.uui-multiswitch.disable {
  background: #e5e5e5;
  color: #cccccc;
  cursor: not-allowed;
  border-color: #e5e5e5;
}
.uui-multiswitch.disable li label {
  background: #ffffff;
  color: #cccccc;
  cursor: not-allowed;
  border-color: #e5e5e5;
}
.uui-multiswitch.disable li label.active {
  background-color: #e5e5e5;
  color: #cccccc;
}
.uui-multiswitch.disable li label:hover:not(.active) {
  background: #ffffff;
}
.uui-multiswitch.error {
  border-color: #e4445f;
}
.uui-multiswitch.error li label {
  border-color: #e4445f;
}
.uui-multiswitch.error li label.active {
  background: #e4445f;
}
.uui-multiswitch.large {
  height: 46px;
}
.uui-multiswitch.large li {
  height: 46px;
}
.uui-multiswitch.large li label {
  height: 46px;
  line-height: 46px;
  font-size: 14px;
}
.uui-multiswitch.small {
  height: 22px;
}
.uui-multiswitch.small li {
  height: 22px;
}
.uui-multiswitch.small li label {
  height: 22px;
  line-height: 22px;
  font-size: 12px;
  padding: 0px 11px;
}
/* Lime Green */
.uui-multiswitch.lime-green li label.active {
  background: #a3c644;
  color: #ffffff;
}
.uui-multiswitch.lime-green.disable li label.active {
  background: #e5e5e5;
  color: #cccccc;
}
.uui-pagination {
  display: inline-block;
  width: 100%;
  list-style: none;
  margin: 0;
}
.uui-pagination li {
  display: inline-block;
  margin: 0;
}
.uui-pagination li.pages-wrapper .pagination-items {
  margin: 0 3px;
}
.uui-pagination li.actions-wrapper .pagination-items &gt; li {
  margin: 0 3px;
}
.uui-pagination li .pagination-items {
  display: inline-block;
  list-style: none;
}
.uui-pagination li .pagination-items &gt; li {
  float: left;
  margin: 0;
}
.uui-pagination li .pagination-items &gt; li &gt; a {
  display: inline-block;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 5px;
  font-family: 'Oswald Light', Arial, sans-serif;
  white-space: nowrap;
  color: #999999;
  font-size: 14px;
  letter-spacing: .25px;
  text-decoration: none;
  border: 1px solid #cccccc;
  position: relative;
  margin-right: -1px;
  text-align: center;
  text-transform: uppercase;
}
.uui-pagination li .pagination-items &gt; li &gt; a span {
  display: inline-block;
  vertical-align: top;
}
.uui-pagination li .pagination-items &gt; li &gt; a i {
  font-size: 14px;
  vertical-align: top;
  margin-top: 9px;
}
.uui-pagination li .pagination-items &gt; li:hover:not(.active):not(.disable) &gt; a {
  z-index: 1;
  color: #39c2d7;
  border-color: #39c2d7;
}
.uui-pagination li .pagination-items &gt; li.first-page a,
.uui-pagination li .pagination-items &gt; li.prev-page a,
.uui-pagination li .pagination-items &gt; li.back-pages a {
  text-align: left;
  padding: 0 12px;
}
.uui-pagination li .pagination-items &gt; li.first-page a span,
.uui-pagination li .pagination-items &gt; li.prev-page a span,
.uui-pagination li .pagination-items &gt; li.back-pages a span {
  margin-left: 10px;
}
.uui-pagination li .pagination-items &gt; li.first-page a span {
  margin-left: 0;
}
.uui-pagination li .pagination-items &gt; li.last-page a,
.uui-pagination li .pagination-items &gt; li.next-page a,
.uui-pagination li .pagination-items &gt; li.forward-pages a {
  text-align: right;
  padding: 0 12px;
}
.uui-pagination li .pagination-items &gt; li.last-page a span,
.uui-pagination li .pagination-items &gt; li.next-page a span,
.uui-pagination li .pagination-items &gt; li.forward-pages a span {
  margin-right: 10px;
}
.uui-pagination li .pagination-items &gt; li.last-page a span {
  margin-right: 0;
}
.uui-pagination li .pagination-items &gt; li.active &gt; a {
  z-index: 1;
  color: #ffffff;
  background: #39c2d7;
  border-color: #39c2d7;
}
.uui-pagination li .pagination-items &gt; li.disable &gt; a {
  z-index: 1;
  color: #cccccc;
  background: #e5e5e5;
  border-color: #cccccc;
  cursor: default;
}
/* Lime green */
.uui-pagination.lime-green li .pagination-items &gt; li:hover:not(.active):not(.disable) &gt; a {
  color: #7f993a;
  border-color: #a3c644;
}
.uui-pagination.lime-green li .pagination-items &gt; li.active &gt; a {
  background: #a3c644;
  border-color: #a3c644;
}
/* Dark gray */
.uui-pagination.dark-gray li .pagination-items &gt; li:hover:not(.active):not(.disable) &gt; a {
  color: #464547;
  border-color: #464547;
}
.uui-pagination.dark-gray li .pagination-items &gt; li.active &gt; a {
  background: #464547;
  border-color: #464547;
}
.uui-info-panel-horizontal,
.uui-info-panel-vertical {
  position: relative;
}
.uui-info-panel-horizontal .info-panel-body,
.uui-info-panel-vertical .info-panel-body {
  position: relative;
  z-index: 10;
  display: table;
  width: 100%;
}
.uui-info-panel-horizontal .info-panel-body .info-panel-section,
.uui-info-panel-vertical .info-panel-body .info-panel-section {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
}
.uui-info-panel-horizontal .info-panel-footer,
.uui-info-panel-vertical .info-panel-footer {
  position: relative;
  z-index: 20;
  display: table;
  width: 100%;
}
.uui-info-panel-horizontal .info-panel-footer .info-panel-section,
.uui-info-panel-vertical .info-panel-footer .info-panel-section {
  display: table-cell;
  vertical-align: middle;
  padding: 12px 15px;
}
.uui-info-panel-horizontal .light-hover,
.uui-info-panel-vertical .light-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  display: none;
}
.uui-info-panel-horizontal .solid-hover,
.uui-info-panel-vertical .solid-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #5c5e66;
  z-index: 15;
  display: none;
}
.uui-info-panel-horizontal .solid-hover p,
.uui-info-panel-vertical .solid-hover p {
  color: #ffffff;
  font-size: 15px;
  margin: 0;
  padding: 15px;
}
.uui-info-panel-horizontal .corner,
.uui-info-panel-vertical .corner {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 50px solid #5c5e66;
  border-right: 50px solid transparent;
  border-bottom: 50px solid transparent;
  top: 0;
  left: 0;
  z-index: 20;
}
.uui-info-panel-horizontal .corner span,
.uui-info-panel-vertical .corner span {
  position: absolute;
  font-size: 15px;
  top: -42px;
  left: 10px;
  z-index: 25;
  color: #ffffff;
}
.uui-info-panel-horizontal.hover,
.uui-info-panel-vertical.hover {
  cursor: pointer;
}
.uui-info-panel-vertical .info-panel-section {
  text-align: center;
}
/*  Blue  */
.uui-info-panel-horizontal.blue,
.uui-info-panel-vertical.blue {
  background: #39c2d7;
}
.uui-info-panel-horizontal.blue .light-hover,
.uui-info-panel-vertical.blue .light-hover {
  background: #36b6ca;
}
.uui-info-panel-horizontal.blue .info-panel-footer,
.uui-info-panel-vertical.blue .info-panel-footer {
  background: #36b6ca;
}
.uui-info-panel-horizontal.blue .info-panel-section,
.uui-info-panel-vertical.blue .info-panel-section {
  color: #ffffff;
}
.info-panel-section.blue {
  background: #39c2d7;
  color: #ffffff;
}
/*  Lime Green  */
.uui-info-panel-horizontal.lime-green,
.uui-info-panel-vertical.lime-green {
  background: #a3c644;
}
.uui-info-panel-horizontal.lime-green .light-hover,
.uui-info-panel-vertical.lime-green .light-hover {
  background: #99ba40;
}
.uui-info-panel-horizontal.lime-green .info-panel-footer,
.uui-info-panel-vertical.lime-green .info-panel-footer {
  background: #99ba40;
}
.uui-info-panel-horizontal.lime-green .info-panel-section,
.uui-info-panel-vertical.lime-green .info-panel-section {
  color: #ffffff;
}
.info-panel-section.lime-green {
  background: #a3c644;
  color: #ffffff;
}
/*  Dark Gray  */
.uui-info-panel-horizontal.dark-gray,
.uui-info-panel-vertical.dark-gray {
  background: #464547;
}
.uui-info-panel-horizontal.dark-gray .light-hover,
.uui-info-panel-vertical.dark-gray .light-hover {
  background: #323132;
}
.uui-info-panel-horizontal.dark-gray .info-panel-footer,
.uui-info-panel-vertical.dark-gray .info-panel-footer {
  background: #323132;
}
.uui-info-panel-horizontal.dark-gray .info-panel-section,
.uui-info-panel-vertical.dark-gray .info-panel-section {
  color: #ffffff;
}
.info-panel-section.dark-gray {
  color: #ffffff;
  background-color: #464547;
}
/*  White  */
.uui-info-panel-horizontal.white,
.uui-info-panel-vertical.white {
  background: #ffffff;
}
.uui-info-panel-horizontal.white .light-hover,
.uui-info-panel-vertical.white .light-hover {
  background: #f5f5f5;
}
.uui-info-panel-horizontal.white .info-panel-footer,
.uui-info-panel-vertical.white .info-panel-footer {
  background: #f5f5f5;
}
.uui-info-panel-horizontal.white {
  border: 1px solid #cccccc;
}
.uui-info-panel-vertical.white .info-panel-body {
  border: 1px solid #f5f5f5;
}
.info-panel-section.white {
  background: #ffffff;
}
/*  Raspberry  */
.uui-info-panel-horizontal.raspberry,
.uui-info-panel-vertical.raspberry {
  background: #b22746;
}
.uui-info-panel-horizontal.raspberry .light-hover,
.uui-info-panel-vertical.raspberry .light-hover {
  background: #a72542;
}
.uui-info-panel-horizontal.raspberry .info-panel-footer,
.uui-info-panel-vertical.raspberry .info-panel-footer {
  background: #a72542;
}
.uui-info-panel-horizontal.raspberry .info-panel-section,
.uui-info-panel-vertical.raspberry .info-panel-section {
  color: #ffffff;
}
.info-panel-section.raspberry {
  background: #b22746;
  color: #ffffff;
}
/*  Plum  */
.uui-info-panel-horizontal.plum,
.uui-info-panel-vertical.plum {
  background: #8e244d;
}
.uui-info-panel-horizontal.plum .light-hover,
.uui-info-panel-vertical.plum .light-hover {
  background: #852248;
}
.uui-info-panel-horizontal.plum .info-panel-footer,
.uui-info-panel-vertical.plum .info-panel-footer {
  background: #852248;
}
.uui-info-panel-horizontal.plum .info-panel-section,
.uui-info-panel-vertical.plum .info-panel-section {
  color: #ffffff;
}
.info-panel-section.plum {
  background: #8e244d;
  color: #ffffff;
}
/*  Dark Blue  */
.uui-info-panel-horizontal.dark-blue,
.uui-info-panel-vertical.dark-blue {
  background: #1a9cb0;
}
.uui-info-panel-horizontal.dark-blue .light-hover,
.uui-info-panel-vertical.dark-blue .light-hover {
  background: #1893a5;
}
.uui-info-panel-horizontal.dark-blue .info-panel-footer,
.uui-info-panel-vertical.dark-blue .info-panel-footer {
  background: #1893a5;
}
.uui-info-panel-horizontal.dark-blue .info-panel-section,
.uui-info-panel-vertical.dark-blue .info-panel-section {
  color: #ffffff;
}
.info-panel-section.dark-blue {
  background: #1a9cb0;
  color: #ffffff;
}
/*  Dark Green  */
.uui-info-panel-horizontal.dark-green,
.uui-info-panel-vertical.dark-green {
  background: #7f993a;
}
.uui-info-panel-horizontal.dark-green .light-hover,
.uui-info-panel-vertical.dark-green .light-hover {
  background: #779037;
}
.uui-info-panel-horizontal.dark-green .info-panel-footer,
.uui-info-panel-vertical.dark-green .info-panel-footer {
  background: #779037;
}
.uui-info-panel-horizontal.dark-green .info-panel-section,
.uui-info-panel-vertical.dark-green .info-panel-section {
  color: #ffffff;
}
.info-panel-section.dark-green {
  background: #7f993a;
  color: #ffffff;
}
/*  Medium Gray  */
.uui-info-panel-horizontal.medium-gray,
.uui-info-panel-vertical.medium-gray {
  background: #666666;
}
.uui-info-panel-horizontal.medium-gray .light-hover,
.uui-info-panel-vertical.medium-gray .light-hover {
  background: #525252;
}
.uui-info-panel-horizontal.medium-gray .info-panel-footer,
.uui-info-panel-vertical.medium-gray .info-panel-footer {
  background: #525252;
}
.uui-info-panel-horizontal.medium-gray .info-panel-section,
.uui-info-panel-vertical.medium-gray .info-panel-section {
  color: #ffffff;
}
.info-panel-section.medium-gray {
  background: #666666;
  color: #ffffff;
}
/*  Gray  */
.uui-info-panel-horizontal.gray,
.uui-info-panel-vertical.gray {
  background: #999999;
}
.uui-info-panel-horizontal.gray .light-hover,
.uui-info-panel-vertical.gray .light-hover {
  background: #858585;
}
.uui-info-panel-horizontal.gray .info-panel-footer,
.uui-info-panel-vertical.gray .info-panel-footer {
  background: #858585;
}
.uui-info-panel-horizontal.gray .info-panel-section,
.uui-info-panel-vertical.gray .info-panel-section {
  color: #ffffff;
}
.info-panel-section.gray {
  background: #999999;
  color: #ffffff;
}
/*  Light Gray  */
.uui-info-panel-horizontal.light-gray,
.uui-info-panel-vertical.light-gray {
  background: #cccccc;
}
.uui-info-panel-horizontal.light-gray .light-hover,
.uui-info-panel-vertical.light-gray .light-hover {
  background: #b8b8b8;
}
.uui-info-panel-horizontal.light-gray .info-panel-footer,
.uui-info-panel-vertical.light-gray .info-panel-footer {
  background: #b8b8b8;
}
.uui-info-panel-horizontal.light-gray .info-panel-section,
.uui-info-panel-vertical.light-gray .info-panel-section {
  color: #ffffff;
}
.info-panel-section.light-gray {
  background: #cccccc;
  color: #ffffff;
}
/*  Yellow  */
.uui-info-panel-horizontal.yellow,
.uui-info-panel-vertical.yellow {
  background: #ffdc19;
}
.uui-info-panel-horizontal.yellow .light-hover,
.uui-info-panel-vertical.yellow .light-hover {
  background: #f0cf17;
}
.uui-info-panel-horizontal.yellow .info-panel-footer,
.uui-info-panel-vertical.yellow .info-panel-footer {
  background: #f0cf17;
}
.info-panel-section.yellow {
  background: #ffdc19;
}
/*  Orange  */
.uui-info-panel-horizontal.orange,
.uui-info-panel-vertical.orange {
  background: #ff9b19;
}
.uui-info-panel-horizontal.orange .light-hover,
.uui-info-panel-vertical.orange .light-hover {
  background: #f09217;
}
.uui-info-panel-horizontal.orange .info-panel-footer,
.uui-info-panel-vertical.orange .info-panel-footer {
  background: #f09217;
}
.uui-info-panel-horizontal.orange .info-panel-section,
.uui-info-panel-vertical.orange .info-panel-section {
  color: #ffffff;
}
.info-panel-section.orange {
  background: #ff9b19;
  color: #ffffff;
}
/*  Red  */
.uui-info-panel-horizontal.red,
.uui-info-panel-vertical.red {
  background: #cb2323;
}
.uui-info-panel-horizontal.red .light-hover,
.uui-info-panel-vertical.red .light-hover {
  background: #bf2121;
}
.uui-info-panel-horizontal.red .info-panel-footer,
.uui-info-panel-vertical.red .info-panel-footer {
  background: #bf2121;
}
.uui-info-panel-horizontal.red .info-panel-section,
.uui-info-panel-vertical.red .info-panel-section {
  color: #ffffff;
}
.info-panel-section.red {
  background: #cb2323;
  color: #ffffff;
}
/*  Fuchsia  */
.uui-info-panel-horizontal.fuchsia,
.uui-info-panel-vertical.fuchsia {
  background: #e4445f;
}
.uui-info-panel-horizontal.fuchsia .light-hover,
.uui-info-panel-vertical.fuchsia .light-hover {
  background: #d64059;
}
.uui-info-panel-horizontal.fuchsia .info-panel-footer,
.uui-info-panel-vertical.fuchsia .info-panel-footer {
  background: #d64059;
}
.uui-info-panel-horizontal.fuchsia .info-panel-section,
.uui-info-panel-vertical.fuchsia .info-panel-section {
  color: #ffffff;
}
.info-panel-section.fuchsia {
  background: #e4445f;
  color: #ffffff;
}
/*  Black  */
.uui-info-panel-horizontal.black,
.uui-info-panel-vertical.black {
  background: #333333;
}
.uui-info-panel-horizontal.black .light-hover,
.uui-info-panel-vertical.black .light-hover {
  background: #1f1f1f;
}
.uui-info-panel-horizontal.black .info-panel-footer,
.uui-info-panel-vertical.black .info-panel-footer {
  background: #1f1f1f;
}
.uui-info-panel-horizontal.black .info-panel-section,
.uui-info-panel-vertical.black .info-panel-section {
  color: #ffffff;
}
.info-panel-section.black {
  background: #333333;
  color: #ffffff;
}
/*  Violet  */
.uui-info-panel-horizontal.violet,
.uui-info-panel-vertical.violet {
  background: #8b5a9f;
}
.uui-info-panel-horizontal.violet .light-hover,
.uui-info-panel-vertical.violet .light-hover {
  background: #835595;
}
.uui-info-panel-horizontal.violet .info-panel-footer,
.uui-info-panel-vertical.violet .info-panel-footer {
  background: #835595;
}
.uui-info-panel-horizontal.violet .info-panel-section,
.uui-info-panel-vertical.violet .info-panel-section {
  color: #ffffff;
}
.info-panel-section.violet {
  background: #8b5a9f;
  color: #ffffff;
}
/*  Bg Gray  */
.uui-info-panel-horizontal.bg-gray,
.uui-info-panel-vertical.bg-gray {
  background: #f5f5f5;
}
.uui-info-panel-horizontal.bg-gray .light-hover,
.uui-info-panel-vertical.bg-gray .light-hover {
  background: #e6e6e6;
}
.uui-info-panel-horizontal.bg-gray .info-panel-footer,
.uui-info-panel-vertical.bg-gray .info-panel-footer {
  background: #e6e6e6;
}
.info-panel-section.bg-gray {
  background: #f5f5f5;
}
/*  Dark Bg Gray  */
.uui-info-panel-horizontal.dark-bg-gray,
.uui-info-panel-vertical.dark-bg-gray {
  background: #ebeef0;
}
.uui-info-panel-horizontal.dark-bg-gray .light-hover,
.uui-info-panel-vertical.dark-bg-gray .light-hover {
  background: #dde0e2;
}
.uui-info-panel-horizontal.dark-bg-gray .info-panel-footer,
.uui-info-panel-vertical.dark-bg-gray .info-panel-footer {
  background: #dde0e2;
}
.info-panel-section.dark-bg-gray {
  background: #ebeef0;
}
.popover {
  background-color: #ffffff;
  border-radius: 0;
  border: 1px solid #ffffff;
  z-index: 1001;
  box-shadow: 0 0 3px 0 rgba(51, 51, 51, 0.2);
}
.popover &gt; .arrow {
  border-width: 6px;
}
.popover &gt; .arrow:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
}
.popover &gt; .arrow:after {
  border-width: 6px;
}
.popover-title {
  background: #ffffff;
  color: #666666;
  border-bottom: #ffffff;
  border-radius: 0;
  padding: 7px 10px 2px 10px;
  font-family: 'Oswald Regular', Arial, sans-serif;
  letter-spacing: .25px;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
}
.popover-content {
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 14px;
  color: #999999;
  padding: 2px 12px 10px 12px;
}
.popover.top &gt; .arrow {
  bottom: -7px;
  margin-left: -6px;
  border-top-color: #eee;
}
.popover.top &gt; .arrow:before {
  top: 0;
  left: 50%;
  margin-left: -7px;
  margin-top: -6px;
  border-left: 7px solid transparent;
  border-top: 7px solid rgba(102, 102, 102, 0.1);
  border-right: 7px solid transparent;
}
.popover.top &gt; .arrow:after {
  bottom: 0;
  margin-left: -6px;
}
.popover.right &gt; .arrow {
  left: -7px;
  margin-top: -6px;
  border-right-color: #eee;
}
.popover.right &gt; .arrow:before {
  top: 50%;
  left: -1px;
  margin-top: -7px;
  border-top: 7px solid transparent;
  border-right: 7px solid rgba(102, 102, 102, 0.1);
  border-bottom: 7px solid transparent;
}
.popover.right &gt; .arrow:after {
  bottom: 0;
  left: 0;
  top: 50%;
  margin-top: -6px;
}
.popover.bottom &gt; .arrow {
  top: -7px;
  margin-left: -6px;
  border-bottom-color: #eee;
}
.popover.bottom &gt; .arrow:before {
  top: 0;
  left: 50%;
  margin-left: -7px;
  margin-top: -1px;
  border-left: 7px solid transparent;
  border-bottom: 7px solid rgba(102, 102, 102, 0.1);
  border-right: 7px solid transparent;
}
.popover.bottom &gt; .arrow:after {
  top: 0;
  margin-left: -6px;
}
.popover.left &gt; .arrow {
  right: -7px;
  margin-top: -6px;
  border-left-color: #eee;
}
.popover.left &gt; .arrow:before {
  top: 50%;
  left: -6px;
  margin-top: -7px;
  border-top: 7px solid transparent;
  border-left: 7px solid rgba(102, 102, 102, 0.1);
  border-bottom: 7px solid transparent;
}
.popover.left &gt; .arrow:after {
  right: 0;
  bottom: -6px;
}
/*  Gray  */
.popover.gray {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.popover.gray .popover-title {
  background: #f5f5f5;
  border-bottom: #f5f5f5;
}
.popover.gray.top &gt; .arrow {
  border-top-color: #f5f5f5;
}
.popover.gray.top &gt; .arrow:after {
  border-top-color: #f5f5f5;
}
.popover.gray.bottom &gt; .arrow {
  border-bottom-color: #f5f5f5;
}
.popover.gray.bottom &gt; .arrow:after {
  border-bottom-color: #f5f5f5;
}
.popover.gray.right &gt; .arrow {
  border-right-color: #f5f5f5;
}
.popover.gray.right &gt; .arrow:after {
  border-right-color: #f5f5f5;
}
.popover.gray.left &gt; .arrow {
  border-left-color: #f5f5f5;
}
.popover.gray.left &gt; .arrow:after {
  border-left-color: #f5f5f5;
}
header .uui-header .uui-header-tools &gt; li.uui-profile-menu &gt; a .profile-photo {
  float: left;
  width: 34px;
  height: 34px;
  margin-top: 13px;
  overflow: hidden;
  border-radius: 50%;
}
header .uui-header .uui-header-tools &gt; li.uui-profile-menu &gt; a .profile-photo img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
header .uui-header .uui-header-tools &gt; li.uui-profile-menu .dropdown-menu .profile-links &gt; li.logout &gt; a {
  background: #b22746;
  color: #ffffff;
}
header .uui-header .uui-header-tools &gt; li.uui-profile-menu .dropdown-menu .profile-links &gt; li.logout &gt; a i {
  color: #ffffff;
}
header .uui-header .uui-header-tools &gt; li.uui-profile-menu .dropdown-menu .profile-links &gt; li.logout:hover &gt; a,
header .uui-header .uui-header-tools &gt; li.uui-profile-menu .dropdown-menu .profile-links &gt; li.logout:focus &gt; a {
  background: #8e244d;
  color: #ffffff;
}
header .uui-header .uui-header-tools &gt; li.uui-profile-menu .dropdown-menu .profile-links &gt; li.logout:hover i,
header .uui-header .uui-header-tools &gt; li.uui-profile-menu .dropdown-menu .profile-links &gt; li.logout:focus i {
  color: #ffffff;
}
.uui-person-vertical-profile {
  position: relative;
  background: #ffffff;
}
.uui-person-vertical-profile .person-profile-body {
  position: relative;
  display: table;
  width: 100%;
  background: #cccccc;
}
.uui-person-vertical-profile .person-profile-body .person-profile-section {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  text-align: center;
}
.uui-person-vertical-profile .person-profile-body .person-profile-section .person-profile-info h2 {
  margin-bottom: 0;
  text-transform: none;
}
.uui-person-vertical-profile .person-profile-body .person-profile-section .person-profile-info p {
  font-size: 16px;
}
.uui-person-vertical-profile .person-profile-body .person-profile-section .person-profile-photo {
  width: 116px;
  height: 116px;
  overflow: hidden;
  border-radius: 50%;
  border: 8px solid #ffffff;
  display: inline-block;
  margin: 0 0 -73px 0;
}
.uui-person-vertical-profile .person-profile-body .person-profile-section .person-profile-photo img {
  width: 100px;
  height: auto;
}
.uui-person-vertical-profile .person-profile-footer {
  position: relative;
  display: table;
  width: 100%;
  padding: 73px 0 0 0;
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.uui-person-vertical-profile .person-profile-footer .person-profile-section {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  text-align: center;
}
.uui-person-horizontal-profile {
  position: relative;
  background: #cccccc;
}
.uui-person-horizontal-profile .person-profile-body {
  position: relative;
  display: table;
  width: 100%;
}
.uui-person-horizontal-profile .person-profile-body .person-profile-section {
  display: table-cell;
  vertical-align: middle;
  padding: 15px;
  text-align: left;
}
.uui-person-horizontal-profile .person-profile-body .person-profile-section .person-profile-info {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px;
}
.uui-person-horizontal-profile .person-profile-body .person-profile-section .person-profile-info h2 {
  margin-bottom: 0;
  text-transform: none;
}
.uui-person-horizontal-profile .person-profile-body .person-profile-section .person-profile-info p {
  font-size: 16px;
}
.uui-person-horizontal-profile .person-profile-body .person-profile-section .person-profile-photo {
  width: 116px;
  height: 116px;
  overflow: hidden;
  border-radius: 50%;
  border: 8px solid #e6e6e6;
  display: table-cell;
  margin: 0;
}
.uui-person-horizontal-profile .person-profile-body .person-profile-section .person-profile-photo img {
  width: 100px;
  height: auto;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  .uui-profile-menu &gt; a .profile-name {
    display: none;
  }
}
/* PRIMARY COLORS */
/*  Blue  */
.uui-person-horizontal-profile.blue {
  background: #39c2d7;
}
.uui-person-horizontal-profile.blue .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #63cfe0;
}
.uui-person-horizontal-profile.blue .person-profile-body h2,
.uui-person-horizontal-profile.blue .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.blue .person-profile-body {
  background-color: #39c2d7;
}
.uui-person-vertical-profile.blue .person-profile-body h2,
.uui-person-vertical-profile.blue .person-profile-body p {
  color: #ffffff;
}
/*  Lime Green  */
.uui-person-horizontal-profile.lime-green {
  background: #a3c644;
}
.uui-person-horizontal-profile.lime-green .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #b6d26b;
}
.uui-person-horizontal-profile.lime-green .person-profile-body h2,
.uui-person-horizontal-profile.lime-green .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.lime-green .person-profile-body {
  background-color: #a3c644;
}
.uui-person-vertical-profile.lime-green .person-profile-body h2,
.uui-person-vertical-profile.lime-green .person-profile-body p {
  color: #ffffff;
}
/*  Dark Gray  */
.uui-person-horizontal-profile.dark-gray {
  background: #464547;
}
.uui-person-horizontal-profile.dark-gray .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #605e61;
}
.uui-person-horizontal-profile.dark-gray .person-profile-body h2,
.uui-person-horizontal-profile.dark-gray .person-profile-body p {
  color: #39c2d7;
}
.uui-person-vertical-profile.dark-gray .person-profile-body {
  background-color: #464547;
}
.uui-person-vertical-profile.dark-gray .person-profile-body h2,
.uui-person-vertical-profile.dark-gray .person-profile-body p {
  color: #39c2d7;
}
/*  White  */
.uui-person-horizontal-profile.white {
  background: #ffffff;
  border: 1px solid #cccccc;
}
.uui-person-horizontal-profile.white .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #ebeef0;
}
.uui-person-vertical-profile.white .person-profile-body {
  background-color: #ebeef0;
}
/* SECONDARY COLORS */
/*  Raspberry  */
.uui-person-horizontal-profile.raspberry {
  background: #b22746;
}
.uui-person-horizontal-profile.raspberry .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #d4385b;
}
.uui-person-horizontal-profile.raspberry .person-profile-body h2,
.uui-person-horizontal-profile.raspberry .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.raspberry .person-profile-body {
  background-color: #b22746;
}
.uui-person-vertical-profile.raspberry .person-profile-body h2,
.uui-person-vertical-profile.raspberry .person-profile-body p {
  color: #ffffff;
}
/*  Plum  */
.uui-person-horizontal-profile.plum {
  background: #8e244d;
}
.uui-person-horizontal-profile.plum .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #b72e63;
}
.uui-person-horizontal-profile.plum .person-profile-body h2,
.uui-person-horizontal-profile.plum .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.plum .person-profile-body {
  background-color: #8e244d;
}
.uui-person-vertical-profile.plum .person-profile-body h2,
.uui-person-vertical-profile.plum .person-profile-body p {
  color: #ffffff;
}
/*  Dark Blue  */
.uui-person-horizontal-profile.dark-blue {
  background: #1a9cb0;
}
.uui-person-horizontal-profile.dark-blue .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #21c3dc;
}
.uui-person-horizontal-profile.dark-blue .person-profile-body h2,
.uui-person-horizontal-profile.dark-blue .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.dark-blue .person-profile-body {
  background-color: #1a9cb0;
}
.uui-person-vertical-profile.dark-blue .person-profile-body h2,
.uui-person-vertical-profile.dark-blue .person-profile-body p {
  color: #ffffff;
}
/*  Dark Green  */
.uui-person-horizontal-profile.dark-green {
  background: #7f993a;
}
.uui-person-horizontal-profile.dark-green .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #9cbb4b;
}
.uui-person-horizontal-profile.dark-green .person-profile-body h2,
.uui-person-horizontal-profile.dark-green .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.dark-green .person-profile-body {
  background-color: #7f993a;
}
.uui-person-vertical-profile.dark-green .person-profile-body h2,
.uui-person-vertical-profile.dark-green .person-profile-body p {
  color: #ffffff;
}
/*  Medium Gray  */
.uui-person-horizontal-profile.medium-gray {
  background: #666666;
}
.uui-person-horizontal-profile.medium-gray .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #808080;
}
.uui-person-horizontal-profile.medium-gray .person-profile-body h2,
.uui-person-horizontal-profile.medium-gray .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.medium-gray .person-profile-body {
  background-color: #666666;
}
.uui-person-vertical-profile.medium-gray .person-profile-body h2,
.uui-person-vertical-profile.medium-gray .person-profile-body p {
  color: #ffffff;
}
/*  Gray  */
.uui-person-horizontal-profile.gray {
  background: #999999;
}
.uui-person-horizontal-profile.gray .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #b3b3b3;
}
.uui-person-horizontal-profile.gray .person-profile-body h2,
.uui-person-horizontal-profile.gray .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.gray .person-profile-body {
  background-color: #999999;
}
.uui-person-vertical-profile.gray .person-profile-body h2,
.uui-person-vertical-profile.gray .person-profile-body p {
  color: #ffffff;
}
/* ADDITIONAL COLORS */
/*  Yellow  */
.uui-person-horizontal-profile.yellow {
  background: #ffdc19;
}
.uui-person-horizontal-profile.yellow .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #ffe44c;
}
.uui-person-horizontal-profile.yellow .person-profile-body h2,
.uui-person-horizontal-profile.yellow .person-profile-body p {
  color: #464547;
}
.uui-person-vertical-profile.yellow .person-profile-body {
  background-color: #ffdc19;
}
.uui-person-vertical-profile.yellow .person-profile-body h2,
.uui-person-vertical-profile.yellow .person-profile-body p {
  color: #464547;
}
/*  Orange  */
.uui-person-horizontal-profile.orange {
  background: #ff9b19;
}
.uui-person-horizontal-profile.orange .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #ffb14c;
}
.uui-person-horizontal-profile.orange .person-profile-body h2,
.uui-person-horizontal-profile.orange .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.orange .person-profile-body {
  background-color: #ff9b19;
}
.uui-person-vertical-profile.orange .person-profile-body h2,
.uui-person-vertical-profile.orange .person-profile-body p {
  color: #ffffff;
}
/*  Red  */
.uui-person-horizontal-profile.red {
  background: #cb2323;
}
.uui-person-horizontal-profile.red .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #df4242;
}
.uui-person-horizontal-profile.red .person-profile-body h2,
.uui-person-horizontal-profile.red .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.red .person-profile-body {
  background-color: #cb2323;
}
.uui-person-vertical-profile.red .person-profile-body h2,
.uui-person-vertical-profile.red .person-profile-body p {
  color: #ffffff;
}
/*  Fuchsia  */
.uui-person-horizontal-profile.fuchsia {
  background: #e4445f;
}
.uui-person-horizontal-profile.fuchsia .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #ea7185;
}
.uui-person-horizontal-profile.fuchsia .person-profile-body h2,
.uui-person-horizontal-profile.fuchsia .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.fuchsia .person-profile-body {
  background-color: #e4445f;
}
.uui-person-vertical-profile.fuchsia .person-profile-body h2,
.uui-person-vertical-profile.fuchsia .person-profile-body p {
  color: #ffffff;
}
/*  Black  */
.uui-person-horizontal-profile.black {
  background: #333333;
}
.uui-person-horizontal-profile.black .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #4d4d4d;
}
.uui-person-horizontal-profile.black .person-profile-body h2,
.uui-person-horizontal-profile.black .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.black .person-profile-body {
  background-color: #333333;
}
.uui-person-vertical-profile.black .person-profile-body h2,
.uui-person-vertical-profile.black .person-profile-body p {
  color: #ffffff;
}
/*  Violet  */
.uui-person-horizontal-profile.violet {
  background: #8b5a9f;
}
.uui-person-horizontal-profile.violet .person-profile-body .person-profile-section .person-profile-photo {
  border: 8px solid #a279b3;
}
.uui-person-horizontal-profile.violet .person-profile-body h2,
.uui-person-horizontal-profile.violet .person-profile-body p {
  color: #ffffff;
}
.uui-person-vertical-profile.violet .person-profile-body {
  background-color: #8b5a9f;
}
.uui-person-vertical-profile.violet .person-profile-body h2,
.uui-person-vertical-profile.violet .person-profile-body p {
  color: #ffffff;
}
.uui-progress-bar {
  overflow: hidden;
  border-radius: 8px;
  background: #eeeeee;
  height: 12px;
}
.uui-progress-bar .uui-progress {
  float: left;
  background: #39c2d7;
  height: 12px;
  border-radius: 8px;
}
.uui-progress-bar .uui-stack {
  height: 12px;
}
.uui-progress-bar .uui-stack .uui-progress {
  border-radius: 0;
}
.uui-progress-bar .uui-stack .uui-progress:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.uui-progress-bar .uui-stack .uui-progress:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.uui-progress-bar.small {
  height: 6px;
  border-radius: 3px;
}
.uui-progress-bar.small .uui-progress {
  border-radius: 3px;
  height: 6px;
}
.uui-progress-bar.small .uui-stack .uui-progress {
  border-radius: 0px;
}
.uui-progress-bar.small .uui-stack .uui-progress:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.uui-progress-bar.small .uui-stack .uui-progress:last-child {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.uui-progress-bar.left-label {
  display: table;
  width: 100%;
  background: none;
}
.uui-progress-bar.left-label .progress-bar-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.uui-progress-bar.left-label .progress-bar-wrapper .progress-bar-container {
  background: #eeeeee;
  border-radius: 8px;
  width: 100%;
  height: 12px;
}
.uui-progress-bar.left-label .progress-bar-wrapper .progress-bar-container .uui-progress {
  float: left;
  background: #39c2d7;
  height: 12px;
  border-radius: 8px;
}
.uui-progress-bar.left-label .progress-bar-label-wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 40px;
  text-align: right;
}
.uui-progress-bar.left-label .progress-bar-label-wrapper .progress-bar-label {
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 16px;
  color: #999999;
}
.uui-progress-bar.left-label.small .progress-bar-wrapper .progress-bar-container {
  height: 6px;
  border-radius: 3px;
}
.uui-progress-bar.left-label.small .progress-bar-wrapper .progress-bar-container .uui-progress {
  height: 6px;
  border-radius: 3px;
}
.uui-progress-bar.top-label {
  display: inline-block;
  width: 100%;
  height: auto;
  background: none;
}
.uui-progress-bar.top-label .progress-bar-wrapper {
  display: inline-block;
  width: 100%;
}
.uui-progress-bar.top-label .progress-bar-wrapper .progress-bar-container {
  width: 100%;
  height: 12px;
  background: #eee;
  border-radius: 8px;
}
.uui-progress-bar.top-label .progress-bar-wrapper .progress-bar-container .uui-progress {
  float: left;
  background: #39c2d7;
  height: 12px;
  border-radius: 8px;
}
.uui-progress-bar.top-label .progress-bar-label-wrapper {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.uui-progress-bar.top-label .progress-bar-label-wrapper .progress-bar-label {
  display: inline-block;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 16px;
  color: #999999;
  margin-top: -1px;
  padding-bottom: 3px;
}
.uui-progress-bar.top-label.small .progress-bar-wrapper .progress-bar-container {
  height: 6px;
  border-radius: 3px;
}
.uui-progress-bar.top-label.small .progress-bar-wrapper .progress-bar-container .uui-progress {
  height: 6px;
  border-radius: 3px;
}
/*  Blue  */
.uui-progress-bar.blue .uui-progress {
  background: #39c2d7;
}
.uui-progress-bar .uui-progress.blue {
  background: #39c2d7;
}
/*  Lime Green  */
.uui-progress-bar.lime-green .uui-progress {
  background: #a3c644;
}
.uui-progress-bar .uui-progress.lime-green {
  background: #a3c644;
}
/*  Raspberry  */
.uui-progress-bar.raspberry .uui-progress {
  background: #b22746;
}
.uui-progress-bar .uui-progress.raspberry {
  background: #b22746;
}
/*  Orange  */
.uui-progress-bar.orange .uui-progress {
  background: #ff9b19;
}
.uui-progress-bar .uui-progress.orange {
  background: #ff9b19;
}
/*  Black  */
.uui-progress-bar.black .uui-progress {
  background: #333333;
}
.uui-progress-bar .uui-progress.black {
  background: #333333;
}
.uui-rating {
  display: inline-block;
  vertical-align: bottom;
}
.uui-rating .star {
  float: left;
  font-size: 18px;
  margin: 0 5px 0 0;
  color: #39c2d7;
}
.uui-rating .star:last-child {
  margin: 0;
}
.uui-rating .star:hover {
  cursor: pointer;
}
.uui-rating.error .star {
  color: #e4445f;
}
.uui-rating.disable .star {
  color: #e5e5e5;
}
.uui-rating.disable .star.disable {
  cursor: not-allowed;
}
/*  Lime Green  */
.uui-rating.lime-green .star {
  color: #a3c644;
}
/*  White  */
.uui-rating.white .star {
  color: #ffffff;
}
/*  Medium Gray  */
.uui-rating.medium-gray .star {
  color: #666666;
}
/*  Light Gray  */
.uui-rating.light-gray .star {
  color: #cccccc;
}
/*  Orange  */
.uui-rating.orange .star {
  color: #ff9b19;
}
/*  Fuchsia  */
.uui-rating.fuchsia .star {
  color: #e4445f;
}
/*  Violet  */
.uui-rating.violet .star {
  color: #8b5a9f;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field {
  height: 60px;
  line-height: 60px;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field .uui-search {
  width: 100px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  border: 1px solid #333333;
  background: #333333;
  padding: 0 5px 0 35px;
  border-radius: 25px;
  color: #cccccc;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  transition: width 0.3s ease;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field .uui-search::-webkit-input-placeholder {
  color: #cccccc;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field .uui-search::-moz-placeholder {
  color: #cccccc;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:-ms-input-placeholder {
  color: #cccccc;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus {
  width: 400px;
  background-color: #ffffff;
  color: #464547;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus::-webkit-input-placeholder {
  color: #999999;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus::-moz-placeholder {
  color: #999999;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus:-ms-input-placeholder {
  color: #999999;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field label {
  position: absolute;
  top: 50%;
  left: 23px;
  height: 16px;
  width: 16px;
  margin-top: -8px;
  margin-bottom: 0;
  line-height: normal;
  font-weight: normal;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .search-field label:before {
  width: 16px;
  height: 16px;
  display: inline-block;
  content: '\f002';
  font-family: 'FontAwesome';
  color: #cccccc;
  font-size: 16px;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu {
  width: 400px;
  min-width: 400px;
  right: 9px;
  margin-right: auto;
  background: #ffffff;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-arrow {
  border-color: transparent transparent #ffffff transparent;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll {
  max-height: 225px;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .mCSB_container {
  margin-right: 0;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .mCSB_scrollTools {
  width: 0;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links {
  width: 400px;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li {
  box-shadow: none;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li &gt; a .title {
  color: #666666;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li &gt; a .description {
  font-size: 14px;
  color: #999999;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li &gt; a:hover .title,
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li &gt; a:focus .title {
  color: #333333;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li:hover &gt; a,
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li:focus &gt; a {
  background: #eeeeee;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li.no-results {
  display: none;
  text-align: center;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li.no-results img {
  margin: 30px 10px 15px 10px;
  height: 93px;
  width: auto;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li.no-results h4 {
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 18px;
  color: #999999;
  margin: 0;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .menu-scroll .search-links &gt; li.no-results p {
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 14px;
  color: #cccccc;
  padding-bottom: 25px;
  margin: 0;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .all-results {
  text-align: center;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .all-results &gt; a {
  display: inline-block;
  width: 100%;
  padding: 15px;
  background: #a3c644;
  color: #ffffff;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search .dropdown-menu .all-results &gt; a:hover {
  background: #8cad35;
  text-decoration: none;
}
header .uui-header .uui-header-tools &gt; li.uui-global-search:last-of-type .dropdown-menu {
  right: 18px;
}
header .uui-header .uui-responsive-header .responsive-global-search {
  display: none;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header {
  position: absolute;
  z-index: 1004;
  top: 0;
  left: 0;
  height: 60px;
  width: 100%;
  min-width: 320px;
  background: #ffffff;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper {
  display: table;
  width: 100%;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .search-field {
  display: table-cell;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .search-field .uui-search {
  border: none;
  width: 100%;
  height: 60px;
  padding: 12px 10px 12px 50px;
  font-size: 18px;
  font-family: 'Source Sans Pro Light', Arial, sans-serif;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .search-field label {
  position: absolute;
  top: 50%;
  left: 20px;
  height: 20px;
  width: 20px;
  margin-top: -10px;
  margin-bottom: 0;
  line-height: normal;
  font-weight: normal;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .search-field label:before {
  width: 20px;
  height: 20px;
  display: inline-block;
  content: '\f002';
  font-family: 'FontAwesome';
  color: #cccccc;
  font-size: 20px;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search {
  display: table-cell;
  position: relative;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search span {
  display: block;
  position: absolute;
  height: 2px;
  width: 26px;
  background: #999999;
  top: 29px;
  left: 17px;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search span:nth-child(2) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
header .uui-header .uui-responsive-header .responsive-global-search .search-header .header-wrapper .hide-search.show {
  right: 0;
  opacity: 1;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list {
  position: fixed;
  z-index: 1003;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 320px;
  height: 100%;
  margin-top: 60px;
  background: #f1f1f1;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper {
  display: none;
  height: 100%;
  width: 100%;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results {
  height: 40px;
  text-align: center;
  background: #dddddd;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results &gt; a {
  display: inline-block;
  width: 100%;
  padding: 10px;
  color: #999999;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results &gt; a:hover,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results &gt; a:focus,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .all-results &gt; a:active {
  text-decoration: none;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll {
  width: 100%;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll .mCustomScrollBox .mCSB_container {
  margin-right: 0;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll .mCustomScrollBox .mCSB_scrollTools {
  width: 0;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul {
  width: 100%;
  margin: 0;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li {
  margin-bottom: 0;
  box-shadow: inset 0 -1px #dddddd;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li &gt; a {
  display: block;
  padding: 10px 20px;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li &gt; a:hover,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li &gt; a:focus,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li &gt; a:active {
  text-decoration: none;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li &gt; a p {
  margin-bottom: 0;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li &gt; a p.title {
  font-size: 16px;
  color: #666666;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li &gt; a p.description {
  font-size: 14px;
  color: #999999;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results {
  width: 100%;
  height: 100%;
  text-align: center;
  box-shadow: none;
  display: none;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-content {
  box-sizing: border-box;
  min-height: 100%;
  padding-bottom: 70px;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-content img {
  margin: 50px 10px 20px 10px;
  height: 178px;
  width: auto;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-content h4 {
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 20px;
  color: #666666;
  margin: 0;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-content p {
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 16px;
  color: #999999;
  padding-bottom: 25px;
  margin: 0;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-footer {
  height: 70px;
  margin-top: -70px;
  line-height: 70px;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-footer &gt; a {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  color: #1a9cb0;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 18px;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-footer &gt; a i {
  font-size: 20px;
  margin-right: 10px;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-footer &gt; a:hover,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-footer &gt; a:focus,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results .no-results-footer &gt; a:active {
  text-decoration: none;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results:hover .no-results-footer a,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results:focus .no-results-footer a,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li.no-results:active .no-results-footer a {
  text-decoration: none;
  background: none;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li:hover &gt; a,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li:focus &gt; a {
  background: #dddddd;
}
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li:hover &gt; a p.title,
header .uui-header .uui-responsive-header .responsive-global-search .search-list .list-wrapper .menu-scroll ul &gt; li:focus &gt; a p.title {
  color: #333333;
}
/*  Blue  */
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field .uui-search {
  border: 1px solid #157c8c;
  background: #157c8c;
}
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field .uui-search::-webkit-input-placeholder {
  color: #39c2d7;
}
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field .uui-search::-moz-placeholder {
  color: #39c2d7;
}
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:-ms-input-placeholder {
  color: #39c2d7;
}
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus::-webkit-input-placeholder {
  color: #999999;
}
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus::-moz-placeholder {
  color: #999999;
}
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus:-ms-input-placeholder {
  color: #999999;
}
.uui-header.blue .uui-header-tools &gt; li.uui-global-search .search-field label:before {
  color: #39c2d7;
}
/*  Green  */
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field .uui-search {
  border: 1px solid #667b2f;
  background: #667b2f;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field .uui-search::-webkit-input-placeholder {
  color: #a3c644;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field .uui-search::-moz-placeholder {
  color: #a3c644;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:-ms-input-placeholder {
  color: #a3c644;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus {
  border: 1px solid #ffffff;
  background-color: #ffffff;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus::-webkit-input-placeholder {
  color: #999999;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus::-moz-placeholder {
  color: #999999;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field .uui-search:focus:-ms-input-placeholder {
  color: #999999;
}
.uui-header.green .uui-header-tools &gt; li.uui-global-search .search-field label:before {
  color: #a3c644;
}
.uui-show-text p {
  display: inline;
}
.uui-show-text span {
  cursor: pointer;
  color: #39c2d7;
  white-space: nowrap;
}
.uui-show-text span .fa {
  vertical-align: top;
  padding-left: 2px;
}
.uui-show-text span:hover {
  text-decoration: underline;
}
.uui-slider {
  margin: 12px 0;
}
.uui-slider.ui-slider-horizontal {
  height: 6px;
}
.uui-slider.ui-slider-horizontal .ui-slider-handle {
  top: -0.4em;
  cursor: default;
  height: 1.17em;
  position: absolute;
  width: 1.17em;
  z-index: 2;
}
.uui-slider.ui-slider-horizontal .ui-slider-handle:hover,
.uui-slider.ui-slider-horizontal .ui-slider-handle:focus {
  cursor: pointer;
  top: -0.6em;
  height: 1.56em;
  width: 1.56em;
  margin-left: -0.78em;
}
.uui-slider.ui-slider-vertical {
  width: 6px;
  height: 200px;
}
.uui-slider.ui-slider-vertical .ui-slider-handle {
  left: -0.4em !important;
  cursor: default;
  height: 1.17em;
  position: absolute;
  width: 1.17em;
  z-index: 2;
}
.uui-slider.ui-slider-vertical .ui-slider-handle:hover,
.uui-slider.ui-slider-vertical .ui-slider-handle:focus {
  cursor: pointer;
  left: -0.57em !important;
  height: 1.56em;
  width: 1.56em;
  margin-bottom: -0.78em;
}
.uui-slider.ui-slider-vertical .ui-slider-range {
  width: 100% !important;
}
.uui-slider.ui-widget-content {
  border: none;
  border-radius: 3px;
  background: #e5e5e5;
}
.uui-slider .ui-widget-header {
  border-radius: 3px;
  background: #39c2d7;
}
.uui-slider .ui-state-default,
.uui-slider .ui-widget-content .ui-state-default,
.uui-slider .ui-widget-header .ui-state-default {
  background: #39c2d7;
  border: none;
  border-radius: 50%;
}
.uui-slider.small {
  margin: 9px 0;
}
.uui-slider.small.ui-slider-horizontal {
  height: 3px;
}
.uui-slider.small.ui-slider-horizontal .ui-slider-handle {
  top: -0.25em;
  height: 0.72em;
  width: 0.72em;
  margin-left: -0.38em;
}
.uui-slider.small.ui-slider-horizontal .ui-slider-handle:hover,
.uui-slider.small.ui-slider-horizontal .ui-slider-handle:focus {
  top: -0.4em;
  height: 1em;
  width: 1em;
  margin-left: -0.5em;
}
.uui-slider.small.ui-slider-vertical {
  width: 3px;
  height: 200px;
}
.uui-slider.small.ui-slider-vertical .ui-slider-handle {
  left: -0.25em !important;
  height: 0.72em;
  width: 0.72em;
  margin-bottom: -0.38em;
}
.uui-slider.small.ui-slider-vertical .ui-slider-handle:hover,
.uui-slider.small.ui-slider-vertical .ui-slider-handle:focus {
  left: -0.4em !important;
  height: 1em;
  width: 1em;
  margin-bottom: -0.5em;
}
.uui-slider.small.ui-widget-content {
  border-radius: 2px;
}
.uui-slider.small .ui-widget-header {
  border-radius: 2px;
}
/*  Lime Green  */
.uui-slider.lime-green .ui-widget-header {
  background: #a3c644;
}
.uui-slider.lime-green .ui-state-default,
.uui-slider.lime-green .ui-widget-content .ui-state-default,
.uui-slider.lime-green .ui-widget-header .ui-state-default {
  background: #a3c644;
  border-color: #a3c644;
}
/*  Dark Gray  */
.uui-slider.dark-gray .ui-widget-header {
  background: #464547;
}
.uui-slider.dark-gray .ui-state-default,
.uui-slider.dark-gray .ui-widget-content .ui-state-default,
.uui-slider.dark-gray .ui-widget-header .ui-state-default {
  background: #464547;
  border-color: #464547;
}
/*  Gray  */
.uui-slider.gray .ui-widget-header {
  background: #999999;
}
.uui-slider.gray .ui-state-default,
.uui-slider.gray .ui-widget-content .ui-state-default,
.uui-slider.gray .ui-widget-header .ui-state-default {
  background: #999999;
  border-color: #999999;
}
/* Fuchsia */
.uui-slider.fuchsia .ui-widget-header {
  background: #e4445f;
}
.uui-slider.fuchsia .ui-state-default,
.uui-slider.fuchsia .ui-widget-content .ui-state-default,
.uui-slider.fuchsia .ui-widget-header .ui-state-default {
  background: #e4445f;
  border-color: #e4445f;
}
.uui-switch {
  display: inline-block;
}
.uui-switch .switch-toggle {
  display: none;
}
.uui-switch .switch-toggle + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
  margin-bottom: 0;
  font-weight: normal;
  width: 36px;
  height: 18px;
  border-radius: 18px;
  background: #999999;
  transition: background 0.4s;
}
.uui-switch .switch-toggle + label:before,
.uui-switch .switch-toggle + label:after {
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  bottom: 2px;
  content: '';
}
.uui-switch .switch-toggle + label:before {
  right: 2px;
  border-radius: 18px;
  background: #999999;
  transition: background 0.4s;
}
.uui-switch .switch-toggle + label:after {
  width: 14px;
  background: #ffffff;
  border-radius: 100%;
  transition: margin 0.4s;
}
.uui-switch .switch-toggle:checked + label {
  background: #39c2d7;
}
.uui-switch .switch-toggle:checked + label:before {
  background: #39c2d7;
}
.uui-switch .switch-toggle:checked + label:after {
  margin-left: 18px;
}
.uui-switch .switch-toggle:disabled + label {
  cursor: not-allowed;
  background: #e5e5e5;
}
.uui-switch .switch-toggle:disabled + label:before {
  background: #e5e5e5;
}
.uui-switch .switch-toggle:disabled:checked + label {
  background: #e5e5e5;
}
.uui-switch .switch-toggle:disabled:checked + label:before {
  background: #e5e5e5;
}
.uui-switch.disable .switch-toggle + label {
  cursor: not-allowed;
  background: #e5e5e5;
}
.uui-switch.disable .switch-toggle + label:before {
  background: #e5e5e5;
}
.uui-switch.disable .switch-toggle:checked + label {
  background: #e5e5e5;
}
.uui-switch.disable .switch-toggle:checked + label:before {
  background: #e5e5e5;
}
.uui-switch.switch-text .switch-toggle + label {
  width: 78px;
  height: 24px;
  border-radius: 24px;
}
.uui-switch.switch-text .switch-toggle + label span {
  color: #ffffff;
  font-size: 12px;
  line-height: 24px;
  width: 100%;
  height: 100%;
  position: absolute;
}
.uui-switch.switch-text .switch-toggle + label span.off-text {
  display: block;
  padding-left: 28px;
  padding-right: 10px;
  opacity: 1;
  transition: opacity 0.4s;
}
.uui-switch.switch-text .switch-toggle + label span.on-text {
  display: none;
  padding-right: 28px;
  padding-left: 10px;
  opacity: 0;
  transition: opacity 0.4s;
}
.uui-switch.switch-text .switch-toggle + label:before,
.uui-switch.switch-text .switch-toggle + label:after {
  top: 3px;
  left: 3px;
  bottom: 3px;
}
.uui-switch.switch-text .switch-toggle + label:before {
  right: 3px;
  border-radius: 24px;
}
.uui-switch.switch-text .switch-toggle + label:after {
  width: 18px;
}
.uui-switch.switch-text .switch-toggle:checked + label span.off-text {
  display: none;
  opacity: 0;
}
.uui-switch.switch-text .switch-toggle:checked + label span.on-text {
  display: block;
  opacity: 1;
}
.uui-switch.switch-text .switch-toggle:checked + label:after {
  margin-left: 54px;
}
.uui-switch.switch-text .switch-toggle:disabled + label span {
  color: #cccccc;
}
.uui-switch.switch-text.disable .switch-toggle + label span {
  color: #cccccc;
}
/*  Lime Green  */
.uui-switch.lime-green .switch-toggle:checked + label {
  background: #a3c644;
}
.uui-switch.lime-green .switch-toggle:checked + label:before {
  background: #a3c644;
}
.uui-switch.lime-green .switch-toggle:disabled + label {
  background: #e5e5e5;
}
.uui-switch.lime-green .switch-toggle:disabled + label:before {
  background: #e5e5e5;
}
.uui-switch.lime-green .switch-toggle:disabled:checked + label {
  background: #e5e5e5;
}
.uui-switch.lime-green .switch-toggle:disabled:checked + label:before {
  background: #e5e5e5;
}
.uui-switch.lime-green.disable .switch-toggle + label {
  background: #e5e5e5;
}
.uui-switch.lime-green.disable .switch-toggle + label:before {
  background: #e5e5e5;
}
.uui-switch.lime-green.disable .switch-toggle:checked + label {
  background: #e5e5e5;
}
.uui-switch.lime-green.disable .switch-toggle:checked + label:before {
  background: #e5e5e5;
}
.uui-table {
  width: 100%;
  border: 1px solid #cccccc;
  border-collapse: collapse;
  border-spacing: 0;
}
.uui-table tr {
  border-top: 1px solid #ddd;
}
.uui-table td {
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  font-size: 16px;
  padding: 13px 15px;
  line-height: 21px;
  vertical-align: top;
  color: #666666;
}
.uui-table thead tr {
  border-bottom: 1px solid #cccccc;
}
.uui-table thead tr th {
  font-family: 'Source Sans Pro Semibold', Arial, sans-serif;
  font-size: 16px;
  vertical-align: bottom;
  text-align: left;
  padding: 12px 15px;
  line-height: 1.45;
  font-weight: normal;
  color: #666666;
}
.uui-table tfoot tr {
  border-top: 1px solid #cccccc;
}
.uui-table tfoot tr th {
  font-family: 'Source Sans Pro Semibold', Arial, sans-serif;
  font-size: 16px;
  vertical-align: bottom;
  text-align: left;
  padding: 12px 15px;
  line-height: 1.45;
  font-weight: normal;
  color: #666666;
}
.uui-table.small td {
  font-size: 14px;
  padding: 8px 15px;
  line-height: 1.4;
}
.uui-table.small thead tr th {
  font-size: 14px;
  padding: 8px 15px;
  line-height: 1.4;
}
.uui-table.small tfoot tr th {
  font-size: 14px;
  padding: 8px 15px;
  line-height: 1.4;
}
.uui-table.stripe tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}
.uui-table.border tr td {
  border: 1px solid #cccccc;
}
.uui-table.border tr th {
  border-right: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
}
.uui-table.no-border thead tr {
  border-bottom: none;
}
.uui-table.no-border tr {
  border-top: none;
}
.uui-table.no-border tr th {
  border-right: none;
  border-left: none;
}
.uui-table.no-border tr td {
  border: none;
  line-height: 22px;
}
.uui-table.sort thead th i {
  color: #cccccc;
  margin-left: 10px;
}
.uui-table.sort thead th.hover {
  cursor: pointer;
}
.uui-table.sort thead th.hover:hover {
  color: #333333;
}
.uui-table.sort thead th.hover:hover i {
  color: #333333;
}
.uui-table.sort thead th.active {
  color: #333333;
  border-bottom: 1px solid #333333;
}
.uui-table.sort thead th.active i {
  color: #333333;
}
.uui-table.hover tbody tr:hover {
  background-color: #f5f5f5;
}
.uui-table.treegrid .treegrid-caret {
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  float: left;
  margin: 3px 10px 0 0;
  width: 9px;
}
.uui-table.treegrid.small .treegrid-caret {
  font-size: 14px;
  margin: 2px 10px 0 0;
}
.uui-table.dataTable thead tr th {
  border-bottom: 1px solid #cccccc;
}
.uui-table.dataTable tbody th,
.uui-table.dataTable tbody td {
  padding: 13px 12px;
  line-height: 22px;
}
.uui-table.dataTable.no-footer {
  border-bottom: 1px solid #cccccc;
}
.uui-table.dataTable.stripe tbody tr.odd,
.uui-table.dataTable.display tbody tr.odd {
  background-color: #f5f5f5;
}
.uui-table.dataTable.hover tbody tr:hover {
  background-color: #f5f5f5;
}
.uui-table.dataTable.small tbody td {
  padding: 8px 15px;
}
.dataTables_wrapper .dataTables_length {
  float: right;
  padding: 15px 0 15px 15px;
}
.dataTables_wrapper .dataTables_length label {
  width: 100%;
  font-weight: normal;
  display: inline-block;
  cursor: default;
  margin-bottom: 0;
}
.dataTables_wrapper .dataTables_length label select {
  width: 100px;
  margin: 0 5px;
  min-width: 100px;
  height: 36px;
  padding: 6px 12px;
  font-size: 14px;
  border: 1px solid #cccccc;
  color: #666666;
}
.dataTables_wrapper .dataTables_length label select:hover,
.dataTables_wrapper .dataTables_length label select:focus,
.dataTables_wrapper .dataTables_length label select:active {
  border-color: #999999;
}
.dataTables_wrapper .dataTables_filter {
  float: left;
  padding: 15px 15px 15px 0;
  margin-top: 0;
}
.dataTables_wrapper .dataTables_filter label {
  position: relative;
  width: 100%;
  font-weight: normal;
  display: inline-block;
  margin-bottom: 0;
}
.dataTables_wrapper .dataTables_filter label:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  left: 57px;
  width: 16px;
  height: 16px;
  display: inline-block;
  content: '\f002';
  font-family: 'FontAwesome';
  color: #cccccc;
  font-size: 16px;
}
.dataTables_wrapper .dataTables_filter label input {
  width: 200px;
  margin: 0 0 0 5px;
  min-width: 220px;
  height: 36px;
  padding: 6px 12px 6px 30px;
  font-size: 14px;
  border: 1px solid #cccccc;
  color: #666666;
}
.dataTables_wrapper .dataTables_filter label input:hover,
.dataTables_wrapper .dataTables_filter label input:focus,
.dataTables_wrapper .dataTables_filter label input:active {
  border-color: #999999;
}
.dataTables_wrapper .dataTables_info {
  margin-top: 8px;
  padding: 15px;
}
.dataTables_wrapper .dataTables_paginate {
  padding: 15px;
  margin-top: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  position: relative;
  display: inline-block;
  background: #ffffff;
  border: 1px solid #cccccc;
  color: #999999 !important;
  min-width: 36px;
  height: 36px;
  line-height: 36px;
  padding: 0 6px;
  margin: 0 0 0 -1px;
  white-space: nowrap;
  font-family: 'Oswald Light', Arial, sans-serif;
  font-size: 14px;
  letter-spacing: .25px;
  text-align: center;
  text-transform: uppercase;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  z-index: 1;
  border: 1px solid #39c2d7;
  color: #39c2d7 !important;
  background: #ffffff;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous {
  margin-right: 9px;
  padding: 0 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next {
  margin-left: 8px;
  padding: 0 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  z-index: 1;
  border: 1px solid #39c2d7;
  color: #ffffff !important;
  background: #39c2d7;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 1px solid #39c2d7;
  color: #ffffff !important;
  background: #39c2d7;
  cursor: default;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  border: 1px solid #cccccc;
  color: #cccccc !important;
  background: #e5e5e5;
  z-index: 1;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  border: 1px solid #cccccc;
  color: #cccccc !important;
  background: #e5e5e5;
  cursor: default;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #cccccc;
}
.uui-tabs {
  overflow: hidden;
  width: 100%;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
}
.uui-tabs .tabs-heading {
  float: left;
  width: 100%;
  background: #ffffff;
  border-bottom: 1px solid #e5e5e5;
}
.uui-tabs .tabs-heading .nav-tabs {
  padding: 0 9px;
  border: none;
  height: 48px;
}
.uui-tabs .tabs-heading .nav-tabs &gt; li {
  position: relative;
  height: 100%;
  line-height: 48px;
  margin: 0 9px;
}
.uui-tabs .tabs-heading .nav-tabs a {
  position: relative;
  top: 1px;
  height: 100%;
  line-height: inherit;
  font-family: 'Oswald Regular', Arial, sans-serif;
  text-transform: uppercase;
  border-radius: 0;
  border: none;
  color: #666666;
  letter-spacing: .25px;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
.uui-tabs .tabs-heading .nav-tabs a .additional-text {
  font-family: 'Oswald Regular', Arial, sans-serif;
  font-size: 14px;
  color: #999999;
}
.uui-tabs .tabs-heading .nav-tabs a .uui-label {
  position: relative;
  top: -1px;
  right: 0;
  z-index: 1;
  margin-left: 5px;
  background: transparent;
  color: #e4445f !important;
}
.uui-tabs .tabs-heading .nav-tabs a:hover,
.uui-tabs .tabs-heading .nav-tabs a:focus {
  border: none;
  color: #1a9cb0;
  background: transparent;
}
.uui-tabs .tabs-heading .nav-tabs .active a,
.uui-tabs .tabs-heading .nav-tabs .active a:hover {
  border: none;
  color: #1a9cb0;
  background-color: transparent;
  border-bottom: 2px solid #1a9cb0;
}
.uui-tabs .tabs-body {
  float: left;
  width: 100%;
  border: none;
}
.uui-tabs .tabs-body .tab-content .tab-pane {
  padding: 10px 18px;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs {
  padding: 0;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs {
  overflow: hidden;
  width: 100%;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading {
  float: left;
  width: 100%;
  background: #fafafa;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading .nav-sub-tabs {
  padding: 0 6px;
  border: none;
  height: 36px;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading .nav-sub-tabs &gt; li {
  position: relative;
  height: 100%;
  padding: 6px 0;
  margin: 0;
  float: left;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading .nav-sub-tabs a {
  position: relative;
  height: 100%;
  line-height: inherit;
  font-family: 'Oswald Regular', Arial, sans-serif;
  text-transform: uppercase;
  border-radius: 0;
  border: none;
  color: #999999;
  letter-spacing: .25px;
  padding: 4px 12px;
  margin: 0;
  text-decoration: none;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading .nav-sub-tabs a:hover,
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading .nav-sub-tabs a:focus {
  border: none;
  color: #1a9cb0;
  background: transparent;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading .nav-sub-tabs .active a,
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading .nav-sub-tabs .active a:hover {
  border: none;
  color: #ffffff;
  background-color: #39c2d7;
  border-radius: 12px;
  border-bottom: none;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-body {
  float: left;
  width: 100%;
  border: none;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-body .sub-tab-content {
  padding: 10px 18px;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-body .sub-tab-content .sub-tab-pane {
  display: none;
}
.uui-tabs .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-body .sub-tab-content .sub-tab-pane.active {
  display: block;
}
.uui-tabs.right .tabs-heading ul.nav-tabs {
  float: right;
}
.uui-tabs.right .tabs-body .tab-content .tab-pane.sub-tabs .uui-sub-tabs .sub-tabs-heading .nav-sub-tabs {
  float: right;
}
ul.tagit {
  display: inline-block;
  width: 220px;
  min-height: 36px;
  padding: 2px;
  margin-bottom: 0;
  background: #ffffff;
  border-color: #cccccc;
  font-size: 14px;
  border-radius: 0;
  overflow: visible;
}
ul.tagit:hover {
  border-color: #999999;
}
ul.tagit li {
  margin: 3px;
  display: inline-block;
  float: none;
}
ul.tagit li.tagit-new {
  padding: 0;
  width: 97%;
  height: 24px;
}
ul.tagit li.tagit-new input[type="text"] {
  width: 100%;
  height: 24px;
  padding: 0 6px;
  font-size: 14px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  color: #666666;
}
ul.tagit li.tagit-new input[type="text"]::-webkit-input-placeholder {
  color: #cccccc;
}
ul.tagit li.tagit-new input[type="text"]::-moz-placeholder {
  color: #cccccc;
}
ul.tagit li.tagit-new input[type="text"]:-ms-input-placeholder {
  color: #cccccc;
}
ul.tagit li.tagit-choice {
  border: none;
  background: #eee;
  border-radius: 0;
  height: 24px;
  padding: 2px 24px 2px 6px;
}
ul.tagit li.tagit-choice .tagit-label {
  display: inline-block;
  color: #666666;
  font-size: 14px;
  line-height: 18px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  max-width: 172px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
ul.tagit li.tagit-choice a.tagit-close {
  color: #999999;
  right: 6px;
  line-height: 16px;
}
ul.tagit li.tagit-choice a.tagit-close .text-icon {
  font-size: 21px;
  line-height: 16px;
  color: #999999;
  right: 6px;
}
ul.tagit li.tagit-choice a.tagit-close .text-icon:hover {
  color: #e4445f;
}
ul.tagit li.tagit-choice:hover,
ul.tagit li.tagit-choice.remove {
  background: #eee;
}
ul.tagit.large {
  min-height: 48px;
  padding: 6px;
}
ul.tagit.large li.tagit-new {
  height: 28px;
}
ul.tagit.large li.tagit-new input[type="text"] {
  height: 28px;
  padding: 0 8px;
  font-size: 16px;
}
ul.tagit.large li.tagit-choice {
  height: 28px;
  padding: 4px 24px 3px 6px;
}
ul.tagit.large li.tagit-choice .tagit-label {
  max-width: 166px;
}
ul.tagit.small {
  min-height: 24px;
  padding: 1px;
}
ul.tagit.small li {
  margin: 1px;
}
ul.tagit.small li.tagit-new {
  height: 18px;
  width: 99%;
}
ul.tagit.small li.tagit-new input[type="text"] {
  height: 18px;
  padding: 0 3px 1px 3px;
  font-size: 12px;
  vertical-align: top;
}
ul.tagit.small li.tagit-choice {
  height: 18px;
  padding: 0 24px 1px 6px;
}
ul.tagit.small li.tagit-choice .tagit-label {
  max-width: 184px;
  font-size: 12px;
  line-height: 16px;
}
ul.tagit.disable {
  cursor: not-allowed;
  border-color: #cccccc;
  background: #e5e5e5;
}
ul.tagit.disable li.tagit-new input[type="text"] {
  color: #cccccc;
  cursor: not-allowed;
}
ul.tagit.disable li.tagit-choice .tagit-label {
  color: #cccccc;
}
ul.tagit.disable li.tagit-choice a .tagit-close {
  cursor: not-allowed;
}
ul.tagit.disable li.tagit-choice a .tagit-close .text-icon {
  color: #cccccc;
}
ul.tagit.disable li.tagit-choice a .tagit-close .text-icon:hover {
  color: #cccccc;
}
ul.tagit.error {
  border-color: #e4445f;
}
.tagit-autocomplete.ui-menu {
  padding: 0;
  box-shadow: 0 1px 3px 0 rgba(51, 51, 51, 0.2);
  border: none;
}
.tagit-autocomplete.ui-menu .ui-menu-item {
  font-size: 14px;
  padding: 5px 12px 7px 12px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  color: #999999;
}
.tagit-autocomplete.ui-menu .ui-menu-item:hover {
  background: #eee;
  color: #666666;
}
.tagit-autocomplete.ui-menu .ui-menu-item.ui-state-focus {
  border: none;
  background: #eee;
  font-weight: normal;
  color: #666666;
}
.tagit-autocomplete .ui-widget-content.ui-autocomplete {
  z-index: 1015;
}
.tagit-autocomplete .ui-widget-content.ui-corner-all {
  border-radius: 0;
}
.uui-timeline {
  position: relative;
}
.uui-timeline .date-wrapper .line {
  padding-bottom: 24px;
  border-left: 1px solid #e5e5e5;
  margin: 0 0 0 24px;
  position: relative;
}
.uui-timeline .date-wrapper .line .date {
  padding-left: 20px;
  position: relative;
  text-transform: uppercase;
  margin-bottom: 0;
}
.uui-timeline .date-wrapper .line .date span {
  position: relative;
  color: #cccccc;
  font-size: 16px;
}
.uui-timeline .date-wrapper .line .date:after {
  content: '';
  display: block;
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #cccccc;
  left: -7px;
  top: 3px;
}
.uui-timeline .date-wrapper:first-child .line .date span {
  top: -3px;
}
.uui-timeline .date-wrapper:first-child .line .date:after {
  top: 0;
}
.uui-timeline .date-wrapper:last-child .line {
  padding-bottom: 0;
}
.uui-timeline .date-wrapper:last-child .line .date span {
  top: 3px;
}
.uui-timeline .date-wrapper:last-child .line .date:after {
  top: 6px;
}
.uui-timeline .timeline-wrapper {
  width: 100%;
  list-style: none;
  margin: 0;
}
.uui-timeline .timeline-wrapper .timeline-body {
  display: table;
  width: 100%;
  margin: 0;
}
.uui-timeline .timeline-wrapper .timeline-body .line {
  position: relative;
  padding-bottom: 24px;
  border-left: 1px solid #e5e5e5;
  margin: 0 0 0 24px;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper {
  margin: 0 0 0 -24px;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section {
  display: table-cell;
  vertical-align: top;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.icon {
  position: relative;
  width: 40px;
  padding: 0 12px 0 0;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.icon .timeline-icon {
  position: static;
  z-index: auto;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  float: left;
  color: #ffffff;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 34px;
  border-radius: 50%;
  text-align: center;
  font-size: 16px;
  border: 1px solid #39c2d7;
  background: #39c2d7;
  width: 48px;
  height: 48px;
  line-height: 46px;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.icon .timeline-icon.small {
  width: 24px;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.icon .timeline-icon.large {
  width: 42px;
  height: 42px;
  line-height: 40px;
  font-size: 18px;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  background: transparent;
  color: #39c2d7;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  background: #ffffff !important;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.icon .timeline-icon i {
  font-size: 16px;
  line-height: inherit;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk {
  position: relative;
  display: inline-block;
  float: left;
  padding: 14px 16px;
  background: #ffffff;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.1);
  min-width: 100px;
  min-height: 50px;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 16px;
  left: -8px;
  border-top: 8px solid transparent;
  border-right: 8px solid rgba(102, 102, 102, 0.1);
  border-bottom: 8px solid transparent;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 18px;
  left: -6px;
  border-top: 6px solid transparent;
  border-right: 6px solid #ffffff;
  border-bottom: 6px solid transparent;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk .title {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'Source Sans Pro Bold', Arial, sans-serif;
  color: #333333;
  margin-bottom: 4px;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk .time {
  font-size: 14px;
  margin: 0;
  color: #39c2d7;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk .time i {
  font-size: 16px;
  padding: 0 10px 0 0;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk .time span {
  font-size: 16px;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk .message {
  color: #666666;
}
.uui-timeline.horisontal {
  float: left;
  width: 100%;
  overflow: auto;
}
.uui-timeline.horisontal .timeline-content {
  float: left;
  width: 10000px;
}
.uui-timeline.horisontal .date-wrapper {
  position: relative;
  float: left;
  height: 400px;
  width: 246px;
}
.uui-timeline.horisontal .date-wrapper:first-child .line {
  padding-left: 0;
  left: 50%;
}
.uui-timeline.horisontal .date-wrapper:first-child .line .date {
  right: 50%;
}
.uui-timeline.horisontal .date-wrapper:last-child .line {
  padding-right: 0;
  right: 50%;
}
.uui-timeline.horisontal .date-wrapper:last-child .line .date {
  left: 50%;
}
.uui-timeline.horisontal .date-wrapper .line {
  position: absolute;
  padding: 0 18px;
  margin: 0;
  border-left: none;
  height: 50%;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  margin-bottom: -1px;
  bottom: 50%;
}
.uui-timeline.horisontal .date-wrapper .line .date {
  display: inline-block;
  height: 100%;
  width: 100%;
  padding-left: 0;
  text-align: center;
}
.uui-timeline.horisontal .date-wrapper .line .date span {
  display: inline-block;
  top: 50%;
  margin-top: 60px;
}
.uui-timeline.horisontal .date-wrapper .line .date:after {
  content: '';
  display: block;
  position: absolute;
  height: 13px;
  width: 13px;
  border-radius: 50%;
  background-color: #cccccc;
  left: 50%;
  margin-left: -6px;
  top: 100%;
  margin-top: -6px;
}
.uui-timeline.horisontal .timeline-wrapper {
  position: relative;
  z-index: 1;
  float: left;
  height: 400px;
  width: auto;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body {
  position: relative;
  width: 270px;
  float: left;
  height: 100%;
  margin: 0 -78px 0 0 !important;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body:last-child {
  margin: 0 !important;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body .line {
  position: absolute;
  float: left;
  height: 50%;
  width: 100%;
  padding: 0 12px;
  margin-left: 0;
  border-left: none;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body .line .item-wrapper {
  position: absolute;
  width: 246px;
  float: left;
  margin: 0;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body .line .item-wrapper .date {
  position: absolute;
  left: 70px;
  width: 160px;
  text-align: center;
  font-size: 16px;
  color: #cccccc;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section {
  float: left;
  width: 100%;
  padding: 0;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.icon {
  padding: 0 99px;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk {
  width: 100%;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line {
  border-bottom: 1px solid #cccccc;
  margin-bottom: -1px;
  bottom: 50%;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper {
  margin-bottom: -24px;
  bottom: 0;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.icon {
  padding-top: 12px;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk:before {
  bottom: -16px;
  top: auto;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid rgba(102, 102, 102, 0.1);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk:after {
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-top: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line {
  border-top: 1px solid #cccccc;
  top: 50%;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper {
  margin-top: -26px;
  top: 0;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.icon {
  padding-bottom: 12px;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk:before {
  top: -16px;
  left: 50%;
  margin-left: -8px;
  border-bottom: 8px solid rgba(102, 102, 102, 0.1);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk:after {
  top: -12px;
  left: 50%;
  margin-left: -6px;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
/*  Blue  */
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.blue {
  background: #39c2d7;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.blue .title,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.blue .message,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.blue .time {
  color: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.blue:after {
  border-right-color: #39c2d7;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk.blue:after {
  border-top-color: #39c2d7;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk.blue:after {
  border-bottom-color: #39c2d7;
}
/*  Lime Green  */
.uui-timeline .timeline-wrapper .timeline-body.lime-green .line .item-wrapper .timeline-section.icon .timeline-icon {
  border-color: #a3c644;
  background: #a3c644;
}
.uui-timeline .timeline-wrapper .timeline-body.lime-green .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  border-color: #a3c644;
  background: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body.lime-green .line .item-wrapper .timeline-section.icon .timeline-icon.transparent i {
  color: #a3c644;
}
.uui-timeline .timeline-wrapper .timeline-body.lime-green .line .item-wrapper .timeline-section.desk .timeline-desk .time {
  color: #a3c644;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.lime-green {
  background: #a3c644;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.lime-green .title,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.lime-green .message,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.lime-green .time {
  color: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.lime-green:after {
  border-right-color: #a3c644;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk.lime-green:after {
  border-top-color: #a3c644;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk.lime-green:after {
  border-bottom-color: #a3c644;
}
/*  Dark Gray  */
.uui-timeline .timeline-wrapper .timeline-body.dark-gray .line .item-wrapper .timeline-section.icon .timeline-icon {
  border-color: #464547;
  background: #464547;
}
.uui-timeline .timeline-wrapper .timeline-body.dark-gray .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  border-color: #464547;
  background: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body.dark-gray .line .item-wrapper .timeline-section.icon .timeline-icon.transparent i {
  color: #464547;
}
.uui-timeline .timeline-wrapper .timeline-body.dark-gray .line .item-wrapper .timeline-section.desk .timeline-desk .time {
  color: #464547;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.dark-gray {
  background: #464547;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.dark-gray .title,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.dark-gray .message,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.dark-gray .time {
  color: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.dark-gray:after {
  border-right-color: #464547;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk.dark-gray:after {
  border-top-color: #464547;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk.dark-gray:after {
  border-bottom-color: #464547;
}
/*  Medium Gray  */
.uui-timeline .timeline-wrapper .timeline-body.medium-gray .line .item-wrapper .timeline-section.icon .timeline-icon {
  border-color: #666666;
  background: #666666;
}
.uui-timeline .timeline-wrapper .timeline-body.medium-gray .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  border-color: #666666;
  background: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body.medium-gray .line .item-wrapper .timeline-section.icon .timeline-icon.transparent i {
  color: #666666;
}
.uui-timeline .timeline-wrapper .timeline-body.medium-gray .line .item-wrapper .timeline-section.desk .timeline-desk .time {
  color: #666666;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.medium-gray {
  background: #666666;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.medium-gray .title,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.medium-gray .message,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.medium-gray .time {
  color: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.medium-gray:after {
  border-right-color: #666666;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk.medium-gray:after {
  border-top-color: #666666;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk.medium-gray:after {
  border-bottom-color: #666666;
}
/*  Yellow  */
.uui-timeline .timeline-wrapper .timeline-body.yellow .line .item-wrapper .timeline-section.icon .timeline-icon {
  border-color: #ffdc19;
  background: #ffdc19;
}
.uui-timeline .timeline-wrapper .timeline-body.yellow .line .item-wrapper .timeline-section.icon .timeline-icon i {
  color: #464547;
}
.uui-timeline .timeline-wrapper .timeline-body.yellow .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  border-color: #ffdc19;
  background: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body.yellow .line .item-wrapper .timeline-section.icon .timeline-icon.transparent i {
  color: #464547;
}
.uui-timeline .timeline-wrapper .timeline-body.yellow .line .item-wrapper .timeline-section.desk .timeline-desk .time {
  color: #333333;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.yellow {
  background: #ffdc19;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.yellow .title,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.yellow .message,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.yellow .time {
  color: #464547;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.yellow:after {
  border-right-color: #ffdc19;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk.yellow:after {
  border-top-color: #ffdc19;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk.yellow:after {
  border-bottom-color: #ffdc19;
}
/*  Orange  */
.uui-timeline .timeline-wrapper .timeline-body.orange .line .item-wrapper .timeline-section.icon .timeline-icon {
  border-color: #ff9b19;
  background: #ff9b19;
}
.uui-timeline .timeline-wrapper .timeline-body.orange .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  border-color: #ff9b19;
  background: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body.orange .line .item-wrapper .timeline-section.icon .timeline-icon.transparent i {
  color: #ff9b19;
}
.uui-timeline .timeline-wrapper .timeline-body.orange .line .item-wrapper .timeline-section.desk .timeline-desk .time {
  color: #ff9b19;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.orange {
  background: #ff9b19;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.orange .title,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.orange .message,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.orange .time {
  color: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.orange:after {
  border-right-color: #ff9b19;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk.orange:after {
  border-top-color: #ff9b19;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk.orange:after {
  border-bottom-color: #ff9b19;
}
/*  Fuchsia  */
.uui-timeline .timeline-wrapper .timeline-body.fuchsia .line .item-wrapper .timeline-section.icon .timeline-icon {
  border-color: #e4445f;
  background: #e4445f;
}
.uui-timeline .timeline-wrapper .timeline-body.fuchsia .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  border-color: #e4445f;
  background: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body.fuchsia .line .item-wrapper .timeline-section.icon .timeline-icon.transparent i {
  color: #e4445f;
}
.uui-timeline .timeline-wrapper .timeline-body.fuchsia .line .item-wrapper .timeline-section.desk .timeline-desk .time {
  color: #e4445f;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.fuchsia {
  background: #e4445f;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.fuchsia .title,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.fuchsia .message,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.fuchsia .time {
  color: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.fuchsia:after {
  border-right-color: #e4445f;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk.fuchsia:after {
  border-top-color: #e4445f;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk.fuchsia:after {
  border-bottom-color: #e4445f;
}
/*  Violet  */
.uui-timeline .timeline-wrapper .timeline-body.violet .line .item-wrapper .timeline-section.icon .timeline-icon {
  border-color: #8b5a9f;
  background: #8b5a9f;
}
.uui-timeline .timeline-wrapper .timeline-body.violet .line .item-wrapper .timeline-section.icon .timeline-icon.transparent {
  border-color: #8b5a9f;
  background: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body.violet .line .item-wrapper .timeline-section.icon .timeline-icon.transparent i {
  color: #8b5a9f;
}
.uui-timeline .timeline-wrapper .timeline-body.violet .line .item-wrapper .timeline-section.desk .timeline-desk .time {
  color: #8b5a9f;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.violet {
  background: #8b5a9f;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.violet .title,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.violet .message,
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.violet .time {
  color: #ffffff;
}
.uui-timeline .timeline-wrapper .timeline-body .line .item-wrapper .timeline-section.desk .timeline-desk.violet:after {
  border-right-color: #8b5a9f;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.top .line .item-wrapper .timeline-section.desk .timeline-desk.violet:after {
  border-top-color: #8b5a9f;
}
.uui-timeline.horisontal .timeline-wrapper .timeline-body.bottom .line .item-wrapper .timeline-section.desk .timeline-desk.violet:after {
  border-bottom-color: #8b5a9f;
}
.uui-timepicker {
  display: inline-block;
  border: 1px solid #cccccc;
  position: relative;
  width: 80px;
  height: 36px;
  background: #ffffff;
}
.uui-timepicker:hover,
.uui-timepicker.focus {
  border-color: #999999;
}
.uui-timepicker .uui-form-element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  border: none;
  background: transparent;
}
.uui-timepicker.large {
  height: 48px;
  width: 100px;
}
.uui-timepicker.large .uui-form-element {
  padding: 10px 18px;
}
.uui-timepicker.small {
  height: 24px;
  width: 60px;
}
.uui-timepicker.small .uui-form-element {
  padding: 1px 6px 3px 6px;
  font-size: 12px;
}
.uui-timepicker.disable {
  cursor: not-allowed;
  background: #e5e5e5;
  border-color: #cccccc;
}
.uui-timepicker.disable .uui-form-element {
  cursor: not-allowed;
  color: #cccccc;
}
.uui-timepicker.error {
  border-color: #e4445f;
}
.uui-timepicker.time-button {
  width: 110px;
}
.uui-timepicker.time-button .uui-form-element {
  min-width: 82px;
  padding-right: 40px;
}
.uui-timepicker.time-button .add-on {
  width: 100%;
  height: 100%;
  padding: 7px 12px 6px 82px;
  border: none;
  background: transparent;
}
.uui-timepicker.time-button .add-on i {
  font-size: 16px;
  color: #cccccc;
}
.uui-timepicker.time-button:hover .add-on i,
.uui-timepicker.time-button.focus .add-on i {
  color: #39c2d7;
}
.uui-timepicker.time-button.large {
  width: 130px;
}
.uui-timepicker.time-button.large .uui-form-element {
  min-width: 88px;
  padding-right: 60px;
}
.uui-timepicker.time-button.large .add-on {
  padding: 9px 18px 12px 88px;
}
.uui-timepicker.time-button.large .add-on i {
  font-size: 24px;
}
.uui-timepicker.time-button.small {
  width: 80px;
}
.uui-timepicker.time-button.small .uui-form-element {
  min-width: 62px;
  padding-right: 22px;
}
.uui-timepicker.time-button.small .add-on {
  padding: 0 6px 0 62px;
}
.uui-timepicker.time-button.small .add-on i {
  font-size: 12px;
}
.uui-timepicker.time-button.disable .add-on {
  cursor: not-allowed;
}
.uui-timepicker.time-button.disable .add-on i {
  color: #cccccc;
}
.bootstrap-timepicker-widget {
  width: 160px;
  height: 108px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom {
  margin-top: -9px;
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
  bottom: -8px;
  border-top: 8px solid rgba(102, 102, 102, 0.1);
}
.bootstrap-timepicker-widget.timepicker-orient-top {
  margin-top: 9px;
}
.bootstrap-timepicker-widget.timepicker-orient-left:before {
  left: 5px;
}
.bootstrap-timepicker-widget.timepicker-orient-top:before {
  top: -8px;
}
.bootstrap-timepicker-widget.dropdown-menu {
  border-radius: 0;
  border: none;
  box-shadow: 0 0 3px 0 rgba(51, 51, 51, 0.2);
  padding: 0 12px;
}
.bootstrap-timepicker-widget.dropdown-menu:before {
  border-bottom-color: rgba(102, 102, 102, 0.1);
  border-bottom-width: 8px;
  border-left-width: 8px;
  border-right-width: 8px;
}
.bootstrap-timepicker-widget.dropdown-menu.timepicker-orient-bottom:before {
  border-top-color: #eee;
}
.bootstrap-timepicker-widget.dropdown-menu table {
  height: 100%;
}
.bootstrap-timepicker-widget.dropdown-menu table tr td {
  height: 36px;
  width: 36px;
  padding: 0;
  vertical-align: middle;
}
.bootstrap-timepicker-widget.dropdown-menu table tr td input {
  width: 36px;
  height: 36px;
  border-radius: 0;
  font-size: 14px;
  border: 1px solid #cccccc;
  padding: 6px 0;
  color: #666666;
}
.bootstrap-timepicker-widget.dropdown-menu table tr td input:hover,
.bootstrap-timepicker-widget.dropdown-menu table tr td input:focus {
  border-color: #999999;
}
.bootstrap-timepicker-widget.dropdown-menu table tr td a {
  padding: 0;
  border: none;
  color: #999999;
}
.bootstrap-timepicker-widget.dropdown-menu table tr td a .glyphicon {
  font-size: 18px;
  color: #999999;
  top: 0;
  font-weight: normal;
  font-family: inherit;
  line-height: normal;
}
.bootstrap-timepicker-widget.dropdown-menu table tr td a .glyphicon.glyphicon-chevron-up:before {
  font-family: 'FontAwesome';
  content: "\f106";
}
.bootstrap-timepicker-widget.dropdown-menu table tr td a .glyphicon.glyphicon-chevron-down:before {
  font-family: 'FontAwesome';
  content: "\f107";
}
.bootstrap-timepicker-widget.dropdown-menu table tr td a:hover {
  border-radius: 0;
  border: none;
  background-color: #ffffff;
}
.bootstrap-timepicker-widget.dropdown-menu table tr td a:hover .glyphicon {
  color: #39c2d7;
}
/* Lime-green */
.uui-timepicker.lime-green.time-button:hover .add-on i {
  color: #a3c644;
}
.bootstrap-timepicker-widget.lime-green.dropdown-menu table tr td a:hover .glyphicon {
  color: #a3c644;
}
/* Dark Gray */
.uui-timepicker.dark-gray.time-button:hover .add-on i {
  color: #464547;
}
.bootstrap-timepicker-widget.dark-gray.dropdown-menu table tr td a:hover .glyphicon {
  color: #464547;
}
/* Fuchsia */
.uui-timepicker.fuchsia.time-button:hover .add-on i {
  color: #e4445f;
}
.bootstrap-timepicker-widget.fuchsia.dropdown-menu table tr td a:hover .glyphicon {
  color: #e4445f;
}
.tooltip {
  z-index: 1001;
}
.tooltip-inner {
  background: #ffffff;
  color: #666666;
  border-radius: 0;
  font-size: 14px;
  padding: 2px 11px;
  font-family: 'Source Sans Pro Regular', Arial, sans-serif;
  letter-spacing: .25px;
  box-shadow: 0 0 3px rgba(51, 51, 51, 0.2);
}
.tooltip.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.tooltip .tooltip-arrow {
  border: none;
}
.tooltip .tooltip-arrow:before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
}
.tooltip .tooltip-arrow:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
}
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow {
  margin-top: 0;
}
.tooltip.top .tooltip-arrow:before,
.tooltip.top-left .tooltip-arrow:before,
.tooltip.top-right .tooltip-arrow:before {
  left: -2px;
  margin-top: -5px;
  border-left: 7px solid transparent;
  border-top: 7px solid rgba(102, 102, 102, 0.1);
  border-right: 7px solid transparent;
}
.tooltip.top .tooltip-arrow:after,
.tooltip.top-left .tooltip-arrow:after,
.tooltip.top-right .tooltip-arrow:after {
  left: -1px;
  margin-top: -5px;
  border-left: 6px solid transparent;
  border-top: 6px solid #ffffff;
  border-right: 6px solid transparent;
}
.tooltip.right .tooltip-arrow {
  margin-top: 0;
}
.tooltip.right .tooltip-arrow:before {
  left: -2px;
  margin-top: -7px;
  border-top: 7px solid transparent;
  border-right: 7px solid rgba(102, 102, 102, 0.1);
  border-bottom: 7px solid transparent;
}
.tooltip.right .tooltip-arrow:after {
  left: -1px;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-right: 6px solid #ffffff;
  border-bottom: 6px solid transparent;
}
.tooltip.left .tooltip-arrow {
  margin-top: 0;
}
.tooltip.left .tooltip-arrow:before {
  left: -5px;
  margin-top: -7px;
  border-top: 7px solid transparent;
  border-left: 7px solid rgba(102, 102, 102, 0.1);
  border-bottom: 7px solid transparent;
}
.tooltip.left .tooltip-arrow:after {
  left: -5px;
  margin-top: -6px;
  border-top: 6px solid transparent;
  border-left: 6px solid #ffffff;
  border-bottom: 6px solid transparent;
}
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow {
  margin-top: 0;
}
.tooltip.bottom .tooltip-arrow:before,
.tooltip.bottom-left .tooltip-arrow:before,
.tooltip.bottom-right .tooltip-arrow:before {
  left: -2px;
  margin-top: -2px;
  border-left: 7px solid transparent;
  border-bottom: 7px solid rgba(102, 102, 102, 0.1);
  border-right: 7px solid transparent;
}
.tooltip.bottom .tooltip-arrow:after,
.tooltip.bottom-left .tooltip-arrow:after,
.tooltip.bottom-right .tooltip-arrow:after {
  left: -1px;
  margin-top: -1px;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-right: 6px solid transparent;
}
/*  Blue  */
.tooltip.blue.top .tooltip-arrow:after,
.tooltip.blue.top-left .tooltip-arrow:after,
.tooltip.blue.top-right .tooltip-arrow:after {
  border-top: 6px solid #39c2d7;
}
.tooltip.blue.right .tooltip-arrow:after {
  border-right: 6px solid #39c2d7;
}
.tooltip.blue.left .tooltip-arrow:after {
  border-left: 6px solid #39c2d7;
}
.tooltip.blue.bottom .tooltip-arrow:after,
.tooltip.blue.bottom-left .tooltip-arrow:after,
.tooltip.blue.bottom-right .tooltip-arrow:after {
  border-bottom: 6px solid #39c2d7;
}
.tooltip.blue .tooltip-inner {
  background: #39c2d7;
  color: #ffffff;
}
/*  Lime Green  */
.tooltip.lime-green.top .tooltip-arrow:after,
.tooltip.lime-green.top-left .tooltip-arrow:after,
.tooltip.lime-green.top-right .tooltip-arrow:after {
  border-top: 6px solid #a3c644;
}
.tooltip.lime-green.right .tooltip-arrow:after {
  border-right: 6px solid #a3c644;
}
.tooltip.lime-green.left .tooltip-arrow:after {
  border-left: 6px solid #a3c644;
}
.tooltip.lime-green.bottom .tooltip-arrow:after,
.tooltip.lime-green.bottom-left .tooltip-arrow:after,
.tooltip.lime-green.bottom-right .tooltip-arrow:after {
  border-bottom: 6px solid #a3c644;
}
.tooltip.lime-green .tooltip-inner {
  background: #a3c644;
  color: #ffffff;
}
/*  Gray  */
.tooltip.gray.top .tooltip-arrow:after,
.tooltip.gray.top-left .tooltip-arrow:after,
.tooltip.gray.top-right .tooltip-arrow:after {
  border-top: 6px solid #e5e5e5;
}
.tooltip.gray.right .tooltip-arrow:after {
  border-right: 6px solid #e5e5e5;
}
.tooltip.gray.left .tooltip-arrow:after {
  border-left: 6px solid #e5e5e5;
}
.tooltip.gray.bottom .tooltip-arrow:after,
.tooltip.gray.bottom-left .tooltip-arrow:after,
.tooltip.gray.bottom-right .tooltip-arrow:after {
  border-bottom: 6px solid #e5e5e5;
}
.tooltip.gray .tooltip-inner {
  background: #e5e5e5;
}
/*  Fuchsia  */
.tooltip.fuchsia.top .tooltip-arrow:after,
.tooltip.fuchsia.top-left .tooltip-arrow:after,
.tooltip.fuchsia.top-right .tooltip-arrow:after {
  border-top: 6px solid #e4445f;
}
.tooltip.fuchsia.right .tooltip-arrow:after {
  border-right: 6px solid #e4445f;
}
.tooltip.fuchsia.left .tooltip-arrow:after {
  border-left: 6px solid #e4445f;
}
.tooltip.fuchsia.bottom .tooltip-arrow:after,
.tooltip.fuchsia.bottom-left .tooltip-arrow:after,
.tooltip.fuchsia.bottom-right .tooltip-arrow:after {
  border-bottom: 6px solid #e4445f;
}
.tooltip.fuchsia .tooltip-inner {
  background: #e4445f;
  color: #ffffff;
}
/*  Black  */
.tooltip.black.top .tooltip-arrow:after,
.tooltip.black.top-left .tooltip-arrow:after,
.tooltip.black.top-right .tooltip-arrow:after {
  border-top: 6px solid #333333;
}
.tooltip.black.right .tooltip-arrow:after {
  border-right: 6px solid #333333;
}
.tooltip.black.left .tooltip-arrow:after {
  border-left: 6px solid #333333;
}
.tooltip.black.bottom .tooltip-arrow:after,
.tooltip.black.bottom-left .tooltip-arrow:after,
.tooltip.black.bottom-right .tooltip-arrow:after {
  border-bottom: 6px solid #333333;
}
.tooltip.black .tooltip-inner {
  background: #333333;
  color: #ffffff;
}
</pre></body></html>