/*
 * (C) Fuji Xerox Co., Ltd. 2018
 *
 * $Id$
 */

.icon {
	font-family: XeroxGlyph-Icons;
	color: #6e6e6e;
}

.faq-icon:before {
	content: "\2753";
}
.scan-icon:before {
	content: "\23bd";
}
.fax-icon:before {
	content: "\1f4e0";
}
.address-icon:before {
	content: "\1f4d1"
}
.print-icon:before {
	content: "\2399";
}
.copy-icon:before {
	content: "\ec00";
}
.admin-icon:before {
	content: "\1f4cb";
}
.folder-icon:before {
	content: "\1f4c1";
}
.tryit-icon:before {
	content: "\1f4a1";
}

@media (min-width: 768px) {
	#index {
		padding-top: 20px;
	}
}

#contentList, #wordSearchResult, #imageGallery {
	padding-top: 20px;
	padding-bottom: 20px;
}

#pageTitle {
	font-size: 26px;
	margin: 15px 20px 6px;
}
@media (max-width: 363px) {
	#pageTitle {
		font-size: 22px;
	}
}
#pageSubtitle {
	margin: 6px 20px;
	font-size: 16px;
}

#topImage {
	width: 100%;

	/*
	 * To remove vertical space between the top image and the page title
	 */
	display: block;
}

/*
 * xuxVerticalLayout with "top: false" didn't work.
 * So I put below. TODO: check why
 */
#contentListFilterBox, #wordSearchResultSearchFieldBox,
#imageGalleryFilterBox {
	margin-top: 0;
}

#contentListTable .iconCell, #wordSearchResultTable .iconCell {
	vertical-align: top;
	font-size: 26px;
}

.highlight em {
	background-color: #FEE2B8;
}

#imageGalleryThrobber {
	margin-top: 16px;
}

#imageGallery .imageThrobber {
	width: auto;
}