﻿md-collapsible.md-popout md-collapsible-item {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    margin: 0 24px;
    transition: margin .35s cubic-bezier(.25,.46,.45,.94)
}

    md-collapsible.md-popout md-collapsible-item.active {
        box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(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,.16),0 2px 10px 0 rgba(0,0,0,.12)*/
}

md-collapsible md-collapsible-item md-collapsible-header {
    cursor: pointer;
    min-height: 48px;
    background-color: #fff;
    /*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: .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;
        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
}
