html, body{
			padding: 0;
			margin: 0;
			font-family: 'Arial';
			font-size: 100%;
			background-color: #FFF;
			height: 100%;
			/*outline: 1px solid #263248;*/
			user-select: none;
			-webkit-user-select: none;
			-webkit-touch-callout: none;			
			overflow:hidden;
		}
div#viewer-container {
	height: 85%;
}
div#main {
	white-space: nowrap;
	z-index: 1;
	overflow: auto;
	margin-top: 20px;
	height: calc(100% - 60px);
	height: -moz-calc(100% - 60px);
	display: none;
	/*border: solid 1px #ccc;*/
}
#left-canvas {
	border: 1px solid grey !important;
	margin-right: 2px;
	box-shadow: -2px 0px 5px #ddd;
}
#right-canvas {
	border: 1px solid grey !important;
	margin-left: 2px;
	box-shadow: 2px 0px 5px #ddd;
}
#wait {
	margin-top: 20%;
	font-size: 5em;
}
#preview-controls {
	height: 60px;
}
.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}