@keyframes moveUp {

    from {

        margin-top: 50px;

    }

    to {

        margin-top: 0;

    }

}



@keyframes fadeIn {

    from {

        opacity: 0;

    }

    to {

        opacity: 1;

    }

}



/* #eu-cookies-popup {

    position: fixed;

    z-index: 9999;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    display: block;

    animation-name: fadeIn;

    animation-duration: .3s;

} */



#eu-cookies-popup .wrapper {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

}



#eu-cookies-popup .bg {

    position: absolute;

    z-index: 0;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background: #000;

    opacity: 0.7;

}



#eu-cookies-popup ::-webkit-scrollbar {

    width: 10px;

}



#eu-cookies-popup .main-info {

    margin-bottom: 20px;

}



#eu-cookies-popup .title {

    font-size: 1.3em;

    font-weight: bold;

    line-height: 1.4em;

    margin-bottom: 10px;

    margin-right: 40px;

}



#eu-cookies-popup .main-text {

    font-size: 0.9em;

    line-height: 1.6em;

}



#eu-cookies-popup .main-text a {

    text-decoration: underline;

}





/*#eu-cookies-popup ::-webkit-scrollbar-track {

     box-shadow: inset 0 0 5px grey;

    border-radius: 10px; 

}*/



#eu-cookies-popup ::-webkit-scrollbar-thumb {

    background: #666;

    border-radius: 5px;

}



ul.cbs {

    padding: 0;

}



ul.cbs ul {

    padding: 0;

    margin-left: -30px;

    overflow: hidden;

}



ul.cbs li {

    list-style: none;

    margin: 10px 0;

    position: relative;

    padding-left: 50px;

}



ul.cbs li:last-child {

    margin-bottom: 0;

}



.cb-info {

    overflow-y: auto;

    max-height: 100%;

    padding-right: 10px;

}



.cb_group,

.cb_group_req,

.cb_line,

.cb_line_req {

    display: inline-block;

    width: 40px;

    height: 20px;

    background-color: #c73c3c;

    position: absolute;

    left: 0;

    border-radius: 20px;

    vertical-align: bottom;

    cursor: pointer;

}



.cb_group_req,

.cb_line_req {

    cursor: not-allowed;

}



.cb_group.on,

.cb_group_req.on,

.cb_line.on,

.cb_line_req.on {

    background-color: #2ba54b;

}



.cb_group.on.partial {

    background-color: #f3a127;

}



.cb_line::before,

.cb_group::before,

.cb_line_req::before,

.cb_group_req::before {

    content: '';

    display: block;

    position: absolute;

    width: calc(50% - 4px);

    height: 0;

    padding-bottom: calc(50% - 4px);

    background-color: #fff;

    border-radius: 50%;

    transition: all .2s ease;

    left: 2px;

    top: 2px;

}



.cb_line.on::before,

.cb_group.on::before,

.cb_line_req.on::before,

.cb_group_req.on::before {

    left: calc(50% + 2px);

}



.cb_line.on.partial::before,

.cb_group.on.partial::before,

.cb_line_req.on.partial::before,

.cb_group_req.on.partial::before {

    left: calc(25% + 2px);

}



.cb_title {

    font-weight: bold;

}



.cb_title span {

    font-weight: normal;

    font-size: 0.8em;

}



.cb_desc,

.cb_cat {

    display: block;

    font-size: 0.8em;

    margin: 4px 0;

    line-height: 1.5em;

}



.cb_toggle {

    display: block;

}



.cb_toggle span {

    color: #007ac1;

    cursor: pointer;

    display: inline-block;

}



.cb_toggle span::before {

    content: '↓';

    margin-right: 4px;

}



.cbs_group.open .cb_toggle span::before {

    content: '↑';

}



#eu-cookies-popup .buttons {

    margin-top: 15px;

}



#eu-cookies-popup .buttons button {

    border-radius: 5px;

    padding: 8px 15px;

    color: #fff;

    border: none;

    cursor: pointer;

    margin: 0 5px;

}



#eu-cookies-popup button.reject-all {

    /* background-color: #727272; */

    margin-left: 0;

    background-color: transparent;

    padding: 0;

    text-decoration: underline;

    color: #333;

}



#eu-cookies-popup button.accept-selected {

    /* background-color: #f3a127; */

    background-color: transparent;

    padding: 0;

    text-decoration: underline;

    color: #333;

}



#eu-cookies-popup button.accept-all {

    background-color: #2ba54b;

    float: right;

    margin-right: 0;

}



.cbs_group.all {

    margin-top: 10px;

    margin-bottom: 10px;

    padding-top: 10px;

    padding-bottom: 10px;

    border-top: 1px solid #ccc;

    border-bottom: 1px solid #ccc;

}



#eu-cb-widget {

    position: fixed;

    bottom: 0;

    right: 0;

    display: inline-block;

    background-color: #007ac1;

    border-radius: 5px 0 0 0;

}



#eu-cb-widget span {

    color: #fff;

    display: inline-block;

    padding: 5px 8px;

    cursor: pointer;

}



a#cookies {

    color: var(--color-text-light);

    font-size: var(--font-size-12);

    font-weight: 500;

    cursor: pointer;

}



@media (max-width: 639px) {

    #eu-cookies-popup .main-text {

        line-height: 1.4em;

    }

}



@media (max-width: 499px) {

    #eu-cookies-popup .buttons {

        text-align: center;

    }

    #eu-cookies-popup button.accept-all {

        float: none;

        margin-top: 15px;

        padding: 12px 20px;

    }

    #eu-cookies-popup .content {

        width: 96%;

        max-height: 96%;

    }

}