.packageInterface {font-weight: bold;color: #888;}
.packageInterfaceDetails td {padding-top: 3px;}

.product-name {
  color: #000!important;font-weight: 300;font-size: 16px;
}

h5.productName a {
  color: #000;
  font-weight: 200;
  background-color: #eee;
  padding: 10px;
  border-radius: 20px;
  line-height: 40px;
  font-size: 13px;
}
h5.productName a:hover {
  color: limegreen;
}

.product td td:hover a:link {color: limegreen;}
/*.btn {float: right;
  font-size: smaller;
  padding-right: 5px;
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #ddd;
  color: #aaa;}

.btn > i {
  color: #aaa;
  padding: 0 5px;
}
.btn:hover{color: #00b3ee;border-color: #00b3ee}
.btn:hover i {color: #00b3ee;}*/
.product .add-to-project {float: right;/*display: none;*//*TODO: activate:*/}
.productImages {padding-top: 16px;/*padding-bottom: 16px;*/line-height: 0px;}
.productImages img {width: 140px;height: 140px;margin: auto;cursor: -webkit-zoom-in;}
/*.productImages img:hover {cursor: -webkit-zoom-out;}*/
.productDescription {font-size: 14px;}
.toggleProductDetails {margin-right: 0.5em;margin-top: 1em;font-size: small;color: #999;float: right;margin-bottom: 1em;}
.toggleProductDetails:hover {color: limegreen;}
.productDetails{}
.main-feature-column {width: 190px;}
/*.sub-feature-column {vertical-align: middle;}*/
.featureGroup th.sub-feature-column {padding-left: 20px;}
.featureGroup .sub-feature-column a {font-size: smaller;color: #666;font-weight: 200;font-style: italic;}

.value-details-column {padding: 0;width: 240px;}

.featureGroup { display: grid; width: calc((100% / 5) - 32px); padding: 0;margin: 1em; }

/*.featureGroup { display: grid; width: 380px; padding: 0 20px 0 0;margin: 0 1em 1em 0; }*/
.featureGroup span.comment {font-size: small;color: #888;font-weight: 200;line-break: anywhere;}
/*.featureGroup {margin-bottom: 1em;width: 100%;}*/
/*.featureGroup:hover caption {background-color: #000;}*/
/*.featureGroup:hover caption a {color: #fff;}*/
/*.featureGroup:hover caption span {color: #000;}*/
/*.featureGroup:hover caption {border-bottom-color: #000;}*/
/*.featureGroup:hover th {border-right-color: #000;}*/
/*.featureGroup:hover tbody {border-bottom-color: #000;}*/
.featureGroup th,.featureGroup caption {cursor: pointer;color: #000;}
/*.featureGroup th, .featureGroup td {
  border-bottom: 1px solid #eee;
}*/
/*.featureGroup caption {padding-left: 0.5em;padding-right: 0.5em;font-size: 14px;border-bottom: 1px solid #ddd;}*/
/*.featureGroup caption {font-size: 14px;}*/
/*.featureGroup caption {font-size: 14px;border-bottom: 1px solid #eee;}*/
.featureGroup caption {font-size: 14px;border-bottom: 1px solid #ddd;padding: 0;}
/*.featureGroup caption {font-size: 14px;border-bottom: 1px solid #ddd;}*/
.featureGroup caption:hover span{color: #888;}
/*.featureGroup caption a {font-weight: bold;}*/
.featureGroup caption a {padding-left: 0.5em;color: #666 !important;font-weight: 600;}
.featureGroup caption span {font-weight: normal;float:right;color: #aaa;}
.featureGroup > tbody {border-bottom: 1px solid #ddd;}
/*.featureGroup > tbody > tr {border-bottom: 1px solid #ddd;}*/
.featureGroup tr:hover th a {/*color: limegreen;*/}
.featureGroup tr:hover td a {}
.featureGroup tr:hover td a:hover {color: limegreen;}
.featureGroup tr:hover .icon-arrow-down {visibility: visible;}
.featureGroup .icon-check-empty {color: #999;}
.filterValue.icon-check {display: inline;}
.filterValue.icon-check-empty {display: inline;}
.featureGroup span.prefix {color: #666;}
.featureGroup span.suffix {color: #333;padding-left: 1px;}
span.suffix {color: #888;font-weight: 300;}
.general span.suffix {font-weight: 600;}
/*.featureGroup th { padding-left: 0.5em; width: 240px; font-size: 14px; font-weight: normal; vertical-align: top; padding-right: 0.5em; border-right: 1px solid #ddd;}*/
/*.featureGroup th { padding-left: 0.5em; font-size: 14px; font-weight: normal; vertical-align: top; padding-right: 0.5em; border-right: 1px solid #ddd;}*/
/*.featureGroup th { padding-left: 0.5em; font-size: 14px; font-weight: normal; vertical-align: top; padding-right: 0.5em;}*/
.featureGroup th { padding-left: 0.5em;font-size: 14px;font-weight: normal;padding-right: 0.5em;border-right: 1px solid #ddd;vertical-align: top;font-weight: 200;min-width: 120px;max-width: 200px;}
.featureGroup th a {color: #888; text-decoration: none;font-weight: 300;white-space: initial;}
.featureGroup th a:hover {color: limegreen;}
/*.featureGroup td { font-size: 14px; padding-left: 0.5em; float: right;}*/
.featureGroup td { font-size: 14px; padding-left: 0.5em;}
.featureGroup td > p > a {cursor: crosshair;text-decoration: none;color: #000}
.featureGroup td > p > .general {color: #00b3ee;}
.featureGroup td > span > a {cursor: crosshair;font-weight:200;text-decoration: none;color: #000;display: block;line-break: anywhere;}
/*.featureGroup td > span > .general {color: #00b3ee;}*/
.featureGroup td > span > .general {color: #000;font-weight: 600;}
.featureGroup .icon-arrow-down {visibility: hidden;color: #ccc;}
.featureGroup .hidden:hover .icon-arrow-down {visibility: hidden;}

.relatedCategory {
  display: block;
  color: #666;
  padding-right: 5px;
  margin-right: 5px;
  font-weight: 300;
}
.relatedProductGroup {
  color: #333;
  font-weight: 500;
}
.relatedInterface {
  color: #888;
  font-weight: 400;
  font-style: italic;
}

.relatedProductGroup:hover {color: #666;}

.relatedProductsCount {
  font-weight: 500;
  font-size: smaller;
  color: orange;
  margin-left: 0.4em;
}
.relatedProduct {margin-left: 30px;}
.relatedProduct a {color: #000000;}

.relatedProductDetails {
  position: absolute;
  left: 820px;
  border: 3px solid #ccc;
  z-index: 1;
  background-color: #fff;
}

.productMarket td {font-weight: normal;}
.provider a {color: limegreen;}
.provider:hover a {background-color: limegreen;color: #fff;}
.provider img {
  height: 12px;
  width: 12px;
  margin-right: 5px;
}

.otherProducts h4 {}
.otherProducts .card li {font-size: smaller;list-style: none;}
.otherProducts .icon-remove {color: #888;}
.otherProducts .pagination {
  margin-top: 1em;
}
.otherProducts .filterValue {
  display: table-cell;
}
.otherProducts span.comment {
  color: #aaa;
  font-weight: 200;
}

.right-align {float: right}

.product-item:hover li {/*color: #000;*/}
.product-item:hover {}
.product-item:hover td:first-of-type {border-right-color: transparent;}

.resultInfo {
  color: #888;
  font-size: smaller;
}

.left-padded {
  padding-left: 30px;
}

.right-padded {
  padding-right: 30px;
}

.padded {
  padding-left: 30px;
  padding-right: 30px;
}

.filter .icon-arrow-down {visibility: hidden;}
.filter:hover .icon-arrow-down {visibility: visible;}
.filterName i {}
.filterValue p a {
  color: #888;
}

.filterValue {
  color: #888;
  font-weight: 200;
  margin-right: 5px;
  display: block;
  text-decoration: none;
}

.fvm.primary {
  color: #00b3ee;
  background-color: #eee;
  padding: 2px 12px;
  font-weight: 500 !important;
  font-size: 13px;
  border: 1px solid #eee;
  border-radius: 10px;
}

.fvm span.count {
  font-weight: 200;
  margin-left: 0.25em;
  color: #aaa;
}

.fvm.leaf {
  /*border-radius: 20px;*/
}

.fvm.selected{
  color: #fff;
  background-color: limegreen;
}

.fvm.secondary {
  color: #888;
  padding: 2px 12px;
  font-size: 13px;
  border: 1px solid #eee;
  border-radius: 10px;
}

.fvm.tertiary {
  color: #888;
  padding: 2px 6px;
  font-weight: 500 !important;
  font-size: 13px;
}

.fvm:hover {
  background-color: limegreen;
  border-color: limegreen;
  border-radius: 10px;
  color: #fff;
}

.fvm:hover span.count {
  background-color: limegreen;
  color: seagreen;
}

#filterByProductModal .featureGroup { width: 100%; }

.search-filter-by-product .filter a {
  font-size: 16px;
}

.search-filter-by-product .filterValue {
  color: #666;
  background-color: #eee;
  padding: 2px 12px;
  border-radius: 20px;
  font-weight: 200 !important;
  font-size: 13px;
}

.search-filter-by-product .filterValue:hover {
  background-color: limegreen;
  color: #fff !important;
}

.filterValue .select2-container-multi .select2-choices .select2-search-choice {
  color: #888;
  /*color: limegreen;*/
  font-size: 14px;
}

.filterValue .select2-container-multi .select2-choices {
  width: 240px;
}

.filterValue .select2-container-multi .select2-choices .select2-search-field input {
  color: #000;
  background: #fff;
}

.filterValue .select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: #fff;
}

.filterValue:hover {}


.similarFeatureFilter {
  padding-right: 30px;
}

.filter-icon {
  height: 12px;
  width: 12px;
}

.productFilter:hover {cursor:pointer;}
.productFilter:hover a {color: #000;}
.productFilter:hover span {color: limegreen;}
.productFilter span {font-size: small;padding-left:10px;}
.productFilter a {font-size: small;color: #888;}
.productFilter a:hover {color: limegreen;}

.show-other-icon {
  height: 16px;
  width: 16px;
  vertical-align: bottom;
}

.show-feature-icon {
  /*vertical-align: bottom;*/
  padding-bottom: 2px;
  height: 14px;
  width: 14px;
}
.product-relatedPerGroup {
  margin: 1em;
  font-size: small;
  padding: 0 1em;
  border: 1px solid #ddd;
  border-radius: 10px;
  background-color: #eee;
}
.product-relatedPerGroup a {
  display: block;
  text-decoration: none !important;
  margin: 1em 0;
}

.addToPackage {/*display: none;*//*TODO:activate*/}