/*form styles*/
.secondaryLabel div.formRowStandard label.standard,
.secondaryLabel label.standard,
.secondaryLabel div.formLine {
  display: block;
  float: none;
  width: 100%;
}

.secondaryLabel .formRowStandard {
  padding: 0 10px 30px 10px;
}

.secondaryLabel .formRowStandard label.standard {
  margin-bottom: 5px;
  width: auto;
}

.secondaryLabel .formLine .fbRadioGroup .radioLabel input {
  margin-top: 5px;
}

form.layout,
form.layoutNoPad {
  font-size: 1em;
}

.formRowStandard {
  padding: 9px 0px 9px 5px;
}

.formRowAuto {
  padding: 9px 0px 9px 5px;
  height: auto;
}

label > a.tooltip {
  font-weight: bold;
  color: #63656a;
  margin-bottom: 0;
  vertical-align: middle;
}

label.standard,
label.standardSmall,
label.standardLarge {
  text-align: left;
  float: left;
  font-weight: bold;
  /*margin-bottom: 0;*/
  vertical-align: middle;
}

label.standard {
  width: 23%;
  padding-right: 10px;
}

.popover-content .homeAllocationContainer {
  max-width: 260px; 
}

.popover-content.adjustLevelsPopoverWidth {
  max-width: 285px; 
}

.popover-content .formRowStandard label.standard {
  width: 100% !important;
  float: none !important;
}

.popover-content .formRowStandard div.formLine,
.popover-content .formRowStandard div.formLine div span div.adjustfloat {
  float: none !important;
  margin-left: auto !important;
  width: auto !important;
}

.popover-content .formRowStandard div.view-paginate {
  width: fit-content;
}

.FMLA_left label.standard,
.FMLA_right label.standard {
  width: 50%;
}

.FMLA_left .formLine,
.FMLA_right .formLine {
  width: 50%;
}

label[for="email"],
label[for="password"] {
  padding-bottom: 5px;
}

.largeLabel label.standard {
  width: 100%;
}

label.standardSmall {
  width: 15%;
}

.textSmall label {
  font-size: 0.9em;
}

label.standardLarge {
  width: 45%;
}

.col-md-4 label.standard,
.col-md-3 label.standard {
  width: auto;
  width: initial;
  display: block;
  float: none;
  margin-bottom: 5px;
}

label.auto {
  width: auto;
  text-align: left;
  font-weight: bold;
}

label[for="currEmail"] {
  line-height: 50px;
}

label[for="usernameChange"] {
  line-height: 30px;
}

input[type="text"],
input[type="search"],
input[type="tel"],
input[type="date"],
input[type="email"],
select,
input[type="password"],
input[type="number"],
input[type="checkbox"].check,
.input-group-addon,
textarea {
  border: 1px solid #aaa;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px;
  color: #0a0203;
  font-family: inherit;
  max-width: 100%;
}

input[type="text"].validationBorder,
input[type="search"].validationBorder,
input[type="tel"].validationBorder,
input[type="date"].validationBorder,
input[type="email"].validationBorder,
input[type="password"].validationBorder,
input[type="number"].validationBorder,
input[type="checkbox"].validationBorder,
select.validationBorder,
textarea.validationBorder {
  border: 1px solid #a94442;
}

/*********************************************************************************************************/
/*Band-Aid fix for phone number inputs on Safari mobile devices for ee-contactedit.php because QA said so*/
/*********************************************************************************************************/
form[action="ee-contactproc.php"] input[maxlength="3"] {
  width: 32px;
}
form[action="ee-contactproc.php"] input[maxlength="4"] {
  width: 42px;
}
form[action="ee-contactproc.php"] input[maxlength="5"] {
  width: 52px;
}
/*************************************************************************************************************/
/*END Band-Aid fix for phone number inputs on Safari mobile devices for ee-contactedit.php because QA said so*/
/*************************************************************************************************************/

@media (max-width: 436px) {
  input[type="text"],
  input[type="search"],
  input[type="tel"],
  input[type="date"],
  input[type="email"],
  select,
  input[type="password"],
  input[type="number"],
  input[type="checkbox"].check,
  .input-group-addon,
  textarea {
    max-width: 100%;
  }

  #cardContainerGroup input,
  #rateGroup input {
    min-width: 70%;
  }

  #expenseForm select {
    width: 100%;
  }

  #reportCenterSearch {
    width: auto;
  }
}

input[type="text"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus,
textarea:active {
  border: 1px solid #666;
  outline: none;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(0,0,0,0.54);
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(0,0,0,0.54);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(0,0,0,0.54);
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(0,0,0,0.54);
}

.readonly
input:disabled,
input[disabled],
select[disabled],
button[disabled],
textarea[disabled]
input[readonly] {
  cursor: not-allowed !important;
}

@media (max-width: 800px) {
  .readonly,
  input:disabled,
  input[disabled],
  select[disabled],
  button[disabled],
  textarea[disabled],
  input[readonly] {
    opacity: 0.4;
  }
}


input[type="text"][readonly],
input[type="text"][disabled],
input[type="number"][readonly],
input[type="number"][readonly],
textarea[disabled] {
  background: #e6e6e6;
}

input[type="text"][readonly].datepicker {
  background: #fff;
}

input[type="text"][disabled].datepicker {
  background: #e6e6e6;
}

input[type="text"][readonly][class*="advanced-filters"] {
  background: none;
}

input.datepicker::-ms-clear {
  display: none;
}

input.datepicker::-webkit-input-placeholder {
  font-size: 11px;
}

input[type="text"].setWidth {
  width: 50%;
}

input[type="text"].setSmallWidth {
  width: 60px;
}

.setCalWidth {
  width: 90px;
}

select.setWidth {
  width: 170px;
}

.requiredText {
  color: red;
  margin: 5px 0 0 0;
  font-weight: bold;
}

.required {
  color: red;
  margin-right: 3px;
  font-weight: bold;
  font-size: 1.05em;
  margin-left: 3px;
}

.notice {
  color: red;
  margin-right: 3px;
  font-weight: 500;
  font-size: 1.05em;
}

.errfont,
a.errfont {
  color: red;
  font-weight: 700;
}

form[name="errform"] div {
  margin-bottom: 15px;
}

input {
  max-width: 100%;
}

.positionRelative {
  position: relative;
}

.positionAbsolute {
  position: absolute;
}

.positionRight {
  right: 0;
}

.positionLeft {
  left: 0;
}

.inline,
.formCharacter {
  display: inline-block;
}

/*button classes*/

.buttonContainer {
  text-align: center;
  padding: 10px;
}

.buttonContainer:after {
  content: "";
  display: table;
  clear: both;
}

.buttonContainerRight {
  float: right;
  padding: 5px;
}

.buttonContainerRight div {
  display: inline-block;
}

.buttonContainer button,
.buttonContainer input[type="submit"],
.buttonContainer input[type="button"],
.buttonContainer a.buttonPrimary:link,
.buttonContainer a.buttonSecondary:link {
  margin: 0 10px;
}

.addAction,
a.addAction:link {
  color: #444 !important;
  border: 1px solid #aaa;
  background: #fff;
  font-size: 0.9em !important;
}

.btn.addAction {
  border: 1px solid #aaa;
  background: #fff;
  font-size: 0.9em !important;
  padding: 10px;
}

.addAction img {
  /* height: 80%;*/
  margin-right: 5px;
  vertical-align: middle;
}

.addAction span {
  vertical-align: middle;
}

.buttonImageRight {
  background: none;
  border: none;
  color: #888;
  font-size: 0.8em;
}

.buttonImageRight img {
  height: 80%;
  margin-left: 5px;
  vertical-align: middle;
}

.buttonImageRight span {
  vertical-align: middle;
}

.buttonPrimary,
.buttonSecondary,
.buttonTertiary,
.addAction,
.buttonImageRight,
.disabledbutton,
.buttonInformation,
.buttonWarning,
.buttonSuccess,
.buttonError {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  /*height: 35px;*/
  height: auto;
  min-width: 80px;
  outline: none;
  font-weight: 500;
  padding: 10px;
  white-space: nowrap;
  display: inline-block;
  text-align: center;
}

.buttonPrimary.dropdown-toggle,
.buttonSecondary.dropdown-toggle,
.buttonTertiary.dropdown-toggle,
.addAction.dropdown-toggle,
.buttonImageRight.dropdown-toggle,
.disabledbutton.dropdown-toggle {
  min-width: 0;
}

.buttonPrimary {
  color: #fff !important;
  border: 1px solid #006832;
  background: #008542;
  font-size: 0.9em;
}

/*light gray*/
.buttonSecondary {
  color: #444 !important;
  border: 1px solid #8a8d8e;
  background: #d9e0e2;
  font-size: 0.9em;
}

.buttonFlatPrimary,
.buttonFlatSecondary {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  font-size: 0.9em;
  font-weight: bold;
}

.buttonFlatPrimary {
  color:  #008542;
  border: 1px solid #008542;
  background: #eeeeee;
  outline: none;
}

.buttonFlatPrimary:hover,
.buttonFlatPrimary:focus {
  background: #c3e2d3;
}

.buttonFlatSecondary {
  color: #666666;
  border: 1px solid #666;
  background: #f0f0f0;
  outline: none;
}

.buttonFlatSecondary:hover,
.buttonFlatSecondary:focus {
  background: #dddddd;
}

.buttonInformation {
  color: #31708f;
  border: 1px solid #92a9b4;
  font-size: 0.9em;
  padding: 9px 5px;
  padding-left: 30px;
  height: 36px;
  vertical-align: middle;
}

.buttonInformationIcon {
  background: #d9edf7 url("../../cl/images/icons/alert-info.png") no-repeat 5px
    center;
  background-size: 20px;
}

.buttonWarning {
  color: #8a6d3b;
  border: 1px solid #c5b69d;
  font-size: 0.9em;
  padding: 9px 5px;
  padding-left: 30px;
  height: 36px;
  vertical-align: middle;
}

.buttonWarningIcon {
  background: #fcf8e3 url("../../cl/images/icons/alert-warning.png") no-repeat
    5px center;
  background-size: 20px;
}

.buttonSuccess {
  color: #3c763d;
  border: 1px solid #95aa96;
  font-size: 0.9em;
  padding: 9px 5px;
  padding-left: 30px;
  height: 36px;
  vertical-align: middle;
}

.buttonSuccessIcon {
  background: #dff0d8 url("../../cl/images/icons/alert-success.png") no-repeat
    5px center;
  background-size: 20px;
}

.buttonError {
  color: #a94442;
  border: 1px solid #d4a2a1;
  font-size: 0.9em;
  padding: 9px 5px;
  padding-left: 20px;
  height: 36px;
  vertical-align: middle;
}

.buttonErrorIcon {
  background: #f2dede url("../../cl/images/icons/alert-danger.png") no-repeat
    5px center;
  background-size: 20px;
}

.buttonWhite {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  outline: none;
  padding: 7px 10px;
  white-space: nowrap;
}

.dropdownButtonGroup .buttonWhite,
.popoverTrigger.buttonWhite {
  color: var(--paycom-primary-main, #008542);
}

.dropdownButtonGroup .buttonOnlyWhite {
  color: #ffffff;
}

.dropdownButtonGroup .gearMenuIcon,
.dropdownButtonGroup .filterMenuIcon,
.dropdownButtonGroup .kebabMenuIcon,
.dropdownButtonGroup .ddbCaratIcon {
  display: inline-block;
  height: 20px;
  min-width: 13px;
}

.dropdownButtonGroup .ddbLabel {
  display: inline-block;
  height: 20px;
}

.dropdownButtonGroup .ddbLabelGL {
  display: inline-block;
  height: 22px;
}

.dropdownButtonGroup .ddbCaratIcon img {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

.dropdownButtonGroup .gearMenuIcon img,
.dropdownButtonGroup .filterMenuIcon img,
.popoverBtnIcon img {
  width: 19px;
  height: 19px;
  vertical-align: text-top;
}

.dropdownButtonGroup .kebabMenuIcon img {
  width: 5px;
  height: 19px;
  vertical-align: text-top;
}

#acaFreezeFrm .popoverBtnIcon img {
  width: 15px;
  height: 15px;
}

.dropdownButtonGroup > .dropdownButtonMenu {
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1em;
}

@media (max-width: 700px) /*mobile fix for when dropdown is offscreen*/ {
  .dropdownButtonGroup > .dropdownButtonMenu {
    max-height: none;
  }
  .dropdown-menu > li > a {
    white-space: normal !important;
  }
}

.dropdownButtonGroup > .dropdownButtonMenu > .ddbSectionHeader {
  display: block;
  margin: auto;
  padding: 3px 5px;
  line-height: 1.428571429;
  font-weight: bold;
  background: #e3e2e2;
  color: #444;
}

.dropdownButtonGroup > .dropdownButtonMenu > li.ddbMenuItem > a.ddbMenuItemLink,
.dropdownButtonGroup
  > .dropdownButtonMenu
  > li.ddbMenuItem
  > div.ddbMenuItemLink {
  position: relative;
  padding: 3px 20px 3px 10px;
  white-space: nowrap;
}

.dropdownButtonGroup
  > .dropdownButtonMenu
  > li.ddbMenuItem
  > a.ddbMenuItemLink:hover,
.dropdownButtonGroup
  > .dropdownButtonMenu
  > li.ddbMenuItem
  > div.ddbMenuItemLink:hover {
  background-color: #f5f5f5;
}

.dropdownButtonGroup
  > .dropdownButtonMenu
  > li.ddbMenuItem
  > div.ddbMenuItemLink
  > a {
  color: #333333;
}

.dropdownButtonGroup .ddbCount {
  position: relative;
  /*font-weight: bold;*/
}

.dropdownButtonGroup.gearMenu .ddbCount {
  bottom: 1px;
}

.popoverTrigger.isSmall {
  font-size: 0.9em;
  padding: 3px 5px;
}

.dropdownButtonGroup.isSmall .ddbCount {
  top: 2px;
}

.pull-right .dropdownButtonGroup.actionMenu {
  float: right;
}

.pull-right .dropdownButtonGroup.filterMenu {
  float: right;
  margin-right: 30px;
}

div.col-sm-7 .dropdownButtonGroup.isSmall .buttonWhite {
  margin-top: 3px;
}

.dropdownButtonGroup.isSmall .buttonWhite {
  font-size: 0.9em;
  padding: 1px 5px;
}

.buttonWhite.btn.dropdown-toggle.dropdownButtonMenuButton.actions-gear-button {
  padding: 5px 8px;
  font-weight: 500;
}

.dropdownButtonGroup.isSmall .gearMenuIcon,
.dropdownButtonGroup.isSmall .filterMenuIcon,
.dropdownButtonGroup.isSmall .kebabMenuIcon,
.dropdownButtonGroup.isSmall .ddbCaratIcon,
.dropdownButtonGroup.isSmall .ddbLabel {
  position: relative;
  top: 2px;
}

.dropdownButtonGroup.isSmall .ddbLabelGL {
  position: relative;
  top: 3px;
}

.dropdownButtonGroup.isSmall .gearMenuIcon img,
.dropdownButtonGroup.isSmall .filterMenuIcon img,
.dropdownButtonGroup.isSmall .kebabMenuIcon img,
.popoverTrigger.isSmall img {
  width: 15px;
  height: 15px;
  position: relative;
  top: 1px;
}

.ddbMenuItem.has-right-text {
  position: relative;
}

.ddbMenuItem.has-right-text .ddbMenuItemLink {
  margin-right: 20px;
}

.ddbMenuItem.has-right-text div.right-text {
  position: absolute;
  right: 2px;
  top: 3px;
}

.dropdownButtonGroup.isSmall .ddCaret img {
  position: relative;
  top: 2px;
}

.dropdownButtonGroup.isSmall .gearMenuIcon img {
  position: relative;
  top: 0;
}

.dropdownButtonGroup.isSmall .kebabMenuIcon img {
  position: relative;
  top: 0;
}

.btn-group.open .kebab-btn-group.dropdown-toggle {
  box-shadow: none;
}

.filterButtonItem a.ddbMenuItemLink:active,
.filterButtonItem a.ddbMenuItemLink:focus {
  background-color: transparent;
}

.filterButtonItem a.ddbMenuItemLink.isSelected,
.filterButtonItem a.ddbMenuItemLink.isSelected:hover,
.filterButtonItem a.ddbMenuItemLink.isSelected:active {
  background-color: #eee;
  font-weight: bold;
  color: var(--paycom-primary-main, #008542);
}

.filterButtonItem .ddbMenuItemLink .filterItemCheck {
  visibility: hidden;
  width: 10px;
  height: 10px;
  vertical-align: middle;
  border: none;
  margin-right: 5px;
}

.filterButtonItem .ddbMenuItemLink.isSelected .filterItemCheck {
  visibility: visible;
}

.filterButtonView.filterIsActive .dropdownButtonMenuButton {
  border-color: var(--paycom-primary-main, #008542);
}

.buttonReportGreen {
  color: #fff;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  outline: none;
  padding: 5px 10px;
  white-space: nowrap;

  border: 1px solid #006832;
  background: var(--paycom-primary-main, #008542);
}

.buttonWhite:hover,
.buttonWhite:focus,
.buttonWhite:active {
  border: 1px solid #888;
  background: #fff;
}

.buttonPrimary:hover,
.buttonPrimary:focus {
  cursor: pointer;
  background: #198f52;
}

.buttonSecondary:hover,
.buttonSecondary:focus {
  cursor: pointer;
  background: #c3c9cb;
}

input.buttonSecondary:disabled,
button.buttonSecondary:disabled {
  color: #63656a;
  background: #d9e0e2;
  border: 1px solid #63656a;
  cursor: not-allowed;
}

.disabledbutton {
  display: inline-block;
  color: #63656a;
  background-color: #d9e0e2;
  border: 1px solid #63656a;
}

.disabledbutton:hover,
.disabledbutton:focus {
  cursor: not-allowed;
}

a.buttonPrimary:link,
a.buttonPrimary:visited,
a.buttonPrimary:active {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

a.buttonPrimary:hover {
  color: #d9e0e2;
  background-color: #198f52;
  cursor: pointer;
}

a.buttonSecondary:link,
a.buttonSecondary:visited,
a.buttonSecondary:active {
  background-color: #d9e0e2; /*border: 1px solid #63656a;*/
  padding: 10px;
  height: auto !important;
  font-weight: 500;
  font-family: inherit;
  display: inline-block;
  text-decoration: none;
  color: #0a0203;
  outline: none;
  white-space: nowrap;
  text-align: center;
}

a.buttonSecondary:hover {
  cursor: pointer;
  background: #c3c9cb;
}

.buttonSmall,
a.buttonSmall:link,
.popover-content button,
.popover-content input[type="button"],
.popover-content input[type="submit"],
.popover-content .buttonPrimary,
.popover-content .buttonSecondary,
.popover-content .buttonWhite,
.popover-content .buttonFlatPrimary,
.popover-content .buttonFlatSecondary,
.popover-content a.buttonPrimary,
.popover-content a.buttonSecondary,
.popover-content a.buttonWhite,
.popover-content a.buttonFlatPrimary,
.popover-content a.buttonFlatSecondary {
  padding: 4px;
  height: 25px;
  min-width: 20px;
  margin: 5px;
}

.buttonWide,
a.buttonWide:link {
  font-weight: normal;
  font-size: 1.2em;
  padding: 5px;
  width: 100%;
  height: 33px;
}

.buttonNowrap {
  white-space: normal;
  height: auto;
}

.addbutton {
  padding-left: 15px !important;
  background-image: url("../images/icons/plus_icon_12.png");
  background-repeat: no-repeat;
  background-position: left center;
  background-position-x: 10px;
}

.editAction {
  background: #ffffff;
  border: 1px solid var(--paycom-primary-main, #008542);
  color: var(--paycom-primary-main, #008542);
  padding: 0 20px;
  height: 30px;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.button-green {
  background: #fff;
  border: 1px solid var(--paycom-primary-main, #008542);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: var(--paycom-primary-main, #008542);
  outline: none;
  padding: 5px 10px;
  white-space: nowrap;
}

.button-green:hover {
  background: #f7f7f7;
}

.button-green.button-editable {
  background: url("../../cl/images/icons/editable.png") no-repeat 3% 40%;
}

.button-green.button-editable:hover {
  background: #f7f7f7 url("../../cl/images/icons/editable.png") no-repeat 3% 40%;
}

.button-green.button-history {
  background: url("../../cl/images/icons/history.png") no-repeat 3% 40%;
}

.button-green.button-history:hover {
  background: #f7f7f7 url("../../cl/images/icons/history.png") no-repeat 3% 40%;
}

.embEditButtonText {
  font-weight: bold;
  color: var(--paycom-primary-main, #008542);
  cursor: pointer;
  display: inline-block;
  padding-right: 3px;

}

.embEditButtonContainer {
  color: var(--paycom-primary-main, #008542);
  font-weight: bold;
  cursor: pointer;
}

.embEditButton {
  border: none;
  padding: 0;
}

.embEditButton:hover {
  background: none;
}

.embEditButtonIcon {
  width: 24px;
  height: 24px;
  margin-right: 3px;
}

input[value].button-green.button-editable {
  padding-left: 26px;
}

input[value].button-green.button-history {
  padding-left: 26px;
}

table.formTable {
  width: 100%;
  text-align: left;
  color: #0a0203;
  border: none;
}

table.formTable label {
  display: block;
  margin-bottom: 0 !important;
  font-weight: bold;
}

table.formTable > tbody > tr > td {
  border: none !important;
}

table.formTable td {
  border: none !important;
}

table.formTable td:first-child {
  width: 28%;
}

table.formTable td:last-child {
  width: 30%;
}

table.formTable2 {
  width: 100%;
  text-align: left;
  color: #0a0203;
  border: none;
}

table.formTable2 label {
  display: block;
  margin-bottom: 0 !important;
  font-weight: bold;
}

table.formTable2 > tbody > tr > td {
  border: none !important;
  padding: 5px;
}

table.formTable2 td:first-child {
  width: 10%;
}

table.formTable2 td:last-child {
  width: 90%;
}

table.formTable2 td {
  border: none !important;
}

.multi_select {
  width: 77%;
}

textarea,
.multi_select {
  max-width: 100%;
}

.no-flexbox.no-flexboxlegacy.no-canvas.no-canvastext.no-webgl.no-touch.no-geolocation
  textarea {
  max-width: none;
}

.noresize {
  resize: none;
}

.sliderDiv {
  width: 60%;
  float: left;
  margin-right: 7px;
}

span.moneyPrefix {
  padding: 2px 6px 2px 2px;
}

@media (max-width: 500px) {
  label.standard,
  label.standardLarge,
  label.standardSmall,
  label > a.tooltip {
    width: 100%;
  }

  label.auto {
    width: 100%;
  }

  input#jobfilter.buttonSmall.buttonSecondary {
    margin: 3px 0 !important;
  }

  label#50775-label.standard {
    margin-top: 30px;
  }

  span#InPunchGroup,
  span#OutPunchGroup {
    display: block;
    margin: 5px 0;
  }

  .mobileCityStateZipInline .formLine .formControl {
    display: inline-block;
    margin-right: 8px;
  }

  .mobileCityStateZipInline .fbText {
    margin-left: -5px;
  }
}

#activeDateRange label {
  width: 37%;
}

#activeDateRange .formLine {
  width: 63%;
}

@media (max-width: 991px) {
  #tabSessionsfragment2 .col-md-5.last {
    margin-top: 10px;
  }
  #activeDateRange label {
    width: 50%;
  }

  #activeDateRange .formLine {
    width: 50%;
  }
}

@media (max-width: 640px) {
  .buttonPrimary,
  .buttonSecondary,
  .addAction,
  .button-green,
  .disabledbutton {
    margin: 10px 0 !important;
    display: block !important;
    width: 100%;
    float: none;
  }

  #eechange-10-form .button-green {
    clear: both;
  }

  .buttonPrimary.confirmPopupButton.noShow,
  .buttonSecondary.confirmPopupButton.noShow,
  .addAction.confirmPopupButton.noShow,
  .button-green.confirmPopupButton.noShow,
  .disabledbutton.confirmPopupButton.noShow {
    display: none !important;
  }

  /*label.standard, label.standardLarge, label.standardSmall {
        width: 100%;
    }

    label.auto {
        width: 100%;
    }*/

  .changeHistory {
    float: none;
  }

  #add-incidents {
    margin-left: 0;
  }

  .hide {
    display: none !important;
  }
}

.inputError {
  background: #ff0000;
  color: #fff !important;
}

.secQuestions input {
  max-width: 300px;
}

.labelLarge label.standard {
  width: 100%;
}

select.largeMult {
  width: 100%;
}

select.selLgHeight {
  height: 400px;
}

.confirmAmountExpenses {
  color: #168e4f;
  font-weight: bold;
}

.enterAmountExpenses {
  color: #ff0000;
  font-weight: bold;
}

.parsedExpenseAmount {
  border: solid 2px #168e4f !important;
}

.unparsedExpenseAmount {
  border: solid 2px #ff0000 !important;
}

.confirmExpenseDate {
  color: #168e4f;
  font-weight: bold;
}

.enterExpenseDate {
  color: #ff0000;
  font-weight: bold;
}

.parsedExpenseDate {
  border: solid 2px #168e4f !important;
}

.unparsedExpenseDate {
  border: solid 2px #ff0000 !important;
}

.largeSelectFilterDropDown {
  display: inline;
}

/*paygrid scroll bar visibility*/
#editgrid ::-webkit-scrollbar {
  -webkit-appearance: none;
}

#editgrid ::-webkit-scrollbar:vertical {
  width: 12px;
}

#editgrid ::-webkit-scrollbar:horizontal {
  height: 12px;
}

#editgrid ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  border: 2px solid #ffffff;
}

#editgrid ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

/*end paygrid scroll bar visibility*/

/* Begin Edit Mode Button */
.editModeButton {
  display: inline-block;
}

.editModeButton button {
  width: 40px;
  height: 34px;
  padding: 0;
  min-width: 0;
}

.editModeButton .embConfirmationButtonContainer,
.editModeButton.editModeEnabled .embEditButtonContainer {
  display: none;
}

.editModeButton.editModeEnabled .embConfirmationButtonContainer {
  display: block;
}

.editModeButton button > img {
  width: 24px;
  height: 24px;
}

.editModeButton > div > button {
  margin: 0 !important;
  display: inline-block !important;
}
/* End Edit Mode Button */

.checkForCapslock::-ms-reveal {
  display: none;
}
.loginPasswordField{
  display: none;
}
.capslockCheckIcon {
  display: none;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 75%;
}

.capslockCheckIcon.capsIsOn {
  display: block;
}

.rockerSwitch {
  display: inline-block;
}

.rockerSwitch .rockerSwitchContainer {
  display: table;
  height: 15px;
  border-collapse: collapse;
}

.rockerSwitch .rockerSwitchItem {
  display: table-cell;
  position: relative;
}

.rockerSwitch:not(.rockerSwitchDisabled) .rockerSwitchItem {
  border: 1px solid var(--paycom-primary-main, #008542);
}

.rockerSwitch input[type="radio"] {
  visibility: hidden;
  position: absolute;
}

.rockerSwitch label {
  display: block;
  padding: 0 10px;
  text-align: center;
  cursor: pointer;
  background-color: #ffffff;
  color: var(--paycom-primary-main, #008542);
  margin: 0;
  font-weight: normal;
}
.rockerSwitch input:checked + label {
  background-color: var(--paycom-primary-main, #008542);
  color: #ffffff;
  font-weight: bold;
}

.rockerSwitchDisabled input:disabled + label {
    cursor: not-allowed;
    border: 1px solid #9E9E9E;
    color: #9E9E9E;
    opacity: 0.5;
}

.rockerSwitchDisabled input:disabled:checked + label {
    background-color: #9E9E9E;
    opacity: 0.5;
    color: #ffffff;
}

.fbControl .lpUsername,
.fbControl .lpPassword,
.fbControl .lpSSN {
  background-repeat: no-repeat;
  background-position: left center;
}

.fbControl .lpUsername {
  background-image: url(../../ee/images/icons/ee-username.png);
}

.fbControl .lpPassword {
  background-image: url(../../ee/images/icons/ee-password.png);
}

.fbControl .lpSSN {
  background-image: url(../../ee/images/icons/ee-ssn.png);
}

.fbControl .lpUsername.hideLp,
.fbControl .lpPassword.hideLp,
.fbControl .lpSSN.hideLp {
  background-image: none;
}

#addDynamicfields {
  min-width: 55px;
  height: 23px;
  font-size: 0.9em;
}

@media (max-width: 1024px) {
  /*label[for="changeComment"]{
        width: 100%;
    }
    label[for="eeSig"]{
        width: 100%;
    }
    label[for="sigDate"]{
         width: 100%;
    }*/
  input#changeComment {
    width: 100%;
  }
  input#eeSig {
    width: 100%;
  }
  label.standard {
    width: 100%;
  }
}

#form10ViewTimecard {
  margin-left: 45%;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input.newentryamount {
  width: 95%;
}

.issuerNext {
  display: none !important;
}

.button--archive {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  #addCustomcomplete_popup {
    width: 70px;
    height: 25px;
    font-size: 1.1em;
  }
  #addDynamicfields {
    min-width: 55px;
    height: 22px;
    font-size: 0.9em;
  }
  #removeCustomcomplete_popup {
    width: 70px;
    height: 25px;
    font-size: 1.1em;
  }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  #addCustomcomplete_popup {
    width: 70px;
    height: 25px;
    font-size: 1.1em;
  }
  #removeCustomcomplete_popup {
    width: 70px;
    height: 25px;
    font-size: 1.1em;
  }
  #addDynamicfields {
    min-width: 55px;
    height: 22px;
    font-size: 0.9em;
  }
}
@media screen and (max-width: 436px) {
  #addCustomcomplete_popup,
  #removeCustomcomplete_popup {
    margin: 10px auto !important;
    line-height: 1px;
  }
  #addDynamicfields {
    height: 25px;
  }
}
@media screen and (max-width: 1024px) {
  input[type="search"] {
    border-radius: 4px !important;
    -webkit-appearance: none !important;
    appearance: none !important;
  }
  input[type="search"]:focus {
    border-radius: 4px !important;
    -webkit-appearance: none !important;
  }
}
#pcrPendingTab input[name="pending_start_date"],
#pcrPendingTab input[name="pending_end_date"],
#pcrCompletedTab input[name="completed_start_date"],
#pcrCompletedTab input[name="completed_end_date"] {
  max-width: 80px !important;
}

/*
* Fix for CKEditor width in New Hire Template > Employee Side > Email Inivitation
*/

#invitation_body-row .formLine {
  width: 100%;
}

#add-onboarding-message-form #message_body-row .formLine {
  width:100%;
}

/*
* Fix for Add Message button width in New Hire Template
* > Employee Side > Email Inivitation
*/

#templateContainer #add_new_message {
  margin-left: 0px;
  margin-right: 35%;
}

/*
* Fix for Employee Changes
*/

#manage-employee-learning-form .makeEmployeeChangesBatchActions{
  margin-bottom: -28px;
}

#manage-employee-learning-form .makeEmployeeChangesHeaderText{
  padding-bottom: 16px;
}

.inlineValidationRedBorder{
   border: solid 1px red !important;
}


/*
*    CL Disabled Buttons
*/
.buttonPrimary:disabled,
.buttonSecondary:disabled,
.buttonTertiary:disabled,
.buttonFlatPrimary:disabled,
.buttonFlatSecondary:disabled,
.buttonFlatTertiary:disabled,
.disabledbutton {
    opacity: 0.5;
    cursor: not-allowed;
}
/* For View Change History button in Notification Center */
.addButtonVisibleFocus:focus-visible{
  outline: 1px solid black;
  border-radius: 3px;
}