.cookie-banner {
    position: fixed;
    bottom: 0;
    background-color: #f5faff;
    padding: 4px 10px;
    text-align: center;
    z-index: 999999999999;
    border-radius: 0;
}

.cookie-reopen {
    position: fixed;
    bottom: 0;
    background-color: #f5faff;
    padding: 4px 10px;
    text-align: center;
    z-index: 999999999999;
    border-radius: 0;
}

.cookie-banner {
    font-size: 12px;
}

.cookie-banner p {
    display: block;
}

@media (max-width: 767px) {
    .cookie-banner p {
        display: block;
        margin-top: 12px;
    }
}

.testing {
    font-size: 24px;
}

.cookie-banner button {
    font-size: 12px !important;
}

.cookie-banner a{
    color: #000;
}

.cookie-banner a:hover {
    color: #000;
    text-decoration: underline;
}

.cookie-banner {
    width: 100%;
    /* max-width: 500px; */
    right: 0;
}

@media (max-width: 767px) {
    .cookie-banner {
        width: 100%;
    }
}
.cookie-reopen {
    width: 130px;
    font-size: 10px;
    right: 0;
}

.cookie-banner {
    display: none;
}
.cookie-reopen {
    display: none;
    background-color: #3c3c3c;;
    color: #fff;
    cursor: pointer;
}

.cookie-reopen:hover {
	background-color: #04281c;
	cursor: pointer;
}
.cookie-banner button {
    margin: 0 5px;
}

#optInButton,#optOutButton {
	padding: 0 12px;
}

.manage_cookie_info {
	font-size:12px;
	line-height:16px;
    padding: 12px 0;
}

#consent-modal {
	display: none;
    position: fixed;
    text-align: left;
    top: 50%;
    min-width: 330px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgb(255, 255, 255);
    padding: 12px;
    z-index: 999999999001;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px;
}

#consent-modal h3 {
	text-align: center;
    font-size: 20px;
    padding-top:12px;
    padding-bottom: 0;
    margin-bottom: 0;
}


#consent-modal .modal-buttons {
	text-align: center;
	display: block;
	font-size: 12px;
	padding: 6px 12px;
}

#consent-modal .modal-buttons button,  #optInButton, #optOutButton {
	padding: 12px;
    background-color: #3c3c3c;;
    color: #fff;
    border: 0;
    margin: 6px;
    min-width: 120px;
}

.explainme {
	display: block;
	margin-top:6px;
	font-size:12px;line-height:16px;
}

#close-banner {
	top: 4px;
    position: absolute;
    right: 4px;
    font-size: 16px;
    border: 0;
    background-color: transparent;
}

#close-modal {
	top: 12px;
    position: absolute;
    right: 12px;
    font-size: 16px;
    border: 0;
    background-color: transparent;
}

#consent-modal .modal-buttons button:hover, #optInButton:hover, #optOutButton:hover {
	background-color: #04281c;
	cursor: pointer;
}

.gotoprivacy, .functional_info {
	text-align: center;
	display: block;
	font-size: 10px;
	padding-top: 0px;
}

.grecaptcha-badge {
	bottom: 40px !important;
}

/* Container holding the switch and label */
.cookie_type {
    display: block;
    margin-bottom: 12px;
	font-size: 14px;
}

/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px; /* Adjust width as needed */
    height: 24px; /* Adjust height as needed */
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

/* The slider */
.slider {
    position: absolute !important;
    cursor: pointer !important;
    height: 24px !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    background-color: #ccc !important;
    transition: .4s !important;
    border-radius: 24px !important; /* Rounded corners */
}

/* The circle inside the slider */
.slider:before {
    position: absolute !important;
    content: "";
    height: 20px !important; /* Slightly smaller than switch height */
    width: 20px !important; /* Slightly smaller than switch width */
    left: 2px !important;
    bottom: 2px !important;
    background-color: rgb(255, 255, 255) !important;
    transition: .4s !important;
    border-radius: 50% !important;
}

/* When checked, move the slider */
input:checked + .slider {
    background-color: #3c3c3c !important;
}

/* Move the circle when checked */
input:checked + .slider:before {
    transform: translateX(26px) !important;
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px !important;
}

.slider.round:before {
    border-radius: 50% !important;
}

#consent-modal label {
    margin-bottom: 0 !important;
}

#consent-modal input[type=checkbox]:checked+label::after, #consent-modal input[type=checkbox]:checked+span::after {
    background-image: none !important;
}

.other_consent_links {
	display: block;
	margin:6px 0;
}

@media (max-width: 767px) {

    #consent-modal .modal-buttons {
        padding: 0;
    }

	#consent-modal .modal-buttons button, #optInButton, #optOutButton {
		padding: 2px 6px;
		background-color: #3c3c3c;;
		color: #fff;
		border: 0;
		font-size: 10px;
		margin: 4px 0;
		min-width: 50px;
	}

    .link-consent {
        font-size: 10px;
    }

	.manage_cookie_info {
		font-size:10px;
		line-height:14px;
        padding: 12px 0;
	}

	.cookie_type {
		display: block;
		margin-bottom: 12px;
		font-size: 10px;
	}	

	.explainme {
		font-size: 10px;
		line-height: 12px;	
	}

    #close-banner {
        top: 4px;
        position: absolute;
        right: 1px;
        margin: 0;
        font-size: 16px;
        border: 0;
        background-color: transparent;
    }
}

#dark_wrap_cookies {
    display:hidden;
    position:fixed;
    z-index:99999998;
    top:0px;
    left:0px;
    width:1px;
    height:1px;
    background:#000000;
    opacity:0.90;
    filter:alpha(opacity=90);
}