/*---------------------------------------------------- RESUMEN TITULOS*/
.resumen_titulo {
    display: grid;
    grid-template-rows:  	14px  1px;
	grid-template-columns: 1fr  100px     120px     120px    1fr;
    grid-template-areas: " .    tperiodo  tcompras  tventas  ."
						 " .    tlinea    tlinea    tlinea   .";
    font-size:11px;
    font-weight: bold;
    justify-items: center;
    align-items: center;
    letter-spacing: 1px;
    text-align: center;
    color:#FFF;
}
.tperiodo {
    grid-area: tperiodo;
    width: 100%;
    height: 100%;
	background: #A45411;
}
.tcompras {
    grid-area: tcompras;
    width: 100%;
    height: 100%;
	background: #603;
}
.tventas {
    grid-area: tventas;
    width: 100%;
    height: 100%;
	background: #036;
}
.tlinea {
    grid-area: tlinea;
    width: 100%;
    height: 100%;
	background: #000;
}
/*------------------------------------------------------------ RESUMEN */
.resumen_box {
    display: grid;
    grid-template-rows:  	30px  1px;
	grid-template-columns: 1fr  100px     120px     120px    1fr;
    grid-template-areas: " .    rperiodo  rcompras  rventas  ."
						 " .    rlinea    rlinea    rlinea   .";
    justify-items: end;
    align-items: center;
}
.rperiodo {
    grid-area: rperiodo;
    font-size:15px;
    justify-self: center;
	color: #A45411;
}
.rcompras {
    grid-area: rcompras;
    font-size:16px;
    display: grid;
    padding-right: 15px;
	color: #603;
}
.rventas {
    grid-area: rventas;
    font-size:16px;
    padding-right: 15px;
	color: #036;
}
.rlinea {
    width: 100%;
    height: 100%;
    grid-area: rlinea;
	background: #794012;
}
@media screen and (max-width: 790px) {
    .rperiodo {
        font-size:16px;
    }
    .rcompras {
        font-size:17px;
    }
    .rventas {
        font-size:17px;
    }
}
/*---------------------------------------------------- CLIENTES TITULOS*/
.cliente_titulo {
    display: grid;
    grid-template-rows:  	14px  1px;
	grid-template-columns: 1fr  35px        280px    130px   200px       25px    1fr;
    grid-template-areas: " .    tfrecuente  tnombre  tdoc    tabreviado  tedit   ."
						 " .    tlinea      tlinea   tlinea  tlinea      tlinea  .";
    font-size:11px;
    font-weight: bold;
    justify-items: center;
    align-items: center;
    letter-spacing: 1px;
    text-align: center;
    color:#FFF; 
}
.tnombre {
    grid-area: tnombre;
    width: 100%;
    height: 100%;
	background: #036;
}
.tdoc {
    grid-area: tdoc;
    width: 100%;
    height: 100%;
	background: #603;
}
.tabreviado {
    grid-area: tabreviado;
    width: 100%;
    height: 100%;
	background: #063;
}
.tfrecuente {
    grid-area: tfrecuente;
    width: 100%;
    height: 100%;
	background: #036;
}
.tedit {
    grid-area: tedit;
    width: 100%;
    height: 100%;
	background: #036;
}
/*------------------------------------------------------------ CLIENTES */
.cliente_box {
    display: grid;
    grid-template-rows:  	26px  1px;
	grid-template-columns: 1fr  35px        280px    130px   200px       25px    1fr;
    grid-template-areas: " .    cfrecuente  cnombre  cdoc    cabreviado  cedit   ."
						 " .    tlinea      tlinea   tlinea  tlinea      tlinea  .";
    justify-items: start;
    align-items: center;
}
.cnombre {
    grid-area: cnombre;
    font-size:16px;
	color: #036;
}
.cdoc {
    grid-area: cdoc;
    font-size:15px;
    display: grid;
    padding-left: 5px;
	color: #663;
    justify-self: center;
}
.cabreviado {
    grid-area: cabreviado;
    font-size:16px;
    display: grid;
    padding-left: 5px;
	color: #630;
}
.cfrecuente {
    grid-area: cfrecuente;
    display: grid;
    justify-self: center;
}
.cedit {
    grid-area: cedit;
    display: grid;
    justify-self: center;
}
@media screen and (max-width: 790px) {

}