@CHARSET "ISO-8859-1";

/** 
	para quando a tela tem menos que 960px de largura:
**/
@media ( max-width : 960px) {
	.menu {
		display: none;
	}
	.ui-sidebar {
		background-position: bottom;
        background-size: 170px;
		background-image: url("/venda_online/javax.faces.resource/logo.png.jsf?ln=imagens");
		background-repeat: no-repeat;
		overflow: auto;
	}
	.corpo {
		left: 5px !important;
	}
	.logo {
		max-width: 90% !important;
		max-height: 40% !important;
		background-size: contain !important;
	}
	.ui-panel .ui-widget-header {
		text-align: center !important;
	}
	.ui-dialog {
		width: 98dvw !important;
	}
	.ui-growl {
		width: 95% !important;
		left: 2.5% !important;
	}
	.dlg {
		width: 94% !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;
	}
	.ui-panel-title {
		margin: auto !important;
	}

    .ui-datatable {
        font-size: small;
        padding: 5px 1px;
    }

    body .ui-datatable .ui-datatable-data>tr>td {
        padding: 1rem 0.1rem;
    }

	.hide-on-mobile {
	    display: none !important;
    }

    body .ui-widget {
        font-size: .8rem;
    }

    th {
        font-size: .8rem;
    }

    .ui-dialog .ui-dialog-content {
        overflow: scroll;
    }

    .dialog-on-mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .btn-close-dialog {
        border-radius: 20px !important;
    }

    .legenda {
        width: 90% !important;
    }

    body .ui-datepicker .ui-datepicker-calendar td {
        padding: 0;
    }

    body .ui-datepicker .ui-datepicker-calendar th {
        font-size: 0.9rem;
    }

    .ui-selectonemenu-panel {
        width: 100% !important;
    }

    .ui-speeddial {
        position: static !important;
    }

	.informacoes-modulo {
		font-size: 8pt;
	}

	.ambiente-homologacao{
		font-size: 8pt;
	}
}

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

	.hide-on-desktop {
	    display: none !important;
	}
}