
.row{ margin-left: 0 !important; margin-right: 0 !important;}

#ele-system-package-box{position: relative;}
.sub-group-list-options input,
.sub-group-list-options label{ cursor: pointer;}
.sub-group-list-options .price-positive{ color: #2AB459; display: inline-block;}
.sub-group-list-options .price-negative{ color: #D62829; display: inline-block;}

.options-group .warning-message-box{ display: none;}
.compatibility-warning-box .warning-message-box{ display: block;}
.system-package-box .components-box{ position:relative;}
.system-package-memo-btn{ padding: 5px 0 0 5px; margin-top: 28px;}
.system-build-memo-box{ padding: 5px 0 0 5px; margin-top: 5px;}
.system-package-memo-btn label.active.focus{ outline: none;}
.system-package-memo-btn span.diff-price-box{ color: #2AB459; line-height: 32px; font-family: "graphik2", Helvetica, Arial, sans-serif;}
.system-build-memo-box .no-requirements{ margin-top: 15px; }
.system-build-memo-box .no-requirements input[type=checkbox]{ float: left;}
.system-build-memo-box .no-requirements label{ cursor: pointer; color: #ccc; font-weight: normal; font-family: "graphik2", Helvetica, Arial, sans-serif; display: block;}
.system-build-memo-box .no-requirements.validate-error label{ color: red;}
.system-build-memo-box textarea{ background-color: #242424; color: #fff; font-family: "graphik2", Helvetica, Arial, sans-serif; font-size: 16px; line-height: 22px;}

.system_package_optional_desc{font-size: 16px; margin-top: 50px; margin-bottom: 30px;}
#diy-component-optional{ font-size: 16px;}
#diy-component-optional h4{font-weight: 700; font-size: 16px;}

span.positive_price{ color: #434343;}
span.negative_price{ color: #D62829;}

.product-tags{ display: none; }
.compatibility-warning-box{ margin-bottom: 10px; }
.compatibility-warning-box .alert{ padding: 8px!important; margin-bottom: 8px!important; }
.incompatible label {color: #909090!important;}
.components-box .btn-show-all {position: absolute;bottom:15px;right:50%;cursor: pointer;width: 45px;height: 45px;border-radius: 50%;padding:0 5px;line-height: 45px;text-align: center;background-color: transparent;}
.components-box .act-collapse { transform: rotate(180deg); }
.components-box .btn-show-all .glyphicon-menu-down:before {font-size: 40px; color: #2AB459;}
.components-box .btn-show-all:link,.components-box .btn-show-all:hover,.components-box .btn-show-all:visited,.components-box .btn-show-all:focus,.components-box .btn-show-all:active{
    text-decoration: none;
    color: #fff;
}
.icon-chevrons-down:before {content: "\e921";font-size: 18px;color:#fff;}
.product-box input:disabled{display: none;}
.system-package-buttons{position: relative;z-index: 999;}
.system-package-buttons .reset-system-package{width: 85px;font-size:14px;line-height:30px;margin-right: 0;padding: 0;}
.components-box .system-package-next{width: 85px;font-size:14px;line-height:30px;margin-right: 0;padding: 0;display: none;}
.system-package-next i{ display:inline-block;transform: rotate(-90deg);}
.components-box .component-mask{position: absolute;height: 100%;width: 100%;top:0;left: 0;background: #fff;margin:0;opacity: 0.1;-webkit-opacity: 0.1;filter: alpha(opacity=10);z-index:99;}
.component-active .component-mask{display: none;}
.component-active .system-package-next{display: inline-block;}
.component-confirm .system-package-next{display: none;}
.component-confirm .component-mask{display: block;}
.description .next-tips{color: red;font-weight: normal;font-size: 14px;display: block;margin-top: 5px;}
.compatibility-error.show-error .hide{display: block!important;}
.components-box.show-error .component-mask{display: none!important;}
.components-box.show-error .system-package-next{display: inline-block!important;}
.compatibility-error.compatibility-error.show-error{border: 1px solid #ff0000!important;}
.c-no-stock {color: #909090;}
.no-lpad{padding-left: 0;}
.el-out-of-stock{display: none!important;}

@media (max-width: 992px) {
    .component-items .options-list{ padding-left:0; padding-right:0;}
    .no-lpad{padding-right: 0;}
}

@media (max-width: 767px) {
    #diy-component-optional{ font-size: 14px;}
    #diy-component-optional h4{font-size: 14px;}
}

@media (min-width: 1440px) {
    .components-box .btn-show-all {position: absolute;bottom:35px;}
}