@charset "UTF-8";
.strong{font-weight:700}
.skrt{text-decoration:line-through}
.em{font-style:italic}
.floatleft{float:left}
.floatright{float:right}
.cleaner,.clear,.clearb{clear:both}
.vmiddle{vertical-align:middle}
.nowrap{white-space:nowrap}
.block{display:block}
.inline{display:inline}
.inline-block{display:inline-block}
.block-imp{display:block!important}
.inline-imp{display:inline!important}
.margin100{margin:100px}
.padding100{padding:100px}
.margin100-top{margin-top:100px}
.padding100-top{padding-top:100px}
.margin100-right{margin-right:100px}
.padding100-right{padding-right:100px}
.margin100-bottom{margin-bottom:100px}
.padding100-bottom{padding-bottom:100px}
.margin100-left{margin-left:100px}
.padding100-left{padding-left:100px}
.margin95{margin:95px}
.padding95{padding:95px}
.margin95-top{margin-top:95px}
.padding95-top{padding-top:95px}
.margin95-right{margin-right:95px}
.padding95-right{padding-right:95px}
.margin95-bottom{margin-bottom:95px}
.padding95-bottom{padding-bottom:95px}
.margin95-left{margin-left:95px}
.padding95-left{padding-left:95px}
.margin90{margin:90px}
.padding90{padding:90px}
.margin90-top{margin-top:90px}
.padding90-top{padding-top:90px}
.margin90-right{margin-right:90px}
.padding90-right{padding-right:90px}
.margin90-bottom{margin-bottom:90px}
.padding90-bottom{padding-bottom:90px}
.margin90-left{margin-left:90px}
.padding90-left{padding-left:90px}
.margin85{margin:85px}
.padding85{padding:85px}
.margin85-top{margin-top:85px}
.padding85-top{padding-top:85px}
.margin85-right{margin-right:85px}
.padding85-right{padding-right:85px}
.margin85-bottom{margin-bottom:85px}
.padding85-bottom{padding-bottom:85px}
.margin85-left{margin-left:85px}
.padding85-left{padding-left:85px}
.margin80{margin:80px}
.padding80{padding:80px}
.margin80-top{margin-top:80px}
.padding80-top{padding-top:80px}
.margin80-right{margin-right:80px}
.padding80-right{padding-right:80px}
.margin80-bottom{margin-bottom:80px}
.padding80-bottom{padding-bottom:80px}
.margin80-left{margin-left:80px}
.padding80-left{padding-left:80px}
.margin75{margin:75px}
.padding75{padding:75px}
.margin75-top{margin-top:75px}
.padding75-top{padding-top:75px}
.margin75-right{margin-right:75px}
.padding75-right{padding-right:75px}
.margin75-bottom{margin-bottom:75px}
.padding75-bottom{padding-bottom:75px}
.margin75-left{margin-left:75px}
.padding75-left{padding-left:75px}
.margin70{margin:70px}
.padding70{padding:70px}
.margin70-top{margin-top:70px}
.padding70-top{padding-top:70px}
.margin70-right{margin-right:70px}
.padding70-right{padding-right:70px}
.margin70-bottom{margin-bottom:70px}
.padding70-bottom{padding-bottom:70px}
.margin70-left{margin-left:70px}
.padding70-left{padding-left:70px}
.margin65{margin:65px}
.padding65{padding:65px}
.margin65-top{margin-top:65px}
.padding65-top{padding-top:65px}
.margin65-right{margin-right:65px}
.padding65-right{padding-right:65px}
.margin65-bottom{margin-bottom:65px}
.padding65-bottom{padding-bottom:65px}
.margin65-left{margin-left:65px}
.padding65-left{padding-left:65px}
.margin60{margin:60px}
.padding60{padding:60px}
.margin60-top{margin-top:60px}
.padding60-top{padding-top:60px}
.margin60-right{margin-right:60px}
.padding60-right{padding-right:60px}
.margin60-bottom{margin-bottom:60px}
.padding60-bottom{padding-bottom:60px}
.margin60-left{margin-left:60px}
.padding60-left{padding-left:60px}
.margin55{margin:55px}
.padding55{padding:55px}
.margin55-top{margin-top:55px}
.padding55-top{padding-top:55px}
.margin55-right{margin-right:55px}
.padding55-right{padding-right:55px}
.margin55-bottom{margin-bottom:55px}
.padding55-bottom{padding-bottom:55px}
.margin55-left{margin-left:55px}
.padding55-left{padding-left:55px}
.margin50{margin:50px}
.padding50{padding:50px}
.margin50-top{margin-top:50px}
.padding50-top{padding-top:50px}
.margin50-right{margin-right:50px}
.padding50-right{padding-right:50px}
.margin50-bottom{margin-bottom:50px}
.padding50-bottom{padding-bottom:50px}
.margin50-left{margin-left:50px}
.padding50-left{padding-left:50px}
.margin45{margin:45px}
.padding45{padding:45px}
.margin45-top{margin-top:45px}
.padding45-top{padding-top:45px}
.margin45-right{margin-right:45px}
.padding45-right{padding-right:45px}
.margin45-bottom{margin-bottom:45px}
.padding45-bottom{padding-bottom:45px}
.margin45-left{margin-left:45px}
.padding45-left{padding-left:45px}
.margin40{margin:40px}
.padding40{padding:40px}
.margin40-top{margin-top:40px}
.padding40-top{padding-top:40px}
.margin40-right{margin-right:40px}
.padding40-right{padding-right:40px}
.margin40-bottom{margin-bottom:40px}
.padding40-bottom{padding-bottom:40px}
.margin40-left{margin-left:40px}
.padding40-left{padding-left:40px}
.margin35{margin:35px}
.padding35{padding:35px}
.margin35-top{margin-top:35px}
.padding35-top{padding-top:35px}
.margin35-right{margin-right:35px}
.padding35-right{padding-right:35px}
.margin35-bottom{margin-bottom:35px}
.padding35-bottom{padding-bottom:35px}
.margin35-left{margin-left:35px}
.padding35-left{padding-left:35px}
.margin30{margin:30px}
.padding30{padding:30px}
.margin30-top{margin-top:30px}
.padding30-top{padding-top:30px}
.margin30-right{margin-right:30px}
.padding30-right{padding-right:30px}
.margin30-bottom{margin-bottom:30px}
.padding30-bottom{padding-bottom:30px}
.margin30-left{margin-left:30px}
.padding30-left{padding-left:30px}
.margin25{margin:25px}
.padding25{padding:25px}
.margin25-top{margin-top:25px}
.padding25-top{padding-top:25px}
.margin25-right{margin-right:25px}
.padding25-right{padding-right:25px}
.margin25-bottom{margin-bottom:25px}
.padding25-bottom{padding-bottom:25px}
.margin25-left{margin-left:25px}
.padding25-left{padding-left:25px}
.margin20{margin:20px}
.padding20{padding:20px}
.margin20-top{margin-top:20px}
.padding20-top{padding-top:20px}
.margin20-right{margin-right:20px}
.padding20-right{padding-right:20px}
.margin20-bottom{margin-bottom:20px}
.padding20-bottom{padding-bottom:20px}
.margin20-left{margin-left:20px}
.padding20-left{padding-left:20px}
.margin15{margin:15px}
.padding15{padding:15px}
.margin15-top{margin-top:15px}
.padding15-top{padding-top:15px}
.margin15-right{margin-right:15px}
.padding15-right{padding-right:15px}
.margin15-bottom{margin-bottom:15px}
.padding15-bottom{padding-bottom:15px}
.margin15-left{margin-left:15px}
.padding15-left{padding-left:15px}
.margin10{margin:10px}
.padding10{padding:10px}
.margin10-top{margin-top:10px}
.padding10-top{padding-top:10px}
.margin10-right{margin-right:10px}
.padding10-right{padding-right:10px}
.margin10-bottom{margin-bottom:10px}
.padding10-bottom{padding-bottom:10px}
.margin10-left{margin-left:10px}
.padding10-left{padding-left:10px}
.margin5{margin:5px}
.padding5{padding:5px}
.margin5-top{margin-top:5px}
.padding5-top{padding-top:5px}
.margin5-right{margin-right:5px}
.padding5-right{padding-right:5px}
.margin5-bottom{margin-bottom:5px}
.padding5-bottom{padding-bottom:5px}
.margin5-left{margin-left:5px}
.padding5-left{padding-left:5px}
.margin0{margin:0}
.padding0{padding:0}
.margin0-top{margin-top:0}
.padding0-top{padding-top:0}
.margin0-right{margin-right:0}
.padding0-right{padding-right:0}
.margin0-bottom{margin-bottom:0}
.padding0-bottom{padding-bottom:0}
.margin0-left{margin-left:0}
.padding0-left{padding-left:0}
.border5{border-color:#000;border-style:solid;border-width:5px}
.border5-top{border-top-width:5px;border-top-style:solid;border-top-color:#000}
.border5-right{border-right-width:5px;border-right-style:solid;border-right-color:#000}
.border5-bottom{border-bottom-width:5px;border-bottom-style:solid;border-bottom-color:#000}
.border5-left{border-left-width:5px;border-left-style:solid;border-left-color:#000}
.border4{border-color:#000;border-style:solid;border-width:4px}
.border4-top{border-top-width:4px;border-top-style:solid;border-top-color:#000}
.border4-right{border-right-width:4px;border-right-style:solid;border-right-color:#000}
.border4-bottom{border-bottom-width:4px;border-bottom-style:solid;border-bottom-color:#000}
.border4-left{border-left-width:4px;border-left-style:solid;border-left-color:#000}
.border3{border-color:#000;border-style:solid;border-width:3px}
.border3-top{border-top-width:3px;border-top-style:solid;border-top-color:#000}
.border3-right{border-right-width:3px;border-right-style:solid;border-right-color:#000}
.border3-bottom{border-bottom-width:3px;border-bottom-style:solid;border-bottom-color:#000}
.border3-left{border-left-width:3px;border-left-style:solid;border-left-color:#000}
.border2{border-color:#000;border-style:solid;border-width:2px}
.border2-top{border-top-width:2px;border-top-style:solid;border-top-color:#000}
.border2-right{border-right-width:2px;border-right-style:solid;border-right-color:#000}
.border2-bottom{border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#000}
.border2-left{border-left-width:2px;border-left-style:solid;border-left-color:#000}
.border1{border-color:#000;border-style:solid;border-width:1px}
.border1-top{border-top-width:1px;border-top-style:solid;border-top-color:#000}
.border1-right{border-right-width:1px;border-right-style:solid;border-right-color:#000}
.border1-bottom{border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#000}
.border1-left{border-left-width:1px;border-left-style:solid;border-left-color:#000}
.border0{border-color:#000;border-style:solid;border-width:0}
.border0-top{border-top-width:0;border-top-style:solid;border-top-color:#000}
.border0-right{border-right-width:0;border-right-style:solid;border-right-color:#000}
.border0-bottom{border-bottom-width:0;border-bottom-style:solid;border-bottom-color:#000}
.border0-left{border-left-width:0;border-left-style:solid;border-left-color:#000}
.bg-white{background-color:#fff}
.bg-gray-light{background-color:#f0eff0}
html{box-sizing:border-box}
*,::after,::before{box-sizing:inherit}
*{-webkit-font-smoothing:antialiased}
.alert{z-index:6000}
label.required{font-weight:700;color:#ff4136}
.bootstrap-select.open>.dropdown-menu.open{z-index:2400}
.form-group{margin-bottom:15px}
.dropdown-menu{z-index:7000}
.dropdown-menu>li>a.hidden-record{color:gray}
.dropdown-menu li.active a.hidden-record,.dropdown-menu li.selected a.hidden-record{color:#fff}
.bootstrap-select.open>.dropdown-menu.open{z-index:5100!important}
.dropdown-menu>li>a.inactive-record{color:gray}
.dl-horizontal{display:flex;flex-wrap:wrap}
.dl-horizontal dt{flex-basis:40%;flex-grow:1;text-align:right;padding-right:10px}
.dl-horizontal dd{flex-basis:60%;flex-grow:2}
.modal-dialog.modal-wide{width:auto;max-width:80%}
.modal{z-index:5050}
.modal-open-fix .modal{overflow-x:hidden;overflow-y:auto}
.inline-edit{display:inline-block}
.inline-edit span{text-decoration: underline dotted #AAA;display:inline;cursor:pointer}
.inline-edit input{display:inline-block;width:72px;max-height:30px}
.inline-edit.inline-edit-wide{display:block}
/* a wide in-place editor, e.g. a product parameter's label, fills its cell instead of the 72px above */
.inline-edit.inline-edit-wide input{width:100%;max-height:none}
.inline-textarea-edit{cursor:pointer;text-decoration: underline dotted #AAA;}
.inline-textarea-edit textarea{display:block;min-height:108px}
.popover{max-width:80%}
.form-with-sticky-form-actions{padding-bottom:60px;margin-bottom:0}
.form-with-sticky-form-actions .sticky-form-actions{box-shadow:0 16px 16px 17px rgba(50,50,50,.52);display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;height:50px;width:100%;background:#eee;border-top:solid 1px #777;z-index:5000}
.form-with-sticky-form-actions .sticky-form-actions .form-group{margin:0!important}
/* the product editor's parameters sit below its form, so they clear the fixed .sticky-form-actions bar themselves (PLAN-07 S1) */
.product-attributes{padding-bottom:60px}
/* a product photo's preview (ProductImagePreview): the resize filter's copy at twice its box, shown in the box */
.product-image-preview{display:inline-block;vertical-align:bottom}
.product-image-preview img{width:auto;max-height:var(--product-image-preview-height)}
/* the crop icon in the corner of a clickable crop (ProductImageCropPanel), off where the link is disabled (no href);
   a block image leaves no gap below it. shortcut: the icon sits in the box's corner, so on a narrower (uncut portrait)
   image it floats right of it; anchor it to the image if such photos become common */
.product-image-crop{position:relative;display:inline-block}
.product-image-crop .product-image-preview img{display:block}
.product-image-crop-icon{position:absolute;right:6px;bottom:3px;padding:4px;border-radius:3px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;line-height:1;pointer-events:none}
.product-image-crop:not([href]) .product-image-crop-icon{display:none}
.tab-content .nav-tabs{margin-top:12px}
[hidden],template{display:none!important}
.navbar-brand img{height:24px;width:auto}
.navbar-brand span{display:none}

.dropdown-menu .dropdown-item .text:empty {
	min-height: 1.5em;
}

.entity-translations {
	margin-top: 24px;
	
}
.entity-edit-form fieldset > legend, .entity-edit-form .entity-translations .card-header {
	color: color-mix(in srgb,var(--tblr-blue) calc(var(--tblr-text-opacity,1) * 100%),transparent) !important;
	background-color: color-mix(in srgb,var(--tblr-blue-lt) calc(var(--tblr-bg-opacity,1) * 100%),transparent) !important;
}
.entity-edit-form .entity-edit-form  fieldset > legend, .entity-edit-form .entity-edit-form .entity-translations .card-header {
	color: color-mix(in srgb,var(--tblr-yellow) calc(var(--tblr-text-opacity,1) * 100%),transparent) !important;
	background-color: color-mix(in srgb,var(--tblr-yellow-lt) calc(var(--tblr-bg-opacity,1) * 100%),transparent) !important;
}
.entity-edit-form .entity-edit-form .entity-edit-form  fieldset > legend, .entity-edit-form .entity-edit-form .entity-edit-form .entity-translations .card-header {
	color: color-mix(in srgb,var(--tblr-purple) calc(var(--tblr-text-opacity,1) * 100%),transparent) !important;
	background-color: color-mix(in srgb,var(--tblr-purple-lt) calc(var(--tblr-bg-opacity,1) * 100%),transparent) !important;
}

/* "Texty webu": the translation grid of the website's UI texts (PLAN-08 S3) */
.site-text-grid td {
	vertical-align: top;
}
.site-text-grid .site-text-grid__place {
	width: 20%;
	min-width: 12rem;
}
.site-text-grid__code {
	font-size: .75rem;
	color: var(--tblr-secondary);
	word-break: break-all;
}
/* a browser without field-sizing keeps two rows and a scroll bar */
.site-text-grid textarea {
	field-sizing: content;
	min-height: 2.5rem;
	max-height: 16rem;
}
/* a cell locked while the machine may rewrite it (ListSiteTextPanel.js); two classes, so that the
   own display of .spinner-border loses */
.site-text-cell {
	position: relative;
}
.site-text-cell .site-text-cell__spinner {
	display: none;
	position: absolute;
	top: .5rem;
	right: .5rem;
	color: var(--tblr-secondary);
}
.site-text-cell.site-text-cell--busy .site-text-cell__spinner {
	display: inline-block;
}
.site-text-cell--busy textarea {
	opacity: .6;
	cursor: progress;
}
/* a cell's text, edited in place: underlined with dots where a click edits it */
.site-text-cell__label p {
	margin: 0;
}
.site-text-cell__label--editable {
	cursor: pointer;
	text-decoration: underline dotted;
	text-underline-offset: .2em;
}
.site-text-cell__label--empty {
	color: var(--tblr-secondary);
}
.site-text-cell--busy .site-text-cell__label,
.site-text-cell--busy .form-check-input {
	opacity: .6;
	cursor: progress;
}

/* scrollbars: tabler's thumb, 20 % of the text colour on a transparent track, is a faint line in Firefox,
   whose scrollbar width no page can set; a darker thumb on a tinted track, in both themes. :root lifts the
   selectors over tabler's *, pre and .modal-body rules, whichever of the two files a page loads first */
:root,
:root *,
:root .modal-body {
	scrollbar-color: color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 45%, transparent)
		color-mix(in srgb, var(--tblr-scrollbar-color, var(--tblr-body-color)) 8%, transparent);
}