/*
 * GENERAL VARIABLES
 */
/* COLORS */
/* #ccc */
/* #f2f2f2 */
/* #000 */
/* opacity .8 */
/* opacity .8 */
/* opacity .7 */
/* SPACING */
/* FONTS */
/* font weight */
/* DEFAULT ELEMENTS */
/* WRAP */
/* BASIC ELEMENTS */
/* EXTENDED ELEMENTS */
/*
 * LOGIN-FORM FE
 */
/*
 * COLS
 */
/*
 * ColRight & ColLeft Space
 */
/*
 * Listings
 */
/*
 * Space If elements > cols-numer (4 items > .cols .items-x3) || .doubleSpace-break
 */
/*
 * Listings
 */
/* Card-Item */
/* Shadow */
/* Zoom */
/* link-cover */
/* List-View */
/* Border */
/* Zoom */
/* Vertical Align Content */
/* Vertical Align Image */
/* Spacing */
/* link-cover */
/* Oversize */
/*
 * BUTTON VARIABLES
 */
/*
 * NAVIGATION VARIABLES
 */
/*
 * Main Navigation
 */
/* General */
/* List-Elements */
/* Related for Level-0 */
/* Related for Level-1 */
/* Related for Level-2 */
/*
 * Main-Aside Navigation
 */
/* General */
/* Color */
/*
 * Main MegaDropdown Navigation
 */
/*
 * Mobile Navigation
 */
/*
 * MicroNav
 */
/*
 * FooterNavi
 */
/*
 * Aside
 */
/*
 * Pagination
 */
/*
 * Single-Content Navigation
 */
/*
 * PAGE VARIABLES
 */
/*
 * GENERAL VARIABLES
*/
/* COLORS */
/* red */
/* grey */
/* opacity .6 */
/* opacity .8 */
/* dunkler Untergrund (Footer, Topline, CTA, ..) */
/* FONT */
/* FONT-FAMILY */
/* Font-Size*/
/* Font-Weight */
/* Special Options */
/* WRAP */
/* SCROLL-TO-TOP */
/* Top-Line */
/* STICKY */
/* PAGE-ASIDE */
/* Aside Links */
/* SECTION / PAGE-CONTENT */
/* BREADCRUMBS */
/*
 * COLS
 */
/* List-View */
/* SEARCH */
/* background-hover */
/* background */
/*
 * NAVIGATION VARIABLES
 */
/*
 * Main
 */
/* General */
/* List-Elements */
/* Related for Level-0 */
/* Related for Level-1 */
/* Related for Level-2 */
/*
 * Mobile Navigation
 */
/* Pagination */
/* Nav-Pageview */
/* Single-Content Navigation */
/*
 * LOGO
 */
/* 
 * FOOTER
 */
.msg-list {
  list-style: none;
  margin: 10px 0;
  clear: both;
}
.msg-list > li,
.msg-list div {
  display: flex;
  margin: 5px 0;
  color: #333;
  overflow: hidden;
  border: 1px solid #ccc;
  background: #fff;
}
.msg-list > li span.msg-icon,
.msg-list div span.msg-icon {
  display: block;
  width: 30px;
  padding: 5px;
  float: left;
  text-align: center;
  color: #fff;
}
.msg-list > li span.msg-content,
.msg-list div span.msg-content {
  display: block;
  width: calc(100% - 30px);
  padding: 5px 10px;
  float: right;
}
.msg-list > li.msg-array,
.msg-list div.msg-array {
  display: block;
}
.msg-list > li.msg-array div,
.msg-list div.msg-array div {
  display: block;
}
.msg-list > li.msg-array div.hidden,
.msg-list div.msg-array div.hidden {
  display: none;
}
.msg-list > li.msg-sqlstack .msg-icon,
.msg-list div.msg-sqlstack .msg-icon {
  background: #5195d7;
}
.msg-list > li.msg-sqlstack .msg-content-label,
.msg-list div.msg-sqlstack .msg-content-label {
  width: 100px;
  font-weight: 600;
}
.msg-list > li.msg-notice .msg-icon,
.msg-list div.msg-notice .msg-icon {
  background: #ccc;
}
.msg-list > li.msg-code .msg-icon,
.msg-list div.msg-code .msg-icon {
  background: #047783;
}
.msg-list > li.msg-debug .msg-icon,
.msg-list div.msg-debug .msg-icon {
  background: #002f5d;
}
.msg-list > li.msg-warning .msg-icon,
.msg-list div.msg-warning .msg-icon {
  background: #e88615;
}
.msg-list > li.msg-error .msg-icon,
.msg-list div.msg-error .msg-icon {
  background: #c02e2e;
}
.msg-list > li.msg-success .msg-icon,
.msg-list div.msg-success .msg-icon {
  background: #469b2b;
}
.msg-list > li ul.db-msg,
.msg-list div ul.db-msg {
  margin-left: 20px;
  list-style: disc;
}
.msg-list > li ul.db-msg > li b,
.msg-list div ul.db-msg > li b {
  display: block;
  width: 130px;
  float: left;
}
.msg-list > li ul.db-msg > li span,
.msg-list div ul.db-msg > li span {
  display: block;
  margin-left: 130px;
}
.msg-list > li ul.db-msg > li:nth-child(n+2),
.msg-list div ul.db-msg > li:nth-child(n+2) {
  padding-top: 5px;
}
.msg-list.single-list .msg-notice {
  border-color: #cccccc;
}
.msg-list.single-list .msg-notice .msg-icon {
  background: #cccccc;
}
.msg-list.single-list .msg-debug {
  border-color: #002f5d;
}
.msg-list.single-list .msg-debug .msg-icon {
  background: #002f5d;
}
.msg-list.single-list .msg-warning {
  border-color: #e88615;
}
.msg-list.single-list .msg-warning .msg-icon {
  background: #e88615;
}
.msg-list.single-list .msg-error {
  border-color: #c02e2e;
}
.msg-list.single-list .msg-error .msg-icon {
  background: #c02e2e;
}
.msg-list.single-list .msg-success {
  border-color: #469b2b;
}
.msg-list.single-list .msg-success .msg-icon {
  background: #469b2b;
}
.msg-list.single-list span.msg-content {
  background: #fff;
}
#msg-overview {
  overflow: hidden;
  margin: 10px 0;
}
#msg-overview li {
  display: inline-block;
  margin-right: 5px;
  border: solid 1px #ccc;
}
#msg-overview li .msg-content {
  color: #cccccc;
}
#msg-overview li.active {
  cursor: pointer;
}
#msg-overview li.active .msg-content {
  color: #333;
}
#msg-overview li.active:hover :hover .msg-content {
  background: #fff;
}
#msg-overview li.triggered .msg-content {
  background: #fff;
  font-weight: 600;
}
.msg-content ul {
  margin: 5px 0 5px 25px;
}
.msg-content ul li {
  list-style: disc;
}
.msg-content ul li:nth-child(n+2) {
  border-top: dotted 1px #cccccc;
  padding-top: 3px;
  margin-top: 3px;
}
div#instant-msg {
  padding: 15px;
  position: fixed;
  top: 30px;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 10000000;
}
div#instant-msg ul.msg-list {
  margin: 0;
  padding: 0;
}
div#instant-msg ul.msg-list li {
  background: #fff;
}
div#instant-msg span#instant-msg-info {
  cursor: pointer;
}
div#instant-msg div#instant-msg-hide {
  text-align: right;
}
div#instant-msg div#instant-msg-hide > span {
  background: #fff;
  padding: 5px 15px;
  display: inline-block;
  cursor: pointer;
  font-size: 80%;
}
div#instant-msg div#instant-msg-hide > span > i.fa {
  padding-right: 5px;
  color: #880000;
}
div#instant-msg div#instant-msg-hide > span:hover {
  background: #333;
  color: #fff;
}
.open-tree-level,
.closde-tree-level {
  cursor: pointer;
}
.open-tree-level:hover,
.closde-tree-level:hover {
  color: #94bf1f;
}
.warning-color {
  color: #e88615;
}
.error-color {
  color: #c02e2e;
}
.success-color {
  color: #469b2b;
}
.array-list .msg-error {
  border-color: #000;
}
.msg-array .msg-icon {
  background: #000;
}