/*=====================================================*/
/* Eu cookie compliance module extend */
/*=====================================================*/

/***** custom ****/
a.settings {
    padding-right: 5px;
    font-weight: 600;
    text-decoration: underline !important;
    float: right;
}
div#popup-text .labelx {
    padding-bottom: 0.2rem
}
@media (min-width:768px){
#sliding-popup .popup-content {
    display: flex!important;
}
    }
div#sliding-popup a {
    color:#fff!important;
    text-decoration:underline!important
}
div#sliding-popup a:hover {
font-weight: 600;
}
.euccx-toggle-wrapper.euccx-toggle-wrapper-required-cookies .euccx-switch-wrapper.euccx-switch-wrapper-required-cookies {
    display:none
}
#sliding-popup .popup-content #popup-text p,
.bannercookie {
  font-weight: normal !important;
}
.bannercookie {
    padding: 0.4rem 0 1rem;
}
@media (max-width:767px){
#sliding-popup .popup-content #popup-buttons {
    float: none!important;
    margin: 0 auto!important;
}
    }
/*******************/

#sliding-popup .popup-content #popup-buttons {
  margin: 1rem 0 !important;
  max-width: 100%!important;
  background: transparent!important;
  display: block!important;
}

#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-more-button-thank-you,
#sliding-popup .eu-cookie-withdraw-button,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button,
button.agree-button.eu-cookie-compliance-secondary-button {
  cursor: pointer!important;
  vertical-align: middle!important;
  overflow: visible!important;
  width: auto!important;
  -moz-box-shadow: inset 0 1px 0 0 #ffffff!important;
  -webkit-box-shadow: inset 0 1px 0 0 #ffffff!important;
  box-shadow: inset 0 1px 0 0 #ffffff!important;
  background-color: #ededed!important;
  background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf))!important;
  background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%)!important;
  background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%)!important;
  background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%)!important;
  background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%)!important;
  -moz-border-radius: 6px!important;
  -webkit-border-radius: 6px!important;
  border-radius: 6px!important;
  border: 1px solid #dcdcdc!important;
  color: #000!important;
  padding: 4px 8px!important;
  text-decoration: none!important;
  text-shadow: 1px 1px 0 #ffffff!important;
  font-size: 16px!important; /*new*/
  width: 100% !important; /*new*/
  margin: 0.3rem auto!important;
  font-family: inherit!important; /*new*/
  font-weight:600!important; /*new*/
}

@media (min-width:768px){
#sliding-popup .eu-cookie-compliance-default-button,
#sliding-popup .eu-cookie-compliance-hide-button,
#sliding-popup .eu-cookie-compliance-more-button-thank-you,
#sliding-popup .eu-cookie-withdraw-button,
.eu-cookie-withdraw-button,
.eu-cookie-compliance-save-preferences-button,
button.agree-button.eu-cookie-compliance-secondary-button {
      margin: 0.3rem 0 0.3rem 5rem !important;/*new*/
}
}

#sliding-popup .eu-cookie-compliance-default-button:hover,
#sliding-popup .eu-cookie-compliance-hide-button:hover,
#sliding-popup .eu-cookie-compliance-more-button-thank-you:hover,
#sliding-popup .eu-cookie-withdraw-button:hover {
  background-color: #dfdfdf!important;
  background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%)!important;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed))!important;
  background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%)!important;
  background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%)!important;
  background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%)!important;
  background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%)!important;
}

#sliding-popup .eu-cookie-compliance-default-button:active,
#sliding-popup .eu-cookie-compliance-hide-button:active,
#sliding-popup .eu-cookie-compliance-more-button-thank-you:active,
#sliding-popup .eu-cookie-withdraw-button:active {
  position: relative!important;
  top: 1px!important;
}

#sliding-popup .popup-content #popup-text {
  color: #fff!important;
  float: left;
  margin: 5px 0 0;
  padding-top: 0.7rem;
  max-width: 100%!important
}

#sliding-popup .popup-content #popup-text h1 {
  font-size: 24px;
}

#sliding-popup .popup-content #popup-text h3 {
  font-size: 13px;
}

#sliding-popup .popup-content #popup-text p {
  font-size:16px!important;
  display: inline;
  overflow: hidden;
  color:#fff!important;
}
#sliding-popup .popup-content #popup-text div {
  font-size:16px!important;
  color:#fff!important
}
#sliding-popup .popup-content #popup-text .text-info p {
  margin-top: 30rem;
}

#sliding-popup .popup-content #popup-text .text-info-policy a {
  color: #fff;
  font-size: 13px;
}
#sliding-popup .popup-content #popup-text .text-info a {
  color: #fff!important;
  text-decoration: underline!important;
  font-size: 1rem!important;
}
#sliding-popup .popup-content #popup-text .text-info a:hover {
  color: #fff;
  text-decoration: underline!important;
  font-size: 1rem!important;
}

#popup-text .euccx-disable-all {
  color: #fff;
  font-weight: bold;
  float: right;
  margin-top: -1.5rem;
  font-size:1.3rem!important;
  cursor: pointer;
}
.euccx-disable-all:hover {
    text-decoration:underline
}
/*========================================*/
/* Eu cookie compliance extras module extend */
/*========================================*/

/*===============
CONTAINER
===============*/

#cookie-tabs > div h2, 
#cookie-tabs > div h3 {
    font-size: 1.1rem;
    font-weight: 600;
    padding: 2rem 0 0 0;
    margin: 0;
}
#cookie-tabs > div {
    width: 70%;
    padding: 1.5rem;
}

#cookie-tabs {
    display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    font-family: inherit!important;
    padding: 0.1em;
    border: 1px solid #efefef;
    border-radius: 0;
}
#cookie-tabs > ul > li {
    display: block;
    background-image: none;
    background-color: white;
    padding: 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid #efefef;
        left: 0!important; /*new*/
}
#cookie-tabs > ul > li a{
  display: block;
  float: left;
  width: 100%!important;
  padding: 5%;
  font-weight: bold;
}
#cookie-tabs > ul > li a:active{
  display: block;
  float: left;
  width: 100%!important;
  padding: 5%;
  font-weight: bold;
  color: #ffffff;
}
#cookie-tabs ul li.ui-state-active {
  background-color: #5b5b5b;
}
#cookie-tabs ul li.ui-state-active a {
  color: #ffffff!important;
}
#cookie-tabs ul li.ui-tabs-selected a {
  background-color: #5b5b5b;
  color: #ffffff;
}
#cookie-tabs ul li.ui-tabs-selected a:after {
  content: "\00BB";
  display: inline-block;
  position: absolute;
  right: 5px;
  color: #5b5b5b;
}
#cookie-tabs > div h2 a {
  cursor: auto;
  text-decoration: none;
  color: #333;
}
#cookie-tabs > div p a:after {
  cursor: auto;
  text-decoration: underline;
  color: #5b5b5b;
}
/*===============
TOGGLE BUTTON
===============*/

input:checked + .euccx-slider {
  background-color: #5b5b5b;
}
input:focus + .euccx-slider {
  box-shadow: 0 0 1px #5b5b5b;
}

.euccx-slider.euccx-slider-required-cookies,
.euccx-slider.euccx-slider-checked {
  background-color: #eacfcf!important;  
}
/*===============
SAVE BUTTON
===============*/

button.cookie-settings-save {
  color: white;
  background: #5b5b5b!important;
  border: 1px #5b5b5b solid!important;
  box-shadow: inset 0 1px 0 #5b5b5b!important;
  padding: 0.6rem 0.8rem;
  border-radius: 2px;
  font-weight: bold;
  font-size: 0.9rem!important;
  outline: none;
}
button.cookie-settings-save:hover {
  color: #efefef;
  border: none;
  background: #5b5b5b!important;
  border: 1px #5b5b5b solid!important;
  padding: 0.6rem 0.8rem;
  border-radius: 2px;
  font-weight: bold;
  font-size: .9rem!important;
  outline: none;
}
