/**
 * app/css/debug.css
 *
 * This is css used in the debuging console.
 *
 * @version 3.0
 * @author  Joey Kimsey <Joey@thetempusproject.com>
 * @link    https://TheTempusProject.com
 * @license https://opensource.org/licenses/MIT [MIT LICENSE]
 */
a {
  color: #0000ff;
  text-decoration: none;
}
 
a:hover {
  text-decoration: underline;
}
 
#debug-wrapper {
  margin: 0 auto;
  margin-bottom: 20px;
  background: #eee;
  width: 1000px;
  max-width: 100%;
  border: 2px solid #212121;
  border-radius: 4px;
}
 
#debug-log {
  text-align: left;
  margin: 0 auto;
  margin-bottom: 25px;
  margin-left: 25px;
  margin-right: 25px;
  padding: 10px;
  background: #fff;
  height: 300px;
  border: 1px solid #a7a7a7;
  overflow: auto;
  border-radius: 4px;
  border-bottom: 4px solid #a7a7a7;
}

.debug-log {
  flex: 1;
}

.debug-log-error {
  border-radius: 4px;
  border-left: 5px solid #ff0000;
  border-bottom: 2px solid #ff0000;
}

.debug-log-info {
  border-radius: 4px;
  border-left: 5px solid #0800ff;
  border-bottom: 2px solid #0800ff;
}

.debug-log-warn {
  border-radius: 4px;
  border-left: 5px solid #eaff00;
  border-bottom: 2px solid #eaff00;
}

#debug-header {
  padding: 15px 25px;
  display: flex;
}
 
#debug-header p {
  flex: 1;
}