@media only screen and (min-width: 240px) {
	#outNomePrefeitura {
		color: #22242a;
		font-family: tahoma;
		font-size: 7px;
		font-weight: bolder;
		position: fixed;
		bottom: 5em;
		right: 5em;
	}
	#logoPrefeitura {
		position: fixed;
		bottom: 2em;
		right: 0em;
		width: 30px;
		height: 30px;
	}
	.btn-logoff {
		margin: 0px 0px 0px 0px;
	}
	.img-header-home {
		margin: 11px -235px 0px 0px;
		height: 20px;
		width: 20px;
		opacity: 0.65;
	}
	.img-header-home:hover {
		margin: 11px -235px 0px 0px;
		height: 20px;
		width: 20px;
		opacity: 1;
	}
	.img-header {
		margin: 11px -240px 0px 0px;
		height: 20px;
		width: 20px;
		opacity: 0.65;
	}
	.img-header:hover {
		margin: 11px -240px 0px 0px;
		height: 20px;
		width: 20px;
		opacity: 1;
	}
	.img-header-define-cliente {
		margin: 11px -275px 0px 0px;
		height: 20px;
		width: 20px;
		opacity: 0.65;
	}
	.img-header-define-cliente:hover {
		margin: 11px -275px 0px 0px;
		height: 20px;
		width: 20px;
		opacity: 1;
	}
	#nome-sistema {
		font-size: 0.6em;
	}
	#nome-usuario {
		font-size: 0.6em;
	}
	#empresa {
		font-size: 0.5em;
		margin: 0px 0px 10px -40px;
	}
	#cronometro_div_ {
		margin: 0px -40px 10px 0px;
		font-size: 0.5em;
	}
}

@media only screen and (min-width: 320px) {
	#outNomePrefeitura {
		color: #22242a;
		font-family: tahoma;
		font-size: 10px;
		font-weight: bolder;
		position: fixed;
		bottom: 3.7em;
		right: 5em;
	}
	#logoPrefeitura {
		position: fixed;
		bottom: 2em;
		right: 0em;
		width: 40px;
		height: 40px;
	}
	.btn-logoff {
		margin: 0px 0px 0px 0px;
	}
	.img-header-home {
		margin: 5px -285px 0px 0px;
		height: 30px;
		width: 30px;
		opacity: 0.65;
	}
	.img-header-home:hover {
		margin: 5px -285px 0px 0px;
		height: 30px;
		width: 30px;
		opacity: 1;
	}
	.img-header {
		margin: 5px -355px 0px 0px;
		height: 30px;
		width: 30px;
		opacity: 0.65;
	}
	.img-header:hover {
		margin: 5px -355px 0px 0px;
		height: 30px;
		width: 30px;
		opacity: 1;
	}
	.img-header-define-cliente {
		margin: 5px -405px 0px 0px;
		height: 30px;
		width: 30px;
		opacity: 0.65;
	}
	.img-header-define-cliente:hover {
		margin: 5px -405px 0px 0px;
		height: 30px;
		width: 30px;
		opacity: 1;
	}
	#nome-sistema {
		font-size: 0.8em;
	}
	#nome-usuario {
		font-size: 0.8em;
	}
	#empresa {
		margin: 0px 0px 10px -40px;
		font-size: 0.7em;
	}
	#cronometro_div_ {
		margin: 0px -40px 10px 0px;
		font-size: 0.7em;
	}
}

@media only screen and (min-width: 480px) {
	#outNomePrefeitura {
		color: #22242a;
		font-family: tahoma;
		font-size: 15px;
		font-weight: bolder;
		position: fixed;
		bottom: 3em;
		right: 5em;
	}
	#logoPrefeitura {
		position: fixed;
		bottom: 2em;
		right: 0em;
		width: 60px;
		height: 60px;
	}
	.btn-logoff {
		margin: 0px 0px 0px 0px;
	}
	.img-header-home {
		margin: -1px -350px 0px 0px;
		height: 40px;
		width: 40px;
		opacity: 0.65;
	}
	.img-header-home:hover {
		margin: -1px -350px 0px 0px;
		height: 40px;
		width: 40px;
		opacity: 1;
	}
	.img-header {
		margin: -1px -420px 0px 0px;
		height: 40px;
		width: 40px;
		opacity: 0.65;
	}
	.img-header:hover {
		margin: -1px -420px 0px 0px;
		height: 40px;
		width: 40px;
		opacity: 1;
	}
	.img-header-define-cliente {
		margin: -1px -520px 0px 0px;
		height: 40px;
		width: 40px;
		opacity: 0.65;
	}
	.img-header-define-cliente:hover {
		margin: -1px -520px 0px 0px;
		height: 40px;
		width: 40px;
		opacity: 1;
	}
}

.ui-selectonemenu label.ui-selectonemenu-label {
	cursor: pointer;
	overflow: initial;
	width: 98%;
}