@import '../tools/colors';

.pdfjs {
	&-document {
		canvas {
			max-width: 100%;
			max-height: 100%;
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}
	}
    &-thumbnail {
        cursor: pointer;
        margin-bottom:10px;
        display: block;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
		padding-left: 10px;
		opacity: .75;
		transition: opacity .25s ease;
		&:hover {
			opacity: 1;
		}
		&:last-child {
			margin-bottom: 0;
		}
		canvas {
			max-width: 100%;
			background: #f8f9fb;
		}
        &.active {
			opacity: 1;
        }
    }
}