.text-common {
  color:#5E9100 !important;
}
.text-admin {
  color:#E23D3B !important;
}
    
.switch-button {
  display:inline-block;
}  
  .switch-button span {
    float:left;
    padding:5px 8px;
    background:#e6e6e6;
    color:#888;
    cursor:pointer;
  }
    .switch-button span:hover {
      text-decoration:underline;
    }
    .switch-button span.active {
      color:#212121;
    }
    .switch-button span.common.active {
      background:#BAFF3F;
    }
    .switch-button span.admin.active {
      background:#FF5E5B;
    }
    .switch-button span.other.active {
      background:#4CC6FF;
    }
    .switch-button span.ignore.active {
      background:#ff0000;
    }
    .switch-button span:first-of-type {
      border-radius:5px 0 0 5px;
    }
    .switch-button span:last-of-type {
      border-radius:0 5px 5px 0;
    }
    .switch-button span:only-of-type {
      border-radius:5px;
    }

.files {
  border-collapse:separate;
  border-spacing:10px 0;
  text-align:left !important;
  margin:0;
}

.strings {
  border-collapse:collapse;
  text-align:left !important;
  margin:0;
}
  .strings th {
    background:#999;
    color:#eee;
    padding:2px 5px;
    white-space:nowrap;
  }
    .strings thead th:not(:first-of-type) {
      border-left:1px solid #eee;
    }
    .strings thead th:first-of-type {
      border-radius:5px 0 0 0;
    }
    .strings thead th:last-of-type {
      border-radius:0 5px 0 0;
    }
    .strings tfoot th:first-of-type {
      border-radius:0 0 0 5px;
    }
    .strings tfoot th:last-of-type {
      border-radius:0 0 5px 0;
    }
  
  .strings td {
    background:#e7e7e7;
    border-top:1px solid #ccc;
    padding:2px 3px;
    vertical-align:top;
    color:#444;
  }
    .strings tr.missing td {
      background:#EBD9D9;
    }
    .strings tr.useless td {
      background:#DBEACC;
    }
    .strings tr.hover td {
      background:#D9E2EB;
    }
  
  .strings tr td.toggler {
    cursor:pointer;
    color:#666;
  }
    .strings tr td:first-child:hover:before {
      color:#222;
    }
  .strings tr td:nth-child(2) {
    min-width:300px;
    max-width:700px;
  }
  .strings tr td:nth-child(3) {
    text-align:right;
  }
  
  .strings tr.file {
    display:none;
    font-size:0.8em;
  }
    .strings tr.file td {
      border-color:#ddd;
    }
    
  .strings .legend span:before {
    content:" ";
    display:inline-block;
    width:10px;
    height:10px;
    overflow:hidden;
    margin:0 3px 0 10px;
  }
    .strings .legend span.missing:before {
      background:#EAAFAF;
    }
    .strings .legend span.useless:before {
      background:#BFE599;
    }

.tiptip {
  cursor:help;
}