.cookie-bar.bg-dark {
    background-color: #FFF !important;	
}

.cookie-bar > .container-max > .row > .col-12:first-of-type > div, .cookie-bar a {
	color: #646263 !important
}

.cookie-bar .card {
	background-color: transparent;
}

.cookie-bar .card + .card {
	border-top: none;
}

.cookie-bar > .container-max > .row:first-of-type .col-12 {
	max-width: 100% !important;
	justify-content: space-between;
}
.cookie-bar > .container-max > .row:first-of-type .col-12 p:before {
	display: none !important;
}
.cookie-bar > .container-max > .row > .col-12:first-of-type > div {
	display: block !important; 
	margin: 0 auto;
}
.cookie-bar > .container-max > .row > .col-12 .btn {
    height: 50px !important;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}
.cookie-bar > .container-max > .row > .col-12:nth-child(2) .btn-outline-light:nth-of-type(1),
.cookie-bar > .container-max > .row > .col-12:nth-child(2) .btn-outline-light:nth-of-type(2),
.cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 > .row > div:nth-of-type(1) > .btn,
.cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 > .row > div:nth-of-type(2) > .btn {
    background-color: transparent !important;
    border: 2px solid #646263 !important;	
    color: #646263 !important;
}
.cookie-bar > .container-max > .row > .col-12:nth-child(2) .btn-outline-light:hover:nth-of-type(1),
.cookie-bar > .container-max > .row > .col-12:nth-child(2) .btn-outline-light:hover:nth-of-type(2),
.cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 > .row > div:nth-of-type(1) > .btn:hover,
.cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 > .row > div:nth-of-type(1) > .btn:hover {
    color: #646263 !important;
}
.cookie-bar {
	border-top: 0 !important;
	-webkit-box-shadow: 0px -5px 15px 0 rgb(0 0 0 / 10%);
	-moz-box-shadow: 0px -5px 15px 0 rgb(0 0 0 / 10%);
	box-shadow: 0px -5px 15px 0 rgb(0 0 0 / 10%);
}

.cookie-bar .cookie-bar__title {
	margin-top: 15px;
}
.cookie-bar > .container-max > .row > .col-12 > div.privacy-settings {
	overflow: auto;
}
.cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 {
    flex: 0 0 100% !important;
    max-width: 100% !important;	
}
.cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 > .row > div {
    flex: 1 !important;
    width: 100%;
    margin: 0 10px;
}
.cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 > .row > div > .btn {
    width: 100%;
    margin: 0 !important;
}
.cookie-bar .custom-control-label {
	color: #FFF;
}
@media(min-width: 768px) {
	.cookie-bar > .container-max > .row > .col-12 .btn-outline-light {
	    flex: calc(30% - 15px) !important;
	    max-width: calc(30% - 15px) !important;
	}
	
	.cookie-bar > .container-max > .row > .col-12 .btn-primary {
	    flex: calc(70% - 15px) !important;
	    max-width: calc(70% - 15px) !important;
	}
}
@media(max-width: 767px) {
	.cookie-bar > .container-max > .row > .col-12 .btn {
	    flex: 1 !important;
	}
	.cookie-bar > .container-max > .row > .col-12 .btn-outline-light,
	#vue-app .cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 > .row > div {
        flex: 1 1 100% !important;
    }
    #vue-app .cookie-bar .container-max .row:nth-child(2) .col-12.col-md-9 > .row > div + div {
    	margin-top: 10px !important;
    }
}