@keyframes slide-up {
  0% {
    transform: translateY(150vh);
    opacity: 0;
  }
  100% {
    transform: translateY(0vh);
    opacity: 1;
  }
}


#CybotCookiebotDialog {
  opacity: 0;
  transform: translateY(0vh) !important;
  animation: slide-up 1s forwards !important;
  /* animation: slide-up 1s cubic-bezier(0.39, 0.58, 0.57, 1) 2s forwards!important; */
}

div#CybotCookiebotDialogBodyLevelDetailsWrapper {
  background-color: #e6e7e8;
}

div#CybotCookiebotDialogBodyLevelButtons {
  float: left;
  pointer-events: auto;
  margin-right: 0px;
}

a.renewcookie {
  cursor: pointer;
}

div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper a {
  width: 180px !important;
  display: inline-block !important;
}


.outsideua #CybotCookiebotDialogBodyLevelButtonsSelectPane,
.outsideua #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
.outsideua #CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  display: none !important;
}
.outsideua
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
  float: left !important;
}
.outsideua #CybotCookiebotDialogBodyLevelDetailsWrapper {
  float: right;
  margin-top: -32px;
  background-color: transparent !important;
  border: none !important;
}
.outsideua
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper
  #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  margin-left: 8px;
}
#CybotCookiebotDialog #CybotCookiebotDialogBody {
  /* opacity: 0;
	visibility: hidden; */
  transition: all 0.5s;
}
a#CybotCookiebotDialogBodyLevelButtonAccept:hover,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll:hover,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
  background-color: #f37037 !important;
  border: 1px solid #f37037 !important;
  color: #fff !important;
}
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyButtonAccept:hover {
  background-color: #f37037 !important;
  border: 1px solid #f37037 !important;
  color: #fff !important;
}
div#CybotCookiebotDialog {
  background-color: #e6e7e8 !important;
}
div#CybotCookiebotDialogDetail {
  background-color: #e6e7e8;
}

#CybotCookiebotDialogBodyLevelButtonsTable {
  width: 100% !important;
}
a#CybotCookiebotDialogBodyLevelDetailsButton {
  top: 0 !important;
}

@media (min-width: 768px) {
  div#CybotCookiebotDialogBody,
  div#CybotCookiebotDialogDetailBody {
    max-width: 84%;
    padding-left: 8px;
  }
}