.border-radius-100 {
  -webkit-border-radius: 100%;
     -moz-border-radius: 100%;
          border-radius: 100%;
}
.demo-col {
  padding: 0.5em;
  background: #FF4081;
  text-align: center;
  color: #ffffff;
}
#wrapper {
  width: 95%;
  min-height: 700px;
  margin: 40px auto 100px auto;
}
.solid-tabs {
  /* widths */
  /* height */
  /* margin */
  /* padding */
  /* rounding */
  /* texts alignments */
  /* text sizes */
  /* text colors */
}
.solid-tabs .overflow-hidden {
  overflow: hidden;
}
.solid-tabs .overflow-visible {
  overflow: visible !important;
}
.solid-tabs [class^="w-"] {
  display: inline-block;
  float: left;
}
.solid-tabs .w-100 {
  width: 100%;
}
.solid-tabs .w-90 {
  width: 90%;
}
.solid-tabs .w-80 {
  width: 80%;
}
.solid-tabs .w-70 {
  width: 70%;
}
.solid-tabs .w-65 {
  width: 65%;
}
.solid-tabs .w-60 {
  width: 60%;
}
.solid-tabs .w-50 {
  width: 50% !important;
}
.solid-tabs .w-40 {
  width: 40%;
}
.solid-tabs .w-35 {
  width: 35%;
}
.solid-tabs .w-30 {
  width: 30% !important;
}
.solid-tabs .w-20 {
  width: 20%;
}
.solid-tabs .w-18 {
  width: 18%;
}
.solid-tabs .w-10 {
  width: 10%;
}
.solid-tabs .min-width-auto {
  min-width: auto !important;
}
.solid-tabs .h-100 {
  height: 100%;
}
.solid-tabs .h-90 {
  height: 90%;
}
.solid-tabs .h-80 {
  height: 80%;
}
.solid-tabs .h-70 {
  height: 70%;
}
.solid-tabs .h-60 {
  height: 60%;
}
.solid-tabs .h-50 {
  height: 50%;
}
.solid-tabs .h-40 {
  height: 40%;
}
.solid-tabs .h-30 {
  height: 30%;
}
.solid-tabs .h-20 {
  height: 20%;
}
.solid-tabs .h-10 {
  height: 10%;
}
.solid-tabs .margin-auto {
  margin: 0 auto !important;
}
.solid-tabs .margin-0 {
  margin: 0 !important;
}
.solid-tabs .margin-top-0 {
  margin-top: 0 !important;
}
.solid-tabs .margin-top-1 {
  margin-top: 1em !important;
}
.solid-tabs .margin-bottom-0 {
  margin-bottom: 0 !important;
}
.solid-tabs .margin-bottom-1 {
  margin-bottom: 1em !important;
}
.solid-tabs .margin-bottom-2 {
  margin-bottom: 2em !important;
}
.solid-tabs .margin-right-0 {
  margin-right: 0 !important;
}
.solid-tabs .margin-right-1 {
  margin-right: 1em !important;
}
.solid-tabs .margin-right-h {
  margin-right: 0.5em !important;
}
.solid-tabs .margin-top-1 {
  margin-top: 1em;
}
.solid-tabs .margin-top-2 {
  margin-top: 2em !important;
}
.solid-tabs .margin-top-half {
  margin-top: 0.5em;
}
.solid-tabs .margin-pull-up-1 {
  margin-top: -1em;
}
.solid-tabs .margin-pull-up-1p5 {
  margin-top: -1.5em;
}
.solid-tabs .margin-pull-up-2 {
  margin-top: -2em;
}
.solid-tabs .no-padding {
  padding: 0 !important;
}
.solid-tabs .pad-top-1 {
  padding-top: 1em;
}
.solid-tabs .pad-left-0 {
  padding-left: 0 !important;
}
.solid-tabs .pad-right-0 {
  padding-right: 0 !important;
}
.solid-tabs .pad-bottom-1 {
  padding-bottom: 1em !important;
}
.solid-tabs .border-0 {
  border: none !important;
}
.solid-tabs .bordered-l-4 {
  border-left: 4px solid #03a9f4;
}
.solid-tabs .rounded {
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}
.solid-tabs .text-center {
  text-align: center;
}
.solid-tabs .text-left {
  text-align: left;
}
.solid-tabs .text-right {
  text-align: right;
}
.solid-tabs .text-x-large {
  font-size: 1.75em;
}
.solid-tabs .text-large {
  font-size: 1.15em;
}
.solid-tabs .text-medium {
  font-size: 0.875em;
}
.solid-tabs .text-small {
  font-size: 0.725em;
}
.solid-tabs .text-x-small {
  font-size: 0.625em;
}
.solid-tabs .text-muted {
  color: #A9A9A9;
}
.solid-tabs .text-warning {
  color: #F9470E;
}
.solid-tabs .text-success {
  color: #37B634;
}
.solid-tabs .text-info {
  color: #42ACF9;
}
.solid-tabs .fixed-w {
  height: auto !important;
}
.solid-tabs .bg-default {
  background-color: #03A9F4;
}
/* end solid-tabs */
#temporary-container {
  -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
       -o-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
}
.settings-container {
  position: fixed;
  top: -144px;
  left: 0;
  background: rgba(255, 255, 255, 0.9);
  font-size: 13px;
  z-index: 100000;
  -webkit-transition: all 0.2s ease-in;
     -moz-transition: all 0.2s ease-in;
       -o-transition: all 0.2s ease-in;
          transition: all 0.2s ease-in;
}
.settings-container > div {
  padding: 0.25em 1.25em 0 1.25em;
}
.settings-container label {
  font-weight: bold;
  display: block;
  margin-bottom: 0.5em;
}
.settings-container select {
  padding: 0.15em;
  width: 100%;
}
.settings-container select > option:hover {
  background-color: rgba(0, 0, 0, 0) !important;
  cursor: pointer;
}
.settings-container div[class^="col-"] {
  margin: 5px 0;
}
.settings-container .menu-marker {
  position: absolute;
  width: 31px;
  height: 29px;
  background: rgba(255, 255, 255, 0.9);
  bottom: -29px;
  left: 5px;
  padding: 5px 8px 5px 4px;
  z-index: -25;
  -webkit-border-bottom-left-radius: 8px;
     -moz-border-radius-bottomleft: 8px;
          border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
     -moz-border-radius-bottomright: 8px;
          border-bottom-right-radius: 8px;
}
.settings-container .menu-marker ul {
  padding: 0;
}
.settings-container .menu-marker ul li {
  display: inline-block;
  font-weight: bold;
}
.settings-container .menu-marker ul li i {
  font-size: 1.5em;
  color: #f20e0e;
  margin: 0 0 0 -1px;
}
.settings-container.show-settings {
  top: 0;
}
.settings-container:hover {
  cursor: pointer;
}
