:root {
  --darkColor:#222922;
  --borderColor:#aaa;
  --dialogColor:rgba(67, 67, 67, 0.84);
  --activeButton:#ffffff;
  --buttonBg:#bdbdbd;
  --fontColor:#fff;
}

.fpd-tool-fill-opacity,
[data-module=text],
[data-module=manage-layers],
[data-module=images],
[data-action=manage-layers],
[data-action=qr-code],
#checkout-button,
#recreation-button,
.price,
#NTcolorpalette .fpd-label,
#NTcolorpalette .fpd-title,
[data-module=designs] .fpd-input-search,
.fpd-snackbar.fpd-shadow-1.fpd-show-up
{
	display: none !important;
}
.fpd-draggable-dialog{
	border:1px solid var(--borderColor);
	background-color:var(--dialogColor);
}
/** Vorschaubilder */
.fpd-views-selection .fpd-item{
	padding:0 !important;
}
.fpd-views-selection .fpd-item picture{
	border: 5px solid var(--darkColor);
	border-bottom:10px solid var(--darkColor);
	background-color:var(--dialogColor);
}
.fpd-grid>.fpd-category.fpd-item{
	background-color:var(--buttonBg) !important;
}
.fpd-grid>.fpd-category.fpd-item>span{
	color:#fff;
}
.fpd-input-back-search>.fpd-back{
	background:var(--buttonBg) !important;
    color: #000000;
    padding: 0 1em !important;
	margin-left:1px;
}
/** Info */
.NTinfo{
	position:fixed;
	width:100%;
	text-align:center;
	height:1px;
	top:4em;
}
.NTinfo>div{
    background: #ffffcc;
    padding: 1em;
    display: inline-block;
    border-radius: .4em;
    font-size: 1.2em;
    width: 200px;
	}
/** Bühne */
.fpd-product-stage{
	background:url(/reflective_life/nt/img/shutterstock_421647583.jpg) no-repeat #121212 0 0;
}
.fpd-actions-wrapper>.fpd-action-btn{
	background:var(--buttonBg);
}
/** Loader */
.fpd-container .fpd-loader-wrapper{
	background:var(--darkColor);
}
.fpd-loader>.fpd-loader-circle{
    border: 3px solid rgba(255,255,255,.2);
    border-left: 3px solid #fff;
}
.fpd-loader>.fpd-loader-text{
	color:var(--buttonBg);
}
/** Suchfeld */
.fpd-input-search input[type=text]{
	color:var(--fontColor);
	background:var(--buttonBg);
	border:1px solid var(--borderColor);
}
#mCSB_2_container .fpd-item.fpd-tooltip picture{
	border-right: 31px solid var(--darkColor);
    border-left: 31px solid var(--darkColor);
}

/** colorfileds */
#NTcolorpalette{
    display: block;
    padding: .3em;
    position: absolute;
    width: 7em;
    background:var(--darkColor);
    border: 1px solid var(--borderColor);
	margin:0;
	opacity:0;
}

#NTcolorpalette p{
	margin: .6em 0em;
    font-size: .7em;
}
#NTcolorpalette .fpd-item{
	display: block;
    width: 1.2em;
    height: 1.2em;
    margin:0.1em;
    float: left;
    border-radius:.2em;
    box-sizing: border-box;
}
/** Licht an/aus */
#NTlight a{
	background: #000;
    color:var(--fontColor);
    padding: .4em 1em;
}
#NToverlay a{
    position: absolute;
    top: 1em;
    left: 1em;
    background: #6865b4;
    color: #dfdff0;
    padding: .4em 1em;
}
/** Design Größe */
.NTsetSize a{
	width: calc(50% - 2px);
    display: inline-block;
    text-align: center;
    margin: .3em 0 0 0;
    cursor: pointer;
    color: #000000;
    box-sizing: border-box;
    background: var(--buttonBg);
}
.NTsetSize a.active{
	background:var(--activeButton);
}
.fpd-views-selection>.fpd-item{
	padding:1px !important;
	background-color:var(--borderColor);
}
[data-module=designs] .fpd-container .fpd-module{
	height:calc(100% - 3em);
}
[data-module=designs] .fpd-head{
    height: 3em;
    overflow: hidden;
    box-sizing: border-box;
}

[data-selection='product'] .fpd-thumbnail-preview{
	background-color:var(--dialogColor);
	border:1px solid var(--borderColor) !important;
}
[data-selection='product'] .fpd-thumbnail-preview:before{
	content:'';
	width:66%;
	height:85%;
	background:#606163;
	position:absolute;
	left:17%;
	z-index:-1;
}

[data-selection='design'] .fpd-thumbnail-preview,
[data-module=designs] .fpd-thumbnail-preview{
	background-color:var(--dialogColor);
	border:1px solid var(--borderColor) !important;
}

[data-selection='design'] .fpd-draggable-dialog{
	height:calc(450px + 3em);
}
.fpd-preview-title{
	color:var(--fontColor);
}
#NTlight a,
#NToverlay a,
#NTcolorpalette .fpd-item,
.NTinfo>div{
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	cursor: pointer;
	border-radius: .2em;
}
#NToverlay{
	position: fixed;
    top: 0;
    left: 0;
    background:#0f0f0f;
    width: 100vw;
    height: 100vh;
    z-index: 9999999999999;
	opacity:0;
	display:none;
	justify-content: center;
    align-items: center;
}

@media (max-width: 900px) {
	#NTcolorpalette{
		top: 18em;
	}
}

@media (max-width: 500px) {
	#NTcolorpalette{
		width: 4.3em;
	}
	#NTcolorpalette .fpd-item{
		box-shadow:none;
	}
}

/** -------------------------------------------------------------------------------------------------------
	CSS um Produktabhängig Bereiche ausblenden zu können - als Selektor dient body data-product 
	-------------------------------------------------------------------------------------------------------	*/
/** Produkt Thumbnails bei Maske ausblenden */
[data-product^="facemask"] .fpd-views-selection .fpd-tooltip{
	display:none !important;
}
[data-product^="facemask"] .fpd-views-selection .fpd-tooltip.fpd-view-active{
	display:block !important;
}
/** Designs ausblenden */
.fpd-head .fpd-input-back-search,
[data-product^="facemask"] .fpd-designs-active .fpd-head,
[data-product^="facemask"] .fpd-category.fpd-item[data-search="default"]{
	display:none !important;
}
/** Designs */
.fpd-category.fpd-item[data-search="masks"]{
	display:none !important;
}
[data-product^="facemask"] .fpd-category.fpd-item[data-search="masks"]{
	display:block !important;
}