@font-face {
	font-family: "FontAwesome";
	src: url("../fonts/fa-regular-400.ttf")  format("truetype");
}
@font-face {
	font-family: "FontAwesomeB";
	src: url("../fonts/fa-brands-400.ttf")  format("truetype");
}
@font-face {
	font-family: "FontAwesomeS";
	src: url("../fonts/fa-solid-900.ttf")  format("truetype");
}
@media screen {
	.ui-btn-menu:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f0c9";
	}
	.ui-btn-save:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f00c";
	}
	.ui-btn-confirm:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f058";
	}
	.ui-btn-novo:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f055";
	}
	.ui-btn-alterar:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f044";
	}
	.ui-btn-cancelar:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f410";
	}
	.ui-btn-delete:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f146";
	}
	.ui-btn-buscar:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f002";
	}
	.ui-btn-loading:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\fa01";
	}
	.ui-btn-close:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f1c3";
	}
	.ui-btn-preview-print:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f037";
	}
	.ui-btn-preview-pdf:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f1c1";
	}
	.ui-btn-boleto:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f02a";
	}
	.ui-btn-qr-code:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f029";
	}
	.ui-btn-xml:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f1c9";
	}
	.ui-btn-link:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f0c1";
	}

	.ui-btn-camera:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesomeS;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f030";
	}
	.ui-btn-open-file:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f07c";
	}
	.ui-btn-web:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f0ac";
	}
	.ui-btn-enviar:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f0aa";
	}


	.ui-btn-chegada:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f11e";
	}


	.ui-btn-mail:before {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transform: translate(0, 0);
		content: "\f0e0";
	}


	.vvs-icon{
		width:32px;
		display:inline;
		height:21px;
		color:white;
		text-decoration:none;
		padding-left:25px;
		margin-right: 5px;
	}
	.vvs-icon:before{
		content: '';
		background:url('../images/icone-quadrado-32x25.jpg');
		background-size:cover;
        position:absolute;
		width:32px;
		height:21px;
		margin-left:-32px;
		margin-right: 5px;
	}
}

/* toolbar do uiShowPdf */
.custom-toolbar-show-pdf{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;                 /* espaço entre botões */
	position: sticky;         /* fica visível ao rolar */
	top: 0;
	z-index: 1000;
  }
  
  /* botões da toolbar */
  .custom-toolbar-show-pdf .w3-button{
	padding: 6px 14px;        /* ↑↓ | ←→ */
	line-height: 1.2;
	white-space: nowrap;      /* evita quebrar “2ª via” */
	border-radius: 12px;
  }
  
  /* estados de interação */
  .custom-toolbar-show-pdf .w3-button:hover{
	filter: brightness(1.05);
  }
  .custom-toolbar-show-pdf .w3-button:focus-visible{
	outline: 2px solid #9ecbff;
	outline-offset: 2px;
	border-radius: 12px;
  }
  
  /* mobile compacto */
  @media (max-width: 600px){
	.custom-toolbar-show-pdf{ gap: 6px; }
	.custom-toolbar-show-pdf .w3-button{
	  padding: 6px 10px;
	  font-size: .9rem;
	}
  }