.configuration-container {
	position: relative;
}

.background-image {
	width: 100%;
}

.main-background {
	max-height: 500px;
	overflow: hidden;
	background-position: bottom center;
	background-repeat: no-repeat;
}

.menu-item-image {
	text-align: center;
	padding-bottom: 10px;
	width: 100%;
}

.menu-item-image img {
	width: 100%;
}

.menu-item-name {
    font-weight: 600;
    padding: 5px 10px;
    display: block;
    font-size: 16px;
}

.-block-header {
	min-height: 100px;
}

.article-showcase .action {
	margin: 0;
	padding-right: 26px;
    height: 34px;
    line-height: 34px;
	margin-bottom: 10px;
	width: 100%;
}

.product-box {
    padding-bottom: 0;
}

.product-box .info {
	position: relative;
}

.product-box .info .price {
	text-align: left;
	margin: 0;
	padding: 0;
}

.product-box .body {
	min-height: unset;
	padding: 0 10px;
}

.product-box .title {
	padding: 0;
    height: unset;
}

@media (min-width:770px){
	.product-box .body {
	}
}

.product-box .body .description {
	padding: 10px 0;
}


.product-box .info .price .outdated {
	text-decoration: line-through;
	font-weight: bold;
	display: block;
	font-size: 16px;
}

.product-box .info .price .highlight {
	display: block;
	margin-top: -5px;
	font-size: 30px;
}

.options-button {
	background: rgba(0,0,0, 0.1) none;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0;
	width: 90%;
	height: 50px;
	color: #4c4c4c;
	margin: 0 !important;
	padding: 0 !important;
}

.options-button:hover {
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: rgba(0,0,0, 0.15) none;
}

.ui-button .ui-button-text {
    line-height: 1.8;
}

.options-container .active-text {
	color: #74c100 !important;
}

.options-container .active-bg {
	background-color: rgba(255,255,255, 0.7) !important;
	border-radius: 4px 0 0 4px;
}

.options-container .active-bg .options-button {
	background-color: transparent !important;
    border: 0;
}

.options-button:focus {
	outline:0;
}

.options-grid {
	width: 100%;
	min-height: 198px;
	overflow-y: scroll;
	height: 280px;
}

.options-overlay {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
    border-radius: 3px !important;
	width: 300px;
}

.fp-label-block {
	position: absolute;
	width: 100%;
	height: 100%;
	vertical-align: bottom;
	font-size: 11px;
	padding: 10px;
    display: inline-flex;
}

.fp-label-text {
	margin: auto 0 0 auto;
}

.options-grid .selectable {
	text-align: center;
}

.options-grid .selectable:hover:not(.active)  {
	border: 1px solid rgba(116, 193, 0, 0.5) !important;
}

.options-grid .active .details {
	color: #74c100 !important;
}

.ui-overlaypanel-close {
	right: 5px;
	top: 5px;
	background: none !important;
	opacity: 0.6;
	border: 0 !important;
}

.back-materials-tile {min-height: 115px !important;}
.border-effects-tile {min-height: 90px !important;}
.floatig-frames-tile {min-height: 128px !important;}
.image-effects-tile {min-height: 112px !important;}

.back-materials-tile .details,
.border-effects-tile .details,
.image-effects-tile .details,
.floatig-frames-tile .details {
	font-size: 13px !important; 
	color: black ; 
	width: 100% !important;
	margin-bottom: 0 !important;
}

.back-materials-tile:nth-of-type(3n+3), 
.border-effects-tile:nth-of-type(3n+3), 
.image-effects-tile:nth-of-type(3n+3), 
.floatig-frames-tile:nth-of-type(3n+3) {
	margin-right: 0 !important;
}


.ui-overlaypanel-content {
    margin: 0;
	padding: 4px 4px 10px 8px !important;
	border-radius: 3px;
}

.ui-button-text-icon-left .ui-button-text {
    padding: 25px 0 0 0;
}

.ui-button-text-icon-left .ui-icon {
	position: absolute;
	top: 7px;
	margin-top: 0;
	left: 39%;
	width: 22px;
	height: 22px;
}

.options-container {
	border-spacing: 0px;
	width: 100%;
	padding-top: 220px;
}

div.options-container-item {
	margin-bottom: 10px;
	font-size: 14px !important;
    border-right: 10px;
	border-right-color: white;
}

.options-container tr td {
	padding: 5px 5px 0 5px;
}

.back-materials-icon .icon-off {background-image: url("/assets/build/img/icons/tickness_off.png") !important;}
.back-materials-icon .icon-on {background-image: url("/assets/build/img/icons/tickness_on.png") !important;}

.image-effects-icon .icon-off {background-image: url("/assets/build/img/icons/effect_off.png") !important;}
.image-effects-icon .icon-on {background-image: url("/assets/build/img/icons/effect_on.png") !important;}

.border-effects-icon .icon-off {background-image: url("/assets/build/img/icons/edge_off.png") !important;}
.border-effects-icon .icon-on {background-image: url("/assets/build/img/icons/edge_on.png") !important;}

.floatig-frames-icon .icon-off {background-image: url("/assets/build/img/icons/hanger_off.png") !important;}
.floatig-frames-icon .icon-on {background-image: url("/assets/build/img/icons/hanger_on.png") !important;}

table.product-count-info, table.options-info {
	width: 100%;
	padding: 0px 10px;
}


table.product-count-info tr td {
    vertical-align: top;
	text-transform: capitalize;
}

table.product-count-info tr td:nth-child(1) {
    width: 35%
}

table.product-count-info tr td:nth-child(2) {
    width: 32%
}

table.product-count-info tr td:nth-child(3) {
    text-align: right;
	width: 33%
}

.-outdated {
	text-decoration: line-through;
	padding-right: 10px;
}

.info-container {
	padding: 0px 5px 5px 5px !important;
	border-radius: 5px;
	font-size: 13px !important;
	background-color: rgba(255,255,255, 0.7);
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
}

.info-container .info {
	padding-right: 5px;
	margin: 0 auto;
	width: 100%;
	overflow-y: auto;
}

.options-grid::-webkit-scrollbar, .info-container .info::-webkit-scrollbar {
    width: 12px;
}

.options-grid::-webkit-scrollbar-track, .info-container .info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1); 
    border-radius: 10px;
}

.options-grid::-webkit-scrollbar-thumb, .info-container .info::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

.colapsed {
	background: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255, 0.7), rgba(255,255,255, 0.7), rgba(255,255,255, 0.7));
    margin-bottom: 5px;
}

.colapsed .info {
	max-height: 65px;
}


.info-grid {
	width: 100%;
	border-spacing: 0px;
}

.info-grid > tbody > tr > td {
	padding: 0px;
}

.set-header {
	min-height: 70px;
}

.set-background {
	width: 100%;
	min-height: 400px;
}

.PreviewBlock {
	width: 600px;
}

.OptionsButtonsBlock {
	width: 100px;
}

.SummaryBlock {
	width: 300px;
}

.continue-button {
	color: #fff;
	border-radius: 5px;
	font-weight: normal;
	font-size: 20px !important;
	padding: 0px !importnat;
}

.image-area {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.1);
	border: 1px solid rgba(0, 0, 0, 0.15);
}

.image-area-block {
	width: attr(data-width);
	height: attr(data-height);
	overflow: hidden;
	width: 100%;
	height: 100%;
	cursor: move;
}

.image-area:hover {
	background-color: rgba(255, 255, 255, 0.1);
}

.image-container .ui-fileupload {
	width: 100%;
	height: 100%;
}

.image-container .ui-fileupload-buttonbar {
	background: transparent none;
	border: none;
	height: 100%;
	padding: 0;
}

.ui-fileupload-files {
	position: absolute;
	background-color: rgba(0, 0, 0, 0.2);
	top: 50%;
	left: 50%;
	z-index: 1000;
}

.image-container .ui-fileupload-buttonbar .ui-fileupload-upload, .image-container .ui-fileupload-buttonbar .ui-fileupload-cancel, .image-container .ui-fileupload-buttonbar .ui-fileupload-choose .ui-icon-plusthick {
	display: none;
}

.image-container .ui-fileupload-content {
	display: none;
}

.image-container .ui-fileupload-buttonbar .ui-fileupload-choose {
	background: transparent none;
	border: none;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}



.image-container .ui-fileupload-buttonbar .ui-fileupload-choose .ui-button-text {
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
	height: auto;
	line-height: 1;
	font-size: 30px;
	color: #74c100;
	font-weight: 100;
	padding: 0px 7px;
	border: 1px solid #74c100;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
}

.image-container .ui-state-hover .ui-c {
	background-color: rgba(0,0,0,0.05) !important;
	border: 1px dotted rgba(0,0,0,0.5) !important;
    color: white !important;
}

.image-container .ui-fileupload-buttonbar .ui-fileupload-choose input {
	height: 100%;
	width: 100%;
}

.-overlay-options {
	padding-top: 10px !important;
}

.ui-overlay-visible {
	width: 300px;
	background-color: rgba(255,255,255, 0.7) !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.image-area .remove {
	background: #605E5F;
	border: 2px solid #fff;
	border-radius: 15px;
	padding: 1px 4px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	position: absolute;
	right: -10px;
	top: -10px;
}

.image-area .remove:hover {
	background-color: rgba(113, 0, 0, 1);
	box-shadow: 1px 1px 1px #999;
}

.readOnly {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.sub-title {
	font-size: 14px;
	margin-bottom: 4px;
	font-weight: 600;
	display: block;
}

.ui-fileupload-buttonbar .ui-fileupload-choose input {
	transform: unset;
}

.body .info .action {
	padding-left: 30px !important;
    padding-right: 35px !important;
	margin-bottom: 20px;
}


.product-box .info>.action {
	width: 100%;
}

@media (min-width:768px){
	.product-box .info>.action {
		width: 50%;
	}
}

.-normalCase {
	text-transform: none;
}

.info .upload-button {
	width: 100%
}