/* Colors 
#1076C9 Dodger Blue
#FFFFFF White
#2C3342 Black
#9bd706 Green
#9bc1f4 Navigation
 Dark Blue			#1076C9
   New Colors:
   Bright Blue		#1076C9
   Dark Blue		#0D298C
   Bright Green     	#7FDB15
   Purple	    	#8948a8
   Red (use rarely)	#F85A3E


   Default color for body text: #333333
	
   font-weight values: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 |    500 | 600 | 700 | 800 | 900

   FONT: Google Font Open Sans

   Default font size: 10 pt
   Default small header size: 10 pt, with 500 weight
   Default large header size: 14 pt (such as the td.AreaTitle secondary headers)     


*/

/* Page Layout */

body.mobile {
  font-weight: normal;
  font-style: normal;
  color: black;
  font-size: 18px;
  margin:0px;
	overflow:auto;
}

html.mobile {
	overflow:auto;
}	

form.mobile {
	overflow:auto;
}	

div.mobiletitle { 
  background-color:white; height:65px; padding:10px; }
div.mobilearea { 
  background-color:#FFFFFF; margin-left:5px; margin-right:5px; margin-top:5px; }
div.mobileemptitle { 
  background-color:#D3D3D3; margin-left:-5px; margin-right:-5px; margin-top:-5px;
  padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;}
div.mobileemptitle_with_border { 
  background-color:white; margin-left:-5px; margin-right:-5px; margin-top:-5px;
  padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;
	border: 1px solid;  border-collapse: collapse; }	
div.mobileemptitle { 
  background-color:white; margin-left:-5px; margin-right:-5px; margin-top:-5px;
  padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:5px;}

div.mobilepagetitle { line-height:40px;
  background-color:#1076C9; height:40px; text-align:center;}
	
div.mobilelinkbar { width:100%; height:40px; text-align:center;  }	


/* Main Page */

span.mobilemainname { color:#1076C9; font-weight:600; }
span.mobilemaininfo { color:#333333; font-size:10.0pt; }
img.mobileimage { height:120px; width:120px }
span.mobileemptitlename { font-weight:bold; color:#2C3342; font-size:14px;  }
span.mobileemptitlerole { color:#2C3342; font-size:12px;  }

/* Page Title Section */

table.mobiletitle {
  width:100%;
}

tr.mobiletitle { height:30px; }
td.mobiletitle { }

span.mobiletitle { 
  font-weight:bold;
  font-size:16.0pt;
   color:white;
}

/* General */

span.mobileapprovalmessage {
  font-size:14px; color:maroon; font-weight:bold;
}

.mobilereadonly {
  font-size:14px; color:#2C3342; font-weight:bold;
}

.mobilesection {
  font-size:14px; color:#1E90FF; font-weight:bold;
}

.mobilealert {
  font-size:12px; color:maroon;
}

.mobilecheckbox {
  font-size:18px; color:#2C3342;
}

hr.mobile {
  color:silver; background-color:silver; height:2px;
}

ul.mobile { 
  padding-left:10px; margin:5px; 
}

li.mobile { 
  font-size:12px; color:#2C3342; 
}

a.mobile {
  font-size: 18px;
  color:#1E90FF;
}


/* Custom */

p.mobilecustom { 
  font-weight: normal;
  font-style: italic;
  color: #2C3342;
  font-size: 12px;
  padding: 5px 5px 5px 5px;
}

/* Footer */

table.mobilefooter { width:100%; }
tr.mobilefooter { height:10px; }
td.mobilefooterleft { width:20%; }
td.mobilefootercenter { 
  vertical-align:top; width:60%; text-align:center; color:#2C3342;
  font-size:12px; }
td.mobilefooterright { width:20%; }
  
/* List Pages */

.mobilelist {
  font-size: 16px;
  font-weight: normal;
}

.mobileaddlink {
  font-size: 16px;
  color: #1E90FF;
  text-decoration: none;
}

/* Navigation Pages */

.mobileicontext {
  font-size: 12px;
  color: #333333;
  font-weight: 500;
  text-decoration: none;
}

.mobileicontextimpaired {
  font-size: 16px;
  color: #333333;
  font-weight: 500;
}

/* Calendar */

TD.MobileCalendarActiveDate { background-color:#e5f9b3; font-weight:bold; }  
TD.MobileCalendarCurrentDate { background-color:lightgrey; }  

/* Profile Page */

.MobileProfileSection {
  font-size: 14px; color:#2C3342; font-weight:bold;
}

.MobileProfileLabel {
  font-size: 12px; color:#2C3342;
}

.MobileProfileData {
  font-size: 14px;
}

ul.MobileProfileList { 
  padding-left:15px; margin:5px; 
}

li.MobileProfileListItem { 
  font-size:14px;
}

/* Company Directory */

.MobileCompanyDirectoryName { cursor:pointer;
  font-size:14px; font-weight:bold; color:#2C3342;
}

.MobileCompanyDirectoryRole {
  font-size:14px; 
}

.MobileCompanyDirectoryLabel {
  font-size:12px; color:#2C3342;
}

.MobileCompanyDirectoryData {
  font-size:12px; 
}

a.MobileCompanyDirectoryLinkData {
  font-size:12px; color:#1E90FF;
}

.MobileCompanyDirectory_role_name {
  font-size:14px; 
}

/* Time Entry */

.mobiletimeentryrole {
  font-size:10.0pt;  
}

.mobiletimeentrytotalhours {
  font-size:14.0pt; color:navy; font-weight:bold;
}

.mobiletimeentryhours {
  font-size:10.0pt; color:navy; font-weight:bold;
}

.mobiletimeentryproject {
  font-size:14.0pt; color:navy; font-weight:bold;
}

.mobiletimeentryarea {
  background-color:#F5F5F5; margin-left:20px; margin-right:20px;
}

/* Links */

.mobileLinksTitle { font-size:18px; color:#0D298C; font-weight:bold; }
.mobileLinksCategory { font-size:18px; color:#1E90FF; font-weight:bold; }
.mobileLinks { font-size:18px; color:#2C3342; }


/* Login Page */
.MobileLoginLabel {
  font-size: 8pt;
}

.MobileLoginField {
  font-size: 14pt;
  font-weight: normal;
  width:300px;
}

/* -- Mobile Manager Calendar -- */

.mobile_calendar_day { font-size:12.0pt; color:#1E90FF;}
.mobile_calendar_date { font-size:8.0pt; }
.mobile_calendar_entry { font-size:8.0pt; }


/* Job Center */

.mobilejobname { 
  font-size:14.0pt; 
  font-weight:bold;
  color:navy; }
  
hr.mobilejobhr { background-color:silver; }

.mobilejobsummary {
  font-size:12.0pt;
  color:#2C3342;
}

.mobilejobdetail { 
  font-size:8.0pt;
  color:red;
}

.mobilejobdetailentry { 
}

.mobilejobdetaillabel {
  font-size:8.0pt;
  color:#1E90FF;
}

.mobilejobdetailtext {
  font-family: Verdana; 
  font-size:8.0pt;
  color:#2C3342;
}

a.mobilejoblink { 
  font-size:14.0pt; font-weight:bold;
  color:#1E90FF;
}

/* Question Layout */
p.mobilerequiredtext { color:#0080e2; }
span.MobileLabelRequiredText { color:#0080e2; }
div.MobileQualifyingQuestionAnswer { position:relative; margin-left:0px; }
table.MobileQualifyingQuestionTable {  }
tr.MobileQualifyingQuestionRow { height:30px; }
td.MobileQualifyingQuestionColumn {}


/* Workflow List formats by status */
.WFABORT
{
	font-size: 14px;
	font-weight: normal;
	background-color: #F75975;
}

.WFBEGUN
{
	font-size: 14px;
	font-weight: normal;
	background-color: #6699FF;
}

.WFDONE
{
	font-size: 14px;
	font-weight: normal;
	background-color: #99ff99;
}

.WFINPR
{
	font-size: 14px;
	font-weight: normal;
	background-color:#999999;
}

table.WFTD
{
	border-style: solid;
	border-color: #669999;
	border-width: 0 0 1px 1px;
	border-collapse: collapse;
}
td.WFTD
{
	border-style: solid;
	border-color: #669999;
	border-width: 1px 1px 0 0;
	margin: 0;
	padding: 2px;
	background-color: #C0C0C0;
	font-size: 10px;
	vertical-align: bottom;
	font-weight: bold;
}
td.WFTDR, td.WFTDFN
{
	border-style: solid;
	border-color: #669999;
	border-width: 1px 1px 0 0;
	margin: 0;
	padding: 2px;
	background-color: #FFFFFF;
}
td.WFTDBR
{
	border-style: solid;
	border-color: #669999;
	border-width: 1px 1px 0 0;
	margin: 0;
	padding: 2px;
	background-color: #C0C0C0;
	font-weight: bold;
}

td.WFTDFN
{
	background-color: #C0C0C0;
	font-weight: bold;
}

td.WFQ0
{
	font-size: 14px;
	font-weight: normal;
	background-color: #CCCCCC;
}

td.WFQ1
{
	font-size: 14px;
	font-weight: normal;
	background-color: #FFFFFF;
}

.WFInfoTitle
{
	font-size: 20px;
	font-weight: bold;
}

td.WFInfo, tr.WFInfo
{
	font-size: 14px;
	vertical-align: top;
}

/* Workflow edit page Alert */
.WFFieldLabelAlert
{
	font-size: 14px;
	color: #000080;
}
.WFFieldLabel
{
	font-size: 14px;
}

.WFFieldData
{
	font-size: 14px;
}


/* Workflow Submission Buttons */
input.WFSubmit
{
	font-size: 14px;
	width: 300px;
	height: 44px;
}




/* WebTable Layout */

 Div.WebTableMobile { color:white; font-weight:normal; font-size:9px; 
 	 padding:0px; border:10px solid}

 Div.WebTableMobile_Dialog { font-weight:normal; font-size:9px; 
 	 overflow:visible;overflow-x:hidden;overflow-y:visible; padding:0px; 
         border-color:lightgray; border:0px solid}
         
 Table.WebTableMobile_Table { color:black; background-color:white;
         font-weight:normal; font-size:12px;   }

 TR.WebTableMobile_RowHeader  { color:white; background-color:gray; font-size:12.0pt; height:15px; }
 TR.WebTableMobile_Row1       { color:#2C3342; background-color:white; font-size:8.0pt }
 TR.WebTableMobile_Row2       { color:darkgreen; background-color:whitesmoke; font-size:8.0pt }
 TR.WebTableMobile_RowActive  { color:white; font-size:8.0pt; cursor:pointer; background-color:#a3c7f0; border-color:green; border:1px solid; }

 TD.WebTableMobile_CellHeader { color:#2C3342; background-color:#EBEBEB; font-size:7.0pt; font-weight:normal; height:4px }
 TD.WebTableMobile_CellKey1   { font-size:12.0pt; font-weight:bold }
 TD.WebTableMobile_Cell1      { font-size:12.0pt }
 TD.WebTableMobile_CellKey2   { font-size:12.0pt; font-weight:bold }
 TD.WebTableMobile_Cell2      { font-size:12.0pt; }

 TD.WebTableMobile_CellActive  { 
   color:white; font-size:12.0pt; cursor:pointer;
   background-color:#6699FF; }

 A.WebTableMobile_Link1 { color:navy; font-size:12.0pt; font-weight:bold }
 A.WebTableMobile_Link2 { color:darkgreen; font-size:12.0pt; font-weight:bold }

 A.WebTableMobile_CellHeader  { color:#2C3342;   background-color:#EBEBEB; font-size:7.0pt; font-weight:normal; height:4px }
 A.WebTableMobile_Cell1       { color:#2C3342; font-size:8.0pt; text-decoration:none; cursor:pointer; border:0px solid; border-color:gray }
 A.WebTableMobile_Cell2       { color:#2C3342; font-size:8.0pt; text-decoration:none; cursor:pointer; border:0px solid; border-color:gray }
 A.WebTableMobile_CellKey1    { color:#2C3342; font-size:8.0pt; font-weight:normal; text-decoration:none; cursor:pointer }
 A.WebTableMobile_CellKey2    { color:#2C3342; font-size:8.0pt; font-weight:normal; text-decoration:none; cursor:pointer }
 A.WebTableMobile_CellSpecialCase { color:darkgray; font-size:8.0pt; font-style:italic; font-weight:bold; text-decoration:none; cursor:pointer; border:0px solid; border-color:gray }

 A.WebTableMobile_Option  { color:#2C3342; background-color:#EBEBEB; font-size:7.0pt; font-weight:normal; text-decoration: none }
 A.WebTableMobile_OptionSelected  { color:darkgreen; background-color:white; font-size:7.0pt; font-weight:bold; text-decoration: none }

 Div.WebTableMobile_Option  { color:#2C3342; background-color:#EBEBEB; font-size:7.0pt; font-weight:normal; }
 Div.WebTableMobile_OptionSelected  { color:darkgreen; background-color:white; font-size:7.0pt; font-weight:bold; }



/* -- Mobile Border Table -- */

 Table.MobileBorder { color:white; font-weight:normal; font-size:10pt; 
 	 	padding:2px; 
		border: 1px solid;  border-collapse: collapse; }

 TR.MobileBorderHeader { background-color:white; }

 TH.MobileBorder { color:black; background-color:whitesmoke; 
		font-size:12.0pt; font-weight:bold; 
		padding-left: 3px; padding-right: 3px;
		border: 1px solid; }

 TR.MobileBorder { background-color:white;  }
 TR.MobileBorderHighlight { background-color:ghostwhite;  }

 TD.MobileBorder { color:black;  
		font-size:12.0pt; 
		padding-left: 3px; padding-right: 3px; 
		border: 1px solid;}

 TD.MobileBorderHighlight { color:black; background-color:white; 
		font-size:12.0pt; 
		padding-left: 3px; padding-right: 3px; 
		border: 1px solid;}

 Caption.MobileBorder { color:black; background-color:white; 
		font-size:12.0pt; font-weight:bold }
    
/* -- Mobile Navigate Table -- */    

 Table.MobileNavigation { margin-left:10px; }

 TR.MobileNavigation { background-color:white; height:60px; cursor:pointer; }
 TD.MobileNavigation_icon { width:50px; } 
	
 TD.MobileNavigation { color:#2C3342;  
		font-size:14.0pt; font-weight:bold;
		vertical-align:center;}

		
/* -- Mobile Navigation -- */		

div.MobileNavigationLayout
{
	display:flex;	flex-wrap: wrap;
}
div.MobileNavigationElement
{
	width:80px;
}