.piranya-view-form-wrapper.vertical-labels fieldset > div[data-field-form-type="Checkbox"] > * {
  width: auto;
  float: right; }

.piranya-view-form-wrapper.vertical-labels fieldset > div[data-field-form-type="Checkbox"] > label[data-value] + div {
  margin: 4px 5px 0 0; }

.piranya-view-form-wrapper [data-field-form-type="Checkbox"] {
  position: relative; }
  .piranya-view-form-wrapper [data-field-form-type="Checkbox"] > label[data-value] {
    display: inline-block;
    padding-left: 25px;
    min-height: 18px;
    font-size: .9em;
    background-size: contain;
    vertical-align: middle;
    background: url("../../images/checkbox_off.png") left top no-repeat;
    cursor: pointer; }
    .piranya-view-form-wrapper [data-field-form-type="Checkbox"] > label[data-value] + div input[type="checkbox"] {
      top: 0;
      margin: 0;
      position: absolute;
      opacity: 0;
      z-index: -1; }
    .piranya-view-form-wrapper [data-field-form-type="Checkbox"] > label[data-value][disabled] {
      opacity: 0.4; }
  .piranya-view-form-wrapper [data-field-form-type="Checkbox"] > label[data-value="true"] {
    background: url("../../images/checkbox_on.png") left top no-repeat; }
  .piranya-view-form-wrapper [data-field-form-type="Checkbox"] > label[data-value="indeterminate"] {
    background: url("../../images/checkbox_indeterminate.png") left top no-repeat; }

.piranya-selector.checkboxes,
.piranya-selector.radio-buttons {
  display: flex;
  flex-direction: column;
  align-items: stretch; }
  .piranya-selector.checkboxes > .editor,
  .piranya-selector.radio-buttons > .editor {
    display: grid;
    grid-gap: 2px;
    grid-template-columns: repeat(3, 1fr); }
    .piranya-selector.checkboxes > .editor > .actions,
    .piranya-selector.radio-buttons > .editor > .actions {
      grid-column: 1 / 4; }
    .piranya-selector.checkboxes > .editor > .item,
    .piranya-selector.radio-buttons > .editor > .item {
      align-items: center;
      display: flex;
      flex-direction: row; }
      .piranya-selector.checkboxes > .editor > .item > label,
      .piranya-selector.radio-buttons > .editor > .item > label {
        width: auto; }
  .piranya-selector.checkboxes i.info,
  .piranya-selector.radio-buttons i.info {
    font-size: 0.9em;
    margin-left: 0.4em;
    margin-top: 0.15em; }