#wrapper {
  width: 90%;
  margin: 110px auto 2em auto;
}
.border-radius-10 {
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}
.solid-graphs {
  /* height */
  /* backgrounds */
}
.solid-graphs .w-100 {
  width: 100%;
}
.solid-graphs .w-90 {
  width: 90%;
}
.solid-graphs .w-80 {
  width: 80%;
}
.solid-graphs .w-70 {
  width: 70%;
}
.solid-graphs .w-60 {
  width: 60%;
}
.solid-graphs .w-50 {
  width: 50%;
}
.solid-graphs .w-40 {
  width: 40%;
}
.solid-graphs .w-30 {
  width: 30%;
}
.solid-graphs .w-20 {
  width: 20%;
}
.solid-graphs .w-10 {
  width: 10%;
}
.solid-graphs .h-100 {
  height: 100%;
}
.solid-graphs .h-90 {
  height: 90%;
}
.solid-graphs .h-80 {
  height: 80%;
}
.solid-graphs .h-70 {
  height: 70%;
}
.solid-graphs .h-60 {
  height: 60%;
}
.solid-graphs .h-50 {
  height: 50%;
}
.solid-graphs .h-40 {
  height: 40%;
}
.solid-graphs .h-30 {
  height: 30%;
}
.solid-graphs .h-20 {
  height: 20%;
}
.solid-graphs .h-10 {
  height: 10%;
}
.solid-graphs .margin-0 {
  margin: 0 !important;
}
.solid-graphs .margin-auto {
  margin: 0 auto !important;
}
.solid-graphs .margin-top-0 {
  margin-top: 0 !important;
}
.solid-graphs .margin-right-0 {
  margin-right: 0 !important;
}
.solid-graphs .margin-left-n-1px {
  margin-left: -1px;
}
.solid-graphs .margin-top-1 {
  margin-top: 1em;
}
.solid-graphs .margin-bottom-2 {
  margin-bottom: 2em !important;
}
.solid-graphs .padding-0 {
  padding: 0 !important;
}
.solid-graphs .pad-0-3 {
  padding: 0 3em !important;
}
.solid-graphs .pad-right-25 {
  padding-right: 25px !important;
}
.solid-graphs .pad-lr-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.solid-graphs .pad-right-1 {
  padding-right: 1em !important;
}
.solid-graphs .text-small {
  font-size: 0.8em !important;
}
.solid-graphs .text-muted {
  color: #868686;
}
.solid-graphs .text-warning {
  color: #ec4848;
}
.solid-graphs .text-success {
  color: #14bb46;
}
.solid-graphs .text-info {
  color: #0583bb;
}
.solid-graphs .bg-default {
  background: #03a9f4 !important;
}
.solid-graphs .bg-muted {
  background: #868686 !important;
}
.solid-graphs .bg-alternate {
  background: #06b2a2 !important;
}
.solid-graphs .bg-success {
  background: #14bb46 !important;
}
.solid-graphs .bg-info {
  background: #0583bb !important;
}
.solid-graphs .bg-danger {
  background: #ea0000 !important;
}
.solid-graphs .bg-caution {
  background: #e48609 !important;
}
.solid-graphs .bg-warning {
  background: #ec4848 !important;
}
.solid-graphs .bg-orange {
  background: #ef5411 !important;
}
.solid-graphs .bg-purple {
  background: #36175e !important;
}
.solid-graphs .bg-maroon {
  background: #520012 !important;
}
.solid-graphs .bl-default {
  border-color: #03a9f4 !important;
}
.solid-graphs .bl-muted {
  border-color: #868686 !important;
}
.solid-graphs .bl-alternate {
  border-color: #06b2a2 !important;
}
.solid-graphs .bl-success {
  border-color: #14bb46 !important;
}
.solid-graphs .bl-info {
  border-color: #0583bb !important;
}
.solid-graphs .bl-danger {
  border-color: #ea0000 !important;
}
.solid-graphs .bl-caution {
  border-color: #e48609 !important;
}
.solid-graphs .bl-warning {
  border-color: #ec4848 !important;
}
.solid-graphs .bl-orange {
  border-color: #ef5411 !important;
}
.solid-graphs .bl-purple {
  border-color: #36175e !important;
}
.solid-graphs .bl-maroon {
  border-color: #520012 !important;
}
.solid-graphs .opacity-0 {
  opacity: 0;
}
.solid-graphs .settings-container {
  position: fixed;
  top: 0;
  left: 0;
  background: white;
  font-size: 0.85em;
  z-index: 15;
  -webkit-box-shadow: 1px 1px 2px 1px #b3b3b3;
     -moz-box-shadow: 1px 1px 2px 1px #b3b3b3;
          box-shadow: 1px 1px 2px 1px #b3b3b3;
}
.solid-graphs .settings-container > div {
  padding: 0.25em 1.25em 0 1.25em;
}
.solid-graphs .settings-container label {
  font-weight: bold;
  display: block;
  margin-bottom: 0.5em;
}
.solid-graphs .settings-container select {
  padding: 0.15em;
  width: 100%;
  margin-bottom: 5px;
}