body {
	margin: 0;
	padding: 0;
	background: #eee;
}

.preview-area {
	position: absolute;
	top: 1em;
	background: #eee;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2em;
	z-index: 1;
	width:70%
}

.menu-public-site{
	margin-top:55px;
}

img {
	/*position: absolute;*/
	border: 5px solid;	
    width: 100%;
    height: auto;
}

#doc-metadata {
	font-size: 15px;
}

.multilevelpushmenu_wrapper a {
    font-size: 1.2em !important;
}
i.fa.fa-file.floatLeft.floatRight {
    padding-right: 0.5em;
}

.downloadable{
	background : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABfElEQVQ4T61U0VHDMBSTJgAmgBFgAtoJKBNQJgAmoEwATABswAaUDWAC2gkoE4iTz865jp2UO95X4tiKpKdn4p+LY3iSjgHsxX1rkquhM01ASTMA9wCOCoAPADcklzXgKqCkOYAnAD8AngEYZB+A2V5EoEuS/rZVPUBJZvQFYA1gUkqMFpidAJyU3zvACHQLwOxc05YsSdfRjkeSfu4qAMa/vkVZn5ZJ8mHIfEmbqMTSbUmoBGgJp0OsSnBJrwDO4roBzy2fkmz2N4AXkknu1nlJgW0uL55zk5yGKwBLklMDpib0/EiokkJESE5qNkhyt939gyTZfpilu+bnkuGfAVPXPAWWl0wOk5EzjIoOsz9ass+/W0EeGy8usjHzmTuSiwLQexyvvJyMWWhKRV7u06rBMB/HTS82DaPdfZvti8HddNkKj+O85nWXw1aAJZmtA59Xc4JGAb0hGzO/+pYZnKDR+zCChlulFfyc/q6A9tOAvYyWdu0E2PK4tv4L00WwLxZxG/cAAAAASUVORK5CYII=");
	height: 20px;
	width: 20px;
}

.downloadable:hover{
	-ms-transform: translate(0px, 4px); /* IE 9 */
    -webkit-transform: translate(0px, 4px); /* Safari */
    transform: translate(0px, 4px);
    transition-duration: 0.2s;
    transition-property: transform;
    transition-timing-function: ease-out;
	background : url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABfElEQVQ4T61U0VHDMBSTJgAmgBFgAtoJKBNQJgAmoEwATABswAaUDWAC2gkoE4iTz865jp2UO95X4tiKpKdn4p+LY3iSjgHsxX1rkquhM01ASTMA9wCOCoAPADcklzXgKqCkOYAnAD8AngEYZB+A2V5EoEuS/rZVPUBJZvQFYA1gUkqMFpidAJyU3zvACHQLwOxc05YsSdfRjkeSfu4qAMa/vkVZn5ZJ8mHIfEmbqMTSbUmoBGgJp0OsSnBJrwDO4roBzy2fkmz2N4AXkknu1nlJgW0uL55zk5yGKwBLklMDpib0/EiokkJESE5qNkhyt939gyTZfpilu+bnkuGfAVPXPAWWl0wOk5EzjIoOsz9ass+/W0EeGy8usjHzmTuSiwLQexyvvJyMWWhKRV7u06rBMB/HTS82DaPdfZvti8HddNkKj+O85nWXw1aAJZmtA59Xc4JGAb0hGzO/+pYZnKDR+zCChlulFfyc/q6A9tOAvYyWdu0E2PK4tv4L00WwLxZxG/cAAAAASUVORK5CYII=");
	height: 20px;
	width: 20px	
}

p#docname {
    margin: 0em !important;
}

iframe#preview {
	width : 100%;
	height : 100%;
}

i.fa-angle-left {
    transform: scaleX(-1);
    padding-left: 0.5em !important;
}

i.fa-angle-right {
    transform: scaleX(-1);
    padding-left: 0.5em !important;
    float:left !important
}

h2{
	width : 95% !important
}
.description{
	font-size:0.5em;
}

.thumbnail {

    background-size: contain;
    position: inherit;
    background-position: top;
    background-repeat: no-repeat;
    height: 20px;
    min-width: 20px;
    margin-right: 5px;
}