/**
 * cookiebar extension for Contao Open Source CMS
 *
 * Copyright (C) 2011-2015 Codefog
 *
 * @package cookiebar
 * @author  Codefog <http://codefog.pl>
 * @author  Kamil Kuzminski <kamil.kuzminski@codefog.pl>
 * @license LGPL
 */

#cookiebar {
	box-sizing: border-box;
	position: fixed;
	left: 0;
	width: 100%;
	background-color: #4b4b4b;
	padding: 8px 16px;
	text-align: center;
	font-size: 13px;
	color: #ffffff;
	line-height: 2;
    z-index: 10;
}

#cookiebar.top {
	top: 0;
}

#cookiebar.bottom {
	bottom: 0;
}

#cookiebar-desc {
	display: inline-block;
}

#cookiebar span {
	margin-right: 1em;
}

#cookiebar button:not(.nostyle) {
	height: 26px;
	padding: 0 12px;
	border: none;
	background-color: #337ab7;
	color: #ffffff;
	cursor: pointer;
	font-weight: bold;
	line-height: 26px;
}

#cookiebar a {
	//margin-right: 1em;
	color: #ffffff;
	text-decoration: underline;
}

#cookiebar a:hover {
	text-decoration: none;
}

/* cookies */

.aniDetails{
    display: none;
}
.form{
    //width: 75%;
    margin: 10px;
}
.left{
    float: left;
    background: none !important;
    border: 1px solid #337ab7 !important;
    color: #337ab7 !important;
}
.right{
    float: right;
}
label{
    width: auto;
}

label input.checkbox{
    width: auto;
    -webkit-appearance: checkbox;
    margin-bottom: 0px;
    width: 16px;
    height: 16px;
    float: left;
}
label.label_cookie, .checkbox {
    margin-right: 10px;
}


label.label_cookie, .checkbox{
    margin-right: 10px;
}
label.label_cookie{
    //padding: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0;
    background: #0099a1;
    color: #fff;
    cursor: pointer;
    border: 1px solid grey;
}
label.unchecked {
    margin-right: 50px;
}
label.checked, label.unchecked {
    background: grey;
}
@media (max-width: 600px) {
    label.label_cookie, button.button_cookie {
        float: left;
        margin-bottom: 10px;

    }
}
.button_cookie_fake{
    cursor: pointer;
}
.label_cookie.checked{
	cursor: no-drop;
	opacity: .4;
}
.label_cookie:hover:not(.checked), .cookiebar__button:hover{
	opacity: .4;
}

/* fake button text */
button.nostyle{
    height: 0;
    padding: 0;
    border: none;
    background-color: none;
    color: none;
    cursor: none;
    font-weight: inherit;
    line-height: 0;
}

.checkbox[type="checkbox"] + label::before {
  width: 22px;
  height: 18px;
  background-image: url("https://boolie.org/wp-content/uploads/2017/11/unchecked.png");
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
}
.checkbox[type="checkbox"]:checked+label::before {
  background-image: url("https://boolie.org/wp-content/uploads/2017/11/checked.png");
}