/*
  fvlogger styles
  (c) 2005 davidfmiller
  http://www.fivevoltlogic.com/code/fvlogger/

  note: this stylesheet is designed to work with the stock configuration of
        the fvlogger.js file; changes made there may or may not lead to
        changing this file as well.

  history:
        v0.1  February 3, 2005
        - basics in place
		v0.2  April 26, 2021 by Ebi
		- changes for accessibility
*/
#fvlogger{
    position:relative;
    display: block;
    visibility:visible;
    float: left;
    width:99%;
    background-color: #fafafa;
    overflow: auto;
	margin: 0 0 0 6px;
    padding: 0;
}

ul#fvlogger, #fvlogger ul{
	list-style: none;
	list-style-type: none;
}

#fvlogger * {
	background-repeat: no-repeat;	
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#fvlogger strong {
	font-size: 1em;
}

#fvlogger h6 {
	font-weight: bold;
}

#fvlogger p, #fvlogger h6, #fvlogger ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#fvlogger dl {
	padding-bottom: 4px;
	border-bottom: 1px solid #eee;
	margin-bottom: 4px;
}

#fvlogger dl dt:after {
	content: " :";
}

#fvlogger dl dt, #fvlogger dl dd {
	padding: 0;
	margin: 0 4px 0 0;
	display: inline;
}

#fvlogger dl dt {
	font-weight: bold;
	background-image: url("log/img/magnet.png");
	min-height: 18px;
	padding-left: 20px;
	float: left;
}

#fvlogger a { font-weight: bold;}
#fvlogger li {
	padding-left: 20px;
	line-height: 16px;
	overflow-wrap: anywhere;
}

#fvlogger li label:hover {
	cursor: pointer;
}

#fvlogger dd.debug a { color: #177F1C; }
#fvlogger dd.info  a { color: #0049B3; }
#fvlogger dd.warn  a { color: #CF3D00; }
#fvlogger dd.error a { color: #E30909; }
#fvlogger dd.fatal a { color: #444; }

#fvlogger .debug { background-image: url("log/img/debug.png"); color: #177F1C; font-weight: bold; }
#fvlogger .info  { background-image: url("log/img/info.png");  color: #0049B3; font-weight: bold; }
#fvlogger .warn  { background-image: url("log/img/warn.png");  color: #CF3D00;  font-weight: bold; }
#fvlogger .error { background-image: url("log/img/error.png"); color: #E30909; font-weight: bold; }
#fvlogger .fatal { background-image: url("log/img/fatal.png"); color: #656565; font-weight: bold; }

/* Command */

div#fvloggerCommand{
    display: flex;
    float: left;
}

#fvloggerCommand * {
	font-size: 0.9em;
	/*text-transform: lowercase;*/
    margin: 0;
	padding: 0;
}

#fvloggerCommand h6 {
	font-weight: bold;
}

#fvloggerCommand p, #fvloggerCommand h6, #fvloggerCommand ul {
	margin: 0;
	padding: 0;
	text-align: left;
}

#fvloggerCommand>p:after {
	content: " :";
}

#fvloggerCommand>ul {
	display: flex;
}
#fvloggerCommand>p, #fvloggerCommand>ul>li {
	padding: 0;
	margin: 0 0 0 0;
	display: inline;
}

#fvloggerCommand>p {
	font-weight: bold;
	padding-left: 20px;
	font-size: 0.8em;
}


#fvloggerCommand button { 
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	text-decoration: underline;
	padding: 0 4px;
	line-height: 1.6em;
}

#fvloggerCommand li.debug button { color: #177F1C; }
#fvloggerCommand li.info  button { color: #0049B3; }
#fvloggerCommand li.warn  button { color: #CF3D00; }
#fvloggerCommand li.error button { color: #E30909; }
#fvloggerCommand li.fatal button { color: #444; }

#fvloggerCommand p.debug { background-image: url("log/img/debug.png"); color: #177F1C; font-weight: bold; }
#fvloggerCommand p.info  { background-image: url("log/img/info.png");  color: #0049B3; font-weight: bold; }
#fvloggerCommand p.warn  { background-image: url("log/img/warn.png");  color: #CF3D00;  font-weight: bold; }
#fvloggerCommand p.error { background-image: url("log/img/error.png"); color: #E30909; font-weight: bold; }
#fvloggerCommand p.fatal { background-image: url("log/img/fatal.png"); color: #656565; font-weight: bold; }