/**
 * basics/css_msg
 * 
 * wrapper to build single msg CSS file
 *
 * @package    KM.CMS
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.19
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/**
 * variables
 * 
 * basic less variables - colors, sizes
 *
 * @package    KM.CMS
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.19
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/*
 * COLORS
 */
/* #ccc */
/* #f2f2f2 */
/* #000 */
/* opacity .8 */
/* opacity .8 */
/* opacity .7 */
/*
 * SPACING
 */
/*
 * FONTS
 */
/*
 * HEADLINES & TEXT
 */
/*
 * CONTENT
 */
/*
 * BASIC ELEMENTS
 */
/*
 * EXTENDED ELEMENTS
 */
/*
 * COLUMNS & LISTINGS
 */
/**
 * variables/basics
 * 
 * basics less varibles for basic HTML elements
 *
 * @package    KM.CMS
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.19
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/*
 * SPACER
 */
/*
 * LISTINGS VARIABLES
 */
/*
 * GENERAL STYLES
 */
/*
 * CARD VIEW STYLS
 */
/*
 * LIST VIEW STYLES
 */
/*
 * GROUP LIST STYLES
 */
/*
 * BUTTON VARIABLES
 */
/*
 * CLICKLISTS
 */
/*
 * GALLERY
 */
/*
 * MODAL DIALOG
 */
/*
 * BLOCK SCREENS
 */
/**
 * variables/navigation 
 * 
 * navigation less varibles for page navigation elements
 *
 * @package    KM.CMS
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.19
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/*
 * MAIN NAVIGATION
 */
/*
 * MAIN ASIDE NAVIGATION
 */
/*
 * MAIN MEGA DROPDOWN NAVIGATION
 */
/*
 * MOBILE NAVIGATION
 */
/*
 * MICRO NAVIGATION
 */
/*
 * FOOTER NAVIGATION
 */
/*
 * ASIDE NAVIGATION
 */
/*
 * PAGINATION
 */
/*
 * SINGLE CONTENT NAVIGATION
 */
/**
 * variables/page
 * 
 * page less varibles for basic page layout
 *
 * @package    KM.CMS
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.19
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/*
 * HEADER
 */
/*
 * CONTENT
 */
/*
 * FOOTER
 */
/**
 * variables
 *
 * basic less variables - colors, sizes
 *
 * @package    KM.CMS/PROJECT
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.18
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/* red */
/* grey */
/* SCROLL-TO-TOP */
/**
 * variables/modules
 *
 * modules less varibles as base for all KM.CMS modules
 *
 * @package    KM.CMS/PROJECT
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.18
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/*
 * search module
 */
/**
 * variables/basics
 *
 * basics less varibles for basic HTML elements
 *
 * @package    KM.CMS
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.18
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/**
 * variables/navigation
 *
 * navigation less varibles for page navigation elements
 *
 * @package    KM.CMS/PROJECT
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.18
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/*
 * Main MegaDropdown Navigation
 */
/**
 * variables/page
 *
 * page less varibles for basic page layout
 *
 * @package    KM.CMS/PROJECT
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.18
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/* footer */
/**
 * basics/mixins
 *
 * general mixins for backend and frontend
 *
 * @package    KM.CMS
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.19
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
/*
 * 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, #ac111c 0%, #4c4c4c 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
 */
/*
 * KM MODAL
 */
@keyframes KMModalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(-10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}
@keyframes KMBackdropFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/**
 * basics/msg
 * 
 * less styles for message elements
 *
 * @package    KM.CMS
 * @subpackage inc/less
 * @copyright  klinger.MEDIA GmbH
 * @author     Christian Klinger <kontakt@klinger-media.de>
 * @version    4.1.19
 * @changedate 2026-09-30
 * @link       https://www.klinger-media.de
 */
.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: #1a1a1a;
}
.msg-array .msg-icon {
  background: #1a1a1a;
}