/* Backoffice styles - DO NOT MANUALLY EDIT THIS FILE! */
#layered-product-builder {
  position: relative;
  display: block;
}
@media screen and (min-width: 992px) {
  #layered-product-builder {
    display: flex;
  }
}
#layered-product-builder .invis {
  visibility: hidden;
}
#layered-product-builder .controls-container {
  position: relative;
  top: 0;
  bottom: 0;
  right: 0;
}
#layered-product-builder .controls-container .controls-wrapper {
  position: static;
}
#layered-product-builder .controls-container .controls-wrapper [aria-expanded="true"] .fa:before {
  content: "\f068";
}
#layered-product-builder .controls-container .controls-wrapper .header.col-md-12 {
  padding: 0px 15px;
}
#layered-product-builder .controls-container .controls-wrapper .group-wrapper {
  margin-bottom: 5px;
}
#layered-product-builder .controls-container .controls-wrapper .group-wrapper div[data-element="og"] {
  margin-top: 0px;
}
#layered-product-builder .controls-container .controls-wrapper .group-wrapper div[data-element="og"] > .row {
  padding: 0px;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] {
  padding: 0px 15px;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"].grid {
  display: inline-block;
  width: 25%;
  float: left;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"]:not(.grid) {
  display: flex;
  align-items: center;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"]:not(.grid):not(:last-of-type) {
  margin-bottom: 0px;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"]:not(.grid) .option-image-wrapper {
  width: 33%;
  margin: 0px 15px 0px 0px;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .clickable:hover {
  cursor: pointer;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] p {
  display: inline-block;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .checkbox {
  margin: 0px 15px 0px 0px;
  position: relative;
  height: 20px;
  min-width: 20px;
  max-width: 20px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid #b20738;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .checkbox.active {
  background-color: #b20738;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .option-image-wrapper {
  position: relative;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .option-image-wrapper .active-state-element,
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .option-image-wrapper .active-gallery-element {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .option-image-wrapper .active-state-element:before,
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .option-image-wrapper .active-gallery-element:before {
  content: "\f106";
  font-family: fontawesome;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
}
#layered-product-builder .controls-container .controls-wrapper div[data-element="option"] .option-image-wrapper .active-gallery-element:before {
  content: "\f002";
}
#layered-product-builder .rendering-container {
  padding: 0px;
}
#layered-product-builder .rendering-container > .row {
  position: relative;
}
@media (min-width: 992px) {
  #layered-product-builder .rendering-container {
    position: fixed;
  }
}
#layered-product-builder .rendering-container .base-image {
  position: relative;
  z-index: 1;
}
#layered-product-builder .rendering-container .layer-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2;
}
#layered-product-builder .button-wrapper div {
  display: inline-block;
}
#layered-product-builder .modal-title {
  display: inline-block;
}
div[ng-controller="DialogBox.controller"] .modal.in .modal-dialog {
  transform: translate(0, 0);
}
div[ng-controller="DialogBox.controller"] .needed.ng-scope {
  height: 300px;
  overflow: scroll;
}
div[ng-controller="DialogBox.controller"] ul {
  padding: 0px;
  height: auto;
}
div[ng-controller="DialogBox.controller"] li {
  list-style: none;
}
div[ng-controller="DialogBox.controller"] .option {
  display: flex;
  align-items: center;
}
div[ng-controller="DialogBox.controller"] .option p {
  display: inline-block;
}
div[ng-controller="DialogBox.controller"] .option .btn {
  margin-right: 5px;
}
#product-summary-page-wrapper .rendering-container {
  position: relative;
}
#product-summary-page-wrapper .rendering-container .base-image {
  position: relative;
  z-index: 1;
}
#product-summary-page-wrapper .rendering-container .layer-image {
  position: absolute;
  bottom: 0;
  height: 100%;
  left: 0;
  right: 0;
  z-index: 2;
}
#product-summary-page-wrapper .reflection {
  transform: rotate(180deg);
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1) rotate(180deg) translate(0, 30%);
  filter: FlipH;
  -ms-filter: "FlipH";
  opacity: 0.3;
}
#product-summary-page-wrapper .reflection:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to top, transparent, black);
  opacity: 1;
  z-index: 10;
}