.printq_matrix_app {
    position: relative;
}

.matrix_loading svg
{
	stroke: var(--pq_mainColor,#2d5096)!important;
}
#MainContent,
footer.footer,
form.product-form
{
	display:none;
}

.matrix_layoutMain .col-md-12 {
	width:100%;
}

div.matrix_loading_initial_x1:empty {
  display: block;
}
.matrix_loading_initial_x1,
.matrix_loading_initial_x1:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.matrix_loading_initial_x1 {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.matrix_loading_initial_x1,
.matrix_loading_initial_x1:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.matrix_loading_initial_x1 {
  font-size: 10px;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(255, 255, 255, 0.2);
  border-right: 1.1em solid rgba(255, 255, 255, 0.2);
  border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
  border-left: 1.1em solid #2d5096;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  position: fixed;
  z-index: 999;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/* Dont show the black loading */
/*
.matrix_loading_initial_x1 {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.matrix_loading_initial_x1:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

.matrix_loading_initial_x1:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.matrix_loading_initial_x1:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 1500ms infinite linear;
  -moz-animation: spinner 1500ms infinite linear;
  -ms-animation: spinner 1500ms infinite linear;
  -o-animation: spinner 1500ms infinite linear;
  animation: spinner 1500ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}


@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}*/

/*//////////////////////////*/
body[class*=fullpage_configuration] label.quantity__label.form__label,
body[class*=printq_upload_personalization_configuration_packaging] label.quantity__label.form__label,
body[class*=printq_personalization] label.quantity__label.form__label{
  display: none;

}
body[class*=fullpage_configuration] .price-per-item__container,
body[class*=printq_upload_personalization_configuration_packaging] .price-per-item__container,
body[class*=printq_personalization] .price-per-item__container{
  display: none;

}
body[class*=fullpage_configuration] .product-form__buttons,
body[class*=printq_upload_personalization_configuration_packaging] .product-form__buttons,
body[class*=printq_personalization] .product-form__buttons{
 display: none;
}
body[class*=fullpage_configuration] .grid__item.product__media-wrapper,
body[class*=printq_upload_personalization_configuration_packaging] .grid__item.product__media-wrapper {
  display: none;
  position: absolute;
  left: -9999px;
}
body[class*=fullpage_configuration] .grid__item.product__info-wrapper,
body[class*=printq_upload_personalization_configuration_packaging] .grid__item.product__info-wrapper,
body[class*=fullpage_configuration] .grid__item.product__info-wrapper .product__info-container,
body[class*=printq_upload_personalization_configuration_packaging] .grid__item.product__info-wrapper .product__info-container
{
  width:100%;
  max-width:100%;
}
body[class*=fullpage_configuration] form#printq_form,
body[class*=printq_upload_personalization_configuration_packaging] form#printq_form  {
  width:100%;
}

.matrix_addToCartButton .btn,
.matrix_pageOptionAttributeButton {
	cursor: pointer;
}

/*X3-14*/
.matrix_pageOptionAttributesImage{
	color: #a1a1a1;
}
.matrix_quantityTable table{
	border: none;
}
table:not([class]) td, table:not([class]) th {
	border: 0!important;
}
table:not([class]) {
	box-shadow: unset!important;
}
*:focus-visible {
    outline: unset !important;
    outline-offset: unset !important;
    box-shadow:unset !important;
}
.matrix_customerNotesValueContainer input{
	height: 4vh;
	color: #777777;
}
.matrix_customerNotesValueContainer input::placeholder{
	opacity: 50%
}
.matrix_backToMatrixButton button{
	border:0!important;
	width: 10vw;
}
.matrix_uploadActionsContainer button{
	border:0!important;
	width: 6vw;
}
.matrix_addToCartButton.matrix_addToCartButtonMain button{
	border:0!important;
	width: 6vw;
}
.select2-results li {
	color:#777777;
}
#MainContent{
  background-color: #f0f0f0;
}
.product__title h1{
  color:#2d5096
}

.matrix_layoutPackingContainerMain {
	flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%;
	padding: 0px 10px;
}

.matrix_layoutPackingContainerQuantity {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
	padding: 0px 10px;
}

body[class*=packaging] #MainContent:before {
	width: 200%;
    height: 185%;
    transform: translateX(-50%);
    content: "";
    position: absolute;
	background: #e6f5fe;
    left: 0;
	top: 305px;
}

.product-information .product-information--inner {
	overflow-y: auto!important;
}

.product-add-to-cart-container {
	display:none;
}

.matrix_loading_circle {
    border-right: .7em solid #333344!important;
    border-bottom: .7em solid #333344!important;
    border-left: .7em solid #333344!important;
}