/* Dashboard Card */
.iq-card-block.iq-card-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.iq-card-block.iq-card-height-half {
  height: calc(50% - 30px);
}

.iq-card-block.iq-card-height {
  height: calc(100% - 30px);
}

.iq-card-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.iq-box-relative {
  position: relative;
  overflow: hidden;
}

.iq-box-absolute {
  position: absolute;
  left: auto;
  right: -20px;
  top: -20px;
  line-height: 65px;
}

.text-style {
  font-size: 14px;
  font-weight: 500;
  color: #6c757d;
}

.ri-time-line {
  color: rgb(228, 203, 64);
}

.ri-money-dollar-box-line {
  color: rgb(230, 143, 86);
}

.ri-wallet-line {
  color: rgb(183, 233, 126);
}

.ri-truck-line {
  color: #61afe2;
}

.small-text {
  font-size: 12px;
  margin-left: 7px;
  /* Adjusts the space to the left of the element */
  margin-top: 12px;
}

.text-1 {
  color: rgb(228, 155, 222);
}

.text-2 {
  color: rgb(230, 143, 86);
}

.text-3 {
  color: rgb(183, 233, 126);
}

.text-4 {
  color: #61afe2;
}

.custom-dropdown-toggle {
  background-color: #c28e81 !important;
  /* Custom background color */
  color: #fff !important;
  /* Custom text color */
  border-color: #c28e81 !important;
  /* Custom border color */
}

.text-inf {
  color: #2f87c2;
}

.required-star {
  color: red;
}

textarea.form-control {
  resize: none;
  /* Optional: disable manual resizing */
  height: auto !important;
}

.sub-task{
  height: 260px !important;
  overflow-y: auto !important;
  width: 100% !important;
}
.no-data-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%; /* Takes full height of parent */
  width: 100%; /* Ensures full width */
  text-align: center; /* Centers text */
}
td{
  vertical-align: middle !important;
}
/*employee timesheet*/
.comment-popup {
  position: absolute !important;
  top: 25px !important;
  right: 0 !important;
  display: flex !important;
  align-items: center !important;
  background-color: #fff !important;
  padding: 6px !important;
  border-radius: 4px !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) !important;
  z-index: 10 !important;
  gap: 6px !important;
}
/* More specific selector to override Bootstrap */
textarea.comment-textarea {
  width: 250px !important;
  font-size: 13px !important;
  padding: 4px 6px !important;
  background-color: #fff !important;
  border: 1px solid #ced4da !important;
  resize: none !important;
}
/* css for react select in task dropdown button*/
/* External styles for react-select */
.react-custom-select .react-select__control {
  height: 30px !important;
  min-height: 30px !important;
  background-color: #e9edf4 !important;
  border: none !important;
  box-shadow: none !important;
  font-size: 11px !important;
  color: #262725 !important;
  align-items: center !important;
}

.react-custom-select .react-select__value-container {
  height: 30px !important;
  padding: 0 8px !important;
  display: flex !important;
  align-items: center !important;
  font-size: 11px !important;
  position: relative;
}

.react-custom-select .react-select__single-value {
  font-size: 11px !important;
  color: #262725 !important;
  line-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  position: absolute !important;
  top: 0;
  left: 8px;
  z-index: 1 !important;
  background: transparent;
  width: calc(100% - 16px);
}

.react-custom-select .react-select__placeholder {
  font-size: 11px !important;
  color: #999 !important;
  line-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  position: absolute !important;
  top: 0;
  left: 8px;
  z-index: 0 !important;
  width: calc(100% - 16px);
  background: transparent;
}

.react-custom-select .react-select__input-container {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  height: 30px;
  position: relative;
  z-index: 2;
}

.react-custom-select .react-select__input {
  font-size: 11px !important;
  color: #262725 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 30px !important;
  background: transparent !important;
  z-index: 2 !important;
}
.react-custom-select .react-select__input-container {
  font-size: 11px;
  margin: 0;
  padding: 0;
  display: flex;
  color: #262725;
  align-items: center;
}

.react-custom-select .react-select__indicators {
  height: 30px;
}

.react-custom-select .react-select__dropdown-indicator {
  padding: 2px;
}

.react-custom-select .react-select__menu {
  font-size: 11px;

}
.react-custom-select .react-select__placeholder,
.react-custom-select .react-select__input {
  z-index: 0 !important;
}

.react-custom-select .react-select__single-value {
  position: relative;
  z-index: 2 !important;
}
.react-custom-select .react-select__menu {
  font-size: 11px;
  z-index: 9999 !important;
}

.badge-suspended {
  background-color: #d9534f; /* Bootstrap's danger or customize */
  color: white;
}
.badge-terminated {
  background-color: #c82333; /* deeper red */
  color: #fff;
}
/* Limit the overall dropdown height */
:where(.ant-picker-dropdown) .ant-picker-time-panel .ant-picker-content {
  height: 90px !important;
  max-height: 150px !important;
}

/* Limit the individual column height and enable scrolling only if needed */
:where(.ant-picker-dropdown) .ant-picker-time-panel-column {
  max-height: 150px !important;
  overflow-y: auto !important;
  scrollbar-width: none; /* Firefox */
}

/* Optional: Hide scrollbar for cleaner look */
:where(.ant-picker-dropdown) .ant-picker-time-panel-column::-webkit-scrollbar {
  display: none;
}
/* Hide the default Ant Design TimePicker OK button */
.ant-picker-ok {
  display: none !important;
}
:where(.css-dev-only-do-not-override-1b0bdye).ant-picker-dropdown .ant-picker-footer-extra
{
  padding: 0px 0px 0px 0px !important;
}
/* Compact the hour/minute/AMPM cells */
:where(.ant-picker-dropdown) .ant-picker-time-panel-cell-inner {
  padding: 3px 0 !important;
  font-size: 11px !important;
  font-family: "Poppins", sans-serif !important;
}

/* Reduce "OK" button height */
:where(.ant-picker-dropdown) .ant-picker-ok button {
  font-size: 11px !important;
  padding: 0px 0px !important;
}
:where(.css-dev-only-do-not-override-1b0bdye).ant-picker-dropdown .ant-picker-time-panel-column::after {
  height: 0px;
}
.fixed-badge {
  display: inline-block;
  min-width: 90px; /* adjust width for longest status */
  text-align: center;
}