﻿#CybotCookiebotDialog {
  padding: 24px !important;
  background-color: #fff !important;
  border-radius: 8px !important;
  margin: auto !important;
  width: calc(100% - 32px) !important;
  max-width: 375px !important;

  @media only screen and (min-width: 325px) {
    padding: 32px !important;
    width: calc(100% - 48px) !important;
  }

  @media only screen and (min-width: 376px) {
    border-radius: 16px !important;
  }

  @media only screen and (min-width: 580px) {
    padding: 40px !important;
    max-width: 819px !important;
  }

  @media only screen and (min-width: 980px) {
    width: 912px !important;
    max-width: 100% !important;
  }

  @media only screen and (min-width: 1261px) {
    width: 950px !important;
  }
}

#CybotCookiebotDialogHeader {
  display: none !important;
}

#CybotCookiebotDialogNav {
  display: none !important;
}

.CybotCookiebotScrollContainer {
  border-bottom: 0px !important;
  padding: 0 !important;
}

.CybotCookiebotScrollArea {
  padding: 0 !important;
}

#CybotCookiebotDialogBodyContentTitle {
  font-family: Bitter !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  line-height: 145% !important;
  letter-spacing: 0.8px !important;
  text-align: left !important;
  color: #003646 !important;
  margin-bottom: 16px !important;

  @media only screen and (min-width: 376px) {
    font-size: 28px !important;
    line-height: 37px !important;
  }
}

#CybotCookiebotDialogBodyContentText {
  font-family: Lato !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 160% !important;
  letter-spacing: 0.4px !important;
  text-align: left !important;
  color: #4a4f54 !important;
  margin-bottom: 16px !important;

  @media only screen and (min-width: 590px) {
    font-size: 18px !important;
  }
}

#CybotCookiebotDialogBodyFieldsetInnerContainer {
  display: none !important;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerButton {
  font-family: Lato !important;
  font-weight: 700 !important;
  line-height: 29px !important;
  letter-spacing: 0.4px !important;
  text-align: left !important;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerButton, .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton label {
  font-size: 16px !important;

  @media only screen and (min-width: 376px) {
    font-size: 18px !important;
  }
}

.CybotCookiebotDialogDetailBulkConsentCount {
  font-family: Lato !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
  letter-spacing: 0.5px !important;
  text-align: left !important;
  border-radius: 16px !important;
  background-color: #dadee2 !important;
}

.CybotCookiebotDialogBodyButton {
  font-family: Lato !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.4px !important;
  text-align: left !important;
  top: 587px !important;
  left: 1020px !important;
  padding: 8px !important;
  border-radius: 8px !important;
  text-align: center !important;
  transition: all 0.3s ease-in-out !important;
}

#CybotCookiebotDialogFooter {
  padding-top: 16px !important;

  @media only screen and (min-width: 590px) {
    padding-top: 24px !important;
  }
}

#CybotCookiebotDialogBodyButtonDecline {
  order: 2 !important;
}

#CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type),
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
  margin-bottom: 16px !important;

  @media only screen and (min-width: 590px) {
    margin-right: 32px !important;
    margin-bottom: 0 !important;
  }
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  order: 3 !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  @media only screen and (min-width: 590px) {
    margin-right: 0 !important;
    margin-bottom: 0 !important;
  }
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize {
  order: 1 !important;
  color: #007f93 !important;
  background: #f1f3f5 !important;
  border: 1px solid #f1f3f5 !important;
  margin-bottom: 0 !important;

  @media only screen and (min-width: 590px) {
    margin-bottom: 0 !important;
  }
}

.CybotCookiebotDialogArrow {
  display: none !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  order: 4 !important;
}

#CybotCookiebotDialogPoweredByText {
  display: none !important;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerButton.CybotCookiebotDialogCollapsed:before,
.CybotCookiebotDialogDetailBodyContentCookieContainerButton:before {
  border-color: #007f93 !important;
}

#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapperDisabled
  input:checked
  + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: #f1f3f5 !important;
}

#CybotCookiebotDialog
  .CybotCookiebotDialogBodyLevelButtonSliderWrapperDisabled
  input:checked
  + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #dadee2 !important;
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: #fff !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #a5abb0 !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider:before {
  background-color: #f1f3f5 !important;
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #007f93 !important;
}

#CybotCookiebotDialog .CybotCookiebotFader.CybotCookiebotDialogActive {
  opacity: 0.2 !important;
  border-bottom: solid 1px #22262a;
}

.CybotCookiebotDialogDetailBodyContentCookieTypeIntro, .CybotCookiebotDialogDetailBodyContentCookieTypeIntro span, .CybotCookiebotDialogDetailBodyContentCookieTypeIntro a {
  font-family: Lato !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 29px !important;
  letter-spacing: 0.4px !important;
  text-align: left !important;
  color: #4a4f54 !important;

  @media only screen and (min-width: 590px) {
    font-size: 18px !important;
  }
}

.CybotCookiebotDialogDetailBodyContentCookieTypeIntro a, #CybotCookiebotDialogDetailFooter a, .CybotCookiebotDialogDetailBodyContentCookieTabContent a {
  color: #007F93 !important;
  font-weight: 600 !important;
}

.CybotCookiebotDialogDetailBodyContentCookieTabContent a {
  padding-top: 0 !important;
  margin-top: 16px !important;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerButton:focus-visible, .CybotCookiebotDialogDetailBodyContentCookieTypeIntro a:focus-visible, #CybotCookiebotDialogDetailFooter a:focus-visible, .CybotCookiebotDialogDetailBodyContentCookieTabContent a:focus-visible {
  color: #00A6C0 !important;
  outline: 3px solid rgba(0, 196, 227, 0.5) !important;
  border-radius: 8px !important;
  outline-offset: 4px !important;
}

.CybotCookiebotDialogDetailBodyContentCookieTypeIntro a:hover, #CybotCookiebotDialogDetailFooter a:hover, .CybotCookiebotDialogDetailBodyContentCookieTabContent a:hover {
  color: #00A6C0 !important;
  text-decoration: underline !important;
  text-underline-offset: 4px !important;
}

.CybotCookiebotDialogDetailBodyContentCookieContainerButton:active, .CybotCookiebotDialogDetailBodyContentCookieTypeIntro a:active, #CybotCookiebotDialogDetailFooter a:active, .CybotCookiebotDialogDetailBodyContentCookieTabContent a:active {
  color: #005765 !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:hover, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:hover {
  background-color: #00A6C0 !important;
  border-color: #00A6C0 !important;
  color: #fff !important;
}

#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:active, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:active {
  background-color: #005765 !important;
  border-color: #005765 !important;
  color: #fff !important;
}
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:focus-visible, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:focus-visible {
  background-color: #00A6C0 !important;
  border-color: #00A6C0 !important;
  outline: 3px solid rgba(0, 196, 227, 0.5) !important;
  color: #fff !important;
}

#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible+span {
  outline: 3px solid rgba(0, 196, 227, 0.5) !important;
  outline-offset: 4px !important;
}
