/*
 * QL Cookie Consent
 * Description: Style file
 *
 * @author Quentin Lauv
 */

#ql-cookie-consent-box {
  background: url(bgd_blk80.png);
  border: 5px solid black;
  box-shadow: 2px 2px 5px 0 black;
  box-sizing: border-box;
  bottom: 0;
  color: #DDDDDD;
  display: none;
  font-size: 0.9em;
  position: fixed;
  right: 0;
  text-align: center;
  width: 100%;
  z-index: 9999;
}

#ql-cookie-consent-box a {
  color: white;
}

#ql-cookie-consent-box a:hover {
  text-decoration: underline;
}

#ql-cookie-consent-box .ql-description {
  display: inline-block;
  padding: 5px;
}

#ql-cookie-consent-box .ql-actions {
  display: inline-block;
}

#ql-cookie-consent-box .ql-accept {
  background-color: #0070C0;
  border-radius: 3px;
  color: white;
  cursor: pointer;
  display: inline-block;
  margin-right: 10px;
  padding: 5px 20px;
}

#ql-cookie-consent-box .ql-accept:hover {
  background-color: #0080D0;
}

#ql-cookie-consent-box .ql-refuse {
  color: red;
  cursor: pointer;
}

#ql-cookie-consent-box .ql-refuse:hover {
  text-decoration: underline;
}


#ql-cookie-consent-settings {
  border-left: 5px solid #DDDDDD;
  display: none;
  margin: 10px 0;
  padding-left: 10px;
}

#ql-cookie-consent-settings .ql-ccs-site {
  cursor: pointer;
  display: none;
}

#ql-cookie-consent-settings .ql-ccs-site:hover .ql-value {
  text-decoration: underline;
}

#ql-cookie-consent-settings .ql-label {
  display: inline-block;
  min-width: 200px;
}

#ql-cookie-consent-settings .ql-enabled .ql-value {
  color: green;
}

#ql-cookie-consent-settings .ql-disabled .ql-value {
  color: #DD0000;
}

#ql-cookie-consent-settings .ql-unknown .ql-value {
  color: #888888;
}