/* -- BG Colors are for Backgrounds = ql-backgrounds -- */ 

	.ql-bg-black { background-color:rgba(0, 0, 0, 0.66); }
	.ql-bg-white { background-color:rgba(255, 255, 255, 0.66); }
	.ql-bg-antiquewhite { background-color:rgba(250, 235, 215, 0.66); }
	.ql-bg-red { background-color:rgba(255, 0, 0, 0.66); }
	.ql-bg-orange { background-color:rgba(255, 165, 0, 0.66); }
	.ql-bg-yellow { background-color:rgba(255, 255, 0, 0.66); color:#343434; }
	.ql-bg-green { background-color:rgba(0, 128, 0, 0.66); }
	.ql-bg-blue { background-color:rgba(0, 0, 255, 0.66); }
	.ql-bg-purple { background-color:rgba(128, 0, 128, 0.66); }
	.ql-bg-brown { background-color:rgba(139, 69, 19, 0.66); }


/* -- DEFUALTS -- are the base code == element -- */

	legend { border:0px solid #cccccc;
			margin:0; padding:0; }
	fieldset { border:0px solid #cccccc;
			margin:0; padding:0; }
	img { width:auto; max-width:100%;
			margin:0; padding:0;  }

	.show-text { 
			display:block; }
	.hide-text { 
			display:none; }


  
 
/* -- QUICKLINKS Build5 -- are the glyph links == ql-quicklinks -- */ 

	.ql-quicklinks-wrap { min-width:200px;
			margin:20px; padding:0; }
	.ql-quicklinks-fldset { 
			min-height: 88px;
			border:1px solid gray; border-radius:4px; 
			margin:0; padding:0; }
	.ql-quicklinks-lgnd {  
			position:relative; left:0px; top:-16px;
			border:1px solid gray; border-radius:4px; font-size:20px; color:#343434; line-height:inherit;
			width:200px; margin:0; padding:0; padding-left:10px;  }
	.ql-quicklinks-items { 
			display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center;
			border:1px solid gray; border-radius:4px;
			display:flex; flex-flow:row wrap; justify-content:space-around; 
			margin:0; padding:0; }
	.ql-quicklinks-each { 
			text-align:center;
			margin:0px; padding:20px; }
	.ql-quicklinks-link { margin:0; padding:0; }
	.ql-quicklinks-each:hover { 
		    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
		    background-color:rgba(255, 255, 255, 0.33); border-radius:50%; }
	.ql-quicklinks-imag { margin:0; padding:0; width:48px; height:auto; }
	.ql-quicklinks-text { font-size:9px; text-decoration:none; text-align:center; 
			margin:0; padding:0; }


/* -- OMNIMAP Browser Homepage -- jrhnet == ql-omnimap -- */ 

	.ql-omnimap-wrap { min-width:200px;
			margin:20px; padding:0; }
	.ql-omnimap-fldset { 
			min-height: 88px;
			border:1px solid gray; border-radius:4px; 
			margin:0; padding:0; }
	.ql-omnimap-lgnd {  
			position:relative; left:0px; top:-16px;
			border:1px solid gray; border-radius:4px; font-size:20px; color:#343434; line-height:inherit;
			width:200px; margin:0; padding:0; padding-left:10px;  }
	.ql-omnimap-items { 
			display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center;
			border:1px solid gray; border-radius:4px;
			display:flex; flex-flow:row wrap; justify-content:space-around; 
			margin:0; padding:0; }
	.ql-omnimap-each { 
			text-align:center;
			margin:0px; padding:20px; }
	.ql-omnimap-link { margin:0; padding:0; color:antiquewhite; }
	.ql-omnimap-each:hover { 
		    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
		    background-color:rgba(255, 255, 255, 0.33); border-radius:50%; }
	.ql-omnimap-imag { margin:0; padding:0; width:48px; height:auto; }
	.ql-omnimap-text { font-size:9px; text-decoration:none; text-align:center; 
			margin:0; padding:0; }

/* -- SOCIALNETS -- social networks == ql-socialnets -- */

	.ql-socialnets-wrap { min-width:200px;
			margin:20px; padding:0; }
	.ql-socialnets-fldset { 
			min-height: 88px;
			border:1px solid gray; border-radius:4px; 
			margin:0; padding:0; }
	.ql-socialnets-lgnd {  
			position:relative; left:0px; top:-16px;
			border:1px solid gray; border-radius:4px; font-size:20px; color:white; line-height:inherit;
			width:200px; margin:0; padding:0; padding-left:10px;  }
	.ql-socialnets-items { 
			display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center;
			border:1px solid gray; border-radius:4px;
			display:flex; flex-flow:row wrap; justify-content:space-around; 
			margin:0; padding:0; }
	.ql-socialnets-each { 
			text-align:center;
			margin:0px; padding:20px; }
	.ql-socialnets-link { margin:0; padding:0; }
	.ql-socialnets-each:hover { 
		    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
		    background-color:rgba(255, 255, 255, 0.33); border-radius:50%; }
	.ql-socialnets-imag { margin:0; padding:0; width:48px; height:auto; }
	.ql-socialnets-text { font-size:9px; text-decoration:none; text-align:center; 
			margin:0; padding:0; }

  
/* -- SOCIALNETS with FONTAWSOME -- */

	div.socialnets { 
			float:left; margin:20px; padding:20px; text-align: center; 
      border:2px solid black; border-radius:16px; }
	i { 
			margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px; float:inherit; }
	i:hover { 
		    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
		    background-color:rgba(255, 255, 255, 0.33); border-radius font-size:48px; color:black; }
	.ql-socialnets-o { 
			background:transparent; color:darkred;   }
	.ql-socialnet-sbg { 
			background-color:yellow border:solid 10px yellow;  }
	.ql-socialnet-sbb { 
			background-color:orange; border:solid 1px red; padding:8px; }
	.ql-socialnet-isnv { 
			background:inherit; border:solid 0px red; padding:4px; color:green; }
	.ql-socialnet-rsad { 
			background-color:yellow; border:solid 1px red; padding:8px; border-radius:48px; width:48px; line-height:48px; }
	.ql-socialnet-rsad:hover { 
		    box-shadow:0 0 10px 10px rgba(255, 255, 255, 0.33); 
		    background-color:rgba(255, 255, 25} 
	.allfort { 
			font-size:16px; margin-left: 20px; margin-right: 4px; margin-top: 8px; }
	.fontawesome-icon-list { 
			text-align:left; font-family:'Droid Sans'; font-size:9px; }


/* -- DATASTACK -- data blob == ql-datastack -- */ 

	.ql-datastack-wrap { min-width:200px;
			margin:20px; padding:0; }
	.ql-datastack-fldset { 
			min-height: 88px;
			border:1px solid gray; border-radius:4px; 
			margin:0; padding:0; }
	.ql-datastack-lgnd {  
			position:relative; left:0px; top:-16px;
			border:1px solid gray; border-radius:4px; font-size:20px; color:white; line-height:inherit;
			width:200px; margin:0; padding:0; padding-left:10px;  }
	.ql-datastack-images { margin:0; padding:0; }
	.ql-datastack-text { font-size:9px; text-decoration:none; text-align:center; 
			margin:0; padding:0; }
	.ql-datastack-links { margin:0; padding:0; }


/* -- IFRAMES -- are for the Dashboards == ql-dashbroad -- */ 

	.ql-dashbroad-wrap { min-width:200px;
			margin:20px; padding:0; }
	.ql-dashbroad-ifram { margin:0; padding:0; }

	div.omnifram { 
			margin:0; padding:0; width:100%; height:420px; border: 1px solid red; } 
	iframe.omnifram  { 
			margin:0; padding:0; width:100%; min-height:420px; border: 0px solid green; } 
	iframe.omnifram33 { width:33% }
	iframe.omnifram50 { width:50% }
	iframe.omnifram66 { width:66% }
	iframe.omnifram100 { width:100% }