/* CRM V67 therapy filter alignment fix */

#page-therapy .crm-unified-filter-panel{
  overflow:visible!important;
}

#page-therapy .therapy-filter-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.95fr) 56px!important;
  gap:10px!important;
  align-items:end!important;
}

#page-therapy .therapy-filter-grid > div,
#page-therapy .therapy-filter-grid > .crm-u-sort-wrap{
  min-width:0!important;
}

#page-therapy .therapy-filter-grid label,
#page-therapy .therapy-filter-grid .crm-unified-filter-label,
#page-therapy .therapy-filter-grid > div > label{
  display:block!important;
  margin:0 0 6px!important;
  color:#7f92ab!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

#page-therapy .therapy-filter-grid input,
#page-therapy .therapy-filter-grid select{
  width:100%!important;
  height:50px!important;
  min-height:50px!important;
  padding:0 16px!important;
  border:1px solid #d6e0ec!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#18314d!important;
  font-size:12px!important;
  font-weight:750!important;
  box-shadow:none!important;
}

#page-therapy .therapy-filter-grid .crm-u-sort-wrap{
  width:56px!important;
  align-self:end!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-end!important;
  margin:0!important;
}

#page-therapy .therapy-filter-grid .crm-u-sort-btn{
  width:56px!important;
  min-width:56px!important;
  height:50px!important;
  min-height:50px!important;
  border-radius:14px!important;
  margin:0!important;
}

body.crm-night-mode #page-therapy .therapy-filter-grid input,
body.crm-night-mode #page-therapy .therapy-filter-grid select{
  background:#252c33!important;
  border-color:#46515e!important;
  color:#f2f5f8!important;
}

@media(max-width:980px){
  #page-therapy .therapy-filter-grid{
    grid-template-columns:minmax(0,1fr) minmax(220px,.9fr) 50px!important;
  }
  #page-therapy .therapy-filter-grid .crm-u-sort-wrap{
    width:50px!important;
  }
  #page-therapy .therapy-filter-grid .crm-u-sort-btn{
    width:50px!important;
    min-width:50px!important;
  }
}

@media(max-width:760px){
  #page-therapy .therapy-filter-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  #page-therapy .therapy-filter-grid .crm-u-sort-wrap,
  #page-therapy .therapy-filter-grid .crm-u-sort-btn{
    width:100%!important;
    min-width:0!important;
  }
}