@charset "UTF-8";

*, *:before, *:after {  
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box; 
box-sizing:border-box;
margin:0; padding:0; }

img { border:none; }

body  { 
min-width:100%; width:100%; max-width:1600px; 
margin: 0 auto;
position:relative;  
color:#313131;   
background-color:#fcfcf9;
-webkit-text-size-adjust:none; 
font-weight:normal; font-style:normal; font-variant:normal;
font-family:serif;
display:flex; 
		-ms-display:flex; 
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
		justify-content:flex-end;
		-webkit-justify-content:flex-end;
		-ms-justify-content:flex-end;
		align-items:flex-start;
		-webkit-align-items:flex-start;
		-ms-align-items:flex-start; 
		align-content:center;
		background-size:cover;
				-webkit-background-size:cover;
				-moz-background-size:cover;
				-o-background-size:cover;
				-khtml-background-size:cover;
				background-attachment:fixed;
				-webkit-background-attachment:fixed;
				background-repeat:no-repeat;
				background-position:center center; } 
	
#jsrequired { font-family:courier new; 
min-width:100%; width:100%; max-width:100%; text-align:left; margin:0 auto; 
padding:10px; }

.fa-user
{ color:rgba(255,255,255,1.00); cursor:pointer; font-weight:bold; }
		.fa-user:hover  { filter:drop-shadow(1px 1px 2px #FFFFFF); }

.fa-backward { color:rgba(255,255,255,1); 
	               font-size:1.4em;
	               cursor:pointer; }


.fa-user-times { color:rgba(158,221,230,1.00);
	             cursor:pointer; font-weight:bold; }
		         .fa-user-times:hover { filter:drop-shadow(1px 1px 2px #ffb732); }

.fa-times,
.fa-trash-alt { color:rgba(237,11,15,1.00); cursor:pointer; font-weight:bold; }

.fa-file-alt,
.fa-pencil-alt,
.fa-bell,
.fa-chart-bar
{ /* color:rgba(54,126,222,1.00); */ 
	color:rgba(116,116,126,1.00); 
	cursor:pointer; font-weight:550; }

.fa-power-off { color:rgba(49,49,49,1.00); }

.fa-power-off,
.fa-file-pdf,
.fa-file-excel { cursor:pointer; font-weight:bold; }

.fa-file-excel { /* color:#217346; */ }

.fa-file-pdf { /* color:#c20013; */ }

.fa-pause,
.fa-play { color:rgba(49,49,49,1.00); cursor:pointer; }

 input { font-family:serif; }

 .leftimg { display:none; }


/*** Index ***/

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

.locinfo { min-width:90%; width:90%; max-width:90%; 
		margin:0 auto; 
		position:fixed; bottom:10px; left:0; right:0;
		text-align:center; font-size:0.85em;
		color:#e9eef5; }

		.locinfo a {  color:#e9eef5; text-decoration:none; }
		.locinfo a:hover {  color:#e9eef5; text-decoration:none; }

#homearrow { min-width:90%; width:90%; max-width:90%; 
				margin:0 auto; }	
				#homearrow a { color:rgba(255,255,255,1);
							   text-decoration:none; }


/*** Navbar ***/ 

#navbar { min-width:100%; width:100%; max-width:100%; 
margin:0 auto;
height:32px; min-height:32px; max-height:32px;
position:fixed;
top:0;
padding-left:5%; padding-right:5%; padding-top:2px;
background-color:rgba(0, 0, 229, 0.8); 	
border-bottom:1px solid #FFFFFF;
z-index:2; 
		display:flex; 
		-webkit-display:flex; 
		-ms-display:flex; 
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
		justify-content:space-between;
		-webkit-justify-content:space-between;
		-ms-justify-content:space-between;
		align-items:center;
		-webkit-align-items:center;
		-ms-align-items:center;
		align-content:center; }	


#name {  /* max-width:70%; */ 
display:flex; 
		-webkit-display:flex; 
		-ms-display:flex; 
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-ms-flex-flow:row 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; }
		
			#twinpool { 
			
			letter-spacing:0.05em; 
			text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
			font-weight:bold;
			font-size:1.04em;
			text-decoration:none;
			font-family:helvetica, sans-serif;
			}
			#twinpool::first-letter { margin-left:-0.12em; }

			#twinpool a { color:rgba(255,255,255,1.00);  text-decoration:none; }
			#twinpool a:hover { color:rgba(255,255,255,1.00); 
				text-decoration:none; } 
				
							
			#logo {  margin-left:8px; margin-right:8px;
					 max-height:23px; width:auto; max-width:auto; }
					/* 
					Se añade un píxel más de margin-right para 
					compensar el letter-space de Blaudat, que añade un
					pequeño espacio en blanco al final de la palabra */
					
			#lead  { color:rgba(255,255,255,1.00);
					white-space:nowrap;
				    font-style:italic;
				    font-size:1.05em;
					letter-spacing:0.1em; }


#sessionarea {  /* max-width:30%; */ 
display:flex; 
		-webkit-display:flex; 
		-ms-display:flex; 
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
		justify-content:flex-end;
		-webkit-justify-content:flex-end;
		-ms-justify-content:flex-end;
		align-items:center;
		-webkit-align-items:center;
		-ms-align-items:center;
		align-content:center; }


#nologuser { display:none; }
#winlogtimes { display:none; }
#userlogtimes { display:none; }
		

/*** Topmenu ***/ 

#topmenu { display: none;
min-width:100%; width:100%; max-width:100%;  	
min-height:100%; height:100%; max-height:100%;
margin:0 auto; 
text-align:center;
position:fixed;
top:32px; left:0; right:0; bottom:0;
padding-top:40px;   
background-color:rgba(0, 0, 0, 0.7); 
color:#FFFFFF;
z-index:2; }

#loginform { width:90%; min-width:90%; max-width:90%;
padding-top:100px;
margin:0 auto;
display:flex; 
-ms-display:flex; 
-webkit-flex:flex;
flex-flow:column nowrap;
-webkit-flex-flow:column nowrap;
-ms-flex-flow:column nowrap;
justify-content:center;
-webkit-justify-content:center;
-ms-justify-content:center;
align-items:center;
-webkit-align-items:center;
-ms-align-items:center;
align-content:center; }
			
	#userbox, #passbox, #sendbox 
	{ width:100%; max-width:300px; margin:0 auto; 
	margin-bottom:5px;
	background-color:rgba(0,0,0,1);
	display:flex; 
		-ms-display:flex; 
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
		justify-content:space-between;
		-webkit-justify-content:space-between;
		-ms-justify-content:space-between;
		align-items:center;
		-webkit-align-items:center;
		-ms-align-items:center; }

		    #usertext, #passtext 
			{ width:27%; max-width:27%;
			  height:36px; max-height:36px;
			  background-color:rgba(116,116,126,1.00);
			  color:#FFFFFF;
			  padding-left:6px; padding-right:6px;
			  font-size:0.85em;
			  text-align:center; 
			  display:flex; 
				-ms-display:flex; 
				flex-flow:column nowrap;
				-webkit-flex-flow:column nowrap;
				-ms-flex-flow:column nowrap;
				justify-content:center;
				-webkit-justify-content:center;
				-ms-justify-content:center;
				align-items:flex-start;
				-webkit-align-items:flex-start;
				-ms-align-items:flex-start; }
                
                #user, #password { width:73%; max-width:73%;
			    height:36px; max-height:36px;	
			    background-color:rgba(232,232,232,1.00); 
			    color:rgba(54,126,222,1.00);
			    padding-left:6px; padding-right:6px;
			    font-size:0.85em; 
			    border:none; outline:none; }

	#cookiebox 
	{ width:100%; max-width:300px; margin:0 auto; 
	margin-bottom:15px;	
	display:flex; 
	-ms-display:flex; 
	flex-flow:row nowrap;
	-webkit-flex-flow:row nowrap;
	-ms-flex-flow:row 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; }

		  #logcookie  { margin-right:5px; }

		  #cookietext { font-size:0.85em; white-space:nowrap; } 

		  #loginbut    
		  { min-width:100%; width:100%; max-width:100%;
		  height:36px; max-height:36px;
		  background-color:rgba(98,154,229,1.00);
		  color:rgba(255,255,255,1.00); 
		  font-weight:bold;	  
		  padding-left:4px; padding-right:4px;
		  font-size:0.85em;
		  border:none;
		  cursor:pointer;      
		  outline:none; }
		  #loginbut:hover { background-color:rgba(54,126,222,1.00); }
			  	
#forget { width:70%; max-width:400px; margin:0 auto;
text-align:center; 
margin-top:40px;
color:#FFFFFF; 
font-size:0.85em; 
cursor:pointer; }
	#forget:hover { text-decoration:underline; } 


/*** Left ***/ 

#left { width:20%; max-width:20%; 
top:32px; bottom:0; left:0;
position:fixed; 	
padding-top:54px;
background-color:#8bd1dc;
text-align:right; } 

#leftmenu 
	{ min-width:100%; width:100%; max-width:100%;
	  padding-right:10px; }

		    #leftmenu div { margin-bottom:15px; }
			#leftmenu div a { text-decoration:none; color:#313131; }
			#leftmenu div a:hover { text-decoration:underline; 
								    color:#313131;
									font-weight: bold; }

			#zonaadmin { min-width:100%; width:100%; max-width:100%; 
						 margin:0 auto;
						 padding-top:30px; }
			

.leftlead { font-weight:bold; margin-bottom:25px !important; }
.leftlead span { border-bottom:2px solid rgba(0, 0, 229, 1); 
	             padding-bottom:1px; }

.leftimg { min-width:100%; width:100%; max-width:100%; 
						 margin:0 auto;
						 margin-top:40px;
						 padding-right:5px;
						 padding-left:5px; }

		  .leftimg img { max-width:100%; height:auto; line-height:0; } 

.leftencrypted { min-width:100%; width:100%; max-width:100%; 
						 margin:0 auto;
						 text-align:right;
				position:absolute; 	
				bottom:10px; right:10px;}		  

	 .leftencrypted img { max-height:50px; width:auto; line-height:0; } 

/*** Right ***/				

	#right { 
		width:80%; max-width:80%; 
		margin-top:32px;
		padding-top:54px; 
		padding-bottom:200px; 
		background-color:transparent; }	

	#entrada  { min-width:90%; width:90%; max-width:90%; margin:0 auto;
	text-align:left; margin-bottom:20px; font-weight:bold; }

	#entrada a { text-decoration:underline; color:#313131; }
	#entrada a:active { text-decoration:underline; color:#313131; }
	#entrada a:hover { text-decoration:underline; color:#313131; }
	#entrada a:visited { text-decoration:underline; color:#313131; }

	#entradatext { font-weight:normal !important; }
		

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

.listrowmob { display:none; }
.metricsmob { display:none; }
.configrowmob { display:none; }

.metricsfirstrow
{ min-width:90%; width:90%; max-width:90%;
height:60px; 
margin:0 auto; 
	display:flex; 
				-webkit-display:flex; 
				-ms-display:flex; 
				flex-flow:row nowrap;
				-webkit-flex-flow:row nowrap;
				-ms-flex-flow:row 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;
border:2px solid #000000;  
background-color:#8bd1dc; 
color:#313131; 
margin-bottom:20px; }

.metricsfirstrow div
{ display:flex; 
				-webkit-display:flex; 
				-ms-display:flex; 
				flex-flow:column nowrap;
				-webkit-flex-flow:rcolumn nowrap;
				-ms-flex-flow:column nowrap;
				justify-content:center;
				-webkit-justify-content:center;
				-ms-justify-content:center;
				align-items:center;
				-webkit-align-items:center;
				-ms-align-items:center;
				align-content:center;
text-align: center;
padding:5px; 
height:100%;
border-right:2px dotted #000000; 
font-size:0.9em; }

.metricssecondrow
{ min-width:90%; width:90%; max-width:90%;
	margin:0 auto;  }

.metricssecondrowloop
{ min-width:100%; width:100%; max-width:100%; 
margin:0 auto; 
display:flex; 
				-webkit-display:flex; 
				-ms-display:flex; 
				flex-flow:row nowrap;
				-webkit-flex-flow:row nowrap;
				-ms-flex-flow:row 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;
border:1px solid #000000; 
background-color:#F1F1EC;
margin-bottom:20px; }		
 	
.metricssecondrowloop div
   		{ display:inline; 
		text-align:center;
		word-break:break-all;
		padding:5px;
		border-right:1px dotted #000000; }	

.m_fr_1 { width:11.6%; }
.m_sr_1 { width:11.6%; font-weight:bold; }

.m_fr_2 { width:11.6%; }
.m_sr_2 { width:11.6%; }

.m_fr_3 { width:11.6%; }
.m_sr_3 { width:11.6%; }

.m_fr_4 { width:11.6%; } 
.m_sr_4 { width:11.6%; } 

.m_fr_5 { width:11.6%; }
.m_sr_5 { width:11.6%; max-height:60px; overflow:hidden; } 

.m_fr_6 { width:9%; }
.m_sr_6 { width:9%; font-weight:bold; }

.m_fr_7 { width:9%; }
.m_sr_7 { width:9%; font-weight:bold; }

.m_fr_8 { width:9%; }
.m_sr_8 { width:9%; font-weight:bold; }

.m_fr_9 { width:7%; }
.m_sr_9 { width:7%; }

.m_fr_10 { width:8%; border-right:none !important; }
.m_sr_10 { width:8%; border-right:none !important; }

.m_sr_1,
.m_sr_2,
.m_sr_3,
.m_sr_4, 
.m_sr_5,
.m_sr_10 { font-size:0.9em; }


/*** Datatable ***/

#metricstablelead 
{ min-width:90%; width:90%; max-width:90%; 
	margin:0 auto; text-align:left; 
	margin-bottom:10px; margin-top:40px; 
	font-weight:bold; }

.metricstable, .datatablefromDP { padding:20px; margin:0 auto; width:60%; }

	.metricstable td, 
	.datatablefromDP td { border:1px solid #313131;
				   		padding:3px; 
				   		text-align:center; 
				   		width:25%; 
				   		font-weight:bold; }

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


/* Charts */

.graphics { min-width:90%; width:90%; max-width:90%;  
margin:0 auto; text-align:center; 
padding-top:20px; } 
		 
#chart_pH { margin-bottom:30px; }
#chart_ORP { margin-bottom:30px; } 
#chart_temp { margin-bottom:30px; }
#chart_table { margin-bottom:30px; }

#pH_toolbar { padding:0; margin-bottom:50px; }
#orp_toolbar { padding:0; margin-bottom:50px; }
#temp_toolbar { padding:0; margin-bottom:50px; }
#table_toolbar { padding:0; }


/*** Datepicker ***/ 

#reportrow 
{ min-width:90%; width:90%; max-width:90%; 
		margin:0 auto; 
		margin-top:40px; 
		text-align:left;
		padding:10px;
		background-color:#F1F1EC; } 

.datepicker { min-width:80%; width:80%; max-width:80%; 
			  padding-top:20px; margin:0 auto; }

.datepicker > input { display:inline; text-align:center; 
	                  height:20px; max-height:20px; 
	                  width:25%; max-width:300px; 
					  vertical-align:middle; }
										
.desde, 
.hasta { display:inline; vertical-align:middle; padding-right:3px; }	

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

.fromdate, todate { height:23px; }

.exportarea { padding-top:20px; padding-bottom:10px; }

.exportexcel { margin-right:10px; color:rgba(163,163,163,1.00); }

.exportpdf { color:rgba(163,163,163,1.00); }


/* Controlador */

.controller { 
min-width:90%; width:90%; max-width:90%;  
margin:0 auto; 
text-align:left;
border:1px solid #000000;	
background-color:#e5e5dc;
padding-top:25px; padding-bottom:25px; 
padding-left:20px; padding-right:20px; } 

.controller div { width:34%; max-width:60%; }

	.controller input,
	.controller select
	{ width:34%; max-width:60%; 
				border:0; 
				font-size:0.9em; color:#313131;
				padding:2px; margin-bottom:12px;
				margin-top:4px;
				outline:0; }

	.controller input[type="submit"] { 
	width:34%; max-width:60%; 
	display:block;
	border:0;
	outline:0; 
	font-size:0.8em; 
	font-weight:bold; 
	padding-top:4px; padding-bottom:4px; 
	margin-top:10px; margin-bottom:20px;
	cursor:pointer; 
	background-color:#367EDE; color:#FFFFFF;
	text-align:center; }

	.controller input[type="submit"]:hover { background-color:#1c59aa; color:#FFFFFF; }
				
	.controller input[type="radio"]
				{ width:12px !important; max-width:12px !important;
				padding:0; margin-right:6px;
				display:inline-block!important; }
							
	.controller input::-webkit-input-placeholder { font-family:courier new; font-size:0.8em;
											color:#cccccc; }
	.controller input:-moz-placeholder { font-family:courier new; font-size:0.8em;
											color:#cccccc; }
	.controller input:-ms-input-placeholder { font-family:courier new; font-size:0.8em;
											color:#cccccc; }										
	.controller input[type="number"]::-webkit-inner-spin-button, 
	.controller input[type="number"]::-webkit-outer-spin-button { 
	  -webkit-appearance: none; 
	  margin: 0; }
	.controller input[type="number"] { -moz-appearance:textfield; }	

	.userline { padding:3px;  }

	.controller label { font-size:0.9em; 
						overflow:visible; 
						text-align:left; 
						white-space:nowrap;
						display: block;
						padding-left:15px;
						text-indent:-15px; }
				
	.controller input[type="checkbox"]
		{ width:14px; height:14px; 
		  cursor:pointer; 
		  padding:0;
		  margin:0;
		  vertical-align:bottom;
		  position:relative;
		  top:-1px;
		  *overflow:hidden; }

.line { width:34%; max-width:60%; margin-bottom:20px; margin-top:20px; 
		padding:0; }	
		
.lead { font-weight:bold; text-decoration:underline; 
		margin-bottom:20px; }

.metriclead { margin-top:20px; margin-bottom:10px; font-weight:bold; }


/*** Card ***/

#cardframe { min-width:70%; width:70%; max-width:70%;  
margin:0 auto; 
text-align:center;
padding-top:75px; padding-bottom:200px;
				display:flex; 
				-webkit-display:flex; 
				-ms-display:flex; 
				flex-flow:row wrap;
				-webkit-flex-flow:row wrap;
				-ms-flex-flow:row wrap;
				justify-content:center;
				-webkit-justify-content:center;
				-ms-justify-content:center;
				align-items:center;
				-webkit-align-items:center;
				-ms-align-items:center;
				align-content:center; }

.cardfront, 
.cardback { min-width:335px; width:335px; height:197px; 
		margin-right:30px;
	    margin-bottom:30px;
        border:1px solid #777777;
		font-size:0.9em; 
        /* 		background-size:cover;
				-webkit-background-size:cover;
				-moz-background-size:cover;
				-o-background-size:cover;
				-khtml-background-size:cover;
	   */
	   background-position:center center;	
       position:relative; }
	   
.cardfront > ul { list-style:none; }

.cardname { position:absolute; top:20px; left:20px; }
		.cardname > span { display:block; text-align:left; }
		
.cardblaudat { letter-spacing:0.17em; 
					   font-size:1.4em !important; font-weight:bold; }	
					   
.cardblaudatweb { font-size:1.1em; }

.cardloc { position:absolute; bottom:20px; right:20px; 
	              font-size:1.1em;
				  text-align:left; }		  
		 .cardloc > span { display:block; padding-top:1px; }
		 
.cardholder { font-weight: bold; }
									

.cardlead { position:absolute; top:33px; right:20px;
			text-align:right; font-size:1.05em; color:#454545; }



	/*** Reports ***/ 
 
	#reportDP { min-width:90%; width:90%; max-width:90%;
				margin: 0 auto; }	   
		
	#DPname { font-weight:bold; font-size:1.1em; margin-bottom:10px; letter-spacing:0.1em; }
	#DPdate { margin-bottom:10px; }
	#DPname a { color:#313131; text-decoration:none; }
	#DPname a:hover { color:#313131; text-decoration:none; }
	
	#tablefromDP { min-width:65%; width:65%; max-width:65%;
		margin:0 auto;
		display:flex; 
		-ms-display:flex; 
		flex-flow:row nowrap;
		-webkit-flex-flow:row nowrap;
		-ms-flex-flow:row nowrap;
		justify-content:space-between;
		-webkit-justify-content:space-between;
		-ms-justify-content:space-between;
		align-items:flex-start;
		-webkit-align-items:flex-start;
		-ms-align-items:flex-start; 
		align-content:center;
		margin-top:30px; }
		
	.tablefromDPcolumn{ 
		min-width:25%; width:25%; max-width:25%;
		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; }
		
		#datecell, #phcell, #orpcell, #tempcell 				
		{ border:1px solid #313131 !important; 
			background-color:#CCCCCC;
			font-weight:bold; }
		
		.tablefromDPmetric, 
		#datecell, #phcell, #orpcell, #tempcell 
				{ min-width:97%; width:97%; max-width:97%;
				border:1px solid #CCCCCC;
			    padding:2px; 
				margin-bottom:3px;
				text-align:center; }
			
			
/*** Cuadro resumen alertas ***/

.alertstablemob { display:none; }

.alertslistfirstrow { min-width:90%; width:90%; max-width:90%;
height:60px; 
margin:0 auto; 
		display:flex; 
				-webkit-display:flex; 
				-ms-display:flex; 
				flex-flow:row nowrap;
				-webkit-flex-flow:row nowrap;
				-ms-flex-flow:row nowrap;
				justify-content:space-between;
				-webkit-justify-content:space-between;
				-ms-justify-content:space-between;
				align-items:center;
				-webkit-align-items:center;
				-ms-align-items:center;
				align-content:center; 
border:2px solid #000000;  
background-color:#8bd1dc; color:#313131; 
margin-bottom:20px; }

.alertslistfirstrow div  
{ padding:5px; 
text-align:center;
height:100%; max-height:100%;
             display:flex; 
				-webkit-display:flex; 
				-ms-display:flex; 
				flex-flow:row nowrap;
				-webkit-flex-flow:row nowrap;
				-ms-flex-flow:row nowrap;
				justify-content:center;
				-webkit-justify-content:center;
				-ms-justify-content:center;
				align-items:center;
				-webkit-align-items:center;
				-ms-align-items:center;
				align-content:center; 
border-right:2px dotted #000000; 
font-size:0.9em; }


.alertslistsecondrow
{ min-width:90%; width:90%; max-width:90%; 
margin:0 auto; }

.alertslistsecondrowloop
{ min-width:100%; width:100%; max-width:100%; margin:0 auto; 
height:80px;
display:flex; 
				-webkit-display:flex; 
				-ms-display:flex; 
				flex-flow:row nowrap;
				-webkit-flex-flow:row nowrap;
				-ms-flex-flow:row nowrap;
				justify-content:space-between;
				-webkit-justify-content:space-between;
				-ms-justify-content:space-between;
				align-items:center;
				-webkit-align-items:center;
				-ms-align-items:center;
				align-content:center; 
border:1px solid #000000; 
background-color:#F1F1EC;
word-break:break-all;
margin-bottom:20px;}	
 		
.alertslistsecondrowloop div
   		{ display:flex; 
				-webkit-display:flex; 
				-ms-display:flex; 
				flex-flow:row nowrap;
				-webkit-flex-flow:row nowrap;
				-ms-flex-flow:row nowrap;
				justify-content:center;
				-webkit-justify-content:center;
				-ms-justify-content:center;
				align-items:center;
				-webkit-align-items:center;
				-ms-align-items:center;
				align-content:center; 
		text-align:center;
		word-break:break-all;
		padding:5px;
		font-size:0.9em;
		border-right:1px dotted #000000; }


.da_fr_1 { width:13%; }
.da_sr_1 { width:13%; font-weight: bold; font-size:0.85em !important; }

.da_fr_2 { width:10%; }
.da_sr_2 { width:10%; }

.da_fr_3 { width:9%; }
.da_sr_3 { width:9%; }

.da_fr_4 { width:5%; }
.da_sr_4 { width:5%; font-weight: bold; }

.da_fr_5 { width:6%; }
.da_sr_5 { width:6%; font-weight: bold; }

.da_fr_6 { width:5%; }
.da_sr_6 { width:5%; font-weight: bold; }

.da_fr_7 { width:5%; }
.da_sr_7 { width:5%; font-weight: bold; }

.da_fr_8 { width:5%; }
.da_sr_8 { width:5%; font-weight: bold; }

.da_fr_9 { width:5%; }
.da_sr_9 { width:5%; font-weight: bold; }

.da_fr_10 { width:6%; }
.da_sr_10 { width:6%; font-weight: bold; }

.da_fr_11 { width:6%; }
.da_sr_11 { width:6%; font-weight: bold; }

.da_fr_12 { width:6%; }
.da_sr_12 { width:6%; font-weight: bold; }

.da_fr_14 { width:19%; border-right: none !important; }
.da_sr_14 { width:19%; text-align:left !important; border-right:none !important; }