/*
 * Zoe Vision - Ordem de Serviço
 * Layout da OS, tabelas, medidas e regras de impressão.
 */

.folha{
		width:794px;
		min-width:794px;
		margin:auto;
		background:#fff;
		padding:15px;
		box-sizing:border-box;
	}
.secao-os{
		padding:5px 8px;
		margin:8px 0 5px;
	}
.os{
		border:1px solid #999;
		padding:15px;
		margin-bottom:30px;
	}
.topo{
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		margin-bottom:15px;
	}
.logo{
		display:flex;
		align-items:center;
		gap:10px;
	}
.logo img{
		width:60px;
	}
.tabela-medidas-os td,
	.tabela-medidas-os th{
		height:28px;
		font-size:12px;
	}
.tabela-medidas-os{
		margin-top:5px;
		margin-bottom:5px;
	}
.logo-texto{
		font-size:28px;
		font-weight:bold;
	}
.contato{
		text-align:center;
		font-size:14px;
	}
.numero-os{
		text-align:right;
		font-size:20px;
		font-weight:bold;
		color:#b54b4b;
	}
.linha{
		display:flex;
		gap:10px;
		margin-bottom:10px;
	}
.campo{
		flex:1;
		font-size:14px;
	}
.label{
		display:block;
		margin-bottom:2px;
	}
.input-linha{
		border-bottom:1px solid #000;
		height:18px;
	}
.campo{
		flex:1;
		font-size:14px;
		min-width:0;
	}
.topo > div{
		min-width:0;
	}
.tabela-grau{
		width:auto;
		table-layout:fixed;
		border-collapse:collapse;
		margin:15px auto;
		margin-bottom:15px;
	}
.foto-medidas{
		display:flex;
		justify-content:center;
		align-items:flex-start;
		gap:15px;
		margin:15px 0;
	}
.foto-box{
		text-align:center;
	}
.medidas-box{
		display:flex;
		align-items:center;
	}
.medidas-box .tabela-grau{
		margin:0;
	}
.tabela-grau td,
	.tabela-grau th{
		border:1px solid #000;
		height:30px;
		text-align:center;
		font-size:13px;
	}
.subtitulo{
		font-size:13px;
		font-weight:bold;
		background:#f3f3f3;
	}
.pagamento{
		display:flex;
		gap:20px;
		margin-top:10px;
		flex-wrap:wrap;
	}
.checkbox{
		display:flex;
		align-items:center;
		gap:5px;
	}
.rodape{
		margin-top:15px;
	}
.corte{
		border-top:2px dashed #999;
		margin:30px 0;
	}
@media print{

		body{
			background:#fff;
			padding:0;
		}

		.folha{
			width:100%;
			padding:0;
		}

		.corte{
			border-top:2px dashed #999;
		}
	}