/* -----------------------------------------------------------------------------

   Component: Icons

----------------------------------------------------------------------------- */

// Lock

// -----------------------------------------------------------------------------

.icon-lock() {

  border: @toolbutton-border-size solid @toolbutton-border-color;

  height: 18;

  padding: 0 -1 0 1;

  width: 19;

  margin-left: 1;

  &:unchecked {

    image: url('@{img-url}/lock.svg');

    &:hover {

      image: url('@{img-url}/lock_over.svg');

    }

  }

  &:checked {

    background-color: @toolbutton-lock-bg-color-checked;

    border-color: @toolbutton-lock-border-color-checked;

    image: url('@{img-url}/lock_on.svg');

    &:hover {

      background-color: @toolbutton-lock-bg-color-checked-hover;

      border-color: @toolbutton-lock-border-color-checked-hover;

    }

  }

}

// Force Square Pixel

// -----------------------------------------------------------------------------

.icon-fsp() {

  height: 16;

  border: @toolbutton-border-size solid @toolbutton-border-color;

  image: url('@{img-url}/fsp_unchecked.svg');

  padding: 2;

  width: 16;

  &:checked {

    image: url('@{img-url}/fsp_checked.svg');

  }

}