@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;
	}

	.ui-sidebar {
		background-position: bottom;
		background-size: 170px;
		background-image: url("/diggi_portal/javax.faces.resource/logo.png.jsf?ln=imagens");
		background-repeat: no-repeat;
	}

	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 {
		height: 91%;
		border-radius: 4px;
	}

	.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: 80px !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;
	}

	.identificacao {
		position: absolute;
		bottom: 40px;
		right: 5px;
		font-size: 10px;
		padding-right: 0;
		padding-top: 0;
	}

	.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;
    }

}

/**
	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;
	}
}