@charset "utf-8";

/*
*	Styles for the contentpart of the document
*/

.noComments {
	padding: 10px 16px;
}

.XSPhide {
	z-index: -1;
	position: absolute;
	height: 1px;
	width: 1px;
}

#documentContent a {
	color: #28C8DC;
}

#docContent {
	text-align: center;
}

#docContent object {
	max-width: 100%;
}

#docContent .docFileAttachmentRight {
	background: url("../img/document/document_attachment_right.png")
		no-repeat right bottom #F2F2F2;
	padding: 11px 16px 11px 16px;
	border-top: 1 solid #E2E2E2;
}

#docContent .docFileAttachmentLeft {
	background: url("../img/document/document_attachment_left.png")
		no-repeat left bottom #F2F2F2;
	border-top: 1 solid #E2E2E2;
	float: left;
	padding: 3px;
	position: absolute;
	bottom: 0px;
}

#docContent .docFileContent { /*    background: #FAFAFA; */
	background: white;
	overflow-x: auto;
	padding: 11px 16px 11px 16px;
}

#docContent img.attachmentimage {
	width: 21px;
	height: 26px;
	padding-bottom: 6px;
	border: none;	
}

#docContent .wrapper {
	display: inline-table;
    margin: 5px;
    text-align: center;
}

#docContent .wrapper a {
	display: inline-block;
	text-align: center;
	color: #28c8dc;
}

#docComment img.attachmentimage {
	width: 21px;
	height: 26px;
	padding-bottom: 6px;
	border: none;	
}

#docComment ul.attachmentList {
	list-style-type: none;
}

ul.attachmentList li {
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
}

#docContent .rtNavMenu {
	background: url("../img/document/document_reNavMenu.png") repeat scroll
		0 0 transparent;
	height: 3px;
	width: 100%;
}

/*
*	Styles for the datapart of the document
*/
#docData * {
	color: #414B50;
}

#docData .ui-state-active *{
	color: #FFFFFF;
}

#docDataHeader * {
	color: #414B50;
	vertical-align: middle;
}

#docDataHeader input.wrFilterInputText{
	width: 10cm;
}

#docData .dataSubWrapper {
	width: 100%;
}

#docData .dataWrapper {
	width: 100%;
}

#docData .head .headline, div.contentActionList .head .headline{
	height: 25px;
	padding: 7px 0 0 12px;
	font-size: 14px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	cursor: pointer;
}

#docData .head p,#docData .subHead p, div.contentActionList .head p {
	color: white;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

#docData .head, div.contentActionList .head {
	width: 100%;
	height: 32px;
	background: url("../img/document/document_reNavMenu.png");
	cursor: pointer;
}

#docData .outerPanelLink {
	height: 32px;
}

#docData .subHead {
	width: 100%;
	height: 26px;
	background: url("../img/document/document_subhead.png") bottom;
}

#docComment .head .headline {
	cursor: pointer;
}

/*
*	styles for actionbarelements
*/
#docMenu * {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border: 0;
}

#docMenu button {
	margin: 5px 0 5px 20px;
}

#docMenu li {
	display: inline;
	float: left;
}

#docMenu {
	float: right;
	margin: 0px 480px 0 0;
}

/*
*	styles for tabulatorelements and the head of the document form
*/
#tabs .docHead, .documentWrapper .docHead {
	/* background: url("../img/document/document_docheader_left.png") no-repeat
		left top transparent; */
	padding: 5px 10px;
	min-height: 66px;
	border-top-left-radius: 6px;
	word-break: break-all; 
	border-top-right-radius: 6px;
}

#tabs .docHeadRight, .documentWrapper .docHeadRight{
	/* background: url("../img/document/document_docheader_right.png")
		no-repeat right top transparent; */
	/* width: 50px;
	height: 76px;
	position: absolute;
	top: 0px;
	right: 0px; */
}

#tabs, .documentWrapper {
	background-image: url("../img/document/document_body.png");
	padding: 0;
	border: 0;
	padding: 0;
	margin: 0;
	color: #414B50;
	border-top-left-radius: 6px;
	-moz-box-shadow: 0px 15px 10px -10px #BBBBBB; /* FF3.5+ */
	box-shadow: 0px 15px 10px -10px #BBBBBB; /*Op10.5, IE 9, FF4*/
}

#tags {
    background: url("../img/dashboard/bg_input_text_tags.png") no-repeat scroll left top transparent;
    border: 0 none;
    /*color: #A8ACAF;*/
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 27px;
    line-height: 27px;
    margin: 2px 0 8px 0;
    padding: 0 10px;
    width: 165px;
}

#contentRight .docLinks { /* width: 179px; */
	padding: 7px 15px 7px 3px;
}

.attachmentwrapper {
	display: inline-block;
	text-align: center;
}

/*
*	Styles for the commentpart
*/
.comment .content .headline {
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana, sans-serif	!important;
	font-size: 12px;
	padding: 16px 16px 5px;
	float: inherit;
}

.comment .content .headline br {
	font-size: 4px;
}

.comment .content div {
	padding: 10px 16px;
	font-size: 12px;
}

.comment .content {
	border-bottom: 1px solid #CCCCCC;
	/* 	background-image: linear-gradient(center top, rgb(244, 244, 244) 5%, rgb(252, 252, 252) 25% );
	background-image: -o-linear-gradient(center top, rgb(244, 244, 244) 5%, rgb(252, 252, 252) 25% );
	background-image: -moz-linear-gradient(center top, rgb(244, 244, 244) 5%, rgb(252, 252, 252) 50% );
	background-image: -webkit-linear-gradient(center top, rgb(244, 244, 244) 5%, rgb(252, 252, 252) 25% );
	background-image: -ms-linear-gradient(center top, rgb(244, 244, 244) 5%, rgb(252, 252, 252) 25% ); */
	background: #FFFFFF;
	color: #414B50;
	overflow: auto;
	clear: both;
}

.comment .footerRight table {
	width: 100%;
	text-align: center;
}

.comment .footerRight {
	background: url("../img/document/document_comment_footer_right.png")
		no-repeat bottom right transparent;
	height: 29px;
	border-top: 1px solid #FDFDFD;
	margin-left: 6px;
}

.comment .footerLeft {
	background: url("../img/document/document_comment_footer_left.png")
		no-repeat bottom left transparent;
	height: 29px;
	border-top: 1px solid #FDFDFD;
	width: 6px;
	float: left;
}

.comment .head .headline {
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 0 10px;
}

.comment .headLeft {
	height: 32px;
	width: 6px;
	background: url("../img/document/document_comments_head_left.png")
		no-repeat top left transparent;
	float: left;
}

.comment .head { /* width: 100%; */
	height: 32px;
	background: url("../img/document/document_comments_head_right.png")
		no-repeat top right transparent;
	margin-left: 6px;
}

.comment td {
	vertical-align: middle;
}

.comment {
	background-image: url("../img/document/document_body.png");
	width: 100%;
	margin: 50px 0 0 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.commentLink {
	position: relative;
	top: 4px;
}

.docActionMenu .even0 {
	background-color: #474B50;
}

.docActionMenu .head .headline {
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0 0 10px;
}

.docActionMenu .head {
	background-image: url("../img/document/document_actionmenu_header.png");
	height: 34px;
}

.docActionMenuTop > .head, .docActionMenuTop > .headCollapsed {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.docActionMenuBottom > .headCollapsed {
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
} 

.docActionMenu a {
	margin-left: 6px;
}

.docActionMenuTop, .docActionMenuBottom {
	float: left;
	width: 100%;
	display: block;
}

.docActionMenu .headCollapsed .headline {
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0 0 10px;
}

.docActionMenu .headCollapsed {
	background-image: url("../img/document/document_actionmenu_header.png");
	height: 34px;
}

.docActionMenu .menuEndLeftOdd0 {
	background: url("../img/document/menu_end_left_odd0.png") no-repeat
		scroll left bottom transparent !important;
}

.docActionMenu .menuEndRightOdd0 {
	background: url("../img/document/menu_end_right_odd0.png") no-repeat
		scroll right bottom transparent !important;
}

.docActionMenu .menuEndLeftEven0 {
	background: url("../img/document/menu_end_left_even0.png") no-repeat
		scroll left bottom transparent !important;
}

.docActionMenu .menuEndRightEven0 {
	background: url("../img/document/menu_end_right_even0.png") no-repeat
		scroll right bottom transparent !important;
}

.docActionMenu #tagContainer {
	margin: 10px 10px 0 0;
	
}

.docActionMenu .odd0 {
	background: #3E4347;
}

.docActionMenu .subHead .headline {
	font-size: 12px;
	font-weight: bold;
	padding: 7px 0 0 16px;
}

.docActionMenu .subHead {
	background: url("../img/document/document_actionmenu_subHeader.png");
	float: left;
	width: 100%;
	height: 30px;
}

.docActionMenu .wrapper {
	float: left;
	width: 100%;
}

.docActionMenu Table td {
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	/*	color: #BABBBD;*/
	color: white;
	padding: 0 0 0 6px;
}

.docActionMenu table {
	border-collapse: separate;
	width: 100%;
	clear: both;
}

.docActionMenu {
	border-radius: 6px;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

.docActionMenu .subHeadHidden {
	display: none;
}

.head p,.subHead p, #wr1 p {
	color: white;
	font-weight: bold;
}

.headTable .left {
	text-align: left;
	background: transparent;
}

.headTable .right {
	text-align: right;
	background: transparent;
}

.headTable .left span, .headTable .right span {
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	color: #323A3F;
}

.headTable .title {
	color: #0996B3 !important;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 10px 10px 10px;
	background: transparent;
}

.headTable {
	background: transparent;
	color: #414B50;
	width: 100%;
	float: left;
}

.headTable>tbody>tr>td {
	padding: 10px;
	background: transparent;
}

.headline {
	float: left;
}

.symbollinks {
	display: block;
	vertical-align: top;
	cursor: pointer;
	margin-left: auto;
	margin-right: auto;
}

.reflinks {
	cursor: pointer;
}

/* 
 *Re-Override reset.css to restore LN Notes Markup visible 
 */
div#documentContent.busy {
	color: #aaa;
	cursor: wait;
}

/*
 *css for tabs of notes tables 
 */
div#documentContent table,div.contentContainer table {
	margin: 0;
	border: 2px solid #404040;
}

div#documentContent tbody tr td,div.contentContainer tbody tr td {
	border: 1px solid #404040;
	padding: 6px;
}

td#tabbedTableParent {
	padding: 0px !important;
}

table#tabbedTable {
	border: none !important;
}

#tabbedTable .tabbedTableCellNrm {
	background-color: #606060;
	background: url("../img/document/tabs_active_nrc.png") repeat-x;
	padding: 10px !important;
	border: none !important;
	color: #ffffff;
}

#tabbedTable .tabbedTableCellLink {
	background-color: #d0d0d0;
	background: url("../img/document/tabs_default_nrc.png") repeat-x;
	padding: 10px !important;
	border: none !important;
	color: #ffffff;
}

#tabbedTable .tabbedTableCellLink:hover {
	background-color: #378998;
	background: url("../img/document/tabs_hover_nrc.png") repeat-x;
	padding: 10px !important;
	border: none !important;
	color: #ffffff;
}

#tabbedTable .tabbedTableDiv {
	text-align: center;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
}

#tabbedTable .tabbedTableLink {
	text-align: center;
	font-size: 10pt;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}

#tabbedTable .tabbedTableLink:hover {
	text-align: center;
	font-size: 10pt;
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
}

/*
 *css for text formatting
 */
div#documentContent b,div#documentContent strong,div.contentContainer b,div.contentContainer strong
	{
	font-weight: bold;
}

div#documentContent u>font,div.contentContainer u>font {
	text-decoration: underline;
}

div#documentContent ul,div#documentContent ol,div.contentContainer ul,div.contentContainer ol
	{
	margin-left: 20px;
}

div#documentContent ul li,div.contentContainer ul li {
	list-style-type: disc;
}

div#documentContent ol li,div.contentContainer ol li {
	list-style-type: decimal;
}

div.wrapper a.docAttachmentLinks {
	color: #28C8DC;
}

div#documentContent p,div.contentContainer p {
	color: black;
}

div.docFileAttachmentRight .wrapper,div.contentContainer .wrapper, #documentContent > form .wrapper {
	display: inline-table;
	text-align: center;
	margin: 5px;
}

/*
 * Icons left to the document tabs
 */
div#tabBarIcons {
	width: 100%;
	text-align: right;
	height: 33px;
	margin-top: -33px;
}

span.favoriteIcon {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: url(../../app.portal/img/document/favorite_off_hover.png) transparent 0 0
		no-repeat;
	margin: 8px 10px 8px 4px;
}

span.showAll {
	margin: 8px 8px 8px 4px;
}

span.favoriteIcon:hover {
	background-image: url(../../app.portal/img/document/favorite_hover.png);
	cursor: pointer;
}

span.favoriteIcon.active {
	background-image: url(../../app.portal/img/document/favorite_hover.png);
}

span.favoriteIcon.active:hover {
	background-image: url(../../app.portal/img/document/favorite_off_hover.png);
}

.padlock {
	background-image: url("../img/document/padlock_closed_off.png");
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0 8px;
	vertical-align: baseline;
}

.padlockOpen {
	background-image: url("../img/document/padlock_open_off.png");
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 0 8px;
	vertical-align: baseline;
}


/*
.padlock:hover {
	background: url("../img/document/padlock2.png") no-repeat scroll -40px 0 transparent;
}
*/
.showAll {
	background: url("../img/document/document_showAll_arrow_off.png");
	display: inline-block;
	height: 16px;
	width: 16px;
	margin: 8px 2px;
}

.showAll:hover {
	background: url("../img/document/document_showAll_arrow_on.png");
}

.hideAll {
	background: url("../img/document/document_hideAll_arrow_off.png");
	height: 16px;
	width: 16px;
	display: inline-block;
	margin: 8px 2px;
}

.hideAll:hover {
	background: url("../img/document/document_hideAll_arrow_on.png");
}

.subHead .headline {
	height: 21px;
	padding: 4px 0 0 12px;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}

.wlPaging .pp-reload {
	background: url('../img/documentlist/reload.png') no-repeat scroll -20px
		-9px transparent;
	height: 15px !important;
	margin: 0;
}

a#searchFeedbackShowAll:visiteda#searchFeedbackShowAlla:active {
	text-align: center;
	padding: 10px 0 0 0;
	color: #FFF;
	font-size: 12px;
	display: block;
	width: 402px;
	height: 23px;
	background: url(../img/dock/search/searchFeedback_bg_bottom.png) 0 0
		no-repeat transparent;
}

a.wlFavourite {
	background: url('../img/documentlist/icons_favourite.png') 0px 0px
		no-repeat;
	margin: 0px 0px 0px 10px;
	height: 30px;
}
/*
a.wlShow span,a.wlHide span,a.wlShow,a.wlHide,a.wlExpand {
	background: url('../img/dashboard/icon_expand.png');
}
*/
a.wrFilterLink:hover .wrFilterIconDown {
	background: url('../img/documentlist/icons_wr_arrow_down.png') -40px
		-10px no-repeat;
}

a.wrFilterLink:hover .wrFilterIconUp {
	background: url('../img/documentlist/icons_wr_arrow_up.png') -40px -10px
		no-repeat;
}

div#content.document #contentLeft {
	padding: 0px 0px 0px 0px;
	margin: 0 251px 0 21px;
}

div#content.document #contentRight {
	padding: 0px 0px 0px 0px;
	margin: 147px 45px 0px 0px;
	width: 209px;
	position: fixed;
	top: 0;
	right: 0;
	background-color: #eaeded;
}

/*
* styles for xpage rich text
*/
form.xspForm table {
	border-color: lightgray black black lightgray;
	border-style: solid;
	border-width: 1px;
	border-collapse: inherit;
	border-spacing: 2px;
}

form.xspForm td {
	border-color: black lightgray lightgray black;
	border-style: solid;
	border-width: 1px;
	padding: 1px;
}

form.xspForm b {
	font-weight: bold;
}

form.xspForm ol,form.xspForm ul {
	list-style: inherit;
	margin: 12px 0 12px 10px;
}

form.xspForm a {
	color: #0000EE;
}

form.xspForm i {
	font-style: italic;
}

table.docDataTable td.label {
	font-weight: bold;
	height: 15px;
	padding: 7px 16px 5px;
}

table.docDataTable .label:hover {
	cursor: default;
}

table.docDataTable input, table.docDataTable textarea {
	background: transparent;
	border: 0;
	width: 100%;
	resize: none;
	vertical-align: top;
}

table.docDataTable tr.isEditable input, table.docDataTable tr.isEditable textarea, table.docDataTable td.choiceList ul, table.docDataTable td.attributeList ul, table.docDataTable td.NABchoiceList ul {
	/* background-color: #D8DEDE;
	border-radius: 4px 4px 4px 4px;
	padding: 4px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 23px;      */
}

table.docDataTable textarea {
	min-height: 30px;
}

table.docDataTable input.wrFilterInputText {
	background: #ffffff;
	border-top: 1px solid #e7e7e9;
	border-bottom: 1px solid #ffffff;
	height: 10px;
	width: 8cm;
	resize: none;
	vertical-align: top;
}

table.docDataTable input[required], select[required] {
	background: #ffffff;
	border: 1px solid #e7e7e9;
	width: 100%;
	padding: 2px 4px;	
	resize: none;
	vertical-align: middle;
}

table.docDataTable li {
	margin: 2px 0;
}

table.docDataTable td {
	padding: 6px 16px;
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	vertical-align: top;
}

table.docDataTable ul {
	margin: 0;
}

table.docDataTable {
	width: 100%;
}

table.signs td {
	padding: 2px 0;
}

iframe.annotation {
	width: 100% !important;
	height: 240px !important;
	padding: 0 !important;
}

iframe.docContentXSP {
	display: none;
}

.attachment .file {
	color: #414B50;
}

#actionDialogWrapper input, #actionDialogWrapper textarea {
	background-color: white;
	color: #414B50;
	border-radius: 4px;
	width: 177px;
	font-size: 12px;
	padding: 3px;
}
	
button.deleteFile {
    background: url("../img/document/icon_file_delete.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 17px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 17px;
    z-index: 2;
}

button.deleteFile:hover {
    background-position: 0 -16px;
}

button.file {
    background: url("../img/document/icon_file.png") no-repeat scroll 0 0 transparent;
    height: 34px;
    left: 8px;
    padding: 0 0 0 37px;
    position: absolute;
    top: 16px;
    z-index: 1;
}

button.file:hover {
    background-position: 0 -34px;
    color: #28C8DC;
}

div.attachment {
    border-bottom: 1px solid #cdcfd1;
    height: 68px;
    margin: 0 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

div#extend {
	border-bottom: 1px solid #CCCCCC;
}

div#attachmentWrapper{

}

div#annotationActionMenu{
	text-align: right;
	padding: 5px;	
}

div#actionDialogWrapper {
	text-align: left;
	padding: 10px;
}

div#head, div#signAction, div#retract, div#release {
	padding: 5px 0 10px 0;
}
div#actionDialogWrapper div#head > div {
	padding: 0 0 5px 0;
}

button.chooseAction{
	margin: 10px;
}

#actionDialogWrapper textarea {
	width: 300px;
	padding: 5px;
}

#signLocationAndDate input, #signExtendDateRange input {
	width: 177px;	
	float: left;
}

#signExtendDateRange p.text {
	padding: 2px 5px;
	display: inline-block;
}

#signLocationAndDate p{
	float: left;
    padding: 4px 0 6px 3px;
}

#signLocationAndDate div{
	display: inline-block;
}

#signLocationAndDate {
	display: block;
}

#actionDialogWrapper table {
	margin: auto;
	text-align: left;
	width: auto;
}

#actionDialogWrapper td {
	padding: 2px 10px;
}


/*
 * Actionmenu at the right side of the document
 */

div.docActionMenuButtons {
	padding-bottom: 14px;
}

div.docActionMenuButtons ul li {
	display: block;
	padding-bottom: 5px;	
}

div.docActionMenuButtons ul li button {
	font-weight:  bold;
	width: 100%;
}

.scrollTop {
	width: 100%;
	height: 20px;
    display: none;
    float: left;
}

#scrollTopImage:hover {
	cursor: pointer;
}

#scrollTopImage {
    width: 15px;
    height: 15px;
    position: absolute;
    background: url('../img/icon_top.png') no-repeat;
}

#scrollTopText {
	left: 20px;
	position: absolute;
	cursor: pointer;
}


/*
 * Styles for displaying fields as readonly or obligatory
 */

#docData .displayReadonly, #docData .displayReadonly * {
	font-style: italic;
/*  	color: #AAAAAA !Important;    Convoy   */
	color: #707070 !Important;    
	cursor: default;
	pointer-events: inherit;
}

.displayObligatory {
/*  	color: #AAAAAA !Important;    Convoy   */
	color: #707070;    
	vertical-align: middle;
	font-weight: bold;
	cursor: default;
}

.isRequired .isRequiredIcon {
	float: right;
	color: #707070 !Important;
}
.isRequired .isRequiredIcon:after {
   content: "*";
}

tr.isEditable td:first-child + td:hover, #paperDistributionTable tr.isEditable {	
	background-color: #ffffff;
}



/* use standard text-cursor for editable fields */
tr.isEditable td:first-child + td input, tr.isEditable td:first-child + td textarea {	
	cursor: text; 
}



tr.isEditable td:first-child + td input.datePick {	
	cursor: pointer;
}


/*
 * Styles regarding to choicelists
 */
 
 li.markSortable {
 	cursor: move !Important;
 }
 
#copyNumbersAll {
	background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 4px 4px 0; 
    color: #414B50;
    padding: 3px;
}

#copyNumbers {
    color: #414B50;
	border-radius: 4px 0 0 4px;
	font-size: 12px;
	padding: 3px;
    width: 62px;
}

#locationName {
	color: #414B50;
	border-radius: 4px;
	font-size: 12px;
	padding: 3px;
	width: 150px;
}

.paperdistribution {
	text-align: center;
	width: 100px;
}

#addDistributionEntryButton, #cancelDistributionEntryButton {
	float: left;
 	padding: 1px;	
}

#refListContainer.busy {
	color: gray;
	cursor: wait;
}

#refresh {
    background: transparent url("../../common/img/icon_refresh_green_small.png") no-repeat scroll 0 0;
    display: block;
    float: right;
    height: 28px;
    margin: 0 7px 0 0 ;
    width: 30px;
    border: 0;
    padding: 0;
}

#refresh:hover {
	background-position: 0 -28px;
}

img.loadingIcon {
    background-image: url("../img/document/loading.gif");
    display: block;
    height: 16px;
    margin: 10px auto;
    width: 16px;
}

span.previewPending {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.previewPending span {
	color: #414B50;
}

#filePreviewContent {
	width: 100%;
	
}

#filePreviewContent.pdfContent {
	min-height: 700px;
}