@CHARSET "ISO-8859-1";

/**
	para quando a tela tem menos que 700px de largura:
**/
@media (max-width : 800px) {
	/** ocultar corpo do login em tela muito estreita **/
	div.corpo-login {
	    display: none;
	}
}

/** 
	para quando a tela tem menos que 960px de largura:
**/
@media (max-width : 960px) {

	body {
		overscroll-behavior-y: contain;
		font-size: 13px;
	}

	html {
		width: 100%;
		height: 100%;
		background: #F5F5F5;
		padding: 0;
		margin: 0;
		border: 0;
		min-height: 100px;
		min-width: 100px;
	}

	.menu {
		display: none;
	}

	.sidebar-mobile {
		position: fixed !important;
		top: 0 !important;
		bottom: 0 !important;
		height: auto !important;
		padding: 0 !important;
		display: flex;
		flex-direction: column;
	}
	.sidebar-header {
		flex: 0 0 auto;
		padding: 10px;
		text-align: center;
		border-bottom: 1px solid #ddd;
		background: #fff;
	}
	.sidebar-logo {
		height: 50px;
		width: 95%;
		margin: 0;
		max-width: 95%;
		max-height: 50px;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
	}
	.sidebar-identificacao {
		margin-top: 4px;
		font-size: 8.5pt;
		color: #555;
		font-weight: 600;
		line-height: 1.2;
		max-width: 100%;
		word-break: break-word;
	}
	.sidebar-content-scroll {
		flex: 1 1 auto;
		overflow-y: scroll !important;
		overflow-x: scroll !important;
		-webkit-overflow-scrolling: touch;
		padding: 10px;
		margin-left: 15px;
		height: calc(100vh - 300px);
		margin-left: 15px;
	}

	div.corpo {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 5px !important;
		right: 5px;
		min-height: 10px;
		min-width: 10px;
	}

	.panel {
		box-sizing: border-box;

		display: flex;
		flex-direction: column;

		background: white;
		box-shadow: 5px 5px 8px #888;
		border-radius: 5px;
	}

	.panel .ui-panel-content {
		flex: 1 1 auto;
		overflow-y: auto;
		overflow-x: auto;
	}

	.logo {
		max-width: 90% !important;
		max-height: 40% !important;
		background-size: contain !important;
	}

	div.conteudo {
		bottom: 100px !important;
	}

	.ui-panel .ui-widget-header {
		text-align: center !important;
	}

	.ui-dialog.dialog35 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog45 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog50 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog55 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog65 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog66 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog75 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog80 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog83 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog96 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog99 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-dialog.dialog100 {
		width: 98% !important;
		height: 98% !important;
	}

	.ui-growl {
		width: 95% !important;
		left: 2.5% !important;
	}

	.dlg {
		width: 92% !important;
	}

	.ui-datatable-reflow .ui-datatable-data .ui-expanded-row td[role="gridcell"]:not(.ui-helper-hidden) {
		width: max-content !important;
	}

	.rowToggler td[role="gridcell"] {
		width: max-content !important;
	}

	.botoes {
		position: absolute !important;
		right: 10px !important;
		bottom: 60px !important;
	}

	.botoesdlg {
		position: absolute !important;
		right: 30px !important;
		bottom: 5px !important;
	}

	.ocultar-mobile {
		display: none !important;
		visibility: hidden !important;
	}

	.exibir-mobile {
		display: block !important;
		visibility: visible !important;
	}

	.ui-inputfield {
		height: 25px;
		font-size: 13px;
		line-height: 20px;
	}

	.ui-inputtext {
		height: 25px;
		font-size: 13px !important;
		line-height: 20px;
	}

	.ui-inputmask {
		height: 25px;
		font-size: 13px !important;
		line-height: 20px;
	}

	.ui-datatable-reflow .ui-datatable-data .ui-expanded-row td[role="gridcell"]:not(.ui-helper-hidden)
	{
		width: max-content !important;
	}
	.rowToggler td[role="gridcell"] {
		width: max-content !important;
	}
	.informacoes-modulo {
		font-size: 8pt;
	}
	.ambiente-homologacao{
		font-size: 8pt;
	}

	.ui-selectonemenu-panel .ui-selectonemenu-list-item {
		white-space: pre-wrap !important;
		/*border: 1px solid lightgrey !important;*/
		box-shadow:lightgrey 1px 1px 3px;
	}

    /* lista de links na tela de login */
	.item span,
    .item a,
    .item label {
        font-size: 16px !important;
        line-height: 25px !important;
    }

    .exibir-desktop {
        display: none !important;
        visibility: hidden !important;
    }

	.meus-dependentes {
		height: calc(100vh - 12px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.meus-dependentes .ui-panel-content {
		box-sizing: border-box;
		max-height: calc(100vh - 54px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.meus-dependentes__tabela {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.meus-dependentes__tabela .ui-datatable-tablewrapper {
		overflow-x: visible;
	}

	.meus-dependentes__tabela table {
		min-width: 680px;
	}

	.ui-dialog.meus-dependentes__dialog {
		box-sizing: border-box;
		left: 8px !important;
		max-height: calc(100vh - 16px);
		top: 8px !important;
		width: calc(100vw - 16px) !important;
	}

	.ui-dialog.meus-dependentes__dialog .ui-dialog-content {
		box-sizing: border-box;
		max-height: calc(100vh - 70px) !important;
		overflow-y: auto !important;
		-webkit-overflow-scrolling: touch;
	}

	.meus-dependentes__dialog-conteudo {
		max-width: 100%;
	}

	.meus-dependentes__card {
		margin-bottom: 12px;
		padding: 12px;
	}

	.meus-dependentes__card-titulo {
		font-size: 18px;
		line-height: 23px;
	}

	.meus-dependentes__card-texto {
		font-size: 13px;
		line-height: 18px;
	}

	.meus-dependentes__campo {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.meus-dependentes__vazio {
		padding: 28px 14px;
	}

	.botaolimpar,
	.botaosalvar {
		font-size: 11px !important;
		padding: 2px 10px !important;
		height: auto !important;
		white-space: normal !important;
		word-break: break-word !important;
		min-width: 0 !important;
		width: 100% !important;
		flex: 1 !important;
		box-sizing: border-box !important;
	}

	.meus-dependentes__btn-adicionar {
		width: 100% !important;
	}

	.sol-accordion-wrapper {
		height: calc(100vh - 320px);
	}

	.sol-botoes {
		flex-direction: column;
	}

	.sol-botoes .ui-button {
		width: 100% !important;
	}

	.sc-panel.ui-panel .ui-panel-content {
		padding: 12px 10px 16px !important;
	}

	.sc-page {
		padding: 0 0 12px;
	}

	.sc-card.ui-fieldset .ui-fieldset-legend {
		align-items: flex-start !important;
		flex-direction: column;
		gap: 3px !important;
		padding: 12px !important;
	}

	.sc-card.ui-fieldset .ui-fieldset-content {
		margin-left: 0 !important;
		padding: 12px !important;
	}

	.sc-col-label {
		padding-right: 0 !important;
		padding-bottom: 2px !important;
	}

	.sc-page .ui-outputlabel.titulo,
	.sc-page .titulo {
		font-size: 11pt !important;
		line-height: 18px !important;
	}

	.sc-field-row {
		margin-bottom: 14px !important;
	}

	.sc-resumo-head {
		display: none;
	}

	.sc-resumo-row {
		display: grid;
		grid-template-columns: 1fr;
		gap: 8px;
		padding: 12px;
	}

	.sc-resumo-qty-wrap,
	.sc-resumo-valor {
		text-align: left;
	}

	.sc-botoes {
		flex-direction: column;
	}

	.sc-botoes .ui-button {
		width: 100% !important;
	}

	.sc-col-field .ui-selectonemenu {
		width: 100% !important;
		display: block !important;
	}

	.sc-col-field .ui-selectonemenu-label {
		width: 100% !important;
		box-sizing: border-box !important;
		overflow: hidden !important;
		text-overflow: ellipsis !important;
		white-space: nowrap !important;
	}

	@media (max-width: 960px) {
		.sc-col-field .ui-inputtext {
			white-space: normal;
			word-break: break-word;
			height: auto;
		}
	}

	/* Evita estouro horizontal do fieldset inteiro */
	.sc-card .ui-fieldset-content,
	.sc-card .ui-g {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		overflow: hidden;
	}

	.sc-card .sc-col-label,
	.sc-card .sc-col-field {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.sc-card .ui-selectonemenu {
		width: 100% !important;
		max-width: 100% !important;
		box-sizing: border-box !important;
	}

}

/**
	para quando a tela tem mais que 960px de largura:
**/
@media (min-width : 960px) {
	.menu-mobile {
		display: none;
	}

	.exibir-mobile {
		display: none !important;
		visibility: hidden !important;
	}
}