/*######### CUSTOM COOKIEBANNER #########*/

.modal {
  padding: 0 !important;
}

.modal-footer {
  display: block;
  flex-wrap: inherit;
  flex-shrink: inherit;
  align-items: inherit;
  justify-content: inherit;
}

.cookiebanner .modal-footer * {
  margin: 0;
}

.settings-wrapper {
  width: calc(50% - 2px);
  display: inline-flex;
  justify-content: flex-start;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .settings-wrapper {
    margin-bottom: 14px;
  }
}

.button-wrapper {
  width: calc(50% - 3px);
  display: inline-flex;
  justify-content: flex-end;
}

@media screen and (max-width: 1024px) {
  .settings-wrapper, .button-wrapper {
    width: 100%;
    justify-content: inherit;
    margin: 8px 0 !important;
  }
}

/* Hide scrollbar for Chrome, Safari and Opera */
.modal::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.modal {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.cookiebanner .modal-body {
  overflow: hidden;
}

.cookiebanner * {
  color: #1d1d1b;
}

.cookiebanner p, .cookiebanner a, .cookiebanner span, .cookiebanner li,
.cookiebanner h1, .cookiebanner h2, .cookiebanner h3,
.cookiebanner h4, .cookiebanner h5, .cookiebanner b {
  color: #1d1d1b;
}

.cookiebanner p {
  font-size: 18px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .cookiebanner p {
    font-size: 16px;
    line-height: 1.6;
  }
}


.cookiebanner .btn.btn-secondary {
  background-color: #fff;
  color: #000;
  border-color: #000;
  box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
}

@media screen and (max-width: 1024px) {
  .cookiebanner .btn.btn-secondary {
    width: calc(50% - 8px);
  }
}

.cookiebanner .btn.btn-primary {
  background-color: #000;
  border-color: #000;
}

@media screen and (max-width: 1024px) {
  .cookiebanner .btn.btn-primary {
    width: calc(50% - 8px);
  }
}

@media screen and (max-width: 1024px) {
  .cookiebanner .btn.btn-secondary.settings {
    width: 100%;

  }
}

.cookiebanner .btn {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  color: #fff;
  height: auto;
  margin: 0 8px;
  border-radius: 0;
}

.cookiebanner .btn-primary, .cookiebanner .btn-primary.focus,
.cookiebanner .btn-primary:focus, .cookiebanner .show>.btn-primary.dropdown-toggle
.cookiebanner a.btn.btn-secondary.settings {
  padding: 0 .75rem ;
  font-size: 1rem;
  border-color: transparent;
  box-shadow: 0 0 0 0 rgb(0 0 0 / 0);
}

.cookiebanner .btn-primary, .cookiebanner .btn-primary.focus,
.cookiebanner .btn-primary:focus, .cookiebanner .show>.btn-primary.dropdown-toggle {
  color: #fff;
}

.cookiebanner .btn-link {
  color: #1d1d1b;
}

.cookiebanner input[type=checkbox] {
  display: none;
}

#bccs-options {
  background: #f8f8f8;
  padding: 2px 15px;
}

.cookiebanner #bccs-options .form-check {
  padding: 0;
}

.cookiebanner .bccs-option {
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
}

.cookiebanner .bccs-option:nth-last-child(1) {
  border: 0;
}

.cookiebanner .bccs-option p {
  margin: 0;
}

.cookiebanner label.form-check-label {
  font-size: 18px;
  line-height: 24px;
}

.cookiebanner #bccs-options .form-check-input:checked {
  display: none;
}

/* The switch - the box around the slider */
.switch {
  position: absolute;
  display: inline-block;
  width: 48px;
  height: 24px;
  right: 0;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #000;
}

input:focus + .slider {
  box-shadow: 0 0 1px #000;
}

input:checked + .slider:before {
  -webkit-transform: translateX(24px);
  -ms-transform: translateX(24px);
  transform: translateX(24px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 24px;
}

.slider.round:before {
  border-radius: 50%;
}