.minicolors { position: relative; }
.minicolors-swatch { position: absolute; padding: 0; margin: 0; background: url(../images/jquery.minicolors.png) -80px 0; border: solid 1px #ccc; display: inline-block; cursor: text; vertical-align: middle; }
.minicolors-swatch-color { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.minicolors input[type=hidden] + .minicolors-swatch { position: static; width: 28px; cursor: pointer; }

/* Panel */
.minicolors-panel { position: absolute; width: 173px; height: 152px; background: white; border: solid 1px #CCC; box-shadow: 0 0 20px rgba(0, 0, 0, .2); display: none; z-index: 99999; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
.minicolors-panel * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
.minicolors-panel.minicolors-visible { display: block; }

/* Panel positioning */
.minicolors-position-top .minicolors-panel { top: -154px; }
.minicolors-position-right .minicolors-panel { right: 0; }
.minicolors-position-bottom .minicolors-panel { top: auto; }
.minicolors-position-left .minicolors-panel { left: 0; }
.minicolors-with-opacity .minicolors-panel { width: 194px; }
.minicolors .minicolors-grid { position: absolute; width: 150px; height: 150px; background: url(../images/jquery.minicolors.png) -120px 0; top: 1px; left: 1px; cursor: crosshair; }
.minicolors .minicolors-grid-inner { position: absolute; width: 150px; height: 150px; background: none; top: 0; left: 0; }
.minicolors-slider-saturation .minicolors-grid { background-position: -420px 0; }
.minicolors-slider-saturation .minicolors-grid-inner { background: url(../images/jquery.minicolors.png) -270px 0; }
.minicolors-slider-brightness .minicolors-grid { background-position: -570px 0; }
.minicolors-slider-brightness .minicolors-grid-inner { background: black; }
.minicolors-slider-wheel .minicolors-grid { background-position: -720px 0; }
.minicolors-slider, .minicolors-opacity-slider { position: absolute; width: 20px; height: 150px; background: white url(../images/jquery.minicolors.png) 0 0; top: 1px; left: 152px; cursor: row-resize; }
.minicolors-slider-saturation .minicolors-slider { background-position: -60px 0; }
.minicolors-slider-brightness .minicolors-slider { background-position: -20px 0; }
.minicolors-slider-wheel .minicolors-slider { background-position: -20px 0; }
.minicolors-opacity-slider { background-position: -40px 0; display: none; left: 173px; }
.minicolors-with-opacity .minicolors-opacity-slider { display: block; }

/* Pickers */
.minicolors-grid .minicolors-picker { position: absolute; margin-top: -6px; margin-left: -6px; width: 12px; height: 12px; background: none; border: solid 1px black; border-radius: 10px; top: 70px; left: 70px; }

.minicolors-grid .minicolors-picker > div { position: absolute; width: 8px; height: 8px; border-radius: 8px; border: solid 2px white; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; top: 0; left: 0; }
.minicolors-picker { position: absolute; width: 18px; height: 2px; background: white; border: solid 1px black; margin-top: -2px; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; top: 0; left: 0; }

/* Inline controls */
.minicolors-inline { display: inline-block; }
.minicolors-inline .minicolors-input { display: none !important; }
.minicolors-inline .minicolors-panel { position: relative; display: inline-block; box-shadow: none; top: auto; left: auto; z-index: auto; }

/* Default theme */
.minicolors-theme-default .minicolors-swatch { width: 18px; height: 18px; top: 5px; left: 5px; }
.minicolors-theme-default.minicolors-position-right .minicolors-swatch { left: auto; right: 5px; }
.minicolors-theme-default.minicolors { width: auto; display: inline-block; }
.minicolors-theme-default .minicolors-input { padding-left: 26px; height: 20px; width: auto; display: inline-block; }
.minicolors-theme-default.minicolors-position-right .minicolors-input { padding-right: 26px; padding-left: inherit; }

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch { width: 33px; height: 34px; border-radius: 3px; top: 3px; left: 3px; }
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch { left: auto; right: 3px; }
.minicolors-theme-bootstrap .minicolors-input { padding-left: 44px; }
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input { padding-right: 44px; padding-left: 12px; }