/* GENERAL */

/* li::before{
    color: #761a23;
} */

#cookies-preference-modal .container li{
    margin: 10px 0;
}

#cookies-preference-modal .container ul li{
    list-style: disc;
}

#cookies-preference-modal h2{
    font-weight: 600;
    color: #761a23;
    margin: 20px 0;
    text-transform: uppercase;
}

#cookies-preference-modal h3{
    margin: 20px 0;
}

#cookies-preference-modal h4{
    color: #761a23;
    text-transform: uppercase;
    margin-top: 25px;
}

/* CHOOSE LANGUAGE */
#cookies-preference-modal header{
    margin: 50px;
}

#cookies-preference-modal header img{
        width: 300px;
        height: auto;
    }
    #cookies-preference-modal .show {
        display: block;
    }




/* BODY */
#cookies-preference-modal .title{
    text-align: center;
    color: #761a23;
    font-size: 2rem;
    text-transform: uppercase;
    margin-top: 30px;
}

#cookies-preference-modal .bold{
    font-weight: 700;
}

/* COOKIES */

.modal-dialog {
    max-width: 80%;
}

#cookies-preference-modal button{
    border-radius: 50px;
    border: 0px;
    color: #fff;
    font-size: 1rem;
    /* height: 40px; */
    width: auto;
    /* font-weight: 700; */
}
.cookies-btns button {
    margin: 0 5px;
}

#cookies-preference-modal svg {
    /* height: 20px !important;
    width: 20px !important; */
    /* color: #fff; */
    vertical-align:0:
}
#cookies-preference-modal .block-cookies-button svg {
    color: #000;
}

#cookies-preference-modal .modal-title {
    width: 100%;
    font-weight: 900;
    font-size: 2rem;
    text-align: center;
    color: #761a23;
    text-transform: uppercase;
    margin: 0;
    /* margin-top: -15px; */
}

#cookies-content .modal-body{
    padding: 50px 80px;
}
#cookies-content .modal-body { padding: 15px; }
#cookies-preference-modal button { font-size:0.8rem; }
.btn-accept-all { padding: 8px 16px; }

#tecnical-cookies {
    opacity: .8;
}

.choose-language-container {
    position: absolute;
    top: .8rem;
    right: .5rem;
}

    .choose-language{
        margin: 0;
        position: relative;
    }

#cookies-preference-modal .choose-language button, #cookies-preference-modal .choose-language select{
    border-radius: 25px;
    color: #fff;
    background-color: #761a23;
    border: 1px solid #761a23;
    position: relative;
    text-transform: uppercase;
    width: 100px;
    height: 40px;
    font-size: 1.2rem;
    padding-right: 25px;
}

#cookies-preference-modal button.show-languages.showing-laguages{
    border-radius: 20px 20px 0 0;
}
    
#cookies-preference-modal .dropdown svg{
        color: #fff;
    }

    #cookies-preference-modal .choose-language select:focus, .choose-language select:active{
    border: 0px !important;
    outline: none !important;
}

#cookies-preference-modal .choose-language option{
        background-color: white;
        color: black;
        border-radius: 20px;
        border: 0px;
        text-transform: uppercase;
    }

    #cookies-preference-modal .choose-language .text-language{
    padding: 0 10px;
    display: inline-block;
    margin-bottom: 1px;
    font-weight: 700;
}

#cookies-preference-modal .show-languages span.dropdown {
    position: absolute;
    right: 12px;
    top: 5px;
}
#cookies-preference-modal a {
    color: #761a23;
}

#cookies-preference-modal .language-options {
    display: none;
    background-color: white;
    list-style-type: none;
    /* padding: 5px; */
    text-align: center;
    top: 38px;
    right: 0px;
    z-index: 100;
    width: 100px;
    padding: 0;
    border-radius: 0 0 20px 20px;
    animation-duration: 0.3s;
    box-shadow: -2px 4px 5px 1px rgb(0 0 0 / 16%);
    position: absolute;
}

    #cookies-preference-modal .language-options li{
        text-transform: uppercase;
        color: #7c3940;
        font-weight: 700;
        height: 35px;
        padding: 5px 0;
    }

        #cookies-preference-modal .language-options li { 
            background-color: #EEEEEE; 
        }
        
        #cookies-preference-modal .language-options li:nth-child(odd) { 
            background-color: #E6E6E6; 
        }

        #cookies-preference-modal .language-options li:last-child {
            border-radius: 0 0 20px 20px;
        }

    #cookies-preference-modal .language-options li:hover{
        cursor: pointer;
    }

.show {
    display: block!important;
}


        .btn-set-preferences{
            background-color: #44181d;
            padding: 10px 20px;
            text-transform: uppercase;
        }
        .btn-accept-all {
            background-color: #761a23;
            padding: 10px 20px;
            text-transform: uppercase;
        }

.technical-container, .analytical-container, .advertising-container{
    border-bottom: 1px solid #761a23;
    margin: 20px 0;
}
        
    .block-cookies-title{
        width: 50%;
        display: inline-block;
        text-align: start;
    }
            
        .block-cookies-title .cookie-title {
            width: 40%;
            display: inline-block;
            font-weight: 700;
        }

        .class_checkbox {
            width: 15px;  
            height: 15px;
            /* background-image: url('../img/checks/check.svg');
            background-size: 100% 100%; */
            display: inline-block;
            vertical-align: top;
            margin-top: 0px;
            color:#761a23;
            margin-right: 5px;
            font-size: 1rem;
            cursor: pointer;
        }
        .tecnical-cookies .class_checkbox {
            opacity: .7;
            cursor: default;
        }
        .class_checkbox .i-unchecked {
            display:inline-block;
        }
        .class_checkbox .i-checked {
            display:none;
        }

        .class_checkbox.checked {
            /* background-image: url('../img/checks/check_checked.svg');
            background-size: 100% 100%; */
        }
        .class_checkbox.checked .i-unchecked {
            display:none;
        }
        .class_checkbox.checked .i-checked {
            display:inline-block;
        }


    .table th {
        border-top: 0;
        border-bottom: 2px solid #761a23 !important;
    }

    .block-cookies-button{
        width: 50%;
        float: right;
        text-align: end;
    }

    .preferences-description{
        text-align: start;
    }

        .preferences-container button{
            background-color: transparent;
            height: unset;
            width: unset;
        }

    .cookie-description-container{
        text-align: start;
    }

    .btn-save-preferences{
        background-color: #761a23;
        padding: 10px 20px;
        text-transform: uppercase;
    }

    .modal-footer, .modal-header{
        text-align: center;
        background-color: #F7F7F7;
    }

    .cookies-btns{
        margin: auto;
    }

    .preferences-panel{
        color: #761a23;
        font-weight: 600;
        cursor: pointer;
    }

    .docdate{
        margin-top: 75px;
        text-align: right;
    }

/* FOOTER */
footer{
    padding: 20px 0;
    background-color: #761a23;
}
    footer .links-intern{
        text-align: center;
        color: #fff;
    }

        footer .links-intern a{
            color: #fff;
        }

        footer .divider{
            margin: 0 5px;
        }

@media (max-width: 1500px) {

    
}

@media (max-width: 1400px) {
    

    #cookies-preference-modal .modal-title {
        padding: 0;
    }

    #cookies-preference-modal .choose-language-container {
        padding: 0;
        margin-top: -5px;
    }
}

@media (max-width: 1024px) {
    


}

@media (max-width: 768px) {
    .cookies-preferences .class_checkbox {
        margin-top: -4px;
    }

}

@media (max-width: 600px) {
    #cookies-preference-modal .choose-language-container {
        padding: 0;
        margin-top: 0px;
    }

    #cookies-preference-modal footer .links-intern a {
        color: #666;
        font-size: 0.9rem;
    }

    .modal-footer {
        padding-top: 0;
    }
    .cookies-btns button {
        margin-top: 10px;
    }
      .buttons-header {
        width: 100%;
      }
    
      #edit-block,
      .preview-block-mt {
        margin-top: 6rem;
      }
    
      #cookies-preference-modal .show-languages span.dropdown {
        right: 10px;
        top: 1px;
    }
    #cookies-preference-modal .choose-language button, #cookies-preference-modal .choose-language select {
      width: 60px;
      height: 25px;
      font-size: .9rem;
    line-height: 1.5rem;
    }
    #cookies-preference-modal .language-options {
      width: 58px;
      top: 25px;
      right: 1px;
    }
    #cookies-preference-modal .modal-title {
        font-size: 1rem;
    }
    #cookies-preference-modal .modal-title .preferences{
        width: 80%;
        font-size: 1rem;
    }
    #cookies-preference-modal button.show-languages.showing-laguages {
        border-radius: 12px 12px 0 0;
    }
    #cookies-preference-modal .language-options li { height: 30px;}
    .block-cookies-title{
        width: 65%;
    }
    .block-cookies-button{
        width: 35%;
    }
    .block-cookies-title .cookie-title{
        width: 75%;
    }
    .cookie-description-container {
        overflow-x: auto;
    }
    #cookies-content .modal-body {
        padding: 30px 20px;
    }
    #cookies-preference-modal button {
        width: 200px;
    }
}