.importante{
    display:block !important;
}
.content li {
  list-style: none;
}
.fa-bars{
    color: rgba(75, 174, 17, 0.85);
    font-size: 20px;
    margin: auto;
}


.content {
        position: absolute;
    top: 0px;
    height: auto;
    width: 100%;
    overflow-y: initial;
    z-index: 5000;
}
body{
        overflow: auto !important;
}
body .content aside {
     width: 30%;
    position: absolute;
    overflow-y: unset;
        display: none;
    background: white;
    z-index: 1;
}
.content aside nav >  ul > li > ul {
    position: absolute;
    left: 100%;
    background: white;
    width: 100%;
}


.content aside nav > ul{
    position: absolute;
    background: white;
    width: 100%;
}
.content aside nav > ul >li {
    position:relative;
}
.content aside nav > ul >li > ul {
    position: absolute;
    left: 100%;
    background: white;
    width: 60%;
}
.content aside nav > ul >li  ul {
    display:none;
    top:0;
}
.content aside nav > ul >li > ul > li {
    position: relative;
    cursor: pointer;
    height: 40px;
    display:flex;
    width: 92%;
    font-size: 14px;
    margin: auto;
    color: gray;
    align-items: center;
    border-bottom: 1px solid #e3e4e6;
}
.content aside nav a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
    font-weight: 100;
    color: #0e0e0e;
}
.content aside nav > ul >li > ul > li > ul {
    position: absolute;
    left: 100%;
    background: white;
    width: 100%;
}
.content aside nav > ul >li > ul > li > ul > li{
    position: relative;
    cursor: pointer;
    padding: 10px;
    height: 40px;
    width: 100%;
    font-size: 14px;
    margin: auto;
    color: gray;
    align-items: center;
    border-bottom: 1px solid #e3e4e6;
}

  .titulomobile{
      display:none;
  }
  
@media only screen and (max-width: 1200px) {
  body .content aside {
    width: 20% !important;
  }
}
.carritoFormulario{
    padding: 1px;
    font-size: 12px;
}
.carritoFormulario div{
   padding: 1px;
    text-align: center;
}
.hroculto{
    display:none;
}

.sinpadding{
      padding:0px !important;
          text-align: center;
 }
 .padding1{
     padding: 1px;
    text-align: center;
    font-size: 14px;
 }
 
@media only screen and (max-width: 1200px) and (max-width: 820px) {
 .capa{
     position: fixed;
    width: 100%;
    background: white;
    height: auto;
 }
  body .content aside {
    width: 100% !important;
    left: -100%;
    
  }
  .containermenu {
    box-shadow: 0px 0px 0px 0px rgba(145,145,145,1) !important;
        display: block;
  }
  .main-head {
    padding: 0px 7px;
    
}
.contentIniciar1{
    width:100% !important;
}
.modal-contentIniciarDistribuidor {
    
        width: 80% !important;
}

  .content aside nav > ul >li > ul {
    position: relative !important;
    width: 100% !important;
}
  .listadoContainer {
       overflow: auto;
    height: 49vh;
}
  #listaBuscador{
     width: 100% !important;
     left: 0 !important;
         height: 100vh !important;
     margin-top: 120px !important;
  }
   #listadoInterno {
       width: 100% !important;
   }

  .ingresarEmail{
      width: 100% !important;
  }
  .emailParrafos{
      width: 100% !important;
  }
  .DatosComprador{
      width: 100% !important;
  }
  .resumen{
      width: 100% !important;
      margin-left: 0% !important;
  }
  .cajaOcultaMobile{
      display: flex;
    text-align: left;
    margin: auto;
    width: 70%;
  }
  .carritoFormulario{
      display:none;
  }
  .contentSeguirComprando{
        width: 980% !important;
    }
    .flexboxButtonCarrito {
        width: 100%;
    }
      .owl-carousel3{
          width:100%;
          display:none !important;
      }
      .titulomobile{
      display:block;
  }
      .containerCarrousel2{
          width:100%;
      }
      
      .main-content .owl-theme .custom-nav {
        top: 0 !important;
      }
      .flechas {
    zoom: 0 !important;
      }
      .main-content .owl-theme .custom-nav .owl-next {
        right: -30px !important;
      }
      .main-content .owl-theme .custom-nav .owl-prev {
            left: -33px !important;
        }
      #listadoCarritoCompras{
        width:100% !important;
        border-right: 0px solid grey !important;
        margin-right: 0% !important;
    }
    #capaDatosGenerales table {
        width: 100% !important;
        
    }
    .colresposiveTable{
        font-size:11px !important;
    }
    .hroculto{
        display:block;
    }
    #capaDatosGenerales{
       margin: auto;
    width: 95% !important;
        border: 1px solid #92bb46;
    padding: 24px;
    margin-bottom: 23px;
    }
    .centradoTexto{
        text-align: center;
    }
    .derechaTexto{
		text-align: right;
		width:100% !important;
    }
    .izquierdaTexto{
		text-align: left;
    }
    .aceptarterminos {
        margin-top:0px !important;    
    }
    .footertown .widget {
        text-align: center;
    }
    .centradoCaja{
        text-align: center;
        margin-bottom: 17px;
    margin-top: 17px;
    }
    .centrado{
        text-align: center !important;
        
    }
    .bodySeguirComprandoMobile{
            width: 51.5%;
    }
    .text-right{
        width:100% !important;
    }
}

body .content aside nav {
  background: #fff;

}

body .content aside nav ul li .nav-item2 {
  padding:0px;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  height: 40px;
  width:92%;
  font-size: 14px;
  margin: auto;
  color: gray;
  align-items: center;
  border-bottom: 1px solid #e3e4e6;
}
@media only screen and (max-width: 900px) {
  body .content aside nav ul li .nav-item2 {
    
  }
}
@media only screen and (max-width: 900px) and (max-width: 800px) {
  body .content aside nav ul li .nav-item2 {
    height: 50px;
  }
}

body .content aside nav ul li .nav-item2 .icon-nav {
  margin-right: 1%;
  min-width: 30px;
  text-align:left;
    width: 16%;
  align-items: center;
  display: flex;
  margin-top: 3px;
}
body .content aside nav ul li .nav-item2 .icon-nav i {
  color: #6200ea;
}
body .content aside nav ul li .nav-item2 a {
  max-height: 20px;
}
@media only screen and (max-width: 800px) {
  body .content aside nav ul li .nav-item2 a {
    max-height: inherit;
  }
}

body .content aside nav ul li .nav-item2:hover {
  background-color: #e5e4e4;
}


  .whatsapp{
  position: fixed;
    z-index: 2;
    bottom: 8px;
    right: 8px;
    height: 60px;
    min-width: 60px;
    max-width: 95vw;
    background-color: #25d366;
    color: #fff;
    width: 60px;
    border-radius: 30px;
    box-shadow: 1px 6px 24px 0 rgba(7,94,84,.24);
    cursor: pointer;
    transition: background-color .2s linear;
    -webkit-tap-highlight-color: transparent;
  }
  
  .menu-search{
    cursor: pointer;
    display: flex;
        flex-wrap: wrap;
        width:30%;
    align-items: center;
    text-align: center;
}
.menu-search p{
    margin: 0px !important;
    font-size: 15px;
    width:100%;
}
.content  ul{
    margin-left:0px !important;
}
.nav-item2 a{
    font-weight: 100;
    color: #0e0e0e;
    width:79%;
    font-size: 14px;
}
.icon-nav img{
    margin:auto;
}
.fa-chevron-right{
    color:rgba(75, 174, 17, 0.85);
}
.logoCabecera{
    text-align:center;
    padding:20px;
}
.nav-itemInicio{
    background-color: #f4f4f4;
    width: 100% !important;
    padding: 0px 20px !important;
}

.owl-dots{
    display:none !important;
}
.padding{
    padding:0;
}
body .content aside::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    height: 8px;    /* Tamaño del scroll en horizontal */
    display: none;  /* Ocultar scroll */
}

.containerFlex{
      width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding:0 !important;
    
}
#listadoCarritoCompras{
    width: 65%;
    margin-right: 5%;
}
#capaDatosGenerales{
        width: 30%;
    border-left: 1px solid grey;
    padding: 15px;
}
.tituloIniciarSesion{
    width:100% !important;
    text-align:center;
}
.ocultarli{
    display:none;
}
.iconUser{
    color: #92bb46;
}
.contentIniciar1{
        width: 40%;
}

.bodyIniciar1{
    text-align: center !important;
    padding: 20px !important;
    border: 2px solid #92bb46;
    border-radius: 5px;
}
.modal-contentIniciarDistribuidor{
    width:50%;
    margin:auto !important;
}
.flexButton{
    text-align:center;
}
.form-group{
    margin-bottom:5px !important;
}
label {
    margin-bottom: 1px !important;
}
.center2{
    text-align:center;
}
#formularioCarrito{
    display:none;
}
.botonFinalizarCompra{
    background: rgba(150, 191, 17, 0.85) !important;
    border-color: rgba(150, 191, 17, 0.85) !important;
    padding: 8px;
    width: 100%;
    color: white;
    border-radius: 3px;
    margin-bottom: 12px;
    margin-top: 4px;
}
.botonPagarRecaudo{
    background: rgba(150, 191, 17, 0.85) !important;
    border-color: rgba(150, 191, 17, 0.85) !important;
    padding: 8px;
    width: 80%;
    color: white;
	font-weight:bold;
	font-size:16px;
    border-radius: 3px;
    margin-bottom: 12px;
    margin-top: 4px;
}
.aceptarterminos{
    font-size:11px;
        margin-top: 160px;
}
.seguircomprando{
    text-align: center;
    font-size: 11px;
    margin-bottom: 15px;
    text-decoration: underline;
}
.seguircomprando a{
    color:black;
}
.confirmarEmail{
    padding: 70px;
}
.containerFlexEmail{
    display: flex;
    flex-wrap:wrap;
    margin-top: 40px;
}
.ingresarEmail{
        width: 60%;
    padding: 0px 5%;
    margin-right: 6%;
}
.emailParrafos{
        width: 34%;
}
.paddingcero{
    padding:0px !important;
}
.botonEmail{
    background: #92bb46;
    margin-top: 13px;
        text-align: center;
    padding: 6px;
}
.botonEmail a{
    color: white;
}
.texto{
        color: grey;
    font-size: 11px;
}
.fascarrito{
    color: grey;   
}
.datosFacturacion{
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
}
.datosMetodoEntrega{
    display: flex;
    flex-wrap: wrap;
    padding: 40px;
}
.DatosComprador{
   width: 65%;
    padding: 3%;
    border: 1px solid #dddddd;
    border-radius: 1px;
}
.botonMetodoEntrega{
    margin-left: 0px;
    background: rgba(150, 191, 17, 0.85) !important;
    border-color: rgba(150, 191, 17, 0.85) !important;
    padding: 8px;
    width: 100%;
    color: white;
    border-radius: 3px;
    margin-bottom: 12px;
    margin-top: 20px;
}
.botonCotizarTransporte{
    margin-left: 0px;
    background: rgba(150, 191, 17, 0.85) !important;
    border-color: rgba(150, 191, 17, 0.85) !important;
    padding: 8px;
    width: 100%;
    color: white;
    border-radius: 3px;
    margin-bottom: 12px;
    margin-top: 20px;
}
.botonConfirmarCompra{
    margin-left: 0px;
    background: rgba(150, 191, 17, 0.85) !important;
    border-color: rgba(150, 191, 17, 0.85) !important;
    padding: 8px;
    width: 100%;
    color: white;
    border-radius: 3px;
    margin-bottom: 12px;
    margin-top: 20px;
}
.resumen{
    width: 30%;
	padding: 20px;
    margin-left: 5%;
    border: 1px solid #dddddd;
}
.margenes{
    margin-top: 10px;
    margin-bottom: 13px;
}
.micuentaResponsive{
    background:white;
}