.md-logo {width:80px;height:50px;}
.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}
.title-image {
  margin-top: -10px;
}

.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;}

.md-content li {
  list-style-type: square;
}
.md-content li::marker {
  content: '\25FC     ';
  color: rgb(10,40,90);
}

[data-md-color-primary=blue] .md-header, [data-md-color-primary=blue] .md-hero {
  background-color: rgb(10,40,90);
}