.grecaptcha-badge{
  display: none !important;
}
.ventanaFotoCatalogo{
  width: 100%;
  position: relative;
}    
.tablaCatalogo{
  width: 100%;                  
  background: white;                  
}    
#listadoBOM{
  position: absolute;
  right:0.5em;
  top:0.5em;
}

.bomRoundedSmall{
  width: 2%;
  height: 2.8%;  
  opacity: 0.5;      
  border-radius: 100%;
  position: absolute;
  cursor: pointer;
}

.bomRoundedBig{
  width: 3%;
  height: 4.2%;  
  opacity: 0.5;      
  border-radius: 100%;
  position: absolute;
  cursor: pointer;
}

.bomSquareSmall{
  width: 4%;
  height: 2%;  
  opacity: 0.5;      
  position: absolute;
  cursor: pointer;
}

.bomSquareBig{
  width: 6%;
  height: 3%;      
  opacity: 0.5;           
  position: absolute;
  cursor: pointer;
}

.bomTab{
  width: 2em;
  height: 2em;  
  opacity: 0.3;      
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
  background: none !important;
  z-index:2;
}

.bomText{
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fotoVehiculo{
  width: 100%;
  max-width: 200px;      
}
.fotoMarca{
  width: 100%;
  max-width: 80px;
  position: absolute;
  top:0;
  left: 0%;  
}
#listadoPartes{
  width: 100% !important;
}
#listadoPartes tbody tr{
  cursor: pointer;
}
.paises, .marcas, .lineas, .modelos, .motores, .colores{
  position: absolute;
  top:20px;
  right: 10%;
  width: 280px; 
  z-index: 2;  
  display: none;
}
.paises .list-group, .marcas .list-group, .lineas .list-group, .modelos .list-group, .motores .list-group, .colores .list-group{
  --bs-list-group-bg: none;
  --bs-list-group-border-color: none; 
  cursor: pointer;
}
.paises img, .marcas img, .lineas img, .modelos img, .motores img, .colores img{
  width: 50px;
  margin-top: -3px;
}
.paises a, .salir, .marcas a, .lineas a, .modelos a, .motores a, .colores a{
  cursor: pointer;
}
.listadoVehiculosVersion, .listadoColoresVersion, .listadoRepuestosVersion{
  position: absolute;
  top:50px;
  left: 2%;
  width: 95%;
  max-width: 600px; 
  z-index: 2;    
  background: white;
  border:1px solid #e1e1e1;
  border-radius: 10px !important;
  padding: 1em;
  box-shadow: 0 4px 8px 0 rgba(68,68,68,0.2);
  display: none;
}
.listadoVehiculosVersion .list-group, .listadoColoresVersion .list-group, .listadoRepuestosVersion .list-group{
  --bs-list-group-bg: none;
  --bs-list-group-border-color: none; 
  cursor: pointer;
}
.listadoVehiculosVersion img, .listadoColoresVersion img, .listadoRepuestosVersion img{
  width: 80px;
  margin-top: -3px;
}

.fichaCompatibilidad{
  display: none;
}

.recuadro{
  background: white;
  border:1px solid #e1e1e1;
  border-radius: 10px;
  padding: 1em;
  box-shadow: 0 4px 8px 0 rgba(68,68,68,0.2);
}
.recuadro .list-group-item{
  border:0;
}

#cuadroBusqueda .list-group-item{
  border:0;
}

#catalogoPartes{
  display: none;
}

#procesando, #procesandoCatalogo, #procesandoCatalogoModal, #procesandoResultados, #logosModelos, #logosLineas, #logosYear, #modeloReferencia, #logosColores, #conjuntosModeloReferencia, #visualizadorPartes, #filtrosConjuntos, #mensajeBusquedaVIN{
  display: none;
  flex-direction: row;
  flex-wrap: wrap;
}
.adminBloqueLink{
  color:#333;
}
.atrasCatalogo, .marcaOption, .lineaOption, .modeloOption, .motorOption, .colorOption, .conjuntoOption, .fallasCaso{
  cursor: pointer;
}
.conjuntoOption img{
  opacity: 0.6;
}
.atrasCatalogo img:hover, .marcaOption img:hover, .lineaOption img:hover, .modeloOption img:hover, .motorOption img:hover, .colorOption img:hover, .conjuntoOption img:hover, .fallasCaso img:hover, .adminBloqueLink div:hover{
  border: 2px solid rgba(0,151,218,0.5) !important;
  opacity: 1;
}
.viewBOM{
  background: orange;
  cursor: pointer;
}
.fondoBOM{  
  background: lightblue !important;   
  font-weight: bold;
}
.cardAftermarket{
  display: none;
}
.nav-item{
  cursor: pointer;
}
.techInfo{
  display: none;
}

.modalStd, .modalStdMapa{
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  left:0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999;
  display: none;
}
.modalStd .xmark, .modalStdMapa .xmark{
  position: fixed;
  color:white;
  font-size: 3em;
  right:3%;
  top:1%;
  cursor: pointer;
}
.modalStd .recuadro, .modalStdMapa .recuadro{
  width:90%;  
  height: auto;
  max-width: 1200px;
  max-height: 80vh;  
  overflow-y: auto;  
  position: absolute;
  left:50%;
  top:50%;
  transform: translate(-50%,-50%);  
}

.recuadro{
  background: white;
  border:1px solid #e1e1e1;
  border-radius: 10px;
  padding: 1em;
  box-shadow: 0 4px 8px 0 rgba(68,68,68,0.2);
}

.espera, .mensajeAction{
  position: absolute;
  width: calc(100% - 2em);
  height: calc(100% - 2em);  
  z-index: 2;  
  display:none;
}

.imagenEspera, .imagenMensaje{
  width: 80%;
  max-width: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.imagenEspera img, .imagenMensaje img{
  width: 100%;
}
.modelosCarga, .cambiosCarga, .sourcingCarga{
  display: none;
}
.carousel-control-next:hover, .carousel-control-prev:hover{
  background: rgba(0, 0, 0, 0.5);
}

#visorCatalogo{ 
 height: 100px;
 overflow: hidden;
}

.bomTAG{
  position: absolute;  
  top: 0;
  left: 0;
  background: lightblue;
  border-radius: 0.25em 0 1em 0;
  padding: 0.25em 1em 0.5em 0.8em;
  cursor: pointer;
  color:#333;
}
.bomTAG{
  font-size: 1.2em;  
  text-align: center;
  font-weight: bold;
  line-height: 0.9em;
}
.dt-length label, .dt-info{
  display: none;
}

.itemBOM{
  padding: 0.5em;
}
.itemBOM:nth-child(odd){
  background: white;
}
.itemBOM:nth-child(even){
  background: lightgray;
}
.dragBOM{
  background: lightseagreen;
  cursor: pointer;
}
.tooltip.show{
  z-index: 2;
}
.table{
  --bs-table-striped-color: none !important;
}

.rota{
  animation: mymove 3s;
  animation-iteration-count: infinite;
}
@keyframes mymove {
  from {rotate: 0;}
  to {rotate: 360deg;}
}

.editaBOMAlert, .eliminaBOMAlert{
  display: none;
}

.listaVehiculos{
  cursor: pointer;
}

.vehiculosConjuntoAsocia{
  display: none;
}

.seleccionVersion, .seleccionColor{  
  cursor: pointer;
  background: var(--main-color) !important;
  color: var(--text-color) !important;
  border:0 !important;
  border-radius: 0 !important;
}

.seleccionVersion:hover, .seleccionColor:hover{
  background: var(--secondary-color) !important;
}

.dropdown-item{
  cursor: pointer;
}
.dropdown-menu{
  --bs-dropdown-link-active-bg: var(--main-color) !important;  
}
.cardSelect{
  display: none;
}

.buscadorDinamico{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -25%);   
}

@media (max-width: 600px){            
    .buscadorDinamico{
      transform: translate(-50%, -35%);
    }  

    .textBannerFluid h1{
      font-size: 2em;
    }
    .textBannerFluid h3{
      font-size: 1.3em;
    }

    .searchGroupMobile{
      display: inline-block !important;
    }
    .searchGroup{
      display: none !important;
    }        
}

.imagenBanner{
    width: 100%;
    height: 380px;
    border-radius: 1em;    
}

.imagenBannerFluid{
    width: 100%;
    min-height: 520px;    
}

.textBanner{
  position: absolute;
  top: 15%;
  left: 5%;
  color: white;
}

.textBannerFluid{
  position: absolute;
  width: 98%;
  text-align: center;
  top: 25%;
  left: 50%;
  transform: translateX(-50%);
  color: white;  
}

.textBanner h1, .textBannerFluid h1{
  font-size: 3.5em;
  font-weight: 700;
  line-height: 0.8;
}

.busqueda{
  border-radius: 30em;
}
.busqueda{
  display:block;
}
.busqueda input{
  padding: 15px 15px !important;
}
.busqueda .input-group>.form-control, .busqueda .input-group>.input-group-text{
  border-radius: 30em;
}
.searchGroupMobile{
  display: none !important;
}
.buscarCatalogo, .buscarCatalogoDealer{
  border-radius: 0 30em 30em 0 !important;
  border-color: var(--main-color) !important;
  background: var(--main-color) !important;
  color: var(--text-color) !important;
  padding: 0 30px !important;
}
.buscarCatalogo:hover, .buscarCatalogo-mobile:hover, .buscarCatalogoDealer:hover, .buscarCatalogoDealer-mobile{
  border-color: var(--secondary-color) !important;
  background: var(--secondary-color) !important;
}

.buscarCatalogo-mobile, .buscarCatalogoDelaer-mobile{
  padding: 10px 30%!important;
  margin: 0 auto;
  border-radius:30em !important;
  border-color: var(--main-color) !important;
  background: var(--main-color) !important;
  color: var(--text-color) !important;
}

.btnSite{ 
  cursor: pointer;
  background: var(--main-color) !important;
  color: var(--text-color) !important;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  padding: 0.5em 1em;
  border:0;
  border-radius: 0.375em;  
}
.btnSite:hover{
  background: var(--secondary-color) !important;
}
.btnSite:disabled{
  background: gray;
}