/*****   Default colors & z-index   *****/
:root {
  --blue1: #404040;
  --green1: #404040;
  --green2: #404040;
  --cookieButton: #000;
  --zindex: 10100;
}
/***********************************/


.klaro {
    font-family: Arial, Helvetica, sans-serif !important;
    position: fixed;
    z-index: var(--zindex, 999);
    
}
#klaroButtons {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: var(--zindex, 999);
}

.klaro .cookie-modal .cm-modal .cm-footer-buttons {
    flex-flow: column-reverse !important;
}

.klaro button.cm-btn.cm-btn-success.cm-btn-info.cm-btn-accept{
    background: var(--blue1, #2581c4) !important;
    /*display: none;*/
    margin: 10px 5px 0 5px !important;
    color: #fff;
}
.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
  color: #fff;
  color: var(--button-text-color, #fff);
  background: var(--green1, #21a926) !important;
    margin: 10px 5px 0 5px !important;
}
.klaro .purposes{
    display: none !important;
}
.klaro .cookie-modal .cm-list-label .slider::before, .klaro .context-notice .cm-list-label .slider::before, .klaro .cookie-notice .cm-list-label .slider::before {
  background-color: var(--white3, #ccc) !important;
}
#klaroButtons .button, #klaroButtonsInline .button {
  background-color: #fff;
  border-color: #dbdbdb;
  border-width: 1px;
  color: #363636;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(.375em - 1px);
  padding-left: .75em;
  padding-right: .75em;
  padding-top: calc(.375em - 1px);
  text-align: center;
  white-space: nowrap;
}
#klaroButtons .button.is-success, #klaroButtonsInline .button.is-success {
  background-color: var(--cookieButton, #4e5051);
  border-color: transparent;
  color: #fff;
  margin-top: 10px;
}
#klaroButtons .button.is-success{
	background: var(--cookieButton, #4e5051) url("../img/cookie2_white.svg"); 
	border-radius: 100%;
	width: 50px;
	height: 50px;
	font-size: 10px;
	background-repeat: no-repeat;
	background-size: 30px 30px;

  	background-position: center; 
}

#klaroButtons .button.is-warning, #klaroButtonsInline .button.is-warning {
  background-color: #ffdd57;
  border-color: transparent;
  color: rgba(0,0,0,.7);
}
#klaroButtons .button, #klaroButtonsInline .button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
    border-top-color: transparent;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-width: 1px;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.25em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(.375em - 1px);
  padding-left: calc(.625em - 1px);
  padding-right: calc(.625em - 1px);
  padding-top: calc(.375em - 1px);
  position: relative;
  vertical-align: top;
}
.klaro .cookie-modal .cm-list-input.required:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input.required:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input.required:checked + .cm-list-label .slider {
  	background-color: var(--blue1, #2581c4) !important;
}
div#klaro div.klaro div.cookie-modal div.cm-modal.cm-klaro div.cm-body ul.cm-purposes li.cm-purpose div.cm-services div.cm-caret a{
	color: var(--green1, #21a926) !important;
    text-decoration: none !important;
}
.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider, .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider, .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
  	background-color: var(--green1, #21a926) !important;
}
.klaro .cookie-modal a, .klaro .context-notice a, .klaro .cookie-notice a {
	color: var(--green1, #21a926) !important;
    text-decoration: underline !important;
}
div#klaro div.klaro div.cookie-modal div.cm-modal.cm-klaro div.cm-footer div.cm-footer-buttons button.cm-btn.cm-btn-success.cm-btn-accept-all {
  	background-color: var(--green1, #21a926) !important;
}
.klaro .cookie-modal .cm-btn.cm-btn-success-var, .klaro .context-notice .cm-btn.cm-btn-success-var, .klaro .cookie-notice .cm-btn.cm-btn-success-var {
    background-color: var(--green1, #21a926) !important;
}
.cm-buttons button{
    min-width: 150px;
}
.klaro.cm-as-context-notice {
  position: relative;
}