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








/*


CONSOLE-BLOCKS 


						*/
						
	 /*	SHOW 		JQUERY		BLOCKS */
	 .bl-annote{ padding:1em; background-color:#e6e6e6; font-style:italic; display:block; clear:both	}
	 .bl-annote:before{	content:"\f10d"; font-family: FontAwesome; 	margin-right:.5em; color:#999; position: relative; top: -0.2em;	}
	 .bl-annote:after{	content:"\f10e"; font-family: FontAwesome; margin-left:.5em ; color:#999; position: relative; top: -0.2em;	}
	 .bl-main-block{padding:1em; border:1px solid #999; width:65%; float:left; display:block  }
	 .bl-hash{	padding:1em; border:1px solid #999; background-color:#D6D6D6; }
	 .bl-hash:before { content: 'Hash'; padding:1em; background-color: yellow; color: red; font-weight: bold; margin-right:3em;	}
	.bl-time{ float:left; padding:.9em; width:30%	}
	.bl-time:before{  content:"\f017"; font-family: FontAwesome; font-size:2em; margin-right:1em; color:#888; position: relative;  	}
	.bl-body{ display:table; clear:both; width:100%	}
						
/*


CONSOLE-ADD-BLOCKS PAGE


						*/


/*					SHOW BLOCKS STYLE			*/
	 hr{	margin:1em	}
	 .id-header{	vertical-align:middle;	font-size:1.5em ; padding:1em	}
	 .id-number{		vertical-align:middle	;	font-size:2em ; 	}
	 .id-date{	vertical-align:middle	; 	}
	.green{	color:green	}
	.orange{ color:#F60	}
	.red{ color:#F00	}

/*

CONSOLE PAGE

						*/






		#openAddDiv-button{	margin-bottom:2em; min-width:50%		}

	.btn-invite {		/*	the original is in css-orange.css*/
		background-color:#090 !important;
		border:0 ;
		color:#fff;
	}
	.btn-invite:hover, .btn-invite:active, .btn-invite:focus {
		border:rgba(255,255,255,0) 2px solid;
		background-color:#060 !important;
		color:#fff ; 
	}


	.btn-cancel {		/*	the original is in css-orange.css			line 140			*/
		background-color:#666 !important;
		color:#fff;
		border:0 ; 
	}
	.btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus {
		border:rgba(255,255,255,0) 2px solid;
		background-color:#444 !important;
		color:#fff ; 
	}

	input[type=submit].btn-confirm {		/*	the original is in css-orange.css			line 140			*/
		background-color:#F00; !important;
		color:#fff;
		border:0 ; 
	}
	input[type=submit].btn-confirm:hover, input[type=submit].btn-confirm:active, input[type=submit].btn-confirm:focus {
		border:rgba(255,255,255,0) 2px solid;
		background-color:#C00; !important;
		color:#fff ; 
	}
.logo-logged-in{ }
.welcome{	float:left ; text-transform:capitalize ; color:#F60	}
.welcome-name{	float:left ; text-transform:capitalize ; color:#F60	}
.blockFormSubmitButton-table{	width:100%; margin:2em 0 2em 0	}
#add-block-table{	width:100%; }
#addBlockForm{	display:none	}
.generate-block-menu,.generate-block-menu-vertical {	padding:0; margin:0 2em 0 0; list-style-type:none;		}
.generate-block-menu li{	padding:0; margin:0;  display:inline-block; float:left; 	}
.generate-block-menu-vertical li{	padding:0; margin:0;  	}
.generate-block-menu image,.generate-block-menu-vertical image{	padding:1px; margin:1px; width:90%; border:1px solid #ccc	}
.generate-block-menu .fa,.generate-block-menu-vertical .fa{	text-align:center; width:2em; height:2em; 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,.generate-block-menu-vertical .fa a:link
,.generate-block-menu-vertical .fa a:hover,.generate-block-menu-vertical .fa a:visited,.generate-block-menu-vertical .fa a:active{	text-decoration:none  	}

.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	}
.node-field{	width:100%;  line-height:1em	} 

@media (min-width: 0px) {	
#welcome{	font-size:4vw   	}
}
@media (min-width: 1100px) {	
#welcome{	font-size:2vw   	}
}
@media (min-width: 1300px) {	
#welcome{	font-size:2vw   	}
}
@media (min-width: 1500px) {	
#welcome{	font-size:1.5vw   	}
}
@media (min-width: 1700px) {	
#welcome{	font-size:1vw   	}
}



@media (min-width: 0px) and ( max-width: 590px) {	
.node-field,.block-record{	 height:12em;  	} 
.generate-block-menu .fa,.generate-block-menu-vertical .fa{	font-size:5vw  	}
.welcome{	font-size:4vw	}

}
@media (min-width: 591px) and ( max-width: 767px) {	
.node-field,.block-record{	 height:12em;  	} 
.generate-block-menu .fa,.generate-block-menu-vertical .fa{	font-size:4vw  	}
.welcome{	font-size:4vw	}

}
@media (min-width: 768px) and ( max-width: 900px) { 
.node-field,.block-record{	  height:9em	}  
.generate-block-menu .fa,.generate-block-menu-vertical .fa{	font-size:3vw 	}
.welcome{	font-size:3vw	}

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

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

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

}