@import "fontawesome/css/fontawesome.css";
@import "fontawesome/css/brands.css";
@import "fontawesome/css/solid.css";
@import "fontawesome/css/svg-with-js.css";

*{
	box-sizing:border-box;
	
}
html,body{
	margin:0px;
	padding:0px;
}

html{
	
min-height:100%;
}


body{
	background:#2BD472;
	height:100%;
}
body >*:not(#console,.overlay){
	visibility:hidden;
}

body.logged_in #head_blk a.requires_anon{
	display:none;
}
body.logged_out #head_blk a.authenticate{
	display:none;
}
body.logged_in:not(.admin) #head_blk a.authorize{
	display:none;
}



a{
	color:#D4722B;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               Roboto, Oxygen-Sans, Ubuntu, Cantarell,
               "Helvetica Neue", sans-serif;
	font-weight:bold;		   
}

.images_blk{
	border:2px solid #722BD4;
	display:block;
	height:100px;
	margin-top:15px;
}
.img_blk{
	float:left;
	width:100px;
	height:100px;
	position:relative;
}
.img_blk button{
	position:absolute;
	top:0px;
	right:0px;
	padding:0px;
	background:#FFFFFF;
	color:#D4722B;
	margin-top:3px;
	margin-right:3px;
}
/*
#2BD472 green
#D4722B red/brown
#722BD4 blue;
*/
#foot_blk a{
	background:#D4722B;
	color:#FFFFFF;
		padding:4px 5px;
}
.images_blk img{
	width:100%;
	height:100%;
}

/*
Arial
Courier New
Times New Roman
Georgia
Impact
Comic Sans MS
Trebuchet MS
Helvetica
Arial-black
Garamond
Verdana
Bookman Old Style
Palatino
Times
Courier
*/

#head_blk{
	border-width:0px 0px 2px 0px;
	width:100%;
	border-color:#000000;
	position: fixed;
    top: 0px;
	left:0px;
	background:#722BD4;
	color:#ffffff;
	font-family:courier;
	white-space:collapse;
	font-weight:bold;
	z-index:1;
}
#head_blk a{
	background:#2BD472;
	padding:1em;
	display:inline-block;
	
	float:left;
}

#head_blk a:nth-child(n+2){
	border-left:3px solid #722BD4;
}
#head_blk a:last-of-type{
	margin-right:10px;;
}
#head_blk:after{
	content:'';
	display:block;
	clear:both;
}
#content_blk{
	background:#2BD472;
	
}

#foot_blk{
	border-width:2px 0px 0px 0px;
	border-color:#000000;
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	color:#ffffff;
	font-family:courier;
	background:#722BD4;
	padding:.5em;
	font-weight:bold;
}
#foot_blk *{
	padding:.5em;
	display:inline-block;
	background:#2BD472;
	border-right:3px solid #722BD4;
	font-family:Verdana;
	font-weight:bold;
}


.overlay{
	position   :fixed;
	top        :0px;
	left       :0px;
	width      :100%;
	height     :100%;
	background :black;
	opacity    :.5; 
}
.overlay .fa-spinner{
	display:block;
	position:absolute;
	top        :50%;
	left       :50%;
	transform  :translate(-50%, -50%);
	color:white;
	font-size:2em;
}
.popup{
	position   :fixed;
	top        :50%;
	left       :50%;
	transform  :translate(-50%, -50%);
	border     :3px solid #2BD472;
	background :white;
	visibility:hidden;
	border:10px solid #2BD472;
}
		/*
#2BD472 green
#D4722B red/brown
#722BD4 blue;
*/
.popup >:first-child{
	border-bottom:5px solid #722BD4;
	background:#FFFFFF;
	padding:10px;  
	font-size:1.25em;
	color:#D4722B;
	font-weight:bold;
}
.popup >:first-child:after{
	content:'';
	display:block;
	clear:both;
}
.popup >:first-child :last-child{
   float:right;
}
.popup >:first-child :last-child:hover{
   background:red;
   color:white;
}
.popup >:last-child{
	background:white;
	padding:5px;
}
.popup .popup_close_btn{
	cursor:pointer;
}


.frm_tbl >tbody >tr:not(:last-child) >td{
	border-width:0px 3px 3px 0px;
	border-style:solid;
	border-color:#722BD4;
}
.frm_tbl >tbody >tr:first-child >td{
	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#722BD4;
}

.frm_tbl input{
	background:white;
	/*#2BD472; green*/
	color:#000000 ;/*red/brown
	#722BD4 blue;*/
	font-weight:normal;
	font-family:Verdana;
	width:100%;
}
.frm_tbl .field_blk >span{
	font-family:comic sans ms;
	color:black;
}
/*
#2BD472 green
#D4722B red/brown
#722BD4 blue;
*/
.frm_tbl >tbody >tr:not(:last-child) .lbl_cell{
	color:#722BD4;
	background:#2BD472;
	padding:0px;
	font-family:comic sans ms;
	background:#722BD4;
	padding:5px;
	text-align:right;
	border-bottom-color:#2BD472;
}
.frm_tbl .lbl_cell span{
	background:#2BD472;
	color:#D4722B;
	display:block;
	display:inline-block;
	padding:10px;
}
.frm_tbl .value_cell{
	padding:10px;
}
.frm_tbl .action_cell{
	padding:10px;
}
.frm_tbl .action_cell button{
	font-size:1.5em;
	color:#D4722B;
	background:white;
	padding:10px;
}
.frm_tbl .tmp_msg_cell{
	color:#D4722B;	
}


.collection_profile{
	background:white;
	padding:15px;
	float:left;
}



.query_tbl{
	font-family:Verdana;
	color:#000000;	
}
.query_tbl th{
	text-align:left;
}
.query_tbl td{
	border-width:0px 2px 2px 0px;
	border-style:solid;
	border-color:#722BD4;
	padding:3px;
}
.query_tbl td img{
	width:50px;
	height:50px;
}
		
.query_tbl td:first-child{
	border-width:0px 2px 2px 2px;
}
.query_tbl tr:hover td{
	background:white;
}



.gui_blk iframe{
	display:block;
}
.gui_blk .gui_actions{
	display:block;
	margin:15px 0px 10px 0px;
}
.gui_blk .gui_actions button{
	font-size:1.125em;
}
.gui_blk .gui_actions button.active{
	background:#2BD472;
	color:#D4722B;
}


.txt2{
	color:#D4722B; /*red/brown*/
	font-weight:bold;
}



.blk1{
	background:#722BD4; /*blue*/
	border-style:solid;
	border-color:#722BD4;
}
.blk2{
	background:#2BD472;/*green*/
	border-style:solid;
}



 #content_blk{
	 display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
  padding:0px 0px 0px 5px;
  min-height:90%;
  z-index:-1;
}
 #content_blk >:first-child{
	position:relative;
	top:10px;
	border-width:3px 3px 3px 3px;
	border-style:solid;
	border-color:#722BD4;
	margin-bottom:20px;
	background:#722BD4;
	font-size:.875em;
	
}
 #content_blk >:last-child{
	flex:80%;
	background:white;
	margin:0px 10px 20px 5px;
	position:relative;
	top:10px;
	padding:15 0px 10px 15px;
	
}
 #content_blk >:last-child >table:first-child{
	margin:5px 0px 0px 5px;
}



.admin_menu .active_lnk{
	background:#FFFFFF;
	color:#D4722B;
}
.admin_menu a{
	display:block;
	padding:10px;
	border-width:0px 0px 3px 0px;
	border-style:solid;
	border-color:#722BD4;
	color:#D4722B;
	font-weight:bold;
	background:#2BD472;
}	



.blk_frm{
	background:white;
	padding:10px;
}

.blk_frm > button{
	margin-top:10px;
}
.blk_frm .field_blk{
	display:block;
	margin-bottom:10px;
	padding:10px;
}
.blk_frm .field_blk >span:first-of-type{
		color:#D4722B;
	padding:5px;
	font-family:Verdana;
	font-weight:bold;
}

.blk_frm .field_blk input ~ *{
	font-family:comic sans ms;
}




.err_required .required_err,
.err_range    .range_err,
.err_match    .match_err,
.err_int_range_large .range_err_large_int,
.err_unique .unique_err{
	font-family:Verdana !important;
	color:#D4722B;
	font-weight:bold;
}
.range_err_large_int{
	visibility:visible;
}
.err_int_range_large .range_err_large_int{
	 visibility:visible;
 }



.entity_profile .menu{
	padding:10px;
	
}
.entity_profile.public_profile{
	color:black;
	font-family:Verdana;
}
.entity_profile.public_profile .field_blk >:first-child{
	color:#D4722B;	
}
.entity_profile.public_profile .field_blk {
	background:#ffffff;	
}


.entity_profile .field{
	display:block;
}
.entity_profile .field_blk{
	padding       :10px;
	margin-bottom :10px;
	display       :block;
}
.entity_profile .field_blk >:first-child{
	font-weight:bold;
	color:#000000;
	padding:5px;
	font-family:Helvetica;
}
.entity_profile .field_blk >:last-child{
	font-family:verdana;
}
/*
#2BD472 green
#D4722B red/brown
#722BD4 blue;
*/

/*
#2BD472 green
#D4722B red/brown
#722BD4 blue;
*/
.query_tbl tbody:first-child tr:first-child td{
	border-width   :2px 2px 2px 0px;
    background     :#722BD4;	
	text-transform :uppercase;
	vertical-align :bottom;
	font-weight    :bold;
}
.query_tbl tbody:first-child tr:first-child td span{
background:#2BD472;
	color:#D4722B;
	font-family:Helvetica;
	font-size:1.125em;
	padding:5px;
	display:inline-block;
}
.query_tbl tr:first-child td:not(:last-child){
	;
}
.query_tbl >tbody:first-child tr:first-child td:first-child{
	border-width:2px 2px 2px 2px;
}

 button{
	background:#D4722B;
	color:#FFFFFF;
	padding:10px;
	border:1px solid black;
	font-size:1.125em;
	font-family:Verdana;
	font-weight:bold;
}
.query_tbl button:first-child ~ *{
	margin-left:3px;
}

.temp_message{
	border-bottom:3px solid #722BD4;
	color:#D4722B;
	margin-bottom:5px;
	padding:10px;
	font-family:Helvetica;
}




.actions_blk{
	margin-bottom:15px;
}
.entity_profile .collection_lnk.active{
	background:#D4722B;
	color:white;
}
.entity_profile .collection_lnk{
	color:#D4722B;
	font-weight:bold;
	font-family:Verdana;
	margin-bottom:5px;
	display:inline-block;
}
.entity_profile .collection_lnk:nth-child(n+2){
	margin-left:5px;
}


.popup_color_sel .popup_content{
	padding:5px;
}
.popup_color_sel select{
	font-size:1.5em;
	padding:5px;
	
}


/*
#2BD472 green
#D4722B red/brown
#722BD4 blue;
*/
.cart_btn{
position:absolute;
	right:0px;
	top:0px;		
	font-size:1.5em;
	padding:10px;
	margin-top:5px;
	margin-right:5px;
	background:#D4722B;
	color:#FFFFFF;
}
.cart_btn>*{
	margin-left:10px;
	content:'1';
	color:#000000;
	font-size:.75em;
}


#console.minimized{
	height:auto;
	width:600px;
}
#console.minimized >:last-child{
	display:none;
}
#console{
	position:fixed;
	bottom:0px;
	left:0px;
	margin-left:10px;
	max-width:90%;
	margin-bottom:10px;
	background:black;
	color:white;
	height:450px;
	width:auto;
	overflow-y:auto;
	overflow-x:hidden;
}
#console>div:first-child{
	background:gray;
	text-align:right;
}
#console button{
	background:red;
	color:white;
	padding:3px;
}
#console pre{
	white-space:pre-wrap;
	font-size:1.25em;
	font-family:comic sans ms;
}
#console pre:not(:last-child){
	border-bottom:3px solid red;
}
#console >:last-child{
	padding:10px;
}

.dump td{
			border-width:0px 2px 2px 0px;
			border-color:red;
			border-style:solid;
			padding:5px;
			white-space:pre;
		}
		*:not(td) > .dump >tbody >tr >td{
			border-color:blue;
		}
		.dump td:first-child{
			border-width:0px 2px 2px 2px;
		}
		.dump tr:first-child > td{
			border-top-width:2px;
		}
		
.err_page{
	text-align:center;
	font-size:2em;
	background:white;
}
.err_page .restricted_url{
	color:red;
	font-weight:bold;
	
}