#klaro .klaro .cookie-modal {
    z-index: 10000;
}
#klaro .klaro .cookie-modal .cm-modal.cm-klaro {
    background: #08366d;
}

#klaro .klaro .cookie-notice:not(.cookie-modal-notice) {
    background: #08366d;
    bottom: -5px;
    position: fixed;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 0 ;
    display: flex;
    justify-content: center;
}

#klaro .klaro .cookie-modal a,
#klaro .klaro .context-notice a,
#klaro .klaro .cookie-notice a {
    color: #fff;
}

#klaro .klaro .cookie-notice .cn-body #id-cookie-title{
    font-size: 22px;
    margin-top: 14px;
    flex: 0 0 100%;
}
#klaro .klaro .cookie-notice .cn-body #id-cookie-notice{
    margin: 14px 10px 0 0;
}

#klaro .klaro .cookie-modal .cm-list-description,
#klaro .klaro .context-notice .cm-list-description,
#klaro .klaro .cookie-notice .cm-list-description {
    color: #fff;
}

#klaro .klaro .cookie-modal .cm-btn,
#klaro .klaro .cookie-notice .cm-btn {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 6px 12px;
    font-size: 14px !important;
}

#klaro .klaro .cookie-modal .cm-btn.cm-btn-success:not(.cm-btn-accept),
#klaro .klaro .cookie-notice .cm-btn.cm-btn-success:not(.cm-btn-accept) {
    color: #fff;
    background: rgba(6, 148, 33, 1);
}

#klaro .klaro .cookie-modal .cm-modal .cm-body ul.cm-purposes li.cm-purpose .cm-list-label .cm-list-title {
    color: #fff;
}

#klaro .klaro .cookie-modal .cm-list-label .slider::before, 
#klaro .klaro .context-notice .cm-list-label .slider::before, 
#klaro .klaro .cookie-notice .cm-list-label .slider::before{
    background-color: #5e5e5e;
}

#klaro .klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
#klaro .klaro .context-notice .cm-list-input:checked + .cm-list-label .slider,
#klaro .klaro .cookie-notice .cm-list-input:checked + .cm-list-label .slider {
    background: rgba(6, 148, 33, 1);
}

#klaro .cm-powered-by {
    display: none !important;
}

#klaro .klaro .cookie-modal .cm-modal .cm-body,
#klaro .klaro .cookie-modal .cm-modal .cm-footer,
#klaro .klaro .cookie-modal .cm-modal .cm-header{
    padding: 16px 24px;
}

#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body{
    padding: 0 16px 14px 16px;
    display: flex;
    flex-wrap: wrap;
    max-width: 1200px;
}

#klaro .klaro .cm-link,
#klaro .klaro .cm-learn-more {
  display: inline-block;
  padding: 6px 12px;
  background-color: #007bff;
  color: #fff !important;
  border: none;
  border-radius: 4px;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s ease;
  max-width: fit-content;
}

#klaro .klaro .cm-link:hover,
#klaro .klaro .cm-learn-more:hover {
  background-color: #0056b3;
}
#klaro .klaro .cookie-notice:not(.cookie-modal-notice) .cn-body .cn-ok {
    justify-content: left;
}