/*
[Mobile device screen width]
Default		=	60em
iPad Air 2	=	50em
Sumsung S5	<=	40em
iPhone6		=	40em
iPhone6s	=	45em
*/

/*=====================================================================================================================================
	Fix jQuery Mobile
=====================================================================================================================================*/

.ui-mobile, .ui-mobile body {
	height: 99.2%;
}

/*=====================================================================================================================================
	Text
=====================================================================================================================================*/

.text-low-priority {
	filter: alpha(opacity=65);
	opacity: 0.65;
}

.font-weight-normal {
	font-weight: normal !important;
}

span.search-term-highlight {
	background-color: yellow;
}

/*=====================================================================================================================================
	Top logo
=====================================================================================================================================*/

.ui-panel-inner .wuc-top-logo {
	margin: -1em -1em 1em -1em;
}
/*=====================================================================================================================================
	Content Tab Header
=====================================================================================================================================*/

.number-summary-emp {
	border-radius: .8em;
	padding: .1em .6em;
	background-color: #0088bb;
	color: white;
}

	.number-summary-emp.low {
		background-color: #7e7e7e;
	}

	.number-summary-emp.red {
		background-color: #ff6566;
	}

/*=====================================================================================================================================
	Content Tab Header
=====================================================================================================================================*/

div.content-tab-header {
	position: relative;
	margin: .3em 0;
}

	div.content-tab-header .header-title {
		margin-left: .5em;
		padding: .3em .75em 0 .75em;
		float: left;
		text-shadow: 0px 1px 0px #404040;
		font-weight: bold;
		background-color: #808080;
		color: white;
	}

	div.content-tab-header .header-text {
		float: left;
		margin-left: .5em;
	}

	div.content-tab-header .header-line {
		clear: both;
		border-bottom: solid .3em #808080;
	}

/*=====================================================================================================================================
	Content Section
=====================================================================================================================================*/

div.page-content-section {
	margin: 1em 0;
}

/*=====================================================================================================================================
	Inline waiting icon
=====================================================================================================================================*/

.inline-waiting-icon {
	display: none;
}

.ui-listview .inline-waiting-icon {
	margin-left: 0.5em;
}

.inline-waiting-icon img {
	vertical-align: middle;
	margin-bottom: .25em;
}

/*=====================================================================================================================================
	jQuery Mobile - Listview Item
=====================================================================================================================================*/

/* Panel menu header & divider */

.ui-listview li.ui-li-divider.panel-menu-header {
	color: gray;
	padding: .25em 1.143em;
}

/* Recent Message */
a.recent-message-item {
	font-weight: normal;
}

li.plain-heightlight {
	background-color: #FFFBC9 !important; /* #FFF799 */
}

/*=====================================================================================================================================
	jQuery Mobile - Grid A small right
=====================================================================================================================================*/

/*
	<!-- Example -->
	<div class="ui-grid-a smaller-a-right-ui-grid">
		<div class="ui-block-a">
			<select></select>
		</div>
		<div class="ui-block-b">
			<input type="button" value="..." />
		</div>
	</div>
*/

.ui-grid-a.small-a-right-ui-grid > .ui-block-a,
.ui-grid-a.smaller-a-right-ui-grid > .ui-block-a {
	float: left !important;
}

	.ui-grid-a.small-a-right-ui-grid > .ui-block-a > .ui-select,
	.ui-grid-a.small-a-right-ui-grid > .ui-block-a > .ui-btn,
	.ui-grid-a.smaller-a-right-ui-grid > .ui-block-a > .ui-select,
	.ui-grid-a.smaller-a-right-ui-grid > .ui-block-a > .ui-btn {
		margin-left: 0;
	}

.ui-grid-a.small-a-right-ui-grid > .ui-block-b,
.ui-grid-a.smaller-a-right-ui-grid > .ui-block-b {
	float: right;
}

	.ui-grid-a.small-a-right-ui-grid > .ui-block-b > .ui-select,
	.ui-grid-a.small-a-right-ui-grid > .ui-block-b > .ui-btn,
	.ui-grid-a.smaller-a-right-ui-grid > .ui-block-b > .ui-select,
	.ui-grid-a.smaller-a-right-ui-grid > .ui-block-b > .ui-btn {
		margin-right: 0;
	}


.ui-grid-a.small-a-right-ui-grid > .ui-block-a {
	width: 70% !important;
}

.ui-grid-a.small-a-right-ui-grid > .ui-block-b {
	width: 30%;
}

.ui-grid-a.smaller-a-right-ui-grid > .ui-block-a {
	width: 85% !important;
}

.ui-grid-a.smaller-a-right-ui-grid > .ui-block-b {
	width: 15%;
}

/*=====================================================================================================================================
	Note Flag for jQuery Mobile Listview item
=====================================================================================================================================*/

.ui-icon-noteFlag0:after {
	background-image: url(../images/jqmico/Flag0.png);
}

.ui-icon-noteFlag1:after {
	background-image: url(../images/jqmico/Flag1.png);
}

.ui-icon-noteFlag2:after {
	background-image: url(../images/jqmico/Flag2.png);
}

.ui-icon-noteFlag3:after {
	background-image: url(../images/jqmico/Flag3.png);
}

.ui-icon-noteFlag4:after {
	background-image: url(../images/jqmico/Flag4.png);
}

.ui-icon-noteFlag5:after {
	background-image: url(../images/jqmico/Flag5.png);
}

.ui-icon-noteFlag6:after {
	background-image: url(../images/jqmico/Flag6.png);
}

`
.ui-icon-noteFlag7:after {
	background-image: url(../images/jqmico/Flag7.png);
}

/*=====================================================================================================================================
	Inbox Work Status for jQuery Mobile Listview item
=====================================================================================================================================*/

.ui-icon-inboxWorkAdd:after {
	background-image: url(../images/jqmico/inboxWorkAdd.png);
}

.ui-icon-inboxWork0:after {
	background-image: url(../images/jqmico/inboxWork0.png);
}

.ui-icon-inboxWork10:after {
	background-image: url(../images/jqmico/inboxWork10.png);
}

.ui-icon-inboxWork60:after {
	background-image: url(../images/jqmico/inboxWork60.png);
}

.ui-icon-inboxWork80:after {
	background-image: url(../images/jqmico/inboxWork80.png);
}

/*=====================================================================================================================================
	Entity Folder Flag
=====================================================================================================================================*/

.entity-folder-flag {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: 1px solid black;
}

/*=====================================================================================================================================
	Route Prepare List
=====================================================================================================================================*/

.route-prepare-list span.tree-1stlv-node-item-line {
	padding: .25em .5em .25em .125em;
}

.route-prepare-list .tree-1stlv-node-image {
	margin-right: .4em;
	padding: .25em;
}

.route-prepare-list .html-tree-highlight .tree-1stlv-node-image {
	border-radius: 1.5em;
	margin-right: .2em;
	border: 2px solid gray;
}

/*=====================================================================================================================================
	Route Tree
=====================================================================================================================================*/

.html-tree-line-bg {
	background-repeat: repeat-y;
}

.html-tree-node-image {
	vertical-align: middle;
	margin-right: .3em;
	padding: .2em;
}

	.html-tree-node-image.html-tree-node-image-selected {
		border-radius: 1.5em;
		margin-right: 0;
		border: 2px solid gray;
	}

.html-tree-node {
	white-space: nowrap;
	padding: .3em;
}

.html-tree-node-text-cell {
}

.html-tree-highlight {
	color: black;
	background-color: #FFFBC9; /* #FFF799 */
}

.html-tree-node span.minor {
	color: gray;
}

.html-tree-node a.server-route-trace-ref:link {
	COLOR: gray;
	TEXT-DECORATION: none;
}

.html-tree-node a.server-route-trace-ref:visited {
	COLOR: gray;
	TEXT-DECORATION: none;
}

.html-tree-node a.server-route-trace-ref:active {
	COLOR: gray;
	TEXT-DECORATION: none;
}

.html-tree-node a.server-route-trace-ref:hover {
	COLOR: blue;
	TEXT-DECORATION: underline;
}

.html-tree-description {
	border: solid 1px lightgrey;
	padding: 2px;
	margin-top: 2px;
}

/*=====================================================================================================================================
	Section Element Format
=====================================================================================================================================*/

div.subHeader {
	font-weight: bold;
}

/*=====================================================================================================================================
	Document Properties
=====================================================================================================================================*/

table.PropView tr.group {
	font-style: italic;
	color: Navy;
}

/*=====================================================================================================================================
	Document / Route Note
=====================================================================================================================================*/

div.route-note-reply-bar {
	border-top: solid 1px lightgrey;
	margin-top: 0.1em;
}

@media (min-width: 60em) {
	div.route-note-reply-bar {
		border-top: none;
		border-left: 0.5em solid lightgrey;
		margin-left: 0.2em;
		padding-left: 0.6em;
	}
}

div.DocNoteAuthor {
	color: Gray;
}

div.DocNoteDate {
	color: Gray;
}

div.DocNoteFirst {
	background-color: #FFFBC9; /* #FFF799 */
}

div.DocNoteModifier {
	color: red;
}

/*=====================================================================================================================================
	Send/Receive number stamp
=====================================================================================================================================*/

table.RecNumStampNew,
table.RecNumStampOther,
table.RecNumStamp,
table.SendNumStamp {
	padding: 0px 8px 0px 8px;
}

span.SendNumStamp-list-number {
	background-color: forestgreen;
}

table.SendNumStamp {
	border: solid 1px green;
	color: green;
}

table.RecNumStamp div.RecNumStampName, div.RecNumStampNameOwner {
	color: #28A;
}

table.SendNumStamp td.dotline {
	border-bottom: 1px dashed green;
}

table.RecNumStampNew {
	border: solid 1px gray;
	color: gray;
	cursor: pointer;
}

table.RecNumStampOther {
	border: solid 1px mediumslateblue;
	color: gray;
	cursor: pointer;
}

table.RecNumStampNew a:link {
	COLOR: gray;
	TEXT-DECORATION: underline;
}

table.RecNumStampNew a:visited {
	COLOR: gray;
	TEXT-DECORATION: underline;
}

table.RecNumStampNew a:active {
	COLOR: gray;
	TEXT-DECORATION: underline;
}

table.RecNumStampNew a:hover {
	COLOR: darkslategray;
	TEXT-DECORATION: underline;
}

a.RecNumStamp:link {
	TEXT-DECORATION: none;
}

a.RecNumStamp:visited {
	TEXT-DECORATION: none;
}

a.RecNumStamp:active {
	TEXT-DECORATION: none;
}

a.RecNumStamp:hover {
	TEXT-DECORATION: underline;
}

a.RecNumStampHide {
	color: gray;
	white-space: nowrap;
}

span.RecNumStamp-list-number {
	background-color: mediumslateblue;
}

span.RecNumStamp-list-number, span.SendNumStamp-list-number {
	padding: 0 .3em;
	text-shadow: none;
	color: #f6f6f6;
}

table.RecNumStamp {
	border: solid 1px navy;
	color: navy;
}

	table.RecNumStamp td.dotline {
		border-bottom: 1px dashed navy;
	}

table.RecNumStampOth {
	border: solid 1px navy;
	color: navy;
	filter: alpha(opacity=60);
	opacity: 0.6;
	text-align: left;
}

	table.RecNumStampOth td {
		text-align: left;
	}

		table.RecNumStampOth td.dotline {
			border-bottom: 1px dashed navy;
		}

.RecNumStampInner {
	/*position: absolute;*/
}
/*=====================================================================================================================================
	(EOF)
=====================================================================================================================================*/