/**
 * Cookie-control-retrofit.css - Cookie control retrofit styles
 * 
 * @author Webstores <info at webstores dot nl>
 *         Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 */
.cookie-settings,
.cookie-settings * {
  position: static !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: normal !important;
  font-style: normal !important;
  line-height: 1.6 !important;
  white-space: normal !important;
  overflow: visible !important;
  opacity: 100 !important;
  clear: none !important;
}

.cookie-settings {
  margin: 0 0 20px !important;
}

.cookie-settings > .inner {
  zoom: 1;
}

.cookie-settings > .inner:after {
  content: "";
  display: table;
  clear: both !important;
}

.cookie-settings p {
  margin: 0 0 10px !important;
}

.cookie-settings .toolbar {
  list-style: none;
}

.cookie-settings .toolbar li {
  float: left !important;
  margin-left: 10px !important;
}

.cookie-settings .toolbar li:first-child {
  margin-left: 0 !important;
}

.cookie-settings .button {
  display: inline-block !important;
  padding: 0 10px !important;
  height: 30px !important;
  border: 0 !important;
  font-weight: bold !important;
  text-align: left;
  line-height: 30px !important;
  white-space: nowrap !important;
  overflow: visible !important;
  cursor: pointer;
}

.accept-cookie-button {
  background: #690 !important;
  color: #FFF !important;
}

.accept-cookie-button:hover {
  background: #85AD33 !important;
  color: #FFF !important;
}

.decline-cookie-button {
  background: transparent !important;
  color: #CCC !important;
}

.decline-cookie-button:hover {
  color: #999 !important;
}

.close-cookie-button {
  background: #E5E5E5 !important;
  color: #000 !important;
}

.close-cookie-button:hover {
  background: #FFF !important;
  color: #333 !important;
}

.cookies-accepted,
.cookies-declined {
  font-weight: bold !important;
}

.cookies-accepted {
  color: #690;
}

.cookies-declined {
  color: #C00;
}

/* Cookie bar */
.cookie-bar {
  position: fixed !important;
  margin: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  background: #333 !important;
  background: rgba(0, 0, 0, 0.8) !important;
  color: #FFF;
  z-index: 99999;
}

.cookie-bar > .inner {
  margin: 0 auto !important;
  width: 940px !important;
  padding: 10px 20px !important;
}

.cookie-bar,
.cookie-bar p {
  line-height: 30px !important;
}

.cookie-bar p {
  float: left !important;
  margin: 0 !important;
}

.cookie-bar a {
  color: #CCC;
}

.cookie-bar a:hover {
  color: #FFF;
}

.cookie-bar .toolbar {
  float: right !important;
}

.cookie-bar .decline-cookie-button:hover {
  color: #FFF !important;
}

/* Cookie bar (static) */
.cookie-bar-static {
  position: static !important;
}

/* Cookie bar (bottom) */
.cookie-bar-bottom {
  top: auto !important;
  bottom: 0 !important;
}

@media only screen and (max-width: 767px) {
  .cookie-bar > .inner {
    width: auto !important;
  }
  .cookie-bar .toolbar {
    float: none !important;
  }
}