/* COOKIE */
#cookiebutton, a { cursor: pointer;}


/* BANNER COOKIE */
.modal-dialog { max-width:100%; }
.modal-content {padding: 25px; font-size: 14px; line-height: 16px; background: #ffffff; border-radius: 0; border: none; border-top: 5px solid #ca6b79; }
.modal-content .lang-cookie {position: absolute; left: 25px; top: 25px; font-weight: 700;}
.modal-content .logo {margin-top:15px;}
.modal-content h2 {padding: 25px 0; margin: 0; font-weight: 700; font-size: 24px; line-height: 26px;}
.modal-content .btn {padding: 10px; text-transform: uppercase; border-radius: 0; width: 100%; transition: all .3s; text-shadow: none; font-size: 20px; line-height: 22px; height: auto; color: #ffffff !important;}
.modal-content .accetta, .modal-content .btn-primary:active:hover, .modal-content .btn-primary:active:focus {background: #ca6b79; border: none; margin-bottom: 10px;}
.modal-content .grigio, .modal-content .btn-primary:active:hover, .modal-content .btn-primary:active:focus {background: #000; border: none; text-decoration: none;}
.modal-content .accetta:hover, .modal-content .grigio:hover {opacity: 0.7;}
.modal-content .grigio:focus {color: #ffffff!important;}
.modal-content #moreOptions {padding-top: 25px;}
.modal-content #saveChoice {font-size: 20px; line-height: 22px; border: none;}
.modal-content #closeChoice {position: absolute; right: 25px; top: 25px; font-weight: 700; cursor: pointer; border: 1px black solid; border-radius: 5px; padding: 2px 5px;}
.modal-content, .modal-content p {color: #000000;}
.modal-content .cookie-info {font-size: 0.8em; padding-top:18px; word-break: break-word;}
.modal-content #closeChoice {color: #000000;}
.modal-content #closeChoice:hover {opacity: 0.5;}

.modal-content .container {
  display: block;
  position: relative;
  padding-left: 25px!important;
  margin-bottom: 5px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.modal-content .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.modal-content .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.modal-content .container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.modal-content .container input:checked ~ .checkmark {
  background-color: #2196F3;
}


/* When the checkbox is disabled, add a grey background */
.modal-content .container input:disabled ~ .checkmark {
  background-color: #eee;
}

/* Create the checkmark/indicator (hidden when not checked) */
.modal-content .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.modal-content .container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.modal-content .container .checkmark:after {
  left: 5px;
  top: 0px;
  width: 10px;
  height: 15px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modal { z-index: 2050; }
.modal-backdrop { z-index: 2040; }