@table-header-bg:@widget-blue;
@table-sort-active:#307ECC;
@table-sort-hover:#547EA8;

@table-labels-grad-color1:#F8F8F8;
@table-labels-grad-color2:#ECECEC;


/* tables */
th, td , .table-bordered {
	border-radius: 0 !important;
}

.table {
  > thead > tr {
	 color: #707070;
	 font-weight: normal;

	 background: #F2F2F2;
	 #gradient > .vertical(@table-labels-grad-color1 , @table-labels-grad-color2);
	 
	 > th {
		border-color: @table-border-color;
		font-weight: bold;

		.@{icon}:first-child {
			margin-right: 2px;
		}
		&:first-child {
			border-left-color: #F1F1F1;
		}
		&:last-child {
			border-right-color: #F1F1F1;
		}
	 }
  }
 
  &.table-bordered > thead > tr > th {
	/* border-color: @table-border-color; */
	vertical-align: middle;

	&:first-child {
		border-left-color: @table-border-color;
	}
  }
}

th , td {
   &.center {
	text-align: center;
   }

   .lbl {
	margin-bottom: 0;
	&:only-child {
		vertical-align: top;
	}
   }
}



.table-header {
	background-color: @table-header-bg;
	color: #FFF;
	font-size: @base-font-size + 1;
	line-height: 38px;
	padding-left: 12px;
	margin-bottom: 1px;
}
.table-header .close {
   margin-right: 8px;
   margin-top: 0;
   .opacity(0.45);
   &:hover {
	.opacity(0.75);
   }
}


//table details
th.detail-col {
 width: 48px;
 text-align: center;
}
tr.detail-row {
 display: none;
 &.open {
	display: block;
	display: table-row;
 }
 
 > td {
	background-color: #f1f6f8;
	border-top: 3px solid #d1e1ea !important;
 }
}

.table-detail {
	background-color: #fff;
    border: 1px solid #dcebf7;
    width: 100%;
	padding: 12px;
	
	td > .profile-user-info {
		width: 100%;
	}
}