/* hr- styles previously cloned from dw-ext-all.css; I believe many of these are not used yet */
.hr-base {
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	padding: 2px;
}

.hr-download-popup-label {
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

.hr-error {
	font-weight: bold;
	color: red;
}

.hr-header {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.hr-header-menu button {
	font-size: 12pt !important;
	font-weight: bold !important;
	TEXT-DECORATION: underline;
}

.hr-header-menu-item {
	font-size: 8pt;
	font-weight: normal;
}

.hr-header-env button {
	font-size: 10pt;
	font-weight: bold;
}

.hr-header-feedback button {
	font-size: 12pt;
	font-weight: bold;
	TEXT-DECORATION: underline;
}

.hr-home-title {
	font-size: 1.4em;
	color: #FF8A3D;
	}
.hr-home-subtitle {
	font-size: 12pt;
	color: #FF8A3D;
}
.hr-home-section {
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	height: 17px;
}
.hr-home-headline {
	font-weight: bold;
}
.hr-home-text {
}

.hr-note {
	font-style: italic;
}

.hr-page-title {
	font-weight: bold;
	margin-bottom: 10px;
}

.hr-page-label {
	text-align: right;
}

.hr-success {
   font-weight: bold;
   color: green;
}

.hr-warning {
   font-weight: bold;
   color: orange;
}

.Hidden { visibility:hidden; }

.hr-icon-add {
   background-image: url(/hrapp/adminapp/resources/icons/silk/add.png) !important;
}
.hr-icon-add-calendar {
   background-image: url(/hrapp/adminapp/resources/icons/silk/date_add.png) !important;
}
.hr-icon-edit {
   background-image: url(/hrapp/adminapp/resources/icons/silk/bullet_edit.png) !important;
}
.hr-icon-back {
   background-image: url(/hrapp/adminapp/resources/icons/silk/action_back.gif) !important;
}
.hr-icon-save {
   background-image: url(/hrapp/adminapp/resources/icons/silk/disk.png) !important;
}
.hr-icon-save-return {
   background-image: url(/hrapp/adminapp/resources/icons/silk/disk_upload.png) !important;
}
.hr-icon-cancel {
   background-image: url(/hrapp/adminapp/resources/icons/silk/cancel.png) !important;
}
.hr-icon-delete {
   background-image: url(/hrapp/adminapp/resources/icons/silk/delete.png) !important;
}
.hr-icon-asterisk-red {
   background-image: url(/hrapp/adminapp/resources/icons/silk/asterisk_red.png) !important;
}
.hr-icon-exclamation {
   background-image: url(/hrapp/adminapp/resources/exclamation.png) !important;
}

A.hr-footer-link {
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
	text-align: left;
}
A.hr-footer-link:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.hr-footer-link:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; TEXT-DECORATION: none
}
A.hr-footer-link:hover {
	FONT-WEIGHT: bold;	TEXT-DECORATION: underline
}
.hr-footer-copyright{
	font-size: 10px;
	color: #FFFFFF;
}

.hr-errorPanel
{	font-size : 8pt;
	color	: Maroon;
	background-color : #FFFFE0;
   padding : 3px;
   border : solid;
   border-color : Maroon;
   border-width : 1px;
   vertical-align : top;
   margin-left:0px;
   word-break : break-word;
  }
.hr-pageErrorPanel
{	     border : solid;
        border-width : 1px;
        border-color : Maroon;
        background-repeat: no-repeat;
        background-position: 10px 10px;
         vertical-align : top;
         margin : 10px 5px 10px 5px;
         white-space: normal;
  }
.hr-pageMessagePanel
{	     width : 800px;
        border : solid;
        border-width : 1px;
        border-color : Maroon;
	     background-color : #F2F2F2;
        vertical-align : top;
        white-space: normal;
        margin : 10px 5px 10px 5px;
  }
.hr-errorMessage
{	     color	: Maroon;
        background-color : #FFFFE0;
	     background-image: url(../../Images/icon_error_critical.gif);
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding : 10px 10px 10px 30px;
        vertical-align : top;
        white-space: normal;
  }
.hr-infoMessage
{	    color	: Maroon;
        background-image: url(../../Images/icon_info.gif);
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding : 10px 10px 10px 30px;
        vertical-align : top;
        white-space: normal;
  }
.hr-warningMessage
{	font-size : 8pt;
	color	: Maroon;
        background-image: url(../../Images/icon_alert.gif);
        background-repeat: no-repeat;
        background-position: 10px 10px;
        padding : 10px 10px 10px 30px;
        vertical-align : top;
        white-space: normal;
  }

/* For the revamped app header */

/* Overrides to current Ext styles to make this all work */
.x-border-layout-ct {
	background-color: #fff !important;
	background-repeat: no-repeat;
  	-webkit-background-size: contain;
  	-moz-background-size: contain;
  	-o-background-size: contain;
  	background-size: contain;
}
.x-panel-body {
	background-image: none;
}

.x-table-layout td {
	vertical-align:top;
 } 
 
.x-form-display-field {
    padding-top: 3px;
}

.x-form-display-field6 {
    padding-top: 7px;
}

.ux-progress .x-grid3-cell-inner {position: relative; padding: 0;}
.ux-progress-bar {background-color: #808080;}
.ux-progress-text {position: absolute; top: 2px; left: 2px; text-align: center; width: 100%;}

.x-tool-chart {background-image: url(/hrapp/adminapp/resources/icons/silk/chart_pie.png);}
.x-tool-chart-over {background-image: url(/hrapp/adminapp/resources/icons/silk/chart_pie.png);}

/* New styles */
.header-left {
	background:transparent url(../Images/header_left.png) no-repeat top left;
   	left:0;
   	width:935px;
   	height:126px;
   	border:0px;
   	float:left;
}
.header-middle {
	background:transparent url(../Images/header_middle6.png) repeat-x;
	background-size: auto 100%;
   	height:126px;
   	width:100%;
   	border:0px;
}
.header-right {
	background:transparent url(../Images/header_right.png) no-repeat top left;
   	height:126px;
   	width:27px;
   	border:0px;
   	right:0;
   	float:left;
}
.header-logo {
	position:absolute;
	top:34px;
	left:30px;
	z-index:10;
}
.header-banner {
	position:absolute;
	top:22px;
	left:165px;
	z-index:20;
}
.header-title span {
	font-size: 20px;
}

.header-title br {
	font-size: 0px !important;
}
.header-title
{	
	font-family: verdana,arial,sans-serif;
	font-size: 15px !important;
	text-align:center,
	color: black;
}

.home-header-title
{	
	font-family: verdana,arial,sans-serif;
	font-size: 20px !important;
	font-weight: bold !important;
	color: Black;
}

.header-subtitle
{	font-size: 12px !important;
	font-style: italic !important;
	text-align:center !important;
 }
 
.header-links {
	position:absolute;
	top:10px;
	right: 30px;
	font-size:11px;
	color:#EEEEEE;
	font-family: 'Verdana', 'Arial', 'Sans-Serif';
	cursor:default;
}
.header-links a {
	color:#EEEEEE;
	background-color:#666666;
	margin:0 8px;
	text-decoration:none;
}
.header-links a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.body-left
{
	background:transparent url(../Images/middle_left.png) repeat-y top left;
   	width:16px;
}
.body-right
{
	background:transparent url(../Images/middle_right.png) repeat-y top left;
   	width:27px;
}

.footer-left {
	background:transparent url(../Images/footer_left.png) no-repeat top left;
   left:0;
   height:34px;
   width:26px;
   border:0px;
   float:left;
}
.footer-middle {
	background:transparent url(../Images/footer_middle.png) repeat-x;
	height:34px;
	width:100%;
	border:0px;
}
.footer-right {
	background:transparent url(../Images/footer_right.png) no-repeat top left;
   height:34px;
	width:27px;
   border:0px;
   right:0;
   float:right;
}
.footer-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.78em;
	line-height: 1.2;
	text-align:center;
	color:#777777;
	font-weight:bold;
	height:20px;
	padding: 0px 0px 5px 0px;
}
.navigation {
	position:absolute;
	top:75px;
	left:0px;
	padding-left:5px; /* adjusts the horizontal position of the top-level nav */
}
.navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
.navigation li {
	float: left;
	//background: transparent url(../Images/nav_divider.png) no-repeat bottom right;
	padding:0 1px 0 1px;
}
.navigation a.navigation-link {
	text-decoration:none;
	display: block;
	margin-top:21px;
	padding:0px 15px 5px 18px; /* adjust the width of the tabs by adjusting the left & right padding */
	margin-right:2px;
	color: #eee;
	text-transform: uppercase;
	font-size: 16px;
	text-shadow: #000 1px 1px 3px;
	white-space:nowrap; /* fix IE8 comp mode issue where nav text wraps */
	
}
.navigation a.navigation-link:hover {
	color: #FFFFFF;
}

.hr-label {
	margin:0px;
}

.hr-field {
	margin:0px;
}

.panel-inside-form .x-table-layout {
	padding-top:0px !important;	
}

.hr-view .x-form-item-label-text {
	color: #990000;
	font-weight: bold;
}

.hr-settings {
	background-color:white;
	margin-top:3px;
}

.hr-settings .x-table-layout {
	padding-top:5px;
}

.hr-settings-no-hdr .x-table-layout {
	padding-top:5px;
}

/* checkboxes are ugly, weird spacing. This aligns it better with the label in a panel */
.hr-checkbox .x-form-layout-wrap {
    border-spacing:0px;
    padding:0px;
}
.hr-checkbox .x-form-item-body-default.x-form-checkboxgroup-body {
	padding:0px;
}

.hrDrilldownForm {
	margin-top:3px;
}

.hrDrilldownForm .x-autocontainer-form-item {
	margin-bottom:0px;
}

.drilldownCls {
	cursor:pointer;background-color:Salmon;
}

/* No results text is ugly.. this doesnt seem to fix the message returned with zero records though? */
.x-grid-empty {
	font-size:11px;
}

.x-grid-empty-results {
	padding-top:7px;
	padding-left:7px;
	font: normal 11px tahoma, arial, verdana, sans-serif;
}

.x-form-display-field6 {
	padding-top:7px;
	font-weight: bold;
	text-decoration:underline;
	font-size:10px;
}

.x-form-display-field-default {
	margin-top:0px;
}

.x-form-item-label-inner {
	padding-bottom:0px !important;
}
.panel-html {
	margin-left:10px;
	margin-top:5px;
}

.x-form-item-hidden .x-form-item-label-default {
	padding:0px !important;
}

.x-form-item-hidden-default {
	margin-bottom:0px !important;
	display:none; !important;
}

.hr-fake-link {
	cursor:pointer;
	color:blue;
	text-decoration:underline;
}
.hr-fake-link:hover {
	text-decoration:none;
}

.hr-grid {
	margin-right:10px;
}

.x-monthpicker-years {
	float: left;
}

.x-monthpicker-months {
	float: right;
	border-width: 0 0 0 1px;
}

/* For the month picker, if the year isnt set, it'll shrink the dom contents We want the available years to show at the bottom, and not have them move towards the center due to doms with no years losing their height */
.x-monthpicker-item-inner {
	display: unset;
}

.display-field-note > div > div {
	padding-top: 1px;
}

.display-field-note > div > span {
	padding-top: 1px;
}

.validationMessages li {
	color:#990000;
}

A.BodyLink { 
	color	: #990000; 
	text-decoration : none;
}
A.DownloadLink {	
	color	: #003366; 
	text-decoration : none;
}
A.BodyLink:Hover { 	
	text-decoration : underline; 
}

.x-btn-group-default {
	box-shadow:none;
}


.timesheet_panel
{	
	border: 1px solid #990000;
}

.preapprovalRequest_panel
{	
	border: 1px solid #990000;
}

.readOnlyRow{
    border-bottom-color: #404040; 
    border-top-color: #404040;
}

.read-only-row {
    background-color: #ebebeb;
}

.deletedTimeCellWithStrikethrough div {
	color: red;
	text-decoration: line-through;
	border: 1px solid red !important;
}

.deletedTimeCell div {
	color: red;
	border: 1px solid red !important;
}

.addedDetailCell div {
	color: green;
}

.addedDetailCellWithBorder div {
	color: green;
	border: 1px solid green !important;
}

.deletedDetailCell div {
	color: red;
	text-decoration: line-through;
}

.changedDetailCellStrikethrough div {
	text-decoration: line-through;
}

.timeCellWithNote div {
	background-image:url(../Images/cellWithNote.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#tsAmendIndicatorGrid .x-grid-group-hd {
    border-bottom: 2px solid #990000;
    cursor:default;
    padding-top:6px;
}
/* remove the trigger and the mouse-cursor-hand from groupable-grid-headers */
#tsAmendIndicatorGrid .x-grid-group-hd div {
    background-image: none;
    padding:4px 4px 4px 4px;
    color:#3764a0;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
}

#tsAdditionalWorkedGridPanel .x-grid3-cell-inner {
    border: 1px solid grey;
}

#tsAdditionalWorkedGridPanel .x-grid3-row {
    background-color: #f6f6ee;
}

#tsAdditionalWorkedGridPanel .x-grid-group-hd {
    border-bottom: 2px solid #990000;
    cursor:default;
    padding-top:6px;
}
/* remove the trigger and the mouse-cursor-hand from groupable-grid-headers */
#tsAdditionalWorkedGridPanel .x-grid-group-hd div {
    background-image: none;
    padding:4px 4px 4px 4px;
    color:#3764a0;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
}

.x-grid-panel .x-panel-mc .x-panel-body {
	border-style:none;
}

#tsTitlePanel .x-grid3-header {
   	display:none;
}

#tsTotalWeeklyGridPanel .ux-grid-hd-group-cell {
	border: 0px solid black;
}

#timesheetGrid .x-grid3-cell-selected{
	background-color: #b8cfee !important;
	color:#000;
}

#tsAdditionalWorkedGridPanel.x-grid3-cell-selected{
	background-color: #b8cfee !important;
	color:#000;
}

.tsIcon {
	height:16.5px;
}
.tsIconPadded {
	margin-left:2px;
}

.hideIcon {
   	visibility:hidden !important;
}
.hideDisplayIcon {
   	display:none !important;
}

ul.x-tab-strip-top, ol.x-tab-strip-top {
	padding-left:0px
}

.x-window-header-text {
	color: #000000;
}

.priorPPColumn {
	color: blue;
}

#tsDetailsGrid .x-grid3-scroller  {
	overflow-x: scroll !important;
}

#tsHoursGrid .x-grid3-scroller  {
	overflow-x: scroll !important;
}

.validationError .x-grid-cell {
   	color: #990000;
}

.validationWarning .x-grid-cell {
   	font-style: italic;
}

.validationInformation .x-grid-cell {
   	font-style: bold;
}

.timesheetInformationImportant .x-grid-cell {
	color: #990000;
}

.viewTimesheetLeftMenu {
	left: 15px !important;
}
.viewTimesheetRightMenu {
	right: 15px !important;
}
.tsButton span {
	color:#000000;
	background-color:white !important;
}
.homeLoginPanel .x-panel-header .x-title-text {
	color:white !important;
}
.hrMenu .x-menu-item-text {
	color:black !important;
}
.hrMenu {
	padding:0px;
}

.tsWizardButton {
	color:#000000 !important;
	background-color:white !important;
	border:1px solid #d0d0d0;
}

.timesheetTabSideMenu .x-tab-bar-body {
	background-color: #9A0000;
}

.x-mask {
   	background-color: rgba(204, 204, 204, 0.8);
}

.tsPopupWindow .x-toolbar-footer {
	background-color: #9A0000;
}

.x-grid-group-title {
	color: #9A0000;
}

.addedTimeCell td div {
	border: 1px solid green !important;
	color: green;
}

.changedTimeCell div {
	color: blue;
}

.changedDetailCell div {
	color: blue;
}

.missingValueCell div {
	background-color:#FFEEEE !important;
}

.timeCellWithNote div {
	background-image:url(../Images/cellWithNote.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
	
.x-tab-scroller-right-over {
    background-position: -18px 0;
}

.x-tab-tabmenu-right {
    background: transparent url(tab-scroller-menu.gif) no-repeat 0 0;
    border-bottom: 1px solid #8db2e3;
    width:18px;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    cursor:pointer;
}
.x-tab-tabmenu-over {
    background-position: -18px 0;
}
.x-tab-tabmenu-disabled {
    background-position: 0 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.newTimesheetLine {
	color: green;
}

.approvableTimesheetLine {
	background-color:#b8cfee;
}

.deletedTimesheetLine {
	color: red;
	text-decoration: line-through;
}

.changedTimesheetLine {
	color: blue;
}

.changedTimesheetCell div {
	color: blue;
}

.cellRedLink div {
	color: #990000;
	font-weight: bold;
}

#timesheetStatusCmp-innerCt {
	font-size:12px;
	color: #9A0000;
	font-weight:bold;
}

.x-form-item-default.x-item-disabled {
	opacity:.8;
	color: black !important;
}

.highlightNewRow {
	background-color:#b8cfee;
}

.TaskBar 
{
   vertical-align : top;
}
.TaskBarTable
{	
	border : solid;
 	border-color : #a9a9a9;
 	border-width : 1px;
}
.TaskBarGroupHeader
{	font-size : 8pt;
	font-weight : Bold; 
	color : #003366;
	white-space: nowrap;
	vertical-align : middle;
	text-align : left;
  	border-bottom : 1px;
  	padding : 0px 5px 5px 5px;
}
.TaskBarHeader
{	
	font-size : 8pt;
	font-weight : Bold; 
	background-color : #F0F0F0;
	white-space : nowrap;
   	padding : 2px;
   	color : #003366;
}
A.TaskBarHeaderLink
{	
	font-size : 10pt;
	color	: #C0C0C0;
	text-decoration : none;
  	padding : 3px;
}
A.TaskBarHeaderLink:Hover
{ 
	color : White; 
	text-decoration : underline;
}
.TaskBarBody
{	
	font-size : 8pt;
}
.TaskBarItem
{	font-size : 8pt;
	background-color : #F2F2F2;
}
A.TaskBarLink
{	font-size : 8pt;
	color	: #990000;
	text-decoration : none;
  	vertical-align : middle;
}
A.TaskBarLink:Hover
{ 
	color : White;
  	color : #6a5acd;
  	vertical-align : middle;
	text-decoration : underline;
}
UL.LinkList, LI.LinkListItem
{  
	margin : 0;
   	padding : 0;
   	cursor: pointer;
}

.lightPanelHeader .x-panel-header-default {
	background-color:#F0F0F0;
	background-image:none;
}

.x-form-invalid-field-default {
	background-image: none; /* remove that hideous squiggly line -> url(images/grid/invalid_line.gif); */
}

.lighterMask .x-mask {
	background-color:rgba(204, 204, 204, 0.3);
}

/* Important -> cell css overrides selected row highlight */
/*
.tsGrid .x-grid-item-selected {
	background-color: white;
}
.tsGrid .x-grid-item-selected .x-grid-td {
	background-color: white;
    border-top:1px solid #990000;
    border-bottom:1px solid #990000;
}
*/

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.appHeaderCls .x-panel-header-default {
    background-color: white !important;
    background-image:none;
}

.toastError { background-color: #ff3333; }
.toastError div { background-color: #ffcccc; }
.toastWarning { background-color: #ffffe6; }
.toastWarning div { background-color: #ffebcc; }
.toastInfo { background-color: #e6f0ff; }
.toastInfo div { background-color: #b3d1ff; }
.toastDefault { background-color: #595959; }
.toastDefault div { background-color: #ffffff; }

/* Dont like how the button panel mask looks and interferes with the panel header -> Making non transparent */
.opaqueMask .x-mask {
    background-color: #d7d2d2 !important;
	filter: none;
	opacity: 1 !important;
}

.opaqueWhiteMask .x-mask {
    background-color: white !important;
	filter: none;
	opacity: 1 !important;
}

.opaqueGreyMask .x-mask {
	background-color: #e8e8e8 !important;
	filter: none;
	opacity: 1 !important;
}

.audit-row-msg-icon { background: url("/hrapp/adminapp/resources/icons/silk/comment.gif") 99% center no-repeat;}
.audit-row-msg-icon .x-grid3-cell-inner {padding-right: 23px;}

.compareAdded {
	background-image: url(/hrapp/adminapp/resources/icons/silk/table_row_insert.png);
	height: 17px;
	width: 17px;
}
.compareDeleted {
	background-image: url(/hrapp/adminapp/resources/icons/silk/table_row_delete.png);
	height: 17px;
	width: 17px;
}
.compareChanged {
	background-image: url(/hrapp/adminapp/resources/icons/silk/table_edit_cell.png);
	height: 17px;
	width: 17px;
}
.textarea disabled {
	color: black !important;
}
.hr-cell-icon {
	padding: 2px 2px 2px 2px;
}
.greenIcon {
    color: green !important;
}
.redIcon {
    color: red !important;
}
.blueIcon {
    color: blue !important;
}
.blackIcon {
    color: black !important;
}
.hideIconMask .x-mask-msg-text {
	background-image: none;
	padding: 5px 5px 5px 5px;
}
.hideRowExpander .x-grid-row-expander {
	visibility: hidden;
}
.timesheetTotalsGrid .x-grid-group-hd {
	/* change the color of the headers? or change the total summary color? background-color:#f2f2f2; */
	background-color:#FDFEFE;
	border-top: 2px solid #bcb0b0;
	padding: 2px 2px 2px 2px;
}
.timesheetTotalsGrid .x-grid-with-row-lines .x-grid-item {
	border-width:0px;
}
.fa-classic {
	/* too light -> use tritons blue -- color: #cbddf3 !important; */
	color: #5FA2DD !important;
}
.fa-gray {
	/* too light -> use grey -- color: #cbddf3 !important; */
	color: gray !important;
}
.fa-red {
	color: red !important;
}
.fa-green {
	color: green !important;
}
.fa-white {
	color: #F2F2F2 !important;
}
.fa-aria {
	color: #3A4155 !important;
}
.whiteMenu {
	background-color:white;
	color:black !important;
}
.whiteMenu .x-menu-item-text {
	color:black !important;
}
.borderlessButton {
	padding: 0px;
}
.transparentBtn {
    background-image: none !important;
    background-color: transparent;
}
.panelHover {
	background-image: none;
	background:#f1f1f1 !important;
	
}
.panelHover div {
	background-image: none;
	background:#f2f2f2 !important;
}
.panelHover .nbr {
	/* We can enlarge the number on hover -> meh */
}
.hrBackground {
	/* Using a js variable now for bodyStyle */
}
.hrBackground .x-panel-body-default {
	border:none;
}

/* Can change column headers to white -> looks nice 
.x-column-header {
	background-color: white;
	background-image: none;
}
*/

.x-column-header.tsDayColCls {
	background-color: white;
	background-image: none;
}

.x-column-header.tsDayColCls .x-column-header-over,
.x-column-header.tsDayColCls .x-column-header-sort-ASC,
.x-column-header.tsDayColCls .x-column-header-sort-DESC {
    background-color: white;
}
.leftMenuToggleBtn .x-menu-item-icon {
	padding:21px 8px 0px 0px !important;
	width:100%;
	text-align:center !important;
}
.leftMenu .x-menu-default {
	border:none;
}
.leftMenu .x-menu-item-icon {
	padding:21px 0px 0px 16px;
}
.leftMenu .x-menu-item-text {
	padding:21px 0px 0px 17px;
	height:100% !important;
}
.leftMenu .x-menu-item-arrow {
	padding:21px 0px 0px 17px;
}
.leftMenu .x-menu-item-arrow-default {
	top:28px;
}
.leftMenu .x-menu-item-link {
	height:100% !important;
}
.hr-icon {
	cursor:pointer;	
}
.display-icon {
	margin:0px;
	cursor:pointer;	
}
.display-icon:hover { 
	-moz-box-shadow: 0 0 10px #ccc; 
	-webkit-box-shadow: 0 0 10px #ccc; 
	box-shadow: 0 0 10px #ccc; 
}
.field-label-help-icon {
	cursor:pointer;
	margin-right:5px;
	vertical-align: middle;
}
.x-grid-row-summary .x-grid-cell {
	border-color:#b3b3b3;
}
/* all panels will get this -> could put it under a class */
.x-panel {
	border-radius: 0;
}
/*
.x-panel-header-default-top {
	-webkit-box-shadow:none !important;
	box-shadow:none !important;
}*/

/*
.leftMenu .x-focus .x-menu-item-focus x-menu-item-default-focus x-menu-item-active
*/

.x-btn-wrap-default-small.x-btn-arrow-right:after {
  background-image:none;
  content: "\f0d7";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  display: inline-block;
  vertical-align: middle;
  margin-left: 3px;
  margin-top:9px;
}

.x-docked-summary .x-grid-item, .x-docked-summary .x-grid-row-summary .x-grid-cell {
	border-top:1px solid #c6c6c6;
	boder-bottom:1px solid #c6c6c6;
}

/* Setting align:right on the column header affects the cell and text and header text. We want the column header to center align, and the cells to right align */
.timeGrid .x-column-header-text-wrapper {
	display: table-cell;
	vertical-align:middle;
	text-align:center;
}

/* shows a little white bar above the panel headers */
.x-panel-header-default-top {
	box-shadow: none;
}

.custom-trigger:before {
    position: relative;
    font-size: 16px;
    /*color: #b3b3b3;*/
}

.custom-trigger.info:before {
    content: "\f05a";
    color: blue;
}
.custom-trigger.question:before {
    content: "\f059";
    color: blue;
}
.top-label {
	font-weight:bold;
}
.info-mask {
	padding: 15px !important;
	background-color:white;
	border: 2px solid grey !important;
	border-radius:5px;
}
.info-mask .x-mask-msg-text {
    background: transparent !important;
    padding: 5px !important;
}
.info-mask .x-mask-msg-inner {
	border:none;
	background-color:white;
}
.hr-focus-panel {
	border: 2px solid yellow;
}
.hr-focus-btn {
	border: 2px solid yellow !important;
	background-color:white !important;
}
.hr-h2 {
	margin-block-start: 0.3em;
	margin-block-end: 0.3em;
	font-weight: normal;
	font-size: 1.3em;
}
.hr-h3 {
	margin-block-start: 0.2em;
	margin-block-end: 0.2em;
	font-weight: normal;
	font-size: 1.2em;
}
.ie-hr-h2 {
	font-weight: normal;
	font-size: 1.3em;
	margin: 0;
}
.ie-hr-h3 {
	font-weight: normal;
	font-size: 1.2em;
	margin: 0;
}
.sr-only {
	border: 0; 
	clip: rect(0 0 0 0); 
	clip-path: polygon(0px 0px, 0px 0px, 0px 0px);
	/* -webkit-clip-path: polygon(0px 0px, 0px 0px, 0px 0px); */
	height: 1px; 
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}
div.hr-title:focus {
	border: 2px solid yellow;
}
.timesheetDailyLineNotes .x-panel-body-default-framed {
	padding:10px 0px 0px 25px;
	font-size:18px !important;
}

.hr-month-picker .x-form-layout-wrap {
	border-spacing: 0px;
}

.hr-month-picker .x-form-form-item.x-form-item-no-label:before {
	content: none;
}
.hrDisplayField .x-form-display-field {
    padding-top: 4px;
}
.columnLines .x-grid-cell-inner {border-right: solid 1px #cccccc;}
.x-grid-new-item {
    color: #000;
    background-color: #D6EAF8;
}
.hideLines .x-grid-inner-locked {
	border-width: 0 0 0 0;	
}
.hideLines .x-grid-inner-normal {
	border-width: 0 0 0 0;	
}
.headerLine .x-box-inner {
	border-right: 2px solid #d0d0d0;
}
/* This fixes the mismatch lines on locked grids */
.lockedGrid .x-grid-cell-inner-action-col {
	padding: 0px;
}

.x-monthpicker-item a.x-monthpicker-disabled {
    background-color: #eeeeee;
    color: #c6bbc0;
    border-style: solid;
    border-color: #eeeeee;
}

.hrDrilldownForm {
	margin-top:0px;
}

.hrDrilldownForm .x-autocontainer-form-item {
	margin-bottom:0px;
}

.x-monthpicker-months, .x-monthpicker-months .x-monthpicker-item, .x-monthpicker-years, .x-monthpicker-years .x-monthpicker-item, .x-monthpicker-yearnav-button-ct {
	width:50% !important;
}

.infoCard div:focus {
  	background: #ebebeb !important;
  	border: 1px solid grey !important;
  	border-radius:5px;
}
.x-panel-info-card-framed {
	background: #ebebeb !important;
    border-color: #99bce8 !important;
    padding: 0px !important;
    border-radius:5px;
}
.x-grid-item-selected {
	background-color: #b8cfee;
}
.x-grid-row .x-grid-cell-selected {
    color: #000;
    background-color: #b8cfee;
}
.intermittent-reset-cell {
	border-top: 2px solid red !important;
}
.intermittent-negative-cell {
	color: red !important;
}
.intermittent-bold-cell {
	font-weight: bold !important;
}
.gridRowDivider .x-grid-cell{
	border-top: 1px solid black !important
}
.fa-reveal-trigger {
	background-image: url(/hrapp/Images/eye-trigger.gif);
}
.hr-fa-icon {
	vertical-align:top;
	line-height: .8;
	height:16.5px;
	margin-left:2px;
}
.fa-blue {
    color: blue !important;
}
/* When adding styles to combo list items, we want the item-over color to override our styles */
.x-boundlist-item-over {
	background: #e0e0e0 !important;
    border-color: #bfb8b8 !important;
}
.hrCenteredTextDisplay {
	text-align:center;
	vertical-align:middle;
	white-space:normal !important;
}

.hrOrgChartHighlight {
	background-color:#80CFD6;
}