.Mathesio3DApp { /* Plugin-specific css */ /** Styles of GUI shared between application and plugin */ /** Returns value without unit */ /** Returns value with unit or "0" if 0 */ /** Sets child (reference) rule based on parent element rule Allows to set child styles based on parent class using "&" reference */ /** Returns value without unit */ /** Returns value with unit or "0" if 0 */ /** Sets child (reference) rule based on parent element rule Allows to set child styles based on parent class using "&" reference */ /** Returns value without unit */ /** Returns value with unit or "0" if 0 */ /** Sets child (reference) rule based on parent element rule Allows to set child styles based on parent class using "&" reference */ /** Returns value without unit */ /** Returns value with unit or "0" if 0 */ /** Sets child (reference) rule based on parent element rule Allows to set child styles based on parent class using "&" reference */ /** 0, 0 is top left */ }

.Mathesio3DApp { position: relative; }

.Mathesio3DApp .App3D-gui { position: absolute; top: 0; left: 0; width: 100%; }

.Mathesio3DApp button, .Mathesio3DApp input, .Mathesio3DApp optgroup, .Mathesio3DApp select, .Mathesio3DApp textarea { font-family: "FrutigerLTW02-45Light", Arial, Helvetica, sans-serif; }

.Mathesio3DApp .btn-brand { background: #e30613; }

.Mathesio3DApp .view3dCont { width: 100%; height: 100%; overflow: hidden; margin: 0 auto; }

#App3D-container.keep-ratio .Mathesio3DApp .view3dCont { max-width: 100vh; max-height: 100vw; position: relative; }

@media screen and (max-aspect-ratio: 1 / 1) { #App3D-container.keep-ratio .Mathesio3DApp .view3dCont { width: 100%; height: auto; } }

@media screen and (min-aspect-ratio: 1 / 1) { #App3D-container.keep-ratio .Mathesio3DApp .view3dCont { height: 100vh; width: 100vh; } }

.Mathesio3DApp .App3D-view { height: 100%; left: 0; cursor: move; }

.Mathesio3DApp .App3D-view canvas { width: 100%; height: 100%; }

#App3D-container.fullscreen .Mathesio3DApp .App3D-view { width: 100%; }

#App3D-container.keep-ratio .Mathesio3DApp .App3D-view { width: 0; padding-right: 100%; }

@media screen and (max-aspect-ratio: 1 / 1) { #App3D-container.keep-ratio .Mathesio3DApp .App3D-view { width: 100%; height: 0; padding-right: 0; padding-bottom: 100%; } }

.Mathesio3DApp #screenshotModal #screenshot-sending { display: none; }

.Mathesio3DApp #screenshotModal.sending #screenshot-send { display: none; }

.Mathesio3DApp #screenshotModal.sending #screenshot-sending { display: block; }

.Mathesio3DApp #screenshotStack { position: relative; width: 100%; }

.Mathesio3DApp #screenshotStack img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

.Mathesio3DApp #screenshotStack img#screenshotRender { z-index: 5; }

.Mathesio3DApp #screenshotStack img#screenshotVideo { z-index: 4; }

.Mathesio3DApp fieldset#property-listing { position: absolute; top: 50px; left: 0; width: auto; }

#App3D-gui.no-model-select .Mathesio3DApp fieldset#property-listing { top: 0px; }

.controll-position-right .Mathesio3DApp fieldset#property-listing { left: auto; right: 0; }

.controll-position-right .Mathesio3DApp fieldset#property-listing > legend { text-align: right; }

.Mathesio3DApp fieldset#property-listing.open { width: 100%; max-width: 400px; }

.Mathesio3DApp fieldset#property-listing > legend button { font-size: 30px; }

.Mathesio3DApp fieldset#property-listing .fs-content { background: #ffffff; }

.Mathesio3DApp fieldset.product-property { height: 49px; box-sizing: content-box; /** Returns value without unit */ /** Returns value with unit or "0" if 0 */ /** Sets child (reference) rule based on parent element rule Allows to set child styles based on parent class using "&" reference */ }

.Mathesio3DApp fieldset.product-property.open { height: auto; }

.Mathesio3DApp fieldset.product-property.disabled { -webkit-transition: opacity 0.35s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out false; display: none; }

.Mathesio3DApp fieldset.product-property legend, .Mathesio3DApp fieldset.product-property label, .Mathesio3DApp fieldset.product-property span.group-label { clear: both; margin: 1px 0 0 0; padding: 9px 9px; width: 100%; cursor: pointer; border: none; font-weight: normal; line-height: 31px; font-size: 1.1rem; }

.Mathesio3DApp fieldset.product-property legend, .Mathesio3DApp fieldset.product-property span.group-label { display: block; }

.Mathesio3DApp fieldset.product-property ul { list-style: none; padding: 0; margin: 0; }

.Mathesio3DApp fieldset.product-property ul li { position: relative; box-sizing: border-box; }

.Mathesio3DApp fieldset.product-property ul li span.price { float: right; }

.Mathesio3DApp fieldset.product-property legend { background: #e30613; color: #ffffff; }

.Mathesio3DApp fieldset.product-property span.group-label { background: #3e5660; color: #ffffff; margin-bottom: 0; }

.Mathesio3DApp fieldset.product-property label { background: #f6f6f6; }

.Mathesio3DApp fieldset.product-property .product-property-options li:not(.option-group) label { padding-left: 14px; box-sizing: border-box; }

.Mathesio3DApp fieldset.product-property .product-property-options li:not(.option-group):hover { -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; z-index: 10; z-index: 10; }

.Mathesio3DApp fieldset.product-property .product-property-options li:not(.option-group).active label { padding-left: 9px; border-left: 5px solid #e30613; }

.Mathesio3DApp fieldset.product-property > .product-property-options, .Mathesio3DApp fieldset.product-property li.option-group > .product-property-options { display: block; overflow: hidden; opacity: 0; max-height: 0; }

.Mathesio3DApp fieldset.product-property li.option-group.open > .product-property-options, .Mathesio3DApp fieldset.product-property.open > .product-property-options { -webkit-transition: opacity 0.35s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out false; max-height: 1000px; opacity: 1; padding-bottom: 4.5px; }

.Mathesio3DApp fieldset.product-property li.option-group.open > span.group-label { border-color: #e30613; }

.Mathesio3DApp fieldset.product-property input.property { margin-right: 9px; }

.Mathesio3DApp fieldset.product-property.property-material ul ul.product-property-options { height: auto; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) { position: relative; display: block; float: left; height: auto; z-index: 2; border: none; width: 16.66667%; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group).active label { border: none; padding-left: 0; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group).active label img { border-color: #e30613; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label { padding: 0 0 100%; height: 0; margin: 0; z-index: 1; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label, .Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label img { left: 0; top: 0; width: 100%; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; height: auto; z-index: 0; border: 5px solid #ffffff; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label input { position: absolute; left: 3px; bottom: 3px; }

.Mathesio3DApp fieldset.product-property.product-property-previews label { display: block; }

.Mathesio3DApp fieldset.product-property.product-property-scroll { position: relative; padding: 0 64px; width: 128px; height: 128px; background: #e30613; border-radius: 0; overflow: hidden; margin-bottom: 9px; }

.Mathesio3DApp fieldset.product-property.product-property-scroll:last-child { margin-bottom: 0; }

.Mathesio3DApp fieldset.product-property.product-property-scroll ul.product-property-icon { position: relative; overflow: hidden; width: 100%; height: 100%; }

.Mathesio3DApp fieldset.product-property.product-property-scroll ul.product-property-icon li { position: absolute; left: 0; top: 0; display: none; width: 128px; height: 128px; }

.Mathesio3DApp fieldset.product-property.product-property-scroll ul.product-property-icon li.active { display: block; }

.Mathesio3DApp fieldset.product-property.product-property-scroll ul.product-property-icon li input { position: absolute; top: -20px; right: 0; }

.Mathesio3DApp fieldset.product-property.product-property-scroll ul.product-property-icon li label { display: block; padding: 0; background: #e30613; }

.Mathesio3DApp fieldset.product-property.product-property-scroll ul.product-property-icon li img { width: 100%; height: 100%; }

.Mathesio3DApp fieldset.product-property.product-property-scroll .btn-change { position: absolute; box-sizing: content-box; padding: 0; top: 0; width: 64px; height: 100%; background: transparent; border: none; z-index: 1; font-size: 2em; }

.Mathesio3DApp fieldset.product-property.product-property-scroll .btn-change:focus { box-shadow: none; }

.Mathesio3DApp fieldset.product-property.product-property-scroll .btn-change:hover span.fa { background: #b1050f; width: 100%; height: 100%; line-height: 128px; }

.Mathesio3DApp fieldset.product-property.product-property-scroll .btn-change:first-child { left: 0; padding-right: 64px; }

.Mathesio3DApp fieldset.product-property.product-property-scroll .btn-change:last-child { right: 0; padding-left: 64px; }

.Mathesio3DApp fieldset.product-property div.color-picker { border: none; background: transparent; box-shadow: none; box-sizing: border-box; width: 400px; height: 400px; }

.Mathesio3DApp fieldset.product-property.property-material ul ul.product-property-options { height: auto; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) { position: relative; display: block; float: left; height: auto; z-index: 2; border: none; width: 16.66667%; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group).active label { border: none; padding-left: 0; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group).active label img { border-color: #e30613; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label { padding: 0 0 100%; height: 0; margin: 0; z-index: 1; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label, .Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label img { left: 0; top: 0; width: 100%; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label img { position: absolute; height: auto; z-index: 0; border: 5px solid #ffffff; }

.Mathesio3DApp fieldset.product-property.property-material li:not(.option-group) label input { position: absolute; left: 3px; bottom: 3px; }

.Mathesio3DApp fieldset.fs-toggle { position: absolute; top: 0px; left: 0; padding: 0; z-index: 5; }

.controll-position-right .Mathesio3DApp fieldset.fs-toggle { left: auto; right: 0; }

.controll-position-right .Mathesio3DApp fieldset.fs-toggle > legend { text-align: right; }

.Mathesio3DApp fieldset.fs-toggle > legend { display: block; border: none; margin: 0; }

.Mathesio3DApp fieldset.fs-toggle > legend button { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; height: 40px; padding: 9px; box-sizing: border-box; line-height: 22px; }

.Mathesio3DApp fieldset.fs-toggle > legend button img { width: auto; height: 100%; vertical-align: top; }

.Mathesio3DApp fieldset.fs-toggle > legend button span.label { line-height: 22px; font-size: 1rem; display: none; vertical-align: bottom; }

.Mathesio3DApp fieldset.fs-toggle div.fs-content { opacity: 0; -webkit-transition: opacity 0.35s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out false; width: 0; height: 0; display: block; overflow: hidden; }

.Mathesio3DApp fieldset.fs-toggle.open { z-index: 6; }

.Mathesio3DApp fieldset.fs-toggle.open div.fs-content { overflow: visible; -webkit-transition: opacity 0.35s ease-in-out; -webkit-transition-delay: 0s; -moz-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease-in-out false; opacity: 1; width: auto; height: auto; }

.Mathesio3DApp fieldset.fs-toggle.expand.open > legend button, .Mathesio3DApp fieldset.fs-toggle.expand > legend:hover button { padding-left: 40px; position: relative; width: auto; }

.Mathesio3DApp fieldset.fs-toggle.expand.open > legend button img, .Mathesio3DApp fieldset.fs-toggle.expand > legend:hover button img { position: absolute; left: 9px; top: 9px; height: 22px; }

.Mathesio3DApp fieldset.fs-toggle.expand.open > legend button span.label, .Mathesio3DApp fieldset.fs-toggle.expand > legend:hover button span.label { display: inline-block; }

.Mathesio3DApp button.fs-toggle { border: none; cursor: pointer; background: #e30613; color: #ffffff; }

.Mathesio3DApp button.fs-toggle.pulse { animation: pulse-b1050f-f9232f 2.5s infinite; }

@keyframes pulse-b1050f-f9232f { 0%, 100% { -webkit-box-shadow: 0 0 10px #ffffff;
    -moz-box-shadow: 0 0 10px #ffffff;
    box-shadow: 0 0 10px #ffffff;
    background-color: #b1050f; }
  50% { -webkit-box-shadow: 0 0 10px #f9232f;
    -moz-box-shadow: 0 0 10px #f9232f;
    box-shadow: 0 0 10px #f9232f;
    background-color: #f9232f; } }

.Mathesio3DApp ul.icon-panel span.icon { display: block; width: 128px; height: 128px; padding: 3px; }

@media screen and (max-width: 920px), screen and (max-height: 920px) { .Mathesio3DApp ul.icon-panel span.icon { width: 102.4px; height: 102.4px; padding: 2.4px; } }

@media screen and (max-width: 800px), screen and (max-height: 800px) { .Mathesio3DApp ul.icon-panel span.icon { width: 76.8px; height: 76.8px; padding: 1.8px; } }

@media screen and (max-width: 550px), screen and (max-height: 550px) { .Mathesio3DApp ul.icon-panel span.icon { width: 51.2px; height: 51.2px; padding: 1.2px; } }

.Mathesio3DApp ul.icon-panel span.icon img { width: 100%; height: 100%; }

.Mathesio3DApp ul.icon-panel li { background: #ffffff; }

.Mathesio3DApp ul.icon-panel li .preview { width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; display: inline-block; }

.Mathesio3DApp ul.icon-panel li.active label { border-color: #e30613; }

.Mathesio3DApp ul.item-select { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

.Mathesio3DApp ul.item-select li { position: relative; display: block; padding: 0; z-index: 2; width: 128px; height: 128px; }

@media screen and (max-width: 920px), screen and (max-height: 920px) { .Mathesio3DApp ul.item-select li { width: 102.4px; height: 102.4px; } }

@media screen and (max-width: 800px), screen and (max-height: 800px) { .Mathesio3DApp ul.item-select li { width: 76.8px; height: 76.8px; } }

@media screen and (max-width: 550px), screen and (max-height: 550px) { .Mathesio3DApp ul.item-select li { width: 51.2px; height: 51.2px; } }

.Mathesio3DApp ul.item-select li span.preview { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); }

.Mathesio3DApp ul.item-select li:hover { -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; z-index: 10; }

.Mathesio3DApp ul.item-select li label { display: block; cursor: pointer; width: 100%; height: 100%; margin: 0; padding: 0; color: #000000; position: relative; text-align: center; }

.Mathesio3DApp ul.item-select li label input { position: absolute; bottom: 6px; left: 6px; }

@media screen and (max-width: 920px), screen and (max-height: 920px) { .Mathesio3DApp ul.item-select li label input { bottom: 4.8px; left: 4.8px; } }

@media screen and (max-width: 800px), screen and (max-height: 800px) { .Mathesio3DApp ul.item-select li label input { bottom: 3.6px; left: 3.6px; } }

@media screen and (max-width: 550px), screen and (max-height: 550px) { .Mathesio3DApp ul.item-select li label input { bottom: 2.4px; left: 2.4px; } }

.Mathesio3DApp ul.item-select li.active label { padding-bottom: 0; border-bottom: 5px solid #e30613; }

.Mathesio3DApp .ico { display: block; background: transparent url("../img/ctl/icons.png") 0 0 no-repeat; background-image: none, url("../img/ctl/icons.svg"); width: 64px; height: 64px; background-size: 256px 256px; }

.Mathesio3DApp .ico.inverse { background: transparent url("../img/ctl/icons-inv.png") 0 0 no-repeat; background-image: none, url("../img/ctl/icons-inv.svg"); }

.Mathesio3DApp .ico.ico-screenshot { background-position: 0 -64px; }

.Mathesio3DApp .ico.ico-plus { background-position: 0 -128px; }

.Mathesio3DApp .ico.ico-minus { background-position: 0 -192px; }

.Mathesio3DApp .ico.ico-marker { background-position: 0 0; }

.Mathesio3DApp .ico.ico-ar { background-position: -64px 0; }

.Mathesio3DApp .ico.ico-3d { background-position: -64px -64px; }

.Mathesio3DApp .ico.inverse { background-size: 256px 256px; }

.Mathesio3DApp button.no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.Mathesio3DApp button.btn-icon { padding: 0; }

.Mathesio3DApp .ctl-zoom { position: absolute; top: 5px; right: 5px; border: solid transparent; background: rgba(0, 0, 0, 0.2); display: block; box-sizing: content-box; width: 50px; height: 105px; border-width: 5px; border-radius: 30px; }

.Mathesio3DApp .ctl-zoom button { padding: 0; left: 0; border: none; line-height: 1000px; overflow: hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.Mathesio3DApp .ctl-zoom button, .Mathesio3DApp .ctl-zoom button .ico { display: block; position: absolute; }

.Mathesio3DApp .ctl-zoom button.pressed { box-shadow: 0 0 5px rgba(227, 6, 19, 0.8); }

.Mathesio3DApp .ctl-zoom button.zoom-in { top: 0; }

.Mathesio3DApp .ctl-zoom button.zoom-out { bottom: 0; }

.Mathesio3DApp .ctl-zoom button { width: 50px; height: 50px; border-radius: 25px; }

.Mathesio3DApp .ctl-zoom button .ico { width: 64px; height: 64px; background-size: 120px 120px; top: 10px; left: 10px; }

.Mathesio3DApp .ctl-zoom button .ico.ico-screenshot { background-position: 0 -30px; }

.Mathesio3DApp .ctl-zoom button .ico.ico-plus { background-position: 0 -60px; }

.Mathesio3DApp .ctl-zoom button .ico.ico-minus { background-position: 0 -90px; }

.Mathesio3DApp .ctl-zoom button .ico.ico-marker { background-position: 0 0; }

.Mathesio3DApp .ctl-zoom button .ico.ico-ar { background-position: -30px 0; }

.Mathesio3DApp .ctl-zoom button .ico.ico-3d { background-position: -30px -30px; }

.Mathesio3DApp .ctl-zoom button .ico.inverse { background-size: 120px 120px; }

.Mathesio3DApp fieldset#ctl-buttons { position: absolute; top: 0px; left: 0; }

.Mathesio3DApp fieldset#ctl-buttons .btn { padding: -12px; clear: both; float: left; margin-bottom: 10px; width: 40px; height: 40px; border: none; }

.Mathesio3DApp .loadProgress { z-index: 1; display: flex; flex-wrap: wrap; width: 100%; position: absolute; bottom: 50%; margin: 0 0 -1.5rem 0; left: 0; height: 3rem; }

.Mathesio3DApp .loadProgress div.progress { max-width: 500px; width: 100%; background: #fff; padding: 1rem; height: 3rem; -webkit-box-shadow: 0px 0px 5px #333333; -moz-box-shadow: 0px 0px 5px #333333; box-shadow: 0px 0px 5px #333333; }

/*# sourceMappingURL=plugin-gui-nobs.css.map */