html {
  box-sizing: border-box; }

*,
*::before,
*::after {
  box-sizing: inherit; }

body {
  margin: 0;
  width: 100%;
  height: 100%; }

body p,
span {
  line-height: 1.4; }

a {
  cursor: pointer; }

.dialog-wrapper {
  background-color: white;
  border: 1px solid black;
  height: 100%;
  overflow: hidden; }

.content {
  height: calc(100vh - 77px);
  overflow-y: scroll; }

#heading {
  width: 100%;
  height: 75px;
  padding: 10px; }
  #heading h4 {
    font-size: 1.2em;
    margin-top: 0.5em; }

.data-privacy-login-container {
  border: none;
  background-color: lightgrey; }
  .data-privacy-login-container button {
    cursor: pointer;
    font-size: inherit;
    padding: 0.5em 0.8em;
    background-color: grey;
    color: white; }
  .data-privacy-login-container .collapse-section-heading {
    cursor: pointer;
    padding: 0.5em 16px;
    border: none; }
  .data-privacy-login-container .collapse-section-body {
    padding: 16px;
    border-bottom: 1px solid lightgrey; }
    .data-privacy-login-container .collapse-section-body input {
      font-size: inherit;
      padding: 0.25em 0.5em; }
    .data-privacy-login-container .collapse-section-body a {
      font-size: 0.8em;
      color: inherit;
      padding-left: 30px; }

.data-privacy-message {
  padding: 16px; }

.data-privacy-action-age-container {
  padding: 0 16px;
  text-align: center; }
  .data-privacy-action-age-container input {
    cursor: pointer; }

.landing-age-error {
  padding: 16px;
  color: red; }

.landing-actions-close-button-container {
  text-align: center; }

.landing-accept-container, .consent-error-actions-container {
  display: table;
  width: 100%; }

.landing-accept-container {
  padding: 16px; }
  @media (max-width: 419px) {
    .landing-accept-container {
      margin: 16px 0; } }

.left-button-container, .right-button-container {
  display: table-cell;
  width: 50%;
  vertical-align: bottom; }

.landing-accept,
.landing-dont-accept,
.landing-close,
.data-privacy-action-update,
.checkout-close,
.error-close,
.error-try,
.hide-purposes {
  cursor: pointer;
  height: 40px;
  width: 40%;
  font-size: inherit;
  padding: 0.5em 0.8em; }
  @media (max-width: 419px) {
    .landing-accept,
    .landing-dont-accept,
    .landing-close,
    .data-privacy-action-update,
    .checkout-close,
    .error-close,
    .error-try,
    .hide-purposes {
      font-size: 3.6vw; } }

.landing-accept,
.landing-dont-accept,
.data-privacy-action-update,
.hide-purposes,
.error-close,
.error-try {
  width: 95%;
  max-width: 220px; }

.hide-purposes {
  height: 30px;
  font-size: 0.8em;
  width: auto; }

.left-button-container {
  text-align: left; }

.right-button-container {
  text-align: right; }

.landing-accept,
.landing-close,
.checkout-close,
.error-try {
  background-color: darkgrey;
  color: white;
  border: 1px solid black; }

.landing-dont-accept,
.landing-review,
.error-close,
.hide-purposes {
  color: darkgrey;
  background-color: white;
  border: 1px solid black; }

.landing-accept:hover,
.landing-dont-accept:hover,
.landing-close:hover,
.landing-review:hover,
.data-privacy-action-update:hover,
.checkout-close:hover,
.error-close:hover,
.error-try:hover,
.hide-purposes:hover {
  color: black; }

.data-privacy-action-update {
  background-color: black;
  color: white;
  font-size: 0.9em; }

.data-privacy-action-update[disabled],
.landing-accept[disabled] {
  background-color: lightgrey;
  color: darkgrey; }

.landing-review-container {
  margin: 8px 16px;
  text-align: center; }
  .landing-review-container .landing-review {
    cursor: pointer;
    font-size: inherit;
    padding: 0.5em 0.8em;
    border: 1px solid grey; }
  @media (max-width: 419px) {
    .landing-review-container .landing-review {
      font-size: 3.6vw; } }

.consent-checkout-container {
  padding: 16px; }
  .consent-checkout-container h4 {
    margin-top: 0; }

.consent-checkout-actions-container {
  text-align: center; }

.data-privacy-consents-container {
  padding: 0 16px; }
  @media (max-width: 419px) {
    .data-privacy-consents-container {
      padding: 0; } }
  .data-privacy-consents-container .collapse-section {
    margin-bottom: 8px;
    border: 1px solid grey;
    overflow: hidden; }
  .data-privacy-consents-container .collapse-section-heading {
    display: table;
    width: 100%;
    background-color: lightgrey;
    color: black;
    padding: 8px;
    padding-right: 4px;
    border-color: transparent; }
    .data-privacy-consents-container .collapse-section-heading h4 {
      margin: 0; }
  .data-privacy-consents-container .collapse-section-label {
    display: table-cell; }
    .data-privacy-consents-container .collapse-section-label .usage-container.mobile {
      display: none; }
  .data-privacy-consents-container .collapse-section-action {
    display: table-cell;
    vertical-align: top; }
    .data-privacy-consents-container .collapse-section-action button:not([disabled]) {
      cursor: pointer; }
    .data-privacy-consents-container .collapse-section-action .tristate {
      float: right; }
  .data-privacy-consents-container p {
    font-size: 0.8em; }
  .data-privacy-consents-container .show-detail {
    cursor: pointer;
    font-size: 0.9em; }
  .data-privacy-consents-container .dk,
  .data-privacy-consents-container .yes,
  .data-privacy-consents-container .no {
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 0.9em; }
  .data-privacy-consents-container .consent-provider-action-container .dk,
  .data-privacy-consents-container .consent-provider-action-container .yes,
  .data-privacy-consents-container .consent-provider-action-container .no {
    font-size: 0.7em; }
  .data-privacy-consents-container .dk {
    background: white;
    color: red;
    border: 1px solid lightgrey;
    padding: 0.5em 0.8em; }
  .data-privacy-consents-container .yes.active {
    background: green;
    color: white;
    border: none;
    padding: 0.5em 0.8em; }
  .data-privacy-consents-container .no.active {
    background: red;
    color: white;
    border: none;
    padding: 0.5em 0.8em; }
  .data-privacy-consents-container .usage-status {
    text-align: right; }
  .data-privacy-consents-container .usage-status button[disabled] {
    background-color: transparent;
    color: inherit;
    cursor: inherit; }
  .data-privacy-consents-container .consent-provider-link {
    font-size: 0.8em; }

.consent-provider-container {
  padding: 16px;
  padding-right: 8px;
  display: table;
  width: 100%; }
  .consent-provider-container .consent-provider-label-container,
  .consent-provider-container .consent-provider-description-container,
  .consent-provider-container .consent-provider-action-container {
    display: table-cell;
    vertical-align: top; }
  .consent-provider-container .consent-provider-label-container .consent-provider-description {
    font-size: 0.8em;
    margin: 8px 0; }
  .consent-provider-container .consent-provider-label-container a,
  .consent-provider-container .consent-provider-label-container span {
    display: block; }
  .consent-provider-container .consent-provider-action-container {
    width: 15%;
    text-align: right; }
    .consent-provider-container .consent-provider-action-container .consent-provider-action {
      display: inline-block; }

.manage-consent-container {
  position: relative;
  padding: 16px; }
  .manage-consent-container h4 {
    margin-top: 0; }
  .manage-consent-container .go-back {
    position: absolute;
    top: 16px;
    right: 16px;
    cursor: pointer;
    font-size: 0.7em;
    padding: 0.5em 0.8em;
    border: 1px solid lightgrey;
    background-color: white;
    color: darkgrey; }
  .manage-consent-container .save-choice-container {
    display: table;
    table-layout: fixed;
    font-size: 0.9em;
    margin: 16px 4px 0; }
    @media (max-width: 419px) {
      .manage-consent-container .save-choice-container {
        display: block; } }
    .manage-consent-container .save-choice-container h4 {
      font-weight: 500;
      padding: 0.5em 0.8em;
      margin-bottom: 0; }
  .manage-consent-container .left-box button {
    background-color: grey; }
  .manage-consent-container .auth-tabs-header {
    padding-left: 8px; }
  .manage-consent-container .right-box button {
    background-color: grey; }
  .manage-consent-container .right-box button.tab-link {
    border: none;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0.5em 0.8em;
    background-color: lightgrey;
    color: black; }
  .manage-consent-container .right-box button.tab-link.active {
    background-color: black;
    color: white; }
  .manage-consent-container .right-box button.tab-link:not(.active) {
    cursor: pointer; }
  .manage-consent-container .left-box,
  .manage-consent-container .right-box {
    display: table-cell;
    width: 50%; }
    @media (max-width: 419px) {
      .manage-consent-container .left-box,
      .manage-consent-container .right-box {
        display: block;
        width: 100%; } }
    .manage-consent-container .left-box .box-button,
    .manage-consent-container .right-box .box-button {
      text-align: center; }
      .manage-consent-container .left-box .box-button button,
      .manage-consent-container .right-box .box-button button {
        max-width: 150px;
        padding: 0.5em 0.8em;
        font-size: inherit;
        line-height: 0.9; }
        .manage-consent-container .left-box .box-button button span,
        .manage-consent-container .right-box .box-button button span {
          font-size: 0.7em; }
        @media (max-width: 419px) {
          .manage-consent-container .left-box .box-button button,
          .manage-consent-container .right-box .box-button button {
            width: 100%; } }
      .manage-consent-container .left-box .box-button button:hover,
      .manage-consent-container .right-box .box-button button:hover {
        background-color: lightgrey;
        color: black; }
      .manage-consent-container .left-box .box-button button[disabled],
      .manage-consent-container .right-box .box-button button[disabled] {
        background-color: lightgrey;
        color: darkgrey; }
    .manage-consent-container .left-box .box-text,
    .manage-consent-container .left-box .box-button,
    .manage-consent-container .left-box .tab-content,
    .manage-consent-container .right-box .box-text,
    .manage-consent-container .right-box .box-button,
    .manage-consent-container .right-box .tab-content {
      padding: 8px; }
    .manage-consent-container .left-box .tab-content,
    .manage-consent-container .right-box .tab-content {
      border: 1px solid black;
      font-size: 0.8em; }
    .manage-consent-container .left-box .tab-content input,
    .manage-consent-container .right-box .tab-content input {
      font-size: inherit;
      display: block;
      margin: 0;
      width: 100%; }
    .manage-consent-container .left-box .tab-content table,
    .manage-consent-container .right-box .tab-content table {
      width: 100%; }
  .manage-consent-container .or-box {
    display: table-cell;
    width: 45px;
    padding: 0.5em 0.8em; }
    @media (max-width: 419px) {
      .manage-consent-container .or-box {
        display: block;
        width: 100%; } }

.consent-error-container {
  padding: 16px; }
  .consent-error-container h4 {
    margin-top: 0; }

.error-message {
  color: red; }

.spinner-container {
  height: calc(100% - 75px);
  width: 100%;
  display: table;
}
.spinner {
  vertical-align: middle;
  display: table-cell;
}


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