.dt24-field{
  position:relative;
  display:block;
  width:100%;
}

.dt24-source{
  position:absolute !important;
  inset:0;
  width:100% !important;
  height:100% !important;
  opacity:0 !important;
  pointer-events:none !important;
  z-index:-1;
}

.dt24-display{
  cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23486181' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'/%3E%3Cline x1='16' y1='2' x2='16' y2='6'/%3E%3Cline x1='8' y1='2' x2='8' y2='6'/%3E%3Cline x1='3' y1='10' x2='21' y2='10'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 12px center;
  background-size:18px 18px;
  padding-right:40px !important;
}

.dt24-field.is-disabled .dt24-display,
.dt24-field.is-readonly .dt24-display{
  cursor:default;
}

.dt24-field.is-disabled .dt24-display{
  opacity:.7;
}

.dt24-field.is-readonly .dt24-display{
  background-image:none;
  padding-right:10px !important;
}

.dt24-display::placeholder{
  color:#94a3b8;
}