@font-face{ 
	font-family: 'Open Sans';
	font-weight:normal;
	font-style:normal;
	src: url('../css/OpenSans-Regular.ttf') format('truetype'); /* browsers that support true type */ 
	
	font-family: 'Open Sans-Bold';
	font-weight:bold;
	font-style:normal;
	src: url('../css/OpenSans-Bold.ttf') format('truetype'); /* browsers that support true type */ 
}

BODY {font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #000000;background-color:#ffffff;
    }
A, P, TD, UL, LI, TEXTAREA, SELECT, INPUT {font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; FONT-SIZE: 12px; color: #000000;
    }

textarea { white-space: pre-wrap !important; word-wrap: break-word !important; }

body.PageMargins
{
	margin-top: 4px;
	margin-left: 15px;
	margin-right: 10px;
	margin-bottom: 15px;
}

P.HangingIndent
{
	margin-top: 1px; 
	margin-bottom: 0px; 
	font-size: 12px; 
	text-indent: -1em; 
	margin-right: 1em; 
	margin-left: 1em;
}

.SmallerLink
{
	FONT-SIZE: 10px;
	color: #000000;
}

A.DocumentLink,
TD.DocumentLink,
.SmallLink   
{	 
    FONT-SIZE: 11px;
    color:#000000;
}

A.DocumentTitleLink 
{	 
    color:#000000;
    FONT-SIZE: 14px;
}

A.Link,
TD.Link,
A.TreeNotSelected
{	 
    FONT-SIZE: 12px;
    color:#000000;
}

A.TreeSelected
{
	FONT-SIZE: 12px;
	color: #666666;
}


KBD {
    background: #ffffff;
    background-color: #ffffff;
    color: #0000ff; }
VAR {font-style: italic;
    }
    
TD.adminColumn 
{
   vertical-align: top;
   width: 285px;
}

TD.bullet {
   vertical-align: top;
   text-align: center;
   width: 12px;
    }
TD.label 
{
    font-size: 12px;
    width: 10%;
}
TD.message {
    background: #d9d9d9;
    background-color: #d9d9d9;
    color: #000000; 

}
TD.TreeSelected 
{
	height: 25px;
	background-color: #D9D9D9;
	color: #FFFFFF; 
	padding-left: 4px;
}

TD.TreeNotSelected 
{
	height: 25px;
	font-size: 12px;
}

TD.DocumentInfo {
    font-size: 13px;
    }
    
td.divider, p.divider
{
	BACKGROUND: #d9d9d9; 
	VERTICAL-ALIGN: top; 
	HEIGHT: 1px 
}

TH {
    BACKGROUND:  #0E1020;
    FONT-SIZE: 12px;
    COLOR: #FFFFFF;
    TEXT-ALIGN: left;
    HEIGHT: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

TD.numeric {
   text-align: right;
    }
TH.numeric {
   text-align: right;
    }
.center {
   text-align: center;
    }
A.THSortLink
{
    COLOR: #ffffff;
    FONT-SIZE: 12px;
    TEXT-ALIGN: left;
}
A.ActiveSortLink
{
    FONT-WEIGHT: 500;
    COLOR: #000000;
    FONT-SIZE: 12px;
}

tr.hideDisplay, td.hideDisplay, th.hideDisplay
{
	display: none; 
}
    
td.exportSelectedFields
{
	width: 42%;	
}

div.underline {
    border-bottom-style: solid;
    border-width: thin;
    width: 100%
    }
    
div.dividerTab {
    padding-top:5px;
    padding-bottom:5px;
    padding-right:5px;
    padding-left:5px;
    width:99%;
    }
    
.selected_page_number   
{
	vertical-align:top;
    font-weight:bold;
    font-size:12px;
}
    
.page_number_link
{
	vertical-align:top;
    font-size:12px;
}

.page_set_link
{
	vertical-align:top;
    font-size:12px;
}   

.records_displayed
{
	vertical-align:top;
    font-size:12px;
}

.readOnlyField
{
    font-weight:bold;
}

.pageTitle {
    COLOR: #ffffff;
    font-size: 18px;
    VERTICAL-ALIGN: middle;
    height: 32px;
    background-color:  #0E1020;
    padding-left: 11px;
}

.pageSubTitle
{
	font-weight: bold;
	font-size: 14px;
	vertical-align: middle;
	height: 34px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.searchTitle 
{ 
    font-size:18px; 
    VERTICAL-ALIGN: middle; 
    height: 32px;
	padding-left: 11px;
}

.breadcrumb
{ 
    font-size:11px; 
    VERTICAL-ALIGN: middle; 
    height: 38px;
}

.smallText
{ 
    font-size:11px; 
}

.smallerText
{ 
    font-size:10px;
    font-weight:bold;
    padding-bottom:10px; 
}

.smallTextRight
{ 
    font-size:11px;
    text-align: right;
    vertical-align: top;
    padding-top: 5px; 
    padding-right: 10px; 
}

.mediumText
{ 
    font-size:14px; 
}

.messageBar 
{ 
    height: 32px;
    font-size:14px; 
    background-color:#D9D9D9;
    vertical-align: middle;
    padding-left:10px;
}

.headerBar
{
    height: 40px;
    background-color:  #0E1020;
}

.headerTitle
{
    box-sizing: border-box;
    color: #ffffff;
    font-size: 23px;
    font-weight: 700;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-top: 3px;
    padding-bottom: 0px;
    vertical-align: bottom;
    white-space: nowrap;
}

.toolbarBeforeSpacing
{ 
    height: 15px;
}

.toolbarAfterSpacing
{ 
    height: 10px;
}

.toolbarBottomSpacing
{ 
    height: 10px;
}

.lineOneToolbar 
{ 
    height: 30px;
    vertical-align: bottom;
}

.lineTwoToolbar 
{ 
    height: 35px;
    vertical-align: middle;
}

.toolbarButton
{ 
    vertical-align: top;
    padding-right: 5px;
}

.header
{
    FONT-SIZE: 12px; 
    COLOR: #FFFFFF; 
    TEXT-ALIGN: left;
    HEIGHT: 24px;
    padding-left: 5px;
    padding-right: 5px;
}

.headerBold
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
}

.headerHome
{
    FONT-SIZE: 14px; 
    font-weight: bold;
    COLOR: #000000;
    padding-left: 10px; 
    padding-top: 5px;
    TEXT-ALIGN: left;
    HEIGHT: 26px;
}

.inverseHeader
{
	FONT-SIZE: 14px;
	font-weight: bold;
	COLOR: #FFFFFF;
	background-color:  #0E1020;
	padding-left: 10px;
	TEXT-ALIGN: left;
	HEIGHT: 26px;
}

.inverseHeader a
{
    COLOR: #FFFFFF;
    padding-left: 0px; 
}

.homeSearch
{
	FONT-SIZE: 14px; 
}

.homeWhatsNew
{
	FONT-SIZE: 14px; 
}
.homeLink
{
	FONT-SIZE: 10px;
	color: #000000;
}

.recordText {
    FONT-SIZE: 12px;
    white-space: normal;
}

.recordTextMiddle
{
    FONT-SIZE: 12px; 
    vertical-align: middle;
        padding-top: 4px;
}

.recordTextTop
{
    FONT-SIZE: 12px; 
    vertical-align: top;
}

.recordLabel
{
    vertical-align: middle;
    text-align: right;
    font-size: 12px;
    font-weight:bold;
    padding-right: 10px;
    height: 14px;
}   

.recordLabelTop
{
    vertical-align: top;
    text-align: right;
    font-size: 12px;
    font-weight:bold;
    padding-right: 10px;
    padding-top: 4px;
    height: 14px;
}   

.recordLabelTopHeader
{
    vertical-align: top;
    text-align: right;
    font-size: 12px;
    font-weight:bold;
    padding-right: 10px;
    padding-top: 12px;
    height: 14px;
} 

.recordLabelTopMultiline
{
    vertical-align: top;
    text-align: right;
    font-size: 12px;
    font-weight:bold;
    padding-right: 10px;
    padding-top: 10px;
    height: 14px;
} 

.recordLabelGroup
{
    vertical-align: top;
    text-align: right;
    font-size: 10px;
    font-weight:bold;
    padding-right: 10px;
    padding-top: 5px;
    height: 14px;
}   

.recordLabelTopRight
{
    vertical-align: top;
    text-align: right;
}   

.recordLabelTopLeft
{
    vertical-align: top;
    text-align: left;
}   
.rowFormat
{ 
    padding-top: 6px;
}

.calendarFormat
{ 
    vertical-align: top;
    margin-top: 3px;
    margin-left: 5px;
}

.rowFormatTop
{ 
    padding-top: 4px;
}

.requiredAsterisk 
{
    COLOR:#ffed00; 
}

.listInformation 
{ 
	FONT-SIZE: 12px; 
}

.separatorBefore
{ 
	height: 5px;
}

.separator 
{ 
	height: 2px;
	background-color: #D9D9D9;
}

.separatorAfter
{ 
	height: 10px;
}
.messageSeparator 
{ 
	height: 1px;
	background-color: #FFFFFF;
	
}
.disabled
{
    opacity: 0.4;
    filter: alpha(opacity=40);
} 

.homePageImage01
{	
	background-image: url(../images/image_index01_dxc2.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.homePageImage02
{
	background-image: url(../images/image_index02_dxc2.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.homePageImage03
{
	background-image: url(../images/image_index03_dxc2.jpg);
    background-repeat: no-repeat;
    background-position: top;
}
.homePageImage04
{
	background-image: url(../images/image_index04_dxc2.jpg);
    background-repeat: no-repeat;
    background-position: top;
}

.secondaryLogo
{
    padding-left: 15px; 
}

.lineColor
{
	color: #ffed00;	
}

.indent1
{
	padding-left: 10px;	
}

.indent2
{
	padding-left: 20px;	
}

.indent3
{
	padding-left: 30px;	
}

.indent4
{
	padding-left: 40px;	
}

.indent5
{
	padding-left: 50px;	
}
.highlight 
{ 
	BACKGROUND: #ffed00; 
	vertical-align: top;
}
.verticalAlignTop 
{ 
	vertical-align: top;
}
.textAlignRight 
{ 
	text-align: right;
}

.calendarHoliday
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 75%; 
	COLOR: #0000ff
}

.responsibility
{ 
	background-color: #d9d9d9;
}

.calendarUser
{
	FONT-SIZE: 75%; 
}

.myinfoSpacing
{ 
    height: 20px;
}

.documentCatList
{
    background-color: #D9D9D9;
    border-color: #666666;
    height: 100%;
    width: 100%;
}
/** Connect Pop Up Calendar Styles **/
.calendarPopUpClickableSelectedCurrentDay,
.calendarPopUpClickableCurrentDay,
.calendarPopUpClickableSelectedDay,
.calendarPopUpClickableDay,
.calendarPopUpOffDay,
.calendarPopUpRolloverDay,
.calendarPopUpDaysHeader

{
	background-color: #FFFFFF;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	vertical-align: top;
    height: 35px;
    width: 35px;
    border: 1px solid #D9D9D9;
}

.calendarPopUpClickableSelectedDay
{
  background-color: #ffed00;
  color: #000000;
}

.calendarPopUpClickableCurrentDay
{
  color: #000000;
}

.calendarPopUpClickableSelectedCurrentDay
{
  background-color: #ffed00;
  color: #000000;
}

.calendarPopUpRolloverDay
{
  background-color: #ffed00;
  color: #000000;
}

.calendarPopUpOffDay
{
	color: #000000;
    background-color: #D9D9D9;
}

.calendarPopUpDaysHeader
{
	color: #FFFFFF;
	background-color: #000000;
  text-align: center;
  height: 20px;
  vertical-align: middle;
}

.calendarPopUpHeader
{
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	vertical-align: middle;
	height: 16px;
	text-align: center;
}


/** Possession Arrow Styles **/

.possessionArrow
{
	height:17px;
	width:17px;
	vertical-align:middle
}

.possessionClock
{
	border:none;
	background-color: #D9D9D9;
	FONT-SIZE: 12px; 
	text-align:left
}

.possessionClockBold
{
	border:none;
	background-color: #D9D9D9;
	FONT-SIZE: 12px; 
	font-weight: bold;
	text-align:center
}

.clock_not_started
{
	background-color:Transparent;
	height:10px;
	width:10px;
}

.clock_in_progress
{
	background-color:Yellow;
	height:10px;
	width:10px;
}

.clock_waiting_on_eds
{
	background-color:Red;
	height:10px;
	width:10px;
}

.clock_approved
{
	background-color:Green;
	height:10px;
	width:10px;
}

.clock_disapproved
{
	background-color:Red;
	height:10px;
	width:10px;
}

.yui-navset .yui-nav li em 
{ 
	padding-bottom: 0em;
	padding-top:0em; 
} /* tab padding */

.yui-navset li a
{
	text-decoration: none;
 }
 
.yui-navset li em 
{
	font-style:normal;
	FONT-SIZE: 13px;
	background-color: #D9D9D9;
 }

.yui-nav li.selected em,
.yui-nav li.selected em:hover
{
	font-weight: bold;
	background-color: #ffffff;
    color:#000000;
    border-bottom: #ffffff;
    text-decoration: none;
}

.yui-nav li.disabled em
{
	font-weight: normal;
}

.yui-content
{
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	background:white;
	border:solid 1px black;
}

/*Override Select2 style*/
.select2-selection__rendered {
    line-height: 22px !important;
    color: #000000 !important;
}

.select2-selection {
    height: 22px !important;
}

.select2-selection__arrow {
    height: 22px !important;
}
.bg-clr-white {
    background-color: #ffffff !important;
}

.sticky-bar-top-0 {
    position: sticky;
    top: 0;
    z-index: 10;
}

.scroll-container table tr:first-child {
    position: sticky;
    top: 0;
    z-index: 5;
}
.full-width {
    width: 100% !important;
}

.requiredFields {
    border: 1px solid red;
    background-color: #FFFF99;
}
.requiredFields + .select2 .select2-selection {
    border: 1px solid red !important;
    background-color: #FFFF99 !important;
}