﻿.cookie-consent-modal {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 90%;
  margin: auto;
  margin-top: 0;
  margin-bottom: 10px;
  z-index: 10000000; }

.cookie-consent-modal-message {
  font-size: 1em; }

.cookie-consent-modal-hide {
  display: none; }

.cookie-consent-modal-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start; }

.cookie-consent-modal-button-close {
  font-weight: bold;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 2em;
  color: black;
  border: 0;
  opacity: .5;
  background-color: transparent;
  margin: -0.7rem -0.5rem -1rem auto; }
  .cookie-consent-modal-button-close:focus {
    color: grey;
    outline: none;
    opacity: .5; }
  .cookie-consent-modal-button-close:hover {
    color: grey;
    outline: none; }
  .cookie-consent-modal-button-close:active {
    color: grey;
    opacity: .5;
    outline: none; }

.cookie-consent-modal-buttons {
  display: flex;
  flex-direction: row;
  justify-content: flex-end; }
  .cookie-consent-modal-buttons .cookie-consent-modal-button-decline {
    margin-right: 10px; }
  @media (max-width: 500px) {
    .cookie-consent-modal-buttons {
      flex-direction: column; }
      .cookie-consent-modal-buttons .cookie-consent-modal-button-accept {
        margin-top: 10px; }
      .cookie-consent-modal-buttons .cookie-consent-modal-button-decline {
        margin-right: unset; } }

.cookie-consent-modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none; }
  @media (max-width: 576px) {
    .cookie-consent-modal-dialog {
      max-width: 500px;
      margin: 1.75rem auto; } }

.cookie-consent-modal .btn-outline-primary {
  color: #0f4d91;
  border-color: #0f4d91; }
  .cookie-consent-modal .btn-outline-primary:hover {
    color: white;
    background-color: #0f4d91;
    border-color: #0f4d91; }
  .cookie-consent-modal .btn-outline-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #0f4d91;
    border-color: #0f4d91; }

.modal-content {
  box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 28px;
  border-radius: 8px; }

.modal-open {
  overflow: auto !important; }
