/* CUSTOM CSS FCSys*/

.HIDEME {
  /* DO NOT USE IMPORTANT!!! */
  display:none; /* DO NOT USE IMPORTANT!!! */
  /* DO NOT USE IMPORTANT!!! --> AJAX Problem bei DOORCTRL und KEYBOX ... @Future_LU : FIX THAT! */
}


/* ##### ALERTS ###### */
#toast-container>div {
  opacity: 1;
}

/* ##### LOADING ###### */
#sectionloadscreen {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  margin: 0em;
  top: 0em;
  left: 0em;
  z-index: 10000;
}

#sectionloadspinner {
  border: 10px solid #3c8dbc;
  border-top: 10px solid #d2d6de;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 1s linear infinite;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  opacity: 1;

}

#fullloadscreen {
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  margin: 0em;
  top: 0em;
  left: 0em;
  z-index: 10000;
}

#fullloadspinner {
  border: 10px solid #3c8dbc;
  border-top: 10px solid #d2d6de;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 1s linear infinite;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  opacity: 1;

}

#popuploadscreen {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  position: fixed;
  margin: 0em;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  margin-left: -75px;
  z-index: 10000;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

#popuploadspinner {
  border: 10px solid #3c8dbc;
  border-top: 10px solid #d2d6de;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 1s linear infinite;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -40px;
  opacity: 1;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}

#bottomloadspinner {
  border: 10px solid #3c8dbc;
  border-top: 10px solid #d2d6de;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
  position: fixed;
  right: 20px;
  bottom: 70px;
  /*margin-top: -40px;
  margin-left: -40px;*/
  opacity: 1;

}

@keyframes spin {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(180deg);}
  100% {transform: rotate(360deg);}
}

/* # BOARDINGHOUSE # */
div.spinner-skin-5 {
  border: 10px solid #cc6600 !important;
  border-top: 10px solid #ffcc66 !important;
}

/* # BIRKENBLATT # */
div.spinner-skin-8 {
  border: 10px solid #ad3434 !important;
  border-top: 10px solid #d2d6de !important;
}

/* ########### MARK ########### */

.markgreen {background-color: #27fa9b !important;}
.markred {background-color: #ff9a8a !important;}
.markorange {background-color: #f9b444 !important;}
.markblue {background-color: #3ad8ff !important;}


/* ########### BOX ########### */

/* # BOARDINGHOUSE DARK # */
.box.box-skin-5 {
  border-top-color: #f4aa29;
}

.box.box-solid.box-skin-5 {
  border: 1px solid #f4aa29;
}

.box.box-solid.box-skin-5>.box-header {
  color: #f4aa29;
  background: #B94004;
  background-color: #B94004;
}

.box.box-solid.box-skin-5>.box-header a,
.box.box-solid.box-skin-5>.box-header .btn {
  color: #ffffff;
}

/* # BOARDINGHOUSE LIGHT # 
.box.box-skin-5 {
  border-top-color: #B94004;
}

.box.box-solid.box-skin-5 {
  border: 1px solid #f4aa29;
}

.box.box-solid.box-skin-5>.box-header {
  color: #B94004;
  background: #f4aa29;
  background-color: #f4aa29;
}

.box.box-solid.box-skin-5>.box-header a,
.box.box-solid.box-skin-5>.box-header .btn {
  color: #ffffff;
  font-weight: bolder !important;
}
*/
/* # BIRKENBLATT # */
.box.box-skin-8 {
  border-top-color: #bb0000;
}

.box.box-solid.box-skin-8 {
  border: 1px solid #bb0000;
}

.box.box-solid.box-skin-8>.box-header {
  color: #ffffff;
  background: #bb0000;
  background-color: #bb0000;
}

.box.box-solid.box-skin-8>.box-header a,
.box.box-solid.box-skin-8>.box-header .btn {
  color: #ffffff;
}

.persokeycolor_ {background-color: #C9C9C9 !important;}
.persokeycolor_red {background-color: #D10015 !important;}
.persokeycolor_white {background-color: #FEFFF9 !important; color:#424242 !important; border:1px solid #424242;}
.persokeycolor_yellow {background-color: #FFD320 !important;}
.persokeycolor_grey {background-color: #BDBDBD !important;}
.persokeycolor_black {background-color: #000000 !important; color:#FFFFFF !important;}
.persokeycolor_blue {background-color: #1975D1 !important;}
.persokeycolor_green {background-color: #00AD57 !important;}



#ajaxstatus_topnav
{
    background-color:#FFFFFF; padding:2px 5px 3px 5px; border:1px solid #ffffff; border-radius:3px;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


.headiconslocked {
    cursor: not-allowed !important;
}

.headiconslocked:hover {

    background-color: #006BB2 !important;
    color: #AAAAAA !important;

}

.headnav-tostart {
    float: left;
    background-color: transparent;
    background-image: none;
    padding: 15px 15px;
    color:#FFFFFF;
}



/*
 * Component: Control sidebar. By default, this is the right sidebar.*/
/*
.control-sidebar-bg {
  position: fixed;
  z-index: 1000;
  bottom: 0;
}*/

/* LU_FEB24: enlarge right sidebar (230px to 350px)*/
.control-sidebar-bg,
.control-sidebar {
  top: 0;
  right: -350px;
  width: 350px;
  -webkit-transition: right 0.3s ease-in-out;
  -o-transition: right 0.3s ease-in-out;
  transition: right 0.3s ease-in-out;
}
/*
.control-sidebar {
  position: absolute;
  padding-top: 50px;
  z-index: 1010;
}

@media (max-width: 768px) {
  .control-sidebar {
    padding-top: 100px;
  }
}
*/

/* LU_FEB24: keep original size of right sidebar on mobile (230px)*/
@media (max-width: 768px) {
  .control-sidebar-bg,
  .control-sidebar {
    right: -230px;
    width: 230px;
  }
}
/*
.control-sidebar>.tab-content {
  padding: 10px 15px;
}

.control-sidebar.control-sidebar-open,
.control-sidebar.control-sidebar-open+.control-sidebar-bg {
  right: 0;
}

.control-sidebar-open .control-sidebar-bg,
.control-sidebar-open .control-sidebar {
  right: 0;
}
*/

/* LU_FEB24: enlarge right sidebar (230px to 350px)*/
@media (min-width: 768px) {

  .control-sidebar-open .content-wrapper,
  .control-sidebar-open .right-side,
  .control-sidebar-open .main-footer {
    margin-right: 350px;
  }
}
/*
.nav-tabs.control-sidebar-tabs>li:first-of-type>a,
.nav-tabs.control-sidebar-tabs>li:first-of-type>a:hover,
.nav-tabs.control-sidebar-tabs>li:first-of-type>a:focus {
  border-left-width: 0;
}

.nav-tabs.control-sidebar-tabs>li>a {
  border-radius: 0;
}

.nav-tabs.control-sidebar-tabs>li>a,
.nav-tabs.control-sidebar-tabs>li>a:hover {
  border-top: none;
  border-right: none;
  border-left: 1px solid transparent;
  border-bottom: 1px solid transparent;
}

.nav-tabs.control-sidebar-tabs>li>a .icon {
  font-size: 16px;
}

.nav-tabs.control-sidebar-tabs>li.active>a,
.nav-tabs.control-sidebar-tabs>li.active>a:hover,
.nav-tabs.control-sidebar-tabs>li.active>a:focus,
.nav-tabs.control-sidebar-tabs>li.active>a:active {
  border-top: none;
  border-right: none;
  border-bottom: none;
}

@media (max-width: 768px) {
  .nav-tabs.control-sidebar-tabs {
    display: table;
  }

  .nav-tabs.control-sidebar-tabs>li {
    display: table-cell;
  }
}

.control-sidebar-heading {
  font-weight: 400;
  font-size: 16px;
  padding: 10px 0;
  margin-bottom: 10px;
}

.control-sidebar-subheading {
  display: block;
  font-weight: 400;
  font-size: 14px;
}

.control-sidebar-menu {
  list-style: none;
  padding: 0;
  margin: 0 -15px;
}

.control-sidebar-menu>li>a {
  display: block;
  padding: 10px 15px;
}

.control-sidebar-menu>li>a:before,
.control-sidebar-menu>li>a:after {
  content: " ";
  display: table;
}

.control-sidebar-menu>li>a:after {
  clear: both;
}

.control-sidebar-menu>li>a>.control-sidebar-subheading {
  margin-top: 0;
}

.control-sidebar-menu .menu-icon {
  float: left;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 35px;
}

.control-sidebar-menu .menu-info {
  margin-left: 45px;
  margin-top: 3px;
}

.control-sidebar-menu .menu-info>.control-sidebar-subheading {
  margin: 0;
}

.control-sidebar-menu .menu-info>p {
  margin: 0;
  font-size: 11px;
}

.control-sidebar-menu .progress {
  margin: 0;
}

.control-sidebar-dark {
  color: #b8c7ce;
}

.control-sidebar-dark,
.control-sidebar-dark+.control-sidebar-bg {
  background: #222d32;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs {
  border-bottom: #1c2529;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a {
  background: #181f23;
  color: #b8c7ce;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus {
  border-left-color: #141a1d;
  border-bottom-color: #141a1d;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:active {
  background: #1c2529;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li>a:hover {
  color: #fff;
}

.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:hover,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:focus,
.control-sidebar-dark .nav-tabs.control-sidebar-tabs>li.active>a:active {
  background: #222d32;
  color: #fff;
}

.control-sidebar-dark .control-sidebar-heading,
.control-sidebar-dark .control-sidebar-subheading {
  color: #fff;
}

.control-sidebar-dark .control-sidebar-menu>li>a:hover {
  background: #1e282c;
}

.control-sidebar-dark .control-sidebar-menu>li>a .menu-info>p {
  color: #b8c7ce;
}

.control-sidebar-light {
  color: #5e5e5e;
}

.control-sidebar-light,
.control-sidebar-light+.control-sidebar-bg {
  background: #f9fafc;
  border-left: 1px solid #d2d6de;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs {
  border-bottom: #d2d6de;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a {
  background: #e8ecf4;
  color: #444444;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus {
  border-left-color: #d2d6de;
  border-bottom-color: #d2d6de;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li>a:active {
  background: #eff1f7;
}

.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:hover,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:focus,
.control-sidebar-light .nav-tabs.control-sidebar-tabs>li.active>a:active {
  background: #f9fafc;
  color: #111;
}

.control-sidebar-light .control-sidebar-heading,
.control-sidebar-light .control-sidebar-subheading {
  color: #111;
}

.control-sidebar-light .control-sidebar-menu {
  margin-left: -14px;
}

.control-sidebar-light .control-sidebar-menu>li>a:hover {
  background: #f4f4f5;
}

.control-sidebar-light .control-sidebar-menu>li>a .menu-info>p {
  color: #5e5e5e;
} */