#my_pdf_viewer{
    width: 92%;
    margin:auto;
    margin-top: 70px;
    height:100%;
    overflow: none;
    background:rgb(64, 64, 64);
    border: 5px solid rgb(64, 64, 64);
}

.container {
    width: 92%;
    margin: auto;
    height: 100%;
    border: 5px solid rgb(64, 64, 64);
}

.top-bar {
    width: 60%;
    margin: auto;
    height: 60px;
    display: flex;
    align-items: center;
    Justify-content: space-between;
}

header{
    position: fixed;
    width: 100%;
    top: 0;
    background-color:  rgb(64, 64, 64);
    color: white;
    z-index: 1000;
}

/* Tablet Styles */

/*
@media only screen and (min-width: 576px) {
    #my_pdf_viewer {
        width: 540px;
    }
}
*/

/* Desktop Styles */
/*
@media only screen and (min-width: 1200px) {
    #my_pdf_viewer {
        width: 1140px;
    }
}
*/

#canvas_container{
    width:92%;
    margin:auto;
    height:auto;
    overflow: auto;
    background:rgb(64, 64, 64);
    text-align: center;
    border: 3px solid rgb(64, 64, 64);
}

.sshw-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color: rgb(64, 64, 64);
    text-align:center;
    cursor:pointer;
    white-space:nowrap
 }
.sshw-arrows {
    color:white;
    background-color: rgb(64, 64, 64);
 }
.sshw-display-left {
    position:absolute;    
    top: 45%;
    left:5%;
    transform:translate(-5%,-45%);
} 
.sshw-display-right{
    position:absolute;
    top:45%;
    right:5%;
    transform:translate(-5%,-45%);
}
.zoom-button {
    border:none;
    display:inline-block;
    padding:2px 6px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color: rgb(64, 64, 64);
    text-align:center;
    cursor:pointer;
    white-space:nowrap;
    /* border: 1px solid white; */
 }
.zoom-signs {
    color:white;
    background-color: rgb(64, 64, 64);
 }
.zoom-display-left {
    position:absolute;    
    top: 0%;
    left:5%;
    transform:translate(-5%,0%);
} 
.zoom-display-right {
    position:absolute;
    top:0%;
    right:5%;
    transform:translate(-5%,0%);
}