div.color-sample {
width:30px;
height:20px;
display:inline-block;
vertical-align: middle;
margin-right:3px;
}
ul.p3dlite-list {
list-style-type:none;
margin-left:0
}
ul.p3dlite-list li {
cursor:pointer;
display:block;
}
ul.p3dlite-list li:hover {
background-color:#e2e2e2
}
#tab-description h2 {
display:none
}
div.printer-selector {
float:left;
margin-top:10px;
margin-bottom:10px;
width:100%
}
div.filament-selector {
float:left;
width:100%
}
div.p3dlite-info {
float:left;
margin-bottom:5px;
width:100%;
white-space: normal;
}
#p3dlite-viewer {
float:left;
position:relative;
width:100%
}
#p3dlite-container {
float:left;
width:100%
}
#p3dlite-console {
display:none;
width:100%
}
#p3dlite-filelist {
float:left;
width:100%
}
#p3dlite-stl-info {
float:left;
width:100%
}
#p3dlite-weight {
float:left;
width:100%
}
#p3dlite-price {
float:left;
width:100%
}
#p3dlite-viewer {
width:100%
}
fieldset.p3dlite-fieldset {
border:1px solid;
padding:10px
}
fieldset.p3dlite-fieldset legend {
padding:.2em .5em;
border:1px solid;
font-size:90%;
text-align:left;
width:auto;
}
.p3dlite-canvas-wrapper {
position:relative;
width:100%;
height:100%;
min-height:300px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#p3dlite-file-loading {
position: absolute;
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}
#p3dlite-file-loading img {
width: auto !important;
}
#p3dlite-pickfiles {
width:100%;
white-space:nowrap;
text-align:center;
margin: 0 0 5px;
}
table.p3dlite-stats {
border-collapse:separate;
border-spacing:0;
border-width:1px 0 0 1px;
table-layout:fixed;
display:none;
width:100%
}
table.p3dlite-stats, table.p3dlite-stats th, table.p3dlite-stats td {
border:1px solid rgba(51,51,51,0.1)!important
}
span.p3dlite-mail-success {
color:green
}
span.p3dlite-mail-error {
color:red
}
.price-request-field {
margin-bottom:3px;
width:48%
}
#p3dlite-cv {
width:100%;
border: 1px solid;
}
div.p3dlite-images {
float:left;
width:49%
}
div.p3dlite-details {
float:right;
width:49%;
}
@media screen and (max-width: 768px) {
div.p3dlite-images, div.p3dlite-details { 
float: none;
margin-right:0;
width:auto;
border:0;
border-bottom:2px solid #000;    
}
}
#canvas-stats {
position:absolute;
}
.canvas-stats {
margin:5px;
width:auto;
left:10px;
top:10px;
font:12px Courier New;
color:red;
background:transparent;
white-space:nowrap;
}
#p3d-statistics {
width:100px; 
top:25px; 
}
.p3dlite-control {
display: inline;
height: auto;
margin-right:3px;
vertical-align: middle;
width: auto !important;
}
.p3dlite-dropdown-li {
border: solid 1px !important;
background-color: #fff;
white-space: nowrap;
}
.p3dlite-inactive-dropdown-item {
text-decoration: line-through !important;
}
.p3dlite-inactive-color-item {
display:none !important;
}
ul.p3dlite-colors {
float:left;
list-style: outside none none;
width: 70%;
margin: 0 0 10px;
}
ul.p3dlite-colors li.p3dlite-active div {
border: 2px solid #25b2ce; }
ul.p3dlite-colors li div {
background-size: 22px auto;
border: 2px solid gray;
}
.p3dlite-color-item.p3dlite-active { }
ul.p3dlite-colors li {
float: left;
height: 28px;
padding: 6px;
list-style: outside none none;
}
#p3dlite-model-message {
position:absolute;
width:100%;
float:left;
left:0;
bottom:10px;
background-color: #fff;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";      
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
.p3dlite-model-message {
margin-left:10px;
display:none;
}
#p3dlite-model-message #p3dlite-model-message-upload {
display:block;
cursor:pointer;
margin-bottom: 0;
}
#p3dlite-model-message #p3dlite-model-message-upload-icon {
width:45px;
height:45px;
float:left;
margin-right:5px;
}
#p3dlite-scale-text {
float:left;
width:20%;
}
#p3dlite-scale-slider {
float:left;
width:50%;
margin-top:5px;
}
#p3dlite-scale-input {
float:left;
width:30%; 
white-space: nowrap;
}
#p3dlite-slider-range-value {
width:3em;
height:30px;
padding:0;
margin-left:15px;
}
#scale_x, #scale_y, #scale_z {
width:3em;
height:30px;
padding:0;
margin: 0 3px;
}
#p3dlite-scale-input {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}
#p3dlite-scale-dimensions {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -o-flex;
display: flex;
}
.tooltip_templates {
display: none;
}
.p3d-tooltip-info .p3d-tooltip-image {
display:block;
position:relative;
}
.p3d-tooltip-info .p3d-tooltip-image-full {
max-width:100%;
}
.p3dlite-container {
display: block;
width: 100%;
} .p3dlite-control[type=radio] {
border: none !important;
font-size: initial !important;
position: relative !important;
}
input.p3dlite-control[type=radio]:after {
content: none !important;
}
.p3dlite-tooltip-description {
white-space:pre;
}
.p3d-inactive-group {
display:none !important;
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
input.p3dlite-control[type=radio] {
-webkit-appearance: auto;
-moz-appearance: auto;
}
}@font-face {
font-weight: normal;
font-style: normal;
font-family: 'icomoon';
src:url(//3dbua.no/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.eot);
src:url(//3dbua.no/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.eot?#iefix) format('embedded-opentype'),
url(//3dbua.no/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.ttf) format('truetype'),
url(//3dbua.no/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.woff) format('woff'),
url(//3dbua.no/wp-content/plugins/3dprint-lite/includes/ext/ProgressButtonStyles/fonts/icomoon/icomoon.svg#icomoon) format('svg');
} .progress-button {
position: relative;
display: inline-block;
padding: 0 60px;
outline: none;
border: none;  text-transform: uppercase;
letter-spacing: 1px;
font-size: 1em;
line-height: 4 !important;
}
.progress-button[disabled],
.progress-button[disabled].state-loading {
cursor: default;
}
.progress-button .content {
position: relative;
display: block;
}
.progress-button .content::before,
.progress-button .content::after  {
position: absolute;
right: 20px; font-family: "icomoon";
opacity: 0;
-webkit-transition: opacity 0.3s 0.3s;
transition: opacity 0.3s 0.3s;
}
.progress-button .content::before {
content: "\e600"; }
.progress-button .content::after {
content: "\e601"; }
.progress-button.state-success .content::before,
.progress-button.state-error .content::after {
opacity: 1;
}
.notransition {
-webkit-transition: none !important;
transition: none !important;
}
.progress-button .progress { }
.progress-button .progress-inner {
position: absolute;
left: 0; }
.progress-button[data-horizontal] .progress-inner {
top: 0;
width: 0;
height: 100%;
-webkit-transition: width 0.3s, opacity 0.3s;
transition: width 0.3s, opacity 0.3s;
}
.progress-button[data-vertical] .progress-inner {
bottom: 0;
width: 100%;
height: 0;
-webkit-transition: height 0.3s, opacity 0.3s;
transition: height 0.3s, opacity 0.3s;
} .progress-button[data-perspective] {
position: relative;
display: inline-block;
padding: 0;
background: transparent;
-webkit-perspective: 900px;
perspective: 900px;
}
.progress-button[data-perspective] .content {
padding: 0 60px; }
.progress-button[data-perspective] .progress-wrap {
display: block;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.progress-button[data-perspective] .content,
.progress-button[data-perspective] .progress {
outline: 1px solid rgba(0,0,0,0); }    .progress-button[data-style="fill"][data-horizontal] {
overflow: hidden;
}
.progress-button[data-style="fill"][data-horizontal] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.progress-button[data-style="fill"][data-horizontal] .content::before,
.progress-button[data-style="fill"][data-horizontal] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="fill"][data-horizontal].state-success .content,
.progress-button[data-style="fill"][data-horizontal].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}  .progress-button[data-style="fill"][data-vertical] {
overflow: hidden;
}
.progress-button[data-style="fill"][data-vertical] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.progress-button[data-style="fill"][data-vertical] .content::before,
.progress-button[data-style="fill"][data-vertical] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="fill"][data-vertical].state-success .content,
.progress-button[data-style="fill"][data-vertical].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}  .progress-button[data-style="shrink"] { overflow: hidden;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="shrink"][data-horizontal] .content {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.progress-button[data-style="shrink"][data-horizontal] .content::before,
.progress-button[data-style="shrink"][data-horizontal] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="shrink"][data-horizontal].state-loading {
-webkit-transform: scaleY(0.3);
transform: scaleY(0.3);
}
.progress-button[data-style="shrink"][data-horizontal].state-loading .content {
opacity: 0;
}
.progress-button[data-style="shrink"][data-horizontal].state-success .content,
.progress-button[data-style="shrink"][data-horizontal].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}  .progress-button[data-style="shrink"][data-vertical] .content {
-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
transition: opacity 0.3s, transform 0.3s;
}
.progress-button[data-style="shrink"][data-vertical] .content::before,
.progress-button[data-style="shrink"][data-vertical] .content::after {
top: 100%;
right: auto;
left: 50%;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.progress-button[data-style="shrink"][data-vertical].state-loading {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
}
.progress-button[data-style="shrink"][data-vertical].state-loading .content {
opacity: 0;
}
.progress-button[data-style="shrink"][data-vertical].state-success .content,
.progress-button[data-style="shrink"][data-vertical].state-error .content {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}  .progress-button[data-style="rotate-angle-bottom"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
box-shadow: 0 -1px 0 #148544; -webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.progress-button[data-style="rotate-angle-bottom"].state-loading .progress-wrap {
-webkit-transform: rotateX(45deg);
transform: rotateX(45deg);
}  .progress-button[data-style="rotate-angle-top"] .progress {
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
box-shadow: 0 1px 0 #148544; -webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.progress-button[data-style="rotate-angle-top"].state-loading .progress-wrap {
-webkit-transform: rotateX(-45deg);
transform: rotateX(-45deg);
}  .progress-button[data-style="rotate-angle-left"] .progress {
position: absolute;
top: 0;
right: 100%;
width: 20px;
height: 100%;
box-shadow: 1px 0 0 #148544; -webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.progress-button[data-style="rotate-angle-left"].state-loading .progress-wrap {
-webkit-transform: rotateY(45deg);
transform: rotateY(45deg);
}  .progress-button[data-style="rotate-angle-right"] .progress {
position: absolute;
top: 0;
left: 100%;
width: 20px;
height: 100%;
box-shadow: -1px 0 0 #148544; -webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.progress-button[data-style="rotate-angle-right"].state-loading .progress-wrap {
-webkit-transform: rotateY(-45deg);
transform: rotateY(-45deg);
}  .progress-button[data-style="rotate-side-down"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 20px;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-side-down"].state-loading .progress-wrap {
-webkit-transform: rotateX(90deg) translateZ(10px);
transform: rotateX(90deg) translateZ(10px);
}  .progress-button[data-style="rotate-side-up"] .progress {
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
-webkit-transform: rotateX(90deg);
transform: rotateX(90deg);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-side-up"].state-loading .progress-wrap {
-webkit-transform: rotateX(-90deg) translateZ(10px);
transform: rotateX(-90deg) translateZ(10px);
}  .progress-button[data-style="rotate-side-left"] .progress-wrap {
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-left"] .progress {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-left"].state-loading .progress-wrap {
-webkit-transform: translateX(50%) rotateY(90deg) translateZ(10px);
transform: translateX(50%) rotateY(90deg) translateZ(10px);
}  .progress-button[data-style="rotate-side-right"] .progress-wrap {
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.progress-button[data-style="rotate-side-right"] .progress {
position: absolute;
top: 0;
left: 100%;
width: 20px;
height: 100%;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.progress-button[data-style="rotate-side-right"].state-loading .progress-wrap {
-webkit-transform: translateX(-50%) rotateY(-90deg) translateZ(10px);
transform: translateX(-50%) rotateY(-90deg) translateZ(10px);
}  .progress-button[data-style="rotate-back"] .progress-wrap {
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.progress-button[data-style="rotate-back"] .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-back"] .progress {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-origin: 50% 0%;
transform-origin: 50% 0%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="rotate-back"].state-loading .progress-wrap {
-webkit-transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
transform: rotateX(180deg) scaleX(0.6) scaleY(0.3);
}  .progress-button[data-style="flip-open"] .content {
z-index: 10;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.progress-button[data-style="flip-open"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.progress-button[data-style="flip-open"].state-loading .content {
-webkit-transform: rotateX(45deg);
transform: rotateX(45deg);
}  .progress-button[data-style="slide-down"] {
padding: 0;
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="slide-down"] .content {
z-index: 10;
padding: 0 60px;
background: #1d9650;
}
.progress-button[data-style="slide-down"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="slide-down"].state-loading .progress {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}  .progress-button[data-style="move-up"] {
padding: 0;
overflow: visible;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.progress-button[data-style="move-up"] .content {
z-index: 10;
padding: 0 60px;
background: #1d9650;
-webkit-transition: -webkit-transform 0.2s;
transition: transform 0.2s;
}
.progress-button[data-style="move-up"] .progress {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.progress-button[data-style="move-up"].state-loading .content {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}  .progress-button[data-style="top-line"] .progress-inner {
height: 3px;
}
.progress-button[data-style="top-line"] .content::before,
.progress-button[data-style="top-line"] .content::after {
right: auto;
left: 100%;
margin-left: 25px;
}  .progress-button[data-style="lateral-lines"] .progress-inner {
width: 100%;
border-right: 3px solid #0e7138;
border-left: 3px solid #0e7138;
background: transparent;
}
.progress-button[data-style="lateral-lines"] .content::before,
.progress-button[data-style="lateral-lines"] .content::after {
right: auto;
left: 100%;
margin-left: 25px;
}