/*
 * GENERAL VARIABLES
 */
/* #ccc */
/* #f2f2f2 */
/* #000 */
/* opacity .8 */
/* opacity .8 */
/* opacity .7 */
/* Oversize */
/*
 * SPACER
 */
/*
 * LISTINGS VARIABLES
 */
/*
 * BUTTON VARIABLES
 */
/*
 * GALLERY
 */
/*
 * MODAL DIALOG
 */
/*
 * BLOCK SCREENS
 */
/*
 * NAVIGATION VARIABLES
 */
/* General */
/* List-Elements */
/* Related for Level-0 */
/* Related for Level-1 */
/* Related for Level-2 */
/* General */
/* Color */
/*
 * Aside
 */
/*
 * PAGE VARIABLES
 */
/*
 * basic mixins
 */
/*
 * GRID MIXINS
 */
/*
 * IMAGE MIXINS
 */
/*
 * COLOR MIXINS
 */
.background-gradient-pseudo {
  content: '';
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(30deg, #133555 0%, #0078b7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
/* KeyFrames for Animate-Border */
@-webkit-keyframes animate-border {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}
@-moz-keyframes animate-border {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}
@-webkit-keyframes animate-border {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 0%;
  }
}
/* KeyFrames for Animate-Waves */
@keyframes transform-matrix-1 {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  100% {
    transform: matrix(1, 0, 0, 0.455, -526, 55.5);
    width: calc(100% + 526px);
  }
}
@keyframes transform-matrix-2 {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  100% {
    transform: matrix(1, 0, 0, 0.506, -250, 50.4);
    width: calc(100% + 250px);
  }
}
@keyframes transform-matrix-1-rotate {
  0% {
    transform: matrix(1, 0, 0, 1, 0, 0);
  }
  100% {
    transform: matrix(1, 0, 0, 0.455, 526, 55.5);
    width: calc(100% + 526px);
  }
}
/*
 * HEADLINE MIXINS
 */
/*
 * LISTING MIXINS
 */
/*
 * LINK MIXINS
 */
/*
 * CONTENT MIXINS
 */
/*
 * toogle elements
 */
/*
 * TABS MIXINS
 */
/* COLORS */
/* FONTS */
/* font size */
/* font weight */
/* CONTENT */
/* cites */
/* dates */
/* buttons */
/* buttons -highlight */
/*
 * page navigation
 */
/*
 * FooterNavi
 */
/*
 * SCROLL TO TOP BUTTON
 */
/*
 * SINGLE PAGE CONTENT NAVIGATION
 */
/*
 * PAGE VARIABLES
 */
/* header */
/* page logo */
/* sticky header */
/* breadcrumbs */
/* 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: 700;
}
.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,
.msg-list > li ul.db-msg > li strong,
.msg-list div ul.db-msg > li strong {
  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: 700;
}
.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;
}