.tblLayoutComponent [role='presentation'] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.tblLayoutComponent [role='columnheader'] {
  font-size: 14px;
  color: #455a64;
  background-color: #dee4e7;
}

.hide-resize-observer {
  display: none !important;
}

/* ComboBox Heigth issue fix for iPhone */
.P1vhCW_tray-dialog,
.cTLQuW_tray-dialog {
  height: fit-content !important;
}

/* React Spectrum Datepicker BG issue fix for Safari*/
.date_bg_fix > div:first-child {
  background-color: transparent;
}

#listActivityStatus [role='option'] {
  height: 30px;
}

#listProjectStatus [role='option'] {
  height: 30px;
}

/*SERVICE ACTIVITY COMPONENT*/
#listActivityCards [aria-selected='true'] {
  width: 98%;
  box-shadow: 0px 8px 8px -2px rgba(38, 50, 56, 0.25);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #1976d2 !important;
  box-sizing: border-box;
  height: 130px !important;
}

#listActivityCards [aria-selected='false']:hover {
  width: 98%;
  box-shadow: 0px 8px 8px -2px rgba(38, 50, 56, 0.25);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #1976d2 !important;
  box-sizing: border-box;
  height: 95% !important;
}

#listActivityCards [role='option'] {
  height: 95% !important;
  width: 98%;
}

#listActivityCards [role='img'] {
  display: none;
}

#listActivityCardsMobile [aria-selected='true'] {
  width: auto;
  box-shadow: 0px 8px 8px -2px rgba(38, 50, 56, 0.25);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #1976d2 !important;
  box-sizing: border-box;
  height: 130px;
}

#listActivityCardsMobile [aria-selected='false']:hover {
  width: auto;
  box-shadow: 0px 8px 8px -2px rgba(38, 50, 56, 0.25);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #1976d2 !important;
  box-sizing: border-box;
  height: 95% !important;
}

#listActivityCardsMobile [role='option'] {
  height: 95% !important;
}

#listActivityCardsMobile [role='img'] {
  display: none;
}

/*PROJECT ACTIVITY COMPONENT*/
#listProjectCards [aria-selected='true'] {
  width: 98%;
  box-shadow: 0px 8px 8px -2px rgba(38, 50, 56, 0.25);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #1976d2 !important;
  box-sizing: border-box;
  height: 130px;
}

#listProjectCards [aria-selected='false']:hover {
  width: 98%;
  box-shadow: 0px 8px 8px -2px rgba(38, 50, 56, 0.25);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #1976d2 !important;
  box-sizing: border-box;
  height: 95% !important;
}

#listProjectCards [role='option'] {
  height: 95% !important;
  width: 98%;
}

#listProjectCards [role='img'] {
  display: none;
}

#listProjectCardsMobile [aria-selected='true'] {
  width: auto;
  box-shadow: 0px 8px 8px -2px rgba(38, 50, 56, 0.25);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #1976d2 !important;
  box-sizing: border-box;
  height: 130px;
}

#listProjectCardsMobile [aria-selected='false']:hover {
  width: 98%;
  box-shadow: 0px 8px 8px -2px rgba(38, 50, 56, 0.25);
  border-radius: 16px;
  background-color: #fff;
  border: 1px solid #1976d2 !important;
  box-sizing: border-box;
  height: 95% !important;
}

#listProjectCardsMobile [role='option'] {
  height: 95% !important;
}

#listProjectCardsMobile [role='img'] {
  display: none;
}

/* Custom Scrollbar Styles */
::-webkit-scrollbar {
  width: 5px;
  overflow: auto;
  opacity: 0.1;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  opacity: 0.1;
}

::-webkit-scrollbar-thumb {
  background: #f5f6f9;
  border-radius: 6px;
}

::-webkit-scrollbar-thumb:hover {
  background: #f5f6f9;
}

@media only screen and (max-width: 480px) {
  #listActivityStatus [role='img'] {
    margin-top: -10px;
  }
}