@media (orientation:landscape) {
    .hidden-landscape {
        display: none;
    }
}

@media (orientation:portrait) {
    .hidden-portrait {
        display: none;
    }
}

.footer {
    bottom : 0;
    left : 0;
    width : 100%;
}

.footer {
    position : absolute;
    display : flex;
    padding : 8px;
    z-index : 2;
    color : #999;
}

.footer .chapter {
    padding-right : 8px;
}

.footer .spacer {
    flex-grow : 2;
}

.footer .location {
    cursor : pointer;
    text-align : right;
}

.toolbar {
    text-align : right;
    display : flex;
    flex-direction : row;
}

.toolbar > * {
    cursor : pointer;
    margin : 0 4px;
    padding : 0 4px;
}

.toolbar > *:last-child {
    margin-right : 0;
}

#reader {
    position : absolute;
    top : 0;
    bottom : 0;
    left : 0;
    right : 0;
    display : flex;
    justify-content : center;
    overflow : hidden;
}

#reader.fit-width {
    overflow-y : auto;
}

#reader.fit-width .right-page,
#reader.single-column .right-page {
    display : none ! important;
}
#reader.flip-columns .right-page {
    order : -1;
}

#reader img {
    opacity : 1;
    transition : filter 0.25s linear;
}

#reader img.unloading {
    filter : grayscale(1);
}

#reader.single-column img {
    margin : auto;
}

#reader.fit-width img {
    max-width : 100%;
    width : auto;
    margin: auto;
}

#reader.fit-size img {
    max-width : 100%;
    max-height : 100%;
    margin-top : auto;
    margin-bottom : auto;
    width : auto;
    height : auto;
}

#loading {
    position : absolute;
    pointer-events : none;
    top : 0;
    width : 100%;
    height : 100%;
    left : 0;
    display : flex;
    align-items : center;
    justify-content : center;
    z-index : 99;
}

#left, #right {
    position : absolute;
    top : 48px;
    bottom : 48px;
    width : 64px;
    z-index : 10;
    cursor : pointer;
    display : flex;
    align-items : center;
    justify-content : center;
    opacity : 0.2;
}

#left {
    left : 0;
}

#right {
    right : 0;
}

#left:hover, #right:hover {

}

::-webkit-scrollbar {
    width: 4px;
}

::-webkit-scrollbar-thumb {
    background-color: #337ab7;
}

::-webkit-scrollbar-track {
    background-color: #eee;
}