﻿.tablaGrilla
{
	margin: 0px auto;
	/*border-right: 5px solid #ccc;*/
	border-collapse: collapse;
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}

.btnGrillaListado{
    cursor:pointer;
}

.GrillaHeader
{
	background-color: #E22618; /*background: rgba(105,20,7,1);		 	background: rgba(17,74,135,1); 	background: -moz-linear-gradient(top, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17,74,135,1)), color-stop(99%, rgba(73,155,234,1)), color-stop(100%, rgba(73,155,234,1))); 	background: -webkit-linear-gradient(top, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	background: -o-linear-gradient(top, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	background: -ms-linear-gradient(top, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	background: linear-gradient(to bottom, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114a87', endColorstr='#499bea', GradientType=0 );*/
	font-family: Arial;
	color: #fff;
    text-align:center;
}
.GrillaHeader th, .GrillaHeader td 
{
	border-spacing: 0px;
	border: 0px solid #0f2254;
	padding: 10px 0px 8px 0px;
	font-size: 10pt;
	font-weight: normal;
    /*border:1px solid grey;*/
}
.GrillaFilter td
{
	border: 1px solid #0f2254;
	font-size: 9pt;
	font-weight: bold;
}
.GrillaHeaderAsc
{
	color: rgb(255,247,81) !important;
	cursor: pointer;
}
.GrillaHeaderDesc
{
	color: rgb(255,247,81) !important;
	font-style: italic;
	cursor: pointer;
}
.GrillaRow
{
	font-family: Arial;
	font-size: 9pt;
	padding-top: 2px;
	border: 1px solid #aaa;
	background-color: transparent;
	/*cursor: pointer;*/
}
.GrillaRow td
{
	padding: 4px 4px 4px 4px;
	border: 0px solid #aaa;
}


.GrillaRow:hover{
    background-color: rgba(23, 21, 21, 0.17);
}

.GrillaRowAlternativo:hover{
    background-color: rgba(23, 21, 21, 0.17);
}

.GrillaRowAlternativo
{
	font-family: Arial;
	font-size: 9pt;
	padding-top: 2px;
	border: 1px solid #aaa;
	background-color: #eee;
}
.GrillaRowAlternativo td
{
	padding: 4px 4px 4px 4px;
	border: 0px solid #aaa;
}
.RowSeleccionada
{
	cursor: pointer;
	font-family: Arial;
	font-size: 9pt;
	color: black;
	font-weight: normal;
	border: 3px solid #fae608;
}

.RowSeleccionada th, .RowSeleccionada td
{
	/*border: 1px solid #C0C0C0;*/
	vertical-align: middle;
	padding: 4px 4px 4px 4px;
}
.PaginadorGrilla
{
	margin: 2px auto;
	font-family: Arial;
	/*font-size: 8pt;*/
    font-size: 10pt;
	color: #000;
	font-weight: bold;
	border: 1px solid #aaa;
	/*text-align: left;*/
	padding: 4px 0px 4px 0px;
	/*border-right: 5px solid #ccc;
	border-bottom: 5px solid #ccc;
	border-collapse: collapse;
	background-color: transparent;*/
    border:none;
    text-align:center;
}
.PaginadorGrilla input[type=text]
{
	font-size: 8pt;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	background-color: #f8f6b6;
	text-align: center;
}
.PaginadorGrilla input[type=button]
{
	margin-left: 3px;
	font-family: Arial;
	width: 33px;
	height: 22px;
	color: #ffffff;
	font-size: 9pt;
	font-weight: normal; /*background: rgba(17,74,135,1); 	background: -moz-linear-gradient(top, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(17,74,135,1)), color-stop(99%, rgba(73,155,234,1)), color-stop(100%, rgba(73,155,234,1))); 	background: -webkit-linear-gradient(top, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	background: -o-linear-gradient(top, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	background: -ms-linear-gradient(top, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	background: linear-gradient(to bottom, rgba(17,74,135,1) 0%, rgba(73,155,234,1) 99%, rgba(73,155,234,1) 100%); 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#114a87', endColorstr='#499bea', GradientType=0 );*/
	background-color: #E22618;
	border: 1px solid #555;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 6px;
    cursor:pointer;
}
	.PaginadorGrilla .first {
		background-position: center;
		/*background-image: url(../Img/Iconos/first.png);*/
		background-image: url(/Img/Iconos/first.png);
	}
.PaginadorGrilla .previous
{
	background-position: center;
	background-image: url(/Img/Iconos/previous.png);
}
.PaginadorGrilla .next
{
	background-position: center;
	background-image: url(/Img/Iconos/next.png);
}
.PaginadorGrilla .last
{
	background-position: center;
	background-image: url(/Img/Iconos/last.png);
}
.GrillaHeader1 th, .GrillaHeader1 td
{
	/*background: rgb(15, 34, 84);*/
	font-family: Arial 11px;
	text-align: left;
	color: #3774F8;
	text-decoration: underline;
}
.RowSeleccionada1 td
{
	padding: 4px 4px 4px 4px;
	border: 1px solid #A7A9AE;
	cursor: pointer;
	font-family: Arial;
	font-size: 9pt;
	background: #EEEFF2;
	font-weight: bolder;
}


.CajaGrilla
{
	font-family: DokChampa, Arial;
	font-size: 10pt;
	text-align: left;
	border-top: 1pt solid #777;
	border-left: 1.5pt solid #777;
	border-bottom: 0px solid;
	padding: 3px 0px 3px 2px;
	background-color: #fff;
}
@media screen and (max-width:800px )
{
	.PaginadorGrilla
	{
		text-align: left;
	}
	.GrillaRow
	{
		font-size: 10pt;
	}
	.RowSeleccionada
	{
		font-size: 10pt;
	}
}
