/**
 * Make intro scrollable with a max height
 */
#introduction-article {
    overflow-y: auto; max-height: calc(100vh - 100px);
}

/**
 * Conditional intro texts based in select
 */
#codn-overlay [aria-hidden="true"] {
    display: none;
}
#codn-overlay .text {
    margin-bottom: 0;
}

/**
 * Legend
 */
.codn-overlay #overlay-legend .logo {
    display: flex; justify-content: space-between;
}
.codn-overlay #overlay-legend .logo > a {
    margin-bottom: 0;
    display: inline-block; vertical-align: middle;
    width: auto !important; height: auto !important;
    background: none !important;
}
.codn-overlay #overlay-legend .logo > a[data-type="toc"] {
    margin-right: 5px;
}
.codn-overlay #overlay-legend .logo > a[data-type="toc"] > svg {
    width: 100%;
}
.codn-overlay #overlay-legend .logo > a[data-type="deloitte"] {
    transform: translateY(-1px);
}
.codn-overlay #overlay-legend .logo > a[data-type="deloitte"] > svg {
    width: 58px; height: 11px;
}

/**
 * Loader
 */
.codn-loader {
    z-index: 5; position: fixed; top: 50%; left: 50%;
    transform: translate(-50%, -50%); background: #FFFFFF;
    pointer-events: none;
}
@media only screen and (min-width: 33.75em) {
   .codn-loader {
       left: calc(50% + 262px);
   }
}
.codn-loader__alert {
    padding: 15px 20px;
    background: rgba(0,55,85,.08);
    border-left: 3px solid #003755;
    color: #003755;
    font-size: 15px;
    line-height: 1.35;
}
.codn-loader__alert p {
    margin: 0;
}

/**
 * Button (used in .cookie-bar)
 */
.button {
 background: transparent;
 border: 0;
 cursor: pointer;
 -webkit-appearance: none;
    -moz-appearance: none;
         appearance: none;
 display: inline-block;
 padding: 15px 25px;
 border-radius: 2px;
 font-family: "Proxima Nova", sans-serif;
 font-weight: 600;
 text-transform: uppercase;
 font-size: 14px;
 line-height: 1.25;
 text-align: center;
 text-decoration: none;
 -webkit-transition: background 0.1s;
 transition: background 0.1s;
 background: transparent;
 color: inherit;
 border-radius: 0;
}
 @media only screen and (min-width: 33.75em) {
     .button {
         font-size: 16px;
     }
 }
 @media only screen and (min-width: 93.75em) {
     .button {
         font-size: 18px;
     }
 }
 .button:hover,
 .button:focus {
   -webkit-transition-duration: 0s;
           transition-duration: 0s; }
 .button:hover {
   outline: 0; }

.button--secondary {
  background: transparent;
  border: 0;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: inline-block;
  padding: 15px 25px;
  border-radius: 2px;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  -webkit-transition: background 0.1s;
  transition: background 0.1s;
  background: #003755;
  color: #FFFFFF; }
  @media only screen and (min-width: 33.75em) {
      .button--secondary {
          font-size: 16px;
      }
  }
  @media only screen and (min-width: 93.75em) {
      .button--secondary {
          font-size: 18px;
      }
  }
  .button--secondary:hover, .button--secondary:focus {
      -webkit-transition-duration: 0s;
      transition-duration: 0s;
  }
  .button--secondary:hover {
      outline: 0;
  }
  .button--secondary:hover, .button--secondary:focus {
      background: #01283C;
  }

/**
 * Cookie Bar
 */

.cookie-bar {
  z-index: 1400;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  padding: 10px 15px 12px;
  background: #F2F5F6;
  box-shadow: 0 0 5px rgba(0, 55, 85, 0.2);
  color: #003755;
  font-size: 12px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s; }
  @media only screen and (min-width: 22.5em) {
    .cookie-bar {
      padding: 10px 20px; } }
  @media only screen and (min-width: 33.75em) {
    .cookie-bar {
      right: 20px;
      bottom: 20px;
      left: auto;
      display: block;
      max-width: 360px;
      padding: 15px 20px 17px;
      font-size: 14px; } }
  @media only screen and (min-width: 63.75em) {
    .cookie-bar {
      font-size: 16px;} }

.cookie-bar[data-hidden="true"] {
  display: none; }

.cookie-bar[aria-hidden="true"] {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s; }

/**
 * Elements
 */
.cookie-bar p {
    margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px; }
  @media only screen and (min-width: 33.75em) {
    .cookie-bar p {
      margin-bottom: 1em; } }

.cookie-bar a {
  color: inherit; }

.cookie-bar button {
  margin-top: 0;
  padding: 10px 20px;
  font-size: 12px; }
  @media only screen and (min-width: 33.75em) {
    .cookie-bar button {
      width: 100%;
      padding: 14px 20px;
      font-size: 14px; } }


/**
 * Form Switch
 */
.form-switch {
    user-select: none;
}