@media screen and (min-width : 1024px) {
	.horizontalmenu {
		display: none !important;
		height: 0px !important;
		width: 0px !important;
	}
	#contenidoCentral {
		top: 0% !important;
	}
	.buttonUsuario button {
		height: 70px !important;
		width: 70px !important;
	}
	.buttonUsuario button .fa {
		font-size: 40px !important;
		height: 40px !important;
		width: 40px !important;
		top: 30% !important;
		left: 33% !important;
		margin-top: -7 !important;
		margin-left: -8px !important;
	}
}

@media screen and (max-width: 700px) {
	#contact .fieldsetEstilo:first-child {
		margin-right: 0%;
	}
}

@media ( max-width : 1023px) {
	.verticalmenu {
		display: none !important;
		height: 0px !important;
		width: 0px !important;
	}
	#contenidoCentral {
		top: 90px !important;
	}
	.imagenUsuarioSesion {
		background-size: 40px 40px;
		height: 45px !important;
		width: 45px !important;
	}
	.imagenEmpresasSesion {
		background-size: 40px 40px;
		height: 45px !important;
		width: 45px !important;
	}
	.imagenNotificacion {
		background-size: 40px 40px;
		height: 45px !important;
		width: 45px !important;
	}
	.tituloTiposArchivos {
		white-space: normal !important;
	}
	.anchoAltoArchivos {
		width: 150px !important;
		height: 150px !important;
	}
	.altoCabecera {
		height: 68px;
	}
	.colTexto92Per {
		width: 91%;
	}
}

@media ( min-width : 768px) and (max-width: 1023px) {
	.top-bar-badge {
		top: 5px;
	}
	.imagenFactura, .imagenNota, .imagenRango {
		width: 50px !important;
		height: 45px !important;
		margin: inherit;
	}
	.anchoNotificaciones {
		width: 45% !important;
	}
	.displayIconoAlertas span:nth-child(2) {
		padding-left: 5px !important;
	}
	.minPopupDetalles {
		min-height: 270px !important;
		width: 680px !important;
	}
	.popupDetalles {
		min-height: 270px !important;
		width: 810px !important;
	}
	div[id="detalles"] {
		width: 590px !important;
	}
	div[id="frmRegistrarPersona:panelReg_content"] div[class="ui-grid-row"]
		{
		display: block;
	}
	div[id="frmRegistrarPersona:panelReg_content"]>div[class="ui-grid-row"]>div+div
		{
		width: 100%;
		text-align: center;
	}
	.colTexto92Per {
		width: 90%;
	}
}

@media ( min-width : 481px) and (max-width: 767px) {
	.top-bar-badge {
		top: 5px;
	}
	.colorLetraGris {
		font-size: 14px;
	}
	.imagenFactura, .imagenNota, .imagenRango {
		width: 50px !important;
		height: 40px !important;
		margin: auto;
	}
	.anchoNotificaciones {
		width: 50% !important;
	}
	.displayIconoAlertas span:nth-child(2) {
		padding-left: 5px !important;
	}
	.anchoIconoAlertaPopup {
		margin-right: 10px;
	}
	.anchoNotificacionPopup {
		width: 86% !important;
	}
	.minPopupDetalles {
		height: auto !important;
		width: 479px !important;
	}
	div[id="detallesForm:detallesTab:detallesFactTab"] {
		height: auto !important;
	}
	div[id="detallesForm:detallesTab:datosBasicosTab"] {
		height: 285px !important;
	}
	div[id="formDetalles:detallesTab:gridDetalles_content"]>div {
		display: block !important;
	}
	div[id="formDetalles:detallesTab:gridDetalles_content"]>div>div {
		width: auto;
	}
	.minPopupDetalles {
		height: auto !important;
		width: 483px !important;
	}
	div[id="frmRegistrarPersona:panelReg_content"] div[class="ui-grid-row"]
		{
		display: block;
	}
	div[id="frmRegistrarPersona:panelReg_content"]>div[class="ui-grid-row"]>div+div
		{
		width: 100%;
		text-align: center;
	}
	div[id="popupMenuPadre"]>div+div {
		height: 450px !important;
	}
	div[class~="ui-picklist"] {
		display: block;
	}
	div[class~="ui-picklist"]>div {
		display: block;
		width: 100% !important;
	}
	div[class~="ui-picklist"]>div[class="ui-picklist-buttons"] {
		text-align: center;
		height: auto;
		padding: 5px 0;
	}
	div[class~="ui-picklist"]>div[class="ui-picklist-buttons"]>div[class="ui-picklist-buttons-cell"]>button
		{
		display: inline;
		width: 20% !important;
	}
	div[class~="ui-picklist"]>div[class="ui-picklist-buttons"]>div[class="ui-picklist-buttons-cell"]>button span
		{
		transform: rotate(90deg);
	}
	div[id="frmRegistrarTipoFormato:gridTipoFormato_content"]>div {
		display: block !important;
	}
}

@media ( max-width : 640px ) {
	div[class~="ui-picklist"]>div[class="ui-picklist-buttons"]>div[class="ui-picklist-buttons-cell"]>button span
		{
		transform: rotate(0deg);
	}
	div[id="paymentForm:dragAndDrop"] div[class="ui-panelgrid-cell ui-grid-col-8 MarginLMenos10P MarginT8P"]
		{
		width: 66.66666% !important;
		float: left;
		margin-top: 0px;
	}
	div[id="paymentForm:dragAndDrop"] div[class="ui-panelgrid-cell ui-grid-col-4"]
		{
		width: 33.33333% !important;
		float: left;
	}
	div[id="paymentForm:dragAndDrop"] div[class="ui-panelgrid-cell ui-grid-col-8 MarginLMenos10P MarginT8P"]
		{
		width: 66.66666% !important;
		float: left;
		margin-top: 0px;
	}
	div[id="paymentForm:dragAndDrop"] div[class="ui-panelgrid-cell ui-grid-col-4"]
		{
		width: 33.33333% !important;
		float: left;
	}
	div[class="ui-panelgrid-cell ui-grid-col-4 right footerTotal"] {
		width: 33.33333% !important;
		float: left !important;
	}
	div[class="ui-panelgrid-cell ui-grid-col-2 valNumeric colValor footerTotal"]
		{
		width: 16.66666% !important;
		float: left !important;
	}
	.table div[class="ui-panelgrid ui-widget header"] {
		display: none;
	}
	.table div[class="ui-panel ui-widget ui-widget-content ui-corner-all fondoPanel"]
		{
		visibility: visible;
	}
}

@media ( min-width : 320px) and (max-width: 480px) {
	.top-bar-badge {
		top: 5px;
	}
	.imagenFactura, .imagenNota, .imagenRango {
		width: 80px !important;
		height: 40px !important;
		margin: auto;
	}
	.anchoNotificaciones {
		width: 60% !important;
	}
	.imagenCambiarIdiomaEng {
		background-size: 75%;
	}
	.imagenFinalizarSesion {
		background-size: 80%;
		line-height: 27px !important;
	}
	.itemSesion {
		padding: 0 0 0 8px !important;
	}
	.displayIconoAlertas span:nth-child(2) {
		padding-left: 5px !important;
	}
	.minPopupDetalles {
		height: auto !important;
		width: 320px !important;
	}
	div[id="detallesForm:detallesTab:detallesFactTab"], div[id="detallesForm:detallesTab:datosBasicosTab"],
		div[id="formDetalles:detallesTab:tabDatosBasicos"] {
		height: auto !important;
	}
	.anchoIconoAlertaPopup {
		margin-top: 7px;
		width: 20% !important;
	}
	.anchoNotificacionPopup {
		width: 75% !important;
	}
	.cabeceraUsuario {
		display: none;
	}
	div[id="frmRegistrarPersona:cmbTipoDocumento_panel"] {
		width: 65% !important;
	}
	div[id="popupMenuPadre"]>div+div {
		height: 450px !important;
	}
	.amountValor input {
		width: 80px;
	}
}

/* ====== InputNumber in dataTable ====== */
@media screen and (min-width : 1116px) {
	.columnInputNumber {
		width: 30%;
	}
}

@media ( max-width : 673px) {
	.amountValor input {
		width: 150px;
	}
}

@media ( max-width : 640px) {
	.amountValor input {
		width: 120px;
	}
	.ui-dialog:not(#statPane) {
		min-width: 372px !important;
		width: auto !important;
	}
}

@media ( max-width : 548px) {
	.amountValor input {
		width: 100px;
	}
}

/* ====== Home Page ====== */
@media ( max-width : 1024px) and (min-width: 631px) {
	#landing-page-wrapper .landing-container {
		width: 100%;
	}
	#landing-page-wrapper #landing-top-bar {
		height: 100%;
	}
	#landing-page-wrapper #landing-footer .footer-container {
		padding: 0 10px;
	}
	#landing-page-wrapper #landing-footer .footer-container .ui-g-12 {
		padding: 0;
	}
}

@media ( max-width : 1082px) {
	#landing-page-wrapper .landing-container {
		width: 100%;
		margin: 0;
	}
}

@media ( max-width : 839px) {
	#formHeader {
		height: 17%;
		min-height: 104px;
	}
	#landing-page-wrapper #landing-content {
		min-height: 73%;
	}
	#landing-page-wrapper #landing-top-bar .landing-logo {
		display: inline-block;
	}
	#landing-page-wrapper #landing-top-bar .landing-logo img {
		border: none;
		height: 50px;
		margin-top: 10px;
	}
	#landing-page-wrapper #landing-top-bar .landing-logo h1 {
		font-size: 25px;
		margin: 0;
		padding-top: 5px;
		padding-left: 0;
	}
	.banner.ui-notificationbar.ui-widget.ui-widget-content {
		top: 17% !important;
	}
	.bannerIcon {
		left: 10px;
		font-size: 30px !important;
	}
	.bannerMessage {
		font-size: 10px !important;
	}
}

@media ( max-width : 630px) {
	#landing-page-wrapper .landing-container {
		width: 100%;
	}
	#landing-page-wrapper #landing-top-bar .landing-container {
		position: relative;
		z-index: 1;
	}
	#landing-page-wrapper #landing-top-bar .landing-logo {
		padding-left: 50%;
	}
	#landing-page-wrapper #landing-top-bar .landing-nav-bar {
		display: none;
	}
	#landing-page-wrapper #landing-top-bar #landing-menubar-button {
		display: block;
		position: absolute;
		top: 40px;
		margin-left: 20px;
		color: #384c61;
	}
	#landing-page-wrapper #landing-top-bar #landing-menubar-button .fa {
		font-size: 25px;
	}
	#landing-page-wrapper #landing-top-bar .landing-mobile-menu {
		background-color: #384c61;
		height: 355px;
	}
	#landing-page-wrapper #landing-top-bar .landing-mobile-menu#landing-nav
		{
		display: block;
	}
	#landing-page-wrapper #landing-top-bar #landing-nav {
		display: none;
	}
	#landing-page-wrapper #landing-content h1 {
		font-size: 36px;
	}
	#landing-page-wrapper #landing-content p {
		font-size: 14px;
	}
	#landing-page-wrapper .sidebar-nav-container .sidebar-menuitem {
		height: auto;
		width: 100%;
	}
	.imgError {
		height: 30%;
	}
	.panelError {
		height: 70%;
	}
}

@media ( max-width : 589px) {
	#formFooter {
		min-height: 15%;
	}
	#landing-page-wrapper #landing-content {
		min-height: 68%;
	}
	#landing-page-wrapper #landing-content .landing-button {
		margin-top: 0;
	}
}

@media ( max-width : 550px) {
	.panelError {
		height: 70%;
		width: 450px;
	}
}

@media ( max-width : 499px) {
	#landing-page-wrapper #landing-top-bar .landing-logo {
		padding-left: 30%;
	}
	#landing-page-wrapper #landing-top-bar #landing-menubar-button {
		top: 50px;
	}
	#landing-page-wrapper #landing-top-bar #landing-menubar-button {
		margin-left: 10px;
	}
	#landing-page-wrapper #landing-content {
		min-height: 64%;
	}
	#formHeader {
		min-height: 96px;
	}
	#formFooter {
		min-height: 19%;
	}
}

@media ( max-width : 400px) {
	#landing-page-wrapper #landing-content .landing-button .buttonHome {
		width: 78px;
		height: 55px;
	}
	#landing-page-wrapper #landing-content .landing-button .textHome {
		font-size: 11px;
	}
	#landing-page-wrapper #landing-content {
		min-height: 64%;
	}
}

@media ( max-width : 480px) {
	.panelError {
		width: 300px;
	}
	.textoError {
		font-size: 25px !important;
	}
	.textoSesionExpired {
		font-size: 25px !important;
	}
}