
    <style>
        .color-swatch {
            display: flex;
            align-items: center;
            gap: 8px;
            font-weight: 500;
        }
        .color-box {
            width: 16px;
            height: 16px;
            border-radius: 3px;
        }
        /* Holidays */
.holiday-event {
    background-color: #FF0000 !important;
    border-color: #FF0000 !important;
    cursor: default !important;
}

/* Important Non-holiday Dates */
.holiday-event[data-type="important"] {
    background-color: #FFA500 !important;
    border-color: #FFA500 !important;
}
.holiday-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
    vertical-align: middle;
}
.fc-event {
    position: relative;
    display: block;
    line-height: 1.3;
    border-radius: 3px;
    color:#000000 !important;
    border: none !important;
    text-decoration: none !important;
}

  #taskSlideDetails {
    border: none;
  }

  #taskSlideDetails.has-content {
    border: 1px solid #ddd;
  }
  .cover-images-scroll {
  height: 450px;   /* not max-height! */
  overflow-y: auto;
  padding-right: 10px;
  border: 1px solid #ddd;
  background: #f9f9f9;
}


    </style>