/*#region GENERAL SITE LAYOUT AND MAIN WEB PAGE BLOCKS */

html {
  height: 100%;
  overflow: hidden;
}

body {
  /* For IE to prevent auto hiding overlapping scrollbar.
       See https://msdn.microsoft.com/library/hh771902%28v=vs.85%29.aspx */
  -ms-overflow-style: scrollbar;
  height: 100%;
  overflow: hidden;
}

form {
  height: 100%;
}

textarea {
  border: 1px solid #bdc6cf;
  padding: 8px;
}

label {
  font-weight: 500;
  color: #2b333d;
  font-size: 16px;
}

label.form-control {
  background: transparent !important;
}

.form-group > label.text-muted {
  margin-top: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #2b333d;
}

.inline {
  display: inline !important;
}

.mobile-only,
.tablet-only,
.small-mobile-only,
.extra-small-mobile-only {
  display: none;
}

.non-mobile-top9 {
  top: 9px;
}

.input-helper-spacer {
  padding-top: 6px;
}

:focus {
  outline: none;
}

p.body-text {
  color: #5e6977;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  margin: 0 auto;
}

h3.section-title,
span.section-title {
  font-size: 26px;
  font-weight: 300;
  color: #2b333d;
}

h4.sub-title {
  font-size: 18px;
  color: #2b333d;
}

input[type="radio"] + label {
  font-weight: 400;
  max-width: calc(100% - 36px);
}

input.has-error,
select.has-error,
textarea.has-error {
  border-color: #ca1011 !important;
  color: #ca1011 !important;
}

input.has-message,
select.has-message {
  border-color: #9840b8;
  color: #9840b8;
}

input.has-warning,
select.has-warning {
  border-color: #ec7d1b;
  color: #ec7d1b;
}

.buttonContainer .form_actions_buttons {
  margin: -12px !important;
}

.form_actions_buttons button {
  vertical-align: top;
}

.form_actions_buttons .pl-sm-pull-left button {
  margin: 10px 16px 0 0 !important;
}

@media only screen and (min-width: 769px) {
  .form_actions_buttons .pl-sm-pull-right button {
    margin: 10px 0 0 16px !important;
  }
}

@media only screen and (max-width: 768px) {
  .form_actions_buttons .pl-sm-pull-right button {
    margin: 10px 16px 0 0 !important;
  }
}

@media (max-width: 768px) {
  .RadWindow {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto;
  }
}

@media (max-width: 768px) {
  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all[aria-describedby="priv-pol-mod"] {
    width: 95vw !important;
    height: 355px !important;
  }

  .modal-body,
  .ui-dialog[aria-describedby="priv-pol-mod"] .ui-dialog-content {
    height: 150px !important;
    overflow-y: scroll;
  }
}

@media (max-width: 475px) {
  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all[aria-describedby="priv-pol-mod"] {
    width: 95vw !important;
    height: 200px !important;
  }

    .modal-dialog {
        width: 300px;
    }

  .ui-dialog[aria-describedby="priv-pol-mod"] {
    overflow-y: auto;
  }

  .modal-body,
  .ui-dialog[aria-describedby="priv-pol-mod"] .ui-dialog-content {
    height: 150px !important;
    overflow-y: scroll;
  }
}
/* Table styles */
table.table {
  table-layout: fixed;
}

table.table > tbody tr:not(.headerRow, .row-no-hover-focus-selection):hover,
table.table > tbody tr:not(.headerRow, .row-no-hover-focus-selection):focus {
  background-color: #f3f6f8 !important;
}

table.table > tbody > tr > td,
table.rgMasterTable > tbody > tr > td,
table.table > tfoot > tr > td {
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 21px;
  font-size: 18px;
  font-weight: 400;
  border-left: none;
  border-right: none;
  color: #2b333d;
  min-height: 48px;
  vertical-align: middle;
  background: transparent;
}

table.table > tbody > tr.vertAlignTop > td,
table.rgMasterTable > tbody > tr.vertAlignTop > td {
  vertical-align: top;
}

table.table > tbody > tr.editRow > td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

table.table > tfoot > tr > td {
  font-weight: 500;
}

table.rgMasterTable > tbody > tr.rgPager > td {
  padding: 0 !important;
}

table.table .RadComboBox .rcbInputCell,
table.table .RadComboBox .rcbArrowCell {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

table.table > tbody tr td.row-item-actions,
table.rgMasterTable > tbody tr:not(.rgPager) td.row-item-actions {
  padding-top: 11px !important;
  padding-bottom: 11px !important;
  font-size: 16px;
  vertical-align: middle;
}

table.table tbody tr td:first-child,
table.table thead th,
table.table tbody tr th,
table.table tfoot tr td,
table.rgMasterTable tbody tr:not(.rgPager) td:first-child,
table.rgMasterTable thead th,
table.rgMasterTable > thead > tr > th:first-child {
  padding-left: 12px;
  padding-right: 12px;
}

table.table thead th:first-child > [class*="icon-"],
table.table thead th:first-child > a > [class*="icon-"] {
  vertical-align: -2px;
  margin-left: 6px;
}

table.table thead th > [class*="icon-"],
table.table thead th > a > [class*="icon-"] {
  vertical-align: -2px;
  margin-left: -5px;
}

table.table td[title]:not(.clickable),
table.table th[title]:not(.clickable) {
  cursor: default;
}

table.table tbody tr td,
table.rgMasterTable tbody tr:not(.rgPager) td {
  /*border-bottom: 1px solid #DFE6EC;*/
  border-bottom: 1px solid #dfe6ec;
}

table.table thead th,
table.table tbody tr th,
table.rgMasterTable thead th {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-bottom: 1px solid #c7d2db;
  min-height: 48px;
}

table.table thead th,
table.table tbody tr th,
table.rgMasterTable thead th,
table.table tbody tr th label {
  font-size: 16px;
  font-weight: 400;
  color: #5e6977;
  line-height: 18px;
}

table.table tfoot th,
table.rgMasterTable tfoot th {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  color: #5e6977;
  border-bottom: 1px solid #dfe6ec;
  font-size: 16px;
  font-weight: 400;
  min-height: 48px;
  line-height: 18px;
  background: transparent;
}

table.table thead .sorted-element,
table.table tbody .sorted-element,
table.rgMasterTable thead .sorted-element,
.RadGrid table thead .sorted-element,
.RadGrid .rgHeader.rgSorted > a {
  font-weight: 800;
  color: #2b333d;
}

table.table thead .sortable-element,
table.table tbody tr th .sortable-element,
table.rgMasterTable thead .sortable-element,
table.table > thead > tr > a.sortable-element,
.RadGrid table > thead > tr > th > a.sortable-element {
  cursor: pointer;
  position: relative;
}

table.table > thead > tr > .sortable-element > a,
table.table > tbody > tr > th.sortable-element > a,
table.table > thead > .sortable-element > a,
table.table > thead > tr > th > a.sortable-element > a,
.RadGrid table > thead > tr > th > a.sortable-element > a {
  color: #4a90e2;
  font-size: 16px;
  position: absolute;
  left: 1px;
  /*left: -7px;*/
}

table.table > thead > th.sortable-element:first-child > a,
table.table > thead > th:first-child > a.sortable-element > a,
table.table > thead > tr > th:first-child > a.sortable-element > a,
table.table > thead > tr > th.sortable-element:first-child > a,
.RadGrid table > thead > tr > th:first-child > a.sortable-element > a {
  left: 4px; /*first colum has greater padding value. This should compensate it*/
}

table.table > thead > tr > .sortable-element.text-right > a,
table.table > tbody > tr > th.sortable-element.text-right > a,
table.table > thead > .sortable-element.text-right > a,
table.table > thead > tr > th > a.sortable-element.text-right > a,
.RadGrid table > thead > tr > th > a.sortable-element.text-right > a {
  right: -10px;
}

table.table > thead > tr > td.sortable-element:before,
table.table tbody > tr > td.sortable-element:before {
  color: #4a90e2;
  font-size: 16px;
  line-height: 1;
}

.override-font-family:before {
    font-family: proliant-1;
}

table.table tbody tr.subrow td,
table.rgMasterTable tbody tr.rgEditRow td,
table.table
  tr.subrow
  tbody
  td.rgGroupCol
  table.rgMasterTable
  tbody
  tr.rgEditRow
  td.rgGroupCol,
table.rgMasterTable tbody tr.rgGroupHeader ~ tr:not(.rgGroupHeader) {
  background-color: transparent;
  /* border-bottom: none; */
  /* border-top: none; */
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  line-height: 20px;
}

table.table tbody tr.rgGroupHeader {
  cursor: pointer;
}

table.RadGrid_Onepointblue tbody tr.rgGroupHeader + tr,
table.table tbody tr.rgGroupHeader + tr.subrow,
table.rgMasterTable tbody tr.rgGroupHeader + tr:not(.rgGroupHeader),
.grid-with-details table.rgMasterTable tbody tr.rgRow:not(.collapsed) + tr:not(.rgRow, .rgAltRow),
.grid-with-details table.rgMasterTable tbody tr.rgAltRow:not(.collapsed) + tr:not(.rgRow, .rgAltRow) {
  box-shadow: 0 2px 0px rgba(199, 210, 219, 0.75) inset;
}

table.table .subrow,
table.rgMasterTable .subrow,
table.rgMasterTable tbody tr.rgGroupHeader ~ tr:not(.rgGroupHeader) {
  background-color: #fafafa;
  border: none !important;
}

table.table .subrow td,
table.rgMasterTable .subrow td,
table.rgMasterTable tbody tr.rgGroupHeader ~ tr:not(.rgGroupHeader) td {
  border: none !important;
}

table.table td > .form-control,
table.table td .custom-select .form-control,
table.table td > .form-control,
table.table th > .form-control,
table.rgMasterTable td > .form-control,
table.rgMasterTable th > .form-control,
table.table td > .RadComboBox,
table.rgMasterTable td > .RadComboBox {
  margin-top: -16px;
  margin-bottom: -16px;
}

table.table thead table tbody td,
table.table thead table thead th {
  padding: 0 !important;
  border: 0 !important;
}

table.table thead table tbody td:focus,
table.table thead table tbody td:hover,
table.table thead table tbody tr:focus,
table.table thead table tbody tr:hover,
table.table thead table thead th:focus,
table.table thead table thead th:hover table.table thead table thead tr:focus,
table.table thead table thead tr:hover {
  background: transparent;
  outline: none;
}

table.table > tbody > tr > td.check-center {
  padding-left: 32px;
}

legend {
  border-bottom: none;
  padding-left: 12px;
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 8px;
  padding-bottom: 0;
  color: #2b333d;
}

table.table > tbody > tr > td:first-child a:focus,
table.table > tbody > tr > td:last-child a:focus,
table.table > tbody > tr > td:first-child a:hover,
table.table > tbody > tr > td:last-child a:hover {
  text-decoration: none;
}

table.table > tbody > tr > th a.tooltip-icon,
table.table > thead > tr > th a.tooltip-icon {
  float: left;
  padding-top: 0px;
  margin: 0 5px -3px -5px;
}

/* Disabling this icon until we have filter UX designed */
table.table > thead > tr > th a[class$="filter"] {
  display: none !important;
}

table.table > thead th .button-menu-controls,
table.table > thead td .button-menu-controls {
  display: inline-block;
  margin-top: -16px;
  margin-bottom: -16px;
  vertical-align: sub;
}

table.table > thead th .button-menu .button,
table.table > thead td .button-menu .button {
  border: none;
}

table.table > tbody > tr > td.checkbox-center,
table.rgMasterTable > tbody > tr > td.checkbox-center {
  text-align: left !important;
}

table.table > tbody > tr > td.checkbox-center .fancy-checkbox,
table.rgMasterTable > tbody > tr > td.checkbox-center .fancy-checkbox {
  margin-left: calc(50% - 12px);
}


table.table.auto-fit-columns {
    table-layout: auto;
    border-collapse: separate;
}

table.table.auto-fit-columns thead {
    position: sticky !important;
    top: 0;
    background: white;
}

table.table.auto-fit-columns th,
table.table.auto-fit-columns td {
    width: 1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 10px 7.5px !important;
}

table.table.auto-fit-columns th.full-width,
table.table.auto-fit-columns td.full-width {
    max-width: 1px;
    width: 100% !important;
}

table.table.auto-fit-columns th .overflow-ellipsis,
table.table.auto-fit-columns td .overflow-ellipsis {
    display: block;
}

.rgMasterTable .rgHeader:not(.rgExpandCol):after {
  font-family: "Proliant-1" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
  color: #4a90e2;
  position: absolute;
  /* left: -9px; */
}

.rgMasterTable .rgHeader.rgSorted:first-child:after {
  /* left: -3px; */
  /*left: 8px;*/
}

.rgMasterTable .rgHeader.rgCheck + th.rgSorted:before,
.rgMasterTable .rgHeader.rgCheck + td.rgSorted:before,
.rgMasterTable .rgHeader.rgExpandCol + th.rgSorted:before,
.rgMasterTable .rgHeader.rgExpandCol + td.rgSorted:before {
  left: -16px;
}

.rgMasterTable .rgHeader.rgSorted {
  position: relative;
  overflow: visible !important;
}

.rgMasterTable .rgHeader.rgSorted input {
  display: none;
}

.rgMasterTable .rgHeader.sortAsc:after {
  content: "\e950";
}

.rgMasterTable .rgHeader.sortDesc:after {
  content: "\e951";
}

.table-condensed > tbody > tr > th.table-header-padding-right12 {
  padding-right: 12px;
}

.table-condensed > tbody > tr.TableValueText > td.column-value-wrap {
  word-wrap: break-word;
}

.grid-with-details tbody > tr.rgRow + tr:not(.rgRow):not(.rgAltRow),
.grid-with-details tbody > tr.rgAltRow + tr:not(.rgRow):not(.rgAltRow),
.grid-with-details tbody > tr.subrow {
  background-color: #fafafa;
}

.grid-with-details tbody tr.rgNoRecords {
  background-color: #ffffff !important;
}

.grid-with-details tbody > tr.rgRow + tr:not(.rgRow):not(.rgAltRow) > td + td,
.grid-with-details
  tbody
  > tr.rgAltRow
  + tr:not(.rgRow):not(.rgAltRow)
  > td
  + td,
.grid-with-details tbody > tr.subrow > td + td {
  /* padding-left: 7px; */
  padding-right: 7px;
  padding-top: 24px;
  padding-bottom: 24px;
}

.grid-with-details tbody > tr > td .grid-detail-row .form-group {
  margin-bottom: 0;
  font-weight: 400;
  display: inline-block;
  line-height: 18px;
}

.grid-with-details tbody > tr > td .grid-detail-row:last-child .form-group,
.grid-with-details
  tbody
  > tr
  > td
  .grid-detail-row:last-child
  div[class^="col-"] {
  margin-bottom: 0;
  padding-bottom: 0;
}

.grid-with-details
  tbody
  > tr
  > td
  .grid-detail-row
  .form-group
  .grid-control-label {
  font-weight: 600;
  color: #2b333d;
  display: block;
}

.grid-with-details
  tbody
  > tr
  > td
  .grid-detail-row
  .form-group
  .grid-control-value {
  font-weight: 400;
  display: block;
  color: #5e6977;
}

.grid-with-details tbody > tr > td .grid-detail-row .employee-image-form-group {
  vertical-align: middle;
}

.grid-with-details
  tbody
  > tr
  > td
  .grid-detail-row
  .employee-image-form-group
  .form-group-image {
  width: 40px;
  padding-right: 8px;
  display: inline-block;
}

.grid-with-details tbody > tr > td .form-group {
  margin-bottom: 0;
}

.grid-with-details tbody > tr > td .form-group .form-control {
  line-height: 18px;
  height: auto;
  margin-bottom: 0;
}

table.table-compact {
  table-layout: fixed;
}

table.table-compact
  > tbody
  tr:not(.headerRow, .row-no-hover-focus-selection):hover,
table.table-compact
  > tbody
  tr:not(.headerRow, .row-no-hover-focus-selection):focus {
  background-color: #f3f6f8 !important;
}

table.table-compact > thead > tr > th,
table.table-compact > thead > tr > th.rgHeader,
table.table-compact > tbody > tr > td,
table.table-compact > tfoot > tr > td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 28px;
  font-size: 16px;
  font-weight: 400;
  border-left: none;
  border-right: none;
  color: #2b333d;
  min-height: 32px;
  vertical-align: middle;
  background: transparent;
}

table.table-compact > tbody > tr.vertAlignTop > td {
  vertical-align: top;
}

table.table-compact > tbody > tr.editRow > td {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

table.table-compact > tfoot > tr > td {
  font-weight: 500;
}

/* End Table styling */

span.status {
  font-size: 14px;
  border: 1px solid #84bf63;
  padding: 4px;
  border-radius: 5px;
}

span.status.green {
  color: #84bf63;
}

span.status.yellow {
  color: #ef9e06;
}

span.status.red {
  color: #d10d12;
}

#container {
  height: 100%;
  overflow: auto;
}

#wrapper {
  /*background-color: #e8ebf0;*/
  background-color: #fff;
  min-height: 100%;
  height: auto !important;
  /*margin: 0 auto -85px;*/
  /* margin-bottom: -85px; */
}

#wrapper.background-gray {
  background-color: #f1f4f4;
}

#wrapper.background-gray #LevelTwoAndThreeMenu {
  background-color: #f1f4f4;
}

#push {
  height: 80px;
  clear: both;
}

#appFooter {
  height: 80px;
  clear: both;
  border-top: solid 1px #bec1c6 !important;
  /*background-color: #f6f7f8 !important;*/
  background-color: #d6dae0 !important;
}

#displayDocumentIFrame {
  border: none;
}

#portalHeader {
  background-color: #ffffff;
}

.topNavConvenienceButton {
  float: left;
  font-size: 24px;
  line-height: 24px;
  text-decoration: none;
  margin-top: 4px;
  padding-left: 12px;
  margin-right: 8px;
}

.secNavConvenienceButton {
    float: left;
    font-size: 18px;
    line-height: 18px;
    text-decoration: none;
    margin-top: 4px;
    padding-left: 12px;
    margin-right: 8px;
}

#topmenuContainer {
  padding: 0px 24px 24px 24px;
}

.topNavConvenienceButton + #topmenuContainer {
  padding-left: 36px;
}

.topNavConvenienceButton + #payrollProgressContainer {
  float: left;
  width: 95%;
  margin-top: -5px;
}

#ChangeLogPlaceHolder {
  min-height: 350px;
}

#pageContentArea {
  max-width: 1140px;
  /*padding-bottom: 80px;*/
  /* padding-bottom: 40px; */
}

#pageContentArea .content #level-four-menu.menu-left {
  float: left;
  width: 20%;
}

#pageContentArea .content #level-four-menu.menu-top ul {
  margin-top: -32px;
  padding: 0 12px;
}

#pageContentArea .content #level-four-menu.menu-left + #page-body-content {
  float: left;
  width: 80%;
}

#pageContentArea .content #level-four-menu.menu-left ul {
  padding: 0;
  margin: 0;
}

#pageContentArea .content #level-four-menu.menu-left label.active,
#pageContentArea .content #level-four-menu.menu-left ul li {
  padding: 8px 24px;
  font-size: 16px;
}

.page-content-area-full-width {
  max-width: 100% !important;
}

.parent-content-area-full-width-floating {
  position: fixed;
  left: 0px;
  top: 200px;
  bottom: 0px;
  margin-bottom: 0 !important;
  width: 100%;
  max-height: 100%;
  z-index: 1;
}

.parent-content-area-full-width-floating .mainContent {
  height: 100%;
  max-height: 100%;
  padding: 0 !important;
}

.page-content-area {
  min-height: 90px;
}

/*#endregion GENERAL SITE LAYOUT AND MAIN WEB PAGE BLOCKS */

/*#region MENUS */

/*### VLAD TEST - remove*/
/*#sc_menu .nav-item svg {
    fill: #fff;
    color: #fff;
}*/

#appSidebar {
  margin-bottom: 12px;
}

/* #sc_menu > li:first-child {
  display: none;
} */
/*#sc_menu .nav-item:not(.active) { opacity: 0.85; }*/
#sc_menu .nav-item:hover {
  opacity: 1;
}

#sc_menu .nav-item .menu-icon {
  /*display: inline-block;
        width: 30px;*/
  /*height: 30px;*/
  /*height: 26px;*/
  background-repeat: no-repeat;
  background-position: 50% 0;
  font-size: 22px;
}

#sc_menu .nav-item.active .menu-icon {
  color: #fff;
}
/*#sc_menu .nav-item .menu-icon.home {
            content: "\e925";
        }
        #sc_menu .nav-item .menu-icon.user { background-image: url(../image/employee_w.svg); }
        #sc_menu .nav-item .menu-icon.calendar { background-image: url(../image/attend_w.svg); }
        #sc_menu .nav-item .menu-icon.umbrella { background-image: url(../image/home_w.svg); }
        #sc_menu .nav-item .menu-icon.legal { background-image: url(../image/hr_w.svg); }
        #sc_menu .nav-item .menu-icon.money { background-image: url(../image/payroll_w.svg); }
        #sc_menu .nav-item .menu-icon.plug { background-image: url(../image/home_w.svg); }
        #sc_menu .nav-item .menu-icon.book { background-image: url(../image/training_w.svg); }
        #sc_menu .nav-item .menu-icon.bar-chart { background-image: url(../image/reports_w.svg); }
        #sc_menu .nav-item .menu-icon.briefcase { background-image: url(../image/labor_w.svg); }
        #sc_menu .nav-item .menu-icon.group { background-image: url(../image/team_w.svg); }
        #sc_menu .nav-item .menu-icon.line-chart { background-image: url(../image/talent_management_w.svg); }
        #sc_menu .nav-item .menu-icon.graduation-cap { background-image: url(../image/talent_aquisition_w.svg); }
        #sc_menu .nav-item .menu-icon.building { background-image: url(../image/company_w.svg); }
        #sc_menu .nav-item .menu-icon.cogs { background-image: url(../image/settings_w.svg); }*/
/*#sc_menu .nav-item:hover .menu-icon.home { background-image: url(../image/home_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.user { background-image: url(../image/employee_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.calendar { background-image: url(../image/attend_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.umbrella { background-image: url(../image/home_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.legal { background-image: url(../image/hr_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.money { background-image: url(../image/payroll_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.plug { background-image: url(../image/home_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.book { background-image: url(../image/training_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.bar-chart { background-image: url(../image/reports_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.briefcase { background-image: url(../image/labor_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.group { background-image: url(../image/team_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.line-chart { background-image: url(../image/talent_management_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.graduation-cap { background-image: url(../image/talent_aquisition_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.building { background-image: url(../image/company_b.svg); }
        #sc_menu .nav-item:hover .menu-icon.cogs { background-image: url(../image/settings_b.svg); }

        #sc_menu .nav-item.active .menu-icon.home { background-image: url(../image/home_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.user { background-image: url(../image/employee_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.calendar { background-image: url(../image/attend_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.umbrella { background-image: url(../image/home_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.legal { background-image: url(../image/hr_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.money { background-image: url(../image/payroll_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.plug { background-image: url(../image/home_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.book { background-image: url(../image/training_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.bar-chart { background-image: url(../image/reports_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.briefcase { background-image: url(../image/labor_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.group { background-image: url(../image/team_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.line-chart { background-image: url(../image/talent_management_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.graduation-cap { background-image: url(../image/talent_aquisition_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.building { background-image: url(../image/company_bold_w.svg); }
        #sc_menu .nav-item.active .menu-icon.cogs { background-image: url(../image/settings_bold_w.svg); }*/

#sc_menu .nav-item {
  padding: 8px 16px;
}

#sc_menu .mobile-logo {
  display: none;
}

#sc_menu .nav-item .menuText {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
}

#sc_menu > .nav-item {
  min-width: 80px;
}

#sc_menu .nav-item > a {
  padding: 0;
}

#sc_menu .nav-item:hover > a,
#sc_menu .nav-item:hover > a > .menuText {
  background-color: transparent;
}

#sc_menu .nav-item.active > a > div {
  /*background: linear-gradient(#396FBE, #2E5CA3);*/
  background-color: #3a5e8c;
}
/*#sc_menu .nav-item.active .nav-item-icon {
        color: #fff !important;
    }*/
#sc_menu .nav-item.active .nav-item-icon,
#sc_menu .nav-item.active .nav-item-text {
  color: #fff !important;
  /*color: #fbb95b !important;*/
}

#sc_menu .nav-item.active .nav-item-text {
  margin: 0;
}

/*#sc_menu .nav-item.active.home .nav-item-icon {
    color: #ba7743;
}

#sc_menu .nav-item.active.home .nav-item-text {
    color: #ba7743;
}

#sc_menu .nav-item.active.user .nav-item-icon {
    color: #2A9AE3;
}

#sc_menu .nav-item.active.user .nav-item-text {
    color: #2A9AE3;
}

#sc_menu .nav-item.active.legal .nav-item-icon {
    color: #8a4a8d;
}

#sc_menu .nav-item.active.legal .nav-item-text {
    color: #8a4a8d;
}

#sc_menu .nav-item.active.money .nav-item-icon {
    color: #7ca46f;
}

#sc_menu .nav-item.active.money .nav-item-text {
    color: #7ca46f;
}

#sc_menu .nav-item.active.inbox .nav-item-icon {
    color: #d4ad11;
}

#sc_menu .nav-item.active.inbox .nav-item-text {
    color: #d4ad11;
}

#sc_menu .nav-item.active.bar-chart .nav-item-icon {
    color: #078828;
}

#sc_menu .nav-item.active.bar-chart .nav-item-text {
    color: #078828;
}

#sc_menu .nav-item.active.building .nav-item-icon {
    color: #578aab;
}

#sc_menu .nav-item.active.building .nav-item-text {
    color: #578aab;
}

#sc_menu .nav-item.active.briefcase .nav-item-icon {
    color: #b28225;
}

#sc_menu .nav-item.active.briefcase .nav-item-text {
    color: #b28225;
}

#sc_menu .nav-item.active.umbrella .nav-item-icon {
    color: #8a4a8d;
}

#sc_menu .nav-item.active.umbrella .nav-item-text {
    color: #8a4a8d;
}

#sc_menu .nav-item.active.group .nav-item-icon {
    color: #df8a4b;
}

#sc_menu .nav-item.active.group .nav-item-text {
    color: #df8a4b;
}

#sc_menu .nav-item.active.newspaper-o .nav-item-icon {
    color: #8ca46f;
}

#sc_menu .nav-item.active.newspaper-o .nav-item-text {
    color: #8ca46f;
}

#sc_menu .nav-item.active.sign-in .nav-item-icon {
    color: #4cb0ad;
}

#sc_menu .nav-item.active.sign-in .nav-item-text {
    color: #4cb0ad;
}

#sc_menu .nav-item.active.cog .nav-item-icon {
    color: #578aab;
}

#sc_menu .nav-item.active.cog .nav-item-text {
    color: #578aab;
}

#sc_menu .nav-item.active.cogs .nav-item-icon {
    color: #8a4a8d;
}

#sc_menu .nav-item.active.cogs .nav-item-text {
    color: #8a4a8d;
}*/

/* sub-menu of the top level menu */
#sc_menu > li {
  position: relative;
}

#sc_menu > li.active {
  background-color: #3a5e8c;
}

#sc_menu > li:hover > .parent-sub-menu {
  display: block;
}

#sc_menu .parent-sub-menu {
  position: absolute;
  display: none;
  background-color: #fafafa;
}

/* location of the top level hover menu when vertical menu */
/*#container #sc_menu .parent-sub-menu {
    border-top: solid 1px #20638f;
    border-right: solid 1px #20638f;
    border-bottom: solid 1px #20638f;
    border-left: none;
    left: 100%;
    top: -1px;
    min-width: 200px;
}*/
/* location of the top level hover menu when horizontal menu */
#sc_menu .parent-sub-menu {
  border: solid 1px #ccc;
  left: -1px;
  top: 100%;
  min-width: 200px;
  box-shadow: 3px 3px 8px #ccc;
  background-color: #fff;
  border-radius: 3px;
}

#sc_menu .sub-menu-container {
  position: relative;
  display: block;
  background-color: #ffffff;
  padding-bottom: 7px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  text-align: left;
  color: #5e6977;
  cursor: pointer;
  height: 40px;
  border-radius: 3px;
}

#sc_menu .sub-menu-container[onclick*="MasterCompanySetup"],
#sc_menu .sub-menu-container[onclick*="CalendarScheduleSetup"] {
  min-width: 220px;
}

div.sub-menu-container:active {
  background-color: #4a90e2 !important;
  color: #fff !important;
}

.sub-menu-container-icon {
  float: right;
  padding-top: 2px;
  color: #5e6977;
  position: absolute;
  right: 16px;
}

div.sub-menu-container:active > i.sub-menu-container-icon {
  background-color: #4a90e2 !important;
  color: #fff !important;
}

#sc_menu .parent-sub-menu a {
  display: block;
  /*color: #20638f !important;*/
  color: #5e6977 !important;
  background-color: #fff !important;
  height: 40px;
  font-size: 16px;
  border-left: none;
  /*padding: 8px 15px;*/
  /*font-size: 1.1em;*/
  /*-o-transition: background-color 400ms ease;
    -webkit-transition: background-color 500ms ease;
    transition: background-color 400ms ease;*/
}

#sc_menu .sub-menu-container.serviceplaceholder {
  color: #c7d2db !important;
}

#sc_menu .parent-sub-menu .sub-menu-container.serviceplaceholder:hover {
  background-color: #f3f6f8 !important;
  color: #c7d2db !important;
}

#sc_menu .parent-sub-menu > a.serviceplaceholder {
  color: #c7d2db !important;
}

#sc_menu .parent-sub-menu > a.serviceplaceholder:hover {
  background-color: #f3f6f8 !important;
  color: #c7d2db !important;
}

#sc_menu .parent-sub-menu a:first-child {
  margin-top: 8px;
}

#sc_menu .parent-sub-menu a:hover,
#sc_menu .parent-sub-menu .sub-menu-container:hover {
  background-color: #f3f6f8 !important;
}

#sc_menu .parent-sub-menu a:active,
#sc_menu .parent-sub-menu .sub-menu-container:active {
  background-color: #4a90e2 !important;
  color: #fff !important;
}

#container #sc_menu .parent-sub-menu.right-align,
#container.horizontal-menu #sc_menu .parent-sub-menu.right-align {
  right: -1px;
}

#container #sc_menu .parent-sub-menu .parent-sub-menu-title,
#container.horizontal-menu #sc_menu .parent-sub-menu .parent-sub-menu-title {
  display: none;
  padding: 8px 16px;
  border-bottom: solid 1px #ccc;
}

/*#headerMenuLeft {
    float: left;
    margin-right: 20px;
    line-height: 26px;
}
#headerMenuRight {
    float: right;
    margin-right: 20px;
    line-height: 26px;
}*/

#contextSwitch {
  float: left;
  margin-left: 30px;
}

#contextSwitch .btn-group .btn-default:first-child {
  min-width: 130px;
  text-align: left;
}

#contextSwitch .btn-group > a {
  padding: 3px 10px;
  background-color: #87b252;
  color: #fff;
}

#contextSwitch .dropdown-toggle {
  border-left: none;
}

#contextSwitch .dropdown-menu,
#contextSwitch .dropdown-menu a {
  background-color: #fff;
  color: #87b252;
}

/*#contextSwitch .btn-group a {
        background-color: #87B252;
        color: #fff;
    }*/

.context_switch {
  float: left;
  border: solid 1px #ccc;
  background-color: #f1f1f1;
  /*padding: 2px 2px;*/
  border-radius: 4px;
  line-height: 1.3em;
  font-size: 14px;
}

.context_switch .switch-button {
  padding: 2px 5px;
  color: #bbb;
  background-color: #f1f1f1;
  border: none;
  border-radius: 4px;
}

.context_switch .switch-button.active {
  color: #192d5c;
  background-color: #fff;
  box-shadow: none;
  font-weight: 600;
  border: solid 1px #eaeaea;
}

/*#endregion MENUS */

/*#region GENERAL PURPOSE CSS CLASSES */

.background-gray100{
    background-color: #f1f4f4;
}

span.record-count::before {
  content: "Found  ";
  display: inline;
  white-space: pre;
}

.clearfix {
  clear: both;
  height: 0;
}

.spacer2,
.spacerSmall {
  clear: both;
  height: 2px;
}

.spacer5 {
  clear: both;
  height: 5px;
}

/* the "U" represents units for our design. 1 unit represents 8px as of 2/6/2018 */
.spacer12u {
  clear: both;
  height: 4px;
}

.spacer8,
.spacer1u {
  clear: both;
  height: 8px;
}

.spacer10 {
  clear: both;
  height: 10px;
}

.spacer15 {
  clear: both;
  height: 15px;
}

.spacer16,
.spacer2u {
  clear: both;
  height: 16px;
}

.spacer24,
.spacer3u {
  clear: both;
  height: 24px;
}

.spacer312u {
  clear: both;
  height: 28px;
}

.spacer20 {
  clear: both;
  height: 20px;
}

.spacer30 {
  clear: both;
  height: 30px;
}

.spacer4u {
  height: 32px;
  clear: both;
}

.spacer412u {
  height: 36px;
  clear: both;
}

.spacer40,
.spacer5u {
  clear: both;
  height: 40px;
}

.spacer6u {
  height: 48px;
  clear: both;
}

.spacer50 {
  clear: both;
  height: 50px;
}

.spacer100 {
  clear: both;
  height: 100px;
}

.scroll-spacer {
  margin-right: 17px;
}

.max-height-50u {
  max-height: 300px;
}

.large-link {
  font-size: 1.5em;
}

.fa.warning {
  color: #ffa500 !important;
}

.fa.green {
}

.btn100 {
  min-width: 100px !important;
}

.btn125 {
  min-width: 125px !important;
}

.btn150 {
  min-width: 150px !important;
}

.btn175 {
  min-width: 175px !important;
}

.btn200 {
  min-width: 200px !important;
}

.btn250 {
  min-width: 250px !important;
}

.btn270 {
  width: 270px;
}

.bold {
  font-weight: bold;
}

.bolder {
  font-weight: 500;
}

.font-size12 {
    font-size: 12px !important;
}

.font-size14 {
    font-size: 14px !important;
}

.font-size16 {
  font-size: 16px !important;
}

.font-size18 {
    font-size: 18px !important;
}


.font-size23 {
    font-size: 23px !important;
}

.font-lighter{
    font-weight:lighter;
}

.big-label {
  font-size: 18px;
}

.Required {
  color: red;
  font-weight: bold;
  font-size: 12px;
}

.margin5{
    margin:5px;
}
.margin-v-1u {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.margin-top5 {
  margin-top: 5px;
}

.margin-top10 {
  margin-top: 10px;
}

.margin-top25 {
  margin-top: 25px;
}

.margin-top30 {
  margin-top: 30px;
}

.margin-bottom5 {
  margin-bottom: 5px;
}

.margin-bottom8 {
  margin-bottom: 8px;
}

.margin-bottom10 {
  margin-bottom: 10px;
}


.margin-bottom20 {
    margin-bottom: 20px;
}

.margin-left8 {
    margin-left: 8px;
}

.margin-left10 {
  margin-left: 10px;
}

.margin-left16 {
  margin-left: 16px;
}

.margin-left24 {
  margin-left: 24px !important;
}

.margin-left25 {
  margin-left: 25px;
}

.margin-left32 {
  margin-left: 32px;
}

.margin-left40 {
  margin-left: 40px;
}

.margin-left55 {
  margin-left: 55px;
}

.margin-right5 {
  margin-right: 5px;
}

.margin-right6 {
  margin-right: 6px;
}

.margin-right10 {
  margin-right: 10px;
}

.margin-right12 {
  margin-right: 12px;
}

.margin-right16 {
  margin-right: 16px;
}

.margin-right24 {
    margin-right: 24px;
}

.margin-right8 {
  margin-right: 8px;
}

.margin-bottom-auto {
  margin-bottom: auto !important;
}

.margin-bottom-2u {
  margin-bottom: 16px !important;
}

.padding16 {
    padding: 16px;
}
.padding-left-3u {
  padding-left: 24px !important;
}

.padding-left-12 {
    padding-left: 12px !important;
}

.padding-right-1u {
  padding-right: 8px !important;
}
.padding-right-3u {
    padding-right: 24px !important;
}

.padding-bottom-1u {
  padding-bottom: 8px !important;
}

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

td.checkbox-field input[type="checkbox"] {
  margin: 2px 0;
}

.dirty {
  color: Orange !important;
}

.no-border {
  border: none !important;
}

.no-border-top {
  border-top: none !important;
}

.hidden-overflow {
  overflow: hidden;
}

.text-breakall {
  word-break: break-all;
}

.text-disabled {
  color: #5e6977;
}

.select-option-disabled {
  color: rgb(135, 135, 135) !important;
}

/****** Colors *****/
.orange {
  color: #ec7d1b;
}

.green {
  color: #7dc855 !important;
}

.cashgreen {
  color: #229955;
}

.red {
  color: #ca1011 !important;
}

.blue {
  color: #4a90e2 !important;
}

.orangeicon {
  color: #ec7d1b;
}

.greenicon {
  color: #62a844;
}

.blackicon {
  color: black;
}

.plum {
  color: #9840b8;
}

/****** END: Colors *****/

span.large-text {
  font-size: 150%;
  font-weight: 400;
}

/* #endregion GENERAL PURPOSE CSS CLASSES */

/*#region PANELS */

/* Region COLLAPSIBLE PANELS */

.panel .panel {
  border: none;
}

/*    .panel .panel .panel-heading {
        border: none;
        border-bottom: solid 2px #999;
        background-color: transparent;
    }*/

.no-padding {
  padding-right: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.slim-padding-horizontal {
  padding: 16px 8px 16px 8px !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-top {
    margin-top: 0;
}

.no-border-radius {
  border-radius: 0;
}

.panel-info .panel,
.panel.panel-info {
  margin-bottom: 0;
}

.panel-info:not(.read-only-panel) .panel-default {
  margin-right: auto;
}

.panel-default.read-only-panel .panel-heading .panel-title {
  padding-left: 12px;
}

.panel > .panel-info {
  border-bottom: solid 1px #dfe6ec;
}

.panel-info:not(.read-only-panel) > .panel-body {
  padding-left: 12px;
  padding-right: 12px;
}

.panel.multi-panel {
  margin-bottom: 0;
}

.panel-body.multi-panel > div[class^="col"] {
  padding-left: 0;
}

.panel-info > .panel-actions {
  color: #4a90e2;
}

.panel-info > .panel-heading {
  background-color: #ffffff;
  padding: 12px;
  border: none;
}

.tab-pane .panel-info > .panel-heading {
  padding: 12px 24px;
}

.panel-info > .panel-heading > .panel-title {
  /* color: #0D2240;     */
  color: #2b333d;
  font-size: 26px;
  line-height: 27px;
  font-weight: 200;
  padding-left: 10px;
  position: relative;
}

.panel-default .panel-heading a > [class^="icon"] {
  vertical-align: -2px;
}

.panel-info[data-collapse] > .panel-heading > .panel-title {
  max-width: 90%;
}

.panel-info[data-collapse]
  > .panel-heading
  > .panel-title[data-toggle="collapse"] {
  cursor: pointer;
}
.panel-info[data-collapse]
  > .panel-heading
  > .panel-title[data-bs-toggle="collapse"] {
  cursor: pointer;
}

.panel-info > row.multi-panel {
  margin-left: -12px;
}

.panel-info .panel-body .table,
.panel-info .collapse .table-container:only-child {
  border: none;
}

.panel-info .collapse .table-container:only-child {
  border-bottom: none;
}

.panel-info .panel-body .table > thead > tr > th,
.panel-info .panel-body .table > thead > th {
  background-color: transparent;
}

.panel-info .panel-body > .table-container:first-child,
.panel-info .panel-body > div > .table-container:first-child,
.panel-info .panel-body > .RadGridContainer:first-child,
.panel-info .panel-body > div > .RadGridContainer:first-child {
  margin-top: -13px; /* 12px + 1px for top border */
}

.tab-content > .tab-pane > .RadGridContainer:first-child,
.tab-content > .tab-pane > .RadGrid:first-child,
.tab-content > .tab-pane > .table-cotainer:first-child {
  margin-top: -21px;
}

/* #manualCheckCalculator ul.formTabs > li:first-child > a[data-toggle]:before,
#manualCheckCalculator ul.formTabs > li:first-child > a[data-toggle]:not([aria-expanded=true]):before, */
#PayrollEntryTopContainer
  .PayrollEmpTabs
  > ul
  > li:first-child
  > a[data-toggle]:before,
#PayrollEntryTopContainer
  .PayrollEmpTabs
  > ul
  > li:first-child
  > a[data-toggle]:not([aria-expanded="true"]):before {
  top: 50% !important;
  left: -8px !important;
}


#PayrollEntryTopContainer
.PayrollEmpTabs > ul > li:first-child > a[data-toggle]:before,
.panel-info[data-collapse] > .panel-heading > .panel-title:before,
.panel[data-collapse] > .panel-heading > .panel-title[data-bs-toggle]:before,
.form-group-collapse label[data-toggle]:after,
.panel-collapsible[data-collapse] > div[data-toggle]:before {
    content: "\e94c";
    position: absolute;
    font-family: "Proliant-1" !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    transition: 0.4s rotate linear;
    -moz-transition: 0.4s rotate linear;
    -webkit-transition: 0.4s rotate linear;
    left: -15px;
    top: 2px;
    font-size: 14px;
    height: 14px;
    width: 14px;
    font-weight: 600;
    color: #4a90e2;
}


#PayrollEntryTopContainer
.PayrollEmpTabs > ul > li:first-child > a[data-toggle]:not([aria-expanded="true"]):before,
.panel-info[data-collapse] > .panel-heading > .panel-title:not([aria-expanded="true"]):before,
.panel[data-collapse] > .panel-heading > .panel-title[data-bs-toggle].collapsed:before,
.form-group-collapse label.collapsed[data-toggle]:after,
.panel-collapsible[data-collapse] > div.collapsed:before {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    top: 6px;
    left: -20px;
}

.panel-info .panel-actions {
  line-height: 24px;
  position: absolute;
  right: 24px;
}

.panel-info .panel-actions > li > a,
.panel-info .panel-actions > li > i {
  color: #4a90e2 !important;
  font-size: 22px;
}

.panel-info .panel-actions > li > .btn,
.panel-info .panel-actions > li > input[type="button"] {
  margin-top: -8px;
}

.panel-info .panel-body .row > div[class^="col"]:first-child {
  margin-left: -12px;
}

.panel-info .panel-body .row > div[class^="col"]:last-child {
  margin-right: -12px;
}

.panel-stacked {
  margin-top: -8px;
}

.panel.payroll-check-date-panel {
  margin-bottom: 0;
  margin-top: 10px;
  background-color: #e8ebf0;
  border-color: #d4d8de;
  min-width: 250px;
  float: right !important;
}

.panel-info .table-container {
  margin-bottom: 0 !important;
}

.panel-info .table-container th,
.panel-info .table-container th td {
  background-color: #ffffff !important;
}

.panel-info .table thead th:first-of-type,
.panel-info .table tbody tr td:first-of-type {
  padding-left: 24px;
}

.panel.read-only-container .panel-body {
  background-color: #f1f4f4 !important;
  padding-left: 12px;
}

/* End region COLLAPSIBLE PANELS

/* Region READ ONLY COLLAPSIBLE PANELS */

.panel-info.read-only-panel .panel-heading .panel-title {
  /* color: #141823; */
  padding-left: 11px;
}

.panel-info.read-only-panel > .panel-heading + div .panel .panel-title {
  padding-left: 24px;
}

.panel-info.read-only-panel > .panel-heading + div .panel .panel-body {
  padding: 24px 12px 0px 12px;
}

.panel-info.read-only-panel > .panel-heading + div > div[class^="col"],
.panel-info.read-only-panel > .panel-heading + div .row > div[class^="col"] {
  padding-left: 0;
}

.panel-info.read-only-panel > .panel-heading + div .panel .panel-heading {
  padding-left: 0;
}

.panel-footer {
  background: transparent;
  border-top: 0;
}

.min-height-zero {
  min-height: 0 !important;
}

/* End Region READONLY COLLAPSIBLE PANELS

.read-only-panel .control-label {
    font-weight: normal;
}

.read-only-panel .form-control-static {
    font-weight: 600;
}

.background-gray {
    background-color: #f1f1f1;
}

.background-khaki {
    background-color: #E4EBCE;
}

.table.background-khaki {
    border: solid 1px #A4C639;
}

.panel-title-large {
    font-size: 1.8em;
    display: inline-block;
    margin-bottom: 6px;
}

    .panel-title-large .fa {
        margin-right: 10px;
    }

.navigation-link {
    font-size: 1.2em;
    line-height: 1.5em;
}

    .navigation-link .fa {
        margin-right: 0.5em;
        display: inline-block;
        width: 1.5em;
        text-align: right;
    }

.navigation-link.multi-color {
    color: #141823;
}

    .navigation-link.multi-color .fa {
        color: #659955;
    }

.navigation-block {
    cursor: pointer;
    overflow-x: hidden;
    overflow-y: auto;
}

    .navigation-block:hover {
        background-color: #fafafa;
        -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }

/*#endregion PANELS */

/*#region TABLES */

.table-container {
  /*border: solid 1px #A7A8A7;*/
  border-top: solid 1px #c7d2db;
  border-bottom: solid 1px #c7d2db;
  background: #fff none repeat scroll 0 0;
  margin-bottom: 0px !important;
}

.no-table-border .table,
.table-container .table {
  border: none;
}

.edit-row-container {
  padding: 24px;
  background-color: #fafafa !important;
}

/* .edit-row-container h3 {
        font-size: 52px;
        margin-top: 0;
        margin-bottom: 24px;
        font-weight: 300;
        color: #5E6977
    } */

.edit-row-container table,
.edit-row-container table > tbody > tr {
  background: transparent !important;
}

.edit-row-container table thead > tr > th {
  border-top: 1px solid #c7d2db !important;
}

.edit-row-container table > tbody > tr > td:first-child,
.edit-row-container table > thead > tr > th:first-child {
  padding-left: 0 !important;
}

.table-header-container {
  padding-right: 15px;
  border-bottom: solid 1px #c7d2db;
  /*background-color: #578aab;*/
}

.scrollable-container,
.table-container .scrollable-container {
  overflow: auto;
}

.table-container.pager-bottom,
.scrollable-container.pager-bottom {
  margin-bottom: 0;
}

.table.summary-table,
.summary-table {
  width: 100%;
  border: solid 0 #dedede;
}

.table.summary-table th,
.summary-table th {
  font-weight: bold;
  padding: 4px 5px 4px 2px;
}

.table.summary-table > thead > tr > th,
.summary-table > thead > tr > th {
  border-bottom: solid 1px #dedede !important;
  border-top: solid 1px #dedede !important;
  background-color: #f5f5f5;
}

.table.summary-table > tfoot > tr > th,
.summary-table > tfoot > tr > th {
  border-top: solid 1px #dedede !important;
}

.table.summary-table td,
.summary-table td {
  padding: 4px 5px 4px 2px;
  border-bottom: solid 1px #f1f1f1;
}

.table-very-condensed > tbody > tr > td,
.table-very-condensed > tbody > tr > th,
.table-very-condensed > tfoot > tr > td,
.table-very-condensed > tfoot > tr > th,
.table-very-condensed > thead > tr > td,
.table-very-condensed > thead > tr > th {
  padding: 4px 5px 4px 2px;
  line-height: 1em;
}

.table-very-condensed > thead > tr > td,
.table-very-condensed > thead > tr > th {
}

.table-dev-opp-sessions > tbody > tr > td {
  padding-left: 0;
}

.table .summaryRow {
  border-top: solid 1px #c7d2db;
}

.table tbody,
.rgMasterTable tbody {
  border-bottom: 1px solid #dfe6ec;
}

.table tbody tr:last-child td,
.rgMasterTable tbody tr:last-child td {
  border-bottom: none !important;
}

tr.noshow,
tr.noshow > th {
  height: 0 !important;
  padding: 0 !important;
  margin: 0;
  visibility: hidden;
}

.panel > .table-container {
  border-top: none;
  /* border-radius: 4px; */
}

/* table tr.EmployeeSummaryInfoTableHeader td, table tr.EmployeeSummaryInfoTableHeader th {
        border-bottom: solid 1px #a7a8a7 !important;
    } */

table.jTemplateGridHeader.table {
  margin-bottom: 0;
}

.jTemplateContentContainer {
  overflow: auto;
}

/* In use on EmployeeDemographics when showing warning about duplicate SSNs */
table.MessageHandlerInfoTable TR {
  text-align: left;
}

/*table.MessageHandlerInfoTable TH {
    background-color: white;
}*/

table.MessageHandlerInfoTable TH,
table.MessageHandlerInfoTable tbody TD {
  border: 1px solid #aaa;
  padding: 1px 6px;
}

body .table tr.SelectedAngular > td,
body .table-striped tr.SelectedAngular > td,
tr.Selected,
tr.selectedJob,
table.rgMasterTable > tbody > tr.rgSelectedRow > td,
body .table-striped tr.Selected > td,
.list-group > .list-group-item.active {
    background-color: #e2f2fb !important;
    color: #4a90e2;
}

.UserAdministrationGrid .RadGrid_Onepointblue a:hover {
  text-decoration: underline;
}

.UserAdministrationGrid table.rgMasterTable > tbody > tr.rgSelectedRow > td {
  color: #2b333d;
}

.TableValueNumeric {
  text-align: right;
}

.TableValueText {
  text-align: left;
  /* height: 48px; */
}

.Center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.TableValueText.Right,
th.Right,
td.Right {
  text-align: right;
}

.table-fixed-width,
.table-striped {
  table-layout: fixed;
  width: 100%;
}

.table-selected-row {
  background-color: #e2f2fb !important;
  color: #4a90e2 !important;
}

.table-selected-row > td {
  color: #4a90e2 !important;
}

.table-fixed-width > tbody > tr > td,
.table-striped > tbody > tr > td,
.table-striped > tbody > tr > td > a {
  /* overflow: hidden;
        white-space: nowrap;
        -moz-text-overflow: ellipsis;
        text-overflow: ellipsis; */
}

/*#region TABLE GRID PAGING */

.TableGridPaging {
  overflow: hidden;
  padding: 7px 12px;
  /* border-bottom: solid 1px #C7D2DB; */
  border-top: solid 1px #c7d2db;
  background: #ffffff;
  font-size: 16px;
  line-height: 40px;
}

.table-container .TableGridPaging {
  border-top: none;
}

.table-container + .TableGridPaging,
.table-container + pager-for-grid > .TableGridPaging,
.table-container ~ .TableGridPaging{
  border-top: none;
  border-bottom: 1px solid #c7d2db;
}

.TableGridPaging a {
  cursor: pointer;
  margin: auto 8px;
}

.TableGridPaging select {
  width: auto;
}

.TableGridPaging a,
.TableGridPaging a:hover,
.TableGridPaging a:focus,
.TableGridPaging a:active,
.TableGridPaging a:visited {
  text-decoration: none;
}

.TableGridPaging a:first-child {
  margin-left: auto;
}

.TableGridPaging a i {
  font-weight: 600;
  font-size: 12px;
}

.TableGridPaging .custom-select {
  display: inline-block;
}

.TableGridPaging .page .select-side {
  display: none;
}

.TableGridPaging .page select {
  padding: 0 18px 0 16px;
  color: #4a90e2;
}

.TableGridPaging .page-size {
  margin-left: 16px;
  width: auto; /*Equal with .select*/
}

.TableGridPaging p {
  display: inline;
  vertical-align: middle;
}

.TableGridPaging p #JTemplateRecordInfo {
  line-height: 40px;
}

/*.TableGridPaging > div span:last-of-type {
        margin-left: 8px;
    }*/

.TableGridPaging .rows {
  margin-left: 8px;
}

.TableGridPaging .record-count {
  font-weight: 500;
  margin-right: 8px;
}

.TableGridPaging .result-delimiter {
  margin-left: 8px;
  margin-right: 8px;
}

.TableGridPaging .page-count {
  font-weight: 500;
  margin-right: 8px;
}

.custom-table-footer {
  min-height: 48px;
  color: #2b333d;
  vertical-align: middle;
  background: transparent;
  border-right: none;
  border-left: none;
  font-weight: 400;
  font-size: 18px;
  line-height: 21px;
  padding-top: 13px !important;
  padding-bottom: 13px !important;
  border-top: 1px solid #c7d2db;
  border-bottom: 1px solid #c7d2db;
}

/*#endregion TABLE GRID PAGING */

/*#region TABLE ROW ACTION BUTTONS */

table a.fa,
table tbody td.row-item-actions > span,
table tbody td.row-item-actions > a,
.row-actionable .row-item-actions > a {
    margin-right: 8px;
    cursor: pointer;
    font-size: 16px;
    color: #4a90e2;
    text-decoration: none !important;
    line-height: 18px;
    vertical-align: text-bottom;
}

    table a.fa.not-clickable,
    table tbody td.row-item-actions > span.not-clickable,
    table tbody td.row-item-actions > a.not-clickable{
        cursor: default;
    }

    table a.fa.fa-trash-o {
        color: #b91110;
    }

table a.fa.fa-trash-o:hover {
  color: #970000;
}

table a.fa.fa-trash-o[disabled],
table a.fa.fa-trash-o[disabled]:hover {
  color: #bbb;
}

table a.fa.fa-edit {
  color: #da8745;
}

table a.fa.fa-edit:hover {
  color: #bd6723;
}

table a.fa.fa-edit[disabled],
table a.fa.fa-edit[disabled]:hover {
  color: #bbb;
}

/*#endregion TABLE ROW ACTION BUTTONS */

table.table tbody tr.rgNoRecords td,
table.rgMasterTable tbody tr.rgNoRecords td {
  border-bottom: none;
}
/*#endregion TABLES */

/*#region TABS */
.nav-tabs {
  border: none;
  border-bottom: 1px solid #dfe6ec;
  /*padding: 0 8px;*/
}

.nav-tabs > li {
  border: none;
  font-size: 16px;
  margin: 0 12px;
}

/*.nav-tabs > li:first-child {
        margin-left: 0;
    }*/

.nav-tabs > li.active {
  border-bottom: 2px solid #62a844;
  margin-bottom: -2px;
  font-weight: 500;
  /*padding-right: 12px;*/
  /*padding-left: 12px;*/
  /*padding-bottom: 16px;*/
}



.formTabs.nav-tabs li:first-child a {
  padding-left: 0;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
  color: #2b333d;
}

.nav-tabs > li > a {
  border: none !important;
  margin: auto;
  border-radius: 0;
  line-height: initial;
  padding: 16px 0;
}

.nav-tabs > li > a:active,
.nav-tabs > li > a:focus,
.nav-tabs > li > a:hover {
  background: transparent;
  outline: none !important;
}

.tab-content {
  border: none !important;
}

.tab-content.nooverflow {
  overflow: unset;
}

.formTabs.nav-pills li.tab-actions {
  color: #fff;
  background-color: #20638f;
  border-radius: 4px;
}

.formTabs.nav-pills li.tab-actions > a {
  border: none;
  cursor: pointer;
  float: left;
  border-radius: 0;
  background-color: transparent;
  padding-right: 5px;
  padding-left: 5px;
}

.formTabs.nav-pills li.tab-actions > a.action-item {
  padding-right: 5px;
}

.formTabs.nav-pills li.tab-actions > a.action-item:hover {
  color: #20638f;
  background-color: #fff;
}

/*#endregion TABS */

/*#region BUTTONS */

.ui-dialog .buttonContainer,
.dialogContent.container .buttonContainer {
  padding-bottom: 0;
  padding-top: 24px;
}

.buttonContainer {
  padding: 12px;
  border-top: 1px solid #dfe6ec;
  clear: both;
}

.buttonContainer.no-border {
  border-top: none;
}


.buttonContainer .pl-left-buttons-block {
  padding-left: 0;
}

.button-save {
}

.button-save-add,
.button-add {
}

.button-save-add:hover,
.button-add:hover {
}

.button-undo,
.button-delete {
}

.button-undo:hover,
.button-delete:hover {
}

.button-search {
}

/***************** BUTTONS  *****************************/
.leftButtons .btn {
  
}

.gridFiltersHeader {
  padding: 8px 24px;
}

.btn {
  border-width: 1px;
  border-radius: 3px;
  color: #ffffff;
  padding: 0 16px;
  min-width: 88px;
  font-size: 16px;
  text-align: center;
  line-height: 38px;
  cursor: pointer !important;
  font-weight: 400;
  display: inline-block;
}

.btn:active,
.btn.active {
  box-shadow: none !important;
  outline: none !important;
}

.btn[hidden] {
  display: none !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button span {
  border-width: 1px;
  border-radius: 3px;
  padding: 0 16px;
  min-width: 88px;
  font-size: 16px;
  text-align: center;
  line-height: 38px;
  cursor: pointer !important;
  font-weight: 400;
  display: inline-block;
}

.btn + .btn,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button + button {
  margin-left: 16px;
  background-color: #ffffff;
  color: #4a90e2;
  border-color: #c7d2d8;
}

.btn + .leftButtons {
  margin-left: 16px;
}

.btn.btn-square {
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  line-height: 37px;
  vertical-align: top;
}

.btn-square > i {
  vertical-align: middle;
}

.btn-square-group .btn-square {
  margin-left: 0;
  margin-right: 0;
}

.btn-square-group button.btn-square:not(:first-of-type) {
  margin-left: -5px;
}

.btn-square-group .btn-square:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-square-group .btn-square:nth-of-type(2n):not(:last-of-type) {
  border-left: none;
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-square-group .btn-square:last-of-type {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn:active,
.btn:hover,
.btn:focus,
.btn:disabled,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:active,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:hover,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled {
  outline: none !important;
  box-shadow: none !important;
}

.btn.btn-icon {
  position: initial;
  padding-right: 16px !important;
}

.btn.btn-icon > i {
  font-size: inherit;
  padding: 0;
  vertical-align: -1px;
  margin-bottom: -5px;
  font-size: 14px;
  display: inline-block;
  position: static;
  background-color: transparent;
}

.btn.btn-icon.icon-left > i {
  margin-right: 6px;
}

.btn.btn-icon.icon-right > i {
  margin-left: 6px;
}

.btn:disabled,
.btn[disabled],
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:disabled,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button[disabled] {
  background-color: #f3f6f8 !important;
  color: #5e6977 !important;
  border: 1px solid #c7d2db !important;
  cursor: default;
}

a.btn.disabled {
    color: rgb(94, 105, 119) !important;
    background-color: rgb(243, 246, 248) !important;
    border-color: rgb(199, 210, 219) !important;
    pointer-events: none !important;
}

    .btn.btn-lg {
        line-height: 46px;
    }

.btn.btn-sm {
  line-height: 30px;
}

.btn.btn-primary,
.btn.btn-default,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {
    background-color: #ec7d1b;
    border-color: #ec7d1b;
    color: #ffffff;
}

    .btn.btn-primary:hover,
    .btn.btn-default:hover,
    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:hover,
    .btn.btn-primary.hover {
        background-color: #e56705;
    }

.btn.btn-primary:active,
.btn.btn-default:active,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child:active,
.btn.btn-primary.active {
  background-color: #e56705;
}

.btn.btn-secondary,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child {
  background-color: #ffffff;
  color: #4a90e2;
  border-color: #c7d2d8;
}

.btn.btn-secondary:hover,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:hover,
btn.btn-secondary.hover {
  background-color: #f9fcfd;
}

.btn.btn-secondary:active,
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:last-child:active,
btn.btn-secondary.active {
  background-color: #e2eff8;
  
}
.btn.btn-secondary:active {
  color: #4a90e2;
  border-color: #c7d2d8;
}

.btn.btn-secondary.btn-selected {
  background-color: #4a90e2;
  color: #ffffff;
}

.btn.btn-secondary-primary {
  background-color: #ffffff;
  color: #ec7d1b;
  border-color: #ec7d1b;
}

.btn.btn-secondary-primary:hover,
.btn.btn-secondary-primary.hover {
  background-color: #f9fcfd;
}

.btn.btn-secondary-primary:active,
.btn.btn-secondary-primary.active {
  background-color: #e2eff8;
  color: #ec7d1b;
  border-color: #ec7d1b;
}

.btn.btn-danger {
  background-color: #ca1011;
  color: #fff;
  border-color: #ca1011;
}

.btn.btn-danger:hover,
.btn.btn-danger.hover {
  background-color: #df5a5a;
}

.btn.btn-danger:active,
.btn.btn-danger.active {
  background-color: #bc0809;
}

.btn.btn-outline {
  color: #4a90e2;
  background-color: transparent;
  border: solid 1px #bdc6cf;
  border-radius: 3px;
}

.btn.btn-outline:hover,
.btn.btn-outline:active {
  background-color: #4a90e2;
  color: #fff;
}

.btn.btn-outline[disabled],
.btn.btn-outline:disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
}

.btn i[class^="fa"] {
  display: none;
}

.btn-prev {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.btn-next,
.btn-prev {
  width: 60px;
  height: 40px;
  text-align: center;
  border: solid 1px #bdc6cf;
  color: #4a90e2;
  padding: 0;
}

.btn-next {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.arrow-buttons .btn.btn-outline {
  min-width: 40px;
}

/***************** END : BUTTONS  *****************************/

.pager .center > a,
.pager .center > span {
  text-align: center;
}

.buttonContainer .leftButtons,
.buttonContainer .centerButtons,
.buttonContainer .rightButtons {
  display: inline-block;
  zoom: 1;
  min-width: 33%;
}

.buttonContainer .centerButtons {
  text-align: center;
}

.buttonContainer .rightButtons {
  float: right;
  text-align: right;
  min-width: 1%;
}

/*#endregion BUTTONS */

/*#region VALIDATION SUMMARY */
.ValidationSummary {
  font-weight: bold;
}

.ValidationSummary ul {
  font-size: 16px;
  line-height: 16px;
  font-weight: normal;
  font-style: normal;
  text-transform: none;
  padding-bottom: 10px;
  display: block;
  list-style-type: circle;
}

.control-label .red {
  color: red;
}

/*#endregion VALIDATION SUMMARY */

/*#region Job Status */
td.jsIcon {
  padding-left: 5px;
  width: 40px;
}

td.jsIcon a {
  float: left;
  width: 25px;
  height: 25px;
  background-image: url(../image/circle_icons.png);
}

td.jsIcon a.running {
  background-position: -275px 0;
}

td.jsIcon a.running:hover {
  background-position: -275px -25px;
}

td.jsIcon a.active {
  background-position: -50px 0;
}

td.jsIcon a.active:hover {
  background-position: -50px -25px;
}

td.jsIcon a.done {
  background-position: -150px 0;
}

td.jsIcon a.done:hover {
  background-position: -150px -25px;
}

td.jsIcon a.warning {
  background-position: -325px 0;
}

td.jsIcon a.warning:hover {
  background-position: -325px -25px;
}

td.jsIcon a.error {
  background-position: -225px 0;
}

td.jsIcon a.error:hover {
  background-position: -225px -25px;
}

/*#endregion */

/*#region USER DISPLAY REPORT */

.ReportProgress {
  border: solid 1px Green;
  width: 700px;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}

/*#endregion USER DISPLAY REPORT */

/*#region APPROVAL */
.pendingApproval {
  width: calc(100% - 22px) !important;
  margin-right: 6px !important;
}

textarea.pendingApproval {
    width: calc(100% - 29px) !important;
}

div span.OnePointCheckbox.requireApproval {
  border: 1px solid #ffffff !important;
}

div span.OnePointCheckbox.requireApproval input[type="checkbox"] {
  box-shadow: 0 0 0 #cccccc;
}

div span.OnePointCheckbox.requireApproval input[type="checkbox"][disabled] {
  border: 1px solid transparent;
  outline: 1px solid transparent !important;
  box-shadow: 0px 0px 0px transparent;
}

div span.OnePointCheckbox.pendingApproval {
  border: 1px solid #ffffff !important;
}

div span.OnePointCheckbox.pendingApproval input[type="checkbox"] {
  outline: 1px solid #e89350 !important;
  box-shadow: 0px 0px 0px #cccccc;
}

.approvalAction {
  color: #5e6977;
  font: 400 18px Roboto;
}

.approvalFieldName {
  color: #2b333d;
  font: 400 18px Roboto;
}

.approvalOldValue {
  color: #2b333d;
  font: 500 18px Roboto;
}

.approvalNewValue {
  color: #2b333d;
  font: 500 18px Roboto;
}

.approvalActionForm {
    background-color: #FFFFFF;
}

table.table > tbody tr:not(.headerRow,.row-no-hover-focus-selection).approvalActionForm:hover {
    background-color: #FFFFFF !important;
}

.dataAction {
    font-weight: normal;
    color: #333;
}

.entityName {
  font-size: 1.1em;
  color: #444;
}

.approvalTime {
  font-size: 0.95em;
  color: #666;
}

/*#endregion APPROVAL */

/*#region APPROVAL SETTING UI - TREE VIEW   */
table.approval {
  table-layout: fixed;
  width: 100%;
  border-bottom: solid 1px #bbb;
  border-collapse: collapse;
}

table.approval th {
  border: solid 1px #dedede;
  border-left: 0;
  border-right: 0;
}

table.approval td {
  border: solid 1px #dedede;
  border-left: 0;
  border-right: 0;
}

.approvalHeading {
  /* color: #555; */
}

.approvalHeading tr {
  height: 40px;
}

.approvalHeading td,
.approvalHeading th {
  width: 99px;
  font-size: 10px;
  text-align: center;
  /* padding: 5px 0; */
  margin: 0;
}

.approvalHeading tr > td:first-child,
.approvalHeading tr > th:first-child,
#employeeApproval .employeeFieldView tr > td:first-child {
  width: 250px;
  text-align: left;
  text-overflow: ellipsis;
  padding-left: 28px;
}

/* Heading table on the Employee Approval View screen */
.width-860 {
  width: 860px;
}

.approvalHeadingEmployeeView > thead > tr > th {
  padding-left: 0;
  padding-right: 0;
}

.approvalHeadingEmployeeView tr > td:first-child,
#employeeApproval .employeeFieldView tr > td:first-child {
  text-align: left;
  text-indent: 5px;
  padding: 0;
}

table.approval.approvalContent {
  display: table;
}

.approvalContent tr {
  height: 16px;
  line-height: 16px;
  background-image: url(../image_ess/approval_configuration_bg.png);
  background-repeat: repeat-x;
}

.approvalContent tr:hover {
  background-color: #e6e6e6;
  font-weight: bold;
}

.approvalContent td {
  width: 99px;
  text-align: center;
}

.approvalContent td:nth-child(n + 2) .fancy-checkbox {
  margin-left: 20px;
}

.approvalContent td div.displayName {
  white-space: nowrap;
  overflow: hidden;
}

.approvalContent td div.displayName.warning {
  background: transparent url(../image_ess/warning_icon_16.png) no-repeat;
  text-indent: 19px;
}

.approvalContent tr > td:first-child {
  text-align: left;
}

.configEmployeeListWrapper {
  max-height: 236px;
  overflow-x: hidden;
  overflow-y: auto;
  display: inline-block;
  padding: 0;
  background-color: #fff;
  margin: 0;
}

@media screen and (min-width: 476px) {
  #employeeApprovalPaging .TableGridPaging a {
    cursor: pointer;
    margin: auto 8px !important;
  }
}

table.approvalContent.level2 tr > td:first-child {
  width: 232px;
}

table.approvalContent.level3 tr > td:first-child {
  width: 214px;
}

table.approvalContent.level1 tr {
  color: #fff;
  background-position: 0 0;
}

table.approvalContent tr > td:first-child,
table.approvalContent div.displayName {
  width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 16px;
}

table.approvalContent.level2 tr {
  color: #fff;
  font-weight: bolder !important;
  background-position: 0 -25px;
}

table.approvalContent.level2 tr > td:first-child,
table.approvalContent.level2 div.displayName {
  overflow: hidden;
  text-overflow: ellipsis;
}

table.approvalContent.level3 tr {
  color: #333;
  background-position: 0 -50px;
}

table.approvalContent.level3 tr > td:first-child,
table.approvalContent.level3 div.displayName {
  overflow: hidden;
  text-overflow: ellipsis;
}

table.approvalContent.level4 tr {
  color: #333;
  background-position: 0 -75px;
}

table.approvalContent.level4 tr > td:first-child,
table.approvalContent.level4 div.displayName {
  width: 196px;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.approvalContent.level5 tr {
  color: #fff;
  font-weight: bolder !important;
  background-position: 0 -100px;
}

table.approvalContent.level5 tr > td:first-child,
table.approvalContent.level5 div.displayName {
  width: 814px;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.approvalContent.level6 tr {
  color: #333;
  background-position: 0 -125px;
}

table.approvalContent.level6 tr > td:first-child,
table.approvalContent.level6 div.displayName {
  width: 214px;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.approvalContent.level7 tr {
  color: #fff;
  font-weight: bolder !important;
  background-position: 0 -25px;
}

table.approvalContent.level7 tr > td:first-child,
table.approvalContent.level7 div.displayName {
  width: 778px;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.approvalContent.level8 tr {
  background-position: 0 -50px;
}

table.approvalContent.level8 tr > td:first-child,
table.approvalContent.level8 div.displayName {
  width: 178px;
  overflow: hidden;
  text-overflow: ellipsis;
}

table.approvalContent.level9 tr {
  background-position: 0 -75px;
}

table.approvalContent.level9 tr > td:first-child,
table.approvalContent.level9 div.displayName {
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.approvalContent.employeeTableView tr {
  background-position: 0 0;
  font-weight: bolder !important;
  color: #fff;
}

.approvalContent.employeeTableView tr > td:first-child {
  width: 100%;
}

#tabEmployeeApproval table.approval tr {
  background-image: none;
}

#tabEmployeeApproval table.approval div.displayName {
  font-size: 100%;
  font-weight: normal;
}

#tabEmployeeApproval.jstree ul li {
  background-image: none;
}

#tabEmployeeApproval.jstree ul li table {
  float: none;
}

#tabEmployeeApproval table.approvalHeadingEmployeeView {
  width: 100%;
}

#tabEmployeeApproval table.employeeFieldView tr {
  background-image: none;
}

#tabEmployeeApproval table.employeeFieldView div.displayName {
  font-size: 100%;
  font-weight: normal;
}

table.approvalContent.level1 tr > td:only-child,
table.approvalContent.level1 tr > td:only-child > div,
table.approvalContent.level2 tr > td:only-child,
table.approvalContent.level2 tr > td:only-child > div,
table.approvalContent.level3 tr > td:only-child,
table.approvalContent.level3 tr > td:only-child > div,
table.approvalContent.level4 tr > td:only-child,
table.approvalContent.level4 tr > td:only-child > div,
table.approvalContent.level5 tr > td:only-child,
table.approvalContent.level5 tr > td:only-child > div,
table.approvalContent.level6 tr > td:only-child,
table.approvalContent.level6 tr > td:only-child > div,
table.approvalContent.level7 tr > td:only-child,
table.approvalContent.level7 tr > td:only-child > div,
table.approvalContent.level8 tr > td:only-child,
table.approvalContent.level8 tr > td:only-child > div,
table.approvalContent.level9 tr > td:only-child,
table.approvalContent.level9 tr > td:only-child > div,
table.approvalContent.employeeTableView tr > td:only-child,
.jstree ul li.jstree-last.jstree-leaf table.approvalContent {
  width: 100%;
  border-bottom: none;
}

/*#endregion APPROVAL SETTING UI - TREE VIEW */

/*************************** CSS for HTML generate using jTemplates ****************************/
table.jTemplateGridHeader,
table.jTemplateGrid {
  empty-cells: show;
}

/*************************** END : CSS for HTML generate using jTemplates **********************/

/*#region EMPLOYEE SELECTION */
.changeEmployee, .pm-changeEmployee {
  position: relative;
  clear: both;
  margin-bottom: 24px;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
}

.changeEmployee.row {
  margin-left: 0;
  margin-right: 0;
}

.changeEmployee li {
  list-style-type: none;
}

.changeEmployee ul,
.pm-changeEmployee ul
{
  position: relative;
  padding: 0;
  margin: 0;
}

#EmployeeSelector {
  width: 100%;
  height: 40px;
}

#EmployeeSelector > li {
  position: absolute;
  top: 0;
}

#EmployeeSelector > li a {
  border-radius: 3px;
}

.changeEmployee li.left-controls {
  left: 0;
  width: 92px;
}

/*.changeEmployee li.left-controls .first-employee {
        left: 0;
        margin-right: 12px;
    }*/

.changeEmployee li.name-controls,
.pm-changeEmployee li.name-controls
{
  left: 91px;
  right: 143px;
}

.changeEmployee li.right-controls {
  right: 52px;
  width: 92px;
}

.changeEmployee li.right-controls .next-employee {
  /*margin-right: 12px;*/
  right: 52px;
  position: absolute;
}

.changeEmployee li.right-controls .last-employee {
  border-radius: 3px;
  right: 0;
  position: absolute;
}

.changeEmployee li.button-menu-controls {
  right: 0;
  width: 40px;
}

.changeEmployee li a.previous-employee {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 0;
  position: absolute;
  top: 0;
  left: 52px;
}

.changeEmployeeNew li a.previous-employee-new {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-right: 0;
    position: absolute;
    top: 0;
    left: 13px;
}

.changeEmployeeNew li a.next-employee-new {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: 0;
    position: absolute;
    top: 0;
    left: 52px;
}

.changeEmployee .indicator {
  font-size: 1.3em;
  color: #1b638b;
}

.changeEmployee input,
.pm-changeEmployee input
{
    height: 40px;
    vertical-align: 4px;
    color: #5e6977;
    width: 75%;
}

.changeEmployee .employeeAdd,
.changeEmployee .employeeSearch {
  color: #87af7a;
  font-size: 26px;
  vertical-align: inherit;
  margin: 0 4px 0 0;
}

.changeEmployee .employeeSearch,
.pm-changeEmployee .employeeSearch
{
  vertical-align: 1px;
}

.changeEmployee .autoCompleteEmployee:focus,
.changeEmployee .autoCompleteEmployee,
.pm-changeEmployee .autoCompleteEmployee:focus,
.pm-changeEmployee .autoCompleteEmployee
{
  border: none;
  background: none;
  outline: none;
  padding: 0;
}

.changeEmployeeMulti .employeeName,
.changeEmployee .employeeName,
.pm-changeEmployee .employeeName
{
  display: inline-block;
  overflow: hidden;
  width: 250px;
  vertical-align: top;
  white-space: nowrap;
  line-height: 20px;
}

#EmployeeSelector .employeeNameBlock {
  height: 40px;
  border: solid 1px #bdc6cf;
  position: relative;
}

#EmployeeSelector #imgCurrentEmployee {
  margin: auto 8px auto 24px;
  vertical-align: -6px;
}

#EmployeeSelector #imgCurrentEmployee img {
  /* vertical-align: middle; */
}

table.table td.profileImage a,
table.rgMasterTable td.profileImage > a:last-of-type {
  display: block;
  height: 100%;
  width: 100%;
  overflow: visible;
  white-space: normal;
}

table.table td.profileImage a:hover,
table.table td.profileImage a:focus,
table.rgMasterTable td.profileImage a:hover,
table.rgMasterTable td.profileImage a:focus {
  text-decoration: none;
}

table.table td.profileImage.alignTop .displayText {
  margin-top: auto;
  margin-bottom: auto;
}

table.table td.profileImage .displayText,
table.rgMasterTable td.profileImage .displayText {
  margin-top: -8px;
  margin-bottom: -8px;
  display: table;
  vertical-align: middle;
}

table.table td.profileImage .displayText span,
table.rgMasterTable td.profileImage .displayText span,
table.rgMasterTable td.profileImage .displayText > a:last-of-type {
  height: 100%;
  display: table-cell;
  text-overflow: initial;
  white-space: initial;
  line-height: 20px;
  vertical-align: middle;
}

table.table td.profileImage .employee-image-container,
table.rgMasterTable td.profileImage .employee-image-container {
  margin-right: 12px;
  vertical-align: middle;
}

/* Normal size: 32x32 w/ 18px font */
.employee-image-container {
  overflow: hidden;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 26px;
  font-weight: 300;
  border-radius: 50%;
  border: solid 1px #ec7d1b;
  background-color: #ec7d1b;
  color: #fff;
  text-align: center;
  display: inline-block;
  /*margin: 0 8px 0 0;*/
  text-transform: uppercase;
}

.employee-image-container.icon-user:before {
  margin-right: -1px;
}

.employee-image-container > .icon-laptop {
  vertical-align: middle;
}

.employee-image-container.image-small > .icon-laptop {
  vertical-align: -3px;
}

.employee-image-container.image-x-large {
  width: 80px;
  height: 80px;
  font-size: 38px;
  line-height: 78px;
  font-weight: 300;
}

.employee-image-container.image-large {
  width: 72px;
  height: 72px;
  font-size: 34px;
  line-height: 68px;
  font-weight: 300;
}

.employee-image-container.image-medium {
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 49px;
  font-weight: 400;
}

/* Small size: 32x32 w/ 18px font */
.employee-image-container.image-small {
  width: 32px;
  min-width: 32px;/*PM-1638*/
  height: 32px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
}

/* .employee-image-container.hasImage {
    border: solid 1px #5E6977;
} */

.employee-image-container img {
  vertical-align: initial;
  vertical-align: auto; /* Because IE */
}

.employee-image-container.user-profile-large-border {
  border: solid 2.5px #ffffff;
}

.user-impersonating {
    z-index: 2 !important;
    position: relative !important;
}

.user-impersonated {
    right: 42px !important;
    width: 34px !important;
    height: 34px !important;
    line-height: 34px !important;
    font-size: 20px !important;
    position: absolute !important;
    top: 7px !important;
    z-index: 1 !important;
}

.user-xl-impersonating {
    z-index: 2 !important;
}

.user-xl-impersonated {
    left: 54px !important;
    width: 54px !important;
    height: 54px !important;
    line-height: 50px !important;
    font-size: 28px !important;
    position: absolute !important;
    top: 36px !important;
    z-index: 1 !important;
}

.employee-search-results.ui-menu .ui-menu-item {
  padding: initial;
}

.employee-search-results.ui-menu .ui-menu-item a {
  padding: initial;
  line-height: inherit;
  display: block;
  margin: 0;
}


.profile-nav-large {
  left: 86px;
  position: absolute;
  color: #ffffff;
  border-radius: 50%;
}

.employeeProfileMainDiv {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

#headerMenu .employee-image-container {
  margin-top: -8px;
}

#headerMenu .dropdown-menu {
  padding: 0px;
  min-width: 250px;
  right: 0;
  border: 0px;
  box-shadow: -3px 0 7px #c7d2db;
  border-radius: 6px;
}

#headerMenu li.dropdown.open li > a {
  background-color: #ffffff;
  font-size: 16px;
  color: #5e6977;
  padding-top: 0.55em;
  padding-bottom: 0.55em;
}

#headerMenu li.dropdown.open li > a:hover {
  background-color: #4a90e2;
  color: #f3f6f8;
}

#headerMenu
  li.dropdown.open
  li.employeeProfileMenuHeading
  > div:not(.viewMode) {
  background: linear-gradient(#346095, #21446f);
  padding-top: 1.5em;
  padding-bottom: 0.5em;
  text-align: center;
  min-height: 180px;
}

#headerMenu
  li.dropdown.open
  li.employeeProfileMenuHeading
  div
 .profile-nav-username {
    color: #fafafa;
    font-size: 25px;
    font-weight: lighter;
    position: relative;
    top: 3.5em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 240px;
    display: block;
    margin-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 240px;
    display: block;
    margin-left: 5px;
}

div.viewModeMenu {
    border: 1px solid #4674ab;
    color: #567eab;
    font-weight: lighter;
    position: relative;
    top: 6.5em;
    height: 22px;
    width: 100%;
    max-width: 202px;
    text-align: center;
    margin-left: 28px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
}

    div.viewModeMenu > a {
        height: 20px;
        width: 50%;
        font-size: 14px;
        margin: 0;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 3px;
        border-radius: 4px;
        text-decoration: none;
        color: #2980b9;
        font-weight: 400;
        display: inline-block;
        white-space: nowrap;
    }

        div.viewModeMenu > a:hover {
            color: #4a90e2;
        }

    div.viewModeMenu a.selectedViewMode {
        color: #214571;
        background-color: #fafafa;
    }

div.viewMode {
    border-radius: 5px;
    color: #4A90E2;
    font-weight: lighter;
    text-align: center;
    position: relative;
    margin-left: 15px;
    top: 5px;
    height: 22px;
    width: auto;
    float: left;
    cursor: default;
}

div.viewMode:hover {
    color: #4A90E2;
    background-color: #F3F6F8
}

    div.viewMode > span {
        height: 24px;
        width: auto;
        font-family: Roboto;
        font-size: 14px;
        margin: 0;
        padding-left: 8px;
        padding-right: 8px;
        padding-bottom: 3px;
        padding-top: 2px;
        border-radius: 4px;
        text-decoration: none;
        color: #4A90E2;
        font-weight: 400;
        display: inline-block;
        border: 1px solid #4A90E2;
        line-height: 20px;
    }

.circonf-1 {
    margin: 3px !important;
    width: 1em !important;
    height: 1em !important;
    border: 2px solid #DFE6E3 !important;
    border-bottom-color: #4A90E2 !important;
}

.myselfViewMode.selectedViewMode {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.myteamViewMode.selectedViewMode {
    border-radius: 0 !important;
}
.adminViewMode.selectedViewMode {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.employee-image-container.hasImage {
  border: solid 1px #5e6977;
  /* background-color: transparent; */
}
/*.employee-image-container-large.hasImage {
    border: solid 1px #5E6977;
    background-color: transparent;
}*/

/*.employee-image-container.hasImage.profile-nav {
        margin-right: 10px;
    }*/
/* Overrides bootstrap's vertical align for images */

/*.employee-image-container-large img {
    vertical-align: initial;
}*/

#EmployeeSelector li.employeeListCurrent .employee-image-container {
  background-color: #4a90e2;
  border: solid 1px #4a90e2;
}

/* Button Menu */
.button-menu {
  cursor: pointer;
}

.button-menu .button {
  display: block;
  padding: 8px;
  line-height: 12px;
  border-radius: 3px;
  border: solid 1px #bdc6cf;
  background-color: #ffffff;
  color: #4a90e2;
  font-size: 22px;
}

.button-menu:hover .button,
.button-menu.open .button {
  background-color: #4a90e2;
  color: #ffffff;
}

.button-menu ul {
  display: none;
  position: absolute;
  background: #ffffff;
  border: 1px solid #bdc6cf;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.125);
  border-radius: 3px;
  padding-left: 0;
}

.button-menu.open ul {
  display: block;
  z-index: 998;
  margin-top: -1px;
}

.button-menu ul li {
  color: #5e6977;
  cursor: pointer;
  min-width: 180px;
  max-width: 290px;
  padding: 0 16px;
  line-height: 40px;
}

.button-menu ul li.button-menu-header {
  border-bottom: 1px solid #dfe6ec;
}

.button-menu ul li:not(.button-menu-header):hover {
  background-color: #4a90e2;
  color: #ffffff;
}

.button-menu ul li::selection {
  background: transparent;
}

.button-menu ul li i:first-child {
  margin-right: 8px;
  font-size: 16px;
}
/* End Button Menu */

.employeeName.Payroll {
  width: 270px;
}

.changeEmployee a {
  display: inline-block;
  cursor: pointer;
}

.changeEmployee .left-controls a,
.changeEmployee .right-controls a {
  border: solid 1px #bdc6cf;
  height: 40px;
  width: 40px;
  text-align: center;
  color: #4a90e2;
}

.changeEmployee a.search,
.pm-changeEmployee a.search
{
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  text-align: center;
  color: #4a90e2;
}

.changeEmployee a:hover,
.pm-changeEmployee a:hover{
  text-decoration: none;
}

.changeEmployee li > a[disabled],
.changeEmployee li > a[disabled]:hover,
.pm-changeEmployee li > a[disabled],
.pm-changeEmployee li > a[disabled]:hover
{
  color: #5e6977;
  cursor: auto;
  /*background: linear-gradient(#ebeeee, #cacccc);*/
  /*border: solid 1px #bcbbbb;*/
}

/*.changeEmployee a.search:hover {
            background-position: -80px -20px;
        }*/

/*.changeEmployee a.search[disabled] {
        background-position: -80px -40px !important;
    }*/

.changeEmployee .sort-filter-section {
}

.changeEmployee .sort-filter-section label {
  color: #2b333d;
  text-align: right;
}

/*#region EMPLOYEE SELECTION LIST */

#employeeList {
  position: absolute;
  top: 0;
  z-index: 999;
  display: none;
  font-weight: normal;
  width: 100%;
}

#employeeList .container {
  margin: 38px 0 0 -1px;
  width: 100%;
  text-align: left;
  padding-right: 0;
  border: solid 1px #bdc6cf;
}


#employeeList .employee-image-container,
.employee-search-results .employee-image-container {
  margin-right: 12px;
  vertical-align: -10px;
}

#employeeList ul,
.employee-search-results ul {
  overflow-x: auto;
  overflow-y: auto;
  height: 383px;
  background-color: #fff;
}

#employeeList li,
.employee-search-results li {
  display: block !important;
  float: none;
  clear: both;
  overflow: hidden;
  margin: auto 0;
  border-bottom: solid 1px #dfe6ec;
  float: none;
  display: block;
  height: 48px;
  line-height: 48px;
}

.employee-search-results li {
  /*padding-left: 22px !important;*/
}

    .employee-search-results li.ui-menu > .ui-menu-item-wrapper {
        padding-left: 22px;
    }

#employeeList li.odd,
#employeeList li.even {
    background-color: #fff;
}

#employeeList ul li a,
#employeeList .container li a,
.employee-search-results li a{
    font-size: 16px;
}

.employee-search-results .ui-menu-item a.show-all-link {
    color: #4a90e2;
    text-align: center;
}

#employeeList ul li:hover,
.employee-search-results li.ui-state-focus,
.employee-search-results li.ui-menu-item .ui-state-active,
.employee-search-results li.ui-menu-item .ui-state-active .displayText,
.employee-search-results li.ui-menu-item .ui-state-active.show-all-link div{
    background-color: #ededed !important;
    border: none;
    font-weight: normal;
}

#employeeList ul li.employeeListCurrent {
  font-weight: bold;
}


#employeeList .sortField {
  float: right;
  overflow: hidden;
  color: #5e6977;
  text-align: right;
}

#employeeList .displayText,
.employee-search-results .displayText {
    width: 100%;
    color: #4a90e2;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 22px;
    padding-right: 12px;
}


#employeeListClose {
  display: none;
}

#employeeList .TableGridPaging select {
  width: auto;
  /* padding: 0 4px; */
}

#employeeList .TableGridPaging select.page-size {
  margin-left: 8px;
}

#employeeList .TableGridPaging a {
  margin: auto 4px;
}

/*#endregion EMPLOYEE SELECTION LIST */

/*#endregion EMPLOYEE SELECTION */

/*#region MANUAL CHECK */
.EntryCheckDateHeading {
  color: #0f3789;
}

#MCC_CalculatedTotals {
  width: 100%;
  margin: 0 1px 20px 1px;
  min-height: 85px;
}

#MCC_CalculatedTotals table,
#MCC_CalculatedTotals table td {
  border: none;
}

.PayrollPrecalcTable th {
  text-align: left;
}

.PayrollEmployeeSummary {
  background-color: #f1f4f4;
}

.mccTempTable td {
  vertical-align: middle;
  padding: 1px;
  min-width: 50px;
}

.mccRight {
  float: right;
}

div.Legend span {
  padding-left: 20px;
  font-size: 10px;
  background-repeat: no-repeat;
}

ul.PayrollLegend,
ul.Legend {
  list-style: none;
  width: auto;
  vertical-align: bottom;
  display: inline-block;
  border-radius: 4px;
  font-size: 16px;
}

ul.PayrollLegend li,
ul.Legend li {
  display: inline-block;
  padding-left: 16px;
}

ul.PayrollLegend li span,
ul.Legend li span {
  display: inline;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 25px;
}

li .BlockCCItemFalse {
  cursor: pointer;
  height: 25px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -150px 0;
}

li .BlockCCItemTrue {
  cursor: pointer;
  height: 25px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -50px 0;
}

li .EditCCItem {
  cursor: pointer;
  height: 25px;
  width: 25px;
  background-image: url(../image/standalone_icons_25.png);
  background-position: -275px 0;
}

div.BlockCCItemFalse {
  cursor: pointer;
  float: left;
  height: 25px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -150px 0;
}

div.BlockCCItemFalse:hover {
  background-position: -150px -25px;
}

div.BlockCCItemTrue {
  cursor: pointer;
  float: left;
  height: 25px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -50px 0;
}

div.BlockCCItemTrue:hover {
  background-position: -50px -25px;
}

div.BlockCCItemFalse.Tax {
  cursor: pointer;
  float: left;
  height: 25px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -225px 0;
}

div.BlockCCItemFalse.Tax:hover {
  background-position: -225px -25px;
}

div.BlockCCItemTrue.Tax {
  cursor: pointer;
  float: left;
  height: 25px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -125px 0;
}

div.BlockCCItemTrue.Tax:hover {
  background-position: -125px -25px;
}

div.Icon.Edit.Small,
div.EditCCItem {
  cursor: pointer;
  float: left;
  height: 23px;
  width: 25px;
  background-image: url(../image/standalone_icons_25.png);
  background-position: -275px 0;
}

div.Icon.Edit.Small:hover,
div.EditCCItem:hover {
  background-position: -275px -25px;
}

.MemoIcon-Blink,
.MemoIcon-Blue {
  background-color: Transparent;
  background-image: url(../image/standalone_icons_25.png);
  border: 0;
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}

.MemoIcon-Blink {
  background-position: -300px 0;
}

.MemoIcon-Blue {
  background-position: -250px 0;
}

.MemoIcon-Blink:hover {
  background-position: -300px -25px;
}

.MemoIcon-Blue:hover {
  background-position: -250px -25px;
}

/** Employee Memo -- Pops up as a post it note in payroll entry and batch entry**/
.memo_popup {
  padding: 0;
  font-weight: bold;
  background: #e0c87c;
  color: #333 !important;
  position: absolute;
  z-index: 109;
  width: 355px;
  height: 260px;
  border: 0 none;
  border: 1px solid #595959;
}

.memo_popup .modal-body {
  background-color: transparent;
}

/* for our memo popup - post it note design */
.memo_popup_corner {
  z-index: -1;
  float: right;
  height: 78px;
  width: 75px;
  cursor: pointer;
  background-image: url("../image/pagecurl_scaled.png");
  background-color: #e0c87c;
  background-repeat: no-repeat;
  border: 0 none;
  display: inline-block;
}

.memo_popup_body {
  float: left;
  text-align: left;
  font-weight: normal;
  z-index: 10;
  line-height: 18px;
  font-size: 12px;
  padding-left: 10px;
  text-align: left;
  border: 0 none;
  width: 270px;
  height: 240px;
  background: url("../image/memo_bg.png");
  background-repeat: no-repeat;
  background-position: center;
}

.memo_popup_body.batch {
  height: 200px;
}

.memo_popup_body span {
  text-align: left;
  z-index: 10;
  display: inline-block;
  margin-top: 40px;
  width: 260px;
  max-height: 200px;
  overflow: auto;
}

.memo_popup_body.batch span {
  max-height: 140px;
}

.memo_popup.batch {
  top: 250px;
}

.ViewPayDetails,
.ViewPayHistory,
.ViewPayRates,
.ViewPTO {
  float: left;
  cursor: pointer;
  height: 25px;
  width: 25px;
  background-image: url(../image/standalone_icons_25.png);
}

.ViewPayDetails,
.ViewPayHistory {
  background-position: -500px 0;
}

.ViewPayRates {
  background-position: -525px 0;
}

.ViewPayRates:hover {
  background-position: -525px -25px;
}

.ViewPTO {
  background-position: -550px 0;
}

.ViewPTO:hover {
  background-position: -550px -25px;
}

.ViewPayDetails {
  height: 18px;
  margin-top: -5px;
  margin-left: 15px;
}

.ViewPayDetails.MCC {
  height: 18px;
  margin-top: -5px;
  margin-left: 5px;
}

.ViewPayDetails:hover,
.ViewPayHistory:hover {
  background-position: -500px -25px;
}

.ViewPayDetailsText {
  text-indent: 5px;
  white-space: nowrap;
  vertical-align: middle;
  font-weight: bold;
}

.ViewPayDetailsText:hover {
  text-decoration: underline;
}

#CalculatedPayCheckContainerClose {
  position: relative;
  float: right;
  width: 18px;
  height: 18px;
  background-image: url("../image/16px_window_buttons.png");
  background-position: -3px -3px;
  margin: 1px;
  cursor: pointer;
}

#CalculatedPayCheckContainerClose:hover {
  background-position: -3px -55px;
}

#CalculatedPayCheckContainer {
  border: solid 1px #1e3060;
  background-color: #f1f1f1;
  z-index: 1050;
  width: 855px;
  min-height: 470px;
}

#CalculatedPayCheckContainer .panel {
  margin: 12px;
  min-height: 40px;
  background-color: transparent;
}

#CalculatedPayCheckContainer .panel-heading {
  background-color: #dbe1eb;
}

#CalculatedPayCheckContainerHeader {
  width: 100%;
  background-color: #0f3789;
  text-align: left;
  color: #f1f1f1;
  height: 26px;
  font-size: large;
  font-weight: bold;
  text-indent: 5px;
  line-height: 1.4285;
}

#CalculatedPayCheckContainerHeader .ViewPayRates {
  cursor: auto;
}

#CalculatedPayCheckContainerHeader .ViewPayRates:hover {
  background-position: -525px 0;
}

#CalculatedPayCheckContainerBody {
  height: 450px;
  overflow: auto;
}

/*#endregion MANUAL CHECK */

/*#region Payroll Entry */

#PayrollEmployeePayEntryContainerDiv ul.formTabs li.tab-actions a {
  display: inline-block;
  float: none;
}

#PayrollEmployeePayEntryContainerDiv ul.formTabs li.tab-actions .fa-trash {
  color: #b71c1c;
  background-color: White;
  line-height: 17px;
  font-size: 16px;
  border: 1px solid #fff;
  border-left-color: #ddd;
  border-top-color: #ddd;
  border-bottom-color: #ddd;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#PayEntryGridContainer {
  margin-bottom: 16px;
  overflow-x: auto;
}

#PayEntryGridContainer .table-container {
  margin-bottom: 0;
}

#PayEntryGridContainer td input,
#PayEntryGridContainer td select,
#PayEntryGridContainer td textarea {
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 0;
  height: 30px;
}

#PayEntryGridContainer td textarea {
  resize: none;
  overflow: hidden;
}

#PayEntryGridContainer td textarea + i[class^="icon"] {
  display: none;
}

#PayEntryGridContainer td textarea.long-comment {
  padding-right: 28px;
}

#PayEntryGridContainer td textarea.long-comment + i[class^="icon"] {
  display: inline;
  position: absolute;
  right: 12px;
  top: 4px;
  cursor: pointer;
}

#PayEntryGridContainer td textarea.expand {
  height: auto;
}

#PayEntryGridContainer table.table > tbody > tr:not(.addNewItemRow) > td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

#PayEntryGridContainer table.table > tbody > tr.addNewItemRow > td {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
}

#PayEntryGridContainer td a[disabled].fa-trash {
  color: #aaa;
}

#PayEntryGridContainer td.div-row {
  display: inline-block;
  position: relative;
  overflow: visible;
  clear: both;
  padding: 0;
  min-height: 30px;
}

#PayEntryGridContainer td.div-row > div {
  float: left;
  position: relative;
}

#singlepayEntry .panel.PayrollPrecalcTable {
  margin-right: 0;
}

#manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary {
  height: 84px;
}

#manualCheckCalculator
  .PayrollPrecalcTable
  .PayrollEmployeeSummary
  .calculateMessage {
  margin-top: 16px;
}

#manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary,
#singlepayEntry .PayrollPrecalcTable .PayrollEmployeeSummary {
  margin-top: 0;
  padding: 12px 16px 12px 24px;
}

#manualCheckCalculator label.panel-instructions {
  padding: 12px 0;
}

#manualCheckCalculator
  .PayrollPrecalcTable
  .PayrollEmployeeSummary
  div[class*="col"],
#singlepayEntry .PayrollPrecalcTable .PayrollEmployeeSummary div[class*="col"] {
  margin-bottom: 0;
}

#manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary h3,
#singlepayEntry .PayrollPrecalcTable .PayrollEmployeeSummary h3 {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 32px;
  line-height: 1;
}

#manualCheckCalculator
  .PayrollPrecalcTable
  .PayrollEmployeeSummary
  .control-label,
#singlepayEntry .PayrollPrecalcTable .PayrollEmployeeSummary .control-label {
  margin-bottom: 0;
  font-weight: 400;
}

#manualCheckCalculator > .tab-content {
  padding-top: 8px;
  margin-bottom: 0px !important;
  min-height: 0;
  overflow: visible;
}

#manualCheckCalculator .PayrollEmployeeSummaryInfo {
  width: calc(100% - 110px);
  display: inline-block;
  padding: 0 48px 0 24px;
}

#manualCheckCalculator .PayrollEmployeeSummaryInfo .summaryCol {
  width: 20%;
  padding: 0 8px;
  float: left;
}

#manualCheckCalculator .PayrollEmployeeSummaryInfo .summaryCol:first-of-type {
  padding-left: 0;
}

#manualCheckCalculator .summaryDetails {
  display: inline-block;
  width: 100px;
  vertical-align: 21px;
}

#manualCheckCalculator .modal-dialog {
  max-height: 98%;
}

#singlepayEntry .autoPayBlock .fancy-checkbox,
#singlepayEntry .autoPayBlock .fa {
  line-height: 36px;
  vertical-align: middle;
}

#singlepayEntry .autoPayBlock h3 {
  margin: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

#manualCheckCalculator .einfo-data-block,
#singlePayEmpInfo .einfo-data-block {
  float: left;
  margin-right: 24px;
}

#manualCheckCalculator .employeeInfoContainer {
  padding: 12px;
}

#manualCheckCalculator .einfo-data-block > label,
#singlePayEmpInfo .einfo-data-block > label {
  text-overflow: ellipsis;
  overflow: hidden;
  margin: 0;
  white-space: nowrap;
  display: block;
}

/*#singlepayEntry .btn + .leftButtons {
    margin-left: 16px;
}*/

#manualCheckCalculator .actionColumn,
#singlepayEntry .actionColumn {
  padding-left: 12px;
  width: 72px !important;
  padding-top: 4px;
  padding-bottom: 4px;
}

#singlepayEntry tr.addNewItemRow td {
  border: none;
}

#manualCheckCalculator .employee-image-container {
  margin-right: 8px;
}

#manualCheckCalculator .vmCheckInfo {
  border-bottom: 1px solid #dfe6ec;
}

#manualCheckCalculator .vmCheckInfo > div:first-child {
  margin-left: 55px;
}

#manualCheckCalculator
  .tab-content
  .tab-pane
  > .panel[data-collapse]:first-child {
  margin-top: -8px;
}

/*#endregion Payroll Entry */
/*#region PAYROLL HISTORY */
div.EPH_Included {
  cursor: pointer;
  height: 24px;
  width: 24px;
  background-image: url(../image/circle_icons.png);
  background-position: -150px 0;
}

div.EPH_Included:hover {
  background-position: -150px -25px;
}

div.EPH_Not_Included {
  cursor: pointer;
  height: 24px;
  width: 24px;
  background-image: url(../image/circle_icons.png);
  background-position: -50px 0;
}

div.EPH_Not_Included:hover {
  background-position: -50px -25px;
}

/* .PayrollHistoryTable .headerRow, .PayrollHistoryTable .headerRow th {
    border-bottom: solid 1px #DEF6EC;
    background-color: transparent !important;
} */

.PayrollHistoryTable .summaryRow {
  font-weight: bold;
  border-top: solid 2px #c7d2db;
}

div.CheckBox {
  height: 22px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -50px 0;
}

div.CheckBox.Checked {
  height: 22px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -150px 0;
}

div.CheckBox.Current {
  height: 22px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -100px 0;
}

div.CheckBox.Checked.Disabled {
  height: 22px;
  width: 25px;
  background-image: url(../image/circle_icons.png);
  background-position: -225px 0;
}

/*#endregion PAYROLL HISTORY */

/********************** Company Home Panels ****************************************************/

.panelModule .panel {
  min-height: 150px;
}

.panelModule .panel-body a {
  display: block;
  padding: 2px 0 0 1px;
  cursor: pointer;
  /* font-size: 1.2em; */
}

/********************** END:Company Home Panels ************************************************/

/*#region EMPLOYEE SEARCH */

#employeeSearchResults .loadingMessage {
  min-width: 600px;
  padding: 20px 10px;
  display: block;
  font-weight: bold;
  font-size: 1.1em;
  min-height: 100px;
}

.clickable {
  cursor: pointer;
}

.not-clickable {
    cursor: default;
}

.dropdown.dropdown-inline {
  width: 100%;
}

.dropdown.dropdown-inline .dropdown-toggle {
  text-align: left;
  position: relative;
  background-color: #fff;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dropdown.dropdown-inline .dropdown-toggle span {
  position: absolute;
  right: 12px;
  top: 4px;
  border: none;
}

.dropdown.dropdown-inline .dropdown-toggle span:before {
  content: "\e94c";
  position: absolute;
  font-family: "Proliant-1" !important;
  text-decoration: none !important;
  left: -15px;
  top: 2px;
  font-size: 12px;
  font-weight: 600;
  height: 14px;
  width: 14px;
  color: #5e6977;
}

.dropdown.dropdown-inline .input-group-addon {
  border: none;
}

.dropdown.dropdown-inline .input-group input {
  width: 98%;
}

.filter-field .dropdown.dropdown-inline,
.filter-field input[type="text"],
.filter-field input[type="email"],
.filter-field input[type="number"],
.filter-field .custom-select {
  width: calc(100% - 32px);
  display: inline-block;
}

.filter-div .dropdown.dropdown-inline {
    width: 100% !important;
    display: inline-block !important;
}

.tag-field .dropdown.dropdown-inline {
    width: 100% !important;
}

.form-group.filter-field .control-label:not(.Center) {
  display: block;
}

.filter-field-closer {
  position: relative;
  padding-left: 12px;
  color: #4a90e2;
}

.filter-field ss-multiselect-dropdown .dropdown-menu {
  padding: 5px 0;
}
.filter-field ss-multiselect-dropdown .input-group.search-container {
  padding: 0 0 9px 0;
  margin-bottom: 9px;
  border-bottom: 1px #c6d3e0 solid;
  display: table;
}
.filter-field
  ss-multiselect-dropdown
  .input-group.search-container
  .input-group-prepend {
  padding: 5px 10px;
  border-radius: 3px;
  width: 1%;
  display: table-cell;
  vertical-align: middle;
}

.tag-field
ss-multiselect-dropdown
.input-group.search-container
.input-group-prepend {
    padding-left: 2px !important;
}

.tag-field
ss-multiselect-dropdown
.input-group.search-container
.input-group-text {
    position: absolute !important;
    z-index: 6 !important;
    bottom: 15px !important;
    left: 17px !important;
    padding: 0;
    display: block;
}

.filter-field
  ss-multiselect-dropdown
  .input-group.search-container
  > .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.tag-field
ss-multiselect-dropdown
.input-group.search-container > .form-control {
    padding-left: 20px !important;
}

.filter-field ss-multiselect-dropdown .dropdown-menu > a.dropdown-item {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #3e5771;
  white-space: nowrap;
}

.filter-field
  ss-multiselect-dropdown
  .dropdown-menu
  > a.dropdown-item:not(.empty):hover,
.filter-field
  ss-multiselect-dropdown
  .dropdown-menu
  > a.dropdown-item:not(.empty):hover {
  text-decoration: none;
  color: #fff;
  background-color: #20638f;
}
/*#endregion EMPLOYEE SEARCH */
/************ Content editable box *************************************************************/
.htmlEditBox {
  min-height: 50px;
  display: block;
  border: solid 1px #ccc;
  padding: 3px;
}

/************ END: Content editable box ********************************************************/

/*#region Header */
.company-logo {
  max-height: 30px;
}

#headerMenu li.dropdown {
  padding: 0px;
}

/*#headerMenu li.dropdown.alertsmenu {
    margin-top: 0.5em;
}*/

#company-menu {
  padding: 16px 12px;
}

#company-menu .company-logo {
  height: 50px;
  max-height: 50px;
}

#company-menu #headerMenu {
  margin-top: 8px;
}

#company-menu #headerMenu li.dropdown.alertsmenu > a > .badge {
  background-color: #ec7d1b;
  top: -13px;
  right: auto;
  left: 20px;
  font-size: 16px;
  font-weight: 400;
  height: 24px;
  border-radius: 12px;
  line-height: normal;
  text-align: center;
}

#company-menu #headerMenu > li.open > a {
  background-color: transparent;
  text-decoration: none;
}

#company-menu #headerMenu li a i.fa-2x {
  /*padding-left: 0.4em;
            padding-right: 0.1em;*/
  color: #4a90e2;
  font-weight: 400;
  font-size: 24px;
}

#company-menu #headerMenu .alertsmenu {
  padding-top: 4px;
}

#company-menu #headerMenu .user-avatar {
  min-width: 56px;
  border: solid 1px transparent;
}

.role-icon-span {
    position: absolute;
    top: -12px;
    left: 45px;
    color: #4a90e2;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 20px;
    padding: 1px !important;
    font-size: 14px;
    z-index: 3 !important;
}

.role-icon-span > i {
    position: relative;
    top: 2px;
    padding: 2px;
}

#company-menu #headerMenu li div.dropdown-menu.dropdown-menu-md {
  right: 0;
}

#company-menu #headerMenu li div div.dropdown-header.text-center {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
  border-bottom: solid #dfe6ec 1px;
  text-align: left !important;
}

#company-menu #headerMenu li div div.dropdown-header.text-center {
  color: #2b333d;
  font-size: 16px;
  font-weight: 500;
}

#company-menu #headerMenu li div div.dropdown-header.text-center > a {
  color: #4a90e2;
  font-size: 1.5em;
  align-self: center;
  /*font-weight: 700;*/
  text-decoration: none;
  padding-right: 0.2em;
}

#company-menu .menu-toggle {
  display: none;
}

/* Alerts/Notification menu */
.alertsmenu .dropdown-menu ul.nav li a {
  cursor: pointer;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  color: #5e6977;
  font-size: 1em;
  padding: 0.6em;
}

.alertsmenu .dropdown-menu ul.nav li {
  margin-left: 0.6em;
  margin-right: 0.6em;
}

.alertsmenu .dropdown-menu ul.nav li a span.badge {
  float: right;
  background-color: #ec7d1b;
  font-size: 0.9em;
  font-weight: 100;
  border-radius: 10px;
}

.alertsmenu a.favorites {
  display: inline;
}

/*#headerMenu li#ctl00_ctl00_plcHeaderControl_UserHeaderItem_iconPageHelp {
    margin-top: 0.4em;
}*/

#headerMenu #employeeProfileLarge {
  background-color: #346095;
}

.search-wrap {
  padding: 5px 10px;
}

.search-wrap.expanded input,
.search-wrap.expanded input:focus {
  width: 150px;
  opacity: 1;
  outline: none;
}

.search-wrap input {
  background: 0 0;
  border: none transparent;
  border-bottom: solid 2px #ccc;
  box-sizing: border-box;
  overflow: hidden;
  padding: 2px;
  width: 0px;
  z-index: 20;
  cursor: text;
  -moz-transition-property: width, opacity;
  -webkit-transition-property: width, opacity;
  transition-property: width, opacity;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  opacity: 0.1;
  font-size: 1.25em;
  line-height: 1.1em;
  margin: 0;
  outline: none;
}

.ui-autocomplete.search-menu-results,
.ui-autocomplete.search-menu-results {
  margin: 0;
  padding: 0;
  width: 25%;
  max-width: 50%;
  z-index: 1050;
  max-height: 75%;
  overflow-y: auto;
  font-size: 1.1em;
  border-color: #a7a8a7;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.ui-autocomplete.search-menu-results li.ui-menu-item {
  margin: 0;
  padding: 1px 3px;
}

.ui-autocomplete.search-menu-results li.ui-menu-item.ui-state-focus,
.ui-autocomplete.search-menu-results li.ui-menu-item.ui-state-active {
  margin: 0;
  padding: 0px 2px;
  font-weight: initial;
}

seat-autocomplete li:hover {
    color: #5E6977 !important;
    background-color: #ededed !important;
    border-color: #ededed !important;
}

seat-autocomplete ul {
    z-index: 10000;
}

seat-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    color: #5E6977 !important;
    background-color: #ededed !important;
    border: none;
}

seat-autocomplete li {
    border-bottom: solid 1px #dfe6ec;
    height: 55px;
    line-height: 34px;
    padding-left: 0 !important;
}

seat-autocomplete .clickable-area {
    cursor: pointer;
    color: rgb(43, 51, 61);
    padding-left: 7px !important;
}

seat-autocomplete.employee-search-results {
    overflow-y: scroll;
    max-height: 286px;
    margin-bottom: 4px
}

    seat-autocomplete .employee-search-results > li {
        padding: 0px !important;
        margin: 0px;
        height: 55px;
        line-height: 34px;
    }

seat-autocomplete .employee-results-wrapper {
    position: absolute;
    background: white;
    padding: 0 0 0 8px;
    border: solid 1px #BDC6CF;
    z-index: 10000;
    width: 100%;
}

seat-autocomplete .seat-cclevel {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
}

seat-autocomplete .mainContainer {
    position: relative
}

seat-autocomplete .mainInput {
    padding-right: 30px
}

seat-autocomplete .employeeSpan {
    position: absolute;
    top: 0.5em;
    right: 8px;
}

seat-autocomplete .clickable-area {
    cursor: pointer;
    color: inherit;
    padding-left: 7px !important;
    color: #2b333d !important;
}

seat-autocomplete .firstLine {
    font-size: 18px !important
}
/*#endregion Header ********************************************************/

/******************************** Document Lists **********************************************/
/*#EmployeeDocumentList {
    min-height: 350px !important;
    height: 350px !important;
}*/
/******************************** END: Document Lists *****************************************/

/*#region CONTROLS */

.bootstrapSetsWidth .riSingle {
  display: inline; /* override hardcoded numericTextbox width */
}

.riSingle .ui-spinner-button {
  display: none !important; /* Use OnePointTextBox with IsNumericOnly="true" for spinners */
}

.onboardingLabelHeader {
  font-size: 1.2em;
}

.onboardingAccordionHeader {
  font-size: 16px;
  padding: 16px 24px;
  background-color: #e2f2fb;
  background-image: none;
  border: solid 0;
  vertical-align: middle;
  /*height: 48px;*/
  color: #346095;
}

.dynamicUI-controls.dynamicUI-controls-input.ng-invalid.ng-touched, 
.dynamicUI-controls.dynamicUI-controls-textarea.ng-invalid.ng-touched,
.dynamicUI-controls.order-input.ng-invalid.ng-touched,
.dynamicUI-controls.dynamicUI-controls-select.ng-invalid.ng-touched {
  border: 1px solid red;
}

.dynamicUI-controls {
  font-size: 16px;
  line-height: 28px;
  padding: 6px 12px;
  display: inline-block;
  border: 1px solid #BDC6CF;
  color: #5E6977;
  min-width: 48px;
  border-radius: 3px;  
}

.dynamicUI-controls-input {
  height: 40px;
}

.dynamicedit-btn {
  margin-right: 7px;
}

.dynamic-textform {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.dynamiccheckbox-label {
  padding-left: 16px !important;
}

.dynamiccheckbox-desc {
  margin-top: 16px;
}

.dynamic-disabled,
.dynamic-disabled:hover {
  color: #c7d2db;
}

.dynamic-link {
  padding-right: 5px;
}

.dynamic-link:hover {
  color: #c7d2db; 
}

.dynamic-errors--notifications {
  display: flex;
  flex-direction: column;
  color: #95a5a6;
}

.modern-control--settings {
  position: absolute;
  right: 0;
}

#modernEditIcon.glyphicon.glyphicon-pencil,
#modernDeleteIcon.glyphicon.glyphicon-remove {
  font-size: 12px;
  color: #4a90e2;
  margin-right: 7px;
  z-index: 1000;
}

#modernEditIcon.glyphicon.glyphicon-pencil:hover,
#modernDeleteIcon.glyphicon.glyphicon-remove:hover {
  cursor: pointer;
  color: #c7d2db;
}

.order-input {
  width: 60px;
  height: 40px;
  font-size: 16px;
  line-height: 28px;
  padding: 6px 12px;
  text-align: center;
  margin-right: 10px;
  display: inline-block;
  border: 1px solid #BDC6CF;
  color: #5E6977;
  border-radius: 3px;  
}

.dynamicUI-controls.order-input::-webkit-outer-spin-button,
.dynamicUI-controls.order-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0; 
}

.dynamicUI-controls.order-input[type=number] {
    -moz-appearance:textfield;
}

#editControlDrawer.modal.fade:not(.in) .modal-dialog {
  transform: translate3d(25%, 0, 0);
  -webkit-transform: translate3d(25%, 0, 0);
}

#dynamicUIEditModal.modal-dialog {
  position: fixed;
  top: 0;
  right: 0;
  margin: 0;
  box-sizing: border-box;
  min-height: 100%;
  overflow-y: scroll;
  height: 100%;
  width: 736px;
}

#dynamicUIEditModal > .modal-content {
  padding: 36px 21px;
  min-height: 100%;
}

#dynamicUIEditModal .modal-content .modal-header {
  padding: 20px 0;
  display: flex;
  justify-content: space-between;
}

.controlFixedMedium {
  width: 100px !important;
}
@media (max-width: 1199px) {
  .controlFixedMedium {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
}
@media (min-width: 1200px) {
  .controlFixedMedium {
    width: 120px !important;
  }
}

.controlFixedShort {
  width: 50px !important;
}

/* radio buttons */
.radio td {
  text-align: right;
}

.radio.text-on-right label,
.checkbox.text-on-right label {
  /* when label is to the right of the radio/checbox */
  padding-top: 5px;
  padding-left: 0;
  padding-right: 5px;
}

/* messages shown in alerts on pages like demographics*/
.alert .messageList {
  max-height: 200px;
  overflow: auto;
}

.alert .messageList ul:empty {
  margin-bottom: 0;
}

.messageSmall:not([id$="ValidationSummaryPanel"]) {
    min-height: 54px;
}

.messageSmall h5,
.messageSmall .h5 {
  margin-top: 0;
  margin-bottom: 5px;
}

.messageSmall .collapseExpandSmall {
  cursor: pointer;
}

/* font awesome text used directly */
.label-fa {
  font-size: large;
}

/*#endregion CONTROLS */

/*#region CUSTOM TABS */
#ReportLinks {
  overflow-x: hidden;
}

#ReportLinks td {
  width: 50%;
  vertical-align: top;
}

ul.reportLinkColumn {
  /*list-style-position: inside;
    list-style-type: none;
    overflow: hidden;*/
  padding: 0 5px;
}

ul.reportLinkColumn li {
  float: left;
  width: 100%;
  /*border: solid 1px #C1C1C1;*/
  border-bottom: solid 1px #d5d9dc;
  text-align: left;
  /* margin: 10px 5px; */
  padding: 8px 12px 5px 12px;
  cursor: pointer;
  background-color: #fff;
}

ul.reportLinkColumn li:first-child {
  border-top: solid 1px #d5d9dc;
}

ul.reportLinkColumn li h4 {
  margin: 0 auto;
}

ul.reportLinkColumn li:hover {
  /* -moz-box-shadow: 0 0 5px 3px rgba(140, 140, 140, 0.6);
            -webkit-box-shadow: 0 0 5px 3px rgba(140, 140, 140, 0.6);
            box-shadow: 0 0 5px 3px rgba(140, 140, 140, 0.6);
            background-color: #fafafa; */
}

ul.reportLinkColumn li fieldset {
  /* margin-left: 10px;
            float: left; */
}

ul.reportLinkColumn li fieldset legend {
  /* border: none;
                margin-bottom: 10px; */
}

/*#endregion CUSTOM TABS */

/**************** RAD EDITOR*****************************************************************/
.RadEditor {
  min-height: 400px !important;
  height: auto !important;
}

.RadEditor [id$="_contentDiv"] {
  min-height: 400px !important;
}

.RadEditor .reWrapper {
  min-width: 420px !important;
  min-height: 300px !important;
}

/**************** RAD EDITOR SMALL*****************************************************************/
.RadEditorSmall {
  min-height: 200px !important;
  height: auto !important;
}

.RadEditorSmall [id$="_contentDiv"] {
  min-height: 200px !important;
}

.RadEditorSmall .reWrapper {
  min-width: 420px !important;
  min-height: 200px !important;
}

/***************** END: RAD EDITOR *********************************************************/
.RadGridContainer {
  /*margin-bottom: 10px;*/
  margin-bottom: 48px;
  min-height: 100px;
  overflow: auto;
  clear: both;
}

.RadGridContainer:focus {
  outline-color: #dfe6ec;
}

/* Tables followed by angular forms -- Keep this and .RadGridContainer rules together for easy updates */
.table-container + * > form:first-child,
.table-container + .row,
.RadGrid + .row,
.RadGrid + .panel-default {
  margin-top: 48px;
}

.panel-default .table thead th:first-child,
.panel-default .table tbody td:first-child,
.panel-default .table tfoot td:first-child {
  padding-left: 12px !important;
}

.table-container + * > form:first-child > .nav-tabs:first-child,
.RadGridContainer + .nav-tabs,
.RadGridContainer + .clearfix + .nav-tabs {
  margin-top: -16px;
}

.RadGrid + .nav-tabs,
.table-container + * > .nav-tabs:first-child {
  margin-top: 32px;
}

/*********** Clickable / Non-clickable Rows *****************************************************************/

.RadGrid.non-clickable .rgAltRow,
.RadGrid.non-clickable .rgRow,
.non-clickable .RadGrid .rgAltRow,
.non-clickable .RadGrid .rgRow {
  cursor: auto !important;
}

.RadGrid .rgAltRow,
.RadGrid .rgRow,
tr.Clickable {
  cursor: pointer !important;
}

.table-hover tr.Clickable:hover,
.table-hover tr.Clickable:hover td {
  background-color: #ededed !important;
}

.table th.sortable-element {
  cursor: pointer;
  position: relative;
}

.RadGrid_Onepointblue:focus,
.RadGrid_Onepointblue table:focus {
  outline: none;
}

/* .RadGrid_Onepointblue  th {
    border-bottom: 1px solid #DFE6EC;
    line-height: 40px;
} */

/* Group header title cell */
.RadGrid .rgGroupHeader td div div {
  top: -5px !important;
  left: -5px !important;
}

.RadGrid_Onepointblue
  tr
  td:first-child:not(.rgGroupCol):not(.rgCheck):not(.rgExpandCol),
.table tr td:first-child:not(.rgGroupCol):not(.rgCheck):not(.rgExpandCol),
.RadGrid_Onepointblue  thead  td:first-child:not(.rgGroupCol):not(.rgCheck):not(.rgExpandCol),
.table thead td:first-child:not(.rgGroupCol):not(.rgCheck):not(.rgExpandCol),
.RadGrid_Onepointblue
  thead
  th:first-child:not(.rgGroupCol):not(.rgCheck):not(.rgExpandCol),
.table thead th:first-child:not(.rgGroupCol):not(.rgCheck):not(.rgExpandCol) {
  padding-left: 24px;
}

.RadGrid_Onepointblue tr td.rgGroupCol + td,
.RadGrid_Onepointblue tr td.rgExpandCol + td,
.table tr td.rgGroupCol + td,
.table tr td.rgExpandCol + td,
.RadGrid_Onepointblue tr td.rgGroupCol + td,
.RadGrid_Onepointblue tr td.rgExpandCol + td,
.table thead th.rgGroupCol + th,
.table thead th.rgExpandCol + th,
.RadGrid_Onepointblue thead tr th.rgGroupCol + th,
.RadGrid_Onepointblue thead tr th.rgExpandCol + th,
.table thead td.rgGroupCol + td,
.table thead td.rgExpandCol + td {
  padding-left: 0;
}

.RadGrid_Onepointblue tr td.rgCheck + td,
.RadGrid_Onepointblue thead th.rgCheck + th,
.table thead th.rgCheck + th,
.table thead td.rgCheck + td,
.table tr td.rgCheck + td {
  padding-left: 8px;
}

.RadGrid_Onepointblue tbody tr td.rgGroupCol,
.table tbody tr td.rgGroupCol,
.RadGrid_Onepointblue thead td.rgGroupCol,
.table thead td.rgGroupCol,
.RadGrid_Onepointblue tr td.rgCheck,
.table tr td.rgCheck,
.RadGrid_Onepointblue thead th.rgCheck,
.table thead th.rgCheck {
  padding-right: 0 !important;
  padding-left: 0 !important;
  text-align: center;
  vertical-align: inherit;
}

.RadGrid_Onepointblue tr td.rgCheck > div.fancy-checkbox,
.table tr td.rgCheck > div.fancy-checkbox,
.RadGrid_Onepointblue thead th.rgCheck > div.fancy-checkbox,
.table thead th.rgCheck > div.fancy-checkbox {
  padding-left: 16px;
}

.RadGrid_Onepointblue tr.subrow,
.RadGrid_Onepointblue tr.rgEditRow {
  border: none;
}

.RadGrid_Onepointblue tr.rgGroupHeader td {
  background-color: #ffffff;
  border-bottom: 1px solid #dfe6ec;
  border-top: 1px solid #dfe6ec;
}

.RadGrid_Onepointblue tbody .rgGroupHeader:first-child td {
  border-top: 0;
}

.RadGrid_Onepointblue tr.rgGroupHeader td.rgGroupCol,
.grid-with-details tbody > tr.rgRow > td.rgExpandCol,
.grid-with-details tbody > tr.rgAltRow > td.rgExpandCol,
.grid-with-details thead > tr > th.rgExpandCol {
  text-align: center;
  border-bottom: 1px solid #dfe6ec;
  background: transparent;
  position: relative;
  padding: 0px 12px 0px 0px !important;
  width: 24px !important;
}

/* .grid-with-details table.rgMasterTable > thead >  tr > th.rgExpandCol,
    .grid-with-details table.rgMasterTable > tbody >  tr > td.rgExpandCol {
        width: 48px!important;
        padding-left: 12px!important;
        padding-right: 12px!important;
    } */

.RadGrid_Onepointblue tr.rgGroupHeader td.rgGroupCol i,
.grid-with-details tbody > tr.rgRow > td.rgExpandCol i,
.grid-with-details tbody > tr.rgAltRow > td.rgExpandCol i {
  color: #4a90e2;
  font-weight: 600;
  font-size: 14px;
}

.RadGrid_Onepointblue tbody .rgGroupHeader .rgGroupCol:before,
.grid-with-details:not(.pm-rg-custom-expand-column)
  tbody
  > tr.rgRow
  > td.rgExpandCol:before,
.grid-with-details:not(.pm-rg-custom-expand-column)
  tbody
  > tr.rgAltRow
  > td.rgExpandCol:before,
.grid-with-details:not(.pm-rg-custom-expand-column)
  thead
  > tr
  > th.rgExpandCol:before {
  content: "\e94c";
  position: relative;
  font-family: "Proliant-1" !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 600;
  height: 14px;
  width: 14px;
  color: #4a90e2;
}

td.rgExpandCol.no-content:before {
  content: " " !important;
}

.RadGrid_Onepointblue tbody .rgGroupHeader.collapsed .rgGroupCol:before,
.grid-with-details:not(.pm-rg-custom-expand-column)
  tbody
  > tr.rgRow.collapsed
  > td.rgExpandCol:before,
.grid-with-details:not(.pm-rg-custom-expand-column)
  tbody
  > tr.rgAltRow.collapsed
  > td.rgExpandCol:before,
.grid-with-details:not(.pm-rg-custom-expand-column)
  thead
  > tr.collapsed
  > th.rgExpandCol:before {
  content: "\e94b";
}

.grid-with-details tbody > tr > td.profileImage .employee-image-container {
  margin-bottom: 0px;
}

.RadGrid_Onepointblue tbody .rgGroupHeader .rgGroupCol .rgCollapse,
.RadGrid_Onepointblue tbody .rgGroupHeader .rgGroupCol .rgExpand,
.grid-with-details tbody > tr.rgRow > td.rgExpandCol .rgCollapse,
.grid-with-details tbody > tr.rgAltRow > td.rgExpandCol .rgCollapse,
.grid-with-details tbody > tr.rgRow > td.rgExpandCol .rgExpand,
.grid-with-details tbody > tr.rgAltRow > td.rgExpandCol .rgExpand,
.grid-with-details thead > tr > th.rgExpandCol .rgExpand,
.grid-with-details thead > tr > th.rgExpandCol .rgCollapse {
  position: absolute;
  left: 13px;
  top: 13px;
  display: none;
}

.grid-with-details tbody > tr.rgRow + tr > td > label:only-child,
.grid-with-details tbody > tr.rgAltRow + tr > td > label:only-child {
  margin-bottom: 0;
}

.grid-with-details tbody > tr.collapsed + tr.subrow {
  display: none;
}

tr.disabled,
tr.disabled {
  background-color: #f3f7f9 !important;
}

table.rgMasterTable > tbody > tr.rgSelectedRow.disabled > td,
table.table > tbody > tr.disabled > td,
table.rgMasterTable > tbody > tr.disabled > td,
table.table > tfoot > tr.disabled > td {
  color: #c5d3dc;
}

.RadGrid_Onepointblue table.rgMasterTable > thead > tr > th.profileImage,
table.table > thead > tr > th.profileImage {
  padding-left: 56px;
}

.RadGrid_Onepointblue
  table.rgMasterTable
  > thead
  > tr
  > th.rgExpandCol
  + th.profileImage,
table.table > thead > tr > th.rgExpandCol + th.profileImage,
.RadGrid_Onepointblue
  table.rgMasterTable
  > thead
  > tr
  > th.rgGroupCol
  + th.profileImage,
table.table > thead > tr > th.rgGroupCol + th.profileImage {
  padding-left: 44px;
}

.RadGrid_Onepointblue
  table.rgMasterTable
  > thead
  > tr
  > th.profileImage:first-of-type,
table.table > thead > tr > th.profileImage:first-of-type {
  padding-left: 68px !important;
}

/************ END:Clickable Rows ************************************************************/

/* style used to cause a scrollbar when contents are too high*/
.fixed-height {
  overflow: auto;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* default allow will have 3 rows of data */
.grid-default-height {
  height: 144px !important;
}

.grid-max-height {
  max-height: 144px !important;
}

.grid-double-height {
  height: 288px !important;
}

.grid-triple-height {
  height: 432px !important;
}

.grid-quadruple-height {
  height: 576px !important;
}

.grid-quintuple-height {
    height: 720px !important;
}

.grid-sextuple-height {
    height: 864px !important;
}


.fixed-height-94 {
  height: 94px !important;
}

.fixed-height-100 {
  height: 100px !important;
}

.fixed-height-125 {
  height: 125px !important;
}

.fixed-height-150 {
  height: 150px !important;
}

.fixed-height-175 {
  height: 175px !important;
}

.fixed-height-275 {
  height: 275px !important;
}

.fixed-height-315 {
  height: 315px !important;
}

.fixed-height-375 {
  height: 375px !important;
}

.fixed-height-500 {
  height: 500px;
}

.fixed-height-525 {
  height: 525px;
}

.fixed-height-600 {
  height: 600px;
}

.fixed-height-700 {
  height: 700px;
}

/* on modals leave padding*/
.modal-body.fixed-height {
  padding: 15px;
}

/*#region LISTS */

ul {
  list-style: none;
}

ul.no-style,
ol.no-style {
  list-style-type: none;
  list-style-position: inside;
  padding-left: 0;
}

.no-style.pad-items > li {
  margin-bottom: 5px;
}

ul.bullet-list {
  list-style: disc;
}

/*#endregion LISTS */

/***************** Dialogs *****************************************************************/
.dialog .container {
  padding: 5px 10px;
}

.dialogContent.container {
  width: 100%;
  background: #ffffff;
  padding: 24px 24px 0 24px;
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 100%;
}

/* Forces bottom padding for IE and Firefox (issue when container overflows its parent) */
.dialogContent.container:after {
  content: "";
  height: 24px;
  display: block;
}

/* .dialog-header {
    color:black;
    border-bottom: solid 1px #999;
} */

/***************** END: Dialogs ************************************************************/

.HiddenSection {
  display: none;
}

.box-shadow-none {
  box-shadow: none !important;
}

/*#region TOOLTIPS */

.tooltip-icon {
  cursor: help !important;
  position: relative;
  float: right;
  height: 22px !important;
  width: 17px !important;
  display: inline-block;
  zoom: 1;
  padding-top: 5px;
}

.fa.tooltip-icon {
  font-size: large;
}

.panel-actions .fa.tooltip-icon {
  padding-top: 2px;
}

.tooltip-content {
  position: absolute;
  z-index: 99;
  left: -9999em;
  border: solid 1px #444;
  width: 370px !important;
  display: block;
  white-space: normal;
  background-color: #14364f;
  color: #fff;
  text-indent: 0;
  text-align: left;
  padding: 5px;
  font-weight: normal;
  font-size: 11px;
  line-height: 1.2em;
  /* Rounded corners */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  /* Glowing effect */
  box-shadow: 0 0 5px rgba(100, 100, 100, 1);
  -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 1);
  -moz-box-shadow: 0 0 5px rgba(100, 100, 100, 1);
  border: 1px solid rgba(100, 100, 100, 0.8);
}

.tooltip-icon:hover .tooltip-content,
.tooltip-icon:hover + .tooltip-content {
  left: auto;
  right: 0;
  margin-right: 5px;
  margin-top: 22px;
}

.with-popovers .tooltip-icon:hover + .tooltip-content {
  display: none;
}

/*#endregion TOOLTIPS */

/*#region PAYROLL */

/*#region PAYROLL MENU */

.payroll-progress {
  background: none;
  overflow: hidden;
  padding: 10px 5px;
  min-width: 500px;
}

.payroll-progress .circle {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 40px;
  cursor: pointer;
  text-align: center;
  background-color: #7dc855;
}

.payroll-progress .bar {
  border: 1px solid #d4d8de;
  display: inline-block;
  position: relative;
  min-width: 13%;
  height: 6px;
  margin: 2px -0px 28px -0px;
  border-left: none;
  border-right: none;
  border-radius: 0;
  text-align: center;
  background-color: #d4d8de;
}

.payroll-progress .bar.completed {
  background-color: #7dc855;
}

.payroll-progress .circle .label {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 32px;
  border-radius: 32px;
  font-size: 17px;
  padding: 0;
}

.payroll-progress .circle .title {
  color: #b5b5ba;
  font-size: 13px;
  line-height: 30px;
  margin-left: -5px;
  text-transform: uppercase;
}

.payroll-progress .circle:hover {
  font-weight: bold;
}

.payroll-progress .bar.active {
  background: radial-gradient(circle, white 40%, #7dc855 60%);
}

.payroll-progress .pending .label {
  color: #b5b5ba;
  background-color: #ffffff;
  border: 1px solid #b5b5ba;
}

.payroll-progress .pending .title {
  color: #b5b5ba;
}

.payroll-progress .pending.active .label,
.payroll-progress .pending.enabled .label {
  color: #ffffff;
  border: 2px solid #7dc855;
}

.payroll-progress .pending.active .title {
  color: #7dc855;
  font-weight: bold;
}

.payroll-progress .completed.active .label {
  color: #fff;
  background: linear-gradient(#4d8230, #4d8230);
}

.payroll-progress .completed.active .title {
  color: #4d8230;
  font-weight: bold;
}

/*#endregion PAYROLL MENU */

/*#region PAYROLL MAIN PAGE ICONS */

.Payroll_Current_S:before,
.Payroll_CheckBox_Warning:before,
.Payroll_Warning_S:before,
.Payroll_CheckBox_Error:before,
.Payroll_Error_S:before,
.Payroll_CheckBox_Done:before,
.Payroll_Done_S:before,
.Payroll_CheckBox_Active:before,
.Payroll_Active_S:before,
.Payroll_Disabled_S:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Proliant-1" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
}

.Payroll_Current_S {
  content: "\e963";
  color: #62a844;
}

.Payroll_CheckBox_Done:before,
.Payroll_Done_S:before {
  content: "\e967";
  color: #62a844;
}

.Payroll_CheckBox_Active:before,
.Payroll_Active_S:before {
  content: "\e963";
  color: #7dc855;
  background-color: #7dc855;
  border-radius: 50%;
}

.Payroll_CheckBox_Warning:before,
.Payroll_Warning_S:before {
  content: "\e96c";
  color: #ca1011;
}

.Payroll_CheckBox_Error:before,
.Payroll_Error_S:before {
  content: "\e966";
  color: #ec7d1b;
}

.Payroll_CheckBox_Active.Scheduled:before,
.Payroll_Active_S.Scheduled:before {
  content: "\e98c";
  color: #62a844;
}

.Payroll_Done_S_Warning:before {
  content: "\e96b";
  color: #ec7d1b;
}

.Payroll_Disabled_S:before {
  content: "\e96e";
  color: #2b333d;
}

.PayrollNavigation {
  font-size: 22px !important;
}
/*#endregion PAYROLL MAIN PAGE ICONS */

/*.onboardingSettingsPanel .specialHeader {
    background-color: #e6e6e6 !important;
    border-bottom: 0 !important;
}

    .onboardingSettingsPanel .specialHeader h4 {
        font-style: normal !important;
    }

.onboardingSettingsPanel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid #a7a8a7 !important;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0,0,0,.025);
}*/

.pto-import-table {
  max-width: 840px;
}

.payroll-start-panel .navigation-block {
  min-height: 220px;
}

.payroll-start-panel p {
  font-size: 16px;
}

#BatchEntrySettingsContainer {
  padding: 5px 0;
  margin-bottom: 10px;
}

/*#region PAYROLL WIZARD */

input.Payroll_Current_S,
input.Payroll_CheckBox_Warning,
input.Payroll_Warning_S,
input.Payroll_CheckBox_Error,
input.Payroll_Error_S,
input.Payroll_CheckBox_Done,
input.Payroll_Done_S,
input.Payroll_Done_S_Warning,
input.Payroll_CheckBox_Active,
input.Payroll_Active_S,
input.Payroll_Disabled_S {
  background-color: transparent;
  background-image: url("../image/circle_icons.png");
  background-repeat: no-repeat;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  height: 25px;
  width: 25px;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

input.Payroll_Disabled_S {
  background-position: -250px 0;
  cursor: inherit;
}

/*#endregion PAYROLL WIZARD */

/*#endregion PAYROLL */

/***************** System Operations ***********************************************************/

.jobStateTypes > span {
  margin-right: 5px;
}

.jobStateTypes > span > input[type="checkbox"] {
  margin-left: -15px;
  cursor: pointer;
}

.jobStateTypes > span > label {
  cursor: pointer;
}

#UpCompanyddl {
    display: inline !important;
}

.content-center {
    vertical-align:middle !important;
}

.fixed-width {
    min-width:100px;
}

.jobStatusDiv {
    margin-left: 0px !important;
    margin-right: 10px;
    padding-left: 20px !important;
}

.error-validator {
    display: block;
    color: #ca1011 !important;
}

/***************** END: System Operations ******************************************************/

/*#region ESS USER ADMINISTRATION */

.accountStatus {
  font-weight: bold;
  display: inline;
  text-align: right;
}

.accountStatus.enabled {
  color: #5e9f2a;
}

.accountStatus.disabled {
  color: #a40000;
}

.accountWarning {
  font-style: inherit;
  line-height: 14px !important;
}

.emailBlock span {
  height: 26px;
  line-height: 26px !important;
}

.emailBlock .Email {
  margin-right: 25px;
  display: inline-block;
  zoom: 1;
}

/*#endregion ESS USER ADMINISTRATION */

/*#region REPORTS & ANALYTICS */

#reportsLibraryCategorySelect .dropdown-menu {
  z-index: 999;
}

/*#endregion REPORTS & ANALYTICS */

/****************************************************************************************************************/
/*                                      ESS Specific styles                                                    */
/***************************************************************************************************************/

#checkDisplay {
  z-index: 999;
  display: none;
  width: 450px;
  height: 230px;
  background: transparent url(../image_ess/voidcheckReadyPay.png) no-repeat;
  position: absolute;
  border: solid 2px #888;
}

#DirectDepositExampleDisplay {
  z-index: 999;
  display: none;
  width: 620px;
  height: 95px;
  background: transparent url(../image_ess/DirectDepositExample.jpg) no-repeat;
  position: absolute;
  border: solid 2px #888;
}

/*#region HOME */

.CustomLinksContainer {
  overflow-y: auto;
  overflow-x: auto;
  padding: 2px;
  background-color: #fff;
}

.CustomLinksContainer.links {
  padding: 0px;
}

.CustomLinksContainer.forms {
  padding: 0px;
}

.CustomLinksTable {
  font-size: 10px;
  table-layout: fixed;
  line-height: 16px;
}

.CustomLinksTable tr {
  height: 50px;
  vertical-align: top;
  border: 0;
}

.CustomLinksTable tr.odd {
  background-color: #e6e6e6;
}

.CustomLinksTable tr.even {
  background-color: #f6f6f6;
}

.CustomLinksTable tr.extra {
  height: 100%;
}

.CustomLinksTable td.link {
  width: 30px;
}

.CustomLinksTable td.text {
  width: 174px;
  padding-left: 4px;
}

.CustomLinksTable td.description {
  width: 174px;
  padding-left: 4px;
}

.CustomLinksTable.links td.link {
  width: 40px;
}

.CustomLinksTable.links td.text {
  width: 100%;
  padding-left: 4px;
}

.CustomLinksTable.links td.description {
  width: 174px;
  padding-left: 4px;
}

.CustomLinksTable.forms td.link {
  width: 100%;
}

.CustomLinksTable.forms td.text {
  width: 40px;
  padding-left: 4px;
}

.CustomLinksTable.forms td.description {
  width: 174px;
  padding-left: 4px;
}


@media only screen and (max-width:475px) {
  .CustomLinksTable.links.table, .CustomLinksTable.forms.table  {
    min-width: 100%;
  }
}

a.AppCustomLink {
  background-color: Transparent;
  background-image: url(../image_ess/standalone_icons_25.png);
  border: 0;
  height: 25px;
  width: 25px !important;
  margin: 0;
  padding: 0;
  display: block;
}

a.AppCustomLink,
a.CustomLink.View {
  background-position: -225px 0;
}

a.AppCustomLink:hover,
a.CustomLink.View:hover {
  background-position: -225px -25px;
}

a.AppCustomLink.Info {
  background-position: -50px 0;
}

a.AppCustomLink.Info:hover {
  background-position: -50px -25px;
}

a.AppCustomLink.Warning {
  background-position: 0 0;
}

a.AppCustomLink.Warning:hover {
  background-position: 0 -25px;
}

a.AppCustomLink.Search {
  background-position: -125px 0;
}

a.AppCustomLink.Search:hover {
  background-position: -125px -25px;
}

a.AppCustomLink.Document {
  background-position: -625px 0;
}

a.AppCustomLink.Document:hover {
  background-position: -625px -25px;
}

a.AppCustomLink.GreenExclamation {
  background-position: -350px 0;
}

a.AppCustomLink.GreenExclamation:hover {
  background-position: -350px -25px;
}

a.AppCustomLink.RedExclamation {
  background-position: -375px 0;
}

a.AppCustomLink.RedExclamation:hover {
  background-position: -375px -25px;
}

a.AppCustomLink.OrangeExclamation {
  background-position: -400px 0;
}

a.AppCustomLink.OrangeExclamation:hover {
  background-position: -400px -25px;
}

a.AppCustomLink.Memo {
  background-position: -250px 0;
}

a.AppCustomLink.Memo:hover {
  background-position: -250px -25px;
}

a.AppCustomLink.ImportantMemo {
  background-position: -300px 0;
}

a.AppCustomLink.ImportantMemo:hover {
  background-position: -300px -25px;
}

a.AppCustomLink.AttachmentBlue {
  background-position: -925px 0;
}

a.AppCustomLink.AttachmentBlue:hover {
  background-position: -925px -25px;
}

a.AppCustomLink.Attachment {
  background-position: -900px 0;
}

a.AppCustomLink.Attachment:hover {
  background-position: -900px -25px;
}

/*#endregion HOME */

/*#region Employee election W2 / 1099 */
.employeeElection {
  /* background-color: #f6f6f6; */
  border-radius: 2px;
}

.employeeElection .messageList ul {
  list-style: none;
  padding-left: 0;
}

.employeeElection .messageList ul li {
  padding-bottom: 15px;
}

.employeeElection h1,
.employeeElection h2,
.employeeElection h3 {
  /* color: #296E0C; */
}

.employeeElection h4 {
  /* color: #883232; */
}

.messageList1095c .contact,
.messageList1095c .contact-email {
  font-weight: 500;
}

/*#endregion Employee election W2 / 1099 */

/**************** Multiple calendars ************************************************************/
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/**************** END: Multiple calendars ********************************************************/

/*#region MY CHANGES / APPROVAL GROUPS */

.approvalAttachment {
  background: transparent url(../image_ess/attachment_16.png) no-repeat;
  height: 24px;
  display: inline-block;
  zoom: 1;
  width: auto !important;
  font-size: 14px !important;
  line-height: 26px;
  cursor: pointer;
  color: #01478d;
  padding-left: 20px;
  font-weight: bold;
  background-position-y: center;
}

.approvalAttachmentDoc {
    background: transparent url(../image_ess/attachment_16.png) no-repeat;
    height: 24px;
    display: inline-block;
    zoom: 1;
    width: auto !important;
    font: 500 18px Roboto !important;
    line-height: 26px;
    cursor: pointer;
    color: #01478d;
    padding-left: 20px;
    font-weight: bold;
    background-position-y: center;
}

.approvalAttachment:hover {
  text-decoration: underline;
}

.approvalAttachment.nohover {
  cursor: default;
  text-decoration: none;
}

.approvalAttachmentDoc:hover {
    text-decoration: underline;
}

.approvalAttachmentDoc.nohover {
    cursor: default;
    text-decoration: none;
}

.jstree .pagination span,
.jstree .pagination a {
  min-height: 26px;
  line-height: initial;
}

.jstree .pagination a {
  color: #2980b9;
}

.jstree .pagination,
#approvalGroupPaging.pagination,
#approvalPaging .pagination {
  margin: 0;
  font-size: 0.9em;
}

.jstree .pagination a,
.jstree .pagination .prev,
.jstree .pagination .next,
.jstree .pagination .current,
.jstree .pagination span,
#approvalGroupPaging .pagination a,
#approvalGroupPaging .pagination .prev,
#approvalGroupPaging .pagination .next,
#approvalGroupPaging .pagination .current,
#approvalGroupPaging .pagination span,
#approvalPaging .pagination a,
#approvalPaging .pagination .prev,
#approvalPaging .pagination .next,
#approvalPaging .pagination .current,
#approvalPaging .pagination span {
  position: relative;
  float: left;
  padding: 3px 8px;
  margin-left: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}

.jstree .pagination .current,
#approvalGroupPaging .pagination .current,
#approvalPaging .pagination .current {
  color: #111;
  text-decoration: none;
}

/*#endregion MY CHANGES / APPROVAL GROUPS */

/*#region INBOX */

ul.horizontalMenu {
  list-style-type: none;
  white-space: nowrap;
  margin: 0;
}

ul.horizontalMenu li {
  position: relative;
  float: left;
  padding: 1px 0.3em;
}

ul.horizontalMenu li a {
  text-decoration: none;
  display: inline-block;
  float: left;
  zoom: 1;
  cursor: pointer;
}

#PtoViewLinks.nav-pills > li > a {
  padding: 4px 10px;
}

.icon.Circle.Small {
  background-image: url(../image/circle_icons_16.png);
  height: 16px;
  width: 16px;
  display: inline-block;
}

.icon.Circle.Small.YellowCircle {
  background-position: 0px 0px;
}

.icon.Circle.Small.UnChecked {
  background-position: -32px 0px;
}

.icon.Circle.Small.Checked {
  background-position: -96px 0px;
}

.icon.Circle.Small.CheckedBlue {
  background-position: -192px 0px;
}

.icon.Circle.Small.YellowCircle:hover {
  background-position: 0px -16px;
}

.icon.Circle.Small.UnChecked:hover {
  background-position: -32px -16px;
}

.icon.Circle.Small.Checked:hover {
  background-position: -96px -16px;
}

.icon.Circle.Small.CheckedBlue:hover {
  background-position: -192px -16px;
}

/*#region TIME OFF REQUESTS */

#PtoCalendar .fc-event .fc-title,
#PtoCalendar .fc-event .fc-time {
  font-weight: normal;
}

#PtoCalendar .approved.fc-event,
.approved .fc-event {
  border-color: #7dc855;
  color: #7dc855;
  cursor: not-allowed;
}

#PtoCalendar .pending.fc-event,
.pending .fc-event {
  border-color: #f5c205;
  color: #f5c205;
}

#PtoCalendar .declined.fc-event,
.declined .fc-event {
  border-color: #ca1011;
  color: #ca1011;
  cursor: not-allowed;
}

#PtoCalendar .fc-header-title {
  min-width: 240px;
  text-align: center;
}

#PtoCalendar .fc-grid {
  background-color: #fcfcfc;
}

#PtoCalendar .fc-other-month {
  background-color: #efefef;
}

#PtoCalendar .icon12 {
  display: inline-block;
  zoom: 1;
  padding: 0;
  overflow: visible;
  height: 12px !important;
  width: 12px !important;
  background: transparent url(../image_ess/icons_12.png) no-repeat;
}

#PtoCalendar .icon12.yellowcircle {
  background-position: 0 0;
}

#PtoCalendar .icon12.delete {
  background-position: -12px 0;
}

#PtoCalendar .icon12.bluecheck {
  background-position: -24px 0;
}

/*#endregion TIME OFF REQUESTS */

/*#endregion INBOX */

/*#region APPROVAL GROUPS */

/*** Popoup container styling ***/
.popupContainer {
  position: absolute;
  font-weight: normal;
  display: none;
  z-index: 999;
  top: 0;
  padding: 5px;
  width: 280px;
}

.popupContainer .close {
  opacity: 1;
  right: -10px;
  top: -13px;
  position: absolute;
  display: inline-block;
  zoom: 1;
  border-radius: 50%;
  padding: 5px;
  background-color: #55a5d9;
  color: #fff;
  text-shadow: none;
  font-size: 15px;
  font-weight: normal;
}

.popupContainer ul {
  background-color: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  border: double 1px #999;
  margin: 0;
  padding: 0;
}

.popupContainer ul li {
  display: block;
  text-indent: 5px;
  overflow: hidden;
  white-space: nowrap;
}

.popupContainer ul li:nth-child(even) {
  background-color: #e6e6e6;
}

.popupContainer ul li:nth-child(odd) {
  background-color: #fff;
}

.popupContainer ul li:hover {
  background-color: #ffe57f;
}

#approvalGroupPaging .pagination {
  margin: 5px 0;
}

li.odd {
  background-color: #fff;
}

li.even {
  background-color: #e6e6e6;
}

li.warning {
  color: #d6251d;
}

li.information {
  color: #166590;
}

li.warning a,
li.information a {
  display: block;
  float: left;
  cursor: help;
}

/*#endregion APPROVAL GROUPS */

/*#region SECURITY CONFIGURATION */

.select-count {
  position: absolute;
  right: 0;
  top: 4px;
  color: #5e6977;
}

#SecurityGroupAssignment a:hover {
  text-decoration: none;
  cursor: pointer;
}

.selectedEmployee {
  background-color: #ffe57f;
}

.excludedNode {
  text-decoration: line-through !important;
  color: #5e6977;
  /* padding-left: 22px !important; */
  /* background: transparent url('../image_ess/delete_icon_16.png') no-repeat left center !important; */
}

/*#endregion SECURITY CONFIGURATION */

/*#region WOTC */
/* div that contains interview question */
.interviewQuestionContainer {
  border-top: solid 2px #bcbcbc;
}

.interviewContainer > .interviewQuestionContainer:first-child {
  border-top: none;
}

/* table that contains interview question */
.interview {
  font-size: 1em;
  line-height: 16px;
}

.interview td {
  vertical-align: top;
  padding: 3px 6px;
}

.interview .firstColumn {
  width: 640px;
}

.interview .secondColumn {
  width: 260px;
}

.interview.demographics .firstColumn {
  width: 280px;
}

.interview.demographics .secondColumn {
  width: 150px;
}

.stateList {
  width: 120px !important;
}

.singleWord {
  display: inline-block;
  zoom: 1;
  width: 80px !important;
}

.singleCharacter {
  display: inline-block;
  zoom: 1;
  width: 20px !important;
}

.normal {
  font-weight: normal;
}

.italic {
  font-style: italic;
}

.question td {
  padding: 0px 8px;
  font-weight: normal;
  font-size: 1.1em;
}

.question label {
  display: inline-block;
  zoom: 1;
  padding: 0px 4px;
}

.questionIndent {
  text-indent: 30px;
}

.questionIndent45 {
  text-indent: 60px;
}

.questionIndent60 {
  text-indent: 90px;
}

.divQuestionIndent {
  padding-left: 30px;
}

.divQuestionIndent45 {
  padding-left: 60px;
  width: 600px;
}

.divQuestionIndent60 {
  padding-left: 90px;
  width: 600px;
}

/*#endregion WOTC */

/*#region PERFORMANCE MANAGEMENT */

/*#region PM - COMMON */

/*Styles to make BS modals look like in our style guide*/
.pm-bs-dialog .modal-header {
    padding: 8px 8px 16px 8px !important;
}

.pm-bs-dialog .modal-body {
    padding: 16px 8px 16px 8px !important;
    font-size: 19px;/*PM-1512 from Jane. To use BS/(our app) original/Normal*/
}

.pm-bs-dialog .modal-footer {
    padding: 16px 8px 8px 8px !important;
}

/*Styles to allow buttons panel always have nice looking margins/paddings for 'like' employee search selection controls either it placed in the pannel or in the tab*/
.panel-heading + .panel-body > .essCtrl.buttonContainer {
    border-top: none;
}

.essCtrl.buttonContainer {
    margin-bottom: 14px;
    margin-top: -16px;
}

.tab-pane > .essCtrl.buttonContainer {
    margin-bottom: 26px;
    border-top: none;
}


/* Temporarily while using jQuery autocomplete in angular's select-employee component.
   For angular we start using image-component based on flex. So we want to achieve the same in the jQuery autocomplete which
   list is outside of the angular's scope.
*/
.pm-select-employee-results-tmp .displayText{
    display: flex !important;/*we need to win the other inportant*/
    align-items: center;
}

/* Restore 'row' Bootstrap-like settings */
.perfMgmt .row, .bs-origin-like-row {
    margin-left: -12px; /* - 15px BS original*/
    margin-right: -12px; /* - 15px BS original*/
}

.review-item-title {
    padding-left: 0;
    overflow-x: hidden;
    text-overflow: ellipsis;
}

.gridItemDescription {
  max-height: 127px;
  overflow: hidden;
  margin-bottom: 0;
}

.gridGoalItemDescription {
  max-height: 40px;
  overflow: hidden;
  margin-bottom: 0;
}

.gridGoalItemDescriptionNew {
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 2.4em;
  text-align: justify;
  padding-right: 1em;
  margin-bottom: 0;
}

.gridGoalItemDescriptionNew:before {
  content: "...";
  position: absolute;
  right: 0;
  bottom: 0;
}

.gridGoalItemDescriptionNew:after {
  content: "";
  position: absolute;
  right: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.2em;
  background: white;
}

.table-selected-row > td > .gridGoalItemDescriptionNew:after {
  background: #e2f2fb;
}

grid-no-selection > tr {
  background: none !important;
}

.form-control-buddy-text {
  height: 40px;
  line-height: 40px;
  margin-bottom: 0;
}

.overflow-ellipsis {
  overflow-x: hidden !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.float-left {
  float: left;
}

.widthMax {
  width: 100% !important;
}

.contributorStepType1 > input {
  margin-left: 25px !important;
}

.selectEmplCtrl {
  position: relative !important;
}

.selectEmplCtrl > .selectEmplButton[disabled],
.selectEmplCtrl > .selectEmplButton[readonly] {
  border: solid 1px #bdc6cf !important;
}

.selectEmplCtrl > .selectEmplButton {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 0;
  /* z-index: 999; */
}

.requiredFieldLabel:after {
  content: "*";
  color: #f00;
  display: inline;
  margin-left: 3px;
  margin-right: -10px;
}

.underlined {
  text-decoration: underline;
}

div.dataTableHeaderDiv {
  background: #93b1ce url("../image_ess/grid_bg.png") 0 -400px;
  padding-left: 4px;
  font-size: 11px;
  border-collapse: collapse;
}

div.dataTableHeaderDiv table.small {
  font-size: 10px;
}

div.dataTableHeaderDiv table tr {
  height: 24px;
}

div.dataTableHeaderDiv table.small tr {
  height: 16px;
  line-height: 12px;
}

div.dataTableHeaderDiv table td,
div.dataTableHeaderDiv table th {
  text-align: left;
  padding: 2px 2px 2px 2px;
  overflow: hidden;
}

.weightPointsTextBox {
  min-width: 45px;
  width: 45px;
  padding-left: 8px !important;
  padding-right: 8px !important;
  text-align: right;
}

.modal-header button.close {
    opacity: initial;
    font-size: 16px;
}

.modal-header button.close i {
  color: #4a90e2;
}

.always-scroll-y {
  overflow-y: scroll !important;
}

.iconSelector .active {
    border-bottom: 2px solid #A2D885;
}

/*#endregion PM - COMMON */

/*#region ONEPOINT RATING */
.buttonContainerOnPointRating input[type="submit"].rating-empty {
  background: url("../image_ess/StarEmpty.png") no-repeat right top !important;
}

.buttonContainerOnPointRating input[type="submit"].rating-empty-readonly {
  background: url("../image_ess/StarEmptyReadonly.png") no-repeat right top !important;
}

.buttonContainerOnPointRating input[type="submit"].rating-fill {
  background: url("../image_ess/StarFill.png") no-repeat right top !important;
}

.buttonContainerOnPointRating input[type="submit"].rating-hover {
  background: url("../image_ess/StarHover.png") no-repeat right top !important;
}

.buttonContainerOnPointRating input[type="submit"].rating-active {
  background: url("../image_ess/StarActive.png") no-repeat right top !important;
}

.buttonContainerOnPointRating input[type="submit"].rating-readonly {
  background: url("../image_ess/StarReadonly.png") no-repeat right top !important;
}

.buttonContainerOnPointRating input[type="submit"].rating-reset {
  background: url("../image_ess/StarResetEmpty.png") no-repeat right top !important;
}

.buttonContainerOnPointRating input[type="submit"].rating-reset:hover {
  background: url("../image_ess/StarResetHover.png") no-repeat right top !important;
}

.buttonContainerOnPointRating input[type="submit"].rating-reset:active {
  background: url("../image_ess/StarResetActive.png") no-repeat right top !important;
}

.buttonContainerOnPointRating {
  margin: 10px;
  display: block;
  float: left;
  width: auto;
}

.buttonContainerOnPointRating input[type="submit"] {
  float: left;
}

.buttonContainerOnPointRating input[type="checkbox"] {
  margin-left: 10px;
}

.buttonContainerOnPointRating span.line-Title {
  margin-left: 5px;
  text-align: left;
  float: left;
  width: 99%;
}

.buttonContainerOnPointRating span.line-Title.enabled-title {
  font-weight: bold;
}

.buttonContainerOnPointRating span.line-Title.not-submit {
  margin-top: 20px;
  font-style: italic;
}

/*#endregion ONEPOINT RATING */

/*#region PM - EMPLOYEE LIST REVIEW */
/*table.performanceManagementFlow {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    /*font-family: Arial,Helvetica,FreeSans,sans-serif;*/
/*font-size: 16px;*/
/*    font-weight: 400;
    padding-bottom: 8px;
}

    table.performanceManagementFlow > tbody tr td {
        border-bottom: none;
    }

    table.performanceManagementFlow tr {
        vertical-align: top;
    }

        table.performanceManagementFlow tr.even {
            background-color: #e6e6e6;
        }

        table.performanceManagementFlow tr.odd {
            background-color: #fff;
        }*/

table.performanceManagementFlow tr.flowStep td {
  border-bottom: 1px solid #c7d2db;
}

table.GroupingTable tr {
  background-color: #e6e6e6;
  border-bottom: solid 1px #dcdcdc;
}

/*table.performanceManagementFlow .performanceManagementStep,
table.performanceManagementFlow .arrow {
    display: block;
    float: left;
}*/

table.performanceManagementFlow .arrow {
  /*font-size: 22px;
    font-weight: bold;
    padding: 5px 1px 0 1px;*/
}

.review-title-contributor {
  width: 80px;
  height: 80px;
  float: left;
}

.reviewHeader .form-control {
  /*max-width: 85%;*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.reviewHeader .control-label {
  max-width: 85%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*#region -> -> ->  PERFORMANCE MANAGEMENT FLOW <- <- <- <- <- <- <- <- <- */

.performanceManagementFlow .eeRow td {
  padding-top: 8px;
  padding-left: 12px;
}

.performanceManagementFlow .scrollable-flex-container {
  overflow: auto !important;
  padding: 8px 0;
  display: -webkit-flex; /* Safari */
  display: flex;
}

/* makes all flex items fully inflexible
   flex:none; is equivalent of flex:0 0 auto; this property specifies the flex-grow (first 0), flex-shrink (second 0) and flex-basis (auto) components in short form
   see details in the flexbox specification (www.w3.org)
*/
.performanceManagementFlow .scrollable-flex-container > * {
  -webkit-flex: none; /* Safari 6.1+ */
  -ms-flex: none; /* IE 10 */
  flex: none;
}

/* here we emulate right padding for scrollable-flex-container because it right padding does not apply when scrolling horizontally (right margin of last div in review chain no effect too') */
.performanceManagementFlow .scrollable-flex-container::after {
  content: "";
  display: inline-block;
  height: 1px;
  -webkit-flex: 0 0 16px; /* Safari */
  flex: 0 0 16px;
}

.performanceManagementStepRightArrow.lastFlowStep {
  background: transparent url(../image_ess/stepContentRBorder.png) no-repeat;
  width: 5px;
  min-width: 5px;
  left: -4px;
}

.performanceManagementStepRightArrow.flowStepLarge.lastFlowStep {
  background: transparent url(../image_ess/stepContentRBorder_Large.png)
    no-repeat;
}

.performanceManagementStepRightArrow.flowStepLarge.current.lastFlowStep {
  background: transparent url(../image_ess/stepContentCurrentRBorder_Large.png)
    no-repeat;
}

.performanceManagementStepRightArrow.current.lastFlowStep {
  background: transparent url(../image_ess/stepContentCurrentRBorder.png)
    no-repeat;
}

.performanceManagementStep.lastFlowStep {
  width: 67px;
}

.stepContent {
  display: -webkit-flex; /* Safari */
  display: flex;
  height: 70px;
}

.flowStepLarge.stepContent {
  height: 91px;
}

.contributorInfo-title,
.contributorInfo .contributorInfo-title {
  white-space: nowrap;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  display: block !important;
  line-height: 24px !important;
  height: 24px;
}

.performanceManagementStep {
  background: transparent url(../image_ess/stepContent.png) no-repeat;
  height: 86px;
  padding: 8px;
}

.performanceManagementStep.current {
  background: transparent url(../image_ess/stepContentCurrent.png) no-repeat;
}

.performanceManagementStep.flowStepLarge {
  background: transparent url(../image_ess/stepContent_Large.png) no-repeat;
  height: 107px;
  padding: 8px;
}

.performanceManagementStep.flowStepLarge.current {
  background: transparent url(../image_ess/stepContentCurrent_Large.png)
    no-repeat;
}

.performanceManagementStep.expanded {
  background: transparent url(../image_ess/stepContentExpanded.png) no-repeat;
  width: 248px;
}

.performanceManagementStep.flowStepLarge.expanded {
  background: transparent url(../image_ess/stepContentExpanded_Large.png)
    no-repeat;
}

.performanceManagementStep.current.expanded {
  background: transparent url(../image_ess/stepContentCurrentExpanded.png)
    no-repeat;
  /*width: 217px;*/
}

.performanceManagementStep.flowStepLarge.current.expanded {
  background: transparent url(../image_ess/stepContentCurrentExpanded_Large.png)
    no-repeat;
}

.performanceManagementStep .stepContent {
  width: 49px;
  position: relative;
}

.performanceManagementStep .contributorInfo,
.contributorInfo-title {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 169px;
  min-width: 169px;
}

/*.performanceManagementStep.current .hasImage {
        border: solid 2px #5c983b;
    }*/

.performanceManagementStep .info .contributorType {
  /*font-weight: bold;*/
  /*text-transform: uppercase;*/
}

.performanceManagementStep .info .contributor span {
  font-weight: normal;
  /*text-transform: uppercase;*/
}

.performanceManagementStep .info .contributor a {
  /*color: #0F3789;
            cursor: pointer;
            text-decoration: underline;
            text-transform: uppercase;*/
}

.performanceManagementStepRightArrow {
  background: transparent url(../image_ess/stepContentRArrow.png) no-repeat;
  margin-right: 8px;
  min-width: 28px;
  height: 86px;
  position: relative;
  left: -5px;
}

.performanceManagementStepRightArrow.current {
  background: transparent url(../image_ess/stepContentCurrentRArrow.png)
    no-repeat;
}

.performanceManagementStepRightArrow.flowStepLarge {
  background: transparent url(../image_ess/stepContentRArrow_Large.png)
    no-repeat;
  height: 107px;
}

.performanceManagementStepRightArrow.flowStepLarge.current {
  background: transparent url(../image_ess/stepContentCurrentRArrow_Large.png)
    no-repeat;
}

/*.performanceManagementStep.current .contributorInfo span,
.performanceManagementStep.current .contributorInfo label {
    color: #5c983b;*/ /*#7DC855;*/
/*}*/

/* .contributorInfo .contributorType {
    overflow-x: hidden;
    text-overflow: ellipsis;
} */

/*.performanceManagementStep .footer {
        /*background: transparent url(../image_ess/approval_step_status.png) no-repeat;*/
/*        width: 120px;
        height: 4px;
        padding: 0;
    }*/

/*.performanceManagementStep.completed .content {
        background-position: 0 0 !important;
    }

    .performanceManagementStep.completed .footer {
        background-position: 0 -80px !important;
    }

    /*.performanceManagementStep.current .content {
        background-position: 0 -170px;
    }*/

/*    .performanceManagementStep.current .footer {
        background-position: 0 -250px;
    }

    .performanceManagementStep.inactive .content {
        background-position: 0 -340px;
    }

    .performanceManagementStep.inactive .footer {
        background-position: 0 -420px;
    }*/

/*.performanceManagementStep.error .content {
        background-position: 0 -85px;
    }

    .performanceManagementStep.error .footer {
        background-position: 0 -165px;
    }*/

/*#endregion  -> -> ->  PERFORMANCE MANAGEMENT FLOW <- <- <- <- <- <- <- <- <-  */

.cardFormTitle {
  border-bottom: 2px solid #495a84;
  color: #273967;
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 10px;
  display: inline-block;
}

/*Review Scedule EE qualifiers*/
.employeeGroupCount {
  text-align: center;
  font-size: 11px;
  float: left;
  width: 120px;
  padding: 6px 4px 8px 4px;
  height: 83px;
  background-image: url(../image_ess/approval_step_status.png);
}

.employeeGroupCount .count {
  font-size: 3em;
  font-weight: bold;
  cursor: pointer;
  display: block;
}

.employeeGroupCount.current {
  border: solid 0 #004385;
  background-color: #a9cef3;
  background-position: 0 0;
}

.employeeGroupCount.current .count {
  color: #0066cc;
}

.sortFieldHeader {
  max-width: 50px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*#endregion PM - EMPLOYEE LIST REVIEW */

/*#region PM - DISTRIBUTED REVIEWS */

[id$="EmployeeKioskDistributedReviewsGrid_GridData"] table.rgMasterTable tbody tr.rgSelectedRow td {
  color: inherit;
}

.pm-dashboard-panel {
  margin-left: 24px;
}

.panel.pm-dashboard-panel {
  margin-right: 24px;
}

.pm-dashboard-panel-items-group {
  display: flex;
  padding-top: 16px;
  padding-left: 0;
}

.pm-dashboard-panel-items-group > li {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0px;
  padding: 0px 24px;
  border-left: 1px solid #dfe6ce;
}

.pm-dashboard-panel-items-group li:first-child {
  border-left: none;
}

.pm-dashboard-panel-items-group > li:active {
  background-color: #4a90e2;
}

.pm-dashboard-panel-items-group > li:active > a {
  color: white !important;
}

.pm-dashboard-panel-item-first-row {
  font-weight: normal;
  display: block;
}

.pm-dashboard-panel-item-second-row {
  font-size: 26px;
  font-weight: lighter;
  display: block;
}

/*#endregion PM - DISTRIBUTED REVIEWS */


/*#region PM - ACTIONS DROPDOWN */
/* used on Talent Mgmt > Perf Mgmt > Reviews > Distributed Reviews page (Action column of the grid) */

.dropdown-menu.pm-actions-dropdown {
    width: 320px;
    padding: 13px 0 0 0;
}

    /*.pm-actions-dropdown > li {
    }*/

        .pm-actions-dropdown > li .pm-action-description {
            margin: 0 0 0 32px;
            font-weight: 400;
            line-height: 1.42857;
            color: #5e6977;
            white-space: normal;
        }

.pm-actions-dropdown .btn-square {
    background-color: transparent;
    height: 32px;
    width: 32px;
    min-width: 32px;
    margin-top: -6px;
    margin-bottom: -6px;
}

.pm-actions-dropdown.open .btn-square {
    color: white;
    background-color: #4a90e2;
}

    .pm-actions-dropdown > li > a {
        position: relative;
        min-height: 40px;
        padding: 0;
        color: #5e6977;
        font-size: 16px;
        line-height: 26px;
        align-items: center;
        padding: 8px 16px;
    }

.pm-actions-dropdown>li>a:hover {
  color: #5e6977;
  background-color: #F3F6F8;
}

.pm-actions-dropdown>li>a>i {
  color: #4A90E2;
  padding-right: 16px;
}

.pm-actions-dropdown>li>a:active,
.pm-actions-dropdown>li>a:active>i {
  background-color: #4A90E2;
  color: white;
}

/*#endregion PM - ACTIONS DROPDOWN */


/*#region PM - SETTINGS */

.pm-multiselect-dropdown .dropdown-toggle {
  width: 100%;
  overflow: hidden;
  padding: 6px 40px 6px 16px;
  text-align: left;
}

.pm-multiselect-dropdown .dropdown-toggle i.icon-expand {
  right: 16px;
}

.pm-multiselect-dropdown ul.dropdown-menu {
  width: 100%;
  overflow: hidden;
  box-shadow: 4px 4px 6px #c7d2db !important;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.pm-multiselect-dropdown ul.dropdown-menu li > a {
  height: 40px;
  padding: 7px 16px;
  font-size: 16px;
  position: relative;
  display: block;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #3e5771;
  white-space: nowrap;
}

.pm-multiselect-dropdown
  ul.dropdown-menu
  li
  > a
  > .fancy-checkbox
  > label.control-label {
  color: #5e6977;
  font-weight: 400;
}

.pm-multiselect-dropdown
  ul.dropdown-menu
  li.selected
  > a
  > .fancy-checkbox
  > label.control-label {
  color: #2b333d;
  font-weight: 700;
}

.pm-multiselect-dropdown
  ul.dropdown-menu
  li:active
  > a
  > .fancy-checkbox
  > label.control-label {
  color: white;
}

.pm-multiselect-dropdown ul.dropdown-menu li.selected > a {
  color: #2b333d;
  font-weight: 700;
}

.pm-multiselect-dropdown ul.dropdown-menu li:hover > a {
  background-color: #f3f6f8;
}

.pm-multiselect-dropdown ul.dropdown-menu a.fancy-radio {
  padding-left: 5px;
}

.pm-multiselect-dropdown ul.dropdown-menu.nested-list {
  padding-left: 0;
  padding-bottom: 5px;
  max-height: 285px;
  overflow: auto;
}

.pm-vertically-centered-element {
  position: absolute !important;
  top: 50%;
  transform: translateY(-50%);
}
/*#endregion PM - SETTINGS */


/*#region PM Performance Log */

.has-feedback .form-control-feedback {
  top: 0;
  height: 40px;
  line-height: 40px;
  /*text-align: left;*/
  color: #4a90e2;
  pointer-events: none;
}

  /* ================ custom phrases list ================= */

.pm-phrases-list-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 48px;
}

.pm-phrases-list-item {
  display: flex;
  width: 100%;
  margin-top: 16px;
}

.pm-phrases-list-container > div {
  flex: calc(50% - 24px);
}

  /* ================ end custom phrases list ================= */

/*#endregion PM Performance Log */


/*.pairFieldControl label {
    padding: initial !important;
    margin-bottom: 5px;
}*/

.pmDateControl {
  padding-left: initial !important;
  margin-bottom: initial !important;
}

.pmDateToControl {
  padding-right: initial !important;
}

.color-green {
  color: #228b22 !important;
}

.backcolor-orange {
  background-color: Rgb(255, 157, 60);
}

/* #region RadGrid */
.rgMasterTable tr.rgSelectedRow .text-badge {
  background-color: transparent;
}
/* #endregion RadGrid */


/*#endregion PERFORMANCE MANAGEMENT */

/*#region ONBOARDING */
.radio-bold label {
  padding-top: 5px;
  padding-left: 10px;
  padding-right: 8px;
  font-weight: bold;
}

.panel-body-list ul {
  padding-left: 0;
}

.panel-body-list ul li {
  list-style: disc outside;
  margin-left: 20px;
}

.panel-body-list ul li ul li {
  list-style: circle outside;
  margin-left: 20px;
}

.margin-left5 {
  margin-left: 5px;
}

.margin-right5 {
  margin-right: 5px;
}

.radio-big label {
  display: inline;
}

.rcheckbox-big label {
  display: inline;
}

.dialogcontent {
  padding: 24px;
}

.box {
  outline: 1px solid #aaa;
}

.summaryPanelPadding {
  padding: 10px;
}

.box-top {
  border-top: 1px solid #bbb;
}

.batch-options-grid .col-xs-4,
.batch-options-grid .col-xs-12 {
  padding-left: 0;
}

.icon.Circle {
  background-image: url(../image/circle_icons.png);
  height: 25px;
  width: 25px;
  border: 0;
  line-height: 25px !important;
  vertical-align: middle;
  display: inline-block;
}

.icon.Circle.Medium {
  background-image: url(../image/circle_icons_19.png);
  height: 19px;
  width: 19px;
}

.icon.Circle.Medium.Checked {
  background-position: -114px 0;
}

.icon.Circle.Medium.Information {
  background-position: -132px 0;
}

.icon.Circle.Medium.RedStop {
  background-position: -171px 0;
}

.toggleHeader {
  cursor: pointer;
}

/*#endregion PERFORMANCE MANAGEMENT */

.nav-pills.nav-item-delimited > li {
  border-right: double #aaa 3px;
  border-radius: 0;
  margin-right: 5px;
  padding-right: 5px;
}

.nav-pills.nav-item-delimited > li:last-of-type {
  border-right: none;
}

.nav-pills-xs.nav-pills > li > a,
.nav-pills-xs.nav-pills > li > span {
  padding: 3px 10px;
  display: block;
}

.nav-pills-sm.nav-pills > li > a,
.nav-pills-sm.nav-pills > li > span {
  padding: 5px 10px;
  display: block;
}

/************************   ACA FILING *******************************************/
.myGrid {
  width: 100%;
  min-height: 550px;
  margin: 5px auto 10px auto;
}

.myGrid .wp-show-selected-panel {
  margin-right: 20px;
  font-weight: bold;
}

.myGrid .ui-grid-cell input[type="checkbox"] {
  margin: 2px;
}

ul.scorecard {
  margin-bottom: 0;
}

ul.scorecard > li {
  padding-left: 3px;
  padding-right: 3px;
  border: #ddd solid 1px;
  font-size: 14px;
}

ul.scorecard.btn-group.btn-group-justified li.btn.text-center {
  color: rgb(74, 144, 226);
}

ul.scorecard.btn-group.btn-group-justified li.btn.text-center.active {
  color: #ffffff;
}

aca-filing .btn,
aca-filing label,
aca-filing li,
aca-filing label,
aca-filing aca-filing-dashboard a,
aca-filing input,
aca-filing select,
aca-filing option {
  font-size: 14px !important;
}

ul.scorecard > li.active {
  box-shadow: inset 0 0 5px #20638f;
  border: none;
}

ul.scorecard > li.disabled {
  color: #aaa;
}

ul.err-group > li {
  border: #ddd solid 1px;
}

ul.err-group > li.active,
ul.err-group > li.active:hover {
  background-color: #20638f;
  color: #fff;
}

/************************   END: ACA FILING *******************************************/

/************************   Print styles *******************************************/
@media only print {
  body {
    font-size: 12px;
  }

  .btn {
    display: none;
  }

  .fixed-height {
    height: 100%;
    max-height: 100%;
    overflow: visible;
  }

  table.table,
  table tr,
  table tr td {
    border: none;
  }

  table.table-striped > tbody > tr,
  table.table-striped > tbody > tr:nth-child(2n) {
    background-color: white;
  }

  .iprint {
    height: 375px;
  }

  .iprint table tr td {
    font-size: 13px;
  }
}

/************************ END: Print styles *******************************************/

/************************ Start: Employment Status and Type History *******************************************/

.employment-status .popover,
.rehire-status .popover {
  width: 550px !important;
}

.rehire-window.popover-over-flow td.rwWindowContent > div:first-child {
  overflow: visible !important;
}

.status-wizard-menu .no-border {
  border: none;
}

ul.status-actions {
  margin: 0 0 5px 10px;
  display: inline-block;
  width: 63%;
}

#actions1.status-actions {
  width: 55%;
}

ul.status-actions.list-group:after {
  clear: both;
  display: block;
  content: "";
}

ul.status-actions .list-group-item {
  float: left;
  margin: 0;
  border: none;
  padding: 0;
  font-size: 11px;
}

ul.status-actions .list-group-item:last-child {
  margin-right: 10px;
}

.rightButtons button {
  margin-right: 0 !important;
}

.disabled-background {
  /* background-color: lightgray !important; */
  background-color: #f5f7f7 !important;
}

.disabled-drop-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}

.term-history {
  /*  margin: 1em;*/
  height: 389px;
  border-top: none;
  border-bottom: none;
}

.term-history .rgDataDiv {
  height: 300px !important;
}

.term-history input.OnePoint_DirtyField,
.term-history select.OnePoint_DirtyField {
  border: 1px solid red;
}

.term-history-window {
  min-height: 600px !important;
}

.term-history-window > table {
  min-height: 600px !important;
}

.col-full-width {
  width: 100%;
}

.center-fix input[type="checkbox"] {
  margin-left: 3px;
}

.grid-date {
  height: 21px;
}

.termination-grid {
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.radwindow-margin {
  /* margin: 15px; */
  margin: 0 !important;
}

.radwindow-title-width {
  width: 730px !important;
}

.dialogContent,
#dialogContainer {
  overflow-y: auto;
  height: 100%;
}

.popover {
  color: #141823;
}

.fc-view-container {
  background-color: white;
}

.fc-head {
  background-color: #578aab;
  color: white;
}

/**
 * Styles which were added by Sergei Tkachev
 */
.pl-nopadding-all {
  padding: 0 !important;
}

.pl-padding-right-none {
  padding-right: 0 !important;
}

.pl-margin-none {
  margin: 0 !important;
}

.pl-m-bottom-20 {
  margin-bottom: 20px;
}

.pl-m-right-none {
  margin-right: 0 !important;
}

.pl-nopadding-left {
  padding-left: 0 !important;
}

.pl-nopadding-right {
  padding-right: 0 !important;
}

.pl-filing-block-wrapper {
  overflow: auto;
}

.pl-filing-block {
  width: 1200px;
}

.pl-padding-left-none {
  padding-left: 0 !important;
}

.pl-employee-hr-documents-block {
  min-width: 500px;
}

.pl-myself-competencies-mss-details-block {
  min-width: 722px;
}

.pl-general-documents-table {
  min-width: 847px;
}

.pl-employee-acrual-history-table {
  min-width: 810px;
}

.pl-fixed-height {
  padding: 0;
  margin: 0;
  width: 100%;
}

.pl-height-25 {
  height: 25px;
}

.pl-margin-top-5 {
  margin-top: 5px;
}

.pl-margin-top-10 {
  margin-top: 10px;
}

.pl-margin-bottom-5 {
  margin-bottom: 5px;
}

.pl-margin-bottom-10 {
  margin-bottom: 10px;
}

.pl-text-align-left {
  text-align: left !important;
}

.pl-width-110 {
  width: 110px;
}

.pl-width-150 {
  width: 150px;
}

.pl-overflow-initial {
  overflow: initial !important;
}

.pl-padding-rl-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.pl-block-width-1103 {
  min-width: 1103px;
}

.pl-width-400 {
  width: 400px;
}

.pl-width-1119 {
  width: 1118px !important;
}

.pl-width-728 {
  width: 728px;
}

.pl-width-1500 {
  width: 1500px;
}

.pl-width-506 {
  width: 506px;
}

.pl-width-945 {
  width: 945px;
}

.pl-width-544 {
  width: 544px;
}

.pl-width-635 {
  width: 635px;
}

.pl-min-width-442 {
  min-width: 442px;
}

.pl-min-width-584 {
  min-width: 584px;
}

.pl-min-width-1150 {
  min-width: 1150px;
}

.pl-min-width-1248 {
  min-width: 1248px;
}

.pl-min-width-1250 {
  min-width: 1250px;
}

.pl-min-width-903 {
  min-width: 903px !important;
}

.pl-min-width-child-table-883 table {
  min-width: 883px !important;
}

.pl-min-width-882 {
  min-width: 882px;
}

.pl-min-545 {
  min-width: 545px;
}

.pl-min-width-850 {
  min-width: 850px;
}

.pl-width-730 {
  width: 730px;
}

.pl-width-890 {
  width: 890px;
}

.pl-width-449 {
  width: 449px;
}

.pl-width-auto {
  width: auto !important;
}

.pl-width-full {
  width: 1248px;
}

.pl-aca-width-1365 {
  width: 1365px !important;
}

.pl-aca-width-1380 {
  width: 1380px !important;
}

/* VLAD : pl-aca-custom-container class may not be needed. It was used on ACA pages to control page layout, but was removed from them. */
.pl-aca-custom-container table.form1095c {
  width: 100% !important;
}

.pl-search-input {
  width: 450px;
}

.pl-employeeAccrual-block table tr td:last-child,
.pl-employeeAccrual-block table tr th:last-child {
  text-align: center !important;
}

.pl-aca-custom-container .slick-viewport-left,
.pl-aca-custom-container .slick-viewport-right {
  overflow: hidden !important;
  overflow-x: hidden !important;
}

.pl-aca-width-4520 {
  min-width: 4520px;
}

.pl-aca-width-2480 {
  min-width: 2480px;
}

.pl-aca-custom-block {
  height: 370px;
}

.pl-aca-position-initial {
  position: initial;
}

.pl-aca-custom-container {
  position: relative !important;
  height: 300px;
  top: 0 !important;
  bottom: 0 !important;
}

.pl-aca-custom-paginator {
  position: initial !important;
  height: 20px !important;
  width: 100% !important;
}

.pl-tabs-height-42 li {
  height: 42px;
}

ul.pl-status-actions {
  margin: 0 3px 5px 10px;
  display: inline-block;
}

ul.pl-status-actions .list-group-item {
  float: left;
  margin: 0;
  border: none;
  padding: 0;
  padding-right: 7px;
  font-size: 11px;
}

.pl-security-role-grid-control-height {
  height: 140px;
}

.pl-checkbox-block span {
  margin-right: 0 !important;
}

.pl-no-center-buttons .pl-center-buttons-block {
  display: none;
}

.pl-window-820-width {
  width: 98% !important;
  max-width: 820px !important;
}

.pl-window-810-width {
  width: 98% !important;
  max-width: 810px !important;
}

.pl-window-900-width {
  width: 98% !important;
  max-width: 900px !important;
}

.pl-window-840-width {
  width: 98% !important;
  max-width: 840px !important;
}

.pl-window-1000-width {
  width: 98% !important;
  max-width: 1000px !important;
}

.pl-window-910-width {
  width: 98% !important;
  max-width: 910px !important;
}

.popover .popover-content {
  color: #000000;
  font-weight: 400;
  font-size: 16px;
}

.btn-group-sm > .btn.btn-icon.btn-icon-left,
.btn.btn-icon.btn-sm.btn-icon-left {
  padding-left: 24px !important;
}

.pl-disable-ul-border ul {
  border-bottom: 0 !important;
}

/*.pl-disable-ul-border .topSubMenu {
    border-bottom: 0 !important;
}*/

.pl-top-menu {
  /*border-bottom: solid 1px #ccc;*/
  background-color: #f7f7f7;
  border-bottom: solid 1px #dfe6ec;
}

.pl-subtop-menu {
  /*border-bottom: solid 1px #ccc;
    background-color: #f6f7f8*/
  border-bottom: none;
  /* to accomodate different background color on dashboard pages */
  background-color: transparent;
  position: relative;
}

.radGridHorizontalScroll {
  overflow: hidden !important;
  height: auto;
  -webkit-overflow-scrolling: touch !important;
  overflow-x: auto !important;
}

.radio.pl-special-radio-buttons input[type="radio"] {
  width: 15px;
  vertical-align: top;
  margin-top: 8px;
}

.radio.pl-special-radio-buttons label {
  width: 90%;
}

.pl-scroll-wrapper {
  -webkit-overflow-scrolling: touch !important;
  overflow-y: scroll !important;
}

.pl-scroll-wrapper iframe {
}

.pl-float-right {
  float: right;
}

/***************************
* Set up minimum mobile sizes
****************************/

body {
  min-width: 320px;
  min-height: 320px;
}

/***************************
* Block :: Menu
****************************/

/*@media all and (max-width: 767px) {
    /*aside#appSidebar {
        /*display: block;*/
/* position: absolute !important;
        width: 100% !important;
    }*/

/*aside#appSidebar #menuNavContainer {
        width: 100% !important;
    }
}*/

@media all and (min-device-width: 768px) and (max-device-width: 799px) {
  #menuNavContainer .menuText {
    display: none;
  }

  #menuNavContainer li a {
    padding: 5px;
  }

  body.wrapkit-sidebar-md .content-wrapper {
    padding: 0 0 0 60px !important;
  }
}

/**
* Menu
**/
@media (min-width: 768px) and (max-width: 1149px) {
  /*#menuNavContainer li a {
        padding-top: 10px;
        padding-bottom: 3px;
    }*/

  /*body.wrapkit-sidebar-md .sidebar #menuNavContainer li.nav-item {
        width: auto !important;
    }*/

  /*.sidebar-helper-lg, .sidebar-helper-md, .sidebar-helper-sm {
        position: absolute;
        top: 40px !important;
    }*/

  /*.sidebar-nav .navbar-toggle {
        display: block;
        float: left;
        margin: 0px !important;
        padding: 0px !important;
    }*/

  #appSidebar.collapsing {
    height: auto !important;
  }

  #appSidebar.collapsing.in #menuNavContainer span.menuText,
  #appSidebar.collapse.in #menuNavContainer span.menuText {
    display: block;
    width: 120px !important;
    text-align: left;
    float: left;
  }

  #appSidebar.collapsing,
  #appSidebar.collapse.in {
    width: 200px !important;
  }
}

/*@media (min-width: 768px) and (max-width: 1023px) {
    .navbar-toggle {
        display:block!important;
        position: absolute;
        left: 10px;
        top: 1px
    }

    .navbar-header {
        padding-left: 70px
    }

    #menuNavContainer span.menuText {
        display: none;
        text-align: left;
        float: left;
    }
    #menuNavContainer li span {
        font-size: 1.1em !important;
    }
    #menuNavContainer li a span {
        margin-top: 3px;
    }

    #menuNavContainer .nav-item-icon {
        width: 40px!important;
        float: left;
        margin-left:7px;
    }
}*/

/*************************
* Updates for iPad/iPhone
*************************/

/*************************
* Block Header
*************************/

.header {
  min-height: 40px;
}

.header.light {
  font-weight: 300;
}

/*****************************
* Tables
*****************************/

.table-container .scrollable-container {
  overflow-y: auto;
  overflow-x: hidden;
}

/***************************
* Block :: SubMenu
****************************/
.cl-submenu {
  display: block !important;
}

/***************************
* Block :: SubMenu Mobile
****************************/

.cl-submenu-mobile {
  display: none;
}

@media screen and (max-width: 1023px) {
    /*.cl-submenu {
        display: none !important;
    }*/
    /*.pl-top-menu {
        border-width: 0px !important;
    }*/

    #sc_menu > .nav-item {
    min-width: auto;
  }

  #sc_menu .parent-sub-menu {
    left: 100%;
    top: 0;
  }

  #container {
    padding-top: unset;
  }

  #container #sc_menu .parent-sub-menu .parent-sub-menu-title,
  #container.horizontal-menu #sc_menu .parent-sub-menu .parent-sub-menu-title {
    display: block;
  }

  #sc_menu > li:first-child {
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    /* margin-bottom: 38px; */
  }

  #sc_menu > li:first-child > a:hover {
    background-color: transparent;
  }

  #sc_menu,
  #sc_menu .iconLink.nav-item {
    border: none;
  }

  #sc_menu .iconLink .menuText.nav-item-text {
    display: none;
  }

  body.wrapkit-sidebar-sm .content-wrapper,
  body.wrapkit-sidebar-md .content-wrapper,
  body.wrapkit-sidebar-lg .content-wrapper {
    padding: 0 0 0 60px;
  }

  #company-menu {
    padding-left: 84px;
  }

  #appSidebar {
    top: 0 !important;
    z-index: 1002;
    display: block;
    max-height: none !important;
    width: 55px !important;
    transition: width 500ms;
    transition-timing-function: cubic-bezier(0.03, 0.54, 0.19, 0.99);
  }

  #appSidebar.sidebar.collapsing .menuText.nav-item-text,
  #appSidebar.sidebar.collapse.in .menuText.nav-item-text {
    display: inline-block;
    padding-left: 16px;
  }

  #appSidebar.sidebar .sidebar-nav .nav li.nav-item > a {
    text-align: left;
  }

  #appSidebar.navbar-collapse {
    border: 0;
  }

  .parent-sub-menu a.active {
    background-color: #e1e8ee !important;
  }
  /*.pl-subtop-menu {
        border-bottom: solid 0px #ccc;
        background-color: #f6f7f8
    }*/
  .show-block {
    display: block !important;
  }

  .cl-submenu-mobile .content {
    width: 96%;
    margin-left: 2%;
  }

  #SubMenuButton {
    display: block !important;
  }

  #SubMenuButton button {
    width: 96%;
    margin: 5px 2%;
  }

  .cl-submenu-mobile .topMenu {
    border-right: solid 2px #fafafa;
  }

  .cl-submenu-mobile .topSubMenu ul {
    box-shadow: none !important;
    border: 0 solid white !important;
  }

  .cl-submenu-mobile .topSubMenu ul.nav {
    background-color: white !important;
  }

  .cl-submenu-mobile .topMenu,
  .cl-submenu-mobile.topSubMenu {
    max-width: 47%;
  }

  .cl-submenu-mobile.topMenu a,
  .cl-submenu-mobile .topSubMenu a {
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #pageContentArea.parent-content-area-full-width-floating {
    left: 60px;
    top: 130px;
    width: 90% !important;
    min-width: 90% !important;
    max-width: 90% !important;
  }

  /*#topmenuContainer .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none
    }

    #topmenuContainer .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 15px 5px 25px;
    }

    #topmenuContainer .navbar-nav .open .dropdown-menu > li > a {
        line-height: 20px
    }

    #topmenuContainer .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-nav .open .dropdown-menu > li > a:hover {
        background-image: none
    }

    #topmenuContainer .navbar-nav .open .dropdown-menu.dropdown-menu-lg, .navbar-nav .open .dropdown-menu.dropdown-menu-md {
        width: 320px
    }

    #topmenuContainer .navbar-nav {
        float: left;
        margin: 0
    }

    #topmenuContainer .navbar-nav > li {
        float: none !important;
    }

    #topmenuContainer .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }

    #topmenuContainer .topMenu li.active {
        background-color: #fafafa;
        border: solid 1px #fafafa;
        -moz-box-shadow: -3px 0 4px 0 #aaa;
        -webkit-box-shadow: -3px 0 4px 0 #aaa;
        box-shadow: -3px 0 4px 0 #aaa
    }

    #topmenuContainer .topSubMenu ul.nav {
        -moz-box-shadow: 0 0 2px 0 #aaa;
        -webkit-box-shadow: 0 0 2px 0 #aaa;
        box-shadow: 0 0 2px 0 #aaa
    }

    #topmenuContainer .topMenu li.active {
        border-right: 1px solid white !important;
    }

    .content-wrapper.menu-controls .content .topMenu,
    .content-wrapper.menu-controls .content .topSubMenu {
        clear: right !important;
        float: left !important;
    }

    #topmenuContainer .topSubMenu ul.nav li.active:after {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        content: '\f0da' !important;
        color: #999 !important;
    }

    #topmenuContainer .topMenu li {
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
        margin-right: -3px !important;
        margin-left: 0 !important;
    }

    #topmenuContainer .topMenu li.active {
        background-color: #fafafa !important;
        border: solid 1px #fafafa !important;
        -moz-box-shadow: -3px 0 4px 0 #aaa !important;
        -webkit-box-shadow: -3px 0 4px 0 #aaa !important;
        box-shadow: -3px 0 4px 0 #aaa !important;
    }

    #topmenuContainer .topSubMenu ul.nav {
        -moz-box-shadow: 0 0 2px 0 #aaa !important;
        -webkit-box-shadow: 0 0 2px 0 #aaa !important;
        box-shadow: 0 0 2px 0 #aaa !important;
    }

    #topmenuContainer .topSubMenu ul.nav > li {
        padding-left: 5px !important;
    }

    #main_nav, #topmenuContainer .topMenu > ul {
        border-bottom: solid 1px #fff !important;
    }

    #topmenuContainer .topSubMenu ul.nav {
        -moz-box-shadow: 0 0 0px 0 #aaa !important;
        -webkit-box-shadow: 0 0 0px 0 #aaa !important;
        box-shadow: 0 0 0px 0 #aaa !important
    }

    #topmenuContainer .topMenu {
        border-right: solid 2px #fafafa !important;
    }*/
}

@media (min-width: 768px) and (max-width: 1149px) {
  /*****************
    * Block :: Admin menu
    ****************/
  /*#headerMenu .navbar-nav {
        float: left !important;
        margin: 0
    }

    #headerMenu .navbar-nav > li {
        float: left !important;
    }

    #headerMenu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px
    }*/

  /*****************
    * Block :: top menu
    ****************/
  /*#menuNavContainer li a {
        padding: 3px !important;
    }*/

  /*#menuNavContainer a div {
        min-height: 30px !important;
    }*/

  .panel.payroll-check-date-panel {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  /*body.wrapkit-sidebar-coltonav #container #appSidebar.sidebar.navbar-collapse.collapse.in {
        top: 90px !important
    }*/
  /*.header .navbar-header > .navbar-nav {
        display: block;
        width: 98%;
    }*/
  /*****************
    * Block :: header
    ****************/
  /*#headerMenu {
        float: left
    }*/
  /*#headerMenu a.dropdown-toggle {
    }*/
  /*****************
    * Block :: header
    ****************/
  .panel.payroll-check-date-panel {
    float: left !important;
  }

  /*
    .sidebar .sidebar-nav .nav .nav-item-text {
        text-transform: uppercase !important;
    }

    .sidebar .sidebar-nav a {
        padding: 2px !important;
    }

    .sidebar .sidebar-nav a div {
        padding: 3px 13px !important;
    }

    #menuNavContainer .sidebar-nav {
        max-height: none !important;
    }

    /*#appSidebar {
        width: auto !important;
    }*/

  #appSidebar {
    position: absolute !important;
    bottom: 0px !important;
    overflow: visible !important;
    height: auto !important;
  }

  #appSidebar,
  #appSidebar .sidebar-nav {
    max-height: none !important;
  }

  #appSidebar .sidebar-nav {
    overflow: visible;
  }

  #appSidebar.sidebar .sidebar-nav .nav li.nav-item a {
    border: none;
  }

  #appSidebar.collapsing {
    height: auto !important;
  }

  #appSidebar.collapsing.in #menuNavContainer span.menuText,
  #appSidebar.collapse.in #menuNavContainer span.menuText {
    display: block;
    width: 120px !important;
    text-align: left;
    float: left;
  }

  #appSidebar.collapsing,
  #appSidebar.collapse.in {
    width: 200px !important;
  }

  #topmenuContainer .navbar-header {
    float: left;
  }

  #topmenuContainer .topSubMenu .navbar-nav {
    margin: 0;
  }

  /*Disabled until an alternate solution is found for docking the pager to the table.*/
  /*table.rgMasterTable.rgClipCells td div.TableGridPaging {
        position: fixed;
        width: calc(100vw - 30px);
        border-top: solid 1px #C7D2DB;
        border-bottom: solid 1px #C7D2DB;
    }*/
}

.no-border-bottom {
  border-bottom: none;
}

.feedback-text-area {
  width: 100%;
}

    .feedback-text-area[disabled] {
        overflow-y: auto !important;/*Overridden  by wrapkit */
    }

.mobile-only-feedback-padding {
  padding-left: inherit;
  padding-right: inherit;
}

a.hyperlink-alignment {
  height: 26px;
  line-height: 26px;
  padding: 0;
  border: none;
  font-weight: 400;
  background: transparent;
}

div.slick-pager span.slick-pager-status {
  margin-top: 8px;
}

div.timeclock-popup.RadGrid_Onepointblue.rgEditPopup {
  padding: 0px !important;
}

div.timeclock-popup.RadGrid_Onepointblue.rgEditPopup div.buttonContainer input {
  line-height: 38px;
}

div.timeclock-popup.RadGrid_Onepointblue.rgEditPopup > div.rgHeader {
  padding: 24px;
  background: #ffffff;
  border-radius: 0;
  border-bottom: 1px solid #c7d2db;
  min-height: 42px !important;
}

div.timeclock-popup.RadGrid_Onepointblue.rgEditPopup > div:nth-child(2) {
  height: 510px !important;
}

div.timeclock-popup.RadGrid_Onepointblue.rgEditPopup > div.rgHeader > div {
  margin-top: 9px;
  max-width: 75vw;
  padding-left: 24px;
}

div.timeclock-popup.RadGrid_Onepointblue.rgEditPopup > div.rgHeader + div {
  padding: 24px;
}

div.timeclock-popup.RadGrid_Onepointblue.rgEditPopup > div.rgHeader > div a {
  font-family: "Proliant-1" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  height: 16px;
  width: 16px;
  background: transparent;
  overflow: visible;
  text-indent: 0;
  cursor: pointer;
  color: #4a90e2;
  margin-left: auto;
  margin-top: 5px;
  position: relative;
  top: auto;
  display: block;
}

div.timeclock-popup.RadGrid_Onepointblue.rgEditPopup
  > div.rgHeader
  > div
  a:after {
  content: "\e95a";
  pointer-events: none;
}

div .timeclock-popup.RadGrid_Onepointblue.rgEditPopup img[title="Close"] {
  display: none;
}

.fill-col {
  width: 100%;
}

div.slick-viewport.slick-viewport-top.slick-viewport-right {
  overflow-y: hidden !important;
}

.web-only-pull-right {
  float: right;
}

.th-border-bottom {
  border-bottom: solid 1px #c7d2db;
}

.safari-req-button-padding {
  padding: 1px 6px;
}

/* DO NOT define @keyframes within a media query; otherwise the minification fails. */
@keyframes backgroundflash {
    0% {
        background-color: transparent;
        opacity: 1;
    }

    50% {
        background-color: #3a5e8c;
    }

    100% {
        background-color: transparent;
    }
}

@media screen and (max-width: 475px) {
  .mobile-only {
    display: block;
  }

  .non-mobile-top9 {
    top: inherit !important;
  }

  .mobile-only-header-padding {
    padding-left: 0 !important;
  }

  .mobile-only-pull-left {
    float: left !important;
  }

  .mobile-only-pull-right {
    float: right !important;
  }

  span div.fancy-radio {
    display: inline !important;
  }

  span div.fancy-radio + br {
    display: none !important;
  }

  #manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary {
    height: auto !important;
  }

  .panel-default.read-only-panel .panel-heading .panel-title {
    padding-left: 12px !important;
  }

  .web-only-pull-right {
    float: inherit;
  }

  #appSidebar {
    min-height: 1200px;
  }

  .payroll-progress .circle {
    border: none !important;
    width: 20px !important;
    height: 20px !important;
  }

  .payroll-progress .bar {
    height: 7px !important;
    min-width: 10% !important;
    margin: 0 0 25px 0 !important;
  }

  .payroll-progress .circle .label {
    width: 16px !important;
    height: 16px !important;
    margin-bottom: 2px !important;
    border: none !important;
  }

  div.slick-pager span.slick-pager-status {
    display: none;
  }

  .buttonContainer .form_actions_buttons {
    margin: inherit !important;
  }

  .mobile-horizontal-col-padding {
    padding: 0 !important;
    margin-bottom: 16px !important;
  }

  .mobile-no-margin-bottom {
    margin-bottom: 0 !important;
  }

  .mobile-no-padding-top {
    padding-top: 0 !important;
  }

  div.report-property-wrapper .popover.fade.bottom.in {
    left: 0 !important;
  }

  .TableGridPaging .pull-left .navigation {
    margin: auto 4px;
  }

  .RadWindow .rwTitleRow em:first-child {
    white-space: normal;
  }

  #employeeList .employee-image-container,
  .employee-search-results .employee-image-container {
    vertical-align: middle;
    margin-bottom: 3px;
  }

  span.record-count::before {
    content: "";
    display: inherit !important;
    white-space: inherit !important;
  }

  form[action*="FileUploadDialog"] .dialogContent.container {
    padding: 24px 16px 0 16px;
  }

  div[id*="FileUploadDialog"] .rwTitleRow .rwTitlebar {
    padding: 24px 16px 24px 16px !important;
  }

  div[id*="FileUploadDialog"] table.rwTitlebarControls tbody tr td:first-child {
    display: none !important;
  }

  div span.ui-dialog-title {
    white-space: pre-wrap !important;
  }

  .ui-dialog.ui-widget.ui-widget-content.ui-corner-all {
    width: 95vw !important;
  }

  .mobile-only-feedback-padding {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .RadGrid_Onepointblue .rgHeaderWrapper,
  .RadGrid.RadGrid_Onepointblue.timeclock-popup {
    overflow-x: hidden !important;
  }

  .rgHeaderWrapper,
  .RadGrid_Onepointblue .rgDataDiv,
  .table-container .table,
  .table-container .scrollable-container,
  .table,
  .jTemplateContentContainer {
    overflow-x: visible !important;
  }

  .filters-outer-container,
  .searchFiltersContainer {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .nav-tabs > li {
    margin-left: 0;
    margin-right: 24px;
  }

  #pageContentArea .content #level-four-menu.menu-top ul {
    padding: inherit;
  }

  .gridFiltersHeader {
    padding: 8px 0px 8px 0px;
  }

  .hide-on-mobile {
    display: none !important;
  }

  .icon-menu-navigation {
    display: initial !important;
  }

  #company-menu {
    padding: 16px;
    border-bottom: 1px solid #e0e0e0;
  }

  #company-menu .menu-toggle {
    display: block;
    font-size: 22px;
    color: #4a90e2;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    padding: 4px 8px 0px;
  }

  #company-menu .company-logo {
    display: none;
  }

  #topmenuContainer .pl-subtop-menu.hasOverflow {
    border-bottom: none !important;
  }

  #topmenuContainer .pl-subtop-menu.hasOverflow #menuOverflow {
    bottom: 0 !important;
  }

  #company-menu #headerMenu .user-avatar {
    position: absolute;
    top: 19px;
    right: 0;
  }

  #appSidebar {
    box-shadow: 4px 0 6px #c7d2db;
    width: 0% !important;
    transition: width 500ms;
    transition-timing-function: cubic-bezier(0.03, 0.54, 0.19, 0.99);
    overflow: hidden !important;
    margin-bottom: auto;
  }

  #appSidebar.collapsing,
  #appSidebar.collapse.in {
    width: 100% !important;
  }

  #appHeader.header .navbar-header > .navbar-nav {
    display: inline-block;
  }

  #appHeader.header .dropdown-menu.tiny ul.dropdown-menu {
    position: relative;
    display: block;
  }

  #appHeader.header .dropdown-menu.tiny ul.dropdown-menu li > a {
    display: block;
  }

  #appSidebar.sidebar .sidebar-nav .nav li.nav-item:first-child a {
    line-height: 48px;
  }

  #appSidebar.sidebar .sidebar-nav .nav li.nav-item a {
    background-color: transparent !important;
    color: #ffffff !important;
  }

  #appSidebar.sidebar .sidebar-nav .nav li.nav-item a:focus {
    border-radius: 3px;
  }

  #sc_menu .parent-sub-menu {
    position: initial;
    padding: 12px 24px 0;
    background: transparent;
    box-shadow: none;
    border: none;
  }

  #sc_menu .sub-menu-container {
    background: transparent;
    color: #ffffff;
    height: auto !important;
  }

  #sc_menu .sub-menu-container:before {
    content: "\e94b";
    position: absolute;
    left: -16px;
    top: 9px;
    font-family: "Proliant-1" !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  #sc_menu .sub-menu-container.open .parent-sub-menu {
    display: block !important;
  }

  #sc_menu .sub-menu-container.open:before {
    content: "\e94c";
  }

  #sc_menu .focusEffect {
    animation-name: backgroundflash;
    animation-duration: 250ms;
  }

  #company-menu #headerMenu .alertsmenu {
    right: 41px;
    top: -3px;
  }

  #company-menu #headerMenu li.dropdown.alertsmenu > a > .badge {
    display: none;
  }

  #container #sc_menu .parent-sub-menu .parent-sub-menu-title,
  #container.horizontal-menu #sc_menu .parent-sub-menu .parent-sub-menu-title,
  .sub-menu-container-icon,
  .topSubMenu,
  #appHeader.header .alertsmenu a.favorites,
  #headerMenu .alertsmenu > span,
  #headerMenu .alertsmenu > a:not(.notifications),
  #headerMenu .alertsmenu > div:not(#divBellMenu) {
    display: none !important;
  }

  #company-menu #headerMenu li div.dropdown-menu.dropdown-menu-md {
    right: 0;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 70px;
  }

  #headerMenu .navbar-brand {
    position: absolute;
    left: 56px;
    top: 30px;
    text-align: left;
    right: 60px;
    width: auto !important;
  }

  #headerMenu .navbar-brand a.changeCompanyName {
    font-size: 14px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow-x: hidden;
    width: 90%;
    display: inline-block;
  }

  #topmenuContainer .pl-subtop-menu .navbar-header {
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 300 !important;
    font-size: 32px !important;
    line-height: 32px !important;
    display: block !important;
    position: absolute !important;
    top: -82px !important;
    left: 52px !important;
    z-index: 1001 !important;
    width: calc(90% - 99px) !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #2b333d;
    text-align: center;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left !important;
  }

  .topNavConvenienceButton + #topmenuContainer {
    padding: 0;
  }

  .buttonContainer {
    padding-left: 0;
    padding-right: 0;
  }

  #sc_menu .parent-sub-menu .parent-sub-menu {
    background: transparent !important;
    position: initial !important;
    height: auto !important;
    padding: 12px 0 0 !important;
  }

  #sc_menu > li.active,
  #sc_menu .nav-item.active > a > div,
  #sc_menu .parent-sub-menu a:hover,
  #sc_menu .parent-sub-menu .sub-menu-container:hover,
  #sc_menu .parent-sub-menu a:active,
  #sc_menu .parent-sub-menu .sub-menu-container:active {
    background-color: transparent !important;
  }

  #appSidebar.sidebar
    .sidebar-nav
    .nav
    li.nav-item
    .parent-sub-menu
    .parent-sub-menu
    a {
    padding: 8px 0 8px 24px;
  }

  [id$="_ValidationSummaryPanel"].fixedPanel,
  [id$="_ErrorPanel"].fixedPanel,
  [id$="_WarningPanel"].fixedPanel,
  [id$="_InformationPanel"].fixedPanel {
    position: initial !important;
    width: auto !important;
  }

  #topmenuContainer {
    padding: 0 0 6px 0;
  }

  body.wrapkit-sidebar-sm .content-wrapper,
  body.wrapkit-sidebar-md .content-wrapper,
  body.wrapkit-sidebar-lg .content-wrapper {
    padding: 0;
  }

  #sc_menu > li:first-child {
    display: block;
    padding-top: 18px;
    padding-bottom: 3px;
    margin-bottom: 0;
    background-color: #ffffff;
  }

  #sc_menu .mobile-logo {
    display: inline-block;
    height: 38px;
    vertical-align: top;
    margin-left: 12px;
  }

  #sc_menu .nav-item:first-child {
    padding: 15px 16px 3px 16px;
    margin-bottom: 8px;
  }

  #sc_menu .nav-item {
    padding: 8px 16px 8px 25px;
  }

  #sc_menu .nav-item:first-child .menu-icon {
    color: #4a90e2 !important;
    padding: 6px 8px 7px;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
  }

  .sidebar.sidebar-belpet .sidebar-nav .nav li.nav-item:first-child a {
    background-color: #ffffff;
    display: inline-block;
  }

  .content-wrapper .content {
    padding: 0 16px !important;
  }

  .mobile-only-no-padding-top,
  .panel .mobile-only-no-padding-top {
    padding-top: 0 !important;
  }

  .mobile-only-no-padding-left,
  .panel .mobile-only-no-padding-left {
    padding-left: 0 !important;
  }

  .mobile-only-no-padding-right,
  .panel .mobile-only-no-padding-right {
    padding-right: 0 !important;
  }

  .mobile-only-no-margin-top,
  .panel .mobile-only-no-margin-top {
    margin-top: 0 !important;
  }

  .mobile-only-no-margin-left,
  .panel .mobile-only-no-margin-left {
    margin-left: 0 !important;
  }

  .mobile-only-no-margin-right,
  .panel .mobile-only-no-margin-right {
    margin-right: 0 !important;
  }

  .changeEmployee li.left-controls .first-employee,
  .changeEmployee li.right-controls .last-employee {
    display: none;
  }

  .changeEmployee li.name-controls,
  .pm-changeEmployee li.name-controls
  {
    left: 39px;
    right: 39px;
    width: auto !important;
  }

  #pageBodyContent > .pl-xs-m-top-10 {
    margin-top: none !important;
  }

  .changeEmployee li.right-controls {
    right: 0px;
  }

  .changeEmployee li.left-controls {
    left: 0px;
  }

  .changeEmployee li a.previous-employee {
    left: 0 !important;
  }

  .changeEmployee li.right-controls .next-employee {
    right: 0 !important;
  }

  .changeEmployee .sort-filter-section {
    margin-top: 10px;
  }

  .changeEmployee .sort-filter-section label {
    text-align: left;
    line-height: 1;
  }

  .changeEmployee .sort-filter-section > div:first-child {
    padding-right: 6px !important;
  }

  .changeEmployee .sort-filter-section > div:last-child {
    padding-left: 6px !important;
  }

  .changeEmployee {
    margin-bottom: 0;
  }

    #EmployeeSelector #imgCurrentEmployee {
        float: left;
        margin-top: 3px;
        margin-left: 12px;
    }

  #employeeList {
    margin-left: auto !important;
    left: 0 !important;
    width: auto !important;
    left: -39px !important;
    right: -39px !important;
  }

  #employeeList .container {
    width: calc(100% + 2px);
    box-shadow: 4px 6px 6px #c7d2db;
  }

  #employeeList .displayText {
    max-width: 270px !important;
  }

  #employeeList li,
  .employee-search-results li {
    margin: auto 16px auto 12px;
  }

  #employeeButtonMenu,
  #EmployeeSelector .button-menu {
    display: none;
  }

  .button-menu.open ul {
    right: 0;
  }

  .ui-autocomplete.employee-search-results {
    left: 16px !important;
    right: 16px !important;
    width: auto !important;
    box-shadow: 4px 6px 6px #c7d2db;
  }

  .alert {
    margin: 0 0 10px !important;
  }

  /* drop padding for mobile views */

  .row > div[class^="col-"] {
    padding: 0 !important;
  }

  div:not(.form-group) > .col-lg-1,
  div:not(.form-group) > .col-lg-10,
  div:not(.form-group) > .col-lg-11,
  div:not(.form-group) > .col-lg-12,
  div:not(.form-group) > .col-lg-2,
  div:not(.form-group) > .col-lg-3,
  div:not(.form-group) > .col-lg-4,
  div:not(.form-group) > .col-lg-5,
  div:not(.form-group) > .col-lg-6,
  div:not(.form-group) > .col-lg-7,
  div:not(.form-group) > .col-lg-8,
  div:not(.form-group) > .col-lg-9,
  div:not(.form-group) > .col-md-1,
  div:not(.form-group) > .col-md-10,
  div:not(.form-group) > .col-md-11,
  div:not(.form-group) > .col-md-12,
  div:not(.form-group) > .col-md-2,
  div:not(.form-group) > .col-md-3,
  div:not(.form-group) > .col-md-4,
  div:not(.form-group) > .col-md-5,
  div:not(.form-group) > .col-md-6,
  div:not(.form-group) > .col-md-7,
  div:not(.form-group) > .col-md-8,
  div:not(.form-group) > .col-md-9,
  div:not(.form-group) > .col-sm-1,
  div:not(.form-group) > .col-sm-10,
  div:not(.form-group) > .col-sm-11,
  div:not(.form-group) > .col-sm-12,
  div:not(.form-group) > .col-sm-2,
  div:not(.form-group) > .col-sm-3,
  div:not(.form-group) > .col-sm-4,
  div:not(.form-group) > .col-sm-5,
  div:not(.form-group) > .col-sm-6,
  div:not(.form-group) > .col-sm-7,
  div:not(.form-group) > .col-sm-8,
  div:not(.form-group) > .col-sm-9,
  div:not(.form-group) > .col-xs-1,
  div:not(.form-group) > .col-xs-10,
  div:not(.form-group) > .col-xs-11,
  div:not(.form-group) > .col-xs-12,
  div:not(.form-group) > .col-xs-2,
  div:not(.form-group) > .col-xs-3,
  div:not(.form-group) > .col-xs-4,
  div:not(.form-group) > .col-xs-5,
  div:not(.form-group) > .col-xs-6,
  div:not(.form-group) > .col-xs-7,
  div:not(.form-group) > .col-xs-8,
  div:not(.form-group) > .col-xs-9 {
    padding: 0 !important;
    margin-bottom: 0 ;
  }

  .row,
  .panel-default {
    margin: auto !important;
  }

  .buttonContainer {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }

  .modal .buttonContainer,
  .dialogMainContentInner .buttonContainer {
    padding-bottom: 0 !important;
  }

  .buttonContainer button,
  .buttonContainer .button,
  .buttonContainer input[type="button"],
  .buttonContainer input[type="submit"],
  .pl-right-buttons-block button,
  .pl-right-buttons-block .button,
  .pl-right-buttons-block input[type="button"],
  .pl-right-buttons-block input[type="submit"],
  .rightButtons button,
  .buttonContainer .btn,
  .modal-footer .btn {
    width: 100% !important;
    margin: 16px 0 0 0 !important;
    float: none !important;
  }

  .buttonContainer .pull-right:not(.btn) {
    float: right;
  }

  .buttonContainer .leftButtons,
  .buttonContainer .centerButtons,
  .buttonContainer .rightButtons {
    display: block;
  }

  .buttonContainer > button:nth-child(1),
  .buttonContainer > div:first-child > button:nth-child(1),
  .buttonContainer > script + div > button:nth-child(1),
  .buttonContainer > .button:nth-child(1),
  .buttonContainer > input[type="button"]:nth-child(1) {
    margin-top: 0 !important;
  }

  .buttonContainer .btn + .leftButtons,
  .buttonContainer .rightButtons {
    margin: 0 auto;
    width: 100%;
  }

  .buttonContainer .pl-xs-m-bottom-5 {
    margin-bottom: 0 !important;
  }

  .buttonContainer .pl-xs-m-top-5 {
    margin-top: 0 !important;
  }

  .buttonContainer .pl-xs-m-top-10 {
    margin-top: 0 !important;
  }

  .buttonContainer div {
    float: none !important;
    display: block !important;
  }

  .panel-info > .panel-heading {
    padding-left: 0 !important;
  }

  .panel-info[data-collapse] > .panel-heading > .panel-title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 24px;
  }

  .panel-info[data-collapse] > .panel-heading > .panel-title:before {
    left: 0 !important;
  }

  .panel-default > .panel-heading,
  .panel-default > div > .panel-heading {
    height: auto !important;
  }

  .TableGridPaging select.page-size {
    display: none !important;
  }

  .TableGridPaging select.page-size + span {
    display: none !important;
  }

  .pl-security-role-grid-control-height {
    height: auto;
    margin-bottom: 12px;
  }

  .PayrollEmpTabs .tab-content {
    padding-top: 0;
  }

  .RadGrid,
  .table-container {
    overflow-x: auto;
  }

  .panel.read-only-panel {
    width: 100%;
    overflow-x: auto;
  }

  .table {
    width: auto;
    max-width: initial !important;
  }

  .mobile-scrollable-container {
    width: 1250px;
    min-width: inherit;
  }

  .rgHeaderWrapper,
  .RadGrid_Onepointblue .rgDataDiv,
  .table-container .table,
  .table-container .scrollable-container,
  .table,
  .jTemplateContentContainer {
    min-width: 950px;
  }

  #PayrollEmployeePayEntryContainerDiv .rgHeaderWrapper,
  #PayrollEmployeePayEntryContainerDiv .RadGrid_Onepointblue .rgDataDiv,
  #PayrollEmployeePayEntryContainerDiv .table-container .table,
  #PayrollEmployeePayEntryContainerDiv .table-container .scrollable-container,
  #PayrollEmployeePayEntryContainerDiv .table,
  #PayrollEmployeePayEntryContainerDiv .jTemplateContentContainer {
    width: 1500px;
  }

  .PayrollEmployeeInfoTableWrapper .PayrollEmployeeInfoTable {
    margin-top: 20px;
  }

  #ChangeCompanyDialog {
    z-index: 9999 !important;
    position: fixed !important;
    top: 72px !important;
    left: 0 !important;
    right: 0 !important;
    box-shadow: 4px 6px 6px #c7d2db;
  }

  #ChangeCompany #ChangeCompany_input {
    width: 100% !important;
  }

  #ChangeCompanyDialog .ffb {
    width: calc(100% + 32px) !important;
    min-width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0px 0px 0px -16px !important;
  }

  #ChangeCompanyDialog .ffb .content_ChangeCompany .row {
    padding: 16px;
  }

  #ChangeCompanyDialog .ffb .content_ChangeCompany .companySelectCode {
    width: 50% !important;
    padding-right: 6px !important;
    float: left !important;
  }

  #ChangeCompanyDialog .ffb .content_ChangeCompany .companySelectExpandedName {
    width: 50% !important;
    padding-left: 6px !important;
    float: right !important;
  }

  .ffb .content_ChangeCompany {
    min-width: 100%;
    width: 100%;
  }

  #ChangeCompanyDialog .TableGridPaging {
    padding-bottom: 0;
    text-align: left;
  }

  #manualCheckCalculator .employeeInfoContainer {
    overflow: auto !important;
  }

  #manualCheckCalculator .PayrollEmployeeSummaryInfo {
    width: auto !important;
    padding: 0;
  }

  #manualCheckCalculator .PayrollEmployeeSummaryInfo .summaryCol {
    width: 50% !important;
    margin-bottom: 8px;
  }

  #manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary {
    overflow-y: scroll;
  }

  #manualCheckCalculator .einfo-data-block {
    width: auto !important;
  }

  #manualCheckCalculator #eInfo .einfo-data-block:not(.name-block) {
    width: 100% !important;
  }

  #singlePayEmpInfo .einfo-data-block {
    width: 100% !important;
  }

  #manualCheckCalculator .vmCheckInfo > div:first-child {
    margin-left: 0;
  }

  /* jQuery Dialog overrides */

  .ui-dialog {
    max-width: 100% !important;
  }

  .ui-dialog .ui-dialog-content {
    max-width: 100% !important;
  }

  .ui-dialog .ui-dialog-content table {
    width: auto !important;
  }

  /* #PtoViewLinks {
    margin-bottom: 6px;
    margin-top: -23px !important;
    float: none;
  } */

  #PtoGridContainer {
    overflow-y: auto;
  }

  #PtoGrid {
    overflow: initial;
  }

  table.approvalInfo tr td:first-child {
    padding-left: 0 !important;
  }

  #TimeOffAccrual table {
    min-width: 650px;
  }

  div[id$="rwNewHire"] {
    width: 100% !important;
    top: 0 !important;
  }

  div[id$="rwNewHire"] .rwTitlebarControls em {
    width: 95% !important;
    white-space: pre-line;
  }

  div[id$="NewHireFormControl_ControlButtonPanel"] #nextBtnDiv .icon-forward {
    display: none !important;
  }

  div[id$="NewHireFormControl_ControlButtonPanel"]
    button[id$="PrevButton"]
    .icon-back {
    display: none !important;
  }

  div[id$="NewHireFormControl_ControlPanel"] .panel.panel-default {
    padding-left: 0;
    padding-right: 0;
  }

  .RadWindow table.rwTable {
    /*max-height: calc(100% - 96px) !important;*/
    max-width: 100% !important;
    width: 100% !important;
    overflow: auto;
    height: 100% !important;
  }

  td.rwWindowContent > div:first-child {
    overflow: auto;
    max-height: 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }

  div[id$="AdditionalRatesSection"] .panel-body {
    overflow-y: auto !important;
  }

  .AdditionalRatesRepeater {
    overflow-y: auto !important;
    overflow: auto !important;
    width: 600px !important;
  }

  ul[id$="FlowStepsControl1_pnlTabLinks"] {
    display: none;
  }

  form {
    max-width: 100% !important;
    max-height: 100% !important;
    overflow: auto;
  }

  .RadWindow {
    max-width: 100% !important;
    max-height: 100% !important;
    width: 100% !important;
    height: 100% !important;
    overflow: auto;
  }

  body.dialogPage {
    overflow-y: auto;
  }

  .dialogContent,
  #dialogContainer {
    overflow-y: auto;
    height: auto;
  }

  .ui-dialog .ui-dialog-titlebar {
    white-space: pre-wrap;
    overflow: auto;
  }

  .RadWindow .rwWindowContent {
    height: 100% !important;
  }

  td.rwWindowContent > div:not(:empty) {
    height: 100% !important;
  }

  .RadWindow .rwIframeWrapperIOS {
    height: 100% !important;
  }

  .ui-dialog-content .div-table[_ngcontent-c0] {
    display: block !important;
    overflow-y: auto !important;
  }

  .daterangepicker .calendar,
  .daterangepicker .range_inputs,
  .daterangepicker .ranges > ul li[data-range-key="Custom Range"] {
    display: none !important;
  }

  .table-responsive .table.table-striped.table-condensed {
    white-space: nowrap;
  }
}

/*****************************
* Employee Filter
*****************************/

/*iPhone6+*/
@media all and (min-device-width: 200px) and (max-device-width: 414px) {
  #employeeList {
    left: -70px;
  }

  #employeeList .sortField {
    max-width: 70px;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #employeeList .displayText {
    max-width: 140px;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #employeeList .employeeId {
    max-width: 70px;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #employeeList {
    width: 290px;
  }

  #employeeList ul {
    width: 100%;
  }

  #ChangeCompanyDialog {
    background-color: #fff !important;
  }
}

@media (max-width: 767px) {
  .changeEmployee a {
    margin-right: 0px !important;
  }

  .name-controls {
    width: 50% !important;
  }

  .pm-changeEmployee .name-controls{
      width: 100% !important;
  }

  .changeEmployee {
    min-height: 110px;
  }
}

@media (max-width: 320px) {
  .extra-small-mobile-only {
    display: block;
  }

  .name-controls {
    width: 40% !important;
  }

  .leftButtons .btn150 {
    min-width: 120px !important;
  }

  .rightButtons .btn150 {
    min-width: 120px !important;
  }

  div[class*="Paging"] select:not([multiple]) {
    padding-right: 16px !important;
  }
}

@media (max-width: 414px) {
  #employeeList {
    margin-left: -24px;
  }
}

/*iPhone4,5*/
@media all and (max-width: 320px) {
  #topmenuContainer .navbar-nav a {
    max-width: 150px;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #employeeList {
    left: -70px;
  }

  #employeeList .sortField {
    max-width: 70px;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #employeeList .displayText {
    max-width: 140px;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #employeeList .employeeId {
    max-width: 70px;
    overflow: hidden;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #employeeList {
    width: 290px;
  }

  #employeeList ul {
    width: 100%;
  }
}

/*****************************
* Input Customizations
*****************************/

/*see https://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript/13968900#13968900 */
select:not([multiple]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url(../image/drop-down-background.png) !important;
  background-position: calc(100% - 12px) center !important;
  background-repeat: no-repeat !important;
  padding-right: 32px;
}

.multiselect .dropdown-toggle {
  padding-right: 29px;
}

select::-ms-expand {
  display: none; /* remove default arrow on ie10 and ie11 */
}

select,
input[type="text"],
input[type="number"],
input[type="email"],
input[type="phone"],
input[type="password"],
.RadUpload.FileUpload .ruFakeInput {
  color: #5e6977;
  border: solid 1px #bdc6cf;
  border-radius: 3px;
  font-size: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.payroll-datepicker--wrapper {
  position: relative;
}

.payroll-datepicker--wrapper > .dateInput {
  padding-right: 35px !important;
}

.payroll-datepicker--wrapper > .payroll-periods {
  position: absolute;
  top: 5px;
  right: 10px; 
  border: 1px solid #bdc6cf; 
  border-radius: 5px;
  padding: 5px;
  box-sizing: border-box;
  color: #4a90e2;
}

.payroll-datepicker--wrapper > .payroll-periods-aspx {
  top: 30px;
}

.payroll-datepicker--wrapper > .payroll-periods-aspx.right-absolute {
  right: 30px;
}

.payroll-datepicker--wrapper > .payroll-periods:not(.disabled):hover {
  cursor: pointer;
  background-color: #4a90e2;
  color: #FFF;
}

.payroll-datepicker--wrapper > .payroll-periods.disabled {
  color: #bdc6cf;
}

.payroll-datepicker--wrapper > .payroll-periods.disabled:hover,
.payroll-datepicker--wrapper > .payroll-periods-aspx.disabled:hover {
  cursor: not-allowed;
}

.payroll-datepicker--wrapper > .payroll-periods-aspx.disabled.hidden {
  display: none;
}

.payroll-datepicker--wrapper > .payroll-periods.activated {
  background-color: #4a90e2;
  color: #fff;
}

.payroll-datepicker--wrapper > .payroll-data {
  width: 100%;
  height: 300px;
  overflow-y: auto;
  background: #FFF;
  border: 1px solid #bdc6cf;
  z-index: 1;
}

.payroll-datepicker--wrapper > .payroll-data-aspx {
  position: absolute;
  width: 100%;
  height: 300px;
  overflow-y: auto;
  background: #FFF;
  border: 1px solid #bdc6cf;
  z-index: 999;
}

.payroll-datepicker--wrapper > .payroll-data-aspx-hidden {
  display: none;
}

.payroll-datepicker--wrapper > .payroll-data > .payroll-period--header,
.payroll-datepicker--wrapper > .payroll-data-aspx > .payroll-period--header-aspx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  padding: 5px 10px;
  font-weight: bold;
  position: sticky;
  top: 0;
  background: #FFF;
}

.payroll-datepicker--wrapper > .payroll-data > .payroll-period--header span:last-child {
  text-align: center;
  width: 60%;
}

.payroll-datepicker--wrapper > .payroll-data-aspx > .payroll-period--header-aspx span:last-child {
  text-align: center;
  width: 50%;
}

.payroll-datepicker--wrapper > .payroll-data > .payroll-period,
.payroll-datepicker--wrapper > .payroll-data-aspx > .payroll-period-aspx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 30px;
  padding: 5px 10px;
}

.payroll-datepicker--wrapper > .payroll-data > .payroll-period:hover,
.payroll-datepicker--wrapper > .payroll-data-aspx > .payroll-period-aspx:hover {
  cursor: pointer;
  background-color: #e2f2fb;
}

.payroll-datepicker--wrapper > .payroll-data > .payroll-period.selected,
.payroll-datepicker--wrapper > .payroll-data-aspx > .payroll-period-aspx.selected {
  background-color: #e2f2fb;
  color: #4a90e2;
}

.payroll-datepicker--wrapper > .payroll-data-aspx > .payroll-period-aspx.disabled {
  background-color: #f5f7f7;
  color: #5e6977;
}

.payroll-datepicker--wrapper > .payroll-data-aspx > .payroll-period-aspx.disabled:hover {
  cursor: not-allowed
}

.custom-select {
  position: relative;
  line-height: 21px;
}

.custom-select select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

.custom-select select:focus {
  outline: none;
  box-shadow: none;
}

.custom-select .select-side {
  position: absolute;
  top: 0;
  right: 0;
  background-color: transparent;
  pointer-events: none;
  padding: 10px 16px;
  display: none;
}

.custom-select .select-side i {
  font-size: 12px;
  font-weight: 600;
}

@media screen and (max-width: 1399px) {
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #c6d3e0;
    border: 1px solid #c6d3e0;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
  }

  .bg-info {
    background-color: #55a5d9 !important;
    color: #fff !important;
    border-color: #2980b9 !important;
  }
}

@media screen and (max-width: 1024px) {
  .RadGrid,
  .table-container {
    overflow-x: auto;
  }

  li.iconLink.nav-item:last-child {
    background-color: #21446f;
  }
}

@media (min-width: 475px) and (max-width: 768px) {
  .tablet-only {
    display: block;
  }
}

/****************************
* Payroll progress
*****************************/
@media screen and (max-width: 767px) {
  .payroll-progress {
    background: none;
    overflow: hidden;
    padding: 5px;
    min-width: 300px;
  }

  .payroll-progress .circle {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 1px solid #d5d5da;
    cursor: pointer;
    text-align: center;
  }

  .payroll-progress .bar {
    border: 1px solid #d5d5da;
    display: inline-block;
    position: relative;
    width: 10%;
    height: 10px;
    margin: 0 0 19px 0;
    border-left: none;
    border-right: none;
    border-radius: 0;
    text-align: center;
  }

  .payroll-progress .circle .label {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 14px;
    margin-bottom: 3px;
    border: 1px solid #d5d5da;
    font-size: 10px;
    padding: 0;
  }

  .payroll-progress .circle .title {
    color: #b5b5ba;
    font-size: 13px;
    line-height: 15px;
    margin-left: -5px;
  }
}

/****************************
* Buttons toolbar: (phone) display all buttons in 1 columns
*****************************/

@media screen and (max-width: 414px) {
  .cl-button-bar div,
  .cl-button-bar button {
    width: 100% !important;
  }

  .cl-button-bar button {
    margin-bottom: 4px;
  }
}

/****************************
* Buttons toolbar: (phone) display all buttons in 1 columns
*****************************/
@media screen and (max-width: 414px) {
  .RadGrid .rgPagerCell .rgInfoPart {
    float: left;
  }
}

@media (max-width: 400px) {
  .small-mobile-only {
    display: inherit;
  }

  .hide-on-small-mobile {
    display: none !important;
  }

  div.slick-pager span.slick-pager-settings {
    padding: 3px;
    margin-top: 6px;
  }

  div.slick-pager .slick-pager-nav .ui-icon-container {
    margin: 0 3px;
  }

  .dialogContent.container {
    width: 100vw;
  }

  .dialogContent.container .panel-title {
    overflow: inherit !important;
    text-overflow: inherit !important;
    white-space: inherit !important;
  }

  div[class*="Paging"] select:not([multiple]) {
    padding-right: 28px;
  }

  .TableGridPaging .record-count {
    margin-right: 0 !important;
  }

  .TableGridPaging .pull-left .navigation {
    margin: auto 2px;
  }
}

._RadGridContainer {
  overflow: hidden !important;
  overflow-x: visible !important;
}

._rgHeaderDiv {
  overflow: visible !important;
}

.RadGrid_Onepointblue .rgDataDiv {
  -webkit-overflow-scrolling: touch !important;
  overflow-y: auto !important;
}

.table-style-default tr.table-header td,
.table-style-default tr th {
  border-bottom: solid 1px #a7a8a7 !important;
}

.table-style-default a.fa {
  color: black;
}

.table-style-default a.fa-plus {
  color: green;
}

.table-style-default a.fa-remove {
  color: red;
}

.table-style-default thead > tr > th,
.table-style-default tr > th {
  background-color: #dce7ed;
  color: #141823;
}

.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
  margin-bottom: 4px;
}

/* Adjustment to push a container below the label line */
*[class*="col"].label-adjust {
  padding-top: 26px;
}

/* VLAD : Temporary hack to make sure WOTC filing stats fit inside the widget for BAN demo. Should be removed. */
#wotcStatistics {
  font-size: 13px !important;
}

.checkbox label,
.radio label {
  display: inline;
}

/*#region Styling for custom radio buttons and check boxes */

.form-check {
  padding-bottom: 12px;
}

/* The container */
.fancy-checkbox {
  display: inline;
  position: relative;
  padding-left: 36px;  
  /*margin-bottom: 12px;*/
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.form-check-box div.fancy-checkbox {
  padding-left: 26px !important;
}

.form-group.multiline .fancy-checkbox {
  display: inline-block;
}

div.StateTaxWithDots.form-group > div.fancy-checkbox {
  display: block;
}

/*.fancy-checkbox .control-label {
        margin-bottom: 0;
        margin-top: 3px;
        font-weight: 500    ;
    }*/

/* Web Forms render <asp:label> as span */
.fancy-checkbox label:not(.checkmark),
.fancy-checkbox span:not(.checkmark) {
  padding: 0;
  font-weight: 500;
  /*margin-top: 3px;*/
  margin-bottom: 0;
  cursor: pointer;
}

/* Hide the browser's default checkbox */
.fancy-checkbox input[type="checkbox"],
.fancy-checkbox input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  display: none;
}

/* Create a custom checkbox */
.fancy-checkbox .checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #bdc6cf;
  padding-bottom: 0;
  margin-bottom: 0;
  cursor: pointer;
  max-width: inherit;
}

.taxForm.fancy-checkbox .checkmark {
  position: relative;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #bdc6cf;
  padding-bottom: 0;
  margin-bottom: 0;
  cursor: pointer;
  max-width: inherit;
}

.form-group.multiline .fancy-checkbox .checkmark {
  top: 3px;
}

/* On mouse-over, add a grey background color */
/*.fancy-checkbox:hover input ~ .checkmark {
        background-color: #ccc;
    }*/

/* When the checkbox is checked, add a blue background */
.fancy-checkbox input:checked ~ .checkmark {
  background-color: #2196f3;
  border: none;
}

.fancy-checkbox input[disabled] ~ .checkmark {
  background-color: #f3f6f8;
  border: 1px solid #bdc6cf;
}

.fancy-checkbox input[disabled] ~ label {
  cursor: not-allowed;
}

.taxForm.fancy-checkbox,
.taxForm.fancy-checkbox input[disabled] ~ label {
  cursor: auto;
}

.fancy-checkbox input[disabled]:checked ~ .checkmark {
  background-color: #f3f6f8;
}

.fancy-checkbox input[disabled]:checked ~ .checkmark:after {
  color: #bdc6cf;
  border-color: #bdc6cf;
  /*top: 2px;*/
}

.form-horizontal .fancy-checkbox + .fancy-checkbox {
  margin-left: 32px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.fancy-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.fancy-checkbox .checkmark:after {
  left: 5px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*
    .form-check > .fancy-checkbox { float: left; }

    .fancy-checkbox {
    display: inline-block;
}

    .fancy-checkbox + label {
        margin-left: 16px;
        position: relative;
    }

    .fancy-checkbox input[type=checkbox] {
        display: none;
    }

        .fancy-checkbox input[type=checkbox] + label {
            background-color: #fff;
            border: 1px solid #BDC6CF;
            padding: 10px;
            border-radius: 3px;
            display: inline-block;
            position: relative;
        }

        .fancy-checkbox input[type=checkbox]:checked + label {
            background-color: #4A90E2;
            border: 1px solid #4A90E2;
            color: #99a1a7;
        }

            .fancy-checkbox input[type=checkbox]:checked + label:after {
                content: '\2714';
                font-size: 18px;
                position: absolute;
                top: 0px;
                left: 3px;
                color: #fff;
                font-weight: 400;
            }

        .fancy-checkbox input[type=checkbox][disabled] + label {
            background-color: #F3F6F8;
            border: 1px solid #BDC6CF;
        }

        .fancy-checkbox input[type=checkbox][disabled]:checked + label:after {
            color: #BDC6CF;
        }*/

/* TODO: This line is for the report writer dialog. Apply this everywhere if possible */
#dialog-IntermediateRunReport .fancy-radio {
  display: block;
}

.fancy-radio {
  display: inline-block;
}

.fancy-radio input[type="radio"] {
  display: none;
}

.fancy-radio label:not(.button),
.fancy-radio span:not(.button) {
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  margin-bottom: 0;
  /*top: -5px;*/
}

/*.fancy-radio input[type=radio] + label {*/
.fancy-radio .button {
  -webkit-appearance: none;
  background-color: #fff;
  border: 1px solid #bdc6cf;
  padding: 0;
  border-radius: 50px;
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  float: left;
}

.fancy-radio input[type="radio"]:checked ~ .button {
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  color: #fff;
}

.fancy-radio input[type="radio"]:checked ~ .button:after {
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 50px;
  position: absolute;
  top: 3px;
  left: 3px;
  background: #fff;
  border: none;
  font-size: 16px;
}

.fancy-radio input[type="radio"][disabled]:checked ~ .button {
  border: solid 1px #c7d2db;
  background-color: #f3f6f8;
  color: #c7d2db;
}

.fancy-radio input[type="radio"][disabled]:checked ~ .button:after {
  background: #c7d2db;
}

.dynamic-fancycheckbox {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.dynamic-fancycheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox-checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border-radius: 3px;
  border: solid 1px #bdc6cf;
}

/* When the checkbox is checked, add a blue background */
.dynamic-fancycheckbox input:checked ~ .checkbox-checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.dynamic-fancycheckbox input:checked ~ .checkbox-checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.dynamic-fancycheckbox .checkbox-checkmark:after {
  left: 4px;
  top: 1px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.dynamic-fancyradio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  width: fit-content;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.dynamic-fancyradio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.checkmark {
  position: absolute;
  top: 2px;
  left: 0;
  height: 16px;
  width: 16px;
  background-color: #fff;
  border: 1px solid #bdc6cf;
  border-radius: 50%;
}

.dynamic-fancyradio input:checked ~ .checkmark {
  background-color: #4a90e2;
  border: 1px solid #4a90e2;
  color: #fff;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.dynamic-fancyradio input:checked ~ .checkmark:after {
  display: block;
}

.dynamic-fancyradio .checkmark:after {
  top: 3px;
  left: 3px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.default-theme--settings {
  margin-bottom: 10px;
}

.dynamic-settings--block {
  display: flex;
  align-items: center;
}

.dynamic-settings--block > div {
  margin-right: 10px;
}
/*#endregion Styling for custom radio buttons and check boxes */

/* Container block for displaying "Show Active Only" checkboxes primarily above grids. Used to control general margins of the container */
.show-active-block {
  margin-bottom: 16px;
}

.padding-left-none {
  padding-left: 0 !important;
}

.padding-right-none {
  padding-right: 0 !important;
}

.padding-horizontal-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Employee Search */

.searchFiltersContainer {
  background-color: #f1f4f4;
  padding: 24px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  width: 100%;
  position: relative;
}

.searchFiltersContainer .dropdown-menu {
  width: 100%;
}

.searchFiltersContainer .input-group-btn,
.input-group.search-container .input-group-append {
  display: none;
}

.searchFiltersContainer .dropdown-item.empty {
  padding-left: 12px;
}

.collapsing-container {
  width: 100%;
}

/* NEW VALUES */

.filters-outer-container {
  padding: 24px;
  background-color: #f1f4f4;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.filters-outer-container .filters-inner-container {
  margin-top: 24px;
  width: 100%;
  position: relative;
}

.filters-toggle {
  display: inline;
  float: right;
}

.filters-header {
}

.filters-header-label {
  color: #2b333d;
  font-size: 26px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 0;
  vertical-align: -10px;
  padding: 7px 0;
}

.gridFiltersHeader .filters-toggle {
  margin-top: 4px;
  float: none;
  display: inline-block;
}

.gridFiltersHeader.top-border {
  border-top: 1px solid #c7d2db;
}

.filters-outer-container .slider {
  background-color: #dfe6ec;
  border: 1px solid #c7d2db;
}

.filters-outer-container .slider:before {
  bottom: -1px;
}

.filters-export-section {
}

/* .filters-inner-container label {
     font-size: 14px;
     line-height: 14px;
     vertical-align: middle;
 } */

.filters-inner-container [class^="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}

.filters-inner-container .form-group {
  margin-bottom: 24px;
}

/* Toggle Switch */
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 56px;
  height: 32px;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

.switch > input[type="checkbox"] + label {
  display: none;
}

.switch-label {
  vertical-align: 14px;
  margin: 0 8px;
  font-weight: 400;
}

/* The slider (Thanks W3Schools: https://www.w3schools.com/howto/howto_css_switch.asp) */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f1f4f4;
  border-color: #dfe6ec;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 32px;
  width: 32px;
  left: -1px;
  bottom: 0;
  background-color: #ffffff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #c7d2db;
}

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

input:checked + .slider,
input:checked + label + .slider {
  background-color: #7dc855;
}

input:focus + .slider,
input:focus + label + .slider {
  box-shadow: 0 0 1px #7dc855;
}

input:disabled + .slider,
input[disabled] + .slider,
input:disabled + label + .slider,
input[disabled] + label + .slider {
  background-color: #f3f6f8;
  border-color: #dfe6ec;
}

input:disabled + .slider:before,
input[disabled] + .slider:before,
input:disabled + label + .slider:before,
input[disabled] + label + .slider:before {
  background-color: #f3f6f8;
  border-color: #c7d2db;
}

input:checked + .slider:before,
input:checked + label + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.filterSectionToggle {
  position: absolute;
  top: -44px;
  right: 24px;
}

.filterSectionToggleFE {
  top: -3px;
  position: absolute;
  right: 0px;
}

.employee-delete-table {
  border-collapse: collapse;
  margin: 0px auto;
}

.title-label {
  text-align: right;
  padding: 2px 5px;
  font-weight: bold;
}

.value-label {
  text-align: left;
  padding-left: 5px;
}

div.docs_underline {
  /*border-bottom: solid 2px #bdc3c7;*/
  color: #7dc855 !important;
  border-bottom: solid 2px #7dc855;
  /*padding-left: 5px;*/
  padding-left: 0;
  background-color: #fff;
}

h3.docs_underline {
  color: #2b333d;
  font-weight: 500;
  font-size: 18px;
}

form span.requiredInput:after,
form label.requiredInput:after {
  content: "(Required)";
  display: inline;
  margin-left: 6px;
  color: #86939e;
}

form span.requiredInput.noRequiredMessage:after,
form label.requiredInput.noRequiredMessage:after {
  content: "";
}

/**************************************
    Flexbox Combobox
**************************************/

/* Override styling for Company Menu */

/* Selected company text */
span.changeCompanyName,
a.changeCompanyName {
  font-size: 16px !important;
  font-weight: normal !important;
  font-family: "Roboto", sans-serif !important;
}

.chevron {
    margin-left: 5px;
    top: 2px;
    position: relative;
}

/* Company selection search and list */
.companySelect {
  background: #fff;
  border: 1px solid #dfe6ec;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  box-shadow: 2px -2px 2px rgba(255, 255, 255, 0.25);
  padding: 0;
}

/* Input textbox - do not specify a width here, it will be overwritten */
.ffb-input {
  float: left;
  color: #000; /* must specify along with watermark color */
  height: 16px; /* required for webkit browsers (Safari, Chrome) */
  background-color: white;
  box-shadow: 0 !important;
  border: 1px solid #cecece !important;
  height: 32px !important;
  /* width:100%!important; */
  padding: 16px !important;
  font-size: 14px !important;
  font-family: "Roboto", sans-serif !important;
}

/*  kjk:  override the form.css generic selectors */
.ffb-input:focus {
  color: #000000;
  float: left;
  height: 16px;
  background-color: white;
}

.ffb-input:active {
  color: #000000;
  float: left;
  height: 16px;
  background-color: white;
}
/* kjk:  ChangeCompany styles */
.ffb-input_ChangeCompany {
  /* height:20px !important; required for webkit browsers (Safari, Chrome) */
  /* padding:0px 5px !important;  */
  /* font: 11px Verdana, Helvetica, Tahoma, sans-serif !important; */
  /* border-top:1px solid #7c7c7c !important;
    border-left:1px solid #c3c3c3 !important;
    border-right:1px solid #c3c3c3 !important;
    border-bottom:1px solid #ddd !important; */
  /* background: #fff !important;	 */
  /* width: 290px !important; */
  float: left;
  color: #000; /* must specify along with watermark color */
  line-height: 20px !important;
  border: 1px solid #dfe6ec;
  height: 32px;
  padding: 0 16px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 16px;
}
/*  override the form.css generic selectors */
.ffb-input_ChangeCompany:focus {
  box-shadow: 0;
  outline: none;
  color: #000000;
  /* background-color: #B9C4D7; */
}

.ffb-input_ChangeCompany:active {
  color: #000000;
  /* background-color: #B9C4D7; */
}
/* added and removed dynamically */
.ffb-input_ChangeCompany.watermark {
  color: #888; /* must specify along with input color */
}

#ChangeCompany_ctr.ffb,
#CompanyListSearch_ctr.ffb {
    /* 0 out border, to be replaced next */
    border: 0 !important;
    border-top: 1px solid #dfe6ec !important;
    /* offset the paddding from parent container */
    margin: 15px -16px 10px -16px !important;
}
/* Inner div for dropdown */
.ffb .content_ChangeCompany {
  overflow: hidden;
  width: auto;
  min-width: 284px;
  /*
        in case last page of search does not contain full page of data
        this will prevent this area from collapsing: {20 items/page} * {line height} + {border width}
    */
  min-height: 380px;
  border-bottom: 1px solid #dfe6ec;
}

.ffb .content_ChangeCompany .row {
  background-color: #ffffff !important;
  font-size: 12px;
  /* border-bottom:1px dotted #555; */
  color: #000;
  line-height: 20px;
  clear: both;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  border-top: 1px solid #dfe6ec;
  margin: auto 16px;
  padding: 16px 0;
}

.ffb .content_ChangeCompany .row.ffb-sel,
.ffb .content_ChangeCompany .row:hover {
  background-color: #ededed !important;
}

.ffb .content_ChangeCompany .row.rowOdd {
  /* background-color: #F5F5F5; */
}

.ffb .content_ChangeCompany .row:first-of-type {
  border: none !important;
}

.ffb .content_ChangeCompany .companyName {
  padding-left: 5px;
  padding-right: 5px;
}

/* Color of watermark, if present */
.ffb-input_ChangeCompany.watermark {
  text-align: left;
  color: #888;
}

/* end ChangeCompany styles */

.ffb .content_ChangeCompany .employeeName {
  padding-left: 0px;
  padding-right: 0px;
}

.ffb-employeeTransferMatch {
  font-weight: bold;
  padding-right: 0px;
  vertical-align: baseline;
  display: inline;
}

/* Drop-down arrow, with sprited image */
.ffb-arrow {
  /* float:left; */
  /* width:17px !Important;  */
  /* height:20px !Important; */
  /* background-image:url(../image/flexbox_sprite.gif);  */
  font-size: 16px;
  margin: auto auto auto -26px;
  color: #4c91e2;
}

.ffb-arrow.company-select-arrow.icon-expand {
  float: left !important;
  position: relative;
  top: 8px;
}

/* .ffb-arrow.out
{
    background-position:0;
}
.ffb-arrow.over
{
    background-position:-17px 0;
}
.ffb-arrow.active
{
    background-position:-34px 0;
} */

.ffb-no-results {
  padding: 2px;
  color: #888;
  font-style: italic;
  border-bottom: 1px solid #828790;
}
/* Container for dropdown contents */
.ffb {
  position: absolute; /* this guy's parent div is hard-coded to position:relative */
  overflow: hidden;
  border-left: 1px solid #828790; /* #7B9EBD for Vista */
  border-right: 1px solid #828790;
  border-bottom: 1px solid #828790;
  background-color: #fff; /* Give it a background-color, so it's not transparent */
  padding: 0px 8px 4px 8px;
}
/* Inner div for dropdown */
.ffb .content {
  overflow: hidden; /*  kjk:  hide scroll bars */
}

.ffb .content .row {
  border-bottom: 1px solid #828790;
  color: #000;
  height: 20px;
  clear: both;
}

.ffb-sel {
  cursor: pointer;
  cursor: hand;
  color: #0f3789 !important;
  background-color: #b9c4d7 !important;
}

.ffb-match {
  font-weight: bold;
}

/* Paging */
.ffb .paging {
  padding: 8px;
  text-align: left;
  margin-left: 8px;
}

.ffb .paging:first-child {
  margin-left: 0;
  text-align: left;
}

.ffb .page,
.ffb a.page {
  font-size: 16px;
  color: #4c91e2;
}

.ffb .box {
  width: 22px;
  margin: auto 8px;
  outline: none;
}

.ffb .summary {
  font-size: 85%;
  display: block;
  text-align: center;
  margin-top: 5px;
  width: 100%;
}

.fancy-checkList-hideBR + br {
  display: none;
}

/* Employee -> Custom forms */
.CustomForm tr td:first-child {
  padding-left: 0;
}

.CustomForm tr td:last-child {
  padding-right: 0;
}

.CustomForm td {
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 15px;
}
/* End Employee -> Custom forms */

.employeeInformation {
  padding: 0px 16px 16px 16px;
}

.employeeInformation .addressContainer {
  padding-left: 16px;
  padding-top: 10px;
  margin-bottom: -10px;
}

.employeeInformation .name {
  display: block;
  font-size: 18px;
  font-weight: 500;
}

.employeeInformation .addressContainer .name {
  padding-bottom: 8px;
}

.employeeInformation .addressContainer .address {
  height: auto;
  line-height: 18px;
  display: initial;
  display: block !important;
}

.employeeInformation .actionButtons {
  line-height: 90px;
}

.TaxFormSection {
  margin-left: -16px;
  border-bottom: none !important;
}

.TaxFormSection .panel-body {
  padding-top: 0 !important;
}

.TaxFormSection .form-group {
  border-bottom: 1px solid #dfe6ec;
  margin-bottom: 0;
  padding-top: 14px;
  padding-bottom: 13px;
  line-height: 16px;
  font-size: 18px;
  color: #2b333d;
  padding-left: 12px;
  padding-right: 12px;
}

.TaxFormSection .form-group div,
.TaxFormSection .form-group span {
  line-height: 16px !important;
}

.TaxFormSection .panel-title {
  padding-left: 24px !important;
}

.TaxFormSection > .panel-body > .tax-right-section {
  margin-top: -34px;
}

.TaxFormSection > .panel-body > .tax-right-section .panel-body,
#Box12Table {
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 0;
}

.TaxFormSection > .panel-body > .tax-right-section .panel-body .form-group,
#Box12Table .form-group {
  margin-top: 0 !important;
}

.TaxFormSection > .panel-body > .tax-right-section .panel {
  margin-bottom: 64px;
}

.taxFormTitle.panel-title,
.wrap-title.panel-title {
  white-space: normal !important;
}

.row.notificationACARowSection {
  margin-right: 0 !important;
}

#Box12Container,
.panel-push-top {
  margin-top: 64px;
}

.ptoRequestPanel div[id$="_ControlButtonPanel"] div {
  width: 50%;
}

.ptoRequestPanel div[id$="_ControlButtonPanel"] div:last-child {
  text-align: right;
}

.relative {
  position: relative;
}

/* Styling for the [ Badges ] */
.text-badge {
  display: inline-block;
  padding: 4px 8px;
  text-transform: uppercase;
  min-width: 100px;
  line-height: 13px;
  font-size: 14px;
  border-style: solid;
  border-width: 1px;
  font-weight: 500;
  background-color: #ffffff;
  border-radius: 3px;
  text-align: center;
}

.text-badge.badge-success {
  border-color: #7dc855;
  color: #7dc855;
}

.text-badge.badge-info {
  border-color: #78aede;
  color: #78aede;
}

.text-badge.badge-warn {
  border-color: #f5c205;
  color: #f5c205;
}

.text-badge.badge-error {
  border-color: #ca1011;
  color: #ca1011;
}

.text-badge.badge-disabled {
  border-color: #bbb;
  color: #bbb;
}

table.table > tbody > tr > td > .text-badge:only-child,
table.rgMasterTable > tbody > tr > td > .text-badge:only-child {
  margin: -3px auto;
}

table.table > tbody > tr > td > .text-badge.with-popovers {
  margin: -3px auto;
}
/* End [ Badge ] styling */

.hr {
  width: 100%;
  display: block;
  clear: both;
  border-bottom: 1px solid #dfe6ec;
}

.RadTreeView.RadTreeView_Fresh .rtMinus,
.RadTreeView.RadTreeView_Fresh .rtPlus {
  font-family: "Proliant-1" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-image: none;
  font-size: 14px;
  line-height: 14px;
  height: auto;
  width: auto;
  padding: 8px 0;
  cursor: pointer;
  color: #4a90e2;
  font-weight: 600;
}

.RadTreeView.RadTreeView_Fresh .rtMinus:after {
  content: "\e94c";
}

.RadTreeView.RadTreeView_Fresh .rtPlus:after {
  content: "\e94b";
}

.RadTreeView.RadTreeView_Fresh .rtIn {
  padding: 8px;
}

.RadTreeView > ul.rtUL > li.rtLI span.rtSp + label + div.rtIn {
  margin-left: 4px;
}

/* Custom Tables */
#CustomTableDataDiv table td input[type="text"],
#CustomTableDataDiv table td input[type="number"] {
  min-width: 60px;
}

#CustomTableDataDiv table td input.large-text,
#CustomTableDataDiv table td input.dateInput,
#CustomTableDataDiv table td select {
  min-width: 120px;
}

h4.sectionHeading {
  font-weight: 200;
  font-size: 26px;
  margin: 0 auto;
}

.breakWord {
  word-break: break-word;
  word-break: break-all;
}

span.formSectionHeader {
  text-decoration: none;
  font-weight: 400;
  color: #5e6977;
}

.riTextBox.riRead,
.riSingle .riTextBox.riRead:focus {
  cursor: not-allowed;
  background-color: #f5f7f7 !important;
  opacity: 1;
  border-color: #bdc6cf;
  outline: 0;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.noResultsText {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  display: block;
  line-height: 1;
  margin-top: 10%;
}

.noResultsRow,
.pendingResultsRow {
  padding: 9px 24px;
}

h2.large {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 32px;
  border-bottom: none;
}

[id$="_ValidationSummaryPanel"].fixedPanel,
[id$="_ErrorPanel"].fixedPanel,
[id$="_WarningPanel"].fixedPanel,
[id$="_InformationPanel"].fixedPanel {
  position: fixed;
  z-index: 1050;
  top: 24px;
}

#container.sticky [id$="_ValidationSummary"].fixedPanel,
#container.sticky [id$="_ErrorPanel"].fixedPanel,
#container.sticky [id$="_WarningPanel"].fixedPanel,
#container.sticky [id$="_InformationPanel"].fixedPanel {
  top: 72px !important;
}

.btn .instant-logo-placeholder {
  display: inline-block;
}

.btn .instant-logo-placeholder svg {
  vertical-align: -8px;
  height: 20px;
  width: 54px;
}

.btn.btn.btn-secondary-primary .instant-logo-placeholder svg path {
  fill: #ff7933;
}

.btn[disabled] .instant-logo-placeholder svg path {
  fill: #86939e !important;
}

.btn.btn-primary .instant-logo-placeholder svg path,
.btn.btn-danger .instant-logo-placeholder svg path {
  fill: #ffffff;
}

.action-info i {
  color: #4a90e2;
  vertical-align: -2px;
}

.popover-content {
  position: relative;
  padding: 16px;
}

.popover-content ul {
  list-style: none;
  text-indent: 0;
  -webkit-padding-start: 0;
  margin-bottom: 0;
}

.popover-content .header-text {
  font-size: 18px;
  font-weight: 500;
  color: #5e6977;
  position: relative;
  display: inline-block;
}

.popover-content .header-text::before {
  color: #4a90e2;
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 16px;
}

.popover-content .header-text + .body-text {
  margin-top: 8px;
}

.popover-content .header-text[class*="icon-"],
.popover-content .header-text[class*="icon-"] + .body-text {
  padding-left: 32px;
}

.popover-content .body-text {
  font-size: 14px;
  font-weight: 400;
  color: #86939e;
  line-height: 22px;
}

/*
    I've prefixed these styles with #modalJobStatus to narrow the scope of changes
    We should apply these changes (except for the width settings) to all jQuery dialogs
    once we have the time to properly test. -CPB
*/

#modalJobStatus .modal-dialog {
  width: auto !important;
  min-width: 848px !important;
  max-width: 1000px !important;
}

#modalJobStatus .modal-header {
  box-shadow: none;
  border-bottom: 1px solid #c7d2db;
}

#modalJobStatus .modal-footer {
  padding: 24px;
  text-align: left;
  background-color: #ffffff;
  border-top: 1px solid #c7d2db;
}

#modalJobStatus .modal-content {
  box-shadow: none;
  padding: 0 24px;
  border: none;
}

#modalJobStatus .modal-header .close {
  margin-top: 12px;
  color: #4a90e2 !important;
  font-size: 18px;
  opacity: 1;
}

#modalJobStatus .modal-header .icon-close {
  color: #4a90e2;
  opacity: 1;
}

#modalJobStatus table td.jsIcon a {
  margin-top: -2px;
  margin-bottom: -2px;
}

#level-four-menu {
  display: block;
  margin-bottom: 16px;
}

#level-four-menu + #page-body-content > .RadGridContainer:first-child,
#level-four-menu
  + #page-body-content
  > div[class*="col-"]
  > .RadGridContainer:first-child,
#level-four-menu
  + #page-body-content
  > .row
  > div[class*="col-"]
  > .RadGridContainer:first-child,
#level-four-menu + #page-body-content .gridFiltersHeader {
  margin-top: -16px;
}

.pmEmployeeTagWrapper {
  display: inline-block;
  height: 88px;
  background-color: #ffffff;
  border: 1px solid #4a90e2;
  -webkit-border-radius: 3px 1px 1px 3px;
  -moz-border-radius: 3px 1px 1px 3px;
  border-radius: 3px 1px 1px 3px;
  border-right: 1px solid #4a90e2;
  /* This makes room for the triangle */
  margin-right: 24px;
  position: relative;
}

.pmEmployeeTagWrapper.expanded {
  background-color: #ffffff;
}

.pmEmployeeTagContent {
  padding: 8px;
  min-width: 70px;
  text-align: left;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  min-height: 88px;
}

.pmEmployeeTagWrapper.expanded > .pmEmployeeTagContent,
.pmEmployeeTagWrapper.current.expanded > .pmEmployeeTagContent {
  min-width: 248px;
  white-space: nowrap;
}

.pmEmployeeTagWrapper.expanded
  > .pmEmployeeTagContent
  > .employee-image-container {
  margin-right: 12px;
}

.pmEmployeeTagWrapper.expanded {
  background-color: #f4f4f4;
}

.pmEmployeeTagWrapper.expanded:after {
  border-left-color: #f4f4f4;
}

/* Makes the triangle */
.pmEmployeeTagWrapper:before {
  content: "";
  position: absolute;
  display: block;
  right: -19px;
  width: 0;
  height: 0;
  border-top: 44px solid transparent;
  border-bottom: 43px solid transparent;
  border-left: 18px solid #4a90e2;
}

/* Makes the triangle */
.pmEmployeeTagWrapper:after {
  content: "";
  position: absolute;
  display: block;
  right: -18px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 44px solid transparent;
  border-bottom: 43px solid transparent;
  border-left: 18px solid white;
}

.pmEmployeeTagWrapper.lastFlowStep:after,
.pmEmployeeTagWrapper.lastFlowStep:before {
  border: none;
}

.pmEmployeeTagWrapper.lastFlowStep {
  border-right: 1px solid #4a90e2;
}

.impersonateIconBlock {
  display: none;
  position: absolute;
  left: 17px;
  top: 46px;
  border-radius: 50%;
  border: 4px solid #f4f4f4;
  background-color: #f4f4f4;
  width: 32px;
  height: 32px;
  text-align: center;
}

.pmEmployeeTagWrapper.expanded > .pmEmployeeTagContent .impersonateIconBlock {
  background-color: #ffffff;
  border-color: #ffffff;
}

.impersonateIconBlock > a {
  vertical-align: -4px;
  color: #4a90e2;
}

.completeIconBlock {
  color: #7dc855;
  position: absolute;
  left: 17px;
  top: 46px;
  font-size: 24px;
}

.stepContent .completeIconBlock {
  left: 9px;
  top: 38px;
}

.completeIconBlock i {
  border-radius: 50%;
  border: 4px solid #ffffff;
  background: #ffffff;
  display: inline-block;
}

.flowStepLarge .completeIconBlock {
  margin: 0 27px 0 11px;
  font-size: 26px;
}

.pmEmployeeTagWrapper .contributorInfo {
  display: none;
}

.pmEmployeeTagWrapper.expanded .impersonateIconBlock,
.pmEmployeeTagWrapper.expanded .contributorInfo,
.reviewStepCollapsedDueDate,
.reviewStepCollapsedDueDate-US {
  display: inline-block;
}

.reviewStepCollapsedDueDate-US,
.reviewStepCollapsedDueDate,
.contributorType {
  /*display: inline-block;*/
  font-size: 16px;
  color: #5e6977;
}

.contributorType {
  line-height: 22px;
}

.contributorType.impersonated,
.pmEmployeeTagContent .dueDate.impersonated {
  color: #9e5db6;
}

.reviewStepCollapsedDueDate-US {
  position: absolute;
  bottom: 8px;
  left: 15px;
}

.reviewStepCollapsedDueDate {
  bottom: 8px;
  left: 15px;
}

.contributorInfo-title-US {
  font-weight: 500;
  font-size: 18px;
  color: #2b333d;
  line-height: 24px;
}

a.contributorInfo-title-US {
  color: #4a90e2;
}

.pmEmployeeTagWrapper.completed .pmEmployeeTagContent .dueDate,
.performanceManagementFlow.showScore .pmEmployeeTagContent .contributorDate {
  display: none;
}

.performanceManagementFlow.showDate .pmEmployeeTagContent .reviewScore {
  display: none; /*by default*/
}

.pmEmployeeTagContent .dueDate,
.contributorDate {
  line-height: 24px;
  font-size: 16px;
}

.pmEmployeeTagContent .dueDate.overdue,
.pmEmployeeTagContent .contributorDate.overdue,
.pmEmployeeTagContent .reviewStepCollapsedDueDate-US.overdue,
.stepContent .dueDate.overdue,
.stepContent .contributorDate.overdue,
.stepContent .reviewStepCollapsedDueDate.overdue {
  color: #ca1011;
}

.pmEmployeeTagContent > div {
  vertical-align: top;
}

.expanded .reviewStepCollapsedDueDate,
.expanded .reviewStepCollapsedDueDate-US {
  display: none;
}

.pmEmployeeTagContent .reviewScore {
  font-size: 16px;
  font-weight: 400;
  color: #5e6977;
}

.pmEmployeeTagContent .reviewScore > .green,
.pmEmployeeTagContent .reviewScore > .red {
  font-weight: 500;
  font-size: 18px;
}

.pmEmployeeTagContent .reviewScore > span {
  color: #2b333d;
}

.pmEmployeeTagContent .reviewScore > .green {
  color: #62a844;
}

.pmEmployeeTagContent .reviewScore > .red {
  color: #ca1011;
}

.impersonateBlock:nth-of-type(n + 2) {
  margin-top: 12px;
}

.impersonateBlock > div,
.impersonateBlock > span {
  vertical-align: middle;
  display: inline-block;
}

.speech-bubble {
  background: #fafafa;
  border-radius: 3px;
  margin-left: 24px;
  padding: 12px;
  position: relative;
  border: 1px solid #c7d2db;
}

.speech-bubble p,
.speech-bubble span {
  white-space: nowrap;
}

.speech-bubble p:last-of-type {
  margin-bottom: 0;
}

.speech-bubble::after {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 24px solid #fafafa;
  top: 12px;
  content: "";
  position: absolute;
  left: -23px;
}

.speech-bubble::before {
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 23px solid #c7d2db;
  top: 12px;
  content: "";
  position: absolute;
  left: -24px;
}

.dateScroller > input {
  max-width: calc(100% - 80px);
}

.dateScroller > .btn-square:first-of-type {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.dateScroller > .btn-square:first-of-type + input {
  border-right: none;
  border-left: none;
  border-radius: 0;
}

.dateScroller > input + .btn-square {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.link-blue {
  color: #4a90e2;
}

a.link-disabled,
a.link-disabled:hover {
  color: #bdc6cf;
  cursor: default;
}

.ffb-arrow_ChangeCompany {
  float: left;
  width: 42px;
  height: 40px !important;
  background-image: url(../image/drop-down-background.png) !important;
  background-repeat: no-repeat;
  background-color: white;
  color: #5e6977;
  border: solid 1px #bdc6cf;
  border-radius: 3px;
}

.ffb-arrow_ChangeCompany.out {
  background-position-x: 12px;
  background-position-y: 15px;
}

.ffb-arrow_ChangeCompany.over {
  background-position-x: 12px;
  background-position-y: 15px;
}

.ffb-arrow_ChangeCompany.active {
  background-position-x: 12px;
  background-position-y: 15px;
  border-color: #2196f3;
  box-shadow: 0 0 5px 0 #2196f3;
  outline-offset: -2px;
}

.ffb-arrow_ChangeCompany.disabled {
  cursor: not-allowed;
  background-color: #f5f7f7;
  opacity: 1;
}

.ffb-arrow_ChangeCompany.disabled.active {
  border: solid 1px #bdc6cf;
  box-shadow: none;
  outline-offset: 0;
}

.visibility-hidden::before {
  visibility: hidden;
}

td span.previousValue {
  color: #c7d2db;
}

table.table td.alignTop {
  vertical-align: top !important;
}

table.table td.rgCheck.alignTop .fancy-checkbox .checkmark {
  top: 1px;
}

.status-column-info + .popover {
  max-width: 381px;
}

.legendPopover div.border-right {
  border-right: 1px solid #dfe6ec;
}

.legendPopover h4 {
  font-weight: 700;
  font-size: 16px;
  color: #2b333d;
  margin-top: 0;
  margin-bottom: 0px;
}

.legendPopover p.light {
  font-weight: 400;
  font-size: 16px;
  color: #86939e;
  display: inline;
  margin: 0 auto;
}

.legendPopover span[class^="icon-"] + p.light {
  margin-left: 12px;
}

#TaxComplianceDetailsGrid td .popover-title {
  display: none;
}

#OptionsHeader:before,
[id$="StandardReportId"]:before {
  content: "\e94c";
  position: absolute;
  font-family: "Proliant-1" !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  transition: 0.4s rotate linear;
  -moz-transition: 0.4s rotate linear;
  -webkit-transition: 0.4s rotate linear;
  left: -15px;
  top: 2px;
  font-size: 14px;
  height: 14px;
  width: 14px;
  font-weight: 600;
  color: #4a90e2;
}

#OptionsHeader:not([aria-expanded="true"])#OptionsHeader:before,
[id$="StandardReportId"]:not([aria-expanded="true"])[id$="StandardReportId"]:before {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  top: 6px;
  left: -20px;
}

[id$="StandardReportId"]:not([aria-expanded="true"])[id$="StandardReportId"]:before {
  top: 2px !important;
  left: 12px !important;
}

[id$="StandardReportId"]:not([aria-expanded="false"])[id$="StandardReportId"]:before {
  top: -3px !important;
  left: 14px !important;
}

#EmployeeChecksPanelOverflow {
  min-height: 48px;
}

div[id$="DynamicUIItemPanel"] .control-label + div > .checkbox {
  margin-top: 0;
}

div[id$="DynamicUIItemPanel"] .control-label + div > .checkbox ul {
  margin-top: -22px;
}

[id^="MessageContrainer"] > div:nth-child(2) > div > label.checkmark {
  margin-left: 10px;
}

.evaluation_Comments_first_column {
  padding-left: 12px !important;
}
/************************   BEGIN: SPLIT BUTTON   *******************************************/

.split-button > .dropdown-menu > li > a {
  line-height: 38px;
  font-size: 16px;
}

.split-button > .split-button-label {
  min-width: 174px;
  text-align: left;
  z-index: 10 !important;
}

.split-button > .split-button-expand {
  min-width: 50px;
  z-index: 10 !important;
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.split-button > .dropdown-menu {
  min-width: 223px;
  top: 92%;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  z-index: 5;
  padding: 0px !important;
}

.split-button > .split-button-expand:not([aria-expanded="false"]) {
  background-color: rgb(74, 144, 226);
  color: white;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(74, 144, 226);
  border-image: initial;
}

.split-button > ul > li > a:hover,
.split-button > ul > li > a:hover > i {
  background-color: #4a90e2 !important;
  color: #fff !important;
}

.split-button > ul > li > a:focus {
  text-decoration: inherit;
  color: inherit;
  background-color: inherit;
}

/************************   END: SPLIT BUTTON   *******************************************/

.icon-16 {
  height: 16px !important;
  width: 16px !important;
  font-size: 16px !important;
}

.icon-24 {
  height: 24px !important;
  width: 24px !important;
  font-size: 24px !important;
}

.icon-48 {
  height: 48px !important;
  width: 48px !important;
  font-size: 48px !important;
}

/************************   BEGIN: PM COACHING   *******************************************/
.coachingCalendarItemContainer {
  font-size: 18px;
  text-align: center;
}

i.coaching-icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
}

#addEditModal .modal-footer .btn + .btn {
  margin-left: 16px;
}

#addEditModal .modal-footer {
  padding: 24px;
  background-color: #ffffff;
}

/* we construct class names by following template : {type of coachingMoment}-{icon's number in the icon set} */

/************************   POSITIVE   *******************************************/
    i.coaching-icon.positive-1 {
      background-image: url("../image/pm_coaching_icons/thumbs-up.svg");
    }

    i.coaching-icon.positive-2 {
      background-image: url("../image/pm_coaching_icons/smiley.svg");
    }

    i.coaching-icon.positive-3 {
      background-image: url("../image/pm_coaching_icons/hang-loose.svg");
    }

    i.coaching-icon.positive-4 {
      background-image: url("../image/pm_coaching_icons/star.svg");
    }

    i.coaching-icon.positive-5 {
        background-image: url("../image/pm_coaching_icons/trophy.svg");
    }
/************************   POSITIVE   *******************************************/

/************************   NOTE   *******************************************/

    i.coaching-icon.note-1 {
        background-image: url("../image/pm_coaching_icons/notepad_green.svg");
    }

/************************   NOTE   *******************************************/

/************************   NEGATIVE   *******************************************/
    i.coaching-icon.negative-1 {
      background-image: url("../image/pm_coaching_icons/thumbs-down.svg");
    }

    i.coaching-icon.negative-2 {
      background-image: url("../image/pm_coaching_icons/sad.svg");
    }

    i.coaching-icon.negative-3 {
      background-image: url("../image/pm_coaching_icons/hmmm.svg");
    }

    i.coaching-icon.negative-4 {
      background-image: url("../image/pm_coaching_icons/x.svg");
    }

    i.coaching-icon.negative-5 {
      background-image: url("../image/pm_coaching_icons/red-flag.svg");
    }
/************************   NEGATIVE   *******************************************/

/************************   NEUTRAL   *******************************************/
    i.coaching-icon.neutral-1 {
      background-image: url("../image/pm_coaching_icons/apple.svg");
    }

    i.coaching-icon.neutral-2 {
      background-image: url("../image/pm_coaching_icons/bullseye.svg");
    }

    i.coaching-icon.neutral-3 {
      background-image: url("../image/pm_coaching_icons/clock.svg");
    }

    i.coaching-icon.neutral-4 {
      background-image: url("../image/pm_coaching_icons/hole-in-one.svg");
    }

    i.coaching-icon.neutral-5 {
      background-image: url("../image/pm_coaching_icons/top-hat.svg");
    }
/************************   NEUTRAL   *******************************************/

/************************   SHOUT OUT   *******************************************/

i.coaching-icon.shoutout-1 {
  background-image: url("../image/pm_coaching_icons/bullhorn_blue.svg");
}

/************************   SHOUT OUT   *******************************************/

/************************   FEEDBACK REQUEST   *******************************************/

i.coaching-icon.fbrequest-1 {
  background-image: url("../image/pm_coaching_icons/fbrequest-1.svg");
}

/************************   FEEDBACK REQUEST   *******************************************/

/************************   END: PM COACHING   *******************************************/

/************** CM *********************/
.loading {
  position: absolute;
  height: 2em;
  width: 2em;
  overflow: visible;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1006;
}

.loading-overlay {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1005;
  background-color: rgba(0, 0, 0, 0.1);
}

.circonf {
  margin: 1em;
  display: inline-block;
  width: 3em;
  height: 3em;
  border-radius: 50%;
  border: 4px solid silver;
  animation: circ-anim 1.2s linear infinite;
  border-bottom-color: #ec7d1b;
}

@keyframes circ-anim {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.smallCompleteIconBlock {
  color: #7dc855;
  position: absolute;
  left: 15px;
  top: 30px;
  font-size: 18px;
}

.cm-overview-slider {
  width: 45px;
  background-color: white;
}

.cm-overview-slider:before {
  height: 24px !important;
  width: 24px !important;
  left: -1px !important;
}

.cm-overview-plan-name {
  min-height: 40px;
  display: table-cell;
  vertical-align: middle;
}

table.cm-overview-table thead th {
  padding-left: 4px;
}

.cm-process-select {
  width: 203px;
  max-width: 203px;
  padding-right: 4px !important;
  padding-left: 12px !important;
}

table.employee-process-grid tbody tr td {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

table.employee-process-grid tbody td:first-child {
  padding-left: 12px !important;
}

.cm-process-select > option {
  background-color: white;
  color: #5e6977;
}

option.cm-termed-contributor {
  color: #ca1011;
  font-weight: bold;
}

.cm-eligibility-slider {
  width: 45px;
  -webkit-transition: 0s;
  transition: 0s;
}

.cm-eligibility-slider:before {
  height: 24px !important;
  width: 24px !important;
  left: -1px !important;
  -webkit-transition: 0s;
  transition: 0s;
}

.cm-alert-text {
  color: darkred !important;
  font-weight: bold !important;
}

/*.cm-table-striped tr:nth-child(even) {
    background-color: #e1f3fb;
}*/

.cm-table-striped tr td {
  padding: 4px !important;
  vertical-align: middle !important;
  line-height: 1.1 !important;
  height: 40px;
  border-bottom: solid 1px #f1f1f1;
}

table.cm-overview-table tbody tr td {
  padding: 4px !important;
  vertical-align: middle !important;
}

.cm-red-border {
  border: 1px solid #ca1011 !important;
}

input.cm-red-border:focus {
  box-shadow: 0 0 1px #ca1011 !important;
}

.cm-yellow-border {
  border: 1px solid #ec7d1b !important;
}
    
input.cm-red-border:focus {
  box-shadow: 0 0 1px #ca1011 !important;
}

.cm-warning-icon {
  padding-bottom: 2px;
  padding-left: 2px;
  font-size: 14px;
  padding-right: 2px;
}

.overview-steps-container {
  padding: 2px 0 2px 35px;
}

input:checked + .cm-overview-slider:before,
input:checked + label + .cm-overview-slider:before {
  -webkit-transform: translateX(22px) !important;
  -ms-transform: translateX(22px) !important;
  transform: translateX(22px) !important;
}

.cmAdjustmentRatingValue {
  width: 60px;
  padding-left: 8px;
  padding-right: 8px;
}

.cm-table-container {
  /*border: solid 1px #A7A8A7;*/
  border-top: none;
  border-bottom: solid 1px #c7d2db;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  margin-bottom: 0px !important;
  overflow-x: hidden;
}

.cm-table-container table > tbody > tr > td {
  font-size: 16px;
}

table.cm-adj-history-table > tbody > tr > td {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.cm-active-toggle {
  background-color: #4a90e2 !important;
  color: white !important;
}

.cm-full-width.horizontal-menu
  #menuNavContainer
  nav.sidebar-nav.pl-lg-big-size-behaviour {
  max-width: 1248px !important;
  width: auto !important;
  margin: auto !important;
}

.cm-full-width.horizontal-menu #company-menu-container {
  max-width: 1248px !important;
  width: auto !important;
  margin: auto !important;
}

/*.cm-full-width.horizontal-menu #LevelTwoAndThreeMenu {
    max-width: 100% !important;
    width: auto !important;
    margin: auto !important;
}*/

.cm-full-width.horizontal-menu .pl-lg-big-size-behaviour {
  max-width: 100% !important;
  width: auto !important;
  margin: auto !important;
}

.cm-full-width #cm-plan-switcher {
  right: 328px;
}

.cm-nomargin-switch .switch-label {
  margin: 0;
}

table.cm-guidance-table tbody tr td {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  font-size: 16px !important;
}
table.cm-guidance-table thead tr th {
  padding-top: 9px !important;
  padding-bottom: 9px !important;
  padding-left: 4px !important;
  padding-right: 4px !important;
  font-size: 16px !important;
}

table.cm-guidance-table tbody tr td input[type="text"] {
  height: 40px;
}

table.cm-guidance-table tr td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

table.cm-guidance-table tr td:first-child {
  padding-left: 12px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

table.cm-guidance-table tr th:first-child {
  padding-left: 12px !important;
}

.cm-table-container .table {
  border: none;
}

input[type="range"].cmAdjustmentRatingRange {
  width: 55px;
  padding-left: 8px;
  padding-right: 8px;
  padding-bottom: 0px;
}

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

input[type="number"].cmAdjustmentRatingValue::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

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

.smallCompleteIconBlock i {
  border-radius: 50%;
  border: 2px solid #ffffff;
  background: #ffffff;
  display: inline-block;
  height: 22px;
}

table.cm-distribution-table > tbody > tr > td {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  font-size: 16px;
  padding-left: 4px;
  padding-right: 4px;
}

table.cm-distribution-table > tbody > tr > td.rgCheck + td {
  padding-left: 4px;
}

table.cm-adjustment-table > tbody > tr > td {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
  font-size: 16px;
  padding-left: 4px;
  padding-right: 4px;
  border-bottom: none;
  min-height: 48px;
}

.cm-adjustment-expanded {
  border-bottom: none;
  margin-left: -34px;
  margin-right: -13px;
}

.cm-adj-error {
  color: #ca1011 !important;
  background-color: #fce0e2 !important;
  font-weight: bold;
  margin-left: -23px !important;
  margin-top: 1px !important;
}

.cm-error {
    background-color: #fce0e2 !important;
    color: #ca1011 !important;
}
.cm-warning {
    background-color: #faf3d6 !important;
    color: #d07a02 !important;
}

.cm-adj-exp-container h5 {
    margin-top: 5px;
    font-size: 16px;
}

.cm-adj-slider-midpoint {
  position: absolute;
  left: 49%;
  font-weight: bold;
  color: #7a7a8a;
}

.cm-adj-slider-pay {
  float: left;
  margin-top: -78px;
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  min-width: 65px;
  text-align: left;
}

.cm-adj-slider-pay-mid {
  margin: 20px auto 0 auto;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}
.cm-adj-slider-pay-min {
  float: left;
  margin: -28px 0 0 -7px;
  font-size: 16px;
  font-weight: 500;
}
.cm-adj-slider-pay-max {
  float: right;
  margin: -28px -7px 0 0px;
  font-size: 16px;
  font-weight: 500;
}

.cm-adj-label {
  font-size: 16px;
  font-weight: 500;
  color: #5e6977;
}

.cm-adj-label > i {
    color:#4a90e2;
}

.cm-adjustment-table input[type="text"],
input[type="number"] {
  padding-right: 8px;
  padding-left: 9px;
}
.cm-adjustment-table tr td,
.cm-adjustment-table tr .cm-adjustment-table {
  min-height: 48px;
}

.cm-adjustment-panel > .panel-heading {
  padding: 0;
  padding-left: 12px;
}

table.cm-budget-totals > tbody > tr > td {
  font-size: 16px;
}

tbody.cm-collapse[data-collapse] tr[data-toggle] td:first-child {
  cursor: pointer;
}

tbody.cm-collapse[data-collapse] tr[data-toggle] td:first-child {
  content: "\e94c";
  font-family: "Proliant-1" !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  transition: 0.4s rotate linear;
  -moz-transition: 0.4s rotate linear;
  -webkit-transition: 0.4s rotate linear;
  left: -10px !important;
  top: 24px !important;
  font-size: 14px;
  height: 14px;
  width: 14px;
  font-weight: 600;
  color: #4a90e2;
}

tbody.cm-collapse[data-collapse]
  tr[data-toggle]:not([aria-expanded="true"])
  td:first-child {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  top: 28px !important;
  left: -15px !important;
}

tbody.cm-collapse tr:first-child td {
  border-bottom: 0 !important;
}

.cm-left-nav-collapse {
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-weight: normal;
  float: left;
  margin-left: -2px;
  margin-top: 0px;
  font-family: "Proliant-1";
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  transition: 0.4s rotate linear;
  -moz-transition: 0.4s rotate linear;
  -webkit-transition: 0.4s rotate linear;
  font-size: 14px;
}

.cm-left-nav-collapse:not([aria-expanded="true"]) {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  margin-top: -3px;
}

.cm-error-header {
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.cm-adjustment-panel[data-collapse] > .panel-heading > .panel-title {
  max-width: 100%;
}

[adj-collapsable]:before {
  content: "\e94c";
  position: absolute;
  font-family: "Proliant-1" !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  transition: 0.4s rotate linear;
  -moz-transition: 0.4s rotate linear;
  -webkit-transition: 0.4s rotate linear;
  left: -4px !important;
  top: 8px !important;
  font-size: 14px;
  height: 14px;
  width: 14px;
  font-weight: 600;
  color: #4a90e2;
}
[adj-collapsable-alert]:before {
    content: "\e94c";
    position: absolute;
    font-family: "Proliant-1" !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    transition: 0.4s rotate linear;
    -moz-transition: 0.4s rotate linear;
    -webkit-transition: 0.4s rotate linear;
    left: 4px !important;
    top: 10px !important;
    font-size: 14px;
    height: 14px;
    width: 14px;
    font-weight: 600;
    color: #4a90e2;
}
.alert-danger [adj-collapsable-alert]::before {
    color: #d07a02;
}
.alert-warning [adj-collapsable-alert]::before {
    color: #d07a02;
}

.cm-adj-status {
  min-width: 60px;
  font-size: 15px;
  color: gray;
  border: 1px solid gray;
  height: 25px;
  line-height: 25px;
  padding: 0 5px 0px;
}

.zero-transform {
  transform: rotate(0deg) !important;
  -ms-transform: rotate(0deg) !important;
  -moz-transform: rotate(0deg) !important;
  -webkit-transform: rotate(0deg) !important;
}

.cm-adjustment-panel {
  border: 0;
  border-bottom: 1px solid #c7d2db;
}

[adj-collapsable]:not([aria-expanded="true"]):before {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  left: -8px !important;
  top: 11px !important;
}
[adj-collapsable-alert]:not([aria-expanded="true"]):before {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  left: 3px !important;
  top: 12px !important;
}

.cm-adj-image-small {
  width: 28px;
  height: 28px;
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  margin-top: 8px;
  margin-right: 6px !important;
}

.cm-adjustment-notes-panel[data-collapse]
  > .panel-heading
  > .panel-title:before {
  top: 11px !important;
  left: -10px !important;
}

.cm-adjustment-notes-panel[data-collapse]
  > .panel-heading
  > .panel-title:not([aria-expanded="true"]):before {
  top: 15px !important;
  left: 0px !important;
}

.cm-adjustment-notes-panel[data-collapse] > .panel-heading > .panel-title[aria-expanded="true"]:before {
    left: 3px !important;
}


.cm-note-body {
  font-size: 16px;
  margin-left: 20px;
}

table.cm-table-header thead th {
  vertical-align: middle !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.cm-adj-inactive {
  background-color: #eeeeee !important;
}

.cm-adj-warning {
  background-color: #f9e6e4 !important;
}

.cm-adj-complete {
  background-color: #e7f8de !important;
}

.cm-red-status {
  border-color: #ca1011 !important;
  color: #ca1011 !important;
}

.cm-orange-status {
  border-color: #ec7d1b !important;
  color: #ec7d1b !important;
}

.cm-blue-status {
  border-color: #4a90e2 !important;
  color: #4a90e2 !important;
}

.cm-green-status {
  border-color: #7dc855 !important;
  color: #7dc855 !important;
}

.cm-gray-status {
  border-color: gray !important;
  color: gray !important;
}

#dialog-CompImports table tbody tr td,
#dialog-CompImports table tbody tr td select {
  font-size: 15px;
}

.contributorInfo-small {
  font-weight: 500;
  font-size: 16px;
  color: #2b333d;
  line-height: 20px;
}

.cm-overbudget, .cm-overbudget > div, .cm-overbudget > div.cm-adj-label > i {
  color: #ca1011 !important;
}
.cm-budget-warning, .cm-budget-warning > div, .cm-budget-warning > div.cm-adj-label > i {
  color: #d07a02 !important
}
.cm-in-budget {
  color: #7dc855;
}

#cmMainContent {
    position: relative;
    margin: 0;
    padding: 0;
    transition: none;
    -webkit-transition: none;
}

.tag-small {
    height: 60px;
    min-width: 47px;
    font-size: 16px;
    margin-right: 22px;
}

.tag-small:before {
  border-top: 30px solid transparent;
  border-bottom: 29px solid transparent;
}

.tag-small:after {
  border-top: 30px solid transparent;
  border-bottom: 29px solid transparent;
}

.tag-content-small {
  min-height: 60px;
  padding: 4px 2px 4px 9px;
}

.tag-small-image {
  margin-top: 8px;
  margin-right: 5px;
}

.pmEmployeeTagWrapper.expanded > .pmEmployeeTagContent > .tag-small-image {
  margin-right: 5px;
}

.pmEmployeeTagContent .dueDate.overdue,
.pmEmployeeTagContent .reviewStepCollapsedDueDate-US.overdue {
  color: #ca1011;
}

.cm-selected {
  background-color: #e2f2fb !important;
  color: #4a90e2 !important;
}

.cm-guidance-step-menu .circle .title {
  white-space: nowrap;
}

.cm-guidance-step-menu .bar {
  min-width: 20%;
}

.employee-search-result .dept-name {
  word-break: break-word;
}

/*
.pmEmployeeTagWrapper.expanded > .tag-content-small, .pmEmployeeTagWrapper.current.expanded > .tag-content-small {
    width: 205px;
    min-width: 205px;
    overflow: hidden;
    white-space: nowrap;
}
*/
/****************  End CM *********************/
/************************   BEGIN: ESS SECURITY CONFIGURATION > ESS MEMBERSHIP  *******************************************/
[id$="RoleGridContainer"] {
  margin-right: 0px;
}

.rgMasterTable tbody tr:last-child td {
  border-bottom: 1px solid #dfe6ec !important;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: rgb(223, 230, 236) !important;
}

.button-container {
  clear: both;
  padding-top: 16px;
}

#SecurityGrid {
  width: 288px;
  position: absolute;
}

#EmployeeLists {
  padding-left: 312px;
  padding-right: 16px;
}

.role-arrow {
  margin-left: 12px;
  color: #4c91e2;
  font-size: 14px;
}

.chevron-button {
  width: 44px;
  min-width: inherit;
  padding: 0px;
}

@media (max-width: 768px) {
  /* CSS that should be displayed if width is equal to or less than 768px goes here */
  #SecurityGrid,
  #EmployeeLists {
    width: inherit;
  }

  #EmployeeLists {
    padding-left: 16px !important;
    float: left;
  }

  #SecurityGrid {
    padding-left: 16px !important;
    position: relative;
  }

  [id$="RoleGridContainer"] {
    background-color: white;
    width: 288px;
    clear: both;
    position: absolute;
    z-index: 100;
    top: 36px;
    border: 1px solid #dfe6ec;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 2px -2px 2px rgba(255, 255, 255, 0.25) !important;
    padding-top: 24px;
  }

  [id$="RoleGridContainer"] {
    display: none;
  }

  [id$="RoleGridContainer"] > div.panel-heading > h3,
  [id$="EmployeeKioskSecurityRoleGrid_ctl00"] > tbody > tr.rgSelectedRow > td {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  [id$="EmployeeKioskSecurityRoleGrid_ctl00"] > tbody > tr > td {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  [id$="EmployeeKioskSecurityRoleGrid"] {
    height: auto !important;
  }

  .mobile-role-menu {
    display: inherit !important;
    float: left;
    padding-bottom: 16px;
  }
}
/************************   END: ESS SECURITY CONFIGURATION > ESS MEMBERSHIP  *******************************************/

/************************   BEGIN: COMPANY SETTINGS > MASTER COMPANY SETUP > SECURITY  *******************************************/

.no-rules-text {
  margin: 0px 8px !important;
  line-height: 2.5;
}

.security-rule-cell {
  max-width: 89%;
  float: left;
  min-height: 21px;
}

table.ruleConditionsTable.top-border {
  border-top: 1px solid rgb(223, 230, 236);
}

table.ruleConditionsTable > tbody > tr > td {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

table.ruleConditionsTable > tbody > tr > td:first-child {
  padding-left: 0 !important;
}

table.ruleConditionsTable > tbody > tr > td:last-child {
  padding-right: 0 !important;
}

.security-checkbox-list,
#changeFieldsTree > ul > li,
#accessFieldsTree > ul > li {
  padding: 12px 17px !important;
  border-bottom-width: 1px !important;
  border-bottom-style: solid !important;
  border-bottom-color: #e7edf2 !important;
}

#changeFieldsTree > ul > li > ins.jstree-icon,
#accessFieldsTree > ul > li > ins.jstree-icon {
  display: none !important;
}

#changeFieldsTree > ul > li > a > ins.jstree-checkbox,
#accessFieldsTree > ul > li > a > ins.jstree-checkbox {
  margin-right: 5px !important;
}

#changeFieldsTree > ul > li > a,
#accessFieldsTree > ul > li > a {
  padding: 0 !important;
  font-weight: 500 !important;
}

#changeFieldsTree > ul > li > a:hover,
#changeFieldsTree > ul > li > a:visited,
#accessFieldsTree > ul > li > a:hover,
#accessFieldsTree > ul > li > a:visited {
  color: inherit !important;
}

.add-condition {
  border-bottom: 1px solid rgb(223, 230, 236) !important;
  padding-bottom: 10px !important;
}

.security-count-text {
  color: initial !important;
  font-weight: 400 !important;
}

.select-all-checkbox {
  margin-left: -15px !important;
  font-weight: 400 !important;
}

.checkbox-before-label {
  float: left;
  width: 36px;
}

.label-after-checkbox {
  float: left;
  width: 90%;
}

/************************   END: COMPANY SETTINGS > MASTER COMPANY SETUP > SECURITY  *******************************************/

/************************   BEGIN: FULL SCREEN MODE  *******************************************/

.full-width.horizontal-menu #LevelTwoAndThreeMenu,
.full-width.horizontal-menu #company-menu-container,
.full-width.horizontal-menu .pl-lg-big-size-behaviour,
.full-width.horizontal-menu #menuNavContainer nav.sidebar-nav.pl-lg-big-size-behaviour{
    width: auto !important;
    margin: auto !important;
    max-width: 100% !important;
    padding: 0 15px !important;
}

/* Angular CLI pages don't render the submenu correctly on full screen mode*/
.full-width.horizontal-menu .topSubMenu.pl-lg-big-size-behaviour {
    margin: 0 !important;
    padding: 0 !important;
}

.alertsmenu .toggle-minimize {
    display: none;
}
.alertsmenu .toggle-fullScreen {
    display: inline;
}
.full-width.horizontal-menu .alertsmenu .toggle-minimize {
    display: inline;
}
.full-width.horizontal-menu .alertsmenu .toggle-fullScreen {
    display: none;
}
.full-width #ux-nav .ux-nav-wrapper {
  width: 100% !important;
  margin: 0 !important;
}
.full-width.horizontal-menu #company-menu-container {
  width: 100% !important;
  margin: 0 !important;
}
/************************   END: FULL SCREEN MODE  *******************************************/
/************************   BEGIN: READYPAY TODAY SETTINGS  *******************************************/
#body-container > .popover {
    max-width: 664px !important;
}

/************************   END: READYPAY TODAY SETTINGS  *******************************************/

/************************   BEGIN: GL SETUP WIZARD SETTINGS  *******************************************/

@media screen and (min-width: 769px) {
  .gl-setup-wizard-split-background .wrapkit-wrapper {
    background: linear-gradient(to right, white 0%, white 60%, #E3E6E8 60%, #F3F6F8 calc(60% + 10px), #F3F6F8 100%);
  }

  .gl-setup-wizard-split-background .content-wrapper {
    background: transparent;
    padding: 0;
  }

  .gl-setup-wizard-split-background #pageContentArea {
    margin: 0;
  }

  .gl-setup-wizard-split-background #ValidationSummaryPanel {
    width: 60%;
  }

  .gl-setup-wizard-split-background .content-panel {
    width: 60%;
  }
  .gl-setup-wizard-split-background .example-panel {
    width: 40%;
  }
}

gl-setup-wizard .content-panel,
gl-setup .content-panel {
  width: 100%;
}

/************************   END: GL SETUP WIZARD SETTINGS  *******************************************/

/************************   BEGIN: DAILY PAY SCREEN  *******************************************/

.daily-distribution-totals {
    padding: 16px;
}

    .daily-distribution-totals li {
        float: left;
        border-left: 1px solid #dfe6ce;
        padding: 0 24px;
        width: 20%;
    }

        .daily-distribution-totals li div {
            /* padding: 0 24px;*/
        }

        .daily-distribution-totals li:first-child {
            border-left: none;
        }

.daily-distribution-totals-header {
    font-size: 16px;
    display: inline;
}

.daily-distribution-totals-value {
    font-size: 26px;
    font-weight: lighter;
}
/************************   END: DAILY PAY SCREEN  *******************************************/

/************************   BEGIN: Searchable Paged Drop down JS  ******************************/
.searchableDropDownJS .ddl-disabled {
    cursor: not-allowed;
    background-color: #f5f7f7;
    opacity: 1;
}

.searchableDropDownJS .cdd-arrow {
    padding-top: 6px;
    color: #5e6977;
    font-size: 12px;
    font-weight: 600;
    margin: auto auto auto -26px;
}

.searchableDropDownJS .overflow-ellipsis {
    overflow: hidden;
}

.searchableDropDownJS .cdd-arrow.custom-dropdown-arrow.icon-expand {
    float: left !important;
    position: relative;
    top: 8px;
    pointer-events: none;
}

.searchableDropDownJS .customDropdownDialog .cdd .content_CustomDropdown .dropdownDescription {
    color: #5e6977;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.searchableDropDownJS .cdd .content_CustomDropdown {
    overflow: hidden;
    width: auto;
    min-width: 284px;
    border-bottom: 1px solid #DFE6EC;
}

.searchableDropDownJS .cdd .content_CustomDropdown .row:first-of-type {
    border: none !important;
}

.searchableDropDownJS .cdd .content_CustomDropdown .row {
    line-height: 20px;
    margin: auto 16px !important;
    margin-bottom: 1px !important;
}

.searchableDropDownJS .cdd .content_CustomDropdown .row:hover, .dropdownDescription:hover, .dropdownValue:hover {
    background-color: #ededed !important;
    color: var(--color-text)!important;
}

.searchableDropDownJS div.row > div {
    cursor: default;
}

.searchableDropDownJS .customDropdownDialog .CustomDropdownDialogContainer .customDropdown {
    padding: 0 8px 0 8px;
    height: auto !important;
    border-bottom: 1px solid #DFE6EC;
}

.searchableDropDownJS .cdk-overlay-pane {
    width: auto !important;
}

.searchableDropDownJS .dropdown-select-dialog {
    background: #fff;
    border: 1px solid #DFE6EC;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 2px -2px 2px rgba(255,255,255, .25);
    padding: 0;
}

.searchableDropDownJS .customDropdownDialog .cdd {
    padding: 0;
    position: relative;
    background-color: none;
}

.CustomDropdownDialogContainer .cdd {
    margin: 0px -8px 0px -8px !important;
}

.searchableDropDownJS .customDropdownDialog .cdd .content_CustomDropdown .dropdownValue,
.searchableDropDownJS .customDropdownDialog .cdd .content_CustomDropdown .dropdownDescription {
    white-space: pre;
    min-height: 1.2em;
    color: #5e6977;
}

.searchableDropDownJS .customDropdownDialog .TableGridPaging {
    border-bottom: 0;
    border-top: 0;
}

.customDropdown .cdd-input_CustomDropdown {
    float: left;
    color: #5e6977;
    line-height: 20px !important;
    border: 1px solid #DFE6EC;
    height: 32px;
    padding: 0 16px;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    margin-bottom: 0;
}

.customDropdown .cdd-input_CustomDropdown_Inner {
    margin: 8px;
    border: 1px solid #DFE6EC;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
}

.searchableDropDownJS .TableGridPaging {
    padding: 4px 4px !important;
}

.searchableDropDownJS .selected {
    background: #1e90ff;
    color: white !important;
}

.searchableDropDownSelect .cdd-input_CustomDropdown {
    float: left;
    padding: 8px 34px 8px 12px !important;
    font-family: "Roboto",sans-serif;
    line-height: 22px !important;
    cursor: default;
}

.searchableDropDownJS .searchableDropDownSelect input:not([disabled]) {
    background-color: white;
}

.searchableDropDownJS .cdd-arrow.icon-expand.company-select-arrow {
    display: none !important;
}

.searchableDropDownJS .customDropdownDialog {
    right: 0;
    background: #fff;
    border: 1px solid #dfe6ec;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: 2px -2px 2px rgba(255, 255, 255, 0.25);
    padding: 0;
}
/************************     END: Searchable Paged Drop down JS  ******************************/




/************************     START: UX Audi Upates  ******************************/

.RadGrid_Onepointblue {
  background: #fff;
  border-top: solid 1px #c7d2db !important;
  border-bottom: solid 1px #c7d2db !important;
}

.table-container + * > form:first-child,
.table-container + .row,
.RadGrid + .row,
.RadGrid + .panel-default {
  margin-top: 16px;
}



.RadGrid .rgHeader.borderBottom {
  
  border-bottom: solid 1px #c7d2db;
}

.margin-bottom-16 {
  margin-bottom: 16px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}


/* default grid will have 4 rows of data */
.grid-default-height-4-row {
  height: 192px !important;
}

/* default grid will have 5 rows of data */
.grid-default-height-5-row {
  height: 240px !important;
}

/* Employee Search 10 Row Height */
.grid-default-employee-search {
  height: 899px !important;
}

.checkbox-spacer.update {
  height: 22px !important;
}

@media screen and (max-width: 768px) {
.checkbox-spacer.update {
  height: 22px !important;
  display: none !important;
}
}

/* default grid will have 10 rows of data */
.grid-10-row-height {
  height: 480px !important;
}

.fancy-checkbox {
  display: inline;
  position: relative;
  padding-left: 32px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* left-buttons .btn {
  margin-left: 16px;
} */

button-panel left-buttons {
  margin-left: 16px;
}


@media screen and (max-width: 475px) {
button-panel left-buttons {
  margin-left: 0px;
}
}

@media screen and (max-width: 475px) {
.mobile-full-width {
  width: 100%;
}
}

.TableGridPaging {
  overflow: hidden;
  padding: 4px 12px;
  border-top: solid 1px #c7d2db;
  background: #fff;
  font-size: 16px;
  line-height: 40px;
}

user-defined-field .control-label {
text-transform: capitalize;
}
user-defined-field .fancy-checkbox {
text-transform: capitalize;
}

.rwStatusWizard.RadWindow table td.rwTitlebar {
  padding: 16px 24px 0 24px;
  border-bottom: none;
}

.rwStatusWizard.RadWindow td.rwWindowContent:not(.rwExternalContent) {
  font-family: 'Roboto',sans-serif;
  padding: 8px 24px 8px 24px;
  font-size: 16px;
  text-align: left;
}

.rwStatusWizard.RadWindow .list-group {
  margin-bottom: 0;
}


.ui-dialog .buttonContainer, .dialogContent.container .buttonContainer {
  padding-bottom: 0;
  padding-top: 16px;
}

.spacer12 {
  clear: both;
  height: 12px;
}

.tooltip-icon {
  cursor: help !important;
  position: relative;
  float: none;
  height: 22px !important;
  width: 17px !important;
  display: inline-block;
  zoom: 1;
  top: 1px;
}


.tooltip-content {
  position: absolute;
  z-index: 99;
  left: -9999em;
  border: solid 1px #444;
  width: 300px !important;
  display: block;
  white-space: normal;
  background-color: #ffffff;
  color: #2b333d;
  text-indent: 0;
  text-align: left;
  padding: 5px;
  font-weight: normal;
  font-size: 16px;
  line-height: 1.2em;
  /* Rounded corners */
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  /* Glowing effect */
  box-shadow: 0 0 5px rgba(100, 100, 100, 1);
  -webkit-box-shadow: 0 0 5px rgba(100, 100, 100, 1);
  -moz-box-shadow: 0 0 5px rgba(100, 100, 100, 1);
  border: 1px solid rgba(100, 100, 100, 0.8);
}

.buttonContainer {
  padding: 16px 12px;
  border-top: 1px solid #dfe6ec;
  clear: both;
}


@media screen and (max-width: 475px) {
.formButtonContainer button {
  width: 100% !important;
    margin: 16px 0 0 0 !important;
    float: none !important;
}
table.mobile-scrollable-container {
  width: 1250px !important;
  min-width: inherit;
}
}


@media screen and (max-width: 768px) {
.panel-body .form-group.mb-none {
  margin-bottom: 0;
}
}

@media screen and (min-width: 476px) and (max-width: 767px) {
.hide-on-tablet {
display: none;
}
}


.changeEmployee select:not([multiple]) {
  text-overflow: ellipsis;
}



#EmployeeSelector.update {
  width: 100%;
  display: flex;
  
}
#EmployeeSelector.update .left {
  width: 100%;
  display: flex;

}
#EmployeeSelector.update .left .left-controls {
  display:flex;
  max-width: 96px !important;
  width: auto;
}
#EmployeeSelector.update .left .left-controls .first-employee {
  margin-right: 16px !important;
}
#EmployeeSelector.update .left .name-controls {
  width: 100% !important;
}
#EmployeeSelector.update .right {
  display: flex;
  width: 100%;
  max-width: 150px;
}
#EmployeeSelector.update .right .right-controls {
  display:flex;
  max-width:96px;
  margin-right: 16px !important;
  width: auto;
}
#EmployeeSelector.update .right .right-controls .next-employee {
  margin-right: 16px !important;
}


#EmployeeSelector.update> div a {
  border-radius: 3px;
}
#EmployeeSelector.update> div a#movePrevious {
  border-radius: 3px 0 0 3px;
}
#EmployeeSelector.update> div a.next-employee {
  border-radius: 0 3px 3px 0;
}

.default-8 {
  margin-top: 8px !important;
}
.default-16 {
  margin-top: 16px !important;
}

.resize-vertical-only {
  resize: vertical;
}

.overflow-reset {
  overflow: unset !important;
}

.mb-none {
  margin-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-9 {
  margin-bottom: 9px;
}

.text-align-left {
  text-align: left !important;
}


.RadGrid.update .rgHeader {
  padding-left: 12px;
  padding-right: 12px;
}

.RadGrid.update .rgRow>td, .RadGrid.update .rgAltRow>td, .RadGrid.update .rgEditRow>td, .RadGrid.update .rgFooter>td, .RadGrid.update .rgFilterRow>td, .RadGrid.update .rgHeader, .RadGrid.update .rgResizeCol, .RadGrid.update .rgGroupHeader td{
  padding-left: 12px;
  padding-right: 12px;
}

.panel-default.update .panel-body label {
    width: 100%;
}

/*region: PM-1645. Fix the results of WP-5032: hello from TBeddingfield restore original .switch class widths*/

.panel-default.update .panel-body .pm-switch-wrapper label.switch-label {
    width: 87px;
}

.panel-default.update .panel-body .pm-switch-wrapper label.switch {
    width: 56px;
}

/*endregion: PM-1645. Fix the results of WP-5032: hello from TBeddingfield restore original .switch class widths*/

.panel-default.update .panel-body .fancy-radio label.button {
  width: 16px;
}
.panel-default.update .panel-body .fancy-checkbox label.checkmark {
  width: 16px;
}
.panel-default.update .panel-body .fancy-checkbox label {
  width: unset;
}

.RadGrid .rgMasterTable .rgNoRecords > td {
  border-bottom: none !important;
}


/* table.table>thead>tr>a.sortable-element, .RadGrid table>thead>tr>th>a.sortable-element {
  display: flex;
  align-items: baseline;
} */

table.table>thead>th.sortable-element:first-child>a, table.table>thead>th:first-child>a.sortable-element>a, table.table>thead>tr>th:first-child>a.sortable-element>a, table.table>thead>tr>th.sortable-element:first-child>a, .RadGrid table>thead>tr>th:first-child>a.sortable-element>a {
  left: 0;
}

.quarter-check-box-label {
    padding-right: 9px;
    position: relative;
    left: -11px;
}

manual-check-pay-summary .PayrollPrecalcTable .PayrollEmployeeSummary {
  background-color: #ffffff;
  border-top: 1px solid #c7d2db;
  border-bottom: 1px solid #c7d2db;
}

.tax-pre-check {
    display: flex;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #4a90e2;
    padding-bottom: 0;
    margin-bottom: 0;
    cursor: pointer;
    max-width: inherit;
    margin: 0 auto;
}

.TaxFormSection .tax-right-section > .panel {
  margin-bottom: 64px;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-left-none {
    border-left: none !important;
}



.table tbody.border-bottom-none tr:last-child td, .rgMasterTable tbody.border-bottom-none tr:last-child td {
  border-bottom: 1px solid #dfe6ec !important;
}

/* .table tbody.border-bottom-none tr.rgRow:last-child td, .rgMasterTable tbody.border-bottom-none tr.rgRow:last-child td {
  border-bottom: none !important;
} */

.table tbody.border-bottom-none tr.rgRowNoRecords:last-child td, .rgMasterTable tbody.border-bottom-none tr.rgRowNoRecords:last-child td {
  border-bottom: none !important;
}

.EmployeeAccrualRequestGrid {
  min-width: 950px;
  overflow: unset;
}

.EmployeeAccrualRequestGrid table.rgMasterTable thead th {
  border-bottom: none;
}
.EmployeeAccrualRequestGrid .rgDataDiv {
  height: 240px !important;
}

.EmployeeLeaveGrid {
  min-width: 950px;
  overflow: unset;
}

.EmployeeLeaveGrid table.rgMasterTable thead th {
  border-bottom: none;
}
.EmployeeLeaveGrid .rgDataDiv {
  height: 240px !important;
}

.EmployeeFMLAGrid {
  min-width: 950px;
  overflow: unset;
}

.EmployeeFMLAGrid table.rgMasterTable thead th {
  border-bottom: none;
}
.EmployeeFMLAGrid .rgDataDiv {
  height: 240px !important;
}

.CompanyCustomOptionsGrid {
  min-width: 950px;
  overflow: unset;
}

.CompanyCustomOptionsGrid table.rgMasterTable thead th {
  border-bottom: none;
}
.CompanyCustomOptionsGrid .rgDataDiv {
  height: 240px !important;
}

.fancy-checkbox-container {
  height: 40px;
  display: flex;
  align-items: center;
  width: 100%;
}


.einfo-data-block {
  min-width: 100px;
}


#eInfo.employeeInfoContainer {
  display: flex;
}

#eInfo.employeeInfoContainer .einfo-employee {
  display: flex;
}
#eInfo.employeeInfoContainer .einfo-info {
  display: flex;
  flex-wrap: wrap;
}



#manualCheckCalculator .PayrollEmployeeSummaryInfo {
  width: 100%;
  display: inline-block;
  padding: 0;
}

#manualCheckCalculator .PayrollEmployeeSummaryInfo .summaryCol {
  width: 20%;
  padding: 12px 12px;
  float: left;
  min-width: 200px;
}

#manualCheckCalculator .PayrollEmployeeSummaryInfo .summaryCol:first-of-type {
  padding-left: 12px;
}

#manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary,
#singlepayEntry .PayrollPrecalcTable .PayrollEmployeeSummary {
  margin-top: 0;
  padding: 0px 12px;
  display: flex;
flex-direction: column;
}


#manualCheckCalculator .summaryDetails {
  display: flex;
width: auto !important;

}
#manualCheckCalculator .summaryDetails button {
  margin: 12px;
}


#manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary {
  height: auto;
}

.tab-content.leaveTabs {
  padding: 16px 0 0 0;
  margin-bottom: 0;
}

.mb-12 {
  margin-bottom: 12px;
}

table.table thead th > [class*="icon-"],
table.table thead th > a > [class*="icon-"] {
  vertical-align: -2px;
  margin-left: 0;
}

table.table > thead > tr > .sortable-element > a,
table.table > tbody > tr > th.sortable-element > a,
table.table > thead > .sortable-element > a,
table.table > thead > tr > th > a.sortable-element > a,
.RadGrid table > thead > tr > th > a.sortable-element > a {
  color: #4a90e2;
  font-size: 16px;
  position: absolute;
  left: unset !important;
  right: unset !important;
  /*left: -7px;*/
}

table.table > thead > th.sortable-element:first-child > a,
table.table > thead > th:first-child > a.sortable-element > a,
table.table > thead > tr > th:first-child > a.sortable-element > a,
table.table > thead > tr > th.sortable-element:first-child > a,
.RadGrid table > thead > tr > th:first-child > a.sortable-element > a {
  left: 0px; /*first colum has greater padding value. This should compensate it*/
}

table.table > thead > tr > .sortable-element.text-right > a,
table.table > tbody > tr > th.sortable-element.text-right > a,
table.table > thead > .sortable-element.text-right > a,
table.table > thead > tr > th > a.sortable-element.text-right > a,
.RadGrid table > thead > tr > th > a.sortable-element.text-right > a {
  right: 0px;
}


table.table thead th:first-child > [class*="icon-"],
table.table thead th:first-child > a > [class*="icon-"] {
  vertical-align: -2px;
  margin-left: 0px;
}


#EmployeeFMLAEventsContainer table.table > tbody > tr > td, #EmployeeFMLAEventsContainer table.rgMasterTable > tbody > tr > td, #EmployeeFMLAEventsContainer table.table > tfoot > tr > td {
  padding-top: 13px !important;
padding-bottom: 12px !important;
padding-left: 12px;
padding-right: 12px;
line-height: 21px;
font-size: 18px;
font-weight: 400;
border-left: none;
border-right: none;
color: #2b333d;
min-height: 48px;
vertical-align: middle;
background: transparent;
  background-color: transparent;
}


#TerminateEmployeeWizardGrid table.table > tbody > tr > td, #TerminateEmployeeWizardGrid table.rgMasterTable > tbody > tr > td, #TerminateEmployeeWizardGrid table.table > tfoot > tr > td {
  padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 12px;
padding-right: 12px;
line-height: 21px;
font-size: 18px;
font-weight: 400;
border-left: none;
border-right: none;
color: #2b333d;
min-height: 48px;
vertical-align: middle;
background: transparent;
border-bottom: 1px solid #c7d2db !important;
}

.DialogMessageContainer .alert {
  margin: 0px 0px 10px;
}


#EmployementHistoryDialog.RadGridContainer {
  margin-bottom: 0px;
  min-height: 100px;
  overflow: auto;
  clear: both;
}

#RateRaiseErrorContainer.alert {
  margin: 0 0 10px;
}

.rwIcon {
  width: 0 !important;
}


.addDeduction.buttonContainer .btn {
  border-width: 1px;
  border-radius: 3px;
  /* color: #fff; */
  padding: 0 16px;
  min-width: 88px;
  font-size: 16px;
  text-align: center;
  line-height: 38px;
  cursor: pointer !important;
  font-weight: 400;
  display: inline-block;
  width: auto !important;
  margin-top: 0 !important;
}
.addDeduction.buttonContainer .btn + .btn {
  margin-left: 12px !important;
}

@media screen and (max-width:475px) {
  .addDeduction.buttonContainer .btn {
    width: 100% !important;
    margin-bottom: 16px !important;
  }
  .addDeduction.buttonContainer .btn + .btn {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .addDeduction.buttonContainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}



@media screen and (max-width: 484px) {
  #eInfo.employeeInfoContainer {
    display: flex;
    flex-direction: column;
  }
  
  #eInfo.employeeInfoContainer .einfo-employee {
    display: flex;
    flex-direction: row;
  }
  #eInfo.employeeInfoContainer .einfo-info {
    display: flex;
    flex-wrap: wrap;
  }
}


@media screen and (max-width: 619px) {
    .bcxl > .buttonContainer button, 
    .bcxl > .buttonContainer .button, 
    .bcxl > .buttonContainer input[type="button"], 
    .bcxl > .buttonContainer input[type="submit"], 
    .bcxl > .pl-right-buttons-block button, 
    .bcxl > .pl-right-buttons-block .button, 
    .bcxl > .pl-right-buttons-block input[type="button"], 
    .bcxl > .pl-right-buttons-block input[type="submit"], 
    .bcxl > .rightButtons button, .bcxl > .buttonContainer 
    .btn, .bcxl > .modal-footer .btn {
      width: 100% !important;
      margin: 16px 0 0 0 !important;
        margin-top: 16px;
      float: none !important;
    }

    .bcxl > .buttonContainer div {
      float: none !important;
      display: block !important;
    }

    button-panel left-buttons {
      margin-left: 0px;
    }
}

@media screen and (max-width: 769px) {

.directDepositBtns .buttonContainer button, 
.directDepositBtns .buttonContainer .button, 
.directDepositBtns .buttonContainer input[type="button"], 
.directDepositBtns .buttonContainer input[type="submit"], 
.pl-right-buttons-block button, 
.directDepositBtns .pl-right-buttons-block .button, 
.directDepositBtns .pl-right-buttons-block input[type="button"], 
.directDepositBtns .pl-right-buttons-block input[type="submit"], 
.directDepositBtns .rightButtons button, .directDepositBtns .buttonContainer 
.btn, .directDepositBtns .modal-footer .btn {
  width: 100% !important;
  margin: 16px 0 0 0 !important;
    margin-top: 16px;
  float: none !important;
}

.directDepositBtns .buttonContainer div {
  float: none !important;
  display: block !important;
}

.directDepositBtns  left-buttons {
  margin-left: 0px;
}

}

@media screen and (max-width: 885px) {
#AddTaxesPanelBar button {
  width: 100% !important;
  margin: 16px 0 0 0 !important;
    margin-top: 16px;
  float: none !important;
}
}

@media screen and (min-width: 768px) and (max-width: 991px) {

.padding-right-lg {
  padding-right: 12px !important;
}

.padding-left-none-lg {
  padding-left: 0 !important;
}
.padding-right-none-lg {
  padding-right: 0 !important;
}
}

@media screen and (max-width: 475px) {

  .quater-container {
   
    justify-content: center;
  }

  #EmployeeSelector.update {
    width: 100%;
    display: flex;
    
  }
  #EmployeeSelector.update .left {
    width: 100%;
    display: flex;
    max-width: 100%;
  
  }
  #EmployeeSelector.update .left .left-controls {
    display:flex;
    max-width: 96px !important;
    width: auto;
  }
  #EmployeeSelector.update .left .left-controls #moveFirst {
    margin-right: 16px !important;
  }
  #EmployeeSelector.update .left .name-controls {
    width: 100% !important;
    max-width: 100%;
  }
  #EmployeeSelector.update .right {
    display: flex;
    max-width: 150px;
    width: auto;
  }
  #EmployeeSelector.update .right .right-controls {
    display: flex;
    max-width: 96px;
    margin-right: 0 !important;
    width: auto;
  }
  #EmployeeSelector.update .right .right-controls .next-employee {
    margin-right: 0 !important;
  }

.overflow-hidden-mobile {
  overflow-x: hidden !important;
}
.table-container .scrollable-container.overflow-hidden-mobile {
  overflow-x: hidden !important;
}
  
.amt-mobile-align {
  margin-left: 24px !important;
}

.mobile-fix {
  width: fit-content !important;
  width: -moz-fit-content !important;
  white-space: initial !important;
}

.col-xs-6.mobile-pr-6 {
  padding-right: 6px !important;
}

.col-xs-6.mobile-pl-6 {
  padding-left: 6px !important;
}


.rgHeaderWrapper,
  .RadGrid_Onepointblue .rgDataDiv,
  .table-container .table,
  .table-container .scrollable-container,
  .table,
  .jTemplateContentContainer {
    overflow-x: hidden !important;
  }

  #manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary {
    overflow-y: auto;
  }

  #manualCheckCalculator .PayrollPrecalcTable .PayrollEmployeeSummary,
#singlepayEntry .PayrollPrecalcTable .PayrollEmployeeSummary {
  margin-top: 0;
  padding: 12px 0px 12px 0px;
}

#manualCheckCalculator .PayrollEmployeeSummaryInfo {
  width: 100%;
  display: inline-block;
  padding: 0 0px 0 0px;
}

#manualCheckCalculator .summaryDetails button {
  margin: 16px 12px 0 12px;
}

#manualCheckCalculator .PayrollEmployeeSummaryInfo .summaryCol {
  width: 50% !important;
  margin-bottom: 8px;
  min-width: auto !important;
}

}

@media screen and (max-width: 768px) {
  .changeEmployee .sort-filter-section label {
    text-align: left !important;
  }

  .buttonContainer.xlbtnc .form_actions_buttons > div > button {
    width: 100% !important;
    margin: 16px 0 0 0 !important;
      margin-top: 16px;
    float: none !important;
  }
  
}
@media screen and (max-width: 875px) {
  .taxesBtnContainer button {
    width: 100% !important;
    margin: 16px 0 0 0 !important;
    margin-top: 16px;
    float: none !important;
  }
  .taxesBtnContainer .pull-right button {
    width: 100% !important;
    margin: 16px 0 0 0 !important;
    margin-top: 16px;
    float: none !important;
  }
  .taxesBtnContainer .pull-right {
    width: 100% !important;
    float: none !important;
  }

  
}

@media screen and (min-width: 476px) and (max-width: 768px) {
  .hide-on-tablet {
    display: none;
  }
}


@media screen and (min-width: 476px) and (max-width: 1023px) {
  
  #EmpAccrualHistoryPlaceHolder .table-container .scrollable-container {
    min-width: 950px;
  }

  /* #EAccrHistCurrentTotals .scrollable-container {
    overflow: visible;
  } */
}
@media screen and (min-width: 476px) and (max-width: 991px) {
  
 .padding-left-none-future {
  padding-left: 0 !important;
 }
}

.EK_CompetenciesGrid.update .rgDataDiv {
  min-width: 950px;
}
.EK_CompetenciesGrid.update .rgHeaderWrapper {
  width: fit-content;
  min-width: 950px;
}

.EK_skillsGrid.update .rgDataDiv {
  min-width: 950px;
}
.EK_skillsGrid.update .rgHeaderWrapper {
  width: fit-content;
  min-width: 950px;
}

.PD_DescriptionGrid.update .rgDataDiv {
  min-width: 950px;
}
.PD_DescriptionGrid.update .rgDataDiv > table > tbody > tr > td .arrows {
  display: flex;
}
.PD_DescriptionGrid.update .rgHeaderWrapper {
  width: fit-content;
  min-width: 950px;
}


.employeeEventsgrid .rgHeader.rgCheck + th.rgSorted:after,
.employeeEventsgrid .rgHeader.rgCheck + td.rgSorted:after,
.employeeEventsgrid .rgHeader.rgExpandCol + th.rgSorted:after,
.employeeEventsgrid .rgHeader.rgExpandCol + td.rgSorted:after {
  right: 16px;
}

.employeeEventsgrid .rgHeader.sortAsc:after {
  content: "\e950";
}

.employeeEventsgrid .rgHeader.sortDesc:after {
  content: "\e951";
}

.employeeEventsgrid .rgHeader:not(.rgExpandCol):after {
  font-family: "Proliant-1" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
  color: #4a90e2;
  position: absolute;
  /* left: -9px; */
}
.employeeEventsgrid .rgHeader.rgCheck + th.rgSorted:before,
.employeeEventsgrid .rgHeader.rgCheck + td.rgSorted:before,
.employeeEventsgrid .rgHeader.rgExpandCol + th.rgSorted:before,
.employeeEventsgrid .rgHeader.rgExpandCol + td.rgSorted:before {
  right: 16px;
}

.employeeEventsgrid .rgHeader.sortAsc:before {
  content: "";
}

.employeeEventsgrid .rgHeader.sortDesc:before {
  content: "";
}

.employeeEventsgrid .rgHeader:not(.rgExpandCol):before {
  font-family: "Proliant-1" !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 14px;
  cursor: pointer;
  color: #4a90e2;
  position: absolute;
  /* left: -9px; */
}

.fit-content {
  width: -webkit-fit-content !important;
width: -moz-fit-content !important;
width: fit-content !important;
}


#PayEntryGridContainer td.div-row {
  display: inline-block;
  position: relative;
  overflow: visible;
  clear: both;
  padding: 0;
  min-height: 48px;
}


#PayEntryGridContainer td input,
#PayEntryGridContainer td select,
#PayEntryGridContainer td textarea {
  font-size: 16px;
  padding-top: 0px;
  padding-bottom: 0;
  height: 40px;
}

#PayEntryGridContainer table.table > tbody > tr:not(.addNewItemRow) > td {
  padding-top: 4px !important;
  padding-bottom: 2px !important;
}

/* @-moz-document url-prefix() {
  .table-container .scrollable-container {
  overflow-y: scroll;
  
}
} */

.pl-window-736-width {
  width: 98% !important;
  max-width: 752px !important;
}

.rehire-window {

  width: 592px !important;
}


.rehire-window table.rwTable .rwTitlebar .rwTitlebarControls td em {
  width: auto !important;
}

.rehire-window td.rwWindowContent > div:not(:empty):not(.rwIframeWrapperIOS) {
  width: auto !important;
}

.leaveReturn-window {

  width: 592px !important;
}

.leaveReturn-window table.rwTable .rwTitlebar .rwTitlebarControls td em {
  width: auto !important;
}

.leaveReturn-window td.rwWindowContent > div:not(:empty):not(.rwIframeWrapperIOS) {
  width: auto !important;
}

.DeductionDialog table.rwTable .rwTitlebar .rwTitlebarControls td em {
  width: auto !important;
}

.type-history-window table.rwTable .rwTitlebar .rwTitlebarControls td em {
  width: auto !important;
}

.terminate-employment {

  width: 592px !important;
}

.terminate-employment table.rwTable .rwTitlebar .rwTitlebarControls td em {
  width: auto !important;
}

.terminate-employment td.rwWindowContent > div:not(:empty):not(.rwIframeWrapperIOS) {
  width: auto !important;
}

.ui-dialog.alert-dialog {
  min-width: 320px;
  box-sizing: border-box;
}

#EmployeePaySettingsFormModalDialog  .modal-dialog  .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.employeePaySettings.close-btn {
position: relative;
display: flex;
float: right;
padding: 16px 0;
}

#EmployeePaySettingsFormModalDialog .modal-dialog {
  width: 100% !important;
  max-width: 576px !important;
}

@media screen and (max-width: 768px) {
  #EmployeePaySettingsFormModalDialog .modal-body {
  height: 100% !important;
  overflow-y: visible;
  }
  #EmployeePaySettingsFormModalDialog .modal-dialog {
    
    margin: 10px auto;
  }

  /* Employee > Pay Rates Dialogs */

#EmployeeRateRaiseFormModalDialog{
  padding-left: 0 !important;
  margin: 0 8px !important;
  overflow-y: auto !important;
}


#EmployeeRateRaiseFormModalDialog .modal-dialog {
  height: 100%;
  background-color: #ffffff;
  margin: 0 auto !important;
}
#EmployeeRateRaiseFormModalDialog .modal-dialog .modal-body {
  height: auto !important;
  overflow-y: auto !important;
} 

#changeStateDialog .buttonContainer {
  position: relative;
}

#changeStateDialog .leftButtons {
  width: auto !important;
}
#changeStateDialog .centerButtons {
  width: auto !important;
}
#changeStateDialog .rightButtons {
  width: auto !important;
  right: 0;
}
}


@media screen and (max-width: 475px) {
.dialogContent.container {
  width: 100%;
}
#EmployeePaySettingsFormModalDialog .modal-dialog {
  width: 100% !important;
  max-width: 576px !important;
  margin: 0;
  height: 100%;
}
#EmployeePaySettingsFormModalDialog {
  padding-left: 0 !important;
}

#changeStateDialog .rightButtons {
  width: 100% !important;
  right: 0;
  position: relative;
}


/* Button Container Buttons */
.buttonContainer button {
  text-align: center !important;
}

.AddEventButton {
  width: 100% !important;
margin: 16px 0 0 0 !important;
float: none !important;
}

}



/* Manual Check Page Dialogs */
.pl-window-792-width {
  width: 98% !important;
  max-width: 792px !important;
}

.DeductionDialog {
  width: 100% !important;
  max-width: 1192px !important;
}

.details-dalog .table-container {
  width: 100%;
max-width: 100%;
overflow: auto;
}

/* .details-dialog table.table {
  table-layout: auto !important;
}

@media screen and (max-width: 475px){
.details-dialog table.table {
  table-layout: fixed !important;
}
} */

/* FMLA Event Add Dialog Buttons */
.buttonContainer.fmla-add-event {
display: flex;
width: 100%;
}

.buttonContainer.fmla-add-event .form_actions_buttons {
display: flex;
width: 100%;
margin: 0 !important;
}



.buttonContainer.fmla-add-event .form_actions_buttons .pl-sm-pull-left button {
  margin: 0 !important;
}


.buttonContainer.fmla-add-event .form_actions_buttons .pl-sm-pull-right button {
  margin: 0 !important;
}

@media screen and (max-width:490px) {
  .buttonContainer.fmla-add-event .form_actions_buttons .pl-sm-pull-left button {
    margin: 0 0 16px 0 !important;
  }
  
  
  .buttonContainer.fmla-add-event .form_actions_buttons .pl-sm-pull-right button {
    margin: 0 0 0px 0 !important;
  }
}


/* FMLA Event Notes Dialog */
.fmla-event.buttonContainer {
  display: flex;
  width: 100%;
}
.fmla-event.buttonContainer .form_actions_buttons {
  display: flex;
  width: 100%;
  margin: 0 !important;
}
.fmla-event.buttonContainer .form_actions_buttons > div {
  
  margin: 0 !important;
}
.fmla-event.buttonContainer .form_actions_buttons button[id$="FormActionsButtons_UndoButton"] {
  float: right;
text-align: right;
min-width: 1%;
}

.fmla-event.buttonContainer .form_actions_buttons .pl-sm-pull-left button {
  margin: 0 !important;
}


.fmla-event.buttonContainer .form_actions_buttons .pl-sm-pull-right button {
  margin: 0 !important;
}

@media screen and (max-width:490px) {
  .fmla-event.buttonContainer .form_actions_buttons .pl-sm-pull-left button {
    margin: 0 0 16px 0 !important;
  }
  
  
  .fmla-event.buttonContainer .form_actions_buttons .pl-sm-pull-right button {
    margin: 0 0 0px 0 !important;
  }
}



/* Custom Events Grid */
@media screen and (max-width: 1024px) {
.employeeEventsgrid.RadGrid_Onepointblue .rgDataDiv {
  min-width: 950px;
}
}


/* Employee > Work Info > EE Type History */
.term-history {
  width: 100% !important;
}
.term-history .rgMasterTable {
  min-width: 576px;
  width: 100%;
}

.type-history {
  width: 100% !important;
}
.type-history .rgMasterTable {
  min-width: 688px;
  width: 100%;
}
.type-history table tbody td.row-item-actions > a {
  margin-right: 0 !important;
}


/* Employee > Employement > Termination Wizard Dialog */
#TerminateEmployeeWizardGrid .subrow > table.rgMasterTable > tbody > tr > td:last-child > div {
  padding-left: 0px;
  padding-right: 24px;
}

@media screen and (max-width:475px) {
  #TerminateEmployeeWizardGrid .subrow > table.rgMasterTable > tbody > tr > td:last-child > div {
    padding-left: 0px;
    padding-right: 12px;
  }
}

@media screen and (max-width:768px) {
.RadWindow .rwTitleRow em:first-child {
  white-space: normal;
}
}

/* Employee > Employment > Status Wizard */
@media screen and (max-width: 768px) {
  .rwStatusWizard.RadWindow td.rwWindowContent:not(.rwExternalContent) > div {
    margin: 0 auto;
    width: 100% !important;
  }
  

}

/* Alert title/header updates */
.RadWindow.rwStatusWizard table.rwTable .rwTitlebar .rwTitlebarControls td em, .ui-dialog .ui-dialog-titlebar {
  width: 100% !important;
}

/* Alert height update for mobile */
@media screen and (max-width: 475px) {
  .alert .messageList {
    max-height: unset !important;
  }
}


/* Pay Rates Add New Pay Rate Dialog */
#AddNewItemDialog {
  height: auto !important;
  min-height: 235px;
  max-width: 576px;
    width: 100% !important;
    box-sizing: border-box;
}

.payrate-dialog {
  width: 100% !important;
  max-width: 576px !important;
  height: auto !important;
  overflow-y: auto !important;
}

#AddNewItemDialog .alert {
  margin: 0 0px 12px;
}

#AddNewItemDialog > table {
  width: 100% !important;
  max-width: 576px !important;
  table-layout: auto !important;
}

@media screen and (max-width: 475px) {
#AddNewItemDialog {
  height: auto !important;
  min-height: 235px;
  width: auto !important;
}
.payrate-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  width: 100%;
}
.payrate-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  width: 100%;
  margin-bottom: 16px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.payrate-dialog {
  width: 100% !important;
  max-width: 576px !important;
  height: 100% !important;
  overflow-y: auto !important;
}
}



/* Manual Check Details Dialog */
@media screen and (max-width: 475px) {

  .details-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    width: 100%;
  }
  .details-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
    width: 100%;
    margin-bottom: 16px;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  }

  .details-dialog {
    width: 100% !important;
    max-width: 1176px !important;
  }


  /* Employee > Demographics Dialogs */
  .state-demographics {
    width:100%;
    display: flex;
}
.p24block {
    width: 0;
    height:0;
    position: relative;
}
@media screen and (max-width: 475px) {
.p24block {
    width: 24px;
    height:40px;
    position: relative;
}
}

.term-history {
  /*  margin: 1em;*/
  height: 433px;
  border-top: none;
  border-bottom: none;
  overflow-y: hidden;
}
.term-history-next {
  /*  margin: 1em;*/
  height: 389px;
  border-top: none !important;
  border-bottom: none !important;
  width: 100% !important;
}

.term-history .rgDataDiv {
  height: 433px !important;
}


@media screen and (max-width:475px){
  .term-history {
  height: auto;
border-top: none;
border-bottom: none;
overflow-y: hidden;
}

.term-history-next {
  width: 100% !important;
}
.term-history-next .rgMasterTable {
  min-width: 576px;
  width: 100%;
}

.status-history-actions {
  padding: 0 !important;
}

.modify-type-buttons {
  padding-right: 0 !important;
}
}

@media screen and (max-width:475px){
.buttonContainer.payrates-manual {
  padding: 16px 0 !important;
}
.buttonContainer.taxes-manual {
  padding: 16px 0 !important;
}
}


/* Employee > Department > Department Change Wizard */

.department-change-buttons .btn-next, .department-change-buttons .btn-prev {
  background-color: #ffffff;
}
.department-change-buttons .btn-next:hover, .department-change-buttons .btn-prev:hover {
  color:#4a90e2;
}
.department-change-buttons .btn-next:focus, .department-change-buttons .btn-prev:focus {
  color:#4a90e2;
}


@media screen and (max-width:475px){
.department-change-buttons {
  padding: 16px 0px !important;
}
}



/* Diresct Deposit Add Instant Dialog */
@media screen and (max-width:475px){
.ui-dialog #addInstant .buttonContainer {
padding: 16px 0 !important;
}
.ui-dialog #confirmAddInstant .buttonContainer {
padding: 16px 0 !important;
}
}


/* FileUploadDialog updates */
.RadUpload.dialog-upload .ruFakeInput {
  margin-right: 0;
}

.RadUpload.dialog-upload .ruFileWrap {
  display: flex;
}

.file-upload-dialog .form-group .control-label {
  width: 100%;
}

@media screen and (max-width:475px) {
  .RadUpload.dialog-upload .ruFakeInput {
    width: 70% !important;
  }
  .RadUpload.dialog-upload input.ruButton.ruBrowse {
    width: 30%;
    height: 40px;
    float: right;
    display: flex;
    justify-content: center;
  }
}

.RadUpload.dialog-upload .ruStyled .ruFileInput {
 
  overflow: hidden;
  display: flex;
}

/* FMLA File Upload Dialog */
@media screen and (max-width:475px) {
.upload-btns.buttonContainer input:first-child {
  margin-top: 0px !important;
}
}


/* UI Spinner for +/- filed buttons */
.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 22px;
}
.ui-spinner-button {
	/* width: 16px;
	height: 50%;
	font-size: .5em; */
	width: 40px !important;
	height: 100% !important;	
	padding: 0 !important;
	margin: 0 !important;
	text-align: center !important;
	position: absolute !important;
	cursor: default !important;
	display: block !important;
	overflow: hidden !important;
	right: 0 !important;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top: solid 1px #BDC6CF;
	border-bottom: solid 1px #BDC6CF;
	border-right: none;
	cursor: pointer;
	border-color:#BDC6CF;
}

.ui-spinner-input::-ms-clear {
    display: none;
}

/* vertically center icon */
.ui-spinner .ui-icon {
  font-family: "Proliant-1" !important;
	position: absolute;
	margin-top: -8px;
	top: 50%;
	left: 0;
}

.ui-spinner .ui-spinner-button.ui-spinner-up {
	right: 0  !important;
	top: 0  !important;
	background: transparent  !important;
	border-right: solid 1px #BDC6CF  !important;
}

.ui-spinner .ui-spinner-button.ui-spinner-down {
	right: 40px  !important;
	top: 0  !important;
	border-radius: 0  !important;
	background: transparent  !important;		
}

.ui-spinner .ui-spinner-button:before {
    font-family: 'Proliant-1' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    position: absolute;
    top: 12px;
    right: 12px;
    height: 16px;
    width: 16px;
}
.ui-button .ui-icon:before {
    font-family: 'Proliant-1' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    text-decoration: none !important;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
    position: absolute;
    top: 12px;
    right: 12px;
    height: 16px;
    width: 16px;
}


.ui-spinner .ui-spinner-button.ui-spinner-up:before {
	content: "\e958";
  text-indent: initial !important;
}

.ui-spinner.ui-widget-content {
	border: transparent!important;
}

.ui-spinner .ui-spinner-button.ui-spinner-up.ui-state-hover,
.ui-spinner .ui-spinner-button.ui-spinner-down.ui-state-hover {
	background: #F3F6F8;
	color: #4A90E2;
}

.ui-spinner .ui-spinner-button.ui-state-hover.ui-state-active {
	background: #4A90E2;
	color: #FFFFFF;
}

.ui-spinner .ui-spinner-button.ui-spinner-up .ui-button-text, .ui-spinner .ui-spinner-button.ui-spinner-down .ui-button-text {
	display: none;
}

.ui-spinner .ui-spinner-button.ui-spinner-down:before {
	content: "\e959";
  text-indent: initial !important;
}

.ui-spinner .ui-button .ui-icon {
  display: none;
}

.ui-spinner .ui-spinner-button.ui-spinner-down {
	bottom: 0;
	background: transparent
}


/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
	/* need to fix icons sprite */
	background-position: -65px -16px;
}


/* UI Dialog Buttons */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {
  border-width: 1px;
  border-radius: 3px;
  padding: 0 16px;
  min-width: 88px;
  font-size: 16px;
  text-align: center;
  line-height: 38px;
  cursor: pointer !important;
  font-weight: 400;
  display: inline-block;
}

.ui-dialog .ui-button:hover .ui-icon {
background-image: none;
}

/* Paycheck Data > Taxes enroll/unenroll btn */

@media screen and (max-width:475px) {
  .enroll-btn {
    width: 100%;
  }
  .unenroll-btn {
    width: 100%;
  }
}

#ssnDiv .pendingApproval {
    width: 100% !important;
    margin-right: 0px !important;
}

#ssnDiv .pendingApprovalIcon {
    position: absolute;
    padding: 12px 0;
    right: 6px;
}

#ssnDiv a + i {
    right: 24px;
}

/* Custom Events Grid */
.employeeEventsgrid .rgHeaderWrapper .rgHeaderDiv {
  table-layout: fixed;
    min-width: 950px;
}
.employeeEventsgrid .rgHeaderWrapper {
  width: 100%;
    min-width: 950px;
}

#seat-widget .popover{
    width:500px;
}





/************************     END: UX Audi Upates  ******************************/






/*********************** START Webproduct Boostrap 5 Updates ****************************/

/* LEVLE 2 & 3 */
.sort-filter-section {
  display: flex;
}

.sort-filter-section-field {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width:767px) {
  .sort-filter-section-field {
    display: flex;
    flex-direction: column;
  }
}

/* Header */
#company-menu #headerMenu {
  display: flex;
  flex-direction: row;
  position: relative;
}


@media screen and (max-width: 475px) {
#topmenuContainer .pl-subtop-menu.hasOverflow #menuOverflow {
    bottom: 0 !important;
    display: none !important;
}

#company-menu #headerMenu {
  display: inline-block !important;
  position: inherit !important;
}

}


@media screen and (max-width: 475px) {
#container #sc_menu .parent-sub-menu .parent-sub-menu-title, #container.horizontal-menu #sc_menu .parent-sub-menu .parent-sub-menu-title, .sub-menu-container-icon, .topSubMenu, #appHeader.header .alertsmenu a.favorites, #headerMenu .alertsmenu>span, #headerMenu .alertsmenu>a:not(.notifications), #headerMenu .alertsmenu>div:not(#divBellMenu), #headerMenu .viewMode {
    display: none !important;
}
}


.formTabs.nav.nav-tabs {
  display: flex;
  flex-wrap: wrap;
  /* padding-top: 16px; */
}

.nav-tabs>li>a {
  border: none !important;
  margin: auto;
  border-radius: 0;
  line-height: initial;
  padding: 16px 0 !important;
}
/*********************** END Webproduct Boostrap 5 Updates ****************************/


/**************** START BOOSTRAP 5 overrides ************************/

/****** START GLOBAL *****/
:root {
  --bs-blue: #4a90e2;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 85, 165, 217;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.42857;
  --bs-body-color: #3e5771;
  --bs-body-bg: #fff;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: #e7edf2;
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.1;
}

a {
  text-decoration: none !important;
}

.popover {
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}


.dropdown-toggle::after {
  display: none;
  margin-left: 0;
  vertical-align: 0;
  content: "";
  border-top: 0 solid;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
}



.collapse:not(.show).in {
  display: none;
}

.collapse.in {
    display: none;
}


.text-right {
  text-align: right!important;
}

.btn-toolbar {
  display: block;
}


table {
  border-collapse: collapse;
  border-spacing: 0;
}




/*******
********
START GRID BRAKPOINTS
********
********/


.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}

@media (min-width: 576px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  } 
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  /* .col-sm-1 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 100%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  } */
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
.gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
.gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
.gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
.gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
.gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
.gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
.gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
.gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
.gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
.gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
.gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
.gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }

  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}

@media (min-width: 767px) and (max-width: 768px) {
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 100%;
  }
  .col-md-10 {
    width: 100%;
  }
  .col-md-9 {
    width: 100%;
  }
  .col-md-8 {
    width: 100%;
  }
  .col-md-7 {
    width: 100%
  }
  .col-md-6 {
    width: 100%;
  }
  .col-md-5 {
    width: 100%;
  }
  .col-md-4 {
    width: 100%;
  }
  .col-md-3 {
    width: 100%;
  }
  .col-md-2 {
    width: 100%;
  }
  .col-md-1 {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}


@media (min-width: 1600px) {
  .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12 {
    float: left;
  }
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
.gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
.gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
.gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
.gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
.gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
.gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
.gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
.gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
.gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
.gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
.gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
.gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1921px) {
  .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {
    float: left;
  }
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.3333333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.6666666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
.gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
.gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
.gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
.gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
.gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
.gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
.gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
.gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
.gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
.gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
.gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
.gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}


/*******
********
END GRID BRAKPOINTS
********
********/

.hidden{
  display:none!important;
  visibility:hidden!important
}
.hide{
  display:none!important;
  visibility:hidden!important
}

.input-group.input-group-in>.form-control:first-child,
.input-group.input-group-in>.twitter-typeahead:first-child>.form-control {
  padding-right:0;
  padding-left:12px
}

.input-group.input-group-in {
  border:1px solid #e7edf2;
  border-radius:4px;
  background-color:#fff;
  transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: none !important;
}

.input-group.input-group-in>.form-control,
.input-group.input-group-in>.twitter-typeahead>.form-control {
  height:32px;
  padding:5px 12px
}



.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 1px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.375rem;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}


.alert-danger {
  --bs-alert-color: #d14233 !important;
  --bs-alert-bg: #f9e6e4 !important;
  --bs-alert-border-color: #f4cfd2 !important;
}
.alert-danger .alert-link {
  color: #d14233 !important;
}

.loginForm .input-group > .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: transparent !important;
  background-clip: padding-box;
  border: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  margin: 0 0 0 0 !important;
}

.open>.dropdown-menu {
  display: block;
}

.navbar-nav.pull-right>li>.dropdown-menu, .navbar-nav>li>.dropdown-menu.pull-right {
  left: auto;
  right: 0;
}

.navbar-nav .dropdown-menu {
  position:absolute;
}

@media screen and (min-width: 768px) {
.navbar-header {
    float: left;
}
}


.navbar-nav>li>a>.badge, .navbar-nav>li>a>.label {
  position: absolute;
  top: 6px;
  right: -0;
  font-size: .7em;
}

#company-menu-container {
  width: 100%;
}


.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 75%;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  vertical-align: text-bottom;
  white-space: nowrap;
  text-align: center;
  background-color: #bdc3c7;
  border-radius: 10px;
}


header.header .navbar {
  margin: 0 0 !important;
  padding: 0 0 !important;
}

header.header {
  background-color: #ffffff;
}


#headerMenu>li>a, #headerMenu .navbar-brand, #headerMenu>li>span {
  padding: 0 12px;
  margin: 0;
}



.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #f5f7f7;
  opacity: 1;
}

.pull-left {
  float: left!important;
}

.pull-right {
  float: right !important;
}


.dropdown-menu>li>a {
  display: block;
  /* padding: 3px 15px; */
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #3e5771;
  white-space: nowrap;
}

#headerMenu .dropdown-menu > li.nav {
  display: block;
}


.dropdown-menu .dropdown-body .nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: block;
}

.alertsmenu .dropdown-menu ul.nav li {
  margin-left: 0.6em;
  margin-right: 0.6em;
}

.nav>li {
  position: relative;
  display: block;
}

#headerMenu li.dropdown.open li>a {
  background-color: #fff;
  font-size: 16px;
  color: #5e6977;
  padding-top: 0.55em;
  padding-bottom: 0.55em;
  display: block;
}

.alertsmenu .dropdown-menu ul.nav li a {
  cursor: pointer;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
  color: #5e6977;
  font-size: 1em;
  padding: 0.6em;
}

.dropdown-menu.dropdown-menu-md {
  width: 320px;
}

textarea.form-control {
  height: auto;
}

.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  display: block;
}


.nav>li>a {
  position: relative;
  display: block;
  padding: 10px 15px;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #3e5771;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
}

.rad-mimick-window-div .modal-header {
  display: block;
}
.rad-mimick-window-div .modal-header .close {
  background-color: #ffffff;
    border: none;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #c6d3e0;
  border: 1px solid #c6d3e0;
  border-radius: 4px;
  background-clip: padding-box;
}




#headerMenu
  li.dropdown
  li.employeeProfileMenuHeading
  > div:not(.viewMode) {
  background: linear-gradient(#346095, #21446f);
  padding-top: 1.5em;
  padding-bottom: 0.5em;
  text-align: center;
  min-height: 180px;
}

#headerMenu
  li.dropdown
  li.employeeProfileMenuHeading
  div
  .profile-nav-username {
  color: #fafafa;
  font-size: 25px;
  font-weight: lighter;
  position: relative;
  top: 3.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 240px;
  display: block;
  margin-left: 5px;
}

#headerMenu li.dropdown li > a {
  background-color: #ffffff;
  font-size: 16px;
  color: #5e6977;
  padding-top: 0.55em;
  padding-bottom: 0.55em;
}

#headerMenu li.dropdown li > a:hover {
  background-color: #4a90e2;
  color: #f3f6f8;
}


.placeholder {
  display:inherit;
  min-height: 1em;
  /* vertical-align: middle; */
  cursor: wait;
  background-color: currentcolor;
  opacity:1;
}

.dropdown-menu {
  --bs-dropdown-link-active-bg: transparent;
}

.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}


.collapse.in {
  display: block;
}

/* .nav-tabs > li.active{
  border-bottom: 2px solid #62a844 !important;
  margin-bottom: -2px;
  font-weight: 500;
} */

/* .nav-tabs > li > a.active {
  border-bottom: 2px solid #62a844 !important;
  margin-bottom: -2px;
  font-weight: 500;
}

.nav-tabs > li > a.active,
.nav-tabs > li > a.active:focus,
.nav-tabs > li > a.active:hover {
  color: #2b333d;
} */


/* .tab-content>.active:not(.show) {
  display: none ;
} */

.tab-content>.active {
  display: block ;
}

/* .tab-content>.active.show {
  display: block ;
}
.tab-content>.active:not(.show) {
  display: none ;
} */

@media (min-width: 1200px) {
.hidden-lg {
    display: none!important;
}
}

.container:after, .container:before {
  content: " ";
  display: table;
}



.container:after {
  clear: both;
}

.form-control::-moz-placeholder {
  color: #bdc3c7;
  opacity: 1
}

.form-control:-ms-input-placeholder {
  color: #bdc3c7
}

.form-control::-webkit-input-placeholder {
  color: #bdc3c7
}




.btn {
  
  --bs-btn-border-radius: 3px;
  border-radius: var(--bs-btn-border-radius);
}



.modal-dialog {
  position: relative;
  width: auto;
  margin: 30px auto;
  pointer-events: unset;
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: #4a90e2;
  text-decoration: none;
}

a:not([href]):not([class])[disabled], a:not([href]):not([class])[diabled]:hover {
  color: #ababab;
  text-decoration: none;
}

body {
  line-height: 1.42857;
}

.row:after {
  clear: both;
}

.row:after, .row:before {
  content: " ";
  display: table;
}


*, :after, :before {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

[hidden].active.show {
  display: block !important;
}

#level-four-menu.menu-top > ul {
  display: flex !important;
}

.table>:not(caption)>*>* {
  padding: 0;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: unset;
  color: #2b333d;
}



tbody, td, tfoot, th, thead, tr {
  border-color: inherit;
  border-style: inherit;
  border-width: 0;
}



h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}


.h1,h1 {
  font-size: 36px
}

.h2,h2 {
  font-size: 30px
}

.h3,h3 {
  font-size: 24px
}

.h4,h4 {
  font-size: 18px
}

.h5,h5 {
  font-size: 14px
}

.h6,h6 {
  font-size: 12px
}


.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #0288d1;
}


.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}


.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav>li.disabled>a {
  color: #bdc3c7
}

.nav>li.disabled>a:focus,.nav>li.disabled>a:hover {
  color: #bdc3c7;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed
}


.nav-tabs>li>a:active, .nav-tabs>li>a:focus, .nav-tabs>li>a:hover {
  background: transparent;
  outline: none !important;
}

.navbar-whity .navbar-nav>li>a:focus, .navbar-whity .navbar-nav>li>a:hover {
  color: #32475c;
  background-color: transparent;
}

.dropdown-menu>li>a {
  display: block;
  padding: 3px 15px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #3e5771;
  white-space: nowrap;
}

.tab-content>.tab-pane>.RadGridContainer:first-child, .tab-content>.tab-pane>.RadGrid:first-child, .tab-content>.tab-pane>.table-cotainer:first-child {
  margin-top: -21px;
}

.panel-footer {
  padding: 10px 15px;
  /* background-color: #fbfcfc;
  border-top: 1px solid #e7edf2; */
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.RadGrid_Onepointblue tbody .rgGroupHeader:first-child td {
  vertical-align: middle;
}


.nav-tabs>li {
  float: left;
  margin-bottom: -1px;
}




.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 16px;
  font-size: 15px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  line-height: 42px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 28px;
  padding: 5px 10px;
  font-size: 11px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 28px;
  line-height: 28px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 15px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}


.input-group-addon {
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #3e5771;
  text-align: center;
  background-color: #fbfcfc;
  border: 1px solid #e7edf2;
  border-radius: 4px;
  min-width: 40px;
}

.input-group.input-group-in>.form-control, .input-group.input-group-in>.input-group-addon, .input-group.input-group-in>.input-group-btn>.btn, .input-group.input-group-in>.twitter-typeahead>.form-control {
  border: 0;
  background-color: transparent;
}

.input-group.input-group-in {
  border: 1px solid #e7edf2;
  border-radius: 4px;
  background-color: #fff;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input-group.input-group-in>.form-control:last-child, .input-group.input-group-in>.twitter-typeahead:last-child>.form-control {
  padding-right: 12px;
  padding-left: 0;
}

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
  display: table-cell;
}

.input-group {
  position: relative;
  display: table;
  
}


/* #manualCheckCalculator ul.formTabs > li:first-child > a[data-toggle]:before, */
#PayrollEntryTopContainer
.PayrollEmpTabs > ul > li:first-child > a[data-bs-toggle]:before,
.panel-info[data-bs-collapse] > .panel-heading > .panel-title:before,
.form-group-collapse label[data-bs-toggle]:after,
.panel-collapsible[data-collapse] > div[data-bs-toggle]:before,
[cm-data-toggle] {
    content: "\e94c";
    position: absolute;
    font-family: "Proliant-1" !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    transition: 0.4s rotate linear;
    -moz-transition: 0.4s rotate linear;
    -webkit-transition: 0.4s rotate linear;
    left: -15px;
    top: 2px;
    font-size: 14px;
    height: 14px;
    width: 14px;
    font-weight: 600;
    color: #4a90e2;
}

/* #manualCheckCalculator ul.formTabs > li:first-child > a[data-toggle]:not([aria-expanded=true]):before, */
#PayrollEntryTopContainer
.PayrollEmpTabs > ul > li:first-child > a[data-bs-toggle]:not([aria-expanded="true"]):before,
.panel-info[data-bs-collapse] > .panel-heading > .panel-title:not([aria-expanded="true"]):before,
.form-group-collapse label.collapsed[data-bs-toggle]:after,
.panel-collapsible[data-collapse] > div.collapsed:before,
[data-bs-toggle]:not([aria-expanded="true"]) [cm-data-toggle] {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    top: 6px;
    left: -20px;
}

[cm-data-toggle] {
    position: initial !important;
}

.dualListBoxCap.panel-heading {
  position: relative;
}


/* .nav-tabs > li >a.active {
  border-bottom: 2px solid #62a844 !important;
  margin-bottom: -2px;
  font-weight: 500;
  color: #2b333d;
  
} */

.well-sm {
  padding: 9px;
  border-radius: 3px;
  margin-bottom: 10px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #3e5771;
  text-align: center;
  white-space: nowrap;
  background-color: unset;
  border: unset;
  border-radius: 3px;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

a.input-group-text {
  color: #0366d6;
}
a.input-group-text:hover {
  color: #4a90e2;
}

.dropdown-menu .form-group-collapse label[data-bs-toggle]:after {
  right: 12px;
  top: auto;
  left: auto;
}

input[type=range] {
  display: block;
  width: 100%;
}

.form-control.form-range {
  border: none;
}

.ui-spinner .ui-spinner-button.ui-spinner-up .ui-icon-triangle-1-s, .ui-spinner .ui-spinner-button.ui-spinner-down .ui-icon-triangle-1-s {
  display: none;
}
.ui-spinner .ui-spinner-button.ui-spinner-up .ui-icon-triangle-1-n, .ui-spinner .ui-spinner-button.ui-spinner-down .ui-icon-triangle-1-n {
  display: none;
}

.ui-spinner .ui-spinner-button.ui-spinner-down {
  border-top: 1px solid #bdc6cf;
  border-left: 1px solid #bdc6cf;
  border-bottom: 1px solid #bdc6cf;
  border-right: 1px solid #bdc6cf;
}
.ui-spinner .ui-spinner-button.ui-spinner-up {
  border-top: 1px solid #bdc6cf;
  border-right: 1px solid #bdc6cf;
  border-bottom: 1px solid #bdc6cf;
  border-left: 0px solid #bdc6cf;
}

.alert>p, .alert>ul {
  margin-bottom: 0;
}

/* .payroll-progress .bar {
  border: 1px solid #d4d8de;
  display: inline-block;
  position: relative;
  min-width: 13%;
  height: 6px;
  margin: 2px -0 35px -0;
  border-left: none;
  border-right: none;
  border-radius: 0;
  text-align: center;
  background-color: #d4d8de;
} */

.label {
  display: inline-block;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: text-bottom;
  border-radius: 0.25em;
}


.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
     transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
     transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
     transition-timing-function: ease;
}


.modal-footer {
  padding: 15px;
  background-color: #f6f8fa;
  text-align: right;
  border-top: 1px solid #e7edf2;
}

.modal {

  --bs-modal-width: unset;
 
}


.btn {
  white-space: nowrap;
}

.modal-content {
  background-color: #ffffff;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
  background-color: #fff;
  cursor: default;
}


/* .btn-group-sm>.btn, .btn-group-xs>.btn, .btn-sm, .btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
} */


@media only screen and (max-width:475px) {
.hidden-xs {
  display: none;
}

employee-search-grid .searchFiltersContainer {
  top: 40px;
}
}


.bordered-bottom {
  border-bottom-width: 1px!important;
  border-bottom-style: solid!important;
  border-bottom-color: #e7edf2!important;
}

/* .panel-body:after, .panel-body:before {
  content: " ";
  display: table;
} */

.modal-dialog.modal-dialog-sm {
  width: 100%;
  max-width: 576px;
}

.modal-dialog.modal-dialog-sm .modal-body {
    height: auto;
    overflow-y: auto;
}

.modal-dialog.modal-dialog-sm .modal-body {
    height: auto;
    overflow-y: auto;
}

@media only screen and (max-width:768px) {
  .modal-dialog.modal-dialog-sm .modal-body {
    height: auto !important;
    overflow-y: auto;
}
}

.modal-dialog.modal-dialog-md {
  width: 100%;
  max-width: 736px;
}

.modal-dialog.modal-dialog-lg {
  width: 100%;
  max-width: 1176px;
}


.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  position: relative;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #fbfcfc;
  border: 1px solid #e7edf2;
  border-radius: 4px;
}


.input-group-text {
  display: inherit;
  align-items: center;
  padding: unset;
  font-size: inherit;
  font-weight: 400;
  line-height: inherit;
  color: #2b333d;
  text-align: center;
  white-space: nowrap;
  background-color: unset;
  border: unset;
  border-radius: 3px;
}



.visible-lg,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block,
.visible-md,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-print,
.visible-print-block,
.visible-print-inline,
.visible-print-inline-block,
.visible-sm,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-xs,
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block {
  display: none !important;
}

@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  td.visible-xs,
  th.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  td.visible-sm,
  th.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  td.visible-md,
  th.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  td.visible-lg,
  th.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  td.visible-print,
  th.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}


td, th {
  padding: 0;
}

.popover {
  position: relative;
  /* padding: 16px; */
}

.popover ul {
  list-style: none;
  text-indent: 0;
  -webkit-padding-start: 0;
  margin-bottom: 0;
}

.popover .header-text {
  font-size: 18px;
  font-weight: 500;
  color: #5e6977;
  position: relative;
  display: inline-block;
}

.popover .header-text::before {
  color: #4a90e2;
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 16px;
}

.popover .header-text + .body-text {
  margin-top: 8px;
}

.popover .header-text[class*="icon-"],
.popover .header-text[class*="icon-"] + .body-text {
  padding-left: 32px;
}

.popover .body-text {
  font-size: 14px;
  font-weight: 400;
  color: #86939e;
  line-height: 22px;
}
.popover .popover-body p {
  font-size: 16px;
  font-weight: 400;
}
.popover .popover-body {
  color: #000;
  font-size: 16px;
  font-weight: 400;
}


.callout-danger, .callout-danger.callout-right {
  background-color: #f9e6e4;
  border-color: #f0bbbe;
}

/* START PayrollAuditVerificationsFormControl Panel */
.panel-warning>.panel-heading {
  color: #e08e0b;
  background-color: #fef7ec;
  border-color: #fde6d4;
}

.panel-success>.panel-heading {
  color: #295;
  background-color: #e7faef;
  border-color: #bdf0ca;
}

.panel-danger>.panel-heading {
  color: #d14233;
  background-color: #f9e6e4;
  border-color: #f4cfd2
}

.panel-heading {
  padding-top: 5px;
  padding-bottom: 5px;
}

.panel-refresh, .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.panel-actions {
  margin: -2px -5px 0 0;
  float: right;
}

.list-inline, .list-unstyled, .panel-actions {
  padding-left: 0;
  list-style: none !important;
}


@media screen and (max-width: 475px) {
  .full-width.horizontal-menu #company-menu-container {
    width: 100% !important;
  }
}
/* END PayrollAuditVerificationsFormControl Panel */

/****** END GLOBAL *****/

entry-single .nav-tabs>li>a {
  border: none !important;
  margin: auto;
  border-radius: 0;
  line-height: initial;
  padding: 14px 0 !important;
}

entry-single #empInfTabs.formTabs.nav.nav-tabs{
  padding-left: 15;
}

entry-single #lnkToggleEmpTabs {
  display: flex;
  height: 48px;
  width: 24px;
  position: absolute;
}
entry-single #lnkToggleEmpTabs:before {
  content: "\e94c";
  position: absolute;
  font-family: "Proliant-1" !important;
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased;
  transition: 0.4s rotate linear;
  -moz-transition: 0.4s rotate linear;
  -webkit-transition: 0.4s rotate linear;
  left: 4px;
  top: 14px;
  font-size: 14px;
  height: 14px;
  width: 14px;
  font-weight: 600;
  color: #4a90e2;
}


entry-single #lnkToggleEmpTabs[aria-expanded="false"]:before {
  transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    top: 14px;
    left: 4px;
}


/* #manualCheckCalculator ul.formTabs > li:first-child > a[data-toggle]:before, */
entry-single #PayrollEntryTopContainer
.PayrollEmpTabs > ul > li:first-child > a[data-bs-toggle]:before, entry-single
.panel-info[data-bs-collapse] > .panel-heading > .panel-title:before, entry-single
.form-group-collapse label[data-bs-toggle]:after, entry-single
.panel-collapsible[data-bs-collapse] > div[data-bs-toggle]:before, entry-single
[cm-data-toggle] {
    content: "";
    position: absolute;
    font-family: "" !important;
    text-decoration: none !important;
    -webkit-font-smoothing: antialiased;
    transition: 0.4s rotate linear;
    -moz-transition: 0.4s rotate linear;
    -webkit-transition: 0.4s rotate linear;
    left: -15px;
    top: 15px;
    font-size: 14px;
    height: 14px;
    width: 14px;
    font-weight: 600;
    color: #4a90e2;
}


/* #manualCheckCalculator ul.formTabs > li:first-child > a[data-toggle]:not([aria-expanded=true]):before, */
entry-single #PayrollEntryTopContainer
.PayrollEmpTabs > ul > li:first-child > a[data-bs-toggle]:not([aria-expanded="true"]):before, entry-single
.panel-info[data-bs-collapse] > .panel-heading > .panel-title:not([aria-expanded="true"]):before, entry-single
.form-group-collapse label.collapsed[data-bs-toggle]:after, entry-single
.panel-collapsible[data-collapse] > div.collapsed:before, entry-single
[data-bs-toggle]:not([aria-expanded="true"]) [cm-data-toggle] {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    top: 15px;
    left: -15px;
}

employee-position-form .panel .panel-body .panel .panel-heading .panel-actions {
  position: absolute;
  right: 10px;
}

manual-check-deductions .buttonContainer  {
  display: flex;
}


.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.has-feedback .form-control-feedback {
  top: 0;
  height: 40px;
  line-height: 40px;
  color: #4a90e2;
  pointer-events: none;
}



.pm-actions-dropdown > .btn-square.show {
  color: #fff;
  background-color: #4a90e2;
}

.bg-danger {
  background-color: #f9e6e4 !important;
}


@media (min-width: 768px) {
.navbar-right {
    float: right!important;
    
}
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.dropdown-menu.pm-actions-dropdown-bulk {
  width: 320px;
  padding: 0;
}

  /*.pm-actions-dropdown-bulk > li {
  }*/

      .pm-actions-dropdown-bulk > li .pm-action-description {
          margin: 0 0 0 32px;
          font-weight: 400;
          line-height: 1.42857;
          color: #5e6977;
          white-space: normal;
      }

.pm-actions-dropdown-bulk .btn-square {
  background-color: transparent;
  height: 32px;
  width: 32px;
  min-width: 32px;
  margin-top: -6px;
  margin-bottom: -6px;
}

.pm-actions-dropdown-bulk.open .btn-square {
  color: white;
  background-color: #4a90e2;
}

  .pm-actions-dropdown-bulk > li > a {
      position: relative;
      min-height: 40px;
      color: #5e6977;
      font-size: 16px;
      line-height: 26px;
      align-items: center;
      padding: 8px 16px;
  }

.pm-actions-dropdown-bulk>li>a:hover {
color: #5e6977;
background-color: #F3F6F8;
}

.pm-actions-dropdown-bulk>li>a>i {
color: #4A90E2;
padding-right: 16px;
}

.pm-actions-dropdown-bulk>li>a:active,
.pm-actions-dropdown-bulk>li>a:active>i {
background-color: #4A90E2;
color: white;
}

.payPoll-toolbar {
  margin-top: -1px !important;
}

/* @media only screen and (min-width: 576px) {
  .pp-pagiControls {
    display: flex;
    width: auto;
    float: left;
    margin-right: auto;
  }
} */
@media only screen and (min-width:474px) and (max-width: 767px) {
  .pp-pagiControls {
    display: flex;
    width: auto;
    float: left;
    margin-right: auto;
  }
  .pagination-toolbar {
    display: flex;
  }
  
}

.tax-compliance-popover .popover-header {
  display: none;
}


/**************** END BOOSTRAP 5 overrides ************************/


/******* Notifications Hub Full Screen Mode *********/
.full-width#container notificationhub-grid .columnStyleName {
    float: left;
    color: blue;
    display: flex;
    max-width: 350px;
    min-width: 490px;
    overflow: hidden;
    white-space: nowrap;
    padding-left: 50px;
}

.full-width#container notificationhub-grid .columnStyle {
    float: left;
    width: 100%;    
}

.full-width#container notificationhub-grid .interior .column1 {
    display: flex;
    flex-direction: row;
    min-width: 490px;
    align-items: center;
}

.full-width#container notificationhub-grid .table-header .header-name {
    font-weight: 400 !important;
    background-color: #ffffff;
    height: 48px;
    font-size: 16px;
    padding-left: 50px;
    -ms-flex-align: center;
    align-items: center;
    display: flex;
    min-width: 490px;
}


.full-width#container notificationhub-grid .interior .column3 {
    padding-right: 16px;
    align-items: center;
    display: flex;
    width: auto;
    justify-content: right;
}

.full-width#container notificationhub-grid .interior .column3 {
    padding-right: 16px;
    align-items: center;
    display: flex;
    width: auto;
    justify-content: right;
}


#appHeader #headerMenu #ChangeCompanyDialog .ffb .content_ChangeCompany .row {
  background-color: #ffffff !important;
    font-size: 12px;
    color: #000;
    line-height: 20px;
    clear: both;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
    border-top: 1px solid #dfe6ec;
    margin: auto 16px;
    padding: 16px 0;
}

#appHeader #headerMenu #ChangeCompanyDialog .ffb .content_ChangeCompany .row.ffb-sel, #appHeader #headerMenu #ChangeCompanyDialog .ffb .content_ChangeCompany .row:hover {
  background-color: #ededed !important;
}

cclevels-picker .cdd-input-custom-dropdown {
    margin-bottom: 5px !important;
}

custom-fields-settings .tab-content {
  display: flex;
  height: auto;
  margin-bottom:0;
  flex-wrap: wrap;
}

custom-fields form {
  height:auto;
}

/* Talent Management > Compensation Management > Compensation Settings */
.employeeSortField {
  display: flex;
  justify-content: flex-end;
}

.employeeSortField .form-label {
  width: auto !important;
}

.employeeFilterField {
  display: flex;
  justify-content: flex-end;
}

.employeeFilterField .form-label {
  width: auto !important;
}

/* Company Setup pages */

@media only screen and (max-width:768px) {
  .margin-top30 {
    margin-top: 0px;
  }
}
@media only screen and (max-width:991px) {
  .margin-top30 {
    margin-top: 0px;
  }
}

.employeeKioskBtns button, .employeeKioskBtns input {
  margin-bottom: 16px;
}

@media only screen and (max-width:475px) {
  .employeeKioskBtns button, .employeeKioskBtns input {
    margin-bottom: 16px;
    width: 100%;
    margin-left: 0 !important;
  }
}


calendar-advanced .fancy-checkbox {
  display: flex;
}


/* TABLES */
table.cell-wrap-none tr td, table.cell-wrap-none tr th {
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

table.cell-overflow-ellipsis tr td, table.cell-overflow-ellipsis tr th {
  overflow:hidden;
  text-overflow: ellipsis;
}

.cell-wrap-none .rgMasterTable  tr  td {
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cell-wrap-none .rgHeader {
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cell-wrap-none .headerRow th {
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cell-wrap-none .rgMasterTable .rgRow td, .cell-wrap-none .rgMasterTable .rgAltRow td{
  overflow:hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}

.cell-overflow-ellipsis .rgMasterTable .rgRow td, .cell-overflow-ellipsis .rgMasterTable .rgAltRow td{
  overflow:hidden !important;
  text-overflow: ellipsis !important;
}

.cell-overflow-ellipsis .headerRow th {
  overflow:hidden;
  text-overflow: ellipsis;
}

employeegroups-configuration filter-generator #FilterGrid {
  min-width:650px;
}


#dailypayEarningsGrid .columnStyle {
    height: 40px;
    display: flex;
    align-items: center;
}

#dailypayEarningsGrid .actionStyleH {
    height: 40px;
    display: flex;
    align-items: center;
}


#dailypayEarningsGrid .rowStyle{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}


#dailypayEarningsGrid .columnStyle {
  margin-left: 8px;
  margin-right: 8px;
  min-width: 200px;
  width: 100%;
}

#dailypayEarningsGrid table {

  min-width: 1170px;
}

#dailypayEarningsGrid table .actionColumn {
  padding-left: 0 !important;
  display: flex;
  justify-content: flex-end;
}

#feeCalcGrid .columnStyle {
    height: 40px;
    display: flex;
    align-items: center;
}

#feeCalcGrid .actionStyleH {
    height: 40px;
    display: flex;
    align-items: center;
}


#feeCalcGrid .rowStyle{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}


#feeCalcGrid .columnStyle {
  margin-left: 8px;
  margin-right: 8px;
  min-width: 200px;
  width: 100%;
}

#feeCalcGrid table {

  min-width: 1170px;
}

#feeCalcGrid table .actionColumn {
  padding-left: 0 !important;
  display: flex;
  justify-content: flex-end;
}

#body-container>.popover.copy-earnings-info-popover {
  width: 100%;
}
#body-container>.popover.copy-earnings-info-popover img {
  width: 100%;
}

employee-images .jTemplateContentContainer {
  min-width: 1100px;
}
employee-images .jTemplateContentContainer table.table>tbody>tr>td {
  overflow: hidden;
  text-overflow: ellipsis;
}


/* .ui-dialog .ui-dialog-titlebar-close::after {
  content: "\e95a";
  font-family: "Proliant-1";
  font-size: 16px;
  color: #4a90e2;
  position: absolute;
  top: 0;
  left: 0;
} */

@media only screen and (max-width:475px) {

  employee-images .jTemplateContentContainer {
    min-width: 1100px;
  }
  employee-images .jTemplateContentContainer #EmployeeAddressGrid table {
    white-space: wrap;
  }

  #dailypayEarningsGrid {
    min-width: 1170px;
  }

  #feeCalcGrid {
    min-width: 1170px;
  }

  comp-settings-component ss-multiselect-dropdown .dropdown.dropdown-inline {
    width: 100% !important;
  }

}