/* list / applejack */
ul.list[data-layout='applejack'] {
    overflow: hidden;
}


/* list-header / applejack */
ul.list[data-layout='applejack'] li.list-header {
    padding: 0.5em 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='applejack'] li.list-header p {
    height: 1.25em;
    overflow: hidden;
    font-size: 0.6875em;
    line-height: 1.25em;
    font-weight: 400;
    color: #a8a8a8;
}


/* list-item / applejack */
ul.list[data-layout='applejack'] li.list-item {
    padding: 1em 0;
    height: 2.375em;
    line-height: 2.375em;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='applejack'] li.list-item p {
    max-height: 3.16666667em;
    overflow: hidden;
    font-size: 0.6875em;
    line-height: 1.58333334em;
    font-weight: 400;
    color: #333;
}

ul.list[data-layout='applejack'] li.list-item img {
    position: relative;
    top: -1px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline;
    vertical-align: middle;
}




/* list / pinkiepie */
ul.list[data-layout='pinkiepie'] {
    overflow: hidden;
}


/* list-header */
ul.list[data-layout='pinkiepie'] li.list-header {
    padding: 0.5em 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='pinkiepie'] li.list-header p {
    height: 1.25em;
    overflow: hidden;
    font-size: 0.6875em;
    line-height: 1.25em;
    font-weight: 400;
    color: #a8a8a8;
}


/* list-item */
ul.list[data-layout='pinkiepie'] li.list-item {
    padding: 1em 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='pinkiepie'] li.list-item p {
    height: 1.5em;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #333;
}




/* list / fluttershy */
ul.list[data-layout='fluttershy'] {
    overflow: hidden;
}


/* list-header */
ul.list[data-layout='fluttershy'] li.list-header {
    padding: 0.5em 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='fluttershy'] li.list-header p {
    height: 1.25em;
    overflow: hidden;
    font-size: 0.6875em;
    line-height: 1.25em;
    font-weight: 400;
    color: #a8a8a8;
}


/* list-item */
ul.list[data-layout='fluttershy'] li.list-item {
    padding: 0.5em 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='fluttershy'] li.list-item img {
    display: block;
    margin: 0.375em;
    width: 3em;
    height: 3em;
}

ul.list[data-layout='fluttershy'] li.list-item p {
    height: 2.5em;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 2.5em;
    font-weight: 300;
    color: #a8a8a8;
}

ul.list[data-layout='fluttershy'] li.list-item p b {
    font-weight: 700;
    color: #333;
}

ul.list[data-layout='fluttershy'] .list-separated {
    border-top: 1px solid #d9d9d9;
}

ul.list[data-layout='fluttershy'] li.list-item .list-separated h6 {
    height: 1.875em;
    overflow: hidden;
    font-size: 1em;
    line-height: 1.875em;
    font-weight: 300;
    color: #333;
}

ul.list[data-layout='fluttershy'] li.list-item .list-separated p {
    height: 2.5em;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 2.5em;
    font-weight: 300;
    color: #a8a8a8;
}

ul.list[data-layout='fluttershy'] li.list-item .list-separated p b {
    font-weight: 700;
    color: #333;
}


ul[class^='list-checklist-'] li:before {
    font-family: 'mykey-wp2';
    content: '\e646';
    font-size: 0.75em;
    padding-right: 1em;
}

ul.list-checklist-1 li {
    font-size: 0.75em;
    line-height: 2em;
}














/* list / fluttershy */
/*
ul.list[data-layout='fluttershy'] {
    margin: 2em 0 0 0;
    overflow: hidden;
}

ul.list[data-layout='fluttershy'] li {
    padding: 0.7em 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='fluttershy'] li.list-header {
    padding: 0;
}

ul.list[data-layout='fluttershy'] li.list-header p {
    font-size: 0.75em;
    line-height: 2em;
    font-weight: 400;
    color: #333;
}

ul.list[data-layout='fluttershy'] li.list-item b {
    overflow: hidden;
    font-size: 0.75em;
    font-weight: 500;
    color: #333;
}

ul.list[data-layout='fluttershy'] li.list-item {
    border-bottom: 1px dotted #d9d9d9;
}

ul.list[data-layout='fluttershy'] li.list-item img {
    float: left;
}

ul.list[data-layout='fluttershy'] li.list-item p {
    height: 1.5em;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #a8a8a8;
}
*/


/* list / twilightsparkle */
ul.list[data-layout='twilightsparkle'] {
    margin: 2em 0 0 0;
    overflow: hidden;
}

ul.list[data-layout='twilightsparkle'] li {
    padding: 0.7em 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='twilightsparkle'] li.list-header {
    padding: 0;
}

ul.list[data-layout='twilightsparkle'] li.list-header p {
    font-size: 0.75em;
    line-height: 2em;
    font-weight: 400;
    color: #333;
}

ul.list[data-layout='twilightsparkle'] li.list-item b {
    overflow: hidden;
    font-size: 0.75em;
    font-weight: 500;
    color: #333;
}

ul.list[data-layout='twilightsparkle'] li.list-item {
    border-bottom: 1px dotted #d9d9d9;
}

ul.list[data-layout='twilightsparkle'] li.list-item p {
    height: 1.5em;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 1.5em;
    font-weight: 400;
    color: #a8a8a8;
}

ul.list[data-layout='twilightsparkle'] li.list-item {
    border-bottom: 1px dotted #d9d9d9;
}


/* list / rainbowdash */
ul.list[data-layout='rainbowdash'] {
    margin: 2em 0 0 0;
    overflow: hidden;
}

ul.list[data-layout='rainbowdash'] li {
    padding: 0.7em 0;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}

ul.list[data-layout='rainbowdash'] li.list-header {
    padding: 0;
}

ul.list[data-layout='rainbowdash'] li.list-header p {
    font-size: 0.625em;
    line-height: 2em;
    font-weight: 400;
    color: #a8a8a8;
}

ul.list[data-layout='rainbowdash'] li.list-item h6 {
    height: 48px;
    overflow: hidden;
    font-size: 0.75em;
    line-height: 48px;
    font-weight: 400;
    color: #333;
}

ul.list[data-layout='rainbowdash'] li.list-item {
    border-bottom: 1px solid #d9d9d9;
}

ul.list[data-layout='rainbowdash'] img {
    width:48px;
}

ul.list[data-layout='rainbowdash'] li.list-item p {
    height: 48px;
    overflow: hidden;
    font-size: 0.625em;
    line-height: 48px;
    font-weight: 400;
    color: #a8a8a8;
}

ul.list[data-layout='rainbowdash'] li.list-item .grid-col:last-child img {
    width:20px;
    padding-top: 40%;
}

ul.list[data-layout='rainbowdash'] li.list-header .grid-col:last-child img {
    width:20px;
}


/* list / rarity */
ul.list[data-layout='rarity'] {
    margin: 2em 0 0 0;
    overflow: hidden;
}

ul.list[data-layout='rarity'] li {
    padding: 0.625em 0;
    border-bottom: 1px solid #a8a8a8;
    overflow: hidden;
}

ul.list[data-layout='rarity'] li.list-header {
    padding: 0;
}

ul.list[data-layout='rarity'] li.list-header p {
    font-size: 0.625em;
    line-height: 2em;
    font-weight: 400;
    color: #a8a8a8;
}

ul.list[data-layout='rarity'] li.list-header h6 {
    overflow: hidden;
    font-size: 0.625em;
    font-weight: 500;
    line-height: 2em;
    color: #333;
}

ul.list[data-layout='rarity'] li.list-header .grid-col:last-child img {
    width:20px;
}

ul.list[data-layout='rarity'] li.list-item {
    border-bottom: 1px solid #a8a8a8;
}


ul.list[data-layout='rarity'] img {
    width:48px;
}

ul.list[data-layout='rarity'] li.list-item p {
    height: 30px;
    overflow: hidden;
    font-size: 0.625em;
    line-height: 30px;
    font-weight: 400;
    color: #a8a8a8;
}

ul.list[data-layout='rarity'] li.list-item h6 {
    height: 30px;
    overflow: hidden;
    font-size: 0.625em;
    line-height: 30px;
    font-weight: 400;
    color: #333;
}

ul.list[data-layout='rarity'] li.list-item .grid-col:last-child img {
    width:20px;
    padding-top: 40%;
}


ul.list[data-layout='rarity'] li.list-item .grid-row:nth-of-type(2) {
    border-top:1px solid #d9d9d9;
}

ul.list[data-layout='rarity'] li.grid-row .grid-col:nth-of-type(2) {

}




/* list colors */
ul.list .green {
    color:#66cc99;
}

ul.list .yellow{
    color:#FFCC66;
}

ul.list .red{
    color:#ff6666;
}

ul.list .blue{
    color:#66CCFF;
}