/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 50px;
    padding-bottom: 20px;
    background-image: url('../images/bg1.jpg'); 
    background-repeat: no-repeat; 
    background-attachment:fixed;
    background-size: 120% 120%;
    
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar-header a {
    color: #0202ff !important;
}


.nav a {
    color: #0202ff !important;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}


.panel-consumer {
    border-color: #0095dd;
}


.panel-consumer > .panel-heading {
  color: #ffffff;
  background: -moz-linear-gradient(center top , #005680 0%, #0095dd 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005680), color-stop(100%,#0095DD));
  background: -webkit-linear-gradient(top, #005680 0%,#0095DD 100%);
  background: -o-linear-gradient(top,  #005680 0%,#0095DD 100%);
  background: -ms-linear-gradient(top,  #005680 0%,#0095DD 100%); 
  background: linear-gradient(top,  #005680 0%,#0095DD 100%);
  background-color: #dff0d8;
  border-color: #0095dd;
}

.panel-consumer > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #0095dd;
}

.panel-consumer > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #0095dd;
}



.panel-generation {
    border-color: #00bb00;
}


.panel-generation > .panel-heading {
  color: #ffffff;
  background: -moz-linear-gradient(center top , #006600 0%, #00bb00 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006600), color-stop(100%,#00bb00));
  background: -webkit-linear-gradient(top, #006600 0%,#00bb00 100%);
  background: -o-linear-gradient(top,  #006600 0%,#00bb00 100%);
  background: -ms-linear-gradient(top,  #006600 0%,#00bb00 100%); 
  background: linear-gradient(top,  #006600 0%,#00bb00 100%);
  background-color: #006600;
  border-color: #00bb00;
}

.panel-generation > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #00bb00;
}

.panel-generation > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #00bb00;
}



.panel-supply {
    border-color: #ffcc00;
}


.panel-supply > .panel-heading {
  color: #ffffff;
  background: -moz-linear-gradient(center top , #ff9900 0%, #ffcc00 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9900), color-stop(100%,#ffcc00));
  background: -webkit-linear-gradient(top, #ff9900 0%,#ffcc00 100%);
  background: -o-linear-gradient(top,  #ff9900 0%,#ffcc00 100%);
  background: -ms-linear-gradient(top,  #ff9900 0%,#ffcc00 100%); 
  background: linear-gradient(top,  #ff9900 0%,#ffcc00 100%);
  background-color: #ff9900;
  border-color: #ffcc00;
}

.panel-supply > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ffcc00;
}

.panel-supply > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ffcc00;
}


.panel-distribution {
    border-color: #b300b3;
}


.panel-distribution > .panel-heading {
  color: #ffffff;
  background: -moz-linear-gradient(center top , #400040 0%, #b300b3 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#400040), color-stop(100%,#b300b3));
  background: -webkit-linear-gradient(top, #400040 0%,#b300b3 100%);
  background: -o-linear-gradient(top,  #400040 0%,#b300b3 100%);
  background: -ms-linear-gradient(top,  #400040 0%,#b300b3 100%); 
  background: linear-gradient(top,  #400040 0%,#b300b3 100%);
  background-color: #400040;
  border-color: #b300b3;
}

.panel-distribution > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #b300b3;
}

.panel-distribution > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #b300b3;
}



.panel-transmission {
    border-color: #dd0000;
}


.panel-transmission > .panel-heading {
  color: #ffffff;
  background: -moz-linear-gradient(center top , #9d0000 0%, #dd0000 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9d0000), color-stop(100%,#dd0000));
  background: -webkit-linear-gradient(top, #9d0000 0%,#dd0000 100%);
  background: -o-linear-gradient(top,  #9d0000 0%,#dd0000 100%);
  background: -ms-linear-gradient(top,  #9d0000 0%,#dd0000 100%); 
  background: linear-gradient(top,  #9d0000 0%,#dd0000 100%);
  background-color: #9d0000;
  border-color: #dd0000;
}

.panel-transmission > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #dd0000;
}

.panel-transmission > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #dd0000;
}