@tailwind base;
@tailwind components;
@tailwind utilities;

.cx-date-picker {
  @apply inline-block relative;
}

.cx-date-picker[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.text-danger {
  color: rgba(255, 82, 82,1.0);
}

.bg-danger {
  background-color: rgba(255, 82, 82,1.0);
}

.min-height {
  min-height: 500px;
}

.text-tertiary {
  color: rgba(132, 129, 122,1.0);
}

.bg-tertriary {
  background-color: rgba(132, 129, 122,1.0);
}

.border-primary {
  border-color: rgba(51,217,178,1.0);
}

.text-primary {
  color: rgba(51, 217, 178,1.0);
}

.text-primary-dark {
  color: rgba(33, 140, 116,1.0);
}

.bg-primary-dark {
  background-color: rgba(33, 140, 116,1.0);
}

.bg-primary {
  background-color: rgba(51, 217, 178,1.0);
}

.text-secondary {
  color: rgba(52, 172, 224,1.0);
}

.text-secondary-dark {
  color: rgba(34, 112, 147,1.0);
}

.bg-secondary-dark {
  background-color: rgba(34, 112, 147,1.0);
}

.bg-secondary {
  background-color: rgba(52, 172, 224,1.0);
}