@charset "utf-8";

@font-face {
    font-family: 'Breezart';
    src: url('font/breezart-light.woff2') format('woff2'),
         url('font/breezart-light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Breezart';
    src: url('font/breezart-regular.woff2') format('woff2'),
         url('font/breezart-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Breezart';
    src: url('font/breezart-medium.woff2') format('woff2'),
         url('font/breezart-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Breezart';
    src: url('font/breezart-bold.woff2') format('woff2'),
         url('font/breezart-bold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

:root {
	/* Colors */
	--c-white: #ffffff;
	--c-black: #000000;
	--c-grey: #E5EAF0;	
	--c-grey-light: #f8fafc;
    --c-grey-middle: #D8E0E9; 
    --c-grey-dark: #516F90;
    --c-main: #3A4755;
    --c-active: #1b8dc5;
    --c-blue: #44AFE5;
    --c-warn: #ff9900;
    --c-green: #00ac3c;

	/* Fonts */
	--f-base: 400 1rem "Breezart", sans-serif;
	--f-s1: 400 1rem/1.4 "Breezart", sans-serif;		
	--f-s2: 400 0.9375rem/1.4 "Breezart", sans-serif;
    --f-s3: 400 0.875rem/1.4 "Breezart", sans-serif;	 	    
    --f-s4: 400 0.8125rem/1.4 "Breezart", sans-serif;  
    
    --f-h1: 400 1.75rem/1.3 "Breezart", sans-serif;	
    --f-h2: 400 1.25rem/1.3 "Breezart", sans-serif;
    --f-h3: 400 1.125rem/1.3 "Breezart", sans-serif;
    --f-h4: 400 1rem/1.3 "Breezart", sans-serif;

	--b-black: 1px solid var(--c-grey-dark);
	--b-grey: 1px solid var(--c-grey);
    --b-grey-middle: 1px solid var(--c-grey-middle);
    --b-grey-sep: 1px solid var(--c-grey-middle);
    --b-light: 1px solid var(--c-grey-light);
	--b-active: 1px solid var(--c-active);
    --b-blue: 1px solid var(--c-blue);

	--g-page: 4vw;
    --g-layout: 2rem;
    --g-rgrid: 1.5rem;
    --g-cgrid: 1.5rem;
    --r-group: 0.5rem;
    --schema: 3rem;
    --g-field: 1rem;
    --gc-field: 1.75rem;
    --i-size: 1rem;
    --i-rsize: 1.75rem;
    --i-rsize-s: 1.375rem;    

    --i-size2: 0.875rem;
    --i-rsize2: 1.5rem;    

    --h-hdr: 2.75rem;
    --h-hdr-main: calc(var(--h-hdr)*1.5);
    --h-field: 2.5rem;
    --h-input: 2rem;
    --h-input-v: 1.75rem;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, supl, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, ftr, header, nav, section, summary, time, mark, audio, video, input, textarea, select {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
    outline: none;
    background-repeat: no-repeat;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
ftr, header, nav, section, audio, video {
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
	-ms-appearance: none;	
    appearance: none;
	cursor: pointer;
}

a:hover {
    color: var(--c-active);
}

:focus {
    outline: none;
}

html {
    width: 100%;
    height: 100%;    
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 16px;
	background-color: var(--c-white);
}

body {
    font: var(--f-base);
	line-height: 1;
    color: var(--c-main);
    background-color: var(--c-white);
	position: unset;
   	width: 100%;
	min-height: 100%;
    height: auto;	
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.page {
	display: grid;
    grid-template-rows: auto 1fr auto;
	grid-template-columns: 100%;
	min-height: 100svh;	
    max-width: 1640px;
    margin: 0 var(--g-page);
}

h1, .h1 {
	font: var(--f-h1);
}

h2, .h2 {
	font: var(--f-h2);
    opacity: 0.9;
    letter-spacing: -0.05rem;
    margin-bottom: 0.75rem;       
}

h3, .h3 {
	font: var(--f-h3);
    opacity: 0.9;
    letter-spacing: -0.05rem;
    margin-bottom: 0.75rem;      
}

h4, .h4 {
	font: var(--f-h4);
    font-weight: 500;
    opacity: 0.8;
    letter-spacing: -0.025rem;
    margin-bottom: 0.5rem;    
}

sup {
    font-size: 10px;
    margin-top: -5px;
    display: inline-block;
}

.layout {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-template-rows: 1fr;
    grid-template-areas: "layout-side layout-main";
    column-gap: var(--g-layout);
    overflow: unset;
}

.layout-side {
    grid-area: layout-side;     
}

.side-case {
    top: 0;   
}

.side-case .h1, .side-case .calc-info, .side-case .contact {
    display: none;
}

.list-fx {
	display: flex;
	flex-flow: column nowrap;
    justify-content: flex-start;    
    align-items: flex-start;    
    list-style: none;
}

.layout-side .list-fx { 
    font: var(--f-s1);
    letter-spacing: -0.025rem;
    padding: var(--g-rgrid) var(--g-cgrid);
    border: var(--b-grey-middle);
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem; 
}

.layout-side .list-fx > li + li {
    margin-top: var(--g-rgrid);
}

.layout-side .list-fx ul li {
    margin-top: calc(var(--g-rgrid)*0.875);
}

.list-fx li ul {
    list-style: none;
    margin: 0 0 0 var(--g-cgrid);
    font: var(--f-s2);
}

.sect-case .list-fx { 
    font: var(--f-s2);
    letter-spacing: -0.025rem;
    padding: calc(var(--g-rgrid)/2) 0;
}

body.compact .sect-case .list-fx { 
    padding: var(--g-rgrid) 0;
}

body.compact .field-group.-border > .field-hdr {
    top: calc(var(--g-rgrid)*-1.625);    
}

.sect-case .list-fx a { 
    color: var(--c-active);
}

.sect-case .list-fx > li + li {
    margin-top: 0.25rem;
}

.layout-main {
    grid-area: layout-main;
}

div[class*="-icon"] {
    display: grid;
    place-items: center;
    place-content: center;
    cursor: pointer;
    width: var(--i-rsize2);
    height: var(--i-rsize2);
}

div[class*="-icon"]:before {
    content: "";
    border-radius: 50%;
    border: var(--b-black);
    width: var(--i-rsize2);
    height: var(--i-rsize2);  
    grid-row: 1;
    grid-column: 1;
    box-sizing: border-box;
}

div[class*="-icon"]:after {
    content: "";
    width: var(--i-size2);
    height: var(--i-size2);
    grid-row: 1;
    grid-column: 1;
    background-position: center;
    background-repeat: no-repeat;
}

.field div[class*="-icon"]:after {
    width: calc(var(--i-size2)*0.875);
    height: calc(var(--i-size2)*0.875);    
}

div[class*="-icon"].-flicker:before {
    background-color: var(--c-active);
}

div[class*="-icon"].-flicker__:after {
	animation: fadein 3s infinite;
  	animation-fill-mode: forwards;
}

@keyframes fadein {
	0% { 
		opacity: 1; 
	}
	30% { 
		opacity: 0.2; 
	}
	60% { 
		opacity: 1; 
	}    
}

.sect-group-hdr div[class*="-icon"]:hover:before {
    background-color: var(--c-white);
}

.sect-hdr [class*="-icon"], .sect-hdr [class*="-icon"]:before {
    width: var(--i-rsize);
    height: var(--i-rsize);
}

.sect-group-hdr [class*="-icon"], .sect-group-hdr [class*="-icon"]:before {
    width: var(--i-rsize2);
    height: var(--i-rsize2);
}

.sect-group-hdr [class*="-icon"] {
    margin: 0 0.1625rem;    
}

.sect-group-hdr [class*="-icon"]:after {
    width: var(--i-size2);
    height: var(--i-size2);
}

.sect-group .block {
    transform: scaleY(1);
    transform-origin: top;
    height: auto;
    opacity: 1;
    transition: transform 0.3s ease-in-out;
}

.sect-group.wrapped-all {
    height: 0;
    padding: 0;
    margin: 0 !important;
    overflow: hidden;
    border: 0;
}

.sect-group.wrapped .block, .block.wrapped > *:not(.block-wrap) {
    opacity: 0;
    height: 0;
    margin: 0 !important;
    padding: 0;
    border: 0;
    visibility: hidden;
    transform: scaleY(0);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
}

.sect-group.wrapped .field {
    display: none;
}

.sect-group.wrapped {
    padding-bottom: 0;
}

.sect-group.wrapped .sect-group-hdr {
    margin-bottom: 0;
}

.block .field-group {
    transform: scaleY(1);
    transform-origin: top;
    height: auto;
    opacity: 1;
    transition: 0.3s ease-in-out;
}

.sect-hdr {
    display: flex;
    align-items: center;
    padding: calc(var(--g-rgrid)*0.5) calc(var(--g-cgrid) * 1.5) calc(var(--g-rgrid)*0.5) var(--g-cgrid);
    background-color: var(--c-white);
    border: var(--b-grey-middle);
    margin: calc(var(--g-rgrid) * 0.75) 0;
    height: calc(var(--h-hdr)*1.5);
    transition: 0.3s ease-in-out;
}

.sect-title {
    flex: 1;
    font: var(--f-h3);
    letter-spacing: -0.025rem;
    padding-right: 1rem;
}

.sect-title.h1 {
    font: var(--f-h2);
}

.sect-title.h1 .sub-title {
    padding-top: 0.125rem;
    font: var(--f-s4);
    letter-spacing: normal;
}

.sect-title.h1 .sub-title > * {
    display: inline-block;  
}

.sect-hdr.-sticky {
    top: calc(var(--h-hdr-main) - 1px);
}

.sect-title:not(.h1) > span {
    display: flex;
    justify-content: center;
    align-items: center;  
    width: 1.75rem;
    height: 1.75rem;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);      
    background: var(--c-blue);
    color: var(--c-white);
    border-radius: 50%;
    font: var(--f-h3);
    font-weight: 500;
    line-height: 1;
    padding-bottom: 1px;
    print-color-adjust: exact;
}

.status-info:not(:empty) {
    color: var(--c-active);
    background: var(--c-grey-light);
    padding: 0.0625rem 0.5rem 0;
    border-radius: 2px;
}

.status-info.warn {
    color: var(--c-white);
    background: var(--c-warn);
}

div.sect-print-icon:after {
    background-image: url('icons.svg?v2#u-print');
}
/*
div.sect-font-icon.active:after {
    background-image: url('icons.svg?v2#u-font-down');
}

div.sect-font-icon:after {
    background-image: url('icons.svg?v2#u-font-up');
}
*/

div[class*="-icon"].deactive:after{
    opacity: 0.6;
}

div[class*="-icon"].deactive:hover:after{
    opacity: 1;
}

div[class*="-icon"].deactive:before {
    background-color: var(--c-grey);
}

.sect-group {
    background-color: var(--c-grey-light);
    padding: var(--g-rgrid) var(--g-cgrid);
    border-radius: var(--r-group);
    transform: scaleY(1);
    transform-origin: top;
    height: auto;
    transition: transform 0.3s ease-in-out;
}

.sect-group + .sect-group {
    margin-top: calc(var(--g-rgrid)*0.75);
}

.sect-group-hdr {
    display: flex;
    align-items: center;
    margin: calc(var(--g-rgrid) * -1) calc(var(--g-cgrid) * -1) var(--g-field);
    padding: calc(var(--g-rgrid)*0.5) calc(var(--g-cgrid) * 1.5) calc(var(--g-rgrid)*0.5) var(--g-cgrid);
    background-color: var(--c-grey-middle);
    min-height: var(--h-hdr);
    transition: 0.3s ease-in-out;
    print-color-adjust: exact;
}

.sect-hdr div[class*="-icon"]:not(:last-of-type), .sect-group-hdr div[class*="-icon"]:not(:last-of-type) {
    margin-right: var(--g-cgrid);
}

div.sect-edit-icon:after {
    background-image: url('icons.svg?v2#u-edit');
}

.sect-mode-icon:after {
    background-image: url('icons.svg?v2#u-mode-view');
}

.sect-mode-icon.active:after {
    background-image: url('icons.svg?v2#u-mode-edit');
}

.sect-mode-icon:hover:after {
    background-image: url('icons.svg?v2#u-mode-view-blue');
}

.sect-mode-icon.active:hover:after {
    background-image: url('icons.svg?v2#u-mode-edit-blue');
}

.block-wrap.active .plus-icon:after, .field-wrap.active .plus-icon:after, .plus-icon.active:after {
    background-image: url('icons.svg?v2#u-minus');
}

.sect-wrap-icon:after {
    background-image: url('icons.svg?v2#u-up');
}

.sect-wrap-icon.active:after {
    background-image: url('icons.svg?v2#u-down');
}

.sect-hdr [class*="-icon"]:hover:before {
    border-color: var(--c-blue);
    border-width: 1.5px;
}

.sect-hdr .sect-wrap-icon:hover:after {
    background-image: url('icons.svg?v2#u-up-blue');
}

.sect-hdr .field-help-icon:hover:after {
    background-image: url('icons.svg?v2#u-help-blue');
}

.sect-wrap-icon.active:hover:after {
    background-image: url('icons.svg?v2#u-down-blue');
}

.sect-hdr div[class*="-icon"]:hover:before {
    background-color: var(--c-white);
}

.sect-hdr div.sect-print-icon:hover:after {
    background-image: url('icons.svg?v2#u-print-blue');
}

div.field-help-icon:after {
    background-image: url('icons.svg?v2#u-help');
}

.field-help-icon:hover:before,
.field-group.-border.active div[class*="-icon"]:before {
    background-color: var(--c-white);
}

.field-group > div[class*="-icon"] {
    position: absolute;
    top: calc(var(--i-rsize2)*-0.5); 
    right: calc(var(--g-cgrid)*1.5 - var(--g-cgrid) - 0.25rem - 1px);
    background: linear-gradient(var(--c-grey-light) calc(var(--i-rsize2) / 1.5), transparent 50%) no-repeat;
    width: calc(var(--i-rsize2) + 0.75rem);
    height: var(--i-rsize2);
    z-index: 100;
}

.field .field-help-icon {
    margin: -0.0625rem 0 0 0.5rem;
    display: inline-grid;
    padding: 0;
}

.-inline .field-val-note {
    padding: 0;
    display: inline;
}

.-inline .field-help-icon {
    display: inline;
    margin: -0.5rem 0 0 0.25rem;
    padding: 0;
    width: var(--i-rsize-s);
    height: var(--i-rsize-s);    
}

.field-hdr div[class*="-icon"]:before, .field-val div[class*="-icon"]:before {
    width: var(--i-rsize-s);
    height: var(--i-rsize-s);
}

.-inline div[class*="-icon"]:before {
    position: absolute;
    top: -0.125rem;
    left: 0.25rem;
    width: var(--i-rsize-s);
    height: var(--i-rsize-s);    
}

.-inline div[class*="-icon"]:after {
    position: absolute;
    top: 0.125rem;
    left: 0.5rem;
    width: calc(var(--i-size2)*0.875);
    height: calc(var(--i-size2)*0.875);    
}

.-inline .field-val-note:not(:empty) {
    padding-left: 0;
}

.field-help-txt {
    display: none;
}

.-sticky { 
    position: sticky;  
    z-index: 100;
}

.sect-hdr.-main.-sticky {
    top: 0;
    min-height: var(--h-hdr-main);
}

.sect-hdr.-sticky ~ .sect-group .sect-group-hdr.-sticky { 
    top: calc(var(--h-hdr-main) + var(--h-hdr));
}

.sect-hdr.-sticky ~ .sect-group .sect-group-hdr.-sticky { 
    top: calc(var(--h-hdr-main) + var(--h-hdr)*1.5 - 2px);
}

.sect-hdr .sect-title > div {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    overflow: hidden;
}

.sect-hdr .sect-title:not(.h1) > span+div {
    padding-left: 2.5rem;
}

.sect-group-title {
    flex: 1;
    font: var(--f-h4);
    letter-spacing: -0.025rem;
    margin-right: 0.5rem;
}

.-grid {
    display: grid;
    grid-template-rows: auto;
    grid-auto-flow: row dense;
    grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
    grid-column-gap: var(--g-cgrid);  
}

.-grid.-gspan2-3, .field.-grid.-gspan2-3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.-grid.-gspan2-3 > *:nth-child(even) {
    grid-column: span 2;
}

.-grid.-gspan1 {
    grid-template-columns: 1fr;
}

.block.-grid {
    grid-row-gap: var(--g-rgrid);  
}

.v-mode .block.-grid.-gspan2-3.model {
    grid-template-columns: 1fr;
}

.sect-group:not(.v-mode) .block .-grid.-gspan2-3.model {
    grid-template-columns: 1fr;
    grid-row-gap: 0;
}

.block .-grid.-gspan2-3.model > *:nth-child(even) {
    grid-column: unset;
}

.-grid.-split {
    grid-template-columns: 1fr 1fr;
}

.-rspan2 {
    grid-row: span 2;
}

.-cstart1 {
    grid-column-start: 1;
}

.-cstart2 {
    grid-column-start: 2;
}

.field.-center {
    align-self: center;
}

.field.-center {
    padding-top: 1.5rem;
}

.field-group.active:not(.disabled) {
    border: var(--b-black);
    background-color: var(--c-white);
    --b-grey-sep: var(--b-black);
}

.field-group.disabled {
    background-color: transparent;
    border: var(--b-grey-middle);
}

.block input[type=text] {
    width: 100%;
}

.block input[type=number] {
    width: 5.5rem;
    text-align: right;
}

.field.-grid select, .field.-gap select, .field.-gap2 select {
    width: fit-content;
    min-width: 8.5rem;
}

.field .field-val select.-fit {
    min-width: unset;
}

.block + .block {
    margin: var(--g-rgrid) 0 0;
}

.block.-grid > .field +.field {
    margin-top: 0;
}

.hide, .unused {
    display: none !important;
}

.-grid > .hide:nth-child(2):last-child {
    display: block;
    visibility: hidden;
}

.v-mode .field.e-mode + .field {
    margin-top: 0 !important;
}

.field-group[data-group="VAVgroup"] + .field {
    border-top: var(--b-grey-sep);
    padding-top: calc(var(--g-field) / 1);
    margin-top: calc(var(--g-field) / 1) !important;
}

.field-title {
    display: inline-block;
    padding: 0 0.25rem 0 0;
    font: var(--f-s2);
    line-height: 1.2;
}

.field-title .field-icon {
    position: absolute;
    left: 0.5rem;
    top: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
}

.field-title span {
    display: inline-block;
    padding-left: 1.75rem;
}

.-border {
    border: var(--b-grey-middle);
    border-radius: var(--r-group);
    padding: var(--g-rgrid) var(--g-cgrid);
}

.-border-top {
    border-top: var(--b-grey-middle);
    padding: var(--g-rgrid) 0 0;
}

.field-group.-border {
    margin-top: calc(var(--g-field)*0.5);
}
 
.field + .field-group.-border {
    margin-top: var(--g-rgrid);
}

.field-group.-border > .field-hdr {
    display: inline-flex;
    flex-flow: row wrap;
    align-items: center;
    top: calc(var(--g-rgrid)*-1.5);
    left: calc(var(--g-field)*-1);
    padding: 0 var(--r-group);
}

.field-group.-border > .field-hdr ~ .field, 
.field-group.-border > .field-hdr ~ .-grid, 
.field-group.-border > .field-hdr ~ .-line,
.field-group.-border > .field-hdr:not(.e-mode) + .-shiftup {
    margin-top: calc(var(--g-rgrid)*-0.875);
}

.field-group.-border.active > .field-hdr .field-title {
    background: linear-gradient(var(--c-grey-light) 0.8125rem, transparent 50%) no-repeat;
}

.field-group.-border.active > .field-hdr .field-note:not(:empty),
.field-group.-border.active > .field-hdr div[class*="-icon"] {
    background: linear-gradient(var(--c-grey-light) 0.8125rem, transparent 50%) no-repeat;
}

.field-group.-border > .field-hdr .field-title, 
.field-group.-border > .field-hdr .field-note:not(:empty) {
    padding: 0 0.5rem;
    white-space: nowrap;
    background: var(--c-grey-light);
    font: var(--f-s3);
}

.field-group.-border > .field:nth-child(1) > .field-val:nth-child(1) > label {
    margin-top: calc(var(--g-field) / 2);
}

/*
.field.-line + .filed.-grid {
    margin-top:
}
*/

.field-note, .field.-line .field-val-note { 
    display: inline-block;
}

.field-note:not(:empty), .field-val-note:not(:empty) {
    font: var(--f-s4);
    color: var(--c-grey-dark);  
}

.field-group-note {
    font: var(--f-s4); 
}

.field-help-txt {
    display: none;
}

.field-note:not(:empty):before, .field-val-note:not(:empty):before,
.field-note:not(:empty):after, .field-val-note:not(:empty):after {
    content: " [";
    display: inline;
    padding: 0 0.125rem 0 0; 
    font: var(--f-s4);
}

.field-note:not(:empty):after, .field-val-note:not(:empty):after {
    content: "]";
    padding: 0 0 0 0.125rem; 
}

.field-val {
    display: flex;
    flex-flow: column nowrap;
}

.field.-grid .field-val {
    align-items: flex-end;
}

.field-val:not(.-grid) label {
    display: inline-flex;
    flex-wrap: wrap;    
    align-self: flex-start;
}

.field-val label.-flex {
    display: flex;
    justify-content: flex-start;  
    align-items: center;
}

.-stretch {
    display: flex;
    flex-flow: column nowrap;
}

.-stretch > *:last-child {
    flex: 2;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;    
}

.-line  {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    white-space: nowrap;
    row-gap: var(--g-field);
}

.-strict {
    flex-wrap: nowrap;
}

.-line > * {
    margin-right: 1rem;
    margin-top: 0 !important;
} 

.-line *:last-child {
    margin-right: 0;
}

.field-val.-line select {
    width: 100%;
}

.field-group.-gap, .field.-gap, .field-val.-gap2, input.-gap2 {
    margin-left: var(--gc-field);
}

.field.-gap, .field-group.-gap {
    margin-top: calc(var(--g-field)*0.75) !important;
}

.field.-gap, .field-group.-gap > div+div {
    margin-top: calc(var(--g-field)*0.75) !important;
}

.field.-gap:not(:last-child) {
    margin-bottom: var(--g-field);
}

.field.-gap2 {
    margin: calc(var(--g-field)*0.75) 0 calc(var(--g-field)*1.5) 3.5rem !important;
}

.field-val select {
    width: auto;
}

.field-val > input[type=text] + .field-val-note {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    max-width: 8rem;
    z-index: 100;
}

.field-val > input[type=number] + .field-val-note {
    bottom: calc(var(--g-rgrid)*-0.25);
    max-width: 6.5rem;
}

.field.-grid {
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-column-gap: calc(var(--g-cgrid)/2);
}

.field.-grid.-half {
    width: calc(50% - var(--g-cgrid)*0.5);
    padding: calc(var(--g-field) * 0.5) var(--g-cgrid) 0;
    margin: var(--g-rgrid) 0 ;
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: transparent;
}

.field-val.-grid {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-column: 1 / span 2;
    grid-column-gap: .75rem;
    align-items: center !important;
}

.param-list.-grid {
    grid-template-columns:  repeat(6, 1fr);
    grid-row-gap: 0.5rem;
    grid-column-gap: 0.5rem;
}

.param-name, .param-val {
    font: var(--f-s2);
}

.param-list .param-hdr {
    grid-column: 1 / span 6;
    padding-bottom: 0.25rem;
    font: var(--f-s1);
    font-weight: 500;    
}

.param-list .param-hdr:not(:first-child) {
    padding-top: 0.75rem;
}

.param-list .param-name {
    grid-column: 1 / span 2;
}

.param-list .param-name.-inline {
    grid-column-start: 4;
}

.param-list .param-val {
    grid-column: 3 / span 4;
    font-weight: 500;
}

.param-list .param-val.ctext {
    font-weight: 400;
}

.param-list .param-val.-inline {
    grid-column: unset;
}

.param-list .param-val.warn {
    color: var( --c-warn);
    font-weight: 500;
}

.param-list .param-val.-cspan {
    grid-row-end: span 2;
    grid-column: 4 / span 3;
}

.param-list .field-val-note {
    display: inline !important;
}

.param-list .field-val-note, .price-tbl .field-val-note {
    display: inline !important;
}

.param-tbl {
    grid-template-columns: 22% repeat(auto-fit, minmax(6%, 11%));
    grid-row-gap: 0;
    grid-column-gap: 1rem;
}

.param-tbl.-cflow {
    grid-auto-flow: column;
}

.param-tbl > div {
    font: var(--f-s3);
    padding: 0.25rem 0.5rem; 
}

.param-tbl .param-name {
    grid-column: 1;
    white-space: nowrap;
    padding-left: 0;
}

.param-tbl .warn {
    color: var( --c-warn);
    font-weight: 500;
}

input[type=text].warn {
    border-color: var( --c-warn);
}

.field-input-status {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--h-input);
    align-items: center;
    background: var(--c-white);    
}

.field-input-status.active {
    display: flex;
}

input[type=text].warn + .field-input-status.active {
    color: var(--c-warn);
}

input[type=text].success + .field-input-status.active {
    color: var(--c-green);
}

.price-tbl {
    grid-template-columns: 6fr 5rem 1fr 1fr;
    grid-row-gap: 0.5rem;
    grid-column-gap: 0;
}

.price-tbl > div {
    font: var(--f-s2);
    padding-left: 0.5rem;
}

.price-tbl .price-title {
    font-weight: 500;
}

.price-tbl .ctext {
    text-align: left;
    padding-left: 0;
    grid-column: 1;
}

.price-tbl.wrapped {
    grid-template-columns: 6fr 5rem 0 0;
}

.price-tbl.wrapped .ctext + div ~ div:not(.ctext) {
    width: 0;
    opacity: 0;
    height: 0;
    padding: 0; 
}

.price-tbl.wrapped .ctext + div, .price-tbl.wrapped .price-hdr {
    width: auto !important;
    height: auto !important;
    opacity: 1 !important;
}

.price-tbl.wrapped .total {
    width: 0 !important;
    opacity: 0 !important;
    height: 0 !important;
    padding: 0 !important;
}

.price-tbl .ctext + div ~ div:not(.ctext) {
    text-align: right;
    white-space: nowrap;
}
.price-tbl .ctext + div {
    text-align: center !important;
}

.price-tbl .price-hdr {
    text-align: left !important;
    grid-column: 1 / span 4;
    padding: var(--g-field) 0 calc(var(--g-field) / 2) !important;
    margin-bottom: var(--g-field);
    border-bottom: var(--b-grey-sep); 
    white-space: normal !important;   
}

.price-tbl .total {
    font-weight: 500;
    grid-column: 1 / span 3;
}

.price-tbl .total + div {
    font-weight: 500;
    text-align: right !important;
    padding: var(--g-field) 0 calc(var(--g-field) / 2);
    margin-bottom: var(--g-field);
    border-bottom: var(--b-grey-sep);    
}

.text-wrap {
    padding: 0.25rem 0;
    font: var(--f-s3);
    color: var(--c-grey-dark);
}

.text-wrap:before {
    border-bottom: 1px dashed;
}

.text-wrap.ahu:before {
    content: 'Показать состав вентустановки';
}

.text-wrap.active {
    padding-bottom: 0.5rem;
}

.text-wrap.active.ahu:before {
    content: 'Скрыть состав вентустановки';
}

.text-wrap.hum:before {
    content: 'Показать состав увлажнителя';
}

.text-wrap.active.hum:before {
    content: 'Скрыть состав увлажнителя';
}

.h-scroll .simplebar-vertical {
    visibility: hidden !important;
}

.param-icon {
    position: absolute;
    left: -1rem;
    top: 0.25rem;
    width: 1.125rem;
    height: 1.125rem;
}

.block.wrapped {
    padding-top: 0;
    border-top: 3px dotted var(--c-grey-middle);
    margin-top: 1.25rem !important;
}

.block.unwrapped {
    padding: 1.25rem 0 0;
    margin-top: 1.25rem !important;
    border-top: 3px dotted var(--c-grey-middle);    
}

.block[data-wrap-rmt] {
    padding: 0; 
    border: none;
}

.block[data-wrap-rmt].wrapped {
    margin-top: 0 !important;
}

.block[data-wrap-rmt].unwrapped {
    margin-top: var(--g-field) !important;
}

.-gap-inwrap {
    margin-right: calc(var(--i-rsize) + 0.5rem);
}

.block-wrap {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;    
    position: absolute;
    top: -0.75rem;
    left: 0;
    background: var(--c-grey-light);
    padding: 0 0.5rem 0 0;
    font: var(--f-s2);
    color: var(--c-grey-dark);
    cursor: pointer;
}

.field-group.active:not(.disabled) .block-wrap {  
    background: var(--c-white);
}

.plus-icon {
    margin-top: -0.125rem;
    width: var(--i-rsize-s);
    height: var(--i-rsize-s);    
}

.plus-icon:after {
    background-image: url('icons.svg?v2#u-plus');
}

.block-wrap.active .plus-icon:after, .field-wrap.active .plus-icon:after, .plus-icon.active:after {
    background-image: url('icons.svg?v2#u-minus');
}

.field-group .field-wrap {
    order: 100;
    margin: 0 0 0 0.5rem;
}

.btn.active {
    color: var(--c-active);
    border: var(--b-blue);
    background: var(--c-white);
}

.btn.active.disabled {
    background: var(--c-grey-middle);
    color: var(--c-grey-dark);
    border-color: transparent;
    cursor: ;
}

a.disabled {
    opacity: 0.5;
    color: inherit;
    border-bottom: none !important;
    text-decoration: none !important;
    cursor: default;
    user-select: none;
}

.block-wrap span {
    display: inline-block;
    margin-top: -0.0625rem;
    padding-left: calc(var(--g-cgrid)*0.5);    
    cursor: pointer;
}

input[type=text], input[type=number], textarea, button, select, .btn {
    font: var(--f-s2);
    width: 100%;
    padding: 0.25rem 0.375rem;
    background-color: var(--c-white);
    border: var(--b-grey-middle);
    border-radius: 0.25rem;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    min-height:var(--h-input);
}

textarea {
    vertical-align: bottom;
    font: var(--f-s3);
}

input[type=text]:focus, input[type=number]:focus, select:focus, textarea:focus {
	border: var(--b-black);
}

label > input[type=checkbox] {
    display: none;
}

label {
    cursor: pointer;
}

label input[type=checkbox], label input[type=radio] {
    display: none;
}

label input + span {
    display: grid;
    place-items: center;
    place-content: center;
    overflow: hidden;
    position: absolute;
    top: 0.0625rem;
    left: 0;    
}

label input.hide + span {
    display: none;
}

label input.hide ~ .prompt {
    display: none;
}

label input + span:before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border: var(--b-black);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--c-white);
    grid-row: 1;
    grid-column: 1;
}

label input[type=radio] + span:before, 
label input[type=radio] + span:after {
	border-radius: 50%;
}

label input:checked + span:before {
    border: var(--b-active);
	background-color: var(--c-white);
}

label input:checked +span:after {
    content: "";
    width: 0.625rem;
    height: 0.625rem;
    background-color: var(--c-active);
    grid-row: 1;
    grid-column: 1;
    print-color-adjust: exact;
}

label input:disabled + span {
    opacity: 0.6;
}

label input:disabled:not(:checked) + span:before {
    background-color: var(--c-grey-middle);
    border-color: transparent;
}

label input:disabled ~ .prompt {
    opacity: 0.7;
}

label .field-val-icon {
    position: absolute;
    left: -0.25rem;
    top: -0.125rem;
    width: 1.25rem;
    height: 1.25rem;
}

.field-val-icon:not(:empty) ~ input[type=text], 
.field-val-icon:not(:empty) ~ input[type=number] { 
    padding-left: 2rem;
}

.field-val-note:not(:empty) ~ input[type=text], 
.field-val-note:not(:empty) ~ input[type=number] {
    padding-right: 8rem;
}

label .field-val-icon ~ span {
    padding-left: var(--gc-field);
}

label .field-val-icon ~ .field-val-note:not(:empty) {
    padding-left: 3.5rem;
}

label .field-val-note:not(:empty) {
    display: inline-block;
}

label > .field-val-note:not(:empty) {
    padding-left: var(--gc-field);
}

.field.-line label .field-val-note:not(:empty) {
    padding-left: 0;
}

.prompt, .subprompt {
    font: var(--f-s2);
    line-height: 1.3;
}

label .prompt {
    display: inline-block;
    font: var(--f-s2);
    word-wrap: break-word;
    padding-left: var(--gc-field);
}

.-line label .prompt {
    padding-left: 1.5rem;
}

label .field-val-icon ~ .prompt, .-line label .field-val-icon ~ .prompt {
    padding-left: 3.5rem;
}

label .prompt b {
    font-weight: 500;
}

.-line label input[type=radio] ~ .prompt1 {
    padding-bottom: var(--g-field);
}

.prompt svg {
    display: inline-block; 
    width: 1.25rem;
    height: 1rem;     
    margin-bottom: -0.25rem;
}

input[type=text]:disabled, input[type=number]:disabled, select:disabled {
    background-color: var(--c-grey-light);
    cursor: default;
}

.readonly {
    user-select: none;    
    pointer-events: none;   
    background-color: var(--c-grey-light) !important; 
}

input ~ input, label + input {
    margin-top: 0.5rem;
}

.-grid > label + input {
    margin-top: 0;
}

button, .btn {
    display: inline-block;
    min-width: 10rem;
    padding: 0.75rem 1rem 0.625rem;
    border: var(--b-blue);
    background-color: var(--c-blue);
    color: var(--c-white);
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    cursor: pointer;
    top: 0.125rem;
}

button:hover, .btn:hover {
    background-color: var(--c-active);
    border-color: var(--c-active);
}

input[type=submit]:disabled, 
button:disabled,
.btn:disabled {
    color: var(--c-white);    
    cursor: default;
	opacity: 0.35;
    border-color: transparent;
}

.btn.disabled {
    user-select: none;    
    pointer-events: none;   
    opacity: 0.5;
}

.field .btn:not(:first-child) {
    margin-top: calc(var(--g-field) * 1.25);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { 
    margin-left: 0.5rem; 
    opacity: 1;
}

.v-mode input[type=number]::-webkit-inner-spin-button,
.v-mode input[type=number]::-webkit-outer-spin-button { 
    opacity: 0;
    margin-left: 0; 
    display: none;
}

a.btn {
    color: var(--c-white) !important;
}

select {
    text-indent: 0.01px;
    padding-right: 1.75rem;
    background: #fff url('icons.svg?v2#u-arrow-down') no-repeat;
    background-position: right 0.625rem center;
    background-size: 0.75rem 0.75rem;
    cursor: pointer;
    height: var(--h-input);
    text-align: left;
    color: var(--c-main);
    letter-spacing: -0.025rem;
}

.help-block, .help-balloon {
    display: none;
    position: absolute;
    max-width: 22rem;
    min-width: 10rem;
    padding: calc(var(--g-rgrid)*0.5) calc(var(--g-cgrid)*0.75);
    background: var(--c-white);
    border: var(--b-grey);
    border-radius: var(--r-group);
    font: var(--f-s3);
    z-index: 1000;
}

.help-block {
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 50%);
    box-shadow: 0 5px 5px rgb(0 0 0 / 50%);
}

.help-block a, .ctext a {
    color: var(--c-active);
}

.help-block a:hover, .sect-case .list-fx a:hover, .layout-side .list-fx a:hover, .ctext a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
    text-decoration-color: rgba(27, 141, 197, 0.5);
}

.schema-case {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.schema-case .schema {
    display: none;
}

.schema-case .schema.active {
    display: grid;
}

.schema {
    display: grid;
    grid-template-columns: repeat(auto-fit, var(--schema));
    grid-template-rows: var(--schema);
    overflow: hidden;
    height: var(--schema);
    top: calc(var(--g-rgrid) * -1.5);    
    left: calc(var(--schema)/2);    
}

.schema svg {
    width: var(--schema);
    height: var(--schema);
}

.schema svg.active {
    display: block;
}

.sfilter1 {
    grid-area: sfilter1;
}
.sfilter2 {
    grid-area: sfilter2;
}
.sfilter3 {
    grid-area: sfilter3;
}
.sfilter2-2 {
    grid-area: sfilter2-2;
}
.sfilter4 {
    grid-area: sfilter4;
}
.heat0 {
    grid-area: heat0;
}
.heat1 {
    grid-area: heat1;
}
.heat2 {
    grid-area: heat2;
}
.heat0-v2 {
    grid-area: heat0-v2;
}
.heat1-v2 {
    grid-area: heat1-v2;
}
.heat2-v2 {
    grid-area: heat2-v2;
}
.cool1 {
    grid-area: cool1;    
}
.cool2 {
    grid-area: cool2;
}
.hum1 {
    grid-area: hum1;
}
.hum2 {
    grid-area: hum2;
}
.recup0 {
    grid-area: recup0;
}
.recup1 {
    grid-area: recup1;
}
.recup2 {
    grid-area: recup2;
}
.vent1 {
    grid-area: vent1;
}
.vent2 {
    grid-area: vent2;
}
.vent-left1 {
    grid-area: vent-left1;
}
.vent-left2 {
    grid-area: vent-left2;
}
.ca1 {
    grid-area: ca1;
}
.ca2 {
    grid-area: ca2;
}
.left1 {
    grid-area: left1;
}
.left2 {
    grid-area: left2;
}
.right1 {
    grid-area: right1;
}
.right2 {
    grid-area: right2;
}
.filter1 {
    grid-area: filter1;
}
.filter2 {
    grid-area: filter2;
}

.home {
    grid-area: home;
}
.schema.level2 {
    height: calc(var(--schema)*2);
    grid-template-rows: repeat(2, var(--schema));
}

.schema.level2 svg[class^="recup"] {
    height: calc(var(--schema)*2);
}

.sect-group.v-mode .e-mode, .sect-group:not(.v-mode) .v-mode {
    display: none;
}

.sect-group.v-mode .wrapped:not(.all-mode) {
    display: none;
}

.sect-group.v-mode {
    --schema: 2.5rem;
}

.v-mode .block.-grid > .field {
    display: initial;
}

.v-mode input[type=text], .v-mode input[type=number], .v-mode select {
    /*padding: 0.25rem 0.5rem 0.25rem;*/
    font: var(--f-s2);
    min-height: var(--h-input-v);
}

.field > .field-hdr {
    display: flex;
    align-items: center;
    flex-flow: row wrap;
}

.field:not(.-grid) > .field-hdr {
    padding: 0 0 calc(var(--g-field) / 4) 0;
}

.v-mode .field > .field-hdr > .field-title {
    padding: 0;
}

.v-mode .field-note {
    display: none
}

.ctext + .ctext {
    padding-top: calc(var(--g-rgrid) * 0.75);
}

.v-mode .block + .block {
    padding: 0;
    border-top: none;
}

.v-mode .field-val-note, .v-mode .field .field-help-icon {
    display: none;
}

.v-mode .block.-grid > .field +.field {
    margin-top: 0;
}

.pic-frame img {
    max-width: 100%;
    max-height: 100%;
}

#desc-sch .pic-frame img, #desc-draw .pic-frame img {
    max-width: 750px;
}

.modelPic {
    padding: 50% calc(var(--g-cgrid) * 2) 0;
    margin-top: calc(var(--g-cgrid)/2);    
}

#desc-group .modelPic {
    padding-top: 60%;
}

.modelPic img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.pic-frame:not(.modelPic) {
    padding: calc(var(--g-cgrid)/2);
}

.field-group:not(.active) .pic-frame {
    background-color: var(--c-grey-light);
}

.field-group:not(.active) .pic-frame img {
    mix-blend-mode: darken;
}

.disabled input {
    pointer-events: none;
}

.ctext {
	font: var(--f-s2);
    overflow-wrap: anywhere;
}

.ctext p {
	margin-bottom: 0.75rem;
}

.ctext p + ul {
	margin-top: -0.25rem !important;
}

.ctext p + h4 {
	margin-top: 1rem;
}

.ctext > p:last-child {
	margin-bottom: 0;
}

.ctext ul:not([class]),  .ctext ol:not([class]) {
	list-style: none;
	margin-bottom: 0.75rem;
}
/*
.ctext ul:last-child, .ctext ol:last-child {
	margin-bottom: 0;
}
*/
.ctext ul:not([class]) li {
	padding-left: var(--g-field);
}

.ctext ol:not([class]) > li {
    counter-increment: item;
    padding-left: var(--gc-field);
}

.ctext ol:not([class]) > li:before {
    content: counter(item) '. ';    
    color: #000;
    text-align: left;
    position: absolute;
    left: 0;
}

.ctext ul:not([class]) li:before {
    content:"\2013";
    position: absolute;
    left: 0;
    top: 0;
}

.ctext ul:not([class]) li+li, .ctext ol:not([class]) li+li {
    margin-top: 0.25rem;
}

.ctext > ul:not(:first-child), .ctext ol:not(:first-child) {
 	margin-top: 0.5rem;   
}

.ctext > ul:not(:last-child), .ctext ol:not(:last-child) {
 	margin-bottom: 0.5rem;   
}

.ctext ul:not([class]) li > ul {
    margin-top: 0.5rem;
}

.bold, .ctext b, .ctext strong, .help-block b, .help-block strong {
	font-weight: 500 !important;
}

.ctext sub {
    vertical-align: sub;
    font-size: 80%;
}

.ctext .subtext {
    font: var(--f-s3);
    color: var(--c-grey-dark);
}

.chart > div {
    margin-right: calc(var(--g-cgrid)*-1);
    max-width: 50vw;
}

.chart .field-group-note {
     padding-bottom: var(--g-rgrid); /* old text-align: center; left; */
}

.bg-blue {
    background-color: var(--c-blue);
    color: var(--c-white);
    border: 0;
}

.bg-blue div[class*="-icon"]:before {
    border-color: var(--c-white);
    border-width: 1.5px;    
}

.bg-blue .sect-wrap-icon:after {
    background-image: url('icons.svg?v2#u-up-white');
}

.bg-blue .sect-wrap-icon.active:after {
    background-image: url('icons.svg?v2#u-down-white');
}

.bg-blue .sect-wrap-icon:hover:after {
    background-image: url('icons.svg?v2#u-up-blue');
}

.bg-blue .sect-wrap-icon.active:hover:after {
    background-image: url('icons.svg?v2#u-down-blue');
}

.bg-blue div.sect-font-icon:after {
    background-image: url('icons.svg?v2#u-font-up-white');
}

.bg-blue div.sect-font-icon.active:after {
    background-image: url('icons.svg?v2#u-font-down-white');
}

.bg-blue div.sect-font-icon:hover:after {
    background-image: url('icons.svg?v2#u-font-up-blue');
}

.bg-blue div.sect-font-icon.active:hover:after {
    background-image: url('icons.svg?v2#u-font-down-blue');
}

.bg-blue div.sect-reload-icon:after {
    background-image: url('icons.svg?v2#u-reload-white');
}

.bg-blue div.sect-reload-icon:hover:after {
    background-image: url('icons.svg?v2#u-reload-blue');
}

.bg-blue div[class*="-icon"]:hover:before {
    background: var(--c-white);
    border-color: var(--c-white);
}

.sect-hdr.bg-blue {
    z-index: 200;
    margin: 0;
}

.submit .-grid {
    grid-row-gap: var(--g-rgrid);
}

.submit .ctext {
    align-self: center;
    padding-top: 0.5rem;
}

.submit a {
    display: block;
    color: var(--c-active);
    text-align: center;
    font: var(--f-s2);
    font-weight: 500;
}

.submit a:not(:empty) {
    margin-bottom: var(--g-rgrid);
}

header {
    height: 5rem;
}

main {
    padding: 0 0 var(--g-layout);
}

footer {
	color: var(--c-main);
    background-color: var(--c-white);
}

.logo {
    width: 100%;
    display: flex;
    align-items: center;
    height: 100px;
}

.logo > * {
    flex: 1;
}

.logo img {
    max-width: 200px;
    max-height: 60px;
}

.list-case {
    display: flex;
    justify-content: flex-end;    
    height: 100px;  
}

footer .layout-main {
    border-top: var(--b-grey-middle);
}

footer .ctext {
    padding: var(--g-rgrid) var(--g-cgrid);
    font: var(--f-s2);
}

/* Scroll */
[data-simplebar] {
    position: relative;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}
  
.simplebar-wrapper {
    overflow: hidden;
    height: inherit;
    max-width: inherit;
    max-height: inherit;
    width: 100%;
}
  
.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: 0;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
}
  
.simplebar-offset {
    direction: inherit !important;
    box-sizing: inherit !important;
    resize: none !important;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 0;
    -webkit-overflow-scrolling: touch;
}
  
.simplebar-content-wrapper {
    direction: inherit;
    box-sizing: border-box !important;
    position: relative;
    display: block;
    height: 100%; 
    max-width: 100%; 
    max-height: 100%; 
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}
  
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
}
  
.simplebar-content:before,
.simplebar-content:after {
    content: ' ';
    display: table;
}
  
.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    width: 100%;
    pointer-events: none;
}
  
.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    height: 100%;
    width: 100%;
    max-width: 1px;
    position: relative;
    float: left;
    max-height: 1px;
    overflow: hidden;
    z-index: -1;
    padding: 0;
    margin: 0;
    pointer-events: none;
    flex-grow: inherit;
    flex-shrink: 0;
    flex-basis: 0;
}
  
.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 1000%;
    width: 1000%;
    min-height: 1px;
    min-width: 1px;
    overflow: hidden;
    pointer-events: none;
    z-index: -1;
}
  
.simplebar-track {
    z-index: 1;
    position: absolute;
    pointer-events: none;
    overflow: hidden;
    z-index: 100;
    background-color:  var(--c-grey-middle);
}
  
.simplebar-track.simplebar-vertical {
    width: 0.125rem;
    left: 0;
    bottom: 0;
}
  
.simplebar-track.simplebar-horizontal {
    right: 0;
    bottom: 0;
}
  

[data-simplebar].simplebar-dragging {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
  
[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all;
}
  
.simplebar-scrollbar {
    position: absolute;
    left: 0;
    right: 0;
    min-height: 10px;
    cursor: -webkit-grab;
    border: 0;
    opacity: 1;
    background: var(--c-blue);
}
/*
.simplebar-scrollbar:before {
    position: absolute;
    left: -0.25rem;
    top: -0.25rem;
    content: "";
    width: 0;
    height: 0;
    border-top: 0.375rem solid transparent;
    border-bottom: 0.375rem solid transparent;
    border-right: 1rem solid var(--c-blue);
}

.simplebar-scrollbar:after {
    position: absolute;
    right: -0.25rem;
    top: -0.25rem;
    content: "";
    width: 0;
    height: 0;
    border-top: 0.375rem solid transparent;
    border-bottom: 0.375rem solid transparent;
    border-left: 1rem solid var(--c-blue);
}
*/

.simplebar-scrollbar.simplebar-visible:before {
    transition-delay: 0s;
    transition-duration: 0s;
}
  
.simplebar-track.simplebar-vertical {
    top: 0;
    opacity: 0.9;
}
  
.simplebar-track.simplebar-horizontal {
    left: 0;
    height: 0.25rem;
    overflow: visible;
}
  
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    right: auto;
    left: 0;
    top: 0;
    bottom: 0;
    min-height: 0;
    min-width: 10px;
    width: auto;
}

.simplebar-dummy-scrollbar-size {
    direction: rtl;
    position: fixed;
    opacity: 0;
    visibility: hidden;
    height: 500px;
    width: 500px;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: scrollbar !important;
}
  
.simplebar-dummy-scrollbar-size > div {
    width: 200%;
    height: 200%;
    margin: 10px 0;
}
  
.simplebar-hide-scrollbar {
    position: fixed;
    left: 0;
    visibility: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.breezart-light {
    font-weight: 500;
}

.qrcode {
    display: block;
    margin: calc(var(--g-rgrid)*2) var(--g-rgrid) var(--g-rgrid) !important;
    text-align: center;        
}   
.qrcode svg {
    width: 200px;
    height: 200px;
}

body.iframe, body.iframe .page {
   min-height: unset;
   margin: 0;
}

body.iframe:not(.short) .page {
    margin: 0 var(--g-page);
}

body.iframe.short .layout {
    display: block;
}    

body.iframe.short .layout-side .list-fx, 
body.iframe.short .logo, 
body.iframe .list-case {
    display: none;
}

.layout-main .contact, body.iframe:not(.short) .side-case .contact {
    display: none;
}

.sect-hdr, .sect-group, .field-group {
    break-inside: avoid-page;
}

body.iframe:not(.short) .contact {
    display: flex;
    flex-flow: column;
    text-align: right;
    justify-content: center;
    align-items: flex-end;
    height: 100px;   
}
    
.contact .company {
    font: var(--f-h1);
}
.contact .address {
    margin: 0.5rem 0;
    font: var(--f-s4);
} 

#opt-ahu-group, #opt-hum-group {
    padding-right: calc(var(--i-rsize-s) * 1.5);
}  

.help-balloon {
    display: none;
    min-width: 18rem;
    color: var(--c-main);
    filter: drop-shadow(0 2px 5px rgb(0 0 0 / 50%));    
}

.help-balloon:before {
    content: "";
    position: absolute;
    width: 0; 
    height: 0;
    border-style: solid;  
}

.sect-reload-icon .help-balloon {
    top: -4rem;
    right: 3.5rem;
}

.sect-reload-icon .help-balloon:before {
    top: 3rem;
    right: -2.5rem;
    border-width: 1rem 0 0 3rem;
    border-color: transparent transparent transparent var(--c-white);
    transform: rotate(20deg);
}

.sect-font-icon .help-balloon {
    top: 2rem;
    right: 6.25rem;
}

.sect-font-icon .help-balloon:before {
    top: -0.25rem;
    right: -5rem;
    border-width: 1rem 0px 0px 6rem;
    border-color: transparent transparent transparent var(--c-white);
    transform: rotate(-25deg);
}

.sect-mode-icon .help-balloon {
    top: 1rem;
    right: 3.5rem;
}

.sect-mode-icon .help-balloon:before {
    top: 0;
    right: -2.5rem;
    border-width: 1rem 0 0 4rem;
    border-color: transparent transparent transparent var(--c-white);
    transform: rotate(-30deg);
}

.sect-print-icon .help-balloon {
    top: 5.75rem;
    right: 6.25rem;
}

.sect-print-icon .help-balloon:before {
    top: -2rem;
    right: -7.5rem;
    border-width: 1rem 0 0 10rem;
    border-color: transparent transparent transparent var(--c-white);
    transform: rotate(-50deg);
}

.help-mode .help-balloon {
    display: block;
}

@media only screen and (max-width: 1023px) {

    .sect-reload-icon .help-balloon {
        top: -1.5rem;
        right: 2.75rem;
    }    
    .sect-reload-icon .help-balloon:before {
        top: 2.5rem;
        right: -1.5rem;
        border-width: 1rem 0 0 2.5rem;
        transform: rotate(-40deg);
    }    
    .sect-mode-icon .help-balloon {
        top: 3.5rem;
        right: 0rem;
    }      
    .sect-mode-icon .help-balloon:before {
        top: -1.5rem;
        right: 0.25rem;
        border-width: 1rem 0 0 2.5rem;
        transform: rotate(-80deg);
    }    
    .sect-print-icon .help-balloon {
        top: 9rem;
        right: -3rem;
    }    
    .sect-print-icon .help-balloon:before {
        top: -4rem;
        right: -1.25rem;
        border-width: 1rem 0 0 8.5rem;
        transform: rotate(-105deg);
    }  
}

@media only screen {
    .field:not(.hide) ~ .field, 
    .field.-grid:not(.hide) + .field.-grid,
    .field-group.-border .field:not(.hide) ~ .field,
    .field-val label + label, 
    .field:not(.-grid):not(.-line) .field-val + .field-val,
    .field:not(.hide) +.field-group,
    .block + .field {
        margin-top: var(--g-field);
    }
}
    
@media only screen and (max-width: 1366px) {
	:root {	
		--g-page: 3vw;
    }
}

@media only screen and (max-width: 1280px) {
    html {
        font-size: 15px;
    }
	:root {	
		--g-page: 3vw;
    }
    .chart > div {
        max-width: 70vw;
    }    
}

@media only screen and (max-width: 1180px) {
    .layout {
        display: block;
    }    
    .layout-side .list-fx {
        display: none;
    }
    .list-case {
        display: none;
    }	
	body.iframe:not(.short) .side-case {
	    display: flex;
	    flex-flow: row nowrap;
	    width: 100%;
	    justify-content: space-between;	
	}
    body.iframe:not(.short) .side-case .contact {
    	display: flex;
    }
	body.iframe:not(.short) .layout-main .contact {
		display: none;
	}    
	.logo { 
		width: auto
	}
}

@media only screen and (max-width: 1023px) {
	:root {	
        --g-cgrid: 1.25rem;
		--g-rgrid: 1.25rem;
        --g-page: var(--g-cgrid);
        --i-rsize: 1.75rem;
        --i-rsize2: 1.625rem;
         --h-hdr-main: calc(var(--h-hdr)*1.5);
    }    
    header {
        margin: 0 var(--g-page);
    }
    main {
        width: 100%;
        margin: 0 auto;
    }
	body.iframe .side-case .contact	{
		display: none;
	}    
    .sect-title.h1 {
        font: var(--f-h3);
        padding-right: 0.125rem;
    }
    .sect-group {
        padding-bottom: var(--g-rgrid);    
    }
    .sect-group-hdr {
        margin-bottom: var(--g-rgrid);
    }    
    .block.-grid, .-grid.-split, .-grid.-gspan2-3, .field.-grid.-gspan2-3  {
        grid-template-columns: 1fr;
        grid-column-gap: 0;     
    }
    .-cstart2 {
        grid-column-start: auto;
        grid-row-start: auto;
    }
    .-rspan2 {
        grid-row: auto;
    }    
    *:not(.field):not(.field-val).-grid > .hide:nth-child(2):last-child  {
        display: none !important;
    }
    /*
    .field-group.-border + .field-group.-border {
        margin-top: 1rem !important;
    }
        */
    .field-group.-border > .field-hdr .field-title, .field-group.-border > .field-hdr .field-note:not(:empty) {
        padding: 0 0.5rem;
        white-space: initial;
        margin-right: 0;    
    }
    .sect-title {
        font: var(--f-h4);
        letter-spacing: -0.025rem;
        margin-right: 0.5rem;
    }
    .field.-center {
        padding-top: 0;
    }    
    .field.-grid.-half {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
    .block input[type=number] {
        width: 5rem;
    } 
    .block.-grid > .field +.field {
        margin-top: var(--g-field) !important;
    }
    .field-val > input[type=number] + .field-val-note {
        white-space: nowrap;
    }     
    input[type=text], input[type=number], select {
        height: var(--h-input);
    }    
    .submit .ctext {
        text-align: center;
    }
    .page {
        margin: 0 !important;
    }
    label .prompt {
        letter-spacing: -0.05rem;
    }  
    .sect-font-icon {
        display: none !important;
    }
    .sect-case .list-fx {
        display: none;
    }
    .sect-title.h1 .sub-title {
        display: inline;
    }
    .logo {
        padding: 0 0 0 var(--g-cgrid);
        height: 80px;
    }
    .block + .block {
        margin: 0;
    }

    .field > .field-hdr {
        padding: 0 0 calc(var(--g-field) / 4) 0;
    }
    .param-list.-grid {
        grid-template-columns: 50vw auto;
        grid-row-gap: 0.5rem;
        grid-column-gap: 0;
    } 
    .param-name, .param-val {
        font: var(--f-s3);
    }      
    .param-list .param-name, .param-list .param-val {
        border-bottom: var(--b-grey-middle);
        padding-top: 0.25rem;
        padding-bottom: 0.75rem;        
    }    
    .param-list .param-hdr {
        grid-column: 1 / span 2;
    }
    .param-list .param-name {
        grid-column: 1 !important;
    }
    .param-list .param-val {
        grid-column: 2 !important;
        padding-left: 0.5rem;
    }   
    .param-val.-cspan {
        display: none;
    } 
    .chrome-info {
        display: none !important;
    }    
    .h-scroll {
        margin-top: -0.5rem !important;
    }
    .param-tbl {
        min-width: fit-content;
        grid-template-columns: 55vw repeat(auto-fit, minmax(30vw, 1fr))
    }
    .price-tbl {
        min-width: fit-content;
        grid-template-columns: 62vw 34vw 34vw 34vw;
        grid-row-gap: 0;
    }  
    .price-tbl.wrapped {
        grid-template-columns: 62vw 34vw 0 0;
    }  
    .param-tbl .param-name, .price-tbl .ctext, .price-tbl .price-hdr {
        position: sticky;
        z-index: 10;
        left: 0;
        background-color: var(--c-grey-light);
        margin: 0;
        padding: 0.5rem 0.5rem 0.5rem 0; 
        border-right: var(--b-grey-middle);     
    }
    .param-icon {
        left: -0.5rem;
    }
    .param-tbl > div {
        white-space: nowrap;
        padding: 0.5rem 1rem;
    }
    .param-icon {
        top: 0.5rem;
    }
    .price-tbl .price-hdr {
        border-right: none;   
        width: calc(100vw - var(--g-cgrid) * 2);
        margin-bottom: calc(var(--g-field) / 2);
    }
    .price-tbl .total {
        background-color: transparent;
        border: none;
        max-width: 60vw;        
    }    
    .price-tbl .total + div {
        padding: 0.5rem 0.5rem 0.5rem 0;
        border-bottom: none;    
    }
    .price-tbl > div {
        padding: var(--g-field) 0.5rem calc(var(--g-field) / 2) 0 !important;
        border-right: var(--b-grey-middle); 
    }
    .field-group.active:not(.disabled) .param-tbl .param-name, 
    .field-group.active:not(.disabled) .price-tbl .ctext {
        background: var(--c-white);
    }
    .simplebar-track.simplebar-horizontal {
		top: 0;
		bottom: unset;
	}
	.simplebar-scrollable-x {
		margin: 0;
		padding-right: 0;
	}
	.simplebar-scrollable-x .simplebar-wrapper {
		width: auto;
	}   
    .simplebar-scrollable-x .simplebar-content > div {
        padding-top: 1.25rem;
    }           
    #desc-sch .pic-frame img, #desc-draw .pic-frame img {
        max-width: 100%;
    }   
    .sect-group-hdr [class*="-icon"] {
        margin: 0 0.075rem;
    }     
}

@media only screen and (max-width: 767px) {    
    :root {	
        --schema: 2.5rem;   
        --g-cgrid: 1.125rem;      
        --g-field: 1.125rem;        
        --f-h4: 400 0.9375rem/1.3 "Breezart", sans-serif;        
    } 
    body.restore {
        --h-hdr-main: calc(var(--h-hdr) * 2);    
    }  
    .logo {
        height: 70px;
    }    
    .logo img {
        max-width: 180px;
        max-height: 40px;
    }      
    .schema-case {
        min-height: 100px;
    }
    .schema.level2 {	
        --schema: 2.25rem;   
    } 
    .help-block {
        max-width: 320px;
    }
    .-line > * {
        margin: 0 calc(var(--g-cgrid) / 1.25) 0 0;
    } 
    .chart  {
        padding-top: 0 !important;
        border: none;
    }  
    .chart > div {
        max-width: unset;
        margin-right: 0;
    }
    .sect-group, .sect-hdr, .sect-group-hdr {
        border-left: 0;
        border-right: 0;        
        padding-left: var(--g-cgrid);
        padding-right: var(--g-cgrid);
    }
    .sect-group + .sect-group, .sect-group + form {
        margin-top: 0;
    } 
    .sect-hdr {
        margin: 0;
    }
    .sect-group-title {
        font: var(--f-s2);        
    }   
    .sect-group .block {
        grid-row-gap:  0;
    }
    .block.wrapped, .block.unwrapped  {
        margin-top: calc(var(--g-rgrid)*1.25) !important;    
    }  
    .field-group.-border {
        padding: var(--g-rgrid) 0 calc(var(--g-rgrid)*1.25);
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-radius: 0;
    }
    .block:last-child .field-group.-border:last-child {
        padding-bottom: 0;
    }
    .field-group.active:not(.disabled) {
        border: none;
        border-top: var(--b-black);
        margin-left: calc(var(--g-cgrid) * -1);
        margin-right: calc(var(--g-cgrid) * -1);
        padding-left: var(--g-cgrid);
        padding-right: var(--g-cgrid);
    }
    .field-group > div[class*="-icon"] {
        right: 0;
        width: calc(var(--i-rsize2) + 0.375rem);
    }  
    .field-group.active:not(.disabled) > div[class*="-icon"] {
        right: var(--g-cgrid);
    }      
    label .field-val-icon {
        left: 0;  
    }  
    label .field-val-icon ~ span {
        padding-left: calc(var(--gc-field) + 0.125rem);
    }    
}

@media only screen and (max-width: 390px) {
    :root {	
        --g-cgrid: 1rem; 
        --g-rgrid: 1.125rem;                
    } 
    .schema {  
        left: 0;
    }
}

@media only screen and (max-width: 374px) {
    html {
        font-size: 14px;
    }
    .sect-title.h1 {
        font: var(--f-h4);        
    }    
    .-line > * {
        margin: 0 calc(var(--g-cgrid) / 1.5) 0 0;
    }     
}

@media only screen and (min-width: 1024px) {
    body.compact {
        /* Fonts */
        --f-base: 400 0.875rem "Breezart", sans-serif;
        --f-s1: 400 0.9375rem/1.4 "Breezart", sans-serif;		
        --f-s2: 400 0.875rem/1.4 "Breezart", sans-serif;
        --f-s3: 400 0.8125rem/1.4 "Breezart", sans-serif;	 	    
        --f-s4: 400 0.75rem/1.4 "Breezart", sans-serif;	  

        --f-h1: 400 1.5rem/1.1 "Breezart", sans-serif;
        --f-h2: 400 1.125rem/1.3 "Breezart", sans-serif;
        --f-h3: 400 1.0625rem/1.3 "Breezart", sans-serif;
        --f-h4: 400 0.9375rem/1.3 "Breezart", sans-serif;

        --g-rgrid: 1rem;
        --g-cgrid: 1.125rem;   
        --r-group: 0.25rem;

        --i-size: 0.9375rem;
        --i-rsize: 1.625rem;
        --i-rsize-s: 1.25rem;
        --schema: 3rem;

        --h-hdr: 2.5rem;
        --h-field: 2.25rem;
        --h-input: 2rem;
        --h-input-v: 1.75rem;    
    }
}

@media only print {
    @page {
        size: A4 portrait; 
        margin: 5mm 10mm 10mm 10mm;  

        @bottom-right {
            content: counter(page) ' / ' counter(pages);
            border-top: var(--b-grey-middle);
            font: var(--f-s3);
            color: var(--c-main);
        }
    }    
    .page {
        /* Fonts */
        --f-base: 400 0.875rem "Breezart", sans-serif;
        --f-s1: 400 0.9375rem/1.4 "Breezart", sans-serif;		
        --f-s2: 400 0.875rem/1.4 "Breezart", sans-serif;
        --f-s3: 400 0.8125rem/1.4 "Breezart", sans-serif;	 	    
        --f-s4: 400 0.75rem/1.4 "Breezart", sans-serif;	  

        --f-h1: 400 1.375rem/1.1 "Breezart", sans-serif;
        --f-h2: 400 1.125rem/1.3 "Breezart", sans-serif;
        --f-h3: 400 1.0625rem/1.3 "Breezart", sans-serif;
        --f-h4: 400 0.9375rem/1.3 "Breezart", sans-serif;

        --g-page: 0;
        --g-rgrid: 1.125rem;
        --g-cgrid: 1.125rem;
        --g-field: 0.75rem;             
        --r-group: 0.25rem;        

        --i-size: 0.9375rem;
        --i-rsize: 1.625rem;
        --i-rsize-s: 1.25rem;
        --schema: 3rem;

        --h-hdr: 2.5rem;
        --h-field: 2.25rem;
        --h-input: 2rem;
        --h-input-v: 1.75rem;    
    }
    html {
        font-size: 9pt; 
    }
    main {
        padding: 0 1pt 0 0;
    }        
    footer {
        position: fixed;
        bottom: 0;
    }    
    footer .layout-main {
        border: 0;
    }    
    footer .ctext {
        padding: 0;
        font: var(--f-s2);
    }  
    .-print-hide {
        display: none;
    }
    .-print-disabled {
        display: none !important;       
    }
    .-print-enabled {
        display: block !important;   
    }
    .layout-main .contact {
        display: none !important;
    }
    .side-case {
        display: grid;
        grid-template-areas:
            "logo contact"
            "h1 h1"
    }
    body:not(.iframe) .side-case {
        grid-template-areas: "logo h1";
        margin-bottom: 6pt;
    }    
    .side-case .logo {
        display: block !important;
        grid-area: logo;            
        height: 34pt;
        padding: 0 0 6pt 0;
        border-bottom: var(--b-grey-middle);        
    }  
    .side-case .logo img {
        max-width: 120pt;
        max-height: 28pt;
    }    
    .side-case .h1  {
        grid-area: h1;
        display: block;
        padding: 10pt 0;
        font: var(--f-h1);
        line-height: 1;
        color: var(--c-main);
        letter-spacing: -0.05rem;
    }
    body:not(.iframe) .side-case .h1 {
        text-align: right;
        height: 34pt;
        border-bottom: var(--b-grey-middle);
        padding: 0 0 6pt;    
    }
    body:not(.iframe) .side-case .calc-info {
        grid-area: calc-info;
        display: block;
        text-align: right;
        padding: 6pt 0  0;
    }
    body.iframe .side-case .contact {
        display: flex !important;
        flex-flow: column;
        text-align: right;
        justify-content: center;
        align-items: flex-end;        
        grid-area: contact;
        margin: 0;
        height: 34pt;
        border-bottom: var(--b-grey-middle);
    }    
    .-main {
        display: none;
        padding: 0;
        background: none;
        color: var(--c-main);   
    }     
    .sect-hdr {
        height: auto;    
        page-break-after: avoid;
        break-after: avoid-page;
        margin: 0 !important;
        padding: calc(var(--g-rgrid)*1.5) 0 calc(var(--g-rgrid) * 0.75);       
        border: 0; 
    }
    .form-calc > .sect-hdr:first-of-type {
        padding-top: 0;
    }
    .sect-hdr.-main.-sticky {
        top: 0;
        min-height: unset;
        height: auto;    
        margin-bottom: var(--g-rgrid);
        padding: var(--g-rgrid) 0 0 !important;        
    }
    .sect-hdr div[class*="-icon"], .sect-group-hdr div[class*="-icon"], .field-group > div[class*="-icon"], .field-help-icon {
        display: none !important;
    }
    .sect-group {
        background: none;
        padding: 0;
    }
    .sect-group-hdr {
        margin: var(--g-field) 0 var(--g-field);
    }
    .sect-group > .block > .field, .sect-group > .block.unwrapped > .field-group,  .sect-group > .block.wrapped > .field-group {
        padding: 0 0 0 var(--g-cgrid);
    }   
    .sect-group + .sect-group {
        margin-top: calc(var(--g-rgrid) * 1.375);
    }   
    .block.wrapped  .qrcode  {
        margin: calc(var(--g-rgrid)*2) var(--g-rgrid) var(--g-rgrid) !important;
    }       
    .field-group.-border > .field-hdr .field-title, .field-group.-border > .field-hdr .field-note:not(:empty) {
        background: var(--c-white);
    }     
    .field.-grid.-half {
        width: calc(50% - var(--g-cgrid) * 1.5);    
    } 
    .field-group:not(.active) .pic-frame {
        background: none;
    }
    .-sticky { 
        position: relative !important;  
        z-index: 1;
        top: unset !important;
    }
    .-border {
        border: var(--b-grey-middle) !important;
    }
    .block.unwrapped, .block.wrapped {
        padding: 0;
        margin-top: 0 !important;
        border-top: 0;
    }
    .block.unwrapped {
        margin-top: var(--g-field) !important;    
    }
    .block-wrap {
        display: none;
    }
    .layout {
        display: block;
    }    
    .layout-side .list-fx {
        display: none;
    }
    .list-case {
        display: none;
    }
    .sect-hdr, .sect-group, .field-group {
        page-break-inside: avoid;
    }
    .field-group.-border > .field-hdr {
        top: calc(var(--g-rgrid) * -1.625);
    }   
    .field:not(.hide):not(.-print-hide) ~ .field, 
    .field.-grid:not(.hide) + .field.-grid,
    .field-group.-border .field:not(.hide):not(.-print-hide) ~ .field,
    .field-val label + label, 
    .field:not(.-grid):not(.-line) .field-val + .field-val,
    .field:not(.hide) +.field-group,
    .block + .field {
        margin-top: var(--g-field);
    }     
    .-print-break-before {
        page-break-before: always;
        break-before: always;
    }
    .-print-disabled +.-cstart1 {
        grid-row: span 2;
    }  
    #desc-sch .pic-frame img, #desc-draw .pic-frame img  {
        max-width: 600px;
    }      
    .block.-print-enabled .field-group {
        transform: scaleY(1);
        transform-origin: top;
        height: auto;
        opacity: 1;
        visibility: visible;
    }    
    .block.-print-enabled {
        margin-top: 0 !important;
    }  
    .model .-grid.-gspan2-3 {
        grid-template-columns: 1fr 2fr;
    }
    #doc-group-list a::after {
        display: block;
        content: attr(href);
        color: var(--c-main);
    }
    label input:checked +span:after {
        width: 0.5rem;
        height: 0.5rem;
    }    
    .chart .field-group-note {
        text-align: left;
    }
}

label .i-electro {
    width: 1.0625rem;
    height: 1.375rem;
    left: -0.25rem;
}

label .i-water {
    width: 1.0625rem;
    height: 1.375rem;
}

label .i-hybrid {
    width: 1.625rem;
    height: 1.375rem;
    left: -0.375rem;
    top: -0.125rem;
}

.result-status {
    color: var( --c-warn);
    font-weight: 400;    
}

.ctext + .block.wrapped, .ctext + .block.unwrapped {
    margin-top: 1.75rem !important;
}

input[name*="VAVnz"] + .subprompt {
    min-width: 3rem;
}

body.waiting, body.waiting * {
  cursor: progress !important;
}

.help-block .ctext, .help-balloon .ctext  {
    font: inherit;
}

.corrected {
    border-color: var(--c-warn) !important; 
}