.pull-right { margin-left: 20px; }

.pull-left { margin-right: 20px; }

#brand-logo { height: calc(100% + 8px); margin-top: -4px; }

.navbar-brand { padding-top: 18px; padding-bottom: 18px; background-color: rgba(0, 0, 0, 0.12) !important; }

.dropdown-toggle { cursor: pointer; }

.heading-icon { margin-right: 8px; }

.alert span.glyphicon, .panel span.glyphicon, .btn span.glyphicon { margin-right: 8px; }

#footer { margin-top: 40px; margin-bottom: 50px; text-align: center; color: #696969; }

@media all and (min-width: 992px) { .navbar-nav .dropdown:hover .dropdown-menu { display: block; margin-top: 0; } }
body { padding-top: 40px; }

@media (max-width: 1199px) { padding-top: 0; }
h2.panel-title { font-size: 20px; }

.rounded-panel { border-top-left-radius: 4px; border-bottom-left-radius: 4px; }

.font-light { font-weight: lighter; }

.screenshot { display: table; margin: 20px auto; text-align: center; }

.screenshot > a > img { max-height: 480px; }

.inline-screenshot { max-width: 350px; }

.inline-screenshot img { max-width: 350px; }

sup[id]:before { display: inline-block; }

.table-indexed > tbody th { background-color: #2f2f2f; }

.table-indexed > thead > tr, .table-indexed > tbody > tr:nth-of-type(2n+0) { background-color: #3d3d3d; }

.table-indexed > tbody > tr:nth-of-type(2n+1) { background-color: transparent; }

dd { margin-bottom: 20px; }

dd ol, dd ul { margin-top: 10px; }

ul + p, ol + p { margin-top: 10.5px; }

.cclicense { text-align: center; color: #696969; }

.xl-button-text { font-size: 22px; }

.margin-top-xs { margin-top: 0.5rem; }

.margin-bottom-xs { margin-bottom: 0.5rem; }

.margin-top-sm { margin-top: 1rem; }

.margin-bottom-sm { margin-bottom: 1rem; }

.margin-top-md { margin-top: 1.5rem; }

.margin-bottom-md { margin-bottom: 1.5rem; }

.margin-top-lg { margin-top: 2rem; }

.margin-bottom-lg { margin-bottom: 2rem; }

.margin-top-xl { margin-top: 2.5rem; }

.margin-bottom-xl { margin-bottom: 2.5rem; }