#content{
min-height:500px;
display:block;
margin:5px;
}


#header a {
display:block;
width:100%;
height:100%;
}

h4 {
color:#e50000;
}


.menu-btn{
margin:5px 0;
}

#header{
background:url("Defendapack.jpg") no-repeat;
/*width:100%;*/
height:92px;
margin-top:10px;
background-size:auto 80%;
background-position:center 10px;
}

.chart-container, .status-container{
width:100%;
height:100%;
min-height:450px;
}.

.status-container{

}

div#footer{
display:block;
width:100%;
bottom:0;
position:fixed;
display:none;
}

table{

text-align:center;
width:100%;

}


tr{width:100%;}


table td, table th{
border:1px solid #000;
}

th.provider{
width:100px;
background:red;
color:white;
}

.palletnetwork td{
border:none;
}

td.logo{
width:100px;

}

td.palletrule{
width:25%;
font-size:10px;
}

.nav-item{
margin:0px 5px;
}

img.palletlogo{
display:block;
margin:15px 0 15px 0;
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
.chart-container{

}


} /*End Small Devices*/

/*Navbar*/

.navbar {
  background-color: #000000;
}
.navbar .navbar-brand {
  color: #ffffff;
}
.navbar .navbar-brand:hover,
.navbar .navbar-brand:focus {
  color: #afca0b;
}
.navbar .navbar-text {
  color: #ffffff;
}
.navbar .navbar-text a {
  color: #afca0b;
}
.navbar .navbar-text a:hover,
.navbar .navbar-text a:focus {
  color: #afca0b;
}
.navbar .navbar-nav .nav-link {
  color: #ffffff;
  border-radius: .25rem;
  margin: 0 0.25em;
}
.navbar .navbar-nav .nav-link:not(.disabled):hover,
.navbar .navbar-nav .nav-link:not(.disabled):focus {
  color: #afca0b;
}
.navbar .navbar-nav .nav-item.active .nav-link,
.navbar .navbar-nav .nav-item.active .nav-link:hover,
.navbar .navbar-nav .nav-item.active .nav-link:focus,
.navbar .navbar-nav .nav-item.show .nav-link,
.navbar .navbar-nav .nav-item.show .nav-link:hover,
.navbar .navbar-nav .nav-item.show .nav-link:focus {
  color: #afca0b;
  background-color: #4f4c4c;
}
.navbar .navbar-toggle {
  border-color: #4f4c4c;
}
.navbar .navbar-toggle:hover,
.navbar .navbar-toggle:focus {
  background-color: #4f4c4c;
}
.navbar .navbar-toggle .navbar-toggler-icon {
  color: #ffffff;
}
.navbar .navbar-collapse,
.navbar .navbar-form {
  border-color: #ffffff;
}
.navbar .navbar-link {
  color: #ffffff;
}
.navbar .navbar-link:hover {
  color: #afca0b;
}

@media (max-width: 575px) {
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #afca0b;
  }
  .navbar-expand-sm .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #afca0b;
    background-color: #4f4c4c;
  }
}

@media (max-width: 767px) {
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #afca0b;
  }
  .navbar-expand-md .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #afca0b;
    background-color: #4f4c4c;
  }
}

@media (max-width: 991px) {
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item {
    /*color: #ffffff;*/
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #afca0b;
  }
  .navbar-expand-lg .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #afca0b;
    background-color: #4f4c4c;
  }
}

@media (max-width: 1199px) {
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item {
    color: #ffffff;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:hover,
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item:focus {
    color: #afca0b;
  }
  .navbar-expand-xl .navbar-nav .show .dropdown-menu .dropdown-item.active {
    color: #afca0b;
    background-color: #4f4c4c;
  }
}

.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item {
  color: #ffffff;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:hover,
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item:focus {
  color: #afca0b;
}
.navbar-expand .navbar-nav .show .dropdown-menu .dropdown-item.active {
  color: #afca0b;
  background-color: #4f4c4c;
}



/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {




 } /*End Medium Devices*/

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

#header{
background:url("Defendapack.jpg") no-repeat;
width:100%;
background-position:center;

}


.chart-container{
width:50%;
height:100%vh;
float:left;
}

.status-container{
width:50%;
height:100%vh;
float:right;
}



}


/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

.chart-container{
width:50%;
height:50%;
}

}