
/* adjust the header height */
.main-header {
  max-height:30px;
}
.main-header .logo {
  height:30px;
  line-height:27px;
}
.sidebar-toggle {
  height:30px;
  padding-top:5px !important;
}
.navbar {
  min-height:30px !important;
}


/* sidebar */
.skin-blue .main-sidebar {
  background-color: #3F3F3F;
}
.left-side, .main-sidebar {
  padding-top:30px;
}

/* changing the shinydashboard box layout */
.box.box-solid.box-info>.box-header {
  color:#fff;
  background:#666666;
}
.box.box-solid.box-info{
  border-bottom-color:#666666;
  border-left-color:#666666;
  border-right-color:#666666;
  border-top-color:#666666;
}
.box.box-info{
  background:white;
  border: 1px solid #666666;
  border-top: 3px solid #666666;
}
.box>.box-header{
  padding-top:-50px;
}

/* div containing the page header, including the background image*/
.headImageDiv {
  text-align:center;
  background-size:cover;
  background-image: -webkit-linear-gradient(top, /* image fading out to transparency at the bottom */
    rgba(255,255,255,0) 80%,
    rgba(236,240,245,1) 100%
  ),
  url(../Reichstag_blur.jpg);
  margin:-25px;
  margin-bottom:30px;
  padding-top:130px;
  padding-bottom:140px;
}

/* div for the header of an information block */
.headerDiv {
  color:#515151;
  min-width:50%;
  font-size:20px;
  border-bottom:2px solid #3C8DBC; /*#3F3F3F;*/
  margin-top:50px;
  margin-bottom:0px;
  padding-left:5px;
}
.headerDiv.first {
  margin-top:20px;
}
/* div for the body of an information block */
.bodyDiv {
  background:white;
  padding:10px;
  padding-bottom:5px;
  border:1px solid #D7DBE0;
  border-top:0px;
}

/* div for the body of a blog headline block */
.blogHeadlineDiv {
  background:white;
  margin-top: 15px;
  margin-bottom: 40px;
  border:1px solid #D7DBE0;
  width:100%;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  text-align: center;
}
.blogHeadlineImageDiv {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 30px;
  padding-right: 30px;
  min-width: 130px;
  height: 100%;
  text-align: center;
  display: inline-block;
  margin: 0 auto;
  flex: 1;
}
.blogHeadlineTextDiv {
  margin: 20px;
  margin-bottom: 10px;
  text-align: justify;
  flex: 85%;
}

/* Lists */
ul {
  text-align:justify;
  list-style-type:none;
  padding-left:3%;
}
li {
  margin: 0 0 5px 0;
}