.klaro .cookie-modal .cm-modal .hide {
    top: 30px! important;
}

.klaro .cookie-modal .cm-modal {
    border-radius: 0px! important;
}

.klaro .cookie-modal {
    overflow: scroll! important;
}

.klaro .cookie-modal .cm-modal {
    transform: translateY(0%)! important;
    top: 100px! important;
}

.klaro .cookie-modal .cm-app-input:checked+.cm-app-label .slider:before, .klaro .cookie-notice .cm-app-input:checked+.cm-app-label .slider:before {
    -webkit-transform: translateX(0px)! important;
    -ms-transform: translateX(0px)! important;
    transform: translateX(0px)! important;
    font-size: 27px! important;
    left: 5px! important;
    color: #fff! important;
}

.cm-app-title
{
    color: #fff;
}

.klaro .cookie-modal .cm-app-label .slider:before, .klaro .cookie-notice .cm-app-label .slider:before {
    content: '\2713'! important;
    font-size: 0.1px! important;
    height: 0! important;
    width: 0! important;
    left: 15px! important;
    bottom: 25px! important;
    background-color: #ccc! important;
}

.klaro .cookie-modal .cm-app-label .slider.round, .klaro .cookie-notice .cm-app-label .slider.round {
    border-radius: 0px! important;
}

.klaro .cookie-modal .cm-app-label .slider, .klaro .cookie-notice .cm-app-label .slider {
    width: 30px! important;
}

.cm-toggle-all
{
    display: none! important;
}

.cm-app p
{
    text-align: justify! important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app.cm-toggle-all {
    border-top: 0px! important;
    padding-top: 0em! important;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #555;
    order: 1;
}

.cm-modal
{
    padding-left: 20px! important;
    padding-right: 20px! important;
    padding-top: 20px! important;
    padding-bottom: 20px! important;
    top: 500px! important;
    margin-top: 20px! important;
    background: #fff! important;
}

.klaro .cookie-modal h1, .klaro .cookie-modal h2, .klaro .cookie-modal li, .klaro .cookie-modal p, .klaro .cookie-modal strong, .klaro .cookie-modal ul, .klaro .cookie-notice h1, .klaro .cookie-notice h2, .klaro .cookie-notice li, .klaro .cookie-notice p, .klaro .cookie-notice strong, .klaro .cookie-notice ul {
    color: #333 !important;
}

.klaro .cookie-modal .cm-app-input:checked+.cm-app-label .slider, .klaro .cookie-notice .cm-app-input:checked+.cm-app-label .slider {
    background-color: #d87f01! important;
}

.klaro .cookie-modal a, .klaro .cookie-notice a {
    color: #d87f01! important;
}

.cm-app-title {
    color: #333! important;
}

.klaro .cookie-modal .cm-btn, .klaro .cookie-notice .cm-btn {
    border-radius: 0px! important;
    padding: .5em 30px! important;
}

.klaro .cookie-modal .cm-btn.cm-btn-success, .klaro .cookie-notice .cm-btn.cm-btn-success {
    background: #d87f01! important;
}

.klaro .cookie-modal .cm-modal .cm-footer a.cm-powered-by {
    color: #999! important;
}

ul.cm-apps {
    display: flex! important;
    flex-direction: column;
}

li.cm-toggle-all {
    order: 1;
}

li.cm-app {
    order: 2;
}

.klaro .cookie-modal {
    z-index: 10000000 !important;
}

.klaro .cookie-modal .cm-modal {
	top: 0 !important;
	margin-top: 0 !important;
}

/* Theming */
.klaro .cookie-modal .cm-modal .cm-header h1 {
    font-family: 'Roboto', sans-serif !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-app-title {
    font-family: 'Roboto', sans-serif !important;
    color: #333 !important;
    font-weight: 400 !important;
}

.klaro .cookie-modal p {
    font-family: 'Roboto', sans-serif !important;
}

#app-item-essential-description > p.cm-app-description {
    font-family: 'Roboto', sans-serif !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app p.purposes {
    color: rgba(12,25,117,0.5) !important;
}

.klaro .cookie-modal .cm-modal .cm-body ul.cm-apps li.cm-app span.cm-required {
    color: rgba(12,25,117,0.5) !important;
}