:root {

/*
  --color-primary: #3f51b5;
  --color-primary: #647cff;
  --color-primary-hover: #3f51b5;
  --color-secondary: #59ADFF;
  --color-secondary: #4AD6A0;

	font-size: 11pt;	
 */
  --snc-branding-app: "Invocate Builder";
  --snc-branding-subtitle-admin: "Beheerdersomgeving";
  --snc-branding-subtitle-default: "Configurator";
}

h2 {
font-size: 1.35em;
}

.bg-order {
background: none;
background-color: #727272;
}
.bg-branding {
background-image: url('default_logo_b.png');
background-size: 200px auto;
background-position: center;
background-repeat: no-repeat;
}


.snc-label {
font-size: .8em;
border-radius: 50em;
text-shadow: none;

}

.snc-popup [data-snc-role=myBaseImage] {
display: none;
}

.rotate{
  animation: rotate 20s linear infinite; 
}
@keyframes rotate{
  to{ transform: rotate(360deg); }
}


#myOrder {
width: 21cm;
/*min-height: 29.7cm;*/
height: auto;
border: 1px solid gray;
background-color: white;
color: black;
padding: 2em;
box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
font-size: 10pt;
}

.order-container{ 
border: 1px solid #D7D7D7;
padding: 1em;
border-radius: .5em;
}

.order-container > div{ 
margin-bottom: 1em;
}


.bg-secondary {
  background-color: var(--color-secondary)!important;
  background:
        linear-gradient(-90deg, rgba(255,255,255,.15) 1px, transparent 1px),	/* vertical small */
        linear-gradient( rgba(255,255,255,.15) 1px, transparent 1px), /* horizontal small */
        linear-gradient(-90deg, rgba(255,255,255,.25) 1px, transparent 1px), /* vertical big */
        linear-gradient( rgba(255,255,255,.25) 1px, transparent 1px),		/* horizontal big */   
        linear-gradient(124deg, #58a688, transparent);
        
    background-size:
        4px 4px,
        4px 4px,
        80px 80px,
        80px 80px,
        100% 100%;
        
  
}

.bg-canvas {


}

.bg-primary {
    background-color: var(--color-primary)!important;
    background: linear-gradient(124deg, #58a688, transparent);
    color: white;
    
   
}

.bg-tertiary {
xbackground-color: #e9edff;
}


.bg-lightgray {
xbackground-color: #f1f3ff; 
xcolor: var(--color-dark);

}

.snc-canvasToolbar {
right: 0;
left: unset;
}
#popupContainer{ 
margin: var(--panel-spacing);
}

.snc-popup {
right: 0;
}

.bld-condition {

    display: flex;
    row-gap: 1em;
    column-gap: 1em;
    flex-wrap: wrap;

}

.snc-node-line {
    border: 1px solid var(--color-secondary);
    width: 100px;
    height: 100px;
    color: white;
    position: absolute;
    pointer-events: none;
    border-width: 2px 0px 0px 2px;
    border-image: linear-gradient(52deg, #00b0ff00, white) 1;    
    border-radius: .5rem;
    transform: skewX(165deg);
    transform-origin: bottom;
}

.snc-3d-controls {
position: absolute;
top: 1em;
left: 1em;

}

/*
.toast-container {
left: 50%;
transform: translate(-50%,0);
}
*/
.toast {
background-color: var(--color-primary);
color: white;
}

.queryInvalid {
color: red!important;
}

.parameter-invalid {
color: red!important;
}

/* App specific type icons */
.snc-item-type-Project .snc-baseitem-icon::after {
content: 'folder';
}
.snc-item-type-Configuration .snc-baseitem-icon::after {
content: 'tune';
}
.snc-item-type-Product .snc-baseitem-icon::after {
content: 'category';
}
.snc-item-type-queryresult .snc-baseitem-icon::after {
content: 'category';
}
.snc-item-type-Component .snc-baseitem-icon::after {
content: 'settings';
}
.snc-item-type-Option .snc-baseitem-icon::after {
content: 'done_outline';
}
.snc-item-type-Condition .snc-baseitem-icon::after {
content: 'search';
}
.snc-item-type-Model .snc-baseitem-icon::after {
content: 'circle';
}


[class^="bld-dtype-q0"]::after {
content: ' kW';
}

[class^="bld-dtype-pric"]::before {
content: '€ ';
}

.bld-dunit-prop_width::after,
.bld-dunit-prop_height::after,
.bld-dunit-prop_length::after {
content: " m";
}



.bld-dunit-prijs_mat:before,
[class^="bld-dunit-pric"]:before {
content: '€ ';
}


[class^="bld-dunit-qc"]:after,
[class^="bld-dunit-peM"]:after,
[class^="bld-dunit-q0"]:after {
content: ' kW';
}

[class^="bld-dunit-uren"]:after {
content: ' u';
}

[class^="bld-dunit-prop_afs"]:after {
content: ' mm';
}
[class^="bld-dunit-prop_afsFlu"]:after {
content: ' ?';
}


[class^="bld-dunit-prop_weight"]:after {
content: ' kg';
}

@media print {

	#body {
	visibility: hidden!important;
	background-color: white;
	}
	
	.position-relative {
	position: unset!important;
	}

	#myOrder {
	visibility: visible!important;
	position: absolute!important;
	left: 0;
	top: 0;
	width: 100%;
	height: auto;
	overflow: auto;
	box-shadow: none;
	border: none;
	}
	
}