@font-face {
    font-family: "DIN";
    src: url('../fonts/DINOT.otf') format('opentype'), url('../fonts/DINOT-webfont.eot');
}

@font-face {
    font-family: "DIN-light";
    src: url('../fonts/DINOT-Light.otf') format('opentype'), url('../fonts/DINOT-Light-webfont.eot');
}

@font-face {
    font-family: "DIN-medium";
    src: url('../fonts/DINOT-medium.otf') format('opentype'), url('../fonts/DINOT-medium-webfont.eot');
}

@font-face {
    font-family: "DIN-bold";
    font-weight: bold;
    src: url('../fonts/DINOT-Bold.otf') format('opentype'), url('../fonts/DINOT-Bold-webfont.eot');
}

body {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.42857143;
  color: #2f353e;
  background-color: #e6e6e8;
}

h2 {
  font-family: DIN-bold, Helvetica, sans-serif;
  font-size: 130%;
}

.bg-info {
  font-family: DIN-light, Helvetica, sans-serif;
  font-size: 110%;
  background-color: #d9f5ff;
}
.bg-danger {
  font-family: DIN-light, Helvetica, sans-serif;
  font-size: 110%;
}

.container-fluid {
    max-width: 800px;
}
.panel > .panel-heading {
    background-color: #0068a6;
    color: white;
    font-size: 240%;
    font-family: DIN-light;
}
.panel-heading > b{
    font-family: DIN-bold;
}
.panel-default{
  background-color: #e6e6e8;
}
.panel-body{
  background-color: #fff;
}
/* style generated with http://charliepark.org/bootstrap_buttons/ */
.btn-custom {
  background-color: hsl(200, 57%, 17%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3188b4", endColorstr="#123344");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#3188b4), to(#123344));
  background-image: -moz-linear-gradient(top, #3188b4, #123344);
  background-image: -ms-linear-gradient(top, #3188b4, #123344);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3188b4), color-stop(100%, #123344));
  background-image: -webkit-linear-gradient(top, #3188b4, #123344);
  background-image: -o-linear-gradient(top, #3188b4, #123344);
  background-image: linear-gradient(#3188b4, #123344);
  border-color: #123344 #123344 hsl(200, 57%, 10%);
    border-width: 1px;
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.46);
  -webkit-font-smoothing: antialiased;
}

input[type="search"] {
    width: 85%;
}

.demo {
    font-size: 22px;
    font-weight: bold;
    color: red;
}

.panel-heading > a{
    font-size: 0.5em;
    font-weight: bold;
    color: whitesmoke;   
}

#acceptTerms {
    border: 1px solid;
    padding: 20px 20px 20px 20px;
    background-color: lightgoldenrodyellow;
}

#acceptTerms label {
    display: inline;
}

#acceptTerms button {
    margin-top: 10px;
}

.tooltip .tooltip-inner {
    background-color: aliceblue;
    color: black;
    border: 1px solid;
    text-align: left;
}

.glyphicon-chevron-down, .glyphicon-chevron-right {
    font-size: small;
}

div.panel-heading img {
    max-height: 50px;
    min-height: 40px;
    width: auto;
    padding: 0 2em 0 1em;
}

div.panel-footer img {
    display: block;
    max-height: 60px;
    min-height: 40px;
    margin-left: auto;
    margin-right: auto;
}

.tree-label a {
    font-weight: bold;
}