.tom-select,
.ts-wrapper {
    width: 100% !important;
}
 
.ts-control {
    border-radius: 8px;
}
 
.ts-control>input {
    min-width: 280px !important;
    width: 100% !important;
    height: calc(var(--spacing) * 7);
 
}
 

.ts-wrapper.multi .ts-control > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: rgb(240 253 244);
  color: rgb(21 128 61/var(--tw-text-opacity,1));
  border: 0 solid rgb(22 163 74 / 20%);
}
.remove{
    margin-left: 10px;
    font-size: 20px;
}

.ts-wrapper.multi .ts-control > div.active{
    cursor: pointer;
    margin: 0 3px 3px 0;
    padding: 2px 6px;
    background: rgb(240 253 244);
    color: rgb(21 128 61/var(--tw-text-opacity,1));
    border: 0 solid rgb(22 163 74 / 20%);
}

/* Hide number input spinners in Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/* Hide number input spinners in Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.dropzone{
  border: 1px solid #d0d5dd !important;
  border-radius: 10px !important;
  
}

.filled-icon-active{
   color: #465fff;
}

.filled-icon-inactive{
  color: #667085;
}

.download-link {
  color: #007bff;
  text-decoration: underline;
  cursor: pointer;
}

.download-link:hover {
  color: #0056b3;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

.ellipsis {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;  /* number of lines you want */
  overflow: hidden;
}

.loader {
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-top: 3px solid #ffffff;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    animation: spin 0.7s linear infinite;
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }