/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
  margin-bottom: 0;
  border-radius: 0;
  background-color: #F2F2F2;
}

h1 {
  font-family:verdana;
  text-align:center;
  padding:0.5em;
}

h2 {
  font-size:16pt;
  margin-top:1em;
}

h3 {
  font-size: 13pt;
  margin-top: 1em;
}

body {
  padding-top: 55px;
}

.btn-group-vertical{
  margin-top:1em;
}

#logo{
  margin-top:1em;
  margin-bottom:2em;
}

img {
  display: inline;
  max-width: 100%;
  height: auto;
}

div.btn-group-single{
  max-width:200px;
  text-align:center;
}

.btn-primary {
  /* background-color: #559966; */
  /* background-color: #981039; */
  background-color:white;
  /* width: 170px; */
  height:auto;
  font-size: 12pt;
  white-space: normal;
  border-width:2px;
  margin-bottom: 0.3em;
  /* opacity: 1; */
  transition: 0.6s;
  background-image: linear-gradient(to bottom, rgba(152,16,57,0.7), rgba(152,16,57,0.9), rgba(152,16,57,0.9), rgba(152,16,57,0.7));
  /* background-image: linear-gradient(to bottom, rgba(85,153,102,0.5), rgba(85,153,102,0.9), rgba(85,153,102,0.9), rgba(85,153,102,0.5));*/
}

div.right-sidebar-list > .btn-primary {
  height:auto;
  font-size:9pt;
  white-space:normal;
  /* border-width:2px; */
  transition: 0.6s;
  /* background-image: linear-gradient(to bottom, rgba(85,153,102,0.7), rgba(85,153,102,0.9), rgba(85,153,102,0.9), rgba(85,153,102,0.7)); */
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
  height: 600px
}

/* Set gray background color and 100% height */
.sidenav {
  padding-top: 20px;
  background-color: #f1f1f1;
  height: 100%;
}

/* Set black background color, white text and some padding */
footer {
  background-color: #555;
  color: white;
  padding: 15px;
}
	
/**********************************************************
@media (max-width: @screen-xs) {
  body{font-size: 10px;}
}

@media (max-width: @screen-sm) {
  body{font-size: 14px;}
}

@media (max-width: @screen-md) {
  body{font-size: 18px;}
}
**********************************************************/

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
  .sidenav {
    height: auto;
    padding: 15px;
  }
  .row.content {
    height:auto;
  }
}

div.Warning {
  border-style: solid;
  border-width: 14pt thin thin thin;
  border-color: #CC0000;
  background-color: #FFF0F0;
  padding: 2pt;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

div.Note {
  border-style: solid;
  border-width: 14pt thin thin thin;
  border-color: #336699;
  background-color: #F0F0FF;
  padding: 2pt;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}