body   {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}

a , a:link{
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
    outline-width:0;
    text-decoration:none;
    border:none;
    outline:0;
}

.fancybox-opened .fancybox-skin{
	    box-shadow: 0px 0px;
}

.fancybox-close {
	top: -49px;
    right: -70px;
}

.fullViewNavItem{
	z-index: 8040;
	position: absolute;
	top: 50%;
	font-size: 27px;
	width: 2%;
    height: 4%;
}

.fullViewNavItemNext{
	right: 3%;
}

.fullViewNavItemPrev{
	left: 3%;
}

.fancyBackgroundBox{
	width: 95%;
	height:95%;
	padding: 25px;
	border: 25px solid #f9f9f9;
	position: absolute;
	background: #f9f9f9;
	z-index: 8011;
	top: 3%;
	left: 2.5%;
	border-radius: 4px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	cursor: auto;
}

.mainContainer {
	background-color: #FFF;
	font-weight: normal;
	width: 100%;
	height: 100%;
	padding-top: 18px;
	border-top: solid 1px #dddddd;
	font-size: 100%;
}

.searchField {
	border: 1px solid #6aa7c4;
	-moz-border-radius: 21px;
	-webkit-border-radius: 21px;
	border-radius: 21px;
	width: 100%;
	padding-left: 20px;
	background: none;
	height: 25px;
}

.typeI, .typeI-rtl {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #fff;
	color: #fff;
}

/*** Navigation Bar ***/
.navigator-bar {
	line-height: 3.8em;
	height: 3.8em;
	margin: 0.5em 0;
	color: #2c4d82;
	padding-right: 10px;
	padding-left: 20px;

}

.navigator-bar .title {
	font-size: 18px;
	font-weight: bold;
}

.navigator-bar ul {
	float: right;
	height: 25px;
	line-height: 100%;
	margin-top: 6px;
}


.showLink {
	display: inline-block;
	width: 42px !important;
	height: 42px;
	cursor: pointer;
	position: relative;
	margin-right: 9px;
	border: 1px solid;
    border-radius: 22px;
    background-color: rgba(255, 255, 255, 0.4);
}

.showLink:hover,
.downloadLink:focus li,
#shareLink:focus {
	color: #fff;
}

.downloadLink:focus,
#shareLink:focus {
	outline:none;
}

#previousItem:focus img,
#nextItem:focus img {
	width: 25px;
}
a#extendImg:focus {
	outline:none;
}
a#extendImg:focus span {
	font-size: 24px;
	outline:none;
}

#metaDataPane h5:hover{
	color: #fff;
	font-weight: normal;
}

.contentWrap {
	display: block;
	width: auto;
	height: 100%;
    background-color: #ffffff;
    border: none;
	margin-left: auto;
    margin-right: auto;
}


/* Jquery Accordion style */

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    border-bottom: solid 1px #fff;
    border-radius: 0;
    border-top: solid 0;
    border-right: solid 0;
    border-left: solid 0;
    color: #fff;
    margin: 0;
    height: 40px;
    line-height: 40px;
    padding-bottom: 0;
    padding-top: 0;
    padding-left: 1.5em;
}

.ui-accordion .ui-accordion-content {
    padding: 1em;
}


.ui-widget {
    font-family:'Roboto', Helvetica, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-widget-content {
    border: 0px solid #aaa;
}

.ppy-imglist {
    position: absolute;
    top: -1000em;
    left: -1000em;
}

#vakata-dragged {
    display:block;
    margin:0 0 0 0;
    padding:4px 4px 4px 24px;
    position:absolute;
    top:-2000px;
    line-height:16px;
    z-index:10000;
}

#vakata-contextmenu {
    display:block;
    visibility:hidden;
    left:0;
    top:-200px;
    position:absolute;
    margin:0;
    padding:0;
    min-width:180px;
    background:#ebebeb;
    border:1px solid silver;
    z-index:10000;
    *width:180px;
}

#vakata-contextmenu ul {
    min-width:180px;
    *width:180px;
}

#vakata-contextmenu ul, #vakata-contextmenu li {
    margin:0;
    padding:0;
    list-style-type:none;
    display:block;
}
#vakata-contextmenu li { line-height:20px; min-height:20px; position:relative; padding:0px; }
#vakata-contextmenu li a { padding:1px 6px; line-height:17px; display:block; text-decoration:none; margin:1px 1px 0 1px; }
#vakata-contextmenu li ins { float:left; width:16px; height:16px; text-decoration:none; margin-right:2px; }
#vakata-contextmenu li a:hover, #vakata-contextmenu li.vakata-hover > a { background:gray; color:white; }
#vakata-contextmenu li ul { display:none; position:absolute; top:-2px; left:100%; background:#ebebeb; border:1px solid gray; }
#vakata-contextmenu .right { right:100%; left:auto; }
#vakata-contextmenu .bottom { bottom:-1px; top:auto; }
#vakata-dragged ins { display:block; text-decoration:none; width:16px; height:16px; margin:0 0 0 0; padding:0; position:absolute; top:4px; left:4px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; }
#vakata-dragged .jstree-ok { background:green; }
#vakata-dragged .jstree-invalid { background:red; }
#jstree-marker { padding:0; margin:0; font-size:12px; overflow:hidden; height:12px; width:8px; position:absolute; top:-30px; z-index:10001; background-repeat:no-repeat; display:none; background-color:transparent; text-shadow:1px 1px 1px white; color:black; line-height:10px; }
#jstree-marker-line { padding:0; margin:0; line-height:0%; font-size:1px; overflow:hidden; height:1px; width:100px; position:absolute; top:-30px; z-index:10000; background-repeat:no-repeat; display:none; background-color:#456c43;  cursor:pointer; border:1px solid #eeeeee; border-left:0; -moz-box-shadow: 0px 0px 2px #666; -webkit-box-shadow: 0px 0px 2px #666; box-shadow: 0px 0px 2px #666;  -moz-border-radius:1px; border-radius:1px; -webkit-border-radius:1px; }
#vakata-contextmenu li.vakata-separator { min-height:0; height:1px; line-height:1px; font-size:1px; overflow:hidden; margin:0 2px; background:silver; padding:0; }

.jstree ul, .jstree li { display:block; margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; }
.jstree li { display:block; min-height:18px; line-height:18px; margin-left:10px; min-width:18px; margin-right: 10px;}
.jstree-rtl li { margin-left:10px; margin-right:10px;}
.jstree > ul > li { margin-left:0px; }
.jstree-rtl > ul > li { margin-right:0px; }
.jstree ins { display:inline-block; text-decoration:none; width:18px; height:18px; margin:0 0 0 0; padding:0; vertical-align:top;}
.jstree a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; text-decoration: none;}
.jstree a:focus { outline: none; }
.jstree a > ins { height:16px; width:16px; }
.jstree a > .jstree-icon { margin-right:3px; }
.jstree-rtl a > .jstree-icon { margin-left:3px; margin-right:0; }
li.jstree-open > ul { display:block; }
li.jstree-closed > ul { display:none; }
.jstree .jstree-real-checkbox { display:none; }
.jstree-themeroller .ui-icon { overflow:visible; }
.jstree-themeroller a { padding:0 2px; }
.jstree-themeroller .jstree-no-icon { display:none; }
.jstree .jstree-wholerow-real { position:relative; z-index:1; }
.jstree .jstree-wholerow-real li { cursor:pointer; }
.jstree .jstree-wholerow-real a { border-left-color:transparent !important; border-right-color:transparent !important; }
.jstree .jstree-wholerow { position:relative; z-index:0; height:0; }
.jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { width:100%; }
.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li, .jstree .jstree-wholerow a { margin:0 !important; padding:0 !important; }
.jstree .jstree-wholerow, .jstree .jstree-wholerow ul, .jstree .jstree-wholerow li { background:transparent !important; }
.jstree .jstree-wholerow ins, .jstree .jstree-wholerow span, .jstree .jstree-wholerow input { display:none !important; }
.jstree .jstree-wholerow a, .jstree .jstree-wholerow a:hover { text-indent:-9999px; !important; width:100%; padding:0 !important; border-right-width:0px !important; border-left-width:0px !important; }
.jstree .jstree-wholerow-span { position:absolute; left:0; margin:0px; padding:0; height:18px; border-width:0; padding:0; z-index:0; }

/******** Spliter ********/

#treePane {
	vertical-align: top;
	border: solid 1px #dddddd;
}

#filePane {
	background: #f4f4f4;
	background-repeat: repeat;
	border-right: 18px solid #fff;
	vertical-align: top;
	border-left: 18px solid #fff;
	border-top: none;
	border-bottom: none;
}


/******** Metadata Pane ********/

#metaDataPane {
	border: 1px solid #dddddd;
	vertical-align: top;
	background: #fff;
}

#metaDataPane h3 {
	border-bottom: solid 1px #dddddd;
	color: #fff;
	margin: 0;
	height: 40px;
	line-height: 40px;
	padding-left: 1.2em;
	font-size: 16px;
	font-weight: normal;
}

#metaDataPane h5 {
	cursor: pointer;
	border-bottom: solid 1px #dddddd;
	line-height: 1.4em;
	margin: 0;
	font-size: 15px;
	font-weight: bold;
	padding: 0.8em 2em 0.8em 1.4em;
	position: relative;
}

#metaDataPane h5 img {
	position: absolute;
	bottom: 14px;
	right: 10px;
}

#metaDataPane .ieMetadata {
	padding: 0.8em 0.5em 0.8em 1.4em;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	max-height: calc( 100% - 95px);
}

.filesMetadata {
    overflow: hidden;
	max-height: calc(100% - 85px);
}

.fileMetadataSection {
	padding: 0.8em 0.5em 0.8em 1.4em;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	height: calc(100% - 45px);
}

.metaData ul li {
	list-style: none;
	font-size: 14px;
	line-height: 1.6em;
}

.metaData ul li span:nth-child(1) {
	font-weight: 600;
	display: inline-block;
	padding-right: 5px;
}

.max60 {
	max-height: 60% !important;
}

/******** File Pane ********/

#fileViewerFrame {
	border: solid #dddddd 1px;
	height: calc(100% - 40px);
	position: absolute;
	width: 100%;
	frameborder: 0;
}

#fileViewerHeader {
	display: table;
	width: 100%;
	color: #fff;
	border-right: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	margin: 0;
	height: 40px;
	line-height: 40px;
	font-weight: normal;
	font-size: 100%;
	text-align: center;
	table-layout: fixed;
}

#fileViewerHeader h4 {
	display: table-cell;
}

#fileViewerHeader a#previousItem {
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	width: 15px;
}

#fileViewerHeader a#nextItem {
	display: table-cell;
	vertical-align: middle;
	padding-right: 35px;
	width: 15px;
}

#fileViewerHeader .leftIcon {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right: 20px;
	width: 15px;
}

#fileLabel {
	display: block;
	padding-left: 20px;
	font-size: 16px;
}

#extendImg {
	display: table-cell;
	vertical-align: middle;
	width: 55px;
}
#extendImg:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
#iframeWrapper {
	height: 98%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* css for chrome */
	#iframeWrapper {
		height: 95%;
	}
}

.rtlDirection .ui-icon-triangle-1-e{
	background-position: -96px -16px;
}
/************** themes \ mik ************/

/*
 * jsTree default theme 1.0
 * Supported features: dots/no-dots, icons/no-icons, focused, loading
 * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
 */

.jstree-mik li,
.jstree-mik ins { background-image:url("images/d2.png"); background-repeat:no-repeat; background-color:transparent; font-family:arial; color:#222222;  }
.jstree-mik li { background-position:-90px 0; background-repeat:repeat-y; }
.jstree-mik li.jstree-last { background:transparent; }
.jstree-mik .jstree-open > ins {background-image:url("images/ui-icons_777777_256x240.png"); background-position: -63px -15px; }
.jstree-mik .jstree-closed > ins { background-image:url("images/ui-icons_777777_256x240.png"); background-position: -31px -15px;  }
.rtlDirection .jstree-mik .jstree-closed > ins{background-image:url("images/ui-icons_777777_256x240.png"); background-position: -95px -15px; width: 20px; height: 20px;}
.jstree-mik .jstree-leaf > ins { background-position:-36px 0; }

.jstree-mik .jstree-info-icon {background:url("images/link.png") no-repeat left center !important; position: relative; height: 18px; left: 8px; }
.jstree-mik-rtl .jstree-info-icon {background:url("images/link.png") no-repeat left center !important; position: relative; height: 18px; }
.jstree-mik .jstree-clicked {font-weight: 600 !important; }
.jstree-mik a .jstree-icon { background-position:-56px -19px;  }
.jstree-mik a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }

.jstree-no-icons li a {color:#555555;}
.jstree-no-icons li ul li.jstree-leaf a {color:#2A5DB0; font-weight:normal; }
.jstree-no-icons li ul li.jstree-leaf .jstree-clicked {font-weight: 800 !important; overflow-x: hidden;}

.jstree-mik.jstree-focused { background:#fefefe; }

.jstree-mik .jstree-no-dots li,
.jstree-mik .jstree-no-dots .jstree-leaf > ins { background:transparent; }
.jstree-mik .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
.jstree-mik .jstree-no-dots .jstree-closed > ins { background-position:0 0; }

.jstree-mik .jstree-no-icons a .jstree-icon { display:none; }

.jstree-mik .jstree-search { font-weight:700 !important; font-style:italic;}

.jstree-mik .jstree-no-icons .jstree-checkbox { display:inline-block; }
.jstree-mik .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
.jstree-mik .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
.jstree-mik .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
.jstree-mik .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
.jstree-mik .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
.jstree-mik .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
.jstree-mik .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }
#vakata-dragged.jstree-mik ins { background:transparent !important; }
#vakata-dragged.jstree-mik .jstree-ok { background:url("images/d2.png") -2px -53px no-repeat !important; }
#vakata-dragged.jstree-mik .jstree-invalid { background:url("images/d2.png") -18px -53px no-repeat !important; }
#jstree-marker.jstree-mik { background:url("images/d2.png") -41px -57px no-repeat !important; text-indent:-100px; }

.jstree-mik .jstree-locked a { color:silver; cursor:default; }

#vakata-contextmenu.jstree-mik-context,
#vakata-contextmenu.jstree-mik-context li ul { background:#fefefe;  border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
#vakata-contextmenu.jstree-mik-context li { }
#vakata-contextmenu li a {color: #555; font-size: 100%; line-height: 22px; }
#vakata-contextmenu.jstree-mik-context a:hover,
#vakata-contextmenu.jstree-mik-context .vakata-hover > a { padding:0 5px; background:#efefef; border:1px solid #eee; color:#333; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
#vakata-contextmenu.jstree-mik-context li.jstree-contextmenu-disabled a,
#vakata-contextmenu.jstree-mik-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
#vakata-contextmenu.jstree-mik-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
#vakata-contextmenu.jstree-mik-context li ul { margin-left:-4px; }

/* IE6 BEGIN */
.jstree-mik li,
.jstree-mik ins,
#vakata-dragged.jstree-mik .jstree-invalid,
#vakata-dragged.jstree-mik .jstree-ok,
#jstree-marker.jstree-mik { _background-image:url("d.gif"); cursor:pointer }
.jstree-mik .jstree-open ins { _background-position:-72px 0; }
.jstree-mik .jstree-closed ins { _background-position:-54px 0; }
.jstree-mik .jstree-leaf ins { _background-position:-36px 0; }
.jstree-mik a ins.jstree-icon { _background-position:-56px -19px; cursor:pointer}
#vakata-contextmenu.jstree-mik-context ins { _display:none; }
#vakata-contextmenu.jstree-mik-context li { _zoom:1; }
.jstree-mik .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; }
.jstree-mik .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; }
.jstree-mik .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; }

/* IE6 END */

/*** File Info ***/

.linkTopBox {
	border-radius: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	max-width: 95%;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f7f7f7', GradientType=0);
}

.linkTopBox ul li {
	list-style: none;
}

.linkTopBox ul li a {
	font-size: 14px;
	line-height: 22px;
	text-decoration: underline;
}

.linkTopBox ul li a:hover {
	color: #1b3c72 !important;
}

.jstree-info-icon:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

/*** Download Options ***/
.download-options {
	top: 65px;
	max-width: 25%;
	display: none;
}
.download-options span {
    left: 7%;
    background: url(images/pop-up-arr-top.png) no-repeat center top;
    height: 9px;
    display: block;
    position: relative;
    top: -9px;
    cursor: pointer;
    margin-top: -7px;
}

.download-options.pull-left span {
	left : -95px;
	right: unset;
}

.download-options ul {
    padding-left: 10px;
    padding-right: 10px;
}

.download-options ul li a {
	display: block;
	color: #555;
	width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 75px;
	right: 70px;
	max-width: 25%;
	display: none;
}
/*** Collection List ***/

.collection-menu {
	top: 65px;
	right: 20px !important;
	max-width: 25%;
	display: none;
}

.collection-menu span {
	background: url(images/pop-up-arr-top.png) no-repeat center top;
	height: 9px;
	width: 12px;
	display: block;
	cursor: pointer;
    position: absolute;
    right: 63px;
    top: -9px;
}
.collection-menu.pull-left span {
	left : 77px;
	right: unset;
}

.collection-menu ul {
    padding-left: 10px;
    padding-right: 10px;
}

.collection-menu ul li a {
	display: block;
	color: #555;
	width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*** Share Link ***/

.linkTopBoxBar {
    border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',
		endColorstr='#f7f7f7', GradientType=0);
	display: inline-block;
	padding: 5px 15px 0 15px;
	position: absolute;
	z-index: 99999999;
	right: 3px;
	top: 75px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	display: none;
}

.linkTopBoxBar span {
	left: 46%;
	background: url(images/pop-up-arr-top.png) no-repeat center top;
	height: 9px;
	display: block;
	position: relative;
	top: -7px;
	cursor: pointer;
	margin-top: -7px;
}

.linkTopBoxBar li {
	list-style: none;
}

.linkTopBoxBar li a {
	display: inline-block;
	background: url(images/copy-icon.png) no-repeat right center;
	font-size: 14px;
	line-height: 22px;
	padding-right: 25px;
}

.linkTopBoxBar li a:hover {
	background: url(images/copy-icon-hover.png) no-repeat right center;
}

/*** Thumbnails View ***/

.thumbnailView {
	overflow: auto;
	height: 100%;
	border: 1px solid #dadada;
	background-color: #fff;
}

.collection-folder {
	height: 100px;
    width: 130px ;
}

.collection-folder:after {
	position: relative;
    bottom: 50px;
    content: "\61";
    font-family: ex-libris-rosetta;
    font-size: 145px;
	z-index: 0;
}

.subCollectionCaption {
    top: 113px;
	z-index: 1;
}

ul li.ie, ul li.ie-rtl {
    background: none repeat scroll 0 0 #fff;
    border: 2px solid !important;
    border-radius: 5px;
    height: 100px;
    width: 130px !important;
}

ul li.subCollection a {
	color: #335f84;
	position: relative;
	top: 31px;
	 z-index: 1;
}

.gallery-rtl > ul li.subCollection {
	padding-right: 25px;
}

.collectionPaging{
	position: relative;
	bottom: 5px;
}
.collectionPagingRight {
	text-align: right;
	padding-right: 8px;
}

.collectionPagingLeft {
	text-align: left;
	padding-left: 8px;
}

.full-container {
    height: calc(100% - 40px);
	padding-left: 10px;
    padding-right: 10px;
}

.full-height {
    height: calc(100% - 55px);
	padding:0;
}

.height-98 {
    height: 98%;
	padding:0;
}

.navbar {
    margin-bottom: 10px;
    margin-top: 10px;
}

.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.scrollDiv {
    height: 96%;
    overflow-x: hidden;
    overflow-y: auto;
}

.cursor-hand {
	cursor: pointer;
}

/************  xs / sm Screen ************/

@media(max-width: 992px) {

	#filePane {
		border-right:none ;
	}

	#metaDataPane  {
		height : auto;
		margin-bottom: 18px;
	}

	.metaData {
		padding:0;
		margin-top: 18px;
	}

	.contentWrap {
		overflow-y: scroll;
		position: relative;
		-webkit-overflow-scrolling: touch;
	}

	.col-xs-12.full-height {
		height: auto;
	}
}




/*** Download Progress ***/

.downloadProgress {
   font-size: 16px;
   font-weight: bold;
   list-style-type: none;
   padding-top: 12px;
   text-align: center;
}

/*** Right To Left ***/

.rtlDirection {
	direction : rtl;
}

#collectionMenu.pull-left{
	margin-left: 8px;
}
#downloadOptions.pull-left{
	margin-left: 8px;
}


.linkTopBoxBar.rtlDirection {
    right: 1150px;
    top: 65px;
}
.linkTopBoxBar.rtlDirection span{
	right: 46%;
	left: 0;
}

.jstree-mik-rtl .jstree-info-icon #fileInfo {
	right: 3px;
	text-align: right;
	direction : rtl;
}

/*** Glyphicons ***/

.glyphicon-fullscreen {
	border: 1px solid;
	border-radius: 3px;
    color: #fff;
	padding: 5px;
	font-size: 16px;
}

.glyphicon-search {
	float : right;
    right: 11px;
    top: -20px;
}

.glyphicon-back {
	border: 1px solid;
	border-radius: 3px;
	padding: 5px;
	font-size: 16px;
}

span.uxf-share {
	font-size: 18px;
	left: 9px;
    top: 10px;
}

span.uxf-download {
	font-size: 21px;
	left: 10px;
    top: 6px;
}

span.fa.fa-folder-open-o {
	font-size: 23px;
	position: relative;
    left: 9px;
    top: 9px;
}

.pull-left .showLink span.uxf-share{
	right: 12px;
}
.pull-left .showLink span.fa.fa-folder-open-o {
	right: 7px;
}
.pull-left .showLink span.uxf-download {
	right: 10px;
}

span.uxf-down-caret {
	margin-right: 3px;
}

.ppy-stage {
	left: 16px;
	top: 7px;
}

.width15 {
	width: 15%;
}

.width35 {
	width: 35%;
}

.width60 {
	width: 60%;
}

.width80 {
	width: 80%;
}

.width85 {
	width: 85%;
}

.metsViewerTopBar > span {
	padding-top: 5px;
	color: #2A5DB0;
}

.metsViewerTopBar {
	margin-bottom: 1em;
}

.center-of-screen {
	    text-align: center;
	    width: 20%;
	    padding: 5px;
	    position: absolute;
	    top: 50%;
	    left: 40%;
	    background: black;
	    color: #ffffff;
	    opacity: 0.6;
	    border-radius: 4px;
	    line-height: 20px;
	    z-index: 1000;
	}

	.fadeIn {
	  visibility: visible;
	  opacity: 0.6;
	  transition: opacity 2s linear;
	}
	.fadeOut {
	  visibility: hidden;
	  opacity: 0;
	  transition: visibility 0s 2s, opacity 2s linear;
	}

/************  xs Screen - keep at end of css ************/

@media(max-width:767px) {

	#main-menu {
		height: 100% !important;
	}

	.navbar,
	#navbar-brand-centered {
		margin: 2px 0;
	    border: none;
	}

	.full-container {
		padding: 0px;
		height:90%;
	}


	.xs-view-only {
		display: block !important;
		visibility: visible !important;
	}

	.xs-view-only-inline {
		display: inline !important;
		visibility: visible !important;
	}

	#ieTitle {
		width: 60%;
	}

	#ieLinks {
		width: 35%;
	}

	.xs-splitter {
	  height: 9px;
	  background-color: #d7d7d7;
	  margin:18px 0;
	}

	.xs-height-90 {
	    height: 90% !important;
		padding:0;
	}

	.xs-height-60 {
	    height: 60% !important;
		padding:0;
	}

	.xs-height-50 {
	    height: 50% !important;
		padding:0;
	}

	.xs-height-10 {
	    height: 10% !important;
		padding:0;
	}

	#metaDataPane h3,
	.ui-accordion .ui-accordion-header {
		height: 45px;
		font-size: 17px;
	}

	#shareLink {
		bottom: 3px;
	}

	#sharePopup {
		width: 98%;
		word-break: break-all;
    	height: 90px;
    	vertical-align: middle;
	}


	.linkTopBoxBar li a {
		width: 100%;
		background: url(images/copy-icon-hover.png) no-repeat right center;
		float:right;
	}

	#downloadMenu {
	top: 75px;
	max-width: 25%;
	word-break: break-all;
	line-height: 3;
	}

	.download-options{
	top: 75px;
	max-width: 25%;
	}

	.download-options span {
    left: 5%;
    background: url(images/pop-up-arr-top.png) no-repeat center top;
    height: 9px;
    display: block;
    position: relative;
    top: -9px;
    cursor: pointer;
    margin-top: -7px;
}

.download-options.pull-left span {
	left : 90px;
	right: unset;
}

.download-options ul {
    padding-left: 10px;
    padding-right: 10px;
}

.download-options ul li a {
	display: block;
	color: #555;
	width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    top: 75px;
	right: 70px;
	max-width: 25%;
	display: none;
}

	/***** Tree Pane *****/
	#treePane {
		border: none;
	}

	.searchField {
		height: 35px;
		border-radius: 16px;
	}

	.jstree li,
	.jstree a,
	.jstree ul {
		padding: 5px 0 !important;
	}

	div#treePane div#accordion {
		font-size: 16px;
	}

	.glyphicon-search {
		right:15px;
		top: -25px;
	}

	.scrollDiv {
		height:85%;
	}

	.chosenFile {
		background-color: aliceblue !important;
	}

	.metsViewerTopBar > span {
		padding-top: 8px;
	}

		::-webkit-scrollbar {
    width:9px;
	}

	::-webkit-scrollbar-track {
	    -webkit-border-radius:5px;
	    border-radius:5px;
	    background:rgba(0,0,0,0.1);
	}

	::-webkit-scrollbar-thumb {
	    -webkit-border-radius:5px;
	    border-radius:5px;
	    background:rgba(0,0,0,0.2);
	}

	::-webkit-scrollbar-thumb:hover {
	    background:rgba(0,0,0,0.4);
	}

	::-webkit-scrollbar-thumb:window-inactive {
	    background:rgba(0,0,0,0.05);
}


	/***** File Pane *****/

	#fileViewerHeader {
	    display: table;
	    width: 100%;
	    color: #333333;
	    background-color: #fff;
	    border: none;
	    margin: 0;
	    height: 40px;
	    line-height: 40px;
	    font-weight: normal;
	    font-size: 100%;
	    text-align: center;
	    table-layout: fixed;
	}

	#fileViewerHeader a#previousItemXs {
		vertical-align: middle;
		padding-left: 10px;
		width: 70px;
		padding-right: 0px !important;
		display: table-cell !important;
		visibility: visible !important;
	}

	#nextItem:focus img, #previousItem:focus img{
		outline: -webkit-focus-ring-color auto 1px;
	}

	#fileViewerHeader a#nextItemXs {
		padding-right: 20px;
		display: table-cell !important;
		visibility: visible !important;
	}

	#fileLabel {
		padding-left: 10px !important;
	}

	#filePane,
	#fileViewerFrame {
		border :none ;
		overflow: hidden;
	}

	#extendImgXs {
		display: table-cell !important;
		visibility: visible !important;
    	width: 55px;
    	padding-left: 15px;
	}

	#extendImgXs > span {
		color: unset;
	}

	#iframeWrapper {
		 position: relative;
		 height: 98%;
	}

	#fileViewerFrame {
		position: absolute;
	}

	.iframeCover{
	  position: absolute;
	  width: 100%;
	  height: 95%;
	  bottom: 5%;
	  left: 0;
	}

	#swipeLeft,
	#swipeRight {
		z-index:10000;
		height: 1.5cm;
		width: 1.5cm;
		border-radius: 30px;
		background-color: black;
		opacity: 0.3;
		text-align: center;
	}

	#swipeLeft:active,
	#swipeRight:active {
		z-index:10000;
		height: 1.5cm;
		width: 1.5cm;
		border-radius: 30px;
		background-color: black;
		opacity: 0.5;
		text-align: center;
	}

	#swipeLeft > a > i,
	#swipeRight > a > i {
		color: #fff;
		font-size: 20px;
		font-weight: bolder;
	}

	#swipeLeft > a > i {
		margin-left:3px;
	}


	.xs-size-0 {
		height: 0;
		width: 0;
	}

	/***** MetadataPane Pane *****/

	#metaDataPane {
		border: none;
		margin-top: 0px;
		/*max-height: 100%;*/
	}

	#metaDataPane h3 {
		background-color: #ffffff;
		color: #0A466B;
		font-weight: 500;
		font-size: 17px !important;
		margin-top:0px;
		border: none;
	}

	#metaDataPane h5,
	#metaDataPane h5:hover {
		background-color: #ebebeb !important;
		color: #333333;
		font-weight: 500;
		font-size: 17px !important;
		border-color: #fff;
	}

	.metaData ul li {
		font-size: 16px !important;
		word-break: break-all;
	}

	.xs-scroll {
		overflow-y: scroll;
	}

	 .filesMetadata,
	.fileMetadataSection {
		overflow: unset;
	}

	#metaDataPane > div.ieMetadata.metaData,
	.filesMetadata,
	.fileMetadataSection {
		overflow: unset;
		height:max-content;
	}

	#metaDataPane .ieMetadata {
		padding-top:0px;
	}

	#ieLabel {
		overflow-y: unset;
	}

	.center-of-screen {
	    text-align: center;
	    width: 50%;
	    padding: 5px;
	    position: absolute;
	    top: 50%;
	    left: 25%;
	    background: black;
	    color: #ffffff;
	    opacity: 0.5;
	    border-radius: 4px;
	    line-height: 20px;
	    z-index: 1000;
	}

	.fadeIn {
	  visibility: visible;
	  opacity: 0.5;
	  transition: opacity 2s linear;
	}
	.fadeOut {
	  visibility: hidden;
	  opacity: 0;
	  transition: visibility 0s 2s, opacity 2s linear;
	}


}

/************  xs Screen - End ************/