
h4{line-height:24px;font-size:20px !important;}
h4 label{margin-left: 10px;clear:both;}
h4 .number{background-color: #000000;color:#ffffff;border-radius: 5em;display: inline-block;font-size: .8em !important;font-weight: 700;letter-spacing: .25px;line-height: 1.2em;padding: 0.25em 0.5em;margin-right:5px;}
ul{margin:0;padding:0;}
ul li{list-style:none;}
.tocollapse,.tocollapse:hover{background:#fff !important;color:#666 !important;font-size:14px !important;font-weight:bold;padding:0 !important;margin:0 !important;border:0 !important;}
#collapseDettagli{margin-top:10px;margin-bottom:10px;overflow-y:auto;padding:5px;}
/*#collapseDettagli.in{display:block;}*/
#collapseDettagli p{font-size: 12px !important;}
.internal{border:1px solid #cccccc !important;padding:5px !important;font-size:12px !important;}
/*.internal{display:none;}*/
.internal.in{display:block;}
.internal p{padding-bottom:0px;margin-bottom:0px;}
ul.lista{padding-top:5px;}
ul.listainterna{padding-top:3px;}
ul li{padding-top:2px;}
ul li span{padding-right:5px;}
ul li span.sito{font-weight:bold;font-size:14px !important;}
ul li span.nome{font-weight:bold;color:#666;}
ul li p{clear:both;padding:3px;font-style:italic;}
.cancellaCookie a{cursor:pointer;}

div.collapse{display:none !important}
div.collapse.in{display:block !important}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width:50px;
  height: 24px;
float: right;
margin-right: 20px;
}

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

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

.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: #000000;
}

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

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
input:checked + .slider.without-before {
  background-color: #ccc !important;
}
input:checked + .slider.without-before:before {
  -webkit-transform: translateX(0px) !important;
  -ms-transform: translateX(0px) !important;
  transform: translateX(0px) !important;
}

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

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


/* CUSTOM CLASSES */
.DIB__container.load{
	display:none !important;
}
.DIB__container{
	display:block !important;
}
.DIB__border {
  border: 1px solid #e6e6e6 !important;
}

.DIB__left {
  left: 7px;
}

.DIB__right {
  right: 7px;
}

.DIB__show {
  opacity: 1 !important;
  visibility: visible !important;
  transform: scale(1) !important;
}
.DIB__toShow {
  /*animation: 1s fadeIn;
  animation-fill-mode: forwards;*/
  transform: scale(1) !important;
  visibility: visible !important;
  opacity: 1 !important;
}/* NON funziona
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    visibility: hidden;
    opacity: 0;
  }
}*/
.DIB__toHide {
  /*animation: 1s fadeOut;
  animation-fill-mode: forwards;*/
  transform: scale(0.9);
  visibility: hidden;
  opacity: 0;
}
.DIB__toHide .slider{
	display:none;
}
.DIB__toHide .reject__btn__styles{
	display:none;
}
/* COMMON STYLES */
/* ========================= */
.DIB__hide{	
  opacity: 0;
  visibility: hidden;  
  transform: scale(0.9);
  
}
.DIB__banner {
  font-family: inherit;
  position: fixed;
  width: auto;
  max-width: 375px;
  z-index: 999;
  -webkit-box-shadow: 0 .625em 1.875em rgba(2,2,3,.2);
  -moz-box-shadow: 0 .625em 1.875em rgba(2,2,3,.2);
  box-shadow: 0 .625em 1.875em rgba(2,2,3,.2);
  transition: transform .2s ease, opacity .2s ease !important;
  z-index:1031;
  
}

.DIB__banner a:hover,
.DIB__banner a:focus,
.DIB__banner a:visited,
.DIB__banner a:active{
    color:#cccccc !important;
}
.DIB__banner .accept__btn__styles,.DIB__banner .all_accept__btn__styles{
	background-color: #000000;
    padding: 0.8rem 2rem !important;
    margin-top: -2px !important;
    line-height: 1.0 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    border-radius: 4em;
    font-size: 0.8125rem !important;
    box-shadow: #222222 2px 2px 5px 0px;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
	  width: 49%;
	  cursor: pointer;
}
.DIB__banner .accept__btn__styles:focus,.DIB__banner .accept__btn__styles:hover,.DIB__banner .all_accept__btn__styles:focus,.DIB__banner .all_accept__btn__styles:hover {
	background-color: #000000 !important;
	color: #000000 !important;
}
.DIB__banner .reject__btn__styles{
	position:absolute;
	right:5px;
	top:5px;	
    font-size: 12px !important;
    padding: 2px;
    margin: 2px;
	border:0;
	display:block;
}
/*
.DIB__banner .btn__section button:focus {
  outline: none;
  transform: scale(0.95);
  -webkit-filter: contrast(75%);
  filter: contrast(75%);
}

.DIB__banner .btn__section button:hover {
  -webkit-filter: contrast(85%);
  filter: contrast(85%);
}*/

@media (max-width: 455px) {
  .btn__section .btn__accept,.btn__section .btn__all_accept {
    width: 100%;
    margin-bottom: 7px;
  }

  .btn__section .btn__settings {
      width: 100%;
  }
}

/* BANNER STYLE 1 */
/* ========================= */
.DIB__banner__1 {
  bottom: 15px;
  border-radius: 20px;
  padding: 20px 25px;
}

.DIB__banner__1 > h3 {
  font-size: 24px !important;
  margin: 0px;
  padding: 8px 0;
}
.DIB__banner__1 > h3,
.DIB__banner .reject__btn__styles{
  color: #000000 !important;
  }

.DIB__banner__1 > p {
  font-size: 15px !important;
  margin: 0px;
  padding: 0px;
  line-height: 1.3;
}

.DIB__banner__1 .read__more {
  font-weight: bolder;
  text-decoration:underline;
  color: #000000 !important;
}

.DIB__banner__1 .read__more:hover {
  color: #000000 !important;
}

.DIB__banner__1 .btn__section {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 20px;
}

.DIB__banner__1 .btn__section button {
  border-radius: 10px;
  background-color: #000000 !important;
}

@media (max-width: 455px) {
  .DIB__banner__1 {
      bottom: 0px;
      left: 0px;
      right: 0px;
      margin: 7px;
  }

  .DIB__banner__1 .btn__section {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: 20px;
  }
}


/* BANNER STYLE 2 */
/* ========================= */
.DIB__banner__2 {
  bottom: 15px;
  border-radius: 5px;
  padding: 25px 35px;
}

.DIB__banner__2 > h3 {
  font-size: 24px !important;
  margin: 0px;
  padding: 8px 0;
}

.DIB__banner__2 > p {
  font-size: 15px !important;
  margin: 0px;
  padding: 0px;
  line-height: 1.3;
}

.DIB__banner__2 .read__more {
  font-weight: bolder;
}

.DIB__banner__2 .read__more:hover {
  opacity: 0.8;
}

.DIB__banner__2 .btn__section {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 20px;
}

.DIB__banner__2 .btn__section button {
  border-radius: 5px;
}

@media (max-width: 455px) {
  .DIB__banner__2 {
      bottom: 0px;
      left: 0px;
      right: 0px;
      border-radius: 0px;
      border: 0px;
      max-width: 550px;
  }

  .DIB__banner__2 .btn__section {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: 20px;
  }
}

/* BANNER STYLE 3 */
/* ========================= */
.DIB__banner__3 {
  bottom: 15px;
  border-radius: 0px;
  padding: 25px 35px;
}

.DIB__banner__3 > h3 {
  font-size: 30px !important;
  margin: 0px;
  padding: 8px 0;
}

.DIB__banner__3 > p {
  font-size: 15px !important;
  margin: 0px;
  padding: 0px;
  line-height: 1.3;
}

.DIB__banner__3 .read__more {
  font-weight: bolder;
}

.DIB__banner__3 .read__more:hover {
  opacity: 0.8;
}

.DIB__banner__3 .btn__section {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-top: 25px;
}

.DIB__banner__3 .btn__section button {
  border-radius: 0px;
}

@media (max-width: 455px) {
  .DIB__banner__3 {
      bottom: 0px;
      left: 0px;
      right: 0px;
      border-radius: 0px;
      border: 0px;
      max-width: 550px;
  }

  .DIB__banner__3 .btn__section {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-top: 20px;
  }
}

/* Prebanner styles */
/* =========================== */
.prebanner {
  position: fixed;
  bottom: 7px;
  z-index: 999;
  /*height: 50px;
  width: 50px;
  */
  cursor: pointer;
  font-family: inherit;
  font-size: 15px !important;
  font-weight: bolder;
  line-height: normal;
  border: none;
 /*padding: 12px 18px;*/
  text-decoration: none;
  user-select: none;
  /*-webkit-box-shadow: 0 .625em 1.875em rgba(2,2,3,.1);
  -moz-box-shadow: 0 .625em 1.875em rgba(2,2,3,.1);
  box-shadow: 0 .625em 1.875em rgba(2,2,3,.1);*/
  background-color: transparent !important;
  border:0px !important;
}
#prebannerBtn{
  padding:0px !important;
  }
.prebanner .cogcookie{
    width:50px;
    height:50px;
    border:0px;
    background: transparent !important;
}
.prebanner__border__1 {
  border-radius: 25px;
  border: 0 !important;
}

.prebanner__border__2 {
  border-radius: 10px;
  border: 0 !important;
}

.prebanner__border__3 {
  border-radius: 2px;
  border: 0 !important;
}

.animation {
  transition: .2s;
}

.animation:hover {
  transform: scale(.97);
}

.prebanner:hover {
  text-decoration: none;
}
.tocollapse, #rejectCookies{
    cursor:pointer !important;
    color:#cccccc !important;
}
