/* settings.scss */

@font-face {
  font-family: "ProximaNova";
  src: url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.eot");
  src: url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.eot?#iefix") format("embedded-opentype"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.woff") format("woff"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.ttf") format("truetype"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Bold.svg#ProximaNova-Bold") format("svg");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "ProximaNova";
  src: url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.eot");
  src: url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.eot?#iefix") format("embedded-opentype"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.woff") format("woff"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.ttf") format("truetype"), url("https://www.thomsonlinear.com/fonts/ProximaNova-Regular.svg#ProximaNova-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6, p, span, blockquote, div {
  font-family: "ProximaNova", Helvetica, Arial, sans-serif;
}


/* wrapper.scss */

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

.fixed-sidebar.affix {
  position: relative;
}

@media (min-width: 768px) {
  .fixed-sidebar.affix {
    position: fixed;
    width: 220px;
    top: 10px;
  }
}

@media (min-width: 992px) {
  .fixed-sidebar.affix {
    width: 212.5px;
  }
}

@media (min-width: 1200px) {
  .fixed-sidebar.affix {
    width: 360px;
  }
}

.fixed-sidebar-variation.affix {
  position: relative;
}

@media (min-width: 992px) {
  .fixed-sidebar-variation.affix {
    position: fixed;
    top: 10px;
    width: 212.5px;
  }
}

@media (min-width: 1200px) {
  .fixed-sidebar-variation.affix {
    width: 360px;
  }
}


/* header.scss */


/* styling for the header */

.header {
  height: 93px;
}

@media (max-width: 767px) {
  .header {
    height: 200px;
    margin-bottom: 50px;
    padding-top: 75px;
  }
}

.header .header__inner {
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
}

.header .header__inner .logo {
  display: inline-block;
  width: 198px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

@media (max-width: 767px) {
  .header .header__inner .logo {
    display: block;
    position: relative;
    top: 10%;
  }
  .context div.context-section div p {
    font-size: 13px;
  }
  .index .boxes p {
    height: auto;
  }
}

@media (min-width: 992px) {
  .header .header__inner .logo {
    transform: translateY(-50%);
    width: 130px;
  }
}

@media (min-width: 992px) {
  .header .header__inner .logo {
    width: 198px;
    float: left;
    left: auto;
  }
}

.header .header__inner .logo img {
  max-width: 100%;
}

.header-top {
  height: 30px;
  background-color: #9f9f9f;
  color: white;
  width: 100%;
}

@media (max-width: 767px) {
  .header-top {
    height: 50px;
    position: fixed;
    z-index: 20;
  }
}

.header-top .header-top__inner {
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}

.header-top .header-top__inner > .row {
  height: 30px;
}

.header-top .header-top__inner .settings__item {
  display: inline-block;
  background-color: #9f9f9f;
  padding-top: 7px;
}

.header-top .header-top__inner .select2-container {
  display: inline;
}

.header-top .header-top__inner .select2-container .select2-selection {
  font-size: 11px;
  height: 30px;
  border: none;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

@media (max-width: 767px) {
  .header-top .header-top__inner .select2-container .select2-selection {
    font-size: 14px;
  }
}

.header-top .header-top__inner .select2-container .select2-selection .select2-selection__rendered {
  color: white;
}

.header-top .header-top__inner .settings-label {
  float: right;
  margin-top: 7px;
}

.header-top .header-top__reveal {
  position: absolute;
  background-color: #ebebeb;
  z-index: 10;
  color: black;
  text-transform: none;
  border: 1px solid #b8b8b8;
  border-top: 0px;
  right: 0px;
  overflow: hidden;
}

.header-top .header-top__reveal p, .header-top .header-top__reveal label {
  text-transform: uppercase;
}

.header-top .header-top__reveal input.form-control {
  font-weight: normal;
}

@media (max-width: 767px) {
  .header-top .header-top__reveal {
    position: relative;
    margin-top: 20px;
  }
}

.header-top .header-top__reveal a {
  color: black;
}

.header-top .header-top__reveal a:hover {
  color: #005295;
}

.header-top__reveal__inner {
  margin-bottom: 15px;
}

.header-top__reveal__settings .glyphicon-cog {
  font-size: 40px;
  float: right;
  margin-right: -10px;
  margin-top: -5px;
  color: #7bb142;
}

.header-top__reveal__account .glyphicon-user {
  font-size: 30px;
  float: right;
  margin-right: -10px;
  margin-top: -5px;
  margin-bottom: 8px;
  color: #7bb142;
}

.select2-container--bootstrap .settings__item .select2-selection__arrow b {
  border-color: white transparent transparent;
  margin-top: -8px;
  display: none;
}

@media (min-width: 768px) {
  .select2-container--bootstrap .settings__item .select2-selection__arrow b {
    margin-top: -5px;
    display: inline;
  }
}

.select2-dropdown.settings__dropdown {
  margin-top: 6px;
  border: 1px solid #b8b8b8;
}

.select2-dropdown.settings__dropdown .select2-results__options .select2-results__option {
  color: black;
}

.select2-dropdown.settings__dropdown .select2-results__options .select2-results__option:hover {
  background-color: #ebebeb;
}

.select2-dropdown.settings__dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #ebebeb;
}

.header-bar {
  height: 10px;
  margin-bottom: 10px;
  clear: both;
}

.header-bar.header-bar--orange {
  background-color: #355D90;
  margin-bottom: 0px;
}

.header-bar.bar2 {
  margin-top: 20px;
}

.navbar {
  font-family: "ProximaNova";
  padding-left: 20px;
}

@media (max-width: 992px) {
  .navbar {
    margin-top: 50px;
  }
}

@media (min-width: 992px) {
  .navbar {
    margin-left: 130px;
    display: block;
  }
}

@media (min-width: 768px) {
  .navbar #mainNavigation ul li a.blue {
    font-weight: bold;
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  nav.navbar {
    margin-top: -20px;
  }
}

@media (min-width: 992px) {
  .navbar {
    margin-left: 198px;
  }
}

.navbar ul li a {
  font-weight: bold;
  font-size: 16px;
}

.navbar ul li a:hover {
  background-color: transparent;
  color: #e27b36;
}

@media (min-width: 992px) {
  .navbar ul li a {
    font-size: 18px;
  }
}

.navbar ul li a.green {
  color: #7bb142;
  border-color: #7bb142;
}

.navbar ul li a.blue {
  color: #005295;
  border-color: #005295;
}

.navbar ul li a.gray {
  border-color: #858585;
  color: #858585;
}

.navbar ul li a.orange {
  color: #e27b36;
  border-color: #e27b36;
}

.navbar-toggle {
  position: fixed;
  z-index: 120;
  width: 28px;
  top: -2px;
  left: 5px;
}

.navbar-toggle .icon-bar {
  background-color: white;
  height: 4px;
  width: 26px;
}

@media (max-width: 767px) {
  #miniNav {
    position: fixed;
    width: 200px;
    left: 0px;
    top: 50px;
    z-index: 200;
    background-color: white;
    border: 1px solid #b7b7b7;
  }
  #miniNav ul li a:hover {
    border: none;
  }
  #mainNavigation ul li {
    float: left;
    color: red;
  }
}

.header-top {
  font-family: "ProximaNova";
  font-weight: 700;
}

.header-top a {
  text-decoration: none;
  color: white;
}

.header-top a:hover {
  color: #ebebeb;
}

.header-top__icon {
  margin-top: 5px;
  margin-left: 10px;
  margin-right: 10px;
  cursor: pointer;
}

.header-top__icon .glyphicon {
  font-size: 18px;
  vertical-align: middle;
}

.header-top__icon .header-top__icon__link {
  vertical-align: middle;
}

.settingsAccount, .settingsGear, .settingsLanguage {
  float: right;
}

.header-top .popover {
  color: black;
}

.header-top__link {
  margin-top: 7px;
  display: inline-block;
}

.header-top__link:after {
  content: "|";
  margin-left: 5px;
  margin-right: 5px;
}

.header-top__link:last-child:after {
  content: none;
}

@media (max-width: 767px) {
  .settingsLanguage {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 500;
  }
  .settingsAccount {
    position: absolute;
    right: 50px;
    top: 8px;
    z-index: 500;
  }
  .settingsAccount .glyphicon {
    font-size: 24px;
  }
  .settingsGear {
    position: absolute;
    right: 90px;
    top: 8px;
    z-index: 500;
  }
  .settingsGear .glyphicon {
    font-size: 24px;
  }
  .header-bar {
    clear: both;
  }
}


/* components */

.panel.panel-primary {
  box-shadow: none;
  -webkit-box-shadow: none;
  border: none;
}

.panel.panel-primary .panel-heading {
  background-color: #355D90;
  border-radius: 0px;
  border-color: white;
}

.panel.panel-primary .panel-heading .panel-heading__question {
  float: right;
  color: white;
  margin-left: 10px;
  font-size: 16px;
  margin-top: -2px;
}

.panel.panel-primary .panel-heading .panel-heading__question:hover {
  color: #cccccc;
}

.panel.panel-primary .panel-heading .panel-title {
  font-weight: bold;
}

.app-content__question--number input {
  text-align: right;
  display: inline-block;
  width: calc(100% - 50px);
}

.app-content__question--number .app-content__question__unit {
  color: #858585;
}

.app-content__question--number .app-content__question__unit:before {
  content: "[";
  margin-left: 2px;
}

.app-content__question--number .app-content__question__unit:after {
  content: "]";
  margin-right: 2px;
}

.app-content__question--radio .radio:first-of-type {
  margin-top: 0px;
}

.app-content__question--file {
  margin-bottom: 10px;
}

.app-content__solutions {
  margin-bottom: 0px;
}

.app-content__solutions .panel-body {
  padding: 0px;
}

.app-content__solutions .panel-body .list-group-item {
  border-radius: 0px;
  margin-top: 2px;
  border: none;
  background-color: #ebebeb;
  padding: 5px 15px;
  font-weight: 700;
}

.app-content__solutions .panel-body .app-content__solutions__count:after {
  content: ")";
  margin-right: 5px;
}

.app-content__solutions .panel-body .app-content__solutions__count:before {
  content: "(";
  margin-left: 5px;
}

a.btn {
  display: inline-block;
  margin: 5px;
}

a.btn:active {
  color: white;
}

a.btn:focus {
  color: white;
}

a.btn .glyphicon {
  top: 2px;
}

button.btn .glyphicon {
  top: 2px;
}

.input-group-btn .btn {
  box-shadow: none;
}

.input-group-btn .btn:hover {
  box-shadow: none;
}

.btn-orange {
  color: white;
  background-color: #e27b36;
  box-shadow: 0px 3px 0px 0px #9c4c16;
}

.btn-orange:hover {
  color: white;
  background-color: #c8621d;
}

.btn-blue {
  color: white;
  background-color: #005295;
  box-shadow: 0 3px 0 0 #001a2f;
}

.btn-blue:hover {
  color: white;
  background-color: #003662;
}

.btn-darkblue {
  color: white;
  background-color: #355D90;
  box-shadow: 0 3px 0 0 #1a2d45;
}

.btn-darkblue:hover {
  color: white;
  background-color: #27456b;
}

.btn-green {
  color: white;
  background-color: #7bb142;
  box-shadow: 0 3px 0 0 #476726;
}

.btn-green:hover {
  color: white;
  background-color: #618c34;
}

.btn-gray {
  color: white;
  background-color: #858585;
  box-shadow: 0 3px 0 0 #525252;
}

.btn-gray:hover {
  color: white;
  background-color: #6c6c6c;
}

.app-header .app-header__heading-img {
  max-width: 100%;
  margin-top: 10px;
}

.app-header .app-header__title {
  text-align: right;
  color: #355D90;
}

.app-nav .app-nav__continue {
  float: right;
}

.app-nav .app-nav__back {
  float: left;
}

.app-nav .app-nav__project-buttons {
  text-align: center;
}

@media (min-width: 768px) {
  .app-nav .app-nav__project-buttons {
    text-align: right;
  }
}

.app-content .steps {
  margin-bottom: 2px;
  margin-left: 0px;
  margin-right: 0px;
}

.app-content .steps .steps__item {
  background-color: #ebebeb;
  height: 38px;
  text-align: center;
  padding-top: 8px;
  font-weight: bold;
  position: relative;
}

.app-content .steps .steps__item .arrow {
  position: absolute;
  z-index: 2;
  top: 0px;
  right: -15px;
  width: 0;
  height: 0;
  border-top: 19px solid transparent;
  border-bottom: 19px solid transparent;
  border-left: 15px solid #ebebeb;
}

.app-content .steps .steps__item:last-child .arrow {
  display: none;
}

.app-content .steps .steps__item--active {
  background-color: #355D90;
  color: white;
}

.app-content .steps .steps__item--active .arrow {
  border-left: 15px solid #355D90;
}

#solutionTable_wrapper .dataTables_length {
  text-align: right;
}

.solution-table tbody {
  cursor: pointer;
}

.solution-table tbody tr:hover td {
  background-color: #b8b8b8;
}

.solution-table th {
  background-color: #355D90;
  border-bottom: none;
  border: 1px solid white;
  text-align: center;
  color: white;
  font-weight: normal;
  vertical-align: middle !important;
}

.solution-table th.sorting:after {
  content: "" !important;
}

.solution-table th.sorting_desc:after {
  content: "\e252" !important;
}

.solution-table th.sorting_asc:after {
  content: "\e253" !important;
}

.solution-table td {
  vertical-align: middle !important;
  border: 1px solid white;
  background-color: #ebebeb;
}

.solution-table td.solution-table--selected {
  background-color: #b8b8b8;
}

.solution-table td .radio {
  margin-top: 0px;
  margin-bottom: 0px;
}

.solution-table td .radio label {
  padding-left: 0px;
}

@media (max-width: 767px) {
  .solution-table table, .solution-table thead, .solution-table tbody, .solution-table th, .solution-table td, .solution-table tr {
    display: block;
  }
  .solution-table thead tr {
    display: none;
  }
  .solution-table tbody tr {
    border: 1px solid white;
  }
  .solution-table tr:hover td:nth-child(2) {
    background-color: #355D90;
  }
  .solution-table tbody > tr > td {
    position: relative;
    padding-left: 70%;
    border: none !important;
    /* &:last-child .checkbox {
				position:absolute;
				top:-465px;
				left:0px;
				z-index:2;
			} */
  }
  .solution-table tbody > tr > td:not(:nth-child(2)):before {
    content: attr(data-label);
    position: absolute;
    top: 5px;
    left: 10px;
    width: 65%;
    font-weight: bold;
  }
  .solution-table tbody > tr > td:nth-last-child(2):before {
    content: none;
  }
  .solution-table tbody > tr > td:nth-last-child(2) {
    padding: 10px;
  }
  .solution-table tbody > tr > td:nth-last-child(2) img {
    width: 100%;
    border: 1px solid #858585;
  }
  .solution-table tbody > tr > td:first-child, .solution-table tbody > tr > td:last-child {
    display: none;
  }
  .solution-table tbody > tr > td:nth-child(2) {
    font-size: 14px;
    padding-left: 10px;
    text-align: left;
    background-color: #355D90;
    color: white;
  }
  .solution-table tbody > tr > td:nth-child(2):hover {
    background-color: #355D90;
  }
  .solution-table tbody > tr > td.solution-table__cell--hidden-mobile {
    display: none;
  }
  .solution-table tbody > tr > td.solution-table__cell--hidden-mobile.viewable {
    display: block;
  }
  .solution-table tbody > tr > td.text-right {
    text-align: left;
  }
}

@media (min-width: 768px) {
  .solution-table .solution-table__cell--hidden-desktop {
    display: none;
  }
}

.solution-table .solution-table__expand {
  width: 100px;
  height: 20px;
  background-color: red;
  position: absolute;
  z-index: 999;
  top: 0px;
}

.solution-table__sort-mobile {
  font-weight: normal;
}

.solution-table__sort-mobile select {
  display: inline-block;
  width: auto;
}

.solution-table-filter {
  background-color: #ebebeb;
  padding: 10px;
  margin-bottom: 10px;
}

.solution-table__length {
  padding-top: 4px;
}

.solution-table .form-inline .checkbox label {
  padding-left: 5px;
}

.solution-table__checkbox-mobile {
  position: absolute;
  top: 2px;
  right: 0px;
  z-index: 2;
}

.compare-footer {
  height: 130px;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  bottom: 0px;
  left: 0px;
  padding: 10px;
  padding-top: 25px;
  text-align: center;
  z-index: 900;
}

.compare-footer .compare-footer__box {
  position: relative;
}

.compare-footer .compare-footer__box img {
  width: 100%;
  margin-bottom: 10px;
}

.compare-footer .compare-footer__box .compare-footer__box__title {
  color: white;
  font-weight: bold;
}

.compare-footer .compare-footer__box .compare-footer__box__x {
  position: absolute;
  color: #b7b7b7;
  right: 0px;
  top: -15px;
}

.compare-footer .compare-footer__box .compare-footer__box__x:hover {
  cursor: pointer;
  color: white;
}

.compare-footer #compareButtonBox {
  padding-top: 10px;
}

.compare-footer #startOver {
  color: #b7b7b7;
}

.compare-footer #startOver:hover {
  color: white;
}

.compare-footer .compare-footer__count-mobile {
  color: white;
  font-weight: bold;
}

.compare-modal .table {
  width: 99%;
}

.compare-modal .table th {
  vertical-align: middle;
}

.compare-modal .table .no-border {
  background: white;
  border: 0px;
  text-align: center;
}

.compare-modal .table img {
  width: 100px;
}

.compare-modal .table .same {
  color: #b7b7b7;
}

.compare-modal__close {
  float: right;
  cursor: pointer;
}

.compare-modal__close:hover {
  color: #858585;
}

.product-preview .panel-body {
  padding: 0px;
}

.product-preview img {
  width: 100%;
}

.product-preview .product-preview__table tr td {
  font-weight: bold;
}

.product-preview .product-preview__table tr td:last-child {
  text-align: right;
}

.product-preview .product-preview__box {
  background-color: #ebebeb;
  margin: 10px;
  padding: 10px;
}

.options-accessories table input[type="number"] {
  max-width: 100px;
}

.options-accessories table td:first-child {
  width: 20px;
}

.options-accessories table td {
  vertical-align: middle !important;
}

@media (max-width: 767px) {
  .options-accessories table td:nth-child(2), .options-accessories table th:nth-child(2) {
    display: none;
  }
}

table.pn-editor {
  margin-bottom: 20px;
}

table.pn-editor tbody tr td {
  padding: 0px;
}

table.pn-editor tbody tr td select {
  border-radius: 0px;
  width: 100%;
}

table.pn-editor tbody tr td .pn-editor--non-editable {
  display: block;
  height: 30px;
  padding: 5px;
}

table.pn-editor thead tr th {
  text-align: center;
  vertical-align: middle;
}

table.pn-editor .pn-editor--valid {
  background-color: #c7e0ac;
}

table.pn-editor .pn-editor--invalid {
  background-color: #ff9999;
}

table.pn-editor .pn-editor--non-editable {
  background-color: #d5e0ef;
}

@media (max-width: 991px) {
  table.pn-editor {
    display: block;
  }
  table.pn-editor table, table.pn-editor thead, table.pn-editor tbody, table.pn-editor tr, table.pn-editor th, table.pn-editor td {
    display: block;
  }
  table.pn-editor > thead {
    position: absolute;
    width: 360px;
  }
  table.pn-editor > thead > tr > th {
    height: 52px;
  }
  table.pn-editor > tbody {
    margin-left: 50%;
    width: 375px;
  }
  table.pn-editor > tbody > tr > td {
    height: 52px;
  }
  table.pn-editor > tbody > tr > td .select2-container, table.pn-editor > tbody > tr > td .select2-selection.input-sm, table.pn-editor > tbody > tr > td select, table.pn-editor > tbody > tr > td input {
    height: 100%;
  }
  table.pn-editor > tbody > tr > td .select2-selection.input-sm {
    padding-top: 15px;
  }
  table.pn-editor > tbody > tr > td .pn-editor--non-editable {
    padding: 15px;
    font-size: 12px;
    height: 50px;
  }
}

@media (min-width: 1px) and (max-width: 767px) {
  table.pn-editor > thead {
    width: calc(50% - 15px);
  }
  table.pn-editor > tbody {
    width: 50%;
  }
}

.pn-editor__legend {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .pn-editor__heading {
    text-align: center;
  }
}

.pn-editor__legend__item {
  background-color: #ebebeb;
  padding: 5px;
}

.pn-editor__key {
  display: block;
  position: relative;
  margin-left: 45px;
}

.pn-editor__key:before {
  content: " ";
  width: 40px;
  height: 1em;
  display: inline-block;
  margin-right: 10px;
  position: absolute;
  top: 2px;
  left: -45px;
}

.pn-editor__key.pn-editor--invalid:before {
  background-color: #ff9999;
}

.pn-editor__key.pn-editor--valid:before {
  background-color: #c7e0ac;
}

.pn-editor__key.pn-editor--non-editable:before {
  background-color: #d5e0ef;
}

.glyphicon.glyphicon-question-sign:before {
  content: "?";
  font-family: "ProximaNova", sans-serif;
  font-weight: 700;
  background-color: white;
  color: #355D90;
  padding-left: 7px;
  padding-right: 7px;
  font-size: 18px;
  border-radius: 3px;
}

.glyphicon.glyphicon-question-sign:hover::before {
  background-color: #b7b7b7;
}

.app-content__question .glyphicon.glyphicon-question-sign:before {
  background-color: #355D90;
  margin-left: 5px;
  color: white;
  font-size: 12px;
  padding-left: 4px;
  padding-right: 4px;
  vertical-align: bottom;
}

.app-content__question .glyphicon.glyphicon-question-sign:hover::before {
  background-color: #b7b7b7;
}

.project-table th.sorting:after {
  content: "" !important;
}

.project-table th.sorting_desc:after {
  content: "\e252" !important;
}

.project-table th.sorting_asc:after {
  content: "\e253" !important;
}

.project-table img {
  width: auto;
  max-width: 100%;
  border: 1px solid #b8b8b8;
}

.project-table .project-table__row:hover td {
  background-color: #b8b8b8;
  cursor: pointer;
}

.project-table .project-table__row .selected {
  background-color: #b8b8b8;
}

.project-table__desc {
  display: none;
}

.project-table__desc p {
  margin-top: 10px;
}

.project-table__desc .project-table__close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 18px;
  color: black;
  cursor: pointer;
  z-index: 10;
}

.breadcrumbs {
  color: #b7b7b7;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  text-align: right;
}

@media (max-width: 767px) {
  .breadcrumbs {
    text-align: center;
  }
}

.breadcrumbs .breadcrumbs__item:after {
  content: ">";
  margin-left: 5px;
  margin-right: 5px;
}

.breadcrumbs .breadcrumbs__item:last-child:after {
  content: "";
  margin: 0px;
}

.breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus {
  text-decoration: none;
}

.breadcrumbs .breadcrumbs__item--complete a {
  color: #7bb142;
}

.breadcrumbs .breadcrumbs__item--complete a:hover {
  color: #618c34;
}

.breadcrumbs .breadcrumbs__item--current a {
  color: #355D90;
}

.breadcrumbs .breadcrumbs__item--current a:hover {
  color: #27456b;
}

.bom .table {
  margin-bottom: 20px;
}

.bom .bom__costs-text {
  padding: 10px;
}

.bom .table__user-action .glyphicon-remove:hover {
  cursor: pointer;
}

.resources__item img {
  max-width: 100%;
}

h1 {
  font-size: 24px;
}

@media (max-width: 767px) {
  h1 {
    text-align: center;
    font-size: 20px;
  }
}

.row-margin-bottom {
  margin-bottom: 20px;
}

.icon-pdf {
  background: url("../img/icon-pdf.png");
  width: 24px;
  height: 24px;
  display: inline-block;
}

.table-gray {
  margin-bottom: 0px;
}

.table-gray tr td {
  background-color: #ebebeb;
  border: 1px solid white;
}

.table-gray tr td.bg-warning {
  background-color: #ffff99;
}

.table-gray tr th {
  background-color: #355D90;
  color: white;
  border: 1px solid white;
  font-weight: normal;
}

.panel-body {
  padding-left: 0px;
  padding-right: 0px;
}

.table__quantity {
  width: 80px;
}

.table__user-action {
  width: 36px;
  text-align: center;
}

.popover {
  color: black;
}

.radio input[type="radio"]:focus + label::before {
  outline: none;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
  background-color: #355D90;
  border-color: #355D90;
}

.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #355D90;
}

.modal-header {
  background-color: #355D90;
  color: white;
}

.modal-header .close {
  color: white;
}

.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
  font-family: 'Glyphicons Halflings';
  content: "";
  background-color: #355D90;
}

.checkbox label::before, .checkbox label::after {
  width: 14px;
  height: 14px;
  border: 1px solid #858585;
  border-radius: 0px;
  top: 2px;
  left: 2px;
  border-radius: 0px;
}

.checkbox label:before {
  z-index: 4;
}

.checkbox label::after {
  border: 1px solid black;
  z-index: 5;
}

.checkbox {
  margin-top: 2px;
  margin-bottom: 2px;
}

.form-inline .checkbox input[type=checkbox] {
  position: absolute;
  margin-left: -19px;
}

.form-inline .radio input[type=radio] {
  position: absolute;
  margin-left: -18px;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] {
  margin-left: -19px;
}

table.dataTable.table-condensed > thead > tr > th {
  padding-right: 5px;
}

.options-accessories .checkbox label::before, .options-accessories .checkbox label::after {
  left: 5px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  vertical-align: middle;
}


/* footer */

.footer {
  height: 70px;
  font-family: "ProximaNova";
  background-color: #ebebeb;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #858585;
}

@media (min-width: 768px) {
  .footer {
    height: 40px;
  }
}

.footer .footer__text {
  font-size: 12px;
  margin-top: 8px;
  text-align: center;
}

@media (max-width: 767px) {
  .footer .footer__text {
    text-align: center;
  }
}

.footer .footer__text a {
  color: #858585;
}

.footer .footer__text a:after {
  content: "|";
  margin-left: 5px;
  margin-right: 5px;
}

@media (max-width: 767px) {
  .footer .footer__text .footer__links a:last-child:after {
    content: "";
  }
}

.footer .footer__text .copyright {
  font-size: 12px;
}

@media (max-width: 767px) {
  .footer .footer__text .copyright {
    display: block;
    margin-top: 10px;
    font-size: 10px;
  }
}

.banner {
  background-image: url("../img/banner-lg.png");
  height: 350px;
  margin: 0px;
  padding: 0px;
}

.banner-section {
  height: 350px;
}

.banner-section.orange {
  background-color: #e27b36;
  opacity: 0.55;
  filter: alpha(opacity=55);
  /* For IE8 and earlier */
  transition: opacity 1s;
  padding: 0px;
}

.banner-header .orange {
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=1);
  /* For IE8 and earlier */
  transition: background-color 1s, opacity 1s;
}

.banner-header .orange p, .banner-header .blue p, .banner-header .green p, .banner-header .gray p {
  color: #fff;
  opacity: 0;
  filter: alpha(opacity=0);
  /* For IE8 and earlier */
  transition: opacity 1s;
  padding: 10px;
}

.banner-header .orange p a, .banner-header .blue p a, .banner-header .green p a, .banner-header .gray p a {
  color: #fff;
  font-size: 130%;
  font-weight: bold;
  text-decoration: underline;
  opacity: 0;
  filter: alpha(opacity=0);
  /* For IE8 and earlier */
  transition: opacity 1s;
}

.banner-header .orange:hover {
  background-color: #e27b36;
  opacity: 1;
  filter: alpha(opacity=1);
  /* For IE8 and earlier */
}

.banner-header .orange:hover p, .banner-header .blue:hover p, .banner-header .green:hover p, .banner-header .gray:hover p, .banner-header .orange:hover p a, .banner-header .blue:hover p a, .banner-header .green:hover p a, .banner-header .gray:hover p a {
  opacity: 1;
  filter: alpha(opacity=1);
  padding: 10px;
}

.banner-section.blue {
  background-color: #8fd3f1;
  opacity: 0.55;
  filter: alpha(opacity=55);
  /* For IE8 and earlier */
  transition: opacity 1s;
}

.banner-header .blue {
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=1);
  /* For IE8 and earlier */
  transition: background-color 1s, opacity 1s;
}

.banner-header .blue:hover {
  background-color: #8fd3f1;
  opacity: 1;
  filter: alpha(opacity=1);
  /* For IE8 and earlier */
  padding: 0px;
}

.banner-section.green {
  background-color: #9dc986;
  opacity: 0.55;
  filter: alpha(opacity=55);
  /* For IE8 and earlier */
  transition: opacity 1s;
}

.banner-header .green {
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=1);
  /* For IE8 and earlier */
  transition: background-color 1s, opacity 1s;
}

.banner-header .green:hover {
  background-color: #9dc986;
  opacity: 1;
  filter: alpha(opacity=1);
  /* For IE8 and earlier */
  padding: 0px;
}

.banner-section.gray {
  background-color: #d7d7d7;
  opacity: 0.55;
  filter: alpha(opacity=55);
  /* For IE8 and earlier */
  transition: opacity 1s;
}

.banner-header .gray {
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=1);
  /* For IE8 and earlier */
  transition: background-color 1s, opacity 1s;
}

.banner-header .gray:hover {
  background-color: #d7d7d7;
  opacity: 1;
  filter: alpha(opacity=1);
  /* For IE8 and earlier */
  padding: 0px;
}

.banner-header h2 {
  color: #355d90;
  text-decoration: underline;
  font-weight: bolder;
  text-align: center;
  transition: color 0.5s;
}

@media (max-width: 991px) {
  .banner-header h2 {
    font-size: 140%;
  }
  .banner-header p {
    font-size: 90%;
    margin-bottom: 0px;
  }
}

.banner-header .gray:hover h2, .banner-header .orange:hover h2, .banner-header .green:hover h2, .banner-header .blue:hover h2 {
  color: #fff;
}
div.animation img{
  width:100%;
  margin:0px auto;
}
.banner-header {
  height: 350px;
  margin-top: -350px;
  padding: 0px;
}

.banner-header div {
  height: 350px;
}

@media (max-width: 992px) {
  .boxes .green.second a {
    background-color: #e27b36;
  }
  .boxes .orange.second a {
    background-color: #7bb142;
  }
}

.banner h1 span {
  color: #000;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: bold;
  font-style: normal;
}

.banner h1 {
  color: #355D90;
  font-weight: bold;
  font-style: italic;
  font-size: 46px;
  float: left;
  margin-top: -310px;
  position: absolute;
}

.banner img {
  width: 100%;
}

.banner p {
  text-align: center;
}

@media (min-width: 1200px) {
  .banner h1 {
    margin-left: 150px;
  }
}

@media (max-width: 1199px) {
  .banner h1 {
    margin-left: 50px;
  }
}

@media (max-width: 991px) {
  .banner p {
    text-align: center;
  }
  .banner img {
    width: 100%;
    vertical-align: middle;
  }
  .banner h1 {
    margin-top: -250px;
    margin-left: 30px;
  }
  .banner h1 span {
    font-size: 20px;
  }
  .banner h1 {
    font-size: 36px;
  }
}

@media (min-width: 576px) {
  .banner h1 {
    text-align: left;
  }
}

@media (max-width: 576px) {
  .banner h1 {
    text-align: left;
    margin-top: -150px;
    font-size: 25px;
    margin-left: 20px;
  }
  .banner h1 span {
    font-size: 18px;
  }
  .banner img {
    width: 100%;
    min-height: 70px;
  }
  div.legend img {
    margin-top: 30px;
  }
}
.boxes p.home-button {
  height:50px;
}
.boxes h2 {
  font-size: 20px;
  font-weight: bold;
  background-color: #355d90;
  color: #fff;
  text-align: center;
  padding: 10px;
  margin-top: 0px;
}

.boxes img {
  width: 100%;
}

.boxes {
  padding: 10px;
}

.boxes p {
  padding-top: 10px;
  height: 110px;
}

@media (max-width: 576px) {
  div.index {
    padding: 0px;
  }
  .boxes {
    padding-right: 0px;
  }
  .boxes h2 {
    font-size: 18px;
  }
}

.boxes .orange, .boxes .green {
  text-align: center;
}

.boxes p {
  padding-top: 10px;
  margin-bottom: 20px;
}

.boxes .orange a {
  background-color: #e27b36;
  color: #fff;
  padding: 15px 80px;
  font-weight: bold;
  margin-top: 10px;
  font-size: 16px;
  border-radius: 5px;
}

.boxes .green a, .boxes .green.home {
  background-color: #7bb142;
  color: #fff;
  padding: 15px 80px;
  font-weight: bold;
  margin-top: 10px;
  font-size: 16px;
  border-radius: 5px;
  height: 60px;
}

.context {
  border-left: 2px solid #355d90;
  margin-top: 30px;
  padding-top: 30px;
}

.context .context-section {
  background: #355d90;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#355d90, #fff 90%);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#355d90, #fff 90%);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#355d90, #fff 90%);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#355d90, #fff 90%);
  /* Standard syntax */
  height: 375px;
  border: 1px solid #355d90;
  border-radius: 20px;
  text-align: center;
  margin-bottom: 30px;
}

.context .context-section h4 {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

.context .context-section h4.orange, .context .context-section h4.orange a {
  color: #e27b36;
}

.context .context-section .context-inner {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 10px 10px 10px;
  height: 280px;
  width: 90%;
  margin: 0px auto;
}

.context .context-section.large .context-inner p {
  font-size: 100%;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

.context .context-section.large .context-inner p a {
  margin-bottom: 10px;
}

.context .context-section.large .context-inner {
  height: 300px;
}

.context .context-section div p {
  color: #355d90;
  font-size: 17px;
  text-align: left;
}

@media (max-width: 992px) {
  .context .context-section .context-inner img {
    float: left;
    max-height: 80px;
    margin-right: 10px;
  }
  .context .context-section {
    height: 200px;
  }
  .context .context-section .context-inner {
    height: 110px;
  }
  .context {
    border-left: 0px;
  }
  img.context-video {
    width: 120px;
    margin-right: 10px;
  }
}

.main-content img {
  width: 100%;
}

.main-content h3 {
  color: #355d90;
}

.main-content #accordion h3 {
  font-weight: bold;
  font-size: 16px;
}

.main-content #accordion ul {
  list-style-image: url('../img/bullet-point.png');
}

.main-content #accordion ul li {
  margin-bottom: 10px;
}

.main-content h1 {
  color: #355d90;
  font-weight: bold;
}

@media (max-width: 992px) {
  div.why-electric img {
    width: 30%;
    float: left;
    margin-left: 20px;
    min-width: 150px;
  }
  div.why-electric p {
    width: 40%;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    color: #355d90;
    font-size: 90%;
  }
  .context .context-section.large .context-inner {
    height: 150px;
  }
}

div.why-electric p.caption {
  margin-top: 0px;
}

.main-content .button a {
  width: 200px;
  background-color: #e27b36;
  color: #fff;
  padding: 15px 50px;
  margin: 10px auto;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
}

p.button {
  width: 200px;
  margin: 30px auto;
}

div.products img {
  max-width: 150px;
}

div.products.applications img {
  max-width: 216px;
}

div.products p.applications {
  text-align: center;
}

div.products a {
  width: 180px;
  background-color: #e27b36;
  color: #fff;
  padding: 10px 40px;
  margin: 20px auto;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  border-radius: 5px;
}

p.product-cta {
  text-align: center;
  margin: 30px auto;
}

form#contactus input, form#contactus select, form#contactus textarea, form#get-started .form input, form#get-started .form select, form#get-started .form textarea {
  width: 100%;
  background-color: #efedec;
  padding: 5px;
  border-top: 2px solid #7d7d7d;
  border-left: 2px solid #7d7d7d;
  border-right: 1px solid #efedec;
  border-bottom: 1px solid #efedec;
  margin-bottom: 20px;
}

form#get-started input, form#get-started select, form#get-started textarea {
  background-color: #efedec;
  padding: 5px;
  border-top: 2px solid #7d7d7d;
  border-left: 2px solid #7d7d7d;
  border-right: 1px solid #efedec;
  border-bottom: 1px solid #efedec;
  margin-bottom: 20px;
}

form#get-started select, form#contactus select {
  color: #8a8989;
}

form#contactus p, form#get-started p {
  color: #005295;
  padding-top: 5px;
  font-weight: bold;
}

form#contactus input.form-submit, form#get-started input.form-submit {
  width: 30%;
  margin: 10px 35%;
  background-color: #e27b36;
  border: 2px solid #e27b36;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

p.big-p {
  font-size: 140%;
  font-weight: bold;
}

ul li {
  list-style-image: url('../img/bullet-point-plus.jpg');
}

.key-markets img {
  padding: 10px;
}

p.caption {
  font-size: 80%;
}

.applications img {
  padding: 0px 10px;
}

.applications h2 {
  color: #355D90;
  font-weight: bold;
  font-size: 130%;
  padding: 0px 10px;
}

.applications p {
  padding: 0px 10px;
}

.learn-more p {
  text-align: center;
  padding-bottom: 20px;
  padding-top: 20px;
}

div.applications {
  margin-bottom: 20px;
}

.learn-more p a, .learn-more p.green.resources {
  padding: 10px 50px;
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
}

.learn-more p.orange a {
  background-color: #e27b36;
}

.learn-more p.blue a {
  background-color: #8fd3f1;
}

.learn-more p.green a, .learn-more p.green.resources {
  background-color: #9dc986;
}

div#accordion {
  margin: 0px 10px;
}

div.table-responsive {
  padding-right: 20px;
  padding-left: 14px;
}

table.table-products td {
  width: 16.6%;
  text-align: center;
  background-color: #c1cadf;
  border-color: #fff;
}

table.table-products th img {
  min-width: 112px;
}

table.table-products th {
  width: 16.6%;
  text-align: center;
}

table.table-products td p {
  font-weight: bold;
}


/*table.table-products tr:hover td{
  background-color:#dce1ed;
  }*/

table.table-products td img.star {
  width: 20%;
}

table.table-products th.orange {
  background-color: #fca63d;
  border-color: #fff;
}

table.table-products th.blue {
  background-color: #65b5de;
  border-color: #fff;
}

table.table-products th.green {
  background-color: #8ac493;
  border-color: #fff;
}

table.table-products th.gray {
  background-color: #e6e5e4;
  border-color: #fff;
}

img.product-key {
  width: 30%;
  margin-top: 15px;
}

#accordion h3 span.click {
  color: #1f427d;
  font-size: 90%;
  float: right;
}

#accordion h3.ui-state-active span.click {
  display: none;
}

@media (max-width: 767px) {
  #accordion h3 span.click {
    font-size: 70%;
  }
}

.home-list img {
  width: 100%;
}

.home-list h3 {
  text-transform: uppercase;
  font-weight: bold;
  color: #1f427d;
}

.home-list li {
  font-weight: bold;
  font-size: 120%;
}

.home-list ul {
  padding-left: 10%;
}

@media (min-width: 992px) {
  .home-list h3 {
    margin-top: 0px;
    font-size: 200%;
  }
  .home-list ul {
    padding-left: 20px;
  }
  .home-list li {
    font-weight: bold;
    font-size: 110%;
  }
  .home-list.right {
    padding-left: 50px;
  }
}

@media (max-width: 767px) {
  .home-list ul {
    padding-left: 30%;
  }
  .home-list h3 {
    text-align: center;
    font-size: 230%;
  }
}

.new-markets h3 {
  padding-left: 13px;
}

.push-left {
  padding-left: 13px;
}

form#get-started div div input#Contact_Preferred_Distributor__c {
  margin: 0px 13px 20px 13px;
  width: 97%;
}

a:hover {
  text-decoration: none;
}

@media (max-width: 767px) {
  form#get-started div div input#Contact_Preferred_Distributor__c {
    width: 93%;
  }
}

form#contactus input[type=radio] {
  width: auto;
}
table#whyElectricTable tr:first-child th{
text-align:center;
background-color:#e0dfdc;
}
table#whyElectricTable tr:nth-child(2) td {
text-align:center;
font-weight:bold;
}
table#whyElectricTable tr th {
background-color:#e0dfdc;

}
table#whyElectricTable th, table#whyElectricTable td {
border-color:#fff;
}
table#whyElectricTable tr td {
  background-color:#ffc084;
  
}
table#whyElectricTable tr td:last-child {
  background-color:#afbfd9;
  
}
table#whyElectricTable tr td img{
height:20px;
width:auto;
margin-left:30%;
}
table#whyElectricTable tr th img {
width:auto;
height:auto;
}
table#whyElectricTable tr.noHover th p {
  text-align:center;
}
div.interchange-img img {
  width:auto;
  height: auto;
  border: 1px solid #ccc;
  box-shadow: 2px 2px 2px #707070;
  margin-bottom:10px;
}
div#accordion img {
width:auto;
height:auto;
margin: 0px auto;

}
div#accordion p.technology-img img {
width:100%;
}
div#accordion div.installation {
  width:95%;
}
div p.accordion-img {
  text-align:center;
}
#cutawayTable  th, #cutawayTable2 th{
  background-color: #e0dfdc;
  min-width: 25px;
  height: 25px;
  font-size: 120%;
  }
  #cutawayTable td , #cutawayTable2 td{
  background-color: #afbfd9;
  width: 325px;
  padding: 3px;
  color: #000;
  }
  #cutawayTable table, #cutawayTable2 table {
  width: 700px;
  }
  #cutawayTable .special-color th, #cutawayTable .special-color td, #cutawayTable2 .special-color th, #cutawayTable2 .special-color td {
  background-color: #cbd1db;
  }
  
  #cutawayT {
  clear: both;
  }
  .benefit {
    width: 175px;
    float: left;
    margin-left: 25px;
    border-left: 2px solid #194D8F;
    border-top-left-radius: 10px;
    box-shadow:none;
    transition: box-shadow 1s;
    }
    .benefit h3 {
    background: -moz-linear-gradient(bottom , #194D8F 3%, #236A9E 100%);
    background: -webkit-linear-gradient(bottom , #194D8F 3%, #236A9E 100%);
    background: -ms-linear-gradient(bottom , #194D8F 3%, #236A9E 100%);
    background: linear-gradient(bottom , #194D8F 3%, #236A9E 100%);
    padding: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    margin-top: 0px;
    }
    .benefit img {
    border: 2px solid #194D8F;
    margin-left: 10px;
    }
    .benefit:hover {
    box-shadow: -3px 5px 10px;
    }
div.technology span {
font-weight:bold;
color:#355d90;
}
div#accordion p.small {
  font-size:80%;
}
     
      #cutaway2 table th, #cutaway3 table th{
        text-align:center;
      }
      #cutaway2 table th, #cutaway2 table td, #cutaway3 table th, #cutaway3 table td {
        border:2px solid #fff;
      }
     p.cutawayRedimount {
       margin:20px 0px;
     }
     
      #cutawayImage2 {
      float:left;
      height: 342px;
      width: 400px;
      margin-right: 10px;
      }
      #cutawayImage {
      float:right;
      height: 333px;
      width: 400px;
      margin-left: 10px;
      }
      #cutaway1 {
     float:right;
      height: 342px;
      width: 400px;
      margin-top: -342px;
      
      }
     #cutaway {
      float:right;
      height: 333px;
      width: 400px;
      margin-top: -333px;
      margin-left: 10px;
      }
      #cutawayB p{
      display:none;
     height:50px;
     padding-left:35px;
     padding-top:5px;
      color: #ce112c;
      font-size:14px;
      }
      
      #cutawayB {
     
      }
      #cutawayB2 p{
      display:none;
      height:50px;
     padding-left:35px;
     padding-top: 5px;
      color: #ce112c;
      font-size:14px;
      }
      
      #cutawayB2 {
     
      }
      div.cutaway-container {
        height:342px;
        width:400px;
      }
      form#get-started img {
        width:auto;
        height:auto;
      }
      div#why-mls {
        
                  display:none;
                }
                div#why-mls-first {
        display:block;
        
                }
      @media (max-width: 576px) {

        div#why-mls {

          display:block;
        }
        div#why-mls-first {
display:none;

        }
        table#whyElectricTable tr td img{
          
          margin-left:10%;
          }
          #cutawayImage2 {
            
            width: 90%;
            margin-right: 10px;
            }
            #cutawayImage {
            
            width: 100%;
            margin-left: 10px;
            }
            #cutaway1 {
           float:right;
            
            width: 100%;
            margin-top: -342px;
            
            }
           #cutaway {
            float:right;
            
            width: 100%;
            margin-top: -333px;
            margin-left: 10px;
            }
            div.cutaway-container {
              height:342px;
              width:100%;
            }
            div#accordion img {
              width:90%;
              
              }
      }
      #privacy-policy-click:hover {
        text-decoration:underline;
        cursor:pointer;
      }

      a.global-link {
        display: block;
        float: right;
        padding-top: 10px;
        margin-right: 20px;
      }