body{
  height: 100%;

}

.logo {
  background-color: #4cb1d3;
  text-align: left;
  min-width: 225px;
}
/*color theme*/
.panel-body {

  background: rgba(76, 177, 211, .2);
  border: 1px solid rgba(76, 177, 211, .2);
 
}
.panel-default > .panel-heading {
  color: #333;
  /*background-color: #f5f5f5;*/
  background: rgba(76, 177, 211, .2);
  border-color: #ddd;
  border: 1px solid rgba(76, 177, 211, .2);
}

/*@media (min-width: 768px) {
  .logo{
    width: 255px;
  }
}
@media (min-width: 992px) {
  .logo {
      width: 255px;
  }
}
@media (min-width: 1200px) {
  .logo {
    width: 227px;
  }
}
*/
.bodybgcolor{
  background: rgba(35, 169, 314, .2);
}
.logo a {
  background-color: #23a9d6;
}

.logo a:hover,  .logo a:focus{
  background-color: #23a9d6;
}

.bg{
  /*background: rgba(35, 169, 314, .2);
  min-height: 500px;
  overflow: auto;
  /*height: 100%;*/
}

.bgp{
  min-height: 100%;
  height: 100%;
}


/*@media (max-width: 767px) {
  .bg{
  background: rgba(35, 169, 314, .2);  
  min-height: 0 !important;; 
  }
}*/