css Timeclock.css
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css Timeclock.css相关的知识，希望对你有一定的参考价值。
100% {
background-color: #CBCBCB;
display: block;
top: -1000px;
opacity: 1;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
background-position: right bottom;
}
50% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
}
input[type=button][disabled]:not(.BtnExit),
input[type=submit][disabled],
button[disabled],
.clickShield.EnableBG[disabled] input {
background-color: #F9F9F9!important;
color: #667F6D!important;
-moz-box-shadow: 0 0 0 0 transparent!important;
-webkit-box-shadow: 0 0 0 0 transparent!important;
box-shadow: 0 0 0 0 transparent!important;
}
input[type=button][disabled]:not(.BtnExit):hover,
input[type=submit][disabled]:hover,
button[disabled]:hover,
.clickShield.EnableBG[disabled] input:hover {
cursor: not-allowed!important;
}
input[type=button],
input[type=submit],
button,
.BtnSingleSort,
label.FileInputLabel {
border: none;
-webkit-appearance: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
cursor: pointer;
font-size: 1.1rem;
}
.BtnAction,
.BtnExit,
.BtnFeature,
.BtnGreen,
.BtnParentFeature,
.BtnSingleSort,
.BtnException,
label.FileInputLabel,
.BtnFeatureHelp {
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 28px;
margin: 5px;
padding: 0 30px;
}
.BtnAction.BtnFeatureHelp,
.BtnExit.BtnFeatureHelp,
.BtnFeature.BtnFeatureHelp,
.BtnGreen.BtnFeatureHelp,
.BtnParentFeature.BtnFeatureHelp,
.BtnSingleSort.BtnFeatureHelp,
.BtnException.BtnFeatureHelp,
label.FileInputLabel.BtnFeatureHelp,
.BtnFeatureHelp.BtnFeatureHelp {
font-weight: 700;
color: #999;
padding: 0 10px;
}
.BtnAction.FileInputLabel,
.BtnExit.FileInputLabel,
.BtnFeature.FileInputLabel,
.BtnGreen.FileInputLabel,
.BtnParentFeature.FileInputLabel,
.BtnSingleSort.FileInputLabel,
.BtnException.FileInputLabel,
label.FileInputLabel.FileInputLabel,
.BtnFeatureHelp.FileInputLabel {
padding-top: 6px;
padding-bottom: 6px;
}
.BtnAction {
color: #fff;
background-color: #3896D2;
-moz-box-shadow: 0 2px 0 0 #246f9f;
-webkit-box-shadow: 0 2px 0 0 #246f9f;
box-shadow: 0 2px 0 0 #246f9f;
}
.BtnExit {
background-color: transparent;
color: #3896D2;
margin-left: 40px;
padding: 6px 10px;
}
.BtnExit:active,
.BtnExit:hover,
.BtnExit:focus {
color: #F2765F;
text-decoration: underline;
}
.BtnException {
background-color: #F2765F;
color: #fff;
-moz-box-shadow: 0 2px 0 0 #ef5a3e;
-webkit-box-shadow: 0 2px 0 0 #ef5a3e;
box-shadow: 0 2px 0 0 #ef5a3e;
}
.BtnException:active,
.BtnException:hover,
.BtnException:focus {
background-color: #ef5a3e;
}
.BtnContentHelp,
.BtnMaxCapHelp {
background-color: #667F6D;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
color: #fff;
font-weight: 700;
line-height: 20px;
height: 20px;
width: 20px;
text-align: center;
display: inline-block;
cursor: pointer;
margin: 0 10px;
padding: 0;
}
.BtnContentHelp:active,
.BtnContentHelp:hover,
.BtnContentHelp:focus,
.BtnMaxCapHelp:active,
.BtnMaxCapHelp:hover,
.BtnMaxCapHelp:focus {
background-color: #9a9a9a;
}
.BtnMaxCapHelp {
background-color: #F2765F;
margin-bottom: 3px;
}
.BtnFeature,
.BtnSingleSort,
.BtnFeatureHelp,
label.FileInputLabel {
background-color: #E8EAE8;
color: #484C45;
-moz-box-shadow: 0 2px 0 0 #ccc;
-webkit-box-shadow: 0 2px 0 0 #ccc;
box-shadow: 0 2px 0 0 #ccc;
height: 28px;
line-height: 28px;
}
.BtnParentFeature {
background-color: #F3CB27;
font-weight: 700;
-moz-box-shadow: 0 2px 0 0 #ab8b09;
-webkit-box-shadow: 0 2px 0 0 #ab8b09;
box-shadow: 0 2px 0 0 #ab8b09;
}
.BtnParentFeature:active,
.BtnParentFeature:hover,
.BtnParentFeature:focus {
background-color: #ab8b09;
}
.BtnGreen {
color: #fff;
background-color: #41BB9B;
-moz-box-shadow: 0 2px 0 0 #318e75;
-webkit-box-shadow: 0 2px 0 0 #318e75;
box-shadow: 0 2px 0 0 #318e75;
}
.BtnGreen.Add,
.BtnGreen.Assign {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 10px -330px;
}
.BtnSingleSort.Asc::after {
content: ' \2191';
font-size: .8rem;
vertical-align: top;
}
.BtnSingleSort.Desc::after {
content: ' \2193';
font-size: .8rem;
vertical-align: top;
}
.CostCodeFilter .Content.ModalContent {
width: 695px;
}
.CostCodeFilter .Content.ModalContent .GridContainer.HasPages {
height: 285px;
}
.CustomControlLabel {
padding-right: 5px;
max-width: 400px;
display: inline-block;
vertical-align: -5px;
}
.CustomControlLabel.LongLabel {
display: block;
max-width: inherit;
padding: 5px;
}
.CustomFieldContainer {
padding: 2px;
}
.CustomFieldContainer .CustomFieldSectionCheckbox {
vertical-align: -7px;
margin-right: 6px;
}
textarea.CustomControlInput {
width: 200px;
height: 50px;
}
input[type=text].CustomControlInput.DatePickerInput {
vertical-align: baseline;
}
.DateTimeTicker {
white-space: nowrap;
font-weight: 700;
}
.DateTimeTicker .CompanyTime {
margin-left: 6px;
}
.Modal .EmployeeFilterModal .Content {
border-top: 0;
border-left: 0;
min-width: 900px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer {
margin-right: 20px;
vertical-align: top;
white-space: nowrap;
width: 185px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer .NavigationMenu {
background-color: #CBCBCB;
border-right: 1px solid #E2E2E2;
display: inline-block;
vertical-align: top;
width: 100%;
height: 100%;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer .NavigationMenu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer .NavigationMenu ul li {
border-left: 5px solid transparent;
font-size: 1.1rem;
padding: 6px 30px 6px 20px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer .NavigationMenu ul li input[type=checkbox] {
margin: 0 10px 0 0;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer .NavigationMenu ul li.Selected {
border-left: 5px solid #41BB9B;
text-decoration: underline;
font-weight: 700;
border-color: #d6e9f6;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer .NavigationMenu .CheckboxOffset {
padding: 0 13px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent {
vertical-align: top;
padding-left: 20px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .EmployeeFilterSummaryItem {
font-size: 1.1rem;
padding: 5px 0;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .RangeSection .RangeExample {
padding-left: 10px;
font-style: italic;
color: #999;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .GridsContainer .GridTitle {
margin-bottom: 10px;
font-weight: 700;
background: #F9F9F9;
text-align: left;
padding: 5px 10px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .GridsContainer .GridContainer {
height: 187px;
margin-top: 10px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .GridsContainer .ButtonsContainer input {
padding: 30px 15px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .GridsContainer .ButtonsContainer .BtnAction {
margin: 20px 0;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .GridContainer {
display: inline-block;
overflow: auto;
height: 262px;
width: 100%;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .OptionControl {
margin-top: 6px;
}
.Modal .EmployeeFilterModal .Footer .EmployeeFilterSubsetContainer .EmployeeFilterSubset {
font-size: 1.2rem;
line-height: 22px;
}
.Modal .EmployeeFilterModal .Footer .EmployeeFilterSubsetContainer .SmallRefreshIcon {
background-color: #999;
vertical-align: bottom;
margin-left: 5px;
border: 1px solid #999;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
cursor: pointer;
}
.EmployeeFilterPreviewModal {
min-width: 600px;
}
.EmployeeFilterPreviewModal .Content.ModalContent .GridContainer {
height: 380px;
}
.grid {
border: 1px solid #E2E2E2;
width: 100%;
background-color: #fff;
}
.grid[disabled] {
filter: alpha(opacity=60);
opacity: 0.6;
cursor: auto!important;
}
.grid caption {
text-align: left;
color: #999;
font-weight: 700;
padding-left: 7px;
white-space: nowrap;
}
.grid thead tr th,
.grid tbody tr th {
background-color: #ececec;
font-weight: 700;
text-transform: capitalize;
height: 25px;
white-space: nowrap;
border-bottom: 1px solid #E2E2E2;
padding: 10px;
color: black;
}
.grid thead tr th.WrapText,
.grid tbody tr th.WrapText {
white-space: initial!important;
text-align: center;
}
.grid tbody tr .NoRecords {
height: 30px;
color: #999;
font-size: 1.2rem;
padding: 10px;
}
.grid tbody tr td.GroupHeaderCell {
background-color: #fff;
border-bottom: 2px dotted #E2E2E2;
padding: 0 10px;
}
.grid tbody tr td.GroupHeaderCell .CollapseStateBG {
color: #41BB9B;
cursor: pointer;
display: inline-block;
font-size: 1.9rem;
font-weight: 700;
line-height: 40px;
width: 13px;
}
.grid tbody tr td.GroupHeaderCell .GroupHeading,
.grid tbody tr td.GroupHeaderCell .GroupSubHeading {
display: inline-block;
padding-right: 10px;
padding-left: 5px;
vertical-align: top;
line-height: 40px;
}
.grid tbody tr td.GroupHeaderCell .GroupHeading {
font-size: 1.3em;
}
.grid tbody tr td {
height: 26px;
white-space: nowrap;
padding: 2px 10px;
}
.grid tr td.BlankColumn,
.grid tr th.BlankColumn {
background-color: #fff!important;
width: 1px;
margin: 0;
padding: 3px;
}
.grid.Sortable thead th.Asc::after,
.grid.Sortable thead th.Desc::after {
font-weight: 600;
font-size: 1.2rem;
}
.grid.Sortable thead th.Asc::after {
content: '\2191';
}
.grid.Sortable thead th.Desc::after {
content: '\2193';
}
.NavigationListContainer .grid caption .CaptionLeft {
font-weight: 400;
margin-left: 0;
color: #4D4D4D;
}
.SmallAddIcon {
height: 20px;
line-height: 20px;
width: 20px;
display: inline-block;
font-size: 25px;
color: #fff!important;
font-weight: 700;
}
.SmallAddIcon::after {
content: '+'!important;
}
.SmallApproveEmployeeIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px 0;
}
.SmallApproveManagerIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px 0;
}
.SmallApproveOtherIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px 0;
}
.SmallBreakToggleHeaderIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px 0;
}
.SmallCheckedIcon {
height: 12px;
width: 12px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -4px -204px;
}
.SmallComposeMessageIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -160px;
}
.SmallConfigureIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -160px;
}
.SmallDashboardEditIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px -80px;
}
.SmallDeleteIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -81px -40px;
}
.SmallDetailIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -80px;
}
.SmallDetailActiveIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px -80px;
}
.SmallDownArrow {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 0;
}
.SmallEditIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px -40px;
}
.SmallExceptionErrorIcon {
height: 12px;
width: 12px;
display: inline-block;
background-color: #F2765F;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.SmallExceptionInformationIcon {
height: 12px;
width: 12px;
display: inline-block;
background-color: #3896D2;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.SmallExceptionWarningIcon {
height: 12px;
width: 12px;
display: inline-block;
background-color: #F3CB27;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.SmallExceptionIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px -40px;
}
.SmallFavoriteIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px -100px;
}
.SmallHistoricalIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px -140px;
}
.SmallNextPeriodIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px -60px;
}
.SmallNoBreakIcon {
width: 20px;
height: 30px;
display: block;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -168px 7px;
}
.SmallNoBreakIcon.FirstSegmentWithBreak {
background-position: -184px 11px;
}
.SmallNoBreakIcon.MiddleSegmentInShift {
background-position: -184px -4px;
}
.SmallNoBreakIcon.LastSegmentInShift {
background-position: -184px -25px;
}
.SmallPhotoIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -80px;
}
.SmallPhotoIcon.HasPhoto {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px -80px;
}
.SmallPrevPeriodIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -60px;
}
.SmallRefreshIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px -60px;
}
.SmallSearchIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -60px;
}
.SmallSplitIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px -100px;
}
.SmallUnassignIcon {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -100px;
}
.SmallUnCheckedIcon {
height: 12px;
width: 12px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -24px -204px;
}
.SmallUpArrow {
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -100px;
}
.MediumEmployeePhotoIcon {
height: 75px;
width: 75px;
display: inline-block;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 0;
}
.MediumFavoriteIcon {
height: 25px;
width: 25px;
display: inline-block;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -115px 2px;
}
.MediumFavoriteIcon.Active {
background-position: -142px 2px;
}
.MediumHomeIcon {
height: 30px;
width: 33px;
display: inline-block;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -78px 1px;
}
.MediumApplicationIcon {
height: 30px;
width: 30px;
display: inline-block;
}
.MediumApplicationIcon.Manager {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 4px -81px;
}
.MediumApplicationIcon.Scheduler {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -56px -81px;
}
.MediumApplicationIcon.Terminals {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -25px -81px;
}
.MediumApplicationIcon.Webclock {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -86px -81px;
}
.MediumMobileHomeMenuIcon {
display: inline-block;
height: 25px;
width: 31px;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -150px -30px;
}
.LargeSchedulerIcon {
height: 50px;
width: 50px;
display: inline-block;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -94px -114px;
}
.LargeWebClockIcon {
height: 50px;
width: 50px;
display: inline-block;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -44px -114px;
}
.LargeWorkstationIcon {
height: 50px;
width: 50px;
display: inline-block;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 7px -265px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=file] {
border: 1px solid #CBCBCB;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 5px;
}
input[type=text],
input[type=number],
input[type=password],
input[type=email],
input[type=url],
input[type=tel],
input[type=date],
input[type=datetime],
input[type=time],
input[type=search],
textarea {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #E2E2E2;
height: 16px;
color: #4D4D4D;
display: inline-block;
-webkit-transition: border .3s linear 0;
-moz-transition: border .3s linear 0;
-ms-transition: border .3s linear 0;
-o-transition: border .3s linear 0;
transition: border .3s linear 0;
padding: 5px;
}
input[type=date],
input[type=datetime],
input[type=time] {
-webkit-appearance: none;
line-height: 36px;
}
input[type=checkbox],
input[type=radio] {
vertical-align: middle;
display: inline-block;
margin: 8px 0;
}
select {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #E2E2E2;
color: #4D4D4D;
background-color: #fff;
min-width: 80px;
padding: 4px;
}
select[disabled] {
background-color: #EBEBE4;
}
select[disabled]:hover {
border: 1px solid #EBEBE4;
}
textarea {
resize: none;
}
.ui-keyboard {
text-align: center;
position: absolute;
left: 0;
top: 0;
z-index: 16000;
background-color: #fff;
border: 1px solid #E2E2E2;
border-radius: 5px;
font-size: 1.3rem;
font-weight: 700;
margin: 0;
padding: 1em;
}
.ui-keyboard.ui-keyboard-has-focus {
z-index: 16001;
}
.ui-keyboard .ui-keyboard-preview-wrapper {
text-align: center;
position: relative;
overflow: hidden;
}
.ui-keyboard .ui-keyboard-preview-wrapper .ui-keyboard-preview {
text-align: left;
display: inline;
width: 80%;
height: 25px!important;
margin-bottom: 10px;
font-size: inherit;
}
.ui-keyboard .ui-keyboard-keyset {
text-align: center;
white-space: nowrap;
}
.ui-keyboard .ui-keyboard-keyset .ui-keyboard-button {
height: 3em;
min-width: 3em;
cursor: pointer;
overflow: hidden;
line-height: 2em;
-moz-user-focus: ignore;
font-weight: inherit;
font-size: inherit;
margin: .2em;
}
.ui-keyboard .ui-keyboard-keyset .ui-keyboard-button span {
white-space: nowrap;
display: inline-block;
margin: 0;
padding: 0;
}
.ui-keyboard .ui-keyboard-keyset .ui-keyboard-button-endrow {
clear: left;
}
.ui-keyboard .ui-keyboard-keyset .ui-keyboard-space {
width: 15em;
}
.ui-keyboard .ui-keyboard-keyset button.ui-keyboard-accept.ui-keyboard-valid-input {
background: #41BB9B;
color: #fff;
border-color: #41BB9B;
}
.ui-keyboard .ui-keyboard-keyset button.ui-keyboard-accept.ui-keyboard-valid-input:not([disabled]):hover {
background: #34957c;
}
.ui-keyboard .ui-keyboard-keyset button.ui-keyboard-accept.ui-keyboard-invalid-input {
background: #F2765F;
color: #fff;
border-color: #F2765F;
}
.ui-keyboard .ui-keyboard-keyset button.ui-keyboard-accept.ui-keyboard-invalid-input:not([disabled]):hover {
background: #ef5a3e;
}
nav.Menu ul {
font-size: 1.1rem;
margin: 0;
padding: 0;
}
nav.Menu ul li {
display: inline-block;
position: relative;
white-space: nowrap;
}
nav.Menu ul li.menuRoot .MenuRootLink {
display: inline-block;
padding: 6px 30px;
}
nav.Menu ul li a,
nav.Menu ul li span {
text-decoration: none;
cursor: pointer;
}
nav.Menu ul li a.Separator,
nav.Menu ul li span.Separator {
cursor: default!important;
}
nav.Menu ul li .slide {
position: absolute;
display: none;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border-left: 5px solid rgba(255, 255, 255, 0.8);
border-right: 5px solid rgba(255, 255, 255, 0.8);
border-bottom: 5px solid rgba(255, 255, 255, 0.8);
left: -5px;
white-space: nowrap;
z-index: 900;
padding: 20px;
}
nav.Menu ul li .slide ul li {
display: block;
background-image: none!important;
background-color: transparent;
margin: 0;
padding: 0;
}
nav.Menu ul li .slide ul li a,
nav.Menu ul li .slide ul li span {
cursor: pointer;
display: block;
margin: 0;
padding: 5px 10px;
color: #4D4D4D;
}
nav.Menu.MenuFeatureOption ul li.menuRoot {
background-color: #E2E2E2;
border-top-left-radius: 3px!important;
border-top-right-radius: 3px!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
margin: 2px 1px 0;
}
nav.Menu.MenuFeatureOption ul li.menuRoot.HasMenus {
background-position: right -239px;
}
nav.Menu.MenuFeatureOption ul li.menuRoot .MenuRootLink {
color: #4D4D4D;
display: inline-block;
padding: 8px 20px;
}
nav.Menu.MenuFeatureOption ul li.menuRoot:active,
nav.Menu.MenuFeatureOption ul li.menuRoot:hover,
nav.Menu.MenuFeatureOption ul li.menuRoot:focus {
background-color: #CDCCCC;
}
nav.Menu.MenuFeatureOption ul li.menuRoot.Selected {
background-color: #41BB9B;
background-position: right -289px;
}
nav.Menu.MenuFeatureOption ul li.menuRoot.Separator {
width: 10px;
height: 0;
vertical-align: bottom;
border-bottom: none;
border-radius: 0!important;
-webkit-border-radius: 0!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
nav.Menu.MenuBtnFeature ul li.menuRoot,
nav.Menu.MenuBtnAction ul li.menuRoot,
nav.Menu.MenuBtnGreen ul li.menuRoot {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
cursor: pointer;
margin: 0 5px;
}
nav.Menu.MenuBtnAction ul li.menuRoot {
background-color: #3896D2;
color: #fff;
-moz-box-shadow: 0 2px 0 0 #246f9f;
-webkit-box-shadow: 0 2px 0 0 #246f9f;
box-shadow: 0 2px 0 0 #246f9f;
}
nav.Menu.MenuBtnAction ul li.menuRoot.HasMenus {
background-position: right -292px;
}
nav.Menu.MenuBtnFeature ul li.menuRoot.HasMenus {
background-position: right -242px;
}
nav.Menu.MenuBtnGreen ul li.menuRoot {
background-color: #41BB9B;
color: #fff;
-moz-box-shadow: 0 2px 0 0 #318e75;
-webkit-box-shadow: 0 2px 0 0 #318e75;
box-shadow: 0 2px 0 0 #318e75;
}
nav.Menu.ModalHeaderMenu {
background-color: #CBCBCB;
display: inline-block;
border: 1px solid #E2E2E2;
border-bottom-left-radius: 5px!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
nav.Menu.ModalHeaderMenu .menuRoot .HasMenus {
background-position-y: -242px!important;
}
nav.Menu.ModalHeaderMenu .slide {
background-color: #CBCBCB;
text-align: left;
}
nav.Menu.ModalHeaderMenu .slide .MenuItem {
padding: 5px 30px 5px 10px;
}
.AddEditWorkSegmentNote .NoteInformation .TextValueTable .Value {
width: 90%;
}
.AddEditWorkSegmentNote .NoteInformation .TextValueTable .Value input[type=text] {
width: 85%;
}
.EmployeeFilterSelectEmployees .Content .GridAndPagingContainer {
height: 390px;
overflow: auto;
}
.ComposeEmployeeMessage .Message,
.EmployeeMessageDetail .Message {
width: 600px;
white-space: pre-wrap;
word-wrap: break-word;
}
.ComposeEmployeeMessage .RecipientInformation {
margin-left: 5px;
font-weight: 700;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 250px;
white-space: nowrap!important;
overflow: hidden!important;
}
.FilterJobCode .Content .GridContainer {
height: 360px;
width: 100%;
overflow: auto;
}
.FilterJobCode .Footer .PopupButton.LoadTemplates .slide .MenuItemContainer {
padding: 5px 0 5px 15px;
}
.FilterJobCode .Footer .PopupButton.LoadTemplates .slide .MenuItemContainer span {
text-decoration: none;
display: block;
line-height: 1.5rem;
cursor: pointer;
}
.ManageWorkSegmentNotes .Content .GridContainer {
max-height: 295px;
}
.Modal.ProgressIndicatorModal {
width: 460px;
}
.Modal.ProgressIndicatorModal .ProgressMessage {
width: 96%;
margin-bottom: 10px;
text-align: center;
}
.Modal.ProgressIndicatorModal .Elapsed .Time {
font-weight: 700;
padding-left: 7px;
}
.Modal.ProgressIndicatorModal .ResultsTable {
width: 96%;
white-space: nowrap;
margin: auto;
}
.Modal.ProgressIndicatorModal .ResultsTable td:nth-child(odd) {
text-align: right;
padding-right: 6px;
}
.Modal.ProgressIndicatorModal .ResultsTable td:nth-child(even) {
font-weight: 700;
text-align: left;
}
.c3 svg {
font: 10px sans-serif;
}
.c3 path,
.c3 line {
fill: none;
stroke: #000;
}
.c3 text {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
shape-rendering: crispEdges;
}
.c3-chart-arc path {
stroke: #fff;
}
.c3-chart-arc text {
fill: #fff;
font-size: 13px;
}
.c3-grid line {
stroke: #aaa;
}
.c3-grid text {
fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
stroke-dasharray: 3 3;
}
.c3-text.c3-empty {
fill: gray;
font-size: 2em;
}
.c3-line {
stroke-width: 1px;
}
.c3-circle._expanded_ {
stroke-width: 1px;
stroke: #FFF;
}
.c3-selected-circle {
fill: #FFF;
stroke-width: 2px;
}
.c3-bar {
stroke-width: 0;
}
.c3-bar._expanded_ {
fill-opacity: 0.75;
}
.c3-target.c3-focused path.c3-line,
.c3-target.c3-focused path.c3-step {
stroke-width: 2px;
}
.c3-target.c3-defocused {
opacity: 0.3!important;
}
.c3-region {
fill: #4682B4;
fill-opacity: 0.1;
}
.c3-brush .extent {
fill-opacity: 0.1;
}
.c3-legend-item {
font-size: 12px;
}
.c3-legend-item-hidden {
opacity: 0.15;
}
.c3-legend-background {
opacity: 0.75;
fill: #FFF;
stroke: lightgray;
stroke-width: 1;
}
.c3-tooltip-container {
z-index: 10;
}
.c3-tooltip {
border-collapse: collapse;
border-spacing: 0;
background-color: #fff;
empty-cells: show;
-webkit-box-shadow: 7px 7px 12px -9px #777;
-moz-box-shadow: 7px 7px 12px -9px #777;
box-shadow: 7px 7px 12px -9px #777;
opacity: 0.9;
}
.c3-tooltip tr {
border: 1px solid #CCC;
}
.c3-tooltip th {
background-color: #aaa;
font-size: 14px;
text-align: left;
color: #FFF;
padding: 2px 5px;
}
.c3-tooltip td {
font-size: 13px;
background-color: #fff;
border-left: 1px dotted #999;
padding: 3px 6px;
}
.c3-tooltip td>span {
display: inline-block;
width: 10px;
height: 10px;
margin-right: 6px;
}
.c3-area {
stroke-width: 0;
opacity: 0.2;
}
.c3-chart-arcs-title {
dominant-baseline: middle;
font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #e0e0e0;
stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #000;
font-size: 16px;
}
.c3-chart-arc .c3-gauge-value {
fill: #000;
}
.ViewOpensContainer .SmallAddIcon.Assign {
font-size: 1.5rem;
background-color: #52c3a6;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.ViewOpensContainer .BtnIcon {
vertical-align: middle;
cursor: pointer;
margin: 0;
padding: 0;
}
.ViewOpensContainer .BtnIcon.Checked,
.ViewOpensContainer .BtnIcon.UnChecked {
height: 12px;
width: 12px;
margin: 0;
padding: 0;
}
.ViewOpensContainer .BtnIcon.Checked {
background-position: -64px -144px;
}
.ViewOpensContainer .BtnIcon.UnChecked {
background-position: -84px -144px;
}
.c3-tooltip .BottomLine .value {
padding-right: 10px;
font-weight: 700;
}
.WidgetContainer.ChartWidgetContainer .WidgetContent {
overflow: visible;
}
.WidgetChart angular-chart svg .c3-xgrid,
.WidgetChart angular-chart svg .c3-ygrid {
stroke-dasharray: initial;
}
.WidgetChart angular-chart svg .c3-legend-item.c3-legend-item-hidden {
opacity: 0.5;
}
.PaginatorContainer {
white-space: nowrap;
text-align: center;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding: 10px 0;
}
.PaginatorContainer .PaginatorDropdown {
width: 60px;
text-align: center;
margin: 0;
}
.PaginatorContainer .NextPage,
.PaginatorContainer .PreviousPage {
font-size: .9rem;
vertical-align: 0;
height: 27px;
width: 27px;
margin: 0 5px;
padding: 0;
}
.navigationListGridAndPagingContainer .PaginatorContainer {
display: block;
border-bottom: 1px solid #CDCCCC;
padding: 5px;
}
.navigationListGridAndPagingContainer .PaginatorContainer input[type=button].BtnFeature {
color: #3896D2;
background-color: transparent!important;
-moz-box-shadow: 0 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
padding: 3px;
}
.PasswordForm {
display: inline-block;
border: 1px solid #fff;
padding: 7px;
}
.PasswordForm input.PasswordUpdateButton {
-moz-box-sizing: border-box;
box-sizing: border-box;
float: right;
margin-top: 5px;
}
.PasswordForm.ActiveForm,
.PasswordForm.FocusedForm {
border: 1px solid #3896D2;
border-radius: 7px;
-webkit-border-radius: 7px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.PasswordDescription {
padding-top: 10px;
width: 330px;
white-space: normal!important;
}
.PeriodSelector {
display: inline-block;
padding: 10px 0;
}
.PeriodSelector .PeriodSelectorSelect .DropdownInput {
width: 173px;
vertical-align: middle;
margin-left: 5px;
}
.PopupButton {
position: relative;
display: inline-block;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: right -242px;
-webkit-transition: top 2s linear .5s;
-moz-transition: top 2s linear .5s;
-ms-transition: top 2s linear .5s;
-o-transition: top 2s linear .5s;
transition: top 2s linear .5s;
white-space: nowrap;
font-size: 1.1rem;
line-height: 16px;
height: 28px;
margin: 5px;
}
.PopupButton .ButtonContent {
cursor: pointer;
display: inline-block;
line-height: 28px;
padding: 0 30px;
}
.PopupButton .ButtonContent .Icon {
margin-right: 5px;
vertical-align: bottom;
}
.PopupButton .slide {
position: absolute;
display: none;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
left: -5px;
z-index: 900;
white-space: nowrap;
border-left: 5px solid rgba(255, 255, 255, 0.8);
border-right: 5px solid rgba(255, 255, 255, 0.8);
border-bottom: 5px solid rgba(255, 255, 255, 0.8);
padding: 20px;
}
.PopupButton .slide.PopupDirectionUp {
border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border-top: 5px solid rgba(255, 255, 255, 0.8);
border-bottom: none;
}
.PopupButton.FavoriteItemsButton {
position: relative;
margin: 0 0 0 20px;
padding: 0;
}
.PopupButton.FavoriteItemsButton .Icon {
position: relative;
top: -2px;
}
.PopupButton ul.ListItemsContainer li {
display: block!important;
cursor: pointer;
padding: 10px 15px;
}
.PopupButton ul.ListItemsContainer li.Selected {
background-color: #CDCCCC;
font-weight: 700;
}
.PopupButton.PopupBtnAction {
background-color: #3896D2;
-moz-box-shadow: 0 2px 0 0 #246f9f;
-webkit-box-shadow: 0 2px 0 0 #246f9f;
box-shadow: 0 2px 0 0 #246f9f;
background-position: right -292px;
}
.PopupButton.PopupBtnAction .slide {
background-color: #246f9f;
color: #fff;
}
.PopupButton.PopupBtnAction .slide ul.ListItemsContainer li:active,
.PopupButton.PopupBtnAction .slide ul.ListItemsContainer li:hover,
.PopupButton.PopupBtnAction .slide ul.ListItemsContainer li:focus {
background-color: #1f608a;
}
.PopupButton.PopupBtnFeature {
background-color: #E8EAE8;
-moz-box-shadow: 0 2px 0 0 #ccc;
-webkit-box-shadow: 0 2px 0 0 #ccc;
box-shadow: 0 2px 0 0 #ccc;
background-position: right -242px;
}
.PopupButton.PopupBtnFeature .slide {
background-color: #E2E2E2;
color: #484C45;
}
.PopupButton.PopupBtnGreen {
background-color: #41BB9B;
-moz-box-shadow: 0 2px 0 0 #318e75;
-webkit-box-shadow: 0 2px 0 0 #318e75;
box-shadow: 0 2px 0 0 #318e75;
background-position: right -292px;
}
.PopupButton.PopupBtnGreen .slide {
background-color: #318e75;
color: #fff;
}
.ProgressIndicator {
background-color: #F9F9F9;
border: 1px solid #E2E2E2;
height: 24px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
width: 96%;
margin: 5px auto;
}
.ProgressIndicator .Label {
line-height: 24px;
text-align: center;
position: relative;
width: 100%;
z-index: 1;
}
.ProgressIndicator .Indicator {
border-right: 1px solid #E2E2E2;
height: 24px;
background-color: #CBCBCB;
position: relative;
top: -24px;
z-index: 0;
border-radius: 5px 0 0 5px;
-webkit-border-radius: 5px 0 0 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.SearchContainer .SearchInput {
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
height: 28px;
margin-right: 0;
display: inline-block;
}
.SearchContainer .BtnSearch {
-moz-box-sizing: border-box;
box-sizing: border-box;
border-top: 1px solid #E2E2E2!important;
border-bottom: 1px solid #E2E2E2!important;
border-right: 1px solid #E2E2E2!important;
vertical-align: top;
display: inline-block;
color: #E2E2E2;
border-top-left-radius: 0!important;
border-bottom-left-radius: 0!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #F9F9F9;
width: 28px;
height: 28px;
background-image: url(../../../app/common/img/SearchIcons30.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -1px;
padding: 0;
}
.SearchContainer .BtnSearch.ClearSearch {
background-image: url(../../../app/common/img/SearchIcons30.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -30px -1px;
}
.SubStatus.IsLink {
cursor: pointer;
text-decoration: underline;
}
.TcpCheckbox+.TcpCheckboxLabel {
vertical-align: middle;
padding: 0 5px;
}
.TcpTextLabel {
padding-right: 5px;
vertical-align: middle;
}
.ui-tooltip,
.arrow:after {
position: absolute;
background: #3896D2;
z-index: 9999999;
}
.ui-tooltip {
color: #F9F9F9;
font-size: 1.2rem;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 10px 20px;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}
.AccrualLedger .AddButtonContainer {
padding: 7px 0;
}
.AccrualLedger .AccrualLedgerNavigationContainer .AccrualLedgerNavigationControls {
display: inline-block;
vertical-align: top;
padding-right: 10px;
border-right: 2px dotted #CBCBCB;
}
.AccrualLedger .PeriodTotalsContainer .PeriodTotals {
display: inline-block;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #F9F9F9;
padding: 10px;
}
.NewTemplateFormContainer .NewTemplateTitle {
font-weight: 700;
font-size: 1.2rem;
text-align: left;
}
.SavedTemplateContainer {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #CBCBCB;
}
.SavedTemplateContainer .SavedTemplateGridContainer {
height: 180px;
overflow: auto;
}
.SavedTemplateContainer .SavedTemplateTitle {
font-weight: 700;
font-size: 1.2rem;
text-align: left;
margin-bottom: 5px;
}
.SelectEmployeeMessageRecipients .Content .GridContainer {
max-height: 325px;
}
.EmployeeStatus .FeatureContent .CallNoteViewContainer {
width: 160px;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 160px;
white-space: nowrap!important;
overflow: hidden!important;
}
.EmployeeStatus .FeatureContent .ExceptionCell {
padding-left: 5px;
display: inline-block;
vertical-align: 3px;
}
.EmployeeStatus .FeatureContent .AttendanceStatusIndicator {
border-radius: 15px;
-webkit-border-radius: 15px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #fff;
display: inline-block;
height: 15px;
width: 15px;
}
.EmployeeStatus .MenuFeatureOption li span.MenuRootLink {
white-space: pre;
text-align: center;
display: inline-block;
}
.EditCallNote .CallNoteInput {
width: 265px;
height: 100px;
}
.Address .AddressEdit input {
display: block;
width: 397px;
}
.Address .StreetNumber {
width: 70px;
display: inline;
}
.Address .Address {
width: 294px;
display: inline;
}
.Address .StateContainer input {
width: 30px;
text-transform: uppercase;
}
.Address .ZipContainer input {
width: 68px;
}
.BreakTextBoxes .BreakLengthInput {
width: 40px!important;
}
#CalculatorSlide {
background-color: #F9F9F9;
border: 1px solid #667F6D;
display: none;
position: absolute;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-moz-box-shadow: 0 0 5px 1px #CDCCCC;
-webkit-box-shadow: 0 0 5px 1px #CDCCCC;
box-shadow: 0 0 5px 1px #CDCCCC;
padding: 10px;
}
#CalculatorSlide .Buttons span {
background-color: #CBCBCB;
cursor: pointer;
display: inline-block;
float: left;
line-height: 30px;
text-align: center;
width: 40px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 1px;
color: black;
}
#CalculatorSlide .Buttons span:hover:not([disabled]) {
background-color: #76ccb5;
}
#CalculatorSlide .Buttons span:hover:not([disabled]).Pressed {
background-color: #68dabc;
}
#CalculatorSlide .Buttons span.Change {
width: 208px;
margin-top: 5px;
background-color: #41BB9B;
color: #fff;
}
#CalculatorSlide .Buttons span.Change:hover:not([disabled]) {
background-color: #34957c;
}
#CalculatorSlide .Buttons span.Change:hover:not([disabled]).Pressed {
background-color: #25a483;
}
#CalculatorSlide .Buttons span.Number:hover:not([disabled]) {
background-color: #7acfb9;
}
#CalculatorSlide .Buttons span.Number:hover:not([disabled]).Pressed {
background-color: #6cddc0;
}
#CalculatorSlide .Display {
background-color: #fff;
border: 1px solid #E2E2E2;
height: 35px;
line-height: 35px;
text-align: right;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 4px 1px;
padding: 0 5px;
}
#CalculatorSlide .CloseButton {
display: inline-block;
cursor: pointer;
float: right;
background-color: #F2765F;
border: 1px solid #CDCCCC;
font-weight: 700;
color: #fff;
line-height: 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 1px 11px;
}
#CalculatorSlide .Header {
line-height: 28px;
height: 28px;
cursor: move;
}
#CalculatorSlide .Header .Title {
font-size: 1.1rem;
font-weight: 700;
}
.Calendar table.CalendarTable {
margin-bottom: 5px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.Calendar table.CalendarTable tbody tr.Week td {
width: 500px;
border: 1px solid #E2E2E2;
height: inherit;
}
.Calendar table.CalendarTable tbody tr.Week td .Day {
background-color: #CBCBCB;
position: relative;
height: 100%;
min-height: 50px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .Date {
position: absolute;
top: 0;
left: 0;
padding: 3px 0 5px 5px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .DayHeader .SmallAddIcon {
color: #4D4D4D!important;
font-size: 20px;
cursor: pointer;
margin: 3px 6px 0 0;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .Holidays,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests,
.Calendar table.CalendarTable tbody tr.Week td .Day .ContractDayHours,
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays {
position: absolute;
right: 0;
cursor: pointer;
text-align: left;
padding: 0 0 3px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .Holidays {
bottom: 0;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .Holidays .Holiday .Label {
display: inline-block;
padding: 1px 4px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .Holidays .Holiday .Label.Selected {
color: #fff!important;
background-color: #41BB9B;
border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ContractDayHours {
left: 0;
top: 15px;
text-align: center;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestData {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 100%;
white-space: nowrap!important;
overflow: hidden!important;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #3896D2;
background-color: #fff;
margin: 3px;
padding: 3px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer .EmployeeRequest {
border-top: 1px solid #CBCBCB;
padding: 3px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer .StatusTitle {
font-weight: 700;
color: #3896D2;
padding: 3px 0;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .CoverageInformation {
font-weight: 700;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: center;
margin: 3px;
padding: 3px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .GroupHeading {
text-align: left;
white-space: nowrap;
vertical-align: top;
background-color: #d6e9f6;
color: #484C45;
margin-top: 5px;
padding: 3px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .GroupHeading .CollapsibleControl {
font-size: 1.4rem;
line-height: 20px;
vertical-align: top;
border: 0;
margin: 0 2px 0 4px;
padding: 0;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .RequiredPositionItemsContainer .ShiftCalendarDay .ShiftCalendarDayGroup .RequiredPositionItem {
border-top: 1px solid #CBCBCB;
color: #4D4D4D;
padding: 7px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .RequiredPositionItemsContainer .StatusTitle {
vertical-align: top;
font-weight: 700;
color: #3896D2;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .RequiredPositionItemsContainer .StatusTitle .Title {
vertical-align: top;
line-height: 20px;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 100px;
white-space: nowrap!important;
overflow: hidden!important;
margin: 0;
padding: 0;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .RequiredPositionItemsContainer .MasterShiftPreview {
width: 15px;
height: 15px;
margin-right: 2px;
padding: 0;
}
.Calendar table.CalendarTable tbody tr.Week td.WeekSelector {
width: 1px;
cursor: pointer;
font-size: 1.3rem;
padding: 3px;
}
.ShiftCalendarContainer .Calendar table {
border-collapse: collapse;
border-color: #484C45!important;
}
.ShiftCalendarContainer .Calendar table td {
border-color: #484C45!important;
}
.ShiftCalendarContainer .Calendar table td .Day .Date {
font-size: 1.2rem;
font-weight: 700;
line-height: 20px;
margin-left: 2px;
}
.CalendarNavigationControls {
text-align: center;
display: inline-block;
margin: 0 30px;
}
.CalendarNavigationControls .MonthYear {
font-weight: 700;
font-size: 1.5rem;
white-space: nowrap;
width: 120px;
display: inline-block;
}
.CalendarNavigationControls .Link {
font-size: 2rem;
line-height: 40px;
margin: 0 5px;
}
.Collapsible {
text-align: left;
border-bottom: 10px solid transparent;
}
.Collapsible .Body {
padding: 10px 0 5px 20px;
}
.Collapsible .Body .GridContainer {
overflow: auto;
clear: both;
}
.Collapsible .Heading .CollapseStateBG {
color: #41BB9B;
cursor: pointer;
display: inline-block;
font-size: 1.9rem;
font-weight: 700;
line-height: 20px;
width: 13px;
}
.Collapsible .Heading .Title {
font-size: 1.2em;
line-height: 20px;
padding-left: 10px;
cursor: pointer;
}
.ColorPicker {
display: inline-block;
height: 16px;
width: 16px;
position: relative;
border: 1px solid #CDCCCC;
overflow: visible;
margin: 5px 5px 0 0;
}
.ColorPicker .slide {
position: absolute;
background-color: #CDCCCC;
top: 16px;
z-index: 10000;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 10px;
}
.ColorPicker .slide.Advanced,
.ColorPicker .slide.AdvancedNone {
width: 182px;
}
.ColorPicker .slide.Comprehensive {
width: 210px;
}
.ColorPicker .slide .Swatch {
cursor: pointer;
display: inline-block;
width: 16px;
height: 16px;
border: 2px solid #fff;
float: left;
margin: 3px;
}
@font-face {
font-family: Lato;
font-style: normal;
font-weight: 700;
src: url(../../../app/common/font/Bold.woff?v=7.0.0.0&ns=&cid=);
}
* {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none;
}
body,
html {
height: 100%;
width: 100%;
font-size: 12px;
font-family: Lato, sans-serif;
color: #A3CBAE;
background-color: #7F7F7F;
}
body {
overflow-y: scroll;
margin: 0;
padding: 0;
}
body.HidePageScroll {
overflow: hidden!important;
}
body.HidePageScroll .LayoutWrapper .LayoutHeader .PageHeaderContainer .HeaderOptions,
body.HidePageScroll .LayoutBodyContainer {
margin-right: 37px;
}
[draggable=true] {
-moz-user-select: none;
-khtml-user-drag: element;
cursor: move;
}
fieldset {
display: inline-block;
border: solid 1px #CBCBCB;
vertical-align: top;
position: relative;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
margin: 5px;
padding: 15px;
}
fieldset.LongFieldSetTitle {
min-width: 335px;
}
fieldset legend {
text-align: left;
white-space: nowrap;
margin-bottom: 10px;
font-weight: 700;
color: #4D4D4D;
display: inline-block;
position: absolute;
top: -10px;
background-color: #fff;
left: 20px;
padding: 0 5px;
}
a:focus {
outline: 2px dotted #CBCBCB;
}
pre {
word-wrap: break-word;
}
table {
border-spacing: 0;
}
#BlockUI {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 100001;
}
.AlignCenter {
text-align: center!important;
}
.AlignRight {
text-align: right!important;
}
.AsterisksAfter::after {
content: '*';
}
.BackButton {
display: inline-block;
height: 30px;
width: 25px;
padding-left: 10px;
cursor: pointer;
border-radius: 3px;
background-color: #3896D2;
color: #fff;
vertical-align: text-bottom;
margin: 0 5px;
}
.BackButton::after {
content: '<';
}
.BorderLeft {
border-left: 1px solid #E2E2E2;
margin-left: 10px;
padding-left: 10px;
display: inline-block;
}
.BorderRight {
border-right: 1px solid #E2E2E2;
margin-right: 10px;
padding-right: 10px;
display: inline-block;
}
.CapsWarning {
display: inline-block;
height: 12px;
width: 12px;
border-radius: 6px;
-webkit-border-radius: 6px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;
left: 3px;
top: 2px;
}
.ChildControl {
margin-left: 15px;
}
.ChooseADifferentFile {
margin-left: 15px;
cursor: pointer;
color: #3896D2;
}
.clickShield.EnableBG {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 5px 5px 5px 10px;
}
.clickShield.EnableBG[disabled] {
background-color: #CBCBCB;
border: 1px solid #E2E2E2;
}
.DottedHorizontalSeparator {
border-bottom: 1px solid #CDCCCC;
margin: 10px 0;
}
.DottedVerticalSeparator {
display: inline-block;
height: 100px;
width: 0;
border-right: 2px solid #E2E2E2;
padding-right: 10px;
margin-right: 10px;
}
.EmployeePhotoContainer {
display: inline-block;
height: 75px;
width: 75px;
}
.Empty {
color: #CDCCCC!important;
font-weight: 400!important;
}
.ExceptionToolTip ul {
list-style: none;
padding-left: 5px;
}
.ExceptionToolTip ul li .Exception {
vertical-align: 3px;
}
input.FilterApplied,
.FilterApplied .MenuRootLink {
color: #3896D2!important;
font-weight: 700;
}
.GeoFenceMapContainer {
border-top: 20px solid transparent;
height: 375px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.GeoFenceMapContainer .MapSearchInput {
width: 60%;
height: 32px;
margin-top: 10px;
border: 1px solid transparent;
outline: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.HelpInformation {
font-weight: 700;
padding: 10px 0;
}
.HelpInformation.Small {
max-width: 400px;
white-space: normal;
}
.IncompatibleBrowser {
color: #F2765F;
padding: 5px;
}
.LegendContainer {
display: table;
float: right;
}
.LegendContainer ul li {
display: inline-block;
float: right;
margin: 5px 10px 0 0;
}
.LegendContainer ul li .Color {
height: 10px;
width: 10px;
margin-right: 2px;
border: 1px solid #F9F9F9;
display: inline-block;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.Link {
color: #3896D2;
text-decoration: underline;
cursor: pointer;
}
.PeriodInformationContainer {
display: inline-block;
text-align: center;
float: right;
background-color: #CBCBCB;
border: 1px solid #E2E2E2;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 5px;
}
.PeriodInformationContainer table td,
.PeriodInformationContainer table th {
padding: 3px;
}
.PeriodNavigationContainer {
display: inline-block;
text-align: center;
padding: 0 12px 10px 0;
}
.PeriodNavigationContainer .PeriodNavigationButton {
color: #3896D2;
display: inline-block;
text-decoration: none;
width: 35px;
cursor: pointer;
}
.PeriodNavigationContainer .PeriodNavigationTitleContainer {
padding-bottom: 5px;
font-weight: 700;
text-align: center;
font-size: 1.2rem;
}
.PeriodNavigationContainer .VerticalDivider {
display: inline-block;
height: 12px;
margin-bottom: 18px;
margin-right: 2px;
border-right: 1px solid #E2E2E2;
}
.PeriodSummaryContainer {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
display: block;
text-align: center;
float: right;
font-size: 1rem!important;
}
.PeriodSummaryContainer tr.SummaryTitle>td {
font-size: 1rem!important;
padding: 5px 10px 0;
}
.PeriodSummaryContainer tr.SummaryInfo>td {
padding: 0 10px 5px;
}
.PeriodSummaryContainer.Period {
background-color: #CBCBCB;
color: #667F6D;
border: 1px solid #E2E2E2;
margin: 0 20px 10px 0;
}
.PeriodSummaryContainer.Week {
background-color: #F9F9F9;
border: 1px solid #CBCBCB;
margin-right: 10px;
margin-top: 10px;
}
.PhoneExtensionContainer input {
width: 58px;
}
.Separator {
border-bottom: solid 1px #CBCBCB;
margin: 7px 0;
}
.SessionTimeOutWarningContainer {
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
display: inline-block;
background-color: #fff;
}
.SessionTimeOutWarningContainer .SessionTimeOutMessage {
line-height: 70px;
display: inline-block;
font-size: 1.4rem;
margin-left: 20px;
color: #F2765F;
}
.SettingsFieldsetContainer {
display: inline-block;
vertical-align: top;
white-space: nowrap;
}
.SettingsFieldsetContainer fieldset {
border: none;
margin: 0 0 20px;
padding: 0 10px;
}
.SettingsFieldsetContainer fieldset legend {
width: 90%;
background-color: #CBCBCB;
font-weight: 700;
color: #4D4D4D;
font-size: 1.2em;
line-height: 25px;
position: relative;
left: 0;
top: 0;
border: 1px solid #E2E2E2;
margin: 0 5px 10px 0;
padding: 0 10px;
}
.SettingsFieldsetContainer fieldset legend .BtnContentHelp {
float: right;
margin-top: 4px;
margin-right: 4px;
}
select.SingleDigitSelect {
min-width: 55px;
}
.StandardBottomSpacer {
height: 20px;
width: 1px;
}
.StandardLeftSpacer {
padding-left: 20px!important;
}
.StandardRightSpacer {
padding-right: 20px!important;
}
.StepTitle {
text-transform: capitalize;
}
.NotificationMessageContainer {
background-color: #4D4D4D;
width: 250px;
font-weight: 400;
position: absolute;
top: -60px;
padding: 10px 20px;
}
.SuccessMessageContainer {
background-color: #41BB9B;
width: 170px;
white-space: nowrap;
font-weight: 700;
position: relative;
top: -26px;
float: left;
padding: 5px 10px;
}
.SuccessMessageContainer,
.NotificationMessageContainer {
color: #fff;
display: inline-block;
-webkit-transition: top 1s linear 0;
-moz-transition: top 1s linear 0;
-ms-transition: top 1s linear 0;
-o-transition: top 1s linear 0;
transition: top 1s linear 0;
border-radius: 0 0 10px 10px;
-webkit-border-radius: 0 0 10px 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: center;
margin: auto auto auto 10px;
}
.SuccessMessageContainer.Success,
.NotificationMessageContainer.Success {
top: 0;
}
.SummaryContainer {
background-color: #CBCBCB;
border: 1px solid #E2E2E2;
font-size: 1.3rem;
padding: 10px;
}
.TcpNumber {
margin: 2px;
}
.TextValueTable td {
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid transparent;
}
.TextValueTable td.Label,
.TextValueTable td.LabelLeft {
border-right: 5px solid transparent;
white-space: nowrap;
}
.TextValueTable td.Value {
text-align: left;
font-weight: 700;
}
.TextValueTable td.TextValueTableSeparator {
padding: 0 60px;
}
.TimeZoneDropdown {
width: 370px;
}
.transformToLower {
text-transform: lowercase;
}
.transformToUpper {
text-transform: uppercase;
}
.ViewCheckBox .Checked,
.ViewCheckBox .UnChecked {
height: 20px;
width: 20px;
margin-right: 3px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px -140px;
}
.ViewCheckBox .Checked {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -140px;
}
.ViewCheckBox .UnChecked {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px -140px;
}
.Wrap {
white-space: normal!important;
}
.Modal .ConfigureCustomFieldsContainer {
width: 596px;
}
.CostCodeSelector input[type="text"],
.CostCodeNavSelector input[type="text"],
.CostCodeSearch input[type="text"] {
margin: 1px 0;
}
.CostCodeSelector .clickShield,
.CostCodeNavSelector .clickShield,
.CostCodeSearch .clickShield {
position: relative;
height: 32px;
line-height: 32px;
}
.CostCodeSelector .clickShield .Shield,
.CostCodeNavSelector .clickShield .Shield,
.CostCodeSearch .clickShield .Shield {
width: 182px;
height: 30px;
}
.CostCodeSelector .DescriptionInput,
.CostCodeNavSelector .DescriptionInput,
.CostCodeSearch .DescriptionInput {
width: 190px;
margin: 1px 0;
}
.CostCodeSelector input.DropdownInput,
.CostCodeNavSelector input.DropdownInput,
.CostCodeSearch input.DropdownInput {
margin-right: 0;
display: inline-block;
height: 16px;
width: 170px;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
margin-top: 0;
vertical-align: top;
}
.CostCodeSelector input.DropdownInput.ui-autocomplete-input.ui-autocomplete-loading,
.CostCodeNavSelector input.DropdownInput.ui-autocomplete-input.ui-autocomplete-loading,
.CostCodeSearch input.DropdownInput.ui-autocomplete-input.ui-autocomplete-loading {
background: url(../../common/img/ui-anim_basic_16x16.gif) no-repeat right center;
}
.CostCodeSelector .ClearDropdown,
.CostCodeNavSelector .ClearDropdown,
.CostCodeSearch .ClearDropdown {
vertical-align: top;
border: 1px solid #D3D3D3;
height: 28px;
display: inline-block;
color: #E2E2E2;
width: 20px;
position: relative;
left: -3px;
font-weight: 700;
background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-bottom-left-radius: 0!important;
border-top-left-radius: 0!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 0;
}
.CostCodeTree {
padding-top: 10px;
text-align: left;
}
.CostCodeTree .EntityCountTextContainer {
padding-left: 7px;
}
.CostCodeTree .EntityCountTextContainer .EntityCountText {
color: #999;
font-weight: 700;
text-align: left;
white-space: nowrap;
}
.CostCodeTree ul {
list-style: none;
margin-top: 4px;
padding-left: 0;
}
.CostCodeTree ul li.CostCodeTreeItem .Level1 {
width: 0;
}
.CostCodeTree ul li.CostCodeTreeItem .Level2 {
width: 24px;
}
.CostCodeTree ul li.CostCodeTreeItem .Level3 {
width: 48px;
}
.CostCodeTree ul li.CostCodeTreeItem .Level5 {
width: 96px;
}
.CostCodeTree ul li.CostCodeTreeItem.Selected .Item {
background-color: #d6e9f6;
border-radius: 5px;
}
.CostCodeTree ul li.CostCodeTreeItem .Item {
cursor: pointer;
display: inline-block;
height: 22px;
line-height: 20px;
padding: 2px 8px;
}
.CostCodeTree ul li.CostCodeTreeItem .Actions {
padding-left: 5px;
display: none;
}
input[type=text].DatePickerInput {
vertical-align: top;
margin-top: 0;
width: 70px;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.ui-datepicker-trigger {
vertical-align: top;
border: 4px solid #999;
background-color: #999;
height: 28px;
width: 28px;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -20px;
color: transparent!important;
}
.ui-datepicker {
border: 1px solid #E2E2E2;
background-color: #F9F9F9;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: center;
display: none;
padding: 10px;
}
.ui-datepicker .ui-datepicker-header {
background-color: #fff;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
left: 5px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
right: 5px;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
position: absolute;
top: 10px;
width: 18px;
height: 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
color: #fff;
font-weight: 700;
font-size: 1.2rem;
background-color: #999;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -4px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
width: 80px;
margin: 5px;
}
.ui-datepicker .ui-datepicker-calendar td a {
display: inline-block;
line-height: 30px;
height: 30px;
width: 30px;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-calendar td .ui-state-default {
line-height: 30px;
height: 30px;
width: 30px;
display: inline-block;
}
.ui-datepicker .ui-datepicker-calendar td a.ui-state-default {
color: #4D4D4D;
background-color: #fff;
}
.ui-datepicker .ui-datepicker-calendar td .ui-priority-secondary {
color: #CBCBCB;
}
.DropdownInput {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: right -245px;
}
.ui-autocomplete {
position: relative;
top: 0;
left: 0;
cursor: default;
z-index: 1000;
}
.ui-autocomplete.ui-menu {
display: inline-block;
outline: none;
max-height: 200px;
max-width: 500px;
overflow: auto;
list-style: none;
border: 1px solid #E2E2E2;
background-color: #fff;
border-bottom-right-radius: 5px!important;
border-bottom-left-radius: 5px!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
white-space: nowrap;
margin: 0;
padding: 0 3px;
}
.ui-autocomplete.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
.ui-autocomplete.ui-menu .ui-autocomplete-category {
font-weight: 700;
font-size: 1.1rem;
border-bottom: 1px solid #CBCBCB;
background-color: #E2E2E2;
padding: 5px 0 5px 5px;
}
.ui-autocomplete.ui-menu .ui-autocomplete-category ~ .ui-menu-item .DropdownText {
padding-left: 5px;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui-autocomplete.ui-menu .ui-menu-item {
width: 100%;
margin: 0;
padding: 0;
}
.ui-autocomplete.ui-menu .ui-menu-item a {
text-decoration: none;
display: inline-block;
min-height: 15px;
padding: 10px;
}
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-focus,
.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-active {
background-color: #d6e9f6;
}
.ui-autocomplete.ui-menu .ui-menu-divider {
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0;
margin: 5px -2px;
}
.TextValueTable.EditSegmentTable .HourMinInput {
margin: 0 0 2px;
}
.TextValueTable.EditSegmentTable .ClockedInRow {
height: 32px;
}
.grid.EmployeeMessageGrid tr td.EmployeeMessage {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 300px;
white-space: nowrap!important;
overflow: hidden!important;
display: table-cell!important;
}
.grid.EmployeeMessageGrid tr.Read .NonInput {
filter: alpha(opacity=50);
opacity: 0.5;
}
.ExportFieldSettings {
position: relative;
margin: 10px 0;
}
.ExportFieldSettings .NoDataText {
margin-left: 30px;
display: inline-block;
margin-top: 10px;
font-size: 1.2rem;
}
.ExportFieldSettings .AddFieldButton {
position: absolute;
right: 5px;
top: 10px;
padding: 5px 10px;
}
.ExportFieldSettings .Collapsible .Heading,
.ExportFieldSettings .Collapsible .Body,
.ExportFieldSettings .Collapsible .Footer {
min-height: 40px;
}
.ExportFieldSettings .Collapsible .Heading .CollapseStateBG,
.ExportFieldSettings .Collapsible .Body .CollapseStateBG,
.ExportFieldSettings .Collapsible .Footer .CollapseStateBG {
vertical-align: text-bottom;
}
.ExportFieldSettings .Collapsible .Heading {
background-color: #CBCBCB;
padding: 10px;
}
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid tr td {
cursor: pointer;
border-top: 1px solid #CBCBCB;
border-bottom: 1px solid #CBCBCB;
white-space: nowrap;
padding: 3px 5px;
}
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallEditIcon,
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallUnassignIcon {
background-color: transparent;
}
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallUpArrow,
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallDownArrow {
background-color: #E2E2E2;
border: 1px solid #CDCCCC;
width: 22px;
}
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallUpArrow:hover,
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallDownArrow:hover {
background-color: #c9c9c9;
}
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .FieldName {
display: inline-block;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 130px;
white-space: nowrap!important;
overflow: hidden!important;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid td.SelectedField {
background-color: #CBCBCB!important;
}
.ExportPreview {
height: 100%;
width: 100%;
border: 1px solid #E2E2E2;
white-space: nowrap;
}
.ExportPreview .PreviewHeader,
.ExportPreview .PreviewFooter {
background-color: #CBCBCB;
vertical-align: top;
text-align: left;
border: 1px solid #E2E2E2;
padding: 10px;
}
.ExportPreview .PreviewBody {
height: 100%;
vertical-align: top;
text-align: left;
padding: 10px;
}
.ExportPreview .ExportField {
border: 1px solid #CDCCCC;
float: left;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 5px 2px 0;
padding: 3px 5px;
}
.ExportPreview .ExportField .FieldDescription {
color: #3896D2;
font-weight: 700;
font-family: monospace, serif, sans-serif, Arial;
white-space: pre;
}
.ExportPreview .NewLineField {
display: inline-block;
background-color: #FFFFE0!important;
margin-bottom: 20px;
}
.ExportPreview .TextField {
background-color: #FFFFE0!important;
}
.ExportPreview span.SelectedField {
border: 1px solid #3896D2!important;
}
.FieldSelectorContainer.BorderBottom {
border-bottom: 3px solid #CDCCCC;
}
.FieldSelectorContainer.Short .FieldSelector .FieldsCell .GridContainer {
height: 195px;
}
.FieldSelectorContainer .FieldSelector {
vertical-align: top;
width: 100%;
}
.FieldSelectorContainer .FieldSelector .FieldsCell .GridContainer {
height: 300px;
width: 324px;
}
.FieldSelectorContainer .FieldSelector .OrderFieldsControlContainer {
width: 100%;
text-align: center;
padding: 5px 0;
}
.FieldSelectorContainer .FieldSelector .SelectionControlCell .SelectionControlContainer .BtnFeature {
width: 30px;
padding-left: 5px;
padding-right: 5px;
}
.HeaderMenuContainer .RootMenuContainer ul.RootMenuItems {
display: block;
background-color: #41BB9B;
}
.HeaderMenuContainer .RootMenuContainer ul.RootMenuItems li .RootMenuItem {
display: inline-block;
line-height: 40px;
word-spacing: 5px;
text-transform: uppercase;
font-size: 1.2rem;
color: #fff;
cursor: pointer;
border-right: 1px solid #3cac8e;
padding: 0 20px;
}
.HeaderMenuContainer .RootMenuContainer ul.RootMenuItems li .RootMenuItem.Selected {
background-color: #38a185;
font-weight: 700;
}
.HeaderMenuContainer .SubMenuContainer,
.HeaderMenuContainer .LeafMenuContainer {
position: absolute;
left: 0;
width: 100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.HeaderMenuContainer .SubMenuContainer ul li:first-of-type>.SubMenuItem,
.HeaderMenuContainer .SubMenuContainer ul li:first-of-type>.LeafMenuItem,
.HeaderMenuContainer .LeafMenuContainer ul li:first-of-type>.SubMenuItem,
.HeaderMenuContainer .LeafMenuContainer ul li:first-of-type>.LeafMenuItem {
border-left: 1px solid;
}
.HeaderMenuContainer .SubMenuContainer ul li .SubMenuItem,
.HeaderMenuContainer .SubMenuContainer ul li .LeafMenuItem,
.HeaderMenuContainer .LeafMenuContainer ul li .SubMenuItem,
.HeaderMenuContainer .LeafMenuContainer ul li .LeafMenuItem {
display: inline-block;
line-height: 30px;
cursor: pointer;
border-right: 1px solid;
letter-spacing: .5px;
font-size: 1.1rem;
padding: 0 10px;
}
.HeaderMenuContainer .SubMenuContainer ul.SubMenuItems li .SubMenuItem {
border-color: #d0d0d0;
color: #667F6D;
}
.HeaderMenuContainer .SubMenuContainer ul.SubMenuItems li .SubMenuItem.Selected {
font-weight: 700;
background-color: #d0d0d0;
}
.HeaderMenuContainer .LeafMenuContainer {
background-color: #CBCBCB;
color: #484C45;
}
.HeaderMenuContainer .LeafMenuContainer ul.LeafMenuItems li .LeafMenuItem {
border-color: #e0e0e0;
}
.HeaderMenuContainer .LeafMenuContainer ul.LeafMenuItems li .LeafMenuItem.Selected {
background-color: #e0e0e0;
font-weight: 700;
}
.LaborCostDay {
margin: 0 5px 5px 0;
}
.LaborCostDay .DayContainer {
border: solid 1px #E2E2E2;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
min-width: 147px;
min-height: 100px;
}
.LaborCostDay .DayContainer .DaySummary .TextValueTable input[type=text] {
width: 65px;
}
.LaborCostWeek .WeekHeader {
text-align: left;
padding-bottom: 5px;
min-height: 60px;
}
.LayoutWrapper {
width: 100%;
height: 100%;
display: table;
}
.LayoutWrapper .Logo {
display: inline-block;
width: 110px;
height: 40px;
background: url(../../../app/common/img/Logo.png?v=7.0.0.0&ns=&cid=) no-repeat center;
}
.LayoutWrapper .SystemWideSearch {
vertical-align: top;
display: inline-block;
border-left: 1px solid #CBCBCB;
padding: 17px;
}
.LayoutWrapper .LayoutHeader .LogOnHeaderContainer .Logo {
margin: 10px 10px 10px 25px;
}
.LayoutWrapper .LayoutBodyContainer {
vertical-align: top;
margin: 0 20px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .FeatureHeaderContainer .FeatureTitle {
display: inline-block;
font: inherit;
font-size: 2rem;
margin-bottom: 20px;
text-transform: uppercase;
white-space: nowrap;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .FeatureHeaderContainer .MediumFavoriteIcon {
margin-left: 5px;
vertical-align: top;
cursor: pointer;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListSortContainer .SortPopupButton:not(.PopupBtnFeature) .Text,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListFilterContainer .SortPopupButton:not(.PopupBtnFeature) .Text {
min-width: 150px;
text-align: center;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListSortContainer .SortPopupButton:not(.PopupBtnFeature) .slide,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListFilterContainer .SortPopupButton:not(.PopupBtnFeature) .slide {
width: 220px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .SortPopupButton.Asc .Text::after {
content: ' \2191';
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .SortPopupButton.Desc .Text::after {
content: ' \2193';
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureSeparator {
border-top: 5px solid #41BB9B;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer {
vertical-align: top;
width: 222px;
background-color: #CBCBCB;
border-top-left-radius: 3px!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer {
overflow: auto;
bottom: 0;
border: 1px solid #E2E2E2;
width: 100%;
background-color: #CBCBCB;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid th,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid td {
border: none;
height: 30px;
font-size: 1.2rem;
background-color: #CBCBCB;
padding: 2px 5px;
color: #667F6D;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid tbody tr {
border-left: 5px solid #CBCBCB;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid tbody tr.Selected {
border-left: 5px solid #41BB9B;
text-decoration: underline;
font-weight: 700;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid tbody tr.Selected td {
background-color: #CBCBCB;
color: #4D4D4D;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid tbody tr td:nth-child(2n+1) {
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-ms-text-overflow: ellipsis;
max-width: 100px;
white-space: nowrap;
overflow: hidden;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid tbody tr td:only-child {
text-overflow: inherit!important;
-o-text-overflow: inherit!important;
-ms-text-overflow: inherit!important;
max-width: inherit!important;
white-space: inherit!important;
overflow: inherit!important;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentHeaderContainer .NavigationListSearchContainer .SearchInput {
width: 188px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer {
vertical-align: top;
width: 100%;
border-top-right-radius: 3px!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 10px 0 20px 10px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .ToggleCollapsibleStateLinkContainer {
padding-right: 10px;
margin-right: 5px;
display: inline-block;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .ToggleCollapsibleStateLinkContainer a {
color: #4D4D4D;
cursor: pointer;
padding-right: 10px;
text-decoration: underline;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer {
border-bottom: 1px solid #E2E2E2;
margin-bottom: 10px;
padding-bottom: 10px;
display: block;
min-height: 40px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .NavigationButtonsContainer {
display: inline-block;
vertical-align: top;
margin-right: 5px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .NavigationButtonsContainer .NextItemButton,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .NavigationButtonsContainer .PreviousItemButton {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
display: block;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin-bottom: 4px;
border: 1px solid #E2E2E2;
background-color: #CBCBCB;
padding: 0;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionImageContainer {
display: inline-block;
padding: 0 5px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .Title,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .SubTitle {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 400px;
white-space: nowrap!important;
overflow: hidden!important;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .SubTitle {
margin-top: 5px;
font-size: 1.1rem;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .Title,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .NoSelection {
font-size: 1.4rem;
display: block;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton {
background-position: right -193px;
background-color: transparent;
border: 1px solid #E2E2E2;
-moz-box-shadow: 0 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 0 transparent;
box-shadow: 0 0 0 0 transparent;
margin: 0;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton .ButtonContent {
margin: 0;
padding: 0 10px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton .ButtonContent .Text {
color: #3896D2;
font-size: 1.4rem;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 300px;
white-space: nowrap!important;
overflow: hidden!important;
margin: 0;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton:active .ButtonContent .Text,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton:hover .ButtonContent .Text,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton:focus .ButtonContent .Text {
text-decoration: underline;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton .slide {
background-color: #fff;
min-width: 200px;
border: 1px solid #E2E2E2;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton .slide .FeatureOptionImageContainer {
display: inline-block;
border-right: 1px solid #E2E2E2;
margin-right: 10px;
padding-right: 10px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureContentButtonContainerHeightWrapper {
position: relative;
min-height: 48px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureContentButtonContainerHeightWrapper .FeatureContentButtonContainer {
text-align: right;
padding: 10px 0;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureContentButtonContainerHeightWrapper .FeatureContentButtonContainer.AlwaysShowHeader {
background-color: #fff;
border-bottom: 3px solid #41BB9B;
z-index: 1;
position: fixed;
top: 0;
width: 100%;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureContent .SearchContainer {
margin: 0 20px;
}
.LayoutWrapper .SuccessMessageWrapper {
overflow: hidden;
min-height: 25px;
}
.LogOnFeatureContent {
text-align: center;
display: block;
}
.LogOnFeatureContent .LogOnFormContainer {
margin-top: 40px;
text-align: left;
border-color: #E2E2E2;
}
.LogOnFeatureContent .LogOnFormContainer .ApplicationHeading {
font-size: 1.5rem;
}
.LogOnFeatureContent .LogOnFormContainer .ApplicationHeading .ApplicationIconTile {
position: absolute;
top: -30px;
}
.LogOnFeatureContent .LogOnFormContainer .ApplicationHeading .LogonFormLegendTitle {
margin-left: 52px;
color: #CDCCCC;
}
.LogOnFeatureContent .LogOnFormContainer .LogOnForm {
margin: 30px 50px;
}
.LogOnFeatureContent .CopyrightContainer {
display: inline-block;
position: fixed;
right: 20px;
bottom: 50px;
}
.LogOnFeatureContent .ClientVersionContainer {
position: fixed;
bottom: 20px;
left: 20px;
display: inline-block;
}
.LogOnFeatureContent .ApplicationLinks {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding-bottom: 20px;
}
.LogOnFeatureContent .ApplicationLinks .ApplicationLinkContainer {
display: inline-block;
min-width: 50px;
cursor: pointer;
text-decoration: none;
color: #484C45;
}
.LogOnFeatureContent .ApplicationLinks .ApplicationLinkContainer .MediumApplicationIcon {
background-color: #CDCCCC;
border: 10px solid #CDCCCC;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
margin: 10px;
}
.LogOnFeatureContent .ApplicationLinks .ApplicationLinkContainer .MediumApplicationIcon:hover {
background-color: #484C45;
border-color: #484C45;
}
.LogOnBodyContainer .SetupLink,
.LogOnBodyContainer .ResetPasswordLink {
color: #3896D2;
cursor: pointer;
float: left;
padding-left: 12px;
text-decoration: underline;
}
.AddClockConfigurationModalContainer .WizardContent {
height: 330px;
width: 900px;
}
.AddEditEmployeeRequest .EmployeeName {
display: inline-block;
padding-bottom: 3px;
}
.AddEditEmployeeRequest .RequestTable .GridContainer {
overflow: auto;
height: 215px;
width: 170px;
padding: 0 10px;
}
.ModalContainer .ModalBackdrop .Modal .AddEditFMLACase .ToggleCollapsibleStateLinkContainer {
top: 53px;
right: 40px;
}
.AddEditFMLACase .CustomFieldContainer {
border-bottom: 1px solid #E2E2E2;
padding-bottom: 10px;
padding-top: 10px;
}
.AddEditFMLACase .Link {
padding-left: 3px;
}
.AddEditFMLACase .AdditionalNotes {
margin: auto;
padding: 5px 20px;
}
.AddEditFMLACase .AdditionalNotes textarea {
width: 825px;
height: 50px;
}
.AddEditFMLACaseNote .NoteContainer textarea {
width: 550px;
height: 75px;
}
.Modal .AddEditReportAutomation .WizardContent {
width: 600px;
height: 500px;
}
.Modal .AddEditSavedReport .Content .GridContainer {
height: 150px;
}
.AddEditScheduledTaskRule .Content {
width: 600px;
height: 185px;
}
.AddSubRequirement .Content .DisplayWeekendContainer {
position: relative;
right: 20px;
}
.AddSubRequirement .Content .Content.MaxSize {
max-width: 1025px;
width: 1025px!important;
}
.AddSubRequirement .Content .GridContainer {
margin-top: 40px;
height: 400px;
}
.AddSubRequirement .Content .GridContainer.MultipleWeeks {
margin-top: 0;
height: 300px;
}
.GridContainer.AssignEmployee {
height: 410px!important;
}
.AuditLogChange .Content .GridContainer.AuditLogChangeGridContainer {
text-align: center;
vertical-align: top;
width: 300px;
height: 340px;
}
.AuditLogChange .Content .GridContainer.AuditLogChangeGridContainer.Expanded {
height: 260px;
}
.AuditLogChange .Content .GridContainer.ComparisonValueGridContainer {
vertical-align: top;
height: 400px;
padding: 7px 0 0 5px;
}
.AuditLogChange .Content .GridContainer.ComparisonValueGridContainer #AuditLogChangeGrid .ComparisonField {
width: 100%;
white-space: normal;
}
.AuditLogChange .Content .GridContainer.ComparisonValueGridContainer #AuditLogChangeGrid .ComparisonValue.NewValue {
color: #4B0082;
font-weight: 700;
}
.AuditLogChange .Content .HeaderValuesContainer {
text-align: left;
margin-left: 5px;
border: 1px solid #E2E2E2;
margin-bottom: 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 6px;
}
.AuditLogChange .Content .HeaderValuesContainer .NavigationButtonsContainer {
width: 30px;
display: inline-block;
float: left;
vertical-align: top;
margin: 10px;
}
.ConfirmationAction.ExceptionListModal .ActionMessageContainer {
padding: 15px 0 5px;
}
.ConfirmationAction.ExceptionListModal .ConfirmationMessageContainer {
padding: 0 10px 10px 0;
}
.ConfirmationAction.ExceptionListModal .Content {
width: auto;
}
.ConfirmationAction.ExceptionListModal .Content.HasExceptions {
width: 800px;
}
.ConfirmationAction.ExceptionListModal .GlobalExceptionsContainer .GlobalListGridContainer {
max-height: 125px;
}
.ConfirmationAction.ExceptionListModal .ExceptionsListGridContainer {
max-height: 280px!important;
}
.ConfirmScheduleEditContainer .SelectAnAction {
font-weight: 700;
padding-top: 20px;
}
.RosterEditShiftContainer .ModalContent {
min-width: 395px;
min-height: 200px;
}
.RosterEditShiftContainer .ModalContent .ColorPicker .slide.Comprehensive {
min-width: 395px;
}
.EditSubStaffingSegmentNotes .Content textarea {
width: 520px;
height: 100px;
}
.EditSegmentContainer .Content {
text-align: center;
margin: 0!important;
}
.EditSegmentContainer .Content .OptionsContainer {
padding-top: 47px;
}
.EditSegmentContainer .Content .WorkSegmentEditInformationContainer .TotalHoursContainer {
background-color: #CBCBCB;
font-size: 1.2rem;
font-weight: 700;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
position: relative;
top: -20px;
float: right;
text-align: center;
padding: 5px 20px;
}
.EmployeeInformationFields .Content .FieldSelector {
width: 690px;
}
.EmployeeRequestSubstituteCoverage .Content .DottedVerticalSeparator {
height: 215px;
}
.EmployeeRequestSubstituteCoverage .Content .TextValueTable td {
border: none;
height: auto;
padding: 2px;
}
.EmployeeRequestSubstituteCoverage .Content .SubCoverageInfoColumn {
width: 40%;
vertical-align: top;
display: inline-block;
}
.EmployeeRequestSubstituteCoverage .Content .SubCoverageInfoColumn:first-child {
width: 56%;
}
.EmployeeRequestSubstituteCoverage .Content .SubCoverageInfoColumn .SubInformationTable {
font-size: 1.1rem;
margin: auto;
}
.EmployeeRequestSubstituteCoverage .Content .SummaryContainer {
width: 475px;
height: 60px;
overflow: auto;
white-space: normal;
}
.ExceptionListModal .Content .ExceptionsListTitle {
font-weight: 700;
font-size: 1.2rem;
text-align: left;
margin: 10px 0 5px;
}
.ExceptionListModal .Content .BtnMenuDownload {
float: none!important;
}
.ExceptionListModal .Content .ExceptionsListContainer .ExceptionsListGridContainer {
height: 150px;
overflow: auto;
}
.ExceptionListModal .Content .ExceptionsListContainer .ExceptionsListGridContainer .grid tbody tr {
cursor: initial!important;
}
.ReportSettings.JobCodeSplitReport .Content .JobCodeSplitOptions .DottedVerticalSeparator {
height: 70px;
}
.ReportSettings.JobCodeSplitReport .Content .SplitGroupTable td,
.ReportSettings.JobCodeSplitReport .Content .SplitGroupTable th {
padding: 0 5px 0 3px;
}
.LogViewer .SummaryContainer {
height: 360px;
overflow: auto;
white-space: nowrap;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer {
margin: 10px;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer .SegmentContainer .SegmentEditInformationContainer,
.ManageScheduleSegment .ManageScheduleSegmentContainer .OptionsContainer .SegmentEditInformationContainer {
display: block;
margin: 0 10px 10px 0;
padding: 0 5px;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer.NoTemplates {
width: 100%;
margin: 0;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer.NoTemplates .SegmentEditInformationContainer {
display: block;
border: none;
margin: 0 10px 10px;
padding: 0;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer .TotalHoursContainer {
margin-bottom: 10px;
background-color: #CBCBCB;
font-size: 1.2rem;
font-weight: 700;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
float: right;
text-align: center;
padding: 5px 20px;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer .OptionsContainer .TemplatesContainer {
margin-top: 20px;
width: 250px;
height: 320px;
overflow: auto;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer .OptionsContainer .TemplatesContainer .TemplateName {
margin-left: 10px;
line-height: 20px;
display: inline-block;
vertical-align: top;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer .SelectSegmentTypeContainer {
white-space: nowrap;
clear: both;
padding-top: 10px;
}
.OfferAuditLog .OfferAuditLogDetails td.Value {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 100px;
white-space: nowrap!important;
overflow: hidden!important;
}
.OfferAuditLog .Content .GridContainer {
height: 255px;
}
.ReportSettings.JobCodeSearch .GridContainer {
overflow: auto;
height: 250px;
}
.ReportSettings .LegacyInfo {
padding-top: 7px;
}
.ReportSettings .FootNotes {
font-style: italic;
padding-left: 10px;
padding-top: 7px;
}
.SendSubNotification .WizardContent {
height: 350px;
width: 700px;
}
.SendSubNotification .WizardContent .SummaryContainer {
overflow: auto;
margin-top: 20px;
height: 230px;
}
.RosterShiftDetailContainer .RosterInformationContainer td .CostCodeContainer {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 250px;
white-space: nowrap!important;
overflow: hidden!important;
display: block!important;
}
.SplitSegmentModal .SplitSegmentWarning {
margin-bottom: 11px;
font-size: 1.2rem;
}
.SplitSegmentModal .GridContainer {
height: 395px;
}
.SplitSegmentModal .GridContainer .SplitSegmentsGrid {
width: 470px;
}
.SplitSegmentModal .GridContainer .SplitSegmentsGrid .Break {
width: 62px;
}
.SplitSegmentModal .GridContainer .SplitSegmentsGrid input.ng-invalid {
border: 1px solid #F2765F;
background-color: #fdd;
}
.SplitSegmentModal .GridContainer .TextValueTable td {
-moz-box-sizing: border-box!important;
box-sizing: border-box!important;
border: 2px solid transparent!important;
padding: 0;
}
.SplitSegmentModal .GridContainer .grid .TextValueTable tbody tr:nth-child(even) {
background-color: initial;
}
.SplitSegmentModal .EditSegmentContainer {
float: right;
height: 100%;
border-left: 1px solid #CBCBCB;
}
.SplitSegmentModal .EditSegmentContainer .EditSegmentEditButton {
padding: 0 0 10px 10px;
}
.SplitSegmentModal .EditSegmentContainer .EditSegmentApply {
float: right;
padding-bottom: 10px;
}
.SubmitFeedBack .FeedbackContainer .FeedbackSummary {
height: 150px;
width: 370px;
}
.VerifyFingerprintModal .Content,
.AddFingerprintModal .Content {
text-align: center;
padding: 10px;
}
.VerifyFingerprintModal .Content .Message,
.AddFingerprintModal .Content .Message {
font-size: 1.2rem;
font-weight: 700;
height: 20px;
line-height: 20px;
padding-bottom: 30px;
}
.VerifyFingerprintModal .Content .Status,
.AddFingerprintModal .Content .Status {
font-size: 1.1rem;
height: 20px;
line-height: 20px;
padding-bottom: 10px;
}
.ViewCompanyLocation .org .vcard {
display: inline-block;
-moz-box-shadow: 0 0 5px 1px #CDCCCC;
-webkit-box-shadow: 0 0 5px 1px #CDCCCC;
box-shadow: 0 0 5px 1px #CDCCCC;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #E2E2E2;
padding: 10px 20px;
}
.ModalContainer .ModalBackdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.ModalContainer .ModalBackdrop:last-child {
background-color: rgba(0, 0, 0, 0.4);
}
.Modal {
outline: none;
background-color: #CBCBCB;
color: #4D4D4D;
display: inline-table;
text-align: left;
position: fixed;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
-moz-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 20px 10px rgba(0, 0, 0, 0.3);
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.Modal.ManualPosition {
transform: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.Modal .ModalHeader {
min-width: 600px;
cursor: move;
}
.Modal .GridContainer {
overflow: auto;
clear: both;
height: 300px;
}
.Modal .TitleBar {
width: 100%;
height: 50px;
overflow: hidden;
border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border-bottom: 5px solid #41BB9B;
}
.Modal .TitleBar .Title {
font-size: 1.4rem;
white-space: nowrap;
padding-left: 20px;
text-transform: capitalize;
width: 100%;
}
.Modal .ModalHelpContainer {
white-space: nowrap;
margin-right: 20px;
}
.Modal .ProgressBarContainer .ProgressBar {
height: 5px;
background-color: #CDCCCC;
}
.Modal .WizardTitle {
color: #3896D2;
font-weight: 700;
font-size: 1.5em;
display: block;
margin-left: 20px;
margin-top: 10px;
}
.Modal .ToggleCollapsibleStateLinkContainer {
position: absolute;
top: 60px;
text-align: right;
right: 20px;
}
.Modal .ToggleCollapsibleStateLinkContainer a {
color: #3896D2;
cursor: pointer;
padding-right: 10px;
text-decoration: underline;
}
.Modal .Content,
.Modal .WizardContent {
overflow: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
clear: both;
margin: 20px;
}
.Modal .Content .ExpandAll,
.Modal .WizardContent .ExpandAll {
position: initial;
top: 0;
margin-bottom: 20px;
}
.Modal .Content {
max-height: 440px;
max-width: 900px;
}
.Modal .WizardContent {
max-height: 350px;
max-width: 900px;
}
.Modal .WizardContent.MaxSize {
height: 350px;
width: 900px;
}
.Modal .Footer {
border-top: solid 1px #E2E2E2;
display: table;
width: 100%;
text-align: right;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 20px 15px;
}
.Modal .Footer .SuccessMessageContainer.Success {
top: -3px;
}
.Modal .WizardFooter .ButtonContainer {
margin: 0 10px 10px;
}
.Modal .WizardFooter .ContentContainer {
clear: both;
border-top: 1px solid #E2E2E2;
background-color: #F9F9F9;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
text-align: left;
padding: 10px 20px;
}
.Modal .WizardFooter .ContentContainer .FooterIconContainer {
background-color: #E2E2E2;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
display: inline-block;
margin-right: 10px;
vertical-align: top;
padding: 5px;
}
.Modal .WizardFooter .ContentContainer .InfoContainer .Suggestion {
display: block;
color: #F2765F;
margin-bottom: 5px;
}
.Modal.Alert .Content,
.Modal.Confirmation .Content {
max-width: 500px!important;
overflow: visible;
}
.Modal.Alert .Content .Error,
.Modal.Alert .Content .Information,
.Modal.Alert .Content .Confirmation,
.Modal.Confirmation .Content .Error,
.Modal.Confirmation .Content .Information,
.Modal.Confirmation .Content .Confirmation {
height: 30px;
width: 30px;
text-align: center;
vertical-align: middle;
font-size: 2.2rem;
line-height: 30px;
display: inline-block;
margin-right: 10px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
font-weight: 700;
}
.Modal.Alert .Content .Error,
.Modal.Confirmation .Content .Error {
border: 2px solid #D36A46;
color: #D36A46;
}
.Modal.Alert .Content .Error::after,
.Modal.Confirmation .Content .Error::after {
content: 'X';
}
.Modal.Alert .Content .Information::after,
.Modal.Confirmation .Content .Information::after {
content: '!';
}
.Modal.ProgressIndicatorModal .Content,
.Modal.Confirmation .Content,
.Modal.Alert .Content {
min-width: 250px;
background-color: #fff;
}
.Modal.ProgressIndicatorModal.Content {
min-height: 90px;
}
.AutoLogOnContainer .ShowProgress {
margin-top: 40px;
height: 16px;
width: 16px;
display: inline-block;
background: url(../../common/img/ui-anim_basic_16x16.gif) no-repeat right center;
}
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer {
border: 1px solid #E2E2E2;
background-color: #CBCBCB;
width: 70%;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
margin: auto;
padding: 15px;
}
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem {
margin-bottom: 10px;
background-color: #fff;
border: 1px solid #CDCCCC;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader {
text-align: left;
position: relative;
}
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .StatusIconContainer,
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .StatusInfo,
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .ToggleExpand {
display: inline-block;
margin: 15px;
}
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .StatusIconContainer {
position: absolute;
left: 0;
top: 0;
height: 15px;
width: 15px;
border-radius: 8px;
-webkit-border-radius: 8px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #CDCCCC;
}
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .ToggleExpand {
position: absolute;
right: 0;
top: 0;
}
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .StatusInfo {
font-weight: 700;
font-size: 1.2rem;
vertical-align: top;
margin: 15px 40px;
}
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .DebugInfo {
background-color: #CBCBCB;
border-radius: 5px;
font-family: monospace;
font-size: 1.2rem;
border: 1px solid #E2E2E2;
text-align: left;
margin: 0 15px 15px 45px;
padding: 10px;
}
.Dashboard.Rebuilding {
cursor: progress;
}
.Dashboard.UserMode .FeatureSeparator {
border: none!important;
}
.Dashboard .DashboardButton {
background-position: right -165px;
}
.Dashboard .Dropzone.droppable {
height: 13px;
margin: 5px;
}
.Dashboard .EditMode .Dropzone.droppable {
height: 31px;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-top: 5px;
font-style: italic;
border: 3px dotted #E2E2E2;
color: #999;
text-align: center;
}
.Dashboard .EditMode .Dropzone.droppable.Hovered,
.Dashboard .EditMode .Dropzone.droppable.WidgetHovered {
color: #FF69B4;
border-color: #FF69B4;
}
.Dashboard .EmployeesExcludedWarning {
font-size: 1.5rem;
vertical-align: middle;
}
.Dashboard .NoWidgetsFound {
text-align: center;
font-size: 1.5rem;
color: #4D4D4D;
margin-top: 20px;
}
.Dashboard .ui-draggable-dragging .Widget {
z-index: 1000;
opacity: 0.75;
}
.GlobalModFeatureContainer .FeatureContent {
border-top: 1px solid #CBCBCB;
text-align: left;
padding-top: 10px;
margin-top: 15px;
}
.GlobalModFeatureContainer .GlobalModBooleanOption {
display: inline-block;
padding: 5px 0;
}
.GlobalModFeatureContainer .GlobalModEmployeeCompany {
text-align: left;
padding: 15px 15px 0;
}
.GlobalModFeatureContainer .GlobalModEmployeeCompany .TextValueTable td.Label {
text-align: left;
padding: 0 5px;
}
.GlobalModFeatureContainer .GlobalModModifyJobCode {
padding: 15px 0 0;
}
.GlobalModFeatureContainer .GlobalModModifyJobCode .SettingsFieldsetContainer fieldset legend {
margin-left: auto;
margin-right: auto;
}
.GlobalModFeatureContainer .GlobalModModifyJobCode .SettingsFieldsetContainer fieldset .OvertimeSelect {
width: 240px;
}
.GlobalModFeatureContainer .GlobalModSelectJobCodes .ButtonContainer {
text-align: left;
padding: 15px 0 10px;
}
.GlobalModFeatureContainer .TextValueTable td.Label,
.GlobalModFeatureContainer .TextValueTable td.LabelLeft {
word-wrap: break-word;
white-space: normal;
word-break: normal;
max-width: 180px;
}
.GlobalModFeatureContainer .TextValueTable td.Label.WideWrap,
.GlobalModFeatureContainer .TextValueTable td.LabelLeft.WideWrap {
max-width: 200px;
}
.ManageScheduleContainer .RoleDescription {
font-weight: 700;
font-size: 1.2rem;
display: inline-block;
margin: 5px;
}
.ManageTimesheet .ManageTimesheetOptions,
.AddSubRequirement .ManageTimesheetOptions {
white-space: nowrap;
width: 100%;
}
.ManageTimesheet .ManageTimesheetOptions .PeriodNavigationContainer,
.AddSubRequirement .ManageTimesheetOptions .PeriodNavigationContainer {
text-align: center;
padding-right: 20px;
}
.ManageTimesheet .ManageTimesheetOptions .PeriodNavigationContainer .PeriodTitle,
.AddSubRequirement .ManageTimesheetOptions .PeriodNavigationContainer .PeriodTitle {
font-size: 1.5em;
padding-bottom: 5px;
display: inline-block;
}
.ManageTimesheet .ManageTimesheetOptions .ShouldDisplayWeekendsCheckBoxContainer,
.AddSubRequirement .ManageTimesheetOptions .ShouldDisplayWeekendsCheckBoxContainer {
padding-left: 10px;
text-align: left;
}
.ManageTimesheet .WeekContainer,
.AddSubRequirement .WeekContainer {
width: 100%;
text-align: left;
border-top: 2px dotted #E2E2E2;
}
.ManageTimesheet .WeekContainer td,
.AddSubRequirement .WeekContainer td {
padding: 0 .25% 0 0;
}
.ManageTimesheet .WeekContainer .BeginningOfPeriod,
.AddSubRequirement .WeekContainer .BeginningOfPeriod {
padding-left: 10px;
position: relative;
}
.ManageTimesheet .WeekContainer .BeginningOfPeriod .PeriodBeginningDivider,
.AddSubRequirement .WeekContainer .BeginningOfPeriod .PeriodBeginningDivider {
display: inline-block;
left: 2.5px;
}
.ManageTimesheet .WeekContainer .DayContainer,
.AddSubRequirement .WeekContainer .DayContainer {
font-weight: 700;
border: 1px solid #E2E2E2;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
min-width: 187px;
margin: 5px 0 20px;
}
.ManageTimesheet .WeekContainer .DayContainer input[type=checkbox],
.ManageTimesheet .WeekContainer .DayContainer label,
.AddSubRequirement .WeekContainer .DayContainer input[type=checkbox],
.AddSubRequirement .WeekContainer .DayContainer label {
line-height: 22px;
height: 22px;
}
.ManageTimesheet .WeekContainer .DayContainer .AddSegmentButtonContainer .AddButton,
.AddSubRequirement .WeekContainer .DayContainer .AddSegmentButtonContainer .AddButton {
background-color: #999;
color: #fff;
border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
margin: 0 5px 5px;
padding: 5px 10px;
}
.ManageTimesheet .WeekContainer .DayContainer .DayHeaderContainer,
.AddSubRequirement .WeekContainer .DayContainer .DayHeaderContainer {
position: relative;
background-color: #F9F9F9;
border-bottom: 1px solid #E2E2E2;
padding: 5px;
}
.ManageTimesheet .WeekContainer .DayContainer .DayHeaderContainer .ApproveDayCheckBoxContainer,
.AddSubRequirement .WeekContainer .DayContainer .DayHeaderContainer .ApproveDayCheckBoxContainer {
text-align: right;
color: #4D4D4D;
font-weight: 400;
}
.ManageTimesheet .WeekContainer .DayContainer .DayHeaderContainer .DayDisplayText,
.AddSubRequirement .WeekContainer .DayContainer .DayHeaderContainer .DayDisplayText {
color: #4D4D4D;
font-size: 1.2em;
font-weight: 700;
}
.ManageTimesheet .WeekContainer .DayContainer .DayHeaderContainer .DayTotal,
.AddSubRequirement .WeekContainer .DayContainer .DayHeaderContainer .DayTotal {
color: #4D4D4D;
font-weight: 700;
font-size: 1.2em;
position: absolute;
right: 0;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer {
border-bottom: 2px dotted #E2E2E2;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer {
text-align: left;
display: inline-block;
max-width: 200px;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
padding: 10px 4px 5px;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .Link,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .Link {
padding-left: 10px;
line-height: 22px;
border: none;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentHours,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentHours {
line-height: 22px;
float: right;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo td,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo td {
vertical-align: top;
white-space: nowrap;
padding: 2px;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeLevelsContainer span,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeLevelsContainer span {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 155px;
white-space: nowrap!important;
overflow: hidden!important;
display: block!important;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .JobCodeValueContainer .JobCodeValue,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .JobCodeValueContainer .CostCodeValue,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeValueContainer .JobCodeValue,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeValueContainer .CostCodeValue,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .JobCodeValueContainer .JobCodeValue,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .JobCodeValueContainer .CostCodeValue,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeValueContainer .JobCodeValue,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeValueContainer .CostCodeValue {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 155px;
white-space: nowrap!important;
overflow: hidden!important;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .ClockedIn,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .MissedIn,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .MissedOut,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .ClockedIn,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .MissedIn,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .MissedOut {
display: inline-block;
min-width: 84px;
padding: 7px 5px 0;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .TimeIn,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .TimeIn {
display: inline-block;
margin-left: 2px;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .TimeOut,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer .TimeOut {
display: inline-block;
margin-left: 0;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimePickerInput,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimePickerInput {
width: 56px!important;
}
.ManageTimesheet .WeekContainer .EndOfPeriod,
.AddSubRequirement .WeekContainer .EndOfPeriod {
padding-right: 10px;
position: relative;
}
.ManageTimesheet .WeekContainer .EndOfPeriod .PeriodEndDivider,
.AddSubRequirement .WeekContainer .EndOfPeriod .PeriodEndDivider {
display: inline-block;
right: 2.5px;
}
.ManageTimesheet .WeekContainer .PeriodBeginningDivider,
.ManageTimesheet .WeekContainer .PeriodEndDivider,
.AddSubRequirement .WeekContainer .PeriodBeginningDivider,
.AddSubRequirement .WeekContainer .PeriodEndDivider {
display: none;
position: absolute;
top: 10px;
bottom: 10px;
border-right: 3px dotted #CDCCCC;
}
.ManageTimesheet .WeekContainer .WeekHeader .WeekApprovedCheckBox,
.AddSubRequirement .WeekContainer .WeekHeader .WeekApprovedCheckBox {
display: inline-block;
margin-left: 10px;
}
.ManageTimesheet .WeekContainer .WeekHeader .WeekApprovedCheckBox+.TcpCheckboxLabel,
.AddSubRequirement .WeekContainer .WeekHeader .WeekApprovedCheckBox+.TcpCheckboxLabel {
color: #41BB9B;
font-weight: 700;
}
.ManageTimesheet .WeekContainer .WeekHeader .WeekDisplayText,
.AddSubRequirement .WeekContainer .WeekHeader .WeekDisplayText {
color: #484C45;
font-weight: 700;
font-size: 1.4em;
margin-right: 20px;
float: left;
}
.ManageTimesheet .WeekContainer .WeekHeader .WeekOptionMenu,
.AddSubRequirement .WeekContainer .WeekHeader .WeekOptionMenu {
display: inline-block;
background-color: #CBCBCB;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
color: #CDCCCC;
padding: 2px 0 5px 5px;
}
.ManageTimesheet .WeekContainer .WeekHeader .WeekOptionMenu .slide,
.AddSubRequirement .WeekContainer .WeekHeader .WeekOptionMenu .slide {
background-color: #CBCBCB;
top: 25px!important;
left: -10px!important;
padding: 20px;
}
.Report .FeatureOptionButtonContainer {
float: none!important;
text-align: right;
}
.Report .ReportPeriodSelectorContainer {
height: 28px;
}
.Report .ReportContentContainer .SelectedCategoryContainer,
.Report .ReportContentContainer .SelectedCategoryReportContainer,
.Report .ReportContentContainer .SelectedReportSettingsContainer {
height: 100%;
vertical-align: top;
margin: 5px 0;
padding: 5px;
}
.Report .ReportContentContainer .SelectedCategoryContainer {
width: 30%;
}
.Report .ReportContentContainer .SelectedCategoryReportContainer {
width: 40%;
}
.Report .ReportContentContainer .SelectedReportSettingsContainer {
text-align: left;
width: 30%;
}
.Report .ReportContentContainer .SelectedReportSettingsContainer div {
width: 200px;
padding: 5px;
}
.Report .ReportContentContainer .SelectedReportSettingsContainer div input,
.Report .ReportContentContainer .SelectedReportSettingsContainer div .menuRoot {
width: 200px;
text-align: center;
}
.Report .ReportContentContainer .SelectedReportSettingsContainer div input .Download,
.Report .ReportContentContainer .SelectedReportSettingsContainer div .menuRoot .Download {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.Report .ReportContentContainer .SelectedReportSettingsContainer .ManageSavedReportsContainer {
background-color: #F9F9F9;
border: 1px solid #CBCBCB;
color: #999;
font-size: 1.2rem;
font-weight: 700;
text-align: center;
margin-bottom: 5px;
margin-top: 15px;
padding: 5px 10px;
}
.Report .ReportContentContainer .Title {
text-align: left;
color: #3896D2;
font-size: 1.5rem;
font-weight: 700;
cursor: pointer;
background-color: #fff;
padding: 0 10px 10px 0;
}
.Report .RunReportLabel {
width: 190px;
display: inline-block;
}
.ReportOption .Content {
height: 440px;
width: 500px;
}
.ReportSettings .PageLayoutSettings {
width: 385px;
height: 120px;
}
.ReportSettings .ReportTitleContainer {
margin: 10px 0 20px;
}
.ReportSettings .ListSubOption {
padding-left: 18px;
}
.ReportSettings .TitleBar .Title {
max-width: 225px;
overflow: hidden;
text-overflow: ellipsis;
}
.RosterContainer .PaginatorContainer {
vertical-align: top;
padding: 0;
}
.RosterContainer .FilterContainer {
display: inline-block;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #E2E2E2;
}
.RosterContainer .UnassignedHeaderContainer .RequiredPositionHeader,
.RosterContainer .AssignedHeaderContainer .RequiredPositionHeader {
font-size: 1.3rem;
font-weight: 700;
display: inline-block;
color: #3896D2;
margin-right: 20px;
}
.RosterContainer .UnassignedHeaderContainer .ToggleCollapsibleStateLinkContainer,
.RosterContainer .AssignedHeaderContainer .ToggleCollapsibleStateLinkContainer {
margin: 0 5px;
padding: 0 10px;
}
.RosterContainer .PeriodNavigationContainer {
vertical-align: top;
border-right: 1px solid #E2E2E2;
margin-right: 5px;
padding: 0 12px 0 0;
}
.RosterContainer .PeriodNavigationContainer .PeriodNavigationTitleContainer {
float: left;
color: #3896D2;
}
.RosterContainer .UnassignedRequiredPositionContainer,
.RosterContainer .AssignedRequiredPositionContainer {
border: 1px solid #CBCBCB;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.RosterContainer .RequiredPositionHeaderContainer {
overflow: hidden;
margin-top: 20px;
}
.RosterContainer .UnassignedRequiredPositionContainer {
max-height: 170px;
overflow: auto;
}
.RosterContainer .AssignedRequiredPositionContainer {
overflow-x: auto;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid thead tr th,
.RosterContainer .AssignedRequiredPositionContainer .grid thead tr th,
.RosterContainer .HeaderGrid.grid thead tr th {
border-bottom: 1px solid #E2E2E2;
background-color: #fff;
cursor: auto;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td,
.RosterContainer .UnassignedRequiredPositionContainer .grid th,
.RosterContainer .AssignedRequiredPositionContainer .grid td,
.RosterContainer .AssignedRequiredPositionContainer .grid th,
.RosterContainer .HeaderGrid.grid td,
.RosterContainer .HeaderGrid.grid th {
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 2px;
padding: 2px 4px;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td:not(:first-child),
.RosterContainer .UnassignedRequiredPositionContainer .grid th:not(:first-child),
.RosterContainer .AssignedRequiredPositionContainer .grid td:not(:first-child),
.RosterContainer .AssignedRequiredPositionContainer .grid th:not(:first-child),
.RosterContainer .HeaderGrid.grid td:not(:first-child),
.RosterContainer .HeaderGrid.grid th:not(:first-child) {
min-width: 80px;
text-align: center;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td:first-child,
.RosterContainer .UnassignedRequiredPositionContainer .grid th:first-child,
.RosterContainer .AssignedRequiredPositionContainer .grid td:first-child,
.RosterContainer .AssignedRequiredPositionContainer .grid th:first-child,
.RosterContainer .HeaderGrid.grid td:first-child,
.RosterContainer .HeaderGrid.grid th:first-child {
min-width: 200px;
text-align: left;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td.Selected,
.RosterContainer .AssignedRequiredPositionContainer .grid td.Selected,
.RosterContainer .HeaderGrid.grid td.Selected {
border-right: 2px dotted #3896D2;
border-left: 2px dotted #3896D2;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td.IsLoggedInEmployee,
.RosterContainer .AssignedRequiredPositionContainer .grid td.IsLoggedInEmployee,
.RosterContainer .HeaderGrid.grid td.IsLoggedInEmployee {
background-color: #CBCBCB;
font-weight: 700;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td.Daily:not(:first-child),
.RosterContainer .AssignedRequiredPositionContainer .grid td.Daily:not(:first-child),
.RosterContainer .HeaderGrid.grid td.Daily:not(:first-child) {
border-right: 1px solid #E2E2E2;
border-left: transparent;
vertical-align: top;
margin: 0;
padding: 0;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition {
border-radius: 3px;
text-align: center;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 1px;
margin: 0 2px 6px;
padding: 0 2px;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.RegularSchedule,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.RegularSchedule,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.RegularSchedule {
background-color: #CBCBCB;
border-color: #CDCCCC;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.HasLeave,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.HasLeave,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.HasLeave {
background-color: #e0ccef;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .Description,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .Description,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .Description {
line-height: 20px;
display: inline-block;
vertical-align: middle;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 62px;
white-space: nowrap!important;
overflow: hidden!important;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Daily,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Daily,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Daily {
position: absolute;
margin: 1px 0;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Daily .Description,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Daily .Description,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Daily .Description {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 124px;
white-space: nowrap!important;
overflow: hidden!important;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .PastArrow,
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .FutureArrow,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .PastArrow,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .FutureArrow,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .PastArrow,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .FutureArrow {
font-weight: 700;
vertical-align: top;
top: 1px;
position: absolute;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .PastArrow,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .PastArrow,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .PastArrow {
padding-left: 3px;
padding-right: 5px;
left: 2px;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .FutureArrow,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .FutureArrow,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition .FutureArrow {
padding-left: 5px;
padding-right: 3px;
right: 2px;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer:last-child .RequiredPosition,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer:last-child .RequiredPosition,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer:last-child .RequiredPosition {
margin-bottom: 2px;
}
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .StatusContainer .Status,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .StatusContainer .Status,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .StatusContainer .Status {
display: inline-block;
font-size: .9rem;
color: #484C45;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 62px;
white-space: nowrap!important;
overflow: hidden!important;
}
.PageHeaderContainer .SearchContainer .SearchInput {
min-width: 250px;
float: left;
}
.PageHeaderContainer .HeaderOptions {
float: right;
display: inline-block;
margin: 20px;
}
.PageHeaderContainer .HeaderOptions .ComposeEmployeeMessage {
vertical-align: top;
background-image: none;
}
.PageHeaderContainer .HeaderOptions .ComposeEmployeeMessage .ButtonContent {
line-height: 0;
padding: 4px 10px;
}
.PageHeaderContainer div.Logo {
margin: 10px 20px;
}
.PageHeaderContainer .HeaderOptionLink {
text-align: right;
margin-top: 10px;
}
.PageHeaderContainer .HeaderOptionLink a {
cursor: pointer;
font-size: 1.1rem;
font-weight: 700;
text-decoration: underline;
}
.PageHeaderContainer .PopupButton .slide .CompanyTimeContainer {
margin-top: 10px;
margin-bottom: 20px;
}
.PageHeaderContainer .WeekInfo {
display: inline-block;
margin-right: 10px;
vertical-align: middle;
text-align: right;
}
.ReportAutomation .MailSettingsWarning {
font-weight: 700;
padding-left: 10px;
white-space: normal;
}
.ReportFooter .ExportPreviewSection {
width: 100%;
vertical-align: top;
}
.ReportFooter .ReportTagsConfigurationSection {
max-height: 500px;
overflow: auto;
}
.ReportFooter .SummaryContainer {
position: relative;
min-height: 20px;
overflow: hidden;
}
.ReportFooter .SummaryContainer .PreviewCenter,
.ReportFooter .SummaryContainer .PreviewLeft,
.ReportFooter .SummaryContainer .PreviewRight {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
white-space: pre;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ScheduleCalendarDayContainer {
margin: 5px 2px 20px 0;
}
.ScheduleCalendarDayContainer .RequirementIndicator {
float: left;
font-weight: 700;
cursor: default;
font-size: 1.2rem;
margin-left: 3px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer {
border: solid 1px #E2E2E2;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
min-width: 143px;
min-height: 80px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .DayHeaderContainer.Selected {
background-color: #78d0b9!important;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .DayHeaderContainer .DayDescription {
padding-top: 5px;
text-align: center;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .DayHeaderContainer .DayTotal {
font-size: 1rem;
position: absolute;
right: 5px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentTypeHoursContainer {
padding-top: 4px;
height: 16px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentTypeHoursContainer .SegmentType,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentTypeHoursContainer .SegmentHours {
line-height: 16px;
display: inline-block;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer {
text-align: center;
padding: 5px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .MasterShiftInfo {
width: 100%;
white-space: nowrap;
display: table;
margin: 2px auto;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .MasterShiftInfo .MasterShiftName {
cursor: hand;
font-weight: 700;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 2px solid;
width: 100%;
display: table-cell;
padding: 5px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .MasterShiftInfo .MasterShiftQualifier {
display: table-cell;
padding-left: 2px;
font-weight: 700;
font-size: 1.5rem;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentInfo {
width: 100%;
margin-top: 10px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentInfo td {
vertical-align: top;
text-align: left;
white-space: nowrap;
padding: 2px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentInfo .SegmentTime {
text-align: center;
font-weight: 700;
padding-bottom: 10px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentInfo .JobCodeValueContainer .JobCodeValue {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 115px;
white-space: nowrap!important;
overflow: hidden!important;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentInfo .CostCodeLevelsContainer {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 115px;
white-space: nowrap!important;
overflow: hidden!important;
display: block!important;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentDescription {
color: #999;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 125px;
white-space: nowrap!important;
overflow: hidden!important;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .BreakDescription {
position: relative;
top: 12px;
font-weight: 700;
color: #3896D2;
text-align: center;
background-color: rgba(255, 255, 255, 0.4);
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 125px;
white-space: nowrap!important;
overflow: hidden!important;
margin: auto;
padding: 0 4px;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .LocationName {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 125px;
white-space: nowrap!important;
overflow: hidden!important;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer.FirstSegmentInShift {
border-top: 1px solid #E2E2E2;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer.MiddleSegmentInShift {
border-bottom: 2px dotted #CBCBCB;
}
.ScheduleWeeksContainer .WeekContainer {
width: 100%;
text-align: left;
}
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekOptionsContainer .CoverageIndicator {
vertical-align: -1px;
margin-right: 5px;
display: inline-block;
height: 16px;
width: 16px;
border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekTitle,
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekSubTitle {
font-weight: 700;
font-size: 1.4em;
margin-right: 10px;
}
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekTitle {
font-size: 1.4em;
}
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekSubTitle {
font-size: 1.1em;
}
.SegmentPhoto .ModalContent .SegmentPhotoContainer {
display: inline-block;
text-align: center;
padding: 0 10px;
}
.SplitByPercentEmployeeSettings .InvalidPercent {
border-color: #F2765F;
}
.SplitByPercentEmployeeSettings .PercentInputContainer .Last {
color: #999!important;
background-color: #EBEBE4;
}
.TaskScheduler {
padding-top: 5px;
width: 600px;
}
input[type=text].TimePickerInput {
margin-top: 0;
vertical-align: top;
width: 70px;
border-top-right-radius: 0!important;
border-bottom-right-radius: 0!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
input[type=button].TimePickerTrigger {
vertical-align: top;
border: 4px solid #999;
background-color: #999;
height: 28px;
width: 28px;
border-radius: 0 5px 5px 0;
-webkit-border-radius: 0 5px 5px 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px -20px;
color: transparent!important;
}
.clickShield.EnableBG[disabled] input.TimePickerTrigger {
background-color: #999!important;
}
.TimePickerContent {
background-color: #F9F9F9;
border: 1px solid #E2E2E2;
display: none;
position: absolute;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 10px;
}
.TimePickerContent span {
background-color: #fff;
cursor: pointer;
display: inline-block;
float: left;
line-height: 30px;
text-align: center;
width: 40px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 1px;
}
.TimePickerContent span.TimePickerCancelButton {
background-color: #CDCCCC;
color: #fff;
width: 80px;
margin-top: 5px;
}
.TimePickerContent span.TimePickerOkButton {
margin-top: 5px;
width: 80px;
float: right;
background-color: #41BB9B;
color: #fff;
}
.TreeNode .TreeNodeLabelIconContainer.Disabled .TreeNodeIcon {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px -140px;
}
.TreeNode.Checked .TreeNodeIcon:hover {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px -120px;
}
.TreeNode.PartialChecked .TreeNodeIcon:hover {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -120px;
}
.TreeNode .TreeNodeIcon {
height: 20px;
width: 20px;
display: inline-block;
position: relative;
top: 5px;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px -100px;
margin: 0 1px 0 4px;
}
.TreeNode .TreeNodeIcon:hover {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px -120px;
}
.Widget {
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
width: 460px;
min-height: 100px;
border: 2px solid #D3D3D3;
border-radius: 3px;
text-align: left;
vertical-align: top;
background-color: #fff;
margin: 0 5px;
padding: 25px 25px 50px;
}
.Widget .WidgetContent {
max-height: 510px;
overflow: auto;
padding: 2px;
}
.Widget .WidgetContent .NoDataFound {
color: #999;
font-size: 1.2rem;
}
.Widget .WidgetHeader .SmallAddIcon {
color: #3896D2!important;
cursor: pointer;
margin-left: 5px;
}
.Widget .WidgetHeader .DragHandle {
display: inline-block;
width: 20px;
height: 20px;
position: absolute;
top: 3px;
left: 3px;
cursor: move;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px -60px;
}
.Widget .WidgetHeader .PopupButton {
vertical-align: top;
display: inline-block;
width: 32px;
height: 32px;
border-radius: 3px;
margin: 0 10px 0 0;
}
.Widget .WidgetHeader .PopupButton .ButtonContent {
padding: 6px 7px;
}
.Widget .WidgetHeader .PopupButton .slide .WidgetIcon {
cursor: pointer;
margin: 5px;
}
.Widget .WidgetHeader .DeleteWidgetIcon {
cursor: pointer;
position: absolute;
top: 2px;
right: 0;
height: 20px;
width: 20px;
display: inline-block;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -40px;
}
.Widget .WidgetHeader .TitleTextContainer {
vertical-align: top;
display: inline-block;
white-space: normal;
width: 240px;
word-wrap: break-word;
}
.Widget .WidgetHeader .TitleTextContainer .WidgetTitle {
font-weight: 700;
font-size: 1.5rem;
}
.Widget .WidgetHeader .TitleTextContainer .WidgetDescription {
margin-top: 5px;
font-size: 1.2rem;
color: #999;
}
.Widget .WidgetHeader .TitleTextContainer input.WidgetTitle {
width: 210px;
font-weight: 400;
}
.Widget .WidgetHeader .Total {
display: inline-block;
height: 32px;
font-size: 2.5rem;
position: absolute;
top: 5px;
right: 12px;
text-align: center;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 130px;
white-space: nowrap!important;
overflow: hidden!important;
}
.Widget .WidgetHeader .DateRangeMessageContainer {
float: right;
top: 20px;
position: relative;
right: -20px;
}
.Widget .WidgetHeader .WidgetIcon {
vertical-align: top;
display: inline-block;
width: 20px;
height: 20px;
margin-right: 15px;
background-color: #4D4D4D;
border: 4px solid;
border-right-width: 5px;
border-left-width: 5px;
border-radius: 3px;
}
.Widget .WidgetHeader .WidgetIcon.ActionRequired {
background-color: #F2765F;
border-color: #F2765F;
}
.Widget .WidgetHeader .WidgetIcon.Important {
background-color: #F3CB27;
border-color: #F3CB27;
}
.Widget .WidgetHeader .WidgetIcon.Information {
background-color: #41BB9B;
border-color: #41BB9B;
}
.Widget .WidgetHeader .WidgetIcon.ClockExceptions {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -20px -20px;
}
.Widget .WidgetHeader .WidgetIcon.Reminders {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -20px;
}
.Widget .WidgetHeader .WidgetIcon.TimeOffRequests {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -20px;
}
.Widget .WidgetFooter {
float: right;
padding: 15px 0 25px 25px;
}
.Widget .WidgetTable.DoubleRowItem tr:nth-child(2) td {
border-bottom: 1px solid #CDCCCC;
}
.Widget .WidgetTable td.Label {
text-align: right;
font-weight: 700;
}
.Widget .WidgetTable caption {
color: #999;
text-align: right;
}
.Widget .WidgetTable td.ApprovalColumn,
.Widget .WidgetTable td.DenyColumn {
cursor: pointer;
color: #CDCCCC;
}
.WorkSegmentsContainer {
text-align: left;
clear: both;
}
.WorkSegmentGrid .AllSelectionInputContainer {
min-width: 13px;
}
.WorkSegmentGrid td {
height: 24px!important;
padding: 0 10px;
}
.WorkSegmentGrid .Gutters {
height: 24px!important;
padding: 0 10px!important;
}
.WorkSegmentGrid .SegmentEditedIndicator {
font-weight: 700;
cursor: pointer;
}
.WorkSegmentGrid .SegmentEditedIndicator::after {
content: 'Y';
}
.WorkspaceSelectorContainer .WorkspaceSelector {
display: inline-block;
width: 16px;
height: 16px;
background-color: #999;
cursor: pointer;
border-radius: 20px;
margin: 3px;
}
.WorkspaceSelectorContainer .WorkspaceSelector.Dirty {
background-color: #CBCBCB;
cursor: default;
}
.WorkspaceSelectorContainer .WorkspaceSelector.Selected {
background-color: #3896D2;
}
.WorkspaceSelectorContainer .WorkspaceSelector.Selected.Dirty {
background-color: #484C45;
}
.DisplayOptions .CompanyNameInput {
width: 140px;
}
.DisplayOptions .TrackFieldInput {
width: 80px;
margin-right: 10px;
}
.AddCustomField .WizardContent input[type='radio'],
.AddCustomField .WizardContent input[type='checkbox'] {
margin: 7px 0;
}
.AddCustomField .WizardContent fieldset {
margin-bottom: 7px;
}
.AddCustomField .WizardContent .TypesContainer fieldset {
margin-bottom: 0;
}
.AddCustomField .WizardContent .TestButtonContainer {
position: absolute;
bottom: 2px;
right: 0;
}
.AddEditAccrualLedgerRecord .TextValueTable textarea,
.AddEditAccrualLedgerRecord .TextValueTable textarea {
width: 151px;
height: 80px;
}
.AddEditJobAdjustment .Content {
width: 650px;
}
.AddEditOccurrence .Notes {
height: 50px;
width: 300px;
}
.AddEditOccurrenceRuleContainer .OptionsContainer {
height: 290px;
overflow-y: auto;
overflow-x: hidden;
width: 200px;
}
.AddEditSplitSegmentConfiguration .Content {
width: 750px;
height: 430px;
}
.AddEditSplitSegmentConfiguration .DayOfWeekContainer {
padding-bottom: 5px;
}
.AddEditSplitSegmentConfiguration .Section .Header {
font-weight: 700;
font-size: 1.2rem;
padding-bottom: 5px;
}
.AddEditSplitSegmentConfiguration .Section.BottomSection {
padding-top: 15px;
}
.AddEditSplitSegmentConfiguration .TimeOfDayLabel {
line-height: 28px;
}
.AddEmployeeModalContainer .WizardContent .AssignJobCodeGridContainer {
height: 229px;
overflow: auto;
border-top: 5px solid #fff;
}
.AddUser .Content .SectionTitle {
font-weight: 700;
font-size: 1.2rem;
padding: 10px 10px 15px;
}
.AssignEmployeeAutomaticBreak .OptionContainer {
padding-top: 10px;
}
.AssignEmployeeAutomaticBreak .GridContainer {
height: 295px;
overflow: auto;
}
.AssignEmployeeJobCodeContent .GridContainer {
overflow: auto;
height: 320px;
clear: both;
}
.AssignEmployeeJobCodeContent .GridInformationContainer .LegendContainer {
margin-top: 8px;
}
.AssignEmployeeUser .GridContainer {
overflow: auto;
height: 350px;
clear: both;
}
.CalculateDateModal .Content {
height: 160px;
}
.CalculateDateModal .DaysFromLine input {
margin-right: 6px;
}
.ConfigureEmployeeAutomaticBreak .EmployeeAutomaticBreakSettings .PaddingCell {
padding: 7px;
}
.ConfigureEmployeeContract .Content {
max-height: 500px;
}
.ConfigureEmployeeJobCodeContainer .RateContainer {
margin-top: 10px;
text-align: right;
}
.Modal .ConfigureNotificationTaskProcessing .WizardContent {
width: 600px;
height: 300px;
}
.ContractPeriodProcessor .Content {
width: 620px;
height: 325px;
}
.CopyUser .WizardContent {
height: 400px;
min-width: 565px;
}
.EditNotificationMessage .EditNotificationMessageContainer .GridContainer {
overflow: auto;
max-height: 150px;
padding: 5px 0;
}
.EditNotificationMessage .EditNotificationMessageContainer .Title {
font-weight: 700;
padding: 6px;
}
.EditNotificationMessage .EditNotificationMessageContainer textarea {
height: 65px;
width: 470px;
}
.EditPasswordPolicyContainer .Content .TextValueTable {
margin-left: 40px;
}
.EditPasswordPolicyContainer .Content .PasswordPolicyEntryHelp {
font-weight: 700;
margin-bottom: 10px;
}
.EditRequestDetail .EmployeeNoteLabel,
.EditRequestDetail .ManagerNoteLabel {
font-weight: 700;
padding: 6px 0;
}
.EditRequestDetail .SummaryContainer {
display: block;
width: 520px;
height: 32px;
overflow: auto;
}
.EditRequestDetail .ManagerNoteContainer textarea {
height: 32px;
width: 525px;
}
.EmployeeStatusOption td label {
margin-right: 7px;
}
.ExceptionFilterContainer .GridContainer {
height: 250px;
overflow: auto;
}
.ExportOptionsContainer fieldset {
margin-top: 20px;
width: 80%;
}
.ExportOptionsContainer .DropdownInput {
margin-left: 10px;
width: 100px;
}
.ExportOptionsContainer .SurroundWithQuotesContainer {
margin: 10px 0 0 20px;
}
.GridContainer.FindJobCode {
height: 370px;
overflow: auto;
}
.ManageScheduleContainer .Content {
width: 770px;
}
.ManageScheduleContainer .Content .ScheduleWeeksContainer {
overflow: auto;
height: 360px;
}
.ManageScheduleContainer .Content .DisplayWeekendContainer {
position: absolute;
right: 25px;
top: 90px;
}
.ManageEmployeeNoteContent {
min-width: 400px;
}
.ManageEmployeeNoteContent .EditorContainer {
width: 350px;
text-align: center;
padding-top: 7px;
min-height: 240px;
}
.ManageEmployeeNoteContent .NoteInformationTable td {
padding-bottom: 4px;
padding-top: 4px;
padding-right: 3px;
}
.ManageHoursAccrualLedger .Content {
max-width: 940px;
}
.ManageHoursAddEditSegment .ManageHoursAddEditSegmentContainer .SegmentContainer,
.AddGroupSegment .ManageHoursAddEditSegmentContainer .SegmentContainer {
padding-left: 20px;
border-left: 1px solid #E2E2E2;
}
.ManageHoursAddEditSegment .ManageHoursAddEditSegmentContainer .OptionsContainer,
.AddGroupSegment .ManageHoursAddEditSegmentContainer .OptionsContainer {
padding-right: 20px;
width: 200px;
}
.ManageHoursAddEditSegment .ManageHoursAddEditSegmentContainer .OptionsContainer .TrackedFields input,
.AddGroupSegment .ManageHoursAddEditSegmentContainer .OptionsContainer .TrackedFields input {
width: 78px;
}
.ManageHoursAddEditSegment .ManageHoursAddEditSegmentContainer .TotalHoursContainer,
.AddGroupSegment .ManageHoursAddEditSegmentContainer .TotalHoursContainer {
background-color: #CBCBCB;
font-size: 1.2rem;
font-weight: 700;
position: relative;
right: 3px;
float: right;
text-align: center;
padding: 5px 20px;
}
.ManageHoursAddEditSegment .Content {
overflow: inherit;
}
.ManageHoursAddEditSegment .TotalHoursContainer {
border-radius: 0 0 3px 3px;
-webkit-border-radius: 0 0 3px 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
top: -20px;
}
.AddGroupSegment .TotalHoursContainer {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
top: -10px;
}
.AddGroupSegment .WizardContent {
height: 370px;
width: 635px;
position: relative;
overflow: visible;
}
.AddGroupSegment .WizardContent .SelectEmployees .GridAndPagingContainer {
height: 240px;
overflow: auto;
}
.AddGroupSegment .WizardContent .SelectEmployees .GridAndPagingContainer .GridContainer {
overflow: initial;
width: 100%;
}
.AddGroupSegment .WizardContent .CustomButtonContainer {
display: inline-block;
padding-top: 4px;
}
.AddGroupSegment .WizardContent .Summary .EmployeeCountContainer {
height: 20px;
line-height: 20px;
padding: 0 0 16px;
}
.AddGroupSegment .WizardContent .Summary .EmployeeCountContainer .ProgressIndicator {
display: inline-block;
width: 100px;
height: 18px;
}
.AddGroupSegment .WizardContent .Summary .EmployeeCountContainer .ProgressIndicator .Label {
line-height: 18px;
}
.AddGroupSegment .WizardContent .Summary .EmployeeCountContainer .ProgressIndicator .Indicator {
height: 18px;
top: -18px;
}
.AddGroupSegment .WizardContent .Summary .EmployeeCountContainer .EmployeeCount {
display: inline-block;
margin: 5px;
}
.AddGroupSegment .WizardContent .Summary .SummaryContainer {
height: 270px;
overflow: auto;
clear: both;
}
.ManageHoursOption .Content .ColorPicker {
margin-left: 3px;
}
.ManageHoursOption .Collapsible .Body fieldset.ColorsFieldset {
margin: 0 0 55px;
}
.ManagePhoto .InfoPreview {
margin-top: 10px;
font-size: .95em;
font-weight: 700;
}
.ManagePhoto .PreviewContainer {
height: 50px;
width: 70px;
}
.ManageShiftSchedules .ShiftScheduleSettings .TranslatedNumberColumn {
white-space: pre-wrap;
width: 30px;
text-align: center;
}
.QuickSetupWizard .ImageContainer {
text-align: center;
padding: 50px;
}
.QuickSetupWizard .ImageContainer img {
box-shadow: 3px 3px 10px #c9c9c9;
}
.QuickSetupWizard .WizardFooter .ContentContainer {
height: 60px;
}
.RateAdjustment .Content {
width: 550px;
}
.RateAdjustment .Content .NoSelection {
font-weight: 700;
font-size: 1.2rem;
padding: 10px;
}
.Content .SelectEmployeeRoleGridContainer {
min-width: 500px;
height: 300px;
overflow: auto;
}
.ValidateContract .Content {
height: 420px;
}
.ValidateContract .Content .grid tr.LastRecord td {
background-color: #ececec;
font-weight: 700;
}
.WorkFilter .ModalContent {
width: 643px;
}
.WorkSegmentLocationContainer .ModalContent {
width: 600px;
height: 400px;
}
.WorkSegmentLocationContainer .Toolbar .Legend .ClockInIcon,
.WorkSegmentLocationContainer .Toolbar .Legend .ClockOutIcon {
height: 10px;
width: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
display: inline-block;
}
.WorkSegmentLocationContainer .Toolbar .Legend .ClockInIcon {
background-color: green;
}
.WorkSegmentLocationContainer .Toolbar .Legend .ClockOutIcon {
background-color: red;
}
.OccurrenceRuleScaling .SeverityDescription {
display: inline-block;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 180px;
white-space: nowrap!important;
overflow: hidden!important;
}
.Accruals .AssignAccrualRules .Content,
.Accruals .AssignUsageJobCodes .Content,
.Accruals .AssignCountedJobCodes .Content {
width: 480px;
}
.Accruals .SectionTitle {
font-size: 1.3rem;
font-weight: 700;
padding-bottom: 10px;
}
.AddAccrualBank .PostImmediatelyPeriodInfo,
.AddAccrualRule .PostImmediatelyPeriodInfo {
max-width: 410px;
}
.AddEmployeeInformation .EmployeeInformationContainer .InfoSection {
display: inline-block;
width: 292px;
height: 38px;
}
.AddEmployeeInformation .EmployeeInformationContainer .InfoSection .Label {
margin-right: 5px;
width: 115px;
display: inline-block;
text-align: right;
line-height: 30px;
}
.AddEmployeeInformation .EmployeeInformationContainer .InfoSection .Value {
position: absolute;
}
.AttendanceMonitor .FeatureContentContainer .FeatureContentButtonContainer .ToggleCollapsibleStateLinkContainer {
padding-left: 10px;
margin-left: 5px;
padding-right: 0;
margin-right: 0;
}
.AttendanceMonitor .SettingsContainer .FilterTypeContainer {
display: inline-block;
margin: 10px 15px 0 0;
}
.AuditLog .LogSearchOptionsContainer {
display: block;
border-top: 1px solid #E2E2E2;
margin-top: 20px;
}
.AuditLog .LogSearchOptionsContainer .GroupByOptionContainer {
margin-left: 20px;
padding-left: 20px;
border-left: 1px dotted #CDCCCC;
display: inline-block;
}
.AuditLog .LogSearchOptionsContainer .GroupByOptionContainer .GroupByLabel {
display: block;
line-height: 40px;
}
.AuditLog .LogSearchOptionsContainer .SearchOnOptionContainer {
display: inline-block;
margin-left: 20px;
padding-left: 20px;
border-left: 1px dotted #CDCCCC;
}
.AuditLog .LogSearchOptionsContainer .PeriodSelector {
padding: 20px 0 10px 5px;
}
.AuditLog .LogSearchOptionsContainer .PeriodSelector .DropdownInput {
width: 130px!important;
}
.AuditLog .ToggleCollapsibleStateLinkContainer {
line-height: 28px;
padding: 10px 0;
}
.AuditLogApproval .Content {
width: 900px;
height: 350px;
}
.AuditLogApproval .Content .ExceptionTypesContainer .ExceptionTypeColumn .ExceptionType {
padding: 0 5px;
}
.AutomaticBreak .AutomaticBreakGeneral .TextValueTable td.Padding,
.AutomaticBreak .AutomaticBreakRestrictions .TextValueTable td.Padding {
padding: 0 3px;
}
.CloseWeekFeature .Description span {
font-weight: 700;
font-size: 1.2rem;
}
.CloseWeekFeature .CurrentCloseWeekRecord .ProgressIndicator {
margin-bottom: 10px;
margin-top: 13px;
}
.CloseWeekFeature .PreviewCloseWeekRecords .PreviewCloseWeekRecord {
border-top: 1px solid #CBCBCB;
margin-top: 15px;
padding-top: 15px;
margin-bottom: 20px;
}
.CloseWeekFeature .CloseWeekStages {
margin: 12px 12px 12px 117px;
}
.CloseWeekFeature .CloseWeekStages ul li.ExceptionCheckBox span.Icon {
display: inline-block;
height: 20px;
margin-right: 3px;
position: relative;
top: 5px;
width: 20px;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px -100px;
}
.CloseWeekFeature .CloseWeekStages ul li.ExceptionCheckBox span.Icon.Success {
background-position: -60px -140px;
}
.CloseWeekFeature .CloseWeekStages ul li.ExceptionCheckBox span.Icon.Failure {
background-position: -80px -140px;
}
.CompanySettings table.PayPeriod {
border-top: 1px solid #E2E2E2;
padding-top: 15px;
}
.CompanySettings table.CalculationDates .ChangeButton {
padding-bottom: 5px;
text-align: center;
}
.CompanySettings .ExportFieldSettings {
min-width: 220px;
margin-right: 20px;
}
.CompanySettings .HelpText {
padding: 10px 5px;
}
.CompanySettings .Global_SplitSegmentAutomation .GridContainer {
margin-top: 5px;
margin-bottom: 15px;
max-height: 175px;
}
.CompanySettings .MessageRecipients .GridContainer {
height: auto;
}
.CompanySettings .RequestMessageOptions {
display: inline;
}
.CompanySettings .TextValueTable .CenterCell {
text-align: center;
padding: 0 5px;
}
.CompanySetup .WorkflowStepTitle {
font-weight: 700;
font-size: 1.2rem;
margin: 0 0 30px 10px;
}
.CompanySetup .WizardFooter {
min-height: 50px;
}
.CompanySetup .SetupStatus .SetupStatusContainer {
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
background-color: #E2E2E2;
width: 100%;
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem {
cursor: pointer;
background-color: #fff;
font-size: 1.3rem;
-moz-box-shadow: 0 0 15px 0 rgba(72, 76, 69, 0.1);
-webkit-box-shadow: 0 0 15px 0 rgba(72, 76, 69, 0.1);
box-shadow: 0 0 15px 0 rgba(72, 76, 69, 0.1);
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem.Selected {
transform: translate(4px, -4px);
-webkit-transform: translate(4px, -4px);
-moz-transform: translate(4px, -4px);
-ms-transform: translate(4px, -4px);
-o-transform: translate(4px, -4px);
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem:not([disabled]).Selected:active {
transform: translate(3px, -3px);
-webkit-transform: translate(3px, -3px);
-moz-transform: translate(3px, -3px);
-ms-transform: translate(3px, -3px);
-o-transform: translate(3px, -3px);
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem:not([disabled]):active {
transform: translate(-2px, 2px);
-webkit-transform: translate(-2px, 2px);
-moz-transform: translate(-2px, 2px);
-ms-transform: translate(-2px, 2px);
-o-transform: translate(-2px, 2px);
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem[disabled] {
opacity: 0.7;
cursor: default;
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem .SetupStatusInformationTable {
display: flex;
flex-direction: row;
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem .StatusCell {
height: 50px;
vertical-align: top;
flex-grow: 2;
padding: 10px;
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem .StatusCell.Body {
display: flex;
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem .StatusCell.Body .Info,
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem .StatusCell.Body .Prerequisites {
flex-grow: 1;
width: 250px;
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem .StatusCell.Indicator {
background-color: #ccc;
max-width: 60px;
flex-grow: 1;
color: #fff;
text-align: center;
font-size: 2rem;
line-height: 47px;
}
.ContractTemplates .FeatureContractHoursControlsContainer {
text-align: left;
padding: 10px 0;
}
.ContractTemplates .JobCodeSettings .Title {
font-weight: 700;
font-size: 1.3rem;
padding: 15px 0;
}
.ManageCustomFields .NavigationListGridContainer .Category {
max-width: 85px;
overflow: hidden;
text-overflow: ellipsis;
}
.ManageCustomFieldGeneral .TextValueTable.FeatureTable td {
vertical-align: top;
padding-right: 5px;
}
.ManageCustomFieldGeneral .LongDescriptionContainer textarea {
width: 450px;
height: 50px;
}
.CustomFormatContainer .CustomFormatForm,
.CustomFormatContainer .CustomFormatHelp {
display: inline-block;
vertical-align: top;
margin: 0 20px;
}
.ManageCustomFields .SetDefaultButtonContainer .Value,
.AddCustomField .SetDefaultButtonContainer .Value {
font-weight: 700;
color: #3896D2;
}
.EditApprovalMessage textarea {
width: 540px;
height: 100px;
}
.ExportFeatureContainer nav.Menu.MenuManageExportFields {
position: absolute;
text-align: left;
top: -100px;
}
.ExportFeatureContainer .ExportFormatDescription {
display: inline-block;
font-weight: 700;
font-size: 1.2rem;
line-height: 30px;
}
.ExportFeatureContainer .NavigationListContainer {
width: 270px!important;
}
.ExportFeatureContainer .NavigationListContainer .NavigationListGridContainer {
background-color: #fff!important;
margin-right: 10px;
}
.ExportFeatureContainer .NoExportTypeWarning {
text-align: center;
font-size: 1.2rem;
font-weight: 700;
padding: 10px;
}
.ExportFeatureContainer .FeatureContentButtonContainer .PreviewTitle {
float: left;
font-weight: 700;
font-size: 1.2rem;
color: #667F6D;
margin: 5px 0 0 20px;
}
.ImportFeatureContainer .FeatureContentButtonContainer .StepTitle {
font-weight: 700;
font-size: 1.5rem;
margin-left: 10px;
float: left;
text-transform: initial;
}
.ImportFeatureContainer .FeatureContent {
border-top: 1px solid #CBCBCB;
}
.ImportFeatureContainer .FeatureContent .ImportContent {
text-align: left;
overflow: auto;
}
.ImportFeatureContainer .FeatureContent .ImportContent .ContentSection {
border-bottom: 1px solid #CBCBCB;
margin-bottom: 20px;
padding-bottom: 20px;
}
.ImportFeatureContainer .FeatureContent .ImportContent .ContentSection:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.ImportFeatureContainer .ImportUpload {
padding: 15px 15px 0;
}
.ImportFeatureContainer .ImportUpload .LoadButtonContainer .Title {
padding: 15px 0;
}
.ImportFeatureContainer .ImportUpload .LoadButtonContainer .LoadedSettings {
color: #999;
margin-left: 10px;
}
.ImportFeatureContainer .ImportUpload .LoadButtonContainer .LoadedSettings.SettingsLoaded {
color: inherit;
}
.ImportFeatureContainer .ImportUpload .MapHeaderAutomaticallyOption {
margin: 5px 0 0 5px;
}
.ImportFeatureContainer .ImportUpload .DelimiterOptions {
margin-left: 50px;
}
.ImportFeatureContainer .ImportFixedLength .Fields {
display: inline-block;
width: 201px;
height: 100%;
border-right: 1px solid #F9F9F9;
overflow: auto;
}
.ImportFeatureContainer .ImportFixedLength .Fields .FieldIndexContainer {
width: 110px;
}
.ImportFeatureContainer .ImportFixedLength .FixedLengthDivider {
margin-left: 10px;
display: inline-block;
height: 100%;
vertical-align: top;
overflow: hidden;
position: relative;
}
.ImportFeatureContainer .ImportFixedLength .FixedLengthDivider .FixedLengthDividerInstructions {
font-size: 1.3rem;
font-weight: 700;
padding: 10px 0;
}
.ImportFeatureContainer .ImportFixedLength .FixedLengthDivider .FixedLengthDividerLinesContainer {
border: 1px solid #CBCBCB;
overflow: auto;
white-space: pre;
font-family: 'Courier New', monospace;
font-size: 1.3rem;
letter-spacing: 2px;
padding-top: 5px;
cursor: default;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.ImportFeatureContainer .ImportFixedLength .FixedLengthDivider .Divider {
display: inline-block;
position: absolute;
}
.ImportFeatureContainer .ImportFixedLength .FixedLengthDivider .Divider.DragLine {
opacity: 0.3;
}
.ImportFeatureContainer .ImportFixedLength .FixedLengthDivider .Divider .DividerArrowDown {
width: 1px;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 5px solid #000;
display: block;
}
.ImportFeatureContainer .ImportFixedLength .FixedLengthDivider .Divider .DividerLine {
width: 1px;
background-color: #000;
display: inline-block;
left: 4px;
position: relative;
}
.ImportFeatureContainer .ImportMapFields .grid th {
line-height: 25px;
cursor: initial;
}
.ImportFeatureContainer .ImportMapFields .grid .MapDataColumn {
min-width: 250px;
}
.ImportFeatureContainer .ImportMapFields .grid .MappedAsColumn {
min-width: 300px;
}
.ImportFeatureContainer .ImportMapFields .grid .FieldMappingSelect {
padding: 6px 5px;
}
.ImportFeatureContainer .ImportMapFields .MapDataArrowContainer {
display: inline-block;
cursor: pointer;
padding: 0 8px;
}
.ImportFeatureContainer .ImportMapFields .MapDataArrowContainer .MapDataArrow {
display: inline-block;
width: 0;
height: 1px;
position: relative;
top: 2px;
}
.ImportFeatureContainer .ImportMapFields .MapDataArrowContainer .MapDataArrow.MapDataLeftArrow {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 7px solid #6b6a6a;
}
.ImportFeatureContainer .ImportMapFields .MapDataArrowContainer .MapDataArrow.MapDataRightArrow {
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 7px solid #CDCCCC;
}
.ImportFeatureContainer .ImportSummary {
padding: 15px;
}
.ImportFeatureContainer .ImportSettings {
text-align: left;
padding: 10px;
}
.ImportFeatureContainer .SelectType .SelectTypeContentGrid .Tabs .ViewCheckBox {
display: inline-block;
vertical-align: text-top;
margin-left: 3px;
}
.ImportFeatureContainer .SelectType .SelectTypeContentGrid .Tabs .ViewCheckBox .UnChecked {
background: none 0;
}
.ImportFeatureContainer .SelectType .SelectTypeContentGrid .Tabs .InputContainer {
text-align: left;
padding: 5px;
}
.Modal .ImportExceptionsModal .GridContainer {
min-width: 500px;
max-height: 350px;
}
.Modal .ImportPreviewContent {
border: 1px solid #CBCBCB;
overflow: auto;
white-space: pre;
font-family: 'Courier New', monospace;
}
.Modal .ImportSaveModal .ModalContent {
height: 345px;
border-bottom: none;
}
.Modal .ImportSaveModal .ModalContent .SaveNewContainer {
margin-top: 20px;
}
.Modal .ImportSaveModal .ModalContent .SaveNewContainer fieldset {
width: 246px;
}
.ManageClockConfiguration .GeneralSettingsTable {
padding-top: 5px;
padding-bottom: 15px;
}
.ManageClockConfiguration .General_QuestionOnClockOut .ChildControl .Description {
padding-top: 10px;
font-weight: 700;
}
.ManageCostCodeFeatureContainer.NoEditPermission .FeatureContent input[type=checkbox][disabled]+label,
.ManageCostCodeFeatureContainer.NoEditPermission .FeatureContent input[type=radio][disabled]+label,
.ManageCostCodeGroupFeatureContainer.NoEditPermission .FeatureContent input[type=checkbox][disabled]+label,
.ManageCostCodeGroupFeatureContainer.NoEditPermission .FeatureContent input[type=radio][disabled]+label,
.AddCostCodeModal.NoEditPermission .FeatureContent input[type=checkbox][disabled]+label,
.AddCostCodeModal.NoEditPermission .FeatureContent input[type=radio][disabled]+label,
.EditCostCodeModal.NoEditPermission .FeatureContent input[type=checkbox][disabled]+label,
.EditCostCodeModal.NoEditPermission .FeatureContent input[type=radio][disabled]+label,
.ManageBranch.NoEditPermission .FeatureContent input[type=checkbox][disabled]+label,
.ManageBranch.NoEditPermission .FeatureContent input[type=radio][disabled]+label {
filter: alpha(opacity=100);
opacity: 1;
}
.ManageCostCodeFeatureContainer.NoEditPermission .FeatureContent .ClearDropdown,
.ManageCostCodeGroupFeatureContainer.NoEditPermission .FeatureContent .ClearDropdown,
.AddCostCodeModal.NoEditPermission .FeatureContent .ClearDropdown,
.EditCostCodeModal.NoEditPermission .FeatureContent .ClearDropdown,
.ManageBranch.NoEditPermission .FeatureContent .ClearDropdown {
color: #F9F9F9;
}
.ManageCostCodeFeatureContainer textarea.Notes,
.ManageCostCodeGroupFeatureContainer textarea.Notes,
.AddCostCodeModal textarea.Notes,
.EditCostCodeModal textarea.Notes,
.ManageBranch textarea.Notes {
height: 100px;
width: 300px;
}
.ManageCostCodeFeatureContainer .LayoutColumnContainer,
.ManageCostCodeGroupFeatureContainer .LayoutColumnContainer,
.AddCostCodeModal .LayoutColumnContainer,
.EditCostCodeModal .LayoutColumnContainer,
.ManageBranch .LayoutColumnContainer {
height: 60px;
width: 100%;
position: relative;
}
.ManageCostCodeFeatureContainer .LayoutColumnContainer .FeatureOptionTitleContainer .FullCode,
.ManageCostCodeGroupFeatureContainer .LayoutColumnContainer .FeatureOptionTitleContainer .FullCode,
.AddCostCodeModal .LayoutColumnContainer .FeatureOptionTitleContainer .FullCode,
.EditCostCodeModal .LayoutColumnContainer .FeatureOptionTitleContainer .FullCode,
.ManageBranch .LayoutColumnContainer .FeatureOptionTitleContainer .FullCode {
color: #3896D2;
display: inline-block;
font-size: 1.2rem;
font-weight: 700;
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 300px;
white-space: nowrap!important;
overflow: hidden!important;
margin: 5px 0 15px;
}
.ManageCostCodeFeatureContainer .SectionTitle,
.ManageCostCodeGroupFeatureContainer .SectionTitle,
.AddCostCodeModal .SectionTitle,
.EditCostCodeModal .SectionTitle,
.ManageBranch .SectionTitle {
font-weight: 700;
font-size: 1.2rem;
padding: 5px 0;
}
.ManageCostCodeFeatureContainer .Separator,
.ManageCostCodeGroupFeatureContainer .Separator,
.AddCostCodeModal .Separator,
.EditCostCodeModal .Separator,
.ManageBranch .Separator {
width: 180px;
margin: 10px auto;
}
.ManageCostCodeGroupFeatureContainer .FeatureOptionTitleContainer .Title {
width: 180px;
}
.ManageCostCodeGroupFeatureContainer .FeatureContent .GridContainer .RulesTable .Wildcard {
font-style: italic;
color: #999;
}
.AddCostCodeGroupRuleModal .InclusionDropdown {
margin-left: 1px;
width: 182px;
}
.TestCostCodeGroupModal .GridContainer {
height: 220px;
}
.TestCostCodeGroupModal .LeftColumn,
.TestCostCodeGroupModal .RightColumn {
display: inline-block;
height: 108px;
}
.TestCostCodeGroupModal .RightColumn {
vertical-align: top;
position: relative;
padding-left: 10px;
}
.TestCostCodeGroupModal .RightColumn .UpdateButton {
display: inline-block;
bottom: 4px;
position: absolute;
}
.ManageBranch .WizardContent {
min-width: 500px;
min-height: 265px;
}
.ManageBranch .WizardContent .CopyBranchTable .CostCodeNavSelector .ClickShield {
padding-top: 1px;
}
.ManageBranch .WizardContent .CopyBranchTable .CostCodeNavSelector .SectionTitle {
padding-bottom: 7px;
}
.ManageBranch .WizardContent .CopyBranchTable .CostCodeSelector {
padding: 5px 5px 5px 30px;
}
.ManageCostCodeList tr.LevelName td {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 135px;
white-space: nowrap!important;
overflow: hidden!important;
}
.EditCostCodeModal .Content {
height: 440px;
width: 550px;
}
.ManageEmployee .FeatureContent #OvertimeTypeSelect {
width: 190px;
}
.ManageEmployee .FeatureContent .EmployeeJobCode #RateChangeHistory .Note {
max-width: 200px;
overflow: hidden;
white-space: normal;
}
.ManageEmployee .FeatureContent .SurroundSection fieldset {
border: 1px dotted #CBCBCB!important;
padding-bottom: 10px;
}
.ManageEmployee .FeatureContent .SectionHeader {
font-size: 1.2rem;
font-weight: 700;
padding: 5px 0;
}
.AddEmployeeRequestTemplate .Content .TextValueTable {
margin-left: 20%;
}
.ManageHolidays .LegendContainer {
height: 20px;
}
.AddEditHolidayModal .Information {
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #F9F9F9;
}
.AddEditHolidayModal .Details {
padding-left: 1px;
}
.AddEditHolidayModal .Details .First .TcpRadioLabel,
.AddEditHolidayModal .Details .Last .TcpRadioLabel {
width: 25px;
display: inline-block;
}
.AddEditHolidayModal .Details .OfLabel {
width: 18px;
text-align: center;
display: inline-block;
}
.AddEditHolidayModal .Details .PlusMinus {
width: 50px;
margin: 0 4px;
}
.AddEditHolidayModal .Details span {
margin: 0 3px;
}
.ManageHours.GroupMode .ToggleCollapsibleStateLinkContainer {
padding-left: 10px;
margin-left: 5px;
padding-right: 0;
margin-right: 0;
float: right;
}
.ManageHours.GroupMode .FilterButtonsContainer {
margin-top: 20px;
display: inline-block;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #CDCCCC;
}
.ManageHours.GroupMode .PeriodSelector {
margin-left: 5px;
padding: 0;
}
.ManageHours .PopupBtnAction.ExceptionsMenu .slide,
.ManageHours .PopupBtnAction.ResolvePeriod .slide {
max-height: 400px;
overflow: auto!important;
}
.ManageHours .PopupBtnAction.ExceptionsMenu .slide .ExceptionContainer .ExceptionTable th,
.ManageHours .PopupBtnAction.ExceptionsMenu .slide .ExceptionContainer .ExceptionTable td,
.ManageHours .PopupBtnAction.ResolvePeriod .slide .ExceptionContainer .ExceptionTable th,
.ManageHours .PopupBtnAction.ResolvePeriod .slide .ExceptionContainer .ExceptionTable td {
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
text-align: center;
padding: 5px;
}
.ManageHours .PopupBtnAction.ExceptionsMenu .slide .ExceptionContainer .ExceptionTable th.Description,
.ManageHours .PopupBtnAction.ExceptionsMenu .slide .ExceptionContainer .ExceptionTable td.Description,
.ManageHours .PopupBtnAction.ResolvePeriod .slide .ExceptionContainer .ExceptionTable th.Description,
.ManageHours .PopupBtnAction.ResolvePeriod .slide .ExceptionContainer .ExceptionTable td.Description {
text-align: left;
vertical-align: middle;
}
.ManageHours .PopupBtnAction.ExceptionsMenu .slide .ExceptionContainer .ExceptionTable input[type=radio],
.ManageHours .PopupBtnAction.ResolvePeriod .slide .ExceptionContainer .ExceptionTable input[type=radio] {
margin: 5px 0;
}
.ManageHours .PopupBtnAction.ExceptionsMenu .slide .ExceptionContainer input[type=button],
.ManageHours .PopupBtnAction.ResolvePeriod .slide .ExceptionContainer input[type=button] {
margin-top: 10px;
float: right;
}
.ManageJobCode .BreaksTab .BreaksCollapsibleContainer .BreakTypeContainer .BreakTypeTitleTable .BreakTypeControlContainer {
text-align: right;
font-size: 1rem;
font-weight: 400;
padding: 0 10px 0 20px;
}
.DeactivateJobCodeModal {
max-width: 500px;
}
.DeactivateJobCodeModal .OptionsContainer {
text-align: center;
margin-left: 40px;
}
.ManageUnresolvedPunch .Attempts {
text-decoration: underline;
cursor: pointer;
color: #3896D2;
}
.ManageUnresolvedPunch .SearchContainer {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #CBCBCB;
}
.ManageUserFeatureOptionInfoContainer {
display: inline-block;
border-left: 1px solid #E2E2E2;
height: 53px;
line-height: 18px;
vertical-align: top;
margin: 0 20px;
padding: 0 20px;
}
.ManageUserFeatureOptionInfoContainer .Empty {
color: #E2E2E2;
font-weight: 400;
}
.PermissionsTree ul {
list-style: none;
}
.PermissionsTree .TreeRoot {
margin-top: 0;
padding: 0;
}
.PermissionsTree .PermissionsTreeInformationContainer {
height: 25px;
width: 100%;
padding-top: 7px;
}
.PermissionsTree .PermissionsTreeInformationContainer .LegendContainer.LargeIcons li .LegendItemIcon {
display: inline-block;
height: 20px;
position: relative;
top: 2px;
width: 20px;
}
.PermissionsTree .PermissionsTreeInformationContainer .LegendContainer.LargeIcons li .Text {
vertical-align: 4px;
}
.PermissionsTree .PermissionsTreeInformationContainer .TogglePermissionsTreeActionsContainer {
color: #3896D2;
float: left;
cursor: pointer;
}
.PermissionsTree .PermissionsTreeInformationContainer .TogglePermissionsTreeActionsContainer span {
text-decoration: underline;
margin: 10px;
}
.ManageUserRoleGeneral .PermissionsHeader {
font-weight: 700;
font-size: 1.1rem;
padding: 10px 0 20px;
}
.PeriodExport .ModuleStream {
font-style: italic;
padding-left: 5px;
}
.PeriodExport .TitleLabel {
font-size: 1.2rem;
font-weight: 700;
color: #3896D2;
}
.PeriodExport .PeriodExportInputContainer {
display: inline-block;
white-space: nowrap;
padding-right: 5px;
vertical-align: top;
}
.PeriodExport .PeriodExportInputContainer .FileUpload {
line-height: 38px;
}
.PeriodExport .RestrictTextWidth {
max-width: 100px;
}
.PeriodExport .ModuleSettingsContainer {
height: 35px;
margin: 0 10px;
}
.PeriodExport .ModuleSettingsContainer.FileInputs {
line-height: 40px;
height: 40px;
}
.PeriodExport .Select {
min-width: 200px;
}
.SystemWideSearchContainer .NoSearchItemsFound {
font-size: 1.2rem;
text-align: center;
}
.SystemWideSearchContainer .SearchContainerForm:not(.SystemWideSearch) {
display: block;
margin-bottom: 20px;
}
.SystemWideSearchContainer .SearchContainerForm:not(.SystemWideSearch) .SearchContainer {
display: block;
text-align: center;
}
.SystemWideSearchContainer .SearchContainerForm:not(.SystemWideSearch) .SearchContainer .SearchInput {
width: 80%;
}
.SystemWideSearchDirective .NoSearchItemsFound,
.SystemWideSearchController .NoSearchItemsFound,
.SystemWideSearchGroupsContainer .NoSearchItemsFound {
font-size: 1.2rem;
padding: 5px;
}
.SystemWideSearchDirective .SearchResultGroup .Heading,
.SystemWideSearchController .SearchResultGroup .Heading,
.SystemWideSearchGroupsContainer .SearchResultGroup .Heading {
font-weight: 700;
font-size: 1.3rem;
margin-bottom: 10px;
}
.SystemWideSearchDirective .SearchResultGroup .SearchResultListItem,
.SystemWideSearchController .SearchResultGroup .SearchResultListItem,
.SystemWideSearchGroupsContainer .SearchResultGroup .SearchResultListItem {
font-size: 1.1rem;
margin-bottom: 5px;
}
.SystemWideSearchDirective .SearchResultItemContainer,
.SystemWideSearchController .SearchResultItemContainer,
.SystemWideSearchGroupsContainer .SearchResultItemContainer {
margin: 5px 20px 20px;
}
.SystemWideSearchDirective .SearchResultItemContainer .SearchResultItemHeading,
.SystemWideSearchController .SearchResultItemContainer .SearchResultItemHeading,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .SearchResultItemHeading {
font-weight: 700;
font-size: 1.2rem;
margin-bottom: 5px;
}
.SystemWideSearchDirective .SearchResultItemContainer .SearchResultItem,
.SystemWideSearchController .SearchResultItemContainer .SearchResultItem,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .SearchResultItem {
float: left;
margin: 0 20px 5px 0;
}
.SystemWideSearchDirective .SearchResultItemContainer .SearchResultItem .ItemKey,
.SystemWideSearchDirective .SearchResultItemContainer .SearchResultItem .ItemValue,
.SystemWideSearchController .SearchResultItemContainer .SearchResultItem .ItemKey,
.SystemWideSearchController .SearchResultItemContainer .SearchResultItem .ItemValue,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .SearchResultItem .ItemKey,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .SearchResultItem .ItemValue {
display: inline-block;
margin-right: 3px;
}
.SystemWideSearchDirective .SearchResultItemContainer .SearchResultLink,
.SystemWideSearchController .SearchResultItemContainer .SearchResultLink,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .SearchResultLink {
display: inline-block;
padding-right: 10px;
margin: 5px 10px 0 0;
}
.SystemWideSearchDirective .SearchResultItemContainer .WorkSegmentContext,
.SystemWideSearchController .SearchResultItemContainer .WorkSegmentContext,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .WorkSegmentContext {
min-height: 100px;
text-align: left;
padding: 14px 0 0;
}
.SystemWideSearchDirective .ui-autocomplete-category,
.SystemWideSearchController .ui-autocomplete-category,
.SystemWideSearchGroupsContainer .ui-autocomplete-category {
background-color: #d6e9f6!important;
font-size: 1.2rem;
padding: 10px!important;
}
.TutorialContainer {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
text-align: center;
}
.TutorialContainer .TutorialStepContainer {
background-color: #fff;
border: 1px solid #E2E2E2;
display: none;
text-align: left;
padding: 10px;
}
.TutorialContainer .TutorialStepContainer .ButtonsContainer {
white-space: nowrap;
text-align: right;
border-top: 1px solid #E2E2E2;
padding-top: 5px;
}
.TutorialContainer .TutorialStepContainer .ButtonsContainer .Link {
display: inline-block;
line-height: 20px;
margin: 0 5px;
}
.TutorialContainer .TutorialStepContainer .Close {
float: right;
cursor: pointer;
}
.TutorialContainer .TutorialStepContainer .Content {
max-width: 300px;
margin: 10px 0;
}
.TutorialContainer .TutorialStepContainer .SuppressTutorialLink {
float: left;
color: #484C45;
}
.TutorialContainer .TutorialStepContainer .Title {
font-weight: 700;
white-space: nowrap;
}
.TutorialContainer .TutorialButton {
cursor: pointer;
display: inline-block;
background-color: #3896D2;
border: 3px solid #3896D2;
height: 20px;
width: 20px;
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px -180px;
border-radius: 15px;
-webkit-border-radius: 15px;
-webkit-background-clip: border-box;
-moz-background-clip: border;
background-clip: border-box;
margin: 5px 0 0;
}
.DailySchedule .DailyRefresh {
vertical-align: top;
margin-top: 10px;
}
.DailyScheduleContainer {
min-width: 920px;
}
.DailyScheduleContainer .DailyScheduleLimit {
color: #E2E2E2;
font-weight: 700;
text-align: left;
padding: 0 0 10px 10px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision {
display: inline-block;
text-align: center;
min-width: 35px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision .DivisionTime {
border-left: 1px solid #D3D3D3;
border-top: 1px solid #D3D3D3;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision .DivisionShifts {
border-left: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
border-top: 1px solid #D3D3D3;
height: 17px;
line-height: 17px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision .DivisionBody {
border-left: 1px solid #D3D3D3;
border-bottom: 1px solid #D3D3D3;
min-height: 44px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup {
position: absolute;
width: 100%;
text-align: left;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup.Even {
background-color: rgba(100, 100, 100, 0.1);
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup.GroupHeader {
border-top: 4px solid #CDCCCC;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup.GroupHeader .DailyScheduleItem {
border-top-width: 1px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem {
background-color: #F9F9F9;
border: 1px solid #D3D3D3;
border-top-width: 5px;
color: #4D4D4D;
cursor: pointer;
height: 22px;
line-height: 22px;
overflow: hidden;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem.DailyScheduleGroupHeader {
height: 30px;
background-color: #484C45;
color: #fff;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem.DailyScheduleGroupHeader.Selected {
background: #41BB9B none!important;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem.DailyScheduleGroupHeader .Label {
vertical-align: -13px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem.DailyScheduleGroupHeader .PastArrow,
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem.DailyScheduleGroupHeader .FutureArrow {
vertical-align: -3px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem span.CollapseStateBG {
vertical-align: -3px;
font-size: 1.1rem;
margin-left: 5px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem .Label {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 2px 5px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem .PastArrow,
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem .FutureArrow {
font-weight: 700;
vertical-align: top;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem .PastArrow {
padding-left: 3px;
padding-right: 5px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem .FutureArrow {
padding-left: 5px;
position: absolute;
padding-right: 3px;
right: 2px;
}
.AddScheduleTemplateModalContainer .WizardContent .TemplateTypeContainer label {
line-height: 35px;
display: inline-block;
}
.DailyOverallScheduleOptions .Content {
width: 575px;
height: 350px;
}
.DailyOverallScheduleOptions .Content .ResetColors {
float: right;
margin-top: 15px;
}
.EditStaffingAssignment .Content {
width: 700px;
max-height: 450px;
}
.FilterMasterShift .PositionCodes {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 350px;
white-space: nowrap!important;
overflow: hidden!important;
}
.PublishMasterSchedule .GridContainer.HasPages {
height: 230px;
}
.SendOffersModalContainer .SelectSequenceContainer .FilterContainer {
text-align: right;
padding: 0 10px 10px 0;
}
.SendOffersModalContainer .SelectSequenceContainer .GridContainer.HasPaging {
height: 190px;
}
.StaffingAssignments .Content {
height: 500px;
}
.StaffingAssignments .Content .CoverageInformation {
padding: 5px 5px 5px 0;
}
.StaffingAssignments .Content .CoverageInformation .CoverageDescription {
font-weight: 700;
text-align: center;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
margin: auto;
padding: 5px;
}
.CopyScheduleDateRanges .DateRangesContainer .PeriodSelector {
padding-top: 3px;
padding-bottom: 3px;
}
.ManageMasterScheduleContainer .PeriodNavigationContainer {
margin-right: 10px;
padding-right: 20px;
border-right: 1px solid #E2E2E2;
}
.ManageMasterScheduleContainer .ViewOptionContainer {
vertical-align: top;
display: inline-block;
text-align: left;
}
.ManageMasterScheduleContainer .MasterShiftLegend .Text {
line-height: 15px;
font-size: 1.2rem;
}
.ModifyScheduleSegment .ModifyScheduleSegmentInstructions {
font-size: 1.2rem;
padding: 10px;
}
.StaffingRequirements .DailyView .ToggleContainer {
text-align: right;
padding: 10px 0;
}
.StaffingRequirements .DetailView .DetailCaption {
color: #E2E2E2;
font-weight: 700;
text-align: left;
clear: both;
padding: 0 0 10px 10px;
}
.StaffingRequirements .DetailView .GroupContainer .NoRecords {
font-style: italic;
text-align: center;
}
.StaffingRequirements .DetailView .GroupContainer .PagingControl {
min-height: 20px;
}
.StaffingRequirements .DetailView .GroupContainer .Group {
cursor: pointer;
clear: both;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #D3D3D3;
border-bottom-width: 6px;
border-radius: 3px;
text-align: left;
vertical-align: top;
background-color: #fff;
margin: 15px 0;
padding: 10px;
}
.StaffingRequirements .DetailView .GroupContainer .Group.Selected {
border-color: #41BB9B;
}
.StaffingRequirements .DetailView .GroupContainer .Group .GroupHeader .CollapseStateBG {
color: #41BB9B;
cursor: pointer;
display: inline-block;
font-size: 1.9rem;
font-weight: 700;
line-height: 15px;
width: 13px;
}
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable th {
color: #CDCCCC;
border-bottom: 1px solid #CDCCCC;
}
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable caption {
color: #CDCCCC;
text-align: right;
}
.WeeklyOverallSchedule .WeeklyOverallScheduleTitle {
color: #3896D2;
font-size: 1.4rem;
margin-right: 40px;
}
.WeeklyOverallSchedule .ScheduleWeeks td.WeekHeader {
padding-top: 10px;
border-top: 1px solid #CBCBCB;
}
.ScheduleItemTooltip div {
overflow: hidden;
text-overflow: clip;
white-space: pre-wrap;
}
.ScheduleItemTooltip div.Name {
font-weight: 700;
font-size: 1.1rem;
padding-bottom: 2px;
}
.SelectDefaultEmployee .GridContainer {
height: 295px;
}
.SelectOfferableEmployeesContainer .FilterContainer .SearchContainerForm {
display: inline-block;
vertical-align: top;
margin: 0 0 15px 15px;
padding: 0;
}
to,
.ui-datepicker .ui-datepicker-calendar td span.ui-state-default {
color: #CDCCCC;
background-color: transparent;
}
33%,
.grid tbody tr:nth-child(even),
.ExportPreview .PreviewBody .ExportField,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid caption,
.Modal .ProgressBarContainer,
.Widget .WidgetTable.DoubleRowItem .Alternate {
background-color: #CBCBCB;
}
66%,
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .CoverageInformation.Moderate,
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .StatusIconContainer.InProcess,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .CoverageInformation.Moderate .CoverageDescription,
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekOptionsContainer .CoverageIndicator.Moderate,
.Widget .WidgetHeader .BtnContentHelp.ExceedsDashboardDateRange,
.Widget .WidgetHeader.Important .PopupButton,
.StaffingAssignments .Content .CoverageInformation.Moderate .CoverageDescription,
.StaffingRequirements .DetailView .CoverageInformation.Moderate {
background-color: #F3CB27;
}
input[type=button],
input[type=submit],
input[type=button]:hover,
input[type=submit]:hover {
font-family: Lato, sans-serif!important;
}
.BtnAction:active,
.BtnAction:hover,
.BtnAction:focus,
nav.Menu.MenuBtnAction ul li.menuRoot .slide,
nav.Menu.MenuBtnAction ul li.menuRoot:active,
nav.Menu.MenuBtnAction ul li.menuRoot:hover,
nav.Menu.MenuBtnAction ul li.menuRoot:focus,
.PopupButton.PopupBtnAction:active,
.PopupButton.PopupBtnAction:hover,
.PopupButton.PopupBtnAction:focus {
background-color: #246f9f;
}
.BtnExit[disabled],
.ExportPreview .SectionLabel {
color: #667F6D;
}
.BtnExit[disabled]:hover,
nav.Menu[disabled] ul li.menuRoot:hover,
.PopupButton[disabled]:hover {
cursor: not-allowed;
}
.BtnContentHelp::after,
.BtnMaxCapHelp::after,
.Modal.Alert .Content .Confirmation::after,
.Modal.Confirmation .Content .Confirmation::after {
content: '?';
}
.BtnSingleSort,
nav.Menu ul li.menuRoot,
nav.Menu.MenuBtnFeature,
nav.Menu.MenuBtnAction,
nav.Menu.MenuBtnGreen,
.PeriodSelector .PeriodSelectorSelect,
.AccrualLedger .AccrualLedgerNavigationContainer,
.EmployeeStatusChangeCostCode .OutTrackFieldsContainer,
.EmployeeStatusChangeCostCode .InTrackFieldsContainer,
.EmployeeStatusChangeJobCode .OutTrackFieldsContainer,
.EmployeeStatusChangeJobCode .InTrackFieldsContainer,
.FileUploader,
.FindSearchContainer,
.InLineBlock,
.CostCodeTree ul li.CostCodeTreeItem .Level1,
.CostCodeTree ul li.CostCodeTreeItem .Level2,
.CostCodeTree ul li.CostCodeTreeItem .Level3,
.CostCodeTree ul li.CostCodeTreeItem .Level4,
.CostCodeTree ul li.CostCodeTreeItem .Level5,
.DatePickerCalendar,
.FilterStatusControl,
.HeaderMenuContainer .RootMenuContainer ul li,
.HeaderMenuContainer .SubMenuContainer ul li,
.HeaderMenuContainer .LeafMenuContainer ul li,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionButtonContainer input:first-child,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionButtonContainer .Menu:first-child,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionButtonContainer .PopupButton:first-child,
.LogOnBodyContainer,
.AuditLogChange .Content .HeaderValuesContainer .HeaderValuesTable,
.Modal .WizardFooter .ContentContainer .InfoContainer,
.Dashboard .FilterStatusControl,
.GlobalModFeatureContainer .GlobalModSelectJobCodes .ButtonContainer .FilterContainer,
.ManageTimesheet .AutoFillMenuContainer,
.AddSubRequirement .AutoFillMenuContainer,
.AddEditSplitSegmentConfiguration .Day,
.ConfigureEmployeeJobCodeContainer .RateContainer *,
.AddGroupSegment .WizardContent .RepeatContainer,
.AttendanceMonitor .FeatureContentContainer .FeatureContentButtonContainer .AttendanceMonitorSearchContainer,
.AuditLog .FeatureContentContainer .FeatureContentButtonContainer .LogSearchContainer,
.CloseWeekFeature .CurrentCloseWeekRecord .BtnCancel,
.ExportFeatureContainer .FeatureButtonMenuContainer,
.ExportFeatureContainer .FeatureContentButtonContainer .PeriodSelectorContainer,
.ImportFeatureContainer .ImportFixedLength .FixedLengthDivider .FixedLengthDividerLinesContainer .FixedLengthLine,
.ManageCostCodeGroupFeatureContainer .FeatureOptionInfoContainer,
.ManageHolidays .HolidayInfoContainer,
.ManageHours .ShowAbsentCheckboxContainer,
.ManageHours .FeatureButtonMenuContainer,
.ManageRequests .ApplyFilterButtonContainer,
.PeriodExport .ExportFormatInformationContainer,
.PeriodExport .SettingsFieldsetContainer:last-of-type .DottedVerticalSeparator.VisibleSeparator,
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem span {
display: inline-block;
}
.BtnFeature:active,
.BtnFeature:hover,
.BtnFeature:focus,
.BtnSingleSort:active,
.BtnSingleSort:hover,
.BtnSingleSort:focus,
.BtnFeatureHelp:active,
.BtnFeatureHelp:hover,
.BtnFeatureHelp:focus,
label.FileInputLabel:active,
label.FileInputLabel:hover,
label.FileInputLabel:focus,
nav.Menu.MenuFeatureOption ul li.menuRoot .slide,
nav.Menu.MenuBtnFeature ul li.menuRoot:active,
nav.Menu.MenuBtnFeature ul li.menuRoot:hover,
nav.Menu.MenuBtnFeature ul li.menuRoot:focus,
nav.Menu.ModalHeaderMenu .menuRoot:hover,
.PeriodSelector .RefreshPeriodButton.Pristine:active,
.PeriodSelector .RefreshPeriodButton.Pristine:hover,
.PeriodSelector .RefreshPeriodButton.Pristine:focus,
.PopupButton.PopupBtnFeature:active,
.PopupButton.PopupBtnFeature:hover,
.PopupButton.PopupBtnFeature:focus,
.SearchContainer .BtnSearch:active,
.SearchContainer .BtnSearch:hover,
.SearchContainer .BtnSearch:focus,
.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-today a,
.HeaderMenuContainer .SubMenuContainer {
background-color: #CBCBCB;
}
.BtnGreen:active,
.BtnGreen:hover,
.BtnGreen:focus,
nav.Menu.MenuFeatureOption ul li.menuRoot.Selected:active,
nav.Menu.MenuFeatureOption ul li.menuRoot.Selected:hover,
nav.Menu.MenuFeatureOption ul li.menuRoot.Selected:focus,
nav.Menu.MenuBtnGreen ul li.menuRoot:active,
nav.Menu.MenuBtnGreen ul li.menuRoot:hover,
nav.Menu.MenuBtnGreen ul li.menuRoot:focus,
.PopupButton.PopupBtnGreen:active,
.PopupButton.PopupBtnGreen:hover,
.PopupButton.PopupBtnGreen:focus {
background-color: #318e75;
}
.CostCodeFilter .Content.ModalContent .Label,
.RateInput,
.ImportFeatureContainer .ImportUpload .RecordsToSkip input,
.AddCostCodeGroupRuleModal .Label {
width: 60px;
}
.CostCodeFilter .Content.ModalContent span.Label,
.AddCostCodeGroupRuleModal span.Label {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-right: 5px;
text-align: right;
}
.CustomControlInput,
.VerticalAlignTop,
.CostCodeTree ul li.CostCodeTreeItem,
.FieldSelectorContainer .FieldSelector .FieldsCell,
.LayoutWrapper .LayoutHeader,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureContent,
.AddEditEmployeeRequest .RequestTable .RequestTemplatesContainer,
.AuditLogChange .Content .AuditLogChangeLayoutTable .AuditLogSummaryContainer,
.AuditLogChange .Content .AuditLogChangeLayoutTable .ComparisonValueContainer,
.RosterShiftDetailContainer .RosterInformationContainer td,
.Dashboard,
.Dashboard .DashboardButton .Icon,
.Dashboard .DashboardColumnTable td,
.ManageTimesheet .ManageTimesheetOptions td,
.AddSubRequirement .ManageTimesheetOptions td,
.RosterContainer .FeatureOptionButtonContainer .BtnFeature,
.AddEditAccrualLedgerRecord .TextValueTable .NoteLabel,
.AddEditAccrualLedgerRecord .TextValueTable .NoteLabel,
.RateAdjustment .Content .LayoutTable td,
.AuditLogApproval .Content .ExceptionTypesContainer .ExceptionTypeColumn,
.ImportFeatureContainer .ImportFixedLength .ImportFixedLengthLayoutTable td,
.ManageBranch .WizardContent .CopyBranchTable tr td,
.PeriodExportSaveTemplate .TextValueTable .TemplateCheckboxSettings td,
.StaffingRequirements .StaffingAssignmentHeader {
vertical-align: top;
}
body:not(.Touch) .Modal .EmployeeFilterModal .Content,
.SettingsFieldsetContainer.SuppressMargin fieldset,
.PageHeaderContainer .HeaderOptions .ComposeEmployeeMessage .ButtonContent .Icon,
.Widget .WidgetTable td .TcpCheckbox,
.Widget .WidgetTable th .TcpCheckbox,
.ManageEmployeeNoteContent .NoteInformationTable td input,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable td .TcpCheckbox,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable th .TcpCheckbox {
margin: 0;
}
.Modal .EmployeeFilterModal .HeaderOptionContainer,
.Widget .WidgetSearchContainer {
margin-bottom: 10px;
text-align: right;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer,
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .GridsContainer,
.AddEditWorkSegmentNote .NoteInformation .TextValueTable,
.FullWidth,
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid,
.LaborCostDay .DayContainer .DaySummary .TextValueTable,
.LaborCostWeek .WeekTable,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer,
.AddEditEmployeeRequest .RequestTable,
.AuditLogChange .Content .AuditLogChangeLayoutTable .ComparisonValueContainer,
.RosterShiftDetailContainer .RosterInformationContainer,
.GlobalModFeatureContainer .TextValueTable td.Value select,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeLevelsContainer,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeLevelsContainer,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .JobCodeValueContainer,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeValueContainer,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .JobCodeValueContainer,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .CostCodeValueContainer,
.ReportFooter .ReportFooterTable,
.Widget .WidgetTable,
.AddEditAccrualLedgerRecord .TextValueTable,
.AddEditAccrualLedgerRecord .TextValueTable,
.AddEmployeeModalContainer .WizardContent .TextValueTable,
.Accruals .AssignAccrualRules,
.Accruals .AssignUsageJobCodes,
.Accruals .AssignCountedJobCodes,
.AddAccrualBank .WizardContent .TextValueTable,
.AddAccrualRule .WizardContent .TextValueTable,
.AddEmployeeInformation .TextValueTable,
.CloseWeekFeature .ProgressIndicatorTable,
.CloseWeekFeature .CurrentCloseWeekRecord,
.ImportFeatureContainer .ImportFixedLength .ImportFixedLengthLayoutTable,
.ManageJobCode .BreaksTab .BreaksCollapsibleContainer .BreakTypeContainer .BreakTypeTitleTable,
.ManageUser .Collapsible .Body .AccessTab,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable {
width: 100%;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer .NavigationMenu ul li .MenuRootLink,
.grid.Selectable tr td,
.grid.Sortable thead th,
.grid tbody tr td .SmallUnassignIcon,
.grid tbody tr td .SmallConfigureIcon,
.grid tbody tr td .SmallEditIcon,
.grid tbody tr td .SmallDeleteIcon,
.grid tbody tr td .SmallAddIcon,
.grid tbody tr td .SmallComposeMessageIcon,
.AccrualInformation .SmallDetailIcon,
.Calendar table.CalendarTable tbody tr.Week td .Day.CanSelectDays,
span.SmallDownArrow,
span.SmallUpArrow,
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader.HasDebugInfo,
.Widget .WidgetTable td .SmallDeleteIcon,
.Widget .WidgetTable th .SmallDeleteIcon,
.WorkSegmentGrid .SmallApproveManagerIcon,
.WorkSegmentGrid .SmallApproveEmployeeIcon,
.WorkSegmentGrid .SmallApproveOtherIcon,
.WorkSegmentGrid .SmallBreakToggleHeaderIcon,
.WorkSegmentGrid .SmallNoBreakIcon,
.WorkSegmentGrid .SmallDetailIcon,
.WorkSegmentGrid .SmallDetailActiveIcon,
.AddEmployeeModalContainer .WizardContent .SmallUnassignIcon,
.EditNotificationMessage .EditNotificationMessageContainer .GridContainer .grid td,
.OfferAuditLogMenu .MenuItemContainer .MenuItem,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable td .SmallDeleteIcon,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable th .SmallDeleteIcon {
cursor: pointer;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .Department .GridContainer,
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .Manager .GridContainer,
.SendSubNotification .WizardContent .GridContainer.HasPaging,
.StaffingAssignments .Content .GridContainer {
height: 225px;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .SearchContainer,
.grid caption .Help,
.FilterJobCode .Content .FindSearchContainer,
.Modal.ProgressIndicatorModal .Elapsed,
.FloatRight,
.LaborCostDay .DayContainer .DayHeader .Percentage,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListSortContainer .SortPopupButton .slide .BtnAction,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListSortContainer .FilterPopupButton .slide .BtnAction,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListFilterContainer .SortPopupButton .slide .BtnAction,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListFilterContainer .FilterPopupButton .slide .BtnAction,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton .slide .BtnAction,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionButtonContainer,
.RosterEditShiftContainer .HelpContainer,
.CollapsibleLinkPosition,
.GlobalModFeatureContainer .ValidateContract,
.ShiftCalendar .ToggleCollapsibleStateLinkContainer,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentTypeHoursContainer .SegmentHours,
.DisplayWeekendContainer,
.AddCustomField .WizardContent .TestButtonContainer input,
.AddGroupSegment .WizardContent .Summary .ButtonContainer,
.SelectExportFieldsContainer .Content .SearchContainer,
.CompanySetup .WizardFooter .ButtonContainer,
.ContractTemplates .ContractHoursUpdateButtons,
.ManageCustomFields .SetDefaultButtonContainer,
.AddCustomField .SetDefaultButtonContainer,
.ManageCostCodeTree .ToggleCollapsibleStateLinkContainer,
.ManageHours .PeriodInfoContainer .ShowAbsentCheckboxContainer,
.PermissionsTree .PermissionsTreeInformationContainer .LegendContainer.LargeIcons,
.ManageMasterScheduleContainer .SpecificShiftsContainer .GridSearchContainer {
float: right;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .GridsContainer .ButtonsContainer,
.TcpSortPopupButton .SortPopupButtonFilterButtonContainer,
.BreakTextBoxes,
.PeriodNavigationContainer .PeriodNavigationButton .PeriodNavigationLabel,
.FieldSelectorContainer .FieldSelector .SelectionControlCell .SelectionControlContainer,
.LayoutWrapper .LayoutHeader .LogOnHeaderContainer,
.LogOnHeader,
.AddEditFMLACase .InformationTable td.Title,
.AuditLogChange .Content .GridContainer.ComparisonValueGridContainer #AuditLogChangeGrid .ComparisonValue,
.CopySegmentContainer .Content,
.EditSubStaffingSegmentNotes .Content,
.ViewCompanyLocation .org,
.ViewCompanyLocation .ListItemsContainer,
.AutoLogOnContainer,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer,
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .StatusContainer,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .StatusContainer,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .StatusContainer,
.ReportFooter .SummaryContainer .PreviewCenter,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer,
.SegmentPhoto .ModalContent,
.WorkspaceSelectorContainer,
.AddScheduleTemplateModalContainer .WizardContent .ManageScheduleSegmentContainer {
text-align: center;
}
.Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .EmployeeFilterContent .OptionControl div,
.ReportSettings input[checkbox] {
margin: 6px 0;
}
.Modal .EmployeeFilterModal .Footer .EmployeeFilterSubsetContainer,
.FloatLeft,
.HeaderMenuContainer .SubMenuContainer ul,
.HeaderMenuContainer .LeafMenuContainer ul,
.Modal .Footer .BtnFeature,
.Modal .Footer .MenuBtnFeature,
.Modal .Footer .PopupBtnFeature,
.Modal .WizardFooter .ButtonContainer .BtnFeature,
.Modal .WizardFooter .ButtonContainer .MenuBtnFeature,
.Modal .WizardFooter .ButtonContainer .PopupBtnFeature,
.Dashboard .NameInput,
.CompanySetup .WizardFooter .ContentContainer {
float: left;
}
.EmployeeFilterPreviewModal .Content.ModalContent,
.DigitalOutReport .Content,
.Modal .Content.MaxHeight {
height: 440px;
}
.grid caption .EntityCount,
.PreviewCostCodeGroupModal .GridContainer .grid {
margin-right: 30px;
}
.grid thead tr th.Disable-Sort,
.grid tbody tr th.Disable-Sort,
#CalculatorSlide .Buttons span[disabled],
.CostCodeTree ul li.CostCodeTreeItem .Item span.NotSelectable,
.TreeNode .TreeNodeLabel {
cursor: default;
}
.grid thead tr th:not(:last-child),
.grid tbody tr th:not(:last-child),
.grid tbody tr td:not(:last-child),
nav.Menu.ModalHeaderMenu .menuRoot,
.GlobalModFeatureContainer .GlobalModSelectType .SelectTypeContentGrid .Tabs,
.GlobalModFeatureContainer .GlobalModSelectType .SelectTypeContentGrid .Sections,
.Report .ReportContentContainer .SelectedCategoryContainer,
.Report .ReportContentContainer .SelectedCategoryReportContainer,
.ValidateContract .Content .grid tr.LastRecord td:not(:last-child),
.ImportFeatureContainer .SelectType .SelectTypeContentGrid .Tabs:not(:last-of-type),
.SystemWideSearchDirective .SearchResultItemContainer .SearchResultLink:not(:last-child),
.SystemWideSearchController .SearchResultItemContainer .SearchResultLink:not(:last-child),
.SystemWideSearchGroupsContainer .SearchResultItemContainer .SearchResultLink:not(:last-child) {
border-right: 1px solid #E2E2E2;
}
.grid tbody tr,
.ManageScheduleContainer,
.ManageMasterScheduleContainer {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.grid tbody tr.Inactive,
.PaginatorContainer .PageCount,
.CostCodeTree ul li.CostCodeTreeItem .Item span.Inactive {
color: #999;
}
.grid tbody tr.IsEndOfWeek td,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer.LastSegmentInShift {
border-bottom: 3px solid #996E5C;
color: black;
}
.grid tbody tr .PrimaryColumn,
.Calendar table.CalendarTable tbody tr.Week td .Day.IsToday .Date,
.Heading,
.HighlightedValue,
.PeriodSummaryContainer tr.SummaryTitle,
.CostCodeTree ul li.CostCodeTreeItem .Item span.Editable,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .SubTitle .Value,
.LogOnFeatureContent .ApplicationLinks .ApplicationLinkContainer .ApplicationTitle,
.PageHeaderContainer .WeekInfo .WeekValue,
.ManageEmployeeNoteContent .NoteInformationTable td.Label,
.CompanySettings .SegmentApprovals .SegmentApprovalsTitle,
.CustomFieldsContainer .SelectTitle,
.ManageUserFeatureOptionInfoContainer .Value,
.SystemWideSearchDirective .SearchResultItemContainer .SearchResultItem .ItemValue,
.SystemWideSearchController .SearchResultItemContainer .SearchResultItem .ItemValue,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .SearchResultItem .ItemValue {
font-weight: 700;
}
.grid tbody tr td.GroupHeaderCell .CollapseStateBG.EmptyGroup,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupHeader .CollapseStateBG.EmptyGroup {
background-color: transparent;
color: transparent;
}
.grid tbody tr td.GroupHeaderCell.Selected,
.grid.Selectable tbody tr.Selected td {
background-color: #d6e9f6;
border-color: #d6e9f6;
}
.grid tr td,
.grid tr th,
nav.Menu.MenuBtnAction ul li.menuRoot .slide li,
.EmployeeStatus .FeatureContent,
.BreakTextBoxes .BreakSettingsTable td,
.TextValueTable td.LabelLeft,
.EditSubStaffingSegmentNotes .Content .HelpInformation,
.ManageScheduleContainer .RecurringSchedulesContainer,
.Report .ReportContentContainer .SelectedReportSettingsContainer div .menuRoot .MenuItem,
.ReportFooter .SummaryContainer .PreviewLeft,
.ConfigureEmployeeAutomaticBreak .EmployeeAutomaticBreakSettings,
.ManageShiftSchedules .ShiftScheduleSettings,
.AuditLog .LogEntriesContainer,
.ContractTemplates .JobCodeSettings,
.ImportFeatureContainer .ImportFixedLength,
.ImportFeatureContainer .SelectType .SelectTypeContentGrid .Tabs .EnableCheckbox,
.ManageClockConfiguration .AccessTab,
.ManageCostCodeTree .FeatureContent,
.ManageCostCodeList .GridContainer,
.ManageCostCodeList .SearchCostCodesContainer,
.ManageJobCode .BreaksTab .BreaksCollapsibleContainer .BreakTypeContainer .BreakTypeTitleTable .BreakTypeTitle,
.DeactivateJobCodeModal .OptionsContainer div,
.ManageUser .PermissionsFieldset,
.ManageUserRoleGeneral,
.DailySchedule,
.StaffingRequirements .StaffingRequirementContent,
.StaffingRequirements .DetailView,
.StaffingRequirements .ShiftButtonContainer {
text-align: left;
}
.grid tr td input[type=checkbox],
.grid tr td input[type=radio],
.grid tr th input[type=checkbox],
.grid tr th input[type=radio],
.PopupButton ul.ListItemsContainer {
margin: 0;
padding: 0;
}
.grid tr td.NonText,
.grid tr td.SelectionInputContainer,
.grid tr td.AllSelectionInputContainer,
.grid tr th.NonText,
.grid tr th.SelectionInputContainer,
.grid tr th.AllSelectionInputContainer,
.Widget .WidgetTable th.NonText,
.Widget .WidgetTable td.NonText,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable th.NonText,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable td.NonText {
text-align: center;
width: 1px;
}
.SmallFavoriteIcon.White,
.Widget .WidgetHeader .WidgetIcon.Links {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -80px -180px;
}
.MediumEmployeePhotoIcon img,
.EmployeePhotoContainer img {
height: 75px;
width: 75px;
}
.LargeAdminIcon,
.LargeManagerIcon,
.LargeTerminalsIcon {
height: 50px;
width: 50px;
display: inline-block;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 7px -114px;
}
input[disabled],
.ManageTimesheet .WeekContainer .DayContainer.OutsideOfPeriodDay .DayHeaderContainer *,
.AddSubRequirement .WeekContainer .DayContainer.OutsideOfPeriodDay .DayHeaderContainer * {
color: #999!important;
}
input[type=text][disabled]:hover,
.SplitByPercentEmployeeSettings .PercentInputContainer .Last:hover {
border: 1px solid #E2E2E2;
}
label[for].Active,
input[type=checkbox]:focus+label,
input[type=radio]:focus+label {
color: #3896D2;
text-decoration: underline;
}
input[type=text]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=datetime]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
input[type=text]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=url]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=datetime]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=search]:-moz-placeholder,
textarea:-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=url]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=datetime]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=search]::-moz-placeholder,
textarea::-moz-placeholder,
.AddEditEmployeeRequest td.LeaveCode .SelectEmployeeBeforeLeaveCode {
font-style: italic;
}
input[type=text]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=datetime]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
.EditPasswordPolicyContainer .Content .SuggestedMinLength {
font-style: italic;
color: #E2E2E2;
}
input[type=text]:hover,
input[type=text]:focus,
input[type=number]:hover,
input[type=number]:focus,
input[type=password]:hover,
input[type=password]:focus,
input[type=email]:hover,
input[type=email]:focus,
input[type=url]:hover,
input[type=url]:focus,
input[type=tel]:hover,
input[type=tel]:focus,
input[type=date]:hover,
input[type=date]:focus,
input[type=datetime]:hover,
input[type=datetime]:focus,
input[type=time]:hover,
input[type=time]:focus,
input[type=search]:hover,
input[type=search]:focus,
textarea:hover,
textarea:focus,
select:hover,
select:focus {
border: 1px solid #3896D2;
}
input[type=text]:not(.ng-pristine).ng-invalid,
input[type=number]:not(.ng-pristine).ng-invalid,
input[type=password]:not(.ng-pristine).ng-invalid,
input[type=email]:not(.ng-pristine).ng-invalid,
input[type=url]:not(.ng-pristine).ng-invalid,
input[type=tel]:not(.ng-pristine).ng-invalid,
input[type=date]:not(.ng-pristine).ng-invalid,
input[type=datetime]:not(.ng-pristine).ng-invalid,
input[type=time]:not(.ng-pristine).ng-invalid,
input[type=search]:not(.ng-pristine).ng-invalid,
textarea:not(.ng-pristine).ng-invalid,
input[type=text].ng-invalid-required,
input[type=number].ng-invalid-required,
input[type=password].ng-invalid-required,
input[type=email].ng-invalid-required,
input[type=url].ng-invalid-required,
input[type=tel].ng-invalid-required,
input[type=date].ng-invalid-required,
input[type=datetime].ng-invalid-required,
input[type=time].ng-invalid-required,
input[type=search].ng-invalid-required,
textarea.ng-invalid-required,
.JobCodeSearchDropdown.ng-invalid input,
input[type=text].DatePickerInput.ng-invalid,
.EditSegmentTable #selCostCodeSearch.ng-invalid,
input[type=text].TimePickerInput.ng-invalid,
.HighlightTutorial {
border: 1px solid #F2765F;
}
label+input,
#CalculatorSlide .Header .SubTitle,
.PhoneExtensionContainer label,
.TcpHourMinuteLabelSuffix,
.ManageEmployeeRequestTemplate .TcpCheckbox.OverrideOption,
.WorkweekFinalizer .IncludeLeaveInput {
margin-left: 5px;
}
select option[value='?'],
.WidgetChart angular-chart svg .c3-axis.c3-axis-y g.tick line[x2],
.WidgetChart angular-chart svg .c3-axis.c3-axis-y path.domain,
.SearchContainer .SearchInput::-ms-clear,
.Collapsible.Closed .Body,
#HiddenWhenCSSLoaded,
.PeriodNavigationContainer .DatePickerInput,
.SettingsFieldsetContainer:last-of-type .DottedVerticalSeparator,
.CostCodeSelector input.DropdownInput::-ms-clear,
.CostCodeNavSelector input.DropdownInput::-ms-clear,
.CostCodeSearch input.DropdownInput::-ms-clear,
#ui-datepicker-div span.ui-datepicker-year,
.ui-helper-hidden-accessible,
.LogOnFeatureContent .LogOnFormContainer .LogOnForm .CustomControlLabel,
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekOptionsContainer .CoverageIndicator.None,
.TreeNode ~ ul,
.ManageScheduleContainer .Content .ScheduleWeeksContainer .grid,
.ManageScheduleContainer .Content .ScheduleWeeksContainer .WeekHeaderRow,
.ContractTemplates .ContractHoursControlsContainer,
.StaffingRequirements .DailyView .DailySchedule .ManageMenu {
display: none;
}
.HideVirtualKeyboard .ui-keyboard,
.NotSupported,
.Modal .AddEditReportAutomation .FooterIconContainer,
.Modal .ConfigureNotificationTaskProcessing .FooterIconContainer {
display: none!important;
}
nav.Menu ul li.menuRoot.HasMenus,
.HeaderMenuContainer .SubMenuContainer ul.SubMenuItems li .SubMenuItem.HasMenus {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: right -242px;
}
nav.Menu ul li .slide ul li .Separator,
.SystemWideSearchDirective .SearchResultItemContainer .Separator,
.SystemWideSearchController .SearchResultItemContainer .Separator,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .Separator {
display: block;
padding-top: 3px;
margin-bottom: 3px;
border-bottom: 1px solid #E2E2E2;
}
nav.Menu ul li .slide ul li a:hover:not(.Separator),
nav.Menu ul li .slide ul li span:hover:not(.Separator),
.FilterJobCode .Footer .PopupButton.LoadTemplates .slide .MenuItemContainer span:hover {
background-color: rgba(0, 0, 0, 0.1);
}
nav.Menu[disabled] ul li.menuRoot,
.PopupButton[disabled] {
-moz-box-shadow: 0 0 0 0 transparent!important;
-webkit-box-shadow: 0 0 0 0 transparent!important;
box-shadow: 0 0 0 0 transparent!important;
background-color: #CBCBCB!important;
background-image: none;
}
nav.Menu[disabled] ul li.menuRoot *,
.PopupButton[disabled] * {
color: #667F6D!important;
}
nav.Menu.MenuFeatureOption ul li.menuRoot.Selected .slide,
.DailyScheduleContainer .DailyScheduleField .DailyScheduleGroup .DailyScheduleItem.Selected {
background-color: #41BB9B;
color: #fff;
}
nav.Menu.MenuFeatureOption ul li.menuRoot.Selected .MenuRootLink,
.PopupButton.PopupBtnAction .Text,
.PopupButton.PopupBtnGreen .Text {
color: #fff;
}
nav.Menu.MenuBtnFeature ul li.menuRoot,
.PeriodSelector .RefreshPeriodButton.Pristine {
background-color: #E8EAE8;
color: #484C45;
-moz-box-shadow: 0 2px 0 0 #ccc;
-webkit-box-shadow: 0 2px 0 0 #ccc;
box-shadow: 0 2px 0 0 #ccc;
}
nav.Menu.MenuBtnFeature ul li.menuRoot .slide,
.Widget .WidgetHeader .PopupButton .slide {
background-color: #edefed;
}
nav.Menu.MenuBtnGreen ul li.menuRoot .slide,
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .StatusIconContainer.Success,
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekOptionsContainer .CoverageIndicator.Full,
.Widget .WidgetHeader.Information .PopupButton,
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem.Completed:not([disabled]) .StatusCell.Indicator {
background-color: #41BB9B;
}
nav.Menu.ModalHeaderMenu a,
nav.Menu.ModalHeaderMenu span,
.Widget .WidgetHeader .TitleTextContainer input.WidgetTitle,
.Widget .WidgetHeader .TitleTextContainer input.WidgetSubTitle {
color: #4D4D4D;
}
nav.Menu.ModalHeaderMenu .menuRoot:last-child,
.ProgressIndicator .Indicator.Starting {
border-right: none;
}
nav.Menu.MaxHeight .slide .SlideContent,
.PopupButton.MaxHeight .slide .SlideContent {
overflow-x: hidden;
overflow-y: auto;
max-height: 250px;
}
.AddEditWorkSegmentNote .NoteInformation,
.SubmitFeedBack .FeedbackContainer,
.ConfirmDeleteAccrualBank .Content .ConfirmationOptionsContainer,
.ConfirmDeleteAccrualRule .Content .ConfirmationOptionsContainer,
.ConfirmDeleteLeaveGroup .Content .ConfirmationOptionsContainer,
.QuickSetupWizard .WizardContent .DataContainer,
.Content .EffectiveDatesContainer,
.ConfirmDeleteAccrualBank .Content .ConfirmationOptionsContainer,
.ConfirmDeleteAccrualRule .Content .ConfirmationOptionsContainer,
.AttendanceMonitor .SettingsContainer,
.StartWeek .DataContainer,
.DailySchedule .MenuContainer,
.AvailabilityFilter .Content .FilterSettings,
.CopyScheduleDateRanges .CopyTypeSettingsContainer,
.CopyScheduleDateRanges .JobCodeFilterContainer,
.CopyScheduleDateRanges .DateRangesContainer,
.ModifyScheduleSegment,
.StaffingRequirements .FilterDescription,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent {
padding: 10px;
}
.ComposeEmployeeMessage .Message,
.PayrollDetailReport .ShiftFlags .DottedVerticalSeparator,
.IndividualCostingDetailReport .ShiftFlags .DottedVerticalSeparator,
.ReportSettings.PayrollDetail .ShiftFlags .DottedVerticalSeparator,
.ReportSettings.MeasurementPeriodReport .DottedVerticalSeparator {
height: 100px;
}
.EmployeeMessageDetail .Message,
.ManageScheduleSegment.Compact .Content,
.AddEditJobAdjustment .Content .GridContainer {
height: 275px;
}
.FilterJobCode .Content,
.AuditLogChange .Content,
.Modal .Content.MaxSize {
height: 440px;
width: 900px;
}
.FilterJobCode .Content .GridContainer.Small,
.AddEditEmployeeRequest .Content {
height: 320px;
}
.ManageWorkSegmentNotes .Content,
.ExceptionListModal .Content,
.SplitSegmentModal .Content,
.Modal .Content.MaxWidth,
.Modal .WizardContent.MaxWidth,
.PreviewCostCodeGroupModal .Content,
.TestCostCodeGroupModal .Content {
width: 900px;
}
.ManageWorkSegmentNotes .Content .BtnGreen,
.ReportSettings .SettingsFieldsetContainer fieldset {
margin: 0 0 10px;
}
.Modal.ProgressIndicatorModal .ResultsTable td,
.ui-datepicker .ui-datepicker-calendar td {
padding: 1px;
}
.Modal.ProgressIndicatorModal .ResultsTable td:first-child,
.Modal.ProgressIndicatorModal .ResultsTable td:last-child,
.CompanySettings .HoursConstituteDay input[type=text] {
width: 40px;
}
.ViewEula .ModalContent,
.ReportSettings.CompletePayrollReport .Content,
.ReportSettings.PayrollDetailReport .Content,
.ReportSettings.IndividualCostingDetailReport .Content,
.ReportSettings.WeeklyScheduleReport .Content {
width: 900px;
height: 440px;
}
.c3-target.c3-focused,
.ImportFeatureContainer .FeatureContent .RejectThresholdSettings span[disabled] {
opacity: 1;
}
.c3-tooltip td.value,
.BreakTextBoxes .BreakSettingsTable td.BreakLengthLabel,
.Calendar table.CalendarTable tbody tr.Week td .Day .DayHeader,
.TextValueTable td.Label,
.LaborCostDay .DayButtonContainer,
.AuditLogChange .Content .AuditLogChangeLayoutTable .ShowHideMoreInfo,
.ManageScheduleSegment .ManageScheduleSegmentContainer .RepeatContainer,
.Modal .WizardFooter,
.ManageScheduleContainer .RightAlignContext,
.ManageTimesheet .WeekContainer .DayContainer .AddSegmentButtonContainer,
.AddSubRequirement .WeekContainer .DayContainer .AddSegmentButtonContainer,
.ReportFooter .SummaryContainer .PreviewRight,
.ScheduleCalendarDayContainer .AddSegmentButtonContainer,
.ConfigureEmployeeContract .ControlContainer,
.ManageMasterScheduleContainer .RightAlignContext,
.SelectOfferableEmployeesContainer .FilterContainer {
text-align: right;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max,
.c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #777;
}
.c3-tooltip .name,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentHeaderContainer .NavigationListSearchContainer {
padding-bottom: 5px;
white-space: nowrap;
}
.c3-tooltip .BottomLine,
.EmployeeStatus .FeatureContent .EmployeeFullNameContainer {
min-width: 100px;
}
.c3-tooltip td>span.colorblock,
.ConfigureEmployeeJobCodeContainer .SettingsSection fieldset:last-child {
margin-right: 0;
}
.PeriodSelector .PeriodSelectorDates,
.SearchContainer,
.LegendContainer ul li .Text {
display: inline-block;
white-space: nowrap;
}
.PeriodSelector .PeriodSelectorDates .PeriodSelectorToLabel,
.AddEditFMLACase .ToLabel,
.Report .ReportPeriodSelectorContainer .DateLabel {
display: inline-block;
padding: 5px;
}
.PopupButton .ButtonContent .Text,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListSortContainer,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .NavigationListFilterContainer,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .InfoFlyoutContainer .PopupButton .slide .FeatureOptionInfoContainer,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .TextValueTable,
.EmployeeRequestSubstituteCoverage .Content .SubInfoContainer,
.SystemWideSearchContainer.SystemWideSearchDirective {
display: inline-block;
vertical-align: top;
}
.PopupButton.PopupBtnFeature .Text,
.ImportFeatureContainer .ImportUpload .LoadButtonContainer .MenuRootLink {
color: #484C45;
}
.ProgressIndicator .Indicator.Complete,
.PeriodNavigationContainer .ui-datepicker-trigger,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .MasterShiftPreview {
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.SelectEmployees .FilterContainer,
.AddEditScheduledTaskRule .Content .DateRange,
.AddEditScheduledTaskRule .Content .DayInputs,
.AssignEmployeeRecurringScheduleContainer .PeriodStrip,
.ReportSettings.JobCodeSearch .ButtonContainer,
.GlobalModFeatureContainer .ConfigureRecurringSchedule .RecurringScheduleInformation .PeriodStrip,
.AssignContractJobCode .ButtonContainer,
.ContractTemplates .JobCodeSettings .ButtonContainer,
.ManageHours.GroupMode .AdjustYourSettings .Message {
padding: 10px 0;
}
.SubStatus,
#CalculatorSlide .Display .Overflow,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Denied .StatusTitle,
.DeniedText:not(.Empty),
.ErrorColor,
.LaborCostDay .OverThreshold,
.LaborCostWeek .OverThreshold,
.LaborCostDetail .OverThreshold,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .ConflictingSegment,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .ConflictingSegment,
.Widget .WidgetHeader .Total.ActionRequired,
.Widget .WidgetTable td.DenyColumn:hover,
.CloseWeekFeature .Description.Fail span,
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem .StatusCell.Body .Prerequisites .Required,
.StaffingAssignments .Content .Unassigned,
.StaffingRequirements .Unassigned {
color: #F2765F;
}
.SubStatus.SubFound,
.Widget .WidgetHeader .Total.Information,
.Widget .WidgetTable td.ApprovalColumn:hover,
.Widget .WidgetTable td.ApprovalColumn.ApprovalColumnGreen {
color: #41BB9B;
}
input.HourMinWidth,
.SplitSegmentModal .SplitInput,
.AddEditHolidayModal .Details .Monthly .DropdownInput {
width: 50px;
}
input.SsnWidth,
.CostCodeTree ul li.CostCodeTreeItem .Level4 {
width: 72px;
}
input.TelephoneWidth,
.AddEditFMLACase .InformationTable td:first-child,
.ManageScheduleSegment .ManageScheduleSegmentContainer .OptionsContainer .SegmentTypeDropdown,
.SplitSegmentModal .BreakTypeInput,
.DisplayOptions .FormatInput {
width: 100px;
}
.TcpRadio+.TcpRadioLabel,
.ImportFeatureContainer .FeatureContent .ImportContent label:not(.FileInputLabel) {
padding-left: 5px;
vertical-align: middle;
}
.AccrualLedger .AccrualLedgerPeriodSelector,
.CostCodeSelector .CostCodeDropdowns,
.CostCodeNavSelector .CostCodeDropdowns,
.CostCodeSearch .CostCodeDropdowns,
.EmployeeRequestSubstituteCoverage .Content .SubCoverageInfoColumn .NoSubFundInfo,
.AddCustomField .WizardContent .ButtonContainer,
.AssignEmployeeAccrualBank .ButtonContainer,
.TimeContainer,
.AssignUsageJobCode .ButtonContainer,
.AssignAccrualRule .ButtonContainer,
.AssignCountedJobCode .ButtonContainer,
.AutomaticBreakAssignJobCode .Content .ButtonContainer,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupHeader {
padding: 5px;
}
.AccrualLedger .NoteContainer,
.ManageCustomFields .GridContainer .ListOptionValue,
.AddCustomField .GridContainer .ListOptionValue {
white-space: normal;
}
.AccrualLedger .PeriodTotalsContainer,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .FeatureHeaderContainer .FeatureToolbarContainer {
display: inline-block;
vertical-align: top;
float: right;
}
.AccrualLedger .Expired,
.ui-autocomplete.ui-menu .ui-menu-item:nth-child(even),
.MultiSelectInput,
.AttendanceMonitor .WorkSegmentContainer .grid tbody tr.ShadeRow td:not(.GroupHeaderCell),
.ManageHolidays .Calendar table.CalendarTable tbody tr.Week td .Day,
.ManageHolidays .Calendar table.CalendarTable tbody tr.Week td .Day.Selected,
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision.First,
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision.Last {
background-color: #F9F9F9;
}
.SelectEmployeeMessageRecipients .Content .GridContainer.HasPaging,
.SelectOfferableEmployeesContainer .GridContainer {
max-height: 250px;
}
.EmployeeStatus .FeatureContentButtonContainer,
.ManageScheduleContainer .FeatureContentButtonContainer,
.RosterContainer .FeatureContentButtonContainer,
.AttendanceMonitor .FeatureContentContainer .FeatureContentButtonContainer,
.AuditLog .FeatureContentContainer .FeatureContentButtonContainer,
.ManageCostCodeTree .FeatureContentButtonContainer,
.ManageCostCodeList .FeatureContentButtonContainer,
.ManageHours .FeatureContentButtonContainer,
.ManageRequests .FeatureContentButtonContainer,
.ManageUnresolvedPunch .FeatureContentButtonContainer,
.PushNotificationStatus .FeatureContentButtonContainer,
.ManageMasterScheduleContainer .FeatureContentButtonContainer,
.WeeklyOverallSchedule .FeatureContentButtonContainer {
text-align: left!important;
}
.EmployeeStatus .FeatureContent .ModeToggle,
.ExceptionToolTip ul li .Icon,
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallUpArrow,
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallDownArrow,
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallEditIcon,
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallUnassignIcon,
.AssignEmployeeRecurringScheduleContainer .PeriodStrip label+input[type=checkbox],
.GlobalModFeatureContainer .ConfigureRecurringSchedule .RecurringScheduleInformation .PeriodStrip label+input[type=checkbox],
.GlobalModFeatureContainer .GlobalModBooleanOption .Select,
.ManageCustomFields .SetDefaultButtonContainer .Label,
.AddCustomField .SetDefaultButtonContainer .Label,
.AddEditHolidayModal .Details label,
.ManageUserFeatureOptionInfoContainer .Label,
.ModifyScheduleSegment .TextValueTable td .TcpCheckbox {
margin-right: 5px;
}
.EmployeeStatus .FeatureContent .CallNoteCell,
.MasterShifts .CostCodeContainer {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 300px;
white-space: nowrap!important;
overflow: hidden!important;
}
.EmployeeStatus .FeatureContent .CallNoteCell.ExceptionCell,
.ImportFeatureContainer .ImportFixedLength .ImportFixedLengthLayoutTable .grid td {
vertical-align: initial;
}
.EmployeeStatus .FeatureContent .TimeContainer,
.CustomFieldsContainer .OptionsContainer .NumberMinMaxInput {
width: 80px;
}
.EmployeeStatus .MenuFeatureOption li span.MenuRootLink br:after,
.Widget .WidgetHeader .Total.Important {
color: #F3CB27;
}
.Address .CityEdit input,
.CompanySettings .TextValueTable .AppendLdapIdTokenContainer .BtnFeature {
margin-left: 0;
}
.Address .ZipContainer label,
.ui-autocomplete.ui-menu .ui-menu-item .DropdownValue,
.AssignEmployeeRecurringScheduleContainer .RecurringScheduleInputContainer,
.ImportFeatureContainer .ImportUpload .SavedMappings,
.ManageRequests .FeatureContentButtonContainer .ToggleCollapsibleStateLinkContainer,
.StaffingRequirements .PeriodNavigationContainer {
margin-left: 20px;
}
#CalculatorSlide .Buttons span:nth-child(5n+1),
.ClearBoth,
.ExportPreview .NewLineField+span,
.ManageScheduleSegment .ManageScheduleSegmentContainer .RecurringScheduleTimeContainer,
.ManageScheduleSegment .ManageScheduleSegmentContainer .EditSegmentTable,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimeInputContainer,
.ScheduleWeeksContainer,
.TimePickerContent span:nth-child(4n+1),
.ManageHoursAddEditSegment .ManageHoursAddEditSegmentContainer .EditSegmentTable,
.AddGroupSegment .ManageHoursAddEditSegmentContainer .EditSegmentTable,
.ManageHolidays .GridContainer,
.PermissionsTree {
clear: both;
}
#CalculatorSlide .Buttons span.Number,
.Calendar table.CalendarTable tbody tr.Week td .Day.InMonth,
.ExportPreview .PreviewHeader .ExportField,
.ExportPreview .PreviewFooter .ExportField,
.AttendanceMonitor .WorkSegmentContainer .grid tbody tr td:not(.GroupHeaderCell),
.ManageHolidays .Calendar table.CalendarTable tbody tr.Week td .Day.InMonth {
background-color: #fff;
}
#CalculatorSlide .Buttons span.Symbol,
.Calendar table.CalendarTable thead tr th,
.Dashboard .EmployeeSubset {
font-size: 1.2rem;
}
.Calendar,
.DailyScheduleContainer .DailyScheduleField {
position: relative;
text-align: center;
}
.Calendar .Buttons,
.ImportFeatureContainer .ImportSummary .FieldsMappedSummary,
.ManageCostCodeGroupFeatureContainer .FeatureContent .GridContainer {
margin-top: 15px;
}
.Calendar table.CalendarTable tbody tr.Week.Selected td .Day,
.Calendar table.CalendarTable tbody tr.Week.Selected td .Day.InMonth,
.Calendar table.CalendarTable tbody tr.Week.Selected td .Day.IsToday,
.Calendar table.CalendarTable tbody tr.Week td .Day.Selected,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Selected,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Selected .EmployeeRequest,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer .EmployeeRequest.Selected,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Approved .EmployeeRequest.Selected,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Approved.Selected,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Approved.Selected .EmployeeRequest,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Denied .EmployeeRequest.Selected,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Denied.Selected,
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .RequiredPositionItemsContainer .ShiftCalendarDay .ShiftCalendarDayGroup.Selected,
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .RequiredPositionItemsContainer .ShiftCalendarDay .ShiftCalendarDayGroup.Selected .RequiredPositionItem,
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .RequiredPositionItemsContainer .ShiftCalendarDay .ShiftCalendarDayGroup .RequiredPositionItem.Selected,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer.Selected,
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem.Selected .Body {
background-color: #CBCBCB;
}
.Calendar table.CalendarTable tbody tr.Week td .Day.IsToday,
.ManageHolidays .Calendar table.CalendarTable tbody tr.Week td .Day.IsToday {
background-color: #fefae8;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ContractDayHours input.Overridden,
.EditPasswordPolicyContainer .Content .SuggestedMinLength.Error {
color: #F2765F!important;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ContractDayHours.NoHours input[type=text],
.PeriodNavigationContainer .PeriodNavigationButton[disabled],
.FMLACaseAccrualDetail .PeriodTotals .Irrelevant {
color: #CDCCCC;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests,
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays {
top: 29px;
width: 100%;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer .CalendarDayGroupFooter,
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .ShiftCalendarDayFooter {
text-align: right;
font-weight: 700;
text-decoration: underline;
padding: 5px;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Approved,
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Denied {
background-color: #fff;
border: 1px solid #E2E2E2;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .EmployeeRequests .EmployeeRequestsContainer.Approved .StatusTitle,
.ApprovedText:not(.Empty) {
color: green;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .CoverageInformation.InsufficientRequirements,
.EditSegmentContainer .Content .WorkSegmentEditInformationContainer .TotalHoursContainer.IsNegativeHours_true,
.ManageScheduleSegment .ManageScheduleSegmentContainer .TotalHoursContainer.IsNegativeHours_true,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .CoverageInformation.InsufficientRequirements .CoverageDescription,
.ManageHoursAddEditSegment .ManageHoursAddEditSegmentContainer .TotalHoursContainer.IsNegativeHours_true,
.AddGroupSegment .ManageHoursAddEditSegmentContainer .TotalHoursContainer.IsNegativeHours_true,
.StaffingAssignments .Content .CoverageInformation.InsufficientRequirements .CoverageDescription,
.StaffingRequirements .DetailView .CoverageInformation.InsufficientRequirements {
background-color: #F2765F;
color: #fff;
}
.Calendar table.CalendarTable tbody tr.Week td .Day .ShiftCalendarDays .CoverageInformation.Full,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .CoverageInformation.Full .CoverageDescription,
.StaffingAssignments .Content .CoverageInformation.Full .CoverageDescription,
.StaffingRequirements .DetailView .CoverageInformation.Full {
color: #fff;
background-color: #3896D2;
}
.Collapsible.Opened .Body,
.Modal .WizardFooter .ContentContainer .InfoContainer .Summary,
.ManageTimesheet .ManageTimesheetOptions .ShouldDisplayWeekendsCheckBoxContainer .WarningMessage,
.AddSubRequirement .ManageTimesheetOptions .ShouldDisplayWeekendsCheckBoxContainer .WarningMessage,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo span,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo span,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentInfo span,
.PopupBtnFeature .RequestStatusViewOption,
.PopupBtnFeature .OptionContainer,
.TreeNode.Expanded ~ ul,
.FMLACaseStatusWidgetSettings .RequestStatusViewOption,
.SubCoverageWidgetSettings .OptionContainer,
.AuditLog .LogSearchOptionsContainer .SearchOnOptionContainer .RadioOptionContainer,
.AuditLog .LogSearchOptionsContainer .PeriodSelector .PeriodSelectorDates,
.CloseWeekFeature .CloseWeekStages ul li.ExceptionCheckBox,
.UserOptions .FilterStatusControl .FilterButtonContainer {
display: block;
}
.Collapsible .Heading,
.ui-autocomplete.ui-menu .ui-menu-item:not(:last-child) {
border-bottom: 1px solid #E2E2E2;
}
.ColorPicker.NoColor,
.ColorPicker .slide .Swatch.NoColor {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -82px -142px;
}
.ColorPicker .slide.Basic,
.ColorPicker .slide.Muted,
.ColorPicker .slide.BasicNone,
.Modal .AddEditReportAutomation .WizardContent .TextValueTable .Label,
.Modal .ConfigureNotificationTaskProcessing .WizardContent .TextValueTable .Label,
.CompanySettings .CalculationDates .Label,
.CompanySettings .PayPeriod .Label {
width: 130px;
}
body.CssLoaded,
.AuditLog .NavigationListFilterContainer,
.ManageHours.GroupMode .NavigationListSortContainer {
display: block!important;
}
input[type=checkbox][disabled],
input[type=checkbox][disabled]+label,
input[type=radio][disabled],
input[type=radio][disabled]+label,
legend[disabled],
label[disabled],
span[disabled],
td[disabled],
a[disabled],
.HelpInformation[disabled],
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallUpArrow[disabled],
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallDownArrow[disabled],
.RateAdjustment .Content .UseBaseRateAdjustment table.grid tr,
.AutomaticBreak .AutomaticBreakGeneral td[disabled],
.AutomaticBreak .AutomaticBreakRestrictions td[disabled],
.ManageJobCode .BreaksTab .BreaksCollapsibleContainer .BreakTypeContainer .BreakSettingsContainer[disabled] span,
.ManageJobCode .BreaksTab .BreaksCollapsibleContainer .BreakTypeContainer .BreakSettingsContainer[disabled] label {
filter: alpha(opacity=40);
opacity: 0.4;
}
img,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .NavigationListContainer .NavigationListGridContainer .grid {
border: none;
}
input,
select,
textarea,
button,
.AllowSelect,
.ContentEditable,
.ContentEditable p,
.ContentEditable em,
.ContentEditable b,
.ContentEditable i,
.ContentEditable strong,
.ContentEditable u,
.ContentEditable font {
-webkit-touch-callout: text!important;
-webkit-user-select: text!important;
-khtml-user-select: text!important;
-moz-user-select: text!important;
-ms-user-select: text!important;
user-select: text!important;
}
label,
.CompanyDate,
.CompanyTime,
.Label,
.Value,
.SummaryContainer,
.Modal.Alert .Content *,
.Modal.Confirmation .Content * {
-webkit-touch-callout: initial;
-webkit-user-select: initial;
-khtml-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
p,
table td,
.ExportFieldSettings .Collapsible .Body,
.Report .ReportPeriodSelectorContainer .PeriodSelector,
.ContractTemplates .AlwaysShowHeader .FeatureContractHoursControlsContainer,
.SelectOfferableEmployeesContainer .FilterContainer .PaginatorContainer {
padding: 0;
}
table td.ChildControl,
.ManageHoursOption .ListSubOption,
.ManageCostCodeFeatureContainer .LayoutColumnContainer .FeatureOptionTitleContainer .DateAdded,
.ManageCostCodeGroupFeatureContainer .LayoutColumnContainer .FeatureOptionTitleContainer .DateAdded,
.AddCostCodeModal .LayoutColumnContainer .FeatureOptionTitleContainer .DateAdded,
.EditCostCodeModal .LayoutColumnContainer .FeatureOptionTitleContainer .DateAdded,
.ManageBranch .LayoutColumnContainer .FeatureOptionTitleContainer .DateAdded,
.SecurityAndConfig .FilterContainer .PaginatorContainer {
padding-left: 15px;
}
.ActiveOnlyContainer,
.AddCustomFieldListOption .DefaultContainer,
.SeverityMatrix,
.SubCoverageWidgetSettings .InputLabel,
.ManageCostCodeFeatureContainer .CostCodeSearch,
.ManageCostCodeGroupFeatureContainer .CostCodeSearch,
.AddCostCodeModal .CostCodeSearch,
.EditCostCodeModal .CostCodeSearch,
.ManageBranch .CostCodeSearch,
.ManageBranch .WizardContent .CopyBranchTable .CostCodeSelector .SectionTitle,
.ManageBranch .WizardContent .Checkbox {
padding-left: 5px;
}
.PendingText:not(.Empty),
.PeriodNavigationContainer .PeriodNavigationButton:visited,
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .FeatureOptionTitleContainer .Title,
.ManageCostCodeFeatureContainer .LayoutColumnContainer .FeatureOptionTitleContainer .Description,
.ManageCostCodeGroupFeatureContainer .LayoutColumnContainer .FeatureOptionTitleContainer .Description,
.AddCostCodeModal .LayoutColumnContainer .FeatureOptionTitleContainer .Description,
.EditCostCodeModal .LayoutColumnContainer .FeatureOptionTitleContainer .Description,
.ManageBranch .LayoutColumnContainer .FeatureOptionTitleContainer .Description {
color: #3896D2;
}
.ButtonContainer,
.AddUser .Content .UserInformation {
padding: 5px 5px 10px;
}
.CapsWarning.CapsOn,
.AutoLogOnContainer .AutoLogOnStatusContainer .StatusContainer .StatusItem .StatusHeader .StatusIconContainer.Failure,
.ScheduleWeeksContainer .WeekContainer .WeekHeader .WeekOptionsContainer .CoverageIndicator.InsufficientRequirements,
.Widget .WidgetHeader.ActionRequired .PopupButton {
background-color: #F2765F;
}
.clickShield,
.ModalContainer,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimePickerTrigger,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .TimePickerTrigger,
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer,
.SplitByPercentEmployeeSettings .PercentInputContainer,
.AddCustomField .WizardContent {
position: relative;
}
.clickShield .Shield,
.SplitByPercentEmployeeSettings .PercentInputContainer .PercentInputShield {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.GeoFenceMapContainer .GeoFenceMap,
.AuditLogChange .Content .AuditLogChangeLayoutTable {
height: 100%;
width: 100%;
}
.HighlightDropColumn,
.RosterContainer .UnassignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Selected,
.RosterContainer .AssignedRequiredPositionContainer .grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Selected,
.RosterContainer .HeaderGrid.grid td .RequiredPositionsContainer .RequiredPositionContainer .RequiredPosition.Selected {
border: 2px dotted #3896D2!important;
}
.LegendContainer ul,
.HeaderMenuContainer .RootMenuContainer ul,
.HeaderMenuContainer .SubMenuContainer ul,
.HeaderMenuContainer .LeafMenuContainer ul,
.CloseWeekFeature .CloseWeekStages ul {
margin: 0;
padding: 0;
}
.SubChildControl,
.ImportFeatureContainer .ImportUpload .DelimiterOptions .DelimiterLabel {
margin-left: 30px;
}
.SummaryContainer .SummaryLineItem,
.ViewCompanyLocation .ListItemsContainer .ListItem,
.AttendanceMonitor .LegendContainer,
.CloseWeekFeature .CloseWeekActions div,
.CompanySettings .EmployeeEntry .EmployeeEntryDesc,
.AddEditHolidayModal .Details .MarginBottom,
.DeactivateJobCodeModal .MessageContainer,
.AvailabilityFilter .Content .FilterSettings .TextValueTable {
margin-bottom: 10px;
}
.SuppressColumnWidth,
.AuditLog #AuditLogGrid.grid thead tr th:not(:last-child) {
width: 1px;
}
.TextValueTable td input[type=button],
.AddEditScheduledTaskRule .Content select,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer input,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer input,
.AutomaticBreak .AutomaticBreakGeneral .RuleTypeSettings input[type=text],
.AutomaticBreak .AutomaticBreakRestrictions .RuleTypeSettings input[type=text] {
margin-top: 0;
}
.Modal .ConfigureCustomFieldsContainer .Content,
.EmployeeRequestSubstituteCoverage .Content,
.ExceptionListModal .Content .ExceptionsListContainer .ExceptionsListGridContainer.FullHeight,
.ApplyDashboardTemplate .Content,
.AssignEmployeeUser .Content,
.SelectExportFieldsContainer .Content .GridContainer,
.AutomaticBreakAssignJobCode .Content .GridContainer {
height: 300px;
}
.CostCodeTree ul li.CostCodeTreeItem .ExpandIcon,
.TreeNode .ExpandIcon {
color: #41BB9B;
cursor: pointer;
display: inline-block;
font-size: 1.6rem;
font-weight: 700;
line-height: 20px;
position: relative;
text-align: center;
top: 2px;
width: 20px;
}
.CostCodeTree ul li.CostCodeTreeItem .ExpandIcon:after,
.TreeNode .ExpandIcon:after {
content: '+';
}
.CostCodeTree ul li.CostCodeTreeItem .ExpandIcon.Expanded:after,
.TreeNode .ExpandIcon.Expanded:after {
content: '-';
}
.CostCodeTree ul li.CostCodeTreeItem .ExpandIcon.Leaf,
.TreeNode .ExpandIcon.Leaf {
opacity: 0;
cursor: initial;
}
.CostCodeTree ul li.CostCodeTreeItem.Selected .Actions,
.CostCodeTree ul li.CostCodeTreeItem:hover .Actions {
display: inline-block;
animation: animateVisible .25s;
-moz-animation: animateVisible .25s;
-webkit-animation: animateVisible .25s;
-o-animation: animateVisible .25s;
}
.CostCodeTree ul li.CostCodeTreeItem .Actions span,
.ManageEmployee .EmployeePhotoEdit {
color: #3896D2;
cursor: pointer;
text-decoration: underline;
}
.CoveredEmployeeContainer .GridContainer,
.DigitalOutReport .Content .GridContainer,
.AddCustomField .WizardContent .GridContainer,
.Accruals .PeriodOptionsContainer .PeriodOptions.SettingsFieldsetContainer .DottedVerticalSeparator,
.AddAccrualRule .PeriodOptionsContainer .PeriodOptions.SettingsFieldsetContainer .DottedVerticalSeparator,
.EditStaffingAssignment .Content .GridContainer,
.SendOffersModalContainer .SelectSequenceContainer .GridContainer {
height: 250px;
}
.ui-datepicker-trigger::after,
input[type=button].TimePickerTrigger::after {
content: '_';
}
button[disabled].ui-datepicker-trigger,
input[type=button].TimePickerTrigger[disabled] {
border: 4px solid #E2E2E2;
background-color: #E2E2E2!important;
color: transparent!important;
}
.ui-datepicker .ui-datepicker-calendar,
.LogOnFeatureContent .LogOnFormContainer .LogOnForm .BtnAction,
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo,
.RosterContainer .UnassignedHeaderContainer,
.AssignEmployeeJobCodeContent fieldset,
.AssignEmployeeUser fieldset,
.ManagePhoto fieldset,
.AutomaticBreak .AutomaticBreakGeneral .ApplyToShift,
.AutomaticBreak .AutomaticBreakRestrictions .ApplyToShift,
.CustomFormatContainer .CustomFormatForm .TextValueTable {
margin-top: 10px;
}
.ui-datepicker .ui-datepicker-calendar td.ui-state-highlight a,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar td.ui-datepicker-current-day a {
color: #fff;
background-color: #41BB9B;
}
.ui-autocomplete.ui-menu .ui-state-disabled a,
.NavigationList .UserInactive {
color: #E2E2E2;
}
.EditSegmentTable,
.HeaderMenuContainer .RootMenuContainer,
.LaborCostDay .DayContainer *,
.ManageTimesheet .WeekContainer .DayContainer *,
.AddSubRequirement .WeekContainer .DayContainer *,
.ScheduleCalendarDayContainer .ScheduleDayContainer *,
.TreeNode,
.ManageJobCode .BreaksTab .BreaksCollapsibleContainer .BreakTypeContainer,
.ManageUser .Collapsible,
.UserOptions .Collapsible,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable tbody td {
white-space: nowrap;
}
.EditSegmentTable .Label,
.ManageScheduleSegment .ManageScheduleSegmentContainer .RecurringScheduleTimeContainer .Label,
.ManageScheduleSegment .ManageScheduleSegmentContainer .RepeatContainer .Label {
min-width: 80px;
}
.ExportFieldSettings .Collapsible .Body .ExportFieldsGrid .SmallEditIcon,
.AuditLogChange .Content .AuditLogChangeLayoutTable .ComparisonValueContainer .ShowChangesOnlyOptionContainer,
.CompanySettings #chkIncludeNonClockableHours,
.CompanySettings #chkRestrictTimesheets,
.ImportFeatureContainer .ImportUpload .ChooseAFile .FileUploader,
.ImportFeatureContainer .ImportUpload fieldset .RadioControl,
.ManageHolidays .HolidayInfoContainer .TextValueTable {
margin-left: 10px;
}
.ExportPreview span.Suffix,
.ExportPreview span.Prefix,
.CustomFormatContainer .CustomFormatForm .CustomFormatFormHelp,
.CustomFormatContainer .CustomFormatHelp .CustomFormatFormHelp {
white-space: pre;
}
.FieldSelectorContainer,
.SelectExportFieldsContainer .Content {
width: 600px;
}
.FieldSelectorContainer.Wide,
.EmployeeInformationFields .Content {
width: 700px;
}
.HeaderMenuContainer .RootMenuContainer .MediumHomeIcon,
.RosterContainer .UnassignedRequiredPositionContainer .grid td:first-child,
.RosterContainer .AssignedRequiredPositionContainer .grid td:first-child,
.RosterContainer .HeaderGrid.grid td:first-child {
vertical-align: middle;
}
.LaborCostDay .DayContainer .DayHeader,
.ScheduleCalendarDayContainer .ScheduleDayContainer .DayHeaderContainer {
position: relative;
background-color: #E2E2E2;
color: #4D4D4D;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
font-weight: 700;
padding: 5px;
}
.LaborCostDay .DayButtonContainer .DetailButton,
.ScheduleCalendarDayContainer .AddSegmentButtonContainer .AddButton {
margin: 0 5px 5px!important;
padding: 5px 10px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .FeatureHeaderContainer,
.ImportFeatureContainer .ImportUpload .DataType {
padding-bottom: 20px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentHeaderContainer .FeatureOptionMenuContainer,
.RosterContainer .UnassignedRequiredPositionContainer .grid td,
.RosterContainer .AssignedRequiredPositionContainer .grid td,
.RosterContainer .HeaderGrid.grid td,
.ManagePhoto #PhotoUploader {
vertical-align: bottom;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureOptionContentContainer .FeatureOptionContainer .TextValueTable .Value,
.DisplayWeekendContainer .WeekendWarning,
.ManageScheduleContainer .WeekendWarning,
.AuditLog .PaginatorContainer,
.TestCostCodeGroupModal .GridContainer .grid {
margin-right: 20px;
}
.LayoutWrapper .LayoutBodyContainer .LayoutBody .LayoutContentContainer .FeatureContentContainer .FeatureContent .ExceptionsCollapsible .SettingsFieldsetContainer fieldset,
.AddEditWidgetLinks .LinksInput,
.Dashboard .DashboardColumnTable.EditMode td,
.AutomaticBreak .AutomaticBreakGeneral .RuleDescription,
.AutomaticBreak .AutomaticBreakRestrictions .RuleDescription {
width: 300px;
}
.MessageRecipients .ButtonContainer input.MessageInput,
.ManageEmployee .FeatureContent .EmployeeManagerDropdown {
width: 250px;
}
.MessageRecipients .GridContainer,
.OfferAuditLog .Content .GridContainer.HasPages {
height: 235px;
}
.ManageClockConfiguration .FormatInput,
.AddClockConfigurationModalContainer .FormatInput,
.AddEditFMLACase .InformationTable .DaysInStatus {
width: 70px;
}
.ManageClockConfiguration .PrecisionInput,
.AddClockConfigurationModalContainer .PrecisionInput,
.DisplayOptions .PrecisionInput,
.AuditLogAdvancedFilter .MinEditsInput {
width: 30px;
}
.ManageClockConfiguration .SplitSegmentOptions,
.AddClockConfigurationModalContainer .SplitSegmentOptions,
.AddEditFMLACase .InformationTable.BottomTable,
.ManageTimesheet .WeekContainer .WeekHeader,
.AddSubRequirement .WeekContainer .WeekHeader {
padding-top: 20px;
}
.AddEditEmployeeRequest td.LeaveCode,
.ManageEmployeeRequestTemplate td.LeaveCode {
height: 34px;
}
.AddEditFMLACase .SmallComposeMessageIcon,
.ViewFMLACase .SmallComposeMessageIcon {
cursor: pointer;
vertical-align: -6px;
}
.Modal .AddEditReportAutomation .WizardContent .EmailBody textarea,
.Modal .AddEditReportAutomation .WizardContent .SmsBody textarea,
.Modal .ConfigureNotificationTaskProcessing .WizardContent .EmailBody textarea,
.Modal .ConfigureNotificationTaskProcessing .WizardContent .SmsBody textarea {
height: 120px;
width: 580px;
}
.Modal .AddEditReportAutomation .WizardContent .ReportingPeriod,
.Modal .ConfigureNotificationTaskProcessing .WizardContent .PeriodContextContainer {
height: 108px;
padding: 10px;
}
.Modal .AddEditReportAutomation .WizardContent .ReportingPeriod span,
.Modal .ConfigureNotificationTaskProcessing .WizardContent .PeriodContextContainer span {
vertical-align: -6px;
padding: 5px;
}
.Modal .AddEditSavedReport .Content .ReportTitle,
.ReportSettings .ReportTitleContainer .ReportDescription,
.EditMode .Widget {
width: 350px;
}
.AddEditScheduledTaskRule .Content .PhraseContainer,
.BreakTotalsReport .PhraseContainer {
display: inline-block;
margin-top: 5px;
padding: 0 5px;
}
.AddReminder .Reminder,
.AddCostCodeGroupModal .Value .Description {
width: 275px;
}
.AssignEmployeeRecurringScheduleContainer .PeriodStrip label,
.GlobalModFeatureContainer .ConfigureRecurringSchedule .RecurringScheduleInformation .PeriodStrip label {
display: inline-block;
margin: 6px 5px 8px;
}
.AuditLogChange .Content .GridContainer,
.ConfirmDeleteAccrualBank .Content .GridContainer,
.ConfirmDeleteAccrualRule .Content .GridContainer,
.ConfirmDeleteLeaveGroup .Content .GridContainer,
.ConfirmDeleteAccrualBank .Content .GridContainer,
.ConfirmDeleteAccrualRule .Content .GridContainer,
.ManageJobCode .BreaksTab .BreaksCollapsibleContainer {
overflow: auto;
}
.AuditLogChange .Content .GridContainer.ComparisonValueGridContainer #AuditLogChangeGrid .ComparisonValue.OldValue,
.ManageEmployeeRequestTemplate .TcpCheckbox+.TcpCheckboxLabel {
font-weight: 400;
}
.AuditLogChange .Content .GridContainer.ComparisonValueGridContainer #AuditLogChangeGrid .ComparisonValue.OldValue.HasChanged,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentTypeHoursContainer .SegmentType {
color: #3896D2;
font-weight: 700;
}
.ConfirmationAction.ExceptionListModal .ConfirmationOptionsContainer,
.ViewFMLACase .FilterContainer,
.AuditLog .LogSearchOptionsContainer .PeriodSelector .PeriodSelectorDates .PeriodSelectorToLabel {
padding: 5px 10px;
}
.EditSegmentContainer .Content .SegmentContainer,
.EditSegmentContainer .Content .OptionsContainer,
.ManageScheduleSegment .ManageScheduleSegmentContainer .SegmentContainer,
.ManageScheduleSegment .ManageScheduleSegmentContainer .OptionsContainer,
.ManageHoursAddEditSegment .ManageHoursAddEditSegmentContainer .SegmentContainer,
.ManageHoursAddEditSegment .ManageHoursAddEditSegmentContainer .OptionsContainer,
.AddGroupSegment .ManageHoursAddEditSegmentContainer .SegmentContainer,
.AddGroupSegment .ManageHoursAddEditSegmentContainer .OptionsContainer {
vertical-align: top;
white-space: nowrap;
}
.EditSegmentContainer .Content .WorkSegmentEditInformationContainer,
.AutoLogOnContainer .AutoLogOnStatusContainer .Logo {
margin: 20px;
}
.EmployeeInformationFields .GridContainer,
.AssignEmployeeAccrualBank .GridContainer {
max-height: 300px;
}
.EmployeeRequestSubstituteCoverage .Content .GridContainer,
.ReportSettings .DottedVerticalSeparator {
height: 175px;
}
.ItemFilter .GridContainer,
.ManageScheduleContainer .Content .ScheduleWeeksContainer .WeekContainer {
height: 350px;
overflow: auto;
}
.ManageScheduleSegment .Content,
.ManageMasterScheduleContainer .SpecificShiftsContainer .GridSearchContainer .SearchContainer {
margin: 0!important;
}
.ManageScheduleSegment .ManageScheduleSegmentContainer .OptionsContainer,
.RosterShiftDetailContainer .RosterInformationContainer td:first-child,
.AddCustomField table.FormattingCharacters td.Label,
.OccurrenceRuleExpiration .SubChildControl,
.CustomFormatContainer table.FormattingCharacters td.Value,
.DailyOverallScheduleOptions .Content .ColorsFieldset .TextValueTable .Text {
padding-right: 10px;
}
.MultiSelectOptionsModalContainer .MultiSelectOptionsContainer,
.Modal .ImportSaveModal .ModalContent .GridContainer {
height: 200px;
overflow: auto;
}
.OfferAuditLog .StatusColumn,
.ManageTimesheet .CostCodeCell,
.AddSubRequirement .CostCodeCell,
.Widget .WidgetTable td.Truncate,
.Widget .WidgetTable th.Truncate,
.AuditLog .ReasonContainer,
.SystemWideSearchDirective .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable td.Truncate,
.SystemWideSearchDirective .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th.Truncate,
.SystemWideSearchController .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable td.Truncate,
.SystemWideSearchController .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th.Truncate,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable td.Truncate,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th.Truncate,
.PublishMasterSchedule .PublishExceptionDescription {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 200px;
white-space: nowrap!important;
overflow: hidden!important;
}
.ReportSettings .SectionEnd,
.TaskScheduler .ButtonContainer,
.ConfigureExportFieldSettingContainer .FieldName,
.ManageHoursOption .DateTimeFormatsContainer,
.ManageShiftSchedules .ShiftScheduleSettings .ButtonContainer,
.WorkFilter .FilterContainer,
.ManageUserRoleGeneral .DescriptionContainer,
.SecurityAndConfig .FilterContainer {
padding-bottom: 10px;
}
.SortPopupButtonModal .Content .TextValueTable,
.Dashboard .DashboardColumnTable,
.AuthorizationCode .Content.ModalContent table {
margin: auto;
}
.SplitSegmentModal .InvalidFormMessage,
.SplitShiftModal .InvalidFormMessage {
color: #F2765F;
float: right;
line-height: 26px;
padding-right: 10px;
}
.Modal .WizardContent.MaxHeight,
.WeeklyOverallScheduleOptions .Content,
.SelectDefaultEmployee .Content.MaxSize {
height: 350px;
}
.Modal .Footer .SuccessMessageContainer,
.WorkSegmentLocationContainer .Toolbar .Legend .Label,
.AuditLog .LogSearchOptionsContainer .SearchOnOptionContainer label,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupHeader .Heading {
margin-right: 10px;
}
.Modal.Alert .Content .Information,
.Modal.Confirmation .Content .Information,
.Modal.Alert .Content .Confirmation,
.Modal.Confirmation .Content .Confirmation {
border: 2px solid #3896D2;
color: #3896D2;
}
.GlobalModFeatureContainer .ConfigureRecurringSchedule .RecurringScheduleInformation,
.AddCustomField .WizardContent .ShowNoneOptionContainer,
.ManageCostCodeFeatureContainer .CheckboxesTable td,
.ManageCostCodeGroupFeatureContainer .CheckboxesTable td,
.AddCostCodeModal .CheckboxesTable td,
.EditCostCodeModal .CheckboxesTable td,
.ManageBranch .CheckboxesTable td {
padding: 0 10px;
}
.GlobalModFeatureContainer .FeatureContentContainer .FeatureContentButtonContainer .StepTitle,
.CompanySetup .FeatureContentContainer .FeatureContentButtonContainer .WizardFooter .ContentContainer {
font-weight: 700;
font-size: 1.5rem;
float: left;
margin-left: 10px;
}
.GlobalModFeatureContainer .GlobalModSelectType,
.GlobalModFeatureContainer .GlobalModSelectType .ContentSection,
.ImportFeatureContainer .SelectType {
height: 100%;
}
.GlobalModFeatureContainer .GlobalModSelectType .SelectTypeContentGrid,
.Report .ReportContentContainer,
.ImportFeatureContainer .SelectType .SelectTypeContentGrid {
width: 100%;
height: 100%;
}
.GlobalModFeatureContainer .GlobalModSelectType .SelectTypeContentGrid .SectionTitle,
.ImportFeatureContainer .SelectType .SelectTypeContentGrid .SectionTitle {
text-align: left;
font-weight: 700;
font-size: 1.2rem;
padding-bottom: 5px;
}
.GlobalModFeatureContainer .GlobalModSelectType .SelectTypeContentGrid .Tabs,
.GlobalModFeatureContainer .GlobalModSelectType .SelectTypeContentGrid .Sections,
.GlobalModFeatureContainer .GlobalModSelectType .SelectTypeContentGrid .Operations,
.ImportFeatureContainer .SelectType .SelectTypeContentGrid .Tabs {
vertical-align: top;
width: 300px;
padding: 10px;
}
.GlobalModFeatureContainer .TextValueTable tr.AutoTransfer td,
.SegmentPhoto .ModalContent .SegmentPhotoContainer .HighlightedValue,
.Accruals .SpecificJobCodeContainer {
padding-top: 5px;
}
.ManageScheduleContainer .FilterButtonsContainer,
.ManageMasterScheduleContainer .FilterButtonsContainer {
display: inline-block;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #E2E2E2;
}
.ManageScheduleContainer .OverrideRoleSettingsContainer,
.CloseWeekFeature,
.ManageEmployee .FeatureContent .OverrideRoleSettingsContainer {
text-align: left;
margin-left: 10px;
}
.ManageTimesheet .ManageTimesheetOptions .PeriodNavigationContainer .BtnExit,
.AddSubRequirement .ManageTimesheetOptions .PeriodNavigationContainer .BtnExit,
.ManageMasterScheduleContainer .PublishedEntriesSearchContainer .SearchContainer {
margin-left: 0!important;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .LeaveJobCodeLegend,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .LeaveJobCodeLegend,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentInfo .LeaveJobCodeLegend {
display: inline-block;
background-color: #652C90;
border-radius: 2px;
-webkit-border-radius: 2px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
height: 10px;
width: 10px;
margin-left: 10px;
}
.ManageTimesheet .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .LeaveJobCodeText,
.AddSubRequirement .WeekContainer .DayContainer .SegmentsContainer .SegmentLayoutContainer .SegmentContainer .SegmentInfo .LeaveJobCodeText,
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .SegmentInfo .LeaveJobCodeText {
display: inline-block;
color: #652C90;
}
.RosterContainer .UnassignedHeaderContainer,
.RosterContainer .AssignedHeaderContainer,
.ManageScheduleContainer .Content .ManageMenu,
.Accruals .Separator {
margin: 10px 0;
}
.RosterContainer .FeatureOptionContainer,
.WorkSegmentLocationContainer .Toolbar,
.Accruals .Collapsible.General .SettingsContainer,
.CompanySettings .GridContainer.NotificationAutomation,
.ImportFeatureContainer .ImportSummary .SaveImportSettings,
.ManageHolidays .Calendar .Header,
.ManageHours.GroupMode .NavigationListSortContainer .SortContainer {
margin-bottom: 20px;
}
.ViewFMLACase .FMLACaseGrid td.Description,
.WorkSegmentGrid td.CostCodeDescription {
text-overflow: ellipsis!important;
-o-text-overflow: ellipsis!important;
-ms-text-overflow: ellipsis!important;
max-width: 500px;
white-space: nowrap!important;
overflow: hidden!important;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .DayHeaderContainer.History,
.ScheduleCalendarDayContainer .ScheduleDayContainer .DayHeaderContainer.Overridden {
color: #fff;
background-color: #afafaf;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .DayHeaderContainer .DayDisplayText,
.Widget .WidgetHeader .TitleTextContainer .WidgetSubTitle,
.ImportFeatureContainer .SelectType .SelectTypeContentGrid .Tabs .ImportTypeName {
font-size: 1.1rem;
}
.ScheduleCalendarDayContainer .ScheduleDayContainer .SegmentsContainer .SegmentContainer .CoverageInformation .CoverageDescription,
.StaffingRequirements .DetailView .CoverageInformation {
font-weight: 700;
text-align: center;
cursor: pointer;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
margin: auto;
padding: 5px;
}
.TaskScheduler .GridContainer,
.ManageHoursAccrualLedger .GridContainer {
height: 200px;
}
.TreeNode.Checked .TreeNodeLabelIconContainer.Disabled .TreeNodeIcon,
.PermissionsTree .PermissionsTreeInformationContainer .LegendContainer.LargeIcons li .LegendItemIcon.DisabledChecked {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px -140px;
}
.TreeNode.Checked .TreeNodeIcon,
.PermissionsTree .PermissionsTreeInformationContainer .LegendContainer.LargeIcons li .LegendItemIcon.Checked {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -120px;
}
.TreeNode.PartialChecked .TreeNodeLabelIconContainer.Disabled .TreeNodeIcon,
.PermissionsTree .PermissionsTreeInformationContainer .LegendContainer.LargeIcons li .LegendItemIcon.DisabledPartialChecked {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 0 -140px;
}
.TreeNode.PartialChecked .TreeNodeIcon,
.PermissionsTree .PermissionsTreeInformationContainer .LegendContainer.LargeIcons li .LegendItemIcon.PartialChecked {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -40px -120px;
}
.Widget.NoItems,
.Widget .WidgetHeader {
padding-bottom: 25px;
}
.Widget .WidgetHeader .WidgetIcon.ApprovalCompletionChart,
.Widget .WidgetHeader .WidgetIcon.JobCodeBreakdownChart,
.Widget .WidgetHeader .WidgetIcon.JobCodeUsageChart,
.Widget .WidgetHeader .WidgetIcon.OvertimeByDepartmentChart {
background-image: url(../../../app/common/img/20Icons.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -60px -180px;
}
.Widget .WidgetTable td,
.Widget .WidgetTable th,
.SystemWideSearchDirective .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable td,
.SystemWideSearchDirective .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th,
.SystemWideSearchController .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable td,
.SystemWideSearchController .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable td,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable td,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupContent .ContentTable th {
padding: 3px 5px;
}
.Widget .WidgetTable th,
.SystemWideSearchDirective .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th,
.SystemWideSearchController .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th,
.SystemWideSearchGroupsContainer .SearchResultItemContainer .WorkSegmentContext .WorkSegmentTable th {
color: #999;
border-bottom: 1px solid #CDCCCC;
}
.AddEmployeeModalContainer .WizardContent .TextValueTable .Label,
.AddEmployeeInformation .TextValueTable .Label {
width: 120px;
padding-right: 2px;
}
.AssignEmployeeJobCodeContent,
.AssignEmployeeUser {
min-width: 550px;
}
.AssignEmployeeJobCodeContent .SearchContainer,
.AssignEmployeeUser .SearchContainer {
float: right;
margin-top: 10px;
}
.AssignEmployeeJobCodeContent fieldset .WideSelect,
.AssignEmployeeUser fieldset .WideSelect {
width: 390px;
}
.AssignEmployeeJobCodeContent .GridContainer.HasPaging,
.AssignRequiredPosition .GridContainer {
height: 280px;
}
.AuthorizationCode .Content.ModalContent,
.ContractTemplates .ContractNotes {
width: 500px;
}
.AuthorizationCode .Content.ModalContent .Instructions,
.CompanySettings table.CalculationDates,
.PreviewCostCodeGroupModal .SearchCostCodesContainer,
.TestCostCodeGroupModal .SearchCostCodesContainer {
padding-bottom: 15px;
}
.CalculateDateModal .SubChildControl,
.ManageClockConfiguration .OverrideCostCodeGroup {
margin-top: 5px;
}
.ConfigureEmployeeJobCodeContainer .SettingsSection .AdditionalSettings,
.ManageCostCodeGroupFeatureContainer .FeatureOptionInfoContainer .TextValueTable,
.ManageJobCode .CountOvertime2Options {
padding-left: 10px;
}
.ConfigureEmployeeJobCodeContainer .BadgeNumberContainer,
.CloseWeekFeature .CloseWeekActions,
.ImportFeatureContainer .ImportUpload .LoadButtonContainer,
.ManageEmployee .FeatureContent .ManageEmployeeNotes .NotesGrid,
.ManageEmployee .FeatureContent .ManageEmployeeNotes .ButtonContainer,
.FilterMasterShift .FindSearchContainer {
margin-bottom: 5px;
}
.ConfirmDeleteAccrualBank .Content,
.ConfirmDeleteAccrualRule .Content,
.ConfirmDeleteLeaveGroup .Content,
.ConfirmDeleteAccrualBank .Content,
.ConfirmDeleteAccrualRule .Content {
width: 900px;
min-height: 35px;
}
.EditPasswordPolicyContainer .Content,
.AddScheduleTemplateModalContainer .WizardContent {
width: 400px;
}
.EditRequestDetail .AutomationSettings .BtnFeature,
.AuditLog .LogSearchOptionsContainer .GroupByOptionContainer .GroupBySelect,
.ManageEmployee .FeatureContent .EmployeeNameEdit input {
width: 160px;
}
.EditRequestDetail .ManagerNoteContainer,
.AutomaticBreak .AutomaticBreakGeneral .RuleTypeSettings,
.AutomaticBreak .AutomaticBreakRestrictions .RuleTypeSettings {
padding: 5px 0;
}
.ManagePhoto .ChooseAFile,
.ImportFeatureContainer .ImportUpload .ChooseAFile {
height: 38px;
line-height: 38px;
}
.QuickSetupWizard .WizardContent .Summary,
.StartWeek .Summary {
font-size: 1.3rem;
padding: 10px;
}
.QuickSetupWizard .WizardContent .DataContainer .StartWeekCalculation,
.StartWeek .DataContainer .StartWeekCalculation {
padding-top: 10px;
font-size: 1.3rem;
}
.QuickSetupWizard .WizardContent .DataContainer .StartWeekLabel,
.StartWeek .DataContainer .StartWeekLabel {
padding-bottom: 10px;
font-size: 1.3rem;
}
.QuickSetupWizard .WizardContent .HelpTextContainer.Summary,
.StartWeek .HelpTextContainer.Summary {
float: right;
width: 250px;
background-color: #CBCBCB;
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #41BB9B;
font-size: 1.4rem;
margin: 20px;
padding: 20px;
}
.WorkSegmentLocationContainer .Toolbar .Legend,
.StaffingRequirements .DetailView .ToggleCollapsibleStateLinkContainer {
display: inline-block;
float: right;
}
.Accruals .TextValueTable .Value,
.ContractTemplates .FeatureOptionTitleContainer,
.UserOptions .PersonalSection .Value {
padding-right: 5px;
}
.Accruals .PeriodOptionsContainer .DropdownInput,
.AddAccrualRule .PeriodOptionsContainer .DropdownInput,
.CompanySettings .AddEmployee .ReviewScheduleDaysInput {
width: 60px;
margin-right: 5px;
}
.AccrualBankDescription,
.AddEmployeeRequestTemplate .Content .TextValueTable input {
width: 200px;
}
.AttendanceMonitor .AdjustYourSettings,
.AuditLog .AdjustYourSettings,
.ManageHours.GroupMode .AdjustYourSettings {
font-size: 1.3rem;
font-weight: 700;
}
.CompanySettings .Description,
.ManageCostCodeGroupFeatureContainer .AssignmentsContainer .SearchAssignmentsContainer {
padding: 5px 0 15px;
}
.CompanySetup .SetupStatus .SetupStatusContainer .LineItem .StatusCell.Body .Prerequisites .Title,
.AddEditMasterShiftResourceRequirementContainer .WizardContent .IncludedEmployees {
font-size: 1.2rem;
font-weight: 700;
}
.ExportFeatureContainer nav.Menu.MenuManageExportFields li.menuRoot,
.SystemWideSearchDirective,
.SystemWideSearchController,
.SystemWideSearchGroupsContainer {
padding: 0!important;
}
.ImportFeatureContainer .ImportUpload .ChooseAFile .Preview,
.StaffingRequirements .DetailView .GroupContainer .Group .GroupHeader .CoverageInformation {
margin: 0 10px;
}
.ImportFeatureContainer .ImportFixedLength .Fields .FieldIndexContainer .FieldIndex,
.AddEditHolidayModal .Details .DropdownInput {
width: 90px;
}
.ManageClockConfiguration .General_QuestionOnClockOut .ChildControl,
.ManageCostCodeFeatureContainer .TextValueTable td.Value,
.ManageCostCodeGroupFeatureContainer .TextValueTable td.Value,
.AddCostCodeModal .TextValueTable td.Value,
.EditCostCodeModal .TextValueTable td.Value,
.ManageBranch .TextValueTable td.Value {
padding: 1px 0;
}
.ManageClockConfiguration .General_QuestionOnClockOut .TcpText,
.PreviewCostCodeGroupModal .SearchCostCodesContainer .SearchInput,
.TestCostCodeGroupModal .LeftColumn .DropdownInput,
.TestCostCodeGroupModal .SearchInput {
width: 280px;
}
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision.Last .DivisionShifts,
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision.Last .DivisionBody,
.DailyScheduleContainer .DailyScheduleField .DailyScheduleDivision.Last .DivisionTime {
border-right: 1px solid #D3D3D3;
}
.AddEditMasterShiftResourceRequirementContainer .WizardContent .EmployeePreviewsGridContainer .GridContainer,
.SelectDefaultEmployee .GridContainer.HasPages {
height: 240px;
}
@media only screen and max-device-width 1024px,
screen and max-device-width 1280px {
.Touch .BtnAction, .Touch .BtnExit, .Touch .BtnFeature, .Touch .BtnGreen, .Touch .BtnParentFeature, .Touch .BtnSingleSort, .Touch .BtnException, .Touch label.FileInputLabel, .Touch .BtnFeatureHelp {
height: 48px;
margin: 10px;
}
.Touch .BtnFeature,
.Touch .BtnSingleSort,
.Touch .BtnFeatureHelp,
.Touch label.FileInputLabel {
height: 48px;
line-height: 48px;
}
.Touch .BtnGreen.Add,
.Touch .BtnGreen.Assign {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 10px -320px;
}
.Touch .Modal .EmployeeFilterModal .HeaderOptionContainer {
text-align: left;
}
.Touch .Modal .EmployeeFilterModal .Content {
border-bottom: none;
}
.Touch .Modal .EmployeeFilterModal .Content .EmployeeFilterContentContainer .NavigationMenuContainer .NavigationMenu {
border-top: 1px solid #E2E2E2;
border-bottom: 1px solid #E2E2E2;
border-top-right-radius: 5px!important;
border-bottom-right-radius: 5px!important;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.Touch .Modal .EmployeeFilterModal .Footer .EmployeeFilterSubsetContainer {
margin-left: 20px;
}
.Touch .Modal .EmployeeFilterModal .Footer .EmployeeFilterSubsetContainer .EmployeeFilterSubset {
line-height: 50px;
vertical-align: middle;
color: #999;
}
.Touch .Modal .EmployeeFilterModal .Footer .EmployeeFilterSubsetContainer .SmallRefreshIcon {
vertical-align: middle;
}
.Touch .grid {
border-collapse: collapse;
}
.Touch .grid caption {
white-space: initial;
}
.Touch .grid thead tr th,
.Touch .grid tbody tr th {
height: auto;
padding: 20px 10px;
}
.Touch .grid tbody tr td {
white-space: initial;
height: auto;
padding: 20px 10px;
}
.Touch .grid tbody tr td.NoWrap {
white-space: nowrap!important;
}
.Touch input[type=text],
.Touch input[type=number],
.Touch input[type=password],
.Touch input[type=tel] {
width: 85%;
}
.Touch input[type=text],
.Touch input[type=number],
.Touch input[type=password],
.Touch input[type=email],
.Touch input[type=url],
.Touch input[type=tel],
.Touch input[type=date],
.Touch input[type=datetime],
.Touch input[type=time],
.Touch input[type=search],
.Touch textarea {
background-color: #fff;
height: 36px;
font-size: 1rem;
}
.Touch input[type=date],
.Touch input[type=datetime],
.Touch input[type=time] {
min-width: 80px;
}
.Touch input[type=checkbox],
.Touch input[type=radio] {
height: 15px;
width: 15px;
margin: 11px 0;
}
.Touch select {
min-width: 100px;
height: 48px;
font-size: 1rem;
}
.Touch select[disabled] {
filter: alpha(opacity=60);
opacity: 0.6;
}
.Touch nav.Menu ul li.menuRoot .MenuRootLink {
padding: 12px 30px;
}
.Touch nav.Menu ul li .slide ul li a:not(.Separator),
.Touch nav.Menu ul li .slide ul li span:not(.Separator) {
border: 10px solid transparent;
padding: 0;
}
.Touch nav.Menu.MenuFeatureOption ul li.menuRoot .MenuRootLink {
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
padding: 0;
}
.Touch nav.Menu.MenuFeatureOption ul li.menuRoot:active,
.Touch nav.Menu.MenuFeatureOption ul li.menuRoot:hover,
.Touch nav.Menu.MenuFeatureOption ul li.menuRoot:focus {
background-color: #4D4D4D;
}
.Touch nav.Menu.MenuBtnAction ul li.menuRoot.HasMenus {
background-position: right -276px;
}
.Touch nav.Menu.MenuBtnAction ul li.menuRoot:active,
.Touch nav.Menu.MenuBtnAction ul li.menuRoot:hover,
.Touch nav.Menu.MenuBtnAction ul li.menuRoot:focus {
background-color: #3896D2;
}
.Touch nav.Menu.MenuBtnFeature ul li.menuRoot:active,
.Touch nav.Menu.MenuBtnFeature ul li.menuRoot:hover,
.Touch nav.Menu.MenuBtnFeature ul li.menuRoot:focus {
background-color: #E8EAE8;
}
.Touch nav.Menu.MenuBtnFeature ul li.menuRoot.HasMenus {
background-position: right -232px;
}
.Touch nav.Menu.ModalHeaderMenu {
border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}
.Touch .Modal.ProgressIndicatorModal {
width: 90%!important;
}
.Touch .PaginatorContainer .NextPage,
.Touch .PaginatorContainer .PreviousPage {
height: 45px;
width: 45px;
margin: 0 10px;
}
.Touch .PaginatorContainer .PageCount {
display: none;
}
.Touch .PopupButton {
height: 48px;
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: right -232px;
margin: 10px;
}
.Touch .PopupButton .ButtonContent {
line-height: 48px;
}
.Touch .PopupButton.PopupBtnFeature {
background-position: right -223px;
}
.Touch .SearchContainer .SearchInput {
height: 48px;
min-width: 250px;
}
.Touch .SearchContainer .BtnSearch {
width: 40px;
height: 48px;
background-image: url(../../../app/common/img/SearchIcons30.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: 5px 9px;
}
.Touch .SearchContainer .BtnSearch.ClearSearch {
background-image: url(../../../app/common/img/SearchIcons30.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: -25px 9px;
}
.Touch .EmployeeStatus .FeatureContentButtonContainer .PaginatorContainer {
float: right;
}
.Touch .EmployeeStatus .MenuFeatureOption li span.MenuRootLink {
border-left: 20px solid transparent!important;
border-right: 20px solid transparent!important;
}
.Touch .grid tbody tr .NoRecords,
.Touch .grid tr td.SelectionInputContainer,
.Touch .grid tr td.AllSelectionInputContainer,
.Touch .grid tr th.SelectionInputContainer,
.Touch .grid tr th.AllSelectionInputContainer {
padding: 20px;
}
.Touch nav.Menu ul li.menuRoot.HasMenus,
.Touch .HeaderMenuContainer .SubMenuContainer ul.SubMenuItems li .SubMenuItem.HasMenus {
background-image: url(../../../app/common/img/miscSprite.png?v=7.0.0.0&ns=&cid=);
background-repeat: no-repeat;
background-position: right -232px;
}
.Touch nav.Menu.MenuFeatureOption ul li.menuRoot.Selected:active,
.Touch nav.Menu.MenuFeatureOption ul li.menuRoot.Selected:hover,
.Touch nav.Menu.MenuFeatureOption ul li.menuRoot.Selected:focus,
.Touch nav.Menu.MenuBtnGreen ul li.menuRoot:active,
.Touch nav.Menu.MenuBtnGreen ul li.menuRoot:hover,
.Touch nav.Menu.MenuBtnGreen ul li.menuRoot:focus {
background-color: #41BB9B;
}
}以上是关于css Timeclock.css的主要内容，如果未能解决你的问题，请参考以下文章
css [css：fadeout / fadein] css示例。 #css
css 深度提示#css中的css base builder CSS