html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}



.main-content {
  padding: 40px 15px;
}

.logo img { padding: 0px;}
.logo a { float:left; }
.logo a:hover { text-decoration:none; }
.logo span { display:block; font-family:'Bergamo Std', 'Arial', sans-serif; line-height:1em; padding: 0px 20px 0px 20px; }
.logo span.page-title { color:#002a5b; font-size:45px; line-height:56px; margin-top:18px; } /* 3.143em; */
.logo span.division { color:#002a5b; font-size:22px;  letter-spacing: 0.1em; text-transform:uppercase; } /* 2.000em; */

.topbar { 
  position: relative;
  padding: 30px;
  border: 1px solid transparent;
}
.cookie-info { text-align: center; background-color: #404040; color: #bebebe; padding: 3px 0;}
.cookie-info .close { text-align: center; background-color: #404040; color: #ffffff; padding-right: 100px;}

.info { font-style: italic; color: #8070A0; }
.description { font-size: 120%; font-style: italic;}
.required-star { color: #D00000; }

.popover { max-width:440px; width: auto; }

.number { font-size: 16pt; font-weight: bold; }

@font-face {
  font-family: 'Bergamo Bold';
  src: url('/fonts/bergamostd-bold-webfont.eot');
  src: url('/fonts/bergamostd-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/bergamostd-bold-webfont.woff') format('woff'),
       url('/fonts/bergamostd-bold-webfont.ttf') format('truetype'),
       url('/fonts/bergamostd-bold-webfont.svg#bergamo_stdbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bergamo Std';
  src: url('/fonts/bergamostd-regular-webfont.eot');
  src: url('/fonts/bergamostd-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/bergamostd-regular-webfont.woff') format('woff'),
       url('/fonts/bergamostd-regular-webfont.ttf') format('truetype'),
       url('/fonts/bergamostd-regular-webfont.svg#bergamo_stdregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

a.service-item:link {
    text-decoration: none;
    color: #000000;
}

a.service-item:visited {
    text-decoration: none;
    color: #000000;
}

a.service-item:hover {
    text-decoration: none;
    color: #000000;
}

a.service-item:active {
    text-decoration: none;
    color: #000000;
}

.status_available {
    color: #008000;
    margin-right: 10px;
    padding-right: 10px;
}

.status_issue {
    color: #F0AD4E;
    margin-right: 10px;
    padding-right: 10px;
}

.status_unavailable {
    color: #DD534F;
    margin-right: 10px;
    padding-right: 10px;
}

h4.list-group-item-heading {
    display: flex;
    color: #000000;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.list-group-item-warning {
    color: #000000;
}

.list-group-item-danger {
    color: #000000;
}


.panel-warning > .panel-heading {
    background-color: #f9f0c0;
    border-color: #f4e2bb;
}

.list-group-item-danger {
    margin-bottom:5px !important;
    border-color: #fc8a8a;
}

.list-group-item-warning {
    margin-bottom:5px !important;
    border-color: #ffc68b;
}

.list-group-item-success {
    margin-bottom:5px !important;
    border-color: #00bb00;
}


.container {
   width: 100%;
}

.sub-heading {
   font-style: italic;
}

.footer {
  padding: 10px;
  padding-left: 35px;
  padding-right: 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 40px;
  background-color: #767676;
  border-top: 2px solid #bbbbbb;
}

.footer p {
  text-align: center;
}

.footer span {
  color: #ffffff;
  margin-right: 20px;
}

a.footer-links {
    text-decoration: none;
    color: #ffffff;
}

a.footer-links:visited {
    text-decoration: none;
    color: #ffffff;
}

a.footer-links:hover {
    text-decoration: underline;
    color: #ffffff;
}

a.footer-links:active {
    text-decoration: none;
    color: #ffffff;
}