/* ==============================================================
   viewer Controls
   style declarations for viewImageControls.xhtml
   ==============================================================*/
.viewer-control {
    &.viewer-control-start        {}
    &.viewer-control-back         {}
    &.viewer-control-back5        {}
    &.viewer-control-back20       {}
    &.viewer-control-back50       {}
    &.viewer-control-reset        {}
    &.viewer-control-rotate-left  {}
    &.viewer-control-rotate-right {}
    &.viewer-control-end          {}
    &.viewer-control-forward      {}
    &.viewer-control-forward5     {}
    &.viewer-control-forward20    {}
    &.viewer-control-forward50    {}
    &.viewer-control-fullscreen   {}
    &.viewer-control-toc          {}
    &.viewer-control-pdf          {}
    &.page-browse {
        &:hover {}
    }
}

/* BASIC STYLING FOR VIEWER-, FULLTEXT- AND PREVIEW-CONTROLS */
#viewer_controls_nav,
#fulltext_controls_nav,
#view_preview_controls_nav {
    ul {
        li {
            span, a {}
            .control-select-box {
                select {}                
            }
            #slider-id {
                .zoomslider-handle {}
                a {}
            }
        }
    }
}

/* BREAKPOINT FOR LARGE DESKTOPS */
@media screen and (max-width: @largeBreakpoint) {}

/* BREAKPOINT FOR DESKTOPS */
@media screen and (max-width: @mediumBreakpoint) {}

/* BREAKPOINT FOR TABLETS */
@media screen and (max-width: @smallBreakpoint) {}

/* BREAKPOINT FOR SMARTPHONES */
@media screen and (max-width: @xSmallBreakpoint) {}