/* Colors */
/* new colours */
/* Inherited mixins */
/* Helpers */
#hero-panel h2 {
  color: #fff;
  text-align: left;
}

#top-bar {
  display: block;
}

.buttons > button {
  margin-top: 2rem;
  width: 100%;
}
.buttons button {
  color: #fff;
  background: #474c55;
}
.buttons button:hover {
  color: #474c55;
  background: #fff;
}

.cimlogo {
  padding-left: 16px;
  padding-top: 8px;
}
@media (min-width: 766px) {
  .cimlogo {
    text-align: center;
    width: 100%;
  }
}

h1 {
  margin: 1em 0 0.5em 0;
  border-bottom: thin solid #737370;
}

ul.inline-list {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
}
@media (min-width: 481px) {
  ul.inline-list {
    grid-template-columns: 1fr 1fr;
  }
}
ul.inline-list > .right {
  place-self: center;
  /*@include breakpoint(medium){
    margin: 1em 0 1em 12.5%;
    width: 100%;
    >ul{
      margin-left: 17%;
    }
  }*/
}
@media (min-width: 481px) {
  ul.inline-list > .right {
    place-self: end;
  }
}
ul.inline-list .icon-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 0.5em;
}
@media (min-width: 766px) {
  ul.inline-list .icon-list > .icon.fill {
    width: 16%;
  }
  ul.inline-list .icon-list > .icon.stroke {
    width: 16%;
  }
}

.intro {
  color: #737370;
}
.intro h2 {
  color: #737370;
}
.intro .options {
  padding: 5em 0 1em 4em;
}
.intro .options h3 {
  color: #737370;
}
.intro .options a {
  font-size: 2em;
  margin-bottom: 1em;
}
.intro .options .info-area {
  margin-top: 2em;
}
.intro .entry {
  border: thin solid #737370;
  margin: 0 auto 2em;
  padding: 2em;
  width: 86%;
}

.password-label > label {
  color: #737370;
}

.entry-item > label {
  color: #737370;
}

.rememberMe > label {
  color: #737370;
}

input {
  border: 1px solid #737370;
  color: #737370;
  padding: 0.5rem !important;
}

.attention {
  background: aliceblue;
  padding: 2em;
  margin: 0.5em;
  max-width: 985px;
  text-align: center;
}
.attention p {
  margin-bottom: 0;
}
.attention a {
  color: #070078;
}

.localAccount {
  width: 100%;
  margin: 1em auto;
}
@media (min-width: 766px) {
  .localAccount {
    width: 100%;
  }
}

#footer {
  margin-top: 2em;
}

.LPMContainer {
  background-color: rgba(7, 0, 120, 0.9) !important;
}

.popover {
  background: #fff;
  color: #000;
  padding: 0.5em;
  border-radius: 0.5em;
}

.hide {
  display: none !important;
}

@media (min-width: 766px) {
  .search-button {
    width: 100%;
  }
}

.signin {
  width: 100%;
}
.signin #localAccountForm {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "intro" "pageLevel" "entry" "divider" "create";
}
.signin #localAccountForm .intro {
  grid-area: intro;
}
.signin #localAccountForm .pageLevel {
  grid-area: pageLevel;
}
.signin #localAccountForm .entry {
  grid-area: entry;
}
.signin #localAccountForm .divider {
  grid-area: divider;
}
.signin #localAccountForm .create {
  grid-area: create;
  display: grid;
  grid-template-rows: repeat(4, 1fr);
  place-items: center;
  padding: 0 2em;
  grid-gap: 0.5em;
}
.signin #localAccountForm .create p {
  margin: 0;
  place-self: end center;
}
@media (min-width: 1020px) {
  .signin #localAccountForm .create {
    padding: 0 4em;
    grid-template-rows: repeat(2, 1fr 1fr);
  }
}
@media (min-width: 481px) {
  .signin #localAccountForm {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "intro divider" "pageLevel ." "entry create";
  }
}
.signin #createAccount, .signin #activateAccount, .signin #recordRequest {
  background: #474C55;
  padding: 0.5em 3em;
  color: #fff;
  border: thin solid #474C55;
  margin: 0 auto;
  width: 100%;
  place-self: flex-start center;
}
.signin #createAccount:hover, .signin #activateAccount:hover, .signin #recordRequest:hover {
  background: #fff;
  color: #474C55;
}
.signin .signinOnly {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "api" "options";
  grid-gap: 1em;
}
@media (min-width: 481px) {
  .signin .signinOnly {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "api options";
  }
}
.signin .signinOnly #localAccountForm {
  display: block;
}
.signin .signinOnly #api {
  grid-area: api;
}
.signin .signinOnly .options {
  grid-area: options;
  place-self: center;
}

.signup #api {
  width: 90%;
  margin: auto;
}
@media (min-width: 481px) {
  .signup #api {
    width: 60%;
  }
}
.signup #api form label {
  display: none;
}
.signup #api form .helpLink {
  display: none;
}
.signup #api form ul {
  margin: 0;
}
.signup #api form ul li {
  list-style: none;
}
.signup #api form ul li:first-of-type {
  display: block;
}
.signup #api form .buttons button {
  /*display: none;*/
}
.signup #api form .verificationControlContent .buttons button:first-of-type {
  display: block;
}
.signup #api form input {
  margin: 0;
}

.password-reset .error {
  color: red;
}
.password-reset .error p {
  color: #474c55;
}
.password-reset .blocking {
  display: block !important;
  margin: 1em auto 0.5em auto;
}
.password-reset #api {
  text-align: center;
}
.password-reset #api ul li {
  list-style-type: none;
}
.password-reset #api .buttons button {
  width: auto;
  margin: 0.5em;
}
.password-reset #api .buttons.verify {
  margin-top: 1em;
}
.password-reset #api .buttons .changeClaims {
  display: none !important;
}
.password-reset #api .verificationInfoText {
  color: green;
  font-weight: bold;
}
.password-reset #api .Password {
  width: 50%;
  margin: auto;
}
@media (min-width: 766px) {
  .password-reset #api .Password {
    width: 80%;
  }
}
.password-reset #api .helpLink.tiny {
  display: none;
}
.password-reset #api .attr ul {
  margin: 0;
}
.password-reset #api form#attributeVerification {
  width: 90%;
  margin: auto;
}
@media (min-width: 481px) {
  .password-reset #api form#attributeVerification {
    width: 60%;
  }
}

/*# sourceMappingURL=styles.css.map */