﻿/*Modulo*/
.mb20 {
    margin-bottom: 20px !important;
} 

.mostrar {
    display: block !important;
}

.disclaimerFiltro {
    font-size: 11px;
    display: block;
}



/*Banner*/

#bannerCajero {
    padding-top: 20px;
    padding-bottom: 20px;
}

#bannerCajero #traductorBloque {
    background-color: white;
    padding: 10px;
    border-radius: 25px;
    box-shadow: 0px 3px 7px rgb(0 0 0 / 43%);
    width: 147px;
}

#bannerCajero #traductorBloque img {
    margin-right: 10px;
}

#bannerCajero #traductorBloque span {
    margin-right: 10px;
}

.selectorRadio {
    position: absolute;
    top: 44px;
    right: 14px;
    left: auto;
    background: white;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 1;
    width: 156px;
    box-shadow: 0px 3px 7px rgb(0 0 0 / 43%);
    display: none;
}

.selectorRadio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 20px;
    width: 20px;
    border: 2px solid rgb(224, 224, 224);
    border-radius: 50%;
    margin-left: -30px;
}

.selectorRadio input[type="radio"]:checked {
    border: 4px solid #00c1d5;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus {
    outline: none;
}

.selectorRadio label {
    padding-left: 40px;
    font-weight: 500;
}

#bannerCajero #ubicacionImg {
    margin-bottom: 10px;
    width: 130px;
}

#bannerCajero #tituloBanner {
    margin-bottom: 20px;
}

#bannerCajero #playIcon {
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 10px;
}

/* Buscador */

.selectorRadio#municipioRadio {
    top: 54px;
    right: auto;
    left: -2px;
    border-radius: 5px;
    width: 187px;
    padding: 10px;
    border: 2px solid #00c1d5;
    text-align: left;
}

#buscadorOficinas {
    padding-top: 20px;
}

#buscadorOficinas .aceptaDeposito {
    margin-top: 20px;
}

#buscadorOficinas #municipioFiltro {
    padding: 10px 5px;
    border: 2px solid #00c1d5;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

#buscadorOficinas #buscadorCajero {
    padding: 10px 5px;
    border-top: 2px solid #00c1d5;
    border-bottom: 2px solid #00c1d5;
}

#buscadorOficinas #buscadorCajero input {
    height: 33px;
    border: none;
    background: none;
    width: 100%;
    
}

#buscadorOficinas #buscadorCajero input:focus{
    outline: none;
}

#buscadorOficinas #lupaBoton {
    padding: 10px 5px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 26px;

}

#buscadorOficinas #filtrosAcc label {
    padding-left: 30px;
}

#buscadorOficinas #filtrosAcc input[type="checkbox"] {
        -webkit-appearance:none;
        -moz-appearance:none;
        width:20px;
        height:20px;
        background:white;
        border-radius:5px;
        border:2px solid #00c1d5;
        margin-left: -30px;
    
}

#buscadorOficinas #filtrosAcc input[type="checkbox"]:checked {
    background-color: #00c1d5;
    outline: none;
}

#buscadorOficinas #filtrosAcc input[type="checkbox"]:checked:before {
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: white;
    font-size: 16px;
    position: absolute;
}

#buscadorOficinas #filtrosAcc .checkbox {
    display: flex;
}

#buscadorOficinas #filtrosAcc .checkbox #hotelesCheck {
    margin-right: 20px;
}

#buscadorOficinas #municipio {
    position: absolute;
}

/* Listado */

#buscadorOficinas .oficinaContenedor {
    background-color: white;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 30px;
    min-height: 330px;
}

#buscadorOficinas .oficinaContenedor .tituloOficina {
    margin-bottom: 20px;
}

#buscadorOficinas .oficinaContenedor #verMapaImg {
    height: 40px;
}
#buscadorOficinas .oficinaContenedor #depositoImg {
    height: 30px;
}

#buscadorOficinas .oficinaContenedor #enlaceVermapa {
    margin-right: 20px;
}

