
.leaflet-popup-content-wrapper {
   width: 100%;
}
.location-filter button:before, .seguimientos button:before {
   content: url(images/arrow_right_blue.svg);
   display: inline-block;
   padding-top: 4px;
   transform: scale(1.20);
   line-height: 1;
}
.text-capitalize{
   text-transform: capitalize;
}
.map-message-box:empty{
   display: none;
}
.form-group.flex-absolute button{
   cursor: pointer;
}
.map-message-box{
   position: relative;
   padding: 20px 20px 20px 50px;
   border-top: 1px solid #fff;
}
.map-message-box::before{
   content: '\f071';
   position: absolute;
   left: 10px;
   top: 18px;
   font-size: 21px;
   color: #fcbf00;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
}
.map-wrapper{
   position: relative;
   overflow: hidden;
}
.filter-wrap{
   max-width: 400px;
   margin: 40px auto;
   box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
   border-radius: 10px;
   overflow: hidden;
   background-color: #ffffff;
}
.filter-wrap:hover{
   box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.35);
}

.wrap-radios{
   padding: 15px 22px;
   position: relative;
}   
.wrap-radios label{
   padding-right: 10px;
}
.wrap-radios .checkator_holder{
   width: auto;
   height: auto;
   margin: 0!important;
}

.wrap-radios .checkator_element.radio{
   width: 18px;
   height: 18px;
   top: 3px;
   border: 1px solid #061ab1;
}
.wrap-radios label.required .checkator_element.radio{
   border: 1px solid #061ab1;
}
.wrap-radios .checkator_source:checked+.checkator_element:after{
   display: none;
}
.wrap-radios .checkator_source:checked+.checkator_element{
   border: 1px solid #999;
}
.wrap-radios .checkator_source:checked+.checkator_element {
   border: 1px solid #061ab1;
   background: #061ab1 url(../img/icon-checked-white.svg) no-repeat 50% 50%;
   display: block;
   position: absolute;
   width: 18px;
   height: 18px;
}
.wrap-radios span{
   display: inline-block;
   padding-left: 25px;
}
.icon-setting{
   padding: 10px 12px;
   position: absolute;
   right: 10px;
   top: 6px;
   cursor: pointer;
   font-size: 20px;
   line-height: 1;
}
.icon-setting i:hover{
   transform: rotateY(180deg);
   position: relative;
}
.filter-wrap .search-box{
   padding: 15px 22px;
   line-height: 26px;
   position: relative;
}
.filter-wrap input[type='text']{
   line-height: 45px;
   color: #000;
   width: 100%;
   padding: 10px 50px 10px 15px;
   border-radius: 10px;
   /* border: 0; */
}
.filter-wrap input[type='text']:focus{
   outline: none;
   border-color: #e2e2e2;
}
.filter-wrap button{
   cursor: pointer;
   background-color: #061ab1;
   border: 1px solid #061ab1;
   color: #fff;
   font-size: 15px;
   border-radius: 50%;
   width: 33px;
   height: 33px;
   position: absolute;
   right: 30px;
   top: 24px;
}
.filter-wrap button img{
   height: 20px;
   width: 20px;
   object-fit: cover;
   z-index: 99999;
   position: absolute;
   top: 6px;
   right: 3px;
}
.filter-wrap button i{
   color: #061ab1;
}
.filter-wrap .top-label{
   padding: 16px 16px 10px 16px;
   display: block;
   font-family: 'NewsonGLS Bold';
   font-weight: 700;
   line-height: 1.2;
   color: #000000;
   font-size: 20px;
   text-align: center;
}

.saturday-toggle{
   padding: 10px 15px;
   margin-right: 20px;
   background-color: #E2E2E2;
   cursor: pointer;
   color: #989898;
   border-radius: 10px;
}
.saturday-toggle.toggled{
   background-color: #061ab1;
   color: #fff;
}
.activities-select{
   position: relative;
   display: flex;
}
.activities-select .item-activity{
   padding: 10px 35px 10px 15px;
   margin-right: 20px;
   display: inline-block;
   position: relative;
   background-color: #061ab1;
   color: #fff;
   cursor: pointer;
   border-radius: 20px;
}
.activities-select .item-activity:after{
   content: "\f107";
   font-family: 'awb-icons';
   line-height: 1;
   margin-left: 7px;
   font-size: 17px;
   position: absolute;
   right: 13px;
   top: calc(50% - 11px);
}
.activities-select .item-activity:before{
   content: "\f106";
   font-family: 'awb-icons';
   line-height: 1;
   font-size: 17px;
   position: absolute;
   right: 13px;
   top: calc(50% - 7px);
}
.extra-filters{
   display: flex;
   justify-content: flex-start;
   align-items: center;
   margin-bottom: 30px;
   padding-bottom: 5px;
   white-space: nowrap;
   overflow: auto;
}
.shipping-select{
   margin-right: 20px;
}

.select-wrap{
   position: relative;
   margin-right: 20px;
}
.select-wrap::before{
   content: "\f107";
   font-family: 'awb-icons';
   line-height: 1;
   font-size: 20px;
   color: #172154;
   position: absolute;
   right: 13px;
   top: calc(50% - 9px);
   z-index: -1;
}
.extra-filters select{
   height: 44px;
   padding-left: 10px;
   padding-right: 30px;
   -webkit-appearance: none;
   -moz-appearance: none;
   text-indent: 1px;
   background: transparent;
   z-index: 0;
   cursor: pointer;
   border-radius: 10px;
}
.extra-filters select[name="shippingType"]{
   min-width: 250px;
}
.extra-filters select:focus,
.select-box.changed select{
   border-color: #061ab1;
   color: #000;
}

.extra-filters select::-ms-expand {
   display: none;
}

.shippingType-checkbox{
   margin-right: 20px;
}
.link-anchor{
   cursor: pointer;
}
.map-box{
   position: relative;
}
.map{
   position: relative;
   z-index: 0;
}
.map-filter-bar{
   position: absolute;
   top: 20px;
   z-index: 1;
   list-style: none;
   padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
   margin: 0 auto;
   left: 50%;
   transform: translate(-50%, 0);
}
.map-filter-bar .checkator_holder {
   width: 100%!important;
   height: 100%!important;
}
.hidden{
   display: none;
}
.toggle-box{
   display: none;
   padding-bottom: 10px;
}

.slide-box .weekhours .hours{
   display: block;
}
.slide-box .weekhours .hours-wrap{
   display: block;
   position: relative;
}
.slide-box .weekhours .hours-wrap .first-hour::before{
   content: attr(data-day);
   position: absolute;
   left: 0;
   top: 0;
}
.slide-box .weekhours .hours-wrap:nth-child(2n+1) .first-hour {
   padding-left: 115px;
}
.slide-box .weekhours .weekday {
   min-width: 100px;
   display: inline-block;
}
.slide-box .weekhours .hours-wrap:nth-child(2n+2) {
   padding-left: 115px;
}
.slide-box .weekhours .first-hour:empty{
   display: none;
}
.slide-box .weekhours .first-hour{
   position: relative;
   line-height: 1;
}
.slide-box .weekhours .first-hour:after{
   content: ' - ';
}
.map-filter-bar input{
   position: absolute;
   width: 100%;
   height: 100%;
   cursor: pointer;
   opacity: 0;
}
.checkator_element{
   display: none;
}
.map-filter-bar .top-label{
   color: #fff;
   padding: 8px 15px;
   display: inline-block;
   text-decoration: none;
   background-color: #656565;
   border-radius: 2px;
}

.map-filter-bar button{
   position: relative;
   padding: 10px 20px;
   margin-left: 5px;
   margin-right: 5px;
   min-width: 130px;
   display: inline-block;
   text-decoration: none;
   background-color: #656565;
   border: 0;
   border-radius: 20px;
   color: #fff;
   font-size: 15px;
   cursor: pointer;
   font-family: 'NewsonGLS Regular';
}
.map-filter-bar button span{
   vertical-align: bottom;
}
.map-filter-bar .lockericon{
   width: 17px;
   margin-right: 10px;
}
.address-box .icon-shop{
   width: 25px;
   height: 25px;
}
.address-box .icon-shop.locker-svg{
   background-image: url('../img/locker-blue.svg');
}
.address-box .icon-shop.agency-svg{
   background-image: url('../img/agency-yellow.svg');
}
html.es-ES .address-box .icon-shop.agency-svg{
   background-image: url('../img/agencia-yellow.svg');
}
.address-box .icon-shop.parcelshop-svg{
   background-image: url('../img/parcelshop-image.svg');
}

.map-filter-bar .agencyicon{
   width: 25px;
   margin-right: 10px;
}

.map-filter-bar button i{
   padding-right: 10px;
   font-size: 18px;
}
.map-filter-bar button[disabled]{
   cursor: not-allowed;
}
.map-filter-bar button[data-value="locker"].active{
   background-color: #2E3765;
}
.map-filter-bar button[data-value="agency"].active{
   background-color: #FCBF00;
}
.extra-filters-wrap{
   display: none;
}
.map-filter-bar button[data-value="business"].active{
   background-color: #780232;
}
.infowindowContent{
   max-width: 200px;
   padding: 5px 10px;
   text-align: center;
   display: inline-block;
}
.infowindowContent img{
   max-width: 100px!important;
   margin: 0 auto;
}
.map .gm-style img:hover {
   transform: scale(1,1);
}
.infowindowContent a{
   display: block;
   font-size: 17px;
   text-align: center;
   margin-top: 15px;
   font-weight: 500;

}
.map { 
   height: calc(100vh - 207px);
}
.sidebar-map{
   height: calc(100vh - 207px);
   position: absolute;
   left: -100%;
   top: 0;
   width: 395px;
   overflow-x: hidden;
   overflow-y: auto;
   background-color: #fff;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.sidebar-map p{
   margin-bottom: 8px;
}
.show-info .sidebar-map{
   left: 0;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.show-info .sidebar-map h5{
   font-weight: bold;
   margin-bottom: 10px;
   position: relative;
   padding-right: 65px;
}
.show-info .sidebar-map h5 span{
   color: #000;
   font-size: 17px;
   font-weight: normal;
   position: absolute;
   right: 0;
   top: 3px;
   font-family: 'NewsonGLS Regular';
}
.map-box{
   max-width: 100%;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.show-info .map-box{
   max-width: calc(100% - 395px);
   margin-left: auto;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.sidebar-map .slide-box{
   padding: 15px 25px 20px 25px;
   background-color: #ffffff;
   border: 1px solid #CACBD0;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
   margin: 15px 10px;
   position: relative;
}

.sidebar-map .slide-box:hover,
.sidebar-map .slide-box.active{
   background-color: #c8e7f2;
   border-color: #c8e7f2;
}
.sidebar-map .wrap-toggle{
   border-bottom: 1px solid #B9BCCB;
}
.sidebar-map .wrap-toggle span[data-detail]{
   font-weight: bold;
   cursor: pointer;
   display: block;
   padding-bottom: 8px;
   position: relative;
}
.sidebar-map .wrap-toggle span[data-detail]::before{
   position: absolute;
   top: 5px;
   right: 0;
   display: block;
   width: 18px;
   height: 18px;
   background: #fcbf00 url(../img/icon-plus-white.svg) no-repeat 0 0;
   content: "";
}
.sidebar-map .wrap-toggle span[data-detail].toggled::before{
   background: #fcbf00 url(../img/icon-minus-white.svg) no-repeat 0 0;
}
.sidebar-map .wrap-toggle a{
   display: inline-block;
}
.sidebar-map .wrap-toggle .btn-secondary{
   background-color: #172154;
   padding: 8px 15px;
   color: #fff;
   margin-right: 10px;
   font-weight: 300;
}
.sidebar-map .slide-box{
   box-shadow: 0 10px 12px 0 rgb(0 0 0 / 18%);
   -webkit-transition: All .2s ease;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.sidebar-map .slide-box:hover{
   box-shadow: 0 15px 20px 0 rgba(0,0,0,.35);
}
.sidebar-map h3{
   background-color: #061ab1;
   color: #fff !important;
   margin: 0;
   padding: 15px;
   text-align: center;
   font-size: 20px;
   position: sticky;
   left: 0;
   top: 0;
   z-index: 3;
}
.gm-style img:hover{
   transform: scale(2)
}
.sidebar-map .wrap-slides:empty::before{
   content: '\f071';
   position: absolute;
   left: 10px;
   top: 15px;
   font-size: 21px;
   color: #fcbf00;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
}
.sidebar-map .wrap-slides:empty::after{
   content: attr(data-empty);
   position: relative;
   display: inline-block;
   left: 18px;
   top: 16px;
   font-family: 'NewsonGLS Regular';
   padding-right: 38px;
   padding-left: 25px;
   font-weight: 700;
   color: #172154;
   font-size: 22px;
}
.sidebar-map .wrap-slides .address-box{
   position: relative;
   padding-right: 35px;
}
.wrap-slides{
   position: relative;
}
.wrap-slides .address-box i{
   position: absolute;
   font-size: 24px;
   top: 2px;
   right: 0;
   background-repeat: no-repeat;
   background-size: contain;
   background-repeat: no-repeat;
}
.wrap-slides .address-box i.fa-store{
   color: #780232;
}
.wrap-slides .address-box i.fa-hotel{
   color: #FCBF00;
}
.wrap-slides .address-box i.fa-hotel{
   color: #FCBF00;
}
.wrap-slides .address-box i.fa-store-alt{
   color: #2E3765;
}
.close-map{
   display: none;
}
/*------------  Eco styles  ------------*/
.eco-box{
   background-color: #009b3e;
   color: #fff;
   display: flex;
   flex-flow: wrap;
   justify-content: space-between;
   padding: 8px 10px;
   margin-left: -25px;
   margin-right: -25px;
   margin-top: -15px;
   margin-bottom: 13px;
}
.eco-box .left-eco{
   width: 60%;
   line-height: 1.4;
}
.eco-box .left-eco span{
   font-size: 20px;
   font-weight: bold;
   line-height: 1;
   padding-right: 8px;
}
.eco-box .toggle-eco{
   width: 40%;
   text-align: right;
   font-size: 13px;
   position: relative;
   padding-right: 15px;
   cursor: pointer;
}
.eco-box .toggle-eco::before{
   content: "\f107";
   font-family: 'awb-icons';
   line-height: 1;
   font-size: 16px;
   color: #fff;
   position: absolute;
   right: 0;
   top: 2px;
}
.eco-box .toggle-eco.toggled::before{
   content: "\f106";
   top: 0;
}

.eco-box .eco-description{
   font-size: 13px;
   position: relative;
   padding-top: 5px;
   display: none;
}

/*------------  Custom selecet dropdown  ------------*/
.dropdown-select{
   position: relative;
   min-width: 250px;
}
.dropdown-select .dropdown-head{
   position: relative;
   border: 1px solid #e2e2e2;
   padding: 9px 10px;
   margin-right: 20px;
   display: block;
   color: #9ea0a4;
   cursor: pointer;
   border-radius: 10px;
}
.dropdown-select .dropdown-head:focus,
.dropdown-select .dropdown-head.toggled{
   border: 1px solid #061ab1;
   color: #000;
}
.dropdown-select .dropdown-head:before{
   content: "\f107";
   font-family: 'awb-icons';
   line-height: 1;
   font-size: 20px;
   color: #000;
   position: absolute;
   right: 13px;
   top: calc(50% - 9px);
   z-index: 0;
}
.js-dropdown-list {
   display: none;
   position: absolute;
   left: 0;
   top: 100%;
   background-color: #fff;
   width: 230px;
   z-index: 20;
   list-style: none;
   margin: 0;
   padding: 0;
   box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.34);
}

.js-dropdown-list li {
   padding: 0 12px;
   cursor: pointer;
   color: #172154;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -ms-user-select: none;
   user-select: none;
   display: block;
}
.js-dropdown-list li:focus, .js-dropdown-list li:hover {
   background-color: #cecece;
}
.js-dropdown-list li:active {
   background-color: #cecece;
}
.js-dropdown-list .tooltip .tooltip-inner{
   max-width: 270px;
   width: 270px;
   text-align: left;
   background-color: #eeeeee;
   color: #172154;
   box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.233);
}
@media screen and (max-width: 991.98px) {
   .sidebar-map{
      width: 300px;
   }
   .show-info .map-box {
      max-width: calc(100% - 300px);
   }
   .wrap-radios span{
      padding-left: 22px;
   }
}
@media screen and (max-width: 767.98px) {
   .show-info .map-box,
   .map-box{
      max-width: 100%;
      margin-right: auto;
   }
   .map { 
      height: 450px;
      
   }
   .show-info .map {
      width: calc(100% - 15px);
   }
   .sidebar-map{
      height: 450px;
   }
   .sidebar-map h3{
      display: none;
   }
   .sidebar-map{
      position: absolute;
      overflow-x: auto;
      overflow-y: hidden;
      width: 100%;
      height: auto;
      top: auto;
      left: 0;
      bottom: -100%;
   }
   .show-info .sidebar-map{
      left: 0;
      bottom: 0;
      position: relative;
   }
   .map-filter-bar button{
      min-width: 65px;
   }
   .map-filter-bar button span{
      display: none;
   }
   .map-filter-bar button i {
      padding-right: 0;
   }
   .map-filter-bar{
      top: auto;
      bottom: 30px;
      max-width: 215px;
   }
   .sidebar-map .slide-box{
      min-height: 180px;
      min-width: 300px;
      padding: 12px 18px;
   }
   .sidebar-map .slide-box.active,
   .sidebar-map .slide-box:hover{
      box-shadow: 0px 6px 11px 0 rgba(0,0,0,.25);
   }
   .wrap-slides{
      display: flex;
      padding-top: 20px;
      padding-bottom: 20px;
   }
   .sidebar-map .wrap-slides:empty::before {
      top: 19px;
   }
   .sidebar-map .wrap-slides:empty::after {
      top: 0;
   }
   .map-filter-bar a span{
      display: none;
   }
   .map-filter-bar a i{
      padding-right: 0;
   }
   /*Mob*/
   .show-info .map-box{
      padding-right: 0px;
   }
   .sidebar-map .wrap-slides .slide-box{
      bottom: 0;
      width: 100%;
      margin: 0;
      margin-right: 15px;
      padding-top: 30px;
      transition: all 0.3s; 
   }
   /*.sidebar-map .wrap-slides .slide-box.active{
      position: fixed;
      display: block !important;
      z-index: 9;
   }*/
   .geolocation .grecaptcha-badge{
      display: none !important;
   }
   .close-map{
      display: none;
      cursor: pointer;
      position: absolute;
      right: 19px;
      top: 5px;
      font-size: 20px;
      width: 30px;
      text-align: right;
      z-index: 999999;
   }
   .map-box .map-filter-bar button img{
      margin-right: 0;
   }
}
