/* Comon Colors */
/* PMHL */
@media screen and (min-width: 1801px) {
  .xl_10 {
    width: 10%;
  }
  .xl_7_5 {
    width: 7.5%;
  }
}
@media screen and (max-width: 1800px) {
  .lg_15 {
    width: 15%;
  }
  .lg_20 {
    width: 20%;
  }
  .lg_25 {
    width: 25%;
  }
}
@media screen and (max-width: 900px) {
  .md_25 {
    width: 25%;
  }
  .md_35 {
    width: 25%;
  }
  .md_40 {
    width: 40%;
  }
}
@media screen and (max-width: 650px) {
  .sm_90 {
    width: 90%;
  }
  .sm_100 {
    width: 100%;
  }
}
body {
  height: 100%;
  /* margin-top: 65px; */
  font-family: 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-size: 15px;
  background-color: #f0f0f2;
}
.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;
}
h1 {
  font-family: 'Aileron', 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-size: 36px;
}
h2 {
  font-family: 'Aileron', 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-size: 24px;
}
h3 {
  font-family: 'Aileron', 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-size: 20px;
}
h4 {
  font-family: 'Aileron', 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
}
p,
.normal {
  /* font-family: blah; */
  font-size: 14px;
}
.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 #C6C7C9;
}
.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: '';
}
/* Stuff added for SMHI */
/* Provide sufficient contrast against white background */
a {
  color: #0366d6;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
/* Sticky footer styles
-------------------------------------------------- */
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}
.button {
  background-color: white;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}
.is-transparent {
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #A1B4D166;
  font-family: 'Aileron', 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 23px;
  letter-spacing: 0;
  color: #FFFFFF;
  opacity: 1;
  margin-left: 10px;
}
.is-transparent:hover {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #A1B4D166;
  font-family: 'Aileron', 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-weight: normal;
  line-height: 23px;
  letter-spacing: 0;
  color: #FFFFFF;
  opacity: 1;
  margin-left: 10px;
}
.btn-primary {
  color: #fff;
  background-color: #256DB1;
  border-color: #256DB1;
}
.btn-secondary {
  color: #fff;
  background-color: #E77408;
  border-color: #E77408;
}
.btn-default {
  color: #000000;
  background-color: #FFFFFF;
  border-color: #656566;
}
.end {
  text-align: end;
}
.nomargins {
  margin: 0px;
}
.smaller {
  font-size: 0.8em;
}
/*// adjust thead distance between a button icon, command thead text. */
.fas {
  margin-right: 0.4em;
}
.fas.spaceToLeft {
  margin-left: 0.4em;
  margin-right: 0;
}
h1 {
  font-size: 2em;
}
.inline {
  display: inline;
}
.colorswatch {
  margin-top: 2rem;
  color: black;
}
.colorswatch .primary1 {
  background-color: #132A3F;
  color: white;
}
.colorswatch .primary2 {
  background-color: #F1B91C;
}
.colorswatch .accent {
  background-color: #A1B4D1;
}
.colorswatch .secondary1 {
  background-color: #8FAD15;
}
.colorswatch .secondary2 {
  background-color: #F08906;
}
.colorswatch .secondary3 {
  background-color: #8FAD15;
}
.colorswatch .grey {
  background-color: #C6C7C9;
}
.colorswatch .black {
  background-color: #000000;
  color: #FFFFFF;
}
.colorswatch .uxaction1 {
  background-color: #256DB1;
}
.colorswatch .uxaction2 {
  background-color: #E77408;
}
.colorswatch .uxaction3 {
  background-color: #8DAB15;
}
.colorswatch .uxalert1 {
  background-color: #F1B91C;
}
.colorswatch .uxalert2 {
  background-color: #A30327;
  color: #FFFFFF;
}
.colorswatch .uxneutral1 {
  background-color: #959596;
}
.colorswatch .uxneutral2 {
  background-color: #656566;
}
.colorswatch .colorbox {
  padding: 0.5em;
}
.helptext {
  font-family: 'Aileron', 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #132a3f;
  margin-top: 10px;
}
.errorList {
  border-left: 10px solid #A30327;
  background-color: #FFFFFF;
  padding: 1.5em;
}
.fontAileronLight {
  font-family: 'Aileron', 'Helvetica Neue', Roboto, Helvetica, Arial, sans-serif;
  font-weight: lighter;
}
.form-icon-check-circle {
  color: #8fad15;
}