@charset "utf-8";

.mainscene{
    margin-top: 8px;
    width: 384px;
    height: 488px;
}

.specimenWindow{
    margin-top: 8px;
    background: white;
    width: 315px;
    height: 252px;
    border: 2px solid #000;
    display: inline-block;
    position: relative;

    -webkit-appearance: none;
}
#container3D{
    position:absolute;
    left: 0;
    top: 0;
    width: inherit;
    height: inherit;
}
.diagramTextWhite{
    display: block;
}

.controlPanelText{
    width: 100%;
}
.controlBack{
    margin: 5px 3px;
}

.slider{
    display: inline-block;
    position: relative;
    width: 136px;
}

#waveColorBtn{
    display: inline-block;
    position: relative;
    width: 136px;
}

.controlBackContainer{
    margin-bottom: 8px;
}

#equationReadOut{
    margin-top: 10px;
    width: 100%;
    display: block;
}


#headsUpContainer {
    position: absolute;
    width: 140px;
    left: 0;
    top: 193px;
    z-index:1;
    pointer-events: none
}
#specColor{
    position: absolute;
    text-align: left;
    width: inherit;
    left: 4px;
    top: 4px;
}
#eVector {
    position: absolute;
    left: 28px;
    top: 22px;
}
#mVector{
    position: absolute;
    left: 28px;
    top: 40px;
}
#vLineCanvas{
    position:absolute;
    width: 127px;
    height: 70px;
    left:0; top:0;
    pointer-events: none
}


.controlText2{
    color: #134E7B;
    font: bold 11px/1 Arial;
    text-align: center;
    position: relative;
    display: block;
    margin-bottom: 5px;
    text-shadow: 0 0 2px rgba(73, 92, 123, 0.5);
}