@media only screen and (max-width: 850px) {
	.select2-container .select2-selection--single .select2-selection__rendered {
		font-size: 16px !important;
	}

	.geraFormField {
		width: 100%;
		margin-right: 0 !important;
	}

	.geraForm {
		max-width: 100%;
	}

	.select2-container {
		width: 100% !important;
		max-width: 100% !important;
	}

	fieldset>legend,
	.fieldSet>legend {
		margin-top: 1em;
		width: calc(100% - 20px);
		font-weight: bold;
	}

	fieldset,
	.fieldSet {
		border: 0;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
		margin: 0;
	}

	.grid-mobile,
	.grid-mobile-1c,
	.grid-mobile-2c,
	.grid-mobile-3c,
	.grid-mobile-4c {
		display: grid;
		grid-gap: 5px 10px;
	}

	.grid-mobile-2c {
		grid-template-columns: 1fr 1fr;
	}

	.grid-mobile-3c {
		grid-template-columns: repeat(3, 1fr);
	}

	.grid-mobile-4c {
		grid-template-columns: repeat(4, 1fr);
	}

	select:focus,
	textarea:focus,
	input:focus {
		border: 1px solid #006eb3;
	}

	.ui-widget {
		font-size: 0.8em;
	}

	.ui-tabs .ui-tabs-nav li a {
		float: left;
		padding: 0.5em 0.6em;
		font-weight: bolder;
		text-decoration: none;
		font-size: 13.5px;
	}

	.geraForm-textG {
		text-align: left;
		width: 240px;
	}

	.geraForm-autocompleteM {
		text-align: left;
		width: 190px;
	}

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	.geraFormField>label,
	.ui-combobox-input {
		font-size: 16px !important;
	}

	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"],
	textarea {
		width: 100%;
		max-width: 100%;
	}

	input[type="text"].geraForm-date {
		width: calc(100% - 25px);
	}

	#logo {
		width: 60px;
	}

	#logo img {
		margin-top: 0;
		width: 50px;
	}

	#menu {
		display: none;
	}

	#conteudo {
		margin-left: 10px;
		padding: 0;
		border: 0;
		background: transparent;
	}

	#titulo {
		font-size: 1em;
	}

	#menuarrow {
		display: block;
		top: 40px;
	}

	.geraForm-textarea {
		width: 100% !important;
	}

	.geraForm-textareaP {
		text-align: left;
		width: 125px;
	}

	#notifDialog {
		width: 200px;
		max-width: 200px;
	}

	div.tools {
		display: none;
	}

	.geraTabelaColuna {
		color: #006eb3;
		font-size: 85%;
		text-align: left;
	}

	.geraTabelaLinha {
		padding: 3px;
	}

	.geraTabela .divNavPage .paginacao>* {
		margin: 0;
	}

	.geraTabela tbody tr {
		height: unset;
	}

	.gtOpcoesBotoes {
		padding-left: 1em;
		display: flex;
		justify-content: space-between;
	}

	.gtOpcoesBotoes img {
		margin: 0 5px;
	}

	.gtOpcoesBotoes,
	.gtFiltroColunas {
		flex-grow: unset;
	}

	.gtOpcoes .btnFiltro {
		display: inline;
	}

	.gtFiltro {
		left: unset;
	}

	.gtFiltro .gtFiltroBotao {
		display: none;
	}

	.gtFiltroColunas {
		flex-direction: column;
	}

	.gtFiltro .gtColuna,
	.gtFiltro .gtFiltroColunas {
		width: 100%;
	}

	#tb_message {
		left: unset;
		width: 100%;
		max-width: 100%;
	}

	#tb_message #div_message .msg {
		flex-grow: 1;
	}

	body {
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-webkit-tap-highlight-color: transparent;
		user-select: none;
		-webkit-touch-callout: none;
	}

	.geraTabela table,
	.geraTabela thead,
	.geraTabela tbody,
	.geraTabela th,
	.geraTabela td,
	.geraTabela tr {
		display: block;
	}

	.geraTabela thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.geraTabela tr {
		box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px,
			rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
		margin: 1em 0;
	}

	.geraTabela tbody td:not(.toolsButton, .tools),
	.geraTabela tbody th {
		border: none;
		position: relative;
		padding-left: 30%;
		overflow: hidden;
	}

	.geraTabela tbody td:before {
		position: absolute;
		z-index: 0;
		left: 6px;
		width: 28%;
		white-space: nowrap;
		font-style: italic;
		text-align: left;
		overflow: hidden;
	}
}

@media only screen and (max-width: 425px) {

	.grid-2c,
	.grid-3c,
	.grid-4c {
		grid-template-columns: 1fr;
	}

	.grid-use-2c,
	.grid-use-3c,
	.grid-use-4c {
		grid-column: unset;
	}
}