/* ----------------------------------------------------------------------------------------------------------
   legale.css 
---------------------------------------------------------------------------------------------------------- */
.cookie_banner {
   background-color: rgba(0,0,0, 0.9);
   font-size: 14px; font-family: verdana,arial,tahoma,sans-serif;
   text-align: center;
   padding: 30px 0px;
   margin: 0px;
   width: 100%;
   height: auto;
   position: fixed;
   left: 0px;
   top:0;
   z-index: 1500;
   }
.cookie_banner .container { 
   width: 100%; 
   max-width: 980px; 
   margin: 0 auto; 
   position: relative; 
   }

.cookie_banner .infoText { 
   width:100%; 
   font-size:16px; 
   color:#f4f4f4; 
   text-align:justify; 
   line-height: 22px; 
   }

.cookie_banner .closeButton {
   position: absolute;
   top: -15px; right:10px;
   padding: 5px;
   font-size:16px;
   color: #aeaeae;
   text-decoration: none;
   }

.cookie_banner .infoLink {
   color: #EE944F;
   text-decoration: none;
   }

.cookie_banner .closeButton:hover {
   color: #EE944F;
   }

.cookie_banner #declineBtnId   {
   margin-right: 10px;
   }


.cookie_banner .btn-success:focus {
   color: #fff;
   background-color: #218838;
   border-color: #218838;
   box-shadow: 0 0 0 0.2rem rgba(72,180,97,.5);
   }

.white-popup-block-esteso {
   position: relative;
   font-family: 'Open Sans', sans-serif;
   color: #353535;
   background: #FFF;
   padding: 40px;
   width: 60vw !important;
   max-width: 60vw !important;
   margin: 30px auto;
   font-size: 14px;
   z-index: 9999;
   }

.legale .white-popup-block-esteso {
   position: relative;
   font-family: 'Open Sans', sans-serif;
   color: #353535;
   background: #FFF;
   padding: 40px;
   width: 60vw !important;
   max-width: 60vw !important;
   margin: 30px auto;
   border: 1px solid #fff;
   border-radius: 6px;
   font-size: 14px;
   z-index: 99999;
   }



.legale .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.legale .btn-primary:hover { background-color: #2e6da4; }

.legale .btn100, .hc-status-box .btn100 {
   margin: 10px auto;
   width: 100%;
}


.mfp-wrap {
   z-index: 9999;
}

.popup-modal-close { position: absolute; top: 0; right:0; padding: 8px 8px; background: transparent; color: #353535; font-size: 18px; }
.popup-modal-close:hover { background: #d0033d; color: #fff; }
.block-custom-content { position: relative; font-family: 'Open Sans', sans-serif; color: #353535; padding: 0 30px; height: auto; max-height: 75vh !important; background: #FFF; overflow-y: scroll; font-size: 14px; z-index: 99999; }
.collapse-contextual a.title { font-size: 14px !important; color: #000; font-weight: 500; }
.collapse-contextual a.title:hover { color: #888; }

.legale .table-checkbox-scroll {
   width: 100%;
   padding: 10px;
   height: 280px;
   max-height: 280px;
   border: 1px solid #ccc;
   overflow-y: scroll;
}

.legale .checkbox-content {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 14px;
   width: 100%;
   max-width: 800px;
   margin: 20px auto;
   height: auto;
   }

.legale .table-checkbox-scroll {
   width: 100%;
   padding: 10px;
   height: 280px;
   max-height: 280px;
   border: 1px solid #ccc;
   overflow-y: scroll;
   }

.legale .title-consenso {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 18px;
   text-align: center;
}


table.checkbox-toggle {
   margin: 0;
   width: 100%;
   }

table.checkbox-toggle td {
   border-bottom: 1px solid transparent;
   }


table.checkbox-toggle td.check {
   width: 75px;
   padding-top:8px;
   text-align: center;
   }

table.checkbox-toggle td.option {
   padding: 8px;
   }

table.checkbox-toggle tr.grey td {
   background-color: transparent;
   }

table.checkbox-toggle .ttogle {
   display: none;
   }


table.checkbox-toggle .accordion {
   color: #444;
   cursor: pointer;
   padding: 10px;
   width: 100%;
   text-align: left;
   border: none;
   outline: none;
   transition: 0.4s;
   }

table.checkbox-toggle .accordion span {
   cursor: pointer;
   font-weight: normal;
   padding: 0  20px;
   }


table.checkbox-toggle .active, table.checkbox-toggle .accordion:hover {
   background-color: transparent;
   }

table.checkbox-toggle .panel {
   padding: 0 15px;
   background-color: white;
   display: none;
   overflow: hidden;
   }


.cookie-cs-preferences-link {
   position: fixed;
   bottom:10px;
   left:10px;
   z-index: 10000;
}

.hc-status-box {
   position:fixed;
   bottom:5px;
   left:5px;
   height: auto;
   width: 100%;
   display:none;
   max-width: 350px;
   text-align: left;
   background-color: #fff;
   border: 1px solid #000000;
   border-radius: 8px;
   z-index:1000000;
   }

.hc-status-box .hc-container {
   padding: 15px;
   font-size: 14px;
   text-align: left;
   }

.hc-status-box h3 {
   font-family: "Roboto", sans-serif;
   font-size: 14px;
   font-weight: bold;
   line-height: 20px;
   text-align: left;
   margin: 0 0 10px 0;
   border-bottom: 1px solid #ccc;
   }

.hc-status-box .fa-lock, .hc-status-box .fa-check-square-o {
   color: #339933;
   }

.hc-status-box .row .col-sm-6 {
   padding-left: 8px;
   padding-right: 8px;
   }

.hc-status-box .btn {
   font-family: Verdana, Geneva, sans-serif;
   font-weight: normal;
   font-size: 12px;
   padding: 8px 15px;
   }

.hc-data-container {
   margin-bottom:20px;
   }

.hc-data-container a {
   font-weight: 600;
   text-decoration: none;
}

.hc-data {
   display: none;
}

.panel-heading a {
   font-family: "Open Sans", san serif;
   font-weight: 400;
   display: inline-block;
   width: 100%;
   position: relative;
   text-decoration: none;
   padding: 10px 40px 10px 15px;
   color: inherit;
   }

.panel-heading a:before {
   font-family: 'FontAwesome';
   content: "\f078";
   font-weight: 400;
   top:0;
   left:0;
   margin-right: 10px;
   color: inherit;
   }

.panel-heading a.collapsed:before {
   font-family: 'FontAwesome';
   font-weight: 400;
   content: "\f054";
   top:0;
   left:0;
   margin-right: 10px;
   color: inherit;
   }

.legale .title-consenso {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 18px;
   text-align: center;
}

