@charset "utf-8";
/* The style sheet for LOW Diagnostic Glance https://wordpress.org/plugins/diagnostic-glance/ */

#low_wp_specs {
	border: #dbf3ff solid 1px;
	padding: .25em 1em;
	background-image: url(../images/LOW_background_logo.png), ;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5fbff+0,dbeefc+100 */
	background: #f5fbff; /* Old browsers */
	background-image: url(../images/LOW_background_logo.png), -moz-linear-gradient(top, #f5fbff 0%, #dbeefc 100%); /* FF3.6+ */
	background-image: url(../images/LOW_background_logo.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5fbff), color-stop(100%,#dbeefc)); /* Chrome,Safari4+ */
	background-image: url(../images/LOW_background_logo.png), -webkit-linear-gradient(top, #f5fbff 0%,#dbeefc 100%); /* Chrome10+,Safari5.1+ */
	background-image: url(../images/LOW_background_logo.png), -o-linear-gradient(top, #f5fbff 0%,#dbeefc 100%); /* Opera 11.10+ */
	background-image: url(../images/LOW_background_logo.png), -ms-linear-gradient(top, #f5fbff 0%,#dbeefc 100%); /* IE10+ */
	background-image: url(../images/LOW_background_logo.png), linear-gradient(to bottom, #f5fbff 0%,#dbeefc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fbff', endColorstr='#dbeefc',GradientType=0 ); /* IE6-9 */	
	background-repeat: no-repeat;
	background-position: top right;
	word-wrap: break-word;
	overflow: auto;
	overflow-y: auto;
}

.low-wp-explain {
	font-size: smaller;
	font-style: italic;
	color:#555;
}

#ldg-hidden {
	display: none;
}


/* Settings specific to widget options... */

.ldg-options-key {
	padding: .45rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.03+0,0.15+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.03) 0%, rgba(0,0,0,0.15) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */	
}

.ldg-options-key .inner {
	padding-bottom: .75rem;
}

.ldg-options-key .inner span {
	padding: 0 .25rem .25rem .25rem;
}

.ldg-options-list {
	display: grid;
	grid-template-columns: auto auto auto;
}



.ldg-option-visible {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7fdaff+0,5087a0+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top, rgba(127,218,255,0.5) 0%, rgba(80,135,160,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(127,218,255,0.5) 0%,rgba(80,135,160,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(127,218,255,0.5) 0%,rgba(80,135,160,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807fdaff', endColorstr='#805087a0',GradientType=0 ); /* IE6-9 */
}

.ldg-option-hidden {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e5df8e+0,c6c655+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top, rgba(229,223,142,0.5) 0%, rgba(198,198,85,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(229,223,142,0.5) 0%,rgba(198,198,85,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(229,223,142,0.5) 0%,rgba(198,198,85,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80e5df8e', endColorstr='#80c6c655',GradientType=0 ); /* IE6-9 */
}

.ldg-options-list .ldg-options-item {
	padding-left: .5rem;
}

.ldg-options-list .ldg-options-item:before::nth-child(even) {
	background: rgba(0,0,0,0.1);
}

.inside .ldg-note {
padding: 0.5em;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fff67f+0,ffe900+100&0.5+0,0.5+100 */
background: -moz-linear-gradient(top, rgba(255,246,127,0.5) 0%, rgba(255,233,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,246,127,0.5) 0%,rgba(255,233,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,246,127,0.5) 0%,rgba(255,233,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80fff67f', endColorstr='#80ffe900',GradientType=0 ); /* IE6-9 */}

/* 
TODO: Future work on icons and ajax configuration interface.
https://kazzkiq.github.io/svg-color-filter/ 
https://css-tricks.com/solved-with-css-colorizing-svg-backgrounds/
https://developer.mozilla.org/en-US/docs/Web/CSS/filter
http://fontastic.me/  - Add Your Custom Vector Icons  to Your Website
*/