/*.s-TrueClaims_SCS-Provider-ProviderFeeEditor {
  min-height: 150px;
  max-height: 550px;
}*/
.s-TrueClaims_SCS-Provider-ProviderFeeEditor .grid-container {
  height: calc(100vh - 600px)
}

.s-TrueClaims_SCS-Location-PickerProviderLocationsEditor .grid-container {
  height: calc(100vh - 600px)
}





/* Target only the specific dropdown menu in grid cells */
.slick-cell .dropdown-menu.show {
  position: fixed !important; /* Use fixed positioning to break out of overflow contexts */
  z-index: 1050 !important; /* Bootstrap's modal z-index is 1040, so we go slightly higher */
}

/* Ensure dropdown trigger maintains proper positioning */
.slick-cell .dropdown {
  position: relative;
}

.crossicon {
  position: relative;
}

  .crossicon:after {
    content: " ";
    position: absolute;
    left: 8%;
    top: -6%;
    width: 88%;
    height: 110%;
    clip-path: polygon(0 0, 12% 0, 100% 100%, 88% 100%);
    background-color: #0073b7;
  }


/* Select the parent element of elements with the 'rad-select-item' class */
.slick-row :has(.rad-select-item) {
  text-align: center; /* Change 'center' to your desired alignment */
}

/* Legend dropdown styling */
.legend-dropdown .dropdown-menu {
    min-width: 200px;  /* Adjust this value based on your longest label */
    white-space: nowrap;
}

.legend-dropdown .legend-item {
    display: flex;
    align-items: center;
}

.s-QuickSearchInput {
  width: 18em;
}

/* Provider Document Card Styling */
.s-dashboard-card.border-danger {
  border-width: 2px !important;
}

.s-dashboard-card.border-warning {
  border-width: 2px !important;
  border-color: #ffc107 !important;
}

.s-dashboard-card.border-success {
  border-width: 2px !important;
  border-color: #28a745 !important;
}

/* Provider Document Card Styling */
.s-dashboard-card.border.border-danger {
  border-width: 2px !important;
  border-color: #dc3545 !important;
}

.s-dashboard-card.border.border-warning {
  border-width: 2px !important;
  border-color: #ffc107 !important; /* Same warning color for not received and expiring soon */
}

.s-dashboard-card.border.border-success {
  border-width: 2px !important;
  border-color: #28a745 !important;
}

/* Remove the custom expiring class as we're using warning for both */
/* .s-dashboard-card.border.border-expiring {
  border-width: 2px !important;
  border-color: #ffc107 !important;
} */

/* Text color for expiring soon */
.text-expiring {
  color: #ffc107 !important;
}

/* Badge background color for expiring soon */
.bg-expiring {
  background-color: #ffc107 !important;
}

/* Status badges styling */
.s-dashboard-card .badge {
  font-size: 0.85rem;
  padding: 0.35em 0.65em;
  display: inline-block;
  margin-bottom: 10px;
  white-space: nowrap;
}

/* Add margin between multiple badges */
.s-dashboard-card .badge.me-1 {
  margin-right: 0.25rem;
}

/* Ensure header and badge container maintains proper spacing */
.s-dashboard-card h2 {
  margin-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Make sure flex container aligns items properly */
.s-dashboard-card .d-flex.justify-content-between {
  flex-wrap: nowrap;
  width: 100%;
}

/* Card header with badge */
.card-header.d-flex.justify-content-between.align-items-center .card-title {
  margin-bottom: 0;
  margin-right: 10px;
}

/* Ensure the flex container aligns items properly */
.card-header.d-flex.justify-content-between.align-items-center {
  flex-wrap: nowrap;
}