.viewPort {
    width: 100%;
    height: 400px;
    border: 1px dotted red;
    background: black; /* Óïðàâëåíèå öâåòîì ñöåíû black || white*/
    position: relative;
    /*background: black;*/
}


.leftimg {
  float: left;
  margin: 7px 20px 7px 7px;
}

.rightimg {
    float: left;
    margin: 7px 0 7px 7px;
}

.svgText {
    font-size: 12px;
    fill: greenyellow;
    font-family: monospace;
}

.panelLeft {
    position: absolute;
    right: 0;
    top: 20px;
    display: inline-block;
    cursor: default;
}
.colormap {
    float: right;
    width: 60px;
}
.scale {
    display: inline;
    width: 60px;
}

.show {
    visibility: hidden;
    color: greenyellow;
}

.units,
.value,
.buttonsPanel {
    font-family: monospace;
    position: absolute;
    cursor: default;
}

.units {
    right: 5px;
    top: 0;
}


.value {
    left: 5px;
    top: 0;
}

.buttonsPanel {
    left: 10px;
    bottom: 10px;
}

object {
    pointer-events: none;
}

.buttons {
    margin-right: 20px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 300;
    float: left;
}

.buttonShowAll {
    margin-right: 10px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    z-index: 300;
    float: left;

    font-size: 16px;

}

.imageButton {
    width: 20px;
    height: 20px;
    stroke: red;
    fill: red;
}

:-webkit-full-screen {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin: 0;
}

.greeting {
    position: absolute; 
    text-align: center;
    width: 100%;
    height: 0%;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 51;

    color: white;
    text-shadow:
               -1px -1px 0 #000,
               1px -1px 0 #000,
               -1px 1px 0 #000,
               1px 1px 0 #000;

    -webkit-animation: shake 1.7s linear alternate infinite;
    animation: shake 1.7s linear alternate infinite;
}

.preView {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
}

.load3D {
    z-index: 10;
    position: absolute;
    text-align: center;
    width: 300px;
    height: 50px;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.8;
}

@-webkit-keyframes shake {
    100% {
        -webkit-transform: translateX(-10px);    
    }
}
@keyframes shake {
    100% {
        transform: translateX(-10px);    
    }
}

.forBim {
    background: lightgrey;
    height: 600px;
}