a.optanon-alert-box-wrapper,
.optanon-alert-box-bottom-top,
.optanon-alert-box-bg {
    background-color: white !important;
    /*background-color: #dae1e7 !important;*/
    /*bottom: 0 !important;*/
}

.optanon-alert-box-wrapper .optanon-alert-box-body {
    padding-bottom: 2rem;
    padding-top: 2rem;
}

.optanon-alert-box-wrapper .optanon-alert-box-bg p.optanon-alert-box-title {
    color: #bf2f38 !important;
    font-size: 1.125rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    margin-bottom: .5rem !important;
}

.optanon-alert-box-wrapper .optanon-alert-box-bg p {
    color: #000 !important;
    font-size: .875rem !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle {
    padding: 6px 10px 0 10px;
}

.optanon-alert-box-wrapper .optanon-button-more {
    margin-right: 15px !important;
}

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button {
    border-bottom: none;
    color: #8795a1 !important;
    box-shadow: 0 0 2px #8795a1;
    padding: 4px 6px;
}

.optanon-alert-box-wrapper .optanon-alert-box-button-middle {
    background-color: #bf2f38 !important;
    border-color: #bf2f38 !important;
    border-radius: 9999px;
    font-size: .875rem !important;
    font-weight: normal !important;
}
.optanon-alert-box-wrapper .accept-cookies-button {
    text-transform: uppercase !important;
}

/* forcing font-family */
.optanon-alert-box-wrapper .optanon-alert-box-bg p.optanon-alert-box-title,
.optanon-alert-box-wrapper .optanon-alert-box-bg p {
    font-family: Roboto, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif !important;
}

/* forcing hidden */
.optanon-alert-box-logo,
#optanon #optanon-popup-body .legacy-preference-banner-title,
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:before,
.optanon-alert-box-wrapper .optanon-button-allow .optanon-alert-box-button-middle button:before,
#optanon.modern #optanon-branding-top-logo,
#optanon.modern #optanon-popup-top,
#optanon.modern #optanon-popup-body-left-shading {
    display: none !important;
}

#optanon #optanon-popup-wrapper .optanon-white-button-middle,
#optanon #optanon-popup-top {
    background: #bf2f38 !important;
}

#optanon #optanon-popup-bottom-logo:before,
#optanon #optanon-popup-bottom-logo:after {
    font-size: .75rem !important;
}

.optanon-alert-box-wrapper .optanon-alert-box-bg p.banner-content {
    font-size: .85rem !important;
    color: #606f7b !important;
    padding-right: 30px !important;
}

/* responsive part */
@media (max-width: 768px) {
    .optanon-alert-box-wrapper {
        bottom: auto !important;
        position: fixed !important;
        width: 100% !important;
        width: 100vw !important;
    }
    .optanon-alert-box-bg {
        padding: 4rem 0;
    }
    .optanon-alert-box-bg .optanon-alert-box-button-container {
        padding-right: 0 !important;
    }
    .optanon-alert-box-wrapper .optanon-alert-box-body {
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
    .optanon-alert-box-wrapper .optanon-alert-box-bg p.optanon-alert-box-title {
        font-size: 1rem !important;
        margin-bottom: 1rem !important;
        text-align: center !important;
    }
    .optanon-alert-box-wrapper .optanon-alert-box-bg p.banner-content {
        font-size: .75rem !important;
        line-height: 1.1rem !important;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        text-align: center !important;
    }
    .optanon-alert-box-wrapper .optanon-alert-box-button {
        margin-right: 0 !important;
    }
    .optanon-alert-box-wrapper .optanon-alert-box-button {
        /*display: block !important;*/
        float: none !important;
    }
    .optanon-alert-box-wrapper .optanon-alert-box-button.optanon-button-allow {
        display: block;
        margin: 0 auto !important;
        text-align: center;
        width: 250px;
    }
    .optanon-alert-box-wrapper .optanon-alert-box-button-middle {
        padding: 20px 30px;
    }
    .optanon-alert-box-wrapper .optanon-alert-box-button-middle button {
        text-align: center !important;
        width: 100% !important;
    }
    .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle {
        padding: 10px 10px 0;
    }
    .optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button {
        font-size: .75rem !important;
    }
    .optanon-alert-box-button-middle.accept-cookie-container {
        margin: 30px 0 !important;
    }
    #optanon #optanon-popup-bottom-logo {
        margin: 3px 0 0 !important;
        width: auto !important;
    }

    #optanon #optanon-popup-wrapper .optanon-white-button-middle, #optanon #optanon-popup-top {
        font-size: .75rem !important;
        padding: 5px 8px;
    }
}

#optanon #optanon-menu li .preference-menu-item button:focus,
#optanon #optanon-menu li .preference-menu-item a:focus
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:focus,
.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:hover {
    outline: none !important;
}

.optanon-alert-box-wrapper .optanon-button-more .optanon-alert-box-button-middle button:focus {
    outline: none !important;
}

#optanon #optanon-popup-bg {
    background-color: rgba(34, 41, 47, .75);
}

@media only screen and (max-width: 400px) {
    #optanon .vendor-header-container {
        display: block !important;
    }
    #optanon #optanon-popup-body p.header-3 {
        margin: 10px 0px 0 5px !important;
        width: 100% !important;
    }
    #optanon #optanon-popup-more-info-bar {
        margin-left: 5px !important;
        float: inherit !important;
        width: 100%;
    }
    #optanon #optanon-popup-body div.optanon-main-info-text {
        margin-top: 30px;
    }
}