/*
    * Mixin used to add style and states to buttons
*/
/*
    * Mixin used for adding browser vendor specific prefixes    
*/
/*
    * Mixin used to add style for the filter component using different versions of colors   
*/
.od-table {
  margin: 0;
  table-layout: fixed;
}
.od-table thead tr th {
  background-color: #b8b8b8;
  border: none;
  height: 40px;
  vertical-align: middle;
}
.od-table tbody .animate-repeat-fade {
  -webkit-transition: 0.5s linear all;
  -khtml-transition: 0.5s linear all;
  -moz-transition: 0.5s linear all;
  transition: 0.5s linear all;
}
.od-table tbody .animate-repeat-fade.ng-enter {
  opacity: 0;
}
.od-table tbody .animate-repeat-fade.ng-enter.ng-enter-active {
  opacity: 1;
}
.od-table tbody .animate-repeat-fade.ng-leave {
  opacity: 1;
}
.od-table tbody .animate-repeat-fade.ng-leave.ng-leave-active {
  opacity: 0;
}
.od-table tbody tr {
  height: 40px;
  outline: none;
}
.od-table tbody tr td,
.od-table tbody tr td div,
.od-table tbody tr td span {
  -webkit-text-overflow: ellipsis;
  -khtml-text-overflow: ellipsis;
  -moz-text-overflow: ellipsis;
  text-overflow: ellipsis;
  border: none;
  overflow: hidden;
  white-space: nowrap;
}
.od-table tbody tr td {
  -webkit-transition: 0.5s background-color;
  -khtml-transition: 0.5s background-color;
  -moz-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
.od-table tbody tr:not(.od-table-row-expansion):not(.od-table-row-expanded):hover td {
  background-color: #2f3539;
  color: #ffffff;
}
.od-table tbody tr:not(.od-table-row-expansion):not(.od-table-row-expanded):nth-child(2n + 1) {
  background-color: #ffffff;
}
.od-table tbody tr:not(.od-table-row-expansion):not(.od-table-row-expanded):nth-child(2n) {
  background-color: #efefef;
}