﻿body {
  margin-top: 65px;
}
.navbar-header {
  position: relative;
  top: -4px;
}
.navbar-brand > .icon-banner {
  position: relative;
  top: -2px;
  display: inline;
}
.icon {
  position: relative;
  top: -10px;
}
.logged-out iframe {
  display: none;
  width: 0;
  height: 0;
}
.page-consent .client-logo {
  float: left;
}
.page-consent .client-logo img {
  width: 80px;
  height: 80px;
}
.page-consent .consent-buttons {
  margin-top: 25px;
}
.page-consent .consent-form .consent-scopecheck {
  display: inline-block;
  margin-right: 5px;
}
.page-consent .consent-form .consent-description {
  margin-left: 25px;
}
.page-consent .consent-form .consent-description label {
  font-weight: normal;
}
.page-consent .consent-form .consent-remember {
  padding-left: 16px;
}
.grants .page-header {
  margin-bottom: 10px;
}
.grants .grant {
  margin-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid lightgray;
}
.grants .grant img {
  width: 100px;
  height: 100px;
}
.grants .grant .clientname {
  font-size: 140%;
  font-weight: bold;
}
.grants .grant .granttype {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant .created {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant .expires {
  font-size: 120%;
  font-weight: bold;
}
.grants .grant li {
  list-style-type: none;
  display: inline;
}
.grants .grant li:after {
  content: ', ';
}
.grants .grant li:last-child:after {
  content: '';
}
h2 {
    color: #115D99;
}
.ener-container {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 400px;
}
.navbar.navbar-expand-lg.navbar-dark.bg-dark.fixed-top {
    background-color: #115D99 !important;
}
.ener-nav-logo {
    margin-right: 8px !important;
}
.ener-body-first {
    margin-top: 48px !important;
    margin-bottom: 48px;
}
.ener-body-last {
    margin-bottom: 32px !important;
}
.form-control.ener-form-input {
    height: 48px;
    border-color: #115D99AA;
}
.form-control.ener-form-input:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 16px #115D99;
}
.ener-form-last {
    margin-bottom: 32px;
}
.form-control.ener-form-username {
    display: inline;
    margin-top: 8px;
    width: 100%;
    max-width: 256px;
    height: 48px;
    border-color: #115D99AA;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.form-control.ener-form-username:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 16px #115D99;
}
.form-control.ener-form-password {
    display: inline;
    margin-bottom: 16px;
    width: 100%;
    max-width: 256px;
    height: 48px;
    border-left-color: #115D99AA;
    border-right-color: #115D99AA;
    border-bottom-color: #115D99AA;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.form-control.ener-form-password:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 16px #115D99;
}
.ener-form-input::placeholder, .ener-form-username::placeholder, .ener-form-password::placeholder {
    color: #115D99AA;
}
.ener-form-rememberme {
    margin-bottom: 32px;
    display: block;
}
.ener-form-buttons {
    width: 100%;
    max-width: 256px;
    height: 48px;
    margin-bottom: 8px;
}
.btn-main, .btn-main:active, .btn-main:visited {
    color: #fff;
    background-color: #115D99;
    border-color: #115D99;
}
.btn-main:hover, .btn-main:focus {
    border-color: #115D99;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 16px #115D99;
}
.btn-cancel, .btn-cancel:active, .btn-cancel:visited {
    color: #fff;
    background-color: #D32F2F;
    border-color: #D32F2F;
}
.btn-cancel:hover, .btn-cancel:focus {
    border-color: #D32F2F;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 16px #D32F2F;
}
.btn-alt-main, .btn-alt-main:active, .btn-alt-main:visited {
    color: #fff;
    background-color: #388E3C;
    border-color: #388E3C;
}
.btn-alt-main:hover, .btn-alt-main:focus {
    border-color: #388E3C;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 16px #388E3C;
}
.ener-separator {
    width: 100%;
    max-width: 256px;
}
footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px;
    line-height: 60px;
}
h1, p {
    color: #115D99;
}

.carousel-caption {
    margin-bottom: 0px;
    padding-bottom: 0px;
}