body {  
   margin: 0;
   padding: 0;
}

html,
body,
header,
.view {
  height: 100%;
}

@media (max-width: 740px) {
  html,
  body,
  header,
  .view {
    height: 1000px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  header,
  .view {
    height: 650px;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
     background: #1C2331!important;
  }
}

/* Navbar animation */
.navbar {
  background-color: rgba(0, 0, 0, 0.3); 
}

.top-nav-collapse {
  background-color: #1C2331; 
}

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #1C2331; 
  } 
}

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: #1C2331; 
}

/* Chart.js */
@-webkit-keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}
@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}
.chartjs-render-monitor{-webkit-animation:chartjs-render-animation 0.001s;animation:chartjs-render-animation 0.001s;}

/* Korrektur MDB 4.9: Pfad zur Font Kennung "Font Awesome 5 Free" (kopiert und angepasst aus compiled-4.9.0.min.css ) */
@font-face {
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
   font-display: auto;
   src: url(/static/libs/fontawesome-free-5.11.2/webfonts/fa-solid-900.eot);
   src: url(/static/libs/fontawesome-free-5.11.2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), 
        url(/static/libs/fontawesome-free-5.11.2/webfonts/fa-solid-900.woff2) format("woff2"), 
        url(/static/libs/fontawesome-free-5.11.2/webfonts/fa-solid-900.woff) format("woff"), 
        url(/static/libs/fontawesome-free-5.11.2/webfonts/fa-solid-900.ttf) format("truetype"), 
        url(/static/libs/fontawesome-free-5.11.2/webfonts/fa-solid-900.svg#fontawesome) format("svg")
}



/* Anpassungen */
body {
   color: #212529;   
}
.navbar {
    background-color: #343a40;
}
footer.page-footer, footer.page-footer .footer-copyright, footer.page-footer a {
   color: grey;
   background-color: #f5f5f5;
}
.navbar-title {
   color: white;
   margin: 3px 3px 3px 20px;
}
.alert {
   padding: 3px;
   margin-bottom: 3px;
}
.striped0 {
   background-color: white;
}
.striped1 {
   background-color: #E0EEF3; /* #F2F2F2; */
}
.membrow .row {
   margin: 0;
}
.membrow {
   font-size: 14px;
}
.right {
   text-align: right;
}

/* Grundraster */
.mainrow {
   height: calc(100% - 80px);
   margin: 75px 10px 10px 10px; 
   width:98%
}
.maincol1 {
   border-right:2px solid silver; 
   padding:5px
}
.maincol2 {
   
}

/* Logo als Wasserzeichen
.watermark {
  width: 300px;
  height: 100px;
  display: block;
  position: relative;
}
.watermark::after {
  content: "";
  background:url(https://www.google.co.in/images/srpr/logo11w.png);
  opacity: 0.2;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
 */
div.bkgrlogo {
   z-index: -1;
   position: absolute;
   bottom: 0;
   width: 25%;
   opacity: 0.6;    
 } 
 img.bkgrlogo {
    width: 100%;
 }


/* vom Wochenplan */
div.wp_dayhead {
   height: 42px;
   border: 1px solid #FFDD66;
   font-weight: bold;
   overflow: hidden;
   padding: 6px;
   border-radius: 3px;   
   text-align: center;
   margin-bottom: 3px;
}
div.wp_event, div.wp_course {
   height: 44px;
   background-color: #FFDD66; 
   border-bottom: 2px solid white;
   font-size: 14px;
   cursor: pointer;
   overflow: hidden;
   line-height: 18px;
   padding: 2px;
   border-radius: 3px;
}
div.wp_event {
   /* background-image: url('dev/img/help24.png'); 
   background-repeat: no-repeat; 
   background-position: 99% 50%;  right; */
}
div.wp_course {
   background-color: orange;
}
div.wp_event_past, div.wp_course_past {
   background-color: #EEEEEE;
   color: gray;
}
div.daytitle {
   background-color: #ff8888; 
   font-weight: bold; 
   padding: 9px 0 0; 
   text-align: center;
}

div.wp_icon {
   width: 20%;
   text-align: right;
   float: right;
   padding-right: 2px;
   padding-top: 7px;
   font-size: 160%;
}
div.wp_date {
   width: 80%;
}
div.wp_text {
   width: 80%;
   font-weight: bold;
}
#wp_accord {
   width: 100%;
}
div.wp_acc_day {
   margin: 4px 6px;
}
#wp_accord > div > div > div.card-body {
   padding: 2px;
}
#wp_accord > div > div.card-header {
   cursor: pointer;
}
div.newsticker {
   color: #fe0000;
   padding: 3px 6px;
   font-size: 90%;
   border: 1px solid #fe000066;
   margin: 4px;
   border-radius: 5px;
}
/* Status-Icon-Farben */
.statcol_mind { color: #17a2b8; }    /* #0066ff #17a2b8 */
.statcol_free { color: #28a745; }    /* #00cc00 #28a745 */ 
.statcol_full { color: #cc0000; }
.statcol_wait { color: #ff6600; }
.statcol_resv { color: #999999; }
.statcol_grey { color: grey; }