.spec-table { }

.spec-group {
 background-color: #232323;
 color: #ffffff;
 font-weight: 700;
}

.spec-name {
 width: 10%;
 font-weight: 700;
}

.spec-value {
 width: 90%;
}

.bs-example {
 font-family: sans-serif;
 position: relative;
 margin: 50px;
}

.typeahead, .tt-query, .tt-hint, .twitter-typeahead {

}

.typeahead {
 padding-right: 40px;
}

.tt-query {

}

.tt-hint {

}

.tt-dropdown-menu, .tt-menu {
 background-color: #FFFFFF;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 8px;
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 margin-top: 12px;
 padding: 8px 0;
 width: 100%;
}

.tt-suggestion, .tt-dataset { padding: 3px 20px; }
.tt-suggestion p { margin: 0; }
.tt-selectable { cursor: pointer; }
.tt-cursor { background-color: rgba(194, 245, 230, 0.3);}

.search-title, .empty-message {
 background-color: #FFFFFF;
 color: #505050;
 font-family: "Rubik", Helvetica, Arial, sans-serif;
 font-size: 14px;
 border: 1px solid rgba(0, 0, 0, 0.2);
 border-radius: 8px;
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 margin-top: 12px;
 padding: 8px 0;
 width: 100%;
}

.add2cart {
 display: table-cell;
 cursor: pointer;
 font-weight: 400;
 background-color: #009fe3 !important;
 color: #ffffff !important;
}

.add2cart:hover {
 background-color: #0046d1 !important;
 color: #ffffff !important;
}

.discontinued {
 width: 100%;
 z-index: 1;
}

.product-card.discontinued::before,
.add-cart.discontinued::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(3, 36, 63, 0.4);
 z-index: 99999;
}

.product-card.discontinued::after,
.add-cart.discontinued::after  {
 content: 'PRODUCT END OF LIFE';
 position: absolute;
 top: 50%;
 left: 0;
 width: 100%;
 z-index: 999999;
 color: #ffffff;
 text-align: center;
 font-size: 2em;
 font-weight: 900;
 text-wrap: pretty;
}

.welcome {
 background-color: #f2f2f2;
}

.tt-input:focus::placeholder {
 color: white;
 opacity: 1; /* Firefox */
}

.tt-input:focus::-ms-input-placeholder { /* Edge 12 -18 */
 color: white;
}