/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 23px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../img/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('../img/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../img/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #e0521f;
  color: #fff;
}
.chosen-container .chosen-results li.no-results {
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 5px;
  height: 15px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #666;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-field .default {
  color: #999;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 0 3px 5px;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../img/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #e0521f;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #111 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../img/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../img/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../img/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
/* Webkit, Chrome and Safari */
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(-500%);
    opacity: 0.5;
  }
  40% {
    -webkit-transform: translateY(0%);
  }
  50% {
    -webkit-transform: translateY(-30%);
  }
  70% {
    -webkit-transform: translateY(0%);
  }
  80% {
    -webkit-transform: translateY(-15%);
  }
  90% {
    -webkit-transform: translateY(0%);
  }
  95% {
    -webkit-transform: translateY(-10%);
  }
  97% {
    -webkit-transform: translateY(0%);
  }
  99% {
    -webkit-transform: translateY(-5%);
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
    -moz-transform: translateY(-500%);
    opacity: 0.5;
  }
  40% {
    -moz-transform: translateY(0%);
  }
  50% {
    -moz-transform: translateY(-30%);
  }
  70% {
    -moz-transform: translateY(0%);
  }
  80% {
    -moz-transform: translateY(-15%);
  }
  90% {
    -moz-transform: translateY(0%);
  }
  95% {
    -moz-transform: translateY(-10%);
  }
  97% {
    -moz-transform: translateY(0%);
  }
  99% {
    -moz-transform: translateY(-5%);
  }
  100% {
    -moz-transform: translateY(0);
    opacity: 1;
  }
}
/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
    -o-transform: translateY(-500%);
    opacity: 0.5;
  }
  40% {
    -o-transform: translateY(0%);
  }
  50% {
    -o-transform: translateY(-30%);
  }
  70% {
    -o-transform: translateY(0%);
  }
  80% {
    -o-transform: translateY(-15%);
  }
  90% {
    -o-transform: translateY(0%);
  }
  95% {
    -o-transform: translateY(-10%);
  }
  97% {
    -o-transform: translateY(0%);
  }
  99% {
    -o-transform: translateY(-5%);
  }
  100% {
    -o-transform: translateY(0);
    opacity: 1;
  }
}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
    transform: translateY(-400%);
    opacity: 0.5;
  }
  40% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  70% {
    transform: translateY(0%);
  }
  80% {
    transform: translateY(-15%);
  }
  90% {
    transform: translateY(0%);
  }
  95% {
    transform: translateY(-7%);
  }
  97% {
    transform: translateY(0%);
  }
  99% {
    transform: translateY(-3%);
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
/*
 * qTip2 - Pretty powerful tooltips - v2.2.1
 * http://qtip2.com
 *
 * Copyright (c) 2014 
 * Released under the MIT licenses
 * http://jquery.org/license
 *
 * Date: Sun Sep 7 2014 09:48 EDT-0400
 * Plugins: tips viewport svg modal
 * Styles: core basic css3
 */
.qtip {
  position: absolute;
  left: -28000px;
  top: -28000px;
  display: none;
  max-width: 280px;
  min-width: 50px;
  font-size: 10.5px;
  line-height: 12px;
  direction: ltr;
  box-shadow: none;
  padding: 0;
}
.qtip-content {
  position: relative;
  padding: 5px 9px;
  overflow: hidden;
  text-align: left;
  word-wrap: break-word;
}
.qtip-titlebar {
  position: relative;
  padding: 5px 35px 5px 10px;
  overflow: hidden;
  border-width: 0 0 1px;
  font-weight: bold;
}
.qtip-titlebar + .qtip-content {
  border-top-width: 0 !important;
}
/* Default close button class */
.qtip-close {
  position: absolute;
  right: -9px;
  top: -9px;
  z-index: 11;
  /* Overlap .qtip-tip */
  cursor: pointer;
  outline: medium none;
  border: 1px solid transparent;
}
.qtip-titlebar .qtip-close {
  right: 4px;
  top: 50%;
  margin-top: -9px;
}
* html .qtip-titlebar .qtip-close {
  top: 16px;
}
/* IE fix */
.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
  display: block;
  text-indent: -1000em;
  direction: ltr;
}
.qtip-icon,
.qtip-icon .ui-icon {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-decoration: none;
}
.qtip-icon .ui-icon {
  width: 18px;
  height: 14px;
  line-height: 14px;
  text-align: center;
  text-indent: 0;
  font: normal bold 10px/13px Tahoma, sans-serif;
  color: inherit;
  background: transparent none no-repeat -100em -100em;
}
/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
/* Default tooltip style */
.qtip-default {
  border: 1px solid #F1D031;
  background-color: #FFFFA3;
  color: #555;
}
.qtip-default .qtip-titlebar {
  background-color: #FFEF93;
}
.qtip-default .qtip-icon {
  border-color: #CCC;
  background: #F1F1F1;
  color: #777;
}
.qtip-default .qtip-titlebar .qtip-close {
  border-color: #AAA;
  color: #111;
}
/*! Light tooltip style */
.qtip-light {
  background-color: white;
  border-color: #E2E2E2;
  color: #454545;
}
.qtip-light .qtip-titlebar {
  background-color: #f1f1f1;
}
/*! Dark tooltip style */
.qtip-dark {
  background-color: #505050;
  border-color: #303030;
  color: #f3f3f3;
}
.qtip-dark .qtip-titlebar {
  background-color: #404040;
}
.qtip-dark .qtip-icon {
  border-color: #444;
}
.qtip-dark .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
/*! Cream tooltip style */
.qtip-cream {
  background-color: #FBF7AA;
  border-color: #F9E98E;
  color: #A27D35;
}
.qtip-cream .qtip-titlebar {
  background-color: #F0DE7D;
}
.qtip-cream .qtip-close .qtip-icon {
  background-position: -82px 0;
}
/*! Red tooltip style */
.qtip-red {
  background-color: #F78B83;
  border-color: #D95252;
  color: #912323;
}
.qtip-red .qtip-titlebar {
  background-color: #F06D65;
}
.qtip-red .qtip-close .qtip-icon {
  background-position: -102px 0;
}
.qtip-red .qtip-icon {
  border-color: #D95252;
}
.qtip-red .qtip-titlebar .ui-state-hover {
  border-color: #D95252;
}
/*! Green tooltip style */
.qtip-green {
  background-color: #CAED9E;
  border-color: #90D93F;
  color: #3F6219;
}
.qtip-green .qtip-titlebar {
  background-color: #B0DE78;
}
.qtip-green .qtip-close .qtip-icon {
  background-position: -42px 0;
}
/*! Blue tooltip style */
.qtip-blue {
  background-color: #E5F6FE;
  border-color: #ADD9ED;
  color: #5E99BD;
}
.qtip-blue .qtip-titlebar {
  background-color: #D0E9F5;
}
.qtip-blue .qtip-close .qtip-icon {
  background-position: -2px 0;
}
.qtip-shadow {
  -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}
/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-tipsy,
.qtip-bootstrap {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.qtip-rounded .qtip-titlebar {
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
/* Youtube tooltip style */
.qtip-youtube {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 3px #333;
  -moz-box-shadow: 0 0 3px #333;
  box-shadow: 0 0 3px #333;
  color: white;
  border: 0 solid transparent;
  background: #4A4A4A;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4A4A4A), color-stop(100%, black));
  background-image: -webkit-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -moz-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -ms-linear-gradient(top, #4A4A4A 0, black 100%);
  background-image: -o-linear-gradient(top, #4A4A4A 0, black 100%);
}
.qtip-youtube .qtip-titlebar {
  background-color: #4A4A4A;
  background-color: rgba(0, 0, 0, 0);
}
.qtip-youtube .qtip-content {
  padding: 0.75em;
  font: 12px arial, sans-serif;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#4a4a4a, EndColorStr=#000000);
  -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#4a4a4a,EndColorStr=#000000);";
}
.qtip-youtube .qtip-icon {
  border-color: #222;
}
.qtip-youtube .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
/* jQuery TOOLS Tooltip style */
.qtip-jtools {
  background: #232323;
  background: rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
  background-image: -moz-linear-gradient(top, #717171, #232323);
  background-image: -webkit-linear-gradient(top, #717171, #232323);
  background-image: -ms-linear-gradient(top, #717171, #232323);
  background-image: -o-linear-gradient(top, #717171, #232323);
  border: 2px solid #ddd;
  border: 2px solid #f1f1f1;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 12px #333;
  -moz-box-shadow: 0 0 12px #333;
  box-shadow: 0 0 12px #333;
}
/* IE Specific */
.qtip-jtools .qtip-titlebar {
  background-color: transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171, endColorstr=#4A4A4A);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
}
.qtip-jtools .qtip-content {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A, endColorstr=#232323);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
}
.qtip-jtools .qtip-titlebar,
.qtip-jtools .qtip-content {
  background: transparent;
  color: white;
  border: 0 dashed transparent;
}
.qtip-jtools .qtip-icon {
  border-color: #555;
}
.qtip-jtools .qtip-titlebar .ui-state-hover {
  border-color: #333;
}
/* Cluetip style */
.qtip-cluetip {
  -webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
  background-color: #D9D9C2;
  color: #111;
  border: 0 dashed transparent;
}
.qtip-cluetip .qtip-titlebar {
  background-color: #87876A;
  color: white;
  border: 0 dashed transparent;
}
.qtip-cluetip .qtip-icon {
  border-color: #808064;
}
.qtip-cluetip .qtip-titlebar .ui-state-hover {
  border-color: #696952;
  color: #696952;
}
/* Tipsy style */
.qtip-tipsy {
  background: black;
  background: rgba(0, 0, 0, 0.87);
  color: white;
  border: 0 solid transparent;
  font-size: 11px;
  font-family: 'Lucida Grande', sans-serif;
  font-weight: bold;
  line-height: 16px;
  text-shadow: 0 1px black;
}
.qtip-tipsy .qtip-titlebar {
  padding: 6px 35px 0 10px;
  background-color: transparent;
}
.qtip-tipsy .qtip-content {
  padding: 6px 10px;
}
.qtip-tipsy .qtip-icon {
  border-color: #222;
  text-shadow: none;
}
.qtip-tipsy .qtip-titlebar .ui-state-hover {
  border-color: #303030;
}
/* Tipped style */
.qtip-tipped {
  border: 3px solid #959FA9;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color: #F9F9F9;
  color: #454545;
  font-weight: normal;
  font-family: serif;
}
.qtip-tipped .qtip-titlebar {
  border-bottom-width: 0;
  color: white;
  background: #3A79B8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
  background-image: -webkit-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -ms-linear-gradient(top, #3A79B8, #2E629D);
  background-image: -o-linear-gradient(top, #3A79B8, #2E629D);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8, endColorstr=#2E629D);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
}
.qtip-tipped .qtip-icon {
  border: 2px solid #285589;
  background: #285589;
}
.qtip-tipped .qtip-icon .ui-icon {
  background-color: #FBFBFB;
  color: #555;
}
/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap {
  /** Taken from Bootstrap body */
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  /** Taken from Bootstrap .popover */
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.qtip-bootstrap .qtip-titlebar {
  /** Taken from Bootstrap .popover-title */
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.qtip-bootstrap .qtip-titlebar .qtip-close {
  /**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
  right: 11px;
  top: 45%;
  border-style: none;
}
.qtip-bootstrap .qtip-content {
  /** Taken from Bootstrap .popover-content */
  padding: 9px 14px;
}
.qtip-bootstrap .qtip-icon {
  /**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
  background: transparent;
}
.qtip-bootstrap .qtip-icon .ui-icon {
  /**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
  width: auto;
  height: auto;
  /* Taken from Bootstrap .close */
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.qtip-bootstrap .qtip-icon .ui-icon:hover {
  /* Taken from Bootstrap .close:hover */
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}
.qtip .qtip-tip {
  margin: 0 auto;
  overflow: hidden;
  z-index: 10;
}
/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus,
.qtip .qtip-tip {
  visibility: hidden;
}
.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas {
  position: absolute;
  color: #123456;
  background: transparent;
  border: 0 dashed transparent;
}
.qtip .qtip-tip canvas {
  top: 0;
  left: 0;
}
.qtip .qtip-tip .qtip-vml {
  behavior: url(#default#VML);
  display: inline-block;
  visibility: visible;
}
#qtip-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
  cursor: pointer;
}
/* Change opacity of overlay here */
#qtip-overlay div {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap {
  /** Taken from Bootstrap body */
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  /** Taken from Bootstrap .popover */
  padding: 1px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.qtip-bootstrap .qtip-titlebar {
  /** Taken from Bootstrap .popover-title */
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.qtip-bootstrap .qtip-titlebar .qtip-close {
  /**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
  right: 11px;
  top: 45%;
  border-style: none;
}
.qtip-bootstrap .qtip-content {
  /** Taken from Bootstrap .popover-content */
  padding: 9px 14px;
}
.qtip-bootstrap .qtip-icon {
  /**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
  background: transparent;
}
.qtip-bootstrap .qtip-close {
  /**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
  /* Taken from Bootstrap .close */
  font-weight: bold;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  width: 20px !important;
  height: 20px !important;
  text-align: center !important;
  border-radius: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1;
  filter: alpha(opacity=100);
  background: #fff;
}
.qtip-bootstrap .qtip-close .ui-icon {
  float: none;
  margin: 0;
  padding: 0 0 0 1px;
  font-size: 20px;
  line-height: 17px;
}
.qtip-bootstrap a.qtip-close:hover {
  text-decoration: none;
}
.qtip-bootstrap a.qtip-close .ui-icon:hover {
  /* Taken from Bootstrap .close:hover */
  color: #000000;
  text-decoration: none !important;
  border: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40);
}
/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
  filter: none;
  -ms-filter: none;
}
.qtip-northpower .qtip-content {
  font-size: 12px;
}
.product-options-panel {
  padding-top: 10px;
}
.product-options-panel * {
  margin: 0;
  padding: 0;
}
.product-options-panel ul,
.product-options-panel li,
.product-options-panel ol {
  list-style-type: none;
}
.retailer-product-offer {
  padding: 15px;
  background: #f0f0f0;
  border: 1px solid #d7d7d7;
  border-radius: 3px;
  text-shadow: 0 1px 0 #f0f0f0;
  color: #000;
}
.retailer-product-offer .price {
  float: right;
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
  background: #0d2358;
  border-radius: 3px;
  border: 1px solid #fff;
  line-height: 32px;
  padding: 10px;
  margin: 3px 0 0 0;
  color: #fff;
  text-shadow: 0 1px 0 #000;
}
.retailer-product-offer .price sup {
  font-size: 12px;
  font-weight: normal;
}
.retailer-product-offer h4 {
  font-size: 11px;
  line-height: 14px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #a3a3a3;
}
.retailer-product-offer h3 {
  font-size: 19px;
  line-height: 22px;
  color: #0d2358;
}
.retailer-product-offer p {
  font-size: 12px;
}
.retailer-product-offer-offerings {
  margin: 15px 0px;
  border-radius: 3px;
}
.retailer-product-offer-offerings h3 {
  background: #0d2358;
  padding: 10px 10px 10px 20px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 18px;
  position: relative;
  text-shadow: 0 1px 0 #bdbdbd;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  font-weight: normal;
}
.retailer-product-offer-offerings h3:after {
  content: ' ';
  position: absolute;
  bottom: 100%;
  left: 40px;
  border: 10px solid transparent;
  border-bottom-color: #0d2358;
  width: 0;
  height: 0;
  display: block;
}
.retailer-product-offer-offerings .northpower-product-offer {
  padding: 20px 20px 30px 20px;
  margin: 0px;
  border: 1px solid #d7d7d7;
  border-top: none;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-group {
  padding-top: 10px;
  margin: 0;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-group > li {
  position: relative;
  background: #fff url("../img/vert_indicator.png") repeat-y 0px -3px;
  padding: 5px 0;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-group > li:first-child {
  padding-top: 15px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-group > li::before {
  content: url("../img/branch.png") " ";
  position: absolute;
  left: 0px;
  top: 16px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-group > li:first-child::before {
  top: 27px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-group > li:first-child::after {
  content: ' ';
  display: block;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-bottom-color: #8a8a8a;
  bottom: 100%;
  left: -6px;
  position: absolute;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-group > li:last-child {
  list-style: none;
  background: url("../img/vert_indicator.png") no-repeat 0px -3px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product {
  margin: 0 0 0 20px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product .northpower-product-inner {
  border: 1px solid #bdbdbd;
  background: #f0f0f0;
  padding: 10px;
  margin: 0px 18px;
  border-radius: 3px;
}
.retailer-product-offer-offerings .northpower-product-offer .btn {
  padding: 5px;
  line-height: 10px;
  font-size: 11px;
  margin-top: -3px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec {
  margin-top: 10px;
  font-size: 12px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec thead th {
  background: #575757;
  color: #fff;
  border-radius: 0 !important;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic {
  padding: 10px 10px 0px 10px;
  background: #d7d7d7;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic table {
  margin-bottom: 10px;
  border: none;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic input {
  margin: 0;
  font-size: 12px;
  padding: 2px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic table {
  background: #fff;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic thead th {
  position: relative;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic thead th:after {
  content: '';
  border: 5px solid transparent;
  border-bottom-color: #575757;
  position: absolute;
  bottom: 100%;
  left: 20px;
  width: 0;
  height: 0;
  display: block;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic td,
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic th {
  vertical-align: middle;
  padding: 4px 10px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic th {
  font-weight: normal;
  border-left: none;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic .characteristic-key {
  width: 150px;
}
.retailer-product-offer-offerings .northpower-product-offer .northpower-product-service-spec td.northpower-product-service-characteristic .characteristic-value {
  font-weight: bold;
}
figure.figure {
  padding: 0 !important;
}
figure.figure--right {
  float: right;
  margin: 0 0 10px 10px;
  max-width: 50%;
}
figure.figure--left {
  float: left;
  margin: 0 10px 10px 0px;
  max-width: 50%;
}
figure.figure--full {
  width: 100%;
  padding: 0;
  margin: 20px 0;
}
figure.figure--full img {
  width: 100%;
}
.flash {
  display: block;
  clear: both;
  margin-bottom: 20px;
  padding: 10px 20px;
  text-shadow: 0 1px 0 #fff;
}
.flash a {
  text-decoration: underline;
  font-weight: bold;
  text-shadow: none;
}
.flash > h2,
.flash > h3,
.flash > h4 {
  margin-top: 20px;
}
.flash p,
.flash h2,
.flash h3,
.flash h4 {
  margin: 10px 0;
}
.flash--alert {
  background-color: #fff6bf;
  color: #8c7800;
  border: 1px dashed #ffef8c;
}
.flash--alert a {
  color: #594c00;
}
.flash--alert a:active,
.flash--alert a:focus,
.flash--alert a:hover {
  color: #000000;
}
.flash--error {
  background-color: #fbe3e4;
  color: #97161b;
  border: 1px dashed #f5b6b9;
}
.flash--error a {
  color: #6a0f13;
}
.flash--error a:active,
.flash--error a:focus,
.flash--error a:hover {
  color: #110203;
}
.flash--notice {
  background-color: #e5edf8;
  color: #244e87;
  border: 1px dashed #bdd1ed;
}
.flash--notice a {
  color: #19375f;
}
.flash--notice a:active,
.flash--notice a:focus,
.flash--notice a:hover {
  color: #04080e;
}
.flash--success {
  background-color: #e6efc2;
  color: #56651a;
  border: 1px dashed #d5e49a;
}
.flash--success a {
  color: #333c10;
}
.flash--success a:active,
.flash--success a:focus,
.flash--success a:hover {
  color: #000000;
}
.flash--quiet {
  background-color: #ddd;
  color: #444444;
  border: 1px dashed #c4c4c4;
}
.flash--quiet a {
  color: #2b2b2b;
}
.flash--quiet a:active,
.flash--quiet a:focus,
.flash--quiet a:hover {
  color: #000000;
}
.flash--clear {
  background: transparent;
}
.flash--small {
  margin: 0 0 20px;
}
.flash--small p {
  margin: 10px 0;
}
.flash--centered {
  text-align: center;
}
.flash--form {
  position: relative;
}
.flash--form::after,
.flash--form::before {
  content: '';
  display: block;
  position: absolute;
  background-color: #fbe3e4;
}
.flash--form::before {
  top: 0px;
  left: 30px;
  width: 13px;
  height: 13px;
  transform: translateY(-75%) rotate(45deg);
  transform-origin: top left;
  border: 1px dashed #f5b6b9;
}
.flash--form::after {
  top: 0px;
  left: 20px;
  height: 10px;
  width: 20px;
}
#installer-signature-form {
  width: 100%;
  max-width: 500px;
}
#installer-signature-form .np-signature-pad-header {
  margin: 15px 0;
  overflow: hidden;
}
#installer-signature-form .np-signature-pad-body {
  position: relative;
  min-height: 200px;
}
#installer-signature-form #landscape-warning {
  display: none;
  background-color: #EAEAEA;
}
#installer-signature-form #landscape-warning p {
  margin: 15px;
}
#installer-signature-form #signature-canvas,
#installer-signature-form #landscape-warning {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 500px;
  max-height: 200px;
}
#installer-signature-form #signatory_name {
  display: block;
  margin-bottom: 15px;
  border: 1px solid yellow;
  font-size: 1.3em;
  max-width: 488px;
}
#installer-signature-form canvas,
#installer-signature-form #landscape-warning,
#installer-signature-form #signatory_name {
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  border: 1px solid #aaa;
}
#installer-signature-form .np-signature-pad-footer {
  margin: 15px 0;
}
#installer-signature-form .np-signature-pad-footer .description {
  text-align: left;
  margin: 6px 0;
}
#signature-edit-button {
  margin: 15px 0;
}
@media only screen and (max-width: 680px) and (orientation: portrait) {
  #installer-signature-form canvas {
    display: none;
  }
  #installer-signature-form #landscape-warning {
    display: block;
  }
}
@media only screen and (max-width: 680px) and (orientation: landscape) {
  #landscape-warning {
    display: none;
  }
}
*:not(
input,
input[class*="span"],
input *,
select,
.add-on,
.add-on i,
.connection-badge,
.request-type-badge,
.install-appointment-type,
h4.step_form span,
.content-wrapper,
.content) {
  box-sizing: border-box;
}
body,
.wrapper {
  background-color: white;
  font-family: "Typ1451-Medium", "Atlas", Arial, sans-serif;
}
.content {
  background-color: white;
  padding: 15px 0;
}
.container {
  box-sizing: content-box;
  max-width: 1200px;
  width: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 768px) {
  .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.footer {
  background-color: white;
  color: black;
  padding: 30px 0 0 0;
}
.footer .footer-cols {
  margin-left: 30px;
}
@media (min-width: 768px) {
  .footer .footer-cols {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
  }
}
.footer .footer-cols p {
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .footer .footer-cols .col-left p {
    text-align: left;
  }
  .footer .footer-cols .col-center p {
    text-align: center;
  }
  .footer .footer-cols .col-right p {
    text-align: right;
  }
}
input,
textarea,
.uneditable-input {
  width: 100%;
}
.sticky-nav {
  position: sticky;
  top: 0px;
  background: white;
  z-index: 300;
}
.spaced {
  margin-top: 15px;
  margin-bottom: 15px;
}
:focus-visible {
  outline: 4px dashed #e0521f;
}
a {
  color: #e0521f;
  font-weight: 600;
}
a:hover,
a:focus,
a:active {
  color: #e0521f;
}
.btn {
  text-shadow: none;
  transition: 0.2s ease-out all;
  padding: 5px 13px;
  border: none;
  background: #e4e4e3;
  color: black;
  font-weight: 600;
}
.btn .caret {
  border-top-color: black;
  border-bottom-color: black;
}
.btn > i[class^="icon-"],
.btn [class*=" icon-"],
.btn > span[class^="icon-"],
.btn span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings.png);
}
.btn:focus > i[class^="icon-"],
.btn:hover > i[class^="icon-"],
.btn:active > i[class^="icon-"],
.btn:focus [class*=" icon-"],
.btn:hover [class*=" icon-"],
.btn:active [class*=" icon-"],
.btn:focus > span[class^="icon-"],
.btn:hover > span[class^="icon-"],
.btn:active > span[class^="icon-"],
.btn:focus span[class*=" icon-"],
.btn:hover span[class*=" icon-"],
.btn:active span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn:focus,
.btn:hover {
  background: #565a5c;
  color: white;
}
.btn:focus .caret,
.btn:hover .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn:active {
  background: #4a4d4f;
  color: white;
}
.btn:active .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn.disabled,
.btn.disabled:focus,
.btn.disabled:hover,
.btn.disabled:active,
.btn[disabled],
.btn[disabled]:focus,
.btn[disabled]:hover,
.btn[disabled]:active {
  background: #e4e4e3;
  opcaity: 0.65;
}
.btn-inverse {
  background: #565a5c;
  color: white;
  transition: all 0.2s ease-out;
}
.btn-inverse > i[class^="icon-"],
.btn-inverse [class*=" icon-"],
.btn-inverse > span[class^="icon-"],
.btn-inverse span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn-inverse .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn-inverse:focus,
.btn-inverse:hover {
  background: #4a4d4f;
}
.btn-inverse:active {
  background: #3d4042;
}
.btn-inverse.disabled,
.btn-inverse.disabled:focus,
.btn-inverse.disabled:hover,
.btn-inverse.disabled:active,
.btn-inverse[disabled],
.btn-inverse[disabled]:focus,
.btn-inverse[disabled]:hover,
.btn-inverse[disabled]:active {
  background: #565a5c;
  opcaity: 0.65;
}
.btn-inverse > i[class^="icon-"],
.btn-inverse [class*=" icon-"],
.btn-inverse > span[class^="icon-"],
.btn-inverse span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn-inverse:focus > i[class^="icon-"],
.btn-inverse:hover > i[class^="icon-"],
.btn-inverse:active > i[class^="icon-"],
.btn-inverse:focus [class*=" icon-"],
.btn-inverse:hover [class*=" icon-"],
.btn-inverse:active [class*=" icon-"],
.btn-inverse:focus > span[class^="icon-"],
.btn-inverse:hover > span[class^="icon-"],
.btn-inverse:active > span[class^="icon-"],
.btn-inverse:focus span[class*=" icon-"],
.btn-inverse:hover span[class*=" icon-"],
.btn-inverse:active span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings.png);
}
.btn-inverse:focus,
.btn-inverse:hover {
  background: #e4e4e3;
  color: black;
}
.btn-inverse:focus .caret,
.btn-inverse:hover .caret {
  border-top-color: black;
  border-bottom-color: black;
}
.btn-inverse:active {
  background: #f1f2f1;
  color: black;
}
.btn-inverse:active .caret {
  border-top-color: black;
  border-bottom-color: black;
}
.btn-primary {
  background: #e0521f;
  color: white;
  transition: all 0.2s ease-out;
}
.btn-primary > i[class^="icon-"],
.btn-primary [class*=" icon-"],
.btn-primary > span[class^="icon-"],
.btn-primary span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn-primary .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn-primary:focus,
.btn-primary:hover {
  background: #ca4a1c;
}
.btn-primary:active {
  background: #b34219;
}
.btn-primary.disabled,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary.disabled:active,
.btn-primary[disabled],
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
.btn-primary[disabled]:active {
  background: #e0521f;
  opcaity: 0.65;
}
.btn-primary ::selection,
.btn-primary::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.btn-warning {
  background: #f09b1c;
  color: white;
  transition: all 0.2s ease-out;
}
.btn-warning > i[class^="icon-"],
.btn-warning [class*=" icon-"],
.btn-warning > span[class^="icon-"],
.btn-warning span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn-warning .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn-warning:focus,
.btn-warning:hover {
  background: #e38e0f;
}
.btn-warning:active {
  background: #cc7f0d;
}
.btn-warning.disabled,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning.disabled:active,
.btn-warning[disabled],
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
.btn-warning[disabled]:active {
  background: #f09b1c;
  opcaity: 0.65;
}
.btn-success {
  background: #468847;
  color: white;
  transition: all 0.2s ease-out;
}
.btn-success > i[class^="icon-"],
.btn-success [class*=" icon-"],
.btn-success > span[class^="icon-"],
.btn-success span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn-success .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn-success:focus,
.btn-success:hover {
  background: #3d773e;
}
.btn-success:active {
  background: #356635;
}
.btn-success.disabled,
.btn-success.disabled:focus,
.btn-success.disabled:hover,
.btn-success.disabled:active,
.btn-success[disabled],
.btn-success[disabled]:focus,
.btn-success[disabled]:hover,
.btn-success[disabled]:active {
  background: #468847;
  opcaity: 0.65;
}
.btn-danger {
  background: #b94a48;
  color: white;
  transition: all 0.2s ease-out;
}
.btn-danger > i[class^="icon-"],
.btn-danger [class*=" icon-"],
.btn-danger > span[class^="icon-"],
.btn-danger span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn-danger .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn-danger:focus,
.btn-danger:hover {
  background: #a74240;
}
.btn-danger:active {
  background: #953b39;
}
.btn-danger.disabled,
.btn-danger.disabled:focus,
.btn-danger.disabled:hover,
.btn-danger.disabled:active,
.btn-danger[disabled],
.btn-danger[disabled]:focus,
.btn-danger[disabled]:hover,
.btn-danger[disabled]:active {
  background: #b94a48;
  opcaity: 0.65;
}
.btn-netadmin {
  background: #407ec9;
  color: white;
  transition: all 0.2s ease-out;
}
.btn-netadmin > i[class^="icon-"],
.btn-netadmin [class*=" icon-"],
.btn-netadmin > span[class^="icon-"],
.btn-netadmin span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn-netadmin .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn-netadmin:focus,
.btn-netadmin:hover {
  background: #3571bb;
}
.btn-netadmin:active {
  background: #2f65a7;
}
.btn-netadmin.disabled,
.btn-netadmin.disabled:focus,
.btn-netadmin.disabled:hover,
.btn-netadmin.disabled:active,
.btn-netadmin[disabled],
.btn-netadmin[disabled]:focus,
.btn-netadmin[disabled]:hover,
.btn-netadmin[disabled]:active {
  background: #407ec9;
  opcaity: 0.65;
}
.btn-small {
  padding: 2px 10px;
}
.btn-mini {
  padding: 0 7px;
}
.btn.title-right {
  margin-top: 6px;
}
.btn.copy-related-fsl[content="FSL Copied OK"] {
  background: #468847;
  color: white;
  transition: all 0.2s ease-out;
}
.btn.copy-related-fsl[content="FSL Copied OK"] > i[class^="icon-"],
.btn.copy-related-fsl[content="FSL Copied OK"] [class*=" icon-"],
.btn.copy-related-fsl[content="FSL Copied OK"] > span[class^="icon-"],
.btn.copy-related-fsl[content="FSL Copied OK"] span[class*=" icon-"] {
  background-image: url(../img/glyphicons-halflings-white.png);
}
.btn.copy-related-fsl[content="FSL Copied OK"] .caret {
  border-top-color: white;
  border-bottom-color: white;
}
.btn.copy-related-fsl[content="FSL Copied OK"]:focus,
.btn.copy-related-fsl[content="FSL Copied OK"]:hover {
  background: #3d773e;
}
.btn.copy-related-fsl[content="FSL Copied OK"]:active {
  background: #356635;
}
.btn.copy-related-fsl[content="FSL Copied OK"].disabled,
.btn.copy-related-fsl[content="FSL Copied OK"].disabled:focus,
.btn.copy-related-fsl[content="FSL Copied OK"].disabled:hover,
.btn.copy-related-fsl[content="FSL Copied OK"].disabled:active,
.btn.copy-related-fsl[content="FSL Copied OK"][disabled],
.btn.copy-related-fsl[content="FSL Copied OK"][disabled]:focus,
.btn.copy-related-fsl[content="FSL Copied OK"][disabled]:hover,
.btn.copy-related-fsl[content="FSL Copied OK"][disabled]:active {
  background: #468847;
  opcaity: 0.65;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.input-append > input:focus {
  border: 1px solid #e0521f;
  box-shadow: inset 0 1px 1px rgba(224, 82, 31, 0.75), 0 0 8px rgba(224, 82, 31, 0.6);
}
input[type="radio"],
input[type="range"],
input[type="checkbox"] {
  accent-color: #e0521f;
}
input[type="radio"]:focus,
input[type="range"]:focus,
input[type="checkbox"]:focus {
  outline-offset: 3px;
}
input[class*="span"] {
  box-sizing: content-box;
  min-height: 20px;
}
#datetimepicker1 input {
  width: 75%;
}
#clear_fault_datetime {
  margin-top: 0.5em;
  display: inline-block;
}
::selection,
::selection {
  background: #e0521f;
  color: white;
  text-shadow: none;
}
.plain-link {
  font-weight: normal;
}
.float-link {
  margin-top: 10px;
}
.introduction-row {
  margin-bottom: 10px;
}
.add-whitespace {
  margin-top: 20px;
  margin-bottom: 20px;
}
.list-members td {
  vertical-align: middle;
}
.form-row {
  margin-bottom: 15px;
}
table .compact-col {
  width: 1%;
  text-align: center;
  white-space: nowrap !important;
}
table .compact-col ul.dropdown-menu {
  text-align: left;
}
table tr.borderless th,
table tr.borderless td {
  border: none;
}
table tr.bordered th,
table tr.bordered td {
  border-top: 1px solid #cccccc;
}
table td.enhance {
  font-size: 150%;
  font-weight: bold;
}
table .header-small {
  font-size: 12px;
  line-height: 14px;
}
table td.td-center {
  text-align: center;
}
table small.meta {
  line-height: 1;
}
.nzuag-reporting {
  background-color: #f1f2f1;
  border-radius: 0.5em;
  padding: 1em;
}
details.plain,
details.plain:focus {
  outline: none;
}
details.plain summary,
details.plain:focus summary {
  cursor: pointer;
  outline: none;
}
.non-standard-quote table.table {
  border: 1px solid #cccccc;
}
.non-standard-quote td,
.non-standard-quote th {
  padding-top: 15px;
  padding-bottom: 15px;
  vertical-align: middle;
}
.non-standard-quote .input-prepend {
  margin-bottom: 0;
}
.non-standard-quote .currency,
.non-standard-quote .currency input {
  text-align: right;
}
.non-standard-quote .input-mini {
  margin-bottom: 0;
}
.non-standard-quote .input-mini.wider {
  width: 90px;
}
.non-standard-quote .deduction {
  color: #b94a48;
}
.non-standard-quote .larger {
  font-size: 18px;
}
.non-standard-quote .grand-total {
  font-size: 20px;
}
.alert {
  word-wrap: break-word;
}
.alert p {
  margin: 0;
}
.alert-warning {
  color: #a04f08;
  background: #fcdec4;
}
.alert-danger {
  color: #8f0a08;
  background: #fbb6b5;
}
#search-panel {
  background: #e0521f;
  background-image: moz-linear-gradient(#c1471b 70%, #e0521f);
  background-image: webkit-linear-gradient(#c1471b 70%, #e0521f);
  background-image: linear-gradient(#c1471b 70%, #e0521f);
}
#search-panel ::selection,
#search-panel::selection {
  background: #e0521f;
  color: white;
  text-shadow: none;
}
#search-panel #search-panel-form {
  background: inherit;
  margin-bottom: 0;
}
#search-panel .well {
  background: inherit;
  margin-bottom: 0;
  margin-left: -10px;
  border-radius: 0;
  border-width: 0 0 0 0;
  box-shadow: none;
}
#search-panel #search-panel-results,
#search-panel #search-panel-debug {
  color: white;
}
#search-panel a#show-advanced-address-search {
  color: white;
}
#search-panel a#hide-advanced-address-search {
  color: white;
}
#search-panel #top-menu-search-close {
  background: white;
  color: #e3791f;
  font-weight: 800;
  border: none;
}
#search-panel #top-menu-search-close:hover,
#search-panel #top-menu-search-close:focus,
#search-panel #top-menu-search-close:active {
  background: #f7d8be;
}
#search-panel #search-panel-results .alert {
  clear: both;
}
#search-panel #search-panel-results .type-id {
  padding-top: 13px;
  white-space: nowrap;
}
#search-panel #search-panel-results .btn-danger {
  background: black;
  color: red;
}
#search-panel #search-panel-results .btn-danger .caret {
  border-top-color: red;
  border-bottom-color: red;
}
#search-panel #search-panel-results .btn-danger:hover,
#search-panel #search-panel-results .btn-danger:focus,
#search-panel #search-panel-results .btn-danger:active {
  background: #840000;
}
#search-panel #search-panel-results .btn-primary {
  background: white;
  color: #e0521f;
}
#search-panel #search-panel-results .btn-primary .caret {
  border-top-color: #e0521f;
  border-bottom-color: #e0521f;
}
#search-panel #search-panel-results .btn-primary:hover,
#search-panel #search-panel-results .btn-primary:focus,
#search-panel #search-panel-results .btn-primary:active {
  background: #e4e4e3;
}
#search-panel .search-panel-list ::selection,
#search-panel .search-panel-list::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
#search-panel .search-panel-list td.lead {
  font-size: 22px;
  line-height: 30px;
}
#search-panel .search-panel-list small {
  font-size: 14px;
}
#search-panel #search-text-group ::selection,
#search-panel #show-advanced-address-search ::selection,
#search-panel #query-by-address-parts ::selection,
#search-panel #search-text-group::selection,
#search-panel #show-advanced-address-search::selection,
#search-panel #query-by-address-parts::selection {
  background: #e0521f;
  color: white;
  text-shadow: none;
}
#search-panel #search-text-group .btn-group,
#search-panel #show-advanced-address-search .btn-group,
#search-panel #query-by-address-parts .btn-group {
  vertical-align: top;
}
#search-panel #search-text-group .btn-primary,
#search-panel #show-advanced-address-search .btn-primary,
#search-panel #query-by-address-parts .btn-primary {
  background: #f1f2f1;
  color: black;
  border: 2px solid white;
  font-weight: 600;
}
#search-panel #search-text-group .btn-primary:hover,
#search-panel #show-advanced-address-search .btn-primary:hover,
#search-panel #query-by-address-parts .btn-primary:hover,
#search-panel #search-text-group .btn-primary:focus,
#search-panel #show-advanced-address-search .btn-primary:focus,
#search-panel #query-by-address-parts .btn-primary:focus,
#search-panel #search-text-group .btn-primary:active,
#search-panel #show-advanced-address-search .btn-primary:active,
#search-panel #query-by-address-parts .btn-primary:active {
  background: white;
}
#search-panel #search-text-group .btn-primary .caret,
#search-panel #show-advanced-address-search .btn-primary .caret,
#search-panel #query-by-address-parts .btn-primary .caret {
  border-top-color: black;
  border-bottom-color: black;
}
#search-panel #search-text-group input,
#search-panel #show-advanced-address-search input,
#search-panel #query-by-address-parts input {
  background: #f1f2f1;
  border: 3px solid white;
  font-weight: 600;
}
#search-panel #search-text-group input:focus,
#search-panel #show-advanced-address-search input:focus,
#search-panel #query-by-address-parts input:focus {
  background: white;
  box-shadow: none;
}
#search-panel #search-text-group label,
#search-panel #show-advanced-address-search label,
#search-panel #query-by-address-parts label {
  background: white;
  color: black;
  font-weight: 600;
  border: 3px solid white;
}
#search-panel .input-prepend > label {
  background: white;
  color: #e0521f;
}
.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #e0521f;
}
.btn-group.open > ul.dropdown-menu > li a,
ul.dropdown-menu > li a {
  background: white;
  color: black;
}
.btn-group.open > ul.dropdown-menu > li a:focus,
ul.dropdown-menu > li a:focus {
  background: #565a5c;
  color: white;
}
.btn-group.open > ul.dropdown-menu > li.active > a,
ul.dropdown-menu > li.active > a {
  background: #565a5c;
  color: white;
}
.btn-group.open > ul.dropdown-menu > li:not(.disabled):hover > a,
ul.dropdown-menu > li:not(.disabled):hover > a {
  background: #565a5c;
  color: white;
}
.btn-group.open > ul.dropdown-menu > li.disabled > a,
ul.dropdown-menu > li.disabled > a {
  color: #565a5c;
}
.btn-group.open > ul.dropdown-menu > li.divider,
ul.dropdown-menu > li.divider {
  box-sizing: content-box;
  border-bottom: 1px solid #c9cac8;
}
#branding .brand {
  padding: 0;
  max-width: 80%;
}
#branding .brand img {
  height: 39px !important;
  width: auto;
}
#branding .navbar-inner {
  border: none;
  box-shadow: none;
  background: #e0521f;
}
#branding .navbar-inner a.btn-navbar {
  background: white;
  padding: 9px 12px;
  border: none;
}
#branding .navbar-inner .icon-bar {
  background: #c9cac8;
}
#branding ul.nav > li.search-button .caret,
#branding ul.nav > li.nav-login .caret,
#branding ul.nav > li.dropdown .caret {
  border-top-color: #fff;
}
#branding ul.nav > li.search-button.dropdown-my-account > a > i,
#branding ul.nav > li.nav-login.dropdown-my-account > a > i,
#branding ul.nav > li.dropdown.dropdown-my-account > a > i {
  background-image: url(../img/glyphicons-halflings-white.png);
}
#branding ul.nav > li.search-button.dropdown-my-account.open > a > i,
#branding ul.nav > li.nav-login.dropdown-my-account.open > a > i,
#branding ul.nav > li.dropdown.dropdown-my-account.open > a > i,
#branding ul.nav > li.search-button.dropdown-my-account.active > a > i,
#branding ul.nav > li.nav-login.dropdown-my-account.active > a > i,
#branding ul.nav > li.dropdown.dropdown-my-account.active > a > i {
  background-image: url(../img/glyphicons-halflings.png);
}
#branding ul.nav > li.search-button > a,
#branding ul.nav > li.nav-login > a,
#branding ul.nav > li.dropdown > a {
  outline: none;
  color: white;
  text-shadow: none;
}
#branding ul.nav > li.search-button:hover > a,
#branding ul.nav > li.nav-login:hover > a,
#branding ul.nav > li.dropdown:hover > a {
  background: #e46a3e;
}
#branding ul.nav > li.search-button.active > a,
#branding ul.nav > li.nav-login.active > a,
#branding ul.nav > li.dropdown.active > a,
#branding ul.nav > li.search-button.open > a,
#branding ul.nav > li.nav-login.open > a,
#branding ul.nav > li.dropdown.open > a {
  background: white;
  color: black;
  box-shadow: none;
}
#branding ul.nav > li.search-button.active > a .caret,
#branding ul.nav > li.nav-login.active > a .caret,
#branding ul.nav > li.dropdown.active > a .caret,
#branding ul.nav > li.search-button.open > a .caret,
#branding ul.nav > li.nav-login.open > a .caret,
#branding ul.nav > li.dropdown.open > a .caret {
  border-top-color: black;
}
#branding ul.dropdown-menu > li a {
  color: black;
}
#branding ul.dropdown-menu > li a:focus {
  background: #565a5c;
  color: white;
}
#branding ul.dropdown-menu > li.active > a {
  background: #565a5c;
  color: white;
}
#branding ul.dropdown-menu > li:not(.disabled):hover > a {
  background: #565a5c;
  color: white;
}
#branding ul.dropdown-menu > li.disabled > a {
  color: #565a5c;
}
.nav-pills > .active > a {
  color: white;
  background-color: #e0521f;
}
.nav-pills > .active > a:focus,
.nav-pills > .active > a:hover {
  color: white;
  background-color: #e0521f;
}
.nav-list > li > a {
  background: none;
  color: #e0521f;
  text-shadow: none;
}
.nav-list > li > a:focus,
.nav-list > li > a:hover {
  color: white;
  background: #565a5c;
}
.nav-list > li > a:active {
  color: white;
  background: #3d4042;
}
.nav-list > li.active > a {
  background-color: #e0521f;
  color: white;
  text-shadow: none;
}
.nav-list > li.active > a:focus,
.nav-list > li.active > a:hover {
  background: #ca4a1c;
}
.nav-list > li.active > a:active {
  background: #b34219;
}
ul.nav-tabs > li.dropdown.open > a.dropdown-toggle,
ul.nav-tabs > li.dropdown.active.open > a.dropdown-toggle:focus {
  background: #e0521f;
  color: white;
  border: 1px solid #c9cac8;
}
ul.nav-tabs > li.no-match:hover,
ul.nav-tabs > li.no-match:focus,
ul.nav-tabs > li.no-match:active {
  color: #f3b04c;
}
ul.nav-tabs > li.no-match:hover .badge-info,
ul.nav-tabs > li.no-match:focus .badge-info,
ul.nav-tabs > li.no-match:active .badge-info {
  background-color: #f3b04c;
}
ul.nav-tabs > li a:not(.btn) {
  font-weight: 600;
}
ul.nav-tabs > li a:focus {
  outline: 1px solid #c9cac8;
}
ul.nav-tabs > li.empty > a {
  color: #565a5c;
}
ul.nav-tabs > li.empty > a:hover,
ul.nav-tabs > li.empty > a:focus,
ul.nav-tabs > li.empty > a:active {
  color: #565a5c;
}
ul.nav-tabs > li.active > a {
  color: #e0521f;
}
ul.nav-tabs > li.active > a:hover,
ul.nav-tabs > li.active > a:focus,
ul.nav-tabs > li.active > a:active {
  color: #e0521f;
  background: #e4e4e3;
}
ul.breadcrumb > li a {
  color: #e0521f;
}
ul.breadcrumb > li a:hover,
ul.breadcrumb > li a:focus,
ul.breadcrumb > li a:active {
  color: #e0521f;
}
ul.breadcrumb > li span.divider,
ul.breadcrumb > li.active {
  color: #565a5c;
}
.form_status {
  margin-left: 20px;
}
.address-search .nav {
  margin-bottom: 0;
}
.address-search .tab-content {
  padding: 20px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: none;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.address-search #query-location-by-address-string .input-prepend {
  margin-right: 12px;
  vertical-align: top;
}
.title-row-with-nav .title-holder {
  padding-top: 10px;
}
.title-row-with-nav .title-holder h3 {
  margin: 0;
}
.title-row-with-nav .nav-holder {
  padding-top: 10px;
}
.title-decoration {
  display: flex;
  align-items: center;
}
.title-decoration .title {
  flex: 1 0 auto;
}
.title-decoration .decoration {
  flex: 0 1 auto;
}
#sla-modal .modal-body {
  text-align: center;
}
#sla-modal .modal-body .sla-timer-panel {
  text-align: left;
  border: 1px solid #aaa;
  border-radius: 30px;
  padding: 15px;
  margin: 15px;
  display: inline-block;
}
#sla-modal .modal-body .sla-timer-panel h5 {
  margin: 5px;
  border-bottom: 1px solid #aaa;
}
.sla-icon-wrapper {
  display: block;
  height: 24px;
}
.sla-timer-summary {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  margin: 5px;
  background: #f4f5f7;
  border-radius: 20px;
  font-size: 1.1em;
  font-weight: bold;
}
.sla-timer-summary .sla-summary-link {
  cursor: pointer;
  color: #333;
  line-height: 1.2em;
}
.sla-timer-summary .sla-summary-link .goal {
  color: #7988a3;
  font-size: 0.9em;
  font-weight: normal;
}
.sla-timer-full {
  border-spacing: 10px;
  border-collapse: separate;
}
.sla-timer-full .timer-item {
  padding: 10px;
}
.sla-timer-full .timer-item:last-child {
  border-bottom: none;
}
.sla-timer-full .timer-item .count-wrap {
  float: right;
  padding: 5px 10px;
  margin: 5px;
  background: #f4f5f7;
  border-radius: 20px;
}
.sla-timer-full .timer-item .count-wrap .time {
  font-size: 1.1em;
  font-weight: bold;
}
.sla-timer-full .timer-item .notes {
  padding: 5px;
  margin: 5px;
}
.sla-timer-full .timer-item .goal {
  color: #7988a3;
}
.sla-count {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.sla-count .time {
  flex: 1 0 70%;
}
.sla-count .icon {
  flex: 0 1 auto;
  margin-left: 4px;
}
.sla-list-item.breached {
  color: #d9100c;
}
.ajax-loader-inline-block img {
  display: inline-block;
  width: 25px;
  height: auto;
  margin: 0px 10px;
  vertical-align: text-bottom;
}
.ajax-update-form .loading {
  display: none;
}
.ajax-update-form.saving .loading {
  display: block;
}
.ajax-update-form.saving .status {
  display: none;
}
.installer-ajax-form .loading {
  display: none;
}
.installer-ajax-form.saving .loading {
  display: block;
}
.installer-ajax-form.saving .status {
  display: none;
}
#calendar-wrapper {
  position: relative;
}
#calendar-wrapper #loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff url('/static/img/ajax-loader-large.gif?asdas') no-repeat 50% 50%;
  display: none;
  opacity: 0.5;
  z-index: 4000;
}
.fc-event-inner {
  line-height: 1.2;
  padding: 5px 3px;
}
.fc-event-inner .fc-event-time {
  font-size: 14px;
  display: block;
}
.fc-event-inner .event-type,
.fc-event-inner .event-connection-type,
.fc-event-inner .event-row-type {
  display: block;
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
}
.calendar-actions-wrapper {
  margin-bottom: 10px;
}
.calendar-actions-wrapper form {
  margin-bottom: 0;
}
.calendar-actions-wrapper h4 {
  margin: 0 0 15px 0;
}
.calendar-actions-wrapper table td {
  vertical-align: middle;
}
.calendar-actions-wrapper table h4 {
  margin: 0;
}
.calendar-actions-wrapper table input {
  margin: 0;
}
.chart-option label,
.chart-option input {
  float: left;
  margin-right: 10px;
}
.chart-option legend {
  font-size: inherit;
  border: none;
  margin-bottom: 0;
}
#chart-container {
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  padding: 10px 0;
  background: #fff;
}
.chart-description {
  padding: 20px 30px;
  margin: 20px 0 0 0;
}
.chart-description i {
  margin-top: 3px;
}
.chart-description h4 {
  font-size: 16px;
  margin: 5px 0 10px 0;
}
.chart-description.chart-flush {
  margin-top: 0;
}
#busy_indicator {
  display: none;
  z-index: 99;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
div.indicator {
  background-color: #fff;
  margin-top: 100px;
  width: 100%;
  color: #FFF;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
}
.order-meta-wrapper {
  padding-top: 20px;
}
.order-meta-wrapper h3 {
  line-height: 32px;
  margin: 0 0 15px 0;
}
.order-meta-wrapper h3 small {
  display: block;
  line-height: 22px;
}
.query-services-wrapper {
  background: #fff;
  box-shadow: none;
}
.query-services-wrapper .table {
  margin-bottom: 0;
}
.query-services-wrapper .table th {
  border-top: none;
}
.query-services-wrapper .table th,
.query-services-wrapper .table td {
  font-size: 11px;
}
.query-services-wrapper .table-nowrap td,
.query-services-wrapper .table-nowrap th {
  white-space: nowrap;
}
.status-indicator span {
  vertical-align: middle;
  padding: 4px;
  border-radius: 4px;
}
.status-indicator span.btn-success {
  background: #5bb75b;
}
.status-indicator span.btn-danger {
  background: #da4f49;
}
.bootstrap-checkbox > button.btn {
  padding-top: 4px;
}
.dropdown-menu > li a {
  background: white;
  color: black;
}
.dropdown-menu > li.active > a {
  background: black;
  color: white;
}
.dropdown-menu > li.active:hover > a,
.dropdown-menu > li:hover > a {
  background: #e0521f;
  color: white;
}
.chosen-results li.highlighted {
  background-color: #e0521f;
  color: #fff;
}
.capacity-indicator {
  padding: 0 20px;
  background: #000;
  color: #fff;
  float: left;
  margin: 0 5px;
  line-height: 40px;
  border-radius: 10px;
  font-size: 11px;
}
.capacity-indicator strong {
  font-size: 22px;
  float: left;
  margin-right: 5px;
}
.olt-capacity-overview {
  margin-top: 0px;
  margin-bottom: 40px;
}
.olt-capacity-overview header {
  border-bottom: 1px solid #fff;
  overflow: hidden;
  margin-bottom: -1px;
  background: #f5f5f5;
  position: relative;
  padding: 10px 5px;
  border-radius: 5px;
}
.olt-capacity-overview h4 {
  float: left;
  margin: 0 5px;
  padding: 0;
  line-height: 40px;
  width: 156px;
}
.olt-capacity-overview.capacity-ok .capacity-indicator {
  background: #5eb95e;
}
.olt-capacity-overview.capacity-warning .capacity-indicator {
  background: #fcf8e3;
}
.olt-capacity-overview.capacity-danger .capacity-indicator {
  background: #b94a48;
}
.checkbox-grid {
  padding: 0 5px 15px 15px;
  overflow: hidden;
}
.checkbox-grid label {
  width: 40%;
  font-size: 12px;
  white-space: nowrap;
  float: left;
}
.checkbox-grid.connection-type label {
  width: auto;
  float: none;
}
.order-search-form,
.consent-search-form {
  padding: 20px 0px 15px 0px;
}
.request-type-wrapper {
  padding-left: 10px;
}
.report_popup {
  position: absolute;
  z-index: 10;
  left: 100px;
  top: 100px;
  border: 1px solid gray;
  border-radius: 5px;
  padding: 15px;
  background-color: #eeeeee;
  text-align: left;
}
.report_popup .popup_close {
  position: absolute;
  border: 1px solid gray;
  border-radius: 50px;
  padding: 0px 3px;
  background: #aaaaaa;
  top: -10px;
  right: -10px;
}
.report_popup .next_spec {
  display: block;
  margin-bottom: 0.5em;
}
.display-options label {
  font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.display-options label.horizontal {
  display: inline-block;
  margin-left: 10px;
}
.as-built-image-wrapper {
  background: url('/static/img/ajax-loader.gif') no-repeat 50% 50%;
  width: 100px;
  height: 100px;
}
.job-image-wrapper {
  background: url('/static/img/ajax-loader.gif') no-repeat 50% 50%;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  float: left;
  margin: 1px;
}
.job-image-wrapper:hover {
  border: 1px solid #a1a1a1;
}
.attachments-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.attachments-list li {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e5e5e5;
}
.attachments-list li img {
  margin-right: 4px;
}
.job-image,
.as-built-image,
.site-visit-image,
.attachment-image,
.pre-order-image .image-panel {
  width: 100px;
  height: 100px;
  background-size: cover;
  position: relative;
}
.signoff-image {
  width: 250px;
  height: 100px;
  max-width: 100%;
  background-size: cover;
  position: relative;
}
.signoff-image.large {
  width: 500px;
  height: 200px;
}
.signoff-image.full-size {
  width: 1024px;
  height: 404px;
}
.pre-order-image {
  width: 100px;
  margin: 0 10px 10px 0;
  padding: 0 0 0 0;
}
.pre-order-image:hover {
  text-decoration: none;
}
.pre-order-image .image-details {
  color: #333333;
  background: #ffffff;
  padding: 5px;
  font-size: 11px;
  line-height: 13px;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}
.job-image {
  display: block;
}
.as-built-image,
.site-visit-image,
.pre-order-image,
.signoff-image {
  display: inline-block;
  vertical-align: bottom;
}
.attachment-image {
  display: inline;
}
.as-built-pdf {
  display: inline-block;
  position: relative;
  text-align: center;
  background-size: cover;
  width: 100px;
  height: 100px;
  color: white;
  text-decoration: none;
  line-height: 1em;
}
.as-built-pdf span {
  background: #aaa;
  opacity: 0.95;
  padding: 3px;
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
table.table-orders-list thead > tr > th {
  vertical-align: top;
}
table.table-orders-list tr.borderless th,
table.table-orders-list tr.borderless td {
  border: none;
}
table.table-orders-list td {
  vertical-align: middle;
}
table.table-orders-list td.td-order-primary {
  width: 250px;
  padding: 0 20px;
}
table.table-orders-list td.td-order-primary strong {
  font-size: 22px;
  display: block;
}
table.table-orders-list td.td-order-summary {
  padding: 0;
  margin: 0;
}
table.table-orders-list table.table-order-summary {
  border-top: none;
  background: transparent;
  font-size: 90%;
  margin: 0;
  padding: 0;
}
table.table-orders-list table.table-order-summary td,
table.table-orders-list table.table-order-summary th,
table.table-orders-list table.table-order-summary td:hover,
table.table-orders-list table.table-order-summary th:hover {
  background: transparent;
  vertical-align: middle;
}
table.table-migration-list tr.borderless th,
table.table-migration-list tr.borderless td {
  border: none;
}
table.table-migration-list td {
  vertical-align: middle;
}
table.table-migration-list .migration-status {
  max-width: 150px;
}
table.table-migration-list h4 small {
  display: block;
  line-height: 1.4em;
  min-height: 4.2em;
}
table.table-migration-list .alert {
  display: inline-block;
  margin-bottom: 0;
  padding: 4px 8px;
}
table#ont-snapshot-comparison th,
table#ont-snapshot-comparison td {
  width: 25%;
}
table#ont-snapshot-comparison th {
  text-align: center;
  vertical-align: top;
}
table#ont-snapshot-comparison th small {
  font-weight: normal;
}
table#ont-snapshot-comparison td {
  text-align: right;
}
table#ont-snapshot-comparison .sub-head {
  font-weight: normal;
}
table#ont-snapshot-comparison.hide-left .success .inner-left,
table#ont-snapshot-comparison.hide-left .danger .inner-left {
  color: rgba(0, 0, 0, 0);
}
table#ont-snapshot-comparison.hide-left #left-snapshot-nav,
table#ont-snapshot-comparison.hide-left #left-snapshot-info {
  visibility: hidden;
}
table#ont-snapshot-comparison .snapshot-nav-button {
  display: none;
}
table#ont-snapshot-comparison a:hover .snapshot-nav-button {
  display: inline;
}
table#ont-snapshot-comparison .check-now {
  float: left;
}
.inner-snapshot-table td {
  width: 25%;
}
.inner-snapshot-table.re-checking {
  border: 3px dashed gray;
}
.inner-snapshot-table .success {
  background-color: rgba(0, 255, 0, 0.1);
}
.inner-snapshot-table .danger {
  background-color: rgba(255, 0, 0, 0.1);
}
.inner-snapshot-table .inner-left,
.inner-snapshot-table .inner-right {
  text-align: right;
}
.snapshot-manager-button,
.snapshot-nav a,
.inner-right {
  cursor: pointer;
}
table#customer_transfer-orders-table {
  border-collapse: separate;
  border-spacing: 0px;
  table-layout: fixed;
}
table#customer_transfer-orders-table tbody > tr:not(.linked-rqs):hover > td,
table#customer_transfer-orders-table tbody > tr:hover > td > table > tbody > tr > td {
  background: #c9cac8;
  color: black;
}
table#customer_transfer-orders-table tbody > tr:not(.linked-rqs):hover > td:hover,
table#customer_transfer-orders-table tbody > tr:hover > td > table > tbody > tr > td:hover {
  background: #565a5c;
  color: white;
}
table#customer_transfer-orders-table tbody > tr:not(.linked-rqs):hover > td:hover a:hover,
table#customer_transfer-orders-table tbody > tr:hover > td > table > tbody > tr > td:hover a:hover,
table#customer_transfer-orders-table tbody > tr:not(.linked-rqs):hover > td:hover a:focus,
table#customer_transfer-orders-table tbody > tr:hover > td > table > tbody > tr > td:hover a:focus,
table#customer_transfer-orders-table tbody > tr:not(.linked-rqs):hover > td:hover a:active,
table#customer_transfer-orders-table tbody > tr:hover > td > table > tbody > tr > td:hover a:active {
  color: white;
}
table#customer_transfer-orders-table tbody > tr.linked-rqs:hover {
  background: #c9cac8;
  color: black;
}
table#customer_transfer-orders-table tbody > tr.linked-rqs > td.customer-transfer-rqs > table {
  margin-bottom: 0;
}
table#customer_transfer-orders-table tbody > tr.linked-rqs > td.customer-transfer-rqs > table > tbody > tr.status-row > td {
  padding-top: 15px;
  padding-bottom: 15px;
}
table#customer_transfer-orders-table .new-service-order td {
  background: #e9eaef;
  border-top: 2px solid #000000;
}
table#customer_transfer-orders-table .customer-transfer-rqs {
  padding: 0;
}
table#customer_transfer-orders-table .table-customer-transfer-rqs {
  padding: 0;
  table-layout: fixed;
}
table#customer_transfer-orders-table .table-customer-transfer-rqs tbody > tr > td {
  background: #ffffff;
}
table#customer_transfer-orders-table .table-customer-transfer-rqs td:first-child:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #e9eaef;
}
#chatbox-history {
  min-height: 500px;
}
.chatbox-item {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}
.chatbox-item .chatbox-message {
  border-radius: 10px;
  max-width: 45%;
  padding: 25px;
  white-space: pre-line;
}
.chatbox-item .chatbox-message.chatbox-message-user {
  background-color: #565a5c;
  color: white;
}
.chatbox-item .chatbox-message.chatbox-message-other,
.chatbox-item .chatbox-message.chatbox-message-system {
  background-color: #e0521f;
  color: white;
  align-self: flex-end;
}
.chatbox-item .chatbox-message.chatbox-message-other ::selection,
.chatbox-item .chatbox-message.chatbox-message-system ::selection,
.chatbox-item .chatbox-message.chatbox-message-other::selection,
.chatbox-item .chatbox-message.chatbox-message-system::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.chatbox-item .chatbox-message.chatbox-message-error {
  background-color: #b94a48;
  color: #f2dede;
}
.chatbox-input-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25em;
}
.chatbox-input-row .btn {
  margin-left: 10px;
  width: 12em;
  height: 6em;
}
.chatbox-input-row textarea {
  margin: 0;
  min-width: 65%;
}
.search-in-crumb {
  margin: -5px -12px 0 0;
  padding: 0;
}
.mic-appointment.status-awaiting-third-party {
  background: #6e4e9e;
  border: 1px solid #563d7c;
  text-shadow: 1px 1px 2px #563d7c;
}
.mic-appointment.search-highlight {
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.8);
  z-index: 9000;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-animation: bounce 1500ms ease-out;
  -moz-animation: bounce 1500ms ease-out;
  -o-animation: bounce 1500ms ease-out;
  animation: bounce 1500ms ease-out;
}
table.table td.table-primary-title {
  padding-left: 20px;
}
table.table td.table-primary-title h4 {
  margin: 0;
  font-size: 24px;
}
table.table tr.status-row td,
table.table tr.status-row th {
  vertical-align: middle;
}
table.table .cell-center {
  text-align: center;
}
table.table td.table-address {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 22px;
}
table.table tr.status-open td {
  background: #eff7f0;
}
table.table tr.status-open:hover td {
  background: #dfeedf;
}
table.table tr.status-rejected td,
table.table tr.status-closed td,
table.table tr.status-cancelled td {
  background: #ffffff;
}
table.table tr.status-rejected:hover td,
table.table tr.status-closed:hover td,
table.table tr.status-cancelled:hover td {
  background: #fee7e6;
}
table.table tr.status-rejected td,
table.table tr.status-closed td,
table.table tr.status-cancelled td {
  background: #fccfce;
}
table.table tr.status-rejected:hover td,
table.table tr.status-closed:hover td,
table.table tr.status-cancelled:hover td {
  background: #fbc1c0;
}
table.table tr.status-quote td,
table.table tr.status-awaiting-build td,
table.table tr.status-awaiting-third-party td,
table.table tr.status-future td {
  background: #ffffff;
}
table.table tr.status-quote:hover td,
table.table tr.status-awaiting-build:hover td,
table.table tr.status-awaiting-third-party:hover td,
table.table tr.status-future:hover td {
  background: #fffffe;
}
table.table tr.status-quote td,
table.table tr.status-awaiting-build td,
table.table tr.status-awaiting-third-party td,
table.table tr.status-future td {
  background: #fef4e5;
}
table.table tr.status-quote:hover td,
table.table tr.status-awaiting-build:hover td,
table.table tr.status-awaiting-third-party:hover td,
table.table tr.status-future:hover td {
  background: #fee9cc;
}
table.table tr.status-design td,
table.table tr.status-field-provisioning td,
table.table tr.status-np-provisioning td,
table.table tr.status-build-completed td,
table.table tr.status-closed td {
  background: #ffffff;
}
table.table tr.status-design:hover td,
table.table tr.status-field-provisioning:hover td,
table.table tr.status-np-provisioning:hover td,
table.table tr.status-build-completed:hover td,
table.table tr.status-closed:hover td {
  background: #edf5f9;
}
table.table tr.status-design td,
table.table tr.status-field-provisioning td,
table.table tr.status-np-provisioning td,
table.table tr.status-build-completed td,
table.table tr.status-closed td {
  background: #e5f1f6;
}
table.table tr.status-design:hover td,
table.table tr.status-field-provisioning:hover td,
table.table tr.status-np-provisioning:hover td,
table.table tr.status-build-completed:hover td,
table.table tr.status-closed:hover td {
  background: #c7e0ec;
}
table.table.consent-table th,
table.table.consent-table td {
  vertical-align: middle;
}
table.table.consent-table select,
table.table.consent-table input,
table.table.consent-table p {
  margin: 0;
}
table.table th.vert-middle,
table.table td.vert-middle {
  vertical-align: middle;
}
table.table--marginless {
  margin-bottom: 0 !important;
}
table.table select,
table.table .input-append,
table.table .input-prepend {
  margin-bottom: 0;
}
.table-striped > tbody > tr:nth-child(2n+1) > td,
.table-striped > tbody > tr:nth-child(2n+1) > th {
  background-color: #f1f2f1;
}
.table-hover > tbody {
  transition: 0.07s ease-out all;
}
.table-hover > tbody tr:hover .svg-icon-success {
  fill: #0b960b;
}
.table-hover > tbody tr:hover > td.td-order-summary > table > tbody > tr:not(.borderless) > td,
.table-hover > tbody tr:hover > td.td-order-summary > table > tbody > tr:not(.borderless) > th {
  border-color: #aaacad;
}
.table-hover > tbody tr:hover > td,
.table-hover > tbody tr:hover > th {
  background: #e4e4e3;
  transition: 0.07s ease-out all;
}
.table-hover > tbody tr:hover > td .btn-small,
.table-hover > tbody tr:hover > th .btn-small {
  background: white;
  color: black;
}
.table-hover > tbody tr:hover > td .btn-small:hover,
.table-hover > tbody tr:hover > th .btn-small:hover {
  color: black;
  background: #c9cac8;
}
.table-hover > tbody tr:hover > td:hover,
.table-hover > tbody tr:hover > th:hover {
  background: #565a5c;
  color: white;
}
.table-hover > tbody tr:hover > td:hover a:not(.btn, ul.dropdown-menu>li>a),
.table-hover > tbody tr:hover > th:hover a:not(.btn, ul.dropdown-menu>li>a) {
  color: white;
}
.table-hover > tbody tr:hover > td:hover a:not(.btn, ul.dropdown-menu>li>a):hover,
.table-hover > tbody tr:hover > th:hover a:not(.btn, ul.dropdown-menu>li>a):hover,
.table-hover > tbody tr:hover > td:hover a:not(.btn, ul.dropdown-menu>li>a):focus,
.table-hover > tbody tr:hover > th:hover a:not(.btn, ul.dropdown-menu>li>a):focus,
.table-hover > tbody tr:hover > td:hover a:not(.btn, ul.dropdown-menu>li>a):active,
.table-hover > tbody tr:hover > th:hover a:not(.btn, ul.dropdown-menu>li>a):active {
  color: white;
}
.table-hover > tbody tr:hover > td:hover .request-type-badge,
.table-hover > tbody tr:hover > th:hover .request-type-badge {
  border-color: transparent;
}
.table-hover > tbody tr:hover > td:hover .request-type-badge.nso,
.table-hover > tbody tr:hover > th:hover .request-type-badge.nso,
.table-hover > tbody tr:hover > td:hover .request-type-badge.cf,
.table-hover > tbody tr:hover > th:hover .request-type-badge.cf {
  background-color: #439c43;
  color: white;
}
.table-hover > tbody tr:hover > td:hover .request-type-badge.fl,
.table-hover > tbody tr:hover > th:hover .request-type-badge.fl {
  background-color: #0000FF;
  color: white;
}
.table-hover > tbody tr:hover > td:hover .request-type-badge.rq,
.table-hover > tbody tr:hover > th:hover .request-type-badge.rq
{
  background-color: #d9100c;
  color: white;
}
.table-hover > tbody tr:hover > td:hover .request-type-badge.mac,
.table-hover > tbody tr:hover > th:hover .request-type-badge.mac,
.table-hover > tbody tr:hover > td:hover .request-type-badge.nf,
.table-hover > tbody tr:hover > th:hover .request-type-badge.nf,
.table-hover > tbody tr:hover > td:hover .request-type-badge.mpq,
.table-hover > tbody tr:hover > th:hover .request-type-badge.mpq,
.table-hover > tbody tr:hover > td:hover .request-type-badge.ai,
.table-hover > tbody tr:hover > th:hover .request-type-badge.ai {
  background-color: #E0521F;
  color: white;
}
.table-hover > tbody tr:hover > td:hover ::selection,
.table-hover > tbody tr:hover > th:hover ::selection,
.table-hover > tbody tr:hover > td:hover::selection,
.table-hover > tbody tr:hover > th:hover::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary,
.table-hover > tbody tr:hover > th:hover.td-order-summary {
  background: #e4e4e3;
  color: black;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary ::selection,
.table-hover > tbody tr:hover > th:hover.td-order-summary ::selection,
.table-hover > tbody tr:hover > td:hover.td-order-summary::selection,
.table-hover > tbody tr:hover > th:hover.td-order-summary::selection {
  background: #e0521f;
  color: white;
  text-shadow: none;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody {
  background: #e4e4e3;
  color: black;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody a,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody a {
  color: #e0521f;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > th,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > th,
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > td,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > td {
  transition: 0.07s ease-out all;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > th:hover,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > th:hover,
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > td:hover,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > td:hover {
  background: #565a5c;
  color: white;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > th:hover a,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > th:hover a,
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > td:hover a,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > td:hover a {
  color: white;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > th:hover .svg-icon-muted,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > th:hover .svg-icon-muted,
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > td:hover .svg-icon-muted,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > td:hover .svg-icon-muted {
  fill: white;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > th:hover .svg-icon-success,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > th:hover .svg-icon-success,
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > td:hover .svg-icon-success,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > td:hover .svg-icon-success {
  fill: #38ff38;
}
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > th:hover ::selection,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > th:hover ::selection,
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > td:hover ::selection,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > td:hover ::selection,
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > th:hover::selection,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > th:hover::selection,
.table-hover > tbody tr:hover > td:hover.td-order-summary > .table > tbody > tr > td:hover::selection,
.table-hover > tbody tr:hover > th:hover.td-order-summary > .table > tbody > tr > td:hover::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.table-hover > tbody tr:hover.linked-rqs.expand-child > td {
  background: #c9cac8;
}
.svg-size-mini {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
.svg-size-small {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.svg-size-stepper {
  width: 24px;
  height: 24px;
  vertical-align: top;
}
.status-badge,
.classification-badge,
.fault-status-badge,
.pagerduty-status-badge,
.pagerduty-assignee {
  font-weight: 600;
  border-radius: 12px;
  display: inline-block;
  padding: 4px 14px;
  font-size: 13px;
  line-height: 18px;
  white-space: nowrap;
  vertical-align: baseline;
}
h2 .status-badge,
h2 .classification-badge,
h2 .fault-status-badge,
h2 .pagerduty-status-badge,
h2 .pagerduty-assignee {
  position: relative;
  top: -5px;
}
.status-badge--mini,
.classification-badge--mini,
.fault-status-badge--mini,
.pagerduty-status-badge--mini,
.pagerduty-assignee--mini {
  padding: 2px 7px;
  font-size: 10px;
}
.status-badge--large,
.classification-badge--large,
.fault-status-badge--large,
.pagerduty-status-badge--large,
.pagerduty-assignee--large {
  padding: 6px 21px;
  font-size: inherit;
}

.classification-badge,
.status-badge {
  color: #ffffff;
  background-color: #999999;
  border: 1px solid #8c8c8c;
}
.classification-badge.nso,
.status-badge.status-open {
  background-color: #468847;
  border-color: transparent;
  box-shadow: none;
}
.classification-badge.rq,
.status-badge.status-rejected,
.status-badge.status-closed,
.status-badge.status-cancelled {
  background-color: #d9100c;
  border-color: transparent;
  box-shadow: none;
}
.status-badge.status-rejected ::selection,
.status-badge.status-closed ::selection,
.status-badge.status-cancelled ::selection,
.status-badge.status-rejected::selection,
.status-badge.status-closed::selection,
.status-badge.status-cancelled::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.status-badge.status-quote,
.status-badge.status-awaiting-build,
.status-badge.status-future {
  background-color: #f89406;
  border-color: transparent;
  box-shadow: none;
}
.classification-badge.prebuild,
.status-badge.status-quote ::selection,
.status-badge.status-awaiting-build ::selection,
.status-badge.status-future ::selection,
.status-badge.status-quote::selection,
.status-badge.status-awaiting-build::selection,
.status-badge.status-future::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.classification-badge.mac,
.status-badge.status-design,
.status-badge.status-field-provisioning,
.status-badge.status-np-provisioning,
.status-badge.status-build-completed,
.status-badge.status-closed {
  background-color: #e0521f;
  border-color: transparent;
  box-shadow: none;
}
.status-badge.status-design ::selection,
.status-badge.status-field-provisioning ::selection,
.status-badge.status-np-provisioning ::selection,
.status-badge.status-build-completed ::selection,
.status-badge.status-closed ::selection,
.status-badge.status-design::selection,
.status-badge.status-field-provisioning::selection,
.status-badge.status-np-provisioning::selection,
.status-badge.status-build-completed::selection,
.status-badge.status-closed::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.status-badge.status-awaiting-third-party,
.status-badge.status-gis,
.status-badge.status-billing,
.status-badge.status-invoicing {
  background-color: #6e4e9e;
  border-color: transparent;
  box-shadow: none;
}
.badge-info,
small.status-badge {
  background: #e0521f;
  border: none;
  padding: 3px 10px;
}
.fault-status-badge {
  color: #000000;
  background-color: #999999;
  border: 1px solid #8c8c8c;
  font-weight: normal;
}
.fault-status-badge.fault-status-open,
.fault-status-badge.fault-status-waiting-for-layer-1-acceptance,
.fault-status-badge.fault-status-waiting-for-layer-2-acceptance,
.fault-status-badge.fault-status-waiting-for-admin-acceptance {
  background-color: #dfe1e6;
  border-color: transparent;
  box-shadow: none;
}
.fault-status-badge.fault-status-escalated {
  background-color: #ffb4d8;
  border-color: transparent;
  box-shadow: none;
}
.fault-status-badge.fault-status-in-progress,
.fault-status-badge.fault-status-waiting-for-information,
.fault-status-badge.fault-status-on-site,
.fault-status-badge.fault-status-verify-service-restored,
.fault-status-badge.fault-status-follow-up-required,
.fault-status-badge.fault-status-waiting-for-service-restored-event {
  background-color: #deebff;
  border-color: transparent;
  box-shadow: none;
}
.fault-status-badge.fault-status-service-restored,
.fault-status-badge.fault-status-no-fault-found-in-lfc-network,
.fault-status-badge.fault-status-ready-for-billing,
.fault-status-badge.fault-status-ready-to-invoice,
.fault-status-badge.fault-status-cancellation-requested,
.fault-status-badge.fault-status-cancelled,
.fault-status-badge.fault-status-closed {
  background-color: #a7ffd1;
  border-color: transparent;
  box-shadow: none;
}
.disc-priority-badge {
  padding: 10px;
  font-size: 20px;
  line-height: 0.8em;
  display: inline-block;
  width: 16px;
  height: 16px;
  text-align: center;
  background: url(../img/default-disc.svg) no-repeat 0 0;
  background-size: cover;
  color: #DBD8D8;
}
.disc-priority-badge.smaller {
  font-size: 14px;
  line-height: 1.2em;
  padding: 5px;
}
.disc-priority-badge.tiny {
  font-size: 10px;
  line-height: 1.7em;
  padding: 1px;
}
.disc-priority-badge.priority-1,
.disc-priority-badge.priority-2,
.disc-priority-badge.priority-3,
.disc-priority-badge.priority-4 {
  color: #22C702;
}
.disc-priority-badge.priority-5 {
  color: #ED6D13;
}
.disc-priority-badge.priority-1 {
  background-image: url(../img/priority-1-disc.svg);
}
.disc-priority-badge.priority-2 {
  background-image: url(../img/priority-2-disc.svg);
}
.disc-priority-badge.priority-3 {
  background-image: url(../img/priority-3-disc.svg);
}
.disc-priority-badge.priority-4 {
  background-image: url(../img/priority-4-disc.svg);
}
.disc-priority-badge.priority-5 {
  background-image: url(../img/priority-5-disc.svg);
}
.es-priority-badge {
  padding: 10px 20px 0px 20px;
  font-size: 20px;
  line-height: 1em;
  display: inline-block;
}
.es-priority-badge.smaller {
  font-size: 14px;
  line-height: 1em;
  padding: 7px 16px 1px 16px;
}
.es-priority-badge.tiny {
  font-size: 10px;
  line-height: 1em;
  padding: 6px 12px 1px 12px;
}
.es-priority-badge.priority-1 {
  background: url(../img/priority-1.jpg) no-repeat 0 0;
  background-size: cover;
  color: #2A9E79;
}
.es-priority-badge.priority-2 {
  background: url(../img/priority-2.jpg) no-repeat 0 0;
  background-size: cover;
  color: #2A9E79;
}
.es-priority-badge.priority-3 {
  background: url(../img/priority-3.jpg) no-repeat 0 0;
  background-size: cover;
  color: #2A9E79;
}
.es-priority-badge.priority-4 {
  background: url(../img/priority-4.jpg) no-repeat 0 0;
  background-size: cover;
  color: #2A9E79;
}
.es-priority-badge.priority-5 {
  background: url(../img/priority-5.jpg) no-repeat 0 0;
  background-size: cover;
  color: #ED6D13;
}
.pagerduty-status-badge {
  color: white;
  background-color: #999999;
  border: 1px solid #8c8c8c;
  font-weight: normal;
}
.pagerduty-status-badge.pagerduty-status-triggered {
  background-color: #d9100c;
  border-color: transparent;
  box-shadow: none;
}
.pagerduty-status-badge.pagerduty-status-triggered ::selection,
.pagerduty-status-badge.pagerduty-status-triggered::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.pagerduty-status-badge.pagerduty-status-acknowledged {
  background-color: #f89406;
  border-color: transparent;
  box-shadow: none;
}
.pagerduty-status-badge.pagerduty-status-acknowledged ::selection,
.pagerduty-status-badge.pagerduty-status-acknowledged::selection {
  background: white;
  color: #e0521f;
  text-shadow: none;
}
.pagerduty-status-badge.pagerduty-status-resolved {
  background-color: #468847;
  border-color: transparent;
  box-shadow: none;
}
.pagerduty-assignee.with-name {
  color: #333;
  background-color: #ffffff;
  border: 1px solid #dadada;
  font-weight: normal;
}
.migration-badge-link {
  display: inline-block;
}
.migration-status-badge {
  border-radius: 12px;
  display: inline-block;
  padding: 4px 14px;
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  color: #ffffff;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
  border: 2px solid #8c8c8c;
  box-shadow: 0 0 1px black;
}
h2 .migration-status-badge {
  position: relative;
  top: -5px;
}
.node .migration-status-badge {
  margin-left: 10px;
}
.migration-status-badge.mini {
  padding: 2px 7px;
  font-size: 10px;
}
.migration-status-badge.large {
  padding: 6px 21px;
  font-size: inherit;
}
.migration-status-badge.planned,
.migration-status-badge.addresses-created,
.migration-status-badge.preprovisioned {
  background-color: #e0521f;
  border-color: transparent;
  box-shadow: none;
}
.migration-status-badge.rolled-back,
.migration-status-badge.cancelled {
  background-color: #d9100c;
  border-color: transparent;
  box-shadow: none;
}
.migration-status-badge.migrated,
.migration-status-badge.finalised {
  background-color: #468847;
  border-color: transparent;
  box-shadow: none;
}
.migration-status-badge.new-device {
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.2) 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0.2) 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2));
  background-size: 60px 60px;
  border-color: #999999;
}
.migration-status-badge.active:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  background: #ffff00;
  border-radius: 5px;
  margin-right: 4px;
  box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);
}
.tristate-selector input {
  margin: 0;
  padding: 0;
  appearance: none;
  border: none !important;
  position: absolute;
}
.tristate-selector .unknown {
  background: #929392;
  background-image: linear-gradient(to bottom, #929392, #A2A3A2);
  color: white;
}
.tristate-selector .todo {
  background: #929392;
  background-image: linear-gradient(to bottom, #929392, #A2A3A2);
  color: white;
  font-size: 1.2em;
}
.tristate-selector .done {
  background: #4E944D;
  background-image: linear-gradient(to bottom, #4E944D, #5FAF5F);
  color: white;
  font-size: 1.2em;
}
.tristate-selector input:not([disabled]):active + label {
  opacity: 0.6;
}
.tristate-selector input:checked + label {
  opacity: 1;
}
.tristate-selector input:disabled:checked + label {
  opacity: 0.6;
  cursor: not-allowed;
}
.tristate-selector input:disabled:not([checked]) + label {
  opacity: 0.3;
  cursor: not-allowed;
  border-color: red;
  border: none;
  filter: brightness(1.4) grayscale(1);
}
.tristate-selector label {
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  padding: 5px 8px;
  border-radius: 3px;
  border: 1px solid #979797;
  transition: all 100ms ease-in;
  opacity: 0.2;
}
.tristate-selector input:not([disabled]) + label:hover {
  opacity: 1;
  border-color: #646464;
}
.tristate-row .tristate-loading {
  margin-left: 5px;
  visibility: hidden;
}
.tristate-row.saving .tristate-loading {
  visibility: visible;
}
.tristate-row.error .tristate-selector {
  display: block;
}
.tristate-row.error .tristate-save-error {
  display: block;
}
.tristate-fact {
  display: inline-block;
  background: #499249;
  border-radius: 12px;
  color: white;
  padding: 1px 5px;
  margin: 2px;
}
.migration-meta {
  line-height: 1.6em;
}
.migration-equipment {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 6px solid #d9d9d9;
  box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.2), 2px 2px 2px #ffffff;
  border-radius: 20px;
  font-size: 2em;
  padding: 60px 0;
  position: relative;
}
.migration-equipment .ni-marker {
  width: 20px;
  height: 20px;
  margin: 5px;
  display: inline-block;
  border-radius: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  color: transparent;
  background: transparent;
}
.migration-equipment.network-inventory-active .ni-marker {
  color: #ffff00;
  box-shadow: 1px 1px 1px #cccc00;
  background: #ffff00;
}
.migration-equipment .na-marker {
  font-size: 0.7em;
  line-height: 1em;
  display: inline-block;
  position: absolute;
  margin: 5px;
  bottom: 0;
  left: 25px;
}
.migration-equipment.netadmin-active .na-marker {
  color: #ffff00;
}
.migration-equipment.netadmin-inactive .na-marker {
  color: transparent;
}
.migration-equipment.netadmin-error .na-marker {
  color: #d9100c;
}
.migration-equipment.network-inventory-active .ni-marker {
  color: #ffff00;
  box-shadow: 1px 1px 1px #cccc00;
  background: #ffff00;
}
.migration-equipment.fibre-connection-active {
  border-color: #ffff00;
}
.migration-equipment.fibre-connection-error {
  border-color: #d9100c;
}
.migration-equipment .fc-marker {
  position: absolute;
  z-index: 0;
  top: -6px;
  left: -6px;
  bottom: -6px;
  right: -6px;
}
.migration-equipment .tree-link {
  z-index: 10;
}
.migration-equipment.existing-device {
  background: #a7a7a7;
}
.migration-equipment.new-device {
  background: #e3e3e3;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0.2)), radial-gradient(circle 170px at 15% 25%, white, rgba(0, 0, 0, 0.2)), linear-gradient(45deg, rgba(0, 0, 0, 0.2), white, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
  background-size: 100%;
}
.style-guide-status-list,
.style-guide-status-list li {
  list-style-type: none;
  margin: 0 0 10px 10px;
}
.style-guide-status-list li {
  display: inline-block;
}
[tooltip] {
  position: relative;
  /*display:inline-block;*/
}
[tooltip]::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px 6px 0 6px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
  z-index: 99;
  opacity: 0;
}
[tooltip]::after {
  content: attr(tooltip);
  position: absolute;
  left: 50%;
  top: -6px;
  transform: translateX(-50%) translateY(-100%);
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
  font-size: 12px;
  min-width: 80px;
  border-radius: 5px;
  pointer-events: none;
  padding: 4px 4px;
  z-index: 99;
  opacity: 0;
}
[tooltip]:hover::after,
[tooltip]:hover::before,
.active-tooltip[tooltip]:after,
.active-tooltip[tooltip]:before {
  opacity: 1;
}
.loading-indicator {
  display: none;
}
.loading .loading-indicator,
.reloading .loading-indicator {
  display: inline;
}
.modal-body {
  max-height: 70vh;
}
.modal#fp-description {
  width: 80%;
  margin-left: -40%;
}
.modal#fp-description .modal-body.loaded .loading-img {
  display: none;
}
.modal#exception-display-modal .modal-body {
  word-wrap: break-word;
}
.materials-table td,
.materials-table th {
  vertical-align: middle;
}
.materials-table input {
  margin: 0;
}
.materials-table .materials-selector.disabled,
.materials-table .materials-selector .chosen-disabled {
  display: none;
}
.materials-table .materials-selector td {
  background: #fff !important;
}
.overflow-indicator {
  display: block;
  height: 40px;
  border: none;
  margin: -41px 1px 0 1px;
  position: relative;
  z-index: 1000;
  background: url(../img/overflow-indicator.png) repeat-x 0 0;
}
#mpq-details-view .quote-history {
  border: 1px solid #ddd;
  max-height: 280px;
  overflow-y: scroll;
  border-radius: 3px;
  position: relative;
}
#mpq-details-view .quote-history .table th {
  border-top: none;
}
#mpq-details-view .quote-history .table {
  margin-bottom: 40px;
}
#mpq-details-view #quote-wrapper.disabled {
  display: none;
}
#mpq-details-view #quote-wrapper #quote-label.disabled {
  color: #999999;
}
#mpq-details-view #notes-row.disabled {
  display: none;
}
.np-provisioning-well {
  margin-top: 20px;
}
.services-toggle {
  padding: 0;
  margin: 0 0 8px 0;
  font-size: 12px;
  line-height: 20px;
}
.services-toggle a {
  margin-left: 10px;
  display: inline-block;
  background: #fff;
  border: 1px solid #cccccc;
  padding: 8px 15px;
  border-radius: 5px;
}
.services-toggle a:hover {
  text-decoration: none;
}
.services-toggle a.disabled {
  opacity: 0.3;
}
.services-toggle a.disabled:hover {
  cursor: default;
  text-decoration: none;
}
.services-by-fsl a[disabled].btn-success,
.services-by-fsl a[disabled].btn-danger,
.services-by-fsl a[disabled].btn-warning {
  background: #e6e6e6;
  color: #333333;
}
.datepicker {
  z-index: 1151 !important;
}
.datepicker td.day.active {
  background: #e0521f;
}
label.error {
  color: red;
  font-style: italic;
}
div.error {
  display: none;
}
input.error,
select.error {
  border: 1px dotted red;
}
.breadcrumb-checkbox {
  padding: 2px 10px 2px 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  line-height: 10px;
  font-size: 14px;
  margin: -3px 0 0 0;
}
.breadcrumb-checkbox:hover {
  border-color: #c4c4c4;
}
.breadcrumb-checkbox label {
  margin: 0;
  font-size: 12px;
}
.right-checkbox input {
  float: none;
  display: inline-block;
  margin-top: -4px;
  margin-right: 2px;
}
label.error {
  padding: 0 4px;
  font-size: 11px;
  color: #b94a48;
  background: #f2dede;
  border: 1px solid #eed3d7;
  border-radius: 3px;
  margin-top: 5px;
  position: relative;
  clear: both;
  margin-top: 7px;
}
label.error:after {
  content: " ";
  border: 5px solid transparent;
  border-bottom-color: #eed3d7;
  position: absolute;
  bottom: 100%;
  left: 8px;
}
.location-title {
  position: relative;
  font-size: 32px;
  color: #ed6d00;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 40px;
  margin: 24px 0 12px 0;
}
.location-title small {
  font-size: 18px;
  color: #bababa;
  letter-spacing: normal;
  line-height: 30px;
}
.location-subtitle {
  position: relative;
  font-size: 26px;
  color: #ed6d00;
  font-weight: bold;
  letter-spacing: -1px;
  line-height: 32px;
  margin: 12px 0;
}
.location-block-title {
  margin: 0;
  border-bottom: 1px solid #ddd;
  padding: 12px;
  font-size: 18px;
  position: relative;
  background: #00215b;
  color: #fff;
}
.form-minimal {
  max-width: 300px;
  padding: 19px 29px 29px;
  margin: 50px auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.form-minimal .form-signin-heading,
.form-minimal .checkbox {
  margin-bottom: 10px;
}
.form-minimal input[type="text"],
.form-minimal input[type="password"] {
  font-size: 16px;
  height: auto;
  margin-bottom: 15px;
  padding: 7px 9px;
}
.form-minimal .form-actions {
  margin-left: -30px;
  margin-right: -30px;
}
.form-signin input {
  width: 100%;
  box-sizing: border-box;
}
.well-simple {
  padding: 19px 29px 29px;
  margin: 10px auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.well-simple table {
  margin-bottom: 0;
}
.modify-fault-well {
  margin-top: 30px;
}
.reassign-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-top: 20px;
  margin-bottom: 15px;
}
.reassign-container .reassign-control {
  flex: 0 0 200px;
  text-align: center;
  margin-bottom: 25px;
}
h4.step_form {
  margin-bottom: 20px;
}
h4.step_form span {
  display: inline-block;
  color: #fff;
  background: #e0521f;
  padding: 10px;
  width: 10px;
  height: 10px;
  line-height: 10px;
  border-radius: 100%;
  float: left;
  margin: -5px 5px 0 0;
}
.vertical-stepper .step-group {
  margin-bottom: 5px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.vertical-stepper .step-group.step-active {
  border-color: #4dc3ff;
}
.vertical-stepper .step-heading {
  padding: 10px;
}
.vertical-stepper .step-title {
  margin: 10px 0;
}
.vertical-stepper .step-alert .step-title {
  color: #F16617;
}
.vertical-stepper .step-body {
  clear: both;
  padding: 10px;
  border-top: 1px solid #e5e5e5;
}
.vertical-stepper .step-active .step-body {
  border-color: #4dc3ff;
}
.vertical-stepper .step-key {
  float: left;
  background: #aaa;
  color: #fff;
  padding: 10px;
  margin: 0 10px 0 0;
  border-radius: 24px;
  width: 24px;
  height: 24px;
  font-size: 31.2px;
  line-height: 24px;
  text-align: center;
  font-family: 'Helvetica-Neue', Helvetica, Arial;
  font-weight: 300;
  border: 1px solid #fff;
}
.vertical-stepper .step-active .step-key {
  background: #0088cc;
  border-color: #fff;
  color: #fff;
}
.vertical-stepper .step-done .step-key {
  background: #85b52e;
  border-color: #fff;
  color: #fff;
}
.vertical-stepper .step-alert .step-key {
  background: #F16617;
  border-color: #fff;
  color: #fff;
}
.vertical-stepper .step-info {
  float: right;
  padding: 2px 5px;
  margin: 8px 0px;
  border: 1px solid #fff;
}
.vertical-stepper .step-active .step-info {
  background: #0088cc;
  border-color: #fff;
  color: #fff;
}
.vertical-stepper .step-done .step-info {
  background: #85b52e;
  border-color: #85b52e;
  color: #fff;
}
.vertical-stepper .step-alert .step-info {
  background: #F16617;
  border-color: #F16617;
  color: #fff;
}
.vertical-stepper .toggle-body {
  color: #333;
}
.vertical-stepper-icon {
  stroke: transparent;
  fill: white;
}
.google-map-fix {
  margin: 0;
}
.google-map-fix img {
  max-width: none;
}
.google-map-link:before {
  content: '';
  display: inline-block;
  position: relative;
  top: 3px;
  width: 20px;
  height: 20px;
  margin-right: 3px;
  background: url('/static/img/google-maps200x200.png') left top no-repeat;
  background-size: cover;
}
.full-width {
  width: 100%;
}
input.full-width {
  height: auto !important;
  box-sizing: border-box;
}
.legend .key {
  float: left;
  background: #F16617;
  color: #fff;
  padding: 10px;
  margin: 0 10px 0 0;
  border-radius: 24px;
  width: 24px;
  height: 24px;
  font-size: 31.2px;
  line-height: 24px;
  text-align: center;
  font-family: 'Helvetica-Neue', Helvetica, Arial;
  font-weight: 300;
  border: 1px solid #fff;
  box-sizing: content-box;
}
.product-checkbox {
  margin: 10px;
  padding: 15px;
  border: 1px solid #D7D7D7;
  background: white;
}
.product-checkbox:hover {
  background: #E3E3E3;
}
.product-checkbox label {
  margin: 0;
}
.product-checkbox .product-switch {
  float: left;
  margin-right: 25px;
}
.product-checkbox .product-title {
  display: inline-block;
  font-size: 18px;
  line-height: 30px;
  color: #e0521f;
}
.well-progress-indicator {
  margin: 0 0 20px 0;
  text-align: center;
  position: relative;
}
.well-progress-indicator h4 {
  margin: 0;
  padding: 0;
}
.well-progress-indicator .alert-info,
.well-progress-indicator .alert-success,
.well-progress-indicator .alert-error,
.well-progress-indicator .alert-danger {
  margin-top: 20px;
}
.well-progress-indicator #checking_registration_status {
  position: absolute;
  top: 50%;
  text-align: center;
  left: 0;
  right: 0;
  background: #fff;
  padding: 4px 0;
  line-height: 40px;
  margin-top: -40px;
  height: 40px;
}
.well-progress-indicator span#working {
  background: #fff;
  padding: 20px;
  border-radius: 100%;
}
.well-progress-indicator span {
  display: block;
  clear: both;
}
.well-progress-indicator .label-progress {
  padding: 20px;
}
#infield_replace_get_fsl_instance_id input,
#infield_replace_get_fault_id input {
  max-width: 160px;
}
table.tablesorter thead tr th,
table.tablesorter tfoot tr th {
  white-space: nowrap;
}
table.tablesorter thead tr .header {
  cursor: pointer;
  border-bottom: 2px solid #ddd;
}
table.tablesorter thead tr .headerSortDown,
table.tablesorter thead tr .headerSortUp {
  border-bottom-color: #e0521f;
}
table.tablesorter .header {
  cursor: pointer;
}
table.tablesorter .header:after {
  content: "";
  z-index: 1;
  position: relative;
  right: 0;
  margin-top: 7px;
  border-width: 0 4px 4px 4px;
  border-style: solid;
  border-color: transparent transparent #333 transparent;
  visibility: hidden;
}
table.tablesorter .header:hover:after {
  visibility: visible;
}
table.tablesorter .headerSortDown:after,
table.tablesorter .headerSortDown:hover:after {
  visibility: visible;
}
table.tablesorter .headerSortUp:after {
  border-width: 4px 4px 0 4px;
  border-color: #333 transparent transparent transparent;
  visibility: visible;
}
.as-built-image-wrapper {
  background: url('/static/img/ajax-loader.gif') no-repeat 50% 50%;
  width: 100px;
  height: 100px;
}
.job-image-wrapper {
  background: url('/static/img/ajax-loader.gif') no-repeat 50% 50%;
  border: 1px solid #e5e5e5;
  overflow: hidden;
  float: left;
  margin: 1px;
}
.job-image-wrapper:hover {
  border: 1px solid #a1a1a1;
}
.job-image,
.as-built-image,
.site-visit-image,
.attachment-image {
  width: 100px;
  height: 100px;
  background-size: cover;
  position: relative;
}
.job-image {
  display: block;
}
.as-built-image,
.site-visit-image {
  display: inline-block;
  vertical-align: bottom;
}
.attachment-image {
  display: inline;
}
.as-built-pdf {
  display: inline-block;
  position: relative;
  text-align: center;
  background: url('/static/img/logo-adobe-pdf150x150.jpg') left top no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
  color: white;
  text-decoration: none;
  line-height: 1em;
  vertical-align: bottom;
}
.as-built-pdf span {
  background: #aaa;
  opacity: 0.95;
  padding: 3px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.pdf-file img,
.jpg-file img {
  width: 100px;
  height: 100px;
}
.civil-site-visit-thumbs,
.installer-site-visit-thumbs,
.installer-attachment-thumbs,
.installer-as-built-thumbs,
.network-build-as-built-thumbs,
.preorder-consent-thumbs {
  margin: 20px 0;
}
.installer-materials-wrapper,
.civil-materials-wrapper {
  position: relative;
  max-height: 250px;
  overflow: hidden;
}
.installer-materials-wrapper .installer-materials-overlay,
.civil-materials-wrapper .installer-materials-overlay,
.installer-materials-wrapper .civil-materials-overlay,
.civil-materials-wrapper .civil-materials-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 30%, #ffffff);
  z-index: 10;
}
.installer-materials-wrapper .installer-materials-overlay a,
.civil-materials-wrapper .installer-materials-overlay a,
.installer-materials-wrapper .civil-materials-overlay a,
.civil-materials-wrapper .civil-materials-overlay a {
  display: block;
  width: 100%;
  height: 100%;
}
.installer-materials-wrapper .materials-table,
.civil-materials-wrapper .materials-table {
  position: relative;
  z-index: 0;
}
.order-details-description {
  margin-top: 6px;
  margin-bottom: 6px;
}
.bs-switch-label {
  border-radius: 3px;
  padding: 4px 8px;
}
.bs-switch-label.checked {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #58b058;
}
.consent-icon:before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 1px solid transparent;
}
.consent-interaction-accordion {
  margin: 0;
}
.consent-interaction-accordion .accordion-heading a,
.consent-interaction-accordion .accordion-heading a:hover,
.consent-interaction-accordion .accordion-heading a:focus {
  text-decoration: none;
}
.consent-interaction-accordion .subtext,
#interactions-wrapper .subtext {
  margin: 10px 10px 0 0;
  text-transform: capitalize;
}
.consent-interaction-accordion .subtext i,
#interactions-wrapper .subtext i {
  margin-left: 5px;
}
.consent-interaction-accordion .end-customer,
#interactions-wrapper .end-customer {
  color: #333333;
}
.consent-interaction-accordion .third-party-consent-required,
#interactions-wrapper .third-party-consent-required {
  color: #d9100c;
}
.consent-interaction-accordion .third-party-notify-only,
#interactions-wrapper .third-party-notify-only {
  color: #468847;
}
.consent-interaction-accordion .third-party,
#interactions-wrapper .third-party {
  color: #d9100c;
}
.consent-interaction-accordion .notify-only,
#interactions-wrapper .notify-only {
  color: #468847;
}
.consent-interaction-accordion .not-required,
#interactions-wrapper .not-required {
  color: #468847;
}
.consent-interaction-accordion .consent-icon-large,
#interactions-wrapper .consent-icon-large {
  margin-top: 7px;
}
.consent-interaction-accordion .location-description-heading,
#interactions-wrapper .location-description-heading {
  min-height: 20px;
}
.consent-interaction-set-update-form {
  margin: 0 0 5px 0;
}
.consent-icon-medium:before {
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.consent-icon-large:before {
  width: 25px;
  height: 25px;
  border-radius: 25px;
}
.consent-icon.in-progress:before {
  background: #bababa;
}
.consent-icon.awaiting-authority:before {
  background: #bababa;
}
.consent-icon.accepted:before {
  background: #468847;
}
.consent-icon.accepted-pending-notification:before {
  background: #0072eb;
}
.consent-icon.not-required:before {
  border: 2px solid #468847;
  margin-left: -2px;
}
.consent-icon.declined:before {
  border: 2px solid #d9100c;
  margin-left: -2px;
}
.consent-icon.declined:before {
  background: url(/static/img/declined-slash25x25.png) left top no-repeat;
  background-size: 10px 10px;
}
.consent-icon-large.declined:before {
  background: url(/static/img/declined-slash10x10.png) left top no-repeat;
  background-size: 25px 25px;
}
.interactions-table tr.not-required {
  display: none;
}
.interactions-table.show-not-required tr.not-required {
  display: table-row;
}
.accordion-group.not-required {
  display: none;
}
.accordion.show-all-impacted .accordion-group.not-required {
  display: block;
}
.show-all-impacted,
.show-not-required {
  margin-top: 10px;
}
.show-all-impacted input,
.show-not-required input {
  margin-top: 0px;
}
.show-all-impacted label,
.show-not-required label {
  display: inline;
}
.services-by-fsl .accordion {
  background-color: #fff;
}
.services-by-fsl .accordion.empty {
  background-color: transparent;
}
.services-by-fsl .accordion-toggle.empty {
  color: #999;
}
.consent-progress-btn.active {
  border: 1px solid red;
}
.consent-progress-btn.inactive {
  border: 1px solid black;
}
.submit-interaction-set {
  margin-top: 15px;
}
.interaction-quick-edit {
  margin-right: 2px;
  margin-top: 2px;
}
.fmc-help-panel,
.fmc-overlay-panel {
  border: 1px solid #333333;
  padding: 30px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.9);
  text-shadow: none;
  font-size: 1.3em;
  line-height: 1.6em;
  overflow: scroll;
}
.fmc-help-panel .help-close,
.fmc-overlay-panel .help-close,
.fmc-help-panel .overlay-close,
.fmc-overlay-panel .overlay-close {
  float: right;
  margin-right: 100px;
  text-decoration: none;
  padding: 0 0.5em;
  background: gray;
  border-radius: 2em;
  border: 1px solid #aaaaaa;
  color: #fff;
  text-shadow: none;
}
.fmc-help-panel .timeline-event-wrapper,
.fmc-overlay-panel .timeline-event-wrapper {
  text-shadow: none;
}
dl.fmc-wide-description dt,
dl.fmc-wide-description dd {
  line-height: 1.6em;
}
dl.fmc-wide-description dt {
  width: 240px;
}
dl.fmc-wide-description dd {
  margin-left: 260px;
}
.date-badge {
  overflow: hidden;
  border-radius: 3px;
  margin: 0 auto;
  white-space: nowrap;
}
.date-badge__month,
.date-badge__day {
  padding: 4px 5px 2px 5px;
  text-align: center;
  display: inline-block;
  line-height: 22px;
}
.date-badge sup {
  font-size: 9px;
}
.date-badge__month {
  background-color: #3a87ad;
  border: 1px solid #34789a;
  color: #FFFFFF;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  font-weight: bold;
  letter-spacing: 1px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.date-badge__day {
  text-align: center;
  border: 1px solid #bababa;
  border-left: none;
  font-size: 12px;
  color: #666;
  background-color: #fff;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
#page_blocker {
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 3000;
}
.page_blocker__unblocked {
  position: relative;
  z-index: 4000;
  background: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}
.mic-availability-day {
  float: left;
  width: 14.2%;
}
.mic-availability-day-inset {
  margin: 5px 1px 5px 1px;
}
.mic-availability-day-header {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  padding: 5px;
  margin: 0;
  border: 1px solid #d6e9c6;
}
.mic-availability-slot {
  background: #5BB75B;
  padding: 5px;
  border: 1px solid #449b44;
  margin-bottom: 2px;
}
.mic-availability-slot h6 {
  color: #fff;
  font-size: 14px;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  font-weight: normal;
}
.mic-availability-slot:hover {
  background: #4cad4c;
}
.mic-unavailable-slot {
  text-align: center;
  padding: 5px;
  border-radius: 0;
}
.timeline {
  list-style: none;
  padding: 20px 0;
  position: relative;
  margin-bottom: 70px;
}
.timeline:before {
  content: "";
  top: 0;
  bottom: 0;
  position: absolute;
  width: 10px;
  margin-left: -5px;
  background-color: #d5d5d5;
  left: 190px;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li:before,
.timeline > li:after {
  content: "";
  display: table;
}
.timeline > li:after {
  clear: both;
}
.timeline > li > .timeline-panel {
  width: calc(100% -  470px);
  float: right;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 20px;
  position: relative;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  background: rgba(255, 255, 255, 0.8);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  left: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-right: 15px solid #ccc;
  border-left: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: "";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  left: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-right: 14px solid #fff;
  border-left: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: "";
}
.timeline-date {
  background: #e9944c;
  color: white;
  display: inline-block;
  padding: 5px 10px;
  margin-bottom: 5px;
  border-radius: 10px;
}
.timeline-day {
  display: inline-block;
  position: relative;
  padding: 10px;
  border-radius: 10px;
  background-color: #d5d5d5;
  color: white;
}
.timeline-day:after {
  content: "";
  display: inline-block;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #d5d5d5;
  border-bottom: 10px solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
}
.timeline > li > .timeline-event-wrapper {
  display: inline-block;
  text-align: center;
  min-width: 380px;
  padding-top: 25px;
}
.timeline > li > .timeline-event-wrapper > .timeline-event {
  color: #fff;
  text-align: center;
}
/* Fix for mobile devices zooming layout on input focus. */
input[type='text'],
input[type='number'],
textarea,
select,
select:focus {
  font-size: 16px;
}
@media (min-width: 768px) {
  input[type='text'],
  input[type='number'],
  textarea,
  select,
  select:focus {
    font-size: 16px;
  }
}
.install-calendar-booking-options .radio input[type=radio] {
  margin-right: 8px;
}
.svg-icon {
  width: 20px;
  height: 20px;
  fill: #347834;
  margin-right: 3px;
  vertical-align: middle;
}
.svg-icon.svg-icon-edit {
  width: 13px;
  height: 13px;
}
.svg-icon.svg-icon-muted,
.svg-icon.svg-icon-action {
  width: 16px;
  height: 16px;
}
.svg-icon.svg-icon-lead {
  width: 24px;
  height: 24px;
}
.svg-icon.svg-icon-jumbo {
  width: 30px;
  height: 30px;
}
.svg-icon.svg-icon-edit,
.svg-icon.svg-icon-default,
.svg-icon.svg-icon-muted,
.svg-icon.svg-icon-action {
  fill: rgba(0, 0, 0, 0.6);
}
.svg-icon.svg-icon-success {
  fill: #347834;
}
.svg-icon.svg-icon-warning {
  fill: #e3791f;
}
.svg-icon.svg-icon-danger {
  fill: #B03B41;
}
.svg-icon.svg-icon-np-orange {
  fill: #E0521F;
}
.svg-icon.top {
  vertical-align: top;
}
.svg-icon.baseline {
  vertical-align: baseline;
}
.svg-icon.bottom {
  vertical-align: bottom;
}
.svg-icon-override {
  position: relative;
  margin-left: 4px;
}
.svg-icon-override::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: -2px 0 0 -6px;
  padding: 4px;
  opacity: 0.5;
  background: center center no-repeat url('/static/img/no-entry.svg');
  background-size: contain;
}
.nb-scheduled {
  color: #e3791f;
}
.nb-completed {
  color: #347834;
}
.connection-badge {
  border-radius: 100%;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
  text-align: center;
  padding: 0.15em;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  color: #ffffff;
  background-color: #FFFFFF;
  border: 1px solid transparent;
}
.connection-badge.oh {
  background: #2F68B1;
  border-color: #2a5c9d;
}
.connection-badge.ug {
  background: #268131;
  border-color: #206d2a;
}
.connection-badge.hy {
  background: #6B0707;
  border-color: #530505;
}
.connection-badge.in {
  background: #E3791F;
  border-color: #cf6d1a;
}
.connection-badge.ii {
  background: #FFFFFF;
  color: #333333;
  font-family: 'Times New Roman';
  border-color: #f2f2f2;
}
.classification-badge.ct,
.connection-badge.ct {
  background: #701291;
  border-color: #5e0f7a;
}
.connection-badge.connection-badge-unknown {
  background: #c9cac8;
  color: black;
  font-weight: 800;
}
.request-type-badge,
.fault-priority-badge {
  font-size: 1.2em;
  font-weight: 600;
  border-radius: 0.75em;
  display: inline-block;
  text-align: center;
  padding: 0.3em;
  color: #e0521f;
  background-color: white;
  border: 0.2em solid #e0521f;
}
.request-type-badge.nso,
.fault-priority-badge.nso {
  color: #347834;
  border-color: #347834;
}
.request-type-badge.rq {
  color: #d9100c;
  border-color: #d9100c;
}
.request-type-badge.pb,
.fault-priority-badge.pb {
  color: #347834;
  border-color: #347834;
}
.request-type-badge.cf,
.fault-priority-badge.cf {
  color: #347834;
  border-color: #347834;
}
.request-type-badge.pf,
.fault-priority-badge.pf {
  color: #CFAB06;
  border-color: #CFAB06;
}
.request-type-badge.fl,
.fault-priority-badge.fl {
  color: #0000FF;
  border-color: #0000FF;
}
.fault-priority-badge {
  color: white;
  background-color: #999999;
  border: 1px solid #8c8c8c;
  font-weight: normal;
}
.fault-priority-badge.fault-priority-p1 {
  background-color: #FF4500;
  border-color: transparent;
  box-shadow: none;
}
.fault-priority-badge.fault-priority-p2 {
  background-color: #F59331;
  border-color: transparent;
  box-shadow: none;
  color: #333;
}
.fault-priority-badge.fault-priority-p3 {
  background-color: #0068DD;
  border-color: transparent;
  box-shadow: none;
}
.fault-priority-badge.fault-priority-p4 {
  background-color: #17CF00;
  border-color: transparent;
  box-shadow: none;
  color: #333;
}
.fault-priority-badge.fault-priority-p5 {
  background-color: #666666;
  border-color: transparent;
  box-shadow: none;
}
.ct-ok:after,
.ct-stop:after {
  content: '';
  background: url(/dashboard/static/svg/icons/32x32/checkmark-light-green.svg);
  background-size: 20px 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  width: 20px;
  height: 20px;
}
.fmc-flag,
.fmc-flag:hover {
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}
.relative-container {
  position: relative;
}
.relative-container .disabled-overlay {
  position: absolute;
  border-radius: 5px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #979797;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
  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: -moz-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);
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
  border: 1px solid #7e7e7e;
  opacity: 0.5;
}
.relative-container .disabled-overlay-text {
  position: absolute;
  text-align: center;
  padding: 15px;
  width: 400px;
  max-width: 100%;
  height: 40px;
  left: 50%;
  margin-left: -200px;
  top: 50%;
  margin-top: -32px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.3);
}
#downstream-customers-table {
  border: 1px solid #eee;
}
#downstream-customers-overlay {
  display: flex;
  justify-content: start;
  flex-direction: column;
  text-align: center;
}
#downstream-customers-overlay > div {
  padding-top: 170px;
}
#downstream-customers-overlay #start-verification-ajax {
  display: none;
  background: rgba(255, 255, 255, 0.5);
  color: #347834;
  padding: 6px 12px;
  border-radius: 6px;
  font-size: 1.4em;
  text-shadow: 0px 0px 5px #ffffff;
}
#downstream-customers-overlay #start-verification-ajax svg {
  filter: drop-shadow(0px 0px 5px #ffffff);
}
#downstream-customers-overlay:hover #start-verification-ajax {
  display: inline;
}
#address-verification-status {
  display: none;
  font-size: 1.5em;
  background-color: rgba(50, 50, 50, 0.8);
  color: #fff;
  margin: 0 25px;
  text-align: center;
  border-radius: 6px;
  padding: 15px;
  position: fixed;
  left: 0;
  right: 0;
  top: 30px;
}
.table-migration-list td.address-created,
.table-migration-list td.provisioned {
  max-width: 300px;
}
.table-migration-list .migration-check-details {
  margin-left: 32px;
}
.table-migration-list .migration-check-details .migration-check-icon {
  float: left;
  margin-left: -32px;
}
.table-migration-list .migration-check-details .recheck-this {
  float: right;
  margin-left: 8px;
}
.table-migration-list .migration-check-icon {
  cursor: pointer;
}
.circuit-table-container {
  margin: -15px 15px 15px 15px;
}
.porthexcolor {
  margin: 5px;
  padding: 5px 35px;
  text-align: center;
  box-shadow: 5px 5px 5px #cccccc;
}
.asr-ports-table .bundle-status {
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 5px;
}
.asr-ports-table .bundle-status.allocated {
  color: white;
  background: #999999;
}
.asr-ports-table .bundle-status.active {
  color: white;
  background: #468847;
}
.asr-ports-table .bundle-status.inactive {
  color: white;
  background: #f89406;
}
.asr-ports-table .bundle-status.disconnected {
  color: white;
  background: #b94a48;
}
#asr-svg-diagram {
  margin: 30px 0;
}
#asr-svg-diagram .card-path:hover,
#asr-svg-diagram .card-path.active {
  stroke: #468847;
  stroke-width: 4;
}
#asr-svg-diagram .card-path.active {
  fill: rgba(0, 0, 0, 0.4);
}
#beyond-ont-installed-table {
  table-layout: fixed;
}
#beyond-ont-installed-table tr.additional-wiring-metres {
  display: none;
}
#beyond-ont-installed-table tr.additional-wiring-metres.checked {
  display: table-row;
}
#beyond-ont-installed-table tr.additional-wiring-metres td {
  border-top: none;
}
#beyond-ont-installed-table .match,
#beyond-ont-installed-table .mismatch {
  color: white;
  padding: 3px 6px;
  border-radius: 3px;
  text-transform: uppercase;
}
#beyond-ont-installed-table .match {
  background: #347834;
}
#beyond-ont-installed-table .mismatch {
  background: #B03B41;
}
.table-beyond-ont-reconciliation .diff-content {
  margin: 6px 0;
}
.fault-action-title {
  margin-top: 0;
  display: flex;
  align-items: center;
}
.fault-action-title .fault-action-logo {
  flex: 0 0 28px;
}
.fault-action-title fault-action-text {
  flex: 1 1 auto;
}
.fault-action-logo {
  height: 28px;
  width: 28px;
  margin-right: 6px;
  filter: grayscale(100%);
}
.fault-action-section {
  margin-bottom: 40px;
}
.fault-action-section .btn {
  margin-right: 10px;
}
.fault-response-table th:first-child {
  width: 40%;
}
.fault-response-table th,
.fault-response-table td {
  padding: 20px;
}
h5.action-title {
  margin-bottom: 3px;
}
h5.action-title img {
  height: 20px;
  width: 20px;
  vertical-align: bottom;
  filter: grayscale(100%);
}
.fault-response-section {
  display: flex;
}
.fault-response-section section.status,
.fault-response-section section.action {
  border-top: 1px solid #ddd;
  padding: 10px 0;
  margin-bottom: 20px;
}
.fault-response-section section.status {
  flex: 2 2 120px;
}
.fault-response-section section.action {
  flex: 3 3 180px;
}
.fault-response-section section.action .btn {
  margin-right: 10px;
  margin-bottom: 10px;
}
.fault-response-section label {
  cursor: inherit;
  line-height: 1.6em;
  margin-bottom: 15px;
}
.fault-response-section label img.logo {
  float: left;
  height: 28px;
  width: 28px;
  vertical-align: middle;
  margin-right: 6px;
  margin-bottom: 6px;
  filter: grayscale(100%);
}
#list-options #assignee_filter {
  margin-top: 4px;
}
.nfc-info {
  margin-left: 12px;
}
.contact-container .item {
  padding: 15px;
  margin-bottom: 15px;
  background: #f5f5f5;
}
.contact-container label.error {
  margin-right: 10px;
}
.contact-container .person-wrapper {
  border-radius: 3px;
  border: 1px solid #e1e1e1;
  padding: 0 10px;
  margin-bottom: 25px;
}
.contact-container .close-button {
  float: right;
  font-size: 12px;
  text-decoration: none;
  padding: 1px 8px;
  background: #a0a0a0;
  border-radius: 2em;
  border: 1px solid #aaaaaa;
  color: #fff;
}
.contact-container .block-control {
  display: block;
}
#contact-outer {
  display: flex;
  flex-direction: column;
}
#contact-outer > section {
  flex: 0 0 auto;
}
#contact-when-where {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#contact-when-where > section {
  flex: 1 0 400px;
}
#contact-who h5 {
  font-weight: normal;
  font-style: italic;
}
#contact-who h5 .remove-person {
  font-style: normal;
}
.input-append .add-on.contact-time-label {
  min-width: 6em;
}
.contact-details-person {
  margin-bottom: 15px;
}
.contact-details-person .person-row {
  display: flex;
  flex-wrap: wrap;
}
.contact-details-person .person-row label {
  flex: 0 0 240px;
}
.contact-details-person .person-row label input,
.contact-details-person .person-row label select {
  display: block;
}
.contact-details-person .person-row label.wider {
  flex-grow: 1;
}
@media (min-width: 768px) {
  .contact-details-person .person-row label.wider {
    flex-grow: 0;
    flex-basis: 500px;
  }
}
.contact-details-person .person-row label.wider input {
  width: 90%;
}
.contact-tracing-title:before {
  content: '';
  display: inline-block;
  height: 40px;
  width: 32px;
  padding: 6px;
  background: repeating-linear-gradient(-45deg, white, white 10px, #FFCC01 10px, #FFCC01 20px);
  border: 1px solid #e7b800;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 10px;
}
.contact-tracing-title.sub:before {
  height: 20px;
  width: 16px;
  background: repeating-linear-gradient(-45deg, white, white 10px, #d9d9d9 10px, #d9d9d9 20px);
  border: 1px solid #cccccc;
}
.on-site-title:before {
  content: '';
  display: inline-block;
  height: 40px;
  width: 32px;
  padding: 6px;
  background: #fff url('/static/img/house-icon.svg') no-repeat 50% 50%;
  background-size: cover;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  vertical-align: middle;
  margin-right: 10px;
}
.on-site-title.sub:before {
  height: 20px;
  width: 16px;
}
.image-editor .thumbnail-list figure {
  display: inline-block;
  position: relative;
  max-width: 120px;
  margin: 0 25px 25px 0;
  padding: 0;
  line-height: 16px;
  font-size: 13px;
  border-radius: 2px;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.22);
  vertical-align: top;
  height: 186px;
  overflow: hidden;
}
.image-editor .thumbnail-list figure .img-wrapper {
  height: 120px;
  width: 120px;
  text-align: center;
}
.image-editor .thumbnail-list figure .img-wrapper img {
  max-width: 100%;
  max-height: 100%;
}
.image-editor .thumbnail-list figcaption {
  padding: 10px 6px 4px;
  overflow-wrap: break-word;
}
.image-editor .edit-done {
  cursor: pointer;
}
.faults-by-month-section {
  margin-bottom: 15px;
}
.faults-by-month-section .btn {
  margin: 5px 10px;
  min-width: 10em;
}
.contact-tracing-index {
  font-size: 1.1rem;
  line-height: 1.1rem;
  background: white;
  padding: 2px 8px;
  border-radius: 100px;
  vertical-align: text-bottom;
}