.no-border-radius {

  border-radius: 0;
  /* Set border-radius to 0 */
}


body {
  background-color: rgb(216, 216, 216);
}

/* informacion en el nav despues de busqueda */
.infoSearch {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
}

.nav-resultado {
  margin-top: -24px;
  max-height: 30px;
  margin-bottom: 24px;
}


.accordion-button:hover {
  background-color: #ffc107d7 !important;
}

.accordion-button {
  border: none !important;
  box-shadow: none !important;
  background-color: #ffffff48 !important;
}


/* ---------  logo teneloo --------------- */
.teneloo {
  border: solid 1px;
  border-color: rgba(255, 196, 2, 0);
}

.teneloo:hover {

  border-color: rgb(104, 104, 104);
}

/* button en subcategorias busqueda filtros */
.button-atexto {
  background: none;
  border: none;
  text-align: start;
  color: #818181;
}

.button-atexto:hover {
  color: rgb(255, 167, 3);
}

/* ------------- categories home ---------------- */
.categories:hover {
  transition: border 0.2s;
  border: solid 3px;
  margin-bottom: -6px;
  border-color: rgba(247, 247, 247, 0);
}

.categories {
  transition: border 0.2s;
  border: none;
  border-color: rgba(247, 247, 247, 0);
}



#gallery {
  width: 100%;
  height: 300px;
  margin: 0px;
  margin-top: -24px;
  margin-bottom: 24px;
  overflow: hidden;
}

.search-galery {
  margin-top: 1px !important;
}

.gallery-container {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.gallery-item {
  min-width: 100%;
  box-sizing: border-box;
}

.gallery-item img {
  width: 100%;
  height: 300px;

}


.gallery-navigation {
  display: flex;
  justify-content: space-between;
  position: relative;
  top: -70px;
}

.nav-button {
  background-color: #005f5f52;
  color: white;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
}

.nav-button:hover {
  background-color: #005f5f;
}

/* ------------------------------------------------------ */


.card-body-user {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  max-height: 530px;
}

.photo-user {
  width: 180px;
  height: auto;
  margin: 20px;
  margin-top: 50px;
}

.divPhoto {
  width: 180px;
  height: 180px;
  margin: 20px;
  background-repeat: no-repeat;
  background-size: 180px 180px;
  background-color: rgb(206, 206, 206);
  border: solid 1px;
  border-color: rgb(255, 160, 37);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.add-icon {
  width: 40px;
  height: 40px;
}

.delete-icon {
  /* margin-left: 150px; */
  width: 40px;
  height: 40px;
}

.inputPhoto {
  display: none;
}

.photoLabel {
  cursor: pointer;
  cursor: hand;
}



.divImage {
  width: 300px;
  height: 300px;
  margin: 20px;
  background-repeat: no-repeat;
  background-size: 300px 300px;
  background-color: rgb(206, 206, 206);
}

.images {
  display: flex;
  flex-flow: wrap;
  align-items: end;
}

.inputFile {
  display: none;
}

.imageLabel {
  cursor: pointer;
  cursor: hand;
}

.delete-icon-article {
  width: 40px;
  height: 40px;
  margin-top: 220px;
}



.heartInput {
  outline: none;
  border: none;
  background: rgba(255, 255, 255, 0);
  width: 50px;
  height: 50px;
}

.heartOff {
  transition: 0.3s;
  font-size: 50px;
  color: rgb(206, 206, 206);
  padding: 0px;
  margin: 0px;
}

.heartOn {
  transition: 0.3s;
  font-size: 50px;
  color: rgb(255, 160, 37);
  padding: 0px;
  margin: 0px;
}

button .heartOff:hover {
  transition: 0.3s;
  color: rgb(255, 160, 37);
}

button .heartOn:hover {
  transition: 0.3s;
  color: rgb(206, 206, 206);
}

/* para las publicaciones resultados vertical */

.publix {
  transition: border 0.3s;
  /* ease-in-out; */
  min-width: 310px;
  max-width: 310px;
  max-height: 500px;
}

.publix:hover {
  border: solid 1px;
  border-color: rgb(255, 198, 10);
}

.div-slide {
  height: 510px;
  width: 600px;
}

.pageSlide {
  height: 387px;
  width: 400px
}


.user-card {
  width: 615px;

}

.div-page {
  display: flex;
  justify-content: space-between;
  align-items: start;
}

.img-modal {
  width: 1000px;
  height: 600px;
}

.img-slide-home {
  height: 600px;
}

.div-slide-home {
  height: 350px;
  margin-top: -25px;
}


.imagen-card {
  height: 210px;
  width: 100%;
}

/*--------------------------- Estrellas ---------------------*/
.form-group.rating {
  display: flex;
  justify-content: flex-end;
  margin-left: 0px !important;
  margin-top: -5px !important;
}

.txt-center {
  text-align: center;
}

.hide {
  display: none;
}

.clear {
  float: none;
  clear: both;
}

.rating {
  width: 90px;
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: center;
  position: relative;
}


.rating>label {
  float: right;
  display: inline;
  padding: 0;
  margin: 0;
  position: relative;
  width: 1.1em;
  font-size: 40px;
  cursor: pointer;
  color: rgb(156, 156, 156);
}

.rating>label:hover,
.rating>label:hover~label,
.rating>input.radio-btn:checked~label {
  color: transparent;
}

.rating>label:hover:before,
.rating>label:hover~label:before,
.rating>input.radio-btn:checked~label:before,
.rating>input.radio-btn:checked~label:before {
  content: "\2605";
  position: absolute;
  left: 0;
  color: #FFD700;
}



.img-notificacion {
  min-height: 90px;
  max-height: 90px;
  min-width: 100px;
}







.fixed-header {
  height: 400px;
  overflow-y: auto;
}

.fixed-header thead {
  position: sticky;
  top: 0;
  background-color: white;
  /* Ajusta según el diseño de tu tabla */
  z-index: 1;
  /* Asegúrate de que el encabezado esté encima del contenido */
}


.responsive-img {
  height: 190px;
  min-height: 190px;
  width: 100%;
}


/* pagina del usuario  */
/* slide */
.responsive-slide-user {
  width: 465px;
}

.reputacion-div-2 {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}

.reputacion-2 {
  width: 50%;
}

.ayuda {
  display: flex;
  flex-direction: row;
  align-items: start;
  justify-content: center;
}

.ayuda-1 {
  width: 40%;
  border: none;
}

.ayuda-2 {
  width: 100%;
  height: 800px;
  overflow-y: auto;
}

.ayuda-2 h6 {
  padding-top: 5%;
}

.ayuda-2 p {
  margin-bottom: 0px;
}

/* buscar  */
.resultado-b {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-direction: row;
}


/*--------------  mensajes chat --------------------------*/
.messagecontainer {
  height: 290px;
}

.abajo {
  margin-left: 25%;
}

.chat1 {
  display: flex;
  justify-content: start;
  margin-left: -50%;
}

.chat2 {
  display: flex;
  justify-content: end;
  margin-right: 2%;
}

.info-1 {
  display: flex;
  align-items: center;
  justify-content: center;
}







@media screen and (max-width: 770px) {
  .list-responsive {
    width: 100%;
  }

  .div-slide {
    height: 400px;
    width: auto;
  }

  /* slide home ------------------ */
  .img-slide-home {
    height: 250px;
    max-width: 100% !important;
  }

  .div-slide-home {
    height: 200px;
    margin-top: -25px;
  }


  .div-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
  }

  .responsive-off {
    display: none;
  }

  .responsive-h-240 {
    height: 240px;
  }

  .pageSlide {
    height: auto;
    width: auto;
  }

  .user-card {
    height: auto;
    width: auto;
  }

  .reputation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .reputacion-1 {
    width: 100%;
  }

  .reputacion-div-2 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
  }


  .reputacion-2 {
    width: 100%;
    min-width: 50%;
  }


  /* -------- cards publicaciones --------------- */

  .imagen-card {
    height: 230px;
    width: 100%;
    border-radius: 8px;
  }


  /* indicador mas mensajes abajo en mensajes */
  .down-indicator {
    margin-top: 200px;
    margin-left: 150px;
  }

  .messagecontainer {
    height: 300px;
  }

  .abajo {
    margin-left: 5%;
  }

  .chat1 {
    display: flex;
    justify-content: start;
  }

  .chat2 {
    display: flex;
    justify-content: end;
    margin-right: -50%;
  }

  /* vista publicaciones y borradores celular */
  .responsive-img {
    height: 350px;
    min-height: 350px;
    width: 100%;

  }

  /* pagina del usuario  */
  /* slide */
  .responsive-slide-user {
    max-width: 100%;
  }

  .ayuda {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
  }

  .ayuda-1 {
    width: 100%;
    padding-bottom: 8%;
    margin-bottom: 5%;
    border-bottom: solid 1px;
    border-color: rgb(104, 104, 104);
  }

  .ayuda-2 {
    width: 100%;
  }

  /* buscar celular*/
  .resultado-b {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-direction: row;
  }

  .nav-resultado {
    margin-top: -24px;
    max-height: fit-content;
    margin-bottom: 24px;
  }




}


@media screen and (max-width: 991px) {
  .container {
    justify-content: center !important;
    align-items: start !important;
  }

  .teneloo {
    margin: 0px;
  }

  .form-bu {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .form-control {
    border-radius: 20px !important;
    margin-bottom: 2%;
  }

  .buscar-1 {
    border-radius: 20px !important;
    margin-top: 5%;
  }


  .list-responsive {
    width: 70%;
  }

  .responsive-w {
    min-width: 1300px;
  }


  .imagen-card {
    height: 230px;
    width: 100%;
  }


  /* indicador mas mensajes abajo en mensajes */
  .down-indicator {
    margin-top: 200px;
    margin-left: 400px;

  }

  /* indicador mas mensajes abajo en mensajes */
  .down-indicator {
    margin-top: 200px;
    margin-left: 500px;
  }

  .messagecontainer {
    height: 250px;
  }

  .chat1 {
    display: flex;
    justify-content: start;
    margin-left: -50%;
  }

  .chat2 {
    display: flex;
    justify-content: end;
  }

  /* vista publicaciones y borradores tableta */
  .responsive-img {
    min-height: 210px;
    width: 100%;
  }

  /* buscar tableta*/
  .resultado-b {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .filtros {
    min-width: 100%;
    display: none;
  }

  .publix {
    min-width: 300px !important;
  }


  .resultado-b {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .filtros {
    min-width: 100%;
    display: none;
  }

  .publix {
    min-width: 300px !important;
  }


/* imprimir */


/* @page {
    size: landscape !important;

  } */
}