.data-legend {height: auto;}
.data-legend .jumbotron {width: 92%; background: rgba(236, 124, 45, 0.5); margin: 10px 4% 10px 4%; padding: 10px 0 10px 0;}
.data-legend .jumbotron .centered {text-align: center;}
.data-legend-items {height: auto; margin: 20px 0 20px 0;}
.data-legend-items a.label {background: rgba(0, 127, 166, 1.0); border: rgba(0, 127, 166, 1.0) solid .1em; color: #fdfdfd; padding: 5px 10px 5px 10px; font-weight: normal;}
.data-legend-items a.label:hover {background: rgba(0, 127, 166, .6); border-color: rgba(0, 127, 166, .6); color: #2B2B2B;}
.data-legend #content-action-bar {width: 100%; height: auto; text-align: center; margin: 15px auto 15px auto; z-index: 1000;}
.data-legend #content-action-bar select {width: 70%; margin: 0 15% 0 15%;}
.data-legend #content-action-bar.fixed {position: fixed; top: 2%; margin: 0; background: rgba(236, 124, 45, 0.7); padding: 10px 0 0 0;}
#data-loading {width: 40%; height: 100px; margin: 20px 30% 0 30%; padding: 0px; text-align: center;}
#data-loading .display {color: #333333;}
.data-visuals .content-scroll-to {height: 135px;}
.hide-data-loading-icon {display: none;}
.highlight {background-color: #256254; color: #ffffff; border: #e8e8e8 solid .1em; padding: 2px 3px 2px 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.legi-img {margin-top: 15px; text-align: center;}