/*
1 - left hand column, accordion, toolbar:hover - best dark
2 - overall page background - best light
3 - open left menu - best slightly paler than 1
4 - accordion on state - can be contrasting
5 - toolbar background - best dark
6 - form fieldset/legend background - best light
*/




.admin_theme0 {
	--background_1:#000;
	--foreground_1:#fff;
	
	--background_2:#fff;
	
	--background_3:#444;
	--foreground_3:#fff;
	--foreground_hover_3:#e46c37;
	
	--background_4:#e46c37;
	--foreground_4:#fff;
	
	--background_5:#999;
	--foreground_5:#000;
	
	--background_6:#eee;
	--foreground_6:#000;
}
.admin_theme1 {
	--background_1:#600;
	--foreground_1:#fff;
	
	--background_2:#faa;
	
	--background_3:#633;
	--foreground_3:#fff;
	--foreground_hover_3:#fee;
	
	--background_4:#2ef4a8;
	--foreground_4:#000;
	
	--background_5:#a88;
	--foreground_5:#fff;
	
	--background_6:#fee;
	--foreground_6:#200;	
}
.admin_theme2 {
	--background_1:#264653;
	--foreground_1:#fff;
	
	--background_2:#e76f51;
	
	--background_3:#F4A261;
	--foreground_3:#fff;
	--foreground_hover_3:#fee;
	
	--background_4:#e9c46a;
	--foreground_4:#fff;
	
	--background_5:#f4a261;
	--foreground_5:#000;
	
	--background_6:#e9c46a;
	--foreground_6:#fff;	
}
.admin_theme3 {
	--background_1:#999;
	--foreground_1:#fff;
	
	--background_2:#ddd;
	
	--background_3:#bbb;
	--foreground_3:#444;
	--foreground_hover_3:#fff;
	
	--background_4:#25cdf7;
	--foreground_4:#fff;
	
	--background_5:#777;
	--foreground_5:#000;
	
	--background_6:#eee;
	--foreground_6:#000;
}
.admin_theme4 {
	--background_1:#14a8b4;
	--foreground_1:#fff;
	
	--background_2:#eee;
	
	--background_3:#29c2af;
	--foreground_3:#fff;
	--foreground_hover_3:#ddf;
	
	--background_4:#f9f871;
	--foreground_4:#222;
	
	--background_5:#3c8da8;
	--foreground_5:#000;
	
	--background_6:#69d99d;
	--foreground_6:#222;
}
.admin_theme5 {
	--background_1:#d7d7d7;
	--foreground_1:#000;
	
	--background_2:#fff;
	
	--background_3:#f2f2f2;
	--foreground_3:#000;
	--foreground_hover_3:#e46c37;
	
	--background_4:#e46c37;
	--foreground_4:#fff;
	
	--background_5:#ffffdd;
	--foreground_5:#fff;
	
	--background_6:#f7f7f7;
	--foreground_6:#000;
}
	.admin_theme5 .pform legend,
	.admin_theme5 .pform input[type="submit"] {
		background:#14a8b4;
		color:#fff;
	}
	.admin_theme5 #admin_menu h3,
	.admin_theme5 #admin_menu h3 .icon:hover,
	.admin_theme5 dl.spanglefish dt {
		color:#000;
	}
	
	.admin_theme5 #admin_toolbar,
	#admin_toolbar.admin_theme5 {
		border-bottom-color:#2a4b78;
		padding-left:10px;
	}
	.admin_theme5 #admin_toolbar a,
	#admin_toolbar.admin_theme5 a {
		background:#427ac9;
		color:#fff;
		margin:0 2px 4px 2px;
		border-radius:4px;
		border-bottom:0;
		position:relative;
	}
	.admin_theme5 #admin_toolbar a.on,
	 #admin_toolbar.admin_theme5 a.on{
		background:#ca4605;
		border-bottom:4px solid #ca4605;
		margin-bottom:0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
	}
	#admin_toolbar.admin_theme5 a.on::before {
		content:'';
		position:absolute;
		bottom:-4px;
		left:-3px;
		height:3px;
		width:3px;
		background: linear-gradient(135deg, transparent 0%,transparent 50%,#ca4605 51%,#ca4605 100%);
	}
	#admin_toolbar.admin_theme5 a.on::after {
		content:'';
		position:absolute;
		bottom:-4px;
		right:-3px;
		height:3px;
		width:3px;
		background: linear-gradient(225deg, transparent 0%,transparent 50%,#ca4605 51%,#ca4605 100%);
	}
	.admin_theme5 a#add_block {
		background:#427ac9;
		color:#fff;
	}



	.admin_theme5 .admin_msg {
		color: #e46c37 !important;
		background: #f3f93e;
		border-radius: 2em;
		font-weight: bold;
		padding: 3px 20px !important;
		display: inline-block;
		height: 1.5em;
		margin-left: 1em;
		animation: fadebg 3s forwards;
	}
		.admin_theme5 .msglink:hover {
			color:#000;
		}
@keyframes fadebg {
    from {background-color:#f3f93e;}
    to {background-color:rgba(242, 245, 169, 0);}
}	






#admin_toolbar span#admin_class_toggle,
#admin_toolbar a#admin_format_info_link {
	position:absolute;
	display:block;
	padding:0;
	height:15px;
	width:15px;
	top:7px;
	right:10px;
	border-radius:50%;
	outline: 2px solid #fff;	
	background:#fc6703;
	cursor:pointer;
}
	.loggedinoff #admin_toolbar span#admin_class_toggle {
		background:#777;
	}


.msglink {
	-webkit-border-radius:5px 5px 0 0 ;
	border-radius:5px 5px 0 0 ;
}

#admin_toolbar {
	all:initial;
	display:none;
	font-family: 'Open Sans', verdana, sans-serif;;
	font-size:14px;
	font-weight:300;
	position:fixed;
	top:0;
	left:0;
	right:0;
	background:#999;
	background:var(--background_5);
	z-index:1500;
	border-top:5px solid #999;
	border-top:5px solid var(--background_5);
	border-bottom:6px solid #000;
	border-bottom:6px solid var(--background_1);
	z-index:1199; /* one less than fullscreen tinymce */
}
	#admin_toolbar a {
		color:#000;
		text-decoration:none;
		padding:6px 20px;
	}
		#admin_toolbar a:not(.on):hover {
			background:#000;
			background:var(--background_1);
			color:var(--foreground_1);
		}
		#admin_toolbar a.alert {
			color:#fffc04;
		}
			#admin_toolbar a.alert::before,
			#admin_toolbar a.alert::after {
				content:'*';
				color:#fff;
			}
	
	#admin_toolbar span {
		color:#ff0;
		padding:6px 20px;
	}

#admin_toolbar a#add_block {
	font-weight:bold;
	position:relative;
}
	#admin_toolbar a#add_block:before {
		content:'';
		position:absolute;
		background-color:var(--foreground_5);
		top:13px;
		bottom:13px;
		left:10px;
		right:10px;
	}
	#admin_toolbar a#add_block:after {
		content:'';
		position:absolute;
		background-color:var(--foreground_5);
		top:6px;
		bottom:6px;
		left:45%;
		right:45%;		
	}
		#admin_toolbar a#add_block:hover:before,
		#admin_toolbar a#add_block:hover:after {
			background:var(--foreground_1);
		}



.pform input[type="submit"] {
	color: var(--foreground_3);
	background: var(--background_3);
}
	.pform input[type="submit"]:hover {
		color: var(--foreground_hover_3);
	}










		
@media(min-width: 600px) {
	#admin_toolbar {
		display:flex;
	}
}