.md-logo {width:40px;height:40px;background:rgba(255,255,255,0.8);border-radius:50%;padding:5px;}
.md-logo img {width:100%;height:100%;}
.md-sidebar .md-nav__title {font-size:16px;}
img.svg {width:22px;vertical-align: text-bottom;opacity:1;margin:0px 3px 0px 5px;}
img.svg.grey {opacity:0.5}
img.reduced-height {height:20px;}
img.svg.middle {vertical-align:middle;}
img.left-image {margin-right:20px;}
img.float-left {float:left;}
img.external {width:20px;vertical-align: text-top;opacity:1;margin:1px 1px 0px 2px;opacity:0.5}

.md-nav--primary > .md-nav__list > .md-nav__item:first-child {font-style:italic;}

button {background:rgba(0,0,0,0.1);padding: 3px 8px;text-transform:uppercase;color:rgba(0,0,0,0.4);margin:0px 1px;}

.circle {display:inline-block;width:14px;height:14px;border-radius:7px;}
.circle-label {display:inline-block;padding-left:20px;}
.circle.red {background-color:red;}
.circle.green {background-color:green;}
.circle.orange {background-color:orange;}
.circle.grey {background-color:grey;}
.circle.white {background-color:white;border:1px solid #aaa;}
.red {color:red;}
.dot {font-size: 40px;vertical-align: text-top;line-height: 16px;}

.rotate45 {transform: rotate(45deg);}
.rotate180 {transform: rotate(180deg);}

figure {margin:20px 0px}
figcaption {font-size:10px;font-style:italic;}