@charset "UTF-8";

@media (min-width:0px) and (max-width:700px) {
	
			body { max-width:500px; 
			display:flex; 
			-ms-display:flex; 
			flex-flow:column nowrap;
			-webkit-flex-flow:column nowrap;
			-ms-flex-flow:column nowrap;
			justify-content:flex-start;
			-webkit-justify-content:flex-start;
			-ms-justify-content:flex-start;
			align-items:center;
			-webkit-align-items:center;
			-ms-align-items:center; 
			align-content:center;
			}	

			textarea,
			input[type="text"],
			input[type="number"],
			input[type="password"],
			input[type="decimal"],
			input[type="button"],
			input[type="submit"],
			input[type="email"],
			input[type="tel"],
			input[type="url"],
			input[type="search"],
			input[type="select"]
			{   -webkit-appearance:none;
			-moz-appearance:none;
			appearance:none; 
			-webkit-font-smoothing: antialiased;
			resize:none; 
			-moz-border-radius:0;
			-webkit-border-radius:0; 
			border-radius:0; }

			a[x-apple-data-detectors] {
			color: inherit !important;
			text-decoration: none !important;
			font-size: inherit !important;
			font-family: inherit !important;
			font-weight: inherit !important;
			line-height: inherit !important;
			}	

	
	.leftimg,
	.leftencrypted { display:none; } 

			/*** Index ***/

			#loginrequired { margin-top:20px; }	
	
	        .locinfo { font-size:0.8em; }


			/*** Navbar ***/ 	

			#navbar { background-color:rgba(0, 0, 229, 0.6); }

			#blaudat { 
			font-size:1.02em;
			 }

			#logo { margin-left:5px; }

			/*** Top Menu ***/ 

			#loginform { width:80%; min-width:80%; max-width:80%;
			padding-top:40px; }

			#cookiebox { margin-top:5px; margin-bottom:12px; }
			#logcookie  { margin-left:0; margin-right:10px; }

			#usertext, 
			#passtext { width:27%; max-width:27%; font-weight:bold; }
			#user, #password { width:73%; max-width:73%; }

			#loginbut { font-weight:bold;
			margin-bottom:8px; }  

			#cookietext { font-size:0.9em; }
			#forget { width:90%; font-size:0.9em; }



			/*** Left ***/ 

			#left { 
			min-width:100%; width:100%; max-width:100%;
			position:static !important;  
			padding-top:60px;
			padding-left:0px; padding-right:0px; } 

			#leftmenu { padding-bottom:15px;
						min-width:90%; width:90%; max-width:90%;
						margin:0 auto;
	  					padding-right:0; }
			#leftmenu a  { color:#313131; text-decoration:none; }
			#leftmenu a:hover { color:#313131; text-decoration:underline; }

			#leftmenu div { 
			text-align:left; display:block; padding-left:4px; 
			margin-bottom:3px;
	        padding-bottom:4px; 
			background: -webkit-linear-gradient(#8bd1dc, #339aaa);
			background: -o-linear-gradient(#8bd1dc, #339aaa);
			background: -moz-linear-gradient(#8bd1dc, #339aaa);
			background: linear-gradient(#8bd1dc, #339aaa); }
			.leftlead { margin-bottom:6px !important; }

			#menuzero { 
			margin-bottom:20px !important;
			background: -webkit-linear-gradient(transparent, transparent) !important;
			background: -o-linear-gradient(transparent, transparent) !important;
			background: -moz-linear-gradient(transparent, transparent) !important;
			background: linear-gradient(transparent, transparent) !important; }


			/*** Right ***/

			#right { min-width:100%; width:100% !important; max-width:100%; 
			padding-bottom:100px; padding-top:0; margin-top:25px; }	 

			#entrada  { margin-bottom:15px; }


			/*** Tabla métricas ***/ 

			.metricsfirstrow, .metricssecondrow { display:none; }

			.metricsmob { min-width:90%; width:90%; max-width:90%; 
			margin:0 auto; 
			margin-bottom:40px; 
			border:1px solid #313131;
			display:flex !important; 
			-ms-display:flex; 
			flex-flow:column nowrap;
			-webkit-flex-flow:column nowrap;
			-ms-flex-flow:column nowrap;
			justify-content:flex-start;
			-webkit-justify-content:flex-start;
			-ms-justify-content:flex-start;
			align-items:center;
			-webkit-align-items:center;
			-ms-align-items:center; 
			align-content:center; }

			.mmf_1, 
			.mmf_2, 
			.mmf_3, 
			.mmf_4, 
			.mmf_5,
			.mmf_6, 
			.mmf_7, 
			.mmf_8,
			.mmf_9,
			.mmf_10,
			.mmf_11,
			.mmf_12
			{ min-width:100%; width:100%; max-width:100%; margin:0 auto; 
			background-color:#CCE2DC; 
			padding-left:5px; padding-right:5px;
			padding-top:4px; padding-bottom:4px; }
			.mmf_12 { min-height:18px; height:18px; }

			.mms_1, 
			.mms_2, 
			.mms_3, 
			.mms_4,
			.mms_5, 
			.mms_6, 
	        .mms_cont_7, .mms_cont_8, .mms_cont_9,
			.mms_10,
			.mms_11
			{ min-width:100%; width:100%; max-width:100%; margin:0 auto;
			padding-left:5px; padding-right:5px;
			padding-top:4px; padding-bottom:4px; }

			.mms_cont_7, .mms_cont_8, .mms_cont_9 
			{ display:flex; 
			-ms-display:flex; 
			flex-flow:row nowrap !important;
			-webkit-flex-flow:row nowrap !important;
			-ms-flex-flow:row nowrap !important;
			justify-content:space-between !important;
			-webkit-justify-content:space-between !important;
			-ms-justify-content:space-between !important;
			align-items:center;
			-webkit-align-items:center;
			-ms-align-items:center; 
			align-content:center; }

			.mms_2, 
			.mms_3, 
			.mms_4,
			.mms_5,
	        .mms_6,
			.mms_10,
			.mms_11 { background-color:#F0F0EC; }
			.mms_11 { text-align:center; }

			.mms_1, 
			.mms_cont_7, .mms_cont_8, .mms_cont_9 
			{ background-color:#e5e5d7; }

			.mms_1 
			{ font-weight:bold; font-family:courier new; }

			.showMobAlerts, .showMobChart {
			min-width:20%; width:20%; max-width:20%;
			text-align:right;
			line-height:0; }


			/*** Data table ***/		

			.mms_10 { padding-top:20px; padding-bottom:20px; }

			.metricstable, .datatablefromDP { width:85%; min-width:85%; max-width:85%; 
			margin:0 auto; padding:0; } 

			.tablefirst { border:1px solid #000000; padding:3px; text-align:center; 
			width:25%; font-weight:bold; background-color:#CCCCCC; 
			font-family:courier new; }


			/*** Datepicker ***/

			.mms_11 { text-align:center; }

			.datepicker { width:100%; min-width:100%; max-width:100%;
			padding-top:13px; }

			.datepicker > input
			{ width:80%; min-width:80%; max-width:300px;
			display:block; margin:0 auto; 
			height:20px; max-height:23px; }

			.desde, .hasta { display:block; margin:0 auto; padding-right:0; padding-bottom:3px; }

			.hasta { padding-left:0px; margin-top:5px; }

			.exportarea { width:100%; min-width:100%; max-width:100%;
			padding-top:25px; padding-bottom:15px;
			margin:0 auto;
			text-align:center; }

			.dpbar { display:none; }
			.exportexcel { padding-bottom:15px; }
			.exportexcel,
			.exportpdf { margin:0 auto; white-space:nowrap; display:block; }


			/*** Charts ***/

			.graphics { padding:0 !important; } 

			#chart_pH { margin-bottom:0; }
			#chart_ORP { margin-bottom:0; } 
			#chart_temp { margin-bottom:0; }
			#chart_table { margin-bottom:0; }

			#pH_toolbar { margin-bottom:0; }
			#orp_toolbar { margin-bottom:0; }
			#temp_toolbar { margin-bottom:0; }


			/*** Tabla controladores ***/ 

			.listfirstrow, .listsecondrow { display:none; }

			.listrowmob 
			{ min-width:90%; width:90%; max-width:90%; 
			margin:0 auto; 
			margin-bottom:40px; 
			border:1px solid #313131;
			display:flex !important; 
			-ms-display:flex; 
			flex-flow:column nowrap;
			-webkit-flex-flow:column nowrap;
			-ms-flex-flow:column nowrap;
			justify-content:flex-start;
			-webkit-justify-content:flex-start;
			-ms-justify-content:flex-start;
			align-items:center;
			-webkit-align-items:center;
			-ms-align-items:center; 
			align-content:center; }

			.l_fr_1_m, 
			.l_fr_2_m, 
			.l_fr_3_m, 
			.l_fr_4_m, 
			.l_fr_5_m, 
			.l_fr_6_m, 
			.l_fr_7_m, 
			.l_fr_8_m,
			.l_fr_9_m
			{ min-width:100%; width:100%; max-width:100%; margin:0 auto; 
			background-color:#CCE2DC;
			padding-left:5px; padding-right:5px;
			padding-top:4px; padding-bottom:4px; }

			.l_fr_9_m { height:18px; }

			.l_sr_1_m, 
			.l_sr_2_m, 
			.l_sr_3_m, 
			.l_sr_4_m, 
			.l_sr_5_m, 
			.l_sr_6_m, 
			.l_sr_7_m,
			.l_sr_8_m
			{ min-width:100%; width:100%; max-width:100%; 
			margin:0 auto;
			padding-left:5px; padding-right:5px;
			padding-top:4px; padding-bottom:4px;  }

			.l_sr_2_m, 
			.l_sr_3_m, 
			.l_sr_4_m,
			.l_sr_5_m,
			.l_sr_6_m,
			.l_sr_7_m, 
			.l_sr_8_m
			{ background-color:#F0F0EC; }

			.l_sr_1_m 
			{ background-color:#e5e5d7; font-weight:bold; font-family:courier new; }

			.l_sr_6_m,
			.l_sr_7_m, 
			.l_sr_8_m { text-align:center; line-height:0; }


			/*** Tabla settings ***/ 

			.configfirstrow, .configsecondrow { display:none; }

			.configrowmob 
			{ min-width:90%; width:90%; max-width:90%; 
			margin:0 auto; 
			margin-bottom:40px; 
			border:1px solid #313131;
			display:flex !important; 
			-ms-display:flex; 
			flex-flow:column nowrap;
			-webkit-flex-flow:column nowrap;
			-ms-flex-flow:column nowrap;
			justify-content:flex-start;
			-webkit-justify-content:flex-start;
			-ms-justify-content:flex-start;
			align-items:center;
			-webkit-align-items:center;
			-ms-align-items:center; 
			align-content:center; }

			.c_fr_1_m, 
			.c_fr_2_m, 
			.c_fr_3_m, 
			.c_fr_4_m, 
			.c_fr_5_m, 
			.c_fr_6_m, 
			.c_fr_7_m, 
			.c_fr_8_m,
			.c_fr_9_m,
			.c_fr_10_m
			{ min-width:100%; width:100%; max-width:100%; 
			margin:0 auto; 
			background-color:#CCE2DC;
			padding-left:5px; padding-right:5px;
			padding-top:3px; padding-bottom:3px; }
			.c_fr_10_m { height:18px; }

			.c_sr_1_m, 
			.c_sr_2_m, 
			.c_sr_3_m, 
			.c_sr_4_m, 
			.c_sr_5_m, 
			.c_sr_6_m, 
			.c_sr_7_m,
			.c_sr_8_m,
			.c_sr_9_m,
			.c_sr_10_m
			{ min-width:100%; width:100%; max-width:100%; 
			margin:0 auto; 
			padding-left:5px; padding-right:5px;
			padding-top:4px; padding-bottom:4px;  }

			.c_sr_2_m, 
			.c_sr_3_m,
			.c_sr_4_m,
			.c_sr_5_m,
			.c_sr_6_m,
			.c_sr_7_m,
			.c_sr_8_m,
			.c_sr_9_m { background-color:#F0F0EC; }

			.c_sr_1_m,	
			.c_sr_6_m,
			.c_sr_7_m,
			.c_sr_8_m,
			.c_sr_9_m
			{ font-weight:550; font-family:courier new; }	
			.c_sr_9_m { text-align:center; line-height:0; }

			.c_sr_1_m { background-color:#e5e5d7; }


			/*** Controlador ***/ 

			.controller 
			{ margin-bottom:40px; 
			padding-left:10px; padding-right:10px; }

			#newcontroller { margin:0 auto; }  

			.controller div { min-width:100%; width:100%; max-width:100%; }
			.controller input,
			.controller select { min-width:100%; width:100%; max-width:100%; height:23px; }
			.controller hr { min-width:100%; width:100%; max-width:100%; }

			.secondlead { margin-bottom:8px; }


			/*** Reports ***/ 

			#reportDP { min-width:90%; width:90%; max-width:90%;
			margin: 0 auto; }

			#tablefromDP { min-width:95%; width:95%; max-width:95%; }

			.tablefromDPcolumn { min-width:0; width:0; max-width:0; }

			#firstcolumn { min-width:40%; width:40%; max-width:40%; }
			#secondcolumn,
			#thirdcolumn,
			#fourthcolumn { min-width:20%; width:20%; max-width:20%; }

			.tablefromDPmetric, 
			#datecell, #phcell, #orpcell, #tempcell { font-size:0.9em; }


			/*** Tabla alerts ***/ 

			.alertslistfirstrow { display: none; }
			.alertstablemob { display:flex !important; }
			.alertslistsecondrowloop  { display: none; }
			.alertslistsecondrowloop div  { display: none; }

			.alertstablemob 
			{ min-width:90%; width:90%; max-width:90%; 
			margin:0 auto; 
			margin-bottom:40px; 
			border:1px solid #313131;
			display:flex !important; 
			-ms-display:flex; 
			flex-flow:column nowrap;
			-webkit-flex-flow:column nowrap;
			-ms-flex-flow:column nowrap;
			justify-content:flex-start;
			-webkit-justify-content:flex-start;
			-ms-justify-content:flex-start;
			align-items:center;
			-webkit-align-items:center;
			-ms-align-items:center; 
			align-content:center; }

			.da_fr_1_m, 
			.da_fr_2_m, 
			.da_fr_3_m, 
			.da_fr_4_m, 
			.da_fr_5_m, 
			.da_fr_6_m, 
			.da_fr_7_m, 
			.da_fr_8_m,
			.da_fr_9_m,
			.da_fr_10_m,
			.da_fr_11_m,
			.da_fr_12_m,
			.da_fr_13_m,
			.da_fr_14_m
			{ min-width:100%; width:100%; max-width:100%; 
			margin:0 auto; 
			background-color:#CCE2DC;
			padding-left:5px; padding-right:5px;
			padding-top:3px; padding-bottom:3px; }

			.da_sr_1_m, 
			.da_sr_2_m, 
			.da_sr_3_m, 
			.da_sr_4_m, 
			.da_sr_5_m, 
			.da_sr_6_m, 
			.da_sr_7_m, 
			.da_sr_8_m,
			.da_sr_9_m,
			.da_sr_10_m,
			.da_sr_11_m,
			.da_sr_12_m,
			.da_sr_13_m,
			.da_sr_14_m
			{ min-width:100%; width:100%; max-width:100%; 
			margin:0 auto; 
			padding-left:5px; padding-right:5px;
			padding-top:4px; padding-bottom:4px; 
			background-color:#F0F0EC; }

			.da_sr_1_m { background-color:#e5e5d7 !important; }
			.da_sr_1_m { font-weight:bold; }

			.da_sr_14_m { background-color:#e5e5d7 !important; }

			.da_sr_15_m { min-width:100%; width:100%; max-width:100%; margin:0 auto; 
			background-color:#CCE2DC !important;
			padding-left:5px; padding-right:5px;
			padding-top:4px; padding-bottom:4px; height:18px; }


}