.cardDiv {
  position:absolute;
  z-index: 9999; 
  
  height: auto;
  padding: 3px;
  margin: 10px;
  cursor:'pointer';
}
.custom-div {
  transition: background-color 0.3s ease;
  cursor:'pointer';
  display: inline-block;
  margin: 2px;
}

.custom-div:hover {
  background-color: #eee;
  cursor:'pointer';
}

.title {
  font-size: 14px;
}

.other-fields {
display: flex; /* Use flex layout to arrange children in one row */
flex-wrap: nowrap; /* Do not wrap children */
gap: 5px; /* Add spacing between elements */
font-size: 12px;
color: #6c757d;
}
.other-fields > div {
flex-grow: 1; /* Distribute remaining space evenly */
}


.status-indicator {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
  
}
.other-fields .col-md-3 {
display: inline-block;
width: 30%; /* Adjust the width and margin-right for col-md-3 */
margin-right: 5px;
}
.other-fields .col-md-4 {
display: inline-block;
width: calc(40% - 5px); /* Adjust the width and margin-right for col-md-4 */
margin-right: 5px;
}
.other-fields .col-md-6 {
display: inline-block;
width: calc(60% - 5px); /* Adjust the width and margin-right for col-md-6 */
margin-right: 5px;
}
.other-fields .col-md-8 {
display: inline-block;
width: calc(80% - 5px); /* Adjust the width and margin-right for col-md-8 */
margin-right: 5px;
}
.other-fields .col-md-12 {
display: inline-block;
width: 100%; /* Full width for col-md-12 */
margin-bottom: 5px; /* Add margin-bottom for col-md-12 to separate rows */
}