@media print{
	.noprint, .ps-scrollbar-y {display:none;}
	.saltoPagina {page-break-after: always;}
    body {background-color: white !important;}
}

@media only screen and (max-width: 800px) {

  /*------------------------------  NO MORE TABLES REPORT --------------------------------*/
	
	/* Force table to not be like tables anymore */
  .reportHolder table,
  .reportHolder thead,
  .reportHolder tbody,
  .reportHolder th,
  .reportHolder td,
  .reportHolder tr { 
    display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	.reportHolder thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	.reportHolder tr { border: 1px solid #ccc; }
 
	.reportHolder td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 2px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	.reportHolder td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
  .reportHolder td:before { 
    content: attr(data-title);
  }
  
  /*------------------------------  FLIP REPORT --------------------------------*/

	.reportHolderFlip .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	.reportHolderFlip * html .cf { zoom: 1; }
	.reportHolderFlip *:first-child+html .cf { zoom: 1; }
	
	.reportHolderFlip table { width: 100%; border-collapse: collapse; border-spacing: 0; }
 
	.reportHolderFlip th,
	.reportHolderFlip td { margin: 0; vertical-align: top; }
	.reportHolderFlip th { text-align: left; }
	
	.reportHolderFlip table { display: block; position: relative; width: 100%; }
	.reportHolderFlip thead { display: block; float: left; }
	.reportHolderFlip tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	.reportHolderFlip thead tr { display: block; }
	.reportHolderFlip th { display: block; text-align: right; }
	.reportHolderFlip tbody tr { display: inline-block; vertical-align: top; }
	.reportHolderFlip td { display: block; min-height: 1.25em; text-align: left; }
 
 
	/* sort out borders */
 
	.reportHolderFlip th { border-bottom: 0; border-left: 0; border-right: 1px solid #babcbf; }
	.reportHolderFlip td { border-left: 0; border-right: 0; border-bottom: 0; }
	.reportHolderFlip tbody tr { border-left: 1px solid #babcbf; }
	.reportHolderFlip th:last-child,
	.reportHolderFlip td:last-child { border-bottom: 1px solid #babcbf; }

}
@media only screen and (min-width: 800px) {
	.reportHolder td { width:20%;}

	.reportHolder .tbreport th{background:#12284A;color:#FFF;}
    .reportHolder .tbreport th, .reportHolder .tbreport td{border:1px solid #000;text-align:center}
    .reportHolder .fhline {width: 50%; float: left; height:100%; text-align:center;}
    .reportHolder .shline {width: 50%; float: right; height: 100%; border-left: 1px solid black; text-align:center;}
    .reportHolder .fvline {height: 50%; float: top; width:100%; text-align:center;}
    .reportHolder .svline {height: 50%; float: bottom; width: 100%; border-top: 1px solid black; border-top-style: dashed; border-width: 1px; text-align:center;}
    .reportHolder .slash {background-image: linear-gradient(to bottom right,  transparent calc(50% - 1px), black, transparent calc(50% + 1px));}
}