#managecookies {
    position:fixed;
    top:10%;
    left:0;
    right:0;
    margin:auto;
    max-width:1000px;
    z-index:10000;
    background:#dcdcdc;
    flex-direction:column;
    padding-bottom:5em;
    padding-left:5em;
    padding-right:5em;
    overflow:auto;
    max-height:100%;
}
#managecookies h3 {
    margin:2% auto;
}
#managecookies #closecookies:before {
    transform:rotate(45deg);
}
#managecookies #closecookies:after {
    transform:rotate(-45deg);
}
#managecookies #closecookies:after,
#managecookies #closecookies:before {
    display:block;
    content:' ';
    width:4px;
    height:16px;
    position:absolute;
    top:6px;
    left:12px;
    background-color:white;
    cursor:pointer;
}
#managecookies #closecookies {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    z-index: 10000 !important;
    overflow: hidden !important;
    padding: 0 !important;
    border-radius: 100% !important;
    color: transparent !important;
    position:absolute;
    top:1%;
    right:1%;
}

#ccbanner a.cc-btn, #managecookies a.cc-btn, #managecookies button {
    color: white;
    padding: 0.5em;
    border: none;
    display: inline-block;
    flex: 1 1 auto;
    text-align: center;
}

#managecookies .cookieend {
    align-self:end;
    min-width:20%;
    text-align:right;
    padding-right:1em;;
}
#managecookies .cookiename .lenom {
    font-weight:bold;
}
#managecookies .duo {
    width:16ex;
}
#managecookies .cookiename {
    align-self:start;
    margin-top:1em;
}
@media (max-width: 1024px) {
    #managecookies {
        top:1%;
        bottom:0;
        padding:0 1%;
    }
}


#cookiesave {
    justify-self: flex-start;
    width: auto !important;
    margin: 1rem auto;
}

.chosen {
    border:4px solid white !important;
}