html {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family:Arial;
	font-size:16px;
	user-select: none;
	background-color: white;
}
	   
/* Estilo do Input - Form */
input[type=text], input[type=password], input[type=date], input[type=month], input[type=number], input[type=password], select, textarea {
	width: 189px;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-size: 14px;
	height: 42px;
}

textarea {
	height: auto;
}

#sbUf, #sbFreteUf {
	width:67px;
	height: 42px;
}

#sbCidade, #sbFreteCidade {
	width: 118px;
	height: 40px;
}
		
/* Estilo do Label - Form */
label {
	padding: 12px 12px 12px 0;
	display: inline-block;
}
		
/* Estilo do Botão */
input[type=submit], input[type=reset] {
	background-color: #0051b5;
	color: white;
	padding: 12px 20px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-family: Arial;
	font-size: 20px;
	margin:20px;
	-webkit-appearance: none;
}

input[type=submit]:disabled {
	cursor: default;
	background-color: #a3bddc;
}
	
input[type=reset] {
	background-color: silver;
	color: black;	
}

input[type=reset]:disabled {
	cursor: default;
	color:#8c8c8c;
}

.takePhoto, .takeGps {
	margin: 0px !important;
	height: 42px !important;
	font-size: 18px !important;
}

.takePhoto {
	width: 125px !important;
}

.takeGps {
	float: left;
	width: 81px !important;
}

.getPhoto {
	width: 64px;
    height: 42px !important;
    display: inline-block;
    margin: 0px !important;
    float: right !important;
    text-align: right !important;
}
 
	.getPhoto img {
		width: 42px;
		height: 42px;
	}

	.getPhoto a{
		cursor: pointer;
	}
	
.inputSearch {
    position: relative;
    top: 0px;
    left: 0px;
}
 
	.inputSearch input[type=submit]{
		position: absolute;
		right: -20px;
		top: -20px;
		padding: 0px;
		height: 42px;
		width: 34px;
		font-size: 12px;
	}

/* Contém os dados da página */
.container {
	border-radius: 5px;
	background-color: #f2f2f2;
	padding: 10px 0px 10px 0px;
}

.container:after {
	content: "";
	display: table;
	clear: both;
}
		
	#menu {
		padding-top:10px;
		padding-bottom:10px;	
	}
		
	#menu, #menuNav {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}
		
		#menu div, #menuNav div {
			float:left;
			padding: 0px 20px 0px 20px;
			text-align: center;
			cursor:pointer;	
			overflow: hidden;
		}
	
		#menu div:hover {
			color:#0051b5;
		}
		
			#menu div:hover img {
				filter: opacity(1) drop-shadow(100px 0px 0px #0051b5);
				transform: translateX(-100px);	
			}
		
			#menu div img, #menuNav div img {
				width:50px;	
			}

			#menu div .pequena, #menuNav div .pequena {
				width:30px;	
			}

			#menuNav div img {
				width:40px;
			}
		
	#menu:after, #menuNav:after {
		content: "";
		display: table;
		clear: both;
	}
		
	#menuNav {
		padding-top: 20px;
		padding-bottom: 10px;
		font-size: 12px;
		text-align: center;
	}

	#navigation {
		font-size: 30px;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		display: none;
	}

		#navigation div {
			width: 100px;
			text-align: center;
			cursor: pointer;
		}

	.buttonDisabled {
		filter: invert(50%);
	}
		 
	.form {
		width: 650px;
		margin: auto;
		font-size: 16px;
	}	

		/* Organiza os Campos do Formuário */
		.campo {
			float:left;
			padding:0px 10px 0px 10px;
		}
		
			.campo div:nth-child(1) {
				float: left;
				width: 100px;
				margin-top: 8px;
				border-left: 5px solid #656565;
				padding-left: 10px;
				overflow:hidden;
			}
		 
			.campo div:nth-child(2) {
				float: left;
				margin-top: 8px;
				text-align:right;
			}

			.campo:focus-within div:nth-child(1) {
				color:#0051b5;
				border-left: 5px solid #0051b5;
			}
		
		.campo:after {
			content: "";
			display: table;
			clear: both;
		}

		.campoSubmit {
			clear:both;
			display: flex;
    		flex-direction: row;
    		align-items: center;
    		justify-content: center;
		}

		.campoSpaceBottom {
			padding-bottom: 20px;
		}

		.campoComentario {
			font-size: 14px;
    		color: #6e6e6e;
    		line-height: 50px;
		}

	/* Tela de opções numa busca (Endereço, Clientes etc) */
	#sbOptions {
		background-color: white;
		border: 1px solid #adadad;
		box-shadow: 5px 5px 10px -6px;
		position: absolute;
		display:none;
		left: 50%;
		transform: translate(-50%, 0);
		width: 635px;
	}
		
		#sbOptions ul {
			margin-left: -20px;	
		}
		
			#sbOptions li {
				list-style-type: none;
				padding: 8px;
				margin-right: 20px;
				cursor:pointer;
			}
		
			#sbOptions li:hover {
				background-color:silver;
			}

	#sbDevolucao {
		display:none;
		background: white;
		border: 0px solid black;
		border-radius: 10px;
		box-shadow: 5px 4px 18px -5px black;
		padding: 20px;
		position: fixed;
		top: 150px;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		z-index: 2;
	}

	/* Tela de Mensagem (erro, aviso, sucesso) */	
	#sbMsg {
		display:none;
		width: 290px;
		background: white;
		border: 0px solid black;
		border-radius: 10px;
		box-shadow: 5px 4px 18px -5px black;
		padding: 20px;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);	
		z-index: 2;
	}
		 
		#sbMsg div {
			width: 100%;
			text-align: center;
		}
		
		#sbMsg div:nth-child(1) {
			font-weight:bold;
			padding: 10px 0px 10px 0px;
		}

		.sbMsgFoto {
			width: 80% !important;
			max-width: 400px;
			max-height: 550px;
		}

			.sbMsgFoto img {
				max-width: 100%;
    			max-height: 100%;
			}
		
	/* Controle mensagem de carregando */
	#sbLoad {
		display:none;
		position: fixed;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
		margin-left: -60px;
	    margin-top: -60px;
	}

		.loader {
			font-size: 5px;
			display: inline-block;
			margin: 0 auto;
			text-indent: -9999em;
			width: 120px;
			height: 120px;
			border-radius: 50%;
			background: #0051b5;
			background: linear-gradient(to right, #0051b5 10%, rgba(2, 4, 1, 0) 42%);
			position: relative;
			animation: load3 1.4s infinite linear;
			transform: translateZ(0)
		}
 
		.loader:before {
			width: 50%;
			height: 50%;
			background: #0051b5;
			border-radius: 100% 0 0 0;
			position: absolute;
			top: 0;
			left: 0;
			content: ''
		}

		.loader:after {
			background: #fafafa;
			width: 75%;
			height: 75%;
			border-radius: 50%;
			content: '';
			margin: auto;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0
		}
	
		@keyframes load3 {
			0% {
				transform: rotate(0deg)
			}
			100% {
				transform: rotate(360deg)
			}
		}

	#mapaInfo {
		display: inline-block;
		height: 40px;
		float: left;
		width: 100px;
		overflow: hidden;
		padding-left: 8px;
		padding-top: 2px;
	}

		#mapaInfo span {
			width: 100px;
			display: inline-block;
			font-size: 12px;
			height: 20px;
			text-align: left;
			overflow: hidden;
		}

	/* Coloca uma div vazia para evitar cliques enquanto com mensagem ou carregando */
	#sbBlock {
		display:none;
		position:fixed;
		width:100%;
		height:100%;	
		z-index: 1;
	}

	#sbFullScreen {
		position: fixed;
		top: 0;
		left: 0;
	    height: 100%;
		width: 100%;
		background-color: #f2f2f2;;
		display: none;
	}

		#sbFullScreen img {
			width: 100%;
		}

			#sbFullScreenClose, #sbFullScreenMaps, #sbFullScreenRota {
				position: fixed;
				top: calc(100% - 100px);
				left: 50%;
				display: inline-block;
				color: white;
				background: #0051b5;
				width: 100px;
				text-align: center;
				transform: translateX(-50%);
				margin: 0;
			}

			#sbFullScreenMaps {
				top: 30px !important;
				left: 100px !important;
			}

			#sbFullScreenRota {
				top: 30px !important;
				left: calc(100% - 100px) !important;
			}

			#mapaDiv {
				height: 100%;
			}

	#sbIframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 99%;
		/*display: none;*/
		pointer-events: none;
		opacity: 0;
		transform: scale(0,0);
		transition: opacity .5s linear, transform .5s linear;
	}
	
	#sbIframe.show{
		opacity: 1;
		transform: scale(1,1);
		pointer-events: all;
	}

	#closeTxt {
    	font-weight: bold;
    	font-size: 31px;
    }

    #clienteId, #fornecedorId {
    	/*display:none;*/
    }

    .pngAviso img {
		width: 80px;
    }

    .pngRed {
		filter: invert(23%) sepia(97%) saturate(7224%) hue-rotate(358deg) brightness(95%) contrast(110%);
    }

    .pngYellow {
		filter: invert(79%) sepia(58%) saturate(2971%) hue-rotate(17deg) brightness(107%) contrast(101%);
    }

    .pngBlue {
		filter: invert(20%) sepia(49%) saturate(4620%) hue-rotate(205deg) brightness(91%) contrast(101%);
	}
	
	.inputMenor {
		width: 80px !important;
	}

	#sbPorcento {
		width: 70px;
	}

	#sbNcm {
		width: 105px;
	}
	
 
	#spanPorcento {
		width: 30px;
		display: inline-block;
		text-align: center;
	}

	#spanTresX {
		display: inline-block;
		width: 20px;
		text-align: center;
		font-size: 14px;
	}

	#spanPadraoData, #spanPadraoFornecedor, #spanPadraoIdade, #spanPadraoSexo, #spanPadraoTipo, #spanPadraoCompra, #spanPadraoVenda, #spanPadraoNfe, #spanPadraoCfopNcm {
		display: inline-block;
		text-align: center;
		width: 60px;
		font-size: 13px;
	}
 
	#spanSexoMasc, #spanSexoFem {
		display: inline-block;
		text-align: center;
		width: 92px;
		font-size: 14px;
	}

	#spanIdadeAdulto, #spanIdadeInfatil {
		display: inline-block;
		text-align: center;
		width: 92px;
		font-size: 14px;
	}

	.inputMaior {
		width: 513px !important;
	}

	#filaImpressao div:first-child, #loadNota div:first-child {
		text-align: center;
		padding: 10px;
		font-size: 20px;
		font-weight: bold;
	}

	#filaImpressao div:nth-child(2) span {
		display: inline-block;
		text-align: center;
		padding: 10px;
		font-size: 17px;
		width: 100%;
	}

	#loadNotaFileInput, #loadNotaSearch {
		display: none;
	}

	.tdChangeColor:hover{
		background-color: rgb(198, 206, 252);
		cursor: pointer;
	}

	.sbTable table, .sbTableB table {
		width: 100%;
		text-align: left;
	}

		.sbTable th, .sbTableB th {
			background-color: silver;
			padding: 10px;
		}

		.sbTable td, .sbTableB td {
			border: 1px solid #c3c3c3;
			padding: 10px;
		}

		.sbTable th:nth-child(1), .sbTable td:nth-child(1),
		.sbTable th:last-child, .sbTable td:last-child,
		#tableProduto th:nth-child(3), #tableProduto td:nth-child(3) {
			width: 60px;
			text-align: center;
		}

		.sbTable th:last-child img, .sbTable td:last-child img {
			width: 25px;
		}

		.sbTable a {
			cursor: pointer;
		}

	#tableProduto, #tableCrediario {
		text-align: center;
		display: inline-block;
		margin-top: 20px;
		margin-bottom: 10px;
		width: 100%;
	}

	#tableCrediario {
		display: none;
	}
 
		#tbCrediario, #tbCrediarioCd {
			text-align: center;
		}

		#tbCrediario td:first-child, #tbCrediarioCd td:first-child {
			width: 50px;
		}

		#tbCrediario td:nth-child(2), #tbCrediario td:nth-child(3), #tbCrediarioCd td:nth-child(2), #tbCrediarioCd td:nth-child(3) {
			width: 180px;
		}
 
		#tbCrediario td:nth-child(4), #tbCrediario td:nth-child(5) {
			width: 110px;
		}

		#tbCrediario td:nth-child(3), #tbCrediario td:nth-child(5), #tbCrediarioCd td:nth-child(4){
			padding: 0px;
		}

		#tableCrediario td input {
			width: 100%;
			height: 100%;
			margin:0px;
			padding: 0px;
			border-radius: 0px;
    		border: 0px;
			text-align: center;
			height: 38px;
		}
 
		.tbCrediarioText {
			background-color: white;
		}

		.tbCrediarioSubmit {
			background-color: #0051b5;
		}

		#tableCrediario div {
			font-size: 20px;
    		font-weight: bold;
    		padding: 15px;
		}

	#tableEmissorNFe td > input[type=submit] {
		background-color: #0051b5;
		color: white;
		padding: 12px 20px;
		border: none;
		border-radius: 4px;
		cursor: pointer;
		font-family: Arial;
		font-size: 15px;
		margin:0px;
		-webkit-appearance: none;
	}

	.inputQtdeTableEmissor {
		width: 34px !important;
		padding: 0px !important;
		text-align: center;
	}
 
	#imprimir, #vender, #filaImpressao {
		display: none;
	}

	.inputImg {
		position: absolute;
		margin-left: 152px;
		margin-top: 7px;
		display: none;
	}

	.inputImgM {
		position: absolute;
		margin-left: 202px;
		margin-top: 7px;
		display: none;
	}

	.inputImgG {
		position: absolute;
		margin-left: 472px;
		margin-top: 7px;
		display: none;
	}

		.inputLoad {
			height: 30px;
    		width: 30px;
			background-image: url("/data/img/svg/spin.svg");
			display: block !important;
		}

		.inputErro {
			height: 30px;
    		width: 30px;
			background-image: url("/data/img/ico/xRed.png");
			display: block !important;
		}

		.inputAdd {
			height: 30px;
    		width: 30px;
			background-image: url("/data/img/ico/xBlue.png");
			display: block !important;
		}

		.inputEdit {
			height: 30px;
    		width: 30px;
			background-image: url("/data/img/ico/xBlack.png");
			display: block !important;
		}

		#divParcelas, #divParcelasCred {
			visibility: hidden;
		}

		#divValorPagoCred, #divParcelasCred {
			display: none;
		}

		.menuIframe {
			display: block !important;
			text-align: center;
		}

			.menuIframe p:first-child {
				font-weight: bold;
				font-size: 20px;
			}

	#divCredito {
		display: none;
		background: #d2ffcb;
		margin-top: 20px;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
		border-radius: 10px;
		box-shadow: 0px 0px 5px green;
		font-size:16px;
	}

	#divCredito span {
		float:right;
	}

	.campoVazio {
		height: 51px;
	}

	.divDestacaInput div {
		background-color: silver;
	}

	.divDestacaInput div:nth-child(2) {
    	border-radius: 0px 10px 10px 0px;
	}

	.labelCredito {
		font-size: 14px;
	}

	.sbCondTipo {
		display: inline-block;
    	text-align: center;
    	width: 92px;
	}

	.divRelatorioEncontrados {
		clear: both;
		margin-bottom: 25px;
		width: 100%;
		text-align: center;
	}

	#tableRelatorioCrediario {
		text-align: center;
		clear: both;
	}
 
	#tbRelatorioCrediario th:nth-child(3), #tbRelatorioCrediario td:nth-child(3)  {
		width: 55px;
		text-align: center;
	}

	#tbRelatorioCrediario th:nth-child(4), #tbRelatorioCrediario td:nth-child(4)  {
		width: 80px;
		text-align: center;
		line-height: 25px;
	}

	#tbRelatorioCrediario th:nth-child(5), #tbRelatorioCrediario td:nth-child(5)  {
		line-height: 25px;
	}

	.relatorioFiltro {
		clear: both;
		font-weight: bold;
    	padding: 10px;
	}

	.iframeButtonX {
		position: absolute;
		top: 8px;
		right: 8px;
		border-radius: 0px 0px 0px 10px;
		background: black;
		padding: 8px;
		color: white;
		font-size: 20px;
	}
 
	#sbBlock.showWebView {
		display: block !important;
		width:2000px!important;
		height:2000px!important;
		background-color: white;	
		opacity: 1;
		transition: opacity .5s linear;
	}
	
	#sbBlock.showWebView.removeWebView{
		width:100%;
		height:100%;
		opacity: 0;
	}

	.clear {
		clear: both;
	}
 
	#divRelatorioVendasMes, #divRelatorioVendasDia, #divRelatorioVendasAno {
		display: none;
	}
 
	#sbRelatorioVendasMes, #sbRelatorioVendasDia {
		font-size: 11px !important;
	}

	#tbRelatorioVendas td:nth-child(3), #tbRelatorioVendas th:nth-child(3), #tbRelatorioVendas td:nth-child(4) {
		text-align: center;
	}

	#tbRelatorioVendas td:nth-child(4) {
		text-align: right;
	}

	#tbRelatorioVendas td:nth-child(5) {
		text-align: center;
	}

	#tbRelatorioVendasOnline th, #tbRelatorioVendasOnline td {
		text-align: center;
	}
 
	#tbRelatorioVendasOnline th:nth-child(4){
		width: 210px;
	}

	#relVendaVlProdutos {
		color:red;
	}

	#relatorioVendasTit {
		clear: both;
		height: 200px;
		text-align: center;
	}
 
	#relatorioVendasTit div:nth-child(n+2) {
		margin-top: 15px;
		float: left;
		border: 1px solid #a0a0a0;
		margin: 2px;
		background-color: #e2e2e2;
		padding: 10px 0px 10px 0px;
		line-height: 20px;
	}
 
	#relatorioVendasTit div:nth-child(2), #relatorioVendasTit div:nth-child(3) {
		width: calc(50% + -12px);
		margin: 5px;
		margin-top:20px;
		background-color: white;
	}
 
	#relatorioVendasTit div:nth-child(n+4) {
		width: calc(33% + -5px);
	}

	#horaFolgaDiv {
		display: none;
		width: calc(100% + -12px);
		margin: 5px;
		margin-top: 20px;
		background-color: white;
		clear: both;
		height: 40px;
		text-align: center;
		float: left;
		border: 1px solid #a0a0a0;
		padding: 10px 0px 10px 0px;
		margin-bottom: 20px;
		line-height: 20px;
	}

	#tbClientesCrediario th, #tbClientesCrediario td {
		text-align: center;
	}
	
	#tbClientesCrediario {
		line-height: 22px;
	}
	 
	.tbSiteClientesRowSpace {
		height: 20px;
	}
	
	#tableSiteClientesCrediario {
		text-align: center;
	}

	#copyLink {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
#tbProdutoVendaOnline img {
	height: 50px;
}
	
.textCenter {
	padding-top: 20px;
	text-align: center;
	clear: both;
}

#relatorioCfeErro {
	display: none;	
}

#relatorioCfe {
	display:none;
	width: 720px;
    margin: 0 auto;
}

#relatorioCfeTitle {
	background-color: #ffffcc;
    padding: 8px;
    font-weight: bold;
    text-align: center;
    border: 1px solid black;
}

#relatorioCfeTitlePeriod {
	padding: 3px;
    font-size: 12px;
    text-align: center;
    border: 1px solid black;
}

.relatorioCfeSubTitle {
	background: grey;
    color: white;
    font-weight: bold;
    padding: 3px;
    text-align: center;
    margin: auto;
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#relatorioCfeTable table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
}

	#relatorioCfeTable th {
		background-color: grey;
		padding: 4px;
		color: white;
		text-align: center;
		font-size: 12px;
		border: 1px solid black;
	}

	#relatorioCfeTable td {
		border: 1px solid #000000;
		padding: 2px;
		font-size: 12px;
	}

	.relatorioCfeTotal span {
		float: right;
		width: 105px;
		text-align: center;
	}

	.relatorioCfeTotal div:nth-child(1) {
		padding: 3px;
		font-size: 12px;
		text-align: center;
		border: 1px solid black;
		color: white;
		background-color: grey;
		font-weight: bold;
		margin-top: 20px;
		text-align: left;
	}

	.relatorioCfeTotal div:nth-child(2) {
		background-color: #bfbfbf;
		padding: 3px;
		font-size: 12px;
		text-align: left;
		border: 1px solid black;
		border-top: 0px;
	}

	.relatorioCfeTotal div:nth-child(3), .relatorioCfeTotal div:nth-child(4) {
		padding: 3px;
		font-size: 12px;
		text-align: left;
		border: 1px solid black;
		border-top: 0px;
	}

	.infoTitle {
		font-weight: bold;
		text-align: center;
		padding: 30px;
	}

 @media screen and (orientation:landscape) {
	 /*
 	#sbImg img {
		height: 100%;
		width: auto;
	}
	*/
 }
  
/* Layout Responsivo - Altera itens para telas menores */
@media screen and (max-width: 660px) {
	input[type=text], input[type=date], input[type=month], input[type=number], input[type=password], select, textarea, #sbFormaPag {
		width: 220px;
	}

	body{
		font-size: 16px;
	}
			
	.form {
		max-width: 100%;
		width: 355px;
		font-size: 16px;
	}
			 
	#sbOptions {
		width: 340px;
	}

	#sbUf, #sbFreteUf {
	    width: 65px;
	}

	#sbCidade, #sbFreteCidade {
		width: 150px;
	}

	#spanPorcento {
		width: 60px;
	}

	#spanTresX {
		width: 50px;
	}
 
	.inputMaior {
		width: 220px !important;
	}

	.inputImg, .inputImgG {
		margin-left: 182px !important;
	}

	#tbCrediario td:nth-child(4), #tbCrediario td:nth-child(5) {
		width: 50px;
	}

	#tbCrediario th:nth-child(4)::after {
		content: "Venc.";
	}

	#tbCrediario th:nth-child(5)::after {
		content: "Pgto";
	}

	#tbCrediario td:nth-child(5) input {
		font-size: 15px;
	}

	#tableCrediario span {
		display: none;
	}

	#tbCrediario #tbCrediario td:first-child {
		width: 30px;
	}

	#tbCrediarioCd th:nth-child(2)::after {
		content: "Pont.";
	}

	#divParcelas[style*="hidden"], #divParcelasCred[style*="hidden"] {
		display: none;
	}

	#divFormaPag1a[style*="hidden"], #divFormaPag1b[style*="hidden"], #divFormaPag2a[style*="hidden"], #divFormaPag2b[style*="hidden"], #divFormaPag3a[style*="hidden"], #divFormaPag3b[style*="hidden"] {
		display: none;
	}
	
	.sbRelatorio thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	  
	.sbRelatorio tr {
		display: block;
		margin-bottom: 20px;
	}
	  
	.sbRelatorio td {
		display: block;
		width: auto !important;
		text-align: right !important;
		margin: -1px;
	}
	  
	.sbRelatorio td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		color: #7b7b7b;
	}

	#divCredito span {
		float:left;
	}

	#restanteCrediario, #restantePagar {
		font-size:16px;
		display:block !important;
	}

	.sbEmissorNFe thead {
		border: none;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}
	  
	.sbEmissorNFe tr {
		display: block;
		margin-bottom: 20px;
	}
	  
	.sbEmissorNFe td {
		display: block;
		width: auto !important;
		text-align: right !important;
		margin: -1px;
	}
	  
	.sbEmissorNFe td::before {
		content: attr(data-label);
		float: left;
		font-weight: bold;
		color: #7b7b7b;
	}
}

.relogioPontoInput {
	width: 80px !important;
    height: 30px !important;
    text-align: center;
    margin: auto;
}

.spanJornada {
	float: left;
	text-align: center;
	font-size: small;
}
 
.spanJornada input {
	width: 30px;
    padding: 0px;
    text-align: center;
	border: 1px solid #ccc;
	border-radius: 4px;
	box-sizing: border-box;
	resize: vertical;
	font-size: 14px;
	height: 25px;
}

.spanJornada input::-webkit-outer-spin-button,
.spanJornada input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#data-entregaObs, #data-pagamentoObs {
	color: red;
}

@media screen and (max-width: 370px) {
	.campo div:nth-child(1) {
		width: 90px;
		font-size: 15px;
	}
}

@keyframes bg-pisca {
	0% { opacity: 0; }
	50% { opacity: 0.5; }
	100% { opacity: 1; }
}
.bg-pisca {
  -webkit-animation: bg-pisca .9s linear infinite;
  -moz-animation: bg-pisca .9s linear infinite;
  -ms-animation: bg-pisca .9s linear infinite;
  -o-animation: bg-pisca .9s linear infinite;
  animation: bg-pisca .9s linear infinite;
}