/*
Main compiler file for a styling related files  for AXD.
*/
/* Libraries */
:root {
  --top-bar:                                  55px;
  --secondary-bar:                            50px;
  --footer:                                   50px;
  --overall-margin:                           0.9375rem;
  --ui-padding:                               0.9375rem;
  --light-gray:                              #EEEEEE;
  --lightest-gray:                           #f6f6f6;
  --light-text:                              #999999;
  --transition-ease:                          all 0.4m ease; }

/* Partials */
/*
======================================================================
Spacing
======================================================================
*/
.xd-grid-padding {
  padding: 0.625rem; }

.xd-no-padding {
  padding: 0 !important; }

.xd-padding-1 {
  padding: 0.9375rem; }

.xd-padding-2 {
  padding: 2em; }

.xd-padding-3 {
  padding: 3em; }

.xd-no-padding-top {
  padding-top: 0 !important; }

.xd-no-padding-bottom {
  padding-bottom: 0 !important; }

.xd-sm-padding-top-1 {
  padding-top: 1em !important; }

.xd-sm-padding-top-2 {
  padding-top: 2em !important; }

.xd-sm-padding-top-3 {
  padding-top: 3em !important; }

.xd-sm-padding-bottom-1 {
  padding-bottom: 1em !important; }

.xd-sm-padding-bottom-2 {
  padding-bottom: 2em !important; }

.xd-horizontal-padding-1 {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem; }

.xd-horizontal-padding-05 {
  padding-right: 0.5em;
  padding-left: 0.5em; }

.xd-sm-padding-bottom-1 {
  padding-bottom: 1em !important; }

.xd-sm-padding-bottom-2 {
  padding-bottom: 2em !important; }

.xd-sm-padding-right-05 {
  padding-right: 0.5em !important; }

.xd-sm-padding-left-05 {
  padding-left: 0.5em !important; }

.xd-sm-padding-right-1 {
  padding-right: 1em !important; }

.xd-sm-padding-left-1 {
  padding-left: 1em !important; }

.margin-minus-top-1 {
  margin-top: -1em; }

.margin-minus-right-1 {
  margin-right: -1em; }

.margin-minus-left-1 {
  margin-left: -1em; }

.xd-no-margin {
  margin: 0 !important; }

.xd-no-margin-top {
  margin-top: 0 !important; }

.xd-margin-1 {
  margin: 1em; }

.xd-sm-margin-top-05 {
  margin-top: 0.5em !important; }

.xd-sm-margin-top-1 {
  margin-top: 1em !important; }

.xd-sm-margin-top-2 {
  margin-top: 2em !important; }

.xd-no-margin-bottom {
  margin-bottom: 0 !important; }

.xd-sm-margin-bottom-1 {
  margin-bottom: 1em !important; }

.xd-sm-margin-bottom-2 {
  margin-bottom: 2em !important; }

.xd-sm-margin-right-05 {
  margin-right: 0.5em !important; }

.xd-sm-margin-left-05 {
  margin-left: 0.5em !important; }

.xd-sm-margin-right-1 {
  margin-right: 1em !important; }

.xd-sm-margin-left-1 {
  margin-left: 1em !important; }

.xd-hidden, .xd-invisible {
  display: none; }

.xd-margin-top-1 {
  margin-top: 1em !important; }

.xd-margin-top-2 {
  margin-top: 2em; }

.xd-margin-bottom-1 {
  margin-bottom: 1em; }

.xd-margin-bottom-2 {
  margin-bottom: 2em; }

.xd-vertical-margin-1 {
  margin-top: 1em;
  margin-bottom: 1em; }

.xd-vertical-margin-2 {
  margin-top: 2em;
  margin-bottom: 2em; }

.xd-horizontal-margin-1 {
  margin-right: 1em;
  margin-left: 1em; }

.xd-vertical-padding-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.xd-vertical-padding-05 {
  padding-top: 0.5em !important;
  padding-bottom: 0.5em !important; }

.xd-vertical-padding-1 {
  padding-top: 1em !important;
  padding-bottom: 1em !important; }

.xd-vertical-padding-2 {
  padding-top: 2em !important;
  padding-bottom: 2em !important; }

.xd-vertical-padding-3 {
  padding-top: 3em !important;
  padding-bottom: 3em !important; }

.card {
  border-style: solid;
  border-color: #DDDDDD;
  border-width: 1px;
  border-radius: 3px;
  position: relative;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .card:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.card--name-card .card__header {
  border-bottom: 1px solid #DDDDDD;
  padding: 0.5em 1em; }

.card--name-card .card__header-title {
  font-weight: bold;
  font-size: 18px; }

.card .card-section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.card .email-address {
  color: #29B6F6;
  text-decoration: underline; }

.card-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0.5em 0; }

.card-actions.splitter {
  border-left: 1px solid #DDDDDD; }

.card-actions .xd-icon {
  margin: 0 0.3em; }

.card-actions .warning-status {
  color: #FF9800; }

.card-list {
  padding: 0 1em;
  margin-top: 1em; }
  .card-list ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .card-list li {
    border-top: 1px solid #CCCCCC;
    padding: 0.5em 1em;
    margin: 0 -1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .card-list li:hover {
      background: #EEEEEE; }
  .card-list .card-label {
    margin-bottom: 0.5em;
    display: block; }
  .card-list [type='checkbox'] + label, .card-list [type='radio'] + label {
    margin-left: 0; }

.card-image {
  padding: 1em; }

.switch-active, .switch-inactive {
  font-size: 90%;
  text-transform: uppercase;
  font-weight: 500; }

.card .card-divider {
  border-bottom: 1px solid #CCCCCC;
  padding: 0.5rem 1rem; }

.card .card-floating-label {
  left: 16px;
  padding: 6px;
  top: 7px; }

.card.xd-gray-card .card-section.xd-top {
  background: white; }

.card.xd-gray-card .card-section.xd-top img {
  width: 80%; }

.card.xd-gray-card .card-section.xd-bottom {
  background: #EFEFEF;
  min-height: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.5em; }

.card.xd-accent-hover:hover .xd-bottom {
  background: #59B267; }

.card .card-label, .card .xd-label {
  font-weight: bold; }

.card.xd-content-card .card-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  background: #e6e6e6;
  padding: 0.5em 1em; }

.card.xd-content-card .card-header .card-title {
  font-size: 1.2em; }

.card.xd-content-card .card-header .card-title a {
  color: #333333;
  text-decoration: underline;
  font-weight: bold;
  font-size: 0.8em; }

.card.xd-content-card .card-header .header-image img {
  width: 30px;
  height: 30px;
  border-radius: 3px; }

.card.xd-content-card .card-header img.xd-icons {
  margin-right: 1em; }

.card img.xd-icons {
  width: 30px;
  border-radius: 3px; }

.card .stat {
  font-size: 1.2em; }

.card.xd-black {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #333333; }

.card.xd-black .card-header {
  background: #333333;
  padding: 0.5em 1em; }

.card.xd-black .card-header .card-title {
  color: white; }

.card.xd-black .card-header .button.xd-secondary {
  background: transparent;
  border-color: white;
  color: white; }

.card.xd-black .card-header .button.xd-secondary:hover {
  background: white;
  color: #4FC3F7; }

.card-title a {
  color: #333;
  text-decoration: underline; }

.card-footer {
  padding: 0.75rem 0.9375rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  width: 100%;
  min-height: 50px; }
  .card-footer .button-group, .card-footer .button-set, .card-footer .button {
    margin: 0; }

.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px); }

.card-footer-button {
  border-top: 1px solid #CCCCCC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1em; }

.card-footer-button .clickable, .card-footer-button a {
  text-decoration: underline;
  color: #333333; }

.card-footer-button .xd-icons {
  color: #333333; }

.card-footer-button:hover {
  background: #4FC3F7;
  border-top: 1px solid #4FC3F7;
  color: white; }

.card-footer-button:hover .clickable, .card-footer-button:hover a {
  color: white; }

.card-footer-button:hover .xd-icons {
  color: white; }

.card-tag {
  position: absolute;
  top: 46px;
  right: 9px;
  z-index: 99; }

.card-labels {
  padding: 1em; }

.card-footer .card-labels {
  padding: 0; }

.label-item {
  padding: 0.5em;
  background: #EEEEEE;
  text-align: center;
  border-radius: 0;
  display: inline-block; }
  .label-item.info {
    background: #29B6F6;
    color: white; }
  .label-item.priority {
    background: #e53935;
    color: white; }
  .label-item.warning {
    background: #FF9800;
    color: white; }
  .label-item.success {
    background: #43A047;
    color: white; }

.card .qty {
  max-width: 100px; }

.card-list-header {
  margin: 1em 1em 0; }

.card-list-header .heading {
  font-weight: bold; }

.card-list-header .xd-checkbox, .card-list-header .xd-radio {
  padding: 0; }

.card-list .xd-checkbox, .card-list .xd-radio {
  padding: 0; }

.card-list .xd-checkbox .checkmark, .card-list .xd-radio .checkmark, .card-list-header .xd-checkbox .checkmark, .card-list-header .xd-radio .checkmark {
  position: relative; }

.card-list .card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.card-list .card, .card-list .card * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.card-grid {
  padding: 1em;
  position: relative; }

.open-card {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-left: 1px solid #ddd;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  width: 30px; }

.open-card .toggle-icon {
  -webkit-transition: all 0.5s linear 0.2s;
  -o-transition: all 0.5s linear 0.2s;
  transition: all 0.5s linear 0.2s;
  font-size: 1.4em; }

.card-expanded {
  background: #EEE;
  display: none;
  padding: 1em;
  border-top: 1px solid #ddd; }

.card.status {
  border-width: 0 0 0 5px;
  border-style: solid; }
  .card.status.primary {
    border-color: #29B6F6; }
  .card.status.alert {
    border-color: #e53935; }
  .card.status.warning {
    border-color: #FF9800; }
  .card.status.success {
    border-color: #43A047; }

.box-demo {
  background: #EEEEEE;
  border: 1px solid #CCCCCC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2em 1em;
  height: 100%;
  font-weight: bold;
  font-size: 2em; }

.xd-stack-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.xd-align--middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.xd-align--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.xd-align--right, .align-right {
  right: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-left: auto !important; }

.xd-align--left, .align-left {
  left: 0;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: auto !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.xd-align--center-middle {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }

.cell.align-right, .cell.align-left, .cell.align-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.content-align-right {
  text-align: right; }

.content-align-left {
  text-align: left; }

.content-align-center {
  text-align: center; }

.xd-bar.top-bar {
  background: #00723A;
  height: 60px;
  position: fixed;
  z-index: 9999;
  width: 100%;
  padding: 0 0.9375rem; }

.xd-bar.top-bar ul {
  background: inherit;
  height: auto; }

.xd-bar.top-bar ul li {
  color: white; }

.xd-bar.top-bar ul li a {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  text-decoration: none !important;
  padding: 0.5em; }
  .xd-bar.top-bar ul li a:hover, .xd-bar.top-bar ul li a:active, .xd-bar.top-bar ul li a:focus {
    color: white; }

.xd-bar.top-bar ul li a:after {
  border-color: white transparent transparent !important; }

.xd-bar.top-bar ul li.is-dropdown-submenu-item {
  padding: 0; }

.xd-bar.top-bar ul li ul.submenu {
  overflow: hidden; }

.xd-bar.top-bar ul li ul.submenu li .xd-icon {
  margin-right: 0.5em; }

.xd-bar .xd-icon {
  margin: 0; }

.xd-bar.top-bar .menu .xd-logo img, .xd-secondary-bar .menu .xd-bar.top-bar a .xd-logo img {
  width: 40px;
  height: 40px;
  float: left;
  margin: 0 0.6em 0 0; }

.xd-logo-agile {
  width: 70px; }

.xd-bar.top-bar .menu .xd-logo a, .xd-secondary-bar .menu .xd-bar.top-bar a .xd-logo a {
  padding: 0; }

.xd-bar.top-bar .menu .menu-text, .xd-secondary-bar .menu .xd-bar.top-bar a .menu-text {
  color: white;
  padding: 0;
  font-weight: lighter;
  font-size: 1.3em;
  text-transform: uppercase; }

.xd-bar.top-bar .menu .is-active > a, .xd-bar.top-bar .xd-secondary-bar .menu a .is-active > a, .xd-secondary-bar .menu .xd-bar.top-bar a .is-active > a {
  background: 0 0;
  color: white;
  text-decoration: underline; }

.menu .is-active > a {
  background: #455A64; }

.xd-bar.top-bar .xd-search-box {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid rgba(0, 0, 0, 0.2);
  color: white; }

.xd-bar.top-bar .xd-search-box:focus, .xd-bar.top-bar .xd-search-box:hover {
  background: rgba(0, 0, 0, 0.1); }

.xd-secondary-bar {
  min-height: 40px;
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
  background: white;
  position: relative;
  z-index: 10; }

.xd-secondary-bar .menu, .xd-secondary-bar .menu a {
  min-height: 50px; }

.xd-secondary-bar .menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  color: #333333;
  background: white;
  border-top: 0 solid white;
  border-bottom: 5px solid white;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.accordion-menu li {
  background: #EEEEEE; }

.xd-secondary-bar .accordion-menu .is-accordion-submenu a {
  background: #EEEEEE;
  border-bottom: 5px solid #EEEEEE; }

.xd-secondary-bar ul.menu li a:hover, .xd-secondary-bar ul.menu li a:active, .xd-secondary-bar ul.menu li a:focus {
  border-bottom: 5px solid #59B267;
  color: #59B267; }

.xd-secondary-bar ul.menu li a::after {
  border-color: #333333 transparent transparent !important; }

.xd-secondary-bar .menu .xd-current {
  position: relative;
  background: white;
  z-index: 5; }

.xd-secondary-bar .menu .xd-current a {
  background: #59B267;
  border-bottom: 0 solid #59B267;
  color: white; }

.xd-bar.top-bar .menu .is-dropdown-submenu, .xd-secondary-bar .menu .xd-bar.top-bar a .is-dropdown-submenu {
  background: white;
  border: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.xd-bar.top-bar .menu .is-dropdown-submenu a, .xd-secondary-bar .menu .xd-bar.top-bar a .is-dropdown-submenu a {
  color: #333333;
  text-transform: capitalize; }

.xd-bar.top-bar .menu .is-dropdown-submenu a:hover, .xd-secondary-bar .menu .xd-bar.top-bar a .is-dropdown-submenu a:hover {
  background: #455A64;
  color: white; }

.xd-secondary-bar ul.menu li .submenu {
  border: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 0 0 3px 3px;
  overflow: hidden; }

.xd-secondary-bar ul.menu li .submenu li a:hover {
  background: #455A64;
  border-color: #455A64;
  color: white; }

.dropdown .is-dropdown-submenu a {
  padding: 0.5rem 1rem; }

/********************************************************
Top Bar in Child State
*********************************************************/
.xd-child-state .header, .xd-child-state header {
  min-height: 40px; }

.xd-child-state .top-bar, .xd-child-state .xd-bar {
  background: #36474f;
  height: 40px; }

.xd-child-state .acuity-logo-icon {
  display: none; }

.xd-child-state .xd-child-state--hidden {
  display: none; }

.xd-child-state--visible {
  display: none; }

.xd-child-state .xd-child-state--visible {
  display: block; }

.xd-child-state span.first-word, .xd-child-state span.other-words {
  text-transform: capitalize; }

.xd-child-state .xd-secondary-bar {
  top: 40px; }

/*
======================================================================
Kendo UI stylesheet override
======================================================================
*/
.k-block ::-moz-selection, .k-breadcrumb ::-moz-selection, .k-card ::-moz-selection, .k-chart ::-moz-selection, .k-chat ::-moz-selection, .k-combobox ::-moz-selection, .k-dateinput ::-moz-selection, .k-datepicker ::-moz-selection, .k-datetimepicker ::-moz-selection, .k-drawer ::-moz-selection, .k-dropdown ::-moz-selection, .k-dropdowntree ::-moz-selection, .k-flatcolorpicker ::-moz-selection, .k-maskedtextbox ::-moz-selection, .k-mediaplayer ::-moz-selection, .k-multiselect ::-moz-selection, .k-notification ::-moz-selection, .k-numerictextbox ::-moz-selection, .k-pager-wrap ::-moz-selection, .k-pane-wrapper ::-moz-selection, .k-panel ::-moz-selection, .k-panelbar ::-moz-selection, .k-pdf-viewer ::-moz-selection, .k-progressbar ::-moz-selection, .k-rating ::-moz-selection, .k-scheduler ::-moz-selection, .k-sparkline ::-moz-selection, .k-splitter ::-moz-selection, .k-spreadsheet ::-moz-selection, .k-stockchart ::-moz-selection, .k-text-selection ::-moz-selection, .k-timepicker ::-moz-selection, .k-view ::-moz-selection, .k-widget ::-moz-selection, .k-window ::-moz-selection, div.k-scrollview ::-moz-selection, kendo-scrollview.k-scrollview-wrap ::-moz-selection {
  background-color: #4FC3F7; }
.k-block ::selection, .k-breadcrumb ::selection, .k-card ::selection, .k-chart ::selection, .k-chat ::selection, .k-combobox ::selection, .k-dateinput ::selection, .k-datepicker ::selection, .k-datetimepicker ::selection, .k-drawer ::selection, .k-dropdown ::selection, .k-dropdowntree ::selection, .k-flatcolorpicker ::selection, .k-maskedtextbox ::selection, .k-mediaplayer ::selection, .k-multiselect ::selection, .k-notification ::selection, .k-numerictextbox ::selection, .k-pager-wrap ::selection, .k-pane-wrapper ::selection, .k-panel ::selection, .k-panelbar ::selection, .k-pdf-viewer ::selection, .k-progressbar ::selection, .k-rating ::selection, .k-scheduler ::selection, .k-sparkline ::selection, .k-splitter ::selection, .k-spreadsheet ::selection, .k-stockchart ::selection, .k-text-selection ::selection, .k-timepicker ::selection, .k-view ::selection, .k-widget ::selection, .k-window ::selection, div.k-scrollview ::selection, kendo-scrollview.k-scrollview-wrap ::selection {
  background-color: #4FC3F7; }

.k-colorpicker, .k-combobox, .k-dateinput, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-maskedtextbox, .k-multiselect, .k-numerictextbox, .k-timepicker {
  min-height: 2.5375rem; }

.k-window {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.k-list-scroller {
  background: white; }

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: transparent; }

.k-list-container.k-popup.k-group.k-reset.k-state-border-up {
  background: white;
  padding: 0; }

.k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected {
  margin: 4px; }

.k-popup .k-list .k-item {
  border-width: 1px 0px 0;
  border-color: #CCCCCC;
  border-style: solid;
  padding: 10px;
  margin: 0; }

.k-popup .k-list .k-item:hover {
  border-width: 1px 0px 0;
  border-style: solid;
  border-color: #4FC3F7; }

.k-popup .k-item.k-state-focused {
  border: 1px solid #4FC3F7;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.k-list-container.k-popup .k-list-optionlabel {
  background: #455A64;
  padding: 10px;
  margin: 0;
  font-weight: bold;
  border-color: #CCCCCC;
  border-width: 0;
  border-style: solid;
  color: white; }

.k-dropdown .k-dropdown-wrap.k-state-focused, .k-dropdowntree .k-dropdown-wrap.k-state-focused {
  border-color: #4FC3F7;
  color: #455A64;
  background-color: white;
  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.03), 0 4px 5px 0 rgba(0, 0, 0, 0.04); }

.k-notification {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  border: none;
  padding: 0 0 0.5em; }

.k-notification span.k-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1em 0.5em;
  margin-right: 1em;
  color: white;
  width: 2em; }

.k-notification span.k-icon.k-i-info {
  background: #4FC3F7; }

.k-notification span.k-icon.k-i-close {
  margin-right: -5px;
  margin-top: -13px; }

.k-notification .k-i-close:before {
  color: #333333;
  cursor: pointer; }

.k-notification .k-notification-wrap {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: white;
  padding-right: 0;
  margin-top: 0;
  border-radius: 3px;
  color: #333333; }

.k-notification-info, .k-notification-success, .k-notification-warning, .k-notification-error {
  border-color: transparent;
  background-color: transparent; }

.k-notification.k-notification-info .k-notification-wrap {
  border: 1px solid #2196F3; }

.k-notification.k-notification-info .k-notification-wrap span.k-icon.k-i-info {
  background: #2196F3; }

.k-notification.k-notification-success .k-notification-wrap {
  border: 1px solid #59B267; }

.k-notification.k-notification-success .k-notification-wrap span.k-icon.k-i-success {
  background: #59B267; }

.k-notification.k-notification-error .k-notification-wrap {
  border: 1px solid #e53935; }

.k-notification.k-notification-error .k-notification-wrap span.k-icon.k-i-error {
  background: #e53935; }

.k-notification.k-notification-warning .k-notification-wrap {
  border: 1px solid #FF9800; }

.k-notification.k-notification-warning .k-notification-wrap span.k-icon.k-i-warning {
  background: #FF9800; }

.k-panelbar {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
  border: none;
  overflow: hidden; }

.k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active), .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded),
.k-panelbar .k-group > .k-item > .k-link.k-state-selected, .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded).k-state-hover {
  background-color: #4FC3F7;
  border-color: #4FC3F7;
  border-width: 0;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }
  .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active):hover, .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded):hover,
  .k-panelbar .k-group > .k-item > .k-link.k-state-selected:hover, .k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded).k-state-hover:hover {
    background-color: #1eb2f5;
    border-color: #1eb2f5; }

.k-panelbar > .k-item.k-state-active > .k-link, .k-panelbar > .k-item.k-state-expanded > .k-link {
  font-weight: bold; }

.k-panelbar > .k-item > .k-link.k-state-hover, .k-panelbar > .k-item > .k-link:hover {
  color: #333333;
  background-color: #EEEEEE; }

.k-panelbar > .k-item > .k-link {
  color: #333333;
  cursor: pointer; }

.k-panelbar > .k-item + .k-item {
  border-top-width: 1px;
  border-color: #DDDDDD; }

.k-colorpicker .k-selected-color .k-i-line {
  border-top: 1px solid #455A64; }

.list-group .k-checkbox, .list-group .k-radio {
  margin: 0;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  position: absolute;
  opacity: 0;
  -webkit-appearance: none;
  pointer-events: none; }

.k-checkbox:checked + .k-checkbox-label:before, .k-radio:checked + .k-radio-label:before, .list-group [type='radio']:checked + label::before, .list-group [type='checkbox']:checked + label::before {
  border-color: #4FC3F7; }

.k-radio:checked:focus + .k-radio-label::before, .list-group [type='radio']:checked:focus + label::before {
  -webkit-box-shadow: 0 0 0 2px rgba(79, 195, 247, 0.3);
  box-shadow: 0 0 0 2px rgba(79, 195, 247, 0.3); }

.k-checkbox:checked + .k-checkbox-label:hover::after, .list-group [type='checkbox']:checked + label:hover::after {
  color: white; }

.k-checkbox:checked, .list-group [type='checkbox']:checked {
  border-color: #4FC3F7;
  color: white;
  background-color: #4FC3F7; }

.k-checkbox:hover, .list-group [type='checkbox']:hover {
  border-color: rgba(0, 0, 0, 0.15);
  color: #4FC3F7;
  background-color: white; }

.k-radio:checked + .k-radio-label:hover::after, .list-group [type='radio']:checked + label:hover::after {
  background-color: white; }

.k-checkbox-label, .k-radio-label {
  min-height: 20px;
  padding-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .k-checkbox-label::before, .k-checkbox-label::after, .k-radio-label::before, .k-radio-label::after {
    border-color: #455A64;
    font-size: 16px;
    font-family: WebComponentsIcons,monospace;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    position: absolute;
    left: 0; }
  .k-checkbox-label:hover::before, .k-checkbox-label:hover::after, .k-radio-label:hover::before, .k-radio-label:hover::after {
    border-color: #4FC3F7; }

.k-checkbox-label::before, .k-checkbox-label::after {
  width: 20px;
  height: 20px; }
  .k-checkbox-label::before:hover, .k-checkbox-label::after:hover {
    color: white; }

.k-radio-label::before {
  content: "";
  width: 20px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%; }

.k-radio-label::after {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 6px; }

.k-radio {
  width: 20px;
  height: 20px; }

:checked.k-radio {
  border-color: #4FC3F7;
  color: white;
  background-color: #4FC3F7; }

.k-slider .k-slider-selection {
  background-color: #455A64; }

.k-slider .k-draghandle {
  background-color: #455A64;
  border-color: #455A64;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background-image: none !important; }
  .k-slider .k-draghandle:hover, .k-slider .k-draghandle:active, .k-slider .k-draghandle:focus {
    background-color: #4FC3F7;
    border-color: #4FC3F7; }

.k-widget.k-tooltip.k-slider-tooltip {
  background-color: #4FC3F7;
  border-color: #4FC3F7; }

.k-callout.k-callout-s {
  border-top-color: #4FC3F7; }

.k-callout.k-callout-n {
  border-bottom-color: #4FC3F7; }

.k-callout.k-callout-w {
  border-right-color: #4FC3F7; }

.k-callout.k-callout-e {
  border-left-color: #4FC3F7; }

.k-autocomplete, .k-combobox .k-dropdown-wrap, .k-dateinput .k-dateinput-wrap, .k-datepicker .k-picker-wrap, .k-datetimepicker .k-picker-wrap, .k-input.k-textbox, .k-numerictextbox .k-numeric-wrap, .k-textarea, .k-textbox, .k-timepicker .k-picker-wrap {
  color: #333333;
  background-color: white;
  border-color: #455A64;
  height: 2.5375rem; }

.k-datepicker .k-picker-wrap.k-state-hover, .k-datepicker .k-picker-wrap:hover, .k-datetimepicker .k-picker-wrap.k-state-hover, .k-datetimepicker .k-picker-wrap:hover, .k-timepicker .k-picker-wrap.k-state-hover, .k-timepicker .k-picker-wrap:hover {
  border-color: #4FC3F7; }

.k-datepicker .k-picker-wrap.k-state-active, .k-datepicker .k-picker-wrap.k-state-focused, .k-datetimepicker .k-picker-wrap.k-state-active, .k-datetimepicker .k-picker-wrap.k-state-focused, .k-timepicker .k-picker-wrap.k-state-active, .k-timepicker .k-picker-wrap.k-state-focused {
  border-color: #4FC3F7; }

.k-picker-wrap.k-state-focused .k-select, .k-numeric-wrap.k-state-focused .k-select {
  background: #4FC3F7; }

.k-numerictextbox .k-numeric-wrap.k-state-focused {
  border-color: #4FC3F7; }

.k-datepicker .k-picker-wrap:hover {
  border-color: #4FC3F7;
  background-image: none; }

.k-datepicker .k-picker-wrap:hover .k-select {
  border-color: #4FC3F7;
  color: white;
  background-color: #4FC3F7;
  background-image: none; }

.k-timepicker .k-picker-wrap:hover {
  border-color: #4FC3F7; }

.k-timepicker .k-picker-wrap:hover .k-select {
  border-color: #4FC3F7;
  color: white;
  background-color: #4FC3F7;
  background-image: none; }

.k-dropdown .k-dropdown-wrap {
  border: 1px solid #455A64;
  padding: 0;
  border-radius: 3px; }
  .k-dropdown .k-dropdown-wrap:hover {
    border-color: #4FC3F7; }

.k-widget.k-multiselect, .k-multiselect-wrap, .k-multiselect-clearable .k-multiselect-wrap {
  border-color: #455A64;
  height: auto;
  border-radius: 3px; }
  .k-widget.k-multiselect:hover, .k-multiselect-wrap:hover, .k-multiselect-clearable .k-multiselect-wrap:hover {
    border-color: #4FC3F7; }

.k-widget.k-multiselect.k-header.k-multiselect-clearable {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.k-multiselect-wrap li.k-button {
  background: #455A64;
  border-color: #455A64;
  color: white;
  border-radius: 3px;
  margin: 3px 3px; }
  .k-multiselect-wrap li.k-button:hover {
    background: #4FC3F7;
    border-color: #4FC3F7; }

span.k-widget.k-dropdown.k-header {
  width: 100%;
  background: white;
  border-radius: 3px;
  height: 2.5375rem;
  border: 1px solid #455A64; }

.k-listbox .k-item:hover, .k-popup .k-list .k-item:hover, .k-list .k-item.k-state-selected:hover {
  background: #4FC3F7;
  cursor: pointer;
  color: white; }

.k-list .k-item.k-state-selected {
  background: #4FC3F7;
  border-color: #4FC3F7;
  cursor: pointer; }

.k-autocomplete, .k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap, .k-textbox {
  border-color: #455A64;
  border-radius: 3px; }
  .k-autocomplete:hover, .k-dropdown-wrap:hover, .k-numeric-wrap:hover, .k-picker-wrap:hover, .k-textbox:hover {
    border-color: #4FC3F7; }

.k-colorpicker .k-picker-wrap {
  border-color: #455A64; }
  .k-colorpicker .k-picker-wrap:hover .k-select {
    background: transparent;
    color: #455A64; }

.k-autocomplete .k-input {
  height: 2.12857em; }

.k-dropdown-wrap span.k-select, .k-numeric-wrap span.k-select, .k-picker-wrap span.k-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 35px;
  height: 39px;
  color: white;
  background: #455A64; }

.k-dropdown .k-dropdown-wrap.k-state-focused .k-select, .k-dropdowntree .k-dropdown-wrap.k-state-focused .k-select {
  background: #4FC3F7; }

.k-widget.k-dropdown span.k-dropdown-wrap.k-state-default .k-select {
  margin-right: 0; }

.k-dropdown-wrap:hover span.k-select, .k-numeric-wrap:hover span.k-select, .k-picker-wrap:hover span.k-select {
  background: #455A64;
  color: white; }

.k-dropdown-wrap span.k-select, .k-numeric-wrap span.k-select {
  background: #455A64; }
  .k-dropdown-wrap span.k-select:hover, .k-numeric-wrap span.k-select:hover {
    background: #455A64; }

.k-dropdown-wrap span.k-select span.k-icon {
  color: white; }

.k-colorpicker .k-picker-wrap .k-select {
  background: transparent; }
  .k-colorpicker .k-picker-wrap .k-select span.k-icon {
    color: #455A64; }

.k-widget span.k-select {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.k-autocomplete:hover span.k-select, .k-dropdown-wrap:hover span.k-select, .k-numeric-wrap:hover span.k-select, .k-picker-wrap:hover span.k-select, .k-textbox:hover span.k-select {
  background: #4FC3F7; }

.k-numerictextbox .k-numeric-wrap .k-select {
  border-color: #455A64;
  color: white;
  background-color: #455A64;
  background-image: none; }

.k-numerictextbox .k-numeric-wrap .k-select:hover {
  border-color: #4FC3F7; }

.k-numerictextbox .k-numeric-wrap.k-state-hover, .k-numerictextbox .k-numeric-wrap:hover {
  border-color: #4FC3F7; }

.k-numerictextbox .k-numeric-wrap.k-state-hover .k-select, .k-numerictextbox .k-numeric-wrap:hover .k-select {
  background-color: #4FC3F7;
  color: white;
  background-image: none; }

.k-widget.k-upload.k-upload-empty {
  background-color: transparent;
  border: 1px solid #455A64;
  border-radius: 3px; }
  .k-widget.k-upload.k-upload-empty:hover, .k-widget.k-upload.k-upload-empty:active, .k-widget.k-upload.k-upload-empty:focus {
    border-color: #4FC3F7; }

.k-widget.k-upload:not(.k-upload-empty) {
  background-color: transparent;
  border: 1px solid #455A64;
  border-radius: 3px; }
  .k-widget.k-upload:not(.k-upload-empty):hover, .k-widget.k-upload:not(.k-upload-empty):active, .k-widget.k-upload:not(.k-upload-empty):focus {
    border-color: #4FC3F7; }

.k-upload .k-upload-button {
  background-color: #455A64;
  border-color: #455A64;
  color: white;
  cursor: pointer; }
  .k-upload .k-upload-button:hover, .k-upload .k-upload-button:active, .k-upload .k-upload-button:focus {
    background-color: #4FC3F7;
    border-color: #4FC3F7; }

.k-widget.k-upload:not(.k-upload-empty) .k-upload .k-upload-button {
  background-color: #455A64;
  border-color: #455A64; }

.k-widget.k-upload:hover .k-upload-button {
  background-color: #4FC3F7;
  border-color: #4FC3F7; }

.k-upload .k-upload-button input, .k-upload .k-upload-button span {
  cursor: pointer; }

.k-calendar .k-calendar-view {
  width: 18em;
  height: 17em;
  position: relative;
  z-index: 1;
  overflow: hidden;
  margin-top: 0;
  margin-right: 0;
  margin-left: 1em; }

table.k-content.k-month {
  border-spacing: 0 5px;
  border-collapse: separate; }

.k-calendar-view .k-content th {
  text-align: center;
  color: #455A64; }

.k-calendar-view .k-content tbody tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  margin-bottom: 0.4em; }

.k-calendar-view .k-content td {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.k-calendar .k-calendar-view thead {
  background: white; }

.k-calendar .k-calendar-view thead th {
  font-weight: bold;
  color: #455A64;
  opacity: 1;
  text-transform: capitalize; }

.k-calendar .k-content.k-meta-view.k-century .k-link {
  line-height: 2.4285714286em; }

.k-calendar .k-footer .k-nav-today {
  color: #455A64; }
  .k-calendar .k-footer .k-nav-today:hover {
    color: #455A64; }

.k-calendar .k-header {
  -webkit-box-shadow: none;
  box-shadow: none; }

.k-calendar .k-content .k-today {
  background: #4FC3F7;
  border-radius: 50%;
  color: white;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.k-calendar .k-content .k-link:hover {
  background: #4FC3F7;
  border-radius: 50%;
  color: white; }

.k-calendar .k-state-selected .k-link {
  border-color: #4FC3F7;
  color: white;
  background-color: #4FC3F7;
  border-radius: 50%; }

.k-progressbar .k-state-selected {
  border-color: #455A64;
  background-color: #455A64;
  background-image: none; }

.k-calendar:not(.k-infinite) .k-state-hover {
  background-color: #4FC3F7;
  background-image: none; }

.k-calendar:not(.k-infinite) .k-weekend {
  background-color: #f6f6f6;
  margin-right: 0.3em;
  margin-left: 0.3em;
  border-radius: 50%; }

.k-pager-wrap {
  color: #455A64;
  background-color: white;
  border-color: #455A64;
  border-width: 1px 0; }

.k-pager-numbers .k-state-selected {
  color: white;
  background-color: #4FC3F7;
  border-radius: 3px; }

.k-pager-numbers .k-link {
  color: #4FC3F7; }

.k-pager-numbers .k-link:hover {
  color: white;
  background-color: #455A64;
  border-radius: 3px; }

.k-pager-wrap .k-pager-numbers li {
  display: inline-block;
  margin: 0 3px; }

.k-pager-nav:hover {
  color: white;
  background-color: #455A64;
  border-radius: 3px; }

.k-grid.k-widget {
  border: 1px solid #DDDDDD; }

.k-block, .k-panel, .k-widget {
  background: transparent; }

.k-widget.k-progressbar {
  background-color: #f6f6f6; }

.k-grid-header-wrap.k-auto-scrollable {
  background: white; }

.k-grid th {
  border-width: 0;
  white-space: nowrap;
  font-weight: bold; }

.k-grid td {
  border-width: 0 0 1px 0px;
  vertical-align: middle;
  border-color: #EEEEEE; }

.k-grid tr.k-alt {
  background-color: white; }

.k-grid tr:hover {
  background: #EEEEEE; }

.k-grid-header thead {
  background: white; }

.k-calendar .k-header {
  background-color: #455A64; }

.k-grid-header .k-header > .k-link {
  color: #333333; }

.k-calendar .k-header .k-link {
  color: white; }

.k-calendar .k-header .k-link:hover {
  background-color: #4FC3F7;
  background-image: none;
  color: white; }

.k-widget.k-calendar {
  border-color: #455A64;
  border-width: 0;
  border-radius: 3px;
  width: 20em;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.k-calendar .k-nav-prev:hover, .k-calendar .k-nav-next:hover, .k-link.k-nav-prev.k-state-hover, .k-link.k-nav-next.k-state-hover {
  background-color: #455A64;
  background-image: none;
  color: white; }

.k-treeview .k-in.k-state-selected {
  background-color: #DDDDDD;
  border-color: #DDDDDD;
  color: #333333; }

.k-treeview .k-in.k-state-focused {
  -webkit-box-shadow: none;
  box-shadow: none; }

.k-calendar .k-state-selected, .k-calendar:not(.k-infinite) .k-content .k-state-selected {
  background-color: #4FC3F7;
  border-color: #4FC3F7;
  border-radius: 50%; }

.k-treeview-lines .k-item {
  border-bottom: 1px solid #CCCCCC; }

.k-treeview-lines .k-item:hover {
  border-bottom: 1px solid #CCCCCC; }

.k-treeview .k-in {
  width: 100%; }

.k-treeview .k-in div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%; }

.k-treeview-lines .k-group .k-item:last-of-type {
  border: none; }

.k-splitbar.k-state-focused, .k-splitbar:active {
  background: #4FC3F7; }

.k-splitbar {
  color: white;
  background-color: #455A64; }
  .k-splitbar:hover {
    background-color: #4FC3F7; }

.k-widget.k-splitter.k-splitter-horizontal {
  border-color: #455A64; }

.k-block ::-moz-selection, .k-widget ::-moz-selection {
  background-color: #4FC3F7;
  color: white; }

.k-block ::selection, .k-widget ::selection {
  background-color: #4FC3F7;
  color: white; }

.k-scheduler-table td, .k-scheduler-table th {
  border-color: #DDDDDD !important; }

.k-scheduler-table td, .k-scheduler-table th {
  padding: 8px;
  border-style: solid;
  border-width: 0 0 1px 1px;
  vertical-align: top;
  border-color: #f6f6f6; }

.k-scheduler-times .k-scheduler-times th {
  border-color: #CCCCCC; }

.k-scheduler-table {
  margin: 0; }

.k-scheduler td {
  border-color: #DDDDDD !important; }

.k-calendar .k-weekend.k-state-selected,
.k-drag-clue, .k-event, .k-panelbar .k-group > .k-item > .k-link.k-state-selected,
.k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-active),
.k-panelbar > .k-item > .k-link.k-state-selected:not(.k-state-expanded) {
  background-color: #455A64;
  border-color: #455A64; }

.k-scheduler-views li:first-child + li {
  border-radius: 3px 0 0 3px; }

.k-scheduler-views li.k-state-selected {
  border-color: #455A64;
  background-color: #455A64; }

.k-animation-container {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }
  .k-animation-container .k-popup.k-calendar-container, .k-animation-container .k-popup.k-list-container {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none; }

.picker {
  margin-bottom: 1em; }

.pane-content {
  padding: 1em; }

.k-tabstrip-wrapper {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px; }

.k-tabstrip .k-item.k-state-active {
  border-width: 0 0 5px 0;
  border-color: #43A047;
  color: #333333; }

.k-tabstrip-wrapper .k-tabstrip-top > ul.k-tabstrip-items {
  border-bottom: 1px solid #CCCCCC; }

.k-list-container.k-popup .k-list-filter {
  margin-bottom: 0;
  border-bottom: 1px solid #455A64; }

.k-tabstrip-top > .k-tabstrip-items {
  border-bottom-width: 0; }

.k-tabstrip > .k-tabstrip-items .k-item {
  border-width: 0 0 2px 0; }

.k-tabstrip .k-item {
  color: #333333;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.k-tabstrip .k-item.k-state-active {
  border-width: 0 0 5px 0;
  border-color: #455A64;
  color: #333333; }

.k-tabstrip-top > .k-tabstrip-items .k-item.k-state-active {
  border-bottom-color: #43A047; }

.k-tabstrip > .k-content {
  border: none;
  background: #f6f6f6; }

.k-tabstrip > .k-tabstrip-items .k-item .k-link {
  padding: 10px 12px;
  color: #333333; }

.k-tabstrip-items .k-item.k-state-hover, .k-tabstrip-items .k-item:hover {
  color: #455A64; }

.color--white {
  color: white; }

.color--lightest-gray-bg {
  background-color: #f6f6f6 !important; }

.color--white-bg {
  background-color: white !important; }

.color--section-gray {
  background-color: #F1F1F1 !important; }

/********************************************************
Brand color classes
*********************************************************/
.red {
  color: #F52234 !important; }

.color--acuity-blue-bg {
  background: #0070c0 !important;
  color: white !important; }

.color--acuity-blue {
  color: #0070c0 !important; }

/********************************************************
Status colors classes
*********************************************************/
.color--primary-bg {
  background: #455A64 !important;
  color: white !important; }

.color--primary-bg {
  background: #455A64 !important; }

.color--primary {
  color: #455A64; }

.color--secondary-bg {
  background: #4FC3F7 !important;
  color: white !important; }

.color--secondary-bg {
  background: #4FC3F7 !important; }

.color--success-bg {
  background: #43A047 !important;
  color: white !important; }

.color--success {
  color: #43A047 !important; }

.color--warning-bg {
  background: #FF9800 !important;
  color: #333333 !important; }

.color--warning {
  color: #FF9800 !important; }

.color--alert-bg {
  background: #e53935 !important;
  color: white !important; }

.color--alert {
  color: #e53935 !important; }

/********************************************************
Specialty color classes
*********************************************************/
.color--doc-pdf {
  background: #F15642 !important;
  color: white !important;
  border: #F15642 !important; }

.color--doc-word {
  background: #2B5796 !important;
  color: white !important;
  border-color: #2B5796 !important; }

/********************************************************
App Colors
*********************************************************/
.color--activities-apps {
  color: #FFAB00; }

.color--bg-activities-apps {
  background-color: #FFAB00; }

.color--pricing-apps {
  color: #00BFA5; }

.color--bg-pricing-apps {
  background-color: #00BFA5; }

.color--pricing-apps {
  color: #7e57c2; }

.color--bg-pricing-apps {
  background-color: #7e57c2; }

.color--products-apps {
  color: #03a9f4; }

.color--bg-products-apps {
  background-color: #03a9f4; }

.color--post-sales-apps {
  color: #00C853; }

.color--bg-post-sales-apps {
  background-color: #00C853; }

.color--contacts-apps {
  color: #FF5722; }

.color--bg-contacts-apps {
  background-color: #FF5722; }

.color--administration-apps {
  color: #C51162; }

.color--bg-administration-apps {
  background-color: #C51162; }

.color--reports-apps {
  color: #DEDEDE; }

.color--bg-reports-apps {
  background-color: #DEDEDE; }

.grow {
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s; }
  .grow:hover {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3); }

.motion-smooth {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.breadcrumbs a {
  color: #333333; }

.breadcrumbs li:first-of-type {
  font-weight: bold; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  color: #576A73;
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important; }

/********************************************************
Panel headings
*********************************************************/
.panel h1, .panel .h1, .panel h2, .panel .h2, .panel h3, .panel .h3, .panel h4, .panel .h4, .panel h5, .panel .h5, .panel h6, .panel .h6 {
  font-weight: bold; }

.panel h3, .panel .h3 {
  font-size: 1.5em; }

/********************************************************
Off Canvas headings
*********************************************************/
.off-canvas h1, .off-canvas .h1, .off-canvas h2, .off-canvas .h2, .off-canvas h3, .off-canvas .h3, .off-canvas h4, .off-canvas .h4, .off-canvas h5, .off-canvas .h5, .off-canvas h6, .off-canvas .h6 {
  color: white;
  border-bottom: 1px solid black;
  position: relative; }

.off-canvas h5:after {
  content: "";
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 6px;
  display: block;
  position: absolute;
  left: 0;
  bottom: -2px; }

/********************************************************
Font
*********************************************************/
.font--small, .xd-font-size--small {
  font-size: 0.75rem !important; }

.font--normal, .xd-font-size--regular {
  font-size: 0.9rem !important; }

.font--medium, .xd-font-size--medium {
  font-size: 1.2rem !important; }

.font--large, .xd-font-size--large {
  font-size: 1.4rem !important; }

.font--xlarge, .xd-font-size--xlarge {
  font-size: 1.6rem !important; }

.font--xxlarge, .xd-font-size--xxlarge {
  font-size: 2rem !important; }

.font--giant, .xd-font-size--giant {
  font-size: 2rem !important; }

.font--bold, .xd-font-weight--bold {
  font-weight: bold; }

.xd-font-weight--light {
  font-weight: 300; }

/********************************************************
Font Colors
*********************************************************/
.font--color-primary, .xd-font--color-primary {
  color: #455A64; }

.xd-font--color-white {
  color: white; }

/********************************************************
Transforms
*********************************************************/
.typography--all-caps, .xd-typography--all-caps {
  text-transform: uppercase; }

/********************************************************
Off Canvas
*********************************************************/
.off-canvas.off-canvas--open-large {
  width: 350px;
  -webkit-transform: translateX(350px);
  -ms-transform: translateX(350px);
  transform: translateX(350px); }
  .off-canvas.off-canvas--open-large.is-open {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.js-off-canvas-overlay {
  background: rgba(0, 0, 0, 0.45); }

.off-canvas-content.off-canvas--open-large.is-open-right.has-transition-push {
  -webkit-transform: translateX(-350px);
  -ms-transform: translateX(-350px);
  transform: translateX(-350px); }

.off-canvas-wrapper {
  min-height: calc(100vh - 0.5rem - 60px - 50px - 50px); }

.off-canvas, .off-canvas.is-open {
  background: #333333;
  -webkit-box-shadow: rgba(10, 10, 10, 0.9) 13px 0px 20px -13px inset;
  box-shadow: rgba(10, 10, 10, 0.9) 13px 0px 20px -13px inset; }

.off-canvas .drilldown a, .off-canvas .drilldown .link, .off-canvas .drilldown .clickable {
  background: transparent;
  color: #F3F3F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.9em;
  outline: none;
  height: 50px;
  width: 100%;
  text-transform: capitalize; }

.off-canvas .drilldown a:hover, .off-canvas .drilldown .clickable:hover {
  text-decoration: none;
  background: #262626; }

.drilldown .js-drilldown-back > a::before, .drilldown .js-drilldown-back > .clickable::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #455A64 transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem; }

.off-canvas .drilldown a:hover .xd-notification {
  background: #ef6250;
  border-color: #ef6250; }

.off-canvas .drilldown .xd-icons {
  font-size: 1.5em;
  margin-right: 0.5em; }

.off-canvas .drilldown .is-drilldown-submenu {
  background: #333333; }

.off-canvas .drilldown .is-drilldown-submenu-parent > a:after {
  right: 1.7rem;
  border-color: transparent transparent transparent white; }

.drilldown .js-drilldown-back > a::before, .drilldown .js-drilldown-back > .clickable::before {
  border-color: transparent white transparent transparent; }

.off-canvas .xd-user-wrap {
  border-bottom: 1px solid rgba(163, 165, 167, 0.2);
  padding: 1em 0 0; }

.off-canvas .xd-user-wrap .xd-username {
  color: white; }

.off-canvas .xd-user-wrap .xd-user-icon {
  font-size: 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0.5em;
  border: 2px solid #A3A5A7;
  color: #A3A5A7;
  border-radius: 50%; }

.off-canvas :last-child > .accordion-content:last-child {
  border: none; }

/********************************************************
Accordion
*********************************************************/
.accordion {
  border-radius: 3px;
  border: 1px solid #DDDDDD; }

.accordion-title {
  color: #455A64;
  font-size: 0.9rem;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: none; }

.accordion-title::before {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid;
  border-radius: 50%; }

.is-active > .accordion-title::before {
  background: #4FC3F7;
  color: white;
  border-color: #4FC3F7; }

.accordion-content {
  background-color: #f5f5f5;
  border-color: #DDDDDD;
  border-width: 1px 0 0px 0;
  border-style: solid; }

.accordion--content-white .accordion-content {
  background-color: white; }

li.accordion-item {
  border-bottom: 1px solid #DDDDDD; }

.accordion li.accordion-item:last-of-type, :last-child > .accordion-content:last-child {
  border-bottom: none; }

.accordion-title:hover {
  background: white;
  color: #4FC3F7; }

.accordion-title:focus {
  background: white; }

:last-child:not(.is-active) > .accordion-title {
  border-bottom: none; }

.off-canvas .accordion {
  background: transparent;
  border: none; }

.off-canvas li.accordion-item {
  border: none; }

.off-canvas .accordion-title {
  border: none;
  width: 100%; }

.off-canvas :last-child:not(.is-active) > .accordion-title {
  border-bottom: none; }

.off-canvas .accordion a, .off-canvas .accordion .link, .off-canvas .accordion .clickable {
  background: transparent;
  color: #F3F3F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  outline: none;
  text-transform: capitalize; }

.off-canvas .accordion a:hover, .off-canvas .accordion .clickable:hover {
  text-decoration: none;
  background: #262626; }

.accordion .js-accordion-back > a::before, .accordion .js-accordion-back > .clickable::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: '';
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #66BB6A transparent transparent;
  border-left-width: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem; }

.off-canvas .accordion a:hover .xd-notification {
  background: #ef6250;
  border-color: #ef6250; }

.off-canvas .accordion .xd-icons {
  font-size: 1.5em;
  margin-right: 0.5em; }

.off-canvas .accordion .is-accordion-submenu {
  background: #333333; }

.off-canvas .accordion .is-accordion-submenu-parent > a:after {
  right: 1.7rem; }

.off-canvas .accordion-content {
  background-color: #262626;
  color: #e6e6e6;
  border-top: 1px solid #424242;
  border-bottom: 1px solid #424242; }

.off-canvas .is-active > .accordion-title:before {
  background: transparent;
  color: #4FC3F7;
  border-color: #4FC3F7; }

h5.nav-menu {
  font-weight: bold; }

.app-link {
  border-bottom: 1px solid transparent;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.app-link:hover {
  background: #262626; }

.app-link__button {
  padding: 0.5em 1em; }

.app-link__icon, .techconnect-svg-icon {
  width: 25px;
  height: 30px;
  margin-right: 0.5em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25px;
  flex: 0 0 25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; 
}

.app-link__icon::before, .techconnect-svg-icon::before {
    font-family: "axd" !important;
    content: "";
    font-size: 1.5em;
}

li.accordion-item.is-active .accordion-title:before {
  color: white; }

li.accordion-item.app-group-activities {
  border-left: 6px solid #FFAB00; }

li.accordion-item.app-group-activities.is-active .accordion-title:before {
  border-color: #FFAB00;
  background: #FFAB00; }

.app-group-activities .app-link:hover {
  border-color: #FFAB00; }

.app-group-activities span.app-link__icon {
  color: #FFAB00; }

li.accordion-item.app-group-projects {
  border-left: 6px solid #7e57c2; }

li.accordion-item.app-group-projects.is-active .accordion-title:before {
  border-color: #7e57c2;
  background: #7e57c2; }

.app-group-projects .app-link:hover {
  border-color: #7e57c2; }

.app-group-projects span.app-link__icon {
  color: #7e57c2; }

li.accordion-item.app-group-pricing {
  border-left: 6px solid #00BFA5; }

li.accordion-item.app-group-pricing.is-active .accordion-title:before {
  border-color: #00BFA5;
  background: #00BFA5; }

.app-group-pricing .app-link:hover {
  border-color: #00BFA5; }

.app-group-pricing span.app-link__icon {
  color: #00BFA5; }

li.accordion-item.app-group-products {
  border-left: 6px solid #03a9f4; }

li.accordion-item.app-group-products.is-active .accordion-title:before {
  border-color: #03a9f4;
  background: #03a9f4; }

.app-group-products .app-link:hover {
  border-color: #03a9f4; }

.app-group-products span.app-link__icon {
  color: #03a9f4; }

li.accordion-item.app-group-orders-post-sales {
  border-left: 6px solid #00C853; }

li.accordion-item.app-group-orders-post-sales.is-active .accordion-title:before {
  border-color: #00C853;
  background: #00C853; }

.app-group-orders-post-sales .app-link:hover {
  border-color: #00C853; }

.app-group-orders-post-sales span.app-link__icon {
  color: #00C853; }

li.accordion-item.app-group-contacts {
  border-left: 6px solid #FF5722; }

li.accordion-item.app-group-contacts.is-active .accordion-title:before {
  border-color: #FF5722;
  background: #FF5722; }

.app-group-contacts .app-link:hover {
  border-color: #FF5722; }

.app-group-contacts span.app-link__icon {
  color: #FF5722; }

li.accordion-item.app-group-administration {
  border-left: 6px solid #C51162; }

li.accordion-item.app-group-administration.is-active .accordion-title:before {
  border-color: #C51162;
  background: #C51162; }

.app-group-administration .app-link:hover {
  border-color: #C51162; }

.app-group-administration span.app-link__icon {
  color: #C51162; }

li.accordion-item.app-group-reports {
  border-left: 6px solid #DEDEDE; }

li.accordion-item.app-group-reports.is-active .accordion-title:before {
  color: #333333;
  border-color: #DEDEDE;
  background: #DEDEDE; }

.app-group-reports .app-link:hover {
  border-color: #DEDEDE; }

.app-group-reports span.app-link__icon {
  color: #DEDEDE; }

li.accordion-item.app-group-help {
  border-left: 6px solid #0070c0; }

li.accordion-item.app-group-help.is-active .accordion-title:before {
  border-color: #0070c0;
  background: #0070c0; }

.app-group-help span.app-link__icon {
  color: #0070c0; }

.app-group-help .app-link:hover {
  border-color: #0070c0; }

span.app-link__icon::before {
  content: "\e952"; }

.app-alerts .app-link__icon::before {
  content: "\e954"; }

.app-tasks .app-link__icon::before {
  content: "\e962"; }

.app-calendar .app-link__icon::before {
  content: "\e955"; }

.app-workqueue .app-link__icon::before {
  content: "\e963"; }

.app-workqueue2 .app-link__icon::before {
  content: "\e963"; }

.app-bid-board .app-link__icon::before {
  content: "\e969"; }

.app-drawing-request .app-link__icon::before {
  content: "\e95e"; }

.app-project-container .app-link__icon::before {
  content: "\e95c"; }

.app-rfwd .app-link__icon::before {
  content: "\e967"; }

.app-submittal-library .app-link__icon::before {
  content: "\e961"; }

.app-request-for-assistance .app-link__icon::before, .app-rfd3 .app-link__icon::before {
  content: "\e95d"; }

.app-submittal-generator .app-link__icon::before {
  content: "\e968"; }

.app-request-for-drawings .app-link__icon::before {
  content: "\e95e"; }

.app-product-search .app-link__icon::before {
  content: "\e95b"; }

.app-product-configurator .app-link__icon::before {
  content: "\e95a"; }

.app-product-knowledge-base .app-link__icon::before {
  content: "\e964"; }

.app-crossover-application .app-link__icon::before {
  content: "\e982"; }

.app-canadian-valid-items .app-link__icon::before {
  content: "\e983"; }

.app-order-status-3 .app-link__icon::before {
  content: "\e984"; }

.app-order-management .app-link__icon::before {
  content: "\e965"; }

.app-returns .app-link__icon::before {
  content: "\e966"; }

.app-quote .app-link__icon::before, .app-legacy-juno-quote .app-link__icon::before {
  content: "\e981"; }

.app-price-history .app-link__icon::before {
  content: "\e958"; }

.app-expanded-pricing .app-link__icon::before {
  content: "\e956"; }

.app-item-list-management .app-link__icon::before {
  content: "\e957"; }

.app-scratchpad .app-link__icon::before {
  content: "\e95f"; }

.app-stock-pricing-tool .app-link__icon::before {
  content: "\e960"; }

.app-claim-request .app-link__icon::before {
  content: "\e96d"; }

.app-credit-invoice-viewer .app-link__icon::before {
  content: "\e96e"; }

.app-doc-viewer .app-link__icon::before {
  content: "\e96c"; }

.app-invoices .app-link__icon::before {
  content: "\e96b"; }

.app-juno-order-conversions .app-link__icon::before {
  content: "\e96a"; }

.app-payments .app-link__icon::before {
  content: "\e96f"; }

.app-contact-management .app-link__icon::before {
  content: "\e971"; }

.app-corporate-accounts .app-link__icon::before {
  content: "\e972"; }

.app-juno-customer-cross-reference .app-link__icon::before {
  content: "\e970"; }

.app-customer-onboarding .app-link__icon::before {
  content: "\e975"; }

.app-agency-administration .app-link__icon::before {
  content: "\e977"; }

.app-acuity-store .app-link__icon::before {
  content: "\e976"; }

.app-factor-management .app-link__icon::before {
  content: "\e97a"; }

.app-export-document .app-link__icon::before {
  content: "\e979"; }

.app-national-account-admin .app-link__icon::before {
  content: "\e97b"; }

.app-national-enterprise-accounts .app-link__icon::before, .agile-national-accounts::before {
    content: "\e994";
}

.app-national-accounts .app-link__icon::before, .agile-national-accounts::before {
    content: "\e994";
}

.app-standardnotes .app-link__icon::before {
  content: "\e97c"; }

.app-holophanepesco .app-link__icon::before {
  content: "\e978"; }

.app-reporting .app-link__icon::before {
  content: "\e97d"; }

.app-help .app-link__icon::before {
  content: "\e97e"; }

.app-regional-manufacturing-product-helper .app-link__icon::before {
  content: "\e97f"; }


/* TechConnect Stylings */

.no-issue {
    color: #3cdd9a;
}

.action-required {
    color: #f5930b;
}

.issue-detected {
    color: #ef4444;
}

#techConnectLogo {
    padding-right: 0.5em;
}

#techConnectBlogLink:hover {
    background: #006733;
    border-radius: 10px;
    transition: 0.3s;
}

/** TechConnect Icons had issues loading in IE mode, so we use svgs to load these and manually set the styling */
#techConnectAlertStatusOuterCircle {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    word-wrap: break-word;
    list-style: none;
    cursor: pointer;
    line-height: 2em;
    display: var(--fa-display,inline-block);
    vertical-align: -.125em;
    bottom: 0;
    margin: auto;
    right: 0;
    top: 0;
    text-align: center;
    z-index: var(--fa-stack-z-index,auto);
    position: absolute;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    font-size: 1.5em;
    overflow: visible;
    box-sizing: content-box;
}

.action-required-outer-circle {
    height: 1.75em !important;
}

#techConnectAlertStatusInnerCircle {
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    word-wrap: break-word;
    list-style: none;
    cursor: pointer;
    font-size: 1.5em;
    display: var(--fa-display,inline-block);
    vertical-align: -.125em;
    bottom: 0;
    margin: auto;
    right: 0;
    top: 0;
    text-align: center;
    z-index: var(--fa-stack-z-index,auto);
    position: absolute;
    left: 0;
    line-height: inherit;
    color: var(--fa-inverse,#fff);
    height: 1em;
    width: 1.25em;
    overflow: visible;
    box-sizing: content-box;
}


/********************************************************
Reveal
*********************************************************/
.reveal {
    border-radius: 3px;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    border: none;
}

.reveal-header {
  margin: -1rem -1.0rem 0;
  padding: 0 1em;
  height: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #0070c0;
  color: white;
  text-transform: capitalize; }

.close-button, .close-button.medium {
  top: .39rem; }

.reveal__bar-full-screen {
  background: #DDDDDD;
  position: fixed;
  bottom: 0;
  left: 0;
  min-height: 30px;
  padding: 1em;
  width: 100%; }

.media-object {
  padding: 1em 0; }

/********************************************************
Callout
*********************************************************/
.callout {
  border: 1px solid #455A64;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  overflow: hidden;
  border-radius: 3px; }

.callout__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #455A64;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px;
  color: white; }

.callout__content {
  background: white;
  padding: 0.5rem;
  width: 100%;
  padding-right: 25px !important;
}

.callout__close-button {
  color: #455A64; }

.callout.secondary, .callout.info, .callout--info {
  border: 1px solid #4FC3F7;
  background: #4FC3F7; }

.secondary .callout__icon, .info .callout__icon {
  background: #4FC3F7; }

.callout.success {
  border: 1px solid #e53935;
  background: #4FC3F7; }

.success .callout__icon {
  background: #e53935; }

.callout.warning, .callout--warning {
  border: 1px solid #FF9800;
  background: #FF9800; }

.warning .callout__icon {
  background: #FF9800; }

.callout.alert, .callout--alert {
  border: 1px solid #e53935;
  background: #e53935; }

.alert .callout__icon, .callout--alert .callout__icon {
  background: #e53935; }

.callout--strip {
  border-radius: 0;
  width: 100%;
  color: white;
  padding: 0.5em;
  margin: 0;
  z-index: 9999; }

.callout--strip .callout__icon {
  background: transparent; }

.callout--strip .callout__content {
  background: transparent;
  color: white;
  width: auto;
  padding: 0; }

.callout--strip-outline {
  border-radius: 0;
  left: 0;
  width: 100%;
  position: absolute; }

.callout--position-top {
  position: fixed;
  top: 0; }

.callout--position-bottom {
  position: fixed;
  bottom: 0; }

.callout .xd-icon {
  font-size: 20px; }

.callout .close-button {
  color: #455A64;
  right: 0.5rem;
  top: .2rem; }

.callout .close-button:hover {
  color: #4f6873; }

.callout .close-button span:active, .callout .close-button span:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none; }

/********************************************************
Badges
*********************************************************/
.badge {
  height: 2.1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
  font-size: 0.7rem; }

.badge .xd-icon {
  font-size: 0.6rem; }

.badge.primary {
  background: #455A64;
  color: white; }

.badge.secondary {
  background: #4FC3F7;
  color: white; }

.badge.success {
  background: #43A047;
  color: white; }

.badge.alert {
  background: #e53935;
  color: white; }

.badge.warning {
  background: #FF9800;
  color: white; }

.badge--small {
  height: 22px;
  font-size: 0.7rem; }

.badge--large {
  height: 40px;
  font-size: 1rem; }

.badge--xlarge {
  height: 60px;
  font-size: 1.8rem; }

/********************************************************
Media Object
*********************************************************/
.thumbnail {
  border: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  position: relative; }

.thumbnail:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.thumbnail, .media-object img {
  border-radius: 3px; }

/********************************************************
Widgets 
*********************************************************/
.widget {
  background: white;
  width: 100%; }
  .widget .app-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: bold;
    margin-right: 0.3em;
    color: white;
    height: 35px;
    position: relative; }
  .widget .placeholder {
    background: #f1f1f1;
    padding: 1em;
    height: 100%;
    border-radius: 3px;
    font-size: 2em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .widget .widget-title {
    color: #455A64;
    font-size: 16px;
    position: relative;
    font-weight: bold; }
  .widget .button, .widget .button-group {
    margin: 0; }
  .widget select {
    margin: 0;
    border: 1px solid #455A64;
    border-radius: 3px;
    color: #455A64;
    font-size: 0.8em; }
    .widget select:hover {
      border-color: #4FC3F7; }

.widget-header {
  grid-area: widget-header;
  -ms-grid-row-align: start;
  align-self: start;
  margin-bottom: 0;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
  padding: 0.75em;
  border-bottom: 1px solid #CCCCCC; }

.widget-content {
  width: 100%;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  margin-bottom: 0;
  display: block;
  position: relative;
  padding: 0.75em; }

.widget-content__control {
  position: fixed;
  top: 9px;
  right: 10px; }

.widget-content--stretch {
  height: calc(100vh - 8em); }

.widget-content--stretch-footer {
  height: calc(100vh - 4em); }

.widget-content--collapse {
  padding: 0; }

.widget-footer {
  padding: 0.75em;
  border-top: 1px solid #CCCCCC;
  -ms-flex-item-align: end;
  -ms-grid-row-align: end;
  align-self: end; }

.widget-paging {
  position: relative; }

.widget-paging .button:first-of-type {
  margin-right: 0.3em; }

.widget-paging .button:last-of-type {
  margin-left: 0.3em; }

.widget-more {
  position: relative; }

/* The container must be positioned relative: */
.widget-dropdown {
  min-width: 130px;
  position: relative; }

.widget-dropdown select {
  display: none;
  /*hide original SELECT element: */ }

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "\e91a";
  font-family: 'axd' !important;
  font-size: 16px;
  color: #455A64;
  top: 2px;
  right: 8px;
  border-color: #455A64 transparent transparent transparent;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent white transparent;
  color: white;
  top: 2px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/* style the items (options), including the selected item: */
.select-selected {
  background: white;
  color: #455A64;
  padding: 3px 30px 3px 8px;
  border: 1px solid #455A64;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.9em;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .select-selected:hover {
    border-color: #4FC3F7; }

.select-selected.select-arrow-active {
  border-radius: 3px 3px 0 0;
  background: #455A64;
  border-color: #455A64;
  color: white; }

.select-items div {
  padding: 0.4em 0.6em;
  color: white; }

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #455A64;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 0 0 3px 3px; }

/* Hide the items when the select box is closed: */
.select-hide {
  display: none; }

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1); }

.widget-page-items-wrap {
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  margin-left: -.625rem;
  margin-right: -.625rem; }

.widget-page-item {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.325s;
  transition: -webkit-transform 0.325s;
  -o-transition: transform 0.325s;
  transition: transform 0.325s;
  transition: transform 0.325s, -webkit-transform 0.325s;
  position: absolute; }
  .widget-page-item:first-of-type {
    left: 0; }
  .widget-page-item:nth-of-type(2) {
    left: 100%; }
  .widget-page-item:nth-of-type(3) {
    left: 200%; }
  .widget-page-item:nth-of-type(4) {
    left: 300%; }
  .widget-page-item:nth-of-type(5) {
    left: 400%; }
  .widget-page-item:nth-of-type(6) {
    left: 500%; }
  .widget-page-item:nth-of-type(7) {
    left: 600%; }
  .widget-page-item:nth-of-type(8) {
    left: 700%; }
  .widget-page-item:nth-of-type(9) {
    left: 800%; }
  .widget-page-item:nth-of-type(10) {
    left: 900%; }

.tabs-title {
  position: relative; }

.tabs-title > a {
  color: #455A64; }

.tabs-title > a:hover {
  color: #3b4c55; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: transparent;
  color: #455A64;
  font-weight: bold; }

.tabs-title.is-active a::before {
  border-bottom: 5px solid #59B267;
  content: "";
  width: 100%;
  left: 0;
  bottom: 0;
  display: block;
  position: absolute; }

.tabs-content--full-width {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw); }

.tabs-content--no-border {
  border: none; }

.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  outline: none; }

.tabs {
  border: none; }

/********************************************************
Widget Tabs
*********************************************************/
.widget-content .tabs-content {
  border: none; }

.widget-content .tabs {
  border: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: relative; }

.tooltip {
  background-color: #455A64; }

.tooltip.bottom::before {
  border-color: transparent transparent #455A64; }

.tooltip.top::before {
  border-color: #455A64 transparent transparent; }

/********************************************************
Pagination
*********************************************************/
.pagination .current {
  background: #455A64;
  border-radius: 3px; }

.pagination a, .pagination button, .pagination .xd-link {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0;
  color: #455A64;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer; }

.pagination a:hover, .pagination button:hover, .pagination .xd-link:hover {
  background: #e6e6e6; }

.pagination a:hover, .pagination button:hover {
  border-radius: 3px; }

.button, a.button, .k-button, .k-grid a.k-button {
  background: #455A64;
  color: white;
  border-radius: 3px;
  outline: none;
  text-decoration: none !important;
  -webkit-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
  background-image: none !important; }
  .button:hover, a.button:hover, .k-button:hover, .k-grid a.k-button:hover {
    background: #3b4c55;
    color: white; }
  .button.k-primary, a.button.k-primary, .k-button.k-primary, .k-grid a.k-button.k-primary {
    background-color: #455A64 !important;
    border-color: #455A64 !important;
    color: white; }
    .button.k-primary:hover, .button.k-primary:active, .button.k-primary:focus, a.button.k-primary:hover, a.button.k-primary:active, a.button.k-primary:focus, .k-button.k-primary:hover, .k-button.k-primary:active, .k-button.k-primary:focus, .k-grid a.k-button.k-primary:hover, .k-grid a.k-button.k-primary:active, .k-grid a.k-button.k-primary:focus {
      background-color: #303f46 !important;
      border-color: #303f46 !important;
      color: white; }
  .button.k-secondary, a.button.k-secondary, .k-button.k-secondary, .k-grid a.k-button.k-secondary {
    background-color: #4FC3F7;
    border-color: #4FC3F7;
    color: white; }
    .button.k-secondary:hover, .button.k-secondary:active, .button.k-secondary:focus, a.button.k-secondary:hover, a.button.k-secondary:active, a.button.k-secondary:focus, .k-button.k-secondary:hover, .k-button.k-secondary:active, .k-button.k-secondary:focus, .k-grid a.k-button.k-secondary:hover, .k-grid a.k-button.k-secondary:active, .k-grid a.k-button.k-secondary:focus {
      background-color: #1eb2f5;
      border-color: #1eb2f5;
      color: white; }
  .button.primary, a.button.primary, .k-button.primary, .k-grid a.k-button.primary {
    background: #455A64;
    color: white; }
    .button.primary:hover, a.button.primary:hover, .k-button.primary:hover, .k-grid a.k-button.primary:hover {
      background: #303f46;
      color: white; }
  .button.secondary, a.button.secondary, .k-button.secondary, .k-grid a.k-button.secondary {
    background: #4FC3F7;
    color: white; }
    .button.secondary:hover, a.button.secondary:hover, .k-button.secondary:hover, .k-grid a.k-button.secondary:hover {
      background: #1eb2f5;
      color: white; }
  .button.warning, a.button.warning, .k-button.warning, .k-grid a.k-button.warning {
    background: #FF9800;
    color: white; }
    .button.warning:hover, a.button.warning:hover, .k-button.warning:hover, .k-grid a.k-button.warning:hover {
      background: #cc7a00;
      color: white; }
  .button.alert, a.button.alert, .k-button.alert, .k-grid a.k-button.alert {
    background: #e53935;
    color: white; }
    .button.alert:hover, a.button.alert:hover, .k-button.alert:hover, .k-grid a.k-button.alert:hover {
      background: #cd1e1a;
      color: white; }
  .button.success, a.button.success, .k-button.success, .k-grid a.k-button.success {
    background: #43A047;
    color: white; }
    .button.success:hover, a.button.success:hover, .k-button.success:hover, .k-grid a.k-button.success:hover {
      background: #347c37;
      color: white; }
  .button.stack, a.button.stack, .k-button.stack, .k-grid a.k-button.stack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }

.button.stack {
  font-size: 14px;
  padding: 5px 8px; }

.button.stack .xd-icon, .button.stack i {
  font-size: 16px; }

.button.hollow {
  border: 1px solid #455A64;
  color: #455A64; }
  .button.hollow:hover {
    background: #455A64;
    color: white; }

.button.hollow:hover, .button.hollow:focus, .button.hollow:active {
  background: #455A64;
  border: 1px solid #455A64;
  color: white; }

.button.clear {
  color: #455A64; }
  .button.clear:hover {
    background: #455A64;
    color: white; }

.button.hollow.primary, .button.primary.hollow {
  background: transparent;
  border: 1px solid #455A64;
  color: #455A64; }

.button.hollow.primary:hover, .button.primary.hollow:hover {
  background: #3b4c55;
  color: white;
  border: 1px solid #455A64; }

.button.clear.primary, .button.primary.clear {
  background: transparent;
  border-color: transparent;
  color: #455A64; }
  .button.clear.primary:hover, .button.primary.clear:hover {
    background: #455A64;
    color: white; }

button.primary {
  color: #455A64; }

.button.hollow.secondary, .button.secondary.hollow {
  background: transparent;
  border: 1px solid #4FC3F7;
  color: #4FC3F7; }

.button.hollow.secondary:hover, .button.secondary.hollow:hover {
  background: #4FC3F7;
  color: white;
  border: 1px solid #4FC3F7; }

.button.clear.secondary, .button.secondary.clear {
  background: transparent;
  border-color: transparent;
  color: #4FC3F7; }
  .button.clear.secondary:hover, .button.secondary.clear:hover {
    background: #4FC3F7;
    color: white; }

.button.hollow.warning, .button.warning.hollow {
  background: transparent;
  border: 1px solid #FF9800;
  color: #FF9800; }

.button.hollow.warning:hover, .button.warning.hollow:hover {
  background: #FF9800;
  color: white;
  border: 1px solid #FF9800; }

.button.clear.warning, .button.warning.clear {
  background: transparent;
  border-color: transparent;
  color: #FF9800; }
  .button.clear.warning:hover, .button.warning.clear:hover {
    background: #FF9800;
    color: white; }

.button.hollow.alert, .button.alert.hollow {
  background: transparent;
  border: 1px solid #e53935;
  color: #e53935; }

.button.hollow.alert:hover, .button.alert.hollow:hover {
  background: #e53935;
  color: white;
  border: 1px solid #e53935; }

.button.clear.alert, .button.alert.clear {
  background: transparent;
  border-color: transparent;
  color: #e53935; }
  .button.clear.alert:hover, .button.alert.clear:hover {
    background: #e53935;
    color: white; }

.button.success {
  background: #43A047;
  color: white; }

.button.hollow.success, .button.success.hollow {
  background: transparent;
  border: 1px solid #43A047;
  color: #43A047; }

.button.hollow.success:hover {
  background: #43A047;
  color: white;
  border: 1px solid #43A047; }

.button.success:hover, a.button.success:hover {
  background: #43A047;
  color: white; }

.button.clear.success, .button.success.clear {
  background: transparent;
  border-color: transparent;
  color: #43A047; }
  .button.clear.success:hover, .button.success.clear:hover {
    background: #43A047;
    color: white; }

.button-group .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 0.3em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto; }
  .button-group .button:last-of-type {
    margin-right: 0; }
  .button-group .button .xd-icon {
    font-size: 1em; }

.button-group--flex-auto .button {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto; }

.button-set {
  padding: 0; }

.button-set.inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.button-set.inline .button {
  margin: 0 0.5em; }

.button-set.inline button:first-of-type {
  margin-left: 0; }

.button-set.inline button:last-of-type {
  margin-right: 0; }

.button.xd-flex-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.button.xd-flex-button .xd-icons {
  margin-left: 0.5em; }

.button:hover {
  -webkit-box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225);
  box-shadow: 0 4px 10px 0px rgba(0, 0, 0, 0.225); }

.button.xd-secondary {
  background: transparent;
  border: 2px solid #4FC3F7;
  color: #4FC3F7; }

.button.xd-secondary:hover {
  background: #4FC3F7;
  color: white;
  border-color: #4FC3F7; }

.button.general {
  border-color: #455A64;
  color: #455A64; }

.button.general:active, .button.general:focus, .button.general:hover {
  border-color: #455A64;
  color: black; }

.xd-icon-button {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 2.4375rem;
  height: 2.5375rem;
  border: 2px solid #455A64;
  border-radius: 3px;
  color: #455A64;
  cursor: pointer; }

.xd-icon-button:active, .xd-icon-button:focus, .xd-icon-button:hover {
  background: #455A64;
  color: white; }

a.k-button.k-button-increase, a.k-button.k-button-decrease {
  background: #455A64;
  color: white !important; }

.action-bar .button {
  margin: 0;
  padding: 0.5em 1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1em; }
  .action-bar .button:hover {
    background: white;
    color: #455A64; }

.action-bar .xd-icon {
  font-size: 1.2em;
  margin: 0 0 6px; }

.action-bar .button-group {
  margin: 0; }
  .action-bar .button-group .button {
    margin: 0 0.5em; }

.xd-callout, .xd-advance-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
  color: #333333;
  background: transparent;
  margin-bottom: 1em;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.17);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.17);
  -webkit-transition: 0.5s ease;
  -o-transition: 0.5s ease;
  transition: 0.5s ease; }

.xd-advance-button--linked .xd-advanced-button__link, .xd-advance-button--linked .xd-advanced-button__link:hover {
  margin: 0;
  padding: 0;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  outline: none; }

.xd-callout:hover, .xd-advance-button:hover {
  color: #333333;
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.xd-callout .xd-action, .xd-callout .xd-visual, .xd-advance-button .xd-action, .xd-advance-button .xd-visual {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-height: 1.5375rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

a.xd-advance-button {
  margin: 0;
  padding: 0; }

.xd-advance-button .xd-advance-button__visual {
  width: 40px;
  padding: 0 0.5em;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  color: #455A64;
  font-size: 18px; }

.xd-advance-button .xd-action .button-group {
  margin: 0; }

.xd-advance-button .button-group a.button {
  height: 30px;
  padding: 0 0.51em;
  width: auto; }

.xd-advance-button .button-group a.button .xd-icon:before {
  font-size: 2em; }

.xd-advance-button .button-group .button {
  font-size: 0.5rem; }

.xd-callout .xd-visual img, .xd-advance-button .xd-visual img {
  width: 42px; }

.xd-callout .xd-action, .xd-advance-button .xd-action {
  border-left: 1px solid #333333;
  padding: 0 0.5em;
  background: white;
  color: #333333; }

.xd-callout .xd-content, .xd-advance-button .xd-content, .xd-callout .xd-text, .xd-advance-button .xd-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  min-height: 2.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em 0 0.5em 0.5em;
  width: 100%;
  color: #333333;
  background: white;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0.9rem; }

.xd-advance-button--border-none {
  border: none; }
  .xd-advance-button--border-none .xd-action {
    border: none; }

.wizard-action-bar .button, .wizard-action-bar .xd-icon {
  margin-bottom: 0;
  font-size: 1em; }

.wizard-action-bar .button {
  padding: 0.85em 1em; }

.wizard-action-bar .xd-icon::before {
  font-size: 1.3em; }

.xd-advance-button__visual .xd-icon {
  color: white; }

.advance-button--activities {
  background: #FFAB00;
  color: white; }

.advance-button--projects {
  background: #7e57c2; }

.advance-button--pricing {
  background: #00BFA5; }

.advance-button--products {
  background: #03a9f4; }

.advance-button--orders-post-sales {
  background: #00C853; }

.advance-button--contacts {
  background: #FF5722; }

.advance-button--administration {
  background: #C51162; }

.advance-button--reports {
  background: #DEDEDE; }

.advance-button--reports .xd-icon {
  color: #333333; }

.advance-button--help {
  background: #0070c0; }

.button--has-icon .xd-icon {
  height: 14px;
  font-size: 16px; }

.button--has-icon.tiny .xd-icon, .tiny.button--has-icon .xd-icon {
  height: auto;
  font-size: 0.6rem; }

.button--hover-color-warning:hover {
  background-color: transparent;
  color: #FF9800; }

.button--hover-color-warning:hover .xd-icon {
  color: #FF9800; }

.button--hover-color-success:hover {
  color: #43A047; }

.button--hover-color-success:hover .xd-icon {
  color: #43A047; }

.button.button--white-color {
  color: white;
  border-color: white; }

.button.button--hollow-white {
  color: white;
  border-color: white; }

.button--hover-transparent:hover {
  background: transparent !important;
  -webkit-box-shadow: none;
  box-shadow: none; }

.k-dialog-button-layout-stretched .k-primary:not(:hover):not(.k-state-hover):not(:active):not(.k-state-active) {
  color: white;
  background: #e53935 !important; }

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:hover {
  opacity: 0.95;
  background: #e53935 !important; }

@-webkit-keyframes lightFlare {
  0% {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  to {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0); } }

@keyframes lightFlare {
  0% {
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0); }
  to {
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0); } }

.position--bottom, .xd-position--bottom {
  position: absolute;
  bottom: 0; }

.position--top, .xd-position--bottom {
  position: absolute;
  top: 0; }

.position--left, .xd-position--left {
  position: absolute;
  left: 0; }

.position--right, .xd-position--right {
  position: absolute;
  right: 0; }

.xd-fixed-position--top {
  position: fixed;
  top: 0; }

.xd-fixed-position--bottom {
  position: fixed;
  bottom: 0; }

.xd-fixed-position--left {
  position: fixed;
  left: 0; }

.xd-fixed-position--right {
  position: fixed;
  right: 0; }

.xd-fixed-container {
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.position--bottom-overflow-1, .xd-position--bottom-overflow-1 {
  bottom: -0.5rem; }

.z-10 {
  z-index: 10 !important; }

.xd-z-1000 {
  z-index: 1000; }

.sticky-container {
  position: relative; }

.sticky-container--transform {
  -webkit-transform: translateZ(0);
  transform: translateZ(0); }

.sticky-container--plus-header .sticky-container__content {
  width: inherit; }

.sticky-container--plus-stacked-header .sticky-container__content {
  width: inherit;
  position: fixed;
  top: 115px; }

.xd-relative {
  position: relative; }

/********************************************************
Loading states
*********************************************************/
.state {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #455A64; }

.state--completed * {
  display: none; }

.state--completed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.state--completed::before {
  content: url(../Content/images/completed.svg);
  width: 100%;
  display: inline-block;
  height: auto;
  max-width: 300px; }

.state--completed::after {
  content: "All Good, Nothing to See Here";
  font-size: 1.35em;
  font-weight: bold;
  margin-top: 1em; }

.state--error * {
  display: none; }

.state--error {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2em;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.state--error::before {
  content: url(../Content/images/error.svg);
  width: 100%;
  display: inline-block;
  height: auto;
  max-width: 300px; }

.state--error::after {
  content: "Oops, Something Has Gone Wrong";
  font-size: 1.35em;
  font-weight: bold;
  margin-top: 1em; }

.state--loading {
  position: relative;
  overflow: hidden; }

.state--loading:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 99;
  width: 500%;
  margin-left: -250%;
  -webkit-animation: lightFlare 0.8s linear infinite;
  animation: lightFlare 0.8s linear infinite;
  background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.35)), color-stop(54%, rgba(255, 255, 255, 0))) 50% 50%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  z-index: 99; }

.state--loading:after {
  background: #EEEEEE;
  content: "";
  position: absolute;
  width: calc(100% + 11px);
  height: 100%;
  top: 0;
  left: -5px;
  margin: 0;
  padding: 0; }

/********************************************************
Hover States
*********************************************************/
.hover\:c-text-white:hover {
  color: white; }

.hover\:c-text-black:hover {
  color: black; }

.hover\:c-text-primary:hover {
  color: #455A64; }

/********************************************************
Shadows
*********************************************************/
.shadow--none {
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

/********************************************************
Borders and Outlines
*********************************************************/
.border--none, .xd-border-none {
  border: none; }

.outline--none, .xd-outline--none {
  outline: none; }

.border-radius-3, .xd-border-radius-3 {
  border-radius: 3px; }

.border-radius-6, .xd-border-radius-6 {
  border-radius: 6px; }

.xd-border-circle {
  border-radius: 50%; }

/********************************************************
Height
*********************************************************/
.vh-100 {
  height: 100vh; }

/*
.vh-100-minus-header {
    height: calc(100vh - 155px);
}
*/
.vh-grid-minus-header {
  height: calc(100vh - 116px); }

.h-minus-header-secondary-footer {
  height: calc(100vh - 160px) !important; }

.h-minus-header-footer {
  min-height: calc(100vh - 110px) !important; }

.h-100 {
  height: 100%; }

.h-auto {
  height: auto; }

.h-5px {
  height: 5px; }

.h-10px {
  height: 10px; }

.h-50px {
  height: 50px; }

.h-100px {
  height: 100px; }

.h-150px {
  height: 150px; }

.h-200px {
  height: 200px; }

.h-250px {
  height: 250px; }

.h-300px {
  height: 300px; }

.h-350px {
  height: 350px; }

.h-400px {
  height: 400px; }

.h-450px {
  height: 450px; }

.h-500px {
  height: 500px; }

/********************************************************
Sizes
*********************************************************/
.size-20 {
  width: 20px; }

.size-30 {
  width: 30px; }

.size-40 {
  width: 50px; }

.size-50 {
  width: 50px; }

/********************************************************
Width + Height
*********************************************************/
.wh-20 {
  width: 20px;
  height: 20px; }

.wh-30 {
  width: 30px;
  height: 30px; }

.wh-40 {
  width: 40px;
  height: 40px; }

.wh-50 {
  width: 50px;
  height: 50px; }

/********************************************************
Widths
*********************************************************/
.w-0 {
  width: 0; }

.w-100 {
  width: 100%; }

.w-sm-100 {
  width: 100%; }

.w-sm-50 {
  width: 50%; }

.w-sm-90 {
  width: 90%; }

.w-lg-auto {
  width: auto; }

/* Small only */
@media screen and (max-width: 39.9375em) {
  .w-sm-only-50 {
    width: 50% !important; }
  .w-sm-only-90 {
    width: 90% !important; }
  .w-sm-only-100 {
    width: 100% !important; } }

/* Medium and up */
@media screen and (min-width: 40em) {
  .w-md-50 {
    width: 50%; }
  .w-md-90 {
    width: 90%; }
  .w-md-100 {
    width: 100%; } }

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .md-only-margin-bottom-1 {
    margin-bottom: 1em; }
  .w-md-only-50 {
    width: 50% !important; }
  .w-md-only-90 {
    width: 90% !important; }
  .w-md-only-100 {
    width: 100% !important; } }

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .w-lg-only-50 {
    width: 50% !important; }
  .w-lg-only-90 {
    width: 90% !important; }
  .w-lg-only-100 {
    width: 100% !important; } }

/* Large and up */
@media screen and (min-width: 64em) {
  .w-lg-50 {
    width: 50%; }
  .w-lg-90 {
    width: 90%; }
  .w-lg-100 {
    width: 100%; } }

/********************************************************
Widths in pixels
*********************************************************/
.w-5px {
  width: 5px; }

.w-10px {
  width: 10px; }

.w-100px {
  width: 100px; }

.w-sm-50px {
  width: 50px; }

.w-sm-75px {
  width: 75px; }

.w-sm-100px {
  width: 100px; }

.w-sm-150px {
  width: 150px; }

.w-sm-200px {
  width: 200px; }

.w-sm-250px {
  width: 250px; }

.w-sm-300px {
  width: 300px; }

.w-sm-350px {
  width: 350px; }

.w-sm-400px {
  width: 400px; }

.w-sm-450px {
  width: 450px; }

.w-sm-500px {
  width: 500px; }

.w-max-100px {
  max-width: 100px; }

/* Small only */
@media screen and (max-width: 39.9375em) {
  .w-sm-only-50px {
    width: 50px !important; }
  .w-sm-only-100px {
    width: 100px !important; }
  .w-sm-only-150px {
    width: 150px !important; }
  .w-sm-only-200px {
    width: 200px !important; }
  .w-sm-only-250px {
    width: 250px !important; }
  .w-sm-only-300px {
    width: 300px !important; }
  .w-sm-only-350px {
    width: 350px !important; }
  .w-sm-only-400px {
    width: 400px !important; }
  .w-sm-only-450px {
    width: 450px !important; }
  .w-sm-only-500px {
    width: 500px !important; } }

/* Medium and up */
@media screen and (min-width: 40em) {
  .w-md-50px {
    width: 50px !important; }
  .w-md-100px {
    width: 100px !important; }
  .w-md-150px {
    width: 150px !important; }
  .w-md-200px {
    width: 200px !important; }
  .w-md-250px {
    width: 250px !important; }
  .w-md-300px {
    width: 300px !important; }
  .w-md-350px {
    width: 350px !important; }
  .w-md-400px {
    width: 400px !important; }
  .w-md-450px {
    width: 450px !important; }
  .w-md-500px {
    width: 500px !important; } }

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .w-md-only-50px {
    width: 50px !important; }
  .w-md-only-100px {
    width: 100px !important; }
  .w-md-only-150px {
    width: 150px !important; }
  .w-md-only-200px {
    width: 200px !important; }
  .w-md-only-250px {
    width: 250px !important; }
  .w-md-only-300px {
    width: 300px !important; }
  .w-md-only-350px {
    width: 350px !important; }
  .w-md-only-400px {
    width: 400px !important; }
  .w-md-only-450px {
    width: 450px !important; }
  .w-md-only-500px {
    width: 500px !important; } }

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
  .w-lg-only-50px {
    width: 50px !important; }
  .w-lg-only-100px {
    width: 100px !important; }
  .w-lg-only-150px {
    width: 150px !important; }
  .w-lg-only-200px {
    width: 200px !important; }
  .w-lg-only-250px {
    width: 250px !important; }
  .w-lg-only-300px {
    width: 300px !important; }
  .w-lg-only-350px {
    width: 350px !important; }
  .w-lg-only-350px {
    width: 350px !important; } }

/* Large and up */
@media screen and (min-width: 64em) {
  .w-lg-50px {
    width: 50px !important; }
  .w-lg-100px {
    width: 100px !important; }
  .w-lg-150px {
    width: 150px !important; }
  .w-lg-200px {
    width: 200px !important; }
  .w-lg-250px {
    width: 250px !important; }
  .w-lg-300px {
    width: 300px !important; }
  .w-lg-350px {
    width: 350px !important; }
  .w-lg-400px {
    width: 400px !important; }
  .w-lg-450px {
    width: 450px !important; }
  .w-lg-500px {
    width: 500px !important; } }

/* Extra large and up */
@media screen and (min-width: 75em) {
  .w-xlg-50px {
    width: 50px !important; }
  .w-xlg-100px {
    width: 100px !important; }
  .w-xlg-150px {
    width: 150px !important; }
  .w-xlg-200px {
    width: 200px !important; }
  .w-xlg-250px {
    width: 250px !important; }
  .w-xlg-300px {
    width: 300px !important; }
  .w-xlg-350px {
    width: 350px !important; }
  .w-xlg-400px {
    width: 400px !important; }
  .w-xlg-450px {
    width: 450px !important; }
  .w-xlg-500px {
    width: 500px !important; } }

/* Extra Extra large and up */
@media screen and (min-width: 90em) {
  .w-xxlg-50px {
    width: 50px !important; }
  .w-xxlg-100px {
    width: 100px !important; }
  .w-xxlg-150px {
    width: 150px !important; }
  .w-xxlg-200px {
    width: 200px !important; }
  .w-xxlg-250px {
    width: 250px !important; }
  .w-xxlg-300px {
    width: 300px !important; }
  .w-xxlg-350px {
    width: 350px !important; }
  .w-xxlg-400px {
    width: 400px !important; }
  .w-xxlg-450px {
    width: 450px !important; }
  .w-xxlg-500px {
    width: 500px !important; } }

/*********************************************************
Contains majrority of the AXD styles.
**********************************************************/
body {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px;
  background: #F1F1F1;
  scroll-behavior: smooth;
  padding: 0 !important;
  margin: 0 !important;
  overflow-x: hidden; }

html {
  height: 100%;
  width: 100%; }

a, .k-menu .k-item, .k-menu .k-item > .k-link {
  color: #333333; }
  a:hover, .k-menu .k-item:hover, .k-menu .k-item > .k-link:hover {
    color: #262626;
    text-decoration: none; }

.link {
  color: #4FC3F7; }

.grid-container {
  max-width: 90rem; }

.link--underline {
  text-decoration: underline; }

.link--bold {
  font-weight: bold; }

.link-primary {
  color: #455A64; }

.link-primary-hover {
  color: #3b4c55; }

.link-secondary {
  color: #4FC3F7; }

.link-secondary-hover {
  color: #37bbf6; }

.link-success {
  color: #43A047; }

.link-success-hover {
  color: #3b8e3f; }

.link-alert {
  color: #e53935; }

.link-alert-hover {
  color: #e2231e; }

.link-warning {
  color: #FF9800; }

.link-warning-hover {
  color: #e68900; }

a:hover, a:focus {
  color: #455A64; }

.path1:before, .path2:before {
  color: inherit !important; }

.xd-test-class {
  opacity: 0; }

.clickable {
  cursor: pointer; }

.grabbable {
  cursor: move;
  /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab; }

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing; }

.off-canvas-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%; }

.title {
  font-weight: bold;
  font-size: large; }

section.section {
  background: white;
  padding: 1em; }

.section--shadow-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

section.section.gray, section.gray {
  background: #f6f6f6; }

.section--rounded-3 {
  border-radius: 3px; }

.section--rounded-6 {
  border-radius: 6px; }

section.section--no-padding {
  padding: 0; }

section.page-title {
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 1em; }

.disabled::before {
  display: none; }

.page-wrapper {
  min-height: calc(100vh - 110px); }

.site-layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.site-content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-bottom: auto; }

.xd-page-layout {
  height: 100%; }

.xd-grow-on-hover {
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.xd-grow-on-hover:hover {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2); }

.pretty-image {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 3px;
  background: white;
  border: 5px solid white;
  -webkit-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
  .pretty-image:hover {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

footer {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #DDDDDD;
  border-top: 1px solid #DDDDDD;
  background: white;
  position: relative;
  z-index: 999;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.xd-icons {
  line-height: initial;
  position: relative;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 24px; }

.xd-icon {
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 24px; }

.agile-logo-icon:before {
  font-size: 16px; }

::-moz-selection {
  background: #4FC3F7;
  /* WebKit/Blink Browsers */ }

::selection {
  background: #4FC3F7;
  /* WebKit/Blink Browsers */ }

::-moz-selection {
  background: #4FC3F7;
  /* Gecko Browsers */ }

/*
// Base styles for the element that has a tooltip 
[data-tip],
.tooltip {
    position: relative;
    cursor: pointer;
}

// Base styles for the entire tooltip 
[data-tip]:before,
[data-tip]:after,
.tooltip:before,
.tooltip:after {
    position: absolute;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: none;
}

// Show the entire tooltip on hover and focus
[data-tip]:hover:before,
[data-tip]:hover:after,
[data-tip]:focus:before,
[data-tip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
    visibility: visible;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    opacity: 1;
}

// Base styles for the tooltip's directional arrow
.tooltip:before,
[data-tip]:before {
    z-index: 1001;
    border: 6px solid transparent;
    background: transparent;
    content: "";
}

// Base styles for the tooltip's content area
.tooltip:after,
[data-tip]:after {
    z-index: 1000;
    padding: 8px;
    min-width: 130px;
    background-color: #000;
    background-color: hsla(0, 0%, 20%, 0.9);
    color: #fff;
    content: attr(data-tip);
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
}

// Bottom
.tooltip-bottom:before,
.tooltip-bottom:after {
    top: 100%;
    bottom: auto;
    left: 0;
}

.tooltip-bottom:before {
    margin-top: -12px;
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: auto;
    border-top-color: transparent;
    border-bottom-color: #000;
    border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
    -webkit-transform: translateY(12px);
    -moz-transform: translateY(12px);
    transform: translateY(12px);
}
*/
.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.hide {
  display: none !important; }

.flex__align-bottom {
  margin-top: auto; }

.flex-direction-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.contractor-select-flag, .add-to-cart-icon {
  text-align: center; }

.add-to-cart-icon img {
  cursor: pointer;
  width: 32px;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.add-to-cart-icon img:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.scroll-override {
  overflow-y: scroll !important;
  min-height: 600px;
  -webkit-overflow-scrolling: touch; }

.rotate-45 {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.rotate-90 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.rotate-180 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.highlight {
  background: yellow; }

ul.horizontal-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0; }
  ul.horizontal-list li {
    margin-right: 0.5em; }
    ul.horizontal-list li:last-of-type {
      margin-right: 0; }

.no-list-style {
  list-style-type: none;
  margin: 0;
  padding: 0; }
  .no-list-style li {
    margin-bottom: 1em; }

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

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

.border-top-2 {
  border-top: 2px solid #CCCCCC; }

li {
  padding: 0; }

.circle {
  border-radius: 50% !important; }

.xd-clickable {
  cursor: pointer; }

.xd-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.xd-linky {
  text-decoration: underline; }

.xd-no-link {
  cursor: default; }

.xd-no-border {
  border: none !important; }

hr {
  max-width: 100%; }

.xd-ontop, .header, header {
  z-index: 999;
  position: relative;
  width: 100%;
  min-height: 60px; }

.sticky-header {
  position: fixed; }

.header--top-bar-only {
  min-height: auto; }

.stick-to-top {
  position: fixed;
  top: 0;
  width: 100%; }

.off-canvas.is-transition-overlap {
  z-index: 9999; }

.align-content-right {
  margin-left: auto !important; }

.align-content-left {
  margin-right: auto !important; }

.field-height {
  height: 2.5375rem !important; }

.text-center {
  text-align: center !important; }

.text-align-right {
  text-align: right; }

.text-align-left {
  text-align: left; }

.cell {
  word-wrap: break-word; }

.k-loading-mask, .xd-loading-wrap, .widget__loading-wrap {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0; }

.k-loading-mask .k-loading-image, .k-loading-mask .xd-loader, .xd-loading-wrap .k-loading-image, .xd-loading-wrap .xd-loader, .widget--waiting .widget__loader {
  border: 5px solid #EEEEEE;
  border-top: 5px solid #59B267;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  -webkit-animation: spin 0.8s linear infinite;
  animation: spin 0.8s linear infinite;
  top: auto;
  left: auto; }

.k-loading-mask .k-loading-color, .xd-loading-wrap .k-loading-color {
  width: auto;
  height: auto; }

.k-loading-image::after, .k-loading-image::before {
  display: none; }

.widget .widget__loading-wrap {
  display: none; }

.widget--waiting .widget__loading-wrap {
  background: rgba(255, 255, 255, 0.75);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.widget .widget__loading-wrap .widget__loader {
  border: 3px solid #EEEEEE;
  border-top: 3px solid #59B267;
  width: 50px;
  height: 50px; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.xd-rotate-180 {
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.xd-block {
  display: block !important; }

.xd-divider {
  border-bottom: 1px solid #555555;
  width: 100%; }

.xd-flex-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.xd-flex-middle-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.xd-flex--stack {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.back-to-top {
  display: none;
  position: fixed;
  right: 1em;
  bottom: 1em;
  z-index: 9999; }

.back-to-top .xd-icon {
  margin: 0; }

.xd-bubble {
  background: gray;
  padding: 0 6px;
  border-radius: 3px;
  border: 1px solid #CCCCCC; }

.off-canvas .xd-notification, .xd-notification {
  color: white;
  background: #ED4D39;
  width: 25px;
  height: 25px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 14px; }

.xd-notification:hover {
  background: #df2b14; }

.off-canvas .xd-notification {
  background: transparent;
  border: 2px solid #ED4D39;
  width: 30px;
  height: 30px; }

.off-canvas .xd-notification:hover {
  background: #ef6250;
  border-color: #ef6250; }

.xd-switch-text {
  margin-left: 0.5em; }

.switch-active, .switch-inactive {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .switch-active .xd-icon, .switch-inactive .xd-icon {
    margin: 0;
    color: white;
    text-shadow: none;
    opacity: 1;
    font-size: 1.5em; }

.switch-inactive .xd-icons {
  position: relative;
  right: -2px; }

input:checked + label > .switch-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.switch {
  margin: 0; }

.switch .switch-paddle {
  border-radius: 20px; }

.switch .switch-paddle .xd-icons {
  font-size: 20px; }

.switch .switch-paddle:after {
  border-radius: 50%; }

.switch input:checked ~ .switch-paddle {
  background: #59B267; }

.xd-round {
  border-radius: 3px; }

.xd-rounder {
  border-radius: 20px; }

.xd-circle {
  border-radius: 50%; }

.xd-top-round {
  border-radius: 3px 3px 0 0; }

.xd-bottom-round {
  border-radius: 0 0 3px 3px; }

.xd-dropdown-select {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border-radius: 3px;
  cursor: pointer;
  background: transparent;
  padding: 0;
  position: relative;
  height: 2.5375rem;
  z-index: 999;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1em; }

.xd-dropdown-select ul.xd-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  min-width: 40px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.xd-dropdown-select ul.xd-selected img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.5375rem;
  border-radius: 3px;
  margin-right: 0.3em; }

.xd-dropdown-select .xd-split {
  border-left: 1px solid #CCCCCC;
  margin-left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 30px; }

.xd-dropdown-select .xd-split i.xd-icons {
  color: #333333; }

.xd-dropdown-select .xd-dropdown-selections {
  position: absolute;
  width: 300px;
  background: white;
  top: 53px;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
  padding: 0.6em;
  color: #333333;
  right: auto;
  left: auto; }

.xd-dropdown-select .xd-dropdown-selections ul {
  margin: 0 0 1em;
  padding: 0; }

.xd-dropdown-select .xd-dropdown-selections ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #EEEEEE;
  padding: 0.3em; }

.xd-dropdown-select .xd-dropdown-selections ul li img {
  width: 40px;
  border-radius: 3px;
  margin-right: 10px; }

.xd-dropdown-select .xd-dropdown-selections.xd-open {
  display: block; }

.xd-back-button {
  margin-bottom: 0;
  margin-right: 1em; }

.xd-back-button:hover {
  background-color: #4FC3F7;
  color: white; }

.xd-counter, .counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  border-radius: 3px;
  font-weight: 500;
  padding: 10px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 40px;
  height: 2.5375rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #455A64;
  padding: 0 0.5em; }

.xd-counter.info, .counter--info {
  background: #29B6F6; }

.xd-counter.success, .counter--success {
  background: #43A047; }

.xd-counter.error, .counter--error {
  background: #e53935; }

.xd-counter.warning, .counter--warning {
  background: #FF9800; }

.xd-counter .count, .counter__count {
  font-size: 1em; }

.dropdown-pane {
  border: none;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.dropdown.menu > li.is-active > a {
  color: #43A047; }

.widget .dropdown.menu > li.is-active > a {
  color: #4FC3F7; }

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: #455A64 transparent transparent; }

.dropdown-pane.has-menu .vertical.menu, .dropdown-pane.has-menu .xd-secondary-bar .menu a.vertical, .xd-secondary-bar .menu .dropdown-pane.has-menu a.vertical {
  width: 100%; }

.dropdown-pane.has-menu .vertical.menu li, .dropdown-pane.has-menu .xd-secondary-bar .menu a.vertical li, .xd-secondary-bar .menu .dropdown-pane.has-menu a.vertical li {
  width: 100%; }

.dropdown-pane.has-menu .vertical.menu li a, .dropdown-pane.has-menu .xd-secondary-bar .menu a.vertical li a, .xd-secondary-bar .menu .dropdown-pane.has-menu a.vertical li a {
  width: 100%;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.dropdown-pane.has-menu .vertical.menu li a .xd-icons, .dropdown-pane.has-menu .xd-secondary-bar .menu a.vertical li a .xd-icons, .xd-secondary-bar .menu .dropdown-pane.has-menu a.vertical li a .xd-icons {
  margin-right: 0.5em; }

.dropdown-pane.has-menu .vertical.menu li:hover, .dropdown-pane.has-menu .xd-secondary-bar .menu a.vertical li:hover, .xd-secondary-bar .menu .dropdown-pane.has-menu a.vertical li:hover {
  background: #EEEEEE; }

.xd-accent-bg {
  background: #59B267;
  color: white;
  border-color: #59B267; }

.xd-accent-color {
  color: #59B267; }

.sticky {
  width: 100%; }

.xd-left-navigation {
  width: 100px;
  height: calc(100vh - 55px);
  background: #333333; }

.xd-left-navigation ul li > a {
  text-align: center;
  color: white;
  border-bottom: 1px solid #555555; }

.xd-left-navigation ul li > a:hover {
  background: #1a1a1a; }

.xd-left-navigation .is-dropdown-submenu-parent.opens-right.is-active {
  background: #1a1a1a; }

.xd-left-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a, .xd-left-navigation .xd-secondary-bar .menu a.dropdown > li.is-dropdown-submenu-parent > a, .xd-secondary-bar .menu .xd-left-navigation a.dropdown > li.is-dropdown-submenu-parent > a {
  padding: 1em 0 1em; }

.xd-left-navigation .dropdown.menu > li.is-dropdown-submenu-parent > a:hover, .xd-left-navigation .xd-secondary-bar .menu a.dropdown > li.is-dropdown-submenu-parent > a:hover, .xd-secondary-bar .menu .xd-left-navigation a.dropdown > li.is-dropdown-submenu-parent > a:hover {
  background: #1a1a1a; }

.xd-left-navigation .is-dropdown-submenu {
  background: white;
  border: none;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.xd-left-navigation .is-dropdown-submenu a {
  text-align: left;
  color: #333333;
  border: none; }

.xd-left-navigation .is-dropdown-submenu a:hover {
  background: #59B267;
  color: white; }

.xd-left-navigation .xd-icons {
  line-height: 20px;
  display: block;
  width: 100%;
  margin: 0 0 0.5em; }

.xd-left-navigation .dropdown.menu.vertical > li > a:after, .xd-left-navigation .xd-secondary-bar .menu a.dropdown.vertical > li > a:after, .xd-secondary-bar .menu .xd-left-navigation a.dropdown.vertical > li > a:after {
  right: 6px; }

.xd-responsive-menu {
  position: relative; }

.xd-responsive-menu a {
  width: 100%; }

.xd-responsive-menu ul li.xd-all-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.xd-responsive-menu .toggle-mobile-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50px;
  padding: 0 1em;
  position: relative;
  z-index: 10;
  background: white;
  border-bottom: 1px solid #CCCCCC;
  text-transform: uppercase; }

.xd-responsive-menu .main-nav-wrap {
  display: none; }

.xd-responsive-menu button.xd-is-closed .close-menu {
  display: none; }

.xd-responsive-menu button.xd-is-open .close-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.xd-responsive-menu button.xd-is-open .open-menu {
  display: none; }

.xd-responsive-menu button.open-menu {
  background: #EEEEEE;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  outline: none;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .xd-responsive-menu button.open-menu .xd-icon {
    margin: 0; }

.breadcrumbs {
  margin: 1rem; }

.breadcrumbs .xd-icons {
  font-size: 1rem; }

label {
  cursor: pointer; }

.label {
  border-radius: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: var(--lightest-gray);
  color: var(--light-text); }

.label .xd-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 12px;
  margin-right: 0.45em; }

.label.primary {
  background: #455A64;
  color: white; }

.label.secondary {
  background: #4FC3F7;
  color: white; }

.label.success {
  background: #43A047;
  color: white; }

.label.alert {
  background: #e53935;
  color: white; }

.label.warning {
  background: #FF9800;
  color: white; }

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.xd-search-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%; }

.xd-search-box .xd-search-field {
  margin-right: 0.5em;
  margin-bottom: 0;
  background: white;
  border: none; }

.xd-search-box .xd-search-field:focus, .xd-search-box .xd-search-field:hover {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.xd-search-box .xd-search-button {
  background: #59B267; }

.input-group {
  position: relative; }
  .input-group .input-group-label {
    background: #455A64;
    border-color: #455A64;
    border-width: 1px;
    border-radius: 3px 0 0 3px;
    color: white;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .input-group .input-group-field {
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .input-group:hover .input-group-field {
    border-color: #4FC3F7; }
  .input-group:hover .input-group-label, .input-group:hover .input-group-button .button {
    background: #4FC3F7;
    border-color: #4FC3F7; }
  .input-group:hover .k-dropdown .k-dropdown-wrap {
    border-color: #4FC3F7; }

.input-group .input-group-field, .input-group .input-group-label, .input-group .input-number {
  height: 2.5375rem; }

.input-group.small .input-group-field, .input-group.small .input-group-label, .input-group.small .input-number, .input-group.small .sm-input-group-field, .input-group.small .sm-input-group-label, .input-group.small .sm-input-number {
  height: 2.1375rem; }

.input-group.input-number-group label {
  width: 100%; }

.input-group.input-number-group .input-number-increment, .input-group.input-number-group span.input-number-decrement {
  width: 30px;
  background: white;
  border: 2px solid #4FC3F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 28px;
  border-radius: 3px !important;
  cursor: pointer;
  margin: 0 0.4em 0 0;
  color: #4FC3F7;
  font-size: 1.6em; }

.input-group.input-number-group .input-number-increment:hover, .input-group.input-number-group span.input-number-decrement:hover {
  background: #4FC3F7;
  color: white; }

.input-group.input-number-group .xd-incrementer {
  position: absolute;
  right: 0;
  top: 31px; }

.input-group.has-counter .input-group-field {
  margin-right: 0.5em; }

.input-group.xd-with-button .input-group-field {
  border-radius: 0; }

.input-group.xd-with-button .button, .input-group.xd-with-button button {
  border-radius: 0px 3px 3px 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.input-group .input-group-field {
  border-radius: 0 3px 3px 0;
  border: 1px solid #455A64; }

.input-group .button {
  margin: 0; }

.input-group .button .xd-icons {
  line-height: 0; }

.input-group__clear-reset {
  position: absolute; }

.input-group__clear-reset .xd-icon {
  font-size: 16px; }

.input-group--filter .input-group__clear-reset {
  right: 10px;
  top: 12px; }

.input-group--search .input-group__clear-reset {
  right: 75px;
  top: 12px; }

.input-group--search .input-group-field {
  border-radius: 0; }

.input-group--search .input-group-button .button {
  border-radius: 0 3px 3px 0; }

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {
  margin: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }
  [type='text']:hover, [type='text']:focus, [type='text']:active, [type='password']:hover, [type='password']:focus, [type='password']:active, [type='date']:hover, [type='date']:focus, [type='date']:active, [type='datetime']:hover, [type='datetime']:focus, [type='datetime']:active, [type='datetime-local']:hover, [type='datetime-local']:focus, [type='datetime-local']:active, [type='month']:hover, [type='month']:focus, [type='month']:active, [type='week']:hover, [type='week']:focus, [type='week']:active, [type='email']:hover, [type='email']:focus, [type='email']:active, [type='number']:hover, [type='number']:focus, [type='number']:active, [type='search']:hover, [type='search']:focus, [type='search']:active, [type='tel']:hover, [type='tel']:focus, [type='tel']:active, [type='time']:hover, [type='time']:focus, [type='time']:active, [type='url']:hover, [type='url']:focus, [type='url']:active, [type='color']:hover, [type='color']:focus, [type='color']:active, textarea:hover, textarea:focus, textarea:active {
    -webkit-box-shadow: none;
    box-shadow: none; }

[type='checkbox'] + label, [type='radio'] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.xd-input {
  border: 1px solid #455A64;
  border-radius: 3px; }

.xd-input:hover, .xd-input:focus, .xd-input:active {
  border: 1px solid #4FC3F7; }

input.xd-input:disabled, input.xd-input[readonly], textarea.xd-input:disabled, textarea.xd-input[readonly] {
  opacity: 0.4; }

[required], .xd-required {
  border-left: 5px solid #e53935; }

[required]:hover, [required]:focus, .xd-required:hover, .xd-required:focus {
  border-left: 5px solid #e53935; }

.inset-shadow-left-1 {
  -webkit-box-shadow: inset 10px -5px 12px -13px rgba(0, 0, 0, 0.75);
  box-shadow: inset 10px -5px 12px -13px rgba(0, 0, 0, 0.75); }

.xd-accent-hover:hover {
  background: #59B267;
  border-color: #59B267;
  color: white; }

.h1, h1 {
  font-size: 2rem;
  font-weight: lighter; }

.xd-highlight-list .card {
  border-color: #2196F3; }

.xd-highlight-list .card .card-section.xd-bottom {
  background: #2196F3;
  color: white; }

.xd-highlight-list .card .card-section.xd-accent-hover:hover .xd-bottom {
  background: #2196F3; }

.box, .xd-box, .block, .content-box {
  background: white;
  border: 1px solid #CCCCCC;
  margin-bottom: 1em;
  padding: 1em; }

.box h1, .box .h2, .box .block h3, .box h4, .box h5, .xd-box h1, .xd-box .h2, .xd-box .block h3, .xd-box h4, .xd-box h5, .block h1, .block .h2, .block .block h3, .block h4, .block h5 {
  border-bottom: 1px solid #455A64; }

.xd-box.border-bottom {
  border-width: 0 0 1px 0; }

.xd-box .box-header {
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 1em; }

.pricing {
  font-weight: bold; }

.xd-fill {
  width: -webkit-fill-available; }

.xd-fit-content {
  display: table;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  width: intrinsic; }

.responsive-table {
  margin-bottom: 0; }

.responsive-table thead {
  background: transparent;
  border: none;
  display: none; }

.responsive-table tbody {
  border: none;
  background: white; }

.responsive-table tbody tr, .responsive-table tbody tr:nth-child(2n) {
  display: block;
  background-color: white;
  border: 1px solid #DDDDDD;
  margin-bottom: 1em; }

.responsive-table tbody td {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0.5em;
  border-bottom: 1px solid #DDDDDD; }

.responsive-table tbody td:before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-transform: uppercase;
  margin-right: 0.5em;
  color: black;
  text-align: left; }

.responsive-table tbody td:last-child {
  border-bottom: 0; }

.responsive-table tfoot {
  border: none; }

.responsive-table tr.is-nested tr {
  border-width: 0; }

.responsive-table tr.is-nested tr td {
  margin: 0; }

.responsive-table tr.is-nested td table {
  margin: 0; }

.responsive-table tr.is-nested tr td ul {
  margin: 0 1em;
  list-style-type: circle; }

.responsive-table tr.is-nested tr td ul li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0.5em 0; }

.responsive-table tr.active {
  border-color: #2196F3 !important; }

.responsive-table tr.active .toggle-row {
  background: #2196F3 !important;
  color: white; }

.responsive-table tr.in-transit-details.is-nested.active {
  background: #2196F3;
  color: white; }

.responsive-table tbody {
  border: none;
  background: transparent; }

.responsive-table .table-dropdown-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.responsive-table .table-dropdown-button .xd-icon {
  -webkit-transition: -webkit-transform 750ms ease;
  transition: -webkit-transform 750ms ease;
  -o-transition: transform 750ms ease;
  transition: transform 750ms ease;
  transition: transform 750ms ease, -webkit-transform 750ms ease; }

.responsive-table tr.active .table-dropdown-button .xd-icon {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg); }

.responsive-table__number {
  text-align: right; }

.responsive-table__success {
  color: #43A047; }

.responsive-table__secondary {
  color: #4FC3F7; }

.responsive-table__warning {
  color: #FF9800; }

.responsive-table__alert {
  color: #e53935; }

.responsive-table__truncate {
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden; }

.k-grid, .k-listview {
  position: relative;
  zoom: 1;
  border: none; }

span.k-widget.k-dropdown.k-header {
  width: 100%;
  background: white;
  border-radius: 3px;
  /*height: 40px*/ }

.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
  background: white;
  border-top: 1px solid #CCCCCC;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.3em 0.3em 0.3em 0.3em; }

.k-dropdown-wrap span.k-input, .k-numeric-wrap span.k-input, .k-picker-wrap span.k-input {
  width: 100%; }

.k-dropdown-wrap span.k-select, .k-numeric-wrap span.k-select, .k-picker-wrap span.k-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.k-list-filter > .k-textbox {
  border-width: 1px;
  border: 1px solid #455A64; }

.xd-kendo-grid {
  background: white;
  overflow: hidden;
  width: 100%;
  border-top: 1px solid #CCCCCC;
  margin-bottom: 0; }

.xd-kendo-grid td {
  padding: .4em .6em;
  border-width: 0px 0 1px 0;
  border-color: #CCCCCC; }

.xd-kendo-grid td.xd-grid-icon {
  width: 50px;
  height: 55px; }

.xd-kendo-grid td.xd-grid-icon img {
  width: 40px;
  height: 40px;
  border-radius: 3px;
  margin-left: 6px; }

.xd-kendo-grid td .xd-truncate-text {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.xd-kendo-grid td a {
  color: #333333;
  text-decoration: underline;
  font-weight: bold; }

.xd-kendo-grid td a:hover {
  background: #EEEEEE !important; }

.xd-kendo-grid tr {
  border-width: 0;
  -webkit-transition: background 1s ease;
  -o-transition: background 1s ease;
  transition: background 1s ease; }

.xd-kendo-grid tr:hover {
  background: #EEEEEE !important; }

.xd-kendo-grid span.k-icon.k-i-sort-desc-sm {
  color: #333333; }

.xd-kendo-grid .k-filter-row th, .xd-kendo-grid .k-grid-header th.k-header {
  border-width: 0 0 1px 0;
  border-color: #CCCCCC;
  padding: 0.8em 0.6em;
  background: white; }

.xd-kendo-grid .k-grid-header th.k-header > .k-link {
  color: #333333;
  font-weight: bold; }

.xd-kendo-grid table tbody tr:nth-child(2n) {
  border-bottom: 0;
  background-color: white; }

span.xd-grid-icon {
  background: #333333;
  color: white;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  border-radius: 3px; }

.information_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }

.information_icon:after {
  content: "?";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #2196F3;
  color: white;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  float: right;
  font-size: 1em;
  margin-left: -15px;
  position: relative; }

.information_icon a {
  margin-right: 10px !important; }

.info-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #2196F3;
  cursor: pointer;
  color: white;
  border-radius: 3px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 18px;
  height: 18px; }

div.k-window {
  background: white;
  border: none;
  border-radius: 4px; }

.k-dialog .k-dialog-titlebar .k-dialog-title {
  font-size: 1em;
  color: white; }

.k-dialog.k-alert .k-content, .k-dialog.k-confirm .k-content {
  padding: 2em 1em; }

div.k-window .k-block > .k-header, div.k-window .k-window-titlebar {
  background-color: #0070c0 !important;
  border-radius: 3px 3px 0 0;
  color: white; }

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button {
  border-width: 0;
  padding: 8px; }

.k-dialog .k-dialog-buttongroup.k-dialog-button-layout-stretched .k-button:hover {
  opacity: 0.95; }

.k-button-group.k-dialog-buttongroup button.k-button.k-button {
  background: #4FC3F7;
  color: white; }

.k-button-group.k-dialog-buttongroup button.k-button.k-primary {
  background: #59B267;
  color: white; }

div.k-window div.k-window-content {
  background: white;
  border-radius: 0 0 3px 3px;
  padding: 1em 1em 3em;
  -webkit-box-sizing: border-box !important;
  box-sizing: border-box !important; }

.xd-popup-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.xd-success {
  background: #59B267;
  color: white;
  border-color: #59B267; }

.xd-success.text {
  color: #59B267;
  background: transparent;
  border: none; }

.xd-general {
  background: #2196F3;
  color: white;
  border-color: #2196F3; }

.xd-general.text {
  color: #2196F3;
  background: transparent;
  border: none; }

.xd-warning {
  background: #FFC107;
  color: white;
  border-color: #FFC107; }

.xd-warning.text {
  color: #FFC107;
  background: transparent;
  border: none; }

.xd-alert {
  background: #F52234;
  color: white;
  border-color: #F52234; }

.xd-alert.text {
  color: #F52234;
  background: transparent;
  border: none; }

.message-box-list {
  margin: 0;
  padding: 0 1em;
  list-style: none; }

.message-box {
  border-collapse: separate;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1em 0;
  position: relative;
  width: 100%;
  border: 1px solid;
  min-height: 50px;
  background: black;
  overflow: hidden; }

.message-box .icon-wrap {
  border-radius: 3px 0px 0px 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 50px; }

.message-box .icon-wrap .icon-font, .message-box .icon-wrap .xd-icon, .message-box .icon-wrap svg {
  -ms-flex-item-align: center;
  align-self: center;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px; }

.message-box.square {
  border-radius: 0px !important; }

.message-box.square .icon-wrap {
  border-radius: 0px !important; }

.message-box .icon-font {
  font-size: 1.3em; }

.message-box .text-wrap {
  padding: 0.4em;
  background: white;
  width: 100%; }

.message-box.info {
  background-color: #2196F3;
  border-color: #2196F3; }

.message-box.info .icon-wrap {
  background-color: #2196F3; }

.message-box.success {
  background-color: #59B267;
  border-color: #59B267; }

.message-box.success .icon-wrap {
  background-color: #59B267; }

.message-box.warning {
  background-color: #FFC107;
  border-color: #FFC107; }

.message-box.warning .icon-wrap {
  background-color: #FFC107; }

.message-box.priority, .message-box.alert {
  background-color: #ED4D39;
  border-color: #ED4D39; }

.message-box.priority .icon-wrap, .message-box.alert .icon-wrap {
  background-color: #ED4D39; }

.cssload-container {
  width: 100%;
  height: 25px;
  text-align: center;
  display: none; }

.cssload-speeding-wheel {
  width: 25px;
  height: 25px;
  margin: 0 auto;
  border: 1px solid white;
  border-radius: 50%;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-animation: cssload-spin 575ms infinite linear;
  animation: cssload-spin 575ms infinite linear; }

.ab-box-spinner .cssload-container {
  display: block; }

.fixed-to-bottom-right {
  position: fixed;
  bottom: 0;
  right: 0; }

@keyframes cssload-spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes cssload-spin {
  to {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes cssload-spin {
  to {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-webkit-keyframes cssload-spin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes cssload-spin {
  to {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

.xd-accessories-switch {
  position: relative;
  top: -5px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em; }

.contractor-select-flag img {
  width: 45px;
  border: none; }

.filter-box, .search-box {
  display: none; }

.c-check-qty {
  margin: 0; }

.c-check-qty input {
  background: white;
  border-color: #4FC3F7;
  border-right: none;
  border-width: 1px;
  margin-right: 0;
  width: 60px;
  margin-bottom: 0;
  height: 35px;
  padding: 0 0.3em; }

.c-check-qty input::-webkit-input-placeholder {
  color: black; }

.c-check-qty input:-ms-input-placeholder {
  color: black; }

.c-check-qty input::-ms-input-placeholder {
  color: black; }

.c-check-qty input::placeholder {
  color: black; }

.c-check-qty .button {
  border-radius: 0 3px 3px 0;
  padding: 0 1em;
  background: white;
  text-decoration: none;
  font-weight: normal;
  border-width: 1px; }

.c-check-qty .button .xd-icons {
  font-size: 20px; }

.c-check-qty .button:hover {
  background-color: #4FC3F7 !important; }

.c-check-qty.small input {
  height: 30px;
  border-radius: 3px 0 0 3px; }

.c-check-qty.small input::-webkit-input-placeholder {
  color: #DDDDDD; }

.c-check-qty.small input:-ms-input-placeholder {
  color: #DDDDDD; }

.c-check-qty.small input::-ms-input-placeholder {
  color: #DDDDDD; }

.c-check-qty.small input::placeholder {
  color: #DDDDDD; }

.c-check-qty.small .button {
  font-size: 1em; }

.cell.small-padding-collapse {
  padding-right: 0;
  padding-left: 0; }

.cell.small-margin-collapse {
  margin-right: 0;
  margin-left: 0; }

@media screen and (min-width: 74em) {
  .grid-margin-x.xd-xlarge-up-8 > .cell, .grid-padding-x.xd-xlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem); }
  .grid-margin-x.xd-xlarge-up-10 > .cell, .grid-padding-x.xd-xlarge-up-10 > .cell {
    width: calc(10% - 1.875rem); } }

/* Extra Large  */
/* Extra Extra Large  */
/*
======================================================================
Cart
======================================================================
*/
.page-layout {
  margin-left: -0.9375rem;
  margin-right: -0.9375rem; }

/*
======================================================================
Custom radio button and checkboxes
======================================================================
*/
/* Customize the label (the container) */
.xd-checkbox {
  display: none; }

label.xd-checkbox-label {
  margin: 0;
  padding: 0;
  line-height: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.xd-checkbox-label:before {
  font-family: "axd";
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #455A64;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 6px 0 0;
  border-radius: 2px;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.xd-checkbox-label:hover::before {
  border-color: #4FC3F7; }

.xd-checkbox:checked + label::before, .xd-checkbox:checked + .xd-checkbox-label::before {
  content: "\e90f";
  background: #4FC3F7;
  border-color: #4FC3F7;
  color: white; }

.xd-radio {
  display: none; }

.xd-radio-single {
  display: inline-block !important;
  position: relative;
  margin-bottom: 0;
  width: 20px;
  height: 20px; }

.xd-radio-single::before {
  background: white;
  border: 1px solid #455A64; }

.xd-radio-single:checked::before {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background: #4FC3F7;
  border-radius: 50%;
  border-color: #4FC3F7;
  top: 0;
  margin-bottom: 0; }

label.xd-radio-label {
  margin: 0;
  padding: 0;
  line-height: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.xd-radio-label:before, .xd-radio-single:before {
  font-family: "axd";
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #455A64;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 6px 0 0;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.xd-radio-label:hover::before {
  border-color: #4FC3F7; }

.xd-radio:checked + label::before, .xd-radio:checked + .xd-radio-label::before, .xd-radio-single:checked::before {
  content: "\e953";
  background-color: white;
  border-color: #4FC3F7;
  border-width: 5px;
  color: white;
  font-size: 10px; }

input:disabled + label.xd-radio-label {
  opacity: 0.35;
  cursor: not-allowed !important; }

input:disabled + label.xd-radio-label:hover::before {
  border-color: #e53935; }

/* Custom stuff */
.in-transit-toggle {
  cursor: pointer; }

.responsive-table tbody tr.in-transit-details {
  display: none; }

.button-copy-text .xd-icons {
  font-size: 15px;
  margin-right: 0.5em;
  width: auto; }

.xd-ontop.is-agile-mobile {
  min-height: 60px; }

td.checkbox-grid {
  display: table;
  width: 100%;
  vertical-align: middle; }

td.checkbox-grid input, input.checkbox-grid {
  margin: 10px; }

.select-all-grid-header {
  margin: 0 10px; }

.xd-basket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5em !important;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  height: 40px;
  margin: 0 0.5em;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s; }

.xd-basket:hover {
  -webkit-box-shadow: inset 0px 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0 5px rgba(0, 0, 0, 0.3); }

.xd-basket .xd-icon {
  font-size: 1em; }

.xd-basket .xd-icon-wrap {
  margin-right: 0.3em;
  font-size: 1.5em; }

.xd-basket a {
  padding: 0.7rem 0; }

.xd-basket .xd-cart-count, .notification-count span.number {
  background: #F52234;
  padding: 0.2em 0.5em;
  border-radius: 3px;
  color: white;
  font-size: 0.8em;
  height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.notification-count span.number {
  margin-top: -16px;
  margin-left: -10px; }

.notifications-center {
  width: 100%; }

.notifications-list {
  padding: 1em; }

.close-notifications {
  margin: 0; }
  .close-notifications:hover {
    -webkit-box-shadow: none;
    box-shadow: none; }

.add-to-cart-icon .xd-icon {
  cursor: pointer;
  height: 45px;
  width: 100%;
  border-radius: 3px; }

.add-to-cart-icon .xd-icon:hover {
  background: #4FC3F7;
  color: white;
  border-radius: 3px; }

.wizard-action-bar {
  position: fixed;
  width: 100%;
  background: #0070c0;
  border-top: 1px solid #0070c0;
  bottom: 0;
  min-height: 50px;
  display: inline-block;
  color: white;
  z-index: 9999;
  left: 0;
  padding: 0.5em; }

.popup-action-bar {
  background: #f5f5f5;
  position: absolute;
  bottom: 0px;
  padding: 1em;
  width: 100%;
  border-radius: 0 0 3px 3px;
  left: 0px;
  margin: 0; }
  .popup-action-bar .button {
    margin-bottom: 0; }

div.k-window div.k-window-content {
  margin-bottom: 0; }

.k-state-selected label.xd-checkbox-label {
  color: #333333; }

/**********************************************************************
Profile photo
***********************************************************************/
.profile-photo {
  border: 2px solid #0070c0;
  border-radius: 50%; }

/**********************************************************************
Visbility - Base
***********************************************************************/
.show-for-xlarge {
  display: none !important; }

.show-for-xxlarge {
  display: none !important; }

/**********************************************************************
Alignment
***********************************************************************/
.content-align-right-small {
  text-align: right; }

.content-align-left-small {
  text-align: left; }

.content-align-center-small {
  text-align: center; }

/**********************************************************************
Spacing - Small
***********************************************************************/
.small-padding-collapse {
  margin-right: 0.9375rem;
  margin-left: 0.9375rem;
  padding-right: 0;
  padding-left: 0; }

.block-on-small {
  display: block; }

/* Custom */
/********************************************************
Pages
*********************************************************/
.page-content {
  position: relative; }

.page-content--height {
  min-height: calc(100vh - 60px - 50px - 50px); }

.page-content--height .k-grid-content.k-auto-scrollable {
  height: auto !important; }

/********************************************************
iFrame auto sizing
*********************************************************/
.content-iframe {
  height: calc(100vh - 160px); }

/********************************************************
Custom components
*********************************************************/
.opener, .cover {
  background: #EEEEEE;
  padding: 1em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative; }

.cover--overlay::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px; }

.cover--overlay-acuity-blue::before {
  background-color: rgba(0, 112, 192, 0.85); }

.cover--overlay-primary::before {
  background-color: rgba(69, 90, 100, 0.85); }

.cover--overlay-secondary::before {
  background-color: rgba(79, 195, 247, 0.85); }

.cover--overlay-success::before {
  background-color: rgba(67, 160, 71, 0.85); }

.cover--overlay-warning::before {
  background-color: rgba(255, 152, 0, 0.85); }

.cover--overlay-alert::before {
  background-color: rgba(229, 57, 53, 0.85); }

.section-container {
  padding: 1em; }

/********************************************************
Progress bar
*********************************************************/
ol.progress-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 2em 1em;
  width: 100%; }
  ol.progress-track li {
    display: block;
    position: relative;
    text-align: center;
    border-top: 7px solid #DDDDDD;
    color: black;
    width: 100%; }
    ol.progress-track li .icon-wrap {
      background-color: white;
      border: 5px solid #DDDDDD;
      border-radius: 50%;
      bottom: 1.5em;
      color: #DDDDDD;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 2.5em;
      margin: 0 auto -2em;
      position: relative;
      width: 2.5em;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    ol.progress-track li .xd-icon {
      font-size: 1em;
      margin: 0; }
    ol.progress-track li .step-label {
      display: inline-block;
      background: #eee;
      padding: 0.2em 0.5em;
      margin: 1em 0 0;
      color: #999999; }
    ol.progress-track li a.step-label {
      text-decoration: underline; }
    ol.progress-track li.progress-current {
      border-top: 7px solid #455A64; }
      ol.progress-track li.progress-current .icon-wrap {
        background-color: #2196F3;
        border: 5px solid #455A64;
        color: white; }
      ol.progress-track li.progress-current .step-label {
        background: #2196F3;
        color: white; }
    ol.progress-track li.success {
      border-top: 7px solid #43A047; }
      ol.progress-track li.success .icon-wrap {
        background-color: #43A047;
        border: 5px solid #43A047;
        color: white; }
      ol.progress-track li.success .step-label {
        background: #43A047;
        color: white; }
    ol.progress-track li.alert {
      border-top: 7px solid #e53935; }
      ol.progress-track li.alert .icon-wrap {
        background-color: #e53935;
        border: 5px solid #e53935;
        color: white; }
      ol.progress-track li.alert .step-label {
        background: #e53935;
        color: white; }
    ol.progress-track li.warning {
      border-top: 7px solid #FF9800; }
      ol.progress-track li.warning .icon-wrap {
        background-color: #FF9800;
        border: 5px solid #FF9800;
        color: white; }
      ol.progress-track li.warning .step-label {
        background: #FF9800;
        color: white; }
    ol.progress-track li .icon-check-mark, ol.progress-track li .icon-down-arrow {
      height: 25px;
      width: 15px;
      display: inline-block;
      fill: currentColor; }
    ol.progress-track li .progress-text {
      margin: 1em auto 0;
      text-align: center;
      display: block;
      width: 100%;
      left: 0; }

/********************************************************
List Items & List Groups
*********************************************************/
.list-items-container, .list-group {
  list-style: none;
  margin: 0; }
  .list-items-container.overflow, .list-group.overflow {
    margin: 0 -0.9375rem; }
  .list-items-container .list-item, .list-items-container li, .list-group .list-item, .list-group li {
    background: white;
    border-bottom: 1px solid rgba(69, 90, 100, 0.2);
    min-height: 20px;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 16px; }
    .list-items-container .list-item label, .list-items-container li label, .list-group .list-item label, .list-group li label {
      font-size: 16px;
      margin: 0 0.5em;
      position: relative;
      line-height: unset; }
    .list-items-container .list-item:hover, .list-items-container li:hover, .list-group .list-item:hover, .list-group li:hover {
      background: #f6f6f6; }
    .list-items-container .list-item:first-of-type, .list-items-container li:first-of-type, .list-group .list-item:first-of-type, .list-group li:first-of-type {
      border-top: 1px solid rgba(69, 90, 100, 0.2); }

.list-group [type="checkbox"], .list-group [type="radio"] {
  display: none; }

.list-group--dark .list-item, .list-group--dark li {
  background: transparent;
  border: none; }

.list-group--dark .list-item:hover, .list-group--dark li:hover {
  background: transparent; }

.list-group--padding-item-1 .list-item, .list-group--padding-item-1 li {
  padding: 0.9375rem; }

.list-group--padding-item-05 .list-item, .list-group--padding-item-05 li {
  padding: 0.5em; }

.list-group--padding-item-05 .list-item label, .list-group--padding-item-05 li label {
  margin: 0; }

.list-group--space-items .list-item, .list-group--space-items li {
  padding: 0.5em 0; }

.list-group--space-between .list-item, .list-group--space-between li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.list-group--bold-title .h1, .list-group--bold-title .h2, .list-group--bold-title .h3, .list-group--bold-title .h4, .list-group--bold-title .h5, .list-group--bold-title .h6, .list-group--bold-title h1, .list-group--bold-title h2, .list-group--bold-title h3, .list-group--bold-title h4, .list-group--bold-title h5, .list-group--bold-title h6, .list-group--bold-title .list-group__title {
  font-weight: bold; }

.list-group--overflow {
  margin: 0 -0.9375rem !important; }

.list-group--padding-1 {
  padding: 0 1em; }

.list-group--loading li {
  position: relative;
  overflow: hidden; }

.list-group--loading li:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 99;
  width: 500%;
  margin-left: -250%;
  -webkit-animation: lightFlare 0.8s linear infinite;
  animation: lightFlare 0.8s linear infinite;
  background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.35)), color-stop(54%, rgba(255, 255, 255, 0))) 50% 50%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  z-index: 99; }

.list-group--loading li:after {
  background: #EEEEEE;
  content: "";
  position: absolute;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  top: 0;
  left: 0;
  margin: 0.65rem; }

.list-group--circle li, .list-group--circle li:first-of-type {
  border: none; }

.list-group--circle li {
  width: 100%;
  min-block-size: 80px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative; }

.list-group--circle li:before {
  border-radius: 50%;
  content: "";
  width: 60px;
  height: 60px;
  display: inline-block;
  position: absolute; }

.list-group--circle li.list-group__empty:before {
  border: 1px dashed #CCCCCC; }

.list-group--minimal li, .list-group--minimal .list-item, .list-group--minimal li:first-of-type, .list-group--minimal .list-item:first-of-type {
  border: none; }

.list-group--not-pointer li {
  cursor: default; }

.list-group--truncate-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.list-group--truncate-text .list-group__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }

.list-group__text span {
  outline: none; }

.list-group--align-center li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/********************************************************
Drop Caps
*********************************************************/
.dropcap {
  background: #0070c0;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;
  font-weight: bold;
  margin-right: 0.3em;
  color: white;
  height: 30px;
  width: 30px;
  position: relative;
  text-transform: uppercase; }

/********************************************************
Site Strip
*********************************************************/
.site-strip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: white;
  padding: 0 1em;
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height: 60px;
  z-index: 99999;
  border-top: 1px solid #455A64;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

/********************************************************
Panel
*********************************************************/
.xd-panel, .panel {
  background: white;
  height: 100%;
  position: relative; }

.panel--overflow-hidden {
  overflow: hidden; }

.panel__header {
  padding: 0 0.9375rem; }

.panel__section {
  padding: 0.9375rem; }

.panel--page-height {
  height: 100%; }

.panel__content {
  border-top: 1px solid rgba(69, 90, 100, 0.2); }

.panel--fixed .panel__content {
  position: fixed; }

.panel--content-height {
  height: calc(100vh - 110px); }

.panel--content-height-no-bar {
  height: calc(100vh - 60px - 50px - 50px); }

.panel--content-height .panel__content {
  height: 100%; }

.panel--shadow-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); }

.panel--shadow-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }

.panel--shadow-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }

.panel-border-left {
  border-left: 1px solid #CCCCCC; }

.panel-border-right {
  border-right: 1px solid #CCCCCC; }

.panel-border {
  border: 1px solid #CCCCCC; }

/********************************************************
Carrot
*********************************************************/
.carrot-up::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom-color: inherit;
  border-bottom: 8px solid;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 999;
  margin: auto;
  top: -8px; }

.carrot-down::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid;
  position: absolute; }

.carrot-right::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid;
  position: absolute; }

.carrot-left::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid;
  position: absolute; }

/********************************************************
Page Bar - App Bar - Page Action Bar
*********************************************************/
span.first-word {
  font-weight: 600; }

.page-bar, .page-action-bar, .app-bar {
  background: white;
  border-bottom: 1px solid #CCCCCC;
  height: 50px;
  padding: 0 0.9375rem;
  display: block;
  position: relative; }

.app-bar__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-transform: uppercase; }

.app-bar__name--first {
  font-weight: 600;
  margin-right: 0.35em; }

/********************************************************
Badge
*********************************************************/
.badge--drop-cap {
  width: 35px;
  height: 35px;
  margin-right: 0.5em;
  font-weight: bold;
  font-size: 1em;
  overflow: hidden;
  min-width: auto; }

.badge--large {
  width: 45px;
  height: 45px; }

.badge--cirle {
  border-radius: 50%;
  margin: 0; }

.badge--acuity-blue {
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #0070c0; }

.badge--acuity-blue:hover {
  background-color: #007fda; }

.badge--outline:before {
  border: 1px solid #0070c0;
  content: "";
  width: 60px;
  height: 60px;
  position: absolute;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.list-group--no-hover li:hover {
  background: transparent; }

.badge--outline:hover::before {
  border-color: #43A047; }

.page-bar .title, .page-action-bar .title {
  font-weight: bold;
  margin: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.badge--active-spin-animation:before {
  background-size: 60px;
  background-repeat: no-repeat;
  border: none !important;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  content: "";
  width: 60px;
  height: 60px;
  position: absolute; }

.badge--active-spin-animation:hover::before {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.badge--shrink-hover:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95); }

.badge__hover-label-right {
  white-space: nowrap;
  position: absolute;
  right: -182px;
  color: white;
  background: #455A64;
  font-weight: normal;
  padding: 0.738em;
  border-radius: 3px;
  display: none; }

.badge:hover .badge__hover-label-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.badge__hover-label-right::after {
  content: " ";
  position: absolute;
  top: 50%;
  right: 100%;
  /* To the left of the tooltip */
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #455A64 transparent transparent; }

.badge--top-right {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 10; }

.badge--top-left {
  position: absolute;
  left: 8px;
  top: 8px;
  z-index: 10; }

.badge--bottom-right {
  position: absolute;
  right: 8px;
  bottom: 8px;
  z-index: 10; }

.badge--bottom-left {
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 10; }

.badge__parent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  z-index: 20;
  background: white; }

.badge__children {
  display: none;
  margin: 0;
  width: 100%;
  position: relative;
  color: #43A047;
  border-top: 1px solid #43A047; }

.badge__children, .badge__children li {
  position: relative;
  background: #f6f6f6; }

.badge__children .badge {
  font-size: 13px; }

.badge__children .badge--outline:before {
  width: 45px;
  height: 45px; }

.badge__children .badge--active::before {
  background-size: 47px;
  background-repeat: no-repeat;
  border: none !important;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  content: "";
  width: 47px;
  height: 47px;
  position: absolute; }

.badge__children li {
  min-block-size: 60px; }

.list-group--no-border-first li:first-of-type {
  border-top: none; }

@keyframes spin {
  0% {
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0); }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg); } }

/********************************************************
Strips
*********************************************************/
.xd-ui-strip {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.xd-ui-strip.primary {
  background-color: #455A64; }

.xd-ui-strip.secondary {
  background-color: #4FC3F7; }

.xd-ui-strip.success {
  background-color: #43A047; }

.xd-ui-strip.warning {
  background-color: #FF9800; }

.xd-ui-strip.alert {
  background-color: #e53935; }

/********************************************************
Horizontal Bar
*********************************************************/
.vertical-bar {
  background: white;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  min-height: calc(100vh - 60px - 50px);
  position: relative;
  z-index: 999;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.vertical-bar .menu.vertical {
  background: white; }

.vertical-bar .vertical.menu .xd-icon {
  margin-bottom: 0.43rem;
  font-size: 1rem; }

.vertical-bar .vertical.menu a {
  font-size: 1em;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  padding: 0.9rem 1rem;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.vertical-bar .vertical.menu a:hover {
  background: #455A64;
  color: white; }

.menu--border-top {
  border-top: 1px solid rgba(0, 0, 0, 0.3); }

.menu--standard a {
  background-color: white;
  border-bottom: 1px solid #CCCCCC; }

.menu--standard .nested.is-accordion-submenu {
  margin: 0; }

.accordion--menu.nested.is-accordion-submenu li, .accordion--menu .nested.is-accordion-submenu li a {
  background-color: #eff2f4; }

.menu--standard .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  border-color: #333333 transparent transparent; }

.menu--standard .nested.is-accordion-submenu, .menu--standard .nested.is-accordion-submenu li, .menu--standard .nested.is-accordion-submenu li a {
  margin: 0;
  background-color: #eff2f4; }

.menu--standard .nested.is-accordion-submenu li.active a {
  background-color: #455A64; }

/********************************************************
Footer
*********************************************************/
.footer-wrapper {
  display: inline-block;
  width: 100%; }

.footer-panel {
  display: none;
  background: white;
  width: 100%;
  height: calc(100vh - 50px);
  top: 0;
  padding: 1em;
  position: fixed;
  overflow-y: auto;
  overflow-x: hidden; }

.footer-panel .menu a {
  color: #455A64;
  border-bottom: 1px solid #eee;
  padding: 1em 0;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .footer-panel .menu a:hover {
    background: #455A64;
    color: white;
    border-color: #455A64;
    padding: 1em; }

.footer-panel .close-button {
  background: red;
  width: 30px;
  height: 30px;
  color: white;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.3em;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .footer-panel .close-button:hover {
    -webkit-transform: scale(3) rotate(90deg);
    -ms-transform: scale(3) rotate(90deg);
    transform: scale(3) rotate(90deg); }

.footer-panel h4 {
  margin-top: 1em;
  font-weight: 300;
  border-bottom: 5px solid #455A64;
  display: inline-block; }

.footer-header {
  border-bottom: 1px solid #455A64;
  margin-bottom: 1em; }

.social-links {
  margin: 1em 0; }
  .social-links a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #455A64;
    margin: 1em 0;
    padding: 0.7em 0;
    border: 1px solid;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 3px; }
  .social-links .facebook-link {
    border-color: #4172b8; }
    .social-links .facebook-link:hover {
      background: #4172b8;
      color: white;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
      .social-links .facebook-link:hover .facebook:before {
        color: white; }
  .social-links .twitter-link {
    border-color: #1da1f2; }
    .social-links .twitter-link:hover {
      background: #1da1f2;
      color: white;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
      .social-links .twitter-link:hover .twitter:before {
        color: white; }
  .social-links .linkedin-link {
    border-color: #0077b5; }
    .social-links .linkedin-link:hover {
      background: #0077b5;
      color: white;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
      .social-links .linkedin-link:hover .linkedin:before {
        color: white; }
  .social-links .youtube-link {
    border-color: #f00; }
    .social-links .youtube-link:hover {
      background: #f00;
      color: white;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
      .social-links .youtube-link:hover .youtube:before {
        color: white; }
  .social-links .instagram-link {
    border-color: #e4405f; }
    .social-links .instagram-link:hover {
      background: #e4405f;
      color: white;
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
      .social-links .instagram-link:hover .instagram:before {
        color: white; }
  .social-links .xd-icon {
    font-size: 1.5em;
    margin-right: 0.5em;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

footer {
  background: white;
  border-top: 1px solid #ddd;
  width: 100%;
  height: 50px;
  position: relative;
  z-index: 99;
  padding: 0 1em; }

footer .menu {
  height: 100%; }
  footer .menu .xd-icon {
    font-size: 1.3em;
    margin: 0 0.25em; }
  footer .menu li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #53626D; }
  footer .menu a {
    color: #53626D;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }

.company-legal li {
  padding-right: 0.5em; }

footer .xd-icon.shield-check-solid {
  color: #43A047; }

footer .menu .footer-logo a {
  padding: 0; }

footer .open-footer-panel li {
  padding: 0; }

footer .open-footer-panel a {
  text-decoration: underline; }
  footer .open-footer-panel a:hover {
    color: #4FC3F7; }

.show {
  display: block !important; }

.show-flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.more-footer button {
  background: #EEE;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 0.5em;
  width: 35px;
  height: 35px;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .more-footer button:hover {
    background: #455A64;
    color: white; }

footer li.more-footer {
  padding-left: 1em; }

.more-footer {
  cursor: pointer; }
  .more-footer:hover button {
    background: #455A64;
    color: white; }

/********************************************************
Error Screen  - 404, 500
*********************************************************/
.error-screen {
  position: absolute;
  top: 0;
  left: 0;
  background: white;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

img.error-screen__image {
  max-width: 300px;
  margin-bottom: 2em; }

.error-screen__text {
  font-size: 18px;
  font-weight: bold;
  width: 100%;
  max-width: 300px;
  text-align: center;
  color: #333333; }

.widget .error-screen {
  min-height: 400px; }

/********************************************************
Widgets
*********************************************************/
/* Widget container */
.widget-frame, .widget-frame iframe {
  background: white;
  border: none;
  border-radius: 3px;
  width: 100%;
  overflow: hidden; }

.widget-animation-container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: white;
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.26);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  overflow: hidden;
  width: 100%; }

.widget-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  border-radius: 3px; }

.edit-overlay {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 3px;
  overflow: hidden; }

.widget-edit-buttons .button {
  margin: 0 0.3em; }

.widget-edit-buttons .button .xd-icon {
  font-size: 2em;
  margin-bottom: 0.3em; }

.widget-edit-buttons .hollow {
  background: white; }

.widget-edit-buttons .hollow:active, .widget-edit-buttons .hollow:focus {
  background: #455A64; }

.close-edt-mode {
  position: absolute;
  top: 1em;
  right: 1em; }

.close-edt-mode .button.hollow {
  background: white; }

.widget-loading:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 99;
  width: 500%;
  margin-left: -250%;
  -webkit-animation: lightFlare .8s linear infinite;
  animation: lightFlare .8s linear infinite;
  background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.35)), color-stop(54%, rgba(255, 255, 255, 0))) 50% 50%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; }

.widget-loading .app-icon:before, .widget-loading .widget-title:before, .widget-loading .widget-dropdown:before, .widget-loading .widget-content:before, .widget-loading .widget-paging:before, .widget-loading .widget-more:before, .widget-loading .orbit-wrapper:before, .widget-loading .orbit-bullets:before {
  content: "";
  background: #eee;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15; }

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "\e91a";
  font-family: 'axd' !important;
  font-size: 16px;
  color: #455A64;
  top: 2px;
  right: 8px;
  border-color: #455A64 transparent transparent transparent;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  border-color: transparent transparent white transparent;
  color: white;
  top: 2px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

/* style the items (options), including the selected item: */
.select-selected {
  background: white;
  color: #455A64;
  padding: 3px 30px 3px 8px;
  border: 1px solid #455A64;
  border-radius: 3px;
  cursor: pointer;
  font-size: 0.9em;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }
  .select-selected:hover {
    border-color: #4FC3F7; }

.select-selected.select-arrow-active {
  border-radius: 3px 3px 0 0;
  background: #455A64;
  border-color: #455A64;
  color: white; }

.select-items div {
  padding: 0.4em 0.6em;
  color: white; }

/* Style items (options): */
.select-items {
  position: absolute;
  background-color: #455A64;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 0 0 3px 3px; }

/* Hide the items when the select box is closed: */
.select-hide {
  display: none; }

.select-items div:hover, .same-as-selected {
  background-color: rgba(0, 0, 0, 0.1); }

.widget-page-items-wrap {
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
  margin-left: -.625rem;
  margin-right: -.625rem; }

.widget-page-item {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.325s;
  transition: -webkit-transform 0.325s;
  -o-transition: transform 0.325s;
  transition: transform 0.325s;
  transition: transform 0.325s, -webkit-transform 0.325s;
  position: absolute;
  padding: 0 .625em; }
  .widget-page-item:first-of-type {
    left: 0; }
  .widget-page-item:nth-of-type(2) {
    left: 100%; }
  .widget-page-item:nth-of-type(3) {
    left: 200%; }
  .widget-page-item:nth-of-type(4) {
    left: 300%; }
  .widget-page-item:nth-of-type(5) {
    left: 400%; }
  .widget-page-item:nth-of-type(6) {
    left: 500%; }
  .widget-page-item:nth-of-type(7) {
    left: 600%; }
  .widget-page-item:nth-of-type(8) {
    left: 700%; }
  .widget-page-item:nth-of-type(9) {
    left: 800%; }
  .widget-page-item:nth-of-type(10) {
    left: 900%; }

.edit-overlay {
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 3px;
  overflow: hidden; }

.widget-edit-buttons .button {
  margin: 0 0.3em; }

.widget-edit-buttons .button .xd-icon {
  font-size: 2em;
  margin-bottom: 0.3em; }

.widget-edit-buttons .hollow {
  background: white; }

.widget-edit-buttons .hollow:active, .widget-edit-buttons .hollow:focus {
  background: #455A64; }

.close-edt-mode {
  position: absolute;
  top: 1em;
  right: 1em; }

.close-edt-mode .button.hollow {
  background: white; }

.widget-loading:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 99;
  width: 500%;
  margin-left: -250%;
  -webkit-animation: lightFlare .8s linear infinite;
  animation: lightFlare .8s linear infinite;
  background: -webkit-gradient(linear, left top, right top, color-stop(46%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.35)), color-stop(54%, rgba(255, 255, 255, 0))) 50% 50%;
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%; }

.widget-loading .app-icon:before, .widget-loading .widget-title:before, .widget-loading .widget-dropdown:before, .widget-loading .widget-content:before, .widget-loading .widget-paging:before, .widget-loading .widget-more:before, .widget-loading .orbit-wrapper:before, .widget-loading .orbit-bullets:before {
  content: "";
  background: #eee;
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 15; }

/********************************************************
Text Group
*********************************************************/
.text-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #333333; }

.text-group__label {
  font-weight: bold; }

.text-group__value {
  margin-left: 0.5em; }

.text-group--large {
  font-size: 1.5em; }

.text-group--xlarge {
  font-size: 2.5em; }

/********************************************************
Combo Selector
*********************************************************/
.combo-selector {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  height: 40px; }

.combo-selector__button {
  margin-bottom: 0;
  border-radius: 0 3px 3px 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.combo-selector__list {
  background: white;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none; }

.combo-selector__button.small {
  padding: 0.595em; }

.combo-selector__label {
  margin-left: .5em;
  border-radius: 3px 0 0 3px;
  color: #455A64; }

.combo-selector__list-header {
  border-bottom: 1px solid rgba(69, 90, 100, 0.2);
  padding: 0.5em;
  color: #333333; }

.combo-selector__list-header .close-button {
  color: #455A64; }

.combo-selector__list-header h5 {
  font-weight: bold;
  margin: 0;
  color: #333333;
  font-size: 18px; }

.combo-selector__search {
  border-bottom: 1px solid #CCCCCC;
  padding: 0.5em; }

.combo-selector__search-results-list {
  height: 100%; }

.combo-selector--selected .combo-selector__label {
  color: white;
  background: #43A047; }

.combo-selector__active-text {
  display: none; }

.combo-selector--selected .combo-selector__default-text {
  display: none; }

.combo-selector--selected .combo-selector__active-text {
  display: block; }

.combo-selector .list-group li label.xd-radio-label {
  font-size: 14px !important; }

.combo-selector__selected-value {
  border-width: 1px 0 1px 0;
  border-style: solid;
  border-color: #455A64;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.8em; }

.combo-selector__unselect {
  display: none; }

.combo-selector--selected-multiple .combo-selector__unselect {
  display: block; }

.combo-selector .combo-selector__selected-value-single, .combo-selector .combo-selector__selected-value-multiple {
  display: none; }

.combo-selector--selected-multiple .combo-selector__select-all {
  display: none; }

.combo-selector--selected-multiple .combo-selector__selected-value-none, .combo-selector--selected-multiple .combo-selector__selected-value-single {
  display: none; }

.combo-selector--selected-multiple .combo-selector__selected-value-multiple {
  display: block; }

.combo-selector--selected-single .combo-selector__selected-value-none, .combo-selector--selected-single .combo-selector__selected-value-multiple {
  display: none; }

.combo-selector--selected-single .combo-selector__selected-value-single {
  display: block; }

/********************************************************
Sexy Scroll
*********************************************************/
/*Scrolling*/
.xd-sexy-scroll {
  scroll-behavior: smooth;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: auto;
  height: 100%; }

.xd-sexy-scroll--y {
  overflow-y: auto; }

.xd-sexy-scroll--x {
  overflow-x: auto; }

/* width */
.xd-sexy-scroll::-webkit-scrollbar {
  width: 5px; }

/* Track */
.xd-sexy-scroll::-webkit-scrollbar-track {
  background: #DDDDDD; }

/* Handle */
.xd-sexy-scroll::-webkit-scrollbar-thumb {
  background: #455A64; }

/* Handle on hover */
.xd-sexy-scroll::-webkit-scrollbar-thumb:hover {
  background: black; }

/********************************************************
Visual Icon
*********************************************************/
.visual-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column; }

.visual-icon__content {
  width: 128px;
  height: 128px;
  margin-bottom: 1em;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.15);
  position: relative;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.visual-icon:hover .visual-icon__content {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1); }

.visual-icon--success .visual-icon__content {
  background: #43A047; }

.visual-icon--alert .visual-icon__content {
  border: 4px solid #e53935;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

.visual-icon__alert {
  display: none; }

.visual-icon--alert .visual-icon__alert {
  color: white;
  width: 100%;
  position: absolute;
  top: -15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  left: 0; }

.visual-icon--alert .visual-icon__img {
  width: auto;
  margin: 0; }

.visual-icon__count {
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.visual-icon__count span {
  border-radius: 50%;
  background: #455A64;
  width: 25px;
  height: 25px;
  display: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  top: -12px;
  font-weight: normal; }

.visual-icon--show-count .visual-icon__count span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.visual-icon--success .visual-icon__count, .visual-icon--inactive .visual-icon__count {
  display: none; }

.visual-icon--show-count-primary .visual-icon__count span {
  background: #455A64;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.visual-icon--show-count-secondary .visual-icon__count span {
  background: #4FC3F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.visual-icon--show-count-success .visual-icon__count span {
  background: #43A047;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.visual-icon--show-count-alert .visual-icon__count span {
  background: #e53935;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.visual-icon--show-count-warning .visual-icon__count span {
  background: #FF9800;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.visual-icon__complete {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: 0;
  left: 0; }

.visual-icon__complete .xd-icon {
  font-size: 45px; }

.visual-icon--success .visual-icon__complete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.visual-icon--label-uppercase {
  text-transform: uppercase; }

.visual-icon--label-light {
  font-weight: 300; }

.visual-icon__label {
  font-weight: normal; }

.visual-icon--inactive {
  cursor: not-allowed;
  opacity: 0.5; }

.visual-icon__img-inactive {
  display: none; }

.visual-icon--inactive .visual-icon__img-inactive {
  display: block; }

.visual-icon--inactive .visual-icon__img-active {
  display: none; }

.visual-icon--success .visual-icon__img-active {
  display: none; }

.visual-icon--success .visual-icon__img-inactive {
  display: block;
  opacity: 0.35; }

.visual-icon__img {
  width: 50px;
  margin: auto;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

/********************************************************
Visual Icon
*********************************************************/
.progress {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 28px;
  width: 100%;
  height: 25px;
  border: 1px solid #333333;
  margin: 0;
  position: relative;
  margin: 0;
  outline: none; }

.progress__loaded, .progress__buffer {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: white;
  position: absolute;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 0.345em 0 0;
  border-radius: 28px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  min-width: 24px; }

.progress__loaded {
  background-color: #43A047;
  z-index: 1; }

.progress__buffer {
  background-color: #455A64; }

@-webkit-keyframes progress-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

@keyframes progress-stripes {
  from {
    background-position: 40px 0; }
  to {
    background-position: 0 0; } }

.progress--loaded-primary .progress__loaded {
  background-color: #455A64; }

.progress--loaded-secondary .progress__loaded {
  background-color: #4FC3F7; }

.progress--loaded-success .progress__loaded {
  background-color: #43A047; }

.progress--loaded-warning .progress__loaded {
  background-color: #FF9800; }

.progress--loaded-alert .progress__loaded {
  background-color: #e53935; }

.progress--buffer-primary .progress__buffer {
  background-color: #455A64; }

.progress--buffer-secondary .progress__buffer {
  background-color: #4FC3F7; }

.progress--buffer-success .progress__buffer {
  background-color: #43A047; }

.progress--buffer-warning .progress__buffer {
  background-color: #FF9800; }

.progress--buffer-alert .progress__buffer {
  background-color: #e53935; }

.progress--loaded-striped-active .progress__loaded, .progress--buffer-striped-active .progress__buffer {
  -webkit-animation: progress-stripes 2s linear infinite;
  -o-animation: progress-stripes 2s linear infinite;
  animation: progress-stripes 2s linear infinite; }

.progress--loaded-striped .progress__loaded, .progress--buffer-striped .progress__buffer {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px; }

.progress__text-bubble {
  position: absolute;
  background: #333333;
  border-radius: 3px;
  right: 0;
  top: -29px;
  padding: 0.3em 0.5em;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.42);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.42); }

.progress__text-bubble:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 0.562em solid transparent;
  border-top-color: #333333;
  border-bottom: 0;
  margin-left: -0.562em;
  margin-bottom: -0.562em; }

/********************************************************
Overflow
*********************************************************/
.xd-overflow--hidden {
  overflow: hidden; }

/********************************************************
Shadow
*********************************************************/
.xd-shadow-slim {
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 0 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: none; }

.xd-shadow-1 {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: none; }

.xd-shadow-2 {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border: none; }

.xd-shadow-3 {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  border: none; }

.xd-shadow-4 {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

.xd-shadow-5 {
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  border: none; }

.xd-shadow-hover {
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
  border: none; }

.xd-shadow-hover:hover {
  -webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }

/********************************************************
Toaster Messages
*********************************************************/
#toast-container > div {
  background-size: 20px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
  margin: 0 0 15px;
  -webkit-transition: all ease 0.5s;
  -o-transition: all ease 0.5s;
  transition: all ease 0.5s;
  color: white; }

#toast-container > :hover {
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); }

.toast-success {
  background-color: #43A047; }

.toast-info {
  background-color: #29B6F6; }

.toast-warning {
  background-color: #FF9800; }

.toast-error {
  background-color: #ED4D39; }

/*********************************************************
Small only - Styling specific to small screens only
**********************************************************/
@media screen and (max-width: 39.9375em) {
  /********************************************************
Responsive Table - Mobile Only
*********************************************************/
  .responsive-table--mobile-header tbody tr td:first-of-type {
    background: #455A64;
    margin: 0;
    color: white;
    border-color: #455A64; }
  .responsive-table--mobile-header tbody tr td:first-of-type::before {
    color: white; }
  .responsive-table--mobile-header tbody tr, .responsive-table--mobile-header tbody tr:nth-child(2n) {
    border: 1px solid #455A64; }
  .responsive-table tbody td {
    text-align: right; }
  .k-notification {
    padding: 0.5em; }
  .checkout-cta {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    border-width: 1px 0 0; }
  .checkout-cta h5 {
    display: none; }
  .input-group .sm-input-group-field {
    border-radius: 0 3px 3px 0; }
  .button-set.inline-on-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .button-set.inline-on-small button {
    margin: 0 1em; }
  .button-set.inline-on-small button:first-of-type {
    margin-left: 0; }
  .button-set.inline-on-small button:last-of-type {
    margin-right: 0; }
  .button-group.small-on-small .button {
    font-size: 80%; }
  .sm-only-margin-bottom-1 {
    margin-bottom: 1em; }
  .sm-only-margin-top-1 {
    margin-top: 1em; }
  /********************************************************
Combo Selector
*********************************************************/
  .combo-selector--single .combo-selector__search-results-list {
    max-height: calc(100vh - 174px); }
  /********************************************************
Badge
*********************************************************/
  .badge--small-on-small {
    font-size: 0.7rem;
    height: 22px;
    width: auto; }
  /**********************************************************************
Spacing
***********************************************************************/
  .block-on-small-only {
    display: block; }
  .small-full-only {
    padding-right: 0;
    padding-left: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto; }
  /**********************************************************************
Typography - Small Only
***********************************************************************/
  .font--small-on-small {
    font-size: 0.75rem !important; }
  /**********************************************************************
Alignment - Small Only
***********************************************************************/
  .cell.align-right-small, .cell.align-left-small, .cell.align-center-small {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .cell.align-right-small {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  .cell.align-left-small {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
  .cell.align-center-small {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .cell.align-middle-small {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .stack-on-small-only {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  /********************************************************
Visual Icon
*********************************************************/
  .visual-icon__content {
    width: 64px;
    height: 64px;
    margin-bottom: 0;
    margin-right: 1em;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.15);
    position: relative;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; }
  .visual-icon__img {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .visual-icon__img-active, .visual-icon__img-inactive {
    width: 30px; }
  .visual-icon__complete .xd-icon {
    font-size: 30px; }
  .visual-icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  /********************************************************
Shadow
*********************************************************/
  .responsive-table--small-text-on-small tbody td {
    font-size: 0.7rem;
    margin: 0; }
  /*
======================================================================
Spacing
======================================================================
*/
  .xd-grid-padding-sm-only {
    padding: 0.625rem; } }

/*********************************************************
Medium and up - Styling specific to screens medium and up
**********************************************************/
@media screen and (min-width: 40em) {
  .button.xd-flex-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .xd-dropdown-select .xd-dropdown-selections {
    position: absolute;
    width: 270px;
    background: white;
    top: 45px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
    padding: 0.6em;
    color: #333333;
    right: 0; }
  .xd-responsive-menu .main-nav-wrap {
    display: block !important; }
  .notifications-center {
    width: 360px; }
  .filter-box, .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .xd-secondary-bar .menu, .xd-secondary-bar .menu a {
    height: 50px; }
  .xd-secondary-bar .menu a {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    color: #333333;
    border-bottom: 5px solid white;
    border-top: 5px solid white;
    text-transform: uppercase; }
  .xd-secondary-bar .menu a:hover {
    border-bottom: 5px solid #59B267; }
  .xd-secondary-bar .menu .xd-current {
    position: relative;
    background: white;
    z-index: 5; }
  .xd-secondary-bar .menu .xd-current a {
    background: white;
    border-bottom: 5px solid #59B267;
    color: #333333; }
  .xd-secondary-bar .menu.submenu, .xd-secondary-bar .menu.submenu a {
    height: auto; }
  .xd-secondary-bar .menu.submenu a {
    width: 100%; }
  .responsive-table {
    background: white; }
  .responsive-table--contained {
    border: 1px solid #CCCCCC; }
  .responsive-table thead {
    background: transparent;
    border-bottom: 1px solid #CCCCCC;
    display: table-header-group; }
  .responsive-table tbody tr, .responsive-table tbody tr:nth-child(2n) {
    display: table-row;
    border-width: 0px 0px 1px 0px; }
  .responsive-table tbody td {
    display: table-cell;
    border: none; }
  .responsive-table tbody td:before {
    content: "";
    display: none; }
  .button.xd-flex-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .xd-dropdown-select .xd-dropdown-selections {
    position: absolute;
    width: 270px;
    background: white;
    top: 45px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.225);
    padding: 0.6em;
    color: #333333;
    right: 0; }
  .filter-box, .search-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .xd-secondary-bar .menu a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    color: #333333;
    border-bottom: 5px solid white;
    border-top: 5px solid white;
    text-transform: uppercase; }
  .xd-secondary-bar .menu a:hover {
    border-bottom: 5px solid #59B267; }
  .xd-secondary-bar .menu .xd-current {
    position: relative;
    background: white;
    z-index: 5; }
  .xd-secondary-bar .menu .xd-current a {
    background: white;
    border-bottom: 5px solid #59B267;
    color: #333333; }
  .responsive-table thead {
    background: transparent;
    border-bottom: 1px solid #DDDDDD;
    display: table-header-group; }
  .responsive-table tbody tr, .responsive-table tbody tr:nth-child(2n) {
    display: table-row;
    border-width: 0px 0px 1px 0px; }
  .responsive-table tbody td {
    display: table-cell;
    border: none; }
  .responsive-table tbody td:before {
    content: "";
    display: none; }
  .xd-md-no-margin {
    margin: 0 !important; }
  .xd-md-no-margin-bottom {
    margin-bottom: 0 !important; }
  .input-group .md-input-group-field {
    border-radius: 0 3px 3px 0; }
  .input-group-field.md-no-label {
    border-radius: 3px; }
  .cell.medium-padding-collapse {
    padding-right: 0;
    padding-left: 0; }
  .cell.medium-padding-uncollapse {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  .button-set.inline-on-medium {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .button-set.inline-on-medium .button {
    margin: 0 0.5em; }
  .button-set.inline-on-medium button:first-of-type {
    margin-left: 0; }
  .button-set.inline-on-medium button:last-of-type {
    margin-right: 0; }
  /********************************************************
Combo Selector
*********************************************************/
  .combo-selector__list {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    position: absolute;
    top: 50px;
    right: 0;
    left: auto;
    height: auto;
    display: none;
    width: 300px;
    border-radius: 3px;
    overflow: hidden; }
  .combo-selector__search-results-list {
    max-height: 240px; }
  /**********************************************************************
Visbility - Medium
***********************************************************************/
  .show-for-xlarge {
    display: none !important; }
  .show-for-xxlarge {
    display: none !important; }
  /**********************************************************************
Alignment
***********************************************************************/
  .content-align-right-medium {
    text-align: right; }
  .content-align-left-medium {
    text-align: left; }
  .content-align-center-medium {
    text-align: center; }
  .align-right-medium {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
  /**********************************************************************
Spacing - Medium
***********************************************************************/
  .xd-md-margin-top-1 {
    margin-top: 1em !important; }
  .xd-md-margin-top-2 {
    margin-top: 2em !important; }
  .xd-grid-padding {
    padding: 0.9375rem; }
  .xd-sexy-scroll--x-md {
    overflow-y: auto; }
  .xd-callout .xd-content, .xd-advance-button .xd-content, .xd-callout .xd-text, .xd-advance-button .xd-text {
    font-size: 0.75rem; }
  /********************************************************
Font
*********************************************************/
  .font--giant, .xd-font-size--giant {
    font-size: 3rem !important; } }

/*********************************************************
Medium only - Styling specific to medium screens only
**********************************************************/
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .xd-sexy-scroll--y-md-only {
    overflow-y: scroll; }
  .xd-sexy-scroll--x-md-only {
    overflow-x: scroll; } }

/*********************************************************
Large and up - Styling specific to screens large and up
**********************************************************/
@media screen and (min-width: 64em) {
  .xd-responsive-menu li:not(.xd-current) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .xd-responsive-menu li a {
    width: auto; }
  .xd-responsive-menu button.xd-icons {
    display: none; }
  .xd-callout-card {
    height: 2.5375rem; }
  .xd-callout-card .xd-callout-content {
    padding: 0 0.5em; }
  .xd-lg-height-100 {
    height: 100%; }
  .box-height-fill {
    height: calc(100% - 44px) !important; }
  .xd-responsive-menu li:not(.xd-current) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .xd-responsive-menu li a {
    width: auto; }
  .xd-responsive-menu button.xd-icons {
    display: none; }
  .xd-callout-card {
    height: 2.5375rem; }
  .xd-callout-card .xd-callout-content {
    padding: 0 0.5em; }
  .xd-lg-height-100 {
    height: 100%; }
  .box-height-fill {
    height: calc(100% - 44px) !important; }
  .xd-responsive-menu li:not(.xd-current) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .xd-responsive-menu li a {
    width: auto; }
  .xd-responsive-menu button.xd-icons {
    display: none; }
  .xd-responsive-menu .main-nav-wrap {
    display: block !important; }
  .xd-callout-card {
    height: 2.5375rem; }
  .xd-callout-card .xd-callout-content {
    padding: 0 0.5em; }
  .xd-lg-height-100 {
    height: 100%; }
  .box-height-fill {
    height: calc(100% - 44px) !important; }
  .xd-lg-no-margin {
    margin: 0 !important; }
  .xd-lg-no-margin-bottom {
    margin-bottom: 0 !important; }
  .input-group .lg-no-label {
    border-radius: 3px; }
  .cell.large-padding-collapse {
    padding-right: 0;
    padding-left: 0; }
  .cell.large-padding-uncollapse {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem; }
  /**********************************************************************
Visbility - Large
***********************************************************************/
  .show-for-xlarge {
    display: none !important; }
  .show-for-xxlarge {
    display: none !important; }
  /**********************************************************************
Spacing - Large
***********************************************************************/
  .large-padding-collapse {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    padding-right: 0;
    padding-left: 0; }
  .xd-lg-margin-top-1 {
    margin-top: 1em !important; }
  .xd-lg-margin-top-2 {
    margin-top: 2em !important; }
  /********************************************************
Font
*********************************************************/
  .font--giant, .xd-font-size--giant {
    font-size: 4rem !important; } }

/*********************************************************
Large only - Styling specific to large screens only
**********************************************************/
/*********************************************************
Extra large - For bigger screen and retina displays
**********************************************************/
@media screen and (min-width: 90em) {
  .grid-margin-x.xd-xxlarge-up-8 > .cell, .grid-padding-x.xd-xxlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem); }
  .grid-margin-x.xd-xxlarge-up-10 > .cell, .grid-padding-x.xd-xxlarge-up-10 > .cell {
    width: calc(10% - 1.875rem); }
  .xd-accessories-switch {
    position: absolute;
    top: -5px;
    right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .grid-x > .xlarge-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .xlarge-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }
  .grid-x > .xlarge-1 {
    width: 8.33333%; }
  .grid-x > .xlarge-2 {
    width: 16.66667%; }
  .grid-x > .xlarge-3 {
    width: 25%; }
  .grid-x > .xlarge-4 {
    width: 33.33333%; }
  .grid-x > .xlarge-5 {
    width: 41.66667%; }
  .grid-x > .xlarge-6 {
    width: 50%; }
  .grid-x > .xlarge-7 {
    width: 58.33333%; }
  .grid-x > .xlarge-8 {
    width: 66.66667%; }
  .grid-x > .xlarge-9 {
    width: 75%; }
  .grid-x > .xlarge-10 {
    width: 83.33333%; }
  .grid-x > .xlarge-11 {
    width: 91.66667%; }
  .grid-x > .xlarge-12 {
    width: 100%; }
  .button-set.stack-on-medium {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .button-set.stack-on-medium .button {
    margin: 0.5em 0; }
  /**********************************************************************
Visbility - Extra Large
***********************************************************************/
  .show-for-xlarge {
    display: block !important; }
  .show-for-xxlarge {
    display: none !important; }
  /**********************************************************************
Block Grid - Extra large
***********************************************************************/
  .xlarge-up-1 > .cell {
    width: 100%; }
  .xlarge-up-2 > .cell {
    width: 50%; }
  .xlarge-up-3 > .cell {
    width: 33.33333%; }
  .xlarge-up-4 > .cell {
    width: 25%; }
  .xlarge-up-5 > .cell {
    width: 20%; }
  .xlarge-up-6 > .cell {
    width: 16.66667%; }
  .xlarge-up-7 > .cell {
    width: 14.28571%; }
  .xlarge-up-8 > .cell {
    width: 12.5%; }
  .grid-margin-x.xlarge-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.xlarge-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.xlarge-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.xlarge-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.xlarge-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.xlarge-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.xlarge-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.xlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem); }
  /**********************************************************************
Spacing - Extra Large
***********************************************************************/
  .xlarge-padding-collapse {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    padding-right: 0;
    padding-left: 0; } }

/*********************************************************
Large only - Styling specific to large screens only
**********************************************************/
@media screen and (min-width: 90.1em) and (max-width: 99.9em) {
  /**********************************************************************
Visbility - Extra Large Only
***********************************************************************/ }

/*********************************************************
Extra extra large only - In rare cases you may need to apply 
styling to really large screens, this is for those cases
**********************************************************/
@media screen and (min-width: 100em) {
  /**********************************************************************
Visbility - Extra Extra Large
***********************************************************************/
  .show-for-xxlarge {
    display: block !important; }
  /**********************************************************************
Block Grid - Extra Extra Large
***********************************************************************/
  .grid-x > .xxlarge-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    width: auto; }
  .grid-x > .xxlarge-shrink {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto; }
  .grid-x > .xxlarge-1 {
    width: 8.33333%; }
  .grid-x > .xxlarge-2 {
    width: 16.66667%; }
  .grid-x > .xxlarge-3 {
    width: 25%; }
  .grid-x > .xxlarge-4 {
    width: 33.33333%; }
  .grid-x > .xxlarge-5 {
    width: 41.66667%; }
  .grid-x > .xxlarge-6 {
    width: 50%; }
  .grid-x > .xxlarge-7 {
    width: 58.33333%; }
  .grid-x > .xxlarge-8 {
    width: 66.66667%; }
  .grid-x > .xxlarge-9 {
    width: 75%; }
  .grid-x > .xxlarge-10 {
    width: 83.33333%; }
  .grid-x > .xxlarge-11 {
    width: 91.66667%; }
  .grid-x > .xxlarge-12 {
    width: 100%; }
  /**********************************************************************
Block Grid - Extra Extra large
***********************************************************************/
  .xxlarge-up-1 > .cell {
    width: 100%; }
  .xxlarge-up-2 > .cell {
    width: 50%; }
  .xxlarge-up-3 > .cell {
    width: 33.33333%; }
  .xxlarge-up-4 > .cell {
    width: 25%; }
  .xxlarge-up-5 > .cell {
    width: 20%; }
  .xxlarge-up-6 > .cell {
    width: 16.66667%; }
  .xxlarge-up-7 > .cell {
    width: 14.28571%; }
  .xxlarge-up-8 > .cell {
    width: 12.5%; }
  .grid-margin-x.xxlarge-up-1 > .cell {
    width: calc(100% - 1.875rem); }
  .grid-margin-x.xxlarge-up-2 > .cell {
    width: calc(50% - 1.875rem); }
  .grid-margin-x.xxlarge-up-3 > .cell {
    width: calc(33.33333% - 1.875rem); }
  .grid-margin-x.xxlarge-up-4 > .cell {
    width: calc(25% - 1.875rem); }
  .grid-margin-x.xxlarge-up-5 > .cell {
    width: calc(20% - 1.875rem); }
  .grid-margin-x.xxlarge-up-6 > .cell {
    width: calc(16.66667% - 1.875rem); }
  .grid-margin-x.xxlarge-up-7 > .cell {
    width: calc(14.28571% - 1.875rem); }
  .grid-margin-x.xxlarge-up-8 > .cell {
    width: calc(12.5% - 1.875rem); }
  /**********************************************************************
Spacing - Extra Extra Large
***********************************************************************/
  .xxlarge-padding-collapse {
    margin-right: 0.9375rem;
    margin-left: 0.9375rem;
    padding-right: 0;
    padding-left: 0; } }