@import '../_theme_variables';
.footable {
  width: 100%;


  &.breakpoint {
    > tbody > tr {
      &.footable-detail-show > td {
        border-bottom:none;

        & > span.footable-toggle:before {
			font-family:$font-icon;
          	content: "";
        }
      }

      &:hover:not(.footable-row-detail) {
        cursor: pointer;
      }

      > td.footable-cell-detail {
        background: #eee;
        border-top:none;
      }

      > td > span.footable-toggle {
        display: inline-block;
        font-family: $font-icon;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        padding-right:5px;
        font-size:14px;

        &:before {
          font-family:$font-icon;
          content: "";
        }
      }
    }
    &.toggle-medium > tbody > tr {
      > td > span.footable-toggle {
        font-size:18px;
      }
    }

    &.toggle-large > tbody > tr {
      > td > span.footable-toggle {
        font-size:24px;
      }
    }
 }
	.footable-row-detail-inner {
		display:table;
	}
	
	.footable-row-detail-row {
		display: table-row;
		line-height: 1.5em;
	}
	
	.footable-row-detail-group  {
		display: block;
		line-height: 2em;
		font-size: 1.2em;
		font-weight: bold;
	}
	
	.footable-row-detail-name {
		display: table-cell;
		font-weight: bold;
		padding-right: 0.5em;
	}
	
	.footable-row-detail-value {
		display: table-cell;
	}
}