#demo-settings-panel .fa-cog {
  background: #fff;
  padding: 10px 15px;
  top: -1px;
  position: absolute;
  z-index: 9999;
  left: -57px;
  font-size: 30px;
  border: 1px solid rgba(0,0,0,.1);
  border-right: none;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#demo-settings-panel h3 {
  margin: 10px 0;
}

#demo-settings-panel p {
  margin: 0;
}

#demo-settings-panel {
    border: 1px solid rgba(0,0,0,.1);
    position: fixed;
    width: 285px;
    z-index: 999;
    right: -285px;
    top: 50px;
    padding: 5px;
    padding-bottom: 0;
    transition: right .4s ease-in-out;
    -webkit-transition: right .4s ease-in-out;
    -moz-transition: right .4s ease-in-out;
    -ms-transition: right .4s ease-in-out;
    -o-transition: right .4s ease-in-out;
    background: #fff;
    cursor: pointer;
    z-index: 9999999;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}

#demo-settings-panel.opened {
    right: 0;
}

#demo-settings-panel .color-list, #demo-settings-panel .bg-list {
    list-style: none;
    padding:0;
    padding-top: 10px;
}
#demo-settings-panel .color-list li, #demo-settings-panel .bg-list li {
    display: block;
    float:left;
    margin: 0 10px 10px 0;
    width:25px;
    height:25px;
    cursor: pointer;
}

.panel-container h3 {
  padding-bottom: 5px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 560px) {
  #demo-settings-panel {
    display: none;
  }
}