@media only screen and (max-width: 767px) {
.ui-dialog .ui-dialog-titlebar-close{
right: 40%;
}
}
@media (max-width: 991px) {
    .midstates-form .js-form-item input[type="date"] {
        -webkit-appearance: none;
        appearance: none;
        padding-right: 2.5rem;
        background-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23666666" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>) !important;
        background-repeat: no-repeat !important;
        background-position: right 0.75rem center !important;
        background-size: 1.25rem 1.25rem;
    }
   input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    cursor: pointer;
  }
  .midstates-form .form-submit {
    white-space: wrap;
  }
}