.paginatedData {
  display: grid;
  padding: .5em;
  grid-template-columns: 10em 3em auto;
  grid-template-rows: auto auto auto auto;
  grid-gap: 5px;
  background: #f9f9f9;
	border-radius: 4px;
  border: 1px solid #c1c1c1;
  	box-shadow: 1px 1px black;
  width: 98%;
	margin: 5px;    
}

.paginatedHeader {
	grid-row: 1;
	grid-column: 1/4;
	margin:0;
	padding: 2px;
	align-self: start;
	background-color: grey;
	color: white;
	display: block;
	width: 100%;
	text-align: center;
}

.paginatedSearch {
	grid-row: 2;
	grid-column: 3 / 4;
	border: #CCC 1px solid; 
	border-radius: 4px; 
	padding: 2px;
	width:50%;
	justify-self: end;
}
.paginatedRowsValue {
	grid-row: 2;
	grid-column: 2 / 3;
	border: #CCC 1px solid; 
	border-radius: 4px; 
	padding: 2px;
}
.paginatedRowsLabel {
	grid-row: 2;
	grid-column: 1 / 2;
	border-radius: 4px; 
	padding: 2px;
}


.paginatedButtons {
	grid-row: 4;
	grid-column: 1 / 4;
	display: flex;
	flex-wrap: wrap;
}

.paginatedButton {
	min-width: fit-content;
	margin: 4px;
	text-align:center;
	background-color: white;
   border: #CCC 1px solid; 
   border-radius:4px;
   cursor:pointer;
     	box-shadow: 1px 1px black;
}

.paginatedButton:hover {
   background:#F0F0F0;
}

.paginatedButton:current {
   background:#F0F0F0;
}


.paginatedTable {
   grid-row: 3;
   grid-column: 1 / 4;
   font-size:0.8em; 
   background-color: #f5f5f5;
   	justify-self: center;
   width: 99%;
}

.frequentTable {
   font-size:0.8em;
   background-color: #f5f5f5;
   	justify-self: center;
   width: 98%;
}


.paginatedTable tr {
  background: #ddd;
}


.paginatedTable .table-header {
	font-weight: bold;
   padding: 2px;
}

.sortLabel {
	border: 0;
	text-decoration: underline;
	font-weight: bold;
	background: transparent;
}

.paginatedTable .table-row {
	width: 100%;
}

.paginatedTable .table-row td {
   padding:0px;
   vertical-align:top; 
   text-align: center;
}

.table-row:nth-child(odd) {
   background: #eee;
}

.table-row:nth-child(even) {
   background: #fff;
}
.paginatedTable tr:hover {
   background: #e5e5ff;
}

.table-col:nth-child(odd) {
   background: #ccc;
}

.table-col:nth-child(even) {
   background: #eee;
}

.paginatedTable .table-row .tdright {
	text-align: right;
	padding-right: 5px;
}

.paginatedTable .table-row .tdleft {
	text-align: left;
	padding-left: 3px;
}

.paginatedTable .table-row .tdcenter {
	text-align: center;
}

.editarea {
	width: 100%;
	display: none;
}

@media screen and (max-width: 600px) {
	.paginatedTable {
		overflow: auto;
	}
}