/**
 * @provides phabricator-flag-css
 */

.phabricator-flag-icon {
  padding: 8px;
  background: transparent 0 0 no-repeat;
}

.phui-oi .phabricator-flag-icon {
  float: left;
  margin: 2px;
  margin-right: 8px;
  margin-bottom: 0;
}

.phabricator-flag-radio {
  padding-left: 18px;
  margin: 1px;
  background: transparent 0 0 no-repeat;
}

.phabricator-flag-color-0 {
  background-image: url(/rsrc/image/icon/fatcow/flag_red.png);
}

.phabricator-flag-color-1 {
  background-image: url(/rsrc/image/icon/fatcow/flag_orange.png);
}

.phabricator-flag-color-2 {
  background-image: url(/rsrc/image/icon/fatcow/flag_yellow.png);
}

.phabricator-flag-color-3 {
  background-image: url(/rsrc/image/icon/fatcow/flag_green.png);
}

.phabricator-flag-color-4 {
  background-image: url(/rsrc/image/icon/fatcow/flag_blue.png);
}

.phabricator-flag-color-5 {
  background-image: url(/rsrc/image/icon/fatcow/flag_pink.png);
}

.phabricator-flag-color-6 {
  background-image: url(/rsrc/image/icon/fatcow/flag_purple.png);
}

.phabricator-flag-color-7 {
  background-image: url(/rsrc/image/icon/fatcow/flag_finish.png);
}

.phabricator-flag-ghost {
  background-image: url(/rsrc/image/icon/fatcow/flag_ghost.png);
}

.phabricator-flag-select-control .phabricator-flag-select-label {
  border: 1px solid #aaaaaa;
  width: 48px;
  height: 24px;
  border-radius: 4px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0 4px 4px 0;
}

.phabricator-flag-select-control .phabricator-flag-select-checkbox {
  position: absolute;
  top: 2px;
  left: 4px;
  width: auto;
}

.phabricator-flag-select-control .phui-icon-view {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 4px;
  left: 24px;
}