/**

* 2007-2016 PrestaShop

*

* NOTICE OF LICENSE

*

* @author    Innovadeluxe SL

* @copyright 2016 Innovadeluxe SL



* @license   INNOVADELUXE

*/



@media(min-width:481px){

    #idxrcookies #top{

        z-index: 8005;

        width: 100%;

        text-align: justify;

        font-size: 13px;

        position: fixed;

        top:0;

        padding: 5px 30px;

        box-shadow:0px 0px 5px rgba(0,0,0,.5);

    }



    #idxrcookies #center{

        z-index: 8005;

        width: 100%;

        text-align: justify;

        font-size: 13px;

        position: fixed;

        display: flex;

        align-items: center;

        padding: 5px 30px;

        box-shadow:0px 0px 5px rgba(0,0,0,.5);

        margin: 20% 0;

    }

    #idxrcookies #bottom{

        z-index: 8005;

        width: 100%;

        text-align: justify;

        font-size: 13px;

        position: fixed;

        bottom: 0;

        padding: 5px 30px;

        box-shadow:0px 0px 5px rgba(0,0,0,.5);



    }

    #idxrcookies #left{

        z-index: 8005;

        width: 350px;

        text-align: justify;

        color: #fff;

        font-size: 13px;

        position: fixed;

        padding: 5px 5px;

        box-shadow: 0px 0px 5px rgba(0,0,0,.5);

        bottom: 0;

        left: 30px;



    }

    #idxrcookies #right {

        z-index: 8005;

        width: 350px;

        text-align: justify;

        color: #fff;

        font-size: 13px;

        position: fixed;

        padding: 5px 5px;

        box-shadow: 0px 0px 5px rgba(0,0,0,.5);

        bottom: 0;

        right: 30px;

        display: flex;

        flex-direction: column;



    }

    #right #textDiv p,

    #left #textDiv p {

        line-height: 12px;

        font-size: 10px;

    }

    #right .contenido,

    #left .contenido{

        display: flex;

        flex-direction: column;

    }

    #right #buttons,

    #left #buttons{



        display: flex !important;

        justify-content: space-around;

        width: 100% !important;



    }

    #right #idxrcookiesOK,

    #left #idxrcookiesOK,

    #right #idxrcookiesKO,

    #left #idxrcookiesKO {

        background-color: #afafaf;

        border-radius: 2px 2px 2px 2px;

        color: #FFFFFF;

        padding: 3px 45px;

        display: block;

        text-align: center;

    }

    #right #cookiesConf,

    #left #cookiesConf{

        margin-top: 0px !important;

    }

    .contenido{

        display: flex;

        justify-content: center;

        align-items: center;

        padding: 5px;

    }

    #idxrcookiesKO,

    #idxrcookiesOK{

        background-color: #afafaf;

        border-radius: 2px 2px 2px 2px;

        color: #FFFFFF;

        padding: 3px 5px;

        display:block;

        text-align: center;

    }



}



@media(max-width:480px){

    #idxrcookies #top,

    #idxrcookies #center,

    #idxrcookies #bottom,

    #idxrcookies #left,

    #idxrcookies #right {

        z-index: 8005;

        width: 100%;

        text-align: justify;

        color: #fff;

        font-size: 13px;

        position: fixed;

        padding: 5px 10px;

        box-shadow: 0px 0px 5px rgba(0,0,0,.5);

        bottom: 0;



    }

    .contenido{

        display: flex;

        justify-content: center;

        align-items: center;

        padding: 5px;

        flex-direction: column;

    }

    .contenido p{

        font-size: 11px;

        line-height: 12px;

    }

    #textDiv p {

        line-height: 12px;

        font-size: 10px;

    }

    .contenido{

        display: flex;

        flex-direction: column;

    }

    #buttons{



        display: flex !important;

        justify-content: space-around;

        width: 100% !important;



    }

    #idxrcookiesKO,

    #idxrcookiesOK {

        background-color: #afafaf;

        border-radius: 2px 2px 2px 2px;

        color: #FFFFFF;

        padding: 4px 30px;

        display: block;

        text-align: center;

    }

    #cookiesConf{

        margin-top: 0px !important;

    }





}

#textDiv p{

    color:#ffffff !important;

    font-weight: 600;

}





#cookiesConf {

    padding: 5px 10px;

    background: #50575c;

    border-radius: 2px;

    display: block;

    text-align: center;

    color: #ffffff;

    margin-top: 5px;

}

#cookiesConf:hover {

    color: #f60;
    cursor:pointer;

}



#idxrcookies #cookies{

    border-bottom: 1px dotted #fff;

    color: #fff;

    clear: both!important;

    display: block;

}



#idxrcookies #text{

    color: #fff;

}



#idxrcookies #buttons{

    display: inline-block;

    font-size: 11px;

    position: relative;

    text-decoration: none;

    top: -2px;

    padding: 5px;

}





#idxrcookiesOK:hover,

#idxrcookiesKO:hover{

    background-color: #f60 !important;

}





/* Cookies configuration popup */



@media(min-width:481px){

    #cookieModal{

        display: grid;

        grid-template-columns:120px 600px;

        grid-template-rows:50px 1fr 50px;



        grid-template-areas: "h h"

            "b b"

            "f f";



    }

}



@media(max-width:480px){

    #cookieModal{

        display: grid;

        grid-template-columns:1fr;

        grid-template-rows:50px 1fr 50px;



        grid-template-areas: "h"

            "b"

            "f";



    }

    #cookieModalContent ul li label{

        width: 190px;

        word-break: break-all;

    }

}



#cookieModalHeader{

    grid-area:h;

    font-size: 16px;

    border-bottom: 1px solid #bababa;

    padding: 15px;

    background: #f60;

    color: #ffffff;

    border-radius: 5px 5px 0px 0px;

}



@media(min-width:481px){



    #cookieModalBody{

        grid-area:b;

        display: flex;

        justify-content: flex-start;

        flex-direction:row;

    }



}

@media(max-width:480px){



    #cookieModalBody{

        grid-area:b;

        display: flex;

        justify-content: flex-start;

        flex-direction: column;

    }



}



#cookieModalFooter{

    grid-area:f;

    background: #f2f2f2;

    padding-top: 5px;

    border-radius: 0px 0px 5px 5px;

}

#cookieModalHeader img {

    height: 20px;

    width: 21px;

    margin-right: 10px;

}

#cookieModalBody ul{

    padding: 0;

    margin: 0;



}

.dlxctab-row {

    padding: 10px;

    border-bottom: 1px solid #ececec;

    border-right: 1px solid #e3e3e3;

    border-top: 1px solid transparent;

    border-left: 1px solid transparent;

    font-size: 14px !important;

    line-height:16px !important;

}



.dlxctab-row:hover{

    background:#f7f7f7;

    border:1px solid #e3e3e3;

    cursor:pointer;

}

.dlxctab-row.active {

    color: #f60;

    font-weight: bold;

    background: #f7f7f7;

}

.dlxctab-content {

    padding: 10px;

}

.dlxctab-content ul li {

    display: flex;

    justify-content: space-between;

    padding: 10px;

    border: 1px solid #f7f7f7;

}



.dlxctab-content ul li input{

    float: right;

}



.info-cookie-list label span {

    color: #000000 !important;

    font-weight: 600 !important;

}



.info-cookie-list label {

    color: #a7a7a7 !important;

    font-weight: 100 !important;

    text-align: left !important;

    width:90% !important;

}

.btn-config {

    background: #f60;

    padding: 10px;

    border-radius: 5px;

    float: right;

    margin-right: 20px;

    color: #ffffff !important;

}

.btn-config:hover{

    background:#f60;

    color:#ffffff;

    cursor:pointer;

}



@media(min-width:481px){

    .cookie-info-page {

        padding: 10px;

        border-radius: 5px;

        float: left;

        margin-left: 10px;

        color: #00aeff;

    }

}

@media(max-width:480px){

    .cookie-info-page {

        padding: 10px;

        border-radius: 5px;

        float: left;

        margin-left: 10px;

        color: #00aeff;

        font-size:12px;

    }

}



.cookie-info-page:hover {

    color: #353230;

    cursor:pointer;

}



.dlxctab-content input[type="checkbox"]:disabled {

    cursor:not-allowed !important;

}



.cookie-content-title{

    font-size:17px;

    color:#4b4b4b;

    font-weight: 900;

    border-bottom:1px solid #e5e2e2;

}

.cookie-content-subtitle {

    font-size: 14px;

    color: #4b4b4b;

    font-weight: 900;

    border-bottom: 1px solid #e5e2e2;

}

.always-active{

    color: #0BA501;

    margin-left: 5px;

    font-weight: bold;

}

.always-check{

    height: 15px;

    width: 8px;

    display: inline-block;

    border: solid #0ba501;

    border-width: 0 3px 3px 0;

    -webkit-transform: rotate(40deg);

    -moz-transform: rotate(40deg);

    -ms-transform: rotate(40deg);

    -o-transform: rotate(40deg);

    margin-right: 5px;

}

/*   */

input.switch {

    -moz-appearance: none !important;

    -webkit-appearance: none !important;

    -o-appearance: none !important;

    position: relative !important;

    height: 20px !important;

    width: 40px !important;

    border-radius: 10px !important;

    box-shadow: inset -20px 0px 0px 1px rgba(192, 192, 192, 0.5) !important;

    background-color: white !important;

    border: 1px solid rgba(192, 192, 192, 1) !important;

    outline: none !important;

    -webkit-transition: 0.2s !important;

    transition: 0.2s !important;

    cursor:pointer !important;

}



input.switch:checked {

    box-shadow: inset 20px 0px 0px 1px rgba(33, 150, 243, 0.5) !important;

    border: 1px solid rgba(33, 150, 243, 1) !important;

}



input.switch:disabled {

    box-shadow: inset 20px 0px 0px 1px rgba(128, 128, 128, 0.5) !important;

    border: 1px solid rgba(128, 128, 128, 1) !important;

}



/* audit */



.background-progress {

    position: fixed;

    z-index: 99999;

    top: 0;

    left: 0;

    background: rgba(0,0,0,.5);

    width: 100vw;

    height: 100vh;

}



@media(min-width:481px){



    .progress-container {

        width: 30vw;

        height: 100px;

        background: #fff;

        position: relative;

        margin: 5% auto;

        border-radius: 5px;

        padding: 20px;

        text-align: center;

        box-shadow: 0px 0px 15px rgba(0,0,0,1);

    }



}

@media(max-width:480px){



    .progress-container {

        width: 90vw;

        height: 100px;

        background: #fff;

        position: relative;

        margin: 5% auto;

        border-radius: 5px;

        padding: 20px;

        text-align: center;

        box-shadow: 0px 0px 15px rgba(0,0,0,1);

    }



}

.progress-title{

    margin: 5px 0px;

}



/* mobile */



@media(max-width:480px){

    .dlxctab-content label {

        width: 80%;

        font-size: 11px;

    }

}



/*  */



@keyframes rotation {

    from {

        transform: rotate(0deg)

            translate(-5px)

            rotate(0deg);

    }

    to {

        transform: rotate(360deg)

            translate(-5px)

            rotate(-360deg);

    }

}



.loading {



    -webkit-animation: rotation 3s infinite linear;

    -moz-animation: rotation 3s infinite linear;

    -ms-animation: rotation 3s infinite linear;

    -o-animation: rotation 3s infinite linear;



}



/* popup mobile */

#cookieModalContent {

    min-height: 250px !important;

}



@media(max-width:480px){

    .fancybox-inner{

        height: 540px !important;

    }

}



/* fixed button */



.cookie-button {

    background: #fff;

    display: block;

    position: fixed;

    z-index: 99999999;

    padding: 5px;

    border: 2px solid #009dff;

    border-radius: 100%;

    transition: all .3s ease-in-out;

}



.cookie-button-left {

    bottom: 20px;

    left: 20px;

}



.cookie-button-right {

    bottom: 20px;

    right: 20px;

}



.cookie-button img{

    filter:grayscale(1);

}



.cookie-button:hover img{

    transition: all .3s ease-in-out;

    filter:grayscale(0);

    cursor: pointer;

}



/* reject button */

#idxrcookies #top a#idxrcookiesKO,

#idxrcookies #center a#idxrcookiesKO,

#idxrcookies #bottom a#idxrcookiesKO {

    /*margin-top: 5px;*/

}



#idxrcookies a#idxrcookiesKO:hover {

    background-color: firebrick !important;

}



#idxrcookies #left.withRejectButton,

#idxrcookies #right.withRejectButton {

    width: 480px;

    max-width: 100%;

}



@media(max-width: 480px){

    #idxrcookies .withRejectButton #buttons{

        flex-wrap: wrap;

    }

    #idxrcookies .withRejectButton #buttons a#idxrcookiesKO {

        flex: 1 auto;

        /*margin-left: 20px;

        margin-top: 0;*/

    }



    #idxrcookies .withRejectButton a#idxrcookiesOK {

        flex: 1 auto;

    }



    #idxrcookies .withRejectButton #cookiesConf {

        margin-top: 5px !important;

    }

}

#idxrcookies #center {
    width: 40%;
    margin: 10% 30%;
    background: #ffffff;
}
#idxrcookies .contenido {
    display: block;
    padding-bottom: 30px;
}
#idxrcookies #logoDiv {
    text-align: center;
    margin-top: 50px;
}
#idxrcookies #titleDiv {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 28px;
    font-weight: 600;
    color: #333333;
    text-transform: uppercase;
}
#textDiv p {
    font-weight: 400!important;
    text-align: center;
    margin-bottom: 30px;
    line-height: normal;
    font-size: 0.875rem;
    color: #777!important;
    line-height: 28px;
}
#idxrcookies #logoDiv img {
    width: 50%;
    height: auto;
    max-width: 400px;
}
#idxrcookies #buttons {
    display: flex;
}
#idxrcookies #buttons {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
#idxrcookiesOK {
    order: 2;
}
#cookiesConf, #idxrcookiesOK, #idxrcookiesKO {
    width: calc( 28% - 10px);
    margin-top: 0px;
    margin: 10px;
    float: left;
    padding: 15px 10px;
}

#cookiesConf {
    background-color: #eeeeee;
    color: #333333;
    margin-right: 5%;
    border: solid 2px #eee;
    transition-duration: 0.3s;
    margin-top: 10px!important;
}
#idxrcookiesOK {
    background-color: black;
    margin-left: 5%;
    border: solid 2px;
    transition-duration: 0.3s;
}
#idxrcookiesKO {
    background-color: black;
    margin-left: 5%;
    border: solid 2px;
    transition-duration: 0.3s;
}
@media (max-width: 991px){
    #idxrcookies #center {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        bottom: auto;
        padding: 3px !important;
    }
}