/*** TABLE TOPBAR ***/
.table-topbar .table-topbar-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 30px;
  padding-bottom: 5px;
  display: inline; }

.table-topbar .table-topbar-actions {
  display: inline;
  padding-left: 10px;
  vertical-align: text-bottom; }

.table-topbar .table-topbar-actions .dropdown-menu {
  margin-top: 1px;
  background: #F6F7F9; }

.table-topbar .table-topbar-action > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 600;
  line-height: 1.42857143;
  color: #C6C6C6;
  background-color: #F6F7F9;
  white-space: nowrap;
  cursor: pointer; }

.table-topbar .table-topbar-action > a:hover {
  text-decoration: none;
  color: #14243C;
  background-color: #F6F7F9; }

.table-topbar .table-topbar-action > a > i {
  font-size: 16px;
  padding-right: 10px;
  vertical-align: sub; }

.table-topbar .table-topbar-filter {
  float: right;
  width: 175px;
  margin-left: 5px; }

/*** TABLE ***/
.table > thead > tr {
  height: 50px; }

.table > thead > tr > th {
  text-align: left;
  vertical-align: bottom;
  border-bottom: 0;
  background-color: #F6F7F9;
  border-right: 5px solid #f6f7f9;
  border-left: 5px solid #f6f7f9;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis; }

.table > thead > tr > th .text {
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  white-space: nowrap;
  cursor: default;
  margin-right: 10px;
  font-weight: normal; }

.table > thead > tr > th .icon {
  width: 8px;
  margin-top: 2px; }

.table-modal > thead > tr > th {
  border-right-color: #F6F7F9;
  border-left-color: #F6F7F9; }

.table > thead > tr > th.table-col-ps {
  width: 15px;
  min-width: 15px;
  max-width: 15px; }

.table > thead > tr > th.table-col-us {
  width: 30px;
  min-width: 30px;
  max-width: 30px; }

.table > thead > tr > th.table-col-ss {
  width: 50px;
  min-width: 50px; }

.table > thead > tr > th.table-col-xs {
  width: 100px;
  min-width: 100px; }

.table > thead > tr > th.table-col-sm {
  width: 150px;
  min-width: 150px; }

.table > thead > tr > th.table-col-md {
  width: 200px;
  min-width: 200px; }

.table > thead > tr > th.table-col-lg {
  width: 250px;
  min-width: 250px; }

.table > thead > tr > th.table-col-xl {
  width: 300px;
  min-width: 300px; }

.table > thead > tr > th.table-col-xxl {
  width: 320px;
  min-width: 320px; }

.table > tbody > tr > td.table-col-ps {
  width: 15px;
  min-width: 15px;
  max-width: 15px; }

.table > tbody > tr > td.table-col-us {
  width: 30px;
  min-width: 30px;
  max-width: 30px; }

.table > tbody > tr > td.table-col-ss {
  width: 50px;
  min-width: 50px;
  max-width: 50px; }

.table > tbody > tr > td.table-col-xs {
  width: 100px;
  min-width: 100px;
  max-width: 100px; }

.table > tbody > tr > td.table-col-sm {
  width: 150px;
  min-width: 150px;
  max-width: 150px; }

.table > tbody > tr > td.table-col-md {
  width: 200px;
  min-width: 200px;
  max-width: 200px; }

.table > tbody > tr > td.table-col-lg {
  width: 250px;
  min-width: 250px;
  max-width: 250px; }

.table > tbody > tr > td.table-col-xl {
  width: 300px;
  min-width: 300px;
  max-width: 300px; }

.table > tbody > tr > td.table-col-xxl {
  width: 320px;
  min-width: 320px;
  max-width: 320px; }

.table-striped > tbody > tr:nth-of-type(even) {
  background-color: #F6F7F9; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #fff; }

.table-hover > tbody > tr:hover {
  background-color: #F6F7F9;
  color: #14243C;
  cursor: default; }

.table-hover > tbody > tr.active {
  background-color: #C6C6C6;
  color: #f6f7f9;
  cursor: pointer; }

.table-selectable > tbody > tr:hover {
  cursor: pointer; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #C6C6C6;
  color: #14243C;
  /*cursor: pointer;*/ }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #C6C6C6;
  color: #14243C; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 0;
  border-right: 5px solid #f6f7f9;
  border-left: 5px solid #f6f7f9;
  vertical-align: middle; }

.table-modal > thead > tr > th,
.table-modal > tbody > tr > th,
.table-modal > tfoot > tr > th,
.table-modal > thead > tr > td,
.table-modal > tbody > tr > td,
.table-modal > tfoot > tr > td {
  border-right-color: #F6F7F9;
  border-left-color: #F6F7F9; }

.table > caption + thead > tr:first-child > th:first-child,
.table > colgroup + thead > tr:first-child > th:first-child,
.table > thead:first-child > tr:first-child > th:first-child,
.table > caption + thead > tr:first-child > td:first-child,
.table > colgroup + thead > tr:first-child > td:first-child,
.table > thead:first-child > tr:first-child > td:first-child {
  border-left: 0; }

.table > caption + thead > tr:first-child > th:last-child,
.table > colgroup + thead > tr:first-child > th:last-child,
.table > thead:first-child > tr:first-child > th:last-child,
.table > caption + thead > tr:first-child > td:last-child,
.table > colgroup + thead > tr:first-child > td:last-child,
.table > thead:first-child > tr:first-child > td:last-child {
  border-right: 0; }

.table > thead > tr > th:first-child,
.table > tbody > tr > th:first-child,
.table > tfoot > tr > th:first-child,
.table > thead > tr > td:first-child,
.table > tbody > tr > td:first-child,
.table > tfoot > tr > td:first-child {
  border-left: 0; }

.table > thead > tr > th:last-child,
.table > tbody > tr > th:last-child,
.table > tfoot > tr > th:last-child,
.table > thead > tr > td:last-child,
.table > tbody > tr > td:last-child,
.table > tfoot > tr > td:last-child {
  border-right: 0; }

.table > tbody > tr > td span,
.table > tbody > tr > td div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 3px 5px; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > td {
  font-size: 13px; }

.table > thead > tr > th.left,
.table > tbody > tr > td.left {
  text-align: left !important; }

.table > thead > tr > th.center,
.table > tbody > tr > td.center {
  text-align: center !important; }

.table > thead > tr > th.right,
.table > tbody > tr > td.right {
  text-align: right !important; }

/*** TABLE TD.LINK ***/
.table > tbody > tr > td.link > span,
.table > tbody > tr > td.link > div {
  border-bottom: 1px solid transparent;
  cursor: pointer; }

.table > tbody > tr.active > td.link > span,
.table > tbody > tr.active > td.link > div {
  border-bottom: 1px solid transparent; }

.table > tbody > tr.active > td.link > span,
.table > tbody > tr.active > td.link > div:hover {
  /*border-bottom: 1px solid $color12;*/ }

/*** TABLE TH.TREE ***/
.table > thead > tr > th.tree {
  background: transparent; }

/*** TABLE TD.TREE ***/
.table > tbody > tr > td.tree {
  background: #f6f7f9;
  color: #C6C6C6;
  width: 30px;
  font-size: 20px;
  line-height: 1;
  text-align: center; }

.table > tbody > tr > td.tree:active,
.table > tbody > tr > td.tree.active {
  color: #006098; }

.table-hover > tbody > tr:hover > td.tree {
  background: #F6F7F9; }

.table > tbody > tr.active > td.tree {
  background: #14243C; }

.table-modal > tbody > tr > td.tree {
  background: #F6F7F9; }

/*** TABLE TH.ACTION ***/
.table > thead > tr > th.action {
  background: transparent;
  width: 30px;
  min-width: 30px;
  max-width: 30px; }

/*** TABLE TD.ACTION ***/
.table > tbody > tr > td.action {
  background: #f6f7f9;
  color: #C6C6C6;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  cursor: pointer; }

.table > tbody > tr.active > td.action {
  color: #fff; }

.table > tbody > tr > td.action:hover {
  color: #14243C; }

.table > tbody > tr.active > td.action:hover {
  color: #C6C6C6; }

.table > tbody > tr > td.action.active:hover,
.table > tbody > tr > td.action:active,
.table > tbody > tr > td.action.active {
  color: #006098; }

.table-hover > tbody > tr:hover > td.action {
  background: #F6F7F9; }

.table > tbody > tr.active > td.action {
  background: #C6C6C6; }

.table-modal > tbody > tr > td.action {
  background: #F6F7F9; }

/*** TABLE TH.ICON ***/
/*** TABLE TD.ICON ***/
.table > tbody > tr > td.icon {
  color: #C6C6C6;
  font-size: 24px;
  line-height: 1;
  text-align: center; }

/*** TABLE TH.ICON-ACTION ***/
.table > thead > tr > th.action-icon {
  /*background: transparent;*/
  width: 40px;
  min-width: 10px;
  max-width: 60px; }

/*** TABLE TD.ICON-ACTION ***/
.table > tbody > tr > td.action-icon {
  color: #C6C6C6;
  width: 40px;
  min-width: 10px;
  max-width: 60px;
  font-size: 24px;
  line-height: 1;
  text-align: center;
  cursor: pointer; }

.table > thead > tr > th.action-icon.action-icon-large,
.table > tbody > tr > td.action-icon.action-icon-large {
  width: 40px;
  min-width: 40px; }

.table > tbody > tr > td.action-icon.active {
  background: transparent; }

.table > tbody > tr > td.action-icon.active:hover {
  color: #14243C; }

.table > tbody > tr > td.action-icon:hover {
  color: #14243C; }

.table > tbody > tr.active > td.action-icon:hover {
  color: #C6C6C6; }

.table > tbody > tr > td.action-icon:active,
.table > tbody > tr > td.action-icon.active {
  color: #006098; }

.table-hover > tbody > tr:hover > td.action-icon {
  background: #F6F7F9; }

.table > tbody > tr.active > td.action-icon {
  background: #14243C; }

.table-modal > tbody > tr > td.action-icon {
  background: #F6F7F9; }

/*** TABLE TH.STATUS ***/
.table > thead > tr > th.status {
  background: transparent;
  width: 30px;
  min-width: 30px;
  max-width: 30px; }

/*** TABLE TD.STATUS ***/
.table > tbody > tr > td.status {
  background: #f6f7f9;
  color: #C6C6C6;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 24px;
  line-height: 1;
  text-align: center; }

.table > tbody > tr > td.status.active {
  color: #006098; }

.table-hover > tbody > tr:hover > td.status {
  background: #f6f7f9; }

.table > tbody > tr.active > td.status {
  background: #f6f7f9; }

.table > tbody > tr > td.status div {
  overflow: hidden;
  text-overflow: initial;
  white-space: nowrap; }

.table-modal > tbody > tr > td.status {
  background: #F6F7F9; }

/*** TABLE TH.DATE ***/
.table > thead > tr > th.date {
  text-align: right; }

.table > thead > tr > th.date.left {
  text-align: left; }

/*** TABLE TH.NUMBER ***/
.table > thead > tr > th.number {
  text-align: right; }

.table > thead > tr > th.number.left {
  text-align: left; }

/*** TABLE TH.DECIMAL ***/
.table > thead > tr > th.decimal {
  text-align: right; }

.table > thead > tr > th.decimal.left {
  text-align: left; }

/*** TABLE TH.CURRENCY ***/
.table > thead > tr > th.currency {
  text-align: right; }

.table > thead > tr > th.currency.left {
  text-align: left; }

/*** TABLE TH.PERCENTAGE ***/
.table > thead > tr > th.percentage {
  text-align: right; }

.table > thead > tr > th.percentage.left {
  text-align: left; }

/*** TABLE TD.DATE ***/
.table > tbody > tr > td.date {
  text-align: right; }

.table > tbody > tr > td.date.left {
  text-align: left; }

/*** TABLE TD.NUMBER ***/
.table > tbody > tr > td.number {
  text-align: right; }

.table > tbody > tr > td.number.left {
  text-align: left; }

/*** TABLE TD.DECIMAL ***/
.table > tbody > tr > td.decimal {
  text-align: right; }

.table > tbody > tr > td.decimal.left {
  text-align: left; }

/*** TABLE TD.CURRENCY ***/
.table > tbody > tr > td.currency {
  text-align: right; }

.table > tbody > tr > td.currency.left {
  text-align: left; }

/*** TABLE TD.PERCENTAGE ***/
.table > tbody > tr > td.percentage {
  text-align: right; }

.table > tbody > tr > td.percentage.left {
  text-align: left; }

/*** TABLE MASTER ***/
.table.table-master {
  border-collapse: separate;
  position: relative;
  table-layout: fixed; }

.table.table-master > thead > tr > th {
  vertical-align: bottom;
  background-color: #F6F7F9;
  color: #C6C6C6;
  padding: 10px;
  border-top: 1px solid #C6C6C6;
  border-bottom: 1px solid #C6C6C6;
  border-right: none;
  border-left: none;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis; }

.table.table-master > thead > tr > th.th-sortable:hover {
  cursor: pointer;
  color: #006098; }

.table.table-master > thead > tr > th.th-sortable .text:hover {
  cursor: pointer;
  color: #006098; }

.table.table-master > thead > tr > th .title {
  display: flex; }

.table.table-master > thead > tr > th .title.active {
  color: #006098; }

.table.table-master > thead > tr > th .icon {
  float: left; }

.table.table-master > thead > tr > th,
.table.table-master > tbody > tr > th,
.table.table-master > tfoot > tr > th {
  border-top: 0;
  border-right: none;
  border-left: none;
  vertical-align: middle;
  color: black;
  padding-right: 18px;
  padding-left: 18px;
  cursor: pointer; }

.table.table-master > thead > tr > td,
.table.table-master > tbody > tr > td,
.table.table-master > tfoot > tr > td {
  border-top: 0;
  border-right: none;
  border-left: none;
  vertical-align: middle;
  color: #8A9BA6;
  padding-right: 18px;
  padding-left: 18px;
  cursor: pointer; }

.table-master > tbody > tr {
  height: 46px; }

.table-master > tbody > tr:hover {
  color: #54C0E8;
  cursor: pointer; }

.table-master > tbody > tr.active:hover > td,
.table-master > tbody > tr.active > td {
  color: #14243C !important; }

.table.table-master > thead:first-child > tr:first-child > th {
  border-top: 1px solid #C6C6C6; }

.table.table-master > thead:first-child > tr:first-child > th.th-first-shown {
  border-left: 1px solid #C6C6C6;
  border-top-left-radius: 2px; }

.table.table-master > thead:first-child > tr:first-child > th.th-last-shown {
  border-right: 1px solid #C6C6C6;
  border-top-right-radius: 2px; }

.table.table-master > tbody > tr:last-child > td {
  border-bottom: 1px solid #C6C6C6; }

.table.table-master > tbody > tr:last-child > td:first-child {
  border-bottom-left-radius: 2px; }

.table.table-master > tbody > tr:last-child > td:last-child {
  border-bottom-right-radius: 2px; }

.table.table-master > thead > tr > th.th-first-shown,
.table.table-master > tbody > tr > td:first-child {
  border-left: 1px solid #C6C6C6; }

.table.table-master > thead > tr > th.th-last-shown,
.table.table-master > tbody > tr > td:last-child {
  border-right: 1px solid #C6C6C6; }

/*** TABLE TH.ALERTS ***/
.table.table-master > thead > tr > th.alerts {
  width: 5px;
  min-width: 5px;
  max-width: 5px;
  padding: 0;
  background-color: #F6F7F9; }

/*** TABLE TD.ALERTS ***/
.table.table-master > tbody > tr > td.alerts {
  width: 5px;
  min-width: 5px;
  max-width: 5px;
  padding: 0;
  cursor: pointer;
  overflow: hidden; }

.table.table-master > tbody > tr > td.alerts .content {
  border-right-color: #C6C6C6;
  background-color: #F6F7F9;
  color: #14243C;
  padding: 5px 15px;
  border-right: 5px solid #C6C6C6;
  position: relative;
  height: 46px;
  width: 355px;
  z-index: 1;
  left: -350px;
  visibility: hidden; }

.table.table-master > tbody > tr > td.alerts .content.highlight {
  border-right-width: 7px;
  -webkit-box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 0px 1px 0px rgba(0, 0, 0, 0.1); }

.table.table-master > tbody > tr > td.alerts .content.highlight.open {
  border-right-width: 5px; }

.table.table-master > tbody > tr > td.alerts .content .message {
  display: inline;
  line-height: 36px;
  margin-right: 10px;
  vertical-align: middle; }

.table.table-master > tbody > tr > td.alerts .success.content {
  border-right-color: #4B6E24; }

.table.table-master > tbody > tr > td.alerts .info.content {
  border-right-color: #54C0E8; }

.table.table-master > tbody > tr > td.alerts .warning.content {
  border-right-color: #FF8400; }

.table.table-master > tbody > tr > td.alerts .campaignWarning.content {
  border-right-color: #f6e10d; }

.table.table-master > tbody > tr > td.alerts .danger.content {
  border-right-color: #D82306; }

/*** TABLE TH.TREE ***/
.table.table-master > thead > tr > th.tree {
  width: 30px;
  max-width: 30px;
  min-width: 30px; }

/*** TABLE TD.TREE ***/
.table.table-master > tbody > tr > td.tree {
  width: 30px;
  max-width: 30px;
  min-width: 30px; }

/*** TABLE TH.STATUS ***/
.table.table-master > thead > tr > th.status {
  background: #F6F7F9;
  width: 10px;
  min-width: 10px;
  max-width: 10px; }

.table.table-master > thead > tr > th.status .checkbox {
  margin-top: 5px;
  margin-bottom: 30px; }

.table.table-master > thead > tr > th.status .checkbox .icheckbox {
  background: #fff;
  border-color: #fff; }

/*** TABLE TD.STATUS ***/
.table.table-master > tbody > tr > td.status {
  background: transparent;
  color: #C6C6C6;
  width: 10px;
  min-width: 10px;
  max-width: 10px;
  font-size: 24px;
  line-height: 1;
  text-align: center; }

.table.table-master > tbody > tr > td.status.active {
  color: #006098; }

.table-master > tbody > tr:hover > td.status {
  background: #f6f7f9; }

.table.table-master > tbody > tr.active > td.status {
  background: #f6f7f9; }

.table.table-master > tbody > tr > td.status div {
  overflow: hidden;
  text-overflow: initial;
  white-space: nowrap; }

/*** TABLE TH.MULTISELECT ***/
.table.table-master > thead > tr > th.multiselect {
  background: #F6F7F9;
  width: 15px;
  min-width: 15px;
  max-width: 15px; }

.table.table-master > thead > tr > th.multiselect .checkbox {
  margin-top: 5px;
  margin-bottom: 0px; }

.table.table-master > thead > tr > th.multiselect .checkbox .icheckbox {
  background: #fff;
  border-color: #C6C6C6; }

/*** TABLE TD.MULTISELECT ***/
.table.table-master > tbody > tr > td.multiselect {
  background: transparent;
  color: #C6C6C6;
  width: 15px;
  min-width: 15px;
  font-size: 24px;
  line-height: 1;
  text-align: center; }

.table.table-master > tbody > tr > td.multiselect.active {
  color: #006098; }

.table-hover.table-master > tbody > tr:hover > td.multiselect {
  background: #F6F7F9; }

.table.table-master > tbody > tr.active > td.multiselect {
  background: #f6f7f9; }

.table.table-master > tbody > tr > td.multiselect div {
  overflow: hidden;
  text-overflow: initial;
  min-width: 15px;
  white-space: nowrap;
  border-color: #C6C6C6; }

.table.table-master > tbody > tr > td.multiselect div:hover {
  border-color: #54C0E8; }

/*** TABLE TH.ACTION ***/
.table.table-master > thead > tr > th.action {
  background: #F6F7F9;
  width: 30px;
  min-width: 30px;
  max-width: 30px; }

/*** TABLE TD.ACTION ***/
.table.table-master > tbody > tr > td.action {
  background: transparent;
  color: #C6C6C6;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  font-size: 18px;
  padding: 8px;
  line-height: 1;
  text-align: center;
  cursor: pointer; }

.table.table-master > tbody > tr.active > td.action {
  color: inherit; }

.table.table-master > tbody > tr > td.action:hover {
  color: #14243C; }

.table.table-master > tbody > tr.active > td.action:hover {
  color: #006098; }

.table.table-master > tbody > tr > td.action.active:hover,
.table > tbody > tr > td.action:active,
.table > tbody > tr > td.action.active {
  color: #006098; }

.table-master > tbody > tr:hover > td.action {
  color: #54C0E8; }

.table.table-master > tbody > tr.active > td.action {
  background: #C6C6C6;
  color: #14243C; }

/*** TABLE TD.STRING ***/
.table-master > tbody > tr:hover > td {
  color: #54C0E8; }

/*** TABLE TD.DATE ***/
.table.table-master > tbody > tr > td.date {
  text-align: right; }

.table-master > tbody > tr:hover > td.date {
  color: #54C0E8; }

/*** TABLE TD.NUMBER ***/
.table.table-master > tbody > tr > td.number {
  text-align: right; }

.table-master > tbody > tr:hover > td.number {
  color: #54C0E8; }

/*** TABLE TD.DECIMAL ***/
.table.table-master > tbody > tr > td.decimal {
  text-align: right; }

.table-master > tbody > tr:hover > td.decimal {
  color: #54C0E8; }

/*** TABLE TD.CURRENCY ***/
.table.table-master > tbody > tr > td.currency {
  text-align: right; }

.table-master > tbody > tr:hover > td.currency {
  color: #54C0E8; }

/*** TABLE TD.PERCENTAGE ***/
.table.table-master > tbody > tr > td.percentage {
  text-align: right; }

.table-master > tbody > tr:hover > td.percentage {
  color: #54C0E8; }

/*** TABLE TD.SWITCHER ***/
.table-master > tbody > tr > td .switcher-line {
  margin: 0; }

/*** TABLE TD COL-DETAILS ***/
.table.table-master > tbody > tr > td .col-details {
  line-height: 2.85;
  position: relative; }

.table.table-master > tbody > tr > .wrappable > * > * {
  white-space: normal !important;
  line-height: 1 !important;
  position: relative;
  height: 100%; }

.table.table-master > tbody > tr > .wrappable .col-details .hoverable {
  white-space: normal !important;
  line-height: 1 !important;
  position: relative;
  height: 100%; }

.table.table-master > tbody > tr > td .col-details .hoverable {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative; }

.table.table-master > tbody > tr > td .col-details .togglable {
  position: absolute;
  right: 0;
  padding-left: 20px; }

.table.table-master.table-striped > tbody > tr:nth-of-type(odd) > td .col-details .togglable {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 0%, #fff 8%, #fff 19%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 0%, #fff 8%, #fff 19%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 0%, #fff 8%, #fff 19%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$tb-master-striped-tbody-odd-filter-color', endColorstr='$tb-master-striped-tbody-odd-bgcolor',GradientType=1 ); }

.table.table-master.table-striped > tbody > tr:nth-of-type(even) > td .col-details .togglable {
  background: -moz-linear-gradient(left, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.5) 0%, #f9f9f9 8%, #f9f9f9 19%);
  background: -webkit-linear-gradient(left, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.5) 0%, #f9f9f9 8%, #f9f9f9 19%);
  background: linear-gradient(to right, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 0.5) 0%, #f9f9f9 8%, #f9f9f9 19%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$tb-master-striped-tbody-even-filter-color', endColorstr='$tb-master-striped-tbody-even-bgcolor',GradientType=1 ); }

/*** TABLE TFOOT ***/
.table.table-master > tfoot > tr > td.action {
  text-align: right;
  padding-right: 0;
  background-color: transparent; }

.table.table-master > tfoot > tr > td.action > div {
  text-align: right;
  background-color: #fff;
  color: #006098;
  width: 190px;
  padding: 5px;
  margin: 10px 0px;
  float: right;
  cursor: pointer;
  border: 1px solid #C6C6C6; }

.table.table-master > tfoot > tr > td.action > div > i {
  margin-right: 15px;
  vertical-align: text-bottom;
  font-size: 18px;
  color: #C6C6C6; }

.table.table-master > tfoot > tr > td.action > div > span {
  font-size: 14px;
  margin-right: 5px; }

.table-responsive.multiselect {
  padding-right: 10px; }

.table-responsive.multiselect .table {
  table-layout: auto; }

.table-minimal > thead > tr,
.table-minimal > tbody > tr,
.table-minimal > tfoot > tr {
  height: auto; }

.table-minimal > thead > th,
.table-minimal > tbody > td {
  font-size: 12px; }