/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 28, 2019, 9:38:06 AM
    Author     : ciglansky
*/

/** Global Styles from style.css */

/**** end of global styles */
.cad-viewer-wrap {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.cvw-cta-wrap {
    z-index: 2;
}

.cvw-image-wrap {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}

.cv-help-wrap {
    margin: auto;
    width: 500px;
    height: 400px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    margin: auto;
    z-index: 5;
}

.webglviewer {
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    border: 0px;
    padding: 0px;
}

.webglviewer-with-box-shadow {
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    border: 0px;
    padding: 0px;
}

.cvw-viewer-ui {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.cvw-menu {
    /*z-index: 200;*/
    pointer-events: all;
}
/* Set background for 2D views SVG transparent */
.cvw-svg-wrap svg > rect, .cvw-svg-wrap svg > g > rect {
    fill: rgba(255, 255, 255, 0);
}

.cv-visible {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear;
}

.cv-hidden {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
}

.notloaded {
    display: none;
}

.controlpanel {
    width: 100%;
    height: 100%;
    color: rgb(255,255,255);
    padding: 0.5rem
}
    .controlpanel > div {
        padding: 0.1em 0.1em 0.1em 0.1em
    }

.inline-hidden {
    display: none;
}

.cvw-viewer-ui .disabled {
    display: none;
}

.cvw-svg-wrap {
    position: absolute;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.cvw-views2d {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
}

.ci-link span {
    bottom: -2.5em;
}

.cvm-help-overlap {
    width: 600px;
    height: 600px;
    right: 100px;
}

.cvm-help-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999;
}

.active .cvm-help-wrapper {
    display: block;
}

.cvm-help-panel {
    display: flex;
}
.cvm-help-wrapper.dark-bg {
    background-color: rgba(0, 51, 77, 0.96);
}