/* Baudis Stylesheet */

footer {
  z-index:2;
}

#overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0; 
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.bm-bottom {
	border-bottom:3px solid #F9B000;
	box-shadow: 0 0.22rem 0.4rem rgba(0, 0, 0, 0.25);
}



@media (min-width: 576px) {
body, html { min-width:570px; }
}

@media (min-width: 768px) {
#myrow, .container { min-width:1120px; }
body, html { min-width:1152px; }
}

@media (min-width: 992px) {
#myrow, .container { min-width:1120px; }
body, html { min-width:1152px; }
}

@media (min-width: 1200px){
#myrow, .container { min-width:1120px; }
body, html { min-width:1152px; }
}

@media (max-width: 576px) {
body, html { min-width:570px; }
}


section { margin-bottom:0 !important; }
/*
section#main { height: 752px; }
*/
img.brand-logo { height:30px; }
img.baudis-logo { height:26px; }

a { color: #F9B000; font-weight:700; }
a:hover, a:focus { color:#bd7700; font-weight:700; }
a[type="button"]:hover, a[type="button"]:focus { font-weight:normal; color:#fff; }

a.black { color:#212529; }

main	{ padding-bottom:48px; }

footer { position:fixed; left:0; bottom:0; width:100%; background-color:#fff; padding-top:0.75rem; box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.25);  }
footer .container p { font-size:0.8rem; }

.bg-light	{ background-color: #f0f1f5 !important; }

.navbar-light .navbar-toggler { margin-left:90px; }

.btn-primary {
  color: #111;
  background-color: #F9B000;
  border-color: #F9B000;
}

.btn-primary:hover {
  color: #111;
  background-color: #dc9b00;
  border-color: #dc9b00;
  font-weight:normal;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #111;
  background-color: #ffbd1f;
  border-color: #ffbd1f;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #111;
  background-color: #dc9b00;
  border-color: #dc9b00;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary:hover {
	font-weight:normal;
}

.form-login {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  height:80vH;
}

.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: 0 auto;
}

.jumbotron { padding-top:1.25rem; padding-bottom:1.25rem; border-radius:0 !important; }

.map-dummy { position:relative; overflow:hidden; width:100%; height:0; padding-top:47%; }
.map-dummy img { position:absolute; top:0; width:100%; }

.baumapdot	{ position:absolute; display:block; width:2%; height:0; padding-top:2%; background:#00ff00; border-radius:50%; top:0; left:0; }

.baumapdot:hover  { box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, 0.5); }
.baumapdot.statusdot_green:hover  { box-shadow: 0 0 0 0.2rem rgba(0, 255, 0, 0.5); }
.baumapdot.statusdot_orange:hover  { box-shadow: 0 0 0 0.2rem rgba(249, 176, 0, 0.5); }
.baumapdot.statusdot_red:hover  { box-shadow: 0 0 0 0.2rem rgba(249, 176, 0, 0.5); }

.baumapdot[href="location.html"].nuernberg_dot { top:42.5%; left:63.8%; }
.baumapdot[href="location.html"].kitzingen_dot { top:13.4%; left:34.6%; }
.baumapdot[href="location.html"].cloos_dot { top:28%; left:37%; }
.baumapdot[href="location.html"].baumueller_dot { top:72%; left:53.8%; }

.statusdot { display:inline-block; position:relative; bottom:-5px; margin-left:5px; width:20px; height:20px; border:1px solid #333; border-radius:50%; background-color:#333; }

.statusdot.statusdot_gray { background-color:#666666; }

.statusdot.statusdot_green, .baumapdot.statusdot_green 	{ background-color:#00aa00; }
.statusdot.statusdot_orange, .baumapdot.statusdot_orange { background-color:#f9b000; }
.statusdot.statusdot_red, .baumapdot.statusdot_red 	{ background-color:#cc0000; }

.consumption_green { color:#00aa00; }
.consumption_orange { color:#f9b000; }
.consumption_red { color:#cc0000; }

.bmgraph		{ display:block; position:relative; width:100%; height:280px; border:1px solid #ddd; }
.bmgraph img  { display:block; position:absolute; top:0; left:0; width:100%; height:100%; }

.panel-group > .panel { padding:0.75rem 1.25rem; }

h4.panel-title  { font-size:1rem; margin-bottom:0; }

.panel-body .bmgraph { margin-top:1rem; padding-top:60%;}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

span.bau-value { font-weight:700; float:right; }
span.bau-value-green { color:#00aa00; }
span.bau-value-orange { color:#f9b000; }
span.bau-value-red { color:#cc0000; }

label.baudis-para-label { margin-top:0.4rem; margin-bottom:0; }
.custom-checkbox  { margin-top:0.4rem; }

@media screen and (max-width: 479px) {
	
	footer .container p.float-right { display:none; }
}


.robot_parent {
  width: 400px;
  height: 300px;
}

.robot_item {
z-index:1;
}

.robot_item, .robot_color {
  left: 0px;
  top: 0px;
  position: absolute;
}

.robot_overview {
  position: relative;
  margin-left: 67px;
  margin-right: 67px;
  margin-top: 10px;
  margin-bottom: 30px;
}

.robot-pos-graph-heading {
  font-weight: 400;
  font-size: 1.5rem;
  margin-bottom: 0;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

#long-term-usage {
  opacity: 1.0;
  position: absolute;
  margin-top: 33px;
  margin-left: 35%;
  z-index: 2;

}

#myOverlay {
  width: 100%;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  background-color: black;
  z-index: 2;
}


.robot-graph-heading {
  position:absolute;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 20px;
  font-family: sans-serif;
  font-weight: bold;
  width: 100%;
}

.robot-heading-container {
  width: 100%;
  height: 40px;
  display: block;
  position: relative;
  background-color: #CCCCCC;
}

.robot-flex-box-item {
  margin: 10px;
  display: block;
  position: relative;
  border: 1px solid darkgrey;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

.robot-flex-box-item-child, .robot-flex-item-child {
  display: inline-block;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}

.robot-box-bar-parent {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-flow: row wrap;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
  height: 475px;
  width: 485px;
}

.robot-box-status-bar-parent > span {
  display: inline-block;
}

.robot-box-status-bar-parent {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
  width: 200px;
  position: relative;
  height: 53px;
}

.robot-box-status-bar-grid {
  display: block;
  position: absolute;
  height: 25px;
  width: 200px;
  z-index: 1;
}

.robot-box-status-bar {
  display: block;
  position: absolute;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  background-color: white;
  height: 25px;
  width: 200px;
  z-index: 0;
}


.program_overview_table {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.program_overview_table td, .program_overview_table th {
    border: 1px solid #ddd;
    padding: 8px;
}

.program_overview_table tr td:nth-child(2), .program_overview_table tr th:nth-child(2) { width: 150px; text-align:center;}

.program_overview_table tr:nth-child(even){background-color: #f2f2f2;}

.program_overview_table tr:hover {background-color: #ddd;}

.program_overview_table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
}