:root{
    --mas--cookies--color--main--btn--text: #fff;
    --mas--cookies--color--main--btn--bg: #6d6d6d;
    --mas--cookies--radius: 5px;
}
#cookies_allow {
    position: fixed;

    width: 100%;
    bottom: 0;
    z-index: 100000;
    display: none;
    background-color: white;
    box-shadow: 0 -5px 5px -5px #333;
    line-height: 1;

}

#cookies_allow p {
    padding: 6px 0;
    font-size: 14px;
    margin-left: 9px;
    margin-bottom: 2px;
    min-height: 26px;
    margin-top: 0;
}

#cookies_allow ul {
    margin: 0;
}

#cookies_allow h4 {
    margin: 5px;
}

#cookies_allow h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 15px
}


#cookies_allow p:last-child {
    /*float: right;*/
    width: auto;
    margin: 3px 0 0;
}

.cookies_container {
    width: 100%;
    padding: 1rem;
    margin: auto;
    max-height: 30%;
}

.cookies_allow_container {
    display: inline-block;
    border: 1px solid #afaeb4;
    border-radius: var(--mas--cookies--radius);

}

.cookies_allow_container ul {
    list-style-type: none;
    padding: 0 0 0 10px;

    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.cookies_allow_container li {
    padding: 5px 5px;
    display: inline-block;
}

#details {
    cursor: pointer;

}

.cookies_allow_container li label {
    font-size: 10px
}

#cookies_allow i {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    margin-left: 10px;

}

#cookies_allow .up {
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-bottom: 0;
}

#cookies_allow .down {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: 2px;
}

#CookiesDetail {
    display: none;

    height: 100px;
    overflow: auto;
    margin: 10px 0;
}

#CookiesDetail p {

    padding: 0 10px;
}


.cookies-actions {

    margin-bottom: 1rem;
    display: flex;
    justify-content: space-between;
}

.cookies-btn-cookie {
    display: inline-block;
    /*    float: right;*/
    width: auto;

    text-align: center;
    text-decoration: none;
    border-radius: var(--mas--cookies--radius);
    padding: 4px 4px;
    margin-top: 6px;

}

#cookiesHideAction.cookies-btn-cookie {
    position: absolute;
    top: 0;
    background: transparent;

    margin: 0;
    padding: 0.5rem;
    right: 0;
}

#cookiesHideAction.cookies-btn-cookie:before {
    display: inline-block;
    position: relative;
    top: 1px;
    line-height: 1;
    width: 1rem;

    height: 1rem;
    background-color: var(--mas--cookies--color--main--btn--bg);
    content: '';
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='currentColor' d='M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' %3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath fill='currentColor' d='M310.6 361.4c12.5 12.5 12.5 32.75 0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3L54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75 0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-105.4 105.4L310.6 361.4z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;

}

#cookies_allow #cookiesAcceptAll {
    width: auto;
    color: var(--mas--cookies--color--main--btn--text);
    background-color: var(--mas--cookies--color--main--btn--bg);
    text-align: center;
    text-decoration: none;
    border-radius: var(--mas--cookies--radius);
}

#cookies_allow #cookies_allow_accept {
    color: var(--mas--cookies--color--main--btn--text);
    background-color: var(--mas--cookies--color--main--btn--bg);
}

#cookiesShow {
    position: fixed;
    left: 5rem;
    bottom: 5rem;
}

#cookiesShowAction:before {
    display: inline-block;
    position: relative;
    line-height: 1;
    width: 2rem;
    margin-right: 0.5rem;

    top: 0.3rem;
    height: 2rem;
    background-color: var(--mas--cookies--color--main--btn--bg);
    content: '';
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M494.5 254.8l-11.37-71.48c-4.102-25.9-16.29-49.8-34.8-68.32l-51.33-51.33c-18.52-18.52-42.3-30.7-68.2-34.8L256.9 17.53C231.2 13.42 204.7 17.64 181.5 29.48L116.7 62.53C93.23 74.36 74.36 93.35 62.41 116.7L29.51 181.2c-11.84 23.44-16.08 50.04-11.98 75.94l11.37 71.48c4.101 25.9 16.29 49.77 34.8 68.41l51.33 51.33c18.52 18.4 42.3 30.61 68.2 34.72l71.84 11.37c25.78 4.102 52.27-.1173 75.47-11.95l64.8-33.05c23.32-11.84 42.3-30.82 54.26-54.14l32.81-64.57C494.4 307.3 498.6 280.8 494.5 254.8zM176 367.1c-17.62 0-31.1-14.37-31.1-31.1c0-17.62 14.37-31.1 31.1-31.1s31.1 14.37 31.1 31.1C208 353.6 193.6 367.1 176 367.1zM208 208c-17.62 0-31.1-14.37-31.1-31.1s14.38-31.1 31.1-31.1c17.62 0 31.1 14.37 31.1 31.1S225.6 208 208 208zM368 335.1c-17.62 0-31.1-14.37-31.1-31.1c0-17.62 14.37-31.1 31.1-31.1s31.1 14.37 31.1 31.1C400 321.6 385.6 335.1 368 335.1z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3E%3Cpath d='M494.5 254.8l-11.37-71.48c-4.102-25.9-16.29-49.8-34.8-68.32l-51.33-51.33c-18.52-18.52-42.3-30.7-68.2-34.8L256.9 17.53C231.2 13.42 204.7 17.64 181.5 29.48L116.7 62.53C93.23 74.36 74.36 93.35 62.41 116.7L29.51 181.2c-11.84 23.44-16.08 50.04-11.98 75.94l11.37 71.48c4.101 25.9 16.29 49.77 34.8 68.41l51.33 51.33c18.52 18.4 42.3 30.61 68.2 34.72l71.84 11.37c25.78 4.102 52.27-.1173 75.47-11.95l64.8-33.05c23.32-11.84 42.3-30.82 54.26-54.14l32.81-64.57C494.4 307.3 498.6 280.8 494.5 254.8zM176 367.1c-17.62 0-31.1-14.37-31.1-31.1c0-17.62 14.37-31.1 31.1-31.1s31.1 14.37 31.1 31.1C208 353.6 193.6 367.1 176 367.1zM208 208c-17.62 0-31.1-14.37-31.1-31.1s14.38-31.1 31.1-31.1c17.62 0 31.1 14.37 31.1 31.1S225.6 208 208 208zM368 335.1c-17.62 0-31.1-14.37-31.1-31.1c0-17.62 14.37-31.1 31.1-31.1s31.1 14.37 31.1 31.1C400 321.6 385.6 335.1 368 335.1z'/%3E%3C/svg%3E") no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

#cookies_allow .cookies_text p{
    margin: 0;

    text-align: center;
    padding: 0 1rem 0.5rem 0;
}
@media screen and (max-width: 480px) {
    .cookies_allow_container ul li:last-of-type{
        padding-top: 0;
        margin-top: 0;
        width: 100%;
    }
    .cookies_allow_container ul li:last-of-type a{
        margin-top: 0;
        width: 100%;
    }
}
@media screen and (min-width: 481px) {
    .cookies_allow_container ul {
        display: inline-block;
    }
    .cookies_allow_container li:last-child {
        border-left: 1px solid #afaeb4;
    }
}
@media screen and (min-width: 650px) {
    .cookies_container {
        max-width: 1200px;
        margin: auto;
    }

    #cookies_allow p {
        width: 100%;
        line-height: 15px;
        /*text-align: center;*/
    }

    #cookies_allow #cookies_allow_accept {
        margin: 5px auto;
        /*float: none;*/
        clear: both;
    }

    #cookies_allow #cookies_allow_accept {

    }


    .cookies_allow_container li {
        padding: 5px 10px;
    }

    #CookiesDetail p {
        padding: 0;
    }
}

@media screen and (min-width: 768px) {
    .cookies-actions {
        margin-bottom: unset;
        display: block;

        float: right;
    }
    .cookies-btn-cookie{
        margin-right: 18px;
    }
}
@media screen and (min-width: 992px) {
    #cookies_allow .cookies_text p{

        text-align: left;

    }
}
@media screen and (min-width: 1200px) {
    #cookies_allow .cookies_text p{

        padding-right: 0;
    }
}