/*tab button*/
div#sliding-popup .eu-cookie-withdraw-tab {
  display: none !important;
}

div#sliding-popup .eu-cookie-compliance-banner {
  background-color: #FFF;
  box-shadow: 0px -3px 21px 0px #00000021;
  width: 100%;
}

.menu--gdpr-menu span:hover {
  cursor: pointer;
}

div#sliding-popup {
  background: transparent;
}

div#sliding-popup .eu-cookie-compliance-banner #popup-buttons.okclass::after {
  position: absolute;
  content: '';
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: 8;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content::-webkit-scrollbar {
  width: 0;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-buttons {
  grid-area: buttons;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 2px 0;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories {
  grid-area: checkboxes;
  max-height: 0;
  overflow: hidden;
  transition: max-height 500ms ease;
  padding: 0;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories.show {
  max-height: 170px;
  overflow: visible;
  transition: max-height 500ms ease;
  animation: 1000ms animation-overflow;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories>div {
  margin-bottom: 20px;
  margin-top: 20px;
}

@keyframes animation-overflow {
  from {
    overflow: hidden;
  }
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-message {
  grid-area: titolo;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content>* {
  float: none !important;
  width: 100%;
  max-width: 100%;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-message h2 {
  font-size: 16px;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-more-button {
  font-weight: 300;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  text-align: left;
  width: 100%;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-more-button span {
  font-weight: 500;
  text-decoration: underline;
}

div#sliding-popup .eu-cookie-compliance-banner button.agree-button {
  order: 0;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button {
  order: 1;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button {
  order: 2;
}

div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
  order: 3;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button,
div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
  color: #FFF;
  font-weight: 700;
  border-radius: 0rem;
  text-shadow: none;
  background-image: none;
  border: none;
  outline: none;
  padding: 11px 20px;
  font-size: 14px;
  text-transform: uppercase;
  margin: 10px 0 0 0;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-categories-buttons {
  width: 100%;
  max-width: 100%;
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories button.eu-cookie-compliance-save-preferences-button {
  margin: 1rem 0 0 0;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category>div {
  display: flex;
  flex-direction: row;
  position: relative;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category label {
  font-weight: 500;
  font-size: 16px;
  padding-left: 25px;
  margin: 0;
  position: relative;
  display: block;
  padding-bottom: 1px;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category input.eu-cookie-compliance-category-checkbox {
  width: 17px;
  height: 17px;
  position: absolute;
  top: 2px;
  border-radius: 0px;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category label:hover {
  cursor: pointer;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category label::before {
  content: '';
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category input:checked+label::before {
  background-image: url(./assets/icon_tick.svg);
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center center;
}

/* set preferences hardcoded custom buttons (with cookiebanner.js) */
div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
  background-color: #FFF;
  padding-right: 4.5rem;
  margin: 8px 0 0 0;
  position: relative;
}

div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button::after {
  content: '';
  background-image: url(./assets/icon_accordion_down.svg);
  background-repeat: no-repeat;
  background-size: 50% 50%;
  width: 1.5rem;
  height: 1.5rem;
  background-position: center center;
  border-radius: 50%;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}

div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button.open::after {
  background-image: url(./assets/icon_accordion_up.svg);
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-close-button {
  display: block;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0;
  right: 0;
  background: url(./assets/icon_close.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 33.33% 33.33%;
  padding: 0;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-more-button.find-more-button,
button.find-more-button:hover,
button.find-more-button {
  background-color: transparent;
  box-shadow: 0px 0px 0px 0px transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

@media (min-width: 992px) {
  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories button.eu-cookie-compliance-save-preferences-button {
    margin: 0rem 0 0 0;
  }

  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-buttons {
    flex-direction: row;
  }

  div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button,
  div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button,
  div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button,
  div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
    margin: 0 1rem 0 0;
  }

  div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
    margin: 0;
  }
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category input:checked+label::before {
  background-image: url(./assets/icon_tick.svg);
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center center;
  position: absolute;
  top: 10px;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category label::before {
  content: '';
  width: 1rem;
  height: 1rem;
  background-color: #666666;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}


/*TWAS layout BOTTOM*/
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content {
  max-width: unset;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    'titolo'
    'buttons'
    'checkboxes';
  position: unset;
  max-height: calc(90vh - 5rem);
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
}

div#sliding-popup {
  position: fixed;
  display: flex;
  align-items: end;
  bottom: -300px !important;
}

div#sliding-popup.frombottom {
  bottom: 0 !important;
}

div#sliding-popup .eu-cookie-compliance-banner {
  background-color: #FFF;
  padding: 1rem;
}

.eu-cookie-compliance-message p {
  display: none;
}


@media (min-width: 992px) {

  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category label {
    font-size: 14px;
  }

  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content {
    max-width: unset;
    display: grid;
    grid-template-columns: 50% 50%;

    grid-template-areas:
      'titolo'
      'buttons'
      'checkboxes';
    position: unset;
    max-height: calc(90vh - 5rem);
    overflow-y: scroll;
    overflow-x: hidden;
  }

  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-buttons {
    margin: 0px 0 0rem 0;
  }

  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories {
    grid-column: 1 / span 2;
    grid-row: 2;
  }

  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories.show {
    max-height: 500px;
  }

  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories>div .eu-cookie-compliance-category-description {
    padding-left: 25px;
  }

  div#sliding-popup .eu-cookie-compliance-banner #popup-buttons {
    position: relative;
    grid-column: 2;
    grid-row: 1;
    justify-content: end;
    align-items: center;
  }

  div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button,
  div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button,
  div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button,
  div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button,
  div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
    padding: 14px 18px;
    font-size: 12px;
  }
}


@media (min-width:1200px) {
  div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content {
    grid-template-columns: 60% 40%;
  }

  div#sliding-popup .eu-cookie-compliance-banner {
    padding: 1rem 4rem;
  }
}


/*ICTP layout CENTER*/

/*


div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-content {
  max-width: unset;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas:
    'titolo'
    'buttons'
    'checkboxes';
  position: unset;
  max-height: calc(90vh - 5rem);
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-width: none;
}


div#sliding-popup .eu-cookie-compliance-banner {
  width: calc(100% - 2rem);
  max-width: 450px;
  height: fit-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #FFF;
  padding: 2.5rem 1rem;
  max-height: 90vh;
  box-shadow: rgb(0 0 0 / 15%) 0px 15px 25px, rgb(0 0 0 / 5%) 0px 5px 10px;
}

@media (min-width: 1280px) {
  div#sliding-popup .eu-cookie-compliance-banner {
    width: 60vw;
  }
}

@media (min-width: 992px) {
  div#sliding-popup .eu-cookie-compliance-banner {
    width: 80vw;
    max-width: unset;
    padding: 2rem 3rem;
  }
}

*/






/*COLORS*/
:root {
  --mainColor: #0073ae;
  --text_color: #333;
  --medium_gray: #c5c5c5;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category input:checked+label::before {
  background-color: var(--mainColor);
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-category label,
div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-message h2 {
  color: var(--text_color);
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-more-button {
  color: var(--text_color);
}

div#sliding-popup .eu-cookie-compliance-banner #popup-buttons.okclass::after {
  color: var(--mainColor);
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-more-button span {
  color: var(--mainColor);
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button,

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button {
  background-color: var(--mainColor);
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button {
  background-color: #414141;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button:hover,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-withdraw-button:hover {
  background-color: #515151;
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-reject-button:hover,
div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-default-button:hover,

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-save-preferences-button:hover {
  background-color: #7ab4d0;
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category label {
  color: var(--mainColor);
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category label::before {
  background-color: var(--border_gray);
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category input:checked+label::before {
  background-color: var(--mainColor);
}

div#sliding-popup .eu-cookie-compliance-banner .eu-cookie-compliance-categories .eu-cookie-compliance-category:first-child input:checked+label::before {
  background-color: var(--medium_gray);
}

/* set preferences hardcoded custom buttons (with cookiebanner.js) */
div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
  background-color: transparent;
  color: #333;
  padding: 7px 39px 6px 17px;
  transition: 0.2s;
}

div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button:hover {
  background-color: transparent;
  opacity: 0.8;
}

div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button::after {
  border: 2px solid var(--border_gray);
}

div#sliding-popup .eu-cookie-compliance-banner button.eu-cookie-compliance-close-button {
  border-bottom: 1px solid var(--border_gray);
  border-left: 1px solid var(--border_gray);
}


@media (min-width:992px) {
  div#sliding-popup .eu-cookie-compliance-banner button.set-preferences-button {
    padding: 0px 39px 0px 17px;
  }
}