/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.forms-field-b,
.forms-field-c {
  display: inline-block;
}
.forms-field-holder {
  padding: 12px 0px;
}
input {
  padding: 6px;
  background: #fff;
  border: 1px solid #ccc;
}
.forms-submit-row {
  text-align: center;
}
.forms-field-type-CheckBox {
  padding: 0px;
}
.forms-field-type-CheckBox .forms-field-a,
.forms-field-type-CheckBox .forms-field-c {
  display: none !important;
}
.forms-field-type-CheckBox .forms-checkbox-outer {
  display: table;
}
.forms-field-type-CheckBox .forms-checkbox-outer a {
  display: table-cell;
  font-size: 17px;
  padding-right: 12px;
  vertical-align: middle;
  cursor: pointer;
}
.forms-field-type-CheckBox .forms-checkbox-outer a.forms-checkbox {
  font-family: 'Glyphicons Halflings';
}
.forms-field-type-CheckBox .forms-checkbox-outer a.forms-checkbox:hover {
  text-decoration: none;
}
.forms-field-type-CheckBox .forms-checkbox-outer a.forms-checkbox:before {
  content: "\e157";
}
.forms-field-type-CheckBox .forms-checkbox-outer a.forms-checkbox-label:hover {
  text-decoration: underline;
}
.forms-field-type-CheckBox .forms-checkbox-checked a.forms-checkbox:before {
  content: "\e067";
}
.forms-field-type-DropDownField .forms-field-b {
  width: 100%;
  text-align: center;
}
.forms-field-type-DropDownField .forms-field-b span.select2 {
  display: inline-block;
}
.forms-field-type-DropDownField .forms-field-b .select2-selection {
  text-align: left;
  height: 33px;
}
.forms-field-type-DropDownField .forms-field-b .select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: 0px;
}
.forms-field-error {
  color: red;
  font-size: 12px;
}
body {
  padding-top: 0;
}
html {
  overflow-y: scroll;
}
img.responsive {
  width: 100%;
  height: auto;
}
.screen {
  position: absolute;
  width: 100%;
  top: 0;
}
.navbar {
  z-index: 100000;
}
.nav-tabs {
  border-bottom: transparent;
}
.dialog {
  position: absolute;
  top: 20px;
  z-index: 370000;
  -webkit-box-shadow: 0px 0px 7px -2px #bdbdbd;
  -moz-box-shadow: 0px 0px 7px -2px #bdbdbd;
  box-shadow: 0px 0px 7px -2px #bdbdbd;
  max-width: 664px;
}
.dialog .dialog-inner {
  position: relative;
}
.dialog .dialog-close {
  position: absolute;
  right: 20px;
  top: 0px;
  font-size: 30px;
  display: block;
  cursor: pointer;
  color: #666;
}
.dialog .dialog-close:before {
  content: "x";
}
.dialog .dialog-content {
  background: #fff;
  padding: 22px;
}
.dialog .dialog-content h2 {
  margin-bottom: 15px;
}
.dialog-modal {
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  -webkit-opacity: 0.8;
  opacity: 0.8;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  filter: alpha(opacity=80);
  background: #333;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 360000;
}
.download-dialog-choices {
  margin: 10px 0px 10px 0px;
}
/* COL HEADER
---------------------------------- */
.col-header h1 {
  margin-top: 0px;
}
/* encapsulated BTNS on top of the col; Must be the same height as the erp-tabs */
.col-header-btns {
  height: 52px;
}
/* LABELMODE
---------------------------------- */
.labelmode .tile {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
}
/* TABLE FORM (THRID PARTY COMPONENTS)
---------------------------------- */
.form-table {
  width: 100%;
  /* FIELD STYLING */
}
.form-table tr td:first-child {
  text-align: left;
}
.form-table tr td {
  padding: 12px;
  text-align: right;
}
.form-table tr td:last-child {
  width: 40px;
  padding-right: 22px;
}
.form-table input {
  padding: 12px;
  width: 80px;
}
/* TABS
---------------------------------- */
ul.erp-tabs {
  list-style: none;
}
ul.erp-tabs li {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 50%;
}
.erp-btn,
.nav li a.erp-btn {
  display: block;
  position: relative;
  padding: 16px 22px;
  text-align: center;
  border: 0px !important;
  border-bottom: 1px solid #fff;
  color: #4d4d4d;
  background: #fff;
  cursor: pointer;
  color: #999;
  -webkit-box-shadow: 0px 0px 7px -2px #bdbdbd;
  -moz-box-shadow: 0px 0px 7px -2px #bdbdbd;
  box-shadow: 0px 0px 7px -2px #bdbdbd;
}
.erp-btn {
  padding: 12px 22px;
  display: inline-block;
  width: auto;
}
.nav li.active a.erp-btn,
.erp-btn.active,
.erp-btn:active {
  background: #f7f7f7;
  border-top: 1px solid #eee;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #2d9fea;
  text-decoration: none;
}
.erp-btn:active {
  background: #fff;
}
.nav li .erp-btn {
  margin-right: 2px;
}
.nav li:last-child .erp-btn {
  margin-right: 0px;
}
/* RADIO SLIDER
---------------------------------- */
.radio-slider .radio-slider-outer {
  width: 200px;
  height: 60px;
  overflow: hidden;
  position: relative;
}
.radio-slider .radio-slider-slider {
  width: 3000px;
  position: absolute;
  left: 0;
  top: 0;
}
.radio-slider table {
  width: 100%;
}
.radio-slider table tr td.nav-left {
  width: 80px;
  height: 60px;
  text-align: center;
  cursor: pointer;
}
.radio-slider table tr td.nav-right {
  width: 80px;
  text-align: center;
  cursor: pointer;
}
/*
---------------------------------- */
.product-config-submit {
  display: inline-block;
  width: auto;
}
.product-config-submit span {
  margin-left: 5px;
}
/* ALL COLS HAVE SAME WIDTH
------------------------------*/
.selectmode,
.cartmode,
.labelmode {
  width: 360px;
  margin: auto;
}
.erplabel-tile {
  width: 360px;
  margin: auto;
}
.service-items .col-sm-4 {
  padding-left: 3px;
  padding-right: 3px;
}
.service-items.row {
  margin-left: -3px;
  margin-right: -3px;
}
.triangle-left {
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-right: 15px solid red;
  border-bottom: 12px solid transparent;
}
.searchresult-active {
  background: #edf2f8;
  box-shadow: inset 0 20px 40px -25px #26547a, inset 0 -20px 40px -25px #26547a;
}
.addform {
  border-top: 1px solid #d9d9d9;
}
.addform-row-big {
  padding: 10px;
  border-top: 1px solid #d9d9d9;
}
.addform-row {
  padding: 10px;
  border-top: 1px solid #d9d9d9;
}
.filter-selector {
  font-size: 28px;
  color: #4d4d4d;
}
.children {
  box-shadow: inset 0 20px 40px -25px #26547a, inset 0 -20px 40px -25px #26547a;
  background: rgba(245, 250, 255, 0);
}
.erp-action-btn {
  display: block;
  color: #26547a;
  padding: 20px 30px 20px 30px;
  cursor: pointer;
}
.erp-action-btn .pull-left {
  padding-top: 10px;
}
.erp-action-btn .btn {
  padding: 0 !important;
}
.radio-slider-inner {
  padding: 20px;
  float: left;
}
/*.outer-category:last-child  .children {
        box-shadow: inset 0 20px 40px -25px #26547a;
    }*/
.action-edit span {
  display: inline-block;
  background: url(/shared_assets/icons/white/edit.png) no-repeat -10px -10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
.action-delete span {
  display: inline-block;
  background: url(/shared_assets/icons/white/trash.png) no-repeat -10px -10px;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
.sr-effclass {
  padding: 10px 0 10px 0;
}
.sr-effclass img {
  margin: 2px 0 2px 0;
}
.radio-slider .radio-slider-inner {
  cursor: pointer;
  opacity: 0.6;
}
.radio-slider .radio-slider-inner.active {
  font-weight: bold;
  cursor: default;
  opacity: 1;
}
.addform .tool-tip {
  margin: 0px;
}
.category {
  cursor: pointer;
}
.chevron {
  width: 80px;
  height: 60px;
  text-align: center;
}
.edit-btns {
  padding-right: 12px;
}
.edit-btns a.btn {
  text-align: left;
  margin-bottom: 2px;
}
.edit-menu .edit-btns a.btn {
  visibility: hidden;
  margin-bottom: 2px;
}
.edit-menu :hover .edit-btns a {
  visibility: visible;
}
.btn-icon {
  display: inline-block;
  background: fuchsia;
  width: 30px;
  height: 20px;
  vertical-align: middle;
}
.flags img {
  margin: 2px;
}
@media (min-width: 1400px) {
  .screen > .container {
    width: 1370px;
  }
}
/* Component form container
---------------------------------- */
.category-form-container {
  padding: 12px;
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-ExtraLight.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-ExtraLight.otf.woff') format('woff'), url('OTF/SourceSansPro-ExtraLight.otf') format('opentype'), url('TTF/SourceSansPro-ExtraLight.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 200;
  font-style: italic;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-ExtraLightIt.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff') format('woff'), url('OTF/SourceSansPro-ExtraLightIt.otf') format('opentype'), url('TTF/SourceSansPro-ExtraLightIt.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-Light.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-Light.otf.woff') format('woff'), url('OTF/SourceSansPro-Light.otf') format('opentype'), url('TTF/SourceSansPro-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 300;
  font-style: italic;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-LightIt.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-LightIt.otf.woff') format('woff'), url('OTF/SourceSansPro-LightIt.otf') format('opentype'), url('TTF/SourceSansPro-LightIt.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-Regular.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-Regular.otf.woff') format('woff'), url('OTF/SourceSansPro-Regular.otf') format('opentype'), url('TTF/SourceSansPro-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-It.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-It.otf.woff') format('woff'), url('OTF/SourceSansPro-It.otf') format('opentype'), url('TTF/SourceSansPro-It.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-Semibold.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-Semibold.otf.woff') format('woff'), url('OTF/SourceSansPro-Semibold.otf') format('opentype'), url('TTF/SourceSansPro-Semibold.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 600;
  font-style: italic;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-SemiboldIt.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff') format('woff'), url('OTF/SourceSansPro-SemiboldIt.otf') format('opentype'), url('TTF/SourceSansPro-SemiboldIt.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: normal;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-Bold.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-Bold.otf.woff') format('woff'), url('OTF/SourceSansPro-Bold.otf') format('opentype'), url('TTF/SourceSansPro-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-style: italic;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-BoldIt.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-BoldIt.otf.woff') format('woff'), url('OTF/SourceSansPro-BoldIt.otf') format('opentype'), url('TTF/SourceSansPro-BoldIt.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-Black.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-Black.otf.woff') format('woff'), url('OTF/SourceSansPro-Black.otf') format('opentype'), url('TTF/SourceSansPro-Black.ttf') format('truetype');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-weight: 900;
  font-style: italic;
  font-stretch: normal;
  src: url('EOT/SourceSansPro-BlackIt.eot') format('embedded-opentype'), url('WOFF/OTF/SourceSansPro-BlackIt.otf.woff') format('woff'), url('OTF/SourceSansPro-BlackIt.otf') format('opentype'), url('TTF/SourceSansPro-BlackIt.ttf') format('truetype');
}
.legals {
  padding-top: 100px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 200;
}
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
}
a.forms-checkbox {
  color: #2f64a7;
}
.selectmode_search input#searchInput {
  border-radius: 5px !important ;
}
.select2-container--bootstrap .select2-selection,
.select2-container--open .select2-dropdown--below,
.select2-dropdown,
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  -webkit-border-top-right-radius: 0px !important;
  -webkit-border-bottom-right-radius: 0px !important;
  -webkit-border-bottom-left-radius: 0px !important;
  -webkit-border-top-left-radius: 0px !important;
  -moz-border-radius-topright: 0px !important;
  -moz-border-radius-bottomright: 0px !important;
  -moz-border-radius-bottomleft: 0px !important;
  -moz-border-radius-topleft: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-top-left-radius: 0px !important;
  -moz-background-clip: padding-box !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
}
body .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background: #2f64a7;
}
/* NAVBAR
-------------------------------- */
.navbar-default {
  background: #2f64a7;
}
.navbar-default .navbar-nav > li a,
.navbar-default .navbar-nav > li a:hover,
.navbar-default .navbar-nav > li a:active {
  color: #ffffff;
}
.navbar-default .open > a {
  background: #407cc9 !important;
}
.navbar-default .dropdown-menu {
  background: #2f64a7;
}
.navbar-default .dropdown-menu a {
  color: #fff;
}
.navbar-default .dropdown-menu a:hover {
  background: #407cc9;
}
/* ACTION EDIT
-------------------------------- */
.action-edit span {
  background: url(pictograms_open/edit.png) no-repeat -10px -10px;
}
.action-delete span {
  background: url(pictograms_open/trash.png) no-repeat -10px -10px;
}
.action-download span {
  background: url(pictograms_open/download-mini.png) no-repeat 0px 0px;
}
/* TOOL TIPS
-------------------------------------- */
.tool-tip {
  background: #2c60a2;
  padding: 20px;
  color: white;
  margin-bottom: 17px;
  line-height: 1.4;
}
.tool-tip a {
  color: white;
}
.tool-tip-body {
  font-size: 20px;
}
.special-tool-tip .tool-tip-body {
    font-size:14px;
}
/* TILES
-------------------------------------- */
.tile {
  -webkit-box-shadow: 0px 2px 14px -3px #bdbdbd;
  -moz-box-shadow: 0px 2px 14px -3px #bdbdbd;
  box-shadow: 0px 2px 14px -3px #bdbdbd;
  border: 0px;
}
.nav-tabs li a {
  -webkit-box-shadow: 0px 1px 5px -2px #bdbdbd;
  -moz-box-shadow: 0px 1px 5px -2px #bdbdbd;
  box-shadow: 0px 1px 5px -2px #bdbdbd;
}
.nav-left span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('pictograms/chevron_left.png');
}
.nav-right span {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('pictograms/chevron_right.png');
}
/* PICKLIST
-------------------------------------- */
.picklist > div {
  line-height: 0;
}
/* reset line-height */
.picklist > div > div.tile {
  line-height: 1.4;
}
/* set line-height of default-line-height*/
.nopad-tile {
  margin-bottom: 17px;
}
.erphintlist {
  margin-top: 0px !important;
}
/* Restyle Picklist items
    ----------------------------------------- */
.picklist .category:after,
.picklist .searchresult:after {
  height: 0px;
  border-bottom: 0px;
}
.picklist .searchresult {
  background: #f2f2f2;
}
/* Active category class
----------------------------------------- */
.outer-category .category {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #ddd;
}
.outer-category .category :after {
  height: 0px;
  border: 0px;
}
.outer-category .category .searchresult {
  border-bottom: 1px solid #ddd;
}
.outer-category.active > .category {
  background: #2f64a7;
  color: #ffffff;
}
.outer-category.active .children {
  background: #edf2f8;
}
.outer-category.active > .category > table img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
  -moz-filter: invert(100%);
  -ms-filter: invert(100%);
  filter: brightness(10000%);
  -webkit-filter: brightness(10000%);
  -moz-filter: brightness(10000%);
  -ms-filter: brightness(10000%);
}
.outer-category.active > .category table.category-table .chevron img {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.outer-category.active .outer-category.active > .category {
  background: #407cc9;
}
.outer-category.active .outer-category.active .outer-category.active > .category {
  background: #548acf;
}
.selectmode .searchresult {
  border-top: 1px solid #d4d4d4;
}
.selectmode .searchresult:first-child {
  border-top: none;
}
/* Refining shadows
-------------------------- */
/*.children,  .outer-category:last-child .children {box-shadow: inset 0 -20px 40px -25px #666;};*/
.categories > div > .outer-category:last-child > .children {
  box-shadow: inset 0 20px 40px -25px #26547a, inset 0 0px 0px 0px #26547a;
}
.radio-row .btn-group label {
  background: url(btn_bar/btn_bar_middle.png) no-repeat center bottom;
  vertical-align: top;
  height: 66px;
  font-weight: normal;
  text-align: center;
  padding: 0px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.radio-row .btn-group label:first-child {
  background: url(btn_bar/btn_bar_left.png) no-repeat center bottom;
}
.radio-row .btn-group label:last-child {
  background: url(btn_bar/btn_bar_right.png) no-repeat center bottom;
}
.radio-row .btn-group label.active:first-child {
  background: url(btn_bar/btn_bar_left_active.png) no-repeat center bottom;
}
.radio-row .btn-group label.active {
  background: url(btn_bar/btn_bar_middle_active.png) no-repeat center bottom;
}
.radio-row .btn-group label.active:last-child {
  background: url(btn_bar/btn_bar_right_active.png) no-repeat center bottom;
}
nav a {
  color: white;
}
h1 {
  color: #4d4d4d;
}
.category > table div {
  font-weight: bold;
}
.erp-action-separator {
  border-top: 1px solid #d9d9d9;
}
/*.category:after, .searchresult:after {
        display: block;
        content: ' ';
        height: 1px;
        border-bottom: 1px solid #d9d9d9;
    }*/
/* category thumb icons */
.cat-thumb {
  background-position: center center;
  background-repeat: no-repeat;
}
.cat-thumb-heater {
  background-image: url('cat_icons/heater.png');
}
.cat-open > .category .cat-thumb-heater {
  background-image: url('cat_icons_open/heater.png');
}
.cat-thumb-control {
  background-image: url('cat_icons/control.png');
}
.cat-thumb-aircondition {
    background-image: url('cat_icons/aircondition.png');
}
.cat-open > .category .cat-thumb-aircondition {
    background-image: url('cat_icons_open/aircondition.png');
}
.cat-open > .category .cat-thumb-control {
  background-image: url('cat_icons_open/control.png');
}
.cat-thumb-package {
  background-image: url('cat_icons/package.png');
}
.cat-open > .category .cat-thumb-package {
  background-image: url('cat_icons_open/package.png');
}
.cat-thumb-solar {
  background-image: url('cat_icons/solar.png');
}
.cat-open > .category .cat-thumb-solar {
  background-image: url('cat_icons_open/solar.png');
}
.cat-thumb-tank {
  background-image: url('cat_icons/tank.png');
}
.cat-open > .category .cat-thumb-tank {
  background-image: url('cat_icons_open/tank.png');
}
.cat-thumb-ventilation {
    background-image: url('cat_icons/ventilation.png');
}
.cat-open > .category .cat-thumb-ventilation {
    background-image: url('cat_icons_open/ventilation.png');
}
.cat-thumb-questionmark {
  background-image: url('cat_icons/questionmark.png');
}
.cat-open > .category .cat-thumb-questionmark {
  background-image: url('cat_icons_open/questionmark.png');
}
.cat-thumb-freshwaterstation {
    
}
.cat-open > .category .cat-thumb-freshwaterstation {
    
}


.chevron {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('pictograms/chevron_down.png');
}
.cat-open > .category .chevron {
  background-image: url('pictograms_open/chevron_up.png');
}
.cat-tpc .outer-category.active .chevron {
    background-image: url('pictograms_open/chevron_up.png');
}
.resolution-header {
  color: #fff;
}
.tool-tip-resolution .btn {
  color: #fff;
  background: #407cc9;
  float: right;
}
.tool-tip-resolution {
  padding-bottom: 35px;
}

.download-hint {
    padding-top:30px;
}