/* Truncation made with help of trunk8.js and functions.js */

/**
 * AMC-Grid
 */
 
/* Container */ 
.t-data-grid {
    border: 0px;
    font-size: 13px;
    width: 100%;
}

/* Header and body cell */
.t-data-grid table:not(.no-truncation) thead tr th,
.t-data-grid table:not(.no-truncation) tbody tr td {
    overflow: hidden;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
}

.t-data-grid table.no-truncation thead tr th,
.t-data-grid table.no-truncation tbody tr td {
    vertical-align: middle;
}

div.t-data-grid table.no-truncation th input[type="checkbox"],
div.t-data-grid table.no-truncation td input[type="checkbox"] {
	transform: none;
	position: relative
}

/* Header and body cell content container */
.t-data-grid table:not(.no-truncation) .th-grid-container,
.t-data-grid table:not(.no-truncation) .td-grid-container {
	overflow: hidden;
	height: 20px;
    line-height: 20px;
    word-wrap: break-word;
    word-break: break-all;
    position: relative;
}

.t-data-grid table.no-truncation .th-grid-container,
.t-data-grid table.no-truncation .td-grid-container {
	vertical-align: middle;
}

.t-data-grid table.no-truncation .th-grid-container,
.t-data-grid table.no-truncation .td-grid-container,
.t-data-grid table.no-truncation .td-grid-container.cell-nowrap {
    white-space: nowrap
}


/* Header cell */
.t-data-grid thead tr th {
    border-bottom: 0;
    font-weight: 400;
    color: #777;
    font-size: 0.9em;
} 

/* Body cell */
.t-data-grid tbody tr td {
    border-right: 0px;
    border-bottom: 0px;
    font-weight: 400;
}

.t-data-grid table.no-truncation tbody tr td.col-nowrap {
	white-space: nowrap;
}

.t-data-grid thead tr th,
.t-data-grid tbody tr td {
	padding: 4px;
	vertical-align: top;
}

div.t-data-grid table .th-grid-container {
    position: relative;
    letter-spacing: -0.31em; /* webkit */
    word-spacing: -0.43em; /* IE < 8 && gecko */
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
}

div.t-data-grid table .td-grid-container {
    display: block;
    width: 100%;
}

tr.selectedRow {
    background-color: rgba(156, 206, 240, 0.5);
}
tr.odd {
    background-color: #f6f6f6;
}
tr.even {
    background-color: #FFFFFF;
}
tr.odd:hover {
    background-color: rgba(156, 206, 240, 0.25);
}
tr.even:hover {
    background-color: rgba(156, 206, 240, 0.25);
}


.t-data-grid thead tr th.checkbox,
.t-data-grid thead tr td.checkbox,
.t-data-grid thead tr th.checkbox input[type="checkbox"],
.t-data-grid tr td.checkbox input[type="checkbox"] {
    margin: 0;
    padding: 0;
    position: relative
}

div.t-data-grid tr th a,
div.t-data-grid tr td a {
    text-decoration: none;
}


div.t-data-grid tr td a,
div.t-data-grid tr td span:not(.grid-label),
div.t-data-grid tr th a,
div.t-data-grid tr th span:not(.grid-label) {
	display: inline-block;
	height: 20px;
}

td select {
    margin: 0px;
    border: 0px;
    border-style: none;
    border-color: #729AC6;
    padding: 0px;
    height: 19px;
}

div.t-data-grid .checkBox {
    text-align: center;
}
div.t-data-grid-pager {
    margin: 15px 0;
    text-align: right;
}
div.t-data-grid-pager a:hover {
    border: 1px solid #626044;
    height: 10px;
    text-decoration: underline;
}

div.t-data-grid .form-group {
 	margin-bottom:0;
 	padding:0;
}


/* Icons */

.t-data-grid table .material-icons {
	font-size: 15px;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	line-height: 20px;
	vertical-align: initial;
	display: block;
}


.t-data-grid table .material-icons.hellip-icon {
	font-size: 15px;
	position: static;
	line-height: inherit;
	vertical-align: inherit;
	display: inline-block;
	transform: none;
}


.t-data-grid table .glyphicon {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	line-height: 20px;
	vertical-align: initial;
	display: block;
}

.t-data-grid table .material-icons.cancel-icon {
	font-size: 14px
}

.t-data-grid table .form-group select.form-control {
 	margin-bottom:0;
 	padding:0;
 	height: 20px;
	line-height: initial;
	font-size: inherit;
	padding: 0 25px 0 0;
 }
 
.tpContent .data-empty {
  display: inline-block;
  padding: 10px;
  line-height: 20px;
}

div.t-data-grid table tr th,
div.t-data-grid table tr td {
  vertical-align: top;
  position: relative;
}

div.t-data-grid table tr th[data-grid-property="balanceTemp"] {
  text-align: right;
}

div.t-data-grid table tr th[data-grid-property="selectedTemp"],
div.t-data-grid table tr th[data-grid-property="checkbox"],
div.t-data-grid table  tr td.selectedTemp,
div.t-data-grid table  tr td.checkbox {
  text-align: center;
}

.t-data-grid .tooltip .tooltip-inner .material-icons {
	font-size: 16px;
	position: static;
	transform: none;
}

div.t-data-grid table tr th div, div.t-data-grid table tr th a {
  float: none !important;
}

/* Alignments */

div.t-data-grid table tr th.th-text-align-left {
	text-align: left;
}

div.t-data-grid table tr th.th-text-align-center {
	text-align: center;
}

div.t-data-grid table tr th.th-text-align-right {
	text-align: right;
}




/* Sorter */

.imgSortDesc
{
	background-image: none;
 }

.imgSortAsc
{
	background-image: none;
}

th[data-grid-column-sort] {
	min-width: 40px;
}

th[data-grid-column-sort] a { /* Do not show default Tapesty sort background image in every header <a> elem. */
	background-image: none;
	position: relative;
	padding-right: 0px;
	overflow: hidden;
	display: inline-block;
	margin-right: 0;
}

th[data-grid-column-sort] a.column-sort-link {
	background: none;
	color: #244b77;
	padding: 0;
}



th[data-grid-column-sort] a.column-sort-link .grid-label{
 margin-right: 15px;
}


div.t-data-grid table tr th[data-grid-column-sort] a.column-sort-link .sort-icon,
div.t-data-grid table tr th[data-grid-column-sort] a.column-sort-link .sort-icon::before {
	font-size: 1em;
	line-height: 1em;
	width: 14px;
	height: 1em;
	color: #ff9800;
	vertical-align: baseline;
	transition: 0.2s ease-in-out all; 
    letter-spacing: -0.31em; /* webkit */
    word-spacing: -0.43em; /* IE < 8 && gecko */
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
}

div.t-data-grid table tr th svg.sort-icon {
	position: relative;
	bottom: -2px;
	font-size: 14px;
}

div.t-data-grid table tr th[data-grid-column-sort] a.column-sort-link .sort-icon {
	top: -1px;
	margin-left: -14px;
	position: relative;
}

div.t-data-grid table tr th[data-grid-column-sort] a.column-sort-link .sort-icon {
	opacity: 0.4;
	font-size: 1em;
	line-height: 1em;
	width: 1em;
	height: 1em;
}

div.t-data-grid table tr th[data-grid-column-sort] a.column-sort-link:hover .sort-icon {
	opacity: 1;
}

div.t-data-grid table tr th[data-grid-column-sort="ascending"] a.column-sort-link .sort-icon {
	opacity: 1;
}

div.t-data-grid table tr th[data-grid-column-sort="descending"] a.column-sort-link .sort-icon {
	opacity: 1;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


div.t-data-grid table tr th[data-grid-column-sort="descending"] a.column-sort-link:hover .sort-icon {
	opacity: 1;
}

.grid-wrapper {
	clear: both;
}

.grid-wrapper .checkbox {
	margin: 0;
}

/* Grid column widths */

/* Actions cells */
th[data-grid-property^="sysAction"],
td[class^="sysAction"] {
	text-align: center;
	width: 2%; 
}

th[data-grid-property="rowedit"] .sort-icon,
th[data-grid-property="rowdeletesingle"] .sort-icon {
	display: none;
}

.col-lg-6 th[data-grid-property^="sysAction"],
.col-lg-6 td[class^="sysAction"] {
	width: 4%; 
}

/* Other */
/* th.selectedTemp,
th.syslogmarkstatus,
th.sysLogMarkStatus,
th.sysLogMark,
th.createPayment,
th.paymentError,
th.type,
th.checkbox,
td.selectedTemp,
td.syslogmarkstatus,
td.sysLogMarkStatus,
td.sysLogMark,
td.createPayment,
td.paymentError,
td.type,
td.checkbox {
	width: 2%;
} */

div.t-data-grid table input[type="checkbox"] {
	margin: 0;
	padding: 0;
	width: 13px;
	height: 13px;
	display:block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	line-height: 20px;
	vertical-align: initial;
	margin-left: auto;
	margin-right: auto;
}

.grid-label {
	float: none;
	position: static;

	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;

	display: inline-block;
	width: 100%;
}


.full-content-link {
	cursor: pointer;
}
.full-content-link:hover {
	color: #387ebc;
}
.full-content-link .hellip-icon {
	color: 0.3;
}
.full-content-link:hover .hellip-icon {
	opacity: 1;
}
