#ifab-cookie-banner {
	position            : fixed;
	font-size           : 1.6rem !important;
	box-sizing          : border-box;
	max-width           : 500px;
	padding             : 1.5rem;
	background-color    : #3f3f3f;
	color               : #fff;
	animation           : fadein 0.5s;
	animation-fill-mode : forwards;
	width               : 60rem;
	z-index             : 999;
}

#ifab-cookie-banner * {
	font-size : inherit !important;
}

@keyframes fadein {
	from {
		opacity : 0;
	}
	to {
		opacity : 1;
	}
}

@keyframes fadeout {
	from {
		opacity : 1;
	}
	to {
		opacity : 0;
	}
}


.ifab-cookie-top-center {
	top       : 0;
	left      : 50%;
	transform : translateX(-50%);
}

.ifab-cookie-bottom-center {
	bottom    : 0;
	left      : 50%;
	transform : translateX(-50%);
}

.ifab-cookie-left-center {
	left      : 0;
	top       : 50%;
	transform : translateY(-50%);
}

.ifab-cookie-right-center {
	right     : 0;
	top       : 50%;
	transform : translateY(-50%);
}

.ifab-cookie-top-left-corner {
	top  : 0;
	left : 0;
}

.ifab-cookie-top-right-corner {
	top   : 0;
	right : 0;
}

.ifab-cookie-bottom-left-corner {
	bottom : 0;
	left   : 0;
}

.ifab-cookie-bottom-right-corner {
	bottom : 0;
	right  : 0;
}

#ifab-cookie-image-container {
	text-align : center;
}

#ifab-cookie-image {
	max-width : 300px;
}

#ifab-cookie-description-container {
	margin : 1rem 0;
}

#ifab-cookie-description-text-container {
	margin-bottom : 0.5rem;
}

#ifab-cookie-law-link {
	color : white;
}

#ifab-cookie-options-button-container {
	margin-bottom : 1rem;
	text-align    : center;
}

#ifab-cookie-options-button {
	border        : none;
	border-radius : 0;
	border-bottom : 1px dashed white;
	width         : 100%
}

#ifab-cookie-options-button:hover {
	color            : white;
	background-color : transparent;
	border-bottom    : 1px solid white;
}

.ifab-cookie-icon-margin-left {
	margin-left : 0.75rem;
}

.ifab-cookie-icon-margin-right {
	margin-right : 0.75rem;
}

#ifab-cookie-option-list-container {
	margin-bottom       : 1rem;
	padding             : 0;
	text-align          : center;
	opacity             : 1;
	display             : block;
	animation-fill-mode : forwards;
}

@keyframes showOptions {
	from {
		opacity : 0;
	}
	to {
		opacity : 1;
	}
}

@keyframes hideOptions {
	from {
		opacity : 1;
	}
	to {
		opacity : 0;
	}
}

.ifab-cookie-option-container {
	display        : flex;
	flex-direction : row;
	text-align     : left;
	position       : relative;
}

.ifab-cookie-option-container input {
	display    : block;
	position   : absolute;
	cursor     : pointer;
	opacity    : 0;
	height     : 22px;
	width      : 22px;
	margin-top : 3px;
	z-index    : 10;
}

.ifab-cookie-custom-checkmark {
	position         : absolute;
	top              : 3px;
	left             : 0;
	height           : 22px;
	width            : 22px;
	border           : solid 3px white;
	background-color : #082952;
}

/* When the checkbox is checked, add a blue background */
.ifab-cookie-option-container input:checked ~ .ifab-cookie-custom-checkmark {
	background-color : white;
}

/* When the checkbox is checked, add a blue background */
.ifab-cookie-option-container input:disabled ~ .ifab-cookie-custom-checkmark {
	background-color : #979797;
	border-color     : #979797;
}

.ifab-cookie-option-container input:disabled ~ .ifab-cookie-custom-checkmark:after {
	border-color : #072942;
}

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

/* Show the checkmark when checked */
.ifab-cookie-option-container input:checked ~ .ifab-cookie-custom-checkmark:after {
	display : block;
}

/* Style the checkmark/indicator */
.ifab-cookie-option-container .ifab-cookie-custom-checkmark:after {
	left         : 5px;
	bottom       : 2px;
	width        : 7px;
	height       : 15px;
	border       : solid #082952;
	border-width : 0 3px 3px 0;
	transform    : rotate(45deg);
}

.ifab-cookie-option-text-container {
	flex        : 70%;
	min-width   : 70%;
	margin-left : 2.5rem;
	margin-top  : 5px;
}

[data-toggle="collapse"] > i {
	margin-left : 10px;
	transform   : none;
	transition  : transform 0.2s ease-in-out;
}

[data-toggle="collapse"][aria-expanded="true"] > i {
	transform : rotate(180deg);
}

.ifab-cookie-option-container label {
	cursor : pointer;
}

.ifab-cookie-option-container:not(:last-child) {
	margin-bottom : 1.5rem;
}

.ifab-cookie-option-text-container span {
	display : block;
}

#ifab-cookie-submit-container {
	text-align : center;
}

#ifab-cookie-show-banner-button {
	animation           : fadein 0.5s;
	animation-fill-mode : forwards;
	background          : #3f3f3f;
	border              : none;
	border-radius       : 0;
	bottom              : 0;
	color               : #fff;
	display             : block;
	height              : 45px;
	left                : auto;
	padding             : 10px;
	position            : fixed;
	width               : 45px;
	z-index             : 9999;
	right               : 0;
}

#ifab-cookie-show-banner-button::before {
	background : url('../icons/cookie.svg') no-repeat center;
	content    : '';
	display    : block;
	height     : 100%;
	width      : 100%;
}

#ifab-cookie-show-banner-button:hover {
	background-color : rgba(63, 63, 63, 0.8);
}

@media (max-width: 640px) {
	#ifab-cookie-banner {
		width : 100%;
	}
}