/**
 * @file
 * Stylesheet for the administration pages of the Color module.
 */
/* Farbtastic placement */
/* line 7, ../../../sass/modules/color/color.admin.scss */
.color-form {
  max-width: 50em;
  position: relative; }

/* line 11, ../../../sass/modules/color/color.admin.scss */
#placeholder {
  position: absolute;
  top: 0;
  right: 0;
  /* LTR */ }

/* Palette */
/* line 18, ../../../sass/modules/color/color.admin.scss */
.color-form .form-item {
  height: 2em;
  line-height: 2em;
  padding-left: 1em;
  /* LTR */
  margin: 0.5em 0; }

/* line 24, ../../../sass/modules/color/color.admin.scss */
.color-form label {
  float: left;
  /* LTR */
  clear: left;
  /* LTR */
  width: 10em; }

/* line 30, ../../../sass/modules/color/color.admin.scss */
.color-form .form-text,
.color-form .form-select {
  float: left;
  /* LTR */ }

/* line 33, ../../../sass/modules/color/color.admin.scss */
.color-form .form-text {
  text-align: center;
  margin-right: 5px;
  /* LTR */
  cursor: pointer; }

/* line 39, ../../../sass/modules/color/color.admin.scss */
#palette .hook {
  float: left;
  /* LTR */
  margin-top: 3px;
  width: 16px;
  height: 16px; }

/* line 47, ../../../sass/modules/color/color.admin.scss */
#palette .down,
#palette .up,
#palette .both {
  background: url('../../../images/modules/color/hook.png') no-repeat 100% 0;
  /* LTR */ }

/* line 50, ../../../sass/modules/color/color.admin.scss */
#palette .up {
  background-position: 100% -27px;
  /* LTR */ }

/* line 53, ../../../sass/modules/color/color.admin.scss */
#palette .both {
  background-position: 100% -54px;
  /* LTR */ }

/* line 57, ../../../sass/modules/color/color.admin.scss */
#palette .lock {
  float: left;
  /* LTR */
  position: relative;
  top: -1.4em;
  left: -10px;
  /* LTR */
  width: 20px;
  height: 25px;
  background: url('../../../images/modules/color/lock.png') no-repeat 50% 2px;
  cursor: pointer; }

/* line 67, ../../../sass/modules/color/color.admin.scss */
#palette .unlocked {
  background-position: 50% -22px; }

/* line 70, ../../../sass/modules/color/color.admin.scss */
#palette .form-item {
  width: 20em; }

/* line 73, ../../../sass/modules/color/color.admin.scss */
#palette .item-selected {
  background: #eee; }

/* Preview */
/* line 78, ../../../sass/modules/color/color.admin.scss */
#preview {
  display: none; }

/* line 81, ../../../sass/modules/color/color.admin.scss */
html.js #preview {
  display: block;
  position: relative;
  float: left;
  /* LTR */ }