/* v0182 - one real toolbar row for the administration resource calendar. */
.app-shell .resource-calendar-toolbar{
  display:grid;
  grid-template-columns:auto auto minmax(390px,1fr) auto auto;
  align-items:center;
  gap:8px 12px;
  margin-bottom:6px;
}
.app-shell .resource-calendar-toolbar .consultant-calendar-title{
  justify-self:start;
}
.app-shell .resource-calendar-toolbar .calendar-nav{
  justify-self:start;
  margin:0;
  gap:6px;
}
.app-shell .resource-calendar-filters{
  display:grid;
  grid-template-columns:minmax(150px,210px) minmax(150px,220px) auto!important;
  align-items:center;
  justify-content:end;
  gap:6px;
  min-width:0;
}
.app-shell .resource-calendar-filters select,
.app-shell .resource-calendar-filters input{
  height:31px;
  min-height:31px;
  min-width:0;
  padding:4px 8px;
  font-size:11px;
}
.app-shell .resource-calendar-mode{
  display:flex;
  flex-wrap:nowrap;
  justify-self:end;
  white-space:nowrap;
}
.app-shell .resource-calendar-toolbar .consultant-calendar-actions{
  justify-self:end;
}
.app-shell .resource-calendar-toolbar.no-calendar-filters{
  grid-template-columns:minmax(180px,1fr) auto auto minmax(180px,1fr);
}
.app-shell .resource-calendar-toolbar.no-calendar-filters .resource-calendar-mode{
  justify-self:center;
}
@media(max-width:1180px){
  .app-shell .resource-calendar-toolbar{
    grid-template-columns:auto 1fr auto auto;
  }
  .app-shell .resource-calendar-toolbar .calendar-nav{
    justify-self:center;
  }
  .app-shell .resource-calendar-filters{
    grid-column:1 / 4;
    grid-row:2;
    grid-template-columns:minmax(150px,210px) minmax(150px,220px) auto!important;
    justify-content:start;
  }
  .app-shell .resource-calendar-mode{
    grid-column:4;
    grid-row:2;
  }
  .app-shell .resource-calendar-toolbar.no-calendar-filters{
    grid-template-columns:minmax(150px,1fr) auto auto minmax(150px,1fr);
  }
}
@media(max-width:760px){
  .app-shell .resource-calendar-toolbar{
    display:grid;
    grid-template-columns:1fr auto;
  }
  .app-shell .resource-calendar-toolbar .calendar-nav{
    grid-column:1 / -1;
    grid-row:2;
    justify-self:center;
  }
  .app-shell .resource-calendar-toolbar .consultant-calendar-actions{
    grid-column:2;
    grid-row:1;
  }
  .app-shell .resource-calendar-filters{
    grid-column:1 / -1;
    grid-row:3;
    grid-template-columns:1fr 1fr auto!important;
  }
  .app-shell .resource-calendar-mode{
    grid-column:1 / -1;
    grid-row:4;
    justify-self:start;
  }
}
@media(max-width:520px){
  .app-shell .resource-calendar-filters{
    grid-template-columns:1fr!important;
  }
}