#theme_options {
  position: fixed;
  top: 300px;
  left: -234px;
  z-index: 99999;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  @media screen and (max-width: 991px) {
    #theme_options {
      display: none; } }
  #theme_options:hover {
    cursor: pointer; }
  #theme_options .icon {
    float: right;
    width: 60px;
    height: 60px;
    padding: 18px 0;
    background: #2d3338;
    color: #eeb501;
    text-align: center; }
    #theme_options .icon i {
      font-size: 24px; }
  #theme_options .colors_panel {
    float: right;
    background: #fff;
    -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.5); }
    #theme_options .colors_panel h5 {
      height: 60px;
      padding: 22px;
      background: #2d3338;
      color: #fff; }
    #theme_options .colors_panel ul {
      padding: 16px 20px;
      padding-top: 20px; }
      #theme_options .colors_panel ul li {
        display: inline-block; }
        #theme_options .colors_panel ul li a {
          display: block;
          width: 35px;
          height: 35px;
          margin-right: 13px; }
        #theme_options .colors_panel ul li:last-child a {
          margin-right: 0; }
        #theme_options .colors_panel ul li a.yellow {
          margin-bottom: 10px;
          background: #eeb501; }
        #theme_options .colors_panel ul li a.green {
          margin-bottom: 10px;
          background: #42bab0; }
        #theme_options .colors_panel ul li a.red {
          margin-bottom: 10px;
          background: #fe4157; }
        #theme_options .colors_panel ul li a.purple {
          margin-bottom: 10px;
          margin-right: 0;
          background: #aa71d0; }
        #theme_options .colors_panel ul li a.blue {
          background: #0090ff; }
        #theme_options .colors_panel ul li a.pink {
          background: #f39dc2; }
        #theme_options .colors_panel ul li a.brown {
          background: #a67c52; }
        #theme_options .colors_panel ul li a.orange {
          background: #f37020; }

#theme_options.toggle_panel {
  left: 0; }

@keyframes pencil_colors {
  0% {
    color: #eeb501; }
  12% {
    color: #42bab0; }
  24% {
    color: #fe4157; }
  36% {
    color: #aa71d0; }
  48% {
    color: #0090ff; }
  60% {
    color: #f39dc2; }
  72% {
    color: #a67c52; }
  84% {
    color: #f37020; }
  96% {
    color: #eeb501; } }
#theme_options .icon {
  -webkit-animation: pencil_colors 10s infinite;
  -moz-animation: pencil_colors 10s infinite;
  -ms-animation: pencil_colors 10s infinite;
  animation: pencil_colors 10s infinite; }

/*# sourceMappingURL=theme-options.css.map */