/**
 * The below CSS file is for demonstration purpose only
 * This file is not included in the original downloaded package
 *
 */
.colorPanel {
  margin: 0px;
  padding: 5px;
  position: fixed;
  z-index: 100;
  min-width: 20px;
  background-color: #2c3e50;
  top: 40%;
}

.colorPanel ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
  display: none;
}

.colorPanel ul li {
  display: block;
  margin-top: 5px;
  line-height: 0;
}

.colorPanel ul li a {
  display: block;
  width: 30px;
  height: 30px;
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}

#cpToggle {
  display: block;
  height: 30px;
  width: 30px;
  background-image: url("../img/theme-switcher.png");
  background-size: cover;
}


@media only screen and (max-width: 991px) {
  .colorPanel {
    top:150px;
  }
}