:root{--hlc-primary-color: #DD1E36}.page-handler-heatloss{padding-top:1rem;padding-bottom:1rem}.section-heat-calculator{width:100%}.mainframe{background-color:#ccc;margin:auto;width:100%}.flexbox{display:flex;flex-wrap:wrap}.leftframe,.rightframe{box-sizing:border-box;float:left;width:50%}.rightframe{background-color:#b5b5b5}.lfinner,.rfinner,.topbar{margin:1em}.clearbox{clear:left;height:.4em;width:100%}.header-hc{background-color:var(--hlc-primary-color);padding:1em 0;position:relative;text-align:center;z-index:1}.header-hc h1,.header-hc h2{margin:0;color:#fff}.logo-hc{margin:0 auto .5em;max-width:300px}.heatloss-calculator-form{max-width:100%}.inline-field{display:flex;flex-wrap:wrap;margin-bottom:5px}.sub-columns{box-sizing:border-box;float:left;width:50%}.required-field{display:flex;flex-direction:column}.sub-columns:not(:first-child){align-items:flex-start;display:flex}.sub-columns:not(:first-child) .required-field{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.sub-columns:not(:first-child) .unit{align-self:flex-start;flex:0 0 auto;margin-left:2%;margin-top:0;max-width:110px;width:auto}.sub-columns select:not(.unit){width:100%}.mainframe-wrapper input[type=text],.mainframe-wrapper input[type=number],.mainframe-wrapper select{border:1px solid #767676;background-color:#fff;box-sizing:border-box;font-size:14px;height:28px;line-height:18px;margin:0;max-width:300px!important;padding:5px 20px 5px 10px;text-align:left;vertical-align:middle;width:100%}.mainframe-wrapper .unit{height:28px;line-height:18px;padding:5px 20px 5px 10px;vertical-align:middle}.mainframe-wrapper input[type=text].error,.mainframe-wrapper input[type=number].error,.mainframe-wrapper select.error{border:2px solid #d32f2f}.mainframe-wrapper input#name{margin-right:2em}.mainframe-wrapper input.project{max-width:300px}.mainframe-wrapper .unit,.unit{margin-left:2%;max-width:110px;min-width:80px;text-align:center;width:auto}.measure select{max-width:110px;text-align:left}.details{width:100%}.topbar label{margin-right:5px}.topbar label span{line-height:28px}.topbar input{margin:1em}.printbtn{background-color:var(--hlc-primary-color);border:none;color:#fff;cursor:pointer;float:right;font-size:16px;margin:1rem;padding:.75em 1.5em}.error-control{display:none}.error-box{align-items:center;background-color:#ffebee;border:1px solid #f44336;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:1em;padding:1em}.error-box .error-message{color:#d32f2f;font-weight:700;margin:20px}.error-box .close-btn{margin-left:auto}.error-box .close-btn button{background-color:#f44336;border:none;color:#fff;cursor:pointer;padding:.5em 1em}.error-container{box-sizing:border-box;clear:both;display:none;margin-left:0;padding-left:50%;text-align:left;width:100%}.sub-columns .error-container{padding-left:0}.error-label{color:#d32f2f;display:block;font-size:.875em;font-weight:400;white-space:pre-line}.geometry-control,#geometry-fields{display:none}.other{margin-top:10px}#vessel-content-custom-fields,#vessel-material-custom-fields{background-color:#f5f5f5;border:1px solid #ddd;display:none;margin-top:10px;padding:10px}#insulation-fields{display:none;margin-top:10px}.bf{background-color:gray;margin:0;width:100%}.bfframe{color:#fff;padding:1.4em 1em}.blockfoot{display:flex;flex-wrap:wrap;gap:1em;justify-content:space-between}.quarters{color:#ccc;flex:1 1 auto;font-weight:700;min-width:0;overflow-wrap:break-word;text-align:center;word-wrap:break-word}.v{color:#fff}.fill-percentage{display:flex;justify-content:space-around;width:100%}.marker{margin-bottom:.5em}.marker span{display:inline-block}.dot{background-color:#fff;display:inline-block;height:4px;width:100%}.red{background-color:#dc143c}.green{background-color:#228b22}.printname{display:none}#calculator-loader{align-items:center;background-color:#00000080;display:none;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid var(--hlc-primary-color);height:50px;width:50px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-width:900px){.flexbox{flex-direction:column}.leftframe,.rightframe{clear:both;float:none;padding-top:1em;width:100%}.rightframe{margin-top:1em}}@media screen and (max-width:768px){.mainframe-wrapper{font-size:16px;padding:0}.mainframe{margin:0;width:100%}.mainframe-wrapper form{font-size:14px}.header-hc{padding:.75em 0}.header-hc h2{font-size:1.25em}.logo-hc{max-width:200px}.inline-field{flex-direction:column;margin-bottom:1em}.sub-columns{float:none;margin-bottom:.5em;width:100%}.sub-columns:first-child{margin-bottom:.25em}.sub-columns .label{display:block;margin-bottom:.25em}.sub-columns:not(:first-child){align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em}.sub-columns:not(:first-child) .required-field{flex:1 1 auto;min-width:0}.sub-columns:not(:first-child) .unit{flex:0 0 auto;margin-left:0;margin-top:0;max-width:120px;min-width:100px;width:auto}.sub-columns .required-field{width:100%}.sub-columns .details{display:inline-block}.mainframe-wrapper input[type=text],.mainframe-wrapper input[type=number],.mainframe-wrapper select{max-width:100%;width:100%}.unit{margin-left:0;margin-top:.25em;max-width:100%;width:100%}.topbar{flex-direction:column}.topbar input{margin:.5em 0;width:100%}.mainframe-wrapper input#name{margin-right:0}.printbtn{float:none;margin:1rem 0;text-align:center;width:100%}.blockfoot{flex-direction:column;gap:1.5em}.quarters{border-bottom:1px solid rgba(255,255,255,.2);padding:.5em 0;width:100%}.quarters:last-child{border-bottom:none}.bfframe{padding:1em}.error-container{flex-basis:100%;margin-left:0;padding-left:0;text-align:left;width:100%}.lfinner,.rfinner{margin:.75em}.section{margin-bottom:1em}}@media screen and (max-width:600px){.desc,.descr{float:none;width:100%}.mainframe{margin:0}.lfinner,.rfinner{margin:.5em}.header-hc{padding:.5em}.header-hc h2{font-size:1.1em;line-height:1.2;padding:0}.logo-hc{margin-bottom:.25em;max-width:150px}.mainframe-wrapper input[type=text],.mainframe-wrapper input[type=number],.mainframe-wrapper select{font-size:16px;height:auto;line-height:1.5;min-height:44px;padding:8px 12px}.mainframe-wrapper .unit{height:auto;line-height:1.5;min-height:44px}}@media print{#print-container{height:auto!important;position:static!important;width:100%!important}#print-container .mainframe-wrapper{position:static!important;width:100%!important}body{background-color:#fff;color:#000;margin:0;padding:0}.header-hc{padding:0}.printname{display:block;margin-bottom:5px}.heatloss-calculator-form{max-width:100%}.flexbox{display:block}.leftframe,.rightframe{background-color:transparent;float:none;width:100%}.printbtn,.logo-hc,.marker{display:none!important}.clearbox{height:.2em}.bfframe{padding:.2em}select,input{border:1px solid #9E9E9E;padding-bottom:3px;padding-top:3px}.mainframe,.mainframe span,.mainframe input,.mainframe select{font-size:12px!important}.inline-field{margin-bottom:1px}.error-control,.error-container,#calculator-loader{display:none!important}.bf,.bfframe,.blockfoot,.quarters{-webkit-print-color-adjust:exact;background-color:#666!important;print-color-adjust:exact}.mainframe{background-color:#fff;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/heat-loss-calculator.css.map */