.p-inputtext {
  color: #000000;
  font-weight: 500;
  border: 1px solid #a3a3a3;
}

.p-dropdown and .p-multiselect {
  border: 1px solid #a3a3a3;
}

.p-tabmenu .p-tabmenu-nav {
  border: 1px solid #999;
}

/* width */
::-webkit-scrollbar {
  max-width: 8px;
  max-height: 12px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #d6d6d6;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #2196f3;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #126db8;
}

.p-card {
  box-shadow: none;
}

.p-card .p-card-body {
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  box-shadow: none;
}

.p-card.noHeaderCard > .p-card-body {
  border-top: 1px solid #999;
  border-bottom: 0px;
  border-radius: 3px 3px 0px 0px;
}

.cursor-default .p-menuitem-link {
  cursor: default;
}

.p-breadcrumb ul .cursor-default .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: none;
}

.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
.p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
  background-color: #f8f9fa;
  border-bottom: 1px solid #999;
  border-top: 0px solid #999;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  color: #2196f3;
  border-bottom: 2px solid #2196f3;
  border-top: 2px solid #999;
  margin: -2px 0 -1px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled) .p-menuitem-link {
  border-bottom: 0px solid #999;
  border-top: 0px solid #999;
  margin: 0px;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
  border-bottom: 2px solid #0086fc;
  border-top: 2px solid #999;
  margin: -2px 0 -1px 0;
  border-radius: unset;
  background: #ffffff;
  color: #0088ff;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border-bottom: 1px solid #999999;
  margin: 0 0 -1px 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  color: #000000;
}

.layout-wrapper {
  background-image: unset;
}

.layout-wrapper::before {
  content: "";
  background-image: url("/images/background/slanted-gradient_gray.svg");
  background-size: cover;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  opacity: 1;
  z-index: -1;
}

.login-body {
  background-image: url("/images/bluesky_v2.jpg");
  background-size: cover;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.login-body .login-panel .login-footer {
  bottom: 35px;
}

.fexColorButton {
  background-color: #6e2135;
  color: white;
}

.p-scrollpanel .p-scrollpanel-bar {
  background-color: #1976d2;
}

.fixedModal {
  z-index: 1051;
  position: fixed;
  top: 0rem;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: 0 auto;
}

.p-datatable-tbody .p-datatable-emptymessage > td:first-child {
  justify-content: center;
  border-bottom: 0;
  height: 20vh;
}

.p-datatable-tbody > .p-datatable-emptymessage {
  outline: 0px dotted #000000 !important;
  outline-offset: 0px;
}

.p-datatable-tbody .p-datatable-emptymessage > td:first-child:hover {
  background-color: rgb(255, 255, 255);
}

.p-panel .p-panel-header {
  padding: 0.4rem 0rem 0rem 0.6rem;
  border-color: #a3a3a3;
  background: #edeefa;
  color: #000000;
}

.p-panel .p-panel-content {
  padding: 0.5rem 0.5rem;
  border-color: #a3a3a3;
}

.p-card .p-card-content {
  padding: 0rem 0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.1rem #a6d5fa;
  /*  */
}

.fade-enter-active,
.fade-leave-active {
  transition: opacity 1s ease;
}

.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.iconSizeMedium {
  font-size: 1.25rem;
}

i .fas {
  cursor: pointer;
}

.layout-wrapper .layout-main .layout-main-content {
  padding: 15px;
}

.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background: rgb(214, 217, 226);
}

.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: #ffcc00;
  color: rgb(22, 22, 22);
  outline: 1px dotted #000000;
  outline-offset: -1px;
}

.fex-data-table .p-datatable .p-datatable-tbody > tr.p-highlight {
  background: #8aceff;
}

.layout-topbar {
  height: 3rem;
  min-height: 3rem;
}

.p-breadcrumb {
  background: unset;
  border: unset;
  border-radius: unset;
  padding: 1rem;
}

.p-datatable-sm table td {
  font-size: 0.9rem;
  font-weight: 500;
}

.darkBreadcrumb {
  color: rgb(243, 243, 243) !important;
}

.darkBreadcrumb > ul > li.p-breadcrumb-chevron {
  color: rgb(243, 243, 243) !important;
}

.darkBreadcrumb > ul > li > .p-menuitem-link > .p-menuitem-text {
  color: rgb(243, 243, 243) !important;
}

.lightBreadcrumb {
  color: rgb(15, 15, 15) !important;
}

.lightBreadcrumb > ul > li.p-breadcrumb-chevron {
  color: rgb(15, 15, 15) !important;
}

.lightBreadcrumb > ul > li > .p-menuitem-link > .p-menuitem-text {
  color: rgb(15, 15, 15) !important;
  font-weight: 500;
}

.p-disabled,
.p-component:disabled {
  opacity: 1;
}

div > .p-inputtext:not([disabled]) {
  background-color: #fffcef;
}

span > .p-inputtext:not([disabled]) {
  background-color: #fffcef;
}

.tabDropdownGroup .p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  background-color: unset;
}

.tabDropdownGroup .p-dropdown.p-component.p-inputwrapper.p-inputwrapper {
  background-color: unset;
}

.tabDropdownGroup > div > .p-inputtext:not([disabled]) {
  background-color: unset;
}

.p-dropdown.p-component.p-inputwrapper.p-inputwrapper-filled {
  background-color: #fffcef;
}

.p-multiselect.p-component.p-inputwrapper.p-inputwrapper-filled {
  background-color: #fffcef;
  color: #000000;
  font-weight: 500;
}

.p-calendar.p-component.p-inputwrapper.p-calendar-w-btn > .p-inputtext.p-component {
  background-color: #fffcef;
}

.p-dropdown.p-component.p-inputwrapper.p-inputwrapper {
  background-color: #fffcef;
}

.p-inputtext.p-component.p-inputnumber-input:not([disabled]) {
  background-color: #fffcef;
}

.p-dropdown.p-component.p-inputwrapper.p-disabled.p-inputwrapper > .p-dropdown-label.p-inputtext {
  background-color: #f7f7f7;
}

.p-calendar.p-component.p-inputwrapper.p-calendar-disabled.p-inputwrapper-filled > .p-inputtext.p-component {
  background-color: #f7f7f7;
}

div > .p-inputtext:disabled {
  background-color: #f7f7f7;
}

span > .p-inputtext:disabled {
  background-color: #f7f7f7;
}

.p-dropdown.p-component.p-inputwrapper.p-disabled.p-inputwrapper-filled {
  background-color: #f7f7f7;
}

.p-dropdown.p-component.p-inputwrapper.p-disabled.p-inputwrapper .p-dropdown.p-component.p-inputwrapper.p-disabled.p-inputwrapper {
  background-color: #f7f7f7;
}

.p-inputtext.p-component.p-inputnumber-input:disabled {
  background-color: #f7f7f7;
}

.fontWhite {
  color: white;
}

.fontBlack {
  color: black;
}

.p-datatable.p-datatable-sm .p-datatable-header {
  padding: 0px;
}

.p-checkbox-box.p-highlight.p-disabled {
  background-color: #d6d6d6;
  border: 0px;
}

.p-datatable .p-datatable-loading-overlay {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}

.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.15);
  transition-duration: 0.2s;
}

.p-dock .p-dock-list-container {
  background: rgba(255, 255, 255, 0);
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  border-style: solid;
}

.p-dock .p-dock-action {
  font-size: 1rem;
}

.lightMode .p-dock-action .pi.dockMedium {
  font-size: 1.5rem;
  color: #000000;
}

.darkMode .p-dock-action .pi.dockMedium {
  font-size: 1.5rem;
  color: #fff;
}

.vw-5 {
  width: 5vw;
}

.vw-10 {
  width: 10vw;
}

.vw-20 {
  width: 20vw;
}

.vw-30 {
  width: 30vw;
}

.vw-50 {
  width: 50vw;
}

.vw-60 {
  width: 60vw;
}

.vw-70 {
  width: 70vw;
}

.vw-80 {
  width: 80vw;
}

.vw-90 {
  width: 90vw;
}

.vw-100 {
  width: 100vw;
}

.min-h-50 {
  min-height: 50vh !important;
}

.p-overlaypanel.p-0 .p-overlaypanel-content {
  padding: 0rem;
}
.p-overlaypanel.p-0 .p-overlaypanel-content ul li.p-listbox-item {
  padding: 0.5rem 2rem;
}

th.ml-auto div.p-column-header-content {
  margin-left: auto;
}

.p-tabmenu-nav .p-menuitem-text {
  white-space: nowrap;
}

.p-accordion .p-accordion-content {
  border-bottom: 1px solid #CCC;
  padding: 0.25rem 0.5rem;
}

.p-accordion .p-accordion-header .p-accordion-header-link {
  background: #ECECF9;
  color: black;
  padding: 0.5rem;
}

.p-accordion .p-accordion-tab:first-child .p-accordion-header:first-child:not(.p-disabled).p-highlight .p-accordion-header-link {
  border-top: 0px solid #999;
  background: #ECECF9;
  color: black;
}

.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  border-bottom: 0px solid #999;
  border-radius: 0px;
  background: #ECECF9;
  color: black;
}

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-radius: 0px;
}

.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  border-color: #999;
  background: #ECECF9;
  color: black;
}

.p-accordion .p-accordion-header.p-highlight:not(.p-disabled):hover .p-accordion-header-link {
  border-color: #999;
  background: #ECECF9;
  color: black;
}

.p-accordion .p-accordion-tab {
  margin-bottom: 0rem;
  border-color: #DDD;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
}

.p-accordion .p-accordion-tab:last-child {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus {
  outline: none;
  outline-offset: 0;
  box-shadow: none;
}

.p-galleria .p-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
  padding: 0.35rem 0.25rem;
}

.place-center {
  justify-content: center;
  place-items: center;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight.p-highlight-red1 .p-menuitem-link {
  background: rgb(209, 78, 78);
  border-color: white;
  color: white;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight.p-highlight-gold1 .p-menuitem-link {
  background: rgb(224, 181, 61);
  border-color: white;
  color: white;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight.p-highlight-green1 .p-menuitem-link {
  background: rgb(141, 214, 127);
  border-color: white;
  color: white;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight.p-highlight-pink1 .p-menuitem-link {
  background: rgb(214, 127, 202);
  border-color: white;
  color: white;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.refresh-cat-tab.green .p-menuitem-link {
  background: #b0fdb0;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.refresh-cat-tab.yellow .p-menuitem-link {
  background: #fdfd7f;
}

.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.refresh-cat-tab.red .p-menuitem-link {
  background: #ffbcbc;
}

.p-inputgroup .opcTabMenuDropdownLabel {
  background-color: unset;
  color: #000000;
  font-weight: 600;
  cursor: default;
}

.opcTabMenuDropdownLabelIcon {
  padding-top: 2px;
  padding-right: 0.5rem;
}

.p-dropdown .p-dropdown-trigger {
  width: 1.357rem;
  padding-top: 2px;
}

.p-dropdown:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: unset;
}

.quickMenuSelector {
  padding: 2px 0px;
}

.quickMenuSelector:not(:hover) {
  background-color: unset;
  color: unset;
}

.quickMenuSelector:hover {
  background-color: #0086fc;
  color: white;
}

.p-datatable .p-datatable-tbody > tr.p-red-highlight {
  background: red !important;
  color: white;
}

.p-datatable .p-datatable-tbody > tr.p-red-highlight-low-opacity {
  background: rgba(255, 0, 0, 0.5) !important;
  color: white;
}

#sitecontainer, #oESiteContainer {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.login-body-kiosk {
  background-size: cover;
  background-color: white;
}

.fex-login-btn, .p-button.clockingOutYes, .p-button.clockingOutComp, .p-button.coOption, .p-button.clockingInYes, .p-button.clockingInNewWO {
  background-color: #6e2135;
  color: white;
}

.fex-login-btn:hover,
.p-button:hover.clockingOutYes,
.p-button:hover.clockingOutComp,
.p-button:hover.coOption,
.p-button:hover.clockingInYes,
.p-button:hover.clockingInNewWO,
.p-button:hover.category,
.p-button:hover.client,
.p-button:hover.cancelNewJob,
.p-button:hover.workType {
  background-color: #6e2135;
  color: white;
}

.fex-login-btn:enabled:hover,
.p-button:enabled:hover.clockingOutYes,
.p-button:enabled:hover.clockingOutComp,
.p-button:enabled:hover.coOption,
.p-button:enabled:hover.clockingInYes,
.p-button:enabled:hover.clockingInNewWO,
.p-button:enabled:hover.category,
.p-button:enabled:hover.client,
.p-button:enabled:hover.cancelNewJob,
.p-button:enabled:hover.workType {
  background-color: #6e2135;
  color: white;
}

.buttonModalSize {
  min-width: 7rem;
  padding: 12px 20px;
  margin: 0px 20px;
  font-size: 16px !important;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.p-button.workType, .p-button.category, .p-button.clockingOutYes, .p-button.clockingOutComp .p-button.client {
  background-color: #942d48;
  color: white;
  margin: 0.5rem;
  height: 4rem;
  border-radius: 0.25rem;
  font-weight: 500;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  font-size: 1.3rem;
  text-align: center;
}

.botMargin {
  margin-bottom: 6rem;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 1200px) {
  #sitecontainer.lg-scrollable {
    overflow-y: scroll; /* Add vertical scrollbar */
  }
}
#sitecontainer.scrollable {
  overflow-y: scroll; /* Add vertical scrollbar */
}

.add-new-button-color {
  background-color: #009b00;
  color: white;
}

.add-new-button-color:hover {
  background-color: #004e00 !important;
  color: white;
}

.option-button-color {
  background-color: #009b00;
  color: white;
}

.option-button-color:hover {
  background-color: #004e00 !important;
  color: white;
}

.fulfill-gray2 {
  background-color: #91a7b2 !important;
}

.p-radiobutton.billable .p-radiobutton-box.p-highlight {
  border-color: green;
  background-color: green;
}

.p-radiobutton.not-billable .p-radiobutton-box.p-highlight {
  border-color: purple;
  background-color: purple;
}

.p-column-filter button.p-column-filter-menu-button, .p-column-filter button.p-hidden-space {
  display: none;
}

.p-input-group.inv-pal-wo-id .p-inputtext {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
}

.p-input-group.inv-pal-wo-id .p-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin: 0;
}

.p-button:disabled {
  opacity: 0.6;
}

.p-datatable-flex-scrollable.max-height60 {
  height: 60vh !important;
}

svg path,
svg rect {
  stroke-linejoin: miter; /* or inherit other appropriate value */
  stroke-linecap: square;
}

.p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-frozen-tbody > tr + tr > td, .p-datatable.p-datatable-gridlines.p-datatable-scrollable .p-datatable-frozen-tbody > tr:first-child > td {
  background: #2196F3;
  color: white;
}

.p-datatable .p-datatable-tbody > tr, .p-datatable .p-datatable-thead > tr > th {
  color: black;
}