#saturation, #light, #speed {
    float: left;
    width: 190px;
    margin: 5px;
    margin-left:0px;
    margin-top:20px;
    border-radius:9px;
    height:18px;
    background:#E4E2E2;
  }


.ui-slider .ui-slider-handle {
  width: 1.5em;
  height: 1.5em;
  border-radius:9px;
  color:#42B8DD;
  top: -.2em;
  margin-left: -.7em;

}


  #swatch {
    width: 100px;
    height: 100px;
    border-radius:50%;
    left: 250px;
    background-image: none;
  }

  #saturation .ui-slider-range { background: #42B8DD; border-radius: 15px;}
  #saturation .ui-slider-handle { border-color: #40403F; border-radius: 15px; background-color: #1B1718 !important;background: black;}

  #light .ui-slider-range { background: #42B8DD; border-radius: 15px;}
  #light .ui-slider-handle { border-color: #40403F; border-radius: 15px; background-color: #1B1718 !important;background: black;}
  
  #speed .ui-slider-range { background: #42B8DD; border-radius: 15px;}
  #speed .ui-slider-handle { border-color: #40403F; border-radius: 15px; background-color: #1B1718 !important;background: black;}

.btn {
  background: #AFAFAF;
  -webkit-border-radius: 24;
  -moz-border-radius: 24;
  border-radius: 24px;
  font-family: Arial;
  color: #000000;
  font-size: 18px;
  padding: 8px 20px 8px 20px;
  text-decoration: none;
  border-color: #2B2B2B;
  border-style: solid;
  border-width: 1px;
}

.btn:hover {
  background: #e3e3e0;
  background-image: -webkit-linear-gradient(top, #e3e3e0, #757575);
  background-image: -moz-linear-gradient(top, #e3e3e0, #757575);
  background-image: -ms-linear-gradient(top, #e3e3e0, #757575);
  background-image: -o-linear-gradient(top, #e3e3e0, #757575);
  background-image: linear-gradient(to bottom, #e3e3e0, #757575);
  text-decoration: none;
}



    .demo select {
        border: 0;  /*Removes border*/
        border-bottom-width: 1px;
        border-bottom-color: #B6B5B5;
        border-bottom-style: solid;
        -webkit-appearance: none;  /*Removes default chrome and safari style*/
        -moz-appearance: none; /* Removes Default Firefox style*/
        appearance:none;
        background: #E4E2E2 url(images/select-arrow.png) no-repeat 90% center;
        width:150px;
        text-indent: 0.01px; /* Removes default arrow from firefox*/
        text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
        color: #FFF;
        
        padding: 5px;
        
    }
    .demo select.balck {
        background-color: #E4E2E2;
        color:black;
        margin-right:0px;
    }

    .botappli {
      background-image: url("images/bk-grille.gif");
    }

    .colorpicker {
      position:absolute;
      top:28px;
      left:28px;
      float: left;
      margin: 1em;
    }

    .farbtastic-solid {display: none!important}