/**
* 2007-2020 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2020 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

/* Actions */
.vfcookiespro-switch-container label {
    line-height: 24px;
    cursor: pointer;  
}

.vfcookiespro-switch-container label[disabled="disabled"] {
    cursor: not-allowed;
}

#vfcookiespro-container {
    max-height: 50vh;
    overflow: auto;
    margin-bottom: 14px;
    overflow-x: hidden;
    
}
#vfcookiesproModal {
    z-index: 999999;
}

#vfcookiesproModal .modal-dialog {
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
    max-width: 100%;
}

#vfcookiespro-content-list {
    margin-top: 20px;
}
.vfcookiespro-container {
    width: 100%;
}

.vfswitch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 30px;
  }
  
  .vfswitch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .vfslider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .vfslider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .vfslider {
    background-color: #086d11;
  }
  
  input:focus + .vfslider {
    box-shadow: 0 0 1px #086d11;
  }
  
  input:checked + .vfslider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .vfslider.round {
    border-radius: 34px;
  }
  
  .vfslider.round:before {
    border-radius: 50%;
  } 

  .vfpull-left{
      float:left;
  }
  .vfpull-right {
      float: right;
  }
  .vfborder {
      border: 0.2px solid #CCC;
      padding: 10px 0px;
  }

.vfcookiespro-header{
    background-color: #F2F2F2;
    min-height: 45px;
    padding: 5px 8px;
}
.vfcookiespro-title:hover {
    cursor:pointer;
}
div.vfcookiespro-title[aria-expanded=true] .plus {
    display: none;
 }
div.vfcookiespro-title[aria-expanded=false] .minus {
    display: none;
 }

 /** segunda entana */
 h4.vfcmscolapse-title[aria-expanded=true] .cms-vfclose {
    display: none;
 }
h4.vfcmscolapse-title[aria-expanded=false] .cms-vfopen {
    display: none;
 }
 h4.vfcmscolapse-title {
    margin: 20px 0px;
 }

#cmsCookiesModal {
    z-index: 99999999;
}

#cmsCookiesModal .modal-dialog {
    position: fixed;
    bottom: 0px;
    margin-bottom: 0px;
    width: 100%;
    max-width: 99%;
    max-height: 85vh;
    overflow: auto;
    margin-bottom: 14px;
    overflow-x: hidden;
    margin-left: 0px;
}
#cmsCookiesModal .modal-content {
    padding: 5px 45px 20px 45px;
}
#cmsCookiesModal .modal-header{
    min-height: 40px;
    margin-bottom: 10px;
}
#cmsCookiesModal .modal-header > .close{
    position: fixed;
    right: 30px;
}
table.vfcookiestable td {
    border: 1px solid #ddd;
}
table.vfcookiestable th{
    text-align: center;
    border: 1px solid #ddd;
    background-color: #ddd;
    font-weight: bold;
}
h2.cms-seccion-title {
    margin: 20px 0px;
}
h4.cms-subseccion-title {
    margin-bottom: 20px;
}
#vfbottonclosecmsmodal {
    position: fixed;
    right: 30px;
    top: 15%;
    background-color: #000;
    color: #FFF;
    z-index: 999999999999999999999999999999999999999;
    width: 35px;
    border-radius: 50%;
    opacity: 1;
    height: 35px;
}

 @media (max-width: 767.98px) {
    #vfcookiespro-container {
        max-height: 20vh;
    }
    #vfcookiesproModal .modal-dialog{
        max-width: 99%;        
    }
    #vfcookiesproModal .modal-body{
        max-height: 88vh;         
    }
   
    #cmsCookiesModal .modal-dialog{
        max-width: 99%;
        max-height: 84vh;
    }
}
@media (max-width: 580px) {
    
    #vfcookiesproModal .modal-dialog{
        max-width: 97%;   
           
    }
    #cmsCookiesModal .modal-dialog{
        max-width: 97%;
     
    }
  
    #vfcookiesproModal .modal-footer{
        display:block;
    }
    .vfcookiespro-more-information{
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 15px;
        padding: 10px 25px;
    }
    .vfcookiespro-accept{
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 5px;
        padding: 10px 25px;
    }
    .vfcookiespro-reject{
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 10px;
        padding: 10px 25px;
    }
    .vfcookiespro-save{
        display: block;
        margin-left: auto !important;
        margin-right: auto !important;      
    }
    #cmsCookiesModal .modal-content {
        padding: 5px 25px 20px 25px;
    }
    #vfbottonclosecmsmodal {
        top:17%;
    }
}
@media (max-width: 480px) {
    
    #vfcookiesproModal .modal-dialog{
        max-width: 96%;
    }
    
    #cmsCookiesModal .modal-dialog{
        max-width: 96%;
        max-height: 83vh;
    }
    #cmsCookiesModal .modal-content {
        padding: 5px 15px 20px 15px;
    }
    #vfbottonclosecmsmodal {
        top: 17%;
    }
}
@media (max-width: 375px) {
    .custom-switch.vfpull-right label{
        display: none;
    }
    .custom-switch.vfpull-right label.vfswitch{
        display: inline-block;
    }
   
    .vfcookiespro-reject{
       
        padding: 10px 15px;
    }   
    #cmsCookiesModal .modal-dialog{

        max-height: 82vh;
    }
   
}
@media (max-width: 340px) {
   
    .custom-switch.vfpull-right{
        float:none;
    }
    .custom-switch.vfpull-right label{
        display: inline-block;
    }   
}