/*A criação é silenciosa. Origem e resultado, toda criação está sujeita a isso*/

:root{
	
	--contraste-menu:#ffffff;

	--contraste-f-escuro:#ffffff;
	--congelar:#ffffff90;
	--congelar-contraste:#00000050;
	
	--janela:var(--contraste-f-escuro);
	--janela-linha:#dfdfdf;
	--contraste:#333333;
	--contraste-max:#000000;
	--contraste-medio:#cccccc;
	
	--botao-n:var(--contraste);
	--botao-cont:var(--contraste-f-escuro);
	--fundo-degrade-a:#f1f1f1;
	--fundo-degrade-b:#dee4eb;
	--botao-hover:#85c11d;
	--ativo-hover:#9ce31f;
	--ativo-click:#719b29;
}

.escuro{
	--contraste-f-escuro:#1c1c1c;
	--congelar-contraste:#ffffff50;
	--janela:var(--contraste-f-escuro);
	--janela-linha:#dfdfdf;
	--contraste:#999999;
	--contraste-max:#ffffff;
	--contraste-medio:#cccccc;
	
	--botao-n:var(--contraste);
	--botao-cont:var(--contraste-f-escuro);
	--fundo-degrade-a:#4a4a4a;
	--fundo-degrade-b:#1c1c1c;
}
.vermelho{
	
	--fundo-degrade-a:#c13851;
	--fundo-degrade-b:#851328;
	--contraste:#e7b1bb;
	--contraste-medio:#f1d3d8;
	--contraste-max:#ffffff;
	
	--contraste-f-escuro:var(--fundo-degrade-b);
	--janela:var(--contraste-f-escuro);
	--janela-linha:#ffffff50;
	
}
.verde{
	
	--fundo-degrade-a:#73b52a;
	--fundo-degrade-b:#416e10;
	--contraste:#e1e7b1;
	--contraste-medio:#eaf1d3;
	--contraste-max:#ffffff;
	
	--contraste-f-escuro:var(--fundo-degrade-b);
	--janela:var(--contraste-f-escuro);
	--janela-linha:#ffffff50;
	
}
.azul{
	
	--fundo-degrade-a:#2077af;
	--fundo-degrade-b:#0b4062;
	--contraste:#76c9ff;
	--contraste-medio:#60a6d3;
	--contraste-max:#ffffff;
	
	--contraste-f-escuro:var(--fundo-degrade-b);
	--janela:var(--contraste-f-escuro);
	--janela-linha:#ffffff50;
	
}
.roxo{
	
	--fundo-degrade-a:#894e9d;
	--fundo-degrade-b:#350544;
	--contraste:#beadc3;
	--contraste-medio:#decde3;
	--contraste-max:#ffffff;
	
	--contraste-f-escuro:var(--fundo-degrade-b);
	--janela:var(--contraste-f-escuro);
	--janela-linha:#ffffff50;
	
}
.rosa{
	
	--fundo-degrade-a:#ff87be;
	--fundo-degrade-b:#933962;
	--contraste:#ffe9f3;
	--contraste-medio:#ffcae2;
	--contraste-max:#ffffff;
	
	--contraste-f-escuro:var(--fundo-degrade-b);
	--janela:var(--contraste-f-escuro);
	--janela-linha:#ffffff50;
	
}

*{margin:0; padding:0; text-decoration:none; border:none; list-style:none; position:relative; font-size:0;}
input[type="button"]{color:transparent;}

body{font-family:Arial, Helvetica, sans-serif; background-image:linear-gradient(to bottom, var(--fundo-degrade-a), var(--fundo-degrade-b));}

.backg-b{background:var(--contraste-f-escuro);}

.base{width:100%; margin-right:auto; margin-left:auto;}

.none{display:none;}

.inline{display:inline-block; vertical-align:top;}
.t-cell{display:table-cell;}
.v-top{vertical-align:top;}
.v-mid{vertical-align:middle;}

.a-left{text-align:left;}
.a-right{text-align:right;}
.a-center{text-align:center;}

.flex{display:flex;}
.block{display:block;}
.tabela{display:table;}
.borda{border:solid 1px;}

.b-dir{border-right:solid 1px #ccc;}

.m-top{margin-top:20px;}
.m-bot{margin-bottom:10px;}
.m-left{margin-left:10px;}
.m-l20{margin-left:20px;}
.m-t10{margin-top:10px;}

.padding{padding:20px;}
.pad-10{padding:10px;}
.pad-5{padding:5px;}
.pr-10{padding-right:10px;}

.ctitulo{position:absolute; font-size:14px; pointer-events:none; left:20px; top:20px; color:var(--contraste);}
.bg-none{background:none !important;}
.float-r{float:right;}
.float-l{float:left;}

.title{display:none; padding:10px; background:var(--contraste); z-index:2; position:absolute; left:0; top:0; min-width:130px; border-left:solid 5px var(--contraste-medio);}
	.title, .title *{font-size:14px; color:var(--contraste-f-escuro);}
	

.w50{width:calc(50% - 10px);}


.blur{backdrop-filter:blur(50px); position:fixed; width:100%; height:100%; z-index:2; left:0; top:0; display:none;}

.opaco{opacity:0.5;}
.desfocar{filter:blur(10px);}
	.desfocar .botao{pointer-events:none;}

#mensagem div *{font-size:12px; color:var(--contraste-f-escuro);}

.botao{background:#e3e3e3; display:flex; align-items:center; justify-content: center;}
	.botao div{color:var(--contraste-f-escuro); font-size:24px; text-align:center; text-transform:uppercase;}

.ns{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.loading, .load{
	position:fixed; background:var(--congelar); height:100%; width:100%; z-index:3; text-align:center; display:none; margin-top:0; top:0;
}

.loading .carregando{bottom:10px; position:fixed;}

.load-local{position:absolute; left:15px; top:20px; z-index:1;}

.pg-load{position:absolute; z-index:+2; width:100%; text-align:center; display:none; bottom:0;}
	.pg-load .carregando-p{text-align:center; left:50%;}



.p-barra{width:100%; background:#dedede; margin-top:7.5px; position:absolute;}
		.p-barra .progresso{padding-top:2px; padding-bottom:2px; background:#ffa200; width:0;}
		
		
.veu{position:fixed; left:0; top:0; width:100%; height:100%; background:var(--contraste-f-escuro); z-index:2;}
		.veu div{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
		.veu h1{font-size:100px; color:var(--contraste);}
		.veu p{font-size:40px; color:var(--contraste);}
		



#topo{background:var(--contraste); z-index:2; position:fixed; width:100%; top:0;}

#onde, #onde a{font-size:14px; color:var(--contraste-f-escuro); text-transform:uppercase;}




#sistema{width:100%; display:block; z-index:3; position:fixed; top:35px;}

.erro{background:#ee1a56; width:100%; display:none;}
	.erro .c, .erro .fechar{padding:20px; color:var(--contraste-f-escuro); font-size:18px;}	
	
	.erro .c *{font-size:1em; text-decoration:underline;}
	
	.erro .fechar{position:absolute; right:0; top:0;}	
		.erro .fechar:hover{background:#830e2f;}
	





.atualizando{opacity:0.5; pointer-events:none;}

#topo{z-index:3;}

#topo .logo{position:absolute; left:50%; top:0; transform:translateX(-50%); width:75px; padding:5px; opacity:0.7;}	
		#topo .logo img{width:100%;}
	#topo .logo:hover{opacity:1;}

.menu .icone{font-size:18px; color:var(--contraste-menu); padding-right:20px; background:#1d81c1;}
	.menu .icone img{width:36px; vertical-align:middle;}

	.menu nav{background:#1d81c1; position:absolute; top:36px; width:300px; display:none;}
		.menu nav ul li{padding:20px;}
			.menu nav ul li a{font-size:18px; color:var(--contraste-menu); padding:20px;}
			.menu nav ul li:hover{background:var(--botao-hover);}
			
		
	/*.menu:hover .icone{background:#16191a;}*/
	.menu:hover nav{display:block;}



	.menu nav ul li ul{display:none; position:absolute; left:300px; top:0; background:var(--botao-hover); width:300px;}
	
		.menu nav ul .backups ul{transform:translate(0, -50%);}

		.menu nav ul li:hover ul{display:block;}
		
		.menu nav ul li ul li:hover{background:#609209;}
	

.opcoes{position:absolute; right:0; top:0;}



.painel{text-align:right; background:#676d6f; z-index:1; vertical-align:top;}	
		.painel .nome{font-size:14px; padding:9px; vertical-align:top; border:solid 1px #808586; color:#fff; width:calc(100% - 55px);}
	
		.painel .opt{padding:9px; background:#808586;}
		
			.painel .opt .icone .novidade{position:absolute; right:-5px;; top:-5px; margin-right:0; font-size:7px; color:var(--contraste-f-escuro); padding:2px; text-align:center;}
			
		.painel .opt:hover{background:#474747;}
		.painel .opt:hover .itens{display:block;}
		
		.painel .itens{position:absolute; right:0; text-align:right; background:#474747; display:none; top:35px; width:150px;}
			.painel .itens ul li{padding:10px;}
				.painel .itens ul li a{font-size:14px; color:#fff;}
				.painel .itens ul li img{width:15px; height:15px;}
				
				.painel .itens ul li:has(.novidade){display:flex; justify-content:flex-end;}

				
				
				
				
				
			.painel .penduricalhos{position:absolute; left:-10px; top:7px; transform:translateX(-100%); height:100%; align-items:flex-start; display:flex;}
		.painel .onoff div{width:20px; height:20px; border-radius:50%;}
			.painel .onoff .online{background:#34eb64;}
			.painel .onoff .offline{background:#b40000;}
			
			.painel .relogio{font-size:16px; color:#ffffff; margin-right:10px;}
			
			.painel .modo{background:var(--contraste-f-escuro); display:flex; width:20px; height:20px; margin-left:10px; border:solid 1px var(--contraste-f-escuro); justify-content:flex-end; border-radius:50%; overflow:hidden;}
				.painel .modo div[class*="cor-"]{width:50%; height:100%;}
				.painel .modo .cor-a{background:var(--contraste);}
				.painel .modo .cor-b{background:var(--contraste-f-escuro);}
				
				.painel .modo:hover{cursor:pointer;}
				
			.painel .estilo{display:flex; margin-left:10px; padding-right:5px; border:solid 1px var(--contraste-f-escuro); align-items: center; justify-content:flex-end; font-size:14px; color:var(--contraste-f-escuro);}
				.painel .estilo span{font-size:1em;}
				.painel .estilo .grafico{width:10px; height:20px; margin-right:3px; background:var(--contraste-f-escuro);}
					
					.painel .estilo ul{position:absolute; top:20px; right:-1px; background:var(--contraste-f-escuro); display:none;}
						.painel .estilo ul li{font-size:14px; color:var(--contraste); padding:5px; display:flex; align-items:center;}
						
						.painel .estilo ul li[class*="cor-"] div{width:8px; height:8px; border:solid 1px var(--contraste); margin-right:5px;}
						.painel .estilo .cor-claro div{background:#ffffff;}
						.painel .estilo .cor-escuro div{background:#333333;}
						.painel .estilo .cor-vermelho div{background:#c13851;}
						.painel .estilo .cor-verde div{background:#73b52a;}
						.painel .estilo .cor-azul div{background:#2077af;}
						.painel .estilo .cor-roxo div{background:#894e9d;}
						.painel .estilo .cor-rosa div{background:#ff87be;}
						
					.painel .estilo:hover ul{display:block;}
						.painel .estilo ul li:hover{background:var(--fundo-degrade-a); cursor:pointer;}
				
				
		.painel .backup-status{height:22px; margin-left:10px;}
				.painel .backup-status svg{height:100%;}
					.painel .backup-status svg g g path{fill:var(--contraste);}
					.painel .backup-status.ok svg g g path:first-child{fill:#34eB64;}
					.painel .backup-status.error svg g g path:first-child{fill:#b40000;}
					.painel .backup-status svg #_976495024 > path{fill:var(--contraste-f-escuro);}		
			
			.painel .backup-status .barra{position:absolute; left:0; bottom:0; background:var(--contraste-medio); width:100%; height:4px; overflow:hidden; display:none;}
			.painel .backup-status .barra .progresso{background:#34eB64; width:10px; height:100%; position:absolute; left:-10px; animation:progresso 0.5s infinite;}

		.novidade{background:#f34f4f; width:8px; height:8px; margin-right:10px; border-radius:50%;}



.corpo{margin-top:40px;}



.log{width:200px; vertical-align:top; padding-top:20px; background:var(--contraste-f-escuro); height:100%; position:fixed; right:0; top:35px; z-index:2;}
	
	.log .enex{background:url(../images/seta_log.svg) no-repeat; width:18px; height:59.5px; position:absolute; top:0; left:-16px; cursor:pointer;}
	
	.log .expandir{background-position:0 -59.5px;}
	
	.log .lista{overflow:auto; max-height:calc(100% - 100px);}
	
	.log h1{font-size:18px; color:#f0f8fa; margin-top:-20px; padding:20px;}
	.log article{vertical-align:top; color:var(--contraste); padding:20px; display:flex;}
		.log article a, .log article *{font-size:10px; color:var(--contraste);}
		
		.log article .print{width:80px; margin-right:10px; background:var(--contraste-f-escuro);}
			.log article .print img{width:100%;}
		
		.log article a:hover{text-decoration:underline;}


.principal{width:100%; margin-bottom:60px;}
	.principal h1{font-size:30px; color:var(--contraste); padding:20px; margin-bottom:20px;}
	
	.principal h3, .principal h3 span{font-size:14px; color:var(--contraste-max); margin-bottom:20px;}
	.principal h3 *{font-size:1em;}
	
		.principal h3 a{padding:3px; color:var(--contraste-f-escuro); font-size:0.8em; background:var(--contraste-medio);}
			.principal h3 a:hover{background:var(--contraste);}
		
		.principal article:hover h3 a{opacity:1;}
	
	.principal .base .padding > h1{padding-left:0; border-bottom:none; padding-bottom:0; padding-top:0;}

	
	.principal .acoes{position:absolute; right:20px; top:20px; display:flex;}
		.principal .acoes li{background:var(--contraste-max); padding:10px; color:var(--contraste-f-escuro); font-size:14px; margin-left:10px;}
		
			.principal .acoes li .carregando-p{position:absolute; top:10px; right:10px;}
			
			.principal .acoes li *{font-size:1em; color:var(--contraste-f-escuro);}			
			
			.principal .acoes li:hover{background:var(--contraste); cursor:pointer;}
			
			.principal .acoes li input, .principal .acoes li textarea{font-size:1px; width:1px; height:1px; background:none; border:none; color:transparent; padding:0; margin:0; text-transform:lowercase;}
			
			
	.principal .acoes[class*="fixar"]{position:fixed; right:40px; top:50px; display:flex; z-index:1;}
		
.janela{background:var(--contraste-f-escuro);}


.principal img:not(img[src*="logo"]){margin-bottom:20px; max-width:100%; border:solid 1px #333333;}


.novo-cliente input, .nova-os input[name="cliente"], .editar-cliente input{text-transform:uppercase;}



input[type="file"]{font-size:12px;}
.anexar h2{margin-bottom:10px;}



.principal .voltar, .curriculos .voltar, .popup-b .voltar{position:fixed; top:35px; left:0; background:var(--contraste-max); z-index:2; padding:10px;}

	.cabecalho-atalhos .voltar{position:relative; background:var(--contraste-max); padding:10px; display:flex; align-items:center;}
		.principal .voltar img, .curriculos .voltar img, .popup-b .voltar img{width:25px !important;}
		
		.cabecalho-atalhos .voltar:hover{background:var(--contraste); cursor:pointer;}
		
		.principal .voltar:hover, .curriculos .voltar:hover, .popup-b .voltar:hover{background:var(--contraste);}

	.popup-b .voltar{top:33px;}


	.voltar .seta{display:flex; width:30px; height:25px; align-items:center;}
		.voltar .seta .ponta{border-left:solid 4px var(--contraste-f-escuro); border-top:solid 4px var(--contraste-f-escuro); width:15px; height:15px; transform:rotate(-45deg);}
		.voltar .seta .cabo{width:100%; height:4px; background:var(--contraste-f-escuro); position:absolute;}
	.escuro .voltar{filter:drop-shadow(5px 5px 5px #00000090);}
	
	
.nenhum{font-size:22px; color:var(--contraste);}
	
	
	
	
.editar-cliente h2{margin-bottom:10px; margin-top:20px; font-size:13px !important;}
.editar-cliente .ordens{border:solid 1px var(--contraste); max-height:150px; overflow:auto;}
	.editar-cliente .ordens article{display:flex; justify-content: space-between; padding:10px;}
	
	.editar-cliente .ordens article:hover{background:#f1f1f1; cursor:pointer;}
	
	.editar-cliente .ordens article h3{display:none;}
		.editar-cliente .ordens article p *{font-size:1em;}


		.sensurar .valores, .sensurar .v-total, .sensurar .v-total-i,
		.sensurar .campo:has(input[name="desconto"]), .sensurar .formas-pagamentos{display:none !important;}


input[type="text"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="email"],
input[type="date"],
input[type="time"],
input[type="datetime-local"],
select{
	font-size:14px;
	padding:20px;
	color:var(--contraste);
	border:solid 1px var(--contraste);
	width:100%;
	outline:none;
	text-transform:uppercase;
	background:var(--contraste-f-escuro);
}

select[readonly="readonly"]{pointer-events:none; border-color:var(--janela-linha);}

option {
	font-size:1em;
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}

select{text-transform:capitalize;}


input[type="date"],
input[type="time"],
input[type="datetime-local"]{padding:17px;}

input[readonly="readonly"]{border-color:var(--contraste-medio);}


input[type="checkbox"]{}
label{font-size:24px; color:var(--contraste-f-escuro); border:solid 1px var(--contraste-f-escuro); padding:5px;}


.extras label{color:var(--contraste); font-size:14px;}





.col-1, .col-2{width:calc(35% - 2px); vertical-align:top; margin-top:-20px;}
.col-1{width:calc(65% - 2px);}

.col-2{border-left:solid 1px var(--contraste-medio);}



.formulario .os{width:calc(100% - 360px);}

.formulario .cabecalho{display:flex; justify-content:space-between; align-items:center;}
	.formulario .cabecalho .dados h2{font-size:50px; color:var(--contraste-max);}
		.formulario .cabecalho .dados h2 *{font-size:1em; color:var(--contraste-max);}
		
		.formulario .cabecalho .dados p *{font-size:14px; color:var(--contraste);}
		
	
	.novo-cliente .formulario .categoria{width:30%; min-width:200px;}
	

.formulario .data{border:solid 1px var(--contraste); padding:10px;}
	.formulario .data h2{margin-bottom:5px; margin-top:-18px;}
		.formulario .data h2 span{ font-weight:normal; background:var(--contraste-f-escuro); color:var(--contraste-max); font-size:14px;}
		
		.formulario .data.flex{flex-wrap:wrap;}
			.formulario .data.flex h2{flex:1 100%;}
			.formulario .data.flex div:first-child{flex:2;}
		
.formulario .setores{display:flex;}
	.formulario .setores h3{font-size:11px; font-weight:normal; position:absolute; color:var(--contraste);}
	
	.formulario .setores .campo{font-size:14px; display:flex; align-items:center; margin-right:10px; opacity:1; color:var(--contraste-max);}
	
		.formulario .setores[class*="readonly"] .campo, .formulario .setores .travado{opacity:0.5; pointer-events:none;}
		

.formulario .checkbox{width:11px; height:11px; border:solid 1px var(--contraste); padding:2px; margin-right:5px;}
.formulario .checkbox .interno{background:#dfdfdf; width:100%; height:100%;}
	.formulario .checked .interno{background:#09C;}
	
	



.formulario .atualizar{position:absolute; left:20px; margin-top:-10px; background:var(--contraste); z-index:1; display:none;}
	.formulario .atualizar div{padding:10px; font-size:10px;}

	.formulario .atualizar:hover{background:var(--contraste-max); cursor:pointer;}
		
.c-opcoes{position:absolute; right:15px; top:15px; display:flex;}		
.localizar, .visualizar{background:var(--contraste); font-size:12px; color:var(--contraste-f-escuro);  padding:5px; margin-left:10px;}
	.localizar:hover, .visualizar:hover{background:var(--contraste-max); cursor:pointer;}
		
		
		
		
		
		

.formulario .entrega{width:200px;}

	.formulario .entrega .agora{
		background-image: linear-gradient(#AD559F, #D04E9B);
		border-radius:6px 6px 0 6px;
		border:solid 1px #7A3E64;
		box-shadow:0 3px 3px #00000050;
		color:var(--contraste-f-escuro);
		padding:5px;
		font-size:14px;
		position:absolute;
		right:0;
		top:-10px;
	}
		.formulario .entrega .agora:hover{background-image: linear-gradient(to top, #AD559F, #F266BA); cursor:pointer;}
		.formulario .entrega .agora:active{background:#7A3E64; box-shadow:0 0 0 #00000050;}
		
		
		
		
		
		.formulario .div[class*="seta-"]{z-index:1;}
			.formulario .div[class*="seta-"] div:has(.lista){
				background:var(--contraste-f-escuro);
				position:absolute; width:100%; margin-top:0; left:0;
				overflow:auto;
				min-height:auto;				
				max-height:300px;
				display:none;
			}
		
		
		
		
		
		
		
		
		
		.leitura .bt{display:none !important;}
		.leitura .item:hover .bt{display:none;}
		
		
		

.formulario .hora{width:120px;}

.formulario .lista{height:200px; overflow:auto;}


	
	.limpar{font-size:10px; color:var(--contraste-f-escuro); background:var(--contraste-medio); padding:10px; position:absolute; top:10px; right:10px; display:none;}
		.limpar:hover{cursor:pointer; background:#999999;}
	
	.add-servico .cancelar{font-size:10px; padding:5px; background:var(--contraste); color:var(--contraste-f-escuro); position:absolute; top:10px; right:10px;}
		.add-servico .cancelar:hover{background:#000000; cursor:pointer;}
	
	.seta-insumos .limpar{right:80px;}
	
	
	.formulario div[class*="add-"]{display:flex; z-index:0;}	
	

	
		.formulario div[class*="add-"] .campo:not(.formulario div[class*="add-"] fieldset[name="dados"] .campo){flex:1 100%;}
		.formulario div[class*="add-"] .unidade{min-width:100px;}
		.formulario div[class*="add-"] .quantidade{min-width:100px;}
		
		
		.formulario .campo:has(input[name="desconto"]){display:inline-block; text-align:right;}
		
		.flex-r{display:flex; justify-content:space-between; align-items:center;}
	
	.formulario .insumo .campo{width:calc(100% - 99px);}
	
	
	#insumos{
		position:absolute; left:0;
		width:100%;
		background:var(--contraste-f-escuro);
		margin-top:5px;
		z-index:2;
		display:none;	
	}
	
	
	.formulario .acabamento{position:absolute; right:15px; top:15px;}
		.formulario .acabamento select{display:inline-block; padding:5px; font-size:14px; border-color:#c4c4c4;}
	
	.formulario .quantidade{margin-left:-1px; width:100px;}
	
	.formulario .valor{width:100px; margin-left:-1px;}
	
	.formulario .add{min-width:35px !important; border:solid 1px var(--contraste); color:var(--contraste); padding:11px; font-size:30px; vertical-align:top; margin-left:-1px; text-align:center;}
	
	.busca .add{width:25px; padding:16.5px; position:absolute; right:0; top:0; font-size:20px;}	
	
	
	.busca.fixar{position:fixed; right:20px; top:50px; z-index:2;}
		.busca.fixar.ca{right:calc(30% + 20px);}
	
	.add-servico[class*="f-unidade"]{padding:10px; flex-wrap:wrap;}
		.add-servico[class*="f-unidade"] h3{flex:1 100%;}
		
		.add-servico[class*="f-unidade"] fieldset[name="dados"]{display:flex; flex-wrap:nowrap; width:100%; margin-bottom:0; margin-top:-1px;}
		.add-servico[class*="f-unidade"] .produto{flex:1 100%;}
		.add-servico[class*="f-unidade"] .largura{width:160px;}
		.add-servico[class*="f-unidade"] .altura{width:160px;}
	
	.add-servico[class*="f-unidade"] .botao[class*="add"]{margin:-10px; margin-top:20px; width:100%; color:var(--contraste-f-escuro); font-size:18px;}
	
	.add-servico select{width:auto; padding:18px;}
	
	/*.formulario .servicos{border:solid 1px #333333; margin-bottom:20px; margin-top:20px; padding:10px;}
		.formulario .servicos > div{font-size:18px;}
		
		.formulario .servicos .titulo{background:#333333; color:var(--contraste-f-escuro); font-size:10px; padding:5px;}
		
		.formulario .servicos table{width:100%;}
		
			.formulario .servicos table tr .celula{font-size:14px; color:#333333; padding:10px; border-right:solid 1px #333333; text-align:center;}
				.formulario .servicos table tr .celula:last-child{border-right:none;}
			
			.formulario .total{padding:5px; color:var(--contraste-f-escuro); background:#333333; font-size:14px; float:right;}
				.formulario .total span{font-size:14px; color:var(--contraste-f-escuro);}*/
				
	.formulario .selecionados{border:solid 1px var(--contraste); margin-bottom:20px; margin-top:20px; padding:10px;}
		.formulario .selecionados > div{font-size:18px;}
		
		.formulario .selecionados .titulo{background:var(--contraste); color:var(--contraste-f-escuro); font-size:10px; padding:5px;}
		
		.formulario .selecionados table{width:100%;}
		
			.formulario .selecionados table tr .celula{font-size:14px; color:var(--contraste); padding:10px; border-right:solid 1px var(--contraste); text-align:center;}
				.formulario .selecionados table tr .celula:last-child{border-right:none;}
			
			.formulario .total{padding:5px; color:var(--contraste-f-escuro); background:var(--contraste); font-size:14px; float:right;}
				.formulario .total span{font-size:14px; color:var(--contraste-f-escuro);}
	
	
	
	.formulario .categoria .sugestao{position:absolute; display:none; left:0; top:57px; width:100%; max-height:160px; overflow:auto; background:var(--contraste); box-shadow:10px 10px 10px #00000050; z-index:1;}
		.formulario .categoria .sugestao li{font-size:16px; color:var(--contraste-f-escuro); padding:5px; text-transform:uppercase;}
		.formulario .categoria .sugestao .selecao{background:#666666;}
	

	
	
	
	
	.s-bar::-webkit-scrollbar{width:5px;}
			.s-bar::-webkit-scrollbar-button{display:none;}
			.s-bar::-webkit-scrollbar-thumb{background:var(--congelar-contraste);}
		
	body::-webkit-scrollbar{width:8px;}
			body::-webkit-scrollbar-button{display:none;}
			body::-webkit-scrollbar-track{background:var(--contraste-f-escuro);}
			body::-webkit-scrollbar-thumb{background:var(--contraste);}
	
	.formulario .lista div.block{
		font-size:14px; color:var(--contraste); border-bottom:solid 1px #c4c4c4; margin-right:20px; padding-bottom:5px; padding-top:5px;
		display:flex;
		justify-content:space-between;
	}
		.formulario .lista div.block:last-child{border-bottom:none; margin-right:none;}
		
		.formulario .lista div.block:hover, .formulario .lista div.selecao{background:#e9e9e9; cursor:default;}
		
		.formulario .lista div.block .detalhes, .formulario .lista div.block .detalhes *{font-size:1em;}

	
	.formulario .lista .vazio{border-bottom:none; display:none;}
		.formulario .lista .vazio:hover{background:none;}



	.ativo{background:var(--botao-hover);}
		.ativo:hover{background:var(--ativo-hover); cursor:pointer;}
		.ativo:active{background:var(--ativo-click);}
	
	
	#servicos .categorias{width:100%; z-index:1; margin-bottom:10px; text-align:center;}
		#servicos .categorias li{font-size:10px; color:var(--contraste); display:inline-block; margin-right:5px; padding:5px;}
			#servicos .categorias li *{font-size:1em;}
			
			#servicos .categorias li:hover{background:var(--contraste); color:var(--contraste-f-escuro); cursor:pointer;}


	









.formulario .atividades{width:100%;}
	.formulario .atividades h2{font-size:18px;}
	
	.formulario .atividades .lista p{font-size:14px; color:var(--contraste);}




	.formulario .v-total-i, .formulario .v-total{
		display:flex; justify-content:flex-end; align-items:center;
	}
	
		.formulario .v-total-i .itens{font-size:20px; color:var(--contraste);}
		.formulario .v-total .desconto{font-size:30px; color:var(--contraste);}
		.formulario .v-total .desconto i{font-size:1em; color:#b40000; margin-right:10px;}
		
		.formulario .v-total-i .vlr, .formulario .v-total .vlr{font-size:30px; color:var(--contraste);}
		.formulario .v-total-i .vlr *, .formulario .v-total .vlr *{font-size:1em; color:var(--contraste-max);}
		
	
	
	
	
	
	
.formulario .salvar label, .formulario .copiar-link label{font-size:18px; color:var(--contraste);}	

.formulario .caixa{border:solid 1px var(--contraste); padding:10px;}





.dropbox{position:absolute; width:100%; left:0; background:var(--contraste-f-escuro); z-index:1;}




.status{position:absolute; top:0; left:-1px; background:var(--contraste-f-escuro); width:102%; height:102%; z-index:1; display:none; font-size:18px; color:#b4000;}

	.status h1{font-size:18px;}
	.status a{font-size:14px;}





	.selecionados .padding{padding:10px;}
	.selecionados .item{display:block; border-bottom:solid 1px var(--contraste);}
		.selecionados .item:last-child{border-bottom:none;}
		
		.selecionados .item .info{display:flex; justify-content:space-between;}
			.selecionados .item .info div{font-size:14px; color:var(--contraste);}
				
				.selecionados .item .info div *{font-size:1em; color:var(--contraste);}
				
				.selecionados .item .info .valores{display:flex;}
					.selecionados .item .info .valores div{text-align:left;}
				
				.selecionados .item .info .vunid{margin-right:20px; width:70px;}
					.selecionados .item .info .vunid span, .selecionados .item .info .vlr span{float:right;}
				.selecionados .item .info .vlr{margin-right:40px; width:70px;}
		
		.selecionados .item .remover, .pagamentos .item .remover{
			font-size:20px;
			position:absolute; right:0; top:0;
			border:solid 1px var(--contraste);
			width:34px; height:34px;
			display:flex;
			justify-content:center;
			align-items:center;
			visibility:hidden;			
		}
		
		.pagamentos .item .remover{top:-10px; right:-10px;}
		
			.selecionados .item .remover:hover,
			.pagamentos .item .remover:hover{background:var(--contraste); color:var(--contraste-f-escuro); cursor:pointer;}
			
		.selecionados .item:not(.selecionados .readonly):hover .remover,
		.pagamentos .item:not(.selecionados .readonly):hover .remover{visibility:visible;}
		
		/*.servicos .item .info .detalhe{font-size:14px; color:var(--contraste-f-escuro); padding-right:25px;}
			.servicos .item .info .detalhe *{font-size:14px; color:var(--contraste-f-escuro);}
		.servicos .item .info .opcoes{position:absolute; right:0; top:-10px;}*/
		
			.opt-verniz, .opt-laminacao{color:var(--contraste-f-escuro); padding:2px; font-size:10px; vertical-align:top;}
			.opt-verniz{background:#f7a912;}			
			.opt-laminacao{background:#1293f7;}
			
			
			.acb{padding:2px; border:solid 1px #000000; color:#000000; border-radius:6px;}
	
	
	
.det span, .vlr, .vlr *{color:var(--contraste-max);}






#print{width:100%;}
	
	#print .imagem{vertical-align:top;}
	#print .imagem img{width:100%; vertical-align:top;}


.dropavel{border:dashed 5px #666; margin:-5px;}










.orcamentos .lista article{background:var(--contraste-f-escuro); margin-top:20px; display:inline-block; margin-right:20px;}
	.orcamentos .lista article h3{font-size:18px; color:var(--contraste);}
	
	.orcamentos .lista article p{font-size:14px; color:var(--contraste);}
	
	
	
	
.lista article .load{position:absolute; background:var(--congelar); z-index:2; height:100%; width:100%;}	
	.lista article .load .carregando-p{margin-left:10px; margin-top:10px;}




	.submenu{margin-top:40px; text-align:center;}
		.submenu li{background:var(--contraste); display:inline-block; color:var(--contraste-f-escuro); font-size:14px; padding:10px;}
	
	.submenu li:hover{cursor:pointer; background:#000000;}
	
	
	
	
	
.estoque .lista article{background:var(--contraste-f-escuro); margin-top:20px; display:inline-block; margin-right:20px;}

	.estoque .lista article .opt{position:absolute; right:0; bottom:0;}	
		.estoque .lista article .opt *{font-size:14px;}
		
		.estoque .lista article .opt ul li{padding:5px; background:#069; color:var(--contraste-f-escuro); font-size:1em; z-index:1;}
			.estoque .lista article .opt ul li:hover{background:#09C; cursor:default;}
			
		.estoque .lista article .opt .salvar{background:#096;}
			.estoque .lista article .opt .salvar:hover{background:#0C0;}

	.estoque .lista article h2, .estoque .lista article h3{font-size:18px; color:var(--contraste);}
	
	.estoque .lista article p, .estoque .lista article p *{font-size:14px; color:var(--contraste);}
 	.estoque .lista article p{line-height: 3}


	.estoque .lista article input[name="detalhes"]{width:80px;}
		.estoque .lista article select{width:100px; float:right;}



.estoque-editar h1{font-size:20px; color:var(--contraste);}









.formulario .detalhes input{width:calc(100% - 200px);}
.formulario .detalhes select{width:201px; margin-left:-1px;}



.alerta{background:#F58634 !important;}	
.esgotado{background:#b40000 !important;}

.alerta *, .esgotado *{color:var(--contraste-f-escuro) !important;}







.curriculos .busca{margin-bottom:20px;}


.curriculos .lista article{background:var(--contraste-f-escuro); margin-bottom:20px; margin-right:20px; display:inline-block; width:calc(25% - 20px);}

	.curriculos .lista article h1{font-size:18px; margin-bottom:10px;}
	
	.curriculos .lista article p{font-size:12px; margin-bottom:10px;}
	

	
.curriculos .lista article .opcoes li{background:var(--contraste); margin-bottom:1px;}
	.curriculos .lista article .opcoes li:hover{background:#666666;}
	
	.curriculos .lista article .opcoes li a{font-size:11px; color:var(--contraste-f-escuro); padding:5px;}

.curriculos .exibe{margin-top:40px;}
	.curriculos .exibe h1{font-size:36px; color:var(--contraste);}
	
	.curriculos .exibe article{margin-top:40px;}
	
	.curriculos .exibe h2{font-size:24px; margin-bottom:10px; padding-bottom:10px; color:var(--contraste); border-bottom:solid 1px var(--contraste);}
	
	.curriculos .exibe p, .curriculos .exibe p *{font-size:16px; color:var(--contraste);}


	
	
	
	
	
	.enquetes .lista article{background:var(--contraste-f-escuro); margin-bottom:20px;}
		.enquetes .lista article h2{font-size:18px; color:var(--contraste);}
		
	.enquetes .formulario{background:var(--contraste-f-escuro);}
	
		.enquetes .formulario textarea{width:100%; height:150px; padding:15px; font-size:16px; color:var(--contraste); border:solid 1px var(--contraste);}
		
		.enquetes .formulario .botao div{padding:20px;}
	
	.enquetes .lista article .opcoes{position:absolute; right:0; top:0;}
		.enquetes .lista article .opcoes li{font-size:14px; color:var(--contraste-f-escuro); padding:6px; background:var(--contraste);}
			
			.enquetes .lista article .opcoes li:hover{background:#000000; cursor:pointer;}
	
	.enquetes  p{font-size:14px; color:var(--contraste);}
		.enquetes  p *{font-size:1em;}
		
		.enquetes  .barra{background:#dfdfdf; width:100%;}
			.enquetes .barra .progresso{background:#09c; height:15px;}
	

	
	#enquetes .enquete .load{position:absolute; left:0; top:0; width:100%; height:100%;}
	
	#enquetes{position:fixed; bottom:20px; left:20px; z-index:2;}
		#enquetes .enquete{background:var(--contraste); width:300px; box-shadow: 10px 10px 10px #00000050; display:none;}
			#enquetes .enquete p{color:var(--contraste-f-escuro);}
	#enquetes .enquete h1{font-size:15px; color:var(--contraste-f-escuro); margin-bottom:20px;}
			#enquetes .enquete ul{margin-top:20px;}
				#enquetes .enquete ul li{display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; font-size:14px; color:var(--contraste-f-escuro);}
					#enquetes .enquete ul li *{font-size:1em;}
					#enquetes .enquete ul li .votar{background:var(--contraste); padding:5px; border-radius:8px; color:var(--contraste-f-escuro); margin-left:20px;}
						#enquetes .enquete ul li .votar:hover{background:#000000; cursor:pointer;}
	
	
	#enquetes .max .corpo ul{display:block;}
	#enquetes .min .corpo ul, #enquetes .min .corpo p, #enquetes .min .corpo .barra{display:none;}
	#enquetes .min h1{margin-bottom:0;}
	
	#enquetes .mmf{position:absolute; right:10px; top:0; display:flex;}
	
	#enquetes .mmf div{
		font-size:25px; color:var(--contraste-f-escuro); cursor:pointer;
		z-index:1;
		padding:5px;		
	}
	
	#enquetes .mmf .fechar{font-size:20px;}
	
	
	
	.principal .dias-area{width:100%; overflow-x:auto; min-height:calc(100% - 200px);}
	
	.principal .dias-area .degrade-r{position:fixed; pointer-events:none; right:0; top:0; height:100%; width:200px; background-image:linear-gradient(to left, var(--fundo-degrade-b) 20px, #33333300);}
	.principal .dias-area .degrade-l{position:fixed; pointer-events:none; left:250px; top:0; height:100%; width:200px; background-image:linear-gradient(to right, var(--fundo-degrade-b), #33333300);}
	
	.principal .dias{display:flex; min-height:calc(100% - 200px);}
		.principal .dias .cabecalho{font-size:18px; color:var(--contraste); background:var(--janela); padding:15px; text-align:center; margin:-20px -20px 0 -20px;}
		
			.principal .dias > article{width:200px; border-right:solid 1px var(--janela); padding-top:20px; flex-shrink:0;}
				
				.principal .dias h2{padding-bottom:5px; padding-top:5px; color:var(--contraste); text-align:center;}
				.principal .dias h3{padding-bottom:5px; padding-top:5px; color:var(--contraste); text-align:center;}
				
				.principal .dias .itens article{background:var(--janela); border-bottom:solid 1px var(--janela-linha);}
					.principal .dias .itens article .padding{padding:10px;}
					.principal .dias .itens article h3{color:var(--contraste-max); font-size:12px; margin-bottom:10px;}
					
					.principal .dias .itens article .opt{display:flex; margin-bottom:10px; justify-content: flex-end;}
						.principal .dias .itens article .opt li{font-size:10px; padding:5px; color:var(--botao-cont); background:var(--botao-n);}
						
							.principal .dias .itens article .opt li:hover{color:var(--botao-n); background:var(--botao-cont); border:solid 1px var(--botao-n); margin:-1px; cursor:pointer;}
					
						.principal .dias .itens article p{text-align:right;}
							.principal .dias .itens article p small{font-size:0.75em;}
							.principal .dias .itens article p *{font-size:1em; color:var(--contraste-max);}
	
	
.principal h2{font-size:18px; color:var(--contraste-max);}
.principal p{font-size:14px; color:var(--contraste);}
	.principal p *, .principal h2 *{font-size:1em;}
	
		.principal h2 a{color:var(--contraste);}
	
	.principal .lista-status p{color:var(--contraste-f-escuro);}

section[class*="padrao-"] .lista article{background:var(--janela); margin-bottom:20px;}

	section[class*="padrao-"] .lista article .cabecalho div{padding:20px;}
	
	.padrao-produtos .lista article .dados .cabecalho div{width:calc(16% - 54px);}
		.padrao-produtos .lista article .dados .cabecalho .codigo{width:30px;}
		.padrao-produtos .lista article .dados .cabecalho .categoria{width:calc(30% - 85px);}
		.padrao-produtos .lista article .dados .cabecalho .nome{width:calc(40% - 85px);}
		.padrao-produtos .lista article .dados .cabecalho .unidade{width:60px;}
		.padrao-produtos .lista article .dados .cabecalho .valor{width:80px;}
		.padrao-produtos .lista article .dados .cabecalho .data_alt{width:160px;}
	
	
	section[class*="padrao-"] .lista article *{font-size:14px;}

	section[class*="padrao-"] .lista article .dados h3{font-size:0.8em; font-weight:normal;}
	
	section[class*="padrao-"] .lista article .dados .ordens{border-top:solid 1px var(--janela-linha);}
	
	section[class*="padrao-"] .lista article .dados p{font-size:1.3em; text-transform:uppercase;}
	
	section[class*="padrao-"] .lista article .opcoes{position:absolute; left:0; top:0; width:100%; height:100%; z-index:1; background:var(--congelar); display:none;}
		section[class*="padrao-"] .lista article:hover .opcoes{display:block;}
	
		section[class*="padrao-"] .lista article .opcoes ul{position:absolute; right:0; top:0; height:100%; display:flex; align-items:stretch;}
			section[class*="padrao-"] .lista article .opcoes ul li{background:var(--botao-n); display:flex; align-items:center;}
				section[class*="padrao-"] .lista article .opcoes ul li a{font-size:1.2em; color:var(--botao-cont); padding:10px;}
				
				section[class*="padrao-"] .lista article .opcoes ul li:hover{background:#8f8f8f;}
				
				
				
	
	section[class*="padrao-"] .lista article .obs{background:var(--janela-linha);}


	section[class*="padrao-"] .options,
	section.os .options{display:flex; align-items:center; margin-bottom:20px; margin-top:20px;}
	
		section[class*="padrao-"] .options h3,
		section.os .options h3{margin-bottom:0;}
	
		section[class*="padrao-"] .options .filtros,
		section.os .options .filtros{display:flex; align-items:center}		
			
			section[class*="padrao-"] .options .filtros div:has(select),
			section.os .options .filtros div:has(select){margin-right:20px;}
			
			section[class*="padrao-"] .options .filtros select,
			section.os .options .filtros select{padding:5px;}
	
	
	.produtos article .dados .cabecalho div{width:calc(16% - 12px);}
	.produtos article .dados .cabecalho div.codigo{width:20px;}
	
	

.formulario .nome,
	.formulario .responsavel{width:calc(50% - 5px);}	

	.formulario .cep{width:40%;}
	.formulario .endereco{width:calc(75% - 5px);}
	.formulario .numero{width:calc(25% - 5px);}	
	
	.formulario fieldset{margin-bottom:20px;}
	
	
		.formulario fieldset:has(.campo input[name="email"]), .formulario fieldset:has(.campo input[name="facebook"]){display:flex; flex-wrap:nowrap;}
			.formulario fieldset .campo:has(input[name="email"]){flex:1 100%;}
			
			.formulario fieldset .campo:has(input[name="facebook"]){flex:2 33%;}
			.formulario fieldset .campo:has(input[name="instagram"]){flex:2 33%;}
			.formulario fieldset .campo:has(input[name="site"]){flex:2 33%;}
	
			.formulario fieldset .campo .icone{position:absolute; right:10px; top:10px; width:40px; opacity:0.5;}	
				.formulario fieldset .campo .icone svg{width:100%; height:100%;}
					.formulario fieldset .campo .icone svg path{fill:var(--contraste);}
				.formulario fieldset .campo .icone:hover{opacity:1; cursor:pointer;}
				
			.formulario fieldset .campo:has(.icone) input{padding-right:60px;}
			
			
			
			.formulario .atencao{position:absolute; right:15px; top:15px;}
				.formulario .atencao .simbolo{width:30px; height:30px; display:flex; justify-content:center; align-items:center; border-radius:50%; color:var(--contraste-f-escuro); font-size:18px; background:var(--contraste);}
				
				.formulario .atencao .balao{font-size:14px; color:var(--contraste-f-escuro); background:var(--contraste); position:absolute; bottom:0; right:0; padding:10px; width:200px; display:none; border-radius:0 0 15px 0;}
					.formulario .atencao .balao *{font-size:1em;}
				
					.formulario .atencao:hover .balao{display:block;}


.os .lista article{background:var(--contraste-f-escuro); margin-bottom:20px;}

	.principal .lista article:hover{box-shadow:0 0px 20px #00000020; z-index:1;}

	.os .lista article .normal{width:100%;}
	.os .lista article .prod{width:calc(100% - 20px);}
	
	.os .lista article .stat-cores div{padding:5px; display:inline-block; height:140px;}
		
	.os .lista article .padding{font-size:18px;}
	.os .lista article .dados{width:calc(100% - 150px);}
	
		.os .lista article .dados .setores{position:absolute; left:0; top:98px;}
			.os .lista article .dados .setores ul{display:flex;}
				.os .lista article .dados .setores ul li{font-size:12px; text-transform:uppercase; color:var(--contraste); background:var(--fundo-degrade-a); padding:5px; border:solid 1px var(--fundo-degrade-a);}
				
				.os .lista article .dados .setores ul li .ok{background:#64c71b; height:12px; width:12px; position:absolute; right:5px; top:5px; z-index:1;}
				.os .lista article .dados .setores ul li:has(.ok){padding-right:25px;}
	
		.os .lista article .dados .designer{position:absolute; color:var(--contraste-f-escuro); background:#ebca7b; padding:5px; right:0; top:98px; font-size:18px; text-transform:uppercase;}

.os .lista article .cabecalho{border-bottom:solid 1px var(--janela-linha); display:flex; flex-wrap:wrap;}

	.os .lista article .cabecalho div{padding:20px;}
		
		.os .lista article .cabecalho div h3{font-size:12px; color:var(--contraste); font-weight:normal;}
	
		.os .lista article .cabecalho div p, .os .lista article .cabecalho div p *{font-size:18px; color:var(--contraste); text-transform:uppercase;}
		
		

			.os .lista article .cabecalho div p i{font-size:0.6em;}
		
		.os .lista article .lista-status{
			position:absolute; right:0; top:-13px; text-align:right; background:var(--contraste);
			padding:10px;
			display:none;
			color:var(--contraste-f-escuro);
			z-index:2;
			pointer-events:none;
		}
		
		
		
		.os .lista article .stat-cores{position:absolute; top:0; right:0;}
			
		
	.hoje{background:#e30000;}
		.hoje *{color:#ffffff !important;}
	
	.atraso{background:#6c0000;}
		.atraso *{color:#ffffff !important;}
	
	

	.cliente{flex:1;}
	
	
	
	input[class="copiar"]{font-size:1px; padding:0; border:none; margin:0; width:1px; height:1px; color:transparent;}
	.os .lista article .cabecalho .bt-copiar{position:absolute; right:20px; bottom:26px; width:15px; height:15px; padding:3px;}
		.os .lista article .cabecalho .bt-copiar img{width:100%;}
			.os .lista article .cabecalho .bt-copiar:hover{border:solid 1px var(--contraste); margin:-1px;}
			



			
.os .lista article .servicos h2{font-size:12px; color:var(--contraste);}
	.os .lista article .servicos ul li{font-size:24px; color:var(--contraste); display:block;}
	
	.os .lista article .print{width:150px;}
		.os .lista article .print img{width:100%;}
		
		.os .lista article .print .hover, .imagem .hover{background:#00000050; position:absolute; top:0; left:0; z-index:1; display:none;}
			.os .lista article .print:hover .hover, .imagem:hover .hover{display:block;}


/*.os .lista article .opcoes{background:var(--congelar); position:absolute; top:0; right:150px; z-index:1; width:calc(100% - 150px); height:100%; display:none;}*/
.os .lista article .opcoes{background:var(--congelar); position:absolute; top:0; right:0; z-index:1; height:100%; width:100%; display:none;}
.os .lista article:hover .opcoes, .os .lista article:hover .lista-status{display:block;}

	.os .lista article .opcoes ul{float:right;}

		.os .lista article .opcoes ul li{text-align:center; display:inline-block; vertical-align:top; width:150px; background:var(--contraste); padding:10px;}
			.os .lista article .opcoes ul li *{font-size:18px; color:var(--contraste-f-escuro);}
			.os .lista article .opcoes ul li a{padding:20px; padding-left:30px; padding-right:30px;}
			
		.os .lista article .opcoes ul li:hover{background:#8f8f8f;}
		
		.os .lista article .opcoes ul li:has(.alt-refazer){background:#ffa12c;}
			.os .lista article .opcoes ul li:has(.alt-refazer):hover{background:#ffb75c;}

		.os .lista article .revisar li:not(.os .lista article .opcoes li:has(.alt-cancelar), .os .lista article .opcoes li:has(.alt-rejeitar), .os .lista article .opcoes li:has(.alt-produzir), .os .lista article .opcoes li:has(a[href*="editar"])){
			display:none;
		}
		.os .lista article .p-entrega li:not(.os .lista article .opcoes li:has(.alt-refazer), .os .lista article .opcoes li:has(.alt-entregue), .os .lista article .opcoes li:has(a[href*="editar"])){
			display:none;
		}
		.os .lista article .producao li:not(.os .lista article .opcoes li:has(.alt-router), .os .lista article .opcoes li:has(.alt-grafica), .os .lista article .opcoes li:has(.alt-produzindo), .os .lista article .opcoes li:has(.alt-feito), .os .lista article .opcoes li:has(a[href*="editar"])){
			display:none;
		}
		.os .lista article .encerrada li:not(.os .lista article .opcoes li:has(.alt-refazer), .os .lista article .opcoes li:has(a[href*="editar"])),
		.os .lista article .corrigir li:not(.os .lista article .opcoes li:has(a[href*="editar"])),
		.os .lista article .designer-c li:not(.os .lista article .opcoes li:has(.alt-router), .os .lista article .opcoes li:has(.alt-grafica), .os .lista article .opcoes li:has(.alt-entregue), .os .lista article .opcoes li:has(a[href*="editar"])){
			display:none;
		}
		.os .lista article .p-admin-all li:has(.alt-cancelar), .os .lista article .p-admin-all li:has(.alt-entregue){display:inline-block !important;}
		/*alt-cancelar alt-rejeitar alt-produzir*/
		
		.os .lista article .opcoes li:has(.readonly){opacity:0.2; pointer-events:none;}
		

.os .lista article .obs{font-size:18px; color:var(--contraste); border-left:solid 5px #d5dcde; border-top:solid 1px #d5dcde;}



	.os .col-1, .os .col-2{
		display:inline-block;
		vertical-align:top;
		margin:0;
		padding:0;		
		border:none;
	}
	
	.os .col-1{width:70%;}
	.os .col-2{width:30%;}




 .os .col-2 .config{position:absolute; top:6px; right:0;}
	.os .col-2 .config label{font-size:14px; color:var(--contraste); display:inline-block;}
	
	.os .col-2 .config .etiqueta{background:url(../images/ic_imp.svg) no-repeat; width:70px; height:70px;}
		.os .col-2 .config .etiqueta:hover, .os .col-2 .config .etiqueta[class*="checked"]{background-position:-70px 0; cursor:default;}



.corpo-topo{display:flex; justify-content:space-between; align-items:center;}

.os .busca{display:flex; border:solid 1px var(--contraste-medio); margin-bottom:20px; justify-content:space-between;}
	.os .busca input{border:none; width:100%;}
	
		.os .busca .data{display:none;}
	.os .busca input[type="date"]{font-size:14px;}

	.os .busca .limpar{font-size:12px; display:block; right:15px; top:15px; background:none; color:#333;}
		.os .busca .limpar:hover{background:#333; color:var(--contraste-f-escuro);}

	.os .busca .opt{font-size:12px; padding:5px; display:flex; align-items:center; color:var(--contraste-f-escuro); background:var(--contraste);}
		.os .busca .opt *{font-size:1em;}
	
	.os .busca .opt:hover{cursor:pointer; background:#444444;}

	.os .busca .filtro{display:flex; font-size:18px; position:relative; top:auto; left:auto; right:auto; align-items: center; margin-left:15px;}
		.os .busca .filtro input{background:var(--contraste-f-escuro); padding:15px;}
			.os .busca .filtro .botao div{padding:10px;}

.os .menu{margin-bottom:20px;}

.os .menu ul{
		display:flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	
	
	
	.os .menu ul li{margin-bottom:10px; padding:10px; padding-left:0px; padding-right:0px; background:#8a8a8a; transition:all 0.2s;}
		.os .menu ul li a{
			font-size:14px; color:var(--contraste-menu); padding:10px;			
		}
			.os .menu ul li a *{font-size:1em; color:var(--contraste-menu);}
		
		.os .menu ul li:hover{margin-bottom:5px;}
		.os .menu ul li a:hover, .os .menu-novo ul li:hover a{background: linear-gradient(90deg, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 100%); padding-bottom:20px;}


		.os .menu ul li.ativo{z-index:1; filter:drop-shadow(5px 5px 5px #00000050); margin:0;}


	.os .menu-novo ul{justify-content:space-between;}
		.os .menu-novo ul li{flex:2; overflow:hidden;}
		.os .menu-novo ul li:first-child{flex:1;}
		
			.os .menu-novo ul li a{font-size:9px;}
		
		.os .menu-novo ul li:hover{cursor:pointer;}

.quadros article{background:var(--contraste-f-escuro); width:calc(25% - 20px); margin-right:20px;}

	.quadros article .data{font-size:18px; color:#b40000; margin-bottom:20px;}





.cartao{border-left:5px solid var(--contraste-medio); background:#dfdfdf;}

	.cartao h2{font-size:16px; color:var(--contraste);}
	.cartao p{font-size:14px; color:var(--contraste);}


	.cartao .padding{padding:10px;}

	.cartao .producao{margin-top:10px;}
		.cartao .producao ul li{display:inline-block; margin-right:20px; font-size:14px; color:var(--contraste);}






.produzindo{background:var(--contraste-f-escuro); width:100%; height:100%; overflow:auto; position:fixed; top:30px;}

	.produzindo h1{margin-bottom:0;}


	.produzindo .lista{max-height:calc(100% - 120px); overflow:auto;}
		.produzindo .lista article{margin-bottom:0;}
	
	.produzindo article .opt{position:absolute; left:0; top:0; z-index:2; vertical-align:top;}
	
	.produzindo article .opt .status-prod{background:var(--contraste-medio); display:inline-block; padding:5px; width:0px; vertical-align:top; height:90px; margin-right:1px; padding-right:4px;}
		.produzindo article .opt .status-prod div span{font-size:24px; color:var(--contraste-f-escuro); display:none;}				

		
		/*.circulo{padding:5px; border-radius:50%; background:var(--contraste-medio); position:relative;}*/
		
	
	/*.produzindo article{border-left:solid 10px #030;}*/	
		.produzindo article:hover{background:#e3e3e3;}
		
		.produzindo article .imagem{width:100px; margin-left:19px;}
			.produzindo article .imagem img{width:100%;}

		
		.produzindo article .dados{margin-left:10px; width:calc(100% - 110px); padding-top:5px; padding-bottom:5px;}
		
			.produzindo article .dados .s-bar{max-height:69px; overflow:auto;}
			
			.produzindo article .dados h2{font-size:12px;}
			.produzindo article .dados ul li{font-size:12px;}
			
			
			
			.produzindo article .feito{
				position:absolute;
				top:0;
				right:0;
				z-index:1;
				background:#64c71b;
				color:var(--contraste-f-escuro);
				font-size:12px;
				padding:5px;
				display:none;
			}
				
				.produzindo article .feito:hover{background:#91e82a;}
			
				.produzindo article:hover .feito{display:block;}
				
				
		.produzindo article .pronto{position:absolute; bottom:0; right:0; background:#64c71b; color:var(--contraste-f-escuro); font-size:24px; text-align:center; vertical-align:middle; z-index:2; padding:10px;}

			.produzindo article .pronto:hover{cursor:pointer;}

	
	
	.cabecalho-atalhos{display:flex;}
	.corpo .cabecalho-atalhos .atalhos{margin:20px 0 20px 20px; display:flex;}
		
		.corpo .atalhos li{display:flex; justify-content:center; flex-wrap:wrap; margin-right:20px; max-width:60px; font-size:10px; text-align:center; color:var(--contraste); transition:all 0.3s;}
			.corpo .atalhos li a{font-size:1em; background:var(--contraste); color:var(--contraste-f-escuro); padding:10px; text-align:center; color:var(--contraste);}
			.corpo .atalhos li a:hover{background:#666666;}
			
			.atalhos li a span{font-size:9px; color:var(--contraste);}
			
			.corpo .atalhos div[class*="icone-"]{width:48px; height:48px; border:solid 4px var(--contraste); margin-bottom:10px; border-radius:50%; transition:all 0.3s;}
				.corpo .atalhos div[class*="icone-"] img{width:100%;}
				
				.corpo .atalhos div[class*="icone-"] svg{width:100%; height:100%;}
				
				.corpo .atalhos div[class*="icone-"] svg path{fill:var(--contraste);}
				
				.corpo .atalhos div[class*="icone-"] > div{background:var(--contraste); width:20px; height:20px; display:flex; position:absolute; right:-5px; bottom:-5px; color:var(--contraste-f-escuro); border-radius:50%;align-items: center; justify-content: center; align-content:center; transition:all 0.3s;}
					.corpo .atalhos div[class*="icone-"] > div.novo .grafico{font-size:18px; color:var(--contraste-f-escuro); transition:all 0.2s;}
					.corpo .atalhos div[class*="icone-"] > div.lista{display:block;}
					
					.corpo .atalhos div[class*="icone-"] > div.lista .grafico{width:20px; transition:all 0.3s;}
					.corpo .atalhos div[class*="icone-"] > div.lista .grafico div{margin-bottom:2px; margin-left:4px; height:2px; width:calc(100% - 8px); background:var(--contraste-f-escuro);}
						.corpo .atalhos div[class*="icone-"] > div.lista  .grafico div:first-child{margin-top:4px;}
						.corpo .atalhos div[class*="icone-"] > div.lista  .grafico div:last-child{margin-bottom:0;}
			
			.corpo .atalhos a:has(div[class*="icone-"]){padding:0; background:none; display:flex; flex-wrap:wrap; justify-content:center;}
			.corpo .atalhos div[class*="icone-"]:hover{border-color:var(--botao-hover); cursor:pointer;}
				.corpo .atalhos div[class*="icone-"]:hover > div{background:var(--botao-hover);}
				.corpo .atalhos div[class*="icone-"]:hover svg path{fill:var(--botao-hover);}
				
			.corpo .atalhos div[class*="icone-"] .titulo{font-size:9px; color:var(--contraste-f-escuro); position:absolute; left:5px; top:2px; opacity:0; transition:all 0.3s;}
				.corpo .atalhos div[class*="icone-"]:hover .titulo{font-size:12px; color:var(--contraste-f-escuro); opacity:1;}
				.corpo .atalhos div[class*="icone-"]:has(.titulo):hover > div{width:100%; border-radius:15px;}
				.corpo .atalhos div[class*="icone-"]:has(.titulo):hover .grafico{animation:gira 0.5s 1; opacity:0;}
				
				.corpo .atalhos .ativo, .corpo .atalhos .ativo svg path{border-color:var(--botao-hover) !important; fill:var(--botao-hover) !important; background:none;}
					.corpo .atalhos .ativo > div{background:var(--botao-hover) !important;}
	
.relatorios .corpo{background:var(--contraste-f-escuro);}
	
	.relatorios .corpo h2{font-size:24px; color:var(--contraste);}
		.relatorios .corpo h2 *{font-size:1em;}
		.relatorios .corpo h2 a{color:#0b3abf;}
		
	.relatorios .corpo h3, .relatorios .corpo h3 a{font-size:20px; color:#0b3abf;}	
		.relatorios .corpo h3 a:hover{text-decoration:underline;}
	
	.relatorios .corpo ul{margin-top:20px; margin-left:1px;}
	
	.relatorios .corpo ul li{display:inline-block; font-size:24px; padding:20px; background:#f1f1f1; text-align:center; border:solid 1px var(--contraste); margin-left:-1px;}
		.relatorios .corpo ul li b{font-size:32px;}
		
		.relatorios .corpo ul .a0:hover{cursor:pointer; background:var(--contraste-medio);}
		.relatorios .corpo ul .a1{border-bottom:solid 1px var(--contraste-f-escuro); background:var(--contraste-f-escuro); margin-bottom:-1px; z-index:1;}
		
	.relatorios .cabecalho .data{position:absolute; right:0; bottom:0; font-size:14px;}
		
	.relatorios .corpo .dados{border:solid 1px var(--contraste); margin-top:-1px; z-index:0;}
		
		.relatorios .corpo .dados table{width:100%;}
					
				.relatorios .corpo .dados table tr td{font-size:18px; color:var(--contraste); padding:3px;}
					.relatorios .corpo .dados table tr:nth-child(even) td{background:#f1f1f1;}
	
			.relatorios .corpo .dados .linha{border-bottom:solid 1px var(--contraste);}
			.relatorios .corpo .dados .qtd{text-align:right;}
	
	.relatorios .corpo .resumo{margin-top:20px;}
		.relatorios .corpo .resumo article{margin-bottom:5px;}
			.relatorios .corpo .resumo article h3{margin-bottom:10px; text-transform:uppercase;}
			
			.relatorios .corpo .resumo article p *{font-size:1em;}
			.relatorios .corpo .resumo article b{text-transform:uppercase;}
	
	
	.filtro{text-align:right; position:absolute; right:20px; top:20px; z-index:1;}
		.filtro li{display:inline-block; padding:5px; background:var(--contraste-f-escuro); color:var(--contraste); font-size:18px; margin-left:10px;}
		
		.filtro .a0:hover{cursor:pointer;}
		.filtro .a1{background:var(--contraste-medio);}
	
	
	
	.relatorio .corpo .filtro:not(.pagamentos .filtro){display:flex; align-items:center; font-size:18px;}
	
		.relatorio .corpo .info{margin-top:20px; display:none;}
	
	.relatorio .corpo .resultado{border:solid 1px var(--contraste); margin-top:20px;}
	.relatorio .corpo table{width:100%;}	
		
			.relatorio .corpo table .titulo td{background:var(--contraste); color:var(--contraste-f-escuro);}
			.relatorio .corpo table .totais td{color:var(--contraste-max); border-top:solid 1px var(--contraste); font-weight:bolder;}
			.relatorio .corpo table tr td{font-size:14px; padding:5px; text-transform:uppercase; color:var(--contraste);}
				.relatorio .corpo table tr td *{font-size:1em;}
				
				.totais td span{margin-left:20px;}
				
				.relatorio .corpo table tr td label{border:none;}
				
				.relatorio .corpo .filtro{position:relative; margin:0; padding:0; right:auto; top:auto;}
				
					.relatorio .corpo .filtro select{margin-left:20px; padding:18px;}
					
					.relatorio .corpo .filtro .dia{display:flex; align-items:center; margin-bottom:20px; text-align:left;}
						.relatorio .corpo .filtro .dia input{margin-left:20px;}
					.relatorio .corpo .filtro .periodo{display:flex; align-items:center;}
					.relatorio .corpo .filtro div{font-size:18px;}
					
					.relatorio .bt-sorteio{background:#dfdfdf;}
					.relatorio .bt-sorteio[class*="ativo"]{background:#54adcf;}
						.relatorio .bt-sorteio div{padding:20px; color:var(--contraste-f-escuro); font-size:20px;}
							.relatorio .bt-sorteio[class*="ativo"]:hover{background:#4ec1ed; cursor:pointer;}
					
					.relatorio .corpo .filtro .botao{margin-left:20px;}
						.relatorio .corpo .filtro .botao div{padding:15px;}
		
		.relatorio .cabecalho:has(.select) h2{margin-top:20px;}
		
				
				.relatorio .corpo table tr:not(.titulo, .totais):hover{cursor:pointer;}
				.relatorio .corpo table tr:not(.titulo, .totais):hover td{background:var(--fundo-degrade-a);}
			
	.t-right{text-align:right;}
	.t-center{text-align:center;}
	
	
	.paraOtopo{
			position:fixed; bottom:20px; left:50%; background:var(--contraste); padding:5px 10px 5px 10px; color:var(--contraste-f-escuro); font-size:20px; transform:translateX(-50%) rotate(-90deg);
			z-index:2;
			filter:drop-shadow(5px 5px 5px #00000020);
			border-radius:50%;
			display:none;
		}
		.paraOtopo:hover{cursor:pointer; background:#666666;}
		
	.corpo > .cabecalho-atalhos{position:fixed; top:34px; left:0; z-index:2; background:var(--fundo-degrade-a); border:solid 2px var(--contraste); border-left:none; border-radius:0 0 46px 0; box-shadow:0 10px 10px #00000020;}
	
		.corpo > .cabecalho-atalhos.pequeno .atalhos{margin-bottom:0; margin-left:10px; margin-top:10px;}
	
		.corpo > .cabecalho-atalhos.pequeno .atalhos div[class*="icone-"]{width:20px; height:20px; border:solid 2px var(--contraste);}
			.corpo > .cabecalho-atalhos.pequeno .atalhos div[class*="icone-"] div{transform:scale(0.7);}
			.corpo > .cabecalho-atalhos.pequeno .atalhos li a span{display:none;}
			
			.corpo > .cabecalho-atalhos.pequeno .atalhos div[class*="icone-"]:has(.titulo):hover > div{width:calc(100% + 20px);}
	
	
	.principal.sematalhos{margin-top:0;}
	
@media screen and (max-width: 1440px) {	
	.col-1{width:calc(100% - 302px);}
	.col-2{width:300px;}
	
}




@media screen and (max-width: 1100px) {	
		
	.os .col-2 {width: 10%; min-width:110px;}
	.os .col-1 {width: 90%; max-width:calc(100% - 110px);}
	
		.os .col-2 h1{font-size:14px;}
		.os .col-2 .lista article .dados{display:none;}
		
		.os .produzindo .lista article .imagem{width:100%; max-width:80px;}
		.os .produzindo .lista article .pronto{font-size:7px; padding:3px;}
		
		
	.formulario .col-2{width:20%;}
	.formulario .col-1{width:calc(80% - 2px);}
}
@media screen and (max-width: 1050px) {
	.os .lista article .cliente p{max-width:25ch; overflow: hidden; text-overflow: ellipsis;  white-space:nowrap;}	
}

@media screen and (max-width: 1020px) {
	.os .lista article .cliente p{max-width:22ch;}
}

@media screen and (max-width: 988px) {
	.os .lista article .cliente p{max-width:20ch;}
}

@media screen and (max-width: 975px) {
	
	.os .lista article .cabecalho div{flex-basis:30%;}
	
	.os .lista article .cliente{flex-basis:auto;}
	.os .lista article .cliente p{max-width:none;}
	
	.os .lista article .lista-status h3{text-align:right;}
	.os .lista article .lista-status p{font-size:14px; text-align:right;}
	
}


@media screen and (max-width: 960px) {	
	.log{display:none;}	
	.principal{width:100%;}
	.os .busca{right:0;}
	.filtro{margin-right:200px;}
	
}

@media screen and (max-width: 880px) {
	
	.os .lista article .cabecalho div{flex-basis:100%;}
	
	.os .lista article .cabecalho .bt-copiar{right:auto; left:100px;}
	
}

@media screen and (max-width: 800px) {	
	.os .busca{display:none;}
			
	.os .lista article .servicos ul li{font-size:14px;}
	
	.formulario .campo:has(input[name="cole"]){display:none;}
	
	.formulario .botao{display:none;}
}

@media screen and (max-width: 750px) {
	.formulario .campo:has(input[name="codigo"]){display:block; margin-bottom:20px; width:100%;}
	
	.formulario .m-l20{margin-left:0;}
}
@media screen and (max-width: 750px) {
	#topo .logo{display:none;}
}
@media screen and (max-width: 650px) {	
	.os .lista article .cabecalho div{padding:5px;}
		.os .lista article .cabecalho div h3{font-size:12px; margin-bottom:5px;}
		.os .lista article .cabecalho div p{font-size:12px;}
		
		.os .lista article .cabecalho .bt-copiar{display:none;}
		
		
		.os .lista article .dados .designer{font-size:8px; top:88px;}
		
		.formulario .atividades{display:none;}
		
		.principal .acoes{display:none;}

		
		.os .lista article .lista-status h3{font-size:8px;}
		.os .lista article .lista-status p{font-size:12px;}
}

@media screen and (max-width: 550px) {	
	.os .lista article .cabecalho div{display:block;}
		.os .lista article .cabecalho div h3{font-size:7px; margin-bottom:3px;}
		.os .lista article .cabecalho div p{font-size:9px;}
		.os .lista article .cabecalho div:first-child p{font-size:18px;}
		
		.os .lista article .opcoes ul li:has(a[class="alt-produzindo"]){display:none;}
		
		.os .lista article .print{width:80px;}
		.os .lista article .dados{width:calc(100% - 80px);}
		
		.os .lista article .dados .setores{display:none;}
		.os .lista article .dados .designer{transform:translate(100%, 0);}
		
		
		.formulario .cabecalho, .selecionados .item .info{flex-wrap:wrap;}
		.formulario .data{margin-top:20px;}
		
		#enquetes{position:fixed; bottom:100px; left:20px; z-index:2;}
		
}