/*#GENERAL*/

section.contrastStyle {
  margin-left: 6px;
}

section.contrastStyle a {
  margin: 0px 2px;
  color: #ccc;
}

section.contrastStyle:hover {
  cursor: pointer;
}

body.withContrastAAA section.contrastStyle {
  text-align: right;
}

body:not(.withContrastAAA) li.topMenu img.expansionIndicator {
  display: none;
}

header.topMenuHeader a.singleA {
  color: #ccc;
  font-weight: 100;
  font-size: 0.9rem;
}

section.contrastStyle a.doubleA {
  color: #ccc;
  font-size: 1rem;
  font-weight: 400;
}

section.contrastStyle a.tripleA {
  color: #ccc;
  font-size:1.1rem;
  font-weight: 700;
}

section.contrastStyle a.singleA:hover,
section.contrastStyle a.doubleA:hover,
section.contrastStyle a.tripleA:hover {
  font-size: 1.3rem;
}

/*#endGENERAL*/

/*#FOCUS*/


body:not(.withFocus) *:focus:not(.voice-to-text):not(.carousel-button):not([readonly="readonly"]) {
/*  outline: none;
  box-shadow: none;*/
}

body.withFocus *:focus {
  /*background: red;*/
  /*outline: 1px solid #595959;*/ 
  outline: none !important;
  /*box-shadow: 0 0 4px #333333;*/
  border-radius: 10px;
  padding: 2px 5px;
}

body.withFocus a {
  color: #595959;
}

body.withFocus div.RoleCommunications a:focus,
body.withFocus div.MgrTeamTile a.initials:focus {
  box-shadow: 0 0 4px #0c4b6a;
}

body.withFocus .buttonBar {
  box-shadow: 0 0 4px #444;
}

body.withFocus div.OrganizationChartTile *:focus {
  box-shadow: 0 0 4px #ffffff;
}

body.withFocus div.lifeBanner a:focus {
  box-shadow: 0 0 10px 2px #49561A;
}

body.withFocus div.DashRssFeedTile a.rssItemLink:focus article.itemContents,
body.withFocus div.AdminSupportCaseActivityTile a.supportCaseLink:focus article.holderSpan {
  border-radius: 5px;
  /*background: purple;*/
  box-shadow: 0 0 10px #595959;
  padding: 5px;
}

body.withFocus div.AdminSupportCaseActivityTile a.supportCaseLink:focus span.holderSpan {
  box-shadow: none;
  outline: none;
}

/*body.withFocus tr.hasFocus td{
  background-color: #444;
  color: #fff;
}*/
body.withFocus tr:focus > * {
  background-color: #e2e2e2;
  color: #444;
}

body.withFocus div.nextListItem > a:focus,
body.withFocus div.prevListItem > a:focus,
body.withFocus div.actionLabel > a:focus,
body.withFocus span.tableActions > a[action='ADD']:focus,
body.withFocus div.quickAddDiv > a:focus {
  background-color: #0c4b6a;
  color: #ffffff;
  height: 24px;
}

body.withFocus ol.tabTitles > li.focus{
  /*text-decoration: underline;*/
  font-weight: 700;
  border-bottom: thin solid black;

}

body.withFocus .collapsible-header:focus {
  outline: 0;
}

body.withFocus .tabs .tab a:focus, 
body.withFocus .tabs .tab a:focus.active {
  /*outline: none;*/
  height: 100%;
}

body.withFocus .tabs .tab a:focus:not(.active) {
  height: 100%;
}

body.withFocus .tabs .tab a:focus:not(.active) {
  border-bottom: solid #D0D2D3 thick;
  box-sizing: border-box;
  color: #000000;  
}

body.withFocus li.lifeEventTile a:focus {
  /*color: red;*/
  /*background: purple;*/
}

body.withFocus article.tileContainer > li.lifeEventTile a:focus section.eventDetails {  
  box-shadow: 0 0 5px #333333;
  border-radius: 10px;
}

div.valueHolder span.tooltipText {
  display: none;
}

body.withFocus div.valueHolder.withFocus span.tooltipText {
  display: inline-block;
  font-size: 10px;
  background: #f2f2f2;
  color:#4f4f4f;
  border-radius: 10px;
  padding: 0px 4px;
}

body:not(.withFocus) #skipToContent {
  display: none;
}

body.withFocus #skipToContent {
  vertical-align: top;
  line-height: 45px;
  font-weight: 700;
}

/*#endFOCUS*/

/*#CONTRAST*/

/*#AA*/

body.withContrastAA li.tileRow {
  height:auto;
}

/*body.withContrastAA *:not(.transparentText):not(.lifeBannerText):not(.lifeBannerSubText):not(text):not(.buttonBar):not(.buttonLabel):not(.quickAdds):not(tspan):not(.contrastSelector),*/
body.withContrastAA,
body.withContrastAA label,
body.withContrastAA header > div.calendarDashDiv > div.calendarDetailsDiv span.calendarDatePrompt, 
body.withContrastAA header > div.calendarDashDiv > div.calendarDetailsDiv span.calendarTranslatedDate,
body.withContrastAA article.TaskTableUsage[table_key="PLV_REQUEST"] *,
body.withContrastAA div.timeOffType > div.timeOffTotal,
body.withContrastAA ol.leaveList > li.leaveItem,
body.withContrastAA section.TaskTableUsageRecap > header > span.tableActions > a[action],
body.withContrastAA div.tableInfo > span.tableActions > a[action],
body.withContrastAA span.toggleView, 
body.withContrastAA span.list,
body.withContrastAA div.RoleReportsTile ol.reports > li h1, 
body.withContrastAA article.Reports div.RoleReportsTile h1, 
body.withContrastAA div.DataList table.expandDataList tr td, 
body.withContrastAA ol.notifications,
body.withContrastAA li.TaskTableUsageMenuItem,
body.withContrastAA section.companyNavUser .topMenu ul.menuElements > li,
body.withContrastAA a.backButton,
body.withContrastAA ul.tabs li.tab > a,
body.withContrastAA div.MgrCourseProgress div.courseStatsDiv span.enrolledTitle,
body.withContrastAA div.MgrCourseProgress div.courseStatsDiv span.completedTitle,
body.withContrastAA div.AdminLearningTile div.courseStatsDiv span.enrolledTitle,
body.withContrastAA div.AdminLearningTile div.courseStatsDiv span.completedTitle,
body.withContrastAA div.MgrCourseProgress span.engagementPrompt,
body.withContrastAA div.AdminLearningTile span.engagementPrompt,
body.withContrastAA div.SchedulingTile div.subcaptionDiv,
body.withContrastAA div.RoleQuickLinksTile a.linkTitle,
body.withContrastAA div.AdminLeaveTile span.totalLeavesP,
body.withContrastAA div.AdminLeaveTile span.totalLeavesV,
body.withContrastAA div.AdminBenefitsOpenEnrollmentTile div.sideSubDiv > span.value,
body.withContrastAA div.AdminBenefitsOpenEnrollmentTile div.sideSubDiv > span.prompt,
body.withContrastAA div.AdminBenefitsOpenEnrollmentTile span.closeDateText,
body.withContrastAA div.AdminPayTile div.subtitleDiv,
body.withContrastAA article.dashTile h2.tileTitle,
body.withContrastAA article.dashTile h2.dashTitle,
body.withContrastAA div.RoleToDoAndFlagsTile a.activityLink span:not(.buttonLabel),
body.withContrastAA div.RoleCommunications div.communicationContent,
body.withContrastAA header > div.calendarDashDiv h1,
body.withContrastAA header > div.calendarDashDiv > div.calendarDetailsDiv span.calendarDate,
body.withContrastAA div.RoleToDoAndFlagsTile a.allToDos span,
body.withContrastAA div.EmployeeProfileTile p.personName,
body.withContrastAA div.EmployeeProfileTile p.detailsText,
body.withContrastAA div.EmployeeTimeBalanceTile li.timeOffBalance span.titleSpan,
body.withContrastAA div.buttonBar div.buttonBar a span:not(.buttonLabel),
body.withContrastAA div.EmployeeTimeBalanceTile div.balanceBox span.valueSpan,
body.withContrastAA div.EmployeeTrainingSummary div.courseTitle,
body.withContrastAA div.EmployeeTrainingSummary div.completedDiv,
body.withContrastAA div.EmployeeTrainingSummary div.remainingDiv,
body.withContrastAA div.EmployeeTrainingSummary div.completion,
body.withContrastAA main > div.workspaceContent > article.TaskTableUsage > section.usages.tabsContent > .task-table > header > span.ttuTitle,
body.withContrastAA main > div.workspaceContent > article.TaskTableUsage > section.usages.tabsContent > .task-table > header.stuck > span.scrollContext,
body.withContrastAA main > div.workspaceContent > article.TaskTableUsage > section.usages.tabsContent > .task-table > header > span.titleText,
body.withContrastAA article.dashTile div.emptyTile {
  /*background: red;*/
  /*color: black;*/
  font-size: 1.2rem;
  /*height: unset;*/
}

body.withContrastAA section.companyNavUser .topMenu ul.menuElements {
  width: 400px;
}

body.withContrastAA ul.dashboardItems > li.tileRow {
  max-height: unset;
}

body.withContrastAA div.quickAddDiv,
body.withContrastAA section.TaskTableUsageRecap > header > span.tableActions > a[action],
body.withContrastAA article.dashTile div.buttonBar > input.linkSpan, 
body.withContrastAA article.dashTile div.buttonBar > span.linkSpan,
body.withContrastAA article.dashTile div.buttonBar,
body.withContrastAA article.dashTile a.buttonBar {
  background-color: #60b157;  
  color: #fff;
  border: none;
}

body.withContrastAA div.quickAddDiv,
body.withContrastAA div.quickAddDiv a.quickAdds,
body.withContrastAA article.dashTile a.buttonBar > span.buttonLabel {
  color: white;
  font-size: 1.2rem;
  border: none;
}

body.withContrastAA .collapsible > li span.title {
  width: 250px;
  font-size: 1.2rem;
}

body.withContrastAA .collapsible-header > span.dataRecap {
  flex-basis: 27%;
  font-size: 1.2rem;
}

body.withContrastAA div.tableInfo > span.tableActions > a[action] {
    border: thin #60b157 solid;
    background-color: #60b157;
    color: white;    
}

body.withContrastAA tr.dataRow td,
body.withContrastAA article.BgrGroupTreeNode section,
body.withContrastAA fieldset.columnGroup label,
body.withContrastAA section.ActivityTransition a {
  font-size: 1.2rem;
}

body.withContrastAA div.AdminEmpPayProfileTile div.imgDiv > div.topBlueBox {
  background-color: #008040;
}

body.withContrastAA .transparentText {
  color: transparent;
  height: 0;
  margin: 0;
}

body.withContrastAA div.AdminProfileLeaversJoinersTile div.chartWrapper {
  height: 80%;
}

body.withContrastAA div.hierarchy foreignObject, 
body.withContrastAA li.hierarchy foreignObject {
/*  width: 400px;
  height: 80px;*/
}

body.withContrastAA li.tileRow:not(.EmployeeProfileTile):not(.AdminSupportCaseActivityTile):not(.EmployeePayrollTile):not(.RoleToDoAndFlagsTile):not(.EmployeeLifeEventsTile):not(.EmpBenLifeEventsTile):not(.AdmPayProcessing):not(.MgrTeamTile) article.dashTile {
  /*height: 300px;*/
}

body.withContrastAA div.RoleToDoAndFlagsTile div.PerJsonPoll,
body.withContrastAA div.RoleToDoAndFlagsTile div.maTile,
body.withContrastAA ul.dashboardItems > li.tileRow > div.tileHolder {
  box-shadow: 0 0 5px #b9b9b8;
}

body.withContrastAA li.tileRow.MgrTeamTile article.dashTile {
  height: unset;
}

body.withContrastAA div.signatureBox,
body.withContrastAA div.initialBox {
  height: auto;
}

body.withContrastAA div.initialBox {
  width: 120px;
}

body.withContrastAA div.Asign.position {
  top: 100px;
}
body.withContrastAA div.Ainit.position {
  top: 160px;
}
body.withContrastAA div.Msign.position {
  top: 220px;
}
body.withContrastAA div.Minit.position {
  top: 280px;
}
body.withContrastAA div.Psign.position {
  top: 340px;
}
body.withContrastAA div.Pinit.position {
  top: 400px;
}

body.withContrastAA div.dashlet span.enrolledNumber,
body.withContrastAA div.dashlet span.completedNumber {
  font-size: 48px;
}

body.withContrastAA ol.leaveList > li.leaveItem {
  height: unset;
}

body.withContrastAA div.timeOffType > div.timeOffTotal > span.valueBasis {
  width: unset;
  line-height: unset;
}

body.withContrastAA section.companyNavUser .topMenu ul.menuElements > li {
  padding-bottom: 7px;
}


/*#endAA*/

/*#AAA*/

body.withContrastAA {
  max-width: unset;
}

body.withContrastAA li.tileRow {
  height:auto;
}

body.withContrastAAA *:not(.transparentText):not(.lifeBannerText):not(.lifeBannerSubText):not(text):not(.buttonBar):not(.buttonLabel):not(.quickAdds):not(tspan):not(.contrastSelector):not(.name):not(.code),
body.withContrastAAA header.topMenuHeader *:not(.contrastSelector):not(.transparentText),
body.withContrastAAA ul.dataItems.tabs *,
body.withContrastAAA header.dashTitle *,
body.withContrastAAA ul.dashboardItems,
body.withContrastAAA label,
body.withContrastAAA ul.dashboardItems span,
body.withContrastAAA div.MgrCourseProgress div.courseStatsDiv span.enrolledTitle,
body.withContrastAAA div.MgrCourseProgress div.courseStatsDiv span.completedTitle,
body.withContrastAAA div.AdminLearningTile div.courseStatsDiv span.enrolledTitle,
body.withContrastAAA div.AdminLearningTile div.courseStatsDiv span.completedTitle,
body.withContrastAAA div.MgrCourseProgress span.engagementPrompt,
body.withContrastAAA div.AdminLearningTile span.engagementPrompt,
body.withContrastAAA div.SchedulingTile div.subcaptionDiv,
body.withContrastAAA div.RoleQuickLinksTile a.linkTitle,
body.withContrastAAA div.AdminLeaveTile span.totalLeavesP,
body.withContrastAAA div.AdminLeaveTile span.totalLeavesV,
body.withContrastAAA div.AdminBenefitsOpenEnrollmentTile div.sideSubDiv > span.value,
body.withContrastAAA div.AdminBenefitsOpenEnrollmentTile div.sideSubDiv > span.prompt,
body.withContrastAAA div.AdminBenefitsOpenEnrollmentTile span.closeDateText,
body.withContrastAAA div.AdminPayTile div.subtitleDiv,
body.withContrastAAA article.dashTile h2.tileTitle,
body.withContrastAAA article.dashTile h2.dashTitle,
body.withContrastAAA div.RoleToDoAndFlagsTile a.activityLink span:not(.buttonLabel),
body.withContrastAAA div.RoleCommunications div.communicationContent,
body.withContrastAAA header > div.calendarDashDiv h1,
body.withContrastAAA header > div.calendarDashDiv > div.calendarDetailsDiv span.calendarDate,
body.withContrastAAA div.RoleToDoAndFlagsTile a.allToDos span,
body.withContrastAAA div.EmployeeProfileTile p.personName,
body.withContrastAAA div.EmployeeProfileTile p.detailsText,
body.withContrastAAA div.EmployeeTimeBalanceTile li.timeOffBalance span.titleSpan,
body.withContrastAAA div.buttonBar div.buttonBar a span:not(.buttonLabel),
body.withContrastAAA div.EmployeeTimeBalanceTile div.balanceBox span.valueSpan,
body.withContrastAAA div.EmployeeTrainingSummary div.courseTitle,
body.withContrastAAA div.EmployeeTrainingSummary div.completedDiv,
body.withContrastAAA div.EmployeeTrainingSummary div.remainingDiv,
body.withContrastAAA div.EmployeeTrainingSummary div.completion,
body.withContrastAAA main > div.workspaceContent > article.TaskTableUsage > section.usages.tabsContent > .task-table > header > span.ttuTitle,
body.withContrastAAA main > div.workspaceContent > article.TaskTableUsage > section.usages.tabsContent > .task-table > header.stuck > span.scrollContext,
body.withContrastAAA main > div.workspaceContent > article.TaskTableUsage > section.usages.tabsContent > .task-table > header > span.titleText,
body.withContrastAAA div.timeOffType > div.timeOffTotal,
body.withContrastAAA article.TaskTableUsage[table_key="PLV_REQUEST"] *,
body.withContrastAAA header > div.calendarDashDiv > div.calendarDetailsDiv span.calendarDatePrompt, 
body.withContrastAAA header > div.calendarDashDiv > div.calendarDetailsDiv span.calendarTranslatedDate,
body.withContrastAAA ol.leaveList > li.leaveItem,
body.withContrastAAA section.TaskTableUsageRecap > header > span.tableActions > a[action],
body.withContrastAAA div.tableInfo > span.tableActions > a[action],
body.withContrastAAA span.toggleView, 
body.withContrastAAA div.RoleReportsTile ol.reports > li h1, 
body.withContrastAAA div.DataList table.expandDataList tr td,
body.withContrastAAA article.Reports div.RoleReportsTile h1,
body.withContrastAAA span.list,
body.withContrastAAA article.dashTile div.emptyTile {
  /*background: red;*/
  color: black;
  font-size: 2rem;
  /*height: unset;*/
}

body.withContrastAAA div.hierarchy * {
  font-size: 1rem;
} 

/*body.withContrastAAA .collapsible-header > span.title,*/
body.withContrastAAA .collapsible-header > a.title,
body.withContrastAAA div.EmpBenLifeEventsTile span.lifeBannerText,
body.withContrastAAA div.EmployeeLifeEventsTile span.lifeBannerText,
body.withContrastAAA div.EmpBenLifeEventsTile span.lifeBannerSubText,
body.withContrastAAA div.EmployeeLifeEventsTile span.lifeBannerSubText,
body.withContrastAAA div.quickAddDiv a.quickAdds,
body.withContrastAAA section.TaskTableUsageRecap > header > span.tableActions > a[action],
body.withContrastAAA div.tableInfo > span.tableActions > a[action] {
  font-size: 2rem;
  color: white !important;
  white-space: normal;
}

body.withContrastAAA div.quickAddDiv,
body.withContrastAAA section.TaskTableUsageRecap > header > span.tableActions > a[action],
body.withContrastAAA article.dashTile a.buttonBar {
  background-color: black;  
}

body.withContrastAAA div.quickAddDiv,
body.withContrastAAA article.dashTile a.buttonBar > span.buttonLabel {
  color: white;
  font-size: 2rem;
}

body.withContrastAAA span.toggleView, 
body.withContrastAAA span.list,
body.withContrastAAA div.reportControls span.searchArea, 
body.withContrastAAA span.tableActions span.searchArea {
  height: unset;
  line-height: unset;
}

body.withContrastAAA .collapsible > li,
body.withContrastAAA .collapsible-header {
  width: max-content;
}

body.withContrastAAA .collapsible-header > span.dataRecap {
  flex-basis: 9%;
}

body.withContrastAAA .transparentText {
  color: transparent;
  height: 0;
  margin: 0;
}

body.withContrastAAA li.mobileTopMenu img.expansionIndicator {
  background-image: url(images/dropdown64.png);
  background-position: center;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 0px;
  height: 0px;
  padding: 10px;
  cursor: pointer;
}

body.withContrastAAA li.mobileTopMenu img.expansionIndicator:hover {
  background-color: #e2e2e2;
}

body.withContrastAAA li.mobileTopMenu img.expansionIndicator:not(.expanded) {
  transform: rotate(270deg);
}

body.withContrastAAA div.tableInfo > span.tableActions > a[action] {
    border: thin black solid;
    background-color: black;
    color: white;    
}

body.withContrastAAA div.mobileMenuImgHolder.active ~ ul.menuContainer img.expanded ~ div.menuBridge ul.menuElements {
  display: block;
}

/*body.withContrastAAA .chart text,
body.withContrastAAA .chart g,
body.withContrastAAA .chart rect {
  font-size: 0.8rem !important;
}*/

body.withContrastAAA div:not(.MgrLearnCertStatus) > article.dashTile div.chartWrapper {
  width:80%;
}

body.withContrastAAA ul.tabs {
  height: fit-content;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  display: -webkit-flex;
  display: flex;
  border-bottom: solid #CCCCCC thin;
  margin: auto;

}

body.withContrastAAA ul.tabs .tab {
  height: fit-content;
  border: none;
  text-align: center;
  margin-bottom: 5px;
}

body.withContrastAAA ul.tabs .tab.analytics,
body.withContrastAAA .tabs > .tab.analytics + .tab.config,
body.withContrastAAA ul.tabs .tab.config {
  padding: 00px 36px 19px 0px;
    background-size: contain; 
    margin: auto;
}
body.withContrastAAA ul.tabs .tab.analytics a,
body.withContrastAAA .tabs > .tab.analytics + .tab.config a,
body.withContrastAAA ul.tabs .tab.config a {
  padding: 10px 60px 10px 0px;
}

body.withContrastAAA ul.tabs .tab a {
  padding: 10px 0px 0px 0px;
  vertical-align: central;
  height: fit-content;
  display: unset;
}


body.withContrastAAA li.tileRow div.tileHolder,
body.withContrastAAA li.tileRow:not(.onlyDashTileRow) > div.smallTile:first-child:not(:only-child) {
  flex: 1 1 100%;
  width: 100%;
  width: -webkit-fill-available;
}

body.withContrastAAA ul.dashboardItems > li.tileRow {
  max-height: unset;
  flex-direction: column;
  flex-wrap: wrap;
}

body.withContrastAAA li.tileRow:not(.RoleToDoAndFlagsTile):not(.EmployeeLifeEventsTile):not(.EmpBenLifeEventsTile):not(.AdmPayProcessing):not(.MgrTeamTile) article.dashTile,
body.withContrastAAA ul.dashboardItems > li.tileRow > div.tileHolder.buttonBar .dashlet article.dashTile {
  height: 400px;
  /*max-height: 500px;*/
}
body.withContrastAAA li.tileRow.MgrTeamTile article.dashTile {
  height: unset;
  /*max-height: 500px;*/
}

body.withContrastAAA div.dateRange input {
  width: 200px;
}


/*#MOBILEMENU*/
body.withContrastAAA section.companyNavUser  > ul.menuContainer,
body.withContrastAAA section.companyNavUser  > div.userActions {
  display: none;
}

body.withContrastAAA section.companyNavUserMobile {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  padding: 0 20px 20px 20px;
  transition: 1s;
  display: inline-block;
}

body.withContrastAAA section.companyNavUserMobile.active {
  width: 50%;
  box-shadow: -1px 5px 5px #d9d9d8;
  z-index: 1;
}

body.withContrastAAA section.companyNavUserMobile > article.mobileMenuContents {
  display: block;
}

body.withContrastAAA section.companyNavUserMobile > div.mobileMenuImgHolder {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

body.withContrastAAA section.companyNavUserMobile > div.mobileMenuImgHolder.active {
  display: none;
}

body.withContrastAAA section.companyNavUserMobile > div.mobileMenuImgHolder > img.mobileMenuImg {
  background-image: url("images/mobileIcon32.png");
  width: 0;
  height: 0;
  padding: 25px;
  background-size: cover;
  background-repeat: no-repeat;
  cursor: pointer;
}

body.withContrastAAA div.mobileMenuImgHolder:not(.active) ~ ul.menuContainer {
  display: none;
}

body.withContrastAAA div.mobileMenuImgHolder.active ~ ul.menuContainer {
  display: block;
}

body.withContrastAAA div.mobileMenuImgHolder.active ~ ul.menuContainer > li > ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

body.withContrastAAA div.mobileMenuImgHolder.active ~ div.userActions .profileToggleView:not(.clicked) ul.menuElements,
body.withContrastAAA div.mobileMenuImgHolder.active ~ ul.menuContainer ul.menuElements {
  display: none;
}  

body.withContrastAAA div.mobileMenuImgHolder.active ~ div.userActions .profileToggleView.clicked ul.menuElements,
body.withContrastAAA div.mobileMenuImgHolder.active ~ ul.menuContainer li.active ul.menuElements {
  display: block;
}

body.withContrastAAA div.mobileMenuImgHolder.active ul.menuContainer > li > ul > li.seletedMenu > ul.menuElements {
  display: block;
}

body.withContrastAAA section.companyNavUserMobile div.userActions {
  text-align: end;
  display: none;
}

body.withContrastAAA section.companyNavUserMobile.active div.userActions {
  display: block;
  background:#fff;
}

body.withContrastAAA div.mobileMenuImgHolder.active ~ ul.menuContainer li.TaskTableUsageMenuItem {
  text-align: end;
  margin: 10px 0;
}

body.withContrastAAA div.mobileMenuImgHolder.active ~ ul.menuContainer li.TaskTableUsageMenuItem:last-child{
  margin: 10px 0 0 0;
}

body.withContrastAAA div.mobileMenuImgHolder.active ~ ul.menuContainer li.mobileTopMenu li.TaskTableUsageMenuItem {
  text-transform: none;
  font-weight: 300;
  line-height: 2rem;
}

body.withContrastAAA li.mobileTopMenu img.expansionIndicator {
  padding: 1rem;
}

body.withContrastAAA ol.leaveList > li.leaveItem {
  height: unset;
}

body.withContrastAAA div.timeOffType > div.timeOffTotal > span.valueBasis {
  width: unset;
  line-height: unset;
}


/*article.dashTile {
    height: 250px;
  }*/


/* ********* START OF: EMPLOYEE PROFILE PER TILE ********* */

body.withContrastAAA div.EmployeeProfilePerTile div.profileDiv {
  margin: 110px 10px 10px 10px;
}

body.withContrastAAA div.EmployeeProfilePerTile div.profileDiv > div.innerDiv > div.fullWidth {
  text-align: center;
}

body.withContrastAAA div.EmployeeProfilePerTile div.profileDiv > div.innerDiv > div.halfWidth {
  flex: 1 1 100%;
  margin: 5px 0;
  text-align: center;
}

body.withContrastAAA div.EmployeeProfilePerTile div.imgContainer div.initialsDiv {
  height: 65px;
  width: 65px;
}

body.withContrastAAA div.EmployeeProfilePerTile div.imgContainer span.perInitials {
  font-size: 36px;
}

/* ********* END OF: EMPLOYEE PROFILE PER TILE ********* */


/* ********* START OF: EMPLOYEE PROFILE CALENDAR TILE ********* */
body.withContrastAAA div.EmployeeProfileCalendarTile div.calendarWeekDiv {
  flex-wrap: wrap;
  margin: 20px;
}

body.withContrastAAA div.EmployeeProfileCalendarTile div.dayDiv {
  margin: 5px 5px;
}

/* ********* START OF: EMPLOYEE PROFILE CALENDAR TILE ********* */

/* ********* START OF: EMPLOYEE PAYROLL BREAKDOWN TILE ********* */
body.withContrastAAA div.EmployeePayBreakdownTile div.detailsDiv {
  flex-direction: column;
  margin: 20px;
}

body.withContrastAAA div.EmployeePayBreakdownTile div.timeSummary {
  align-self: center;
}

/* ********* START OF: EMPLOYEE PROFILE CALENDAR TILE ********* */

/* ********* START OF: EMPLOYEE TIME BALANCE TILE ********* */
body.withContrastAAA div.EmployeeTimeBalanceTile div.timeBalanceDiv {
  flex-direction: column;
  flex-wrap: wrap;  
}
/* ********* END OF: EMPLOYEE TIME BALANCE TILE ********* */

body.withContrastAAA div.RoleActivityTile article.dashTile {
  flex-direction: column;
  flex-wrap: nowrap;
}

body.withContrastAAA div.RoleActivityTile div.maTile {
  flex: 1 0 100%;
  margin: 8px 0;
}

body.withContrastAAA div.EmployeeLearnCoursesTile div.coursesDiv > div {
  flex-direction: column;
  align-items: center;
  margin: 20px 0;
}

body.withContrastAAA div.EmployeeLearnCoursesTile div.coursesDiv > div > div {
  margin: 0;
  width: 100%;
  justify-content: center;
  align-items: center;
}

body.withContrastAAA div.EmployeeLearnCoursesTile progress.progressBar {
  width: 80%;
}

body.withContrastAAA div.AdminProfileLeaversJoinersTile div.chartWrapper {
  height: 80%;
}

body.withContrastAAA div.hierarchy foreignObject, 
body.withContrastAAA li.hierarchy foreignObject {
/*  width: 500px;
  height: 90px;*/
}

/*#endAAA*/

/*#endMOBILEMENU

/*#endCONTRAST*/

/********************        New UI       *********************/
/********************          AA          ********************/
/*Body nav toggle*/
body.withContrastAA.side-menu-active > main#curosWorksheet {
    margin-left: 125px;
}

/*side nav menu*/
body.withContrastAA nav.side-menu:not(.active) div.WorkzoomMenu li.depth-1:hover > section {
    min-width: 212px;

}
body.withContrastAA nav:not(.active) div.WorkzoomMenu li.depth-1:hover > section > ul {
    min-width: 171px;
}
body.withContrastAA nav.active div.WorkzoomMenu li.depth-0 > section > h4 > a,
body.withContrastAA nav.active div.WorkzoomMenu li.depth-1 > section > h4 > a {
    height: auto;
}
/*End of side nav menu*/


/*Article more tile*/
body.withContrastAA article.more > article {
    display: flex;
    align-items: center;
}
body.withContrastAA section.dash > article.more > article.TaskTableUsageTileHandler {
    background-size: 30px 30px;
    height:30px;
}
body.withContrastAA article.more > article > h5 {
    font-size: 1rem;
    margin-left: 35px;
}
/*end of Article more tile*/

body.withContrastAA article {
    grid-column: span 3;
}
/********************      End of AA       ********************/

/********************          AAA         ********************/

html.visual-release body.cdBody.postLogin.withContrastAAA {
    grid-template-columns: 200px 1fr;
}
/*Body nav toggle*/
body.withContrastAAA.side-menu-active > main#curosWorksheet {
    margin-left: 90px;
}
/*side nav menu*/
body.withContrastAAA nav.side-menu:not(.active) div.WorkzoomMenu li.depth-1:hover > section {
    min-width: 305px;

}
body.withContrastAAA nav:not(.active) div.WorkzoomMenu li.depth-1:hover > section > ul {
    min-width: 264px;
}
body.withContrastAAA nav.active div.WorkzoomMenu li.depth-0 > section > h4 > a,
body.withContrastAAA nav.active div.WorkzoomMenu li.depth-1 > section > h4 > a {
    height: auto;
}

body.withContrastAAA nav.side-menu:not(.active) div.WorkzoomMenu li.depth-1:hover > section > h4 > a {
    height: 35px;
}

body.withContrastAAA nav:not(.active) div.WorkzoomMenu li.depth-1:hover > section > h4 {
    background-size: 35px 35px;
    background-repeat: no-repeat;
    margin-left: 5px;
}

body.withContrastAAA nav:not(.active) div.WorkzoomMenu li.depth-0 > section > h4 > a, 
body.withContrastAAA nav:not(.active) div.WorkzoomMenu li.depth-1:not(:hover) > section > h4 > a {
    background-position: left; 
    background-size: 35px 35px;
    text-align: end;
    width: auto;
    height: auto;
    min-height: 50px;
    display: inline;
    padding-left: 35px;
}  

body.withContrastAAA nav.side-menu#sideMenu:not(.active) {
    width: auto;
}
body.withContrastAAA nav.side-menu:not(.active) div.WorkzoomMenu li.depth-1 {
    min-height: 50px;
}

/*End of side nav menu*/

/*Can dos*/ 

body.withContrastAAA article.CanDoManager > section[level="Suite"][holders="1"] section[level="Module"][holders="0"] > ol.canDoHolder,

body.withContrastAAA article.CanDoManager section[level="Suite"] ol:not(.more-canDo-list){
    display: grid;
    grid-template-columns: 1fr 1fr;
    height: auto;
}


body.withContrastAAA section.dash > article.CanDoManager {
    min-height: 10rem;
    height: auto;
}
body.withContrastAAA article.CanDoManager section[level="Suite"][holders="1"] > ol.canDoHolder > li:only-child {
    grid-column: span 2;
}

html body.withContrastAAA article.CanDoManager > section[level="Suite"][holders="1"] section[holders="0"] > ol.canDoHolder > li:last-child:nth-child(odd) {
    grid-column: span 2;
}

html body.withContrastAAA article.CanDoManager > section[level="Suite"][holders="1"] section[holders="0"] > ol.canDoHolder > li,
html body.withContrastAAA article.ttu-depth-0 > section.dash > article.CanDoManager > section[level="Curos"] > ol > li > section[level="Suite"] > ol.canDoHolder > li,
html body.withContrastAAA article.CanDoManager > section:not([level="Curos"]):not([holders="1"]) > ol.canDoHolder > li {
    background-size: 100px 100px;
}
body.withContrastAAA section[level="module-more-canDos"].more-tile,
body.withContrastAAA article.CanDoManager > section[level="Suite"][holders="1"] section[holders="0"] > ol.canDoHolder > li a,
html body.withContrastAAA article.CanDoManager > section[level="Suite"]:not([holders="1"]) > ol.canDoHolder > li h4,
html body.withContrastAAA article.CanDoManager section[level="Curos"] section[level="Suite"] > ol.canDoHolder > li h4,
html body.withContrastAAA article.CanDoManager > section:not([level="Curos"]):not([holders="1"]) > ol.canDoHolder > li h4, 
html body.withContrastAAA article.CanDoManager > section[level="Suite"][holders="1"] section[holders="0"]  > ol.canDoHolder > li h4{
    font-size: 1.5rem !important;
    padding-top: 115px;
}

body.withContrastAAA article.CanDoManager > section[level="Suite"][holders="1"] section[holders="0"] > ol.canDoHolder > li > section[level="module-more-canDos"] a {
    padding-top: 0;
    font-size: 1.1rem !important;
}

body.withContrastAAA article.canDoManager ol.more-canDo-list > li.canDoItem > a {
    padding-top: 0;
}

body.withContrastAAA ol.more-canDo-list > li.canDoItem > a,
body.withContrastAAA article.CanDoManager section[level="Suite"]:not([holders="1"]) section[level].clicked  > ol > li.canDoItem > a,
body.withContrastAAA article.CanDoManager section[level] section[level] section[level].clicked  > ol > li.canDoItem > a, 
body.withContrastAAA ol.more-canDo-list > li.canDoItem {
    border-bottom: solid 1px;
    font-size: 1.1rem !important;
}
/*body.withContrastAAA article.ttu-depth-1 section[level="Module"]:not(.clicked) > ol.canDoHolder > li.canDoItem > a,
body.withContrastAAA article.ttu-depth-2 section[level="Module"] > ol.canDoHolder > li.canDoItem > a, 
body.withContrastAAA article.ttu-depth-2 section:not(.clicked) > ol:not(.more-canDo-list) > li.canDoItem > a {
    padding-top: 65px;
    display: block;
    color: #444;
}*/
/*end of can dos*/

body.withContrastAAA article.more > article {
    display: flex;
    align-items: center;
}
body.withContrastAAA section.dash > article.more > article.TaskTableUsageTileHandler {
    background-size: 40px 40px;
    height: 40px;
}
body.withContrastAAA article.more > article > h5 {
    font-size: 1.5rem !important;
    margin-left: 45px;
}
/********************      End of AAA      ********************/
/********************      End New UI      ********************/
@container (inline-size < 950px) {
    body.withContrastAAA div.ActiveTimekeepingPayrolls  aside.counts,
    body.withContrastAAA div.ActivePeriods aside.counts {
        position: unset;
    }
}
@container (inline-size < 600px) {
    body.withContrastAA div.ActiveTimekeepingPayrolls  aside.counts,
    body.withContrastAA div.ActivePeriods aside.counts {
        position: unset;
    }
}
@container workspaceContentContainer (inline-size < 1200px) {
    body.withContrastAA article {
        grid-column: span 4;
    }
    
    body.withContrastAAA article {
        grid-column: span 4;
    }
} 

/*@container workspaceContentContainer (inline-size < 1200px)*/