/* 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: 576px){
   header.header {
   height:143px;
   }
   .header .header__inner .logo{
   width:100%;
   margin-top:-20px;
   }
   .context div.context-section div p {
   font-size:15px;
   }
   div.main-content span#vidyard_0ukiGNlI-Gcy4Ho4pit2PA {
   width:100%;
   }
   }
  @media (max-width: 767px) {
    .header {
      height: 93px;
      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;
			
          
          width: 130px;
          } }
      @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:10px;
	  }
	  }
  @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;
      }
    @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 {

margin:0px;
padding:0px;


}
@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:150px;
 }

 }
 .boxes h2 {
 font-size:20px;
 font-weight:bold;
 background-color:#355d90;
 color:#fff;
 text-align:center;
 padding:10px;
 margin-top:0px;
 }
 .boxes img {
width:90%;
}
 .boxes {
 padding:10px;
 }
  @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 {
 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 {
  background-color: #7bb142;
 color:#fff;
 padding:15px 80px;
 font-weight:bold;
 margin-top:10px;
font-size:16px;
border-radius:5px;
 }
 .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:345px;
	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:250px;
 width: 90%;
 margin:0px auto;
 }


 .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;
 }
 .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%;
 }

 }
  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.product-img {
  text-align:center;
  }
  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;
  }
form#get-started input, form#get-started select, form#get-started textarea {
background-color:#efedec;
  padding:5px;
}
  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;
  }
  form input, form select , form textarea{
  margin-bottom:20px;
  }
  form select {
  color:#8a8989;
  }
  div.products.applications {
  padding:10px;
  }
  div.products.applications:hover {
  border:1px solid #ccc;
  border-radius: 5px;
  }
  @media (min-width: 992px){
  div.products.applications {
  height:490px;
  }
  div.products.applications p.product-cta {
  position: absolute;
  bottom: 0;
  
  }
  }
  @media (min-width: 767px){
   div.products.applications {
  height:530px;
  }
  div.products.applications p.product-cta {
  position: absolute;
  bottom: 0;
 
  }
  }
  div.products ul {
  padding-left:15px;
  }
  @media (min-width: 992px){
  div.products {
  height:700px;
  }
  div.products p.product-cta {
  position: absolute;
  bottom: 0;
  width:90%;
  text-align:center;
  }
  }
  @media (min-width: 767px){
   div.products {
  height:550px;
  }
  div.products:hover {
  border:1px solid #ccc;
  border-radius:5px;
  }
  div.products p.product-cta {
  position: absolute;
  bottom: 0;
  width:90%;
  text-align:center;
  }
  }
 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%;
   }
  
   }
   img#animation-background  {
    width:100%;
    max-width:980px;
    height:auto;
    display:none;
    
   }
   #animation {
     position:relative;
     top:0px;
   }
   #animation-buttons {
   position:absolute;
   top:0px;
   width: 100%;
    max-width:980px;
    height:100%;
    }
    #animation-buttons .button-columns img{
      width:100%;
      max-width:103px;
      
    }
    .button-columns {
      margin-top:6.7%;

    }
    .button-columns.first {
      padding-left:2.5%;
      padding-right:0;
    }
    .button-columns.second {
      
    }
    #animation.electric_background {
    background-image: url('../video/Images/Thomson_Combine_ElectricalStill.jpg');
      background-repeat: no-repeat;
  }
    #animation.hydraulic_background {
    background-image: url('../video/Images/Thomson_Combine_HydraulicStill.jpg');
    background-repeat:no-repeat;
    }
    div#ladder {
      
      width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:7%;
      margin-right:1.5%;
      }
      div#ladder img {
        width:100%;
      }
      div#ladder div.under {
       margin-top:-39%;
      }
      div#ladder div.under:hover {
        display:none;
      }
      
      div#spout {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:7%;
      margin-right:8%;
      }
      div#spout img {
        width:100%;
      }
      div#spout div.under {
        margin-top:-39%;
       }
       div#spout div.under:hover {
         display:none;
       }
      div#chopper {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:2%;
      margin-right:1.5%;
      }
      div#chopper img {
        width:100%;
      }
      div#chopper div.under {
        margin-top:-39%;
       }
       div#chopper div.under:hover {
         display:none;
       }
      div#grain {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:2%;
      margin-right:8%;
      clear:right;
      }
      div#grain img {
        width:100%;
      }
      div#grain div.under {
        margin-top:-39%;
       }
       div#grain div.under:hover {
         display:none;
       }
      div#access {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:2.3%;
      margin-right:1.5%;
      
      }
      div#access img {
        width:100%;
      }
      div#access div.under {
        margin-top:-39%;
       }
       div#access div.under:hover {
         display:none;
       }
      div#cabin {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:2.3%;
      margin-right:8%;
      clear:right;
      }
      div#cabin img {
        width:100%;
      }
      div#cabin div.under {
        margin-top:-39%;
       }
       div#cabin div.under:hover {
         display:none;
       }
      div#reel {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:2%;
      margin-right:1.3%;
      
      }
      div#reel img {
        width:100%;
      }
      div#reel div.under {
        margin-top:-39%;
       }
       div#reel div.under:hover {
         display:none;
       }
      div#grain-tank {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:2%;
      margin-right:8%;
      clear:right;
      }
      div#grain-tank img {
        width:100%;
      }
      div#grain-tank div.under {
        margin-top:-39%;
       }
       div#grain-tank div.under:hover {
         display:none;
       }
      div#concave {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:1.5%;
      margin-right:1.5%;
      
      }
      div#concave img {
        width:100%;
      }
      div#concave div.under {
        margin-top:-39%;
       }
       div#concave div.under:hover {
         display:none;
       }
      div#straw {
        width:10.5%;
      cursor: pointer;
      float:right;
      margin-top:1.5%;
      margin-right:8%;
      clear:right;
      }
      div#straw img {
        width:100%;
      }
      div#straw div.under {
        margin-top:-39%;
       }
       div#straw div.under:hover {
         display:none;
       }
      div#replay {
      height:4.8%;
      width:13%;
      cursor: pointer;
      float:right;
      margin-top:7.2%;
      margin-right:1.7%;
      
      }
      div#replay img {
        width:100%;
      }
      div#replay div.under {
        margin-top:-37%;
       }
       div#replay div.under:hover {
         display:none;
       }
      div#quote {
      height:4.8%;
      width:13%;
      cursor: pointer;
      float:right;
      margin-top:7.2%;
      margin-right:1.8%;
      
      }
      div#quote img {
        width:100%;
      }
      div#quote div.under {
        margin-top:-37%;
       }
       div#quote div.under:hover {
         display:none;
       }
      div#brochure {
      height:4.8%;
      width:13%;
      cursor: pointer;
      float:right;
      margin-top:7.2%;
      margin-right:1.5%;
      clear:right;
      }
      div#brochure img {
        width:100%;
      }
      div#brochure div.under {
        margin-top:-37%;
       }
       div#brochure div.under:hover {
         display:none;
       }
      div#hydraulic {
      height:4.8%;
      width:13%;
      cursor: pointer;
      float:right;
      margin-top:7.3%;
      margin-right:7.8%;
      
      }
      div#hydraulic img {
        width:100%;
      }
      div#hydraulic div.under {
        margin-top:-37%;
       }
       div#hydraulic div.under:hover {
         display:none;
       }
      div#electric {
      height:4.8%;
      width:13%;
      cursor: pointer;
      float:right;
      margin-top:7.3%;
      margin-right:12%;
      
      }
      div#electric img {
        width:100%;
      }
      div#electric div.under {
        margin-top:-37%;
       }
       div#electric div.under:hover {
         display:none;
       }
      div.calculators {
      width: 44%;
      float:left;
      margin:5px;
      border: 1px solid #1a5095;
      padding:10px;
      height:300px;
      box-shadow: 5px 5px 5px #fff;
      transition: 1s ease box-shadow;
      
      }
      div.electrakHDaccordion div#accordion h3.blue {
        background-color:#3d6faf;
        border: 1px solid #cccccc;
          background-image: linear-gradient(bottom, #8facd1, #3d6faf);
          background-image: -o-linear-gradient(bottom, #8facd1, #3d6faf);
          background-image: -moz-linear-gradient(bottom, #8facd1, #3d6faf);
          background-image: -webkit-linear-gradient(bottom, #8facd1, #3d6faf);
          background-image: -ms-linear-gradient(bottom, #8facd1, #3d6faf);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8facd1', endColorstr='#3d6faf',GradientType=0 );
          
          font-weight: bold;
          color: #fff;
        }
        div.electrakHDaccordion div#accordion h3.blue.ui-state-active {
        border: 1px solid #cccccc;
        
        background-image: linear-gradient(bottom, #8facd1, #3d6faf );
          background-image: -o-linear-gradient(bottom, #8facd1, #3d6faf);
          background-image: -moz-linear-gradient(bottom, #8facd1, #3d6faf);
          background-image: -webkit-linear-gradient(bottom, #8facd1, #3d6faf);
          background-image: -ms-linear-gradient(bottom, #8facd1, #3d6faf);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8facd1', endColorstr='#3d6faf',GradientType=0 );
        }
        div.electrakHDaccordion div#accordion h3.blue.ui-state-active {
        border: 1px solid #cccccc;
        
        }
        div.electrakHDaccordion div#accordion h3.yellow {
        background-color:#3d6faf;
        border: 1px solid #cccccc;
          background-image: linear-gradient(bottom, #fbb363, #ff8600);
          background-image: -o-linear-gradient(bottom, #fbb363, #ff8600);
          background-image: -moz-linear-gradient(bottom, #fbb363, #ff8600);
          background-image: -webkit-linear-gradient(bottom, #fbb363, #ff8600);
          background-image: -ms-linear-gradient(bottom, #fbb363, #ff8600);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb363', endColorstr='#ff8600',GradientType=0 );
          
          font-weight: bold;
          color: #fff;
        }
        div.electrakHDaccordion div#accordion h3.yellow.ui-state-active {
        border: 1px solid #cccccc;
        
        background-image: linear-gradient(bottom, #fbb363, #ff8600 );
          background-image: -o-linear-gradient(bottom, #fbb363, #ff8600);
          background-image: -moz-linear-gradient(bottom, #fbb363, #ff8600);
          background-image: -webkit-linear-gradient(bottom, #fbb363, #ff8600);
          background-image: -ms-linear-gradient(bottom, #fbb363, #ff8600);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbb363', endColorstr='#ff8600',GradientType=0 );
        }
        div.electrakHDaccordion div#accordion h3.yellow.ui-state-active {
        border: 1px solid #cccccc;
        
        }
        div.electrakHDaccordion div#accordion h3.green {
        background-color:#3d6faf;
        border: 1px solid #cccccc;
          background-image: linear-gradient(bottom, #01cd68, #008d47);
          background-image: -o-linear-gradient(bottom, #01cd68, #008d47);
          background-image: -moz-linear-gradient(bottom, #01cd68, #008d47);
          background-image: -webkit-linear-gradient(bottom, #01cd68, #008d47);
          background-image: -ms-linear-gradient(bottom, #01cd68, #008d47);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cd68', endColorstr='#008d47',GradientType=0 );
          
          font-weight: bold;
          color: #fff;
        }
        div.electrakHDaccordion div#accordion h3.green.ui-state-active {
        border: 1px solid #cccccc;
        
        background-image: linear-gradient(bottom, #01cd68, #008d47 );
          background-image: -o-linear-gradient(bottom, #01cd68, #008d47);
          background-image: -moz-linear-gradient(bottom, #01cd68, #008d47);
          background-image: -webkit-linear-gradient(bottom, #01cd68, #008d47);
          background-image: -ms-linear-gradient(bottom, #01cd68, #008d47);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01cd68', endColorstr='#008d47',GradientType=0 );
        }
        div.electrakHDaccordion div#accordion h3.green.ui-state-active {
        border: 1px solid #cccccc;
        
        }
        div.electrakHDaccordion div#accordion div ul li {
        list-style-type:none;
        list-style-image:none;
        font-weight:bold;
        font-size:110%;
        margin-top:10px;
        cursor:pointer;
        }
        div.electrakHDaccordion div#accordion div.blue ul li ul li {
          font-weight:normal;
          font-size:90%;
          margin-top:3px;
          }
        div.electrakHDaccordion div#accordion div.blue ul li:hover {
        color:#3d6faf;
        }
        div.electrakHDaccordion div#accordion div.yellow ul li:hover {
        color:#ff8600;
        }
        div.electrakHDaccordion div#accordion div.green ul li:hover {
        color:#008d47;
        }
        div.electrak-hd {
          position:relative;
          width:100%;
          max-width:650px;
          margin:0px auto;
        }
        div.electrak-hd img{
          width:100%;
          max-width:650px;
          margin:0px auto;
          }
          #electrak-overlay{
            position:absolute;
            height:100%;
            top:0;
            width:100%;
            max-width:650px;
            margin:0px auto;
            background-repeat:no-repeat;
            background-size:100% 100%;
            }
            div#tabs.technology-first ul li a{
              font-weight:bold;
              padding:30px 20px;
              font-size:150%;
              text-align:center;
              width:100%;
            }
            div#tabs.technology-first ul li.ui-tabs-tab {
              width:49%;
              text-align: center;
              white-space: normal;
            }
            div#tabs.technology-first ul li.ui-state-active {
              background:linear-gradient(#355d90, #e9e9e9 90%);
            }
            div#tabs.technology-first div#accordion2 h3, div#tabs.technology-first div#accordion3 h3 {
              padding:25px;
              font-weight:bold;
              font-size:120%;
            }
            div#accordion.synch-accordion img{
              width:auto;
              margin:0px auto;
            }
            div#accordion.synch-accordion p.synch {
              text-align:center;
            }
            div.models {
              border:1px solid #1f427d;
              padding:10px;
              height:360px;
              margin-bottom:20px;
            }
            div.models h2 {
              text-align:center;
            }
            #animation-video {
              height:500px;
            }
            @media (max-width: 767px) {
            .main-content div .models img {
                width:auto;
                height:auto;
                margin:0px auto;
            }
          }
          .main-content div .models p {
              text-align:center;

          }
          iframe#model-downloads {
            width:100%;
            height:1400px;
            border:none;
          }
          form label.radio-inline {
              margin-right:20px;
              padding-left:0px;
              margin-left:20px;

          }
          a.global-link {
            display:block;
            float:right;
            padding-top:10px;
            margin-right:20px;
          }
          @media (max-width: 576px){
            .context .context-section .context-inner{
              height:150px;

            }
            .context .context-section .context-inner img {
              
              width: 100%;
            }
            .context .context-section{
              height:auto;
            }
            .context .context-section .context-inner {
              height:auto;
            }
            div#tabs.technology-first ul li.ui-tabs-tab{
              width:100%;
            }
            .footer {
              height:auto;
            }
            div#accordion.synch-accordion img{
              width:100%;
            }
            .main-content div .models img {
              width:100%;
            }
          }