#klaro-cookie-notice {
    right: auto;
    left: 20px;
}

#klaro {
    font-family: 'Open Sans';
    line-height: 1.6;
}

#klaro-Icon {
    right: auto;
    left: 20px;
    bottom: 20px;
    position: fixed;
    background-color: #4282a9;
    padding: 5px;
    border-radius: 4px !important; /* important tag required due to an important tag in other custom css files */
    width: 130px;
}

    #klaro-Icon:hover {
        background-color: #6397cf;
        cursor: pointer;
    }

    #klaro-Icon img {
        max-width: 100%;
    }

.klaro .cookie-modal .cm-list-input:checked + .cm-list-label .slider,
.klaro #klaro-cookie-notice button.cm-btn.cm-btn-success,
.klaro #cookieScreen div.cm-modal.cm-klaro div.cm-footer div button.cm-btn.cm-btn-success.cm-btn-accept,
.klaro #cookieScreen div.cm-modal.cm-klaro div.cm-footer div button.cm-btn.cm-btn-success.cm-btn-accept-all {
    background-color: #4282a9 !important; /* important tag required to override default klaro styling */
}

.klaro #klaro-cookie-notice button.cm-btn.cm-btn-danger,
.klaro #cookieScreen div.cm-modal.cm-klaro div.cm-footer div button.cm-btn.cm-btn-decline.cm-btn-danger {
    background-color: #999999 !important; /* important tag required to override default klaro styling */
}

.klaro a {
    color: #4582a9 !important; /* important tag required to override default klaro styling */
}

.klaro .cookie-modal .cm-list-label .slider.round, .klaro .context-notice .cm-list-label .slider.round, .klaro .cookie-notice .cm-list-label .slider.round {
    border-radius: 30px !important; /* important tag required due to an important tag in other custom css files */
}

.klaro .cookie-modal .cm-btn, .klaro .context-notice .cm-btn, .klaro .cookie-notice .cm-btn {
    border-radius: 4px !important; /* important tag required due to an important tag in other custom css files */
}

.slider { margin: 0px; }

.title { font-weight: 600; }