@charset "utf-8";
/* CSS Document */


.generate-block-menu{	padding:0; margin:0; list-style-type:none;		}
.generate-block-menu li{	padding:0; margin:0;  display:inline-block; float:left; width:25%	}
.generate-block-menu image{	padding:1px; margin:1px; width:90%; border:1px solid #ccc	}
.block-button{ background-color:#060; color:#fff; padding:.3em 1em .3em 1em; margin:1em 0 1em 0	}
.block-record{		width:100%; line-height:1em; margin-bottom:1em; 	}
.alarmed{	color:#C00;	background-image: linear-gradient(-45deg, yellow, white); border:1px solid #C00	}
.suspect{	color:#C00;	background-color: #FC0; border:1px solid #C00	}
.hashes{ overflow:hidden; line-height:1.2em	}
.hash-label{ font-size:.8em; line-height:1em; color:#F60	}
.generate-block-menu li{	width:25% ; display:inline-block 	}
.generate-block-menu .fa{background-color:#399; 	color:#fff;  padding:.5em; margin:0;  display:block; border-radius:50% 	}
.generate-block-menu .fa a:link,.generate-block-menu .fa a:hover,.generate-block-menu .fa a:visited,.generate-block-menu .fa a:active{	text-decoration:none  	}
.node-field{	width:100%;  line-height:1em	} 

@media (min-width: 0px) and ( max-width: 767px) {	/*	2 columns	*/
.node-field,.block-record{	 height:12em;  	} 
.generate-block-menu .fa{	font-size:3vw  	}

}
@media (min-width: 768px) and ( max-width: 900px) { /*	4 columns	*/
.node-field,.block-record{	  height:9em	}  
.generate-block-menu .fa{	font-size:2vw 	}

}
@media (min-width: 901px)and ( max-width: 1400px){
.node-field,.block-record{	 height:6em	 	} 
.generate-block-menu .fa{	font-size:2vw 	}
 
}

@media (min-width: 1401px){
.node-field,.block-record{	 height:6em	 	} 
.generate-block-menu .fa{	font-size:2em	}
 
}