/* Landscape orientation */
/* De momento no se está usando
@media (orientation:landscape)
{
}
*/

/* Portrait orientation */
/* De momento no se está usando
@media (orientation:portrait)
{
}
*/

/* Lanscape very flat devices */
@media (max-height: 500px)
{
	/* Dialogos */
	.simple .cameraDialog .cameraBright { padding-bottom: 0px; padding-top: 0px; } 
	.simple .cameraDialog .cameraBright > div { margin-bottom: 0px; }
}

/* Lanscape flat devices */
@media (max-height: 740px)
{
	/* Menu */
	.loadingFixedTabOverlay { background-position: 50% 70px; }
	/* Formularios */
	.simple .hhiddeable { display: none !important; }
	.contentPanel .dijitTabContainerTopChildWrapper { min-height: 260px; }
	/* Dialogos */
	.simple .dijitDialogPaneContent { padding: 5px 0px !important; }
	.simple .dijitDialogPaneContent .dijitDialogSingleChild { padding: 0px 5px !important; }
	.simple .cameraDialog { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; width: 95%; height: 95%; }
	.simple .cameraDialog .dijitDialogPaneContent { height: 100% !important; }
}


/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
	/* Menu */
	.menuContainer { opacity: 1 !important; }
}


/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px)
{
	/* Menu */
	.menuContainer { opacity: 1 !important; }
}


/* Medium devices (tablets, less than 992px) */
@media (max-width: 991px)
{
	/* Menu */
	.menuContainer { float: none; position: absolute; top: 0px; z-index: 10; height: auto; opacity: 0; display: none; }
	.menuIndex { width: 60px !important; }
	.menuIndexLogo { display: none; }
	/* Formularios */
	.simple .contentPanel { margin: 60px 10px 10px 10px; }
	.simple .contentPanel .dijitContentPane { margin: 4px; }
	/* Paneles */
	.summaryContainer { flex-wrap: wrap; }
	.summaryContainerCol1 { flex: 1 1 100%; margin-right: 0px; margin-bottom: 10px; }
	.summaryContainerCol2 { flex: 1 1 100%; }
	.summaryAlertsPanel { margin-bottom: 10px; }
	/* Paneles */
	.webPrintPanel { flex-wrap: wrap; }
	.webPrintPanel .webPrintPanelServer { flex: 1 1 800px; }
	.webPrintPanel .webPrintPanelSection  { margin-right: 0px; }
	.webPrintPanel .webPrintPanelRequest { margin-right: 10px; }
	#panelTreeContainer { flex-wrap: wrap; }
	.systemPanelContainer { margin: 0px 0px 10px 0px; }
	/* Grids */
	.eventsGrid .dojoxGrid .dojoxGridMasterHeader th:nth-child(4), .eventsGrid .dojoxGrid .dojoxGridMasterView td:nth-child(4) { display: none; }
	.storesResumePanel .dojoxGrid .dojoxGridMasterHeader th:nth-child(4), .storesResumePanel .dojoxGrid .dojoxGridMasterView td:nth-child(4) { display: none; }
	.storesResumePanel .dojoxGrid .dojoxGridMasterHeader th:nth-child(5), .storesResumePanel .dojoxGrid .dojoxGridMasterView td:nth-child(5) { display: none; }
	.storesResumePanel .dojoxGrid .dojoxGridMasterHeader th:nth-child(6), .storesResumePanel .dojoxGrid .dojoxGridMasterView td:nth-child(6) { display: none; }
	/* Dialogos */
	.facilityDialog .flexRowPanel { flex-wrap: wrap; }
	.facilityDialog .logoSection { margin-right: 0px; flex-grow: 2; padding: 5px 10px; text-align: center; }
	.facilityDialog .contentSection { flex: 1 1 700px; }
	.facilityDialog .dataForm .dataRow { flex-wrap: wrap; }
	.facilityDialog .dataForm .dataRow label { flex: 1 1 100%; margin-right: 0px; width: 100%; }
	.facilityDialog .dataForm .dataRow textarea { flex: 1 1 100%; width: 100%; }
	.facilityDialog .dataForm .dataRow .dijit { flex: 1 1 100%; }
	.facilityDialog .dataForm .dataRow .dijitTextBox { width: 100%; }
	.facilityDialog .dataForm .dataRow .dijitSelect .dijitButtonContents { width: 100%; }
	.chooseDialog { width: 90%; }
	.userWsDialog .simpleDialogContent { width: 90%; }
}


/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767px)
{
	/* Paneles */
	.webPrintPanel .webPrintPanelSection  { flex: 1 1 600px; }
	.webPrintPanel .webPrintPanelRequest { margin-right: 0px; }
	.classicPrintingPanel td:nth-child(2), .classicPrintingPanel th:nth-child(2) { display: none; }
	/* Grids */
	.storesGrid .dojoxGrid .dojoxGridMasterHeader th:nth-child(3), .storesGrid .dojoxGrid .dojoxGridMasterView td:nth-child(3) { display: none; }
	.storesGrid .dojoxGrid .dojoxGridMasterHeader th:nth-child(4), .storesGrid .dojoxGrid .dojoxGridMasterView td:nth-child(4) { display: none; }
	.storesTypeResumePanel .dojoxGrid .dojoxGridMasterHeader th:last-child, .storesTypeResumePanel .dojoxGrid .dojoxGridMasterView td:last-child { display: none; }
	/* Dialogos */
	.simple .simpleDialogBody { padding: 10px !important; }
	.simple .dataForm .dataRow { flex-wrap: wrap; }
	.simple .dataForm .dataRow label { flex: 1 1 100%; margin-right: 0px; }
	.simple .dataForm .dataRow textarea { flex: 1 1 100%; }
	.simple .dataForm .dataRow .dijit { flex: 1 1 100%; }
	.simple .dataForm .dataRow .dijitSelect .dijitButtonContents { width: 100%; }
	.simple .standardButtons, .simple .extendedButtons { flex: 1 1 100%; }
	.simple .standardButtons .dijitButton, .simple .extendedButtons .dijitButton { flex: 1 1 100%; }
	.simple .standardButtons .dijitButtonNode, .simple .extendedButtons .dijitButtonNode { width: 100%; }
	.userWsDialog .simpleDialogContent { width: 95%; }
	.userWsDialog .wsgraph { padding-left: 0px; padding-right: 0px; }
}


/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575px)
{
	/* Login */
	.loginContainer { width: 100%; margin: 0px auto; }
	.loadingFirstContainer { width: 100%; margin: 0px auto; }
	/* Menu */
	.headerContainer .headerSection { margin: auto; text-align: center; font-size: 12pt; }
	.headerContainer .headerUserLabel { margin: auto; font-size: 8pt; }
	/* Paneles */
	.mainAlertsPanel .alertRow { flex-wrap: wrap; }
	.webPrintPanel .webPrintPanelRequest { margin-left: 0px; }
	.classicPrintingPanel td:nth-child(3), .classicPrintingPanel th:nth-child(3) { display: none; }
	/* Arboles */
	.dijitTree { margin: 10px 0px !important; }
	.dijitTree .dijitTreeLabel { margin: 0px !important; }
	/* Grids */
	.eventsGrid .dojoxGrid .dojoxGridMasterHeader th:nth-child(5), .eventsGrid .dojoxGrid .dojoxGridMasterView td:nth-child(5) { display: none; }
	.eventsGrid .dataFormContainer [widgetid=eventsFilterFormFromDate] { width: 200px; }
	.eventsGrid .dataFormContainer [widgetid=eventsFilterFormToDate] { width: 200px; }
	.storesGrid .dojoxGrid .dojoxGridMasterHeader th:nth-child(2), .storesGrid .dojoxGrid .dojoxGridMasterView td:nth-child(2) { display: none; }
	.storesGrid .serverDetail { display: none; }
	/* Dialogos */
	.simple .dijitDialog { position: absolute; top: 50% !important; left: 50% !important; transform: translate(-50%,-50%) !important; width: 95%; }
	.simple .dijitConfirmDialog { width: 95%; }
	.simple .dojoxGridPaginator tr { display: flex; flex-flow: column; align-items: center; margin-top: 10px; }
	.simple .dojoxGridPaginator td { width: 100%; margin: 0px auto 10px auto; }
	.simple .dojoxGridPaginator .dojoxGridDescription, .dojoxGridPaginator .dojoxGridPaginatorFastStep { text-align: center; }
	.simple .dojoxGridPaginator td span, .dojoxGridPaginator .dojoxGridPaginatorStep, .dojoxGridPaginator .dojoxGridPaginatorStep * { text-align: center; float: none; display: inline-block; }
	.simple .errorPanelContainer { width: 100%; margin: 0px auto; }
	.simple .dijitDialogPaneContent { padding: 10px 0px; }
	.simple .dijitDialogPaneContent form { height: auto !important; }
	.simple .dijitDialogPaneContent .dijitDialogSingleChild { padding: 0px 10px; }
	.facilityDialog .facilityDialogDataSection { padding: 0px; }
}