/* General */
.cookie__wrap-flex {display:flex; }
.cookie__space-betw {justify-content: space-between;}
.cookie__separa-or + .cookie__separa-or {margin-left:0.5em;}
.cookie__width100 {width:100%;}
.cookie__align-c {align-items:center;}
.cookie__just-c {justify-content: center;}
.cookie__flex-column {flex-direction: column;}

/* Scegli preferenze */
.cookie__container_sceglipref {width:auto; display:flex; flex-direction:column; font-size:0.9rem; }
.int_cookie__body {width:100%; }
.int_cookie__header {width:100%; padding:1em; border-bottom:1px solid lightgrey;}
.cookie__row {width:100%; background:#F8F8F8; border-bottom: 1px solid grey; padding:1em; display:flex; justify-content: right; align-items:center;}
.btn_cookie_form + .btn_cookie_form {margin-left:1em;}
.btn_cookie_form {border:1px solid #0061A0; background:none; border-radius:50px; border:none; padding:0.6em 1em; cursor: pointer; letter-spacing: 1px; font-size:0.9em; width:145px; display:flex; align-items: center; justify-content: center; text-align: center;}

.stripe_cookie {width:100%; max-width:550px; display:flex; flex-direction: column; font-size:0.9em; line-height: 1.6; border-bottom:1px solid lightgrey;}
.cookie__container_stripe { padding:1em; text-align:justify; font-size:0.9em; }
.cookie__no-border {border-bottom:none; }
.cookie__no-border_box {border-bottom:none; }
.cookie__arrow {color:#707070; margin-left:0.5em; border:none; cursor:pointer; font-size:0.9em;}
.cookie__hide_descr {display:none; }
.cookie__bottone {width:60px; display:flex; justify-content: center; align-items: center;}
.int_cookie__footer {width:100%; display:flex; align-items: center; justify-content: right; padding:1em; height:auto;}
.cookie__salva {background: #68339b !important; color: white; width:150px; }

/* SWITCH */
.cookie__switch { position: relative;  display: inline-block; width: 44px; height: 21px; }  
.cookie__switch input { opacity: 0; width: 0; height: 0; }  
.cookie__slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: grey; transition:.4s; transition: .4s;  -webkit-transition: .4s; transition: .4s; }  
.cookie__slider:before { position: absolute; font-family: "Font Awesome 5 Free"; content:"\f00d"; font-weight:600; color: grey; height: 21px; width: 20px; left: 0; bottom: 0; background-color: white;  -webkit-transition: .4s; transition: .4s; display:flex; align-items: center; justify-content: space-around;} 

input:checked + .cookie__slider { background-color: #6cce6c; box-shadow: 0 0 1px #6cce6c;}  
input:focus + .cookie__slider { box-shadow: 0 0 1px #dcdfdf; }  
input:checked + .cookie__slider:before {-webkit-transform: translateX(23px); -ms-transform: translateX(23px); transform: translateX(23px); font-family: "Font Awesome 5 Free"; content: "\f00c"; font-weight:600; color: #3ec03e; display:flex; align-items: center; justify-content: space-around; }  
  /* Rounded sliders */
.cookie__slider.cookie__round { border-radius: 34px; }  
.cookie__slider.cookie__round:before { border-radius: 50%;}

.cookie__active_banner {background-color: #6cce6c !important; display:flex; }
.cookie__active_banner:before { position: absolute; font-family: "Font Awesome 5 Free"; content:"\f00c"; font-weight:600; color: #6cce6c; height: 21px; width:20px; left: 0; bottom: 0; background-color: white;  -webkit-transition: .4s; transition: .4s; display:flex; align-items: center; justify-content: space-around;}

/* BANNER */
.btn_cookie_form + .btn_cookie_form {margin-left:1em;}
.btn_cookie_form { border-radius:50px; border:none; padding:0.6em 1em; cursor: pointer; letter-spacing: 1px; font-size:0.8rem; display:flex; align-items: center; justify-content: center; text-align: center; background:#dcdfdf;}
.cookie_banner {width:auto; color:#212121;height:auto; background:white; position:fixed; bottom:1%; left:2%; filter:drop-shadow(2px 2px 3px #3c5b6e); border-radius:10px; display:flex; flex-direction:column; align-content: space-between; padding-bottom:1em;z-index:999;}
.banner_header {border-radius:50px; display:flex; width:100%; background:white; justify-content: space-between; align-items:flex-start; padding:1em 1em 0 0; font-size:16px; }
.informativa h3 {padding-top:1.5em; margin:0; font-size:1.1rem;}
.banner_body {width:100%; max-width:550px; background:white; padding:0 2em; color:inherit; margin:20px 0; line-height:1.4;}
.banner_body p {margin:0; text-align:justify; font-size:0.8rem;}
.link-banner {color:white; text-decoration:none;}
.banner_footer {display:flex; width:100%; background:white; padding:0.5em 2em 1em 2em; justify-content: flex-end;}
.accetta_banner {background: #0061A0; color:white; width:125px;}
.personalizza-btn {background:lightgrey; color:inherit; width:125px;}
.informativa {font-weight:600; display:flex; justify-content: center; align-items: center; margin-left:2em; }
.btn_x {border:none !important; cursor:pointer; width:auto; background:none;}
.btn_x_icon {font-size:1em; color:#212121 !important; border:none;}
.riga-checkbox {display:flex; width:100%; padding:0 0.5em; font-size:0.9em; font-family:'Lato', sans-serif; color:grey; }
.allinea-checkbox + .allinea-checkbox {margin-left:1em;}
.col-icon {color:#212121 !important; font-size:0.8rem;}
.link-banner {color: inherit; text-decoration:underline;}
.link-banner:hover {color:#0061A0;}
/* Show again banner */
#idCookieButton {
  position: fixed;
    bottom: 20px;
    left: 30px;
    z-index: 99;    
    border: none;
    outline: none;
    color:white;
    background-color:#0061A0;
    cursor: pointer;
    text-align:center;
    border-radius: 50px;
    padding:0;
    width:50px;
    height:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition: filter ease-out 250ms; 
    filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.4));
    text-decoration:none;
}
#idCookieButton:hover { filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.4)); }
.fa-cookie {margin:0.3em auto !important;  font-size:1.5em; }

@media (max-width:737px) {
    .cookie_banner {left:1%; bottom:2%; width:90%; }
    .int_cookie__body, .cookie__container_stripe {width:100%;}
}