/**********************************************************
 * Variables
 **********************************************************/
/* - Colors - */
/* - Sizes - */
/* - Times - */
/* - Indexes - */
/**********************************************************
 * Definings
 **********************************************************/
/* - Menu Items - */
.cm-t_mainMenu {
  font-size: 0.8rem;
  line-height: 100%;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
}
.cm-t_secondMenu {
  font-size: 0.8rem;
  line-height: 100%;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  color: #333333;
}
/* - Paddings - */
.cm-p_null {
  padding: 0rem;
  margin: 0rem;
  list-style: none;
}
/* - Shadow - */
.cm-d_shadow {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
/* - Transition - */
.cm-d_transition {
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-d_transitionNone {
  transition: all 0s linear;
  /* explorer 10 */
  -webkit-transition: all 0s linear;
  /* chrome & safari */
  -moz-transition: all 0s linear;
  /* firefox */
  -o-transition: all 0s linear;
  /* opera */
}
/**********************************************************
 * Menü
 **********************************************************/
.cm-chartme.cm-showHome #cm-mainMenu #cm-secondMenu {
  display: none;
}
.cm-chartme #cm-mainMenu {
  display: inline-block;
  z-index: 9100;
  background-color: #ffffff;
  width: 100%;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
}
.cm-chartme #cm-mainMenu li.cm-invisible {
  opacity: 0.1;
}
.cm-chartme #cm-mainMenu li.cm-invisible,
.cm-chartme #cm-mainMenu li.cm-invisible a {
  pointer-events: none;
}
.cm-chartme #cm-mainMenu li.cm-invisible ul {
  display: none !important;
}
.cm-chartme #cm-mainMenu li.cm-invisible:hover,
.cm-chartme #cm-mainMenu li.cm-invisible li:hover {
  cursor: not-allowed;
}
.cm-chartme #cm-mainMenu li.cm-invisible:hover:after,
.cm-chartme #cm-mainMenu li.cm-invisible li:hover:after {
  opacity: 0.1 !important;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu li.cm-invisible:hover > a,
.cm-chartme #cm-mainMenu li.cm-invisible li:hover > a {
  opacity: 0.1 !important;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu li.cm-invisible:hover > a:hover,
.cm-chartme #cm-mainMenu li.cm-invisible li:hover > a:hover {
  cursor: not-allowed;
}
.cm-chartme #cm-mainMenu a.cm-invisible {
  opacity: 0.1;
  pointer-events: none;
}
.cm-chartme #cm-mainMenu a.cm-invisible ul {
  display: none !important;
}
.cm-chartme #cm-mainMenu a.cm-invisible:hover {
  cursor: not-allowed;
}
.cm-chartme #cm-mainMenu a.cm-invisible:hover:after {
  opacity: 0.1 !important;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-firstMenu {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0px;
  background: #333333;
  border-bottom: 0.2rem solid #ff6e00;
}
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-responsiveMenu {
  display: none;
}
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu #cm-closeMenu {
  display: none;
}
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 0px;
}
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li > a {
  display: block;
  position: relative;
  opacity: 0.4;
  font-size: 0.8rem;
  line-height: 100%;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li:after {
  opacity: 0.4;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li:hover,
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-tab.cm-active {
  cursor: pointer;
}
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li:hover:after,
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-tab.cm-active:after {
  opacity: 1;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li:hover > a,
.cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-tab.cm-active > a {
  opacity: 1;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-secondMenu {
  position: relative;
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.cm-chartme #cm-mainMenu #cm-secondMenu .cm-invisible {
  opacity: 0.1;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-backups {
  flex: 1;
  display: inline-block;
  padding-left: 0.2rem;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-backups:hover a {
  color: #333333;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-backups.cm-active a {
  color: #333333;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-backups a {
  display: inline-block;
  padding: 0rem 0.4rem;
  width: 1.6rem;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-backups a:hover {
  color: #ff6e00;
  cursor: pointer;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-backups div {
  display: inline-block;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-menu-project-save {
  flex: 1;
  display: inline-block;
  text-align: center;
  min-width: 14rem;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-menu-project-save .cm-bad {
  font-size: 0.8rem;
  line-height: 100%;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  color: #333333;
  position: relative;
  display: inline-block;
  padding: 0.4rem;
  padding-left: 1.3rem;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-menu-project-save .cm-bad:hover {
  color: #ff6e00;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-menu-project-save .cm-bad:before {
  content: '\f071';
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  padding: 0.1rem;
  width: 0.9rem;
  height: 0.9rem;
  position: absolute;
  left: 0.2rem;
  top: 50%;
  margin-top: -0.5rem;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-modus {
  flex: 1;
  display: inline-block;
  text-align: right;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-modus a {
  font-size: 0.8rem;
  line-height: 100%;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  color: #333333;
  padding: 0.4rem;
  display: inline-block;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-modus a:hover {
  color: #ff6e00;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-modus a:before {
  content: '\f044';
  font-family: "Font Awesome 5 Free";
  padding-right: 0.2rem;
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-modus a#cm-designTimeModus:before {
  content: '\f044';
}
.cm-chartme #cm-mainMenu #cm-secondMenu #cm-modus a#cm-liveTimeModus:before {
  content: '\f21e';
  font-weight: 900;
}
@media (min-width: 861px) {
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0:before {
    content: '';
    position: relative;
    display: inline-block;
    float: left;
    width: 4.6rem;
    height: 4.6rem;
    margin: 0px 0.8rem;
    background-image: url("../img/hichart/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-menuItem ul,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-metaMenuItem ul {
    display: none;
    position: absolute;
    background: #ffffff;
    border: 1px solid #333333;
    padding: 0.2rem;
    z-index: 9101;
    min-width: 6rem;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-menuItem ul li,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-metaMenuItem ul li {
    padding: 0.4rem 1.6rem 0.4rem 0.8rem;
    font-size: 0.8rem;
    line-height: 100%;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    color: #333333;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-menuItem ul li a,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-metaMenuItem ul li a {
    white-space: nowrap;
    opacity: 1;
    font-size: 0.8rem;
    line-height: 100%;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
    text-align: left;
    color: #333333;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-menuItem ul li:hover > a,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-metaMenuItem ul li:hover > a {
    color: #ff6e00;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-menuItem ul:hover,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-metaMenuItem ul:hover {
    display: inline-block;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-menuItem:hover > ul,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-metaMenuItem:hover > ul {
    display: inline-block;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-menuItem ul.cm-level1 {
    top: calc(100% - 0.2rem);
    left: 0px;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-menuItem ul.cm-level2 {
    top: 0px;
    left: calc(100% - 0.2rem);
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-metaMenuItem ul.cm-level1 {
    top: calc(100% - 0.2rem);
    right: 0px;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-metaMenuItem ul.cm-level2 {
    top: 0px;
    right: calc(100% - 0.2rem);
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0 {
    position: relative;
    float: left;
    width: 4.1rem;
    height: 4.6rem;
    line-height: 0.8rem;
    margin: 0px 0.2rem;
    list-style: none;
    font-size: 0.8rem;
    line-height: 100%;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0 > a {
    padding-top: 3.4rem;
    padding-bottom: 0.4rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0.cm-metaMenuItem {
    float: right;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-logoTab {
    width: auto;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-logoTab:after {
    display: none;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-logoTab a {
    opacity: 1;
    padding: 0px;
    display: inline-block;
    height: 100%;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0:after {
    content: '';
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 0.2rem;
    left: 50%;
    margin-left: -1.5rem;
    background: url("../img/hichart/btn_sprite_misc_white.png");
    background-size: auto 3rem;
    background-repeat: no-repeat;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-projectsTab:after {
    background-position: -24rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-pagesTab:after {
    background-position: -27rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-insertsTab:after {
    background-position: -30rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-datasTab:after {
    background-position: -33rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-viewsTab:after {
    background-position: -36rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-searchTab:after,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-helpTab:after {
    background-position: -42rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-languageTab:after {
    background-position: -48rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-loginTab:after {
    background-position: -51rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-aboutTab:after {
    background-position: -45rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-userTab:after {
    background-position: -54rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-groupTab:after {
    background-position: -57rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-projectTab:after {
    background-position: -24rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-licenceTab:after {
    background-position: -144rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-styleTab:after {
    background-position: -102rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu ul.cm-level0 li.cm-level0#cm-schedulerTab:after {
    background-position: -63rem 0rem;
  }
}
@media (max-width: 860px) {
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-responsiveMenu {
    display: inline-block;
    width: 100%;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-responsiveMenu #cm-responsiveLogo {
    margin-right: 1.6rem;
    display: inline-block;
    font-size: 0px;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-responsiveMenu #cm-responsiveLogo img {
    padding: 0.8rem;
    width: auto;
    height: 4.6rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-responsiveMenu #cm-responsiveMenuButton {
    position: relative;
    float: right;
    width: 4.1rem;
    height: 4.6rem;
    line-height: 0.8rem;
    z-index: 9110;
    margin: 0px 0.2rem;
    opacity: 0.4;
    font-size: 0.8rem;
    line-height: 100%;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    color: #ffffff;
    transition: all 0.2s linear;
    /* explorer 10 */
    -webkit-transition: all 0.2s linear;
    /* chrome & safari */
    -moz-transition: all 0.2s linear;
    /* firefox */
    -o-transition: all 0.2s linear;
    /* opera */
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-responsiveMenu #cm-responsiveMenuButton:hover {
    opacity: 1;
    transition: all 0.2s linear;
    /* explorer 10 */
    -webkit-transition: all 0.2s linear;
    /* chrome & safari */
    -moz-transition: all 0.2s linear;
    /* firefox */
    -o-transition: all 0.2s linear;
    /* opera */
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-responsiveMenu #cm-responsiveMenuButton:after {
    content: '';
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.5rem;
    margin-left: -1.5rem;
    background: url("../img/hichart/btn_sprite_misc_white.png");
    background-size: auto 3rem;
    background-repeat: no-repeat;
    background-position: -93rem 0rem;
    transition: all 0.2s linear;
    /* explorer 10 */
    -webkit-transition: all 0.2s linear;
    /* chrome & safari */
    -moz-transition: all 0.2s linear;
    /* firefox */
    -o-transition: all 0.2s linear;
    /* opera */
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu {
    display: none;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu {
    display: block;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 95%;
    max-width: 34rem;
    height: 100%;
    background: #333333;
    z-index: 9200;
    padding: 0.8rem;
    border-left: 0.2rem solid #ff6e00;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu li.cm-level0#cm-logoTab {
    display: none !important;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu li.cm-level0.cm-metaMenuItem {
    float: left;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu #cm-closeMenu {
    display: block;
    position: absolute;
    top: 0.8rem;
    right: 0.8rem;
    font-size: 1.4rem;
    line-height: 3rem;
    width: 3.4rem;
    height: 3.4rem;
    text-align: center;
    padding: 0.2rem;
    color: #ffffff;
    opacity: 0.4;
    transition: all 0.2s linear;
    /* explorer 10 */
    -webkit-transition: all 0.2s linear;
    /* chrome & safari */
    -moz-transition: all 0.2s linear;
    /* firefox */
    -o-transition: all 0.2s linear;
    /* opera */
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu #cm-closeMenu:hover {
    opacity: 1;
    transition: all 0.2s linear;
    /* explorer 10 */
    -webkit-transition: all 0.2s linear;
    /* chrome & safari */
    -moz-transition: all 0.2s linear;
    /* firefox */
    -o-transition: all 0.2s linear;
    /* opera */
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 {
    margin-top: 3.4rem;
    height: calc(100% - 3rem - 0.2rem - 0.2rem);
    overflow-y: auto;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0:before {
    display: none;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem {
    height: auto;
    width: 100%;
    float: none;
    padding: 0.2rem;
    margin: 0px;
    text-align: left;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem > ul,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem > ul {
    width: 100%;
    padding-left: 1.6rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem > a,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem > a {
    font-size: 1.1rem;
    line-height: 3rem;
    font-weight: 600;
    padding: 0px;
    text-align: left;
    width: 100%;
    display: block;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem:not(.cm-lastItem) > a,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem:not(.cm-lastItem) > a {
    padding-right: 3rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem:not(.cm-lastItem) > a:after,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem:not(.cm-lastItem) > a:after {
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    top: 0.95rem;
    right: 0.95rem;
    margin: 0px;
    background: url("../img/hichart/btn_sprite_misc_white.png");
    background-position: -4.5rem 0rem;
    background-size: auto 1.5rem;
    background-repeat: no-repeat;
    transition: all 0s linear;
    /* explorer 10 */
    -webkit-transition: all 0s linear;
    /* chrome & safari */
    -moz-transition: all 0s linear;
    /* firefox */
    -o-transition: all 0s linear;
    /* opera */
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem ul,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem ul {
    display: none;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem.cm-active:not(.cm-lastItem) > a,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem.cm-active:not(.cm-lastItem) > a {
    opacity: 1;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem.cm-active:not(.cm-lastItem) > a:after,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem.cm-active:not(.cm-lastItem) > a:after {
    background-position: 0rem 0rem;
    transition: all 0s linear;
    /* explorer 10 */
    -webkit-transition: all 0s linear;
    /* chrome & safari */
    -moz-transition: all 0s linear;
    /* firefox */
    -o-transition: all 0s linear;
    /* opera */
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem.cm-active:not(.cm-lastItem):after,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem.cm-active:not(.cm-lastItem):after {
    opacity: 1;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-menuItem.cm-active > ul,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-metaMenuItem.cm-active > ul {
    display: inline-block;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0 > a {
    padding-left: 3.2rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0.cm-active:not(.cm-lastItem) > a {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0:after {
    content: '';
    position: absolute;
    width: 3rem;
    height: 3rem;
    left: 0.2rem;
    top: 0.2rem;
    background: url("../img/hichart/btn_sprite_misc_white.png");
    background-size: auto 3rem;
    background-repeat: no-repeat;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-projectsTab:after {
    background-position: -24rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-pagesTab:after {
    background-position: -27rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-insertsTab:after {
    background-position: -30rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-datasTab:after {
    background-position: -33rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-viewsTab:after {
    background-position: -36rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-searchTab:after,
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-helpTab:after {
    background-position: -42rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-languageTab:after {
    background-position: -48rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-loginTab:after {
    background-position: -51rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-aboutTab:after {
    background-position: -45rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-userTab:after {
    background-position: -54rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-groupTab:after {
    background-position: -57rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-projectTab:after {
    background-position: -24rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-licenceTab:after {
    background-position: -144rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-styleTab:after {
    background-position: -102rem 0rem;
  }
  .cm-chartme #cm-mainMenu #cm-firstMenu #cm-menu.cm-showResponsiveMenu ul.cm-level0 li.cm-level0#cm-schedulerTab:after {
    background-position: -63rem 0rem;
  }
}
@media (max-width: 680px) {
  .cm-chartme #cm-mainMenu #cm-secondMenu #cm-backups,
  .cm-chartme #cm-mainMenu #cm-secondMenu #cm-menu-project-save,
  .cm-chartme #cm-mainMenu #cm-secondMenu #cm-modus {
    padding: 0px;
    flex: 1 auto;
    min-width: 100%;
    text-align: left;
  }
}
/**********************************************************
 * Footer
 **********************************************************/
.cm-chartme #cm-footerMenu {
  position: fixed;
  display: inline-block;
  bottom: 0px;
  left: 20%;
  z-index: 9100;
}
.cm-chartme #cm-footerMenu #cm-pager {
  display: inline-block;
  padding: 0.2rem;
  padding-bottom: 0rem;
  font-size: 0.8rem;
  line-height: 100%;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  color: #333333;
  color: #ffffff;
  z-index: 9110;
  text-align: center;
  background: #333333;
  border: 0.2rem solid #ff6e00;
  border-bottom: none;
  border-top-right-radius: 0.8rem;
  border-top-left-radius: 0.8rem;
}
.cm-chartme #cm-footerMenu #cm-pager select {
  font-size: 0.8rem;
  line-height: 100%;
  font-weight: 500;
  text-transform: uppercase;
  text-decoration: none;
  text-align: left;
  color: #333333;
  color: #ffffff;
  display: inline-block;
  background: #333333;
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
}
.cm-chartme #cm-footerMenu #cm-pager select:hover {
  transition: all 0.2s linear;
  /* explorer 10 */
  -webkit-transition: all 0.2s linear;
  /* chrome & safari */
  -moz-transition: all 0.2s linear;
  /* firefox */
  -o-transition: all 0.2s linear;
  /* opera */
  cursor: pointer;
}
.cm-chartme #cm-footerMenu #cm-pager select option,
.cm-chartme #cm-footerMenu #cm-pager select option:checked {
  background: #333333;
}
.cm-chartme #cm-footerMenu #cm-pager select:focus,
.cm-chartme #cm-footerMenu #cm-pager select:focus::-ms-value {
  background-color: #333333;
}
.cm-chartme #cm-footerMenu #cm-pager a {
  display: inline-block;
  padding: 0rem 0.2rem;
  color: #ffffff;
}
.cm-chartme #cm-footerMenu #cm-pager a:hover {
  color: #ff6e00;
}
.cm-chartme #cm-footerMenu #cm-pager a.cm-noAction:hover {
  color: #333333;
  cursor: default;
}
/*# sourceMappingURL=menu.css.map */