/*Custom CSS*/
.newdev{
  color: #FF6D00;
}
.mr-1{
  margin-right: 1em;
}
.required{
  color: #dc3139 !important;
}
.invalid-feedback{
  color: #de5959;
  font-weight: bolder;
}
@media only screen and (max-width: 600px) {
  .logo{
    height: 100%;
    width: 100%;
  }
}


span.helper{
  font-size: 10px;
  font-style: italic;
  font-weight: 500;
}
div.input-slug-container{
  display: flex;
  flex-direction: row;
  justify-content: stretch;
  align-items: center;

}
.input-slug-item{
  min-width: 90px;
  margin-right: 0.1em;
}
.input-slug-item.input-slug-text{
  margin: 0!important;
  background: #fbfdff;
  border: 1px solid #dde6ef;
  box-shadow: 0 1px 4px 0px rgba(0, 0, 0, 0.05);
  width: calc(100% - 180px);
}
#emoji {
width: 160px;
}
.htmx-request .my-indicator{
    display:inline;
}


.redes-sociales-contenedor{
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 50px;
}
.redes-sociales-item{
  border-bottom: none!important;
}