@charset "UTF-8";
/* ######################################### */
/* ### Basic Werte						#### */
/* ######################################### */
/* ########################################## */
/* ### Variables                         #### */
/* ########################################## */
/* ########################################## */
/* ### Color-Themes                      #### */
/* ########################################## */
/* ########################################## */
/* ### Variables                         #### */
/* ########################################## */
/* ########################################## */
/* ### Color-Themes                      #### */
/* ########################################## */
/* ########################################## */
/* ### Variables                         #### */
/* ########################################## */
/* ########################################## */
/* ### DIVERSE MIXINS                    #### */
/* ########################################## */
/* ########################################## */
/* ### IMPORTS                           #### */
/* ########################################## */
/* ubuntu-regular - cyrillic-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu-v12-cyrillic-ext-regular.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("../fonts/ubuntu-v12-cyrillic-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-v12-cyrillic-ext-regular.woff2") format("woff2"), url("../fonts/ubuntu-v12-cyrillic-ext-regular.woff") format("woff"), url("../fonts/ubuntu-v12-cyrillic-ext-regular.ttf") format("truetype"), url("../fonts/ubuntu-v12-cyrillic-ext-regular.svg#Ubuntu") format("svg");
  /* Legacy iOS */
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
/* ubuntu-regular - cyrillic */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu-v12-cyrillic-regular.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("../fonts/ubuntu-v12-cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-v12-cyrillic-regular.woff2") format("woff2"), url("../fonts/ubuntu-v12-cyrillic-regular.woff") format("woff"), url("../fonts/ubuntu-v12-cyrillic-regular.ttf") format("truetype"), url("../fonts/ubuntu-v12-cyrillic-regular.svg#Ubuntu") format("svg");
  /* Legacy iOS */
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
/* ubuntu-regular - greek-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu-v12-greek-ext-regular.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("../fonts/ubuntu-v12-greek-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-v12-greek-ext-regular.woff2") format("woff2"), url("../fonts/ubuntu-v12-greek-ext-regular.woff") format("woff"), url("../fonts/ubuntu-v12-greek-ext-regular.ttf") format("truetype"), url("../fonts/ubuntu-v12-greek-ext-regular.svg#Ubuntu") format("svg");
  /* Legacy iOS */
  unicode-range: U+1F00-1FFF; }
/* ubuntu-regular - greek */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu-v12-greek-regular.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("../fonts/ubuntu-v12-greek-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-v12-greek-regular.woff2") format("woff2"), url("../fonts/ubuntu-v12-greek-regular.woff") format("woff"), url("../fonts/ubuntu-v12-greek-regular.ttf") format("truetype"), url("../fonts/ubuntu-v12-greek-regular.svg#Ubuntu") format("svg");
  /* Legacy iOS */
  unicode-range: U+0370-03FF; }
/* ubuntu-regular - latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu-v12-latin-ext-regular.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("../fonts/ubuntu-v12-latin-ext-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-v12-latin-ext-regular.woff2") format("woff2"), url("../fonts/ubuntu-v12-latin-ext-regular.woff") format("woff"), url("../fonts/ubuntu-v12-latin-ext-regular.ttf") format("truetype"), url("../fonts/ubuntu-v12-latin-ext-regular.svg#Ubuntu") format("svg");
  /* Legacy iOS */
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/ubuntu-v12-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("../fonts/ubuntu-v12-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ubuntu-v12-latin-regular.woff2") format("woff2"), url("../fonts/ubuntu-v12-latin-regular.woff") format("woff"), url("../fonts/ubuntu-v12-latin-regular.ttf") format("truetype"), url("../fonts/ubuntu-v12-latin-regular.svg#Ubuntu") format("svg");
  /* Legacy iOS */
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
body {
  font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Ubuntu", Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300; }

h1, .h1, h2, .h2, h3, .h3 {
  margin-bottom: 10px;
  margin-top: 10px; }

/* ### Anpassungen Font-AWSOME-Darstellung # */
/* ######################################### */
.fa-stack:not(.fa-stack-coyote-contentIcon) {
  top: -2px; }
  .fa-stack:not(.fa-stack-coyote-contentIcon) .fa-stack-1x {
    border-radius: 10px;
    color: #fff;
    font-size: 10px;
    height: 15px;
    left: 11px;
    top: 10px;
    line-height: 15px;
    width: 15px; }

.modal-content .fa-stack .fa-stack-2x {
  line-height: 15px;
  height: 15px;
  width: 15px;
  font-size: 1em;
  font-size: 1em; }
.modal-content .fa-stack .fa-stack-1x {
  line-height: 9px;
  height: 11px;
  width: 11px;
  top: 10px; }

/* ######################################### */
/* ### Anpassungen f├╝r die Aktionen        # */
/* ######################################### */
.fa-stack-coyote-actions {
  font-size: 12px;
  margin-left: 0.5em; }

.fa-stack-coyote-panel-actions .fa-stack-coyote-actions {
  font-size: 12px;
  margin-left: 0em; }
.fa-stack-coyote-panel-actions a {
  line-height: 21px; }

.fa-stack-coyote-contentIcon {
  font-size: 90px;
  margin: 0px;
  padding: 0; }

@media (min-width: 576px) {
  .fa-stack-coyote-contentIcon {
    font-size: 20vw; } }
@media (min-width: 767px) {
  .fa-stack-coyote-contentIcon {
    font-size: 20vw; } }
@media (min-width: 992px) {
  .fa-stack-coyote-contentIcon {
    font-size: 4.5vw; } }
@media (min-width: 1200px) {
  .fa-stack-coyote-contentIcon {
    font-size: 5vw; } }
.fa-stack-coyote-actions, .fa-stack-coyote-contentIcon {
  /* ##### LABEL ##### */
  /* ##### SUBICON ##### */ }
  .fa-stack-coyote-actions i.fa-stack-2x, .fa-stack-coyote-contentIcon i.fa-stack-2x {
    font-size: 2em;
    color: #666666; }
  .fa-stack-coyote-actions i.fa-stack-1x, .fa-stack-coyote-contentIcon i.fa-stack-1x {
    font-size: 1em !important;
    color: #666666; }
  .fa-stack-coyote-actions .fa-stack-label, .fa-stack-coyote-contentIcon .fa-stack-label {
    background-color: #000000;
    color: #ffffff;
    position: absolute;
    display: block;
    text-align: center;
    line-height: 1em;
    font-size: 0.7em;
    padding: 0.2em;
    margin: 0 !important;
    width: auto;
    height: auto; }
    .fa-stack-coyote-actions .fa-stack-label.pos-br, .fa-stack-coyote-contentIcon .fa-stack-label.pos-br {
      bottom: 0em;
      right: -0.2em; }
    .fa-stack-coyote-actions .fa-stack-label.pos-bm, .fa-stack-coyote-contentIcon .fa-stack-label.pos-bm {
      bottom: 0em;
      right: 1.0em; }
    .fa-stack-coyote-actions .fa-stack-label.pos-bl, .fa-stack-coyote-contentIcon .fa-stack-label.pos-bl {
      bottom: 0em;
      left: -0.2em; }
    .fa-stack-coyote-actions .fa-stack-label.pos-mr, .fa-stack-coyote-contentIcon .fa-stack-label.pos-mr {
      top: 1.0em;
      right: -0.2em; }
    .fa-stack-coyote-actions .fa-stack-label.pos-mm, .fa-stack-coyote-contentIcon .fa-stack-label.pos-mm {
      top: 1.0em;
      right: 1.0em; }
    .fa-stack-coyote-actions .fa-stack-label.pos-ml, .fa-stack-coyote-contentIcon .fa-stack-label.pos-ml {
      top: 1.0em;
      left: -0.2em; }
    .fa-stack-coyote-actions .fa-stack-label.pos-tr, .fa-stack-coyote-contentIcon .fa-stack-label.pos-tr {
      top: 0em;
      right: -0.2em; }
    .fa-stack-coyote-actions .fa-stack-label.pos-tm, .fa-stack-coyote-contentIcon .fa-stack-label.pos-tm {
      top: 0em;
      right: 1.0em; }
    .fa-stack-coyote-actions .fa-stack-label.pos-tl, .fa-stack-coyote-contentIcon .fa-stack-label.pos-tl {
      top: 0em;
      left: -0.2em; }
  .fa-stack-coyote-actions i.fa-stack-sub, .fa-stack-coyote-contentIcon i.fa-stack-sub {
    position: absolute;
    line-height: 1em;
    width: 1.2em;
    height: 1.2em; }
    .fa-stack-coyote-actions i.fa-stack-sub.fa-stack-1x, .fa-stack-coyote-contentIcon i.fa-stack-sub.fa-stack-1x {
      color: #666666;
      font-size: 1.2em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-tl, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-tl {
      top: -0.1em;
      left: -0.1em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-tm, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-tm {
      top: -0.1em;
      left: 0.5em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-tr, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-tr {
      top: -0.1em;
      left: 1.1em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-ml, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-ml {
      bottom: 0.5em;
      left: -0.1em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-mm, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-mm {
      bottom: 0.5em;
      left: 0.5em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-mr, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-mr {
      bottom: 0.5em;
      left: 1.1em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-bl, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-bl {
      bottom: -0.1em;
      left: -0.1em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-bm, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-bm {
      bottom: -0.1em;
      left: 0.5em; }
    .fa-stack-coyote-actions i.fa-stack-sub.pos-br, .fa-stack-coyote-contentIcon i.fa-stack-sub.pos-br {
      bottom: -0.1em;
      left: 1.1em; }
  .fa-stack-coyote-actions i.fa-stack-sub-bg, .fa-stack-coyote-contentIcon i.fa-stack-sub-bg {
    background-color: #ffffff;
    padding: 0.1em;
    border-radius: 0.6em;
    text-align: center; }

/*navigation*/
#head-nav.navbar {
  border-radius: 0;
  border-bottom: 1px solid #E0E4E8; }

.navbar {
  border: 0;
  background-color: #ffffff;
  color: #777;
  padding-left: 10px;
  padding-right: 25px;
  margin-bottom: 0;
  height: 60px; }
  .navbar .btn, .navbar .fc button, .fc .navbar button {
    margin-top: 12px;
    background-color: #fff; }
    .navbar .btn i, .navbar .fc button i, .fc .navbar button i {
      color: #777; }
    .navbar .btn:hover, .navbar .fc button:hover, .fc .navbar button:hover {
      background-color: #F7F7F7; }
      .navbar .btn:hover i, .navbar .fc button:hover i, .fc .navbar button:hover i {
        color: #3D566D; }

.navbar-default .navbar-nav > .active > a {
  background-color: #F7F7F7; }

.navbar-nav > li > a {
  line-height: 20px;
  padding-bottom: 20px;
  padding-top: 18px; }

.navbar-default .navbar-nav > li > a {
  color: #777; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .active.open > a:focus,
.navbar-default .navbar-nav > .active.open > a:hover {
  background-color: #F7F7F7;
  color: #3D566D; }
.navbar-default .navbar-nav > .dropdown > a {
  border-top: 2px solid transparent; }
.navbar-default .navbar-nav > .active > a {
  border-top: 3px solid #3D566D;
  color: #3D566D; }
.navbar-default .navbar-nav li a i {
  margin-top: 3px; }
.navbar-default .navbar-nav li > ul {
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176); }
.navbar-default .navbar-nav > .active.open > ul,
.navbar-default .navbar-nav > .open > ul {
  border-top: 3px solid #3D566D; }
.navbar-default .navbar-nav > li > .dropdown-menu {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0; }
  .navbar-default .navbar-nav > li > .dropdown-menu::after {
    border-color: transparent transparent #3D566D;
    border-style: solid;
    border-width: 0 10px 10px;
    bottom: 100%;
    content: "";
    height: 0;
    position: absolute;
    left: 11px;
    width: 0; }

.navbar-nav.navbar-right > li > .dropdown-menu::after {
  right: 20px;
  left: auto; }

@media (min-width: 768px) and (max-width: 1025px) {
  .navbar-right {
    margin-right: -30px; } }
.navbar-nav .dropdown-toggle {
  height: 59px; }

.dropdown-menu {
  background-color: #ffffff;
  border-top: 3px solid transparent;
  border-radius: 0;
  box-shadow: none;
  min-width: 200px; }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: underline; }

.nav .open > a,
.dropdown-menu > li > a {
  color: #555;
  background-color: #ffffff;
  font-weight: normal;
  transition: color 500ms ease 0s;
  white-space: nowrap; }

.dropdown-menu > li > a:focus {
  color: #555;
  background-color: #ffffff; }

.nav .open > a,
.nav .open > a:focus {
  color: #555;
  background-color: #ffffff; }

.dropdown-menu > li > a:hover,
.nav .open > a:hover {
  color: #555;
  background-color: #ffffff; }

.nav > li > .dropdown-menu .dropdown-menu, .nav > li > .dropdown-menu.pull-left .dropdown-menu {
  left: 100%;
  margin-left: -1px;
  margin-right: 0;
  right: auto; }

.dropdown-submenu {
  position: relative; }

.dropdown-submenu > .dropdown-menu {
  top: -7px; }

.nav li a i {
  font-size: 14px;
  margin-right: 7px;
  text-align: center;
  width: 20px;
  float: right; }

.dropdown-menu li a {
  min-width: 250px;
  padding-right: 0px; }

.dropdown-menu li.multielement a {
  display: inline;
  min-width: 50px !important;
  width: 50px !important; }

.dropdown-menu li.multielement a:hover {
  text-decoration: none; }

.inbox {
  width: 530px; }

#header_inbox_bar i {
  position: relative;
  z-index: 100;
  font-size: 18px; }

.badge {
  position: absolute;
  right: 15px;
  top: 9px; }

.badge {
  background-color: #e02222;
  border-radius: 12px !important;
  font-size: 11px !important;
  font-weight: 300;
  height: 18px;
  padding: 3px 6px;
  text-align: center;
  text-shadow: none !important;
  vertical-align: middle; }

.scroller {
  margin: 0;
  overflow: hidden;
  padding: 0 12px 0 0; }

.dropdown-menu .dropdown-menu-list.scroller {
  list-style: outside none none;
  padding-left: 0;
  padding-right: 0 !important;
  background-color: #ffffff !important; }

.dropdown-menu.extended {
  background-color: #F7F7F7 !important;
  padding-top: 0px; }
  .dropdown-menu.extended .inbox-content-header {
    background-color: #F7F7F7; }
  .dropdown-menu.extended li p {
    color: #555;
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 10px;
    border-bottom: 1px solid #3D566D; }
  .dropdown-menu.extended li a {
    font-size: 12px;
    list-style: outside none none;
    padding: 7px 0 5px;
    text-shadow: none;
    background-color: #ffffff;
    font-size: 13px;
    clear: both;
    display: block;
    font-weight: normal;
    line-height: 20px;
    padding: 5px 10px !important;
    white-space: normal !important; }
  .dropdown-menu.extended li:first-child a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: medium none; }
  .dropdown-menu.extended li:last-child a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important; }

.dropdown-menu.inbox li li {
  border-bottom: 1px solid #F7F7F7; }
.dropdown-menu.inbox li > a {
  color: #555;
  transition: color 500ms ease 0s; }
  .dropdown-menu.inbox li > a .subject {
    display: block; }
  .dropdown-menu.inbox li > a .subject .from {
    font-size: 12px;
    font-weight: 400;
    float: left;
    margin-right: 10px; }
  .dropdown-menu.inbox li > a .subject .time {
    float: right;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    position: relative; }
  .dropdown-menu.inbox li > a .subject .message {
    display: block !important;
    font-size: 12px;
    float: left; }
.dropdown-menu.inbox li > a:hover {
  color: #555;
  background-color: #F7F7F7 !important; }

.dropdown-menu.extended li.external {
  border-top: 1px solid #3D566D; }
  .dropdown-menu.extended li.external > a {
    font-size: 13px;
    font-weight: 400;
    background-color: #F7F7F7; }
.dropdown-menu.extended li > a {
  font-size: 13px;
  font-weight: 400; }

.monad-mail-toggle {
  background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 21px;
  padding: 5px 10px;
  position: absolute;
  right: 60px;
  text-align: center;
  top: 10px;
  z-index: 10; }
  .monad-mail-toggle .badge {
    height: 15px;
    padding: 1px 4px;
    right: 3px;
    top: 5px;
    z-index: 11; }
  .monad-mail-toggle .fa {
    color: #fff; }

.monad-logout-toggle {
  background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: none;
  font-size: 21px;
  padding: 5px 10px;
  position: absolute;
  right: 115px;
  text-align: center;
  top: 10px;
  z-index: 10; }
  .monad-logout-toggle .fa {
    color: #fff; }

.monad-navigation-select {
  display: none;
  width: 100%; }
  .monad-navigation-select select {
    width: 100% !important;
    height: 40px; }

.flexselect_dropdown ul {
  max-height: 200px; }

/* remove rounds from all elements */
div,
input,
select,
textarea,
span,
img,
table,
td,
th,
p,
a,
button,
ul,
code,
pre,
li {
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important; }

body {
  background-color: #F0F0F0;
  color: #333333; }

a:active, a:focus {
  outline: none; }

/* ############### Diverse Abstände ################### */
.noMargin {
  margin: 0 !important; }

.noPadding {
  padding: 0 !important; }

.marginTop20 {
  margin-top: 20px !important; }

.marginTop16 {
  margin-top: 16px !important; }

.textAlignRight {
  text-align: right; }

.width150 {
  width: 150px; }

.width100 {
  width: 100px; }

.loadingIcon i {
  color: #ccc;
  font-size: 200px; }

.loadingIcon {
  left: 50%;
  margin: -100px 0 0 -100px;
  position: fixed;
  top: 50%;
  z-index: 99999;
  display: none; }

/* ############### Main-header ################### */
.monad-main-header {
  margin-top: 10px;
  margin-bottom: 30px;
  display: flex;
  align-items: center; }

.monad-main-header h2 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: default;
  *zoom: 1;
  *display: inline;
  margin: 0;
  padding-right: 10px;
  text-transform: uppercase;
  float: left;
  white-space: nowrap; }

@media screen and (max-width: 768px) {
  .monad-main-header h2 {
    display: block;
    border-right: none; } }
.monad-main-header em {
  color: #aaaaaa;
  display: table-cell;
  /*height: 33px;
  min-height: 33px;*/
  padding-left: 10px;
  border-left: 1px solid #dadada; }

/* ############### Main-Content ################### */
#monad-content {
  margin-left: 216px;
  position: relative; }

#monad-content.container-fluid {
  padding: 0;
  overflow: hidden; }

/*BODY*/
.monad-main-content .row {
  /*margin-top: 20px;*/
  margin-top: 0px; }

.monad-main-content .col-lg-6 {
  padding: 0 15px; }

.monad-main-content {
  background-color: #F0F0F0;
  color: inherit;
  font-size: 13px;
  font-weight: 200;
  line-height: 21px;
  padding: 15px 30px 30px 30px;
  margin-top: 0;
  height: 100%; }

.monad-main-content.white {
  background: #fff; }

/*Vertical Navigation*/
.monad-sidebar {
  background: #272930;
  position: absolute;
  width: 280px;
  z-index: 3;
  border-right: 1px solid rgba(255, 255, 255, 0.1); }

.monad-sidebar .monad-nav-toggle {
  display: none;
  padding: 5px 8px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 10px;
  background: rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  color: #fff;
  font-size: 21px;
  z-index: 10; }

.monad-sidebar-logo {
  position: relative;
  background: #3D566D;
  padding: 5px 15px;
  display: block;
  height: 60px; }
  .monad-sidebar-logo a {
    padding: 0px;
    margin: 0px;
    font-size: 24px;
    color: #fff; }
  .monad-sidebar-logo a.wideLogo {
    display: block; }
  .monad-sidebar-logo a.smallLogo {
    display: none; }

.monad-vertical-navigation {
  margin: 0 0 0 0;
  padding: 0;
  list-style: none; }

.monad-vertical-navigation > .parent > a:before {
  display: inline-block;
  content: "\f104";
  font-family: 'FontAwesome';
  float: right;
  -webkit-transition: rotate 300ms ease;
  -moz-transition: rotate 300ms ease;
  -o-transition: rotate 300ms ease;
  transition: transform 300ms ease; }

.monad-vertical-navigation > .parent.open > a:before,
.monad-vertical-navigation > .parent.active > a:before {
  transform: rotate(90deg); }

.monad-vertical-navigation li a {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: block;
  padding: 7px 15px 7px 15px;
  color: #aaa;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
  -webkit-transition: color 500ms ease;
  -moz-transition: color 500ms ease;
  transition: color 500ms ease; }

.monad-vertical-navigation li a:hover {
  color: #ffffff;
  background-color: #22242B; }

.monad-vertical-navigation li.active .sub-menu {
  display: block; }

.navigation-version {
  cursor: default;
  color: #aaa;
  position: absolute;
  bottom: 5px; }

.well {
  background-color: #ffffff; }

.parent .sub-menu {
  padding: 10px 0;
  list-style: none; }

.parent .sub-menu li {
  list-style: none; }

/* MG Edit */
.sub-menu li a {
  border: 0; }

.sub-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.1); }

/*Collapsed Sidebar*/
.sidebar-collapsed .monad-sidebar {
  width: 60px; }

.sidebar-collapsed .monad-sidebar-logo {
  padding: 4px 0 5px;
  background-color: #3D566D; }
  .sidebar-collapsed .monad-sidebar-logo a.wideLogo {
    display: none; }
  .sidebar-collapsed .monad-sidebar-logo a.smallLogo {
    display: block; }

.sidebar-collapsed #monad-content {
  margin-left: 45px; }

.sidebar-collapsed .monad-vertical-navigation li {
  position: relative; }

.sidebar-collapsed .monad-vertical-navigation .parent a {
  background-image: none; }

.sidebar-collapsed .monad-vertical-navigation > .parent > a:before {
  display: none; }

.sidebar-collapsed .monad-vertical-navigation li a i {
  margin: 0;
  font-size: 14px; }

.sidebar-collapsed .monad-vertical-navigation li a span {
  display: none;
  width: 0;
  height: 0; }

.monad-sidebar .collapse-button {
  margin: 10px 0 10px 0;
  background: #21232A;
  width: 280px; }

.monad-sidebar .collapse-button .search,
.monad-sidebar .collapse-button .fastAutoCompleteNav {
  width: 219px;
  display: inline-block;
  margin-right: 3px;
  border-radius: 2px;
  height: 33px;
  color: rgba(255, 255, 255, 0.7);
  background: none repeat scroll 0 0 #181A21;
  font-size: 11px;
  border: 1px solid rgba(0, 0, 0, 0.06); }

.monad-sidebar .collapse-button button {
  margin: 0 !important;
  background: transparent;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 2px;
  color: #aaa; }

.monad-sidebar .collapse-button button:hover {
  background: #22242B; }
  .monad-sidebar .collapse-button button:hover i {
    color: #fff; }

#monad-wrapper.fixed-menu .menu-space {
  position: fixed;
  width: 416px;
  background: #272930; }

#monad-wrapper.fixed-menu .menu-space .content {
  outline: none; }

#monad-wrapper.sidebar-collapsed.fixed-menu .menu-space {
  width: 60px; }

.sidebar-collapsed .monad-sidebar .collapse-button .search,
.sidebar-collapsed .monad-sidebar .collapse-button #monadQuickNaviSelect_chosen {
  display: none; }

.sidebar-collapsed .monad-sidebar .collapse-button {
  width: 60px;
  text-align: center; }

.sidebar-collapsed .monad-vertical-navigation li.active ul,
.sidebar-collapsed .monad-vertical-navigation li.open ul {
  display: none !important; }

#sub-menu-nav > ul {
  color: #ffffff;
  background: #272930;
  padding: 0px 0;
  min-width: 280px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-top: 0; }

#sub-menu-nav > ul > li {
  list-style: none; }

#sub-menu-nav > ul > li > a {
  margin-right: -1px;
  display: block;
  font-size: 14px;
  border-bottom: 0;
  color: #aaa;
  text-shadow: none;
  text-align: left;
  background: transparent;
  padding: 6px 20px 6px 31px; }

#sub-menu-nav > ul > li > a:hover {
  background-color: #22242B;
  border-left: 3px solid #3D566D;
  color: #ffffff; }

#sub-menu-nav > ul > li ul li a {
  margin-right: -1px;
  display: block;
  font-size: 14px;
  border-bottom: 0;
  color: #aaa;
  text-shadow: none;
  text-align: left;
  background: transparent;
  padding: 6px 20px 6px 41px; }

#sub-menu-nav > ul > li ul li a:hover {
  background-color: #22242B;
  border-left: 3px solid #3D566D;
  color: #ffffff; }

#sub-menu-nav > ul li:first-child {
  padding-top: 0; }

#sub-menu-nav > ul li:last-child {
  padding-bottom: 0; }

#sub-menu-nav > ul > li.dropdown-header {
  padding: 14px 10px 14px 20px;
  display: block !important;
  color: #ffffff;
  font-size: 16px;
  background-color: #3D566D; }

#sub-menu-nav > ul > li.dropdown-header i {
  text-align: center;
  width: 15px;
  display: none; }

#sub-menu-nav > ul li.dropdown-header {
  display: none; }

#sub-menu-nav ul:after {
  top: 0px;
  content: "";
  display: inline-block;
  left: -9px;
  height: 43px;
  width: 10px;
  position: absolute; }

/*.sidebar-collapsed .monad-vertical-navigation li:hover ul{display: block !important;}
	.sidebar-collapsed .monad-vertical-navigation li.ocult ul{display:none !important;}

*/
/*End Collapsed*/
.monad-vertical-navigation li a i {
  text-align: center;
  width: 20px;
  font-size: 14px;
  margin-right: 7px; }

.monad-vertical-navigation li a span {
  display: inline-block; }

.monad-vertical-navigation li ul {
  background-color: #1d1f26;
  display: none;
  margin: 0;
  padding: 0;
  padding-top: 4px; }

.monad-vertical-navigation .parent ul li {
  list-style: none; }

.monad-vertical-navigation .parent ul li ul li a {
  padding-left: 52px; }

.monad-vertical-navigation .parent ul li.dropdown-header {
  display: none; }

.monad-vertical-navigation .parent ul li a {
  font-size: 14px;
  background-image: none;
  padding: 5px 18px 5px 42px; }

.monad-vertical-navigation .parent ul li.active a {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
  border-left: 3px solid #3D566D; }

.monad-vertical-navigation .parent ul li a:hover {
  background-color: rgba(0, 0, 0, 0.2); }

.monad-vertical-navigation .parent ul li a:first-child {
  border-top: 0; }

.monad-vertical-navigation .active > a {
  background: #2A2C34;
  border-left: 3px solid #3D566D;
  padding-left: 12px; }

.monad-vertical-navigation .selected:hover a {
  background-color: #2494F2; }

.monad-vertical-navigation .selected:hover ul a {
  background-color: #1A1C20; }

body {
  height: 100%; }

#monad-wrapper {
  display: table;
  width: 100%;
  position: absolute;
  height: 100%; }

.monad-sidebar {
  display: table-cell;
  position: relative;
  vertical-align: top;
  padding-bottom: 200px; }

#monad-content {
  display: table-cell;
  vertical-align: top; }

#head-nav.topbar {
  background-color: #3D566D;
  color: #fff;
  padding-left: 0; }

#head-nav.topbar .monad-sidebar-logo {
  display: inline-block;
  width: 220px;
  float: left; }

#head-nav.topbar .navbar-toggle {
  box-shadow: none;
  background-color: #2e475e;
  border: none;
  margin-right: 15px; }

#head-nav.topbar .navbar-nav > li > a {
  color: #fff; }

#head-nav.topbar .navbar-nav > .active > a,
#head-nav.topbar .navbar-nav > .active > a:hover,
#head-nav.topbar .navbar-nav > .active > a:focus {
  background-color: #476077; }

#head-nav.topbar .navbar-nav > .open > a,
#head-nav.topbar .navbar-nav > .open > a:hover,
#head-nav.topbar .navbar-nav > .open > a:focus {
  background-color: #476077; }

#head-nav.topbar .navbar-nav > .dropdown > a .caret {
  border-bottom-color: #fff;
  border-top-color: #fff; }

#head-nav.topbar .navbar-nav .dropdown .dropdown-menu {
  margin-top: 1px; }

#head-nav.topbar .not-nav {
  float: right; }

#head-nav.topbar .navbar-nav > li.button > a {
  box-shadow: none; }

#head-nav.topbar .not-nav > .open > a,
#head-nav.topbar .not-nav > .open > a:hover,
#head-nav.topbar .not-nav > .open > a:focus {
  color: #fff !important; }

/*RESPONSIVE*/
/*Responsive CSS*/
@media (min-width: 1200px) {
  .monad-sidebar .monad-vertical-navigation {
    display: block !important; }
  .monad-sidebar .monad-navigation-select {
    display: none; }

  #head-nav.navbar {
    display: block; } }
@media (min-width: 979px) and (max-width: 1199px) {
  .monad-main-header .pull-right {
    float: none !important;
    clear: both !important;
    margin-left: 10px; }

  .monad-sidebar .monad-vertical-navigation {
    display: block !important; }

  .monad-navigation-select {
    display: none; }

  #head-nav.navbar {
    display: block; } }
@media (min-width: 768px) and (max-width: 978px) {
  .monad-main-header .pull-right {
    float: none !important;
    clear: both !important;
    margin-left: 10px; }

  .navbar-default .navbar-brand {
    background-position: 0 11px;
    height: 50px;
    width: 45px;
    padding-left: 26px; }

  .navbar-default .navbar-brand span {
    display: none; }

  .monad-sidebar-logo {
    padding: 4px 0 5px;
    background-color: #3D566D; }
    .monad-sidebar-logo a.wideLogo {
      display: none; }
    .monad-sidebar-logo a.smallLogo {
      display: block; }

  #head-nav.topbar .monad-sidebar-logo {
    display: inline-block;
    width: 60px;
    float: left; }

  #head-nav.topbar .navbar-collapse {
    padding-left: 0; }

  .monad-sidebar {
    width: 45px; }

  #head-nav.topbar .horizontal > li > a {
    padding: 22px 16px; }

  #monad-content {
    margin-left: 45px; }

  #monad-wrapper.fixed-menu .menu-space {
    width: 45px; }

  .monad-vertical-navigation li {
    position: relative; }

  .monad-vertical-navigation > .parent > a:before {
    display: none; }

  .monad-vertical-navigation li a i {
    margin: 0;
    font-size: 14px; }

  .monad-vertical-navigation li a span {
    opacity: 0;
    width: 0;
    height: 0; }

  .monad-sidebar .monad-vertical-navigation {
    display: block !important; }

  .monad-vertical-navigation li ul {
    display: none !important; }

  .monad-sidebar .collapse-button {
    display: none; }

  .monad-sidebar .collapse-button .search,
  .monad-sidebar .collapse-button .fastAutoCompleteNavi {
    display: none; }

  .monad-navigation-select {
    display: block !important;
    left: 80px;
    position: absolute;
    top: 9px;
    width: 400px; }

  #head-nav.navbar {
    display: block; } }
@media (max-width: 767px) {
  .monad-main-header .pull-right {
    float: none !important;
    clear: both !important;
    margin-left: 10px; }

  #monad-wrapper {
    margin-top: 0;
    display: block; }

  #monad-content,
  .sidebar-collapsed #monad-content {
    margin-left: 0;
    display: block; }

  .monad-main-content {
    padding: 15px; }

  /*nav bar*/
  .navbar {
    padding-right: 10px; }

  .navbar-fixed-top {
    position: relative;
    margin: 0; }

  /*dropdown menu*/
  .dropdown.profile_menu .dropdown-menu {
    position: absolute;
    background-color: #fff;
    color: #000;
    margin-left: 10px; }

  .dropdown.profile_menu .dropdown-menu > li > a {
    color: #000; }

  .dropdown.profile_menu .dropdown-menu:before {
    background: url("../images/menu-tail-up.png") no-repeat;
    top: -10px;
    content: "";
    left: 10px;
    display: inline-block;
    height: 43px;
    width: 17px;
    position: absolute; }

  .not-nav .dropdown-menu:before {
    background: url("../images/menu-tail-up.png") no-repeat;
    top: -10px;
    content: "";
    right: 13px;
    left: auto;
    display: inline-block;
    height: 43px;
    width: 17px;
    position: absolute; }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000; }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
    background-color: #3D566D; }

  .navbar-default .navbar-nav .dropdown-submenu > a:after {
    border-width: 0; }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #FFF; }

  .navbar-nav .dropdown-menu > li > a:hover,
  .navbar-nav .dropdown-menu > li > a:focus,
  .navbar-nav .dropdown-submenu:hover > a {
    background-color: transparent; }

  .navbar-nav .dropdown-submenu ul {
    display: block;
    padding-left: 20px; }

  .navbar-nav .dropdown-header {
    color: #FFF; }

  .navbar-nav .col-menu-2 > li > ul > li a {
    color: #FFF;
    padding-left: 45px; }

  .navbar-nav .col-menu-3 > li > ul > li a {
    color: #FFF;
    padding-left: 45px; }

  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-nav > .active > a:focus,
  .navbar-nav > .active > a:active {
    background: transparent !important;
    color: #FFF !important; }

  .not-nav {
    display: inline-block;
    float: right;
    text-align: center;
    margin: 0;
    padding: 0 10px !important; }

  .navbar-default .navbar-nav > li.button {
    float: none;
    display: inline-block;
    padding: 10px 0;
    top: 100%; }

  .not-nav > li > .dropdown-menu {
    text-align: left; }

  .navbar-default .not-nav > li.button > a {
    width: 36px; }

  .navbar-default .navbar-nav > li.button > a > i {
    font-size: 17px;
    vertical-align: middle; }

  .navbar-default .navbar-nav > li.button .dropdown-menu {
    position: absolute;
    background-color: #FFFFFF;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    border-top: 0;
    margin-left: -218px; }

  .navbar-default .navbar-nav > li.button .dropdown-menu > li > a {
    text-align: left; }

  .navbar-collapse {
    padding: 0 !important; }

  .navbar-collapse .navbar-nav {
    margin: 0; }

  .profile_menu {
    margin: 0; }

  .profile_menu .dropdown-toggle {
    padding-left: 15px;
    background-color: transparent !important;
    color: #000 !important; }

  .navbar-default .navbar-brand {
    width: auto; }

  .user-nav {
    margin: 7.5px -15px;
    display: inline-block; }

  .navbar-collapse.in {
    overflow: visible; }

  .navbar-header {
    padding: 0 10px;
    background-color: #3D566D; }

  #head-nav.topbar .navbar-header {
    background-color: #3D566D;
    padding: 8px 0; }

  #head-nav.topbar .monad-sidebar-logo {
    display: none; }

  #head-nav.topbar .navbar-nav {
    padding: 5px 20px; }

  #head-nav.topbar .horizontal > li > a {
    padding: 10px 15px; }

  #head-nav.topbar .navbar-nav .dropdown .dropdown-menu {
    margin-top: 0;
    box-shadow: none;
    position: static; }

  #head-nav.topbar .user-nav {
    display: block; }

  #head-nav.topbar .user-nav > .open > a,
  #head-nav.topbar .user-nav > .open > a:hover,
  #head-nav.topbar .user-nav > .open > a:focus {
    background-color: #476077 !important; }

  #head-nav.topbar .profile_menu .dropdown-toggle {
    color: #fff !important;
    padding: 10px; }

  #head-nav.topbar .dropdown.profile_menu .dropdown-menu {
    background: transparent; }

  #head-nav.topbar .dropdown.profile_menu .dropdown-menu:before {
    display: none; }

  #head-nav.topbar .navbar-nav .dropdown .dropdown-menu > li > a {
    color: #fff; }

  #head-nav.topbar .not-nav {
    background: #334c63;
    display: block;
    float: none; }

  #head-nav.topbar .not-nav .dropdown .dropdown-menu {
    position: absolute; }

  #head-nav.topbar .not-nav .dropdown-menu:before {
    right: 123px; }

  #head-nav.topbar .navbar-nav > li.button .dropdown-menu {
    margin-left: -110px; }

  .col-menu-2 > div:first-child {
    border-right: 0; }

  /*end - dropdown*/
  .monad-sidebar,
  .sidebar-collapsed .monad-sidebar {
    background: none repeat scroll 0 0 #272930;
    width: 100%;
    position: relative;
    z-index: 1020;
    display: table-cell;
    padding-bottom: 0; }

  .sidebar-collapsed .monad-sidebar .monad-sidebar-logo {
    background-color: #3D566D; }

  #monad-wrapper.fixed-menu .menu-space,
  #monad-wrapper.fixed-menu.sidebar-collapsed .menu-space {
    position: relative;
    height: auto !important;
    width: 100%; }

  #monad-wrapper .menu-space {
    min-height: 0 !important; }

  #monad-wrapper.fixed-menu .menu-space .content,
  #monad-wrapper.fixed-menu.sidebar-collapsed .menu-space .content {
    overflow: visible;
    position: relative; }

  .sidebar-collapsed .monad-vertical-navigation li a span {
    display: inherit; }

  .sidebar-collapsed .monad-vertical-navigation li a i {
    font-size: 14px;
    margin-right: 7px;
    text-align: center;
    width: 20px; }

  .sidebar-collapsed .monad-vertical-navigation li.open ul {
    display: block !important; }

  #head-nav.navbar {
    display: none; }

  .monad-sidebar
  .monad-nav-toggle,
  .monad-mail-toggle,
  .monad-logout-toggle {
    display: block; }

  .monad-sidebar .monad-vertical-navigation {
    display: none; }

  .monad-sidebar .collapse-button {
    display: none; }

  .navigation-version {
    display: none; } }
.content-cockpit {
  background-color: inherit; }
  .content-cockpit#monad-content {
    height: 100%; }
  .content-cockpit .monad-main-content {
    background-color: inherit; }
  .content-cockpit .gridster .gs-w {
    background-color: #F5F5F5;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    color: interit;
    /* Tabellen */
    /* Statistik */
    /* Progeress */
    /* Lists */ }
    .content-cockpit .gridster .gs-w table.table {
      border-top: 1px solid #dadada; }
      .content-cockpit .gridster .gs-w table.table thead > tr {
        background-color: transparent; }
        .content-cockpit .gridster .gs-w table.table thead > tr th {
          border-bottom: 2px solid #dadada;
          border-right: 2px solid #dadada;
          border-left: 2px solid #dadada; }
      .content-cockpit .gridster .gs-w table.table tbody > tr {
        background-color: #f9f9f9; }
        .content-cockpit .gridster .gs-w table.table tbody > tr td {
          border-top: 1px solid #dadada;
          border-left: 1px solid #dadada;
          border-bottom: 1px solid #dadada; }
          .content-cockpit .gridster .gs-w table.table tbody > tr td:last-child {
            border-right: 1px solid #dadada; }
      .content-cockpit .gridster .gs-w table.table tbody > tr:nth-child(2n) {
        background-color: #f8f8f8; }
      .content-cockpit .gridster .gs-w table.table td a:not(.legend) i {
        color: interit; }
    .content-cockpit .gridster .gs-w .statistik {
      background-color: inherit; }
      .content-cockpit .gridster .gs-w .statistik table > tbody {
        background-color: inherit; }
      .content-cockpit .gridster .gs-w .statistik .monad-box {
        background-color: inherit;
        border: 1px solid #dadada; }
      .content-cockpit .gridster .gs-w .statistik .actions a {
        color: inherit; }
      .content-cockpit .gridster .gs-w .statistik .legendLabel {
        color: inherit; }
      .content-cockpit .gridster .gs-w .statistik .monad-chart-labelselect {
        color: #333333; }
      .content-cockpit .gridster .gs-w .statistik .flot-tick-label {
        color: inherit; }
    .content-cockpit .gridster .gs-w .progress {
      background-color: #f5f5f5;
      border: 1px solid #dddddd; }
    .content-cockpit .gridster .gs-w .list-group h3 {
      margin-bottom: 20px; }
    .content-cockpit .gridster .gs-w .list-group .list-group-item {
      color: #555555;
      background-color: #f9f9f9;
      border: 1px solid #dddddd; }
    .content-cockpit .gridster .gs-w .list-group .list-group-item:nth-of-type(2n+1) {
      background-color: #ffffff; }

.monad-box {
  margin-bottom: 40px;
  padding: 0px 20px 20px 20px;
  background: #ffffff;
  position: relative;
  border: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  width: 100%; }
  .monad-box .header {
    position: relative;
    border-bottom: 1px solid #dadada;
    background: none;
    padding: 15px 0 0 0; }
    .monad-box .header h2 {
      margin: 0;
      font-weight: 100;
      font-size: 29px;
      line-height: 38px; }
    .monad-box .header h3 {
      margin-top: 3px;
      font-weight: 200; }
  .monad-box .content {
    position: relative;
    padding: 15px 3px 0px 3px; }
    .monad-box .content h4 {
      margin-top: 20px;
      font-size: 16px; }
    .monad-box .content .row {
      margin: 0;
      padding: 0; }
    .monad-box .content.adImport {
      max-height: 265px; }
      .monad-box .content.adImport img {
        max-height: 150px;
        max-width: 100%; }
  .monad-box .footer {
    position: relative;
    border-top: 1px solid #dadada;
    background: none;
    padding: 15px 0 0 0;
    margin-top: 15px; }
    .monad-box .footer i {
      color: #c4c4c4;
      margin-right: 10px;
      cursor: pointer; }
      .monad-box .footer i:hover {
        color: #989898 !important; }
    .monad-box .footer i.pull-right {
      color: #c4c4c4;
      margin-left: 10px; }

.monad-box.highlight1 {
  background-color: #334C81;
  color: #FFFFFF; }

.monad-box .header.highlight1 {
  background-color: #334C81;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box.highlight2 {
  background-color: #537ACF;
  color: #FFFFFF; }

.monad-box .header.highlight2 {
  background-color: #537ACF;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box.highlight3 {
  background-color: #687082;
  color: #FFFFFF; }

.monad-box .header.highlight3 {
  background-color: #687082;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box.highlight4 {
  background-color: #A5B2CF;
  color: #FFFFFF; }

.monad-box .header.highlight4 {
  background-color: #A5B2CF;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box.highlight5 {
  background-color: #7D7D7D;
  color: #FFFFFF; }

.monad-box .header.highlight5 {
  background-color: #7D7D7D;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box.highlight6 {
  background-color: #4D4D4D;
  color: #FFFFFF; }

.monad-box .header.highlight6 {
  background-color: #4D4D4D;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box.highlight7 {
  background-color: #d4d4d4;
  color: #FFFFFF; }

.monad-box .header.highlight7 {
  background-color: #d4d4d4;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box .header.danger {
  background-color: #C9302C;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box .header.warning {
  background-color: #EC971F;
  color: #ffffff;
  margin: 0px -20px -20px;
  border-bottom: 25px solid #ffffff;
  padding: 10px 10px 5px 20px; }

.monad-box .actions,
.block .actions {
  float: right; }

.actionsWrapper {
  /*position: absolute;
  top: 10px;
  right: 15px;*/
  float: right; }
  .actionsWrapper .actions a.btn {
    margin-bottom: 0px !important;
    line-height: 22px;
    margin-left: 0px; }

.actionsWrapperBottom {
  position: absolute;
  bottom: 40px;
  right: 15px; }

.monad-box .actions .refresh i,
.block .actions .refresh i {
  font-size: 12px; }

.monad-box .actions a {
  margin-left: 6px;
  color: rgba(0, 0, 0, 0.3); }

.monad-box .actions a:hover {
  color: rgba(0, 0, 0, 0.5); }

.monad-box.dark-box .actions a {
  color: #fff; }

.monad-box.dark-box .actions a:hover {
  color: rgba(255, 255, 255, 0.5); }

.monad-box.no-content-background {
  background-color: #F0F0F0;
  border: none;
  padding: 0px; }

.no-content-background .header {
  border-bottom: none !important;
  margin: 0 !important; }

/* ###  Back to top button #### */
.monad-goBackToTop {
  position: fixed;
  bottom: 0;
  right: 0px;
  text-decoration: none;
  color: #ffffff;
  background-color: rgba(39, 41, 48, 0.8);
  font-size: 12px;
  padding: 9px 12px;
  display: none; }

.monad-goBackToTop i {
  font-size: 15px; }

.monad-goBackToTop:hover {
  color: #ffffff;
  background-color: #272930; }

.monad-goBackToTop:focus {
  color: #ffffff; }

.breadcrumb {
  border-radius: 0px;
  background: transparent none repeat scroll 0px 0px;
  padding-left: 30px;
  border-bottom: 1px solid #dadada;
  margin-bottom: 0px;
  font-size: 13px; }
  .breadcrumb > li {
    vertical-align: middle; }
  .breadcrumb .fa {
    margin-right: 10px;
    color: #687082; }

table {
  border-collapse: collapse;
  border-top: 1px solid #dadada;
  width: 100%;
  background-color: transparent; }
  table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dadada;
    border-left: 1px solid #dadada;
    border-top: 1px solid #dadada;
    padding: 10px 8px 5px 8px;
    font-size: 13px;
    white-space: nowrap; }
    table thead th.triggerCollapsingTableColumnContainer {
      /*padding-left:20px !important;
      padding-right:20px !important;*/ }
    table thead th:last-child {
      border-right: 1px solid #dadada; }
    table thead th span {
      color: #333; }
    table thead th[data-min-width-140-px] {
      min-width: 140px; }
    table thead th .mfw_sortArrows {
      display: inline-block;
      float: left;
      width: 13px;
      height: 10px;
      padding-right: 3px; }
      table thead th .mfw_sortArrows a {
        font-size: 18px;
        display: block;
        height: 10px;
        line-height: 10px;
        padding: 0;
        margin: 0; }
        table thead th .mfw_sortArrows a i {
          padding: 0;
          margin: 0; }
        table thead th .mfw_sortArrows a.mfw_upArrow {
          margin-top: -4px; }
        table thead th .mfw_sortArrows a.mfw_downArrow {
          margin-top: -1px; }
    table thead th .mfw_upArrowX {
      width: 5px;
      display: block;
      margin: 0px;
      padding: 0px; }
      table thead th .mfw_upArrowX i {
        width: 5px; }
    table thead th .mfw_downArrowX {
      width: 5px;
      display: block;
      margin: 0px;
      padding: 0px; }
      table thead th .mfw_downArrowX i {
        width: 5px; }
  table thead span {
    font-size: 16px;
    display: block; }
  table tbody td {
    padding: 7px 8px;
    font-size: 13px; }
    table tbody td.highlightBg {
      position: relative; }
      table tbody td.highlightBg::after {
        content: "";
        background: url("../../grafiken/white_snippet.gif");
        opacity: 0.3;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: 10; }
      table tbody td.highlightBg span {
        position: relative;
        z-index: 11; }
  table tbody tr.no-hover:hover {
    background: none; }
  table tbody tr.no-hover {
    background: none; }
  table tbody .updateInfoItem {
    display: inline-block;
    width: 72px; }
  table tr {
    background-color: #e7e7e7; }
  table tr:nth-child(2n) {
    background: #f8f8f8; }
  table td {
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    padding: 7px 8px; }
    table td i {
      font-size: 15px;
      display: inline-block;
      text-align: center;
      width: 23px; }
    table td a:not(.legend) i {
      color: #333; }
    table td:last-child {
      border-right: 1px solid #dadada; }
  table .right {
    text-align: right; }
  table .left {
    text-align: left; }
  table .no-border th {
    border-left: 0; }
  table .no-border tr th:first-child {
    border-left: 1px solid #dadada; }
  table .no-border-x td {
    border-bottom: 0;
    border-top: 0; }
  table .no-border-x tr:last-child td {
    border-bottom: 1px solid #dadada; }
  table .no-border-y td {
    border-left: 0; }
  table .no-border-y tr td:first-child {
    border-left: 1px solid #dadada; }
  table.no-border {
    border: none; }
  table.no-border {
    border: none; }
    table.no-border tr th {
      border-top: 0; }
    table.no-border tr th:first-child {
      border-left: 0; }
    table.no-border tr th:last-child {
      border-right: 0; }
    table.no-border tr td:first-child {
      border-left: 0; }
    table.no-border tr td:last-child {
      border-right: 0; }
    table.no-border tr tr:last-child td {
      border-bottom: 0; }
  table.clear {
    border: none;
    background: none; }
    table.clear td, table.clear td:hover {
      border: none;
      background: none; }

.checker {
  float: left;
  margin-right: 10px; }
  .checker.dropdown-menu {
    background-color: #fff;
    border: 1px solid #ccc;
    top: 78%;
    padding-right: 15px; }
    .checker.dropdown-menu > li > a {
      background-color: #fff;
      color: #000; }
      .checker.dropdown-menu > li > a img {
        display: inline-block;
        margin: 0px 5px 0px 0px; }
    .checker.dropdown-menu.notAbsolute {
      position: static;
      margin-top: -6px; }

table tbody i.fa {
  font-size: 21px; }
  table tbody i.fa.fa-stack-1x {
    font-size: 10px;
    color: #fff; }
  table tbody i.fa:hover {
    color: #23527c; }

table tbody .form-group i.fa {
  font-size: 16px; }

table.highlight1
thead th {
  background-color: #334C81;
  color: #FFFFFF; }
  table.highlight1
  thead th i {
    color: #FFFFFF; }

table.highlight2
thead th {
  background-color: #537ACF;
  color: #FFFFFF; }
  table.highlight2
  thead th i {
    color: #FFFFFF; }

table.highlight3
thead th {
  background-color: #687082;
  color: #FFFFFF; }
  table.highlight3
  thead th i {
    color: #FFFFFF; }

table.highlight4
thead th {
  background-color: #A5B2CF;
  color: #FFFFFF; }
  table.highlight4
  thead th i {
    color: #FFFFFF; }

table.highlight5
thead th {
  background-color: #7D7D7D;
  color: #FFFFFF; }
  table.highlight5
  thead th i {
    color: #FFFFFF; }

table.highlight6
thead th {
  background-color: #4D4D4D;
  color: #FFFFFF; }
  table.highlight6
  thead th i {
    color: #FFFFFF; }

table.highlight7
thead th {
  background-color: #d4d4d4;
  color: #FFFFFF; }
  table.highlight7
  thead th i {
    color: #FFFFFF; }

table.primary thead th {
  color: #FFFFFF;
  background-color: #286090; }
  table.primary thead th i {
    color: #FFFFFF; }

table.success thead th {
  color: #FFFFFF;
  background-color: #449D44; }
  table.success thead th i {
    color: #FFFFFF; }

table.info thead th {
  color: #FFFFFF;
  background-color: #31B0D5; }
  table.info thead th i {
    color: #FFFFFF; }

table.warning thead th {
  color: #FFFFFF;
  background-color: #EC971F; }
  table.warning thead th i {
    color: #FFFFFF; }

table.danger thead th {
  color: #FFFFFF;
  background-color: #C9302C; }
  table.danger thead th i {
    color: #FFFFFF; }

.table > thead > tr > th {
  border-bottom-color: #dadada; }

.table-hover > tbody > tr:hover {
  background: #f5f5f5; }

.table > tbody > tr.primary > td {
  color: #4b4b4b;
  background-color: #73abdb; }

.table > tbody > tr.success > td {
  color: #4b4b4b;
  background-color: #8fe88f; }

.table > tbody > tr.info > td {
  color: #4b4b4b;
  background-color: #7cfbff; }

.table > tbody > tr.warning > td {
  color: #4b4b4b;
  background-color: #ffe26a; }

.table > tbody > tr.danger > td {
  color: #4b4b4b;
  background-color: #ff7b77; }

.table > tbody > tr.default > td {
  color: #000000;
  background-color: #F0F0F0;
  border: none;
  box-shadow: none; }

.table > tbody > tr.highlight3 > td {
  color: #FFFFFF;
  background-color: #687082; }

.table > tbody > tr.primary:hover > td {
  color: #191919;
  background-color: #4179a9; }

.table > tbody > tr.success:hover > td {
  color: #191919;
  background-color: #5db65d; }

.table > tbody > tr.info:hover > td {
  color: #191919;
  background-color: #4ac9ee; }

.table > tbody > tr.warning:hover > td {
  color: #191919;
  background-color: #ffb038; }

.table > tbody > tr.danger:hover > td {
  color: #191919;
  background-color: #e24945; }

.table > tbody > tr.default:hover > td {
  color: #000000;
  background-color: #F0F0F0;
  border: none;
  box-shadow: none; }

.table > tbody > tr.highlight3:hover > td {
  color: #FFFFFF;
  background-color: #687082; }

.table > tbody > tr.primary:nth-child(2n) > td {
  color: #323232;
  background-color: #5a92c2; }

.table > tbody > tr.success:nth-child(2n) > td {
  color: #323232;
  background-color: #76cf76; }

.table > tbody > tr.info:nth-child(2n) > td {
  color: #323232;
  background-color: #63e2ff; }

.table > tbody > tr.warning:nth-child(2n) > td {
  color: #323232;
  background-color: #ffc951; }

.table > tbody > tr.danger:nth-child(2n) > td {
  color: #323232;
  background-color: #fb625e; }

.table > tbody > tr.default:nth-child(2n) > td {
  color: #323232;
  background-color: #F0F0F0;
  border: none;
  box-shadow: none; }

.table > tbody > tr.highlight3:nth-child(2n) > td {
  color: #FFFFFF;
  background-color: #687082; }

.table > tbody > tr.primary:nth-child(2n):hover > td {
  color: #5f5f5f;
  background-color: #87bfef; }

.table > tbody > tr.success:nth-child(2n):hover > td {
  color: #5f5f5f;
  background-color: #a3fca3; }

.table > tbody > tr.info:nth-child(2n):hover > td {
  color: #5f5f5f;
  background-color: #90ffff; }

.table > tbody > tr.warning:nth-child(2n):hover > td {
  color: #5f5f5f;
  background-color: #fff67e; }

.table > tbody > tr.danger:nth-child(2n):hover > td {
  color: #5f5f5f;
  background-color: #ff8f8b; }

.table > tbody > tr.default:nth-child(2n):hover > td {
  color: #000000;
  background-color: #F0F0F0;
  border: none;
  box-shadow: none; }

.table > tbody > tr.highlight3:nth-child(2n):hover > td {
  color: #FFFFFF;
  background-color: #687082; }

.refresh {
  float: right;
  top: 0px;
  height: 50px;
  width: 150px;
  border: none; }

.modal.legend .modal-body span {
  width: 200px;
  height: 40px;
  float: left;
  line-height: 15px; }

.legend .dropdown-menu {
  border: 1px solid #334C81; }

.table-responsive {
  margin-bottom: 15px;
  overflow-y: hidden;
  width: 100%; }

.monad-tile {
  background-color: #ffffff;
  border-top: 4px solid #334C81;
  color: #555;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden; }
  .monad-tile .content {
    background: transparent;
    padding: 10px;
    padding: 10px 10px 13px;
    display: inline-block;
    position: relative;
    z-index: 3; }
    .monad-tile .content p {
      margin-bottom: 0;
      font-weight: 400;
      font-size: 14px; }
    .monad-tile .content h1 {
      margin: 0 0 0;
      font-weight: 300;
      font-size: 40px; }
  .monad-tile .info {
    clear: both;
    display: block;
    padding: 5px 10px;
    color: #fff;
    text-transform: uppercase;
    border-top: 2px solid #ffffff;
    background-color: #334C81; }
    .monad-tile .info i {
      font-size: 18px;
      color: rgba(255, 255, 255, 0.4); }
  .monad-tile .icon {
    display: block;
    float: right;
    height: 80px;
    margin-bottom: 10px;
    padding-top: 10px;
    width: 80px;
    position: absolute;
    right: 0px;
    top: 5px; }
    .monad-tile .icon i {
      color: rgba(0, 0, 0, 0.1);
      font-size: 70px;
      line-height: 65px; }

.monad-tile.dark {
  background-color: #334C81; }
  .monad-tile.dark .content {
    color: #ffffff; }
  .monad-tile.dark .info {
    background-color: rgba(0, 0, 0, 0.1); }
  .monad-tile.dark .icon i {
    color: rgba(255, 255, 255, 0.2); }
.monad-tile.right .icon {
  display: block;
  float: left;
  left: 10px; }
.monad-tile.right .content {
  display: block;
  float: right;
  text-align: right; }
.monad-tile.highlight1 {
  border-top: 4px solid #334C81; }
  .monad-tile.highlight1 .info {
    background-color: #334C81; }
.monad-tile.highlight1.dark {
  background-color: #334C81; }
  .monad-tile.highlight1.dark .info {
    background-color: rgba(0, 0, 0, 0.2); }
.monad-tile.highlight2 {
  border-top: 4px solid #537ACF; }
  .monad-tile.highlight2 .info {
    background-color: #537ACF; }
.monad-tile.highlight2.dark {
  background-color: #537ACF; }
  .monad-tile.highlight2.dark .info {
    background-color: rgba(0, 0, 0, 0.2); }
.monad-tile.highlight3 {
  border-top: 4px solid #687082; }
  .monad-tile.highlight3 .info {
    background-color: #687082; }
.monad-tile.highlight3.dark {
  background-color: #687082; }
  .monad-tile.highlight3.dark .info {
    background-color: rgba(0, 0, 0, 0.2); }
.monad-tile.highlight4 {
  border-top: 4px solid #A5B2CF; }
  .monad-tile.highlight4 .info {
    background-color: #A5B2CF; }
.monad-tile.highlight4.dark {
  background-color: #A5B2CF; }
  .monad-tile.highlight4.dark .info {
    background-color: rgba(0, 0, 0, 0.2); }
.monad-tile.highlight5 {
  border-top: 4px solid #7D7D7D; }
  .monad-tile.highlight5 .info {
    background-color: #7D7D7D; }
.monad-tile.highlight5.dark {
  background-color: #7D7D7D; }
  .monad-tile.highlight5.dark .info {
    background-color: rgba(0, 0, 0, 0.2); }
.monad-tile.highlight6 {
  border-top: 4px solid #4D4D4D; }
  .monad-tile.highlight6 .info {
    background-color: #4D4D4D; }
.monad-tile.highlight6.dark {
  background-color: #4D4D4D; }
  .monad-tile.highlight6.dark .info {
    background-color: rgba(0, 0, 0, 0.2); }
.monad-tile.highlight7 {
  border-top: 4px solid #d4d4d4; }
  .monad-tile.highlight7 .info {
    background-color: #d4d4d4; }
.monad-tile.highlight7.dark {
  background-color: #d4d4d4; }
  .monad-tile.highlight7.dark .info {
    background-color: rgba(0, 0, 0, 0.2); }
.monad-tile.primary {
  background-color: #286090;
  border-top: 4px solid #286090; }
.monad-tile.success {
  background-color: #449D44;
  border-top: 4px solid #449D44; }
.monad-tile.info {
  background-color: #31B0D5;
  border-top: 4px solid #31B0D5; }
.monad-tile.warning {
  background-color: #EC971F;
  border-top: 4px solid #EC971F; }
.monad-tile.danger {
  background-color: #C9302C;
  border-top: 4px solid #C9302C; }
.monad-tile.default {
  background-color: #cccccc;
  border-top: 4px solid #cccccc; }
.monad-tile.default-light-primary {
  border-top: 4px solid #286090;
  background-color: #FFF; }
  .monad-tile.default-light-primary .info {
    background-color: #286090 !important; }
.monad-tile.default-light-success {
  border-top: 4px solid #449D44;
  background-color: #FFF; }
  .monad-tile.default-light-success .info {
    background-color: #449D44 !important; }
.monad-tile.default-light-info {
  border-top: 4px solid #31B0D5;
  background-color: #FFF; }
  .monad-tile.default-light-info .info {
    background-color: #31B0D5 !important; }
.monad-tile.default-light-warning {
  border-top: 4px solid #EC971F;
  background-color: #FFF; }
  .monad-tile.default-light-warning .info {
    background-color: #EC971F !important; }
.monad-tile.default-light-danger {
  border-top: 4px solid #C9302C;
  background-color: #FFF; }
  .monad-tile.default-light-danger .info {
    background-color: #C9302C !important; }
.monad-tile.default-light {
  border-top: 4px solid #cccccc;
  background-color: #FFF; }
  .monad-tile.default-light .info {
    background-color: #fff !important;
    color: #333333 !important;
    border-color: #cccccc !important; }

/*Buttons*/
.btn, .fc button {
  border-color: #CCCCCC;
  border-radius: 0;
  -webkit-border-radius: 0;
  outline: none;
  margin-bottom: 5px !important;
  margin-left: 3px;
  font-size: 13px;
  padding: 7px 11px; }
  .btn.dropdown-toggle-border, .fc button.dropdown-toggle-border {
    border-color: #687082; }
  .btn:hover, .fc button:hover, .btn:active, .fc button:active, .btn:focus, .fc button:focus {
    opacity: 0.8;
    filter: Alpha(Opacity=80);
    color: #ffffff;
    outline: none; }
  .btn.btn-default, .fc button.btn-default {
    color: #333;
    background-color: #fff; }
  .btn.btn-default:hover, .fc button.btn-default:hover {
    color: #000000; }
  .btn .contentButton, .fc button .contentButton {
    margin-bottom: 0px !important;
    border-color: #449D44 !important; }
  .btn.deleteItem, .fc button.deleteItem {
    font-size: 18px; }

/*Specific icons size*/
.btn-lg {
  padding: 12px 14px;
  font-size: 15px;
  font-weight: 300; }

.btn-lg i {
  font-size: 18px; }

.btn-sm {
  padding: 4px 7px;
  font-size: 12px; }
  .btn-sm i.fa {
    position: relative;
    font-size: 18px;
    line-height: 18px;
    top: 2px; }

.btn-sm i {
  font-size: 14px; }

.btn-xs {
  padding: 2px 6px;
  font-size: 11px; }

.btn-xs i {
  font-size: 12px; }

.btn.highlight1, .fc button.highlight1,
.btn.highlight1:focus,
.fc button.highlight1:focus {
  background-color: #334C81;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight1:hover, .fc button.highlight1:hover {
  background-color: #334C81;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight2, .fc button.highlight2,
.btn.highlight2:focus,
.fc button.highlight2:focus {
  background-color: #537ACF;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight2:hover, .fc button.highlight2:hover {
  background-color: #537ACF;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight3, .fc button.highlight3,
.btn.highlight3:focus,
.fc button.highlight3:focus {
  background-color: #687082;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight3:hover, .fc button.highlight3:hover {
  background-color: #687082;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight4, .fc button.highlight4,
.btn.highlight4:focus,
.fc button.highlight4:focus {
  background-color: #A5B2CF;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight4:hover, .fc button.highlight4:hover {
  background-color: #A5B2CF;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight5, .fc button.highlight5,
.btn.highlight5:focus,
.fc button.highlight5:focus {
  background-color: #7D7D7D;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight5:hover, .fc button.highlight5:hover {
  background-color: #7D7D7D;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight6, .fc button.highlight6,
.btn.highlight6:focus,
.fc button.highlight6:focus {
  background-color: #4D4D4D;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight6:hover, .fc button.highlight6:hover {
  background-color: #4D4D4D;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight7, .fc button.highlight7,
.btn.highlight7:focus,
.fc button.highlight7:focus {
  background-color: #d4d4d4;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight7:hover, .fc button.highlight7:hover {
  background-color: #d4d4d4;
  border-color: transparent;
  color: #FFFFFF; }

.btn.highlight7, .fc button.highlight7 {
  color: #46515a; }

.btn.highlight7:hover, .fc button.highlight7:hover {
  color: #4d4d4d; }

.btn-primary, .fc-toolbar .fc-state-active {
  background-color: #286090; }

.btn-success {
  background-color: #449D44; }

.btn-info {
  background-color: #31B0D5; }

.btn-warning {
  background-color: #EC971F; }

.btn-danger {
  background-color: #C9302C; }

.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: #449D44; }

table .btn-group a.btn {
  margin-bottom: 0px !important; }
  table .btn-group a.btn i {
    line-height: 0px;
    position: relative;
    top: 3px; }

table input.multiCheck {
  margin-top: 6px; }

.dropdown-menu-preselections {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid #0003;
  -webkit-box-shadow: 0 6px 12px #0003;
  box-shadow: 0 6px 12px #0003; }
  .dropdown-menu-preselections li span {
    position: relative;
    top: 2px;
    left: 11px;
    font-size: 13px; }
  .dropdown-menu-preselections li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap; }
    .dropdown-menu-preselections li > a:focus, .dropdown-menu-preselections li > a:hover {
      color: #262626;
      text-decoration: none;
      background-color: #f5f5f5; }
  .dropdown-menu-preselections li.divider {
    margin-bottom: 5px; }

table div.btn-group-actions ul.dropdown-menu {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  border: 1px solid #687082; }
  table div.btn-group-actions ul.dropdown-menu .btn-group-actions-title {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 20px;
    background-color: #687082;
    color: #FFF;
    font-weight: bold; }
  table div.btn-group-actions ul.dropdown-menu li {
    border-bottom: 1px solid #d3d3d3;
    padding: 5px 10px;
    background-color: #f5f5f5; }
    table div.btn-group-actions ul.dropdown-menu li:nth-child(2n) {
      background-color: #FFF; }
    table div.btn-group-actions ul.dropdown-menu li:last-child {
      border-bottom: none; }
    table div.btn-group-actions ul.dropdown-menu li > a,
    table div.btn-group-actions ul.dropdown-menu li > a:hover {
      background-color: transparent !important;
      text-decoration: none !important;
      padding-left: 0px; }
    table div.btn-group-actions ul.dropdown-menu li:hover > a, table div.btn-group-actions ul.dropdown-menu li:hover > a:hover {
      color: #000; }

/*badges*/
.badge {
  border-radius: 2px !important; }

i.fa .badge {
  position: absolute;
  top: 0px;
  right: -10px; }

.badge.highlight1,
.badge.highlight1:focus {
  background-color: #334C81 !important;
  color: #fff; }

.badge.highlight2,
.badge.highlight2:focus {
  background-color: #537ACF !important;
  color: #fff; }

.badge.highlight3,
.badge.highlight3:focus {
  background-color: #687082 !important;
  color: #fff; }

.badge.highlight4,
.badge.highlight4:focus {
  background-color: #A5B2CF !important;
  color: #fff; }

.badge.highlight5,
.badge.highlight5:focus {
  background-color: #7D7D7D !important;
  color: #fff; }

.badge.highlight6,
.badge.highlight6:focus {
  background-color: #4D4D4D !important;
  color: #fff; }

.badge.highlight7,
.badge.highlight7:focus {
  background-color: #d4d4d4 !important;
  color: #fff; }

.badge.nohighlight {
  background-color: #ffffff;
  color: #666666;
  border: 1px solid #cccccc; }

.badge.awaitMessage {
  -webkit-animation: pulsate 1s ease-out;
  -webkit-animation-iteration-count: infinite;
  animation: pulsate 1s ease-out;
  animation-iteration-count: infinite; }

@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    opacity: 0.0; }
  50% {
    opacity: 1.0; }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    opacity: 0.0; } }
.badge.primary {
  background-color: #286090; }

.badge.success {
  background-color: #449D44; }

.badge.info {
  background-color: #31B0D5; }

.badge.warning {
  background-color: #EC971F; }

.badge.danger {
  background-color: #C9302C; }

.panel-heading {
  background: #fff;
  padding: 0; }
  .panel-heading a {
    font-size: 15px;
    padding: 17px 16px;
    display: block; }
    .panel-heading a:hover, .panel-heading a:focus {
      text-decoration: none;
      background-color: #F7F7F7 !important; }
    .panel-heading a .fa {
      transition: transform 200ms ease-in-out;
      margin-right: 10px;
      transform: rotate(90deg); }
    .panel-heading a .label {
      width: 140px;
      margin-right: 15px;
      text-decoration: none !important; }
      .panel-heading a .label .fa {
        transform: rotate(0deg); }
    .panel-heading a .noteTitle {
      display: inline-block;
      position: relative;
      width: 95%; }
      .panel-heading a .noteTitle .fa {
        transform: rotate(0deg); }
  .panel-heading a.collapsed .fa {
    transform: rotate(0deg); }
  .panel-heading .panel-title .fa:not(.fa-angle-right) {
    transform: rotate(0deg); }
  .panel-heading .panel-title .action {
    position: absolute;
    right: 40px;
    top: 10px;
    color: #c4c4c4; }
    .panel-heading .panel-title .action i {
      cursor: pointer; }
      .panel-heading .panel-title .action i:hover {
        color: #989898 !important; }
    .panel-heading .panel-title .action i.fa {
      color: #c4c4c4;
      margin-left: 10px;
      line-height: 36px;
      vertical-align: middle; }
    .panel-heading .panel-title .action i.fa.fa-2x {
      font-size: 25px;
      line-height: 36px; }

a:hover span.label,
a:focus .label,
a .label {
  text-decoration: none !important; }

.panel.panel-default .panel-heading {
  background-color: #fff;
  color: #333; }

.panel.highlight1 .panel-heading {
  background-color: #334C81;
  color: #FFFFFF; }

.panel-default > .panel-heading .badge {
  background-color: #334C81; }

.panel.highlight2 .panel-heading {
  background-color: #537ACF;
  color: #FFFFFF; }

.panel-default > .panel-heading .badge {
  background-color: #537ACF; }

.panel.highlight3 .panel-heading {
  background-color: #687082;
  color: #FFFFFF; }

.panel-default > .panel-heading .badge {
  background-color: #687082; }

.panel.highlight4 .panel-heading {
  background-color: #A5B2CF;
  color: #FFFFFF; }

.panel-default > .panel-heading .badge {
  background-color: #A5B2CF; }

.panel.highlight5 .panel-heading {
  background-color: #7D7D7D;
  color: #FFFFFF; }

.panel-default > .panel-heading .badge {
  background-color: #7D7D7D; }

.panel.highlight6 .panel-heading {
  background-color: #4D4D4D;
  color: #FFFFFF; }

.panel-default > .panel-heading .badge {
  background-color: #4D4D4D; }

.panel.highlight7 .panel-heading {
  background-color: #d4d4d4;
  color: #FFFFFF; }

.panel-default > .panel-heading .badge {
  background-color: #d4d4d4; }

.panel-default > .panel-heading .badge {
  background-color: #333;
  color: #f5f5f5; }
  .panel-default > .panel-heading .badge.danger {
    background-color: #C9302C; }
  .panel-default > .panel-heading .badge.nohighlight {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    color: #666666; }

.panel-body.panel-body-background {
  background-color: rgba(0, 0, 0, 0.15); }

.panel-default.special-border {
  border: none; }
  .panel-default.special-border .collapse.in {
    border-left: 1px solid #DADADA; }

.panel.task .panel-heading.panels-primary {
  border-left: 35px solid #286090; }
.panel.task .panel-heading.panels-success {
  border-left: 35px solid #5CB85C; }
.panel.task .panel-heading.panels-info {
  border-left: 35px solid #31B0D5; }
.panel.task .panel-heading.panels-warning {
  border-left: 35px solid #F0AD4E; }
.panel.task .panel-heading.panels-danger {
  border-left: 35px solid #D9534F; }
.panel.task .panel-heading .status {
  position: relative;
  left: -60px; }
  .panel.task .panel-heading .status .fa {
    color: #FFF; }
.panel.task .panel-heading .sessionButtons {
  position: relative;
  left: -26px;
  width: 128px;
  display: inline-block; }
  .panel.task .panel-heading .sessionButtons .btn, .panel.task .panel-heading .sessionButtons .fc button, .fc .panel.task .panel-heading .sessionButtons button {
    padding-left: 4px;
    width: 36px;
    line-height: inherit !important;
    margin-bottom: 0px !important; }
    .panel.task .panel-heading .sessionButtons .btn .fa, .panel.task .panel-heading .sessionButtons .fc button .fa, .fc .panel.task .panel-heading .sessionButtons button .fa {
      position: relative;
      left: 4px; }
  .panel.task .panel-heading .sessionButtons.twoButtons {
    width: 86px; }
.panel.task .panel-heading .prio {
  position: relative;
  left: -27px;
  top: 3px;
  cursor: pointer; }
  .panel.task .panel-heading .prio .fa {
    font-size: 22px; }
    .panel.task .panel-heading .prio .fa.high {
      color: #d43f3a; }
    .panel.task .panel-heading .prio .fa.medium {
      color: #D4D4D4; }
    .panel.task .panel-heading .prio .fa:hover {
      opacity: 0.7; }
  .panel.task .panel-heading .prio .minwidth {
    margin-right: 29px; }
.panel.task .panel-heading .times {
  display: inline-block;
  position: relative;
  left: -25px;
  width: 220px;
  background-color: #F0F0F0;
  color: #979797;
  height: 30px;
  top: -3px; }
  .panel.task .panel-heading .times span {
    position: relative;
    top: 4px; }
    .panel.task .panel-heading .times span .fa {
      position: relative;
      top: 0px; }
  .panel.task .panel-heading .times .fa {
    position: relative;
    top: 5px; }
.panel.task .panel-heading .times-short {
  display: inline-block;
  position: relative;
  width: 165px;
  background-color: #F0F0F0;
  color: #979797;
  margin-left: -30px;
  margin-right: 23px;
  color: #979797;
  height: 30px;
  top: -3px; }
  .panel.task .panel-heading .times-short span {
    position: relative;
    top: 4px; }
    .panel.task .panel-heading .times-short span .fa {
      position: relative;
      top: 0px; }
  .panel.task .panel-heading .times-short .fa {
    position: relative;
    top: 5px; }
.panel.task .panel-heading .titel {
  position: relative;
  left: -15px; }
  .panel.task .panel-heading .titel .top {
    position: absolute;
    left: 0px;
    white-space: nowrap;
    top: -6px;
    font-size: 12px; }
    .panel.task .panel-heading .titel .top span {
      color: #EC971F; }
  .panel.task .panel-heading .titel .bottom {
    position: absolute;
    left: 0px;
    white-space: nowrap;
    top: 10px; }
.panel.task .panel-heading .titel-short {
  position: relative;
  left: -5px; }
.panel.task .panel-title {
  position: relative;
  height: 55px; }
  .panel.task .panel-title a {
    height: 55px;
    width: 82%; }
    .panel.task .panel-title a .fa-angle-right {
      position: relative;
      top: 5px; }
  .panel.task .panel-title .infoscreen {
    position: relative;
    top: -42px;
    left: 34px; }
.panel.task .panel-body {
  padding-left: 35px;
  /*.btn:last-child {
    margin-right: 44px;
  }*/ }
  .panel.task .panel-body .btn:first-child, .panel.task .panel-body .fc button:first-child, .fc .panel.task .panel-body button:first-child {
    margin-left: 0px; }
  .panel.task .panel-body .stopLatestSession {
    margin-right: 89px; }

.highlight1 .panel-heading a.collapsed {
  background-color: #fff;
  border-bottom: 0 none;
  color: #555; }

.highlight1 .panel-heading a {
  background-color: #334C81;
  border-bottom: 0 none;
  color: #FFFFFF; }

.highlight2 .panel-heading a.collapsed {
  background-color: #fff;
  border-bottom: 0 none;
  color: #555; }

.highlight2 .panel-heading a {
  background-color: #537ACF;
  border-bottom: 0 none;
  color: #FFFFFF; }

.highlight3 .panel-heading a.collapsed {
  background-color: #fff;
  border-bottom: 0 none;
  color: #555; }

.highlight3 .panel-heading a {
  background-color: #687082;
  border-bottom: 0 none;
  color: #FFFFFF; }

.highlight4 .panel-heading a.collapsed {
  background-color: #fff;
  border-bottom: 0 none;
  color: #555; }

.highlight4 .panel-heading a {
  background-color: #A5B2CF;
  border-bottom: 0 none;
  color: #FFFFFF; }

.highlight5 .panel-heading a.collapsed {
  background-color: #fff;
  border-bottom: 0 none;
  color: #555; }

.highlight5 .panel-heading a {
  background-color: #7D7D7D;
  border-bottom: 0 none;
  color: #FFFFFF; }

.highlight6 .panel-heading a.collapsed {
  background-color: #fff;
  border-bottom: 0 none;
  color: #555; }

.highlight6 .panel-heading a {
  background-color: #4D4D4D;
  border-bottom: 0 none;
  color: #FFFFFF; }

.highlight7 .panel-heading a.collapsed {
  background-color: #fff;
  border-bottom: 0 none;
  color: #555; }

.highlight7 .panel-heading a {
  background-color: #d4d4d4;
  border-bottom: 0 none;
  color: #FFFFFF; }

.panel {
  background-color: #fff; }
  .panel .highlight2 {
    background-color: #537ACF;
    border-bottom: 0 none;
    color: #FFFFFF; }
  .panel .highlight3 {
    background-color: #687082;
    border-bottom: 0 none;
    color: #FFFFFF; }
  .panel .highlight4 {
    background-color: #A5B2CF;
    border-bottom: 0 none;
    color: #FFFFFF; }
  .panel .highlight5 {
    background-color: #7D7D7D;
    border-bottom: 0 none;
    color: #FFFFFF; }
  .panel .highlight6 {
    background-color: #4D4D4D;
    border-bottom: 0 none;
    color: #FFFFFF; }
  .panel .highlight7 {
    background-color: #d4d4d4;
    border-bottom: 0 none;
    color: #FFFFFF; }
  .panel .primary {
    background-color: #286090;
    color: #FFF; }
  .panel .success {
    background-color: #449D44 !important;
    color: #FFF; }
  .panel .info {
    background-color: #31B0D5; }
  .panel .warning {
    background-color: #EC971F; }
  .panel .danger {
    background-color: #C9302C;
    color: #FFF; }

.panel-group .filterSwitchToggle + .panel-collapse > .panel-body {
  border-top: 1px solid #ddd; }

.popupWrap {
  width: auto;
  border: 1px solid #3D566D;
  position: absolute;
  z-index: 1000;
  min-width: 200px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); }
  .popupWrap .popupTitel {
    height: 40px;
    background-color: #3D566D;
    color: #fff;
    line-height: 20px;
    padding: 10px;
    font-weight: bold; }
    .popupWrap .popupTitel .popupClose {
      float: right; }
      .popupWrap .popupTitel .popupClose i.fa {
        color: #fff;
        margin-top: -3px; }
  .popupWrap .popupContent {
    background-color: #fff;
    padding: 10px;
    overflow: auto;
    height: 600px;
    min-width: 300px; }

.alert {
  border-radius: 0;
  -webkit-border-radius: 0;
  box-shadow: 0;
  color: #fff;
  border-color: transparent;
  padding: 15px;
  padding: 15px; }
  .alert strong {
    text-transform: uppercase;
    border-right: 1px solid #DADADA;
    margin-right: 10px;
    padding-right: 10px; }
  .alert .sign {
    color: rgba(0, 0, 0, 0.4);
    font-size: 25px;
    vertical-align: middle;
    margin-right: 10px;
    padding: 0;
    text-align: center;
    width: 25px;
    display: inline-block; }
  .alert .close {
    text-shadow: none; }

.alert-primary {
  border-color: #286090;
  background-color: #286090; }

.alert-success {
  border-color: #449D44;
  background-color: #449D44; }

.alert-info {
  border-color: #31B0D5;
  background-color: #31B0D5; }

.alert-warning {
  border-color: #EC971F;
  background-color: #EC971F; }

.alert-danger {
  border-color: #C9302C;
  background-color: #C9302C; }

.alert.highlight1 {
  border-color: #334C81;
  background-color: #334C81; }

.alert.highlight2 {
  border-color: #537ACF;
  background-color: #537ACF; }

.alert.highlight3 {
  border-color: #687082;
  background-color: #687082; }

.alert.highlight4 {
  border-color: #A5B2CF;
  background-color: #A5B2CF; }

.alert.highlight5 {
  border-color: #7D7D7D;
  background-color: #7D7D7D; }

.alert.highlight6 {
  border-color: #4D4D4D;
  background-color: #4D4D4D; }

.alert.highlight7 {
  border-color: #d4d4d4;
  background-color: #d4d4d4; }

/* MONAD ALERT */
.monad-alert {
  border-width: 2px;
  background: #fff;
  color: #404040;
  padding-left: 70px;
  position: relative; }
  .monad-alert .icon {
    text-align: center;
    width: 55px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 15px;
    margin-right: 10px; }
    .monad-alert .icon i {
      font-size: 25px;
      color: #fff;
      position: absolute;
      top: 15px;
      left: 15px; }
    .monad-alert .icon .fa-info {
      left: 21px; }

.monad-alert.alert-primary .icon {
  border-color: #286090;
  background-color: #286090; }
.monad-alert.alert-primary strong {
  color: #286090; }

.monad-alert.alert-success .icon {
  border-color: #449D44;
  background-color: #449D44; }
.monad-alert.alert-success strong {
  color: #449D44; }

.monad-alert.alert-info .icon {
  border-color: #31B0D5;
  background-color: #31B0D5; }
.monad-alert.alert-info strong {
  color: #31B0D5; }

.monad-alert.alert-warning .icon {
  border-color: #EC971F;
  background-color: #EC971F; }
.monad-alert.alert-warning strong {
  color: #EC971F; }

.monad-alert.alert-danger .icon {
  border-color: #C9302C;
  background-color: #C9302C; }
.monad-alert.alert-danger strong {
  color: #C9302C; }

.monad-alert.highlight1 {
  background-color: #ffffff; }
  .monad-alert.highlight1 .icon {
    border-color: #334C81;
    background-color: #334C81; }
  .monad-alert.highlight1 strong {
    color: #334C81; }

.monad-alert.highlight2 {
  background-color: #ffffff; }
  .monad-alert.highlight2 .icon {
    border-color: #537ACF;
    background-color: #537ACF; }
  .monad-alert.highlight2 strong {
    color: #537ACF; }

.monad-alert.highlight3 {
  background-color: #ffffff; }
  .monad-alert.highlight3 .icon {
    border-color: #687082;
    background-color: #687082; }
  .monad-alert.highlight3 strong {
    color: #687082; }

.monad-alert.highlight4 {
  background-color: #ffffff; }
  .monad-alert.highlight4 .icon {
    border-color: #A5B2CF;
    background-color: #A5B2CF; }
  .monad-alert.highlight4 strong {
    color: #A5B2CF; }

.monad-alert.highlight5 {
  background-color: #ffffff; }
  .monad-alert.highlight5 .icon {
    border-color: #7D7D7D;
    background-color: #7D7D7D; }
  .monad-alert.highlight5 strong {
    color: #7D7D7D; }

.monad-alert.highlight6 {
  background-color: #ffffff; }
  .monad-alert.highlight6 .icon {
    border-color: #4D4D4D;
    background-color: #4D4D4D; }
  .monad-alert.highlight6 strong {
    color: #4D4D4D; }

.monad-alert.highlight7 {
  background-color: #ffffff; }
  .monad-alert.highlight7 .icon {
    border-color: #d4d4d4;
    background-color: #d4d4d4; }
  .monad-alert.highlight7 strong {
    color: #d4d4d4; }

/***
Forms
***/
code {
  border: 1px solid #e1e1e1;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1); }

label,
.radioLabel {
  font-weight: 400;
  font-size: 14px; }

.form-control:-moz-placeholder {
  color: #999999; }

.form-control::-moz-placeholder {
  color: #999999; }

.form-control:-ms-input-placeholder {
  color: #999999; }

.form-control::-webkit-input-placeholder {
  color: #999999; }

.form-control {
  font-size: 14px;
  font-weight: normal;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.form-control:focus {
  border-color: #999999;
  outline: 0;
  -webkit-box-shadow: none !important;
  box-shadow: none !important; }

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee; }

.form-control.height-auto {
  height: auto; }

.uneditable-input {
  padding: 6px 12px;
  min-width: 206px;
  font-size: 14px;
  font-weight: normal;
  height: 34px;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

label.form-control {
  display: block;
  margin-bottom: 5px; }

input[disabled],
select[disabled],
textarea[disabled] {
  cursor: not-allowed;
  background-color: #F4F4F4 !important; }

input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #F9F9F9 !important; }

.fileinput {
  width: 100% !important; }
  .fileinput .input-xlarge {
    width: 100% !important; }

/* input  groups */
.input-group.input-group-fixed {
  width: auto !important; }

.input-group-addon {
  border-color: #e5e5e5;
  background: #e5e5e5;
  min-width: 39px; }

.input-group-addon > i {
  color: #999; }

/* form control sizing */
.form-control-inline {
  display: inline-block !important; }

.input-mini {
  width: 45px !important; }

.input-xsmall {
  width: 80px !important; }

.input-small {
  width: 120px !important; }

.input-medium {
  width: 240px !important; }

.input-large {
  width: 320px !important; }

.input-xlarge {
  width: 480px !important; }

.input-inline {
  display: inline-block;
  width: auto;
  vertical-align: middle; }

.form-group .input-inline {
  margin-right: 5px; }

.input-sm {
  height: 28px;
  padding: 5px 10px;
  font-size: 13px; }

select.input-sm {
  height: 28px;
  line-height: 28px;
  padding: 2px 10px; }

.monad-chart-labelselect-legend {
  display: inline-block;
  width: 85px; }

/***
Input icons
***/
/* input with right aligned and colored icons */
/* input with left aligned icons */
.input-icon {
  position: relative; }

.input-icon input {
  padding-left: 33px !important; }

.input-icon i, .select-icon i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 9px 2px 4px 10px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  text-align: center; }

.input-icon.right input {
  padding-left: 12px !important;
  padding-right: 33px !important; }

.input-icon.right i {
  right: 8px;
  float: right; }

.shortFilter .input-icon.right i + input,
.shortFilter .input-icon.right i + select {
  padding-left: 43px !important;
  padding-right: 12px !important; }

.shortFilter .input-icon.right i {
  left: 6px;
  float: right; }

.select-icon.right i {
  right: 37px;
  float: right; }

.has-success .input-icon > i {
  color: #468847; }

.has-warning .input-icon > i {
  color: #c09853; }

.has-error .input-icon > i {
  color: #b94a48; }

.checkbox-top5 {
  margin-top: 5px; }

.checkbox-top10 {
  margin-top: 10px; }

/* Checkboxen als Switches start */
.checkboxSwitch {
  margin-top: -5px; }

.checkboxSwitch .toggle-group .btn, .checkboxSwitch .toggle-group .fc button, .fc .checkboxSwitch .toggle-group button {
  margin-bottom: 0 !important; }

.checkboxSwitch > span:nth-child(2) {
  display: inline-block;
  margin-top: 5px; }

/* Checkboxen als Switches end */
select.form-control {
  /* styling */
  background-color: white;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 2em 0.5em 1em;
  /* reset */
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none; }

select.cronManager {
  padding: 0.5em 0em 0.5em 1em; }

select.form-control {
  background-image: linear-gradient(60deg, transparent 50%, gray 50%), linear-gradient(120deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 12px) calc(1em + 2px), calc(100% - 07px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 3px 4px, 5px 5px, 0px 1.5em;
  background-repeat: no-repeat; }

select.form-control:focus {
  background-image: linear-gradient(60deg, gray 50%, transparent 50%), linear-gradient(120deg, transparent 50%, gray 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 07px) 1em, calc(100% - 12px) 1em, calc(100% - 2.5em) 0.5em;
  background-size: 5px 5px, 2px 5px, 0px 1.5em;
  background-repeat: no-repeat;
  border-color: gray;
  outline: 0; }

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

[id^="mfw_row_"] .avatar_infos {
  padding-left: 25px; }
  [id^="mfw_row_"] .avatar_infos .avatar_fa {
    font-size: 160px;
    display: block;
    padding: 0px 0px 10px 0px;
    color: #FFF; }
  [id^="mfw_row_"] .avatar_infos .avatar_title {
    font-size: 20px;
    font-weight: bold;
    display: block;
    margin: 0px 0px 5px 0px;
    color: #504f4f;
    margin-top: 11px; }
  [id^="mfw_row_"] .avatar_infos .avatar_description {
    color: #726f6f;
    line-height: 16px;
    display: block; }
  [id^="mfw_row_"] .avatar_infos .fa-stack
  .fa-stack {
    width: 100%;
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle; }
    [id^="mfw_row_"] .avatar_infos .fa-stack
    .fa-stack .fa-stack-1x {
      font-size: 50px;
      left: unset;
      top: unset; }

.datepicker {
  background-color: white; }
  .datepicker.dropdown-menu {
    box-shadow: none;
    min-width: 200px;
    border: 1px solid rgba(0, 0, 0, 0.15); }

.datepicker table {
  border-top: 0px;
  border: none;
  background-color: #ffffff; }

.datepicker table thead th {
  border: 0px;
  vertical-align: middle; }

.datepicker table thead th {
  border: 0px;
  vertical-align: middle;
  padding: 10px; }

.datepicker table td {
  border: 0px;
  padding: 10px !important;
  border: none;
  background-color: transparent; }

.datepicker tbody td:hover {
  background-color: white;
  border: none; }

.datepicker table,
.datepicker table td {
  background-color: #ffffff; }

.datepicker table td.active {
  background: #334C81 !important; }

.datepicker table tr td span.active {
  background: #334C81 !important; }

/*Quicksearch*/
.autocomplete {
  text-align: left;
  font-size: 16px !important;
  opacity: 0.9 !important;
  font-style: italic !important; }
  .autocomplete a {
    background-color: #ffffff;
    border: 1px solid #393A41 !important;
    border-top: none !important;
    color: #393A41 !important; }

.chosen-drop {
  /*width:700px !important;*/
  background: #ffffff !important;
  border: 1px solid #393A41 !important; }
  .chosen-drop ul {
    color: #393A41 !important; }
    .chosen-drop ul li {
      font-size: 16px !important; }
      .chosen-drop ul li.highlighted {
        background-color: #3D566D !important;
        color: #000000; }
  .chosen-drop .chosen-search input {
    background-color: #ffffff !important;
    border: 1px solid #393A41 !important; }
  .chosen-drop .no-results {
    background-color: #ffffff !important;
    border: 1px solid #393A41 !important; }

.chosen-container {
  text-align: left; }
  .chosen-container .chosen-container-single {
    background-color: #ffffff;
    color: #000000; }
    .chosen-container .chosen-container-single .chosen-single {
      background-color: #ffffff;
      color: #000000;
      border-color: #e5e5e5; }
  .chosen-container.chosen-container-active.chosen-with-drop .chosen-single, .chosen-container.chosen-container-active.chosen-with-drop .chosen-choices {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 1px solid #999999;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .chosen-container.chosen-container-active .chosen-single, .chosen-container.chosen-container-active .chosen-choices {
    border: 1px solid #999999;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
  .chosen-container .chosen-single, .chosen-container .chosen-choices {
    background-color: #ffffff;
    color: #000000;
    border-color: #e5e5e5;
    box-shadow: none; }
  .chosen-container .chosen-results {
    color: #555555 !important;
    max-height: 400px; }
  .chosen-container .chosen-results li em {
    background-color: #FAF73C;
    font-style: normal;
    color: #000000; }
  .chosen-container .chosen-results li.highlighted em {
    color: #FAF73C;
    font-style: normal; }

.chosen-container-multi .chosen-choices .search-field input[type="text"] {
  padding-left: 15px; }

#monadQuickNaviSelect_chosen .chosen-search input {
  color: #000000;
  background-color: #ffffff !important;
  border: 1px solid #393A41 !important; }

li.search-field input.default {
  width: auto !important; }

/*Quicksearch*/
#monadQuickNaviSelect_chosen,
#coyoteSwitchSelect_chosen {
  text-align: left;
  font-size: 16px !important;
  /*opacity: 0.9 !important;*/
  font-style: italic !important; }
  #monadQuickNaviSelect_chosen a,
  #coyoteSwitchSelect_chosen a {
    background-color: #21232A !important;
    border: 1px solid #21232A !important;
    border-top: none !important;
    color: rgba(53, 65, 76, 0.9) !important; }
  #monadQuickNaviSelect_chosen .chosen-drop,
  #coyoteSwitchSelect_chosen .chosen-drop {
    width: 400px !important;
    background: #21232A !important;
    border: 1px solid #393A41 !important; }
    #monadQuickNaviSelect_chosen .chosen-drop ul,
    #coyoteSwitchSelect_chosen .chosen-drop ul {
      color: #aaa !important; }
      #monadQuickNaviSelect_chosen .chosen-drop ul li,
      #coyoteSwitchSelect_chosen .chosen-drop ul li {
        font-size: 16px !important; }
        #monadQuickNaviSelect_chosen .chosen-drop ul li.highlighted,
        #coyoteSwitchSelect_chosen .chosen-drop ul li.highlighted {
          background-color: #3D566D !important; }
    #monadQuickNaviSelect_chosen .chosen-drop .chosen-search input,
    #coyoteSwitchSelect_chosen .chosen-drop .chosen-search input {
      background-color: #21232A !important;
      border: 1px solid #393A41 !important; }
    #monadQuickNaviSelect_chosen .chosen-drop .no-results,
    #coyoteSwitchSelect_chosen .chosen-drop .no-results {
      background-color: #21232A !important;
      border: 1px solid #393A41 !important; }

.monad-chart-legend {
  position: absolute;
  z-index: 9;
  top: 0px;
  height: 80%;
  overflow: auto; }
  .monad-chart-legend table {
    width: auto;
    margin: 20px 0 0 20px;
    border: none; }
    .monad-chart-legend table tr {
      background: transparent; }
    .monad-chart-legend table tr:hover {
      background: none; }
    .monad-chart-legend table td {
      border: 0;
      padding: 0 5px 3px 5px; }
  .monad-chart-legend .legendColorBox > div {
    border: 0 !important; }
  .monad-chart-legend .legendColorBox > div > div {
    border-width: 6px !important; }

.monad-chart-legend.right {
  top: 15px;
  right: 20px; }

.monad-chart-labelselect-legend {
  display: inline-block;
  width: 85px; }

.monad-chart-labelselect.dropdown-menu {
  background-color: #ffffff;
  left: auto;
  right: 0px;
  padding: 10px;
  opacity: 0.9; }

#monad-chart-tooltip {
  position: absolute;
  display: none;
  border: 1px solid #000000;
  padding: 5px;
  color: #ffffff;
  border-radius: 2px;
  font-size: 11px;
  background-color: #000000;
  opacity: 0.8; }

.monad-chart-labelselect {
  position: absolute;
  top: 100%;
  left: auto;
  right: 0px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  margin: 2px 0 0;
  padding: 10px;
  font-size: 14px;
  text-align: left;
  list-style: none;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-color: #ffffff;
  opacity: 0.9; }

.paginationBox {
  margin-bottom: 20px;
  padding: 0px;
  background: #fff;
  position: relative;
  border: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%; }

.pagination {
  display: inline;
  margin: 0px;
  line-height: 10px;
  height: 32px; }
  .pagination select {
    height: 32px; }
  .pagination li {
    height: 100%; }
    .pagination li span {
      background-color: #fff;
      color: #337ab7;
      border-color: #ddd;
      height: 100%; }
      .pagination li span:hover {
        background-color: #eee;
        color: #23527c;
        border-color: #ddd; }
    .pagination li a {
      border-top: none;
      border-bottom: none;
      background-color: #fff;
      color: #337ab7;
      border-color: #ddd;
      display: inline-block;
      height: 32px; }
      .pagination li a:hover {
        background-color: #eee;
        color: #23527c;
        border-color: #ddd; }
      .pagination li a.hitResult {
        color: #606060;
        cursor: default;
        padding-top: 11px;
        line-height: 10px; }
    .pagination li:first-child a {
      border-left: none; }
    .pagination li:last-child a {
      border-right: none; }

.pagination.highlight1 > .active > a,
.pagination.highlight1 > .active > span {
  background-color: #334C81;
  border-color: transparent; }

.pagination.highlight1 > .active > a:hover,
.pagination.highlight1 > .active > span:hover,
.pagination.highlight1 > .active > a:focus,
.pagination.highlight1 > .active > span:focus {
  border-color: transparent; }

.pagination.highlight2 > .active > a,
.pagination.highlight2 > .active > span {
  background-color: #537ACF;
  border-color: transparent; }

.pagination.highlight2 > .active > a:hover,
.pagination.highlight2 > .active > span:hover,
.pagination.highlight2 > .active > a:focus,
.pagination.highlight2 > .active > span:focus {
  border-color: transparent; }

.pagination.highlight3 > .active > a,
.pagination.highlight3 > .active > span {
  background-color: #687082;
  border-color: transparent; }

.pagination.highlight3 > .active > a:hover,
.pagination.highlight3 > .active > span:hover,
.pagination.highlight3 > .active > a:focus,
.pagination.highlight3 > .active > span:focus {
  border-color: transparent; }

.pagination.highlight4 > .active > a,
.pagination.highlight4 > .active > span {
  background-color: #A5B2CF;
  border-color: transparent; }

.pagination.highlight4 > .active > a:hover,
.pagination.highlight4 > .active > span:hover,
.pagination.highlight4 > .active > a:focus,
.pagination.highlight4 > .active > span:focus {
  border-color: transparent; }

.pagination.highlight5 > .active > a,
.pagination.highlight5 > .active > span {
  background-color: #7D7D7D;
  border-color: transparent; }

.pagination.highlight5 > .active > a:hover,
.pagination.highlight5 > .active > span:hover,
.pagination.highlight5 > .active > a:focus,
.pagination.highlight5 > .active > span:focus {
  border-color: transparent; }

.pagination.highlight6 > .active > a,
.pagination.highlight6 > .active > span {
  background-color: #4D4D4D;
  border-color: transparent; }

.pagination.highlight6 > .active > a:hover,
.pagination.highlight6 > .active > span:hover,
.pagination.highlight6 > .active > a:focus,
.pagination.highlight6 > .active > span:focus {
  border-color: transparent; }

.pagination.highlight7 > .active > a,
.pagination.highlight7 > .active > span {
  background-color: #d4d4d4;
  border-color: transparent; }

.pagination.highlight7 > .active > a:hover,
.pagination.highlight7 > .active > span:hover,
.pagination.highlight7 > .active > a:focus,
.pagination.highlight7 > .active > span:focus {
  border-color: transparent; }

.list-group.highlight1 .list-group-item {
  color: #334C81; }

.list-group.highlight1 .list-group-item.active {
  background-color: #334C81;
  border-color: transparent;
  color: #FFFFFF;
  border-right-color: #334C81 !important; }

.list-group.highlight1 .list-group-item.active:hover,
.list-group.highlight1 .list-group-item.active:focus {
  border-color: transparent; }

.list-group.highlight1 .list-group-arrow-right.active::after {
  border-bottom: 21px solid transparent;
  border-left: 12px solid #334C81;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  right: -13px;
  top: -1px; }

.list-group.highlight1 .list-group-arrow-left.active::after {
  border-bottom: 21px solid transparent;
  border-right: 12px solid #334C81;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  left: -13px;
  top: -1px; }

.list-group.highlight2 .list-group-item {
  color: #537ACF; }

.list-group.highlight2 .list-group-item.active {
  background-color: #537ACF;
  border-color: transparent;
  color: #FFFFFF;
  border-right-color: #537ACF !important; }

.list-group.highlight2 .list-group-item.active:hover,
.list-group.highlight2 .list-group-item.active:focus {
  border-color: transparent; }

.list-group.highlight2 .list-group-arrow-right.active::after {
  border-bottom: 21px solid transparent;
  border-left: 12px solid #537ACF;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  right: -13px;
  top: -1px; }

.list-group.highlight2 .list-group-arrow-left.active::after {
  border-bottom: 21px solid transparent;
  border-right: 12px solid #537ACF;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  left: -13px;
  top: -1px; }

.list-group.highlight3 .list-group-item {
  color: #687082; }

.list-group.highlight3 .list-group-item.active {
  background-color: #687082;
  border-color: transparent;
  color: #FFFFFF;
  border-right-color: #687082 !important; }

.list-group.highlight3 .list-group-item.active:hover,
.list-group.highlight3 .list-group-item.active:focus {
  border-color: transparent; }

.list-group.highlight3 .list-group-arrow-right.active::after {
  border-bottom: 21px solid transparent;
  border-left: 12px solid #687082;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  right: -13px;
  top: -1px; }

.list-group.highlight3 .list-group-arrow-left.active::after {
  border-bottom: 21px solid transparent;
  border-right: 12px solid #687082;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  left: -13px;
  top: -1px; }

.list-group.highlight4 .list-group-item {
  color: #A5B2CF; }

.list-group.highlight4 .list-group-item.active {
  background-color: #A5B2CF;
  border-color: transparent;
  color: #FFFFFF;
  border-right-color: #A5B2CF !important; }

.list-group.highlight4 .list-group-item.active:hover,
.list-group.highlight4 .list-group-item.active:focus {
  border-color: transparent; }

.list-group.highlight4 .list-group-arrow-right.active::after {
  border-bottom: 21px solid transparent;
  border-left: 12px solid #A5B2CF;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  right: -13px;
  top: -1px; }

.list-group.highlight4 .list-group-arrow-left.active::after {
  border-bottom: 21px solid transparent;
  border-right: 12px solid #A5B2CF;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  left: -13px;
  top: -1px; }

.list-group.highlight5 .list-group-item {
  color: #7D7D7D; }

.list-group.highlight5 .list-group-item.active {
  background-color: #7D7D7D;
  border-color: transparent;
  color: #FFFFFF;
  border-right-color: #7D7D7D !important; }

.list-group.highlight5 .list-group-item.active:hover,
.list-group.highlight5 .list-group-item.active:focus {
  border-color: transparent; }

.list-group.highlight5 .list-group-arrow-right.active::after {
  border-bottom: 21px solid transparent;
  border-left: 12px solid #7D7D7D;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  right: -13px;
  top: -1px; }

.list-group.highlight5 .list-group-arrow-left.active::after {
  border-bottom: 21px solid transparent;
  border-right: 12px solid #7D7D7D;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  left: -13px;
  top: -1px; }

.list-group.highlight6 .list-group-item {
  color: #4D4D4D; }

.list-group.highlight6 .list-group-item.active {
  background-color: #4D4D4D;
  border-color: transparent;
  color: #FFFFFF;
  border-right-color: #4D4D4D !important; }

.list-group.highlight6 .list-group-item.active:hover,
.list-group.highlight6 .list-group-item.active:focus {
  border-color: transparent; }

.list-group.highlight6 .list-group-arrow-right.active::after {
  border-bottom: 21px solid transparent;
  border-left: 12px solid #4D4D4D;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  right: -13px;
  top: -1px; }

.list-group.highlight6 .list-group-arrow-left.active::after {
  border-bottom: 21px solid transparent;
  border-right: 12px solid #4D4D4D;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  left: -13px;
  top: -1px; }

.list-group.highlight7 .list-group-item {
  color: #d4d4d4; }

.list-group.highlight7 .list-group-item.active {
  background-color: #d4d4d4;
  border-color: transparent;
  color: #FFFFFF;
  border-right-color: #d4d4d4 !important; }

.list-group.highlight7 .list-group-item.active:hover,
.list-group.highlight7 .list-group-item.active:focus {
  border-color: transparent; }

.list-group.highlight7 .list-group-arrow-right.active::after {
  border-bottom: 21px solid transparent;
  border-left: 12px solid #d4d4d4;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  right: -13px;
  top: -1px; }

.list-group.highlight7 .list-group-arrow-left.active::after {
  border-bottom: 21px solid transparent;
  border-right: 12px solid #d4d4d4;
  border-top: 21px solid transparent;
  content: "";
  position: absolute;
  left: -13px;
  top: -1px; }

.list-group-item.active a {
  display: block;
  color: #fff;
  width: 100%;
  height: 100%; }

.list-group-item a {
  display: block;
  width: 100%;
  height: 100%; }

.tab-pane.active h3 {
  margin-top: 0px; }

.array-list {
  padding: 0; }
  .array-list * {
    font-size: 14px;
    padding-right: 11px;
    font-style: normal; }
  .array-list li {
    list-style: none;
    display: flex;
    align-items: flex-start; }
    .array-list li b {
      color: #1f1f1f;
      font-weight: normal; }
    .array-list li i {
      white-space: nowrap;
      color: #ba352e; }
      .array-list li i > ul::before {
        content: "{"; }
      .array-list li i > ul::after {
        content: "},"; }

.label {
  border-radius: 0px;
  font-weight: normal;
  font-size: 95%;
  display: inline-block;
  text-align: left; }
  .label .time {
    font-style: italic; }
  .label span {
    margin-right: 2px; }

a .label i {
  margin: 0 2px; }
a .label .fa-exclamation {
  margin-left: 5px;
  margin-right: 10px; }
a .label .fa-exclamation-triangle {
  margin-left: 2px;
  margin-right: 2px; }
a .label .fa-clock-o {
  margin-left: 2px;
  margin-right: 15px; }
a .label .fa-cogs {
  margin-left: 2px;
  margin-right: 6px; }
a .label .fa-cog {
  margin-left: 2px;
  margin-right: 8px; }
a .label .fa-check {
  margin-left: 2px;
  margin-right: 6px; }

.checkbox .label {
  height: 21px;
  position: relative;
  top: -1px;
  width: 140px; }
  .checkbox .label .fa-exclamation {
    margin-left: 5px;
    margin-right: 11px; }
  .checkbox .label .fa-exclamation-triangle {
    margin-left: 2px;
    margin-right: 5px; }
  .checkbox .label .fa-clock-o {
    margin-left: 2px;
    margin-right: 15px; }
  .checkbox .label .fa-cogs {
    margin-left: 2px;
    margin-right: 6px; }
  .checkbox .label .fa-cog {
    margin-left: 2px;
    margin-right: 8px; }
  .checkbox .label .fa-check {
    margin-left: 2px;
    margin-right: 6px; }

body.monad-login {
  background-color: #272930; }

.monad-login-message {
  width: 650px;
  position: absolute;
  left: 50%;
  top: 42%;
  margin-top: -240px;
  margin-left: -325px; }

.monad-login .login-wrapper {
  width: 650px;
  left: 50%;
  top: 42%;
  position: absolute;
  margin-top: -170px;
  margin-left: -325px; }
  .monad-login .login-wrapper .login-box-copyright a {
    color: #aaaaaa; }
  .monad-login .login-wrapper .form-group .btn, .monad-login .login-wrapper .form-group .fc button, .fc .monad-login .login-wrapper .form-group button {
    width: 100%; }

.monad-login .login-box {
  padding: 0;
  padding-bottom: 30px;
  border: 0;
  overflow: hidden;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.6);
  background-color: #F0F0F0;
  margin-bottom: 20px; }
  .monad-login .login-box .header {
    padding: 9px 20px;
    background: #3d566d;
    border-bottom: 1px solid #3d566d; }
    .monad-login .login-box .header h3 {
      line-height: 35px;
      text-align: right;
      margin: 0;
      color: #FFF;
      min-height: 40px; }
  .monad-login .login-box .content {
    padding: 0px;
    margin: 40px 30px 40px 30px; }
    .monad-login .login-box .content .form-control {
      padding: 10px 8px;
      height: auto; }
    .monad-login .login-box .content .form-group {
      margin-bottom: 10px; }
    .monad-login .login-box .content .title {
      margin-top: 0;
      margin-bottom: 20px; }
    .monad-login .login-box .content .logo {
      text-align: center;
      margin: 0px;
      margin-top: -14px;
      margin-left: -15px;
      padding: 0px; }
  .monad-login .login-box .footer {
    text-align: right;
    padding: 0 30px 15px; }
    .monad-login .login-box .footer .btn, .monad-login .login-box .footer .fc button, .fc .monad-login .login-box .footer button {
      min-width: 70px; }

.triangle {
  float: right;
  width: 0;
  height: 0;
  border-bottom: 20px solid gold;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent; }
  .triangle i {
    margin-right: -10px !important;
    margin-top: 4px !important;
    color: #414141; }

.modal {
  /* FilterModal */ }
  .modal.dark .modal-body, .modal.dark .modal-footer {
    background-color: #F0F0F0; }
  .modal .modal-header.highlight1 {
    background-color: #334C81; }
  .modal .modal-header.highlight2 {
    background-color: #537ACF; }
  .modal .modal-header.highlight3 {
    background-color: #687082; }
  .modal .modal-header.highlight4 {
    background-color: #A5B2CF; }
  .modal .modal-header.highlight5 {
    background-color: #7D7D7D; }
  .modal .modal-header.highlight6 {
    background-color: #4D4D4D; }
  .modal .modal-header.highlight7 {
    background-color: #d4d4d4; }
  .modal .modal-header {
    border-radius: 4px 4px 0px 0px !important;
    color: #fff;
    border-bottom: 1px solid inherit; }
    .modal .modal-header h4 {
      margin-top: 0; }
  .modal .modal-content {
    border-radius: 7px !important;
    color: inherit;
    background-color: #ffffff; }
  .modal .modal-footer {
    background-color: #F7F7F7;
    border-radius: 0 0 4px 4px !important;
    border-top: 1px solid inherit; }
  .modal #filterNameSelect {
    list-style-type: none;
    padding-left: 0; }
    .modal #filterNameSelect li {
      padding: 10px 10px;
      border-bottom: 1px solid #dddddd; }
      .modal #filterNameSelect li:hover {
        background-color: #eeeeee; }
      .modal #filterNameSelect li:last-of-type {
        border-bottom: none; }
    .modal #filterNameSelect .deleteFilter {
      margin-right: 10px; }
    .modal #filterNameSelect .deleteFilterQuestion {
      font-size: 1.5em;
      cursor: pointer;
      color: #888888; }
    .modal #filterNameSelect .loadFilter {
      cursor: pointer; }
      .modal #filterNameSelect .loadFilter small {
        color: #888888; }
  .modal #deleteBox {
    margin-top: 20px; }
  .modal #loadBox {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 640px; }
  .modal .filterSaveCurrentSettings {
    background-color: #eeeeee;
    margin-bottom: 20px;
    padding: 10px; }

.bootstrap-timepicker-widget {
  min-width: 120px !important;
  z-index: 10000; }
  .bootstrap-timepicker-widget table, .bootstrap-timepicker-widget th, .bootstrap-timepicker-widget td {
    border: none; }
  .bootstrap-timepicker-widget table td:not(.separator) {
    width: 25px !important;
    min-width: 0px !important; }
  .bootstrap-timepicker-widget table td:last-child {
    border: none; }
  .bootstrap-timepicker-widget table td.separator {
    width: 1px !important; }
  .bootstrap-timepicker-widget table td a {
    padding: 0px !important; }
  .bootstrap-timepicker-widget table td input {
    width: 42px !important; }

.bootstrap-datetimepicker-widget {
  min-width: 120px !important;
  z-index: 10000; }
  .bootstrap-datetimepicker-widget table, .bootstrap-datetimepicker-widget th, .bootstrap-datetimepicker-widget td {
    border: none; }
  .bootstrap-datetimepicker-widget table td:not(.separator) {
    width: 25px !important;
    min-width: 0px !important; }
  .bootstrap-datetimepicker-widget table td:last-child {
    border: none; }
  .bootstrap-datetimepicker-widget table td.separator {
    width: 1px !important; }
  .bootstrap-datetimepicker-widget table td a {
    padding: 0px !important; }
  .bootstrap-datetimepicker-widget table td input {
    width: 42px !important; }

.colorpicker-2x .colorpicker-saturation {
  width: 200px;
  height: 200px; }
.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {
  width: 30px;
  height: 200px; }
.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {
  height: 30px; }

.progress-bar.highlight1, .progress-bar.highlight1:focus {
  background-color: #334C81;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight1:hover {
  background-color: #334C81;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight2, .progress-bar.highlight2:focus {
  background-color: #537ACF;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight2:hover {
  background-color: #537ACF;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight3, .progress-bar.highlight3:focus {
  background-color: #687082;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight3:hover {
  background-color: #687082;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight4, .progress-bar.highlight4:focus {
  background-color: #A5B2CF;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight4:hover {
  background-color: #A5B2CF;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight5, .progress-bar.highlight5:focus {
  background-color: #7D7D7D;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight5:hover {
  background-color: #7D7D7D;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight6, .progress-bar.highlight6:focus {
  background-color: #4D4D4D;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight6:hover {
  background-color: #4D4D4D;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight7, .progress-bar.highlight7:focus {
  background-color: #d4d4d4;
  border-color: transparent;
  color: #FFFFFF; }
.progress-bar.highlight7:hover {
  background-color: #d4d4d4;
  border-color: transparent;
  color: #FFFFFF; }

.fc button {
  background-image: none;
  background-color: inherit; }
  .fc button:hover {
    color: #000; }
  .fc button:focus {
    color: #286090; }

.fc-toolbar .fc-state-active {
  color: #FFF; }
  .fc-toolbar .fc-state-active:focus {
    color: #FFF; }

.fc-event {
  background-color: #286090;
  line-height: 2.3;
  font-size: 14px; }

*[id^='elementJob_'] .taskContent {
  padding-left: 40px !important;
  padding-right: 0px !important; }

.monad-taskFilter {
  display: block;
  padding: 0;
  margin: 0px 0px 10px 0px;
  clear: both; }
  .monad-taskFilter .taskFilterHeader {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    display: block; }
    .monad-taskFilter .taskFilterHeader .taskFilterIcon {
      display: inline;
      float: left;
      height: 40px;
      text-align: center;
      background-color: #79aa3f;
      font-size: 18px;
      color: #FFFFFF;
      padding: 0px 10px 0px 10px;
      cursor: pointer; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon i.fa {
        font-size: 18px;
        line-height: 40px;
        color: #FFFFFF;
        margin-right: 5px; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon a {
        font-size: 18px;
        line-height: 40px;
        color: #FFFFFF; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.highlight1 {
        background-color: #334C81 !important; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.highlight2 {
        background-color: #537ACF !important; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.highlight3 {
        background-color: #687082 !important; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.highlight4 {
        background-color: #A5B2CF !important; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.highlight5 {
        background-color: #7D7D7D !important; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.highlight6 {
        background-color: #4D4D4D !important; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.highlight7 {
        background-color: #d4d4d4 !important; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.primary {
        background-color: #286090; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.success {
        background-color: #449D44; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.info {
        background-color: #31B0D5; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.warning {
        background-color: #EC971F; }
      .monad-taskFilter .taskFilterHeader .taskFilterIcon.danger {
        background-color: #C9302C; }
    .monad-taskFilter .taskFilterHeader .taskFilterTitle {
      position: relative;
      display: inline-block;
      padding: 0px 0px 0px 10px;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      font-weight: normal; }
  .monad-taskFilter .taskFiterContent {
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    border-top: none;
    padding: 10px; }

.monad-task {
  display: block;
  padding: 0;
  margin: 0px 0px 10px 0px;
  clear: both; }
  .monad-task .taskHeader {
    position: relative;
    background-color: #ffffff;
    background-image: linear-gradient(#c4c4c4 1px, transparent 0.1em);
    background-repeat: repeat-x;
    background-position: 0px 60px;
    border: 1px solid #c4c4c4;
    display: block; }
    .monad-task .taskHeader.alternate-bg {
      background-color: #D3D3D3 !important; }
    .monad-task .taskHeader:hover:not(.noPointer) {
      background-color: #f7f7f7; }
    .monad-task .taskHeader .taskIcon {
      display: inline;
      float: left;
      height: 60px;
      width: 40px;
      text-align: center;
      background-color: #aa00aa;
      cursor: pointer;
      cursor: pointer; }
      .monad-task .taskHeader .taskIcon.noPointer {
        cursor: default;
        opacity: 1 !important; }
      .monad-task .taskHeader .taskIcon.highlight1:hover {
        background-color: #334C81;
        color: #FFFFFF; }
      .monad-task .taskHeader .taskIcon.highlight2:hover {
        background-color: #537ACF;
        color: #FFFFFF; }
      .monad-task .taskHeader .taskIcon.highlight3:hover {
        background-color: #687082;
        color: #FFFFFF; }
      .monad-task .taskHeader .taskIcon.highlight4:hover {
        background-color: #A5B2CF;
        color: #FFFFFF; }
      .monad-task .taskHeader .taskIcon.highlight5:hover {
        background-color: #7D7D7D;
        color: #FFFFFF; }
      .monad-task .taskHeader .taskIcon.highlight6:hover {
        background-color: #4D4D4D;
        color: #FFFFFF; }
      .monad-task .taskHeader .taskIcon.highlight7:hover {
        background-color: #d4d4d4;
        color: #FFFFFF; }
      .monad-task .taskHeader .taskIcon.default {
        background-color: #f1f1f1;
        color: #000; }
        .monad-task .taskHeader .taskIcon.default i.fa {
          color: #A3A3A3; }
      .monad-task .taskHeader .taskIcon.primary {
        background-color: #286090;
        color: #FFF; }
      .monad-task .taskHeader .taskIcon.success {
        background-color: #449D44;
        color: #FFF; }
      .monad-task .taskHeader .taskIcon.info {
        background-color: #31B0D5;
        color: #FFF; }
      .monad-task .taskHeader .taskIcon.warning {
        background-color: #EC971F;
        color: #FFF; }
      .monad-task .taskHeader .taskIcon.danger {
        background-color: #C9302C;
        color: #FFF; }
      .monad-task .taskHeader .taskIcon i.fa {
        font-size: 22px;
        line-height: 60px;
        color: #FFFFFF; }
    .monad-task .taskHeader .taskButtons {
      display: inline;
      float: left;
      height: 60px;
      margin-left: 5px;
      cursor: pointer; }
      .monad-task .taskHeader .taskButtons .btn-default {
        background-color: transparent !important; }
      .monad-task .taskHeader .taskButtons button {
        display: inline;
        float: left;
        width: 55px;
        height: 60px;
        margin: 0px;
        border: none; }
        .monad-task .taskHeader .taskButtons button i.fa {
          font-size: 22px;
          color: #999; }
          .monad-task .taskHeader .taskButtons button i.fa:hover {
            opacity: 0.9; }
          .monad-task .taskHeader .taskButtons button i.fa.high {
            color: #EC971F !important; }
          .monad-task .taskHeader .taskButtons button i.fa.medium {
            color: #cccccc !important; }
      .monad-task .taskHeader .taskButtons .buttonSpacer {
        display: inline;
        padding: 0px;
        margin: 0px;
        float: left;
        height: 60px;
        width: 1px;
        background-color: #c4c4c4; }
    .monad-task .taskHeader .taskTitle {
      position: relative;
      display: inline-block;
      padding: 8px 0px 0px 10px;
      margin-top: -1px;
      width: auto;
      cursor: pointer;
      height: 60px; }
      .monad-task .taskHeader .taskTitle.noPointer {
        cursor: default;
        opacity: 1 !important; }
      .monad-task .taskHeader .taskTitle:hover:not(.noPointer) {
        opacity: 0.8; }
      .monad-task .taskHeader .taskTitle .subTitle {
        padding: 0;
        margin: 0;
        display: block;
        font-size: 16px; }
      .monad-task .taskHeader .taskTitle .title {
        position: relative;
        padding: 0;
        margin: 0;
        display: block;
        font-size: 20px;
        font-weight: normal; }
        .monad-task .taskHeader .taskTitle .title .titleInfo {
          display: inline;
          float: right;
          height: 60px;
          text-align: right;
          margin-right: 10px;
          border-left: 1px solid #c4c4c4;
          font-size: 21px;
          color: #7E7D7D !important;
          line-height: 60px;
          position: relative;
          top: -30px;
          right: 0px;
          padding: 0px 10px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo.fixedWidth-50 {
            width: 50px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo.fixedWidth-100 {
            width: 100px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo.fixedWidth-120 {
            width: 120px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo.fixedWidth-150 {
            width: 150px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo.fixedWidth-170 {
            width: 170px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo.fixedWidth-200 {
            width: 200px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo .titleInfoTop, .monad-task .taskHeader .taskTitle .title .titleInfo .titleInfoBottom {
            position: absolute;
            font-size: 19px;
            right: 10px;
            height: 31px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo .titleInfoTop {
            top: -9px;
            font-size: 10px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo .titleInfoBottom {
            bottom: 20px; }
          .monad-task .taskHeader .taskTitle .title .titleInfo .red {
            color: #f42d2d; }
          .monad-task .taskHeader .taskTitle .title .titleInfo .blue {
            color: #004791; }
    .monad-task .taskHeader .taskInfo {
      display: inline;
      float: right;
      height: 60px;
      text-align: right;
      margin-right: 10px;
      border-left: 1px solid #c4c4c4;
      cursor: pointer;
      font-size: 21px;
      color: #7E7D7D !important;
      line-height: 60px; }
      .monad-task .taskHeader .taskInfo.taskInfoFixedWidth {
        width: 100px; }
      .monad-task .taskHeader .taskInfo i.fa:not(.fa-stack-sub) {
        position: relative;
        font-size: 30px;
        color: #bbbbbb !important;
        line-height: 60px;
        margin-left: 10px; }
        .monad-task .taskHeader .taskInfo i.fa:not(.fa-stack-sub):hover {
          opacity: 0.8; }
        .monad-task .taskHeader .taskInfo i.fa:not(.fa-stack-sub) .badge {
          position: absolute;
          top: 10px;
          right: -5px; }
    .monad-task .taskHeader .taskSummary {
      height: 60px;
      display: inline;
      float: left;
      margin: 0px;
      padding-right: 10px;
      border-right: 1px solid #c4c4c4; }
      .monad-task .taskHeader .taskSummary .bigIcon {
        float: left;
        cursor: pointer; }
        .monad-task .taskHeader .taskSummary .bigIcon:hover {
          opacity: 0.8; }
        .monad-task .taskHeader .taskSummary .bigIcon i.fa {
          position: relative;
          font-size: 42px;
          color: #bbbbbb !important;
          line-height: 60px;
          margin-left: 10px; }
          .monad-task .taskHeader .taskSummary .bigIcon i.fa .badge {
            position: absolute;
            top: 5px;
            right: -5px; }
      .monad-task .taskHeader .taskSummary .infoLine {
        float: left;
        margin: 8px 0px 0px 10px;
        font-size: 12px;
        line-height: 12px;
        display: table-cell;
        vertical-align: middle;
        text-align: right;
        width: 66px; }
        .monad-task .taskHeader .taskSummary .infoLine.twoLine {
          margin-top: 15px; }
        .monad-task .taskHeader .taskSummary .infoLine i.fa {
          font-size: 14px;
          color: #bbbbbb !important;
          margin: 0px 0px 0px 5px;
          width: 10px; }
          .monad-task .taskHeader .taskSummary .infoLine i.fa.fa-pencil {
            color: #EC971F !important; }
        .monad-task .taskHeader .taskSummary .infoLine.width-2x {
          width: 120px; }
        .monad-task .taskHeader .taskSummary .infoLine.twoItems {
          position: relative;
          top: 7px; }
  .monad-task .taskContent {
    padding: 20px 40px 20px 40px; }
    .monad-task .taskContent.boxed {
      background-color: #ffffff;
      border: 1px solid #c4c4c4;
      border-top: none; }
  .monad-task .clearfix {
    clear: both; }

.monad-bigTask {
  display: block;
  padding: 0;
  margin: 0px 0px 10px 0px;
  clear: both; }
  .monad-bigTask .bigTaskHeader {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    display: block; }
    .monad-bigTask .bigTaskHeader.default {
      border-top: 4px solid #c4c4c4;
      border-bottom: 4px solid #c4c4c4; }
    .monad-bigTask .bigTaskHeader.primary {
      border-top: 4px solid #286090;
      border-bottom: 4px solid #286090; }
    .monad-bigTask .bigTaskHeader.success {
      border-top: 4px solid #449D44;
      border-bottom: 4px solid #449D44; }
    .monad-bigTask .bigTaskHeader.info {
      border-top: 4px solid #31B0D5;
      border-bottom: 4px solid #31B0D5; }
    .monad-bigTask .bigTaskHeader.warning {
      border-top: 4px solid #EC971F;
      border-bottom: 4px solid #EC971F; }
    .monad-bigTask .bigTaskHeader.danger {
      border-top: 4px solid #C9302C;
      border-bottom: 4px solid #C9302C; }
    .monad-bigTask .bigTaskHeader .bigTaskTitle {
      position: relative;
      margin: 0px;
      padding: 10px;
      border-bottom: 1px solid #c4c4c4; }
      .monad-bigTask .bigTaskHeader .bigTaskTitle .subTitle {
        padding: 0;
        margin: 0;
        display: block;
        font-size: 16px; }
      .monad-bigTask .bigTaskHeader .bigTaskTitle .title {
        position: relative;
        padding: 0;
        margin: 0;
        display: block;
        line-height: 1.0em;
        font-size: 24px;
        font-weight: normal; }
    .monad-bigTask .bigTaskHeader .bigTaskTimer {
      position: relative;
      margin: 0px;
      padding: 15px; }
      .monad-bigTask .bigTaskHeader .bigTaskTimer .bigTimer {
        text-align: right;
        margin: 0px;
        padding: 0px;
        font-size: 36px;
        color: #666; }
      .monad-bigTask .bigTaskHeader .bigTaskTimer .smallTimer {
        text-align: right;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        font-size: 14px;
        color: #666; }
    .monad-bigTask .bigTaskHeader .taskInfo {
      display: inline;
      float: right;
      height: 72px;
      text-align: right;
      color: #ff0000;
      margin-right: 10px;
      border-left: 1px solid #c4c4c4;
      cursor: pointer; }
      .monad-bigTask .bigTaskHeader .taskInfo i.fa {
        position: relative;
        font-size: 30px;
        color: #bbbbbb !important;
        line-height: 72px;
        margin-left: 10px; }
        .monad-bigTask .bigTaskHeader .taskInfo i.fa:hover {
          opacity: 0.8; }
        .monad-bigTask .bigTaskHeader .taskInfo i.fa .badge {
          position: absolute;
          top: 10px;
          right: -5px; }
    .monad-bigTask .bigTaskHeader > .taskButtons {
      display: inline;
      float: left;
      margin: 15px 0px 0px 0px; }
      .monad-bigTask .bigTaskHeader > .taskButtons button {
        display: inline;
        float: left;
        height: 40px;
        margin: 0px 10px 0px 0px;
        border: 1px solid #c4c4c4;
        font-size: 18px;
        color: #999; }
        .monad-bigTask .bigTaskHeader > .taskButtons button i.fa {
          font-size: 22px;
          margin-right: 5px;
          color: #999; }
  .monad-bigTask .taskContent {
    padding: 10px; }
    .monad-bigTask .taskContent.boxed {
      background-color: #ffffff;
      border: 1px solid #c4c4c4;
      border-top: none; }
  .monad-bigTask .clearfix {
    clear: both; }

.multiActionRow {
  display: flex;
  align-items: flex-start; }

.multiActionItem {
  width: 40px;
  position: relative;
  top: 17px; }

.multiActionHeader {
  margin-top: 10px !important;
  margin-bottom: 15px !important; }

.completeListingWithPanels {
  flex: 1; }
  .completeListingWithPanels .monad-task .taskHeader .taskIcon {
    width: 60px; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon i.fa {
      font-size: 29px; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon .tooltip {
      z-index: 9999999999 !important; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.red {
      background-color: rgba(255, 0, 0, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.red i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.red_pastel {
      background-color: rgba(255, 0, 0, 0.6); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.red_pastel i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.green {
      background-color: rgba(0, 128, 0, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.green i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.green_pastel {
      background-color: rgba(0, 128, 0, 0.6); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.green_pastel i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.blue {
      background-color: rgba(0, 0, 255, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.blue i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.blue_pastel {
      background-color: rgba(0, 75, 255, 0.56); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.blue_pastel i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.orange {
      background-color: rgba(255, 165, 0, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.orange i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.orange_pastel {
      background-color: rgba(255, 165, 0, 0.6); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.orange_pastel i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.yellow {
      background-color: rgba(255, 255, 0, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.yellow i {
        color: #D49E3799; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.yellow_pastel {
      background-color: rgba(255, 255, 0, 0.6); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.yellow_pastel i {
        color: #D49E3799; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.purple {
      background-color: rgba(128, 0, 128, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.purple i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.purple_pastel {
      background-color: rgba(128, 0, 128, 0.6); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.purple_pastel i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.pink {
      background-color: rgba(255, 192, 203, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.pink i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.pink_pastel {
      background-color: rgba(255, 192, 203, 0.6); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.pink_pastel i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.brown {
      background-color: rgba(165, 42, 42, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.brown i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.brown_pastel {
      background-color: rgba(165, 42, 42, 0.6); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.brown_pastel i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.black {
      background-color: rgba(0, 0, 0, 0.8); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.black i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.black_pastel {
      background-color: rgba(0, 0, 0, 0.6); }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.black_pastel i {
        color: #FFF; }
    .completeListingWithPanels .monad-task .taskHeader .taskIcon.white {
      background-color: #FFF;
      border-right: 1px solid #dcdcdc; }
      .completeListingWithPanels .monad-task .taskHeader .taskIcon.white i {
        color: rgba(0, 0, 0, 0.6); }
  .completeListingWithPanels .monad-task .taskHeader .taskButtons {
    margin-left: 5px; }
    .completeListingWithPanels .monad-task .taskHeader .taskButtons button {
      display: flex;
      align-items: center;
      width: auto;
      padding: 0px; }
      .completeListingWithPanels .monad-task .taskHeader .taskButtons button:last-of-type {
        margin-right: 5px; }
      .completeListingWithPanels .monad-task .taskHeader .taskButtons button.activate i {
        color: #70b370 !important;
        font-weight: bold; }
      .completeListingWithPanels .monad-task .taskHeader .taskButtons button.activate span {
        color: #70b370 !important; }
      .completeListingWithPanels .monad-task .taskHeader .taskButtons button i {
        color: #999;
        width: 32px; }
      .completeListingWithPanels .monad-task .taskHeader .taskButtons button span {
        color: #999;
        margin-right: 2px;
        width: auto;
        font-size: 23px; }
  .completeListingWithPanels .monad-task .taskHeader .taskTitle {
    /*display: flex;*/
    flex-direction: column;
    justify-content: space-around; }
    .completeListingWithPanels .monad-task .taskHeader .taskTitle .title {
      line-height: 31px; }
  .completeListingWithPanels .monad-task .taskHeader .taskSummary {
    display: flex;
    align-items: center;
    padding: 0px; }
    .completeListingWithPanels .monad-task .taskHeader .taskSummary .infoLine {
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-top: 0px;
      margin-left: 0px; }
      .completeListingWithPanels .monad-task .taskHeader .taskSummary .infoLine .dateBoxDay {
        color: #626262;
        font-size: 31px;
        line-height: 39px;
        width: 100%;
        background-color: #f5f5f5; }
      .completeListingWithPanels .monad-task .taskHeader .taskSummary .infoLine .dateBoxMonthYear {
        color: #696969;
        border-top: 1px solid #c0c0c0;
        width: 100%;
        line-height: 20px;
        text-transform: uppercase; }
      .completeListingWithPanels .monad-task .taskHeader .taskSummary .infoLine .panelBadgeIconWrap {
        position: relative; }
      .completeListingWithPanels .monad-task .taskHeader .taskSummary .infoLine .panelBadgeIconFa {
        font-size: 30px;
        width: 100%;
        margin: 0px; }
      .completeListingWithPanels .monad-task .taskHeader .taskSummary .infoLine .panelBadgeIconBadge {
        right: -7px;
        top: unset;
        bottom: 0px; }
  .completeListingWithPanels .monad-task .taskHeader .taskInfo i.fa {
    margin-left: 0px; }
  .completeListingWithPanels .monad-task .taskContent table td {
    padding-right: 10px; }
    .completeListingWithPanels .monad-task .taskContent table td:nth-child(2), .completeListingWithPanels .monad-task .taskContent table td:nth-child(3) {
      font-weight: bold; }
  .completeListingWithPanels .monad-task .taskInfoOpener {
    float: right;
    position: absolute;
    z-index: 100000;
    right: 0px;
    display: flex; }
    .completeListingWithPanels .monad-task .taskInfoOpener .actions {
      /*display: none !important;*/
      visibility: hidden;
      display: flex !important;
      opacity: 0;
      clear: left;
      justify-content: center;
      align-items: center;
      margin: 0px 0px 0px 0px !important;
      width: 50px;
      text-align: center;
      background-color: #FFF;
      position: absolute;
      -webkit-transition: all 0.1s ease-in;
      /* Safari */
      transition: all 0.1s ease-in; }
    .completeListingWithPanels .monad-task .taskInfoOpener .opener {
      width: 41px; }
    .completeListingWithPanels .monad-task .taskInfoOpener.open .actions, .completeListingWithPanels .monad-task .taskInfoOpener:hover .actions {
      /*display: flex !important;*/
      position: static;
      opacity: 1;
      visibility: visible; }
      .completeListingWithPanels .monad-task .taskInfoOpener.open .actions:hover, .completeListingWithPanels .monad-task .taskInfoOpener:hover .actions:hover {
        background-color: #dcdcdc; }
    .completeListingWithPanels .monad-task .taskInfoOpener.open .opener, .completeListingWithPanels .monad-task .taskInfoOpener:hover .opener {
      display: none; }
  .completeListingWithPanels .panelDescriptionFlexWrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 10px 0px 20px 0px; }
  .completeListingWithPanels .panelDescriptionFlexChilds {
    min-width: 192px;
    border-left: 1px solid #dcdcdc;
    padding: 0px 40px;
    line-height: 17px; }
    .completeListingWithPanels .panelDescriptionFlexChilds table.reset {
      border: none;
      background-color: unset;
      padding: 0;
      margin: 0; }
      .completeListingWithPanels .panelDescriptionFlexChilds table.reset tr {
        border: none;
        background-color: unset;
        padding: 0;
        margin: 0; }
        .completeListingWithPanels .panelDescriptionFlexChilds table.reset tr:hover {
          border: none;
          background-color: unset;
          padding: 0;
          margin: 0; }
        .completeListingWithPanels .panelDescriptionFlexChilds table.reset tr td {
          border: none;
          background-color: unset;
          padding: 0;
          margin: 0; }
          .completeListingWithPanels .panelDescriptionFlexChilds table.reset tr td:hover {
            border: none;
            background-color: unset;
            padding: 0;
            margin: 0; }
    .completeListingWithPanels .panelDescriptionFlexChilds table.tupel-center tr td:first-child {
      text-align: right; }
  .completeListingWithPanels .panelDescriptionFlexChilds h4 {
    font-weight: bold;
    margin-bottom: 10px; }
  .completeListingWithPanels .panelDescriptionFlexWrapper .panelDescriptionFlexChilds:first-child {
    border: none;
    padding-left: 0px; }

.colorPrimary {
  color: #286090 !important; }

.colorSuccess {
  color: #449D44 !important; }

.colorInfo {
  color: #31B0D5 !important; }

.colorWarning {
  color: #EC971F !important; }

.colorDanger {
  color: #C9302C !important; }

.bgColorNaviHighlight {
  background-color: #3D566D !important; }

.bgPanelHighlight {
  background-color: #31B0D5 !important;
  color: #FFFFFF !important; }

.bgPanelHighlight i {
  color: #FFFFFF !important; }

.clickElement {
  cursor: pointer; }
  .clickElement:hover {
    opacity: 0.8; }

@media (max-width: 1170px) {
  .only-desktop {
    display: none !important; } }
.filterForm .filterRefresh {
  float: right;
  height: 51px;
  width: 51px;
  margin-left: 0; }
.filterForm .filterSave,
.filterForm .filterReset {
  float: right;
  height: 51px;
  width: auto;
  padding: 16px 22px;
  margin-left: 0; }
.filterForm .filterRefresh i,
.filterForm .filterSave i,
.filterForm .filterReset i {
  font-size: 20px; }
.filterForm .filterRememberToggle {
  float: right;
  padding-top: 8px;
  margin-right: 10px; }
.filterForm .panel {
  position: relative; }
.filterForm .panel-default {
  border-color: #ddd; }
.filterForm .panel-body {
  border-top-color: #ddd; }
.filterForm .toggle .highlight.toggle-on1 {
  background-color: #334C81; }
.filterForm .toggle .highlight.toggle-on2 {
  background-color: #537ACF; }
.filterForm .toggle .highlight.toggle-on3 {
  background-color: #687082; }
.filterForm .toggle .highlight.toggle-on4 {
  background-color: #A5B2CF; }
.filterForm .toggle .highlight.toggle-on5 {
  background-color: #7D7D7D; }
.filterForm .toggle .highlight.toggle-on6 {
  background-color: #4D4D4D; }
.filterForm .toggle .highlight.toggle-on7 {
  background-color: #d4d4d4; }
.filterForm .filterSwitchToggle .toggle {
  position: absolute;
  line-height: 0px;
  z-index: 1000;
  left: 100px;
  top: 7px; }
.filterForm .filterSwitchToggle .toggle_link {
  position: absolute;
  line-height: 12px;
  /*z-index: 1000;*/
  left: 40px;
  top: 19px;
  font-size: 15px; }
  .filterForm .filterSwitchToggle .toggle_link .active {
    color: #000;
    font-weight: bold; }
  .filterForm .filterSwitchToggle .toggle_link a {
    cursor: pointer;
    color: initial;
    text-decoration: none; }
.filterForm .filterContent-box {
  background-color: #f5f5f5; }

#collapseShortFilter .panel-body {
  padding-bottom: 0px; }

.system {
  position: absolute;
  color: #fff;
  font-size: 21px;
  background-color: #3D566D;
  height: 60px;
  bottom: 0;
  right: 5px;
  width: 195px;
  text-align: right;
  text-align: right; }
  .system span {
    display: table-cell;
    height: 60px;
    vertical-align: middle;
    width: 195px; }
  .system .systemSelect {
    position: absolute;
    display: none;
    width: 280px;
    top: 60px;
    right: -5px;
    z-index: 10;
    background-color: #3D566D;
    padding: 15px; }
    .system .systemSelect a {
      font-size: 15px;
      display: block;
      margin-bottom: 5px; }

.monad-navigation-systemSwitch {
  display: none; }

.system:hover,
.system span:hover {
  cursor: pointer; }

.system:hover .systemSelect,
.systemSelect:hover,
.monad-sidebar-logo:hover .systemSelect,
.system:active .systemSelect,
.monad-sidebar-logo:active .systemSelect {
  display: inline-block; }

@media screen and (max-width: 768px) {
  .menu-space {
    background: #3d566d none repeat scroll 0 0; }

  .monad-sidebar-logo {
    position: static;
    width: 250px; }
    .monad-sidebar-logo .system {
      right: inherit;
      left: 80px;
      top: 0;
      bottom: inherit;
      width: 190px; }
      .monad-sidebar-logo .system .systemSelect a {
        font-size: 20px;
        margin-bottom: 20px; } }
@media (min-width: 768px) and (max-width: 978px) {
  .monad-sidebar-logo .system {
    display: none; }

  .monad-navigation-select {
    width: 250px; }

  .monad-navigation-systemSwitch {
    display: block;
    left: 350px;
    position: absolute;
    top: 9px;
    min-width: 200px; }
    .monad-navigation-systemSwitch .system {
      height: 40px;
      background-color: #fff;
      border: 1px solid #e5e5e5;
      color: #000;
      min-width: 200px;
      bottom: inherit;
      text-align: center;
      font-size: 15px; }
      .monad-navigation-systemSwitch .system span {
        height: 40px; }
      .monad-navigation-systemSwitch .system .systemSelect {
        right: -1px;
        top: 38px;
        background-color: #fff;
        border: 1px solid #e5e5e5;
        text-align: right; }
        .monad-navigation-systemSwitch .system .systemSelect a {
          color: #000;
          font-size: 15px;
          margin-bottom: 10px;
          margin-top: 10px;
          display: inline-block; } }
/* remove standard-styles */
input.fancyCssCheckbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  font-size: 1em;
  width: 100%; }

/* graceful degradation for ie8 */
input.fancyCssCheckbox[type='checkbox'],
input.fancyCssCheckbox[type='radio'] {
  width: auto;
  float: left;
  margin-right: .75em;
  background: transparent;
  border: none; }

input.fancyCssCheckbox[type='checkbox']:checked,
input.fancyCssCheckbox[type='checkbox']:not(:checked),
input.fancyCssCheckbox[type='radio']:checked,
input.fancyCssCheckbox[type='radio']:not(:checked) {
  background: transparent;
  position: relative;
  visibility: hidden;
  margin: 0;
  padding: 0; }

input.fancyCssCheckbox[type='checkbox'] + label,
input.fancyCssCheckbox[type='radio'] + label {
  cursor: pointer; }

input.fancyCssCheckbox[type='checkbox']:checked + label::before,
input.fancyCssCheckbox[type='checkbox']:not(:checked) + label::before,
input.fancyCssCheckbox[type='radio']:checked + label::before,
input.fancyCssCheckbox[type='radio']:not(:checked) + label::before {
  content: ' ';
  display: inline-block;
  width: 17px;
  height: 17px;
  position: relative;
  top: 4px;
  border: 1px solid #bbb;
  background: white;
  margin-right: 1em;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }

input.fancyCssCheckbox[type=radio]:checked + label::before,
input.fancyCssCheckbox[type=radio]:not(:checked) + label::before {
  border-radius: 30px; }

input.fancyCssCheckbox[type='checkbox']:hover + label::before,
input.fancyCssCheckbox[type='radio']:hover + label::before {
  background: #ddd;
  box-shadow: inset 0 0 0 2px white; }

input.fancyCssCheckbox[type='checkbox']:checked + label::before,
input.fancyCssCheckbox[type='radio']:checked + label::before {
  background: #687082;
  box-shadow: inset 0 0 0 2px white; }

.placeholderList table tbody td {
  font-size: 10px;
  padding: 0px 1px; }
  .placeholderList table tbody td.actions i {
    color: #dbdbdb; }
    .placeholderList table tbody td.actions i.fa-copy:hover {
      cursor: pointer;
      color: #aaaaaa; }

.sidePlaceholder {
  height: 100%;
  width: 540px;
  position: fixed;
  z-index: 1002;
  top: 0px;
  right: -501px;
  overflow-x: hidden; }
  .sidePlaceholder a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s; }
    .sidePlaceholder a .sidenav a:hover {
      color: #ffffff; }
  .sidePlaceholder .closebtn {
    position: absolute;
    top: 0;
    font-size: 36px; }
  .sidePlaceholder .placeholderTitel {
    width: 520px;
    height: 30px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #fff;
    color: #333;
    padding: 10px 18px;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ccc; }
    .sidePlaceholder .placeholderTitel a {
      background-color: #fff;
      color: #333;
      line-height: 20px;
      padding: 10px;
      font-weight: bold;
      padding: 0px;
      float: left; }
  .sidePlaceholder .placeholderClosebtn {
    float: left;
    font-size: 28px; }
  .sidePlaceholder .placeholderContent {
    padding: 10px;
    height: calc(100% - 30px);
    position: absolute;
    top: 30px;
    width: 500px;
    right: 0px;
    border-left: 1px #ccc solid;
    background-color: #fff; }
    .sidePlaceholder .placeholderContent .placeholderWrapper {
      display: none;
      padding-top: 10px; }
    .sidePlaceholder .placeholderContent .placeholderSelection {
      height: 92%;
      display: none;
      overflow: auto;
      overflow-x: hidden;
      overflow-y: auto; }
      .sidePlaceholder .placeholderContent .placeholderSelection .copyPasteButtons {
        float: left;
        padding: 5px;
        padding-left: 0px;
        width: 15%; }
      .sidePlaceholder .placeholderContent .placeholderSelection .placeholderField {
        float: left;
        padding: 5px;
        width: 85%; }
      .sidePlaceholder .placeholderContent .placeholderSelection p {
        position: relative;
        z-index: 9; }
        .sidePlaceholder .placeholderContent .placeholderSelection p.selected {
          background-color: lightgreen; }
      .sidePlaceholder .placeholderContent .placeholderSelection i {
        padding: 6px;
        margin-left: 1px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 2px;
        position: relative;
        z-index: 10;
        display: inline-block;
        cursor: pointer; }
        .sidePlaceholder .placeholderContent .placeholderSelection i:hover {
          background-color: #ccc; }
    .sidePlaceholder .placeholderContent .platzhalterButtonLegende {
      width: 100%;
      margin-top: 5px;
      padding-top: 5px;
      padding-left: 10px;
      padding-right: 10px;
      border: 1px solid #ccc; }
      .sidePlaceholder .placeholderContent .platzhalterButtonLegende i {
        padding: 6px;
        margin-right: 5px;
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 2px;
        position: relative;
        z-index: 10;
        display: inline-block;
        cursor: pointer; }
        .sidePlaceholder .placeholderContent .platzhalterButtonLegende i:hover {
          background-color: #ccc; }
  .sidePlaceholder .placeholderCloseBtnSide {
    border-left: 1px #ccc solid;
    background-color: #fff;
    color: #333;
    width: 20px;
    margin-left: 20px;
    position: absolute;
    left: 0px;
    top: -1px;
    bottom: 0px; }
    .sidePlaceholder .placeholderCloseBtnSide span {
      position: absolute;
      width: 40px;
      height: 80px;
      padding-top: 25px;
      padding-bottom: 20px;
      padding-left: 10px;
      border: 1px solid #ccc;
      background-color: #fff;
      border-top-left-radius: 20px !important;
      border-bottom-left-radius: 20px !important;
      top: calc(50% - 80px);
      left: -20px; }
      .sidePlaceholder .placeholderCloseBtnSide span.iconRight {
        display: none; }
      .sidePlaceholder .placeholderCloseBtnSide span .hiderTop {
        position: absolute;
        top: -1px;
        width: 19px;
        background-color: #fff;
        display: block;
        height: 1px;
        right: 0px; }
      .sidePlaceholder .placeholderCloseBtnSide span .hiderBottom {
        position: absolute;
        bottom: -1px;
        width: 19px;
        background-color: #fff;
        display: block;
        height: 1px;
        right: 0px; }

.blackShadow {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1001;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
  display: none; }

#placeholderAsLabelDesign {
  /****  floating-Lable style start ****/ }
  #placeholderAsLabelDesign a .fa-magic {
    margin: 10px 0px;
    display: inline-block; }
  #placeholderAsLabelDesign .contentButton {
    height: 40px; }
  #placeholderAsLabelDesign .floating-label {
    position: relative;
    margin: 0;
    padding-right: 15px;
    padding-left: 15px;
    /* active state */
    /* highlighter */
    /* active state */
    /* animation */ }
    #placeholderAsLabelDesign .floating-label.form-group {
      margin-bottom: 15px; }
    #placeholderAsLabelDesign .floating-label.no-padding {
      padding: 0px; }
    #placeholderAsLabelDesign .floating-label.minus-margin {
      margin-left: -15px;
      margin-right: -14px; }
    #placeholderAsLabelDesign .floating-label i {
      position: absolute;
      right: 25px;
      top: 12px;
      color: silver;
      font-size: 18px;
      cursor: pointer; }
      #placeholderAsLabelDesign .floating-label i.select_info {
        right: 35px; }
      #placeholderAsLabelDesign .floating-label i.autocomplete_info {
        z-index: 1000; }
      #placeholderAsLabelDesign .floating-label i.colorpicker_info {
        right: 12px; }
    #placeholderAsLabelDesign .floating-label .previewFontAwesomeIcon {
      left: 64px;
      top: 4px; }
      #placeholderAsLabelDesign .floating-label .previewFontAwesomeIcon i {
        right: 26px;
        top: 16px;
        font-size: 14px; }
    #placeholderAsLabelDesign .floating-label .chosen-container-single .chosen-single {
      height: 40px; }
      #placeholderAsLabelDesign .floating-label .chosen-container-single .chosen-single span {
        position: relative;
        top: 10px;
        left: 1px;
        font-size: 16px; }
      #placeholderAsLabelDesign .floating-label .chosen-container-single .chosen-single div b {
        background-position: 0 10px; }
    #placeholderAsLabelDesign .floating-label .chosen-container-multi .chosen-choices {
      padding-bottom: 6px; }
      #placeholderAsLabelDesign .floating-label .chosen-container-multi .chosen-choices .search-field input[type="text"] {
        position: relative;
        bottom: -11px;
        left: -7px;
        color: #000;
        font-size: 16px; }
      #placeholderAsLabelDesign .floating-label .chosen-container-multi .chosen-choices .search-choice {
        top: 19px;
        left: 3px;
        font-size: 11px;
        padding: 1px 20px 1px 5px;
        margin-top: 0px; }
    #placeholderAsLabelDesign .floating-label.fontAwesomeSelect .chosen-single {
      padding-left: 28px; }
    #placeholderAsLabelDesign .floating-label .spinner-group button {
      padding: 9.5px 11px !important; }
    #placeholderAsLabelDesign .floating-label .floating-input, #placeholderAsLabelDesign .floating-label .floating-select {
      font-size: 16px;
      padding: 16px 4px 0px 8px;
      display: block;
      width: 100%;
      height: 40px;
      background-color: #FFF;
      border: 1px solid #ddd;
      line-height: 21px; }
    #placeholderAsLabelDesign .floating-label .floating-select {
      padding: 16px 4px 0px 4px; }
    #placeholderAsLabelDesign .floating-label .floating-input:focus,
    #placeholderAsLabelDesign .floating-label .floating-select:focus {
      outline: none;
      border-bottom: 2px solid rgba(33, 136, 179, 0.94); }
    #placeholderAsLabelDesign .floating-label .floating-select:focus {
      padding-top: 17px; }
    #placeholderAsLabelDesign .floating-label label {
      color: #999;
      font-size: 16px;
      font-weight: normal;
      position: absolute;
      pointer-events: none;
      left: 22px;
      top: 0px;
      transition: 0.2s ease all;
      -moz-transition: 0.2s ease all;
      -webkit-transition: 0.2s ease all;
      margin: 0 !important;
      line-height: 39px;
      /*z-index:4;*/ }
      #placeholderAsLabelDesign .floating-label label.select_autocomplete_label {
        left: 24px; }
      #placeholderAsLabelDesign .floating-label label.multiselect_label {
        font-size: 11px;
        left: 23px;
        top: -1px; }
      #placeholderAsLabelDesign .floating-label label.textarea_label {
        font-size: 11px;
        left: 22px;
        top: -8px; }
      #placeholderAsLabelDesign .floating-label label.colorpicker_label {
        left: 8px; }
      #placeholderAsLabelDesign .floating-label label.spinner-label {
        left: 44px; }
    #placeholderAsLabelDesign .floating-label .floating-input:focus ~ label, #placeholderAsLabelDesign .floating-label .floating-input:not(:placeholder-shown) ~ label {
      top: 0px;
      font-size: 11px;
      color: rgba(33, 136, 179, 0.94);
      line-height: 21px; }
    #placeholderAsLabelDesign .floating-label .floating-select:focus ~ label, #placeholderAsLabelDesign .floating-label .floating-select:not([value=""]):valid ~ label {
      top: 0px;
      font-size: 11px;
      color: rgba(33, 136, 179, 0.94);
      line-height: 21px; }
    #placeholderAsLabelDesign .floating-label .floating-input:focus ~ .bar:before, #placeholderAsLabelDesign .floating-label .floating-input:focus ~ .bar:after, #placeholderAsLabelDesign .floating-label .floating-select:focus ~ .bar:before, #placeholderAsLabelDesign .floating-label .floating-select:focus ~ .bar:after {
      width: 50%; }
    #placeholderAsLabelDesign .floating-label .floating-textarea {
      font-size: 16px;
      padding: 21px 4px 1px 8px;
      display: block;
      width: 100%;
      background-color: #FFF;
      border: 1px solid #ddd;
      min-height: 30px;
      overflow: hidden;
      overflow-x: hidden;
      height: 100%; }
    #placeholderAsLabelDesign .floating-label .floating-textarea:focus {
      padding: 21px 4px 0px 8px; }
    #placeholderAsLabelDesign .floating-label .highlight {
      position: absolute;
      height: 50%;
      width: 100%;
      top: 15%;
      left: 0;
      pointer-events: none;
      opacity: 0.5; }
    #placeholderAsLabelDesign .floating-label .fileinput-filename {
      position: relative;
      top: 5px;
      font-size: 16px; }
    #placeholderAsLabelDesign .floating-label .fileinput .uneditable-input {
      height: 40px; }
    #placeholderAsLabelDesign .floating-label .btn:hover, #placeholderAsLabelDesign .floating-label .fc button:hover, .fc #placeholderAsLabelDesign .floating-label button:hover, #placeholderAsLabelDesign .floating-label .fc button:hover, #placeholderAsLabelDesign .floating-label .btn:active, #placeholderAsLabelDesign .floating-label .fc button:active, .fc #placeholderAsLabelDesign .floating-label button:active, #placeholderAsLabelDesign .floating-label .fc button:active, #placeholderAsLabelDesign .floating-label .btn:focus, #placeholderAsLabelDesign .floating-label .fc button:focus, .fc #placeholderAsLabelDesign .floating-label button:focus, #placeholderAsLabelDesign .floating-label .fc button:focus {
      color: #000; }
    #placeholderAsLabelDesign .floating-label .floating-input:focus ~ .highlight, #placeholderAsLabelDesign .floating-label .floating-select:focus ~ .highlight {
      -webkit-animation: inputHighlighter 0.3s ease;
      -moz-animation: inputHighlighter 0.3s ease;
      animation: inputHighlighter 0.3s ease; }
@-webkit-keyframes inputHighlighter {
  from {
    background: #5264AE; }
  to {
    width: 0;
    background: transparent; } }
@-moz-keyframes inputHighlighter {
  from {
    background: #5264AE; }
  to {
    width: 0;
    background: transparent; } }
@keyframes inputHighlighter {
  from {
    background: #5264AE; }
  to {
    width: 0;
    background: transparent; } }
  #placeholderAsLabelDesign .radioSwitchYesNo {
    display: flex; }
    #placeholderAsLabelDesign .radioSwitchYesNo .radioLabelLeft {
      background-color: #e4e4e4;
      color: rgba(0, 0, 0, 0.6);
      font-size: 14px;
      line-height: 1;
      text-align: left;
      padding: 12px 10px;
      margin-right: -4px;
      margin-bottom: 0px;
      border: 1px solid rgba(0, 0, 0, 0.4);
      transition: all 0.1s ease-in-out;
      height: 40px; }
    #placeholderAsLabelDesign .radioSwitchYesNo .radio-list {
      margin-top: 0;
      position: absolute;
      right: 10px;
      top: 0;
      overflow: initial; }
      #placeholderAsLabelDesign .radioSwitchYesNo .radio-list label {
        height: 40px;
        padding: 12px 16px;
        margin-top: 0; }

.radioSwitchYesNo .radio-list,
.radioSwitchNoYes .radio-list,
.radioSwitch .radio-list {
  display: flex;
  overflow: hidden;
  margin-top: 5px; }
  .radioSwitchYesNo .radio-list input,
  .radioSwitchNoYes .radio-list input,
  .radioSwitch .radio-list input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden; }
    .radioSwitchYesNo .radio-list input:checked + label,
    .radioSwitchNoYes .radio-list input:checked + label,
    .radioSwitch .radio-list input:checked + label {
      background-color: #a5dc86;
      color: #000;
      box-shadow: none;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1); }
  .radioSwitchYesNo .radio-list label,
  .radioSwitchNoYes .radio-list label,
  .radioSwitch .radio-list label {
    background-color: #e4e4e4;
    color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    line-height: 1;
    text-align: center;
    padding: 9px 16px;
    margin-right: -1px;
    margin-bottom: 0px;
    border: 1px solid rgba(0, 0, 0, 0.4);
    transition: all 0.1s ease-in-out; }
    .radioSwitchYesNo .radio-list label:hover,
    .radioSwitchNoYes .radio-list label:hover,
    .radioSwitch .radio-list label:hover {
      cursor: pointer; }
    .radioSwitchYesNo .radio-list label:first-of-type,
    .radioSwitchNoYes .radio-list label:first-of-type,
    .radioSwitch .radio-list label:first-of-type {
      border-radius: 4px 0 0 4px; }
    .radioSwitchYesNo .radio-list label:last-of-type,
    .radioSwitchNoYes .radio-list label:last-of-type,
    .radioSwitch .radio-list label:last-of-type {
      border-radius: 0 4px 4px 0; }

.radioSwitchYesNo .radio-list input:checked + label:first-of-type {
  background-color: #a5dc86;
  color: #000; }
.radioSwitchYesNo .radio-list input:checked + label:last-of-type {
  background-color: #E95959;
  color: #fff; }
.radioSwitchYesNo.awesome .radio-list label {
  height: 34px;
  padding: 8px 6px; }

.radioSwitchNoYes .radio-list input:checked + label:first-of-type {
  background-color: #E95959;
  color: #fff; }
.radioSwitchNoYes .radio-list input:checked + label:last-of-type {
  background-color: #a5dc86;
  color: #000; }
.radioSwitchNoYes.awesome .radio-list label {
  height: 34px;
  padding: 8px 6px; }

/* ######################################## */
/* ### CUSTOM							### */
/* ######################################## */

/*# sourceMappingURL=monadTemplate.css.map */