.popup-details {
	position:   fixed;
	width:      800px;
	border:     4px solid #d8cac9;
	background: #fff;
	color:      #555;
	font-size:  14px;
}

#details{
	color:      #555;
	font-size:  14px;
}

.details-table {
	text-align: center;
	width:      100%; 
}

.details-table-row {
	background-color: #fff;
	text-align:       left;
}

.details-table-row-user {
	background-color: #fff;
	text-align:       left;
}

.details-table-row-filtered {
	font-weight:      bold;
	background-color: #fff5f0;
	color:            #555;
}

.details-table-header {
	font-weight: 800;
	text-align:  left;
}
`
.details-table-row                { width: 100%;         }
.details-table-row:nth-child(2n)  { background: #fff;    }
.details-table-row:nth-child(2n+1){ background: #fff5f0; }
.details-table-row                { color: #555;         }

.details-table-field-selected { width:  2%; }
.details-table-field-pt-num   { width: 11%; }
.details-table-field-name     { width: 17%; }
.details-table-field-name-new { width: 17%; }
.details-table-field-group    { width: 14%; }
.details-table-field-order    { width: 17%; }
.details-table-field-type     { width: 17%; }
.details-table-field-delete   { width:  2%; }

.button-details {
	width:                   50px;
	cursor:                  pointer;
	background:              #eee;
	color:                   #555;
	border:                  none;
}

.button-details:hover {
	box-shadow: 2px 2px;
}

.details-tab-active {
	box-shadow: 2px 2px;
	color: #f60; 
}

.details-info-container {
	margin: 0 auto;
}
.button-details-info{
	width:                   auto;
	cursor:                  pointer;
	background:              #eee;
	color:                   #555;
	border:                  none;
}
.button-details-info:hover {
	box-shadow: 2px 2px;
}