body {
	font-family: Verdana, Geneva, sans-serif;
	background-color: #d8d9d2;
}


h1 {
	font-size: 2rem;
	color: #011274;
	border: 10px solid #42474a;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: lightblue;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: linear-gradient(#cdd1dc, #ebfe01);
	align-self: auto;
	}
	

h6,h4 {
	font-size: 1rem;
	color: #011274;
	border: 10px solid #bdc1c4;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: lightblue;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background: linear-gradient(white, #ebfe01);
	align-self: left;
	}

.flex2 {
	display: flex;
	flex-wrap: wrap;
	background: #9ed593;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

a {
	text-decoration: none;
	}

footer {
	color: black;
	margin: 2px;
	display: flex;
	justify-content: center;
	background-color: #E0FFFF;
}

h4 {
	color: #200000;
}
	
.flex-outer label{
	display: block;
	color: #0b0000;
	margin-left: 10px;
	margin-right: auto;
	margin-top: auto;
}


.


.flex-outer {
	display: flex;
	display: inline;
	margin-left: 10px;
	margin-right: auto;
	margin-top: auto;
	 /*background-color:#87CEEB;*/
}

.campo {
	font-size: .75rem;
	line-height: 1.5rem;
	margin-right: 0.6rem;
}

.campos {
	font-size: .75rem;
	line-height: 1.5rem;
	display: inline-block;
	margin-right: 0.6rem;
}

.radius {
	padding: 3px;
	border-radius: 6px;
	background-color: #e7e9e7;
}

.dropdown select {

/*	border: 0 !important;  /*Removes border*/
	-moz-appearance: none; /* Removes Default Firefox style*/
/*	background: url('../images/down.png') no-repeat;  /*

	background-position: 82px 7px; /*
	width: 100px;*/
/*	text-indent: 0.01px;  */
/*	text-overflow: ""; */
}


.campo2 {
	width: 2rem;
}

.campo4 {
	width: 4rem;
}

.campo5 {
	width: 5rem;
}

.campo6 {
	width: 6rem;
}

.campo8 {
	width: 8rem;
}

.campo8_5 {
	width: 8.5rem;
}

.campo9 {
	width: 9rem;
}

.campo10 {
	width: 10rem;
}

.campo12 {
	width: 12rem;
}

.campo14 {
	width: 14rem;
}

.campo15 {
	width: 15rem;
}

.campo16 {
	width: 16rem;
}

.campo18 {
	width: 18rem;
}

.campo22 {
	width: 22rem;
}

.campo30 {
	width: 30rem;
}


.campo40 {
	width: 40rem;
}


.flex-containerb0 {
	display: flex;
	flex-wrap: nowrap;
	background: #b5af4a;
	flex-direction: column;
}

.flex-container {
	display: flex;
	flex-direction: row;
	background-color: #b5af4a;
}

.flex-container1 {
	display: flex;
	flex-wrap: wrap;
	background-color: #adad52;
}

.list {
	display: flex;
	font-size: 0.9rem;
}

.lado-lado{
	display: flex;
	flex-direction: row;
	background-color: #b5af4a;
	margin-bottom: auto;
}

.flex-container2 {
	display: flex;
	flex-wrap: wrap;
	background: #b5af4a;
	text-decoration-color: #150000;
	flex-direction: column;
}	

.flex-container9 {
	display: flex;
	background: #b5af4a;
	text-decoration-color: #150000;
}

.conteudo{
padding-top: 1px;
}

.flex-container12 {
	display: flex;
	flex-wrap: wrap;
	background: #b5af4a;
	flex-direction: row;
	padding: 5px;
} 

.produtos{
	font-size: 0.7rem;
	margin-bottom: 0.2rem;
	margin-left: 0.2rem;
	text-align: left;
}

.container{
	display: flex;
	flex-direction: row;
	background: #22fff1;	
}

.butoes{
		background: #fdfecb;
}

.flex-container3 {
	display: flex;
	justify-content: center;
	/*align-items: center;*/
}


.item {
	padding: 5px;
	text-align: center;
	}
	
.item1 {
	color: #fff2f2;
	font-size: 2rem;
	text-align: center;
	margin-bottom: 8px;
	margin-top: 8px;
}
	
	/*Texto dentro do div da pagina principal*/
.flex-contain {
	display: flex;
	flex-wrap: wrap;
	background: #b5af4a;
	flex-direction: column;
}
	
.item4 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	align-items: center;
	align-content: center;
	align-self: center;
}
		

.left {
	text-align: left;
	margin-right: auto;
}

.right {
	text-align: right;
	margin-left: auto;
}

.text-center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.cursivo {
	font-style: italic;
}

.small06 {
	font-size: 0.6rem;
}


.small08 {
	font-size: 0.8rem;
}


/*flex-container2 ja existe linha 190 */
.flex-container2c{
	display: flex;
	flex-direction: row;
}

.center1{
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		align-items: center;
		align-content: center;
		align-self: center;
}
	
 .center2 {
	font-style: italic;
	font-size: 0.9rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem;
	text-align: center;
}


.center5{
		align-content: center;
		align-self: center;
		padding: 80px 40px;
		background: #ffe1e1;
		color: #011274;
		border: 10px solid #43484b;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	background-color: lightblue;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #d2d3d7;
}

.grande12 {
		font-size: 1.2rem;
}


.grande15 {
		font-size: 1.5rem;
}


.izquerda {
		text-align: left;
}

.meio {
		text-align: center;
}

.dereita {
		text-align: right;
}

.light {
		background-color: #fffff4;
}

.laranja {
		background-color: #fd9862;
}

.fondovermelho {
		background-color: #ff6f6fff;
}

.amarela {
		background-color: #fefec7;
}

.vermelho {
		color: #fe6161;
}


.gray {
	color: gray;
}

.green {
color: #038a17;
}

.verde {
	color: #00ff00;
	background-color: #000000;
	max-width: 25%;
		margin-left: auto;
font-size: 16pt;
	
}

.espaco_lados {
	padding-left: 2rem;
	padding-right: 2rem;
}

.espaco_lados20 {
	max-width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.espaco_abajo {
	margin-bottom: 10px;
}

.espaco_acima {
	margin-top: 10px;
}

.padding_3lados {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 1rem;
}


.padding_izquerda {
	padding-left: 3rem;
}

.padding_dereita {
	padding-right: 3rem;
}

.espaco_dereita {
	margin-right: 3rem;
}

.espaco_izquerda {
	margin-left: 3rem;
}

/*ocultar parte*/
.mais {
	display: none;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666; }
	
a .veja_link, a .oculta_link {
	text-decoration: none;
	color: #e366ee;
	padding-left: 8px;
	 }
	 
.cabez1 {
		padding-left: 4px;
		padding-right: 4px;
		font-weight: bold;
		}

.linha_tab {
	border: solid 1px;
		}
	 
.data-table thead {
	background-color: #ffffd0;
		}
		
.data-table th {
	background-color: #e3ffe3;
	border-bottom: 1px solid #0a0158;
	font-size: 0.9rem;
	padding-top: 1px;
    top: 0;
		}
		
.tabelas{
	display: flex;
	flex-direction: row;
}

		
.data-table{
	padding-right: 4px;
	padding-left: 7px;
	padding-top: 15px;
	padding-bottom: 10px;
	
}
		
.data-table td {
	padding: 3px;
	font-size: 0.75rem;
		}
	 
.data-table tbody tr:nth-child(odd) td {
	background-color: #D9FFD9;
	border-bottom: 1px solid #0a0158;
	padding-bottom: 3px;
	white-space: nowrap;
	padding-top: 1px;
		}
		
.data-table tbody tr:nth-child(even) td {
	background-color: #fcfea3;
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
	white-space: nowrap;
	padding-top: 1px;
		}

.data-table tbody tr:hover td {
	background-color: white;
	border-top: 2px solid #c22205;
	border-bottom: 2px solid #c22205;
	padding-top: 1px;
		}
		
.button {
	font-size: 1rem;
	padding: 2px;
	color: #fff;
	border: 2px solid #06D85F;
	border-radius: 10px/20px;
	text-decoration: none;
	margin-top: auto;
	margin-bottom: auto;
	cursor: pointer;
}

.button:hover {
	background: #048c3e;
}

.button1 {
	font-size: 1rem;
	padding: 2px;
	color: red;
	border: 2px solid #06D85F;
	border-radius: 10px/20px;
	text-decoration: none;
	cursor: pointer;
}

.button1:hover {
	background: #afbdfc;
	color: black;
}

.button2 {
	font-size: 1rem;
	padding: 2px;
	color: blue;
	border: 2px solid #06D85F;
	border-radius: 10px/20px;
	text-decoration: none;
	cursor: pointer;
}

.button2:hover {
	background:#ffe8e8;
	color: black;
}

.button_green {
	size: 1.6rem;
	background-color: #12d00d;
	border: 2px solid blue;
	border-radius: 3px;
	font-size: 1.2rem;
	display: inline;
	margin: 3px;
	}

.button_green:hover {
	background-color: #7566ff;
	border-color: white;
	color:yellow;
	}
	
.button_orange {
	size: 1.6rem;
	background-color: orange;
	border: 2px solid blue;
	border-radius: 3px;
	font-size: 1.2rem;
	display: inline;
	margin: 3px;
	}

.button_orange:hover {
	background-color: #65fa74;
	border-color: white;
	color:yellow;
	}

.button_red {
	size: 1.6rem;
	background-color: red;
	border: 2px solid yellow;
	border-radius: 3px;
	font-size: 1.2rem;
	display: inline;
	margin: 3px;
	}

.button_red:hover {
	background-color: #6662fd;
	border-color: white;
	color:yellow;
	}
	
.button_gray {
	size: 1.6rem;
	background-color: gray;
	border: 2px solid red;
	border-radius: 3px;
	font-size: 1.2rem;
	display: inline;
	margin: 3px;
	color: #48b74b;
	}

.button_gray:hover {
	background-color: #f46a80;
	border-color: white;
	color:yellow;
	}

.button_recibo {
	size: 3rem;
	background-color: purple;
	color: orange;
	border: 2px solid blue;
	border-radius: 3px;
	font-size: 2rem;
	display: inline;
	margin-top: 10px;
	margin-left: 30px;
	}

.button_recibo:hover {
	background-color: #65fa74;
	border-color: white;
	color:yellow;
	}

.button_link {
	size: 2.5rem;
	background-color: gray;
	color: black;
	border: 2px solid blue;
	border-radius: 3px;
	font-size: 1.8rem;
	display: inline;
	margin-bottom: 10px;
	margin-left: 30px;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	}

.button_link:hover {
	background-color: #65fa74;
	border-color: white;
	color:yellow;
	}

		
/* para vendas especialmente */
.flex-containera {
	display: flex;
background: #b5af4a;
flex-direction: row;
padding: 10px;
}

.flex-container1a {
		display: flex;
 /* background-color: #adad52;*/
		flex-direction: row;
		padding: 10px;
}


.flex-container3a {
		display: flex;
		padding: 10px;
}


.flex-container4a {
		padding-right: 15px;
	}

.flex-container5a {
	display: flex;
	flex-direction: column;
	font-size: 0.9rem;
	margin-top: 3px;
	color: blue;
}

.flex-container7a {
		display: flex;
}

.flex-container10 {
 		display: flex;
 /* background-color: #adad52;*/
		text-decoration-color: #150000;
		flex-direction: row;
		padding: 10px;
}

.busceda {
		margin-top: 2px;
		padding-bottom: 5px;
		width: 15rem;
		height: auto;
		background-color: #d3e9eb;
		padding-right: 10px;
}


.flex1 {
		padding: 5px;
		width: 8.5rem;
		background-color: #71d9a7;
		border-bottom: solid 1px;
}

.flex1a{
		padding: 5px;
		width: 25rem;	
		background-color: #dcfcfe;
		border-bottom: solid 1px;
}

.flex1b {
	padding: 5px;
	width: 6rem;
	background-color:#8c9eb5;
	border-bottom: solid 1px;
} 

.flex1c {
	padding: 5px;
	width: 3rem;
	background-color:#c8fdcd;
	border-bottom: solid 1px;
}

.flex1c1 {
	padding: 5px;
	width: 3.5rem;
	background-color:#899ef5;
	border-bottom: solid 1px;
}

.flex1d {
	padding: 5px;
	width: 8rem;	
	background-color: #7cb5b6;
	border-bottom: solid 1px;
}

.flex1e {
	padding: 5px;
	width: 4rem;	
}

/*iva*/
.flex1f {
	padding: 5px;
	width: 2rem;	
	background-color:#8c9eb5;
	border-bottom: solid 1px;
}

.flex1g {
	padding: 5px;
	width: 5rem;	
	background-color:#7cb5b6;
	border-bottom: solid 1px;
}

/*Valor Total*/
.flex1h {
	padding: 5px;
	width: 8rem;	
	background-color:#fac265;
	border-bottom: solid 1px;
}

.flex1ha {
	display: inline-block;
	margin-left: 30rem;
	margin-right: auto;	
	background-color: #fac265;
	border-bottom: solid 1px;
}

.mais_claro {
	background-image:url('../images/branco.png');
	background-blend-mode: saturation;
}


.flex-container11a {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding: 10px;
}
		
.formulario1 {
		padding-left: 6px;
		padding-bottom: 5px;
		flex-direction: column;
	}


.formulario {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9rem;
	text-align: center;
}

/* para popup / janela oculta trocar quantidade */

.box {
	width: 40%;
	margin: 0 auto;
	background: rgba(255,255,255,0.2);
	padding: 35px;
	border: 2px solid #fff;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}


.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.7);
	visibility: hidden;
	opacity: 0;
}
.overlay:target {
	visibility: visible;
	opacity: 1;
}

.popup {
	margin-top: 10%;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	background: #fff;
	border-radius: 5px;
	max-width: 500px;
	position: relative;
}


.popup .close {
	position: absolute;
	top: 20px;
	right: 20px;
	transition: all 200ms;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #333;
}
.popup .close:hover {
	color: #06D85F;
}
.popup .content {
	max-height: 30%;
	overflow: auto;
}

@media screen and (max-width: 700px){
	.box{
		width: 80px;
	}
	
.popup{
		width: 20px;
	}
}


@media print {
   .noPrint {
   	display:none;
 }
	table tr td { font-size: 8pt;
	font-family:'Times New Roman';	}
	th {font-size: 9pt;}
}

.maiusculos {
text-transform: uppercase
}