.EmployeeContactCard {
  margin-left: 10px
}

.WelcomeWidget:empty,.WelcomeWidgetSmall:empty {
  display: none !important
}

.EmployeeContactCard .TabbedExpander .TabbedExpanderTitleClosed .TabbedExpanderArrowCell .dijitArrowNode
  {
  background:
    url('../images/ExpanderControl_sprites.png')
    no-repeat -1px -16px;
  width: 16px;
  height: auto
}

.EmployeeContactCard .TabbedExpander .TabbedExpanderTitleOpen .TabbedExpanderArrowCell .dijitArrowNode
  {
  background:
    url('../images/ExpanderControl_sprites.png')
    no-repeat -1px 2px;
  width: 16px;
  height: auto
}

.EmployeeContactCard[data-view-mode=quickview] {
  background-color: #fff;
  margin-left: 10px;
  width: 650px;
  position: relative;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  font-weight: normal;
  border: none
}

.EmployeeContactCard[data-view-mode=quickview] .dijitTabPaneWrapper {
  border-bottom: none
}

.EmployeeContactCard[data-view-mode=quickview] .dijitTabDisabled {
  display: none
}

.EmployeeContactCard[data-view-mode=dashboard] .ProfileOnly {
  display: none
}

.EmployeeContactCard[data-view-mode=quickview] .ProfileOnly {
  display: none
}

.EmployeeContactCard[data-view-mode=profile] .DashboardOnly {
  display: none
}

.EmployeeContactCard[data-view-mode=quickview] .DashboardOnly {
  display: none
}

.EmployeeContactCard[data-view-mode=dashboard] .QuickViewOnly {
  display: none
}

.EmployeeContactCard[data-view-mode=profile] .QuickViewOnly {
  display: none
}

.ContactCardEarnings .NoEarningsAvailable {
  margin: 5px;
  height: 16px;
  vertical-align: top
}

.ContactCardEarnings .LastPayLabel {
  margin: 5px;
  height: 16px;
  vertical-align: top
}

.EmployeeContactCard .NextPayIcon {
  display: inline-block
}

.EmployeeContactCard .NextPayDate {
  vertical-align: top
}

.ContactCardEarnings .LastPayAmount {
  font-weight: bold;
  color: #0355b2;
  margin-bottom: 5px
}

.ContactCardEarnings .LastPayAmountLabels {
  border-bottom-color: #d3d3d3;
  border-bottom-width: 1px;
  border-bottom-style: solid
}

.ContactCardEarnings .DirectDepositAccountList {
  margin-bottom: 10px;
  margin-top: 5px
}

.ContactCardEarnings .MyEarningsContent {
  width: 90%;
  text-align: center;
  margin-left: 10px
}

.ContactCardEarnings .LinkButton {
  margin-bottom: 10px;
  text-align: center;
  padding-bottom: 10px
}

.ContactCardEarnings .LinkButton a {
  cursor: pointer;
  color: #0053b2
}

.ContactCardEarnings .LinkButton a:link,.ContactCardEarnings .LinkButton a:visited,.ContactCardEarnings .LinkButton a:hover,.ContactCardEarnings .LinkButton a:active
  {
  color: #0053b2;
  text-decoration: none
}

.EmployeeContactCard[data-view-mode=dashboard] .ContactCardBalances {
  
}

.ContactCardBalances .BalanceItem {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 5px;
  padding-top: 5px
}

.ContactCardBalances .BalanceItem>* {
  display: inline-block;
  vertical-align: middle
}

.ContactCardBalances .BalanceItem .BalanceType {
  text-align: left;
  margin-right: 10px;
  width: 150px
}

.ContactCardBalances .BalanceItem .Totals {
  font-weight: bold;
  text-align: right
}

.EmployeeContactCard .ContactCardSectionTitle {
  font-size: large;
  font-weight: 600;
  background-color: #f4f4f4;
  padding-left: 20px;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-right: 5px
}

.EmployeeContactCard .QuickViewTabs {
  width: 100%
}

.EmployeeContactCard .QuickViewTabs .PayInformation {
  display: inline-block
}

.EmployeeContactCard .QuickViewTabs .Earnings {
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
  padding: 5px
}

.EmployeeContactCard .ProfileImage {
  float: left;
  margin-left: 20px
}

.EmployeeContactCard[data-view-mode=quickview] .ProfileImage {
  display: none
}

.EmployeeContactCard .Header {
  width: 90%;
  text-align: right;
  font-size: medium;
  font-weight: 600;
  height: 135px
}

.EmployeeContactCard[data-view-mode=quickview] .Header {
  text-align: left;
  height: auto;
  margin-left: 15px
}

.EmployeeContactCard[data-view-mode=dashboard] .Header {
  width: 90%;
  font-size: medium;
  font-weight: 600;
  height: 125px;
  background-color: #fff;
  position: relative
}

.EmployeeContactCard .Header .ImageUpload {
  height: 32px;
  width: 80px;
  margin-left: 32px
}

.EmployeeContactCard .Header .ImageName {
  height: 95px
}

.EmployeeContactCard .Header .Name {
  color: #0053a4;
  margin-left: 20px;
  margin-top: 20px;
  padding-top: 15px
}

.EmployeeContactCard[data-view-mode=quickview] .Header .Name {
  color: #0053a4;
  margin-left: 0
}

.EmployeeContactCard[data-view-mode=dashboard] .Header .Name {
  color: #0053a4;
  margin-top: 20px;
  text-align: center
}

.EmployeeContactCard[data-view-mode=profile] .Header .Name {
  color: #0053a4;
  margin-top: 20px;
  text-align: center
}

.EmployeeContactCard[data-view-mode=dashboard] .Header .PositionTitle {
  font-size: 12px;
  color: gray;
  width: 100%;
  text-align: center;
  text-transform: uppercase
}

.EmployeeContactCard[data-view-mode=profile] .Header .PositionTitle {
  font-size: 12px;
  color: gray;
  width: 100%;
  text-align: center;
  text-transform: uppercase
}

.EmployeeContactCard .Section {
  color: #000;
  margin: 0 5px 0 5px
}

.EmployeeContactCard[data-view-mode=quickview] .Section {
  color: #000;
  padding: 10px;
  margin: 5px;
  font-size: 12px;
  border: none;
  float: left
}

.EmployeeContactCard[data-view-mode=quickview] .AddressSection {
  width: 100px;
  color: grey
}

.EmployeeContactCard[data-view-mode=quickview] .ContactSection {
  width: 460px
}

.EmployeeContactCard .Section .LabelValue {
  margin-top: 3px
}

.EmployeeContactCard .Section .LabelValue .Label {
  width: 90px;
  margin-right: 30px;
  display: inline-block;
  word-wrap: break-word;
  vertical-align: middle;
  color: grey
}

.EmployeeContactCard .Section .LabelValue .Value {
  width: 170px;
  display: inline-block;
  word-wrap: break-word;
  vertical-align: middle;
  color: #000
}

.EmployeeContactCard .Section .LabelValue .Value .Email {
  cursor: pointer
}

.EmployeeContactCard .Section .LabelValue .Value .OnlineProfileElement {
  cursor: pointer
}

.EmployeeContactCard .Section .LabelValue .Value .Email:hover {
  color: blue
}

.EmployeeContactCard .Section .LabelValue .Value .OnlineProfileElement:hover
  {
  color: blue
}

.EmployeeContactCard .Section .Title {
  font-weight: bold;
  display: block;
  margin-bottom: 10px;
  color: #000
}

.EmployeeContactCard .Info {
  float: left;
  padding: 15px
}

.EmployeeContactCard .QuickViewSection {
  display: inline-block;
  vertical-align: top;
  margin-right: 20px
}

.EmployeeContactCard .widgetMenuTopRight {
  float: right
}

.EmployeeContactCard .Info .PayInformation {
  padding: 5px
}

.EmployeeContactCard .Info .EmployeeInformation {
  padding: 5px
}

.EmployeeContactCard .Info .EmployeeInformation .Label {
  float: left;
  margin-right: 40px;
  color: grey
}

.EmployeeContactCard .Info .EmployeeInformation .Label>* {
  height: 25px
}

.EmployeeContactCard .Info .EmployeeInformation .Value {
  float: left;
  color: #000
}

.EmployeeContactCard .Info .EmployeeInformation .Value>* {
  height: 25px
}

.EmployeeContactCard .Info .PayInformation .Label {
  float: left;
  margin-right: 40px;
  color: grey
}

.EmployeeContactCard .Info .PayInformation .Value {
  float: left;
  color: #000
}

.EmployeeContactCard .Info .PayInformation .Label>* {
  height: 25px
}

.EmployeeContactCard .Info .PayInformation .Value>* {
  height: 25px
}

.EmployeeContactCard .Info .PayInformation .Value .Link {
  color: #1e90ff;
  cursor: pointer
}

.EmployeeContactCard .QuickViewTabs .Earnings .Label {
  float: left;
  margin-right: 50px;
  color: grey
}

.EmployeeContactCard .QuickViewTabs .Earnings .Value {
  float: left;
  color: #000
}

.EmployeeContactCard .QuickViewTabs .Earnings .Label>* {
  height: 25px
}

.EmployeeContactCard .QuickViewTabs .Earnings .Value>* {
  height: 25px
}

.EmployeeContactCard .CloseButton {
  position: absolute;
  top: -20px;
  right: 0
}

.EmployeeContactCard .ContactInformation {
  overflow: auto
}

.EmployeeContactCard .ContactInformation .Label {
  color: grey
}

.EmployeeContactCard .ContactInformation .Value {
  color: #000
}

.EmployeeContactCard .AddressSection .Value {
  color: #000
}

.EmployeeContactCard .Section .SectionHeading {
  font-weight: bold
}

.EmployeeContactCard .Section .SectionHeading>* {
  display: inline-block;
  vertical-align: middle
}

.EmployeeContactCard .Section .SectionHeading .Icon {
  margin-right: 10px
}

.EmployeeContactCard .Section .PhoneNumberSection {
  margin-bottom: 10px
}

.EmployeeContactCard .Section .EmailAddressSection {
  margin-top: 10px;
  margin-bottom: 10px
}

.EmployeeContactCard .Section .OnlineProfileSection {
  margin-top: 10px
}

.EmployeeContactCard .Separator {
  border-bottom: solid 1px #dbdbdb
}

.EmployeeContactCard .MarginTop10 {
  margin-top: 10px
}

.EmployeeContactCard .MarginBottom10 {
  margin-bottom: 10px
}

.EmployeeContactCard.NoNextPayInfo .NextPayLabel {
  display: none
}

.EmployeeContactCard.NoLastPayInfo .LastPayLabel,.EmployeeContactCard.NoLastPayInfo .LastPayAmountLabels
  {
  display: none
}

.EmployeeContactCard .Section.ContactSection .LabelValue {
  margin-top: 10px
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Label {
  width: auto;
  display: block;
  word-wrap: normal
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Label>* {
  display: inline-block;
  vertical-align: middle
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Label .Text {
  color: grey
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Label .Icon {
  margin-left: 5px
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Value {
  width: auto;
  display: block;
  word-wrap: break-word;
  color: #000
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Value .Email {
  cursor: pointer
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Value .OnlineProfileElement
  {
  cursor: pointer
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Value .Email:hover
  {
  color: blue
}

.EmployeeContactCard .Section.ContactSection .LabelValue .Value .OnlineProfileElement:hover
  {
  color: blue
}

.EmployeeContactCard .Section.ContactSection .Grey {
  color: grey
}

.EmployeeContactCard .Section.ContactSection.QuickViewOnly .PhoneNumberSection
  {
  display: inline-block;
  width: 150px;
  margin: 0;
  vertical-align: top
}

.EmployeeContactCard .Section.ContactSection.QuickViewOnly .EmailAddressSection
  {
  display: inline-block;
  width: 150px;
  margin: 0;
  vertical-align: top
}

.EmployeeContactCard .Section.ContactSection.QuickViewOnly .OnlineProfileSection
  {
  display: inline-block;
  width: 150px;
  margin: 0;
  vertical-align: top
}

.EmployeeContactCard .InfoBox {
  background-color: #fdf5e6;
  padding: 3px
}

.EmployeeContactCard .InfoBox>* {
  display: inline-block;
  vertical-align: middle
}

.EmployeeContactCard .InfoBox .Icon {
  margin-right: 3px
}

.ContactInformationDialog .dijitDialogPaneContent {
  
}

.ContactInformationDialog .ContentPane {
  width: 900px;
  height: 660px
}

.ContactInformationDialog .ContactInfo:not (:first-child ){
  margin-top: 20px
}

.ContactInformationDialog .ContactInfo .ContactInfoList {
  margin-left: 30px
}

.ContactInformationDialog .ContactInfo .Title {
  background-color: #f0f0f0;
  padding: 5px;
  height: 30px
}

.ContactInformationDialog .ContactInfo .Title>* {
  display: inline-block;
  vertical-align: middle
}

.ContactInformationDialog .ContactInfo .Title .Icon {
  margin: 0 10px
}

.ContactInformationDialog .ContactInfo .Title .NoBorder .dijitButtonNode
  {
  border: none
}

.ContactInformationDialog .ContactInfo .Title .Text {
  width: 150px;
  font-size: 14px;
  color: #0053a4
}

.ContactInformationDialog .ContactInfo .Header {
  height: 20px;
  margin-left: 30px;
  color: #9d9d9d
}

.ContactInformationDialog .ContactInfo .Header * {
  display: inline-block;
  vertical-align: middle
}

.ContactInformationDialog .Separator {
  border-bottom: solid 1px #dbdbdb
}

.ContactInformationDialog .Separator.Margin5px {
  margin: 5px 0
}

.ContactInformationDialog .Container {
  width: 100%;
  margin: 10px 0 15px 0
}

.ContactInformationDialog .Container .dijitButton {
  float: right
}

.ContactInformationDialog .Header.PhoneNumber * {
  display: inline-block
}

.ContactInformationDialog .Header.PhoneNumber .Type {
  width: 160px
}

.ContactInformationDialog .Header.PhoneNumber .Country {
  width: 160px
}

.ContactInformationDialog .Header.PhoneNumber .Number {
  width: 177px
}

.ContactInformationDialog .Header.PhoneNumber .Extension {
  width: 110px
}

.ContactInformationDialog .Header.PhoneNumber .Alerts {
  width: 70px
}

.ContactInformationDialog .Header.PhoneNumber .Unlisted {
  width: 99px
}

.ContactInformationDialog .Header.PhoneNumber .Delete {
  width: 50px
}

.ContactInformationDialog .Header.EmailAddress .Type {
  width: 160px
}

.ContactInformationDialog .Header.EmailAddress .Address {
  width: 432px
}

.ContactInformationDialog .Header.EmailAddress .Alerts {
  width: 96px
}

.ContactInformationDialog .Header.EmailAddress .Verified {
  width: 94px
}

.ContactInformationDialog .Header.EmailAddress .Delete {
  width: 50px
}

.ContactInformationDialog .Header.OnlineProfile .Type {
  width: 160px
}

.ContactInformationDialog .Header.OnlineProfile .Address {
  width: 630px
}

.ContactInformationDialog .Header.OnlineProfile .Delete {
  width: 50px
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber {
  margin: 10px 0
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber>* {
  display: inline-block;
  vertical-align: middle
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content {
  width: 800px
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content>* {
  display: inline-block
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content .Type {
  width: 150px;
  margin-right: 10px
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content .Country
  {
  width: 150px;
  margin-right: 10px
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content .Number
  {
  margin-right: 10px
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content .Extension
  {
  width: 80px;
  margin-right: 10px
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content .Alerts
  {
  margin-left: 30px;
  margin-right: 10px
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content .Alerts>*
  {
  display: inline-block;
  vertical-align: middle
}

.ContactInformationDialog .PhoneNumberEdit .PhoneNumber .Content .Unlisted
  {
  margin-left: 30px;
  margin-right: 10px
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress {
  margin: 10px 0
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress>* {
  display: inline-block;
  vertical-align: middle
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress .Content {
  width: 800px
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress .Content>* {
  display: inline-block;
  vertical-align: middle
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress .Content .Type
  {
  width: 150px;
  margin-right: 10px
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress .Content .Address
  {
  width: 400px;
  margin-right: 10px
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress .Content .Alerts
  {
  margin-left: 30px;
  margin-right: 10px
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress .Content .Alerts>*
  {
  display: inline-block;
  vertical-align: middle
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress .Content .Verified
  {
  width: 80px;
  margin-left: 30px;
  margin-right: 10px
}

.ContactInformationDialog .EmailAddressEdit .EmailAddress .Content .Verified .Icon
  {
  margin-left: auto;
  margin-right: auto
}

.ContactInformationDialog .OnlineProfileEdit .OnlineProfile {
  margin: 10px 0
}

.ContactInformationDialog .OnlineProfileEdit .OnlineProfile>* {
  display: inline-block;
  vertical-align: middle
}

.ContactInformationDialog .OnlineProfileEdit .OnlineProfile .Content {
  width: 800px
}

.ContactInformationDialog .OnlineProfileEdit .OnlineProfile .Content>* {
  display: inline-block
}

.ContactInformationDialog .OnlineProfileEdit .OnlineProfile .Content .Type
  {
  width: 150px;
  margin-right: 10px
}

.ContactInformationDialog .OnlineProfileEdit .OnlineProfile .Content .Address
  {
  width: 600px
}

.ContactInformationDialog .ContactInfo {
  position: relative
}

.ContactInformationDialog .ContactInfo .ContactInfoList {
  max-height: 140px;
  overflow-y: auto
}

.ContactInformationDialog .ContactInfo .ContactInfoList .DeleteBtn {
  right: auto
}

.ContactInformationDialog .ContactInfo .ContactInfoList .PhoneNumberEdit:first-child .Separator
  {
  border: none
}

.ContactInformationDialog .ContactInfo .ContactInfoList .EmailAddressEdit:first-child .Separator
  {
  border: none
}

.ContactInformationDialog .ContactInfo .ContactInfoList .OnlineProfileEdit:first-child .Separator
  {
  border: none
}

.ContactInformationDialog .ContactInfo .ContactInfoList .messageBox {
  background-color: #fff7d7;
  border: 1px solid;
  border-color: #bdab2c;
  margin-top: 10px;
  width: 830px
}

.ContactInformationDialog .ContactInfo .ContactInfoList .messageBox .content
  {
  margin: 5px
}

.ContactInformationDialog .ContactInfo .ContactInfoList .messageBox .content>*
  {
  display: inline-block
}

.ContactInformationDialog .ContactInfo .ContactInfoList .messageBox .content .text
  {
  color: #f60
}

.ContactInformationDialog .ContactInfo .ContactInfoList .messageBox .content .link
  {
  cursor: pointer
}

.EmergencyContactDialog .ContentPane {
  margin: 10px;
  min-width: 321px;
  min-height: 270px
}

.EmergencyContactDialog .ContentPane .EmergencyContactDialogItem {
  display: inline-block
}

.EmergencyContactDialog .ContentPane .AddButton {
  display: block;
  position: absolute;
  top: 26px;
  right: 30px
}

.EmergencyContactDialog .EmergencyContact {
  display: inline-block;
  vertical-align: middle
}

.EmergencyContactDialog .EmergencyContact .Header {
  color: #0355b2;
  font-weight: bold;
  font-size: 13px
}

.EmergencyContactDialog .EmergencyContact .Label {
  display: inline-block;
  margin-right: 50px;
  color: grey
}

.EmergencyContactDialog .EmergencyContact .Value {
  display: inline-block;
  margin-right: 30px;
  color: #000
}

.EmergencyContactDialog .EmergencyContact .Label>* {
  height: 25px;
  margin-bottom: 5px
}

.EmergencyContactDialog .EmergencyContact .Field {
  display: inline-block;
  width: 170px
}

.EmergencyContactDialog .EmergencyContact .Field>* {
  margin-bottom: 5px
}

.EmergencyContactDialog .EmergencyContact .Field .EntitySelector {
  width: 167px
}

.EmergencyContactDialog .marginRight50px {
  margin-right: 50px
}

.EmergencyContactDialog .Separator {
  border-bottom: solid 1px #dbdbdb;
  margin: 5px 0
}

.EmergencyContactDialog .Separator+.Container {
  margin: 10px 0 15px 0;
  width: 100%
}

.EmergencyContactDialog .Separator+.Container .dijitButton {
  float: right
}

.EmergencyContactDialog .Title {
  background-color: #f0f0f0;
  padding: 5px;
  height: 30px;
  margin-bottom: 15px
}

.EmergencyContactDialog .Title>* {
  display: inline-block;
  vertical-align: middle
}

.EmergencyContactDialog .Title .Text {
  font-size: 14px;
  color: #0053a4
}

.EmergencyContactDialog .Title .Icon {
  height: 30px;
  margin-right: 8px
}

.EmergencyContactDialog .Spacing {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 270px
}

.EmergencyContactDialog .NoBorder .dijitButtonNode {
  border: none
}

.EmployeeAddressPane .AddressContentPane {
  
}

.EmployeeAddressPane .TitleBar {
  
}

.EmployeeAddressPane .AddressTypeTitle {
  padding-left: 0;
  padding-right: 5px;
  display: inline;
  font-weight: bold
}

.EmployeeAddressPane .AddressDetail {
  margin: 5px 0 10px 0
}

.dijitTooltipDialogPopup .PayrollMailingAddressPopup {
  padding-right: 20px
}

.dijitTooltipDialogPopup .PayrollMailingAddressPopupTitle {
  padding-bottom: 5px
}

.EmployeeAddressPane .PayrollMailingSection {
  margin-top: 5px;
  padding-right: 10px;
  float: right
}

.EmployeeAddressPane .PayrollMailingSection:hover {
  cursor: pointer
}

.EmployeeAddressPane .FloatRight {
  float: right
}

.EmployeeAddressPane .EmployeeAddressPaneItem {
  border-top: 1px solid #d3d3d3;
  padding-top: 10px
}

.EmployeeAddressPane .FutureChangeInfoIcon {
  background: url('../images/home_sprite.png') no-repeat
    -192px -16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom
}

.EmployeeAddressPane .ChangeRequestInfoIcon {
  background: url('../images/home_sprite.png') no-repeat
    -64px -64px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 3px
}

.EmployeeAddressPane .ChangeRequestInfoToolTipIcon {
  background: url('../images/home_sprite.png') no-repeat
    -16px -48px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom
}

.EmployeeAddressPane .EmployeeAddressPaneItem .FutureChangeInfoMessage {
  display: inline-block;
  vertical-align: bottom
}

.EmployeeAddressPane .ChangeRequestInfoMessage {
  display: inline-block;
  vertical-align: bottom
}

.EmployeeAddressPane .FutureChangeInfoBar {
  background-color: #f0f8ff;
  padding: 3px;
  margin: 25px 20px 0 15px
}

.EmployeeAddressPane .ChangeRequestInfoBar {
  background-color: #fdf5e6;
  padding: 3px;
  margin: 25px 20px 0 15px
}

.EmployeeAddressPane .NonPrimaryAddressSectionBar {
  background-color: #f1f1f1;
  width: 100%;
  height: 30px
}

.EmployeeAddressPane .NonPrimaryAddressSectionBar .Title {
  display: inline-block;
  float: left;
  color: #0053a4;
  font-size: 13px;
  font-family: 'Open Sans';
  font-weight: bold;
  padding-left: 15px;
  margin: 5px
}

.EmployeeAddressTransparentButton .dijitButton .dijitButtonNode {
  background-color: transparent;
  border: none;
  float: right;
  display: inline-block
}

.PayrollMailingAddressIcon {
  background: url('../images/home_sprite.png') no-repeat
    -208px -16px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom
}

.EmployeeAddressPane .Separator {
  border-bottom: solid 1px gray;
  margin: 5px 0 5px 0
}

.EmployeeAddressEditItem .ContentPane {
  padding: 10px
}

.EmployeeAddressEditItem .Separator {
  border-top: solid 1px #dbdbdb;
  margin: 5px 0 5px 0
}

.EmployeeAddressEditItem .DeleteIconButton:hover {
  cursor: pointer
}

.EmployeeAddressEditItem .Row {
  padding-top: 2px;
  padding-bottom: 2px
}

.EmployeeAddressEditItem .InlineBox {
  display: inline-block
}

.EmployeeAddressEditItem .ColumnSpan2 {
  width: 315px
}

.EmployeeAddressEditItem .Column {
  width: 154px
}

.EmployeeAddressEditItem .CellPadding {
  padding: 5px 3px 5px 0
}

.EmployeeAddressEditItem .FieldLabel {
  padding-bottom: 5px
}

.EmployeeAddressEditItem .RequiredSymbol {
  color: red
}

.EmployeeAddressEditDialog .RightFloat {
  float: right
}

.EmployeeAddressEditDialog .AddressItemContentPane {
  max-height: 650px;
  min-height: 650px;
  min-width: 710px
}

.EmployeeAddressEditDialog .Separator {
  padding: 10PX
}

.EmployeeAddressEditDialog .DialogButtonSection {
  display: block;
  float: right
}

.EmployeeAddressEditDialog .ContentPane .Title {
  background-color: #f0f0f0;
  height: 30px;
  padding: 5px
}

.EmployeeAddressEditDialog .ContentPane .Title>* {
  display: inline-block;
  vertical-align: middle
}

.EmployeeAddressEditDialog .ContentPane .Title .Icon {
  margin: 0 10px 0 10px
}

.EmployeeAddressEditDialog .ContentPane .Title .NoBorder .dijitButtonNode
  {
  border: none
}

.EmployeeAddressEditDialog .ContentPane .Title .Text {
  padding-right: 10px;
  font-size: 14px;
  color: #0053a4
}

.NewAddressTypeDialog .ContentPane {
  padding: 20px
}

.NewAddressTypeDialog .Row {
  padding-top: 2px;
  padding-bottom: 2px
}

.NewAddressTypeDialog .InlineBox {
  display: inline-block
}

.NewAddressTypeDialog .ColumnSpan2 {
  width: 315px
}

.NewAddressTypeDialog .Column {
  width: 154px
}

.NewAddressTypeDialog .CellPadding {
  padding: 5px 3px 5px 0
}

.NewAddressTypeDialog .FieldLabel {
  padding-bottom: 5px
}

.NewAddressTypeDialog .RequiredSymbol {
  color: red
}

.NewAddressTypeDialog .RightFloat {
  float: right
}

.favoriteTree {
  overflow: auto
}

.favoriteTree .dijitTree {
  overflow: visible
}

.favoriteDialog .editFavoriteTree {
  background-color: #fff;
  border: 1px solid #d3d3d3;
  width: 652px;
  height: 300px;
  padding: 1em 2em;
  overflow: auto
}

.favoriteDialog .editFavoriteTree .dijitTree {
  overflow: visible
}

.favoriteDialog .frame {
  width: 700px;
  height: 74px;
  margin-top: 1em;
  border: 1px solid #d3d3d3;
  padding-bottom: 1em
}

.favoriteDialog .formPane {
  padding: 0 2em
}

.marginRight4em {
  margin-right: 4em
}

.favoriteDialog .labelField {
  display: inline-block;
  margin-top: 1em
}

.favoriteDialog .labelField .label {
  display: inline-block;
  width: 50px
}

.favoriteDialog .labelField .field {
  width: 150px
}

.favoriteDialog .labelField.url {
  display: block
}

.favoriteDialog .labelField.url .field {
  width: 580px
}

.dijitTreeRow.folder {
  font-size: 12px;
  font-weight: bold
}

body {
  counter-reset: legendItem
}

.EmployeeForms {
  width: 100%;
  height: 100%;
  overflow: auto
}

.EmergencyContactComplexForm {
  width: 1120px
}

.employeeHeaderPanel {
  margin-top: 10px;
  margin-bottom: 5px;
  min-height: 20px;
  background: gray;
  padding: 0 10px 2px 10px;
  color: #fff
}

.formPreheader {
  margin-top: 0;
  margin-left: -10px;
  margin-right: -10px;
  font-weight: bold;
  font-size: 13px;
  background: #4d87c0;
  padding: 15px 10px;
  color: #fff
}

.formPostHeader {
  font-size: 13px;
  border-bottom: 1px solid #000;
  width: 100%;
  display: block
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem {
  width: 100%;
  background-color: #fff
}

.EmergencyContactComplexForm .EmergencyContactTypeHeader {
  
}

.EmergencyContactComplexForm .EmergencyContactTypeHeader * {
  font-weight: normal
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EmergencyContactComplexFormHeader
  {
  
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EmergencyContactComplexFormHeader>div
  {
  vertical-align: middle;
  margin-right: 15px;
  width: 120px;
  display: inline-block;
  text-align: left;
  margin-bottom: 10px
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EmergencyContactComplexFormField
  {
  vertical-align: middle;
  width: 120px
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EmergencyContactTabContainer
  {
  
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .dijitTabPaneWrapper
  {
  border-width: 0
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EmergencyContactTabContainer .Content
  {
  height: 160px
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .PhoneNumberHeader>div
  {
  vertical-align: middle;
  display: inline-block;
  text-align: left;
  margin-bottom: 5px
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .PhoneNumberItem
  {
  
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .PhoneNumberItemColumn
  {
  vertical-align: middle;
  margin-right: 0;
  display: inline-block;
  text-align: left;
  margin-bottom: 5px
}

.PhoneNumberItem .PhoneNumberField {
  vertical-align: middle;
  width: 100px
}

.PhoneNumberItem .EntitySelector {
  min-width: 70px
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .AddressHeader>div
  {
  vertical-align: middle;
  margin-right: 7px;
  margin-bottom: 5px;
  display: inline-block;
  text-align: left
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .AddressColumn
  {
  vertical-align: middle;
  margin-right: 7px;
  margin-bottom: 5px;
  display: inline-block;
  text-align: left
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EntitySelectorColumn
  {
  width: 120px
}

.AddressItem .EntitySelector {
  min-width: 90px
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .AddressItem
  {
  
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EmailAddressHeader>div
  {
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 5px;
  display: inline-block;
  text-align: left
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EmailAddressItem
  {
  
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .EmailAddressColumn
  {
  vertical-align: middle;
  margin-right: 10px;
  display: inline-block;
  text-align: left;
  margin-bottom: 5px
}

.EmailAddressItem .EntitySelector {
  min-width: 100px
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .deleteButton
  {
  vertical-align: middle;
  margin-right: 0;
  margin-top: 5px;
  margin-bottom: 5px;
  display: inline-block
}

.EmergencyContactComplexForm .EmergencyContactComplexFormItem .dijitButtonNode
  {
  min-width: 10px
}

.EmergencyContactComplexForm .Width80px {
  width: 80px
}

.EmergencyContactComplexForm .Width90px {
  width: 90px
}

.EmergencyContactComplexForm .Width100px {
  width: 100px
}

.EmergencyContactComplexForm .Width110px {
  width: 110px
}

.EmergencyContactComplexForm .Width120px {
  width: 120px
}

.EmergencyContactComplexForm .PhoneNumberType {
  width: 150px;
  margin-right: 5px
}

.EmergencyContactComplexForm .PhoneNumberCountryCode {
  width: 170px;
  margin-right: 5px
}

.EmergencyContactComplexForm .InputTextField {
  width: 120px;
  margin-right: 5px
}

.EmergencyContactComplexForm .InputDateField {
  width: 120px;
  margin-right: 5px
}

.EmergencyContactComplexForm .InlineHelpText {
  color: gray;
  font-size: small;
  font-family: "Lucida Sans Unicode";
  margin-top: 1em;
  margin-bottom: 5px;
  text-wrap: avoid
}

.EmergencyContactComplexForm .FieldHeader {
  display: inline-block
}

#DirectDepositComplexForm {
  display: inline-block;
  width: 900px
}

#DirectDepositComplexForm .InlineHelpText {
  white-space: pre-wrap;
  color: gray;
  font-size: small;
  font-family: "Lucida Sans Unicode";
  margin-bottom: 5px
}

#DirectDepositComplexFormItem {
  width: 800px
}

.DirectDepositData {
  margin: 10px;
  display: inline-block
}

.DirectDepositData .DirectDepositDataRow {
  margin: 5px 0 5px 0;
  padding: 2px 0 2px 0;
  position: relative;
  overflow: hidden
}

.DirectDepositData .DirectDepositDataRow .Field {
  display: inline-block;
  min-width: 165px;
  max-width: 250px;
  text-align: left;
  margin: 0 auto;
  margin-right: 5px;
  position: relative;
  float: left
}

.DirectDepositData .DirectDepositDataRow .Value {
  display: inline-block;
  width: 370px;
  text-align: left;
  margin: 0 auto;
  vertical-align: top;
  position: relative;
  float: right
}

.DirectDepositGridContainer .field-Icon {
  width: 120px
}

.DirectDepositGridContainer .field-BankName {
  width: 180px
}

.DirectDepositGridContainer .field-RoutingTransitNumber {
  width: 144px
}

.Icon_PriorityIncrement {
  background:
    url('../images/toolbar_icons24.png')
    no-repeat;
  background-position: 0 -2592px;
  height: 24px;
  width: 24px
}

.Icon_PriorityDecrement {
  background:
    url('../images/toolbar_icons24.png')
    no-repeat;
  background-position: 0 -2520px;
  height: 24px;
  width: 24px
}

.Icon_PriorityIncrementDisabled {
  background:
    url('../images/toolbar_icons24.png')
    no-repeat;
  background-position: -24px -2592px;
  height: 24px;
  width: 24px
}

.Icon_PriorityDecrementDisabled {
  background:
    url('../images/toolbar_icons24.png')
    no-repeat;
  background-position: -24px -2520px;
  height: 24px;
  width: 24px
}

.checkLegend {
  list-style: none
}

.checkLegend li {
  counter-increment: legendItem;
  margin-bottom: 5px
}

.checkLegend li:before {
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  content: counter(legendItem);
  background: #add8e6;
  border-radius: 50%;
  width: 19px;
  height: 19px;
  font: 14px arial;
  line-height: 19px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  display: inline-block
}

.checkLegend li:nth-child(1):before {
  background: #fbb03b
}

.checkLegend li:nth-child(2):before {
  background: #d9e021
}

.checkLegend li:nth-child(3):before {
  background: #3fdaf5
}

.checkLegend li:nth-child(4):before {
  background: #ff5dd6
}

.LegendContent {
  display: inline
}

.CheckImage {
  
}

.Home {
  background-color: #f1f1f2;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.Home .home-top {
  color: #fff;
  min-height: 280px;
  padding: 0 20px 0 20px;
  background: #0c84d7;
  filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr =
    '#0C84D7', endColorstr = '#004588', GradientType = 1 );
  background: -webkit-linear-gradient(left, #0c84d7, #004588);
  background: -o-linear-gradient(right, #0c84d7, #004588);
  background: -moz-linear-gradient(right, #0c84d7, #004588);
  background: linear-gradient(to right, #0c84d7, #004588)
}

.Home .home-middle {
  background-color: #fff;
  padding: 20px 40px 20px 40px
}

.Home .home-bottom {
  padding-top: 20px
}

.Home .home-panel>div {
  max-width: 1175px;
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box
}

.Home .home-header {
  padding-top: 15px
}

.Home .home-header .home-emp-photo-border {
  border: 4px solid #fff;
  border-radius: 50%;
  width: 75px;
  height: 75px;
  float: left
}

.Home .home-header .home-emp-photo {
  float: left
}

.Home .home-header .emp-communication-style {
  font-size: 12px;
  margin-left: 15px;
  color: #fff;
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, .5);
  padding: 1px 7px;
  max-width: 250px;
  float: left
}

.Home .home-header .emp-communication-style:hover {
  cursor: pointer;
  text-decoration: underline
}

.Home .home-header .emp-communication-style:empty {
  display: none
}

.Home .home-header .home-emp-name {
  font-size: 20px;
  float: left;
  margin-top: 8px;
  margin-left: 15px
}

.Home .home-header .home-emp-position {
  font-size: 16px;
  float: left;
  margin-left: 15px
}

.home-emp-pos-style {
  float: left
}

.Home .home-header .home-emp-profile-settings {
  font-size: 12px;
  margin-left: 15px;
  margin-top: 25px;
  width: 100px;
  text-decoration: underline;
  cursor: pointer;
  color: #fff
}

.Home .home-header .home-emp-teamrelate {
  float: right
}

@media ( max-width :600px) {
  .Home .home-header .home-emp-teamrelate {
    width: 150px
  }
}

@media ( max-width :750px) {
  .Home .home-header .home-emp-teamrelate {
    float: none
  }
  .home-top .dijitContentPane {
    overflow: hidden
  }
}

.Home .home-header .home-emp-teamrelate .home-emp-teamrelate-title {
  text-decoration: underline;
  text-align: right;
  cursor: pointer
}

.Home .home-header .home-emp-teamrelate .home-emp-teamrelate-logo {
  display: inline-block;
  margin-top: 5px
}

.Home .home-myteam {
  padding-top: 15px
}

.Home .myteam-toggle .home-view-hierarchy {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  color: #0c84d7;
  margin: 10px 10px 0 0;
  font-size: 1.2em
}

.Home .myteam-toggle {
  text-align: right;
  margin-top: 15px
}

.claro .Home .myteam-toggle .dijitToggleButton .dijitButtonNode {
  background-color: #fff;
  background-image: none;
  border: 2px solid #0c84d7;
  color: #0c84d7;
  min-width: 40px
}

.claro .Home .myteam-toggle .dijitToggleButton .dijitButtonNode:first-of-type
  {
  border-right-width: 1px
}

.claro .Home .myteam-toggle .dijitToggleButton .dijitButtonNode:last-of-type
  {
  border-left-width: 1px
}

.claro .Home .myteam-toggle .dijitToggleButton.dijitToggleButtonChecked .dijitButtonNode
  {
  background-color: #0c84d7;
  background-image: none;
  border: 2px solid #0c84d7;
  color: #fff
}

.Home .home-myteam-title {
  font-size: 20px;
  padding-top: 15px;
  float: left
}

.Home::-webkit-scrollbar,.Home *::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

.Home::-webkit-scrollbar-track,.Home *::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1)
}

.Home::-webkit-scrollbar-thumb,.Home *::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .5);
  max-height: 5px
}

.claro .Home .home-tabs .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs
  {
  background-color: transparent;
  text-align: center
}

.claro .Home .home-tabs .dijitTabContainer.horizontal>.dijitTabPaneWrapper.dijitTabContainerTop-container
  {
  background-color: transparent;
}

.claro .Home .home-tabs .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabChecked,.claro .Home .home-tabs .dijitTabContainerTop-dijitContentPane
  {
  background-color: transparent;
  border-bottom: 2px solid #0355b2
}

.Home .home-tabs .dijitTabContainer.horizontal>.dijitTabPaneWrapper {
  border-bottom: none;
  min-height: 500px
}

.claro .Home .home-tabs .dijitTabContainerTop-tabs .dijitTab {
  background-image: none;
  min-width: 100px
}

.claro .Home .home-tabs .dijitTabContainer.horizontal>.dijitTabController>.dijitTab>.tabLabel
  {
  min-width: 100px
}

.Home .home-tab-container {
  height: auto
}

.Home .home-tabs .tab-icon-top {
  display: block;
  margin-left: auto;
  margin-right: auto;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%)
}

.Home .home-tabs .dijitTabContainer.horizontal>.dijitTabContainerTop-tabs>.dijitTabChecked .tab-icon-top
  {
  -webkit-filter: initial;
  -moz-filter: initial;
  -o-filter: initial;
  filter: initial
}

.Home .ContactCardFavorites {
  min-height: 500px;
  padding: 8px
}

.claro .Home .ContactCardFavorites .dijitTreeLabel {
  font-size: 1.2em
}

.Home .favoriteTree {
  padding: 10px;
  background-color: #fff;
  overflow-x: hidden
}

.Home .BalanceWidget {
  padding: 8px;
  min-height: 500px
}

.Home .EarningsWidget {
  padding: 8px;
  min-height: 500px
}

.Home .Balances {
  width: 100%;
  box-sizing: border-box;
  padding: 5px;
  margin: 5px;
  font-size: 1.2em
}

.HomeTabsTitle {
  font-size: 1.5em;
  font-weight: 600;
  float: left;
  padding: 10px
}

.HomeTabsLinks {
  float: right;
  padding: 10px;
  font-size: 1.2em
}

.HomeTabsActionLink {
  text-decoration: underline;
  cursor: pointer;
  display: inline-block;
  color: #0c84d7;
  margin: 5px
}

.EarningsWidget .EarningSummary {
  width: 100%;
  height: 100%;
  min-height: 300px;
  overflow: hidden
}

.EarningsWidget .EarningSummary .sectionPane {
  width: 99%
}

.EarningsWidget .EarningSummary .sectionPane .breakdown,.subSection {
  width: 93%;
  margin-left: 20px;
  border: none;
  border-spacing: 0
}

.EarningsWidget .EarningSummary .sectionPane .chart {
  width: 35%;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 25px
}

.EarningsWidget .EarningSummary .breakDownContent {
  vertical-align: middle
}

.EarningsWidget .EarningSummary td {
  padding: 5px 5px 5px 5px
}

.EarningsWidget .EarningSummary td.header {
  font-weight: bold
}

.EarningsWidget .EarningSummary td.text {
  text-align: left;
  white-space: nowrap;
  width: 65%
}

.EarningsWidget .EarningSummary td.number {
  text-align: right;
  white-space: nowrap;
  width: 15%
}

.EarningsWidget .EarningSummary td.total {
  background-color: #ccc
}

.EarningsWidget .EarningSummary .gray {
  color: gray
}

.EarningsWidget .EarningSummary td.borderBottomThick {
  border-bottom: 2px solid #ccc;
  border-collapse: collapse
}

.EarningsWidget .EarningSummary td.borderBottomThin {
  border-bottom: 1px solid #ccc;
  border-collapse: collapse
}

.EarningsWidget .EarningSummary td.borderTopThick {
  border-top: 2px solid #ccc;
  border-collapse: collapse
}

.EarningsWidget .EarningSummary td.borderTopThin {
  border-top: 1px solid #ccc;
  border-collapse: collapse
}

.EarningsWidget .EarningSummary .nopadding {
  padding: 0
}

.EarningsWidget .Earning .subHeader1Black {
  font-size: larger;
  color: #000;
  font-weight: bold
}

.EarningsWidget .earningDetailSubHeaderBgColor {
  background-color: #eee
}

.EarningsWidget .SummaryHeader {
  width: 100%;
  font-size: large;
  height: 37px;
  text-align: center;
  vertical-align: middle
}

.EarningsWidget .EarningsInfo>div {
  width: 20%;
  box-sizing: border-box;
  float: left;
  padding: 10px
}

.EarningsWidget .EarningsInfo>.NextPaymentOn {
  width: 20%;
  box-sizing: border-box;
  float: left;
  padding: 10px;
  border-left: 1px solid #d3d3d3
}

.EarningsWidget .EarningsInfo>.PayMethod {
  width: 35%;
  box-sizing: border-box;
  float: left;
  padding: 10px
}

.EarningsWidget .EarningsInfo .Value {
  font-size: 1.2em
}

.EarningsWidget .PayMethod .DepositAmount {
  display: none
}

.EarningsWidget .ShowDirectDepositPay .DepositAmount {
  display: inline
}

.EarningsWidget .NoEarningsAvailable {
  font-size: large;
  width: 100%;
  text-align: center;
  vertical-align: middle
}

.EarningsWidget .DirectDepositItem {
  margin: 0 5px 5px 0
}

.EarningsWidget .LastPayLabel {
  
}

.EarningsWidget .NextPayIcon {
  display: inline-block
}

.EarningsWidget .LastPayAmount {
  font-weight: bold;
  color: #0355b2;
  margin-bottom: 5px
}

.EarningsWidget .ClickToView {
  font-weight: bold;
  color: #0355b2;
  margin-bottom: 5px;
  cursor: pointer;
  text-decoration: underline
}

.EarningsWidget .DirectDepositAccountList {
  
}

.EarningsWidget .MyEarningsContent {
  margin-left: 10px;
  background-color: #fff;
  font-size: 1.1em;
  padding: 10px;
  align-content: center;
  min-height: 300px;
  height: 100%;
  overflow: hidden
}

.EarningsWidget .LinkButton {
  margin-bottom: 10px;
  text-align: center;
  padding-bottom: 10px
}

.EarningsWidget .LinkButton a {
  cursor: pointer;
  color: #0053b2
}

.EarningsWidget .LinkButton a:link,.EarningsWidget .LinkButton a:visited,.EarningsWidget .LinkButton a:hover,.EarningsWidget .LinkButton a:active
  {
  color: #0053b2;
  text-decoration: none
}

@media screen and (max-width:1000px) {
  .Home .WelcomeCalendar .EventName .WelcomeCalendarItemIcon {
    display: none
  }
  .EarningsWidget .EarningsInfo>div {
    width: 35%;
    box-sizing: border-box;
    float: left;
    padding: 10px
  }
  .EarningsWidget .EarningsInfo>.PayMethod {
    display: none
  }
  .MyTeam .TeamList {
    text-align: center
  }
}

@media ( max-width :400px) {
  .Home .home-middle {
    padding: 20px 20px 20px 20px
  }
}

@media ( max-width :750px) {
  .home-emp-teamrelate {
    width: 100%;
    margin: 10px 10px 25px 10px
  }
  .Home .home-header .home-emp-teamrelate .home-emp-teamrelate-title {
    text-align: left
  }
}

@media ( max-width :920px) {
  .FeatureMenuOpen .home-emp-teamrelate {
    width: 100%;
    margin: 10px 10px 25px 10px
  }
  .FeatureMenuOpen .Home .home-header .home-emp-teamrelate .home-emp-teamrelate-title
    {
    text-align: left
  }
}

.ActionsContainer {
  padding: 10px;
  height: auto;
  box-sizing: border-box;
  overflow: hidden
}

.PendingActionRow {
  border-bottom: 1px solid #d3d3d3
}

.PendingActionRow:last-child {
  border-bottom-color: #fff
}

.PendingActionRow:after {
  content: "";
  display: block;
  clear: both;
  overflow: hidden
}

.ActionsContainer .PendingActionRow .messageFrom {
  width: 10%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 10px 5px
}

.ActionsContainer .PendingActionRow .messageRowMiddleWrapper {
  width: 65%;
  margin: 10px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  font-weight: 600
}

.ActionsContainer .PendingActionRow .messageDateTime {
  width: 15%;
  margin: 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%
}

.ActionsContainer .PendingActionRow .actionLinks {
  overflow: hidden;
  vertical-align: middle;
  float: right;
  margin-right: 10px
}

.ActionsContainer .PendingActionRow .actionIcon {
  background:
    url('/selfservice/res/images/Messaging_icons-a5a1b829f23bfc4774c8f2954f59e161.png')
    no-repeat;
  height: 20px;
  width: 20px;
  background-position: -60px -232px;
  white-space: nowrap;
  overflow: hidden;
  margin: 10px 5px
}

.ActionsContainer .PendingActionRow .responseLink {
  float: left;
  margin: 5px 10px;
  text-decoration: underline
}

.ActionsContainer .ActionBox {
  height: 100%;
  background-color: #fff;
  padding: 10px;
  margin: 10px;
  box-sizing: border-box
}

.ActionsContainer .PendingActionRow .RowData {
  width: 85%;
  display: inline-block;
  cursor: pointer
}

.Home .countBadge {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  font-size: .8em;
  color: #fff;
  text-align: center;
  background:
    url('/selfservice/res/images/Messaging_icons-a5a1b829f23bfc4774c8f2954f59e161.png')
    no-repeat;
  height: 15px;
  width: 15px;
  top: 10px;
  right: 45px;
  background-position: -182px -234px;
  padding: 1px 0;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  transition: opacity .3s linear;
  z-index: 0
}

.employeeCard .EmployeeCardTabContent {
  padding: 10px
}

.employeeCard .EmployeeCardPendingActionRow {
  width: 80%;
  display: inline-block;
  color: #000;
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle
}

.employeeCard .EmployeeActionRow {
  border-bottom: #c5c5c5;
  border-style: solid;
  border-width: 1px;
  border-left: #fff;
  border-right: #fff;
  border-top: #fff;
  padding: 10px
}

.employeeCard .employeeActionMenu {
  display: inline-block
}

.claro .MessageResponseControl .responseSimpleTextarea textarea {
  width: 100%;
  min-height: 100px;
  overflow-y: auto;
  font-size: 14px
}

.PS_Profile .WelcomeWidget {
  border: none
}

.PS_Profile .Balances .BalancesTabContainer {
  padding-left: 2%
}

.PS_Profile .ProfileSettings_Section .Balances {
  border: none
}

.PS_Profile .ProfileSettings_Section .dijitButton {
  margin: 0;
  float: right
}

.PS_TransparentButton .dijitButton .dijitButtonNode {
  background-color: transparent;
  border: none;
  float: right;
  margin: 0;
  padding: 0;
  display: inline-block
}

.dijitContentPane .ProfileSettings_Section .Balances .WelcomeWidget {
  border: none
}

.ProfileSettings_Landing .ImageUploadButtonStyles {
  width: 90px;
  margin-left: auto;
  margin-right: auto
}

.ProfileSettings_Separator {
  position: relative;
  border-bottom: solid 1px #000;
  margin: 0 0 15px 0
}

.Message_Separator {
  position: relative;
  border-bottom: solid 1px #000;
  margin: 15px 0 15px 0
}

.ProfileSettings_SubsectionSeparator {
  position: relative;
  border-bottom: solid 1px #dbdbdb;
  margin: 5px 0 5px 0
}

.ProfileSettings_WrapElements {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap
}

.ProfileSettings_TableContainer {
  display: inline-table;
  width: 100%
}

.ProfileSettings_40PercentSubsection {
  display: table-cell;
  padding: 0 15px;
  vertical-align: top;
  width: 40%
}

.ProfileSettings_60PercentSubsection {
  display: table-cell;
  padding: 0 15px;
  vertical-align: top;
  width: 60%
}

.ProfileSettings_50PercentSubsection {
  display: table-cell;
  padding: 0 15px;
  vertical-align: top;
  width: 50%
}

.ProfileSettings_50PercentSubsection .Label {
  color: grey;
  width: 110px;
  min-height: 25px
}

.ProfileSettings_50PercentSubsection .Value {
  min-height: 25px
}

.ProfileSettings_Title {
  color: #3f50a2;
  font-size: large;
  font-weight: 600;
  display: inline;
  margin: 0 0 0 0;
  list-style-type: none;
  list-style-position: inside
}

.ProfileSettings_ControlLong {
  width: 100%;
  max-width: 300px;
  margin: 0 0 5px 0
}

.ProfileSettings_ControlLabel {
  font-family: Arial;
  display: inline-block;
  font-weight: 400
}

.ProfileSettings_CheckboxLabel {
  margin-left: 10px;
  font-family: Arial;
  display: inline-block;
  font-weight: 400;
  cursor: pointer
}

.ProfileSettings_Landing {
  border-top: 70px solid #f4f4f4;
  margin-right: auto;
  margin-left: auto;
  vertical-align: top;
  display: inherit
}

.ProfileSettings_Container {
  margin-right: auto;
  margin-left: auto;
  vertical-align: top;
  display: inline-block
}

.ProfileSettings_Section {
  width: 80%;
  background-color: #fff;
  margin: 30px auto 10px auto;
  overflow: hidden
}

.ProfileSettings_18PercentDevision {
  width: 18%;
  display: table-cell;
  vertical-align: middle
}

.ProfileSettings_40PercentDevision {
  width: 40%;
  display: table-cell;
  vertical-align: middle
}

.ProfileSettings_40PercentDevision .widgetMenuTopRight .claro-gray {
  width: 40%;
  display: table-cell;
  vertical-align: top
}

.ProfileSettings_60PercentDevision {
  width: 60%;
  display: table-cell;
  vertical-align: middle
}

.ProfileSettings_30PercentSubsection {
  width: 30%;
  display: inline-block;
  margin-left: 3%;
  vertical-align: top
}

.ProfileSettings_30PercentSubsection .claro-gray .dijitButton .dijitButtonNode
  {
  background-color: #fff;
  border: none
}

.ProfileSettings_30PercentSubsection .PhoneNumberSection {
  margin-bottom: 10px
}

.ProfileSettings_30PercentSubsection .EmailAddressSection {
  margin-top: 10px;
  margin-bottom: 10px
}

.ProfileSettings_30PercentSubsection .OnlineProfileSection {
  margin-top: 10px
}

.ProfileSettings_30PercentSubsection .LabelValue {
  margin-top: 3px
}

.ProfileSettings_30PercentSubsection .Icon_Notification {
  margin-left: 20px
}

.ProfileSettings_30PercentSubsection .SectionHeading {
  font-weight: bold;
  display: inline-flex
}

.ProfileSettings_30PercentSubsection .SectionHeading .Icon {
  margin-right: 7px
}

.ProfileSettings_30PercentSubsection .LabelValue .Label {
  word-wrap: break-word;
  vertical-align: middle;
  color: grey;
  display: inline-flex
}

.ProfileSettings_30PercentSubsection .LabelValue .Value {
  width: 100%;
  display: inline-block;
  word-wrap: break-word;
  vertical-align: middle;
  color: #000;
  font-weight: 600
}

.ProfileSettings_30PercentSubsection .LabelValue .Value .Email {
  cursor: pointer
}

.ProfileSettings_30PercentSubsection .LabelValue .Value .OnlineProfileElement
  {
  cursor: pointer
}

.ProfileSettings_30PercentSubsection .LabelValue .Value .Email:hover {
  color: blue
}

.ProfileSettings_30PercentSubsection .LabelValue .Value .OnlineProfileElement:hover
  {
  color: blue
}

.ProfileSettings_InnerSubsection {
  width: 100%;
  display: inline-block;
  vertical-align: top
}

.ProfileSettings_SubsectionTitle {
  color: #000;
  font-size: larger;
  font-weight: bold;
  list-style-type: none;
  list-style-position: inside
}

.formsPane .ExpanderControl .ExpanderContentInner {
  padding: 0 10px 5px 0
}

.formsPane .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter
  {
  box-shadow: 0 0 30px #e0ebf6;
  width: auto
}

.formsPane .formSearchContainer.ExpanderControl.ExpanderControlHeader .ExpanderContentOuter
  {
  margin: 0 10px 8px 20px;
  border: 1px solid #d7d7d7
}

.sub_heading {
  font-weight: bold
}

.ProfileSettings_SaveButton {
  margin: 10px 10px 10px 0;
  float: right
}

.ProfileSettings_GroupLeft {
  width: 450px
}

.ProfileSettings_GroupRight {
  margin-left: 2%
}

.ProfileSettings_TextLight {
  list-style-type: none;
  list-style-position: inside;
  color: #837e7c;
  font-weight: 700;
  max-width: 450px
}

.EmployeeNameTitleBar {
  height: 40px;
  width: 100%;
  background-color: #0053a4;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  display: table;
  font-family: "Helvetica"
}

.PS_Profile {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #fff
}

.PS_Profile .ContactCard {
  display: inline-block;
  margin-bottom: 10px
}

.EmployeeProfileContent {
  margin-left: auto;
  margin-right: auto;
  width: 70%
}

.EmployeeProfileContentFill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto
}

.WhiteSpace {
  white-space: pre-line
}

[data-view-mode=viewonly] .EditMode {
  display: none
}

[data-view-mode=viewonly] .ViewOnly {
  display: inline
}

[data-view-mode=edit] .ViewOnly {
  display: none
}

[data-view-mode=edit] .EditMode {
  display: inline
}

.GreySectionHeader {
  height: 35px;
  width: 100%;
  background-color: #ecf2f6;
  color: #0053a4;
  text-align: left;
  display: table;
  font-weight: lighter;
  font-family: "Helvetica"
}

.GreySectionHeader>h1 {
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px
}

.ProfileSection {
  margin-bottom: 100px
}

.EmployeeNameTitleBar div {
  display: table-cell;
  vertical-align: middle
}

.ProfileToolBarPane {
  padding: 10px;
  position: relative;
  margin: 0 auto;
  height: 100%
}

.ProfileTable {
  float: left;
  margin: 10px 50px 20px 50px
}

.ProfileTable>div {
  float: left
}

.clearBoth {
  clear: both
}

.labelGrey {
  font-family: "Helvetica";
  color: #6f7d95;
  font-weight: bold
}

.labelGrey>div {
  padding-bottom: 10px;
  padding-right: 100px
}

.valueBlue {
  font-family: "Helvetica";
  color: #006ce2
}

.valueBlue>div {
  padding-bottom: 10px
}

.SectionContent {
  padding: 10px
}

.FormField {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  line-height: 25px
}

.formLabel {
  font-family: "Helvetica";
  color: #6f7d95;
  padding-right: 10px;
  vertical-align: middle;
  float: left
}

.FormHeader {
  color: #5d6a81;
  margin-bottom: 10px;
  font-weight: bolder;
  font-size: small
}

.horizontalRule {
  margin-top: 20px;
  color: #6f7d95
}

.AddressSection {
  margin-top: 10px
}

.HRImportDialog .dijitDialogPaneContent {
  padding: 0
}

.HRImportWizard .StepContent {
  margin: 1em
}

.HRImportWizard .StepText {
  display: block;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5em;
  margin-top: 1em;
  white-space: pre-line
}

.HRImportWizard .file {
  display: inline-block;
  background-color: #eee;
  width: 100%
}

.HRImportWizard .file .selectLogo {
  display: block;
  float: left;
  width: 48px;
  height: 64px;
  margin: 10px 20px;
  visibility: hidden;
  background: url('../images/hr_import_sprite.png')
    no-repeat 0 -32px
}

.HRImportWizard .file .validateLogo {
  display: block;
  float: left;
  width: 48px;
  height: 64px;
  margin: 10px 20px;
  background: url('../images/hr_import_sprite.png')
    no-repeat 0 -32px
}

.HRImportWizard .file .info {
  display: block;
  float: left;
  margin-top: 15px
}

.HRImportWizard .file .info .name {
  display: block;
  font-weight: bold;
  margin-bottom: 5px
}

.HRImportWizard .file .info .size {
  display: block
}

.HRImportWizard .file .info .time {
  display: block
}

.HRImportWizard .file .record {
  display: block;
  float: right;
  margin-top: 15px;
  margin-right: 20px
}

.HRImportWizard .file .selectFile {
  display: block;
  float: right;
  margin-top: 27px;
  margin-right: 22px
}

.HRImportWizard .validationResult {
  margin-top: 10px;
  margin-bottom: 0
}

.HRImportWizard .messageBox {
  display: inline-block;
  border: 1px solid;
  width: 100%;
  margin-top: 10px
}

.HRImportWizard .messageBox .logo {
  background-image: url('../images/hr_import_sprite.png');
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 20px 10px 10px 20px
}

.HRImportWizard .messageBox .title {
  margin: 18px 20px 10px 0
}

.HRImportWizard .messageBox .content {
  margin: 0 20px 20px 20px
}

.HRImportWizard .messageBox.success {
  background-color: #eaffea;
  border-color: #51a351
}

.HRImportWizard .messageBox.success .logo {
  background-position: -32px -16px
}

.HRImportWizard .messageBox.error {
  background-color: #ffe2e2;
  border-color: #933;
  color: #000
}

.HRImportWizard .messageBox.error .logo {
  background-position: -48px -16px
}

.HRImportWizard .messageBox.warning {
  background-color: #fff7d7;
  border-color: #bdab2c
}

.HRImportWizard .messageBox.warning .logo {
  background-position: -64px -16px
}

.HRImportWizard .hidden {
  visibility: hidden
}

.HRImportWizard .icon-hr-import {
  background: url('../images/hr_import_sprite.png')
    no-repeat 0 0;
  width: 16px;
  height: 16px;
  margin-right: 4px
}

.HRImportWizard .marginTop1em {
  margin-top: 1em
}

.HRImportWizard .marginTop2em {
  margin-top: 2em
}

.HRImportWizard .alignMid {
  vertical-align: middle
}

.HRImportWizard .title {
  font-size: 14px;
  white-space: pre-line
}

.HRImportWizard .text {
  white-space: pre-line
}

.fullWindowSize {
  width: 100%;
  height: 100%
}

.queuedStatus {
  background: url('../images/hr_import_sprite.png')
    no-repeat 0 -16px;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px
}

.processingStatus {
  background: url('../images/hr_import_sprite.png')
    no-repeat -16px -16px;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px
}

.successStatus {
  background: url('../images/hr_import_sprite.png')
    no-repeat -32px -16px;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px
}

.errorStatus {
  background: url('../images/hr_import_sprite.png')
    no-repeat -48px -16px;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px
}

.fileLogo {
  background: url('../images/hr_import_sprite.png')
    no-repeat -48px -32px;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px
}

.formLogo {
  background: url('../images/home_sprite.png') no-repeat
    -16px -113px;
  float: left;
  width: 14px;
  height: 17px;
  margin-left: 20px;
  margin-right: 5px
}

.formPendingLogo {
  background: url('../images/home_sprite.png') no-repeat
    -1px -113px;
  float: left;
  width: 14px;
  height: 17px;
  margin-left: 20px;
  margin-right: 5px
}

.formHistoryLogo {
  background: url('../images/home_sprite.png') no-repeat
    -16px -113px;
  float: left;
  width: 16px;
  height: 17px;
  margin-left: 10px;
  margin-right: 10px
}

.formLinkRow {
  margin-top: 6px
}

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

.formSearchContainer.ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter
  {
  border-top: 1px solid #8c8c8c;
  border-bottom: 0;
  border-right: 0;
  border-left: 0
}

.formSearchContainer.ExpanderControl.ExpanderControlHeader .ExpanderContentOuter
  {
  margin-left: 10px;
  border-top: 1px solid #d7d7d7;
  border-bottom: 0;
  border-right: 0;
  border-left: 0
}

.formHistoryHeaderContainer.ExpanderControl.arrowOnLeft .ExpanderControlTitleOpen .dijitArrowNode
  {
  margin-left: 10px;
  background: url("../images/home_sprite.png") no-repeat;
  background-position: -66px -17px;
  height: 15px;
  width: 15px
}

.formSearchContainer.ExpanderControl.arrowOnLeft .ExpanderControlTitleOpen .dijitArrowNode
  {
  margin-left: 10px;
  background: url("../images/home_sprite.png") no-repeat;
  background-position: -34px -17px;
  height: 15px;
  width: 15px
}

.formHistoryHeaderContainer.ExpanderControl.arrowOnLeft .ExpanderControlTitleClosed .dijitArrowNode
  {
  margin-left: 10px;
  background: url("../images/home_sprite.png") no-repeat;
  background-position: -51px -17px;
  height: 15px;
  width: 15px
}

.formSearchContainer.ExpanderControl.arrowOnLeft .ExpanderControlTitleClosed .dijitArrowNode
  {
  margin-left: 10px;
  background: url("../images/home_sprite.png") no-repeat;
  background-position: -17px -17px;
  height: 15px;
  width: 15px
}

.formHistoryHeaderContainer.ExpanderControl.ExpanderControlHeader .ExpanderContentOuter
  {
  border: 0;
  box-shadow: none
}

.formsHistoryPane {
  background-color: #e8e8e8;
  width: 80%;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden
}

.formHistoryHeader {
  color: #6f7d95;
  font-weight: bold;
  font-size: small
}

.formHistoryHeaderContainer {
  width: 100%;
  position: relative
}

.formHistoryHeaderContainer .Icon_Refresh {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
  cursor: pointer
}

.formHistoryHeaderContainer .search {
  float: right;
  margin-right: 10px;
  vertical-align: middle
}

.EmployeeFormHistory .ExpanderControl .ExpanderContentInner {
  padding: 0 10px 10px 10px
}

.formHistorySearchButton {
  background-color: #e8e8e8;
  border: 0
}

.formHistoryHeaderContainer .search.hide {
  display: none
}

.formHistoryHeaderContainer .CounterLogo {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  display: inline-block;
  background-color: #ff8a01;
  color: #fff;
  border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
  text-align: center
}

.formHistoryItem .ExpanderControl .ExpanderTitleInner {
  padding: 0 10px 0 10px
}

.formHistoryItem .ExpanderControl .ExpanderContentInner {
  padding: 0 0 3px 1px
}

.ProfileSettings_ExpanderContentInner {
  height: 323px;
  overflow: auto
}

.formHistoryItem {
  margin: 0 10px 7px 10px;
  border: 1px solid #d3d3d3;
  -webkit-box-shadow: 2px 2px 0 0 #bababa;
  -moz-box-shadow: 2px 2px 0 0 #bababa;
  box-shadow: 2px 2px 0 0 #bababa
}

.formHistoryItemHeader {
  background-color: #fff;
  padding: 8px;
  height: 20px
}

.formHistoryItemHeader .formTitle {
  display: inline-block;
  min-width: 110px
}

.formHistoryItemHeader .formName {
  display: inline-block;
  font-weight: bold
}

.formHistoryItemBody {
  background-color: #fff;
  color: #000;
  height: 20px;
  padding: 8px 10px 7px 10px;
  border-top: 1px solid #d3d3d3
}

.formHistoryItemBody .formStatus {
  display: inline-flex;
  min-width: 110px
}

.formHistoryItemDecisionMadeBy {
  background-color: #fff;
  padding: 10px 10px 5px 10px
}

.formHistoryItemDecisionMadeBy .name {
  font-weight: bold
}

.formHistoryItemStatusCompleted {
  color: green
}

.formHistoryItemStatusOpen {
  color: #ffa500
}

.formHistoryItemStatusRejected {
  color: red
}

.formHistoryItemStatusWithdrawn {
  color: red
}

.formHistoryItemStatusTimeout {
  color: red
}

.formHistoryItemAssociatedExpander .formHistoryItem .formHistoryItemHeader,.formHistoryItemAssociatedExpander .formHistoryItem .formHistoryItemBody
  {
  background-color: #eef0f9
}

.formHistorySearchContainer {
  width: 100%;
  display: none
}

.formHistorySearchContainer .btn-group .dijitButtonNode {
  width: 60px
}

.formHistorySearchContainer .searchTextBox {
  margin-top: 5px
}

.formSearchContainer {
  width: 100%;
  position: relative
}

.groupSearchResetButtons {
  float: right
}

.formSearchContainer .searchTextBox {
  width: 50%;
  margin-top: 4px;
  margin-bottom: 4px
}

.formHistorySearchFormStatusOption {
  width: 70px
}

.formHistoryItemAssociatedExpander {
  background-color: #d8d8d8
}

.floatLeft {
  float: left
}

.floatRight {
  float: right
}

.associatedExpander.ExpanderControlSection .ExpanderContentOuter {
  border: solid 1px #d8d8d8
}

.associatedExpander.ExpanderControlSection .ExpanderControlTitleOpen .dijitArrowNode
  {
  background:
    url('../images/ExpanderControl_sprites.png')
    no-repeat -1px 2px;
  width: 16px;
  height: 16px
}

.associatedExpander.ExpanderControlSection .ExpanderControlTitleClosed .dijitArrowNode
  {
  background:
    url('../images/ExpanderControl_sprites.png')
    no-repeat -1px -16px;
  width: 16px;
  height: 16px
}

.formStatusOpenLogo {
  background: url('../images/home_sprite.png') no-repeat
    -64px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 5px
}

.formStatusCompletedLogo {
  background: url('../images/home_sprite.png') no-repeat
    -80px -64px;
  float: left;
  width: 16px;
  height: 17px;
  margin-left: 10px;
  margin-right: 5px
}

.formStatusRejectedLogo {
  background: url('../images/home_sprite.png') no-repeat
    -96px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 5px
}

.formStatusTimeoutLogo {
  background: url('../images/home_sprite.png') no-repeat
    -160px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 5px
}

.formStatusWithdrawnLogo {
  background: url('../images/home_sprite.png') no-repeat
    -208px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 5px
}

.formWithdrawLogo {
  background: url('../images/home_sprite.png') no-repeat
    -113px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 5px
}

.formViewDetailLogo {
  background: url('../images/home_sprite.png') no-repeat
    -127px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 5px
}

.formDecisionResponseLogo {
  background: url('../images/home_sprite.png') no-repeat
    -144px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 5px
}

.logDetails {
  padding-top: 5px;
  padding-left: 5px;
  text-align: left
}

.PS_Forms {
  width: 100%;
  height: 100%;
  overflow: auto
}

.EmployeeProfileForms {
  width: 100%;
  height: 100%;
  overflow: auto;
  padding-top: 30px
}

.PS_Forms .EmployeeFormHistory {
  
}

.WithdrawConfirmationDialogBody {
  text-align: center
}

.PS_Forms .contentLink {
  text-align: left;
  color: #0355b2;
  cursor: pointer;
  font-size: small;
  font-weight: 600
}

.EmployeeProfileForms .contentLink {
  text-align: left;
  color: #0355b2;
  cursor: pointer;
  font-size: small;
  font-weight: 600
}

.LogDetail .Title {
  display: inline-block;
  width: 70px;
  text-align: right;
  padding: 5px
}

.LogDetail .Data {
  display: inline-block;
  width: 400px;
  text-align: left;
  padding: 5px
}

.LogDetail .Data .contentLink {
  cursor: pointer
}

.LogDetail .Data .Value {
  text-align: left;
  padding: 5px
}

.LogDetail .Data .Description {
  text-align: left;
  padding: 5px
}

.LogDetail .VerticalSpace {
  height: 20px
}

.JobLog,.ErrorLog,.DebugLog {
  display: block;
  padding: 5px
}

.SectionHeader {
  font-size: 18px;
  padding: 10px
}

.PS_Security {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: auto
}

.PS_Security .SaveButton .dijitButtonNode {
  width: 100px
}

.PS_Security .Text {
  font-size: 12px;
  font-weight: 600
}

.PS_Security .ControlLabel {
  font-family: Arial
}

.PS_Security .Control {
  display: inline-block;
  width: 280px
}

.PasswordReset .GroupLeft {
  float: left
}

.PS_Security ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0
}

.UserPreferences .Title {
  font-size: 18px;
  font-weight: 600;
  display: block;
  margin: 0 0 0 0;
  padding-top: 20px
}

.UserPreferences .ControlLabel {
  display: inline-block;
  font-weight: 400
}

.UserPreferences .Control {
  margin: 0 0 5px 0
}

.UserPreferences .TopMargin {
  margin-top: 10px
}

.UserPreferences .MobileAccessInfo .ValueText {
  width: 100%;
  min-width: 130px;
  text-align: left;
  color: #006ce2;
  display: inline-block;
  font-size: large;
  font-weight: 600;
  margin-bottom: 5px
}

.UserPreferences .MobileAccessInfo .TextLightLabels {
  font-weight: normal;
  display: inline-block;
  width: 100%;
  min-width: 130px
}

.UserPreferences .MobileAccessInfo .ExternalLink {
  color: #0355b2;
  text-decoration: none
}

.UserPreferences .MobileAccessInfo .AppStoreBadge {
  display: inline-block;
  overflow: hidden;
  height: 40px;
  width: 129px
}

.UserPreferences .MobileAccessInfo .AppStoreBadgeGroup a:hover {
  text-decoration: none
}

.EmployeeBadgePin ul:last-child {
  position: relative;
  top: -17px
}

.AppUserDelegate .ProfileImage {
  display: inline-block
}

.AppUserDelegate .ProfileImage+.GroupLeft {
  position: relative;
  top: -7px;
  margin-left: 10px
}

.AppUserDelegate .EditContainer,.AppUserDelegate .RemoveContainer {
  display: inline-block;
  width: 40px;
  height: 37px;
  margin: 0 0 5px 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff),
    to(#dbdbdb) );
  background-image: -webkit-linear-gradient(top, #fff, #dbdbdb);
  background-image: -moz-linear-gradient(top, #fff, #dbdbdb);
  background-image: -o-linear-gradient(top, #fff, #dbdbdb);
  background-image: -ms-linear-gradient(top, #fff, #dbdbdb);
  background-image: linear-gradient(top, #fff, #dbdbdb);
  filter: progid : DXImageTransform.Microsoft.gradient ( GradientType = 0,
    StartColorStr = '#fff', EndColorStr = '#DBDBDB' );
  -moz-box-shadow: .5px .5px 4px lightgrey;
  box-shadow: .5px .5px 6px lightgrey;
  border-radius: 5px
}

.AppUserDelegate .RemoveContainer {
  margin: 0 0 5px 5px
}

.AppUserDelegate .EditContainer:hover,.AppUserDelegate .RemoveContainer:hover
  {
  -webkit-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  -moz-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  box-shadow: inset 0 1px 10px 0 #dbdbdb;
  cursor: pointer
}

.AppUserDelegate .EditIcon {
  width: 24px;
  height: 24px;
  background: url(../images/home_sprite.png) -0 -176px no-repeat;
  -moz-transform-origin: left center;
  display: block;
  margin: 5px 0 0 8px
}

.AppUserDelegate .RemoveIcon {
  width: 24px;
  height: 24px;
  background: url(../images/home_sprite.png) -24px -176px no-repeat;
  -moz-transform-origin: left center;
  display: block;
  margin: 6px 0 0 8px
}

.AppUserDelegate .Container>div {
  margin-top: 5px
}

.AppUserDelegate .GroupLeft {
  width: 250px
}

.AppUserDelegate .GroupLeft+.Container {
  width: 350px
}

.AppUserDelegate .Icon_Eye {
  background-position-x: -145px;
  zoom: 1.3;
  margin-top: 0
}

.ItemSameLine div {
  display: inline-block
}

.AppUserDelegate .Icon_Eye ~div,.AppUserDelegate .ItemSameLine ~.ItemSameLine
  {
  margin-top: 0
}

.AppUserDelegate .Icon_Eye ~div{
  position: relative;
  top: -4px
}

.AppUserDelegate .TextBlue {
  color: #0355b2;
  font-weight: 700
}

.Delegate .DelegateTabList {
  position: relative;
  overflow: hidden;
  min-width: 500px
}

.Delegate .DelegateTabContainer .LabelNoDelegate {
  font-size: large;
  font-style: italic;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 8%
}

.dijitTabContainer.horizontal>.dijitTabPaneWrapper.dijitTabContainerTop-container
  {
  border-bottom: 0
}

.Delegate .AddContainer {
  display: inline-block
}

.Delegate .AddContainer:hover {
  background: -webkit-radial-gradient(#dbdbdb, #fff);
  background: -o-radial-gradient(#dbdbdb, #fff);
  background: -moz-radial-gradient(#dbdbdb, #fff);
  background: radial-gradient(#dbdbdb, #ececec);
  -webkit-filter: blur(px);
  filter: progid : DXImageTransform.Microsoft.gradient ( GradientType = 0,
    StartColorStr = '#DBDBDB', EndColorStr = '#fff' );
  border-radius: 9px;
  -moz-box-shadow: .5px .5px 4px lightgrey;
  box-shadow: 4px 3px 6px #dbdbdb;
  cursor: pointer
}

.Delegate .AddContainer label:hover {
  cursor: pointer
}

.Delegate .AddContainer .Icon_Add {
  position: relative;
  top: 2px;
  margin: 2px 0 2px 5px
}

.Delegate .AddContainer .Text {
  position: relative;
  top: -6px;
  margin: 0 10px 0 0
}

.Delegate>div:first-child {
  margin-top: 30px
}

.DelegateDialog {
  width: 700px;
  margin: 15px 0 0 10px
}

.DelegateDialog>label:first-child {
  display: block;
  margin: 10px 0 10px 0
}

.DelegateDialog .Container {
  display: inline-block
}

.DelegateDialog .Control {
  display: inline-block;
  width: 280px
}

.DelegateDialog .Text {
  font-size: 12px;
  font-weight: 600
}

.DelegateDialog .ControlLabel {
  display: block;
  margin: 25px 0 5px 0;
  font-size: 12px;
  font-weight: 700
}

.DelegateDialog .GroupLeft {
  width: 300px
}

.DelegateDialog .GroupLeft+.Container {
  float: right;
  margin-top: 72px;
  margin-right: 30px
}

.DelegateDialog .Separator {
  border-bottom: solid 1px #dbdbdb;
  margin: 25px 0 5px 0
}

.DelegateDialog .Separator+.Container {
  margin: 10px 0 15px 0;
  width: 100%
}

.DelegateDialog .Separator+.Container .dijitButton:not (.RemoveButton ){
  float: right
}

.DelegateDialog .CheckBoxLabelContainer label {
  display: inline-block
}

.DelegateDialog .CheckBoxLabelContainer+.Container {
  display: inline-block
}

.DelegateDialog .CheckBoxLabelContainer+.Container .dijitCheckBox {
  margin-right: 3px
}

.DelegateDialog .CheckBoxLabelContainer label ~label{
  display: inline-block;
  font-style: italic;
  margin-left: 2px
}

.DelegateDialog .RemoveButton {
  float: left
}

.PS_Preferences {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: auto
}

.PS_Preferences .InnerContentPanel {
  width: 95%;
  max-width: 1280px;
  background-color: #fff;
  min-height: 20%;
  position: relative;
  top: 10px;
  margin-bottom: 10px
}

.EmployeeVolunteerListItem {
  margin-left: 10px;
  padding: 8px
}

.EmployeeVolunteerListItem .CursorPointerOnHover:hover {
  cursor: pointer
}

.PS_Preferences .VolunteerListTitle {
  font-size: 16px;
  font-weight: 600
}

.PS_Preferences .VolunteerListLabel {
  color: #837e7c;
  font-weight: 700
}

.PS_Preferences .VolunteerListTitleRegion {
  float: left;
  display: block;
  position: relative;
  left: 25px;
  width: 90%
}

.PS_Preferences .VolunteerListLabeRegion {
  float: left;
  display: block;
  position: relative;
  left: 25px;
  margin-top: 1%;
  width: 20%;
  padding-top: 15px;
  padding-bottom: 3%
}

.PS_Preferences .VolunteerListContentRegion {
  float: right;
  display: block;
  position: relative;
  margin-top: 1%;
  margin-right: 3%;
  margin-bottom: 2%;
  width: 70%
}

.PS_Preferences .VolunteerListContentRegion .VolunteerListSaveButton {
  display: block;
  float: right;
  margin-top: 25px
}

.navigationBar .topLevelFeatureButton .dijitButtonContents>.dijitIcon.Performance,.navigationBar .topLevelFeatureButton .dijitMenuItemIconCell>.dijitIcon.Performance
  {
  background-image:
    url('../images/demo/navsprites_July_10.png');
  background-position: -480px -210px
}

.LeftSide {
  display: inline;
  float: left;
  position: fixed;
  border: 1px solid #d3d3d3;
  margin-left: 2px
}

.LeftSideImg {
  width: 100%
}

.RightSideImg {
  margin-left: 295px
}

.Performanceul {
  list-style-type: none
}

.PerformanceTabbedNumber {
  font-size: 18px;
  margin-left: 20px;
  margin-right: 15px;
  font-weight: 700;
  color: #0355b2;
  display: inline
}

.PerformanceMarginTop {
  margin-top: 15px
}

.PerformanceTabbedImage {
  display: inline
}

.PerformanceTabbedText {
  margin-left: 15px;
  font-size: 13px;
  color: #0355b2;
  font-weight: 600;
  display: inline
}

.PerformanceTabbedPane {
  font-size: 22px;
  height: 120px !important
}

.PerformanceRowContainer {
  
}

.PerformanceRowContainer:hover {
  background-color: #a0cfec;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7f8fd),
    to(#b8e9f8) );
  background-image: -webkit-linear-gradient(top, #e7f8fd, #b8e9f8);
  background-image: -moz-linear-gradient(top, #e7f8fd, #b8e9f8);
  background-image: -o-linear-gradient(top, #e7f8fd, #b8e9f8);
  background-image: -ms-linear-gradient(top, #e7f8fd, #b8e9f8);
  background-image: linear-gradient(top, #e7f8fd, #b8e9f8);
  filter: progid : DXImageTransform.Microsoft.gradient ( GradientType = 0,
    StartColorStr = '#45c7eb', EndColorStr = '#2698db' );
  border-bottom: 1px solid #103c56;
  -webkit-box-shadow: inset 0 1px 0 0 #e7f8fd;
  -moz-box-shadow: inset 0 1px 0 0 #e7f8fd;
  box-shadow: inset 0 1px 0 0 #e7f8fd;
  cursor: pointer;
  border: 1px solid #e7f8fd
}

.PerformanceSeparator {
  border-bottom: solid 1px #dbdbdb
}

.PerformanceFirstImage {
  height: 20px
}

.PerformanceRatingContainer {
  border: 1px solid #dbdbdb
}

.PerformanceRatingContainer:hover {
  background-color: #a0cfec;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e7f8fd),
    to(#b8e9f8) );
  background-image: -webkit-linear-gradient(top, #e7f8fd, #b8e9f8);
  background-image: -moz-linear-gradient(top, #e7f8fd, #b8e9f8);
  background-image: -o-linear-gradient(top, #e7f8fd, #b8e9f8);
  background-image: -ms-linear-gradient(top, #e7f8fd, #b8e9f8);
  background-image: linear-gradient(top, #e7f8fd, #b8e9f8);
  filter: progid : DXImageTransform.Microsoft.gradient ( GradientType = 0,
    StartColorStr = '#45c7eb', EndColorStr = '#2698db' );
  border-bottom: 1px solid #103c56;
  -webkit-box-shadow: inset 0 1px 0 0 #e7f8fd;
  -moz-box-shadow: inset 0 1px 0 0 #e7f8fd;
  box-shadow: inset 0 1px 0 0 #e7f8fd;
  border: #e7f8fd;
  cursor: pointer
}

.PerformanceRatingNumber {
  font-size: 22px;
  margin-left: 20px;
  margin-right: 20px;
  font-weight: 700;
  color: #0355b2;
  display: inline;
  position: fixed
}

.PerformanceRatingTextContainer {
  display: inline-block;
  width: 68%;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30%
}

.PerformanceRatingTitle {
  font-size: 13px;
  font-weight: 700;
  color: #0355b2;
  display: block
}

.PerformanceRatingText {
  font-size: 13px;
  font-weight: 600;
  display: block
}

.PerformanceReviewContainer {
  margin-left: 16px;
  margin-top: 20px;
  height: 80px
}

.PerformanceReviewLeftTextContainer {
  display: inline;
  position: fixed
}

.PerformanceReviewVerticalSeparator {
  display: inline;
  border-left: 2px solid #d3d3d3;
  position: fixed;
  margin-left: 120px
}

.PerformanceRightTextContainer {
  display: inline;
  margin-left: 150px;
  position: fixed
}

.PeformanceReviewPercent {
  font-size: 22px;
  font-weight: 700;
  color: #0355b2
}

.PerformanceReviewText {
  font-size: 12px;
  color: grey;
  font-weight: 600
}

.PerformanceReviewText:hover {
  color: #b8e9f8;
  cursor: pointer
}

.PerformanceReviewDate {
  font-size: 18px;
  font-weight: 700;
  color: #0355b2
}

.PerformanceGoalContainer {
  position: fixed;
  width: 300px
}

.payoutRequestStatusOpenLogo {
  background: url('../images/home_sprite.png') no-repeat
    -64px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 10px
}

.payoutRequestStatusCompletedLogo {
  background: url('../images/home_sprite.png') no-repeat
    -80px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 10px
}

.payoutRequestStatusRejectedLogo {
  background: url('../images/home_sprite.png') no-repeat
    -96px -64px;
  float: left;
  width: 16px;
  height: 16px;
  margin-left: 10px;
  margin-right: 10px
}

.payoutRequestItemStatusCompleted {
  background-color: #fff;
  color: green;
  margin-left: 10px;
  margin-top: 6px
}

.payoutRequestItemStatusOpen {
  background-color: #fff;
  color: #ffa500;
  margin-left: 5px;
  margin-top: 6px
}

.payoutRequestItemStatusRejected {
  background-color: #fff;
  color: red;
  margin-left: 10px;
  margin-top: 6px
}

.TimeBankBalances .PayOutBalanceHeader {
  padding: 10px;
  font-weight: bold;
  background-color: #f6f6f6
}

.TimeBankBalances .PayOutBalanceHeader>div {
  width: 19%;
  display: inline-block;
  text-align: right
}

.TimeBankBalances .PayOutBalanceHeader .BalanceType {
  width: 20%;
  text-align: left
}

.BalancePayOutRequestItem .EditIcon {
  width: 1.5em;
  height: 1.5em;
  background: url(../images/WFMCommonIcons.png)
    -9em -1.5em no-repeat;
  background-size: 22.5em 7.5em;
  display: block;
  margin-top: -2px
}

.BalancePayOutRequestItem .EditContainer:hover {
  -webkit-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  -moz-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  box-shadow: inset 0 1px 10px 0 #dbdbdb;
  cursor: pointer
}

.BalancePayOutRequestItem .ButtonContainer {
  width: 24px;
  display: inline-block
}

.BalancePayOutRequestItem .RemoveIcon {
  width: 24px;
  height: 24px;
  background: url(../images/home_sprite.png) -24px -176px no-repeat;
  -moz-transform-origin: left center;
  display: block;
  zoom: .7
}

.BalancePayOutRequestItem .DeleteContainer:hover {
  -webkit-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  -moz-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  box-shadow: inset 0 1px 10px 0 #dbdbdb;
  cursor: pointer
}

.TimeBankBalances .BalancePayOutRequestItem>div {
  display: inline-block;
  vertical-align: middle;
  word-wrap: break-word
}

.TimeBankBalances .EligibleBalances {
  background-color: #f4f4f4;
  height: auto
}

.TimeBankBalances .EligibleBalances .TabbedExpanderContentOuter {
  height: auto
}

.TimeBankBalances .EligibleBalances .container>.selectedTab {
  height: auto
}

.TimeBankBalances .EligibleBalances .ContentPane {
  background-color: #fff;
  height: auto
}

.TimeBankBalances .PayOutRequests {
  margin-top: 10px;
  background-color: #fff;
  height: auto
}

.TimeBankBalances .PayOutRequests .ContentPane {
  background-color: #fff;
  height: auto
}

.TimeBankBalances .TabbedExpander .TabbedExpanderTitleClosed .TabbedExpanderArrowCell .dijitArrowNode
  {
  background:
    url('../images/ExpanderControl_sprites.png')
    no-repeat -1px -16px;
  width: 16px;
  height: auto
}

.TimeBankBalances .TabbedExpander .TabbedExpanderTitleOpen .TabbedExpanderArrowCell .dijitArrowNode
  {
  background:
    url('../images/ExpanderControl_sprites.png')
    no-repeat -1px 2px;
  width: 16px;
  height: auto
}

.TimeBankBalances .OptionHeader>div {
  display: inline-block;
  margin-right: 10px
}

.TimeBankBalances .Text {
  font-size: 12px;
  font-weight: 600
}

.TimeBankBalances .AddContainer .Text {
  position: relative;
  top: -6px;
  margin: 0 10px 0 0
}

.TimeBankBalances .AddContainer .Icon_Add {
  position: relative;
  top: 2px;
  margin: 2px 0 2px 5px
}

.TimeBankBalances .RefreshContainer .Text {
  position: relative;
  top: -6px;
  margin: 0 10px 0 0
}

.TimeBankBalances .RefreshContainer .Icon_Add {
  position: relative;
  top: 2px;
  margin: 2px 0 2px 5px
}

.TimeBankBalances .AddContainer:hover {
  -webkit-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  -moz-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  box-shadow: inset 0 1px 10px 0 #dbdbdb;
  cursor: pointer
}

.TimeBankBalances .RefreshContainer:hover {
  -webkit-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  -moz-box-shadow: inset 0 1px 10px 0 #dbdbdb;
  box-shadow: inset 0 1px 10px 0 #dbdbdb;
  cursor: pointer
}

.BalancePayOutRequestItem {
  padding: 5px 0 5px 0;
  border-top: 1px solid #e8e8e8;
  width: auto
}

.BalancePayOutRequestItem .balancePayOutRequestItemStatus {
  width: 17%
}

.BalancePayOutRequestItem .balancePayOutRequestItemStatus .Text {
  position: relative;
  top: -6px;
  margin: 0 10px 0 0
}

.BalancePayOutRequestItem .balancePayOutRequestItemStatus .requestStatusLogo
  {
  position: relative;
  top: 2px;
  margin: 2px 0 2px 5px
}

.BalancePayOutRequestItem .balancePayOutRequestItemStatus .payoutRequestStatusOpenLogo
  {
  position: relative;
  top: -1px;
  margin: 2px 0 2px 5px
}

.BalancePayOutRequestItem .balancePayOutRequestItemStatus .payoutRequestStatusCompletedLogo
  {
  position: relative;
  top: -1px;
  margin: 2px 0 2px 5px
}

.BalancePayOutRequestItem .balancePayOutRequestItemStatus .payoutRequestStatusRejectedLogo
  {
  position: relative;
  top: -1px;
  margin: 2px 0 2px 5px
}

.BalancePayOutRequestItem .RequestPayOutDate {
  width: 22%
}

.BalancePayOutRequestItem .RequestPayAdj {
  width: 16%
}

.BalancePayOutRequestItem .BalanceType {
  width: 15%
}

.BalancePayOutRequestItem .RequestPayOutAmount {
  width: 16%;
  text-align: left
}

.BalancePayOutRequestItem .DeleteEditContainer {
  width: auto;
  min-width: 50px;
  display: table-cell;
  position: absolute;
  right: 0
}

.TimeBankBalances .PayOutRequestHeader {
  padding: 10px 0 10px 0;
  font-weight: bold;
  background-color: #f6f6f6
}

.TimeBankBalances .PayOutRequestHeader>div {
  display: inline-block;
  vertical-align: middle;
  word-wrap: break-word;
  font-weight: bold
}

.TimeBankBalances .TabbedExpander .TabbedExpanderTitleOuter {
  background-color: #e8e8e8
}

.TimeBankBalances .PayOutRequestHeader .Status {
  position: relative;
  left: 7px;
  text-align: Left;
  width: 17%
}

.TimeBankBalances .PayOutRequestHeader .RequestPayOutDate {
  text-align: left;
  width: 22%
}

.TimeBankBalances .PayOutRequestHeader .RequestPayAdj {
  text-align: left;
  width: 16%
}

.TimeBankBalances .PayOutRequestHeader .BalanceType {
  text-align: left;
  width: 15%
}

.TimeBankBalances .PayOutRequestHeader .RequestPayOutAmount {
  width: 26%;
  text-align: left;
  text-align: -webkit-left
}

.PayOutRequestDialog {
  width: 550px;
  margin: 15px 0 0 10px
}

.PayOutRequestDialog .BalanceTitle {
  font-size: 16px
}

.PayOutRequestDialog .PayOutRequestBalanceHeader>div {
  margin-right: 20px;
  width: 80px;
  display: inline-block;
  text-align: right;
  font-weight: bold
}

.PayOutRequestDialog .PayOutRequestBalanceHeader .BalanceType {
  position: relative;
  width: 100px;
  text-align: left
}

.PayOutRequestDialog .Separator {
  border-bottom: solid 1px #dbdbdb;
  margin: 10px 0 10px 0
}

.TimeBankBalanceItem>div {
  width: 19%;
  display: inline-block;
  text-align: right
}

.TimeBankBalanceItem .BalanceType {
  width: 20%;
  text-align: left
}

.PayOutRequestDialog .HoursToPayOutControlLabel {
  margin-left: 72px
}

.PayOutRequestDialog .PayOutDateControlLabel {
  margin-left: 81px
}

.PayOutRequestDialog .EmployeePayOutCommentsControlLabel {
  margin-top: 10px
}

.PayOutRequestDialog .HoursControl {
  margin-left: 10px
}

.PayOutRequestDialog .DateToPayOutControl {
  margin-left: 10px
}

.PayOutRequestDialog .EmployeePayOutCommentsLabelControl {
  margin-top: 10px
}

.PayOutRequestDialog .EmployeeComments {
  width: 503px
}

.PayOutRequestDialog .AddEditContainer {
  float: right;
  margin-top: 20px
}

.TimeBankBalances .EligibleBalances .NoBalanceInfo {
  margin-top: 20px;
  font-size: large;
  text-align: center;
  font-style: italic
}

.PayOutRequestDialog .ReasonControl {
  width: 150px
}

.topButtongroupStyle {
  display: block;
  padding: 0;
  width: 400px;
  height: 25px;
  margin: 0
}

.topButtonStyle {
  padding: 0;
  margin: 0;
  width: 130px;
  height: 22px
}

.searchIcon {
  background: url('../images/home_sprite.png') no-repeat
    -64px 0;
  float: left;
  width: 16px;
  height: 16px;
  margin: 2px
}

.YearEndTaxStatementDeliveryPreferenceDialog {
  
}

.YearEndTaxStatementDeliveryPreferenceDialogTitleLabel {
  font-weight: bold;
  height: 35px
}

.YearEndTaxStatementDeliveryPreferenceDialogSeparator {
  border-bottom: solid 1px #dbdbdb;
  margin: 10px 0 10px 0
}

.YearEndTaxStatementDeliveryPreferenceDialogContainer {
  display: inline-block
}

.YearEndTaxStatementDeliveryPreferenceDialogSelectionPane {
  padding-bottom: 10px
}

.YearEndTaxStatementDeliveryPreferenceDialogSelectionPane .formToConsentLabel
  {
  margin-right: 10px
}

.YearEndTaxStatementDeliveryPreferenceDialogSelectionPane .formToConsentBox
  {
  margin-right: 5px
}

.YearEndTaxStatementDeliveryPreferenceDialogSelectionPane .optRow {
  text-align: left;
  vertical-align: top
}

.YearEndTaxStatementDeliveryPreferenceDialogSelectionPane .optRow .right
  {
  float: right
}

.YearEndTaxStatementDeliveryPreferenceDialogSelectionPane .optRow .clear
  {
  clear: both
}

.EmployeeProfileForms .formsPane .EmployeeFormGroup {
  border-right: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;
  border-left: 1px solid #dbdbdb;
  background-color: #fff
}

.EmployeeProfileForms .formsPane .EmployeeFormGroup:first-of-type {
  border-top: 1px solid #dbdbdb
}

.EmployeeProfileForms .EmployeeProfileForms_container {
  width: 95%;
  border: 1px solid #d3d3d3;
  margin-bottom: 10px;
  margin: 10px auto
}

.EmployeeProfileForms_Section {
  background-color: #f9f9f9
}

.Employeeprofileforms_AvailableForms {
  height: 100%;
  top: -20px;
  height: 40px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  padding-top: 10px;
  padding-left: 35px
}

.EmployeeProfileForms .formSearchContainer .searchTextBox {
  width: 50%;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 15px
}

.EmployeeProfileForms .ProfileSettings_Separator {
  position: relative;
  border-bottom: none;
  margin: 0 0 15px 0
}

.EmployeeProfileForms .formsHistoryPane {
  width: 95%;
  overflow: hidden;
  border: 1px solid #dbdbdb;
  margin: 16px auto
}

.EmployeeProfileForms .ExpanderControl.ExpanderControlHeader .ExpanderTitleOuter
  {
  border-bottom: none;
  border-top: none
}

.EmployeeProfileForms .formHistoryHeader {
  font-weight: 700;
  font-size: large;
  color: #000
}

.EmployeeProfileForms .formsPane .ExpanderControl.ExpanderControlHeader .ExpanderContentOuter
  {
  border: none;
  box-shadow: none
}

.EmployeeProfileForms .formsPane {
  padding: 25px;
  vertical-align: top
}

.EmployeeProfileForms .formSearchContainer .groupSearchResetButtons {
  float: none
}

.EmployeeProfileForms .formSearchContainer .groupSearchResetButtons .dijitButton .dijitButtonNode
  {
  background-color: #1162c2;
  background-image: none;
  border: 1px solid #1162c2;
  color: #fff
}

.ProfileForms_Title {
  color: #000;
  font-size: large;
  font-weight: 700;
  display: inline;
  margin: 0 0 0 0;
  list-style-type: none;
  list-style-position: inside;
  margin: 10px
}

.EmployeeProfileForms .formsHistoryPane {
  background-color: #f9f9f9
}

.EmployeeProfileForms .formSearchContainer {
  width: 100%;
  position: relative;
  margin-left: 10px
}

.Icon_AddProfileImage {
  background: url('../images/home_sprite_v13.png')
    no-repeat -72px -176px;
  width: 22px;
  height: 22px
}

.Icon_RemoveProfileImage {
  background: url('../images/home_sprite_v13.png')
    no-repeat -96px -176px;
  width: 22px;
  height: 22px
}

.Icon_WhiteEnvelope {
  background: url('../images/home_sprite.png') no-repeat 0
    0;
  width: 16px;
  height: 16px
}

.Icon_GrayEnvelope {
  background: url('../images/home_sprite.png') no-repeat
    -16px 0;
  width: 16px;
  height: 16px
}

.Icon_TimeClock {
  background: url('../images/home_sprite.png') no-repeat
    -32px 0;
  width: 16px;
  height: 16px
}

.Icon_AgendaCalendar {
  background: url('../images/home_sprite.png') no-repeat
    -48px 0;
  width: 16px;
  height: 16px
}

.Icon_Team {
  background: url('../images/home_sprite.png') no-repeat
    -80px 0;
  width: 16px;
  height: 16px
}

.Icon_MyTeamStatsButton {
  background: url('../images/home_sprite.png') no-repeat
    -129px -97px;
  width: 16px;
  height: 16px;
  margin-right: 5px
}

.Icon_TeamSearch {
  background: url('../images/home_sprite.png') no-repeat
    -64px 0;
  width: 16px;
  height: 16px
}

.Icon_MarkAllRead {
  background: url('../images/home_sprite.png') no-repeat 0
    -16px;
  width: 16px;
  height: 16px
}

.Icon_ArrowDown {
  background: url('../images/home_sprite.png') no-repeat
    -16px -16px;
  width: 16px;
  height: 16px
}

.Icon_ArrowUp {
  background: url('../images/home_sprite.png') no-repeat
    -33px -17px;
  width: 16px;
  height: 16px
}

.WelcomeCalendarIcon {
  width: 16px;
  height: 16px;
  vertical-align: middle
}

.WelcomeCalendarIcon.WelcomeCalendarIcon_Shift {
  background: url('../images/home_sprite.png') no-repeat 0
    -32px
}

.WelcomeCalendarIcon.WelcomeCalendarIcon_Holiday {
  background: url('../images/home_sprite.png') no-repeat
    -32px -32px
}

.WelcomeCalendarIcon.WelcomeCalendarIcon_TAFW {
  background: url('../images/home_sprite.png') no-repeat
    -16px -32px
}

.WelcomeCalendarIcon.TAFW_EmployeeDevelopment {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat 0 0
}

.WelcomeCalendarIcon.TAFW_Jury {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -16px 0
}

.WelcomeCalendarIcon.TAFW_MaternityLeave {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -32px 0
}

.WelcomeCalendarIcon.TAFW_Military {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -48px 0
}

.WelcomeCalendarIcon.TAFW_Paid {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -64px 0
}

.WelcomeCalendarIcon.TAFW_Sick {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -80px 0
}

.WelcomeCalendarIcon.TAFW_Training {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -96px 0
}

.WelcomeCalendarIcon.TAFW_UnPaid {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -112px 0
}

.WelcomeCalendarIcon.TAFW_Vacation {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -128px 0
}

.WelcomeCalendarIcon.TAFW_Bereavement {
  background: url('../images/TAFW_reason_icons_16.png')
    no-repeat -144px 0
}

.Icon_Eye {
  background: url('../images/home_sprite.png') no-repeat
    -144px -16px;
  width: 16px;
  height: 16px
}

.Icon_Info {
  background: url('../images/home_sprite.png') no-repeat
    -192px -16px;
  width: 16px;
  height: 16px
}

.Icon_Question {
  background: url('../images/home_sprite.png') no-repeat 0
    -48px;
  width: 16px;
  height: 16px
}

.Icon_Question_Small {
  background: url('../images/home_sprite.png') no-repeat
    -16px -48px;
  width: 16px;
  height: 16px
}

.Icon_X {
  background: url('../images/home_sprite.png') no-repeat
    -48px -80px;
  width: 16px;
  height: 16px
}

.Icon_X_Grey {
  background: url('../images/home_sprite.png') no-repeat
    -64px -80px;
  width: 16px;
  height: 16px
}

.Icon_Phone {
  background: url('../images/home_sprite.png') no-repeat 0
    -96px;
  width: 16px;
  height: 16px
}

.Icon_Phone_Grey {
  background: url('../images/home_sprite.png') no-repeat
    -16px -97px;
  width: 16px;
  height: 16px;
  margin-right: 7px
}

.Icon_Email {
  background: url('../images/home_sprite.png') no-repeat
    -32px -96px;
  width: 16px;
  height: 16px
}

.Icon_Email_Grey {
  background: url('../images/home_sprite.png') no-repeat
    -48px -96px;
  width: 16px;
  height: 16px
}

.Icon_OnlineProfile {
  background: url('../images/home_sprite.png') no-repeat
    -64px -96px;
  width: 16px;
  height: 16px
}

.Icon_OnlineProfile_Grey {
  background: url('../images/home_sprite.png') no-repeat
    -80px -96px;
  width: 16px;
  height: 16px
}

.Icon_Notification {
  background: url('../images/home_sprite.png') no-repeat
    -96px -96px;
  width: 16px;
  height: 16px
}

.Icon_Notification_Grey {
  background: url('../images/home_sprite.png') no-repeat
    -112px -96px;
  width: 16px;
  height: 16px
}

.Icon_Status_Open {
  background: url('../images/home_sprite.png') no-repeat
    -64px -64px;
  width: 16px;
  height: 16px
}

.Icon_Status_Pass {
  background: url('../images/home_sprite.png') no-repeat
    -80px -64px;
  width: 16px;
  height: 16px
}

.Icon_Status_Fail {
  background: url('../images/home_sprite.png') no-repeat
    -96px -64px;
  width: 16px;
  height: 16px
}

.Icon_Address {
  background: url('../images/home_sprite.png') no-repeat
    -48px -176px;
  width: 24px;
  height: 24px
}

.Button_Icon_CloseEmployeeTooltip {
  background: url('../images/emp_info_sprite_v1.png')
    no-repeat 0 0;
  width: 16px;
  height: 16px
}

.Button_Icon_GoToMyProfile {
  background: url('../images/emp_info_sprite_v1.png')
    no-repeat -16px 0;
  width: 16px;
  height: 16px
}

.Button_Icon_GoToMyProfile1 {
  background: url('../images/nextgen_home_sprite_v1.png')
    no-repeat -16px 0;
  width: 16px;
  height: 16px
}

.Home_MyTeam_Icon_TableView,.Home_MyTeam_Icon_ListView {
  background: url('../images/nextgen_home_sprite_v1.png')
    top left no-repeat;
  height: 16px;
  width: 16px
}

.dijitChecked .Home_MyTeam_Icon_TableView {
  background-position: -0 -152px
}

.Home_MyTeam_Icon_TableView {
  background-position: -0 -136px
}

.dijitChecked .Home_MyTeam_Icon_ListView {
  background-position: -16px -152px
}

.Home_MyTeam_Icon_ListView {
  background-position: -16px -136px
}

.Home_MyTeam_Icon_TabEvents,.Home_MyTeam_Icon_TabAction,.Home_MyTeam_Icon_TabBalances,.Home_MyTeam_Icon_TabEarning,.Home_MyTeam_Icon_TabBookmarks
  {
  background: url('../images/nextgen_home_sprite_v1.png')
    top left no-repeat;
  height: 32px;
  width: 32px
}

.Home_MyTeam_Icon_TabEvents {
  background-position: -0 -32px
}

.dijitTabChecked .Home_MyTeam_Icon_TabEvents {
  background-position: -0 -0
}

.Home_MyTeam_Icon_TabAction {
  background-position: -32px -32px
}

.dijitTabChecked .Home_MyTeam_Icon_TabAction {
  background-position: -32px -0
}

.Home_MyTeam_Icon_TabBalances {
  background-position: -64px -32px
}

.dijitTabChecked .Home_MyTeam_Icon_TabBalances {
  background-position: -64px -0
}

.Home_MyTeam_Icon_TabEarning {
  background-position: -96px -32px
}

.dijitTabChecked .Home_MyTeam_Icon_TabEarning {
  background-position: -96px -0
}

.Home_MyTeam_Icon_TabBookmarks {
  background-position: -128px -32px
}

.dijitTabChecked .Home_MyTeam_Icon_TabBookmarks {
  background-position: -128px -0
}

.Icon_HomeEvents,.Icon_HomeActions,.Icon_HomeBalances,.Icon_HomeEarnings,.Icon_HomeBookmarks
  {
  background: url('../images/nextgen_home_sprite_v1.png')
    top left no-repeat;
  height: 32px;
  width: 32px
}

.Icon_HomeEvents {
  background-position: -0 -32px
}

.dijitTabChecked .Icon_HomeEvents {
  background-position: -0 -0
}

.Icon_HomeActions {
  background-position: -32px -32px
}

.dijitTabChecked .Icon_HomeActions {
  background-position: -32px -0
}

.Icon_HomeBalances {
  background-position: -64px -32px
}

.dijitTabChecked .Icon_HomeBalances {
  background-position: -64px -0
}

.Icon_HomeEarnings {
  background-position: -96px -32px
}

.dijitTabChecked .Icon_HomeEarnings {
  background-position: -96px -0
}

.Icon_HomeBookmarks {
  background-position: -128px -32px
}

.dijitTabChecked .Icon_HomeBookmarks {
  background-position: -128px -0
}

.Icon_X_Grey_Hidden {
  background-color: #fff;
  border: none;
  background: url('../images/home_sprite.png') no-repeat
    -64px -80px;
  width: 16px;
  height: 16px;
  padding-left: 5px
}

.ImageUpload .dijitButton {
  margin: 0;
  border: none
}

.ImageUpload .dijitButton .dijitButtonNode {
  padding: 0;
  border: none;
  background-color: #fff;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  cursor: pointer
}

.ProfileImageButton .dijitButtonNode {
  padding: 0;
  background-color: #fff
}

.ProfileImageButton {
  float: left;
  padding: 0;
  margin-right: 2px
}

.ImageUpload {
  width: 50px;
  margin-left: auto;
  margin-right: auto
}

.PS_Profile {
  height: 100%;
  overflow: auto
}

.EmployeeWelcome {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #f5f5f5
}

.EmployeeWelcome .WelcomeContainer {
  width: 100%;
  overflow: hidden;
  position: relative
}

.PS_Profile .ContactCard {
  float: left;
  width: 20%;
  margin-bottom: 10px;
  margin-right: 10px
}

.EmployeeWelcome .ContactCard {
  float: left;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 20%
}

.EmployeeWelcome .WelcomeWidgets {
  background-color: #f5f5f5;
  float: left;
  padding: 10px;
  height: 100%;
  width: 78.5%;
  overflow: auto;
  box-sizing: border-box
}

.ManagerWelcome .EmployeeWelcome .WelcomeWidgets {
  float: none;
  margin-left: auto;
  margin-right: auto
}

.NoNextPayInfo .EmployeeWelcome .NextPayLabel {
  display: none
}

.NoLastPayInfo .EmployeeWelcome .LastPayLabel,.NoLastPayInfo .EmployeeWelcome .LastPayAmountLabels
  {
  display: none
}

.ManagerWelcome .EmployeeWelcome .ThreeWidgetPane,.ManagerWelcome .EmployeeWelcome .WelcomeMessages,.ManagerWelcome .EmployeeWelcome .WelcomeEvents,.ManagerWelcome .EmployeeWelcome .ContactCard,.PersonalWelcome .EmployeeWelcome .WelcomeMyTeam
  {
  display: none
}

.WelcomeToggleGroup {
  width: 98%;
  float: left;
  padding: 10px;
  box-sizing: border-box
}

.PS_Profile .MyProfile {
  float: left;
  width: 67.5%
}

@media screen and (max-width:1447px) {
  .EmployeeWelcome .ContactCard .WelcomeWidget,.PS_Profile .ContactCard .WelcomeWidget
    {
    width: 32.7%;
    box-sizing: border-box;
    margin-left: .8%;
    float: left
  }
  .EmployeeWelcome .ContactCard .WelcomeWidget .WelcomeWidgetSmallExpander,.PS_Profile .ContactCard .WelcomeWidget .WelcomeWidgetSmallExpander
    {
    height: 200px;
    box-sizing: border-box
  }
  .EmployeeWelcome .ContactCard .WelcomeWidget .WelcomeWidgetLargeExpander,.PS_Profile .ContactCard .WelcomeWidget .WelcomeWidgetLargeExpander
    {
    height: 320px;
    box-sizing: border-box
  }
  .EmployeeWelcome .ContactCard .FavoritePane,.PS_Profile .ContactCard .FavoritePane
    {
    width: 32.7%;
    box-sizing: border-box;
    margin-left: .8%;
    float: left
  }
  .EmployeeWelcome .ContactCard .FirstWidget,.PS_Profile .ContactCard .FirstWidget
    {
    margin-left: 0
  }
  .EmployeeWelcome .ContactCardFavorites .WelcomeWidget,.PS_Profile .ContactCardFavorites .WelcomeWidget
    {
    width: 100%;
    box-sizing: border-box;
    margin: 0
  }
  .EmployeeWelcome .ContactCard,.PS_Profile .ContactCard {
    width: 98%;
    box-sizing: border-box;
    margin-bottom: 0
  }
  .PS_Profile .MyProfile {
    float: none;
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    clear: both
  }
  .EmployeeWelcome .WelcomeWidgets {
    float: none;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0
  }
  .WelcomeToggleGroup {
    width: 100%;
    float: none;
    padding-left: 18px;
    margin-left: auto;
    margin-right: auto
  }
}

.WelcomeWidget {
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  margin-left: auto;
  margin-right: auto
}

.WelcomeWidget.WelcomeWidgetSmall {
  width: 32.7%;
  box-sizing: border-box;
  margin-left: .8%
}

.WelcomeWidget.WelcomeWidgetSmall:first-child {
  margin-left: 0
}

.WelcomeWidget.WelcomeWidgetSmall .WelcomeWidgetSmallExpander {
  height: 175px
}

@media screen and (min-width:1447px) {
  .EmployeeWelcome .ThreeWidgetPane {
    display: none
  }
}

.EmployeeWelcome .ThreeWidgetPane>* {
  float: left
}

.EmployeeWelcome .ProfileOnly {
  display: none
}

.EmployeeWelcome .WelcomeWidgetTitle {
  display: inline-block;
  margin-right: 3px
}

.WelcomeWidgetTitle {
  font-size: 16px;
  line-height: 30px
}

.WelcomeWidget>*::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

.WelcomeWidget>*::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, .1)
}

.WelcomeWidget>*::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, .5);
  max-height: 5px
}

.EmployeeWelcome .WelcomeWidgetTitleBar {
  display: table
}

.WelcomeWidget .ExpanderControl.ExpanderControlSection .ExpanderTitleOuter
  {
  border: none;
  border-bottom: 1px solid #d3d3d3
}

.WelcomeWidget .ExpanderControl.ExpanderControlSection .ExpanderControlTitleClosed
  {
  border: none;
  border-bottom: none
}

.WelcomeWidget .ExpanderControl.ExpanderControlSection .ExpanderContentOuter
  {
  border: none;
  margin-top: -1px
}

.ContactCard .EmergencyContact {
  margin-top: 20px
}

.ContactCard .EmergencyContact:first-of-type {
  margin-top: 0
}

.PS_Profile .Info {
  vertical-align: top;
  padding: 15px
}

.PS_Profile .WelcomeWidget {
  margin-top: 10px;
  box-sizing: border-box
}

.tableContainer {
  display: table
}

.tableColumn {
  display: table-cell;
  min-height: 25px;
  padding-bottom: 10px
}

.PS_Profile .VerticalDivider {
  display: table-cell;
  width: 0;
  border-left: 1px solid #d3d3d3;
  padding-right: 15px
}

.PS_Profile .Info .EmployeeInformation {
  display: table-cell;
  padding: 0 15px;
  vertical-align: top;
  width: 50%
}

.PS_Profile .Info .EmployeeInformation .Label {
  color: grey;
  width: 110px;
  min-height: 25px
}

.PS_Profile .Info .EmployeeInformation .Value {
  min-height: 25px
}

.PS_Profile .Info .PayInformation {
  display: table-cell;
  padding: 0 15px;
  vertical-align: top;
  width: 50%
}

.PS_Profile .Info .PayInformation .Label {
  color: grey;
  width: 110px;
  min-height: 25px
}

.PS_Profile .Info .PayInformation .Value {
  min-height: 25px
}

.PS_Profile .Info .PayInformation .Value.Link {
  color: #1e90ff;
  cursor: pointer
}

.PS_Profile .AttendanceInformation {
  border-top-width: 1px;
  border-top-color: #d3d3d3;
  border-top-style: solid;
  padding-top: 15px;
  padding-left: 30px;
  height: 400px;
  clear: both
}

.PS_Profile .Balances {
  border-top-width: 1px;
  border-top-color: #d3d3d3;
  border-top-style: solid;
  background-color: #fff
}

.PS_Profile .TimeBankBalances {
  min-height: 250px
}

.Balances .BalancesTabContainer .Content {
  min-height: 250px
}

.Balances .BalancesTabContainer .dijitTabPaneWrapper {
  border-bottom: none
}

.Balances .BalancesTabContainer .Content .NoBalanceInfo {
  margin-top: 20px;
  font-size: large;
  text-align: center;
  font-style: italic
}

.Balances .fullBalanceTable {
  border-collapse: collapse;
  width: 100%
}

.Balances .fullBalanceTable thead tr {
  font-weight: bold;
  height: 38px;
  border-bottom: 1px solid #d3d3d3
}

.Balances .fullBalanceTable thead tr th {
  font-weight: bold
}

.Balances .fullBalanceTable tbody tr {
  height: 38px
}

.Balances .fullBalanceTable td {
  padding-top: 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid #d3d3d3
}

.Balances .fullBalanceTable th {
  width: 13%
}

.Balances .fullBalanceTable th+th {
  width: 80px;
  text-align: right;
  padding-left: 10px
}

.Balances .fullBalanceTable td+td {
  width: 80px;
  text-align: right
}

@media screen and (max-width:1000px) {
  .Balances .fullBalanceTable .smallScreenCollapse {
    display: none
  }
}

.Balances .BalanceItem {
  padding: 5px 10px 5px 10px;
  border-top: 1px solid #d3d3d3
}

.Balances .ExpiringTransactions {
  padding: 10px
}

.Balances .NoBalanceInfo {
  font-size: large;
  text-align: center
}

.Balances .BalanceItem>div {
  vertical-align: middle;
  width: 19%;
  display: inline-block;
  text-align: right
}

.Balances .ExpiringTransactions>div {
  margin-right: 20px;
  width: 150px;
  display: inline-block;
  text-align: right
}

.Balances .BalanceItem .Totals {
  font-weight: bold
}

.Balances .BalanceItem .BalanceType {
  width: 20%;
  text-align: left
}

.Balances .ExpiringTransactions .BalanceType {
  width: 200px;
  text-align: left
}

.PayrollInformation {
  padding-top: 10px
}

.PayInfo {
  clear: both
}

.BlueTitle {
  color: #0355b2;
  font-size: 13px;
  font-weight: 600
}

.TitleGap {
  margin-bottom: 15px
}

.DirectDepositItem .DepositAmount {
  font-weight: bold;
  color: #000
}

.EmployeeLandingPage {
  height: 100%;
  width: 100%;
  overflow: auto
}

.EmployeeLandingPage .employeeCardHeader {
  width: 100%;
  height: 80px;
  background-color: #fff;
  display: table;
  color: #000;
  padding-top: 5px
}

.EmployeeLandingPage .employeeCardHeader>* {
  display: table-cell;
  vertical-align: middle;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 15px;
  float: left
}

.EmployeeLandingPage .employeeCardHeader .employeePhoto {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px
}

.EmployeeLandingPage .employeeCardHeader .employeeNamePosition {
  
}

.EmployeeLandingPage .employeeCardHeader .employeeDisplayName {
  font-size: 14px;
  color: #0053a4;
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 150px;
  float: left;
  margin-right: 3px
}

.EmployeeLandingPage .employeeCardHeader .employeePosition {
  clear: left
}

.EmployeeLandingPage .employeeCardHeader .employeeManager {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 190px
}

.EmployeeLandingPage .employeeCardHeader .employeeManager:empty {
  display: none
}

.EmployeeLandingPage .employeeCardHeader .employeeNumber {
  float: left;
  line-height: 20px
}

.EmployeeLandingPage .employeeCardHeader .employeeContactInfo {
  margin-right: 10px;
  margin-left: 20px
}

.MessageSummary {
  
}

.MessageSummary .MessageSummaryTitle {
  font-size: large;
  display: inline-block
}

.MessageSummary .MessageSummaryIcon {
  display: inline-block;
  margin-right: 5px
}

.MessageSummary .MessageSummaryItem {
  padding: 15px;
  border-bottom: 1px solid #d3d3d3;
  cursor: pointer
}

.MessageSummaryTitleText {
  float: left;
  line-height: 26px
}

.MessageSummary .MessageItem {
  display: inline-block;
  width: 60%
}

.MessageSummary .MessageCenterButtons {
  float: right
}

.MessageSummary .MoreMessagesParent {
  text-align: center;
  margin: 10px
}

.MessageSummary .MessageType {
  font-weight: bold;
  width: 15%;
  color: #ffa500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top
}

.MessageSummary .MessageDate {
  float: right;
  width: 20%;
  text-align: right
}

.MessageContentDate {
  float: right;
  padding: 10px;
  font-size: medium;
  float: right;
  color: #0355b2;
  font-family: Arial;
  font-weight: 700
}

.MessageSenderDisplay {
  font-size: medium
}

.MessageFromContainer {
  float: left;
  margin-top: 10px;
  color: #0355b2;
  font-family: Arial;
  font-size: 14px;
  font-weight: 700
}

.MessageSummary .NoUnreadMessages {
  text-align: center;
  font-size: large;
  margin-top: 15px;
  font-style: italic
}

.DeleteButton {
  float: right;
  padding: 3px;
  margin-left: 30px;
  margin-right: 50px
}

.MessageRefresh {
  margin-left: 10px;
  vertical-align: top
}

.MessageRefresh:hover {
  cursor: pointer
}

.MyTeam {
  
}

.TeamRelateNoteIcon {
  background:
    url('../../HR/images/nextgen_home_sprite_v1.png');
  height: 16px;
  width: 16px;
  background-position: -80px -168px
}

.TeamRelateViewIcon {
  background:
    url('../../HR/images/nextgen_home_sprite_v1.png');
  height: 16px;
  width: 16px;
  background-position: -96px -168px
}

.TeamRelateUserRelatabilityIcon {
  background:
    url('../../HR/images/nextgen_home_sprite_v1.png');
  height: 16px;
  width: 16px;
  background-position: -112px -168px
}

.TeamRelateTeamRelatabilityIcon {
  background:
    url('../../HR/images/nextgen_home_sprite_v1.png');
  height: 16px;
  width: 16px;
  background-position: -128px -168px
}

.MyTeam[data-view-mode=table] .ListView {
  display: none
}

.MyTeam[data-view-mode=list] .TableView {
  display: none
}

.MyTeam .SearchContent {
  overflow: hidden;
  width: 100%
}

.MyTeam .ResultLimitLabel {
  font-style: normal;
  margin-top: 20px;
  color: #a5a5a5
}

.MyTeam .MyTeamIcon {
  display: inline-block;
  margin-right: 5px
}

.MyTeam .MyTeamTitle {
  float: left;
  line-height: 36px
}

.MyTeam .MyTeamTitleBar {
  height: 20px
}

.MyTeam .MyTeamSearchBox {
  float: right;
  width: 40%
}

.MyTeam .MyTeamOnlyDirects {
  float: right;
  margin-right: 10px;
  margin-top: 3px
}

.MyTeam .MyTeamSearchIcon {
  float: right;
  display: inline-block;
  margin: 4px
}

.MyTeam .MyTeamStatsButton {
  float: right
}

.MyTeam .WelcomeWidgetTitleBar>* {
  display: table-cell;
  vertical-align: middle
}

.EmbeddedDisplay {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none
}

.MyTeam .ExpandCollapseButton {
  display: block;
  width: 100px;
  margin-left: auto;
  margin-right: auto
}

.MyTeam .ExpandCollapseButton .dijitButtonNode {
  display: block;
  margin-left: auto;
  margin-right: auto
}

.MyTeam .TeamListTableView {
  margin-bottom: 20px
}

.MyTeam .TeamListTableView.Collapsed {
  max-height: 450px;
  overflow: hidden
}

.MyTeam .TeamMemberTableView {
  position: relative;
  display: inline-block;
  width: 280px;
  vertical-align: top;
  margin-bottom: 10px;
  margin-right: 10px;
  color: #555;
  cursor: pointer;
  text-align: left;
  margin-top: 20px
}

.MyTeam .TeamMemberTableView .ActionBadge {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 100;
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: .8em;
  background:
    url('/selfservice/res/images/Messaging_icons-a5a1b829f23bfc4774c8f2954f59e161.png')
    no-repeat;
  left: 55px;
  height: 15px;
  width: 15px;
  background-position: -182px -234px;
  padding: 1px 0;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  transition: opacity .3s linear
}

.MyTeam .TeamMemberListView .listActionBadge {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  opacity: 100;
  position: absolute;
  color: #fff;
  text-align: center;
  font-size: .8em;
  background:
    url('/selfservice/res/images/Messaging_icons-a5a1b829f23bfc4774c8f2954f59e161.png')
    no-repeat;
  left: 30px;
  height: 15px;
  width: 15px;
  background-position: -182px -234px;
  padding: 1px 0;
  -webkit-transition: opacity .3s linear;
  -moz-transition: opacity .3s linear;
  transition: opacity .3s linear
}

.MyTeam .TeamMemberTableView .ProfileImage {
  display: block;
  margin-bottom: 5px;
  float: left
}

.MyTeam .TeamMemberTableView .team-name-position {
  float: left;
  margin-left: 10px;
  margin-top: 10px
}

.MyTeam .TeamMemberTableView .PositionTitle {
  width: 190px;
  color: #777
}

.MyTeam .TeamMemberTableView .Name {
  font-weight: bold;
  width: 190px
}

.MyTeam .TeamMemberTableView .PrimaryCommunicationStyle {
  font-weight: 600;
  width: 190px;
  font-size: 1.2em
}

.MyTeam .TeamListListView {
  margin-bottom: 20px
}

.MyTeam .TeamListListView.Collapsed {
  max-height: 400px;
  overflow: hidden
}

.MyTeam .TeamMemberListView {
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #555;
  border-bottom: solid 1px #dbdbdb;
  position: relative
}

.MyTeam .TeamMemberListView>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .TeamMemberListView .TeamMember {
  width: 20%;
  margin-left: 5px;
  cursor: pointer
}

.MyTeam .TeamMemberListView .TeamMember .PositionTitle {
  width: 190px
}

.MyTeam .TeamMemberListView .TeamMember .Name {
  font-weight: bold;
  width: 190px
}

.MyTeam .TeamMemberListView .TeamMember .PrimaryCommunicationStyle {
  font-weight: 600;
  width: 190px;
  font-size: 1.2em
}

.MyTeam .ListView .ColumnHeader .Relatability {
  width: 18%
}

.MyTeam .TeamMemberListView .wide {
  width: 30% !important
}

.MyTeam .Columns {
  width: 20%
}

.MyTeam .Relatability.Columns {
  width: 18%
}

.MyTeam .PersonalEngagement.Columns {
  width: 22%
}

.MyTeam .TeamMemberListView .Columns>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .TeamMemberListView .icon {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 2px solid;
  margin-right: 5px
}

.MyTeam .TeamMemberListView .Columns .icon.team-relate-incomplete {
  border-color: #cfd0d1
}

.MyTeam .TeamMemberListView .Columns .icon.team-relate-facilitator {
  border-color: #fe921d
}

.MyTeam .TeamMemberListView .Columns .icon.team-relate-director {
  border-color: #edb221
}

.MyTeam .TeamMemberListView .Columns .icon.team-relate-encourager {
  border-color: #36abda
}

.MyTeam .TeamMemberListView .Columns .icon.team-relate-tracker {
  border-color: #565bd3
}

.MyTeam .TeamMemberListView .Columns .Value {
  color: #919296
}

.MyTeam .TeamMemberListView .team-relate-checkin .checkin-white {
  background: #cfd0d1
}

.MyTeam .TeamMemberListView .team-relate-checkin .checkin-grey {
  background: #cfd0d1
}

.MyTeam .TeamMemberListView .Relatability>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .TeamMemberListView .Relatability .User>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .TeamMemberListView .Relatability .Team>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .TeamMemberListView .Relatability .User .Value {
  width: 30px;
  height: 16px
}

.MyTeam .TeamMemberListView .Relatability .Team .Value {
  width: 30px;
  height: 16px
}

.MyTeam .TeamMemberListView .PersonalEngagement>* {
  display: inline-block
}

.MyTeam .TeamMemberListView .PersonalEngagement .Engagement {
  vertical-align: middle
}

.MyTeam .TeamMemberListView .PersonalEngagement .Engagement .Elements {
  width: 130px;
  height: 20px
}

.MyTeam .TeamMemberListView .PersonalEngagement .Engagement .Time {
  width: 95px;
  height: 15px;
  font-size: 10px;
  color: #9d9d9d;
  margin-top: -5px;
  margin-left: 32px
}

.MyTeam .TeamMemberListView .Note {
  vertical-align: top;
  margin-left: 10px
}

.MyTeam .TeamMemberListView .View>* {
  display: inline-block;
  vertical-align: top
}

.MyTeam .TeamMemberListView .View {
  text-align: center;
  width: 10%
}

.MyTeam .TeamMemberListView .View .Value {
  color: #0c84d7;
  cursor: pointer;
  text-decoration: underline
}

.MyTeam .TeamRelateHeader {
  height: 100px;
  margin-top: 10px
}

.MyTeam .Separator {
  border-bottom: solid 1px #dbdbdb
}

.MyTeam .Separator.Short {
  width: 98%;
  margin: auto
}

.MyTeam .ListView .TeamRelateBar {
  width: 86%;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto
}

.MyTeam .ListView .TeamRelateBar>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .ListView .TeamRelateBar .TeamRelateStatus {
  width: 75%
}

.MyTeam .ListView .TeamRelateBar .TeamRelateStatus .dijitOutput {
  text-align: center
}

.MyTeam .ListView .TeamRelateBar .TeamRelateStatus .Header>* {
  display: inline-block;
  width: 32%;
  color: #9d9d9d
}

.MyTeam .ListView .TeamRelateBar .TeamRelateStatus .wide {
  width: 45% !important
}

.MyTeam .ListView .TeamRelateBar .TeamRelateStatus .wide>* {
  width: 45% !important
}

.MyTeam .ListView .TeamRelateBar .TeamRelateStatus .Value {
  margin-top: 5px
}

.MyTeam .ListView .TeamRelateBar .TeamRelateStatus .Value>* {
  display: inline-block;
  width: 32%
}

.MyTeam .ListView .TeamRelateBar .TeamDynamic {
  width: 20%;
  height: 30px;
  color: #0c84d7;
  cursor: pointer;
  text-decoration: underline
}

.MyTeam .ListView .TeamRelateBar .TeamDynamic .dijitOutput {
  text-align: center
}

.MyTeam .ListView .ColumnHeader {
  height: 30px;
  margin-top: 30px;
  border-bottom: solid 1px #dbdbdb;
  box-shadow: 0 5px 10px 0 #f2f2f2
}

.MyTeam .ListView .ColumnHeader>* {
  display: inline-block;
  color: #9d9d9d
}

.MyTeam .ListView .ColumnHeader .TeamMember {
  width: 25%
}

.MyTeam .ListView .ColumnHeader .wide {
  width: 30% !important
}

.MyTeam .ListView .ColumnHeader .Columns {
  width: 20%
}

.MyTeam .ListView .ColumnHeader .wide>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .ListView .ColumnHeader .CommunicationStyle>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .ListView .ColumnHeader .Relatability>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .ListView .ColumnHeader .PersonalEngagement>* {
  display: inline-block;
  vertical-align: middle
}

.MyTeam .ListView .team-relate-checkin {
  width: 120px;
  margin-left: 10px
}

.team-dynamic .personal-style {
  font-size: 24px;
  font-weight: 600;
  color: #0c84d7
}

.team-dynamic .padding {
  padding-top: 10px
}

.team-dynamic .title {
  font-size: 18px;
  font-weight: bold;
  color: #153777;
  padding: 10px 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
  -webkit-font-smoothing: antialiased;
  display: block
}

.team-dynamic .heading3 {
  font-size: 14px;
  padding-top: 5px
}

.team-dynamic .heading1 {
  font-size: 18px;
  font-weight: 600;
  padding-top: 10px
}

.team-dynamic .traits {
  padding-top: 10px
}

.team-dynamic h3 {
  font-size: 1.3em;
  font-weight: normal
}

.team-dynamic ul {
  margin-left: 2em;
  padding-left: 1em;
  list-style-type: disc
}

.team-dynamic ul li {
  list-style-type: disc;
  font-size: 1.3em
}

.team-dynamic .strengths p {
  list-style-type: disc;
  font-size: 1.3em
}

.team-dynamic ul li>span {
  font-size: 14px;
  color: #000
}

@media ( max-width :400px) {
  .TeamMemberTableView {
    width: 100%
  }
}

@media ( min-width :401px) {
  .TeamMemberTableView {
    width: 50%
  }
  .FeatureMenuOpen .TeamMemberTableView {
    width: 100%
  }
  .MyTeam .TeamMemberListView .View {
    width: 5%
  }
}

@media ( min-width :770px) {
  .TeamMemberTableView {
    width: 33.33%
  }
  .FeatureMenuOpen .TeamMemberTableView {
    width: 50%
  }
}

@media ( max-width :920px) {
  .FeatureMenuOpen .home-emp-teamrelate {
    width: 100%;
    margin: 10px 10px 25px 10px
  }
  .MyTeam .TeamMemberTableView .team-name-position {
    margin-left: 0;
    margin-top: 0
  }
  .MyTeam .TeamMemberTableView {
    width: 160px;
    text-align: center
  }
  .MyTeam .TeamMemberTableView .ProfileImage {
    float: none;
    display: inline-block
  }
  .MyTeam .TeamMemberTableView .PositionTitle {
    width: 160px
  }
  .MyTeam .TeamMemberTableView .Name {
    width: 160px
  }
  .MyTeam .TeamMemberTableView .PrimaryCommunicationStyle {
    width: 160px
  }
  .MyTeam .TeamListTableView.Collapsed {
    max-height: 500px;
    overflow: hidden
  }
}

@media ( min-width :1200px) {
  .TeamMemberTableView {
    width: 25%
  }
  .FeatureMenuOpen .TeamMemberTableView {
    width: 33.333%
  }
}

@media ( min-width :1300px) {
  .FeatureMenuOpen .TeamMemberTableView {
    width: 25%
  }
}

@media ( max-width :860px) {
  .MyTeam .ListView .CommunicationStyle {
    display: none
  }
  .MyTeam .ListView .ColumnHeader .CommunicationStyle {
    display: none
  }
  .MyTeam .ListView .ColumnHeader .Columns {
    width: 30%
  }
  .MyTeam .ListView .ColumnHeader .Relatability {
    margin-left: 11%;
    width: 22%
  }
  .MyTeam .ListView .ColumnHeader .PersonalEngagement {
    width: 24%
  }
  .MyTeam .ListView .ColumnHeader .ViewSummary {
    width: 15%
  }
  .MyTeam .Relatability.Columns {
    width: 20%;
    margin-left: 8%
  }
  .MyTeam .PersonalEngagement.Columns {
    width: 30%
  }
}

.osha {
  height: 100%
}

.osha .content {
  height: 100%;
  display: flex;
  flex-direction: column
}

.osha-toolbar {
  
}

.osha .FilterPane {
  margin-bottom: 0
}

.osha .FilterPane .FilterContentInner {
  height: 99px;
  overflow: auto
}

.osha .oshagrid .dgrid-content {
  width: auto !important
}

.oshaMassEditDialog .label {
  display: inline-block;
  margin-right: 20px;
  width: 200px
}

.oshaMassEditDialog .label>* {
  display: block;
  height: 25px;
  margin-bottom: 5px
}

.oshaMassEditDialog .field {
  display: inline-block;
  width: 165px
}

.oshaMassEditDialog .field>* {
  margin-bottom: 5px
}

.oshaMassEditDialog .Separator {
  border-bottom: solid 1px #dbdbdb;
  margin: 5px 0
}

.oshaMassEditDialog .Separator+.Container {
  margin: 10px 0 15px 0;
  width: 100%
}

.oshaMassEditDialog .Separator+.Container .dijitButton {
  float: right
}

.oshaMassEditDialog .changedField {
  border-color: #ffa500
}

.oshaMassEditDialog .rowsSelected {
  margin-bottom: 10px;
  height: 25px;
  font-style: italic
}

.oshaRunDialog .label {
  display: inline-block;
  margin-right: 20px;
  width: 200px
}

.oshaRunDialog .label>* {
  display: block;
  height: 25px;
  margin-bottom: 5px
}

.oshaRunDialog .label .labelItem>* {
  display: inline-block
}

.oshaRunDialog .field {
  display: inline-block;
  width: 165px
}

.oshaRunDialog .field>* {
  margin-bottom: 5px
}

.oshaRunDialog .Separator {
  border-bottom: solid 1px #dbdbdb;
  margin: 5px 0
}

.oshaRunDialog .Separator+.Container {
  margin: 10px 0 15px 0;
  width: 100%
}

.oshaRunDialog .Separator+.Container .dijitButton {
  float: right
}

.oshaRunDialog .rowsSelected {
  height: 25px;
  font-style: italic
}

.oshaRunDialog .oshaTypePane {
  border-top: solid 1px #dbdbdb;
  border-bottom: solid 1px #dbdbdb;
  padding-top: 10px
}

.oshaRunDialog .reportTypePane {
  margin-top: 10px
}

.oshaRunDialog .formatTypePane {
  margin-top: 10px
}

.oshaRunDialog .fieldChild {
  width: 167px
}

.oshaRunDialog .dijitDateTextBox {
  margin-bottom: 5px
}

.PerformanceReview .Header {
  margin-right: 15px;
  display: inline-block;
  height: 100%;
  vertical-align: top
}

.PerformanceReview .Content {
  display: inline-block;
  background-color: #f5f5f5;
  padding: 20px;
  width: 920px;
  position: relative;
  margin-left: 311px
}

.PerformanceReview .Tabs {
  height: 500px
}

.PerformanceReview .LeftBar {
  height: 1000px;
  width: 300px;
  display: inline-block;
  float: left;
  position: fixed
}

.PerformanceReview {
  height: 100%
}

.PerformanceReview .PerformanceReviewParentContainer {
  
}

.PerformanceReview .ReviewHeader {
  font-size: x-large;
  font-weight: bold;
  color: #5e6061;
  margin-bottom: 20px
}

.PerformanceReview .ReviewSection {
  background-color: #fff;
  width: 900px;
  margin-bottom: 20px;
  padding: 10px
}

.PerformanceReview .ReviewSectionHeader {
  color: #0355b2;
  font-size: 18px;
  font-weight: bolder;
  margin-bottom: 10px
}

.PerformanceReview .ReviewSectionItem {
  width: 900px;
  margin-bottom: 10px
}

.PerformanceReview .ReviewSectionLabel {
  display: inline-block;
  width: 300px;
  vertical-align: top;
  margin-right: 100px;
  color: #5e6061
}

.PerformanceReview .ReviewSectionValue {
  display: inline-block;
  width: 375px
}

.PerformanceGoals .Header {
  margin-right: 15px;
  display: inline-block;
  height: 100%;
  vertical-align: top
}

.PerformanceGoals .Content {
  display: inline-block
}

.PerformanceGoals .Tabs {
  height: 500px
}

.PerformanceGoals .LeftBar {
  height: 1000px;
  width: 300px;
  display: inline-block;
  float: left
}

.PerformanceGoals {
  height: 100%
}

.PerformanceRatings .Header {
  margin-right: 15px;
  display: inline-block;
  height: 100%;
  vertical-align: top
}

.PerformanceRatings .Content {
  display: inline-block
}

.PerformanceRatings .Tabs {
  height: 500px
}

.PerformanceRatings .LeftBar {
  height: 1000px;
  width: 300px;
  display: inline-block;
  float: left
}

.PerformanceRatings {
  height: 100%
}

.PerformanceRatings .PerformanceRatingParentContainer {
  position: fixed
}

.WelcomeCalendar {
  padding: 10px;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden
}

.WelcomeCalendarTitle {
  font-size: 1.5em;
  font-weight: 600;
  float: left;
  padding: 10px
}

.WelcomeCalendarLinks {
  float: right;
  padding-right: 10px;
  font-size: 1.2em
}

.WelcomeCalendarActionLink {
  text-decoration: inherit;
  cursor: pointer;
  display: inline-block;
  color: #0c84d7;
  margin: 5px
}

.WelcomeCalendar .TodaysDate {
  font-size: large;
  margin-bottom: 20px;
  display: inline-block
}

.WelcomeCalendar .WelcomeCalendarContainer {
  height: 100%
}

.WelcomeCalendar .WelcomeCalendarIcon {
  display: inline-block;
  margin-right: 15px
}

@media ( max-width :920px) {
  .WelcomeCalendar .WelcomeCalendarIcon {
    display: none
  }
}

.WelcomeCalendarDay {
  background-color: #fff;
  margin: 7.5px;
  box-shadow: 1px 1px 1px #bbb
}

.WelcomeCalendarDay .CalendarDay {
  background-color: #fff
}

.WelcomeCalendarDay .CalendarDay.Today {
  background-color: #cde5f3
}

.WelcomeCalendarDay .DayHeader {
  height: 30px;
  line-height: 23px;
  padding: 10px 0 10px 10px;
  width: 17%;
  display: inline-block;
  vertical-align: top
}

.WelcomeCalendarItem:not (:first-of-type ){
  border-top: 1px solid #d3d3d3
}

.WelcomeCalendarDay .DayContent {
  margin-left: 0;
  width: 65%;
  position: relative;
  display: inline-block
}

.WelcomeCalendar_Shift {
  display: inline-block;
  text-align: left;
  color: #2f3575
}

.WelcomeCalendar_Holiday {
  display: inline-block;
  text-align: left
}

.WelcomeCalendar_TAFW {
  display: inline-block;
  text-align: left
}

.WelcomeCalendarDay .DayContent .NoEvents {
  font-style: italic;
  text-align: center;
  width: 95%;
  margin: 15px
}

.WelcomeCalendarDay .DayHeader .DayName {
  float: left;
  font-size: 1.2em;
  font-weight: 600
}

.WelcomeCalendarDay .DayHeader .TodayLabel {
  background-color: #ffa500;
  color: #fff;
  margin: 5px;
  height: 20px;
  line-height: 20px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: bold
}

.WelcomeCalendarDay .DayHeader .MonthDay {
  float: right
}

.WelcomeCalendarTitleText {
  line-height: 18px
}

.WelcomeCalendarItem {
  padding: 10px;
  position: relative;
  min-height: 35px
}

.WelcomeCalendarItem .TimeRange {
  display: inline-block;
  width: 250px;
  margin-right: 10px
}

.WelcomeCalendarItem.PastEventItem .TimeRange,.WelcomeCalendarItem.PastEventItemAllDay .TimeRange
  {
  display: inline-block;
  width: 250px;
  margin-right: 10px
}

.WelcomeCalendarItem .TimeRange .TimeRangeHeader .Scheduled {
  text-decoration: underline;
  font-weight: 600
}

.WelcomeCalendarItem .TimeRange .TimeRangeHeader .Actual {
  text-decoration: underline;
  font-weight: 600
}

.WelcomeCalendarItem .TimeRange .TimeRangeHeader {
  
}

.WelcomeCalendarItem .TimeRange .FormattedTimeRange {
  color: #000;
  vertical-align: middle;
  font-size: 1.2em;
  font-weight: 700
}

.WelcomeCalendarItem .TimeRange .FormattedTimeRangePanel {
  margin-top: 2px
}

.WelcomeCalendarItem .TimeRange .FormattedTimeRangeHours {
  color: #000;
  vertical-align: middle;
  font-size: 1.2em;
  margin-left: 5px;
  font-weight: 700
}

.WelcomeCalendarItem .TimeRange .Scheduled {
  margin-left: 30px;
  display: inline-block;
  width: 70px
}

.WelcomeCalendarItem .TimeRange .Actual {
  display: inline-block;
  width: 60px
}

.WelcomeCalendarItem .TimeRange .Label {
  display: inline-block;
  width: 50px
}

.WelcomeCalendarDay .DayName {
  width: 100%;
  float: left;
  font-size: 1.2em;
  font-weight: 600
}

.WelcomeCalendarItem .EventName {
  display: inline-block;
  text-align: left;
  min-height: 35px;
  vertical-align: top
}

.WelcomeCalendarItem .EventName .Text {
  vertical-align: middle;
  font-size: 1.2em;
  color: #2f3575
}

.WelcomeCalendarItem.PastEventItem .EventName .Text {
  margin-top: 15px
}

.WelcomeCalendarIcon_Shift {
  vertical-align: top;
  margin-bottom: 15px
}

.WelcomeCalendar .NoUpcomingEventsInfo {
  font-size: large;
  text-align: center
}

.WelcomeCalendarDay .DayActionMenu {
  padding-top: 10px;
  float: right;
  vertical-align: top
}

.WelcomeCalendarItem .WelcomeCalendarIcon_Shift {
  vertical-align: middle;
  background: url('../images/home_sprite_v13.png')
    no-repeat 0 -32px;
  width: 16px;
  height: 16px
}

.WelcomeCalendarItem .TAFW_Vacation,.TAFW_Sick,.TAFW_Paid,.TAFW_UnPaid,.WelcomeCalendarIcon_Holiday
  {
  vertical-align: baseline
}

.WelcomeCalendarItem.PastEventItem .WelcomeCalendarIcon {
  vertical-align: baseline
}

.WelcomeCalendarItem.PastEventItem .WelcomeCalendarIcon.WelcomeCalendarIcon_Shift
  {
  margin-top: 20px
}

.WelcomeCalendarItem .WelcomeCalendarIcon.TAFW_Bereavement {
  margin-bottom: 9px
}

.claro .dijitToolbar.eventAction {
  border: 0;
  background-repeat: no-repeat;
  background-image: none;
  background-color: transparent;
  padding: 2px 0 2px 4px;
  zoom: 1
}

.WelcomeCalendarLinks .myteam-toggle {
  text-align: right;
  margin-top: 0;
  display: inline-block
}

.claro .Home .WelcomeCalendar .myteam-toggle .dijitToggleButton .dijitButtonNode
  {
  min-width: 90px
}

.mfaCard {
	background-color : #f5f5f5!important;
	border : none!important;
	padding-bottom : 10px;
}

.mfaData {
	background-color : #fff;
	margin: 15px;
}

.mfaBorder {
	border-bottom : none!important;
}

.mfaButton {
	padding : 1rem 1.5rem!important;
}

@media ( max-width :768px) {
  .mfaLineL {
    border-left: none !important;
  }
}

@media ( max-width :768px) {
  .mfaLineR {
    border-right: 1px solid;
  }
}

#updateMfaUrl {
	border: none;
}

.updateMfaHeader {
	border-bottom: none !important;
	padding: 1rem 1rem 0 1rem !important;
}

.iframeContent {
	padding: 1rem 1.875rem 1rem 0 !important;
}

#updateMfaIframe {
	padding-left: 0 !important;
}

.iframeHeader {
	font-size: 1.4rem;
}

.closeIframe {
	margin-top :-14px !important;
}
.updateMfaContent{
	width:100%;
}
.modal-dialog-vertical {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:calc(100% - (.5rem * 2));
}

@media ( max-width :768px) {
  .mfaLineL {
    border-left: none !important;
  }
}

@media ( max-width :768px) {
  .mfaLineR {
    border-right: 1px solid;
  }
}

#updateMfaUrl {
	border: none;
}

.updateMfaHeader {
	border-bottom: none !important;
	padding: 1rem 1rem 0 1rem !important;
}

.iframeContent {
	padding: 1rem 1.875rem 1rem 0 !important;
}

#updateMfaIframe {
	padding-left: 0 !important;
}

.iframeHeader {
	font-size: 1.4rem;
}

.closeIframe {
	margin-top :-14px !important;
}

.updateMfaContent{
    width:100%;
}

.modal-dialog-vertical {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:calc(100% - (.5rem * 2));
}


/* DAILY HOURS */
#total-hours-pay-period-value,
.period-nav {
  font-weight: 700;
}

#daily-hours-sub-header {
  background-color: #fff;
}

.period-total {
  color: #3067db;
}

.odd-row,
.period-total {
  background-color: rgba(0,0,0,.05);
}

table#daily-hours td.day-hours-cell-mobile,
table#daily-hours th.day-hours-header-mobile {
  display: none;
}

/* remove up/down buttons for number input on Firefox */
table#daily-hours input[type="number"].day-hours {
  -moz-appearance: textfield;
}

/* remove up/down buttons for number input on Chrome, Safari, Edge, Opera */
table#daily-hours input.day-hours::-webkit-outer-spin-button,
table#daily-hours input.day-hours::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.modal-dialog.modal-xlg {
  max-width: 1024px;
}

@media (max-width: 767.98px) {
  table#daily-hours tbody td.day-cell-wide,
  table#daily-hours tbody td.day-hours-cell-wide,
  table#daily-hours tbody td.collapse-placeholder,
  table#daily-hours thead tr {
    display: none;
  }

  table#daily-hours td.day-hours-cell-mobile,
  table#daily-hours th.day-hours-header-mobile {
    display: flex;
  }

  table#daily-hours tbody,
  table#daily-hours tbody td,
  table#daily-hours tbody tr {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }

  table#daily-hours .hours-cell {
    border-top: none;
    padding-top: 0;
  }

  table#daily-hours .pay-code-cell {
    padding-bottom: 0;
  }
}