/*	--------------------------------------------------------------------------------
What:	  "Oranges in the sky  " Styles  (table:not(.datatable) data design  ) Who:	Krasimir Makaveev 
	(krasi [at] makaveev [dot] com  ) When:	  15.09.2005  (created )

	
	--------------------------------------------------------------------------------*/
table:not(.datatable) {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	color: #333;
}

table:not(.datatable) caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin-bottom: 10px;
	padding: 5px;
	background: #efefef;
	border: 1px solid #ccc;
	color: #666;
}

table:not(.datatable) a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

table:not(.datatable) a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table:not(.datatable) tr th a {
	color: #369;
	border-bottom: 1px dotted #369;
}

table:not(.datatable) tr th a:hover {
	color: #fff;
	background: #369;
}

table:not(.datatable) thead tr th {
	/*text-transform: uppercase;*/
	background: #e2e2e2;
}

table:not(.datatable) tfoot tr th,table:not(.datatable) tfoot tr td {
	/*text-transform: uppercase;*/
	color: #000;
	font-weight: bold;
}

table:not(.datatable) tfoot tr th {
	width: 20%;
}

table:not(.datatable) tfoot tr td {
	width: 80%;
}

table:not(.datatable) td,table:not(.datatable) th {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	
	vertical-align: middle;
}

@media ( max-width : 767px) {
	table:not(.datatable) td,table:not(.datatable) th {
		
		padding: 3px;
		line-height: 1em !important;
		font-size: 14px !important;
	}
}


@media ( max-width : 1024px) {
	table:not(.datatable) td,table:not(.datatable) th {
		
		padding: 0.1em;
		/*line-height: 1.4em !important;*/
		font-size: 0.8em !important;
	}
}

@media ( min-width : 1024px) {
	table:not(.datatable) td,table:not(.datatable) th {
		
		padding: 0.3em;
		/*line-height: 1.8em !important;*/
		font-size: 1em !important;
	}
}
*/

table:not(.datatable) tr.odd th,table:not(.datatable) tr.odd td {
	background: #efefef;
}

.table_wrapper{
    overflow: hidden!important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
}

td{
	font-size: small !important;
}


th {
	font-weight: normal !important;
	font-size: small !important;	
}

@media screen and (max-width: 800px) {
	 th {
		font-size: xx-small !important;
	}
}

.columnaTexto_numero{
	text-align: right;
}

.columnaTexto_textoLargo{
	text-align: left;
	font-size: smaller;
}

.columnHeader_underline{
	text-decoration: underline !important;
}