/**
* 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 #cookiesConf,
  #left #cookiesConf{
      margin-top: 0px !important;
  }
  .contenido{
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 5px;
  }


}

@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;

  }

  #cookiesConf{
      margin-top: 0px !important;
  }


}
#textDiv p{
  font-weight: 600;
}

#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;
}


/* 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 65px;
      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: #00aeff;
  color: #ffffff;
  border-radius: 5px 5px 0px 0px;
}


  #cookieModalBody{
      grid-area:b;
      display: flex;
      justify-content: flex-start;
      flex-direction:row;
  }


#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: #00aeff;
  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: #00aeff;
  padding: 10px;
  border-radius: 5px;
  float: right;
  margin-right: 20px;
  color: #ffffff !important;
}
.btn-config:hover{
  background:#076b99;
  color:#ffffff;
  cursor:pointer;
}

@media(min-width:481px){
  .cookie-info-page {
      padding: 10px;
      border-radius: 5px;
      float: left;
      margin-left: 10px;
  }
}
@media(max-width:480px){
  .cookie-info-page {
      padding: 10px;
      border-radius: 5px;
      float: left;
      margin-left: 10px;
      font-size:12px;
  }
}

.cookie-info-page:hover {
  cursor:pointer;
}
.cookie-info-page:focus-visible {
  outline: none!important;
}
.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 #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;
  }
}


/*Override*/
.contenido {
  flex-direction: column;
}

#idxrcookies #buttons {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  font-size: inherit;
}
#idxrcookies #buttons a {
  display: inline-block;
  margin-left: 2px;
  margin-right: 2px;
  text-decoration: none;
}


#cookieModalWrapper {
  padding: 0;
  overflow: hidden;
  max-width: 720px;
  width: 90%;
  margin: auto;
  border-radius: 5px;
}

#cookieModalList {
  max-width: 100px;
}

.dlxctab-row.active {
  color: #de297a;
}