.table {
  margin: 0 auto;
  width: 100%;
}

.table th {
  padding: 5px 10px;
  text-align: left;
  background-color: #DBDBDB; /*#d0d0d0*/
  border-right: 1px solid #fcfcfc;
  border-bottom: 1px solid gray;
}

.table td {
  padding: 5px;
  border-bottom: 1px solid #fcfcfc;
}

.table a:visited:not(.btn) {
  color: blue;
}

.table-striped tr:nth-of-type(odd) {
  background-color: #f0f0f0 !important;
}

.table-striped tr:nth-child(even) {
  background-color: #fcfcfc;
}

.tbody-striped tbody:nth-of-type(odd) tr {
  background-color: #f0f0f0 !important;
}

.tbody-striped tbody:nth-of-type(even) tr {
  background-color: #fcfcfc !important;
}

.table .btn {
  white-space: nowrap;
}

.table-hover tr:hover {
  background-color: #FAE7D2 !important;
}

.table-hover tbody:hover td[rowspan], tr:hover td {
  background-color: #FAE7D2 !important; 
}

table.threeColumns th {
  width: 33.33%;  /*calc(100%/3)*/
}

fieldset .table-hover tr:hover{
  background-color: #f6c58f !important;
}

.modifyCompany tr {
  height: 3em;
}

.modifyCompany td {
  padding-right: 1em;
}

.bg-success {
  background-color: #dff0d8 !important;
}

/* rwd-table */

.rwd-table input, .rwd-table select {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

fieldset .rwd-table input, fieldset .rwd-table select {
  width: auto;
}

.table-hover tr td:last-child{
/*   text-align:center; */
  /* ballfish! why are you doing this??? */
}
   
@media screen and (max-width: 720px) {  
  .rwd-table th {
    display: none;
  }
   
  .rwd-table td {
    display: block;
    border: none;
  }
  
  .rwd-table tr td:last-child {
    padding-bottom: 36px;
  }
   
  .rwd-table td:before {
    content: attr(data-th) "";
    width: 5em;
    float: left;
    font-weight: bold;
    padding-top: 8px;
  }
  
  .rwd-table input, .rwd-table select {
    width: auto;
  }
  
}
/* rwd-table */