md-collapsible.md-popout md-collapsible-item {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  margin: 0 24px;
  transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

md-collapsible.md-popout md-collapsible-item.active {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  margin: 16px 0; }

md-collapsible.md-accordion {
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }

md-collapsible md-collapsible-item md-collapsible-header {
  cursor: pointer;
  min-height: 48px;
  background-color: white;
  display: block;
  border-bottom: 1px solid #ddd; }
  md-collapsible md-collapsible-item md-collapsible-header md-checkbox {
    margin: 10px; }
  md-collapsible md-collapsible-item md-collapsible-header .md-collapsible-tools {
    letter-spacing: 0.005em;
    box-sizing: border-box;
    font-weight: 400;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 0 16px;
    margin: 0; }

md-collapsible md-collapsible-item md-collapsible-body {
  padding: 15px;
  min-height: 100px;
  background-color: #fafafa;
  display: none;
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  visibility: hidden; }

md-collapsible md-collapsible-item.active > md-collapsible-body {
  display: block;
  visibility: visible; }