html, body{ height:100%; }
html{ font-size: 62.5%;}
#aspnetForm{ min-height:100%; position:relative; overflow:hidden;}

.page_position_edit{ margin-top: 100px; }

.extra { max-width:1900px; min-height:100vh;  margin:auto; box-shadow:0 0 3px rgba(0,0,0,.3); overflow:hidden; }
.container{ width: 1174px; position:relative; margin:auto;}

.txt textarea,
.txt input,
.txt select {-webkit-appearance:none; -moz-appearance:none; appearance:none; }

.fleft{ float:left; }
.fright{ float:right; }

.fx{ position:fixed; }
.abs{ position:absolute; }
.rel{ position:relative; }

.flex{ display:flex; flex-wrap: nowrap;}
.grid{ display:grid; }

.tj{ text-align:justify; }
.tc{ text-align:center; }
.tr{ text-align:right; }
.tl{ text-align:left; }

/*DEIXA A LISTA DE FORMA ORGANIZADA*/
.lista {
  	-webkit-flex-flow: row wrap;
  	justify-content:flex-start; /*flex-start|flex-end|center|space-between|space-around|initial|inherit;*/
}

.grid.l-2{ grid-template-columns:repeat(2,1fr);}
.grid.l-3{ grid-template-columns:repeat(3,1fr);}
.grid.l-4{ grid-template-columns:repeat(4,1fr);}
.grid.l-5{ grid-template-columns:repeat(5,1fr);}
.grid.l-6{ grid-template-columns:repeat(6,1fr);}
.grid.l-7{ grid-template-columns:repeat(7,1fr);}
.grid.l-8{ grid-template-columns:repeat(8,1fr);}


.lista li a,
.lista li a img{ display:block; }
.lista li { float:left; }
.lista.l-10 li { width:10%; }
.lista.l-9 li { width:11.111%; }
.lista.l-8 li { width:12.5%; }
.lista.l-6  li { width:16.666%; }
.lista.l-5 li { width:20%; }
.lista.l-4 li { width:25%; }
.lista.l-3 li { width:33.333%; }
.lista.l-2 li { width:50%; }