.zoomInOn,
.zoomInOff,
.zoomOutOn,
.zoomOutOff,
.fullscreen {
    width: 34px;
    height: 34px;
    display: block;
    position: absolute;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.zoomInOn,
.zoomInOff {
    background-image: url(../images/second/plus-square-fill@3x.png);
    /* background-image: url(../images/plus-square-fill@2x.png); */
    background-size: 28px 28px;
    background-repeat: no-repeat;
    /* top: 30px;
    right: 10px; */
    top: 16px ;
    right: 4px;
    visibility: unset !important;
}

.zoomOutOn,
.zoomOutOff {
    background-image: url(../images/second/minus-square-fill@3x.png);
    /* background-image: url(../images/plus-square-fill.png); */
    background-size: 28px 28px;
    background-repeat: no-repeat;
    /* top: 72px;
    right: 10px; */
    top: 49px ;
    right: 4px ;
    visibility: unset !important;
}

.zoomInOn,
.zoomOutOn {
    opacity: 1;
    cursor: pointer
}

.zoomInOff,
.zoomOutOff {
    opacity: .3;
    cursor: auto
}

.fullscreen {
    background-image: url(../assets/fullscreen_on.png);
    top: 94px;
    right: 10px;
    cursor: pointer
}

:-webkit-full-screen .fullscreen {
    background-image: url(../assets/fullscreen_off.png)
}

:-moz-full-screen .fullscreen {
    background-image: url(../assets/fullscreen_off.png)
}

:-ms-fullscreen .fullscreen {
    background-image: url(../assets/fullscreen_off.png)
}

:full-screen .fullscreen {
    background-image: url(../assets/fullscreen_off.png)
}

:fullscreen .fullscreen {
    background-image: url(../assets/fullscreen_off.png)
}

:-webkit-full-screen {
    width: 100%;
    height: 100%
}

:-moz-full-screen {
    width: 100%;
    height: 100%
}

:-ms-fullscreen {
    width: 100%;
    height: 100%
}

:full-screen {
    width: 100%;
    height: 100%
}

:fullscreen {
    width: 100%;
    height: 100%
}

.fullscreenDivBg {
    background: #000000
}