// --------------------------------------------------------- USER/GROUP
.tableUserGroups{
  .description{
    text-align: right;
  }
  .checkWrapper{
    // HACK: markup puts label first, checkbox second (same cell). We want the checkbox left of the label...
    position: absolute;
    left: 0;
    width: 100%;    // size up to catch clicks on entire cell
    height: 100%;
  }
  .iconCheckboxActive, .iconCheckbox {
    // HACK: rewire BOTH active and inactive icons to iconOk glyph
    //       (markup in FOM)
    @extend .iconOk;
    &:before{
      display:inline-block;
      font-size: 153%;
      margin-top: 4px;
    }
  }
  .iconCheckbox {
    &:before {
      opacity: 0.4;
    }
    &:hover:before {
      opacity: 0.6;
    }
  }
  .iconCheckboxActive {
    &:before {
      opacity: 0.8;
    }
    &:hover:before {
      opacity: 1.0;
    }
  }

  .tdContentWrapper{
    position:relative;
    // padding:0px;
    padding-left: 25px;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    display:block;
  }
}
.userGroupTabContainer{
  .containerBaseData, .containerProfile{
    textarea{height:150px;}
  }

  .validationInput[disabled] {
    background: #eeeeee;
  }
}
