﻿.explorer-search .btn-brands-dropdown {
    font-size: 12px;
    height: 35px;
    padding: 5px;
}
.explorer-search .btn-search {
    border-left: none;
    background: #fff;
    color: #333333;
    height: 29px;
    font-size: 16px;
    line-height: 16px;
    /*img {
            max-width: none;
            display: block;
        }*/
}
.explorer-search .btn-search:hover {
    background: #fff;
    box-shadow: none;
    color: #222222;
}
.explorer-search .explorer-search-input {
    border-right: none;
    height: 29px;
}
.btn-explorer-add {
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 10px / 2;
    background-color: rgba(92, 183, 92, 0.50196078);
    position: relative;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.btn-explorer-add .text-new-module {
    display: block;
    font-size: 12px;
    color: white;
}
.btn-explorer-add .img-new-module img {
    height: 40px;
}
.settings-options {
    min-width: 130px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    display: none;
    position: absolute;
    right: 5px;
    top: 35px;
    z-index: 9999;
}
.settings-options li {
    background: #9d9d9d;
    padding: 6px 12px;
    width: 100%;
    cursor: pointer;
}
.settings-options li.active {
    font-weight: bold;
    background: #919191;
}
.settings-options li:not(:first-child) {
    border-top: 1px solid #d8d8d8;
}
.settings-options li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.settings-options li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.settings-options li:hover {
    background: #919191;
}
.area-dropdown {
    position: relative;
}
.btn-settings-filter {
    border: none;
    background-color: #5d5d5d00;
    height: 30px;
    width: 30px;
    padding: 0;
    position: relative;
    cursor: pointer;
    text-align: left;
    float: right;
}
.btn-settings-filter:hover {
    background-color: #5d5d5d00;
}
.btn-settings-filter img {
    height: 20px;
    width: 20px;
}
.btn-settings-filter i {
    right: 2px;
    position: absolute;
    bottom: 5px;
    color: white;
}
.menu-filters {
    margin: 5px 0;
    margin-top: 0;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: pointer;
    padding: 3px 6px;
}
.menu-filters .menuPartnershipIcon,
.menu-filters .menuCollectionsIcon {
    float: right;
    margin-top: 3px;
}
.space-menu-filters {
    width: 200px;
}
#explorer-items {
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100%);
    width: 100%;
    padding: 10px / 2;
    color: #eeeeee;
}
.explorer-title {
    margin-top: 0;
    color: white;
}
.tag-explorer-item-level-1 {
    margin-left: 15px;
}
.tag-explorer-item-level-2 {
    margin-left: 30px;
}
.tag-explorer-item-level-3 {
    margin-left: 45px;
}
.tag-explorer-item-level-4 {
    margin-left: 60px;
}
.tag-explorer-nav-item {
    color: #eeeeee;
    padding: 3px;
    display: block;
    cursor: pointer;
}
.tag-explorer-nav-item:hover {
    color: white;
}
.tag-explorer-nav-item.selected {
    font-weight: bold;
    color: white;
}
.tag-explorer-icon {
    display: inline-block;
    max-height: 16px;
    max-width: 16px;
    vertical-align: top;
}
.explorer-module {
    border-radius: 4px;
    background-color: #9d9d9d;
    padding: 5px;
    margin-bottom: 10px / 2;
    position: relative;
    cursor: pointer;
    min-height: 74px;
}
.explorer-module-name {
    display: block;
    font-size: 12px;
    color: white;
}
.explorer-module-brand,
.explorer-module-collection {
    font-size: 11px;
    display: block;
}
.explorer-module-collection {
    color: #d5d5d5;
}
.explorer-module-thumb {
    width: 100%;
}
.explorer-drag-indicator {
    color: #555555;
    position: absolute;
    right: 10px;
    top: -5px;
}
.explorer-module-icons {
    position: absolute;
    bottom: 0;
    left: 5px;
    right: 5px;
    color: #555555;
}
.explorer-module-icons .text-success {
    color: #458f47;
}
.explorer-module-icons .fa-shopping-cart {
    margin-bottom: 3px;
}
.explorer-module-icons .logo {
    height: 15px;
    margin-bottom: 4px;
}
.with-explorer-module-icons {
    min-height: 64px;
    margin-bottom: 15px;
}
.explorer-spec-price {
    font-size: 12px;
    display: block;
    clear: both;
    float: right;
    margin-right: 5px;
    font-weight: bold;
}
.explorer-spec-price .text-success {
    color: #85da4f;
}
.explorer-spec-price .price-not-found {
    color: #d5d5d5;
    font-size: 0.8em;
}
#room-layout {
    padding: 5px;
}
.room-layout-item {
    border-radius: 4px;
    cursor: pointer;
    padding: 5px;
}
.room-layout-item:hover {
    background-color: #555555;
}
.room-layout-item.active {
    background-color: #555555;
}
.room-layout-item img {
    width: 100%;
}
.sort-modules-dropdown {
    cursor: pointer;
    position: relative;
    z-index: 1010;
}
.sort-modules-dropdown .sort-modules-trigger {
    padding: 5px;
    width: 40px;
    height: 35px;
    text-align: right;
    position: absolute;
    right: 0;
}
.sort-modules-dropdown .sort-modules-options {
    min-width: 130px;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
    display: none;
    position: absolute;
    right: 0;
    top: 35px;
}
.sort-modules-dropdown .sort-modules-options li {
    background: #9d9d9d;
    padding: 6px 12px;
    width: 100%;
    cursor: pointer;
}
.sort-modules-dropdown .sort-modules-options li.active {
    font-weight: bold;
    background: #919191;
}
.sort-modules-dropdown .sort-modules-options li:not(:first-child) {
    border-top: 1px solid #d8d8d8;
}
.sort-modules-dropdown .sort-modules-options li:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.sort-modules-dropdown .sort-modules-options li:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.sort-modules-dropdown .sort-modules-options li:hover {
    background: #919191;
}
.go-top {
    position: absolute;
    left: 50%;
    margin-left: -16px;
    bottom: 10px;
    background: rgba(0, 0, 0, 0.2) !important;
    border-radius: 50%;
    box-shadow: 1px 1px 5px #888;
    z-index: 65;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: white;
}
.go-top:hover {
    background: rgba(255, 255, 255, 0.8) !important;
}
.go-top:not(.active) {
    opacity: 0;
    visibility: hidden;
}
.item-image-container {
    position: relative;
    padding: 0 20px;
    margin-bottom: 20px;
}
.item-image-container .item-thumb {
    width: 100%;
}
.item-image-container .item-brand-logo {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 75px;
    max-height: 60px;
    background: white;
    padding: 10px / 2;
    border-radius: 4px;
}
.measure-variable .row {
    margin: 0;
}
.item-offer {
    background: #848484;
    padding: 5px;
    padding-bottom: 7px;
    margin-bottom: 5px;
    font-size: 12px;
    border-radius: 4px;
    width: 100%;
    text-align: center;
}
.item-offer .seller-thumb {
    max-width: 100%;
    max-height: 30px;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
}
.item-offer .row {
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.item-offer .btn-success {
    line-height: normal;
    font-size: 12px;
    padding: 5px;
    width: 100%;
    white-space: normal;
}
.item-offer .item-price-info {
    -webkit-transform: translate3d(0, 0, 0);
    position: absolute;
    bottom: -7px;
}
.item-offer .item-price {
    font-weight: bold;
    display: block;
}
.item-offer .item-price-to {
    font-size: 11px;
    display: block;
}
.item-offer .item-price-img {
    font-size: 20px;
    text-align: right;
}
.item-offer .col-xs-6 {
    border-left: 1px solid;
}
.item-offer .col-xs-8 {
    text-align: start;
}
.item-offer .item-price-info {
    color: #d5d5d5;
}
.best-price {
    background: #989898;
}
.item-info-table {
    font-size: 12px;
    width: 100%;
}
.item-info-table td {
    padding: 5px;
    word-break: break-all;
    width: 60%;
}
.item-info-table td:first-child {
    width: 40%;
}
.item-info-table .span-fild-info {
    width: 130px;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.insert-spec {
    color: white;
    background-color: #b5b5b5;
    border: none;
}
.insert-spec:hover {
    color: white;
    background-color: #b5b5b5;
}
.info-link {
    text-align: center;
    margin: 1em 0;
}
.customization-group {
    /*border: @border;*/
    padding: 6px 0;
    margin-top: -2px;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}
.btns-spec {
    display: flex;
}
.btns-spec button {
    margin: 0px 5px 5px 5px;
    height: 35px;
    width: 100%;
}
.module-customization-container {
    padding: 0;
    margin: 0;
    text-align: center;
}
.module-customization-container .toggle-options {
    display: none !important;
    width: 48px;
    height: 48px;
    margin: 0 auto;
    background-size: 75%;
    background-repeat: no-repeat;
    background-position: center;
}
.module-customization-container .module-customization-option,
.module-customization-container .spec-customization-option,
.module-customization-container .render-scenery-option {
    cursor: pointer;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 10px / 2;
    height: 95px;
}
.module-customization-container .module-customization-option .customization-option-thumb,
.module-customization-container .spec-customization-option .customization-option-thumb,
.module-customization-container .render-scenery-option .customization-option-thumb {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    border: 2px solid #555555;
    background-color: white;
    background-size: cover;
}
.module-customization-container .module-customization-option .light-intensity-thumb,
.module-customization-container .spec-customization-option .light-intensity-thumb,
.module-customization-container .render-scenery-option .light-intensity-thumb {
    border: none;
    background-color: transparent;
}
.module-customization-container .module-customization-option span,
.module-customization-container .spec-customization-option span,
.module-customization-container .render-scenery-option span {
    display: inline-block;
    font-size: 10px;
    white-space: normal;
    padding-top: 3px;
    width: 100%;
    line-height: 1.2;
}
.module-customization-container .module-customization-option.active,
.module-customization-container .spec-customization-option.active,
.module-customization-container .render-scenery-option.active {
    background-color: #555555;
}
.module-customization-container .module-customization-option:hover,
.module-customization-container .spec-customization-option:hover,
.module-customization-container .render-scenery-option:hover {
    background-color: #626262;
}
.module-customization-container .customization-group-title {
    text-align: left;
    padding: 5px;
    margin: 5px;
    color: #ddd;
    text-transform: uppercase;
}
.module-customization-container:not(:first-of-type) {
    margin-top: 16px;
}
.module-customization-container.optional-group:not(:first-of-type) {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #999;
}
.toggle-list-item {
    display: block;
    overflow: hidden;
    padding: 10px;
    margin-bottom: 0;
}
.toggle-list-item dt {
    line-height: 25px;
    float: left;
}
.toggle-list-item dd {
    float: right;
    margin: 0;
}
.toggle-list-item dd label:before {
    margin-top: 0;
    margin-bottom: 0;
}
.toggle-list-item:last-child {
    border: none;
    margin: 0;
}
.customization-groups-list .dropdown-selected-item {
    /*border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;*/
    background-color: #9d9d9d;
}
.customization-groups-list .dropdown-selected-item:hover {
    background-color: #848484;
}
.showFilter {
    height: 25px;
    position: absolute;
    background-color: #f1f1f1 !important;
    float: left;
    border-radius: 4px 0 0 4px;
    margin-left: 1px;
    margin-top: 1px;
    border-right: 1px solid #d8d8d8;
}
.showFilter span {
    color: #777;
}
.showFilter i {
    color: #777;
}
.panelList {
    overflow: auto;
    height: 680px;
}
.selectPartneship {
    background: #555555;
    border: 1px solid #333333;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 1030;
    overflow: auto;
    position: absolute;
    display: none;
    width: 242px;
    border-radius: 4px;
    padding: 5px;
    top: 35px;
    left: 5px;
    max-height: -webkit-calc(60%);
    max-height: -moz-calc(60%);
    max-height: -o-calc(60%);
    max-height: calc(100% - 40px);
}
.selectPartneship ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
.selectPartneship ul li {
    cursor: pointer;
    margin-bottom: 5px;
}
.selectPartneship ul li:last-child {
    margin-bottom: 0;
}
.selectPartneship ul .selected {
    font-weight: bold;
}
.selectCollection {
    background: #555555;
    border: 1px solid #333333;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    z-index: 1030;
    overflow: auto;
    position: absolute;
    display: none;
    width: 242px;
    border-radius: 4px;
    padding: 5px;
    top: 68px;
    left: 5px;
    max-height: -webkit-calc(72%);
    max-height: -moz-calc(72%);
    max-height: -o-calc(72%);
    max-height: calc(100% - 28px);
}
.selectCollection ul {
    list-style: none;
    width: 100%;
    padding: 0;
    margin: 0;
}
.selectCollection ul li {
    cursor: pointer;
    margin-bottom: 5px;
}
.selectCollection ul li:last-child {
    margin-bottom: 0;
}
.selectCollection ul .selected {
    font-weight: bold;
}
.controlMsg {
    margin: 10px 0;
}
.temporaryClass {
    width: 264px;
    margin-left: 10px;
    margin-top: 96px;
}
#closeFilterPartnership {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 18;
    display: none;
}
.color-hive {
    width: 250px;
    margin-top: 10px;
}
.module-proposed-dimension {
    width: auto;
}
.reference-title {
    color: #c8c8c8;
    display: block;
    margin-top: 10px;
}
.reference-value {
    display: block;
    margin-left: 20px;
}
.slider-container-light {
    padding: 10px;
    width: 100%;
    text-align: center;
}
.slider-container-light .slider {
    width: 100%;
}
.axes-btns .row {
    margin: 0;
}
.axes-btns div {
    padding: 0;
}
.axes-btns div button {
    height: 30px;
    padding: 0;
}
.axes-btns div .input-group {
    padding: 0 5px;
    margin: 10px 0;
}
.axes-btns div .input-group input {
    border: 1px solid #ccc;
    color: #000;
}
.axes-btns div input {
    width: 100%;
}
.transform-overlay .pill-nav-button img {
    height: 20px;
}
.transform-overlay .dimensions {
    padding: 0;
}
.transform-overlay .dimensions .dimension-row {
    padding: 10px 0;
}
.transform-overlay .dimensions .quote-row {
    padding-top: 5px;
}
@media screen and (max-width: 991px) {
    .explorer-search {
        width: calc(100% - 30px);
    }
    .menu-filters {
        width: calc(100% - 30px);
    }
    .slider-container-light {
        width: 100%;
        text-align: center;
        padding: 40px 10px;
    }
}
#close-explorer {
    margin: 0 !important;
}
#hive {
    width: 100%;
}
.selectOptions {
    background-color: #9d9d9d;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
}
.iconWallView {
    width: 30px;
}
.products-available-cart {
    margin-top: 2px;
}
.color-not-available {
    color: red;
}
.color-some-products-available {
    color: yellow;
}
