.minicolors  {
     position:  relative;
 }
 .minicolors-sprite  {
     background-image:  url(https://cdnjs.cloudflare.com/ajax/libs/jquery-minicolors/2.3.5/jquery.minicolors.png);
 }
 .minicolors-swatch  {
     position:  absolute;
     vertical-align:  middle;
     background-position:  -80px 0;
     cursor:  pointer;
     padding:  0;
     margin:  0;
     display:  inline-block;
 }
 .minicolors-swatch-color  {
     position:  absolute;
     top:  0;
     left:  0;
     right:  0;
     bottom:  0;
 }
 .minicolors input[type=hidden] + .minicolors-swatch  {
     width:  8px;
     position:  static;
     cursor:  pointer;
 }
 function generatecsscode() {
    w3generator();
}
 .minicolors input[type=hidden][disabled] + .minicolors-swatch  {
     cursor:  default;
 }
 /* Panel */ .minicolors-panel  {
     position:  absolute;
     width:  172px;
     background:  grey;
     border:1px solid white;
     box-shadow:  rgba(0,  0,  0,  0.1) 0px 10px 15px -3px,  rgba(0,  0,  0,  0.05) 0px 4px 6px -2px;
     border-radius:  2px;
     z-index:  99999;
     box-sizing:content-box;
     display:none;
     border-radius:4px;
     overflow: hidden;
}
 .minicolors-panel.minicolors-visible  {
     display:  block;
 }
 .minicolors .minicolors-grid  {
     position:  relative;
     top:  1px;
     left:  1px;
     /* LTR */ width:  150px;
     height:  150px;
     margin-bottom:  0px;
     background-position:  -120px 0;
     cursor:  crosshair;
 }
 [dir=rtl] .minicolors .minicolors-grid  {
     right:  1px;
 }
 .minicolors-slider,  .minicolors-opacity-slider  {
     position:  absolute;
     top:  1px;
     left:  152px;
     /* LTR */ width:  20px;
     height:  150px;
     background-color:  white;
     background-position:  0 0;
     cursor:  row-resize;
 }
 [dir=rtl] .minicolors-slider,  [dir=rtl] .minicolors-opacity-slider  {
     right:  152px;
 }
 .minicolors-opacity-slider  {
     left:  173px;
     /* LTR */ background-position:  -40px 0;
     display:  none;
 }
 /* Pickers */ .minicolors-grid .minicolors-picker  {
     position:  absolute;
     top:  70px;
     left:  70px;
     width:  12px;
     height:  12px;
     border:  solid 0px grey;
     border-radius:  10px;
     margin-top:  -6px;
     margin-left:  -6px;
     background:  none;
 }
 .minicolors-grid .minicolors-picker > div  {
     position:  absolute;
     top:  0;
     left:  0;
     width:  8px;
     height:  8px;
     border-radius:  8px;
     border:  solid 2px white;
     box-sizing:  content-box;
 }
 .minicolors-picker  {
     position:  absolute;
     top:  0;
     left:  0;
     width:  18px;
     height:  2px;
     background:  white;
     border:  solid 1px grey;
     margin-top:  -2px;
     box-sizing:  content-box;
 }
 /* Inline controls */ .minicolors-inline  {
     display:  inline-block;
 }
 .minicolors-inline .minicolors-input  {
     display:  none !important;
 }
 /* The color patch on the box */ .minicolors-theme-bootstrap .minicolors-swatch  {
     z-index:  2;
     top:  3px;
     left:  3px;
     /* LTR */ width:  22px;
     height:  17px;
     border-radius: 4px;
     overflow: hidden;
 }
 .minicolors-theme-bootstrap .minicolors-input  {
     float:  none;
     padding-left:  35px;
     /* padding left from text */ }