#accessibility-container{
    position: fixed;
    right:0;
    top:50%;  
    z-index: 999;
    margin-right: 16px;
    margin-top: -24px;
}

#accessibility-container>.accessibility-menu{    
    position: absolute;
    top: 0%;
    right: 100%;    
    top: -150%;    
}

#accessibility-container>.accessibility-menu li{
    list-style: none;
}

.accessibility-open{
    background-color: transparent;
    border: none;
    height: 48px;
    width: 48px;
    cursor: pointer;
}

.accessibility-close{
    background-color: transparent;
    border: none;
    height: 48px;
    width: 48px;
    cursor: pointer;
}

.accessibility-menu button{    
    background-color: transparent;
    border: none;   
    height: 48px;
    width: 48px; 
    user-select: none;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none;    
}

.accessibility-menu li{
    height: 48px;
}

.accessibility-menu li img{
    border: 1px solid #fff;
    user-select: none;
    
}

.accessibility-menu #btnAccessibilityZoomIn{
    cursor: zoom-in;
}

.accessibility-menu #btnAccessibilityZoomOut{
    cursor: zoom-out;
}

.accessibility-menu #btnAccessibilityContrast{
    cursor: cell;
}

body.accessibility-contrast #viewerContainer > #viewer > .page > .canvasWrapper > canvas{
    filter: grayscale(1) invert(1);
}

#accessibility-container.show .accessibility-open, #accessibility-container .accessibility-menu, #accessibility-container .accessibility-close{
    display: none;
}

#accessibility-container.show .accessibility-close, #accessibility-container.show .accessibility-menu{
    display: block;
}

.accessibility-menu li.vlibras{
    position: absolute;
    top: 100%;
    margin-top: 1px;
    background-color:#03a9f4;
    border:1px solid #FFF;
    width:48px;
}

.accessibility-menu div[vw]{
    position: relative;
    top: auto;
    left: auto;
    width:auto;
    margin-top: 1px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.accessibility-menu [vw] [vw-access-button]{
    width: auto;
    transform: none !important;
    top: 9px;
    right: 3px;
}

.accessibility-menu [vw] [vw-access-button] .access-button {
    width: 40px;    
    background-color:#fff;
    height: 38px;
}

.accessibility-menu [vw] [vw-plugin-wrapper].active{
    margin-top: -10px;
    margin-right: 2px;
    position: fixed;
    max-width: none;
    top: -150px;
    right: -46px;
}

.accessibility-menu [vw] [vw-access-button] .pop-up{
    margin-right: 0px;
    margin-top: 0px;
    visibility: hidden;
    height: 38px;
}

.accessibility-menu [vw] [vw-access-button] .access-button:hover~img{
    visibility: visible;
}

.accessibility-menu div[vp-main-guide-screen]{
    right:100% !important;
    position: relative;
    z-index:10;
}