/* ---------------------------------------------------------------

PDF rendering using pdf.js

*/

.view-downloadable.row {
    margin-right: 0;
}

a.link-download {
    /*border-bottom: 1px solid rgba(219,224,211,0.35);
    box-shadow: inset 0 -6px 0 rgba(219,224,211,0.35);
    color: @brown;*/
    cursor: pointer;
    font-weight: bold;
    position: relative;
    text-decoration: none;

    &:hover {
        /*border-bottom: 1px solid rgba(219,224,211,0.75);
        box-shadow: inset 0 -6px 0 rgba(219,224,211,0.75);*/
    }
}


.filedownloads {
    margin-bottom: 30px;
    
    .btn {
        margin-bottom: 10px;
    }
}

.instructions {
    margin-bottom: 30px;
}

.view-downloadable {
    .loadingMessage {
        font-size: 150%;
        left: 17px;
        position: absolute;
        top: 80px;
        z-index: 1;
    }
    .pdfdisplay {
        z-index: 2;
    }
}

.dojoxFloatingPaneCanvas {
    .view-downloadable {
        padding: 20px 60px 0 20px;
    }
}

.pdfdisplay {
    max-width: 870px;

    .dijitButton {
        margin: 0;
        padding: 0;

        .dijitButtonText {
            font-family: 'Open Sans', sans-serif;
        }
    }
    .btn-next,
    .btn-prev {
        outline: 0 !important;
        position: relative;
    }
    .btn-prev {
        .dijitButtonText {
            padding: 0 0 0 10px;
        }
    }
    .btn-next {
        &:before {
            position: absolute;
            right: 0;
            top: 3px;
        }
        .dijitButtonText {
            padding: 0 15px 0 0;
        }
    }
    .dijitDisabled {
        cursor: default !important;

        * {
            cursor: default !important;
        }
        .dijitButtonNode {
            border: 0 !important;
        }
        .btn-next,
        .btn-prev {
            &:before {
                display: none;
            }
            .dijitButtonText {
                padding: 0;
            }
        }
    }
    .document-info {
        line-height: 27px;

        em {
            font-style: normal;
        }
    }
}

@media screen and (max-width: 619px) {
    .pdfdisplay {
        display: none;
    }
}


@media screen and (max-width: $screen-xs-max){
    .filedownloads {
        /*border-bottom: 1px solid #eee;*/
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}

@media screen and (min-width: $screen-sm-min){
    // bootstrap small breakpoint

    .description,
    .filedownloads {      
        &>:first-child {
            margin-top: 0;
        }
    }
    .description {
        border-left: 1px solid #eee;
    }

}


@media screen and (max-width: $screen-sm-max){
    // bootstrap medium breakpoint -1px

    .pdfdisplay {
        canvas {
            width: 100%;
        }
    }

}

@media screen and (min-width: $screen-md-min){
    // bootstrap medium breakpoint


}


@media screen and (min-width: $screen-lg-min){
    // bootstrap large breakpoint

}