/***
LA IDEA DE ESTE PANEL ES QUE TENGA TODOS LOS ELEMENOS DE LAS PAGINAS QUE NECESITAN LOS USUARIOS REGISTRADOS 
DEBE CARGARSE SOLO EN LAS E CONFIGURACION COMO 

MI PERFIL
SETEO
FAVORITOS
SEGUIMIENTO
PUBLICAR SALIDA 
PUBLICAR NOTA 
SALIDA X SALDRIA 
SALIDAS CALENDARIO 
Todas las que no ven los usuarios noregistrados 


***/



/*PORTADAS*/


.bg-header-asociarse {
  position: relative;
  overflow: hidden;
  background: url('../img/header-asociarse.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  min-height: 400px;
  color: #91A1C1;
}

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




/*   QUE HACER */ 

.quehacer {
  position: relative;
  overflow: hidden;
  background: url('../img/fondotramado.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: scroll;
  background-size: cover;
  min-height: 80px;
}

.quehacer p {
  color: #FFFFFF;
}

.quehacer h1 {
  color: #555;
}

.quehacer .card {
  background-color: #F7F7F7;
}

.quehacer .card-body {
  padding: 1rem 1.25rem;
}

.quehacer .card-body big {
  font-weight: 600;
}

.quehacer .card .card-title {
  color: #556080;
}

.quehacer .card .card-text,
.quehacer .card .card-text a {
  color: #91A1C1;
  font-size: 0.8rem;
}

.quehacer .card .btn-primary {
  color: #fff;
  background-color: #556080;
  border-color: #556080;
}

/* solo esta usado en /cha/index.php    abajo del quehacer h1 */



/* AYUDA ---- Preparado para la seccion de ayuda que aun no la arme integrada 


/* SE USAN EN EL ENCABEZADO mod2_cab */

/*HEADER*/



/*HEADER RESPONSIVE*/



/*FOOTER*/


/*FOOTER RESPONSIVE*/



/*SLIDER*/


/*BOX CENTRAL, DER IZQ (HOME LOGEADO)*/


/*HOME LOGUEADO RESPONSIVE*/




/*ENCONTRAR*/


/*
body.pnuevo .SAL-S-0 {
  display: none !important;
}*/

/*ENCONTRAR RESPONSIVE*/







/*SALIDAS */



/*SALIDAS RESPONSIVE*/





/*SALIDAS INTERNAS*/



/* SALIDAS POR ORGANIZADOR */


/* SALIDAS POR SALDRIAS */

body.por-saldrias .lista-salidas {
  display: flex;
  flex-flow: row wrap;
}

body.por-saldrias .lista-salidas .box-salida-destacada {
  flex: 0 0 calc(50% - 5px);
  margin-right: 10px;
  margin-bottom: 10px;
}

body.por-saldrias .lista-salidas .box-salida-destacada:nth-of-type(2n) {
  margin-right: 0;
}

body.por-saldrias .lista-salidas .box-salida-destacada .card .users {
  display: flex;
  flex-flow: row wrap;
  padding: 0 10px;
}

body.por-saldrias .lista-salidas .box-salida-destacada .card .users a.user {
  flex: 0 0 50px;
  margin-left: 5px;
}

body.por-saldrias .lista-salidas .box-salida-destacada .card .users a.user:first-of-type {
  margin-left: 0;
}

body.por-saldrias .lista-salidas .box-salida-destacada .card .users a.user img {
  width: 100%;
}

body.por-saldrias .box-salida-destacada .card .card-botones div i.fa-calendar-alt {
  margin-left: 0;
}

body.por-saldrias .box-izq .recom {
  padding: 10px;
}

body.por-saldrias .box-izq .recom h5 {
  font-size: 16px;
  color: var(--ver);
  text-align: center;
}

body.por-saldrias .btn-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
}

body.por-saldrias .btn-link > i {
  margin-right: 5px;
}

@media(max-width:575px){

  body.por-saldrias .lista-salidas .box-salida-destacada {
    flex: 0 0 100%;
    margin-bottom: 10px;
  }

}

/* SALIDAS CALENDARIO */

body.salidas-calendario .bg-buscador-salidas > .container-fluid,
body.salidas-calendario .bg-buscador-salidas > .container-fluid > .row {
  height: 100%;
}

body.salidas-calendario .bg-buscador-salidas > .container-fluid > .row > .col-lg-12 {
  display: flex;
  align-content: center;
  justify-content: center;
}

body.salidas-calendario .bg-buscador-salidas > .container-fluid > .row > .col-lg-12 > h1 {
  display: flex;
  align-self: center;
}

body.salidas-calendario .cal-mes h5 {
  text-align: center;
}

body.salidas-calendario .cal-mes {
  padding: 0 15px;
  margin-top: 15px !important;
}

body.salidas-calendario .cal-semana {
  display: flex;
  flex-flow: row wrap;
}

body.salidas-calendario .cal-dia {
  flex: 0 0 calc(100% / 7 - 8.57px);
  margin-right: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}

body.salidas-calendario .cal-dia .hoy {
  background-color: var(--success);
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 13px;
  color: #fff;
  line-height: 13px;
  font-weight: 600;
  margin-left: 5px;
}

body.salidas-calendario .cal-dia .num-dia {
  position: relative;
}

body.salidas-calendario .cal-dia .num-dia span {
  position: absolute;
  left: 0;
  background: #000;
  height: 100%;
  line-height: 28px;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  width: 30px;
}

body.salidas-calendario .cal-semana .cal-dia:last-of-type {
  margin-right: 0;
}



/* SALIDAS CALENDARIO RESPONSIVE */

@media (max-width: 991px){

body.salidas-calendario .cal-dia {
  flex: 0 0 calc(100% / 4 - 7.5px);
}

body.salidas-calendario .cal-semana .cal-dia:nth-of-type(4) {
  margin-right: 0;
}

}

@media (max-width: 575px){

  body.salidas-calendario .cal-dia {
    flex: 0 0 calc(100% / 3 - 6.67px);
    max-width: calc(100% / 3 - 6.67px);
  }
  
  body.salidas-calendario .cal-semana .cal-dia:nth-of-type(4) {
    margin-right: 10px;
  }

  body.salidas-calendario .cal-semana .cal-dia:nth-of-type(3n) {
    margin-right: 0;
  }
  
}

@media (max-width: 449px){

  body.salidas-calendario .cal-dia {
    flex: 0 0 calc(100% / 2 - 5px);
    max-width: calc(100% / 2 - 5px);
  }
  
  body.salidas-calendario .cal-semana .cal-dia:nth-of-type(3n) {
    margin-right: 10px;
  }

  body.salidas-calendario .cal-semana .cal-dia:nth-of-type(2n) {
    margin-right: 0;
  }
  
}

/* SALIDAS NOCHE BUENA AÑO NUEVO */

body.salidas-fiestas .bg-buscador-salidas > .container-fluid,
body.salidas-fiestas .bg-buscador-salidas > .container-fluid > .row {
  height: 100%;
}

body.salidas-fiestas .bg-buscador-salidas > .container-fluid > .row > .col-lg-12 {
  display: flex;
  align-content: center;
  justify-content: center;
}

body.salidas-fiestas .bg-buscador-salidas > .container-fluid > .row > .col-lg-12 > h1 {
  display: flex;
  align-self: center;
}

body.salidas-fiestas .box-ppal {
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}

body.salidas-fiestas .box-ppal .col-evento {
  flex: 0 0 calc(50% - 5px);
  max-width: calc(50% - 5px);
  margin-bottom: 15px;
}

body.salidas-fiestas .box-ppal .col-evento .cont {
  padding: 10px;
}

body.salidas-fiestas .box-ppal .col-evento:first-of-type {
  margin-right: 10px;
}

body.salidas-fiestas .box-ppal .col-evento .link {
  color: var(--neg);
  border-bottom: 1px solid #eee;
  padding: 5px 0;
  display: block;
}

body.salidas-fiestas .box-ppal .col-evento .link:hover {
  color: var(--ver);
  text-decoration: none;
}

body.salidas-fiestas .box-ppal .col-evento .cont > .link:last-of-type {
  border: 0;
}

body.salidas-fiestas .box-ppal .col-evento .link i {
  color: var(--ver);
}

body.salidas-fiestas .box-ppal a.borrarme {
  padding: 0;
  overflow: hidden;
  transition: initial;
}

body.salidas-fiestas .box-ppal a.borrarme > div {
  color: #fff;
}

body.salidas-fiestas .box-ppal a.borrarme .anotado {
  padding: .375rem .75rem;
}

body.salidas-fiestas .box-ppal a.borrarme .borrar {
  display: none;
  background: #Ff3636;
  padding: .375rem .75rem;
}

body.salidas-fiestas .box-ppal a.borrarme:hover {
  border-color: #Ff3636;
}

body.salidas-fiestas .box-ppal a.borrarme:hover .borrar {
  display: block;
}

body.salidas-fiestas .box-ppal a.borrarme:hover .anotado {
  display: none;
}

body.salidas-fiestas .box-ppal .borrar {
  display: none;
}

body.salidas-fiestas .box-ppal .titulo-anotados h3 {
  line-height: 22px !important;
  min-height: 40px;
  padding: 9px 0;
}

body.salidas-fiestas .anotados {
  padding: 10px 10px 0;
}

body.salidas-fiestas .anotados .col-ciudad:last-of-type {
  border: 0;
  margin-bottom: 0;
}

body.salidas-fiestas .col-ciudad {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
}

body.salidas-fiestas .col-ciudad .items {
  display: flex;
  flex-flow: row wrap;
}

body.salidas-fiestas .col-ciudad h4 {
  font-size: 19px;
  margin-bottom: 10px;
}

body.salidas-fiestas .col-ciudad h4 a {
  color: var(--neg);
  font-size: 19px;
}

body.salidas-fiestas .col-ciudad .items .media {
  flex: 0 0 80px;
  max-width: 80px;
  display: flex;
  flex-flow: row wrap;
  margin-right: 10px;
  margin-bottom: 10px;
}

body.salidas-fiestas .col-ciudad .items .media a {
  width: 100%;
  display: block;
  font-size: 12px;
  line-height: 14px;
  color: var(--neg);
  position: relative;
}

body.salidas-fiestas .col-ciudad .items .media a img {
  width: 80px;
}

body.salidas-fiestas .col-ciudad .items .media a .edad {
  padding: 3px;
  border-radius: 20px;
  background: var(--fondo);
  display: inline-block;
  position: absolute;
  bottom: -10px;
  width: 42px;
  text-align: center;
  margin-left: calc(50% - 21px);
}

body.salidas-fiestas .col-ciudad .items .autor {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
}

body.salidas-fiestas .col-ciudad .items .autor a {
  text-align: center;
}

body.salidas-fiestas .box-ppal .copas {
  width: 100%;
  max-width: 200px;
  margin: 40px auto;
  display: block;
}

body.salidas-fiestas .box-ppal .texto-fiestas {
  padding: 10px;
}

body.salidas-fiestas .box-ppal .texto-fiestas p {
  padding: 0 70px;
  margin: auto;
}

body.salidas-fiestas .box-ppal .texto-fiestas a {
  padding: 0 70px;
  margin: auto;
  font-weight: 600;
  color: var(--ver);
  margin-top: 20px;
  margin-bottom: 40px;
  display: block;
}

body.salidas-fiestas .box-der > div {
  padding: 10px;
}

body.salidas-fiestas .video-ayuda h6 {
  font-size: 16px;
  font-weight: 600;
  color: var(--ver);
  margin-bottom: 10px;
  line-height: 16px;
}

body.salidas-fiestas .video-ayuda p {
  font-size: 16px;
  font-weight: 600;
  color: var(--neg);
  margin-bottom: 10px;
  line-height: 16px;
}

body.salidas-fiestas .video-ayuda img {
  width: 100%;
}

body.salidas-fiestas .box-der h3 {
  font-size: 19px;
  margin-bottom: 10px;
}

body.salidas-fiestas .box-der .video {
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 15px;
}

body.salidas-fiestas .box-der .video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* SALIDAS NOCHE BUENA AÑO NUEVO  RESPONSIVE */

@media (max-width: 1199px){

body.salidas-fiestas .box-der > div {
  display: flex;
  flex-flow: row wrap;
  margin-top: 15px;
}

body.salidas-fiestas .box-der hr {
  display: none;
}

body.salidas-fiestas .box-der .entrevista,
body.salidas-fiestas .box-der .video-ayuda {
  flex: 0 0 calc(50% - 5px);
}

body.salidas-fiestas .box-der .entrevista {
  margin-left: 10px;
}

body.salidas-fiestas .box-der > div > img {
  margin: auto;
  max-width: 500px;
  width: 100%;
}

}

@media (max-width: 767px){

body.salidas-fiestas .box-ppal .col-evento {
  flex: 0 0 100%;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
}

body.salidas-fiestas .box-der hr {
  display: block;
  width: 100%;
}

body.salidas-fiestas .box-der .entrevista,
body.salidas-fiestas .box-der .video-ayuda {
  flex: 0 0 100%;
  margin-left: 0;
}

}

/*NOTAS*/



/*NOTAS RESPONSIVE*/



/* solo se usa en salg_alta es un titulo comun de fondo verde como el de las salidas */ 
h1.titulo-publicar-salida  {
  background-color: #adcb51;
  color: #fff;
  font-size: 1.2rem;
  border-top-right-radius: .25rem;
  border-top-left-radius: .25rem;
}












/** LISTADOS DE SALIDAS Y NOTAS **/


/* NOTAS POR AUTOR */

/* PUBLICAR NOTA */

body.pub-nota .bg-buscador-notas {
  display: flex;
  align-items: center;
}

body.pub-nota #cke_editor1,
body.pub-nota #editor1 {
  width: 100% !important;
}

body.pub-nota .form-publicar .form-inline .custom-select,
body.pub-nota .form-publicar .form-control,
body.pub-nota .form-publicar select.form-control {
  background: #fff;
  border: 1px solid #ced4da;
  font-size: 16px;
}

body.pub-nota .form-publicar label {
  color: var(--neg);
  font-size: 16px;
  display: block;
}

body.pub-nota .form-publicar input,
body.pub-nota .form-publicar select,
body.pub-nota .form-publicar textarea {
  border-radius: 4px !important;
}

body.pub-nota .form-publicar input[type="date"],
body.pub-nota .form-publicar input[type="text"]{
  height: 38px;
  width: 100%;
  border: 1px solid #ced4da;
  padding: .375rem .75rem;
}

body.pub-nota .opc {
  display: flex;
  flex-flow: row wrap;
}

body.pub-nota .boxsimple .sombreado {
  border-radius: 0 0 4px 4px !important;
}

body.pub-nota .form-publicar label[for="video"]{
  position: relative;
}

body.pub-nota .form-publicar label[for="video"]:before {
  content: "\f167";
  font-family: "Font Awesome 5 Brands";
  color: #ff0000;
  font-size: 14px;
  position: absolute;
  display: block;
  top: 41px;
  left: 10px;
}

body.pub-nota .form-publicar input#video {
  padding-left: 35px;
}

body.pub-nota .term {
  color: var(--neg);
  font-size: 16px;
}

body.pub-nota .box-tips button {
  border: 0;
  background: transparent;
  color: var(--neg);
  font-size: 16px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-weight: 600;
  outline: none;
}

body.pub-nota .box-tips button:hover {
  text-decoration: underline;
}

body.pub-nota .box-tips button .fa-chart-bar {
  color: var(--cel);
}

body.pub-nota #MasComentariosCollapse p {
  font-size: 16px;
  color: var(--neg);
}





/* PAGINA DE NOTA */




/*BOX COMPLETAR PERFIL*/

.box-perfil {
  padding: 10px;
  margin-bottom: 15px;
}

.box-perfil .table a{
  color: inherit;
}

.box-perfil p {
  color: var(--neg);
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 10px;
}

.box-perfil p span {
  color: var(--nar);
  font-weight: 700;
}

.progress {
  background: var(--fondo);
}

.box-perfil .btn-link {
  color: var(--neg) !important;
  border: 0;
  padding: 0;
  font-size: 14px;
  line-height: 14px;
  margin-top: 10px;
  text-decoration: none !important;
}

.box-perfil .btn-link:hover {
  color: var(--nar) !important;
}

.box-perfil .table {
  font-size: 14px;
  color: var(--neg);
  border-color: #eee;
  margin: 10px 0;
}

.box-perfil i.fa-check-circle {
  color: #7ad474;
}

.box-perfil .table tr td:last-of-type {
  text-align: center;
  color: var(--nar);
}













/* mi-perfil , pensado para la ficha propia pero como fui copiando codigo quedo por todos lados  */ 







/* ENQUES */



/* ENQUES RESPONSIVE */



/* quedo solo en P_enques y P_fotos salidas y en LIB_FUN BOX SIMPLE de casualidad */




/*Se usa en BOXusua y en LISTADO USUA es el cuadro en donde se ven los usuarios , tambien se usa en mod2_pficha-menu ,
el problema es que el largo fijo , no me sirve para cuando busco amigos, salvo que ponga una descripcion mas larga  */

/*.box-saldrias {
  min-height: 600px;  535  
  max-height: 635px;   540  
}*/

/*el box-usuario-mensaje se ve que lo usaron para uno de los menues y yo lo fui copiando a todos los que lo use */





/* box-asociarse usado solo en la paginade asociarse */

.box-asociarse {
  color: #90a0c0;
  font-size: .8rem;
}

.box-asociarse h1 {
  background-color: #e46c0b;
  color: #fff;
  font-size: 1.2rem;
  border-top-right-radius: .25rem;
  border-top-left-radius: .25rem;
}
.box-asociarse .txt-suscribite {
  color: #686868;
  font-size: 1.4rem;
}

.box-asociarse  ul {
  list-style-image: url('../img/check-li.png');
}
.box-asociarse  ul li {
    line-height: 1.5rem;
    margin-bottom: .5rem;
}
.box-asociarse .plan {
  line-height:normal;  
}
.box-asociarse .plan span {
  color: #686868;
}

.box-asociarse .plan .titulo{
  font-size: 1.1rem;
  color: #e46c0b;
  font-weight: 600;
}
.box-asociarse .plan .periodo {
  font-size: .7rem;
  font-weight: 300;
}
.box-asociarse .plan .precio{
  font-size: 2.2rem;
  color: #686868;
  font-weight: 600;
}
.box-asociarse .plan .btn-warning{
  font-size: .8rem;
}






/* box-salidas NO ESTA USADO EN NINGUNA PAGINA */


/*aparentemente box-buscador-salidas tampoco esta linkeado en ninguna pagina */



/*tanto titulo-notas-usuario como subtitulo-notas-usuario no lo encontre */



/* nota-enque no veo que se use */
/* ficha-nota esta en pvernota  */


/*
.ficha-nota h2 {
  color: #fff;
  background-color: #6ba3ff;
}
*/









/*  se usa en comentarios previos de salidas 
en cadena inc , comentarios posteriores de notas o salidas 
pficha mensajeria */










/** asumo que a los no registrados no usan estos mensajes **/


.box-mas-info.boxok {
  width:90%;margin:auto;
  background-color: var(--ver) !important; /* VERDE OK  */ 
  color: #fff;
}

.box-mas-info.boxerror {
  width:90%;margin:auto;
  background-color: #b31212 !important; /* ROJO */ 
  color: #fff;
}

.box-mas-info.boxinfo {
  width:90%;margin:auto;
  background-color: #4b76b3 !important; /* ROJO */ 
  color: #fff;
}


.box-mas-info .titulo-mas-info {
  font-size: 1.2rem;
  color:#fff;
  background-color:inherit;
  font-weight: 500 ; 
  
}

/*
.box-mas-info.boxinfo h1,
.box-mas-info.boxok h1,
.box-mas-info.boxerror h1{  
  
  background-color: inherit ;
  color:inherit;
}
*/

.box-mas-info.boxinfo hr,
.box-mas-info.boxok hr,
.box-mas-info.boxerror hr{  
  margin-top: .5rem;
  margin-bottom: .5rem;
}


.box-mas-info .box-cuerpo {
  background-color: var(--fondo);
  color: var(--neg);
}

.box-mas-info .box-cuerpo p {
  color: var(--neg); 
  font-size: 1rem;
}

.box-mas-info .box-cuerpo a {
  font-size: 1.1rem;
  color: inherit;
}

.box-mas-info  .btn-primary {
    color: #fff;
   background-color: #a7c10c;
   border-color: #a7c10c;
}

.box-mas-info .box-cuerpo .btn .btn-primary, 
.box-mas-info .box-cuerpo .btn .btn-warning  {
  color: #fff;
  
}

.box-mas-info  .btn-primary a,
.box-mas-info  .btn-warning a {
  color: #fff;
  
}

 
 
























/*
#portada-notas .btn-success a {
    color: #ffffff;
}
*/


/* FICHA SALIDA */









/* CARGA DE FOTOS PORTADA SALIDA */

table.carga-portada .btn {
  padding: 0 8px;
  font-size: 15px;
  line-height: 30px;
}

table.carga-portada .btn:hover {
  color: #fff !important;
}

table.carga-portada img {
  border-radius: 3px;
  margin-right: 10px;
}

table.carga-portada tr {
  border-top: 1px solid #ccc;
}

table.carga-portada tbody tr:first-of-type {
  border: 0;
}

table.carga-portada tr td {
  padding: 10px 0;
}

table.carga-portada tr td.buttons {
  display: flex;
  flex-flow: row wrap;
}

table.carga-portada tr td.buttons span {
  flex: 0 0 100%;
}

table.carga-portada tr td.buttons .opc {
  flex: 0 0 100%;
  display: flex;
  flex-flow: row wrap;
}

table.carga-portada tr td.buttons .opc a {
  margin-right: 5px;
}

/* ESTADISTICAS */

.body-salida span.total:last-of-type {
  margin-bottom: 15px;
}

.body-salida span.total {
  display: block;
  font-weight: 600;
  margin-top: 10px;
}

.body-salida span.total i {
  font-style: normal;
  color: var(--ver);
}
table.estadisticas {
  border: 0;
  border-color: #ccc;
  font-size: 16px;
  line-height: 16px;
  margin-top: 10px;
}

table.estadisticas tbody tr td:last-of-type {
  width: 300px;
}

/* EDITAR SALIDA */

table.editar-salida textarea {
  resize: none;
  width: 100%;
}












/* box-nota-destada box-salida-destacada es el cuadro que uso para LIB_FUN_BOX , 
tambien lo uso en pvernota pero no estoy seguro que este bien usado 
ya que justamente puede ser el problema de que este quedando mal los comentarios del foro */
















/* ENQUES */


/* CONFIGURACIONES */

/* menu */

.fav-menu .btn .badge-pill {
  color: var(--neg);
  background: #fff;
  border-radius: 4px;
}

.fav-menu .btn-warning .badge-pill {
  color: var(--nar);
}

/* perfil */

.configuracion p.aviso,
body.seguidores p.aviso,
body.mis-visitas p.aviso {
  font-size: 16px;
  color: var(--gri);
}

.configuracion p.aviso a {
  color: var(--nar);
}

.configuracion .config-col h3 {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
}

.configuracion .config-col h4 {
  font-size: 18px;
  color: var(--nar);
  margin-top: 20px;
}

.configuracion .config-col .opc {
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 10px;
}

.configuracion .config-col .opc input,
.pub-nota .opc input {
  flex: 0 0 50px;
  margin-top: 10px;
}

.configuracion .config-col .opc i {
  color: #28a745;
  padding: 5px 0 5px 17px;
  display: inline-block;
  flex: 0 0 50px;
  margin-top: 4px;
}

.configuracion .config-col .opc label,
.pub-nota .opc label {
  flex: 0 0 auto;
  max-width: calc(100% - 50px);
  margin-bottom: 0;
  padding: 5px;
  border-radius: 4px;
  transition: all 0.3s;
}

.configuracion .config-col .opc label:hover,
.pub-nota .opc label:hover {
  background: var(--fondo);
}

.configuracion .config-col .col-txt,
body.seguidores .col-txt,
body.seguir .col-txt,
body#home-salidas .col-txt,
body.mis-visitas .col-txt,
body.favs .col-txt,
.ficha-nota .col-txt,
.pub-nota .col-txt {
  border-radius: 4px;
  background: var(--fondo);
  padding: 5px 10px;
  margin-top: 10px;
  font-size: 16px;
  display: block;
  flex: 0 0 100%;
  color: var(--neg);
}

.configuracion .config-col .edades {
  padding-left: 19px;
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  margin-bottom: 20px;
}

.configuracion .config-col .edades > span:first-of-type {
  margin-right: 10px;
  padding: 0 !important;
}

.configuracion .config-col .edades select {
  flex: 0 0 65px;
}

.configuracion .config-col .edades > span {
  padding: 0 10px;
}

.configuracion .config-col {
  margin-bottom: 60px;
}

.configuracion .config-col:last-of-type {
  margin-bottom: 0;
}

.configuracion .config-col .bloques {
  padding-left: 19px;
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 20px;
}

.configuracion .config-col .bloques span.num {
  background: var(--fondo);
  display: inline-block;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 4px;
  color: var(--nar);
  text-align: center;
  font-weight: 600;
}

.configuracion .config-col .bloques .opc.sel {
  flex: 0 0 calc(100% - 40px);
}

.configuracion .config-col > .text-success {
  margin-right: 10px;
}

@media (max-width: 575px){

  .configuracion .config-col .edades,
  .configuracion .config-col .bloques {
    padding-left: 0;
  }
  .configuracion .config-col .edades select {
    flex: 0 0 64px;
  }

  .configuracion .config-col > .text-success {
    display: block;
  }
}

/* email */

.configuracion .config-col.cambio-email label,
.configuracion .config-col.verificar label {
  display: block;
}

.configuracion .config-col.cambio-email .mail-success {
  background-color: #d4edda;
  border-radius: 4px;
  padding: 5px;
  display: inline-block;
  line-height: 16px;
  color: #155724 !important;
}

.configuracion .config-col.cambio-email input {
  margin-bottom: 20px;
}

.configuracion .config-col.verificar input[type="submit"]{
  padding: 2px 10px;
  margin-top: -2px;
  margin-left: 5px;
}

.configuracion .config-col.verificar input[type="text"] {
  margin-bottom: 20px;
}

.configuracion .config-col.verificar p {
  margin-bottom: 20px;
}

.configuracion .config-col .checks {
  padding: 5px 0 5px 17px;
  display: inline-block;
}

.configuracion .config-col .checks > i,
.configuracion .config-col .checks > span i {
  color: #28a745;
  margin-right: 19px;
}

.configuracion .badge {
  color: #fff;
}

@media (max-width: 479px){

  .configuracion .config-col.cambio-email input {
    width: 100%;
  }

  .form-email input[type="submit"],
  .form-email input[type="reset"] {
    width: 100%;
    margin-bottom: 10px;
  }

  .configuracion .config-col.cambio-email .text-success {
    line-height: 20px;
  }

  .configuracion .config-col.verificar input[type="text"] {
    width: calc(100% - 90px);
  }

}

/* whatsapp */

.configuracion .config-col h6 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
}

.configuracion .config-col h6 a {
  color: var(--nar);
}

.configuracion .config-col div.col-txt {
  display: flex;
  padding: 15px !important;
  align-items: center;
}

.configuracion .config-col div.col-txt a,
body#home-salidas .col-txt a {
  color: var(--nar);
}

.configuracion .config-col div.col-txt img {
  width: 250px;
  height: max-content;
  border-radius: 4px;
  margin-right: 20px;
}

.configuracion .config-col.config-whatsapp span.checks {
  display: block;
}

.configuracion .config-col.config-whatsapp select {
  width: 100%;
  max-width: 375px;
}

.wa-error {
  color: #721c24;
  background-color: #f8d7da;
  border-radius: 4px;
  padding: 5px;
  display: inline-block;
  line-height: 16px;
  margin-left: 17px;
}

@media (max-width: 767px){
  .configuracion .config-col div.col-txt img {
    width: initial;
    max-width: 35%;
    flex: 0 0 35%;
    margin-right: 15px;
  }

  .configuracion .config-col div.col-txt p {
    max-width: calc(65% - 15px);
    flex: 0 0 calc(65% - 15px);
  }
}

@media (max-width: 575px){
  .configuracion .config-col div.col-txt {
    flex-flow: row wrap;
    justify-content: center;
  }
  .configuracion .config-col div.col-txt img {
    max-width: 200px;
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }

  .configuracion .config-col div.col-txt p {
    max-width: 100%;
    flex: 0 0 100%;
  }

  .configuracion .config-col.config-whatsapp span.checks {
    padding-left: 0;
  }

  .configuracion .config-col .checks > i,
  .configuracion .config-col .checks > span i {
    margin-right: 5px;
  }

  .wa-error {
    margin-left: 0;
  }
}

/* CONFIG SITIO Y CLAVE */

.configuracion .config-col.cambio-clave input[type="password"],
.configuracion .config-col.cambio-clave input[type="text"]{
  width: 100%;
  max-width: 200px;
}

.configuracion .config-col.cambio-clave input[type="submit"]{
  margin-bottom: 0;
}

.configuracion .config-col.ingreso table tbody > tr:first-of-type td {
  padding: 0;
  background: #fff;
}

.configuracion .config-col.ingreso table tbody > tr:first-of-type td span b {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
  display: block;
}

.configuracion .config-col.ingreso table tbody > tr:last-of-type {
  display: none;
}

.configuracion .config-col.ingreso table tbody input[type="submit"] {
  padding: 2px 10px;
  margin-top: -2px;
  margin-left: 5px;
}

.configuracion .config-col.cambio-clave form.recom input[type="submit"] {
  padding: 2px 10px;
  vertical-align: initial;
}

@media (max-width: 379px){

  .configuracion .config-col.cambio-clave input[name="rusuario"] {
    max-width: calc(100% - 88px);
  }
}


/* HISTORIAL DE ACCESOS */

.configuracion .config-col .logs {
  margin-left: 19px;
}

@media (max-width: 575px){

  .configuracion .config-col h3,
  body.mis-visitas h3,
  body.favs h3,
  body.seguir h3,
  body#home-salidas .alertas > div > h3,
  body.seguidores .anotados h3,
  body.difundir .tured h3,
  .encuesta-page h3 {
    font-size: 30px !important;
    line-height: 32px !important;
    margin-bottom: 15px !important;
  }

  .configuracion .config-col .opc input,
  .configuracion .config-col .opc i,
  .pub-nota .opc input {
    flex: 0 0 20px;
    padding: 5px 2px 0;
  }

  .configuracion .config-col .opc label,
  .pub-nota .opc label {
    max-width: calc(100% - 20px);
  }

}

/* MIS VISITAS */

body.mis-visitas h3,
body.favs h3,
body.seguir h3 {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
}

body.mis-visitas .visitas {
  display: flex;
  flex-flow: row wrap;
}

body.mis-visitas .vistas {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  flex: 0 0 calc(50% - 5px);
  margin-right: 10px;
}

body.mis-visitas .visitas > .vistas:nth-of-type(2n) {
  margin-right: 0 !important;
}

body.mis-visitas .vistas > a {
  display: inline-block;
  position: relative;
  flex: 0 0 100px;
  height: fit-content;
}

body.mis-visitas .vistas .birth {
  position: absolute;
  bottom: -5px;
  width: 100%;
  text-align: center;
}

body.mis-visitas .vistas .birth p {
  color: var(--neg);
  padding: 5px;
  border-radius: 20px;
  background: var(--fondo);
  display: inline-block;
  width: 62px;
  line-height: 13px;
  margin-bottom: 0;
  font-size: .8rem;
}

body.mis-visitas .vistas .media-body {
  padding-left: 10px;
}

body.mis-visitas .vistas p.fecha {
  font-size: 14px;
}

body.mis-visitas .vistas h5.autor {
  font-size: 14px;
  margin: 5px 0;
}

body.mis-visitas .vistas h5.autor a {
  color: var(--neg);
  font-size: 16px;
}

body.mis-visitas .barrio {
  font-size: 14px;
  line-height: 14px;
}

body.mis-visitas .barrio img {
  width: 20px;
  border-radius: 100%;
  margin-right: 7px;
  margin-bottom: 5px;
}

@media (max-width: 575px){
  body.mis-visitas .vistas {
    flex: 0 0 100%;
    max-width: 100%;
    overflow: hidden;
  }

  body.mis-visitas .vistas:last-of-type {
    margin-bottom: 5px !important;
  }
}

/* SEGUIDORES */

body.seguidores .fav-menu .help {
  color: var(--nar);
}

body.seguidores .col-txt a {
  color: var(--nar);
}

body.seguidores .h6info {
  font-size: 16px;
  color: var(--neg);
  margin-bottom: 15px;
}

body.seguidores .h6info span {
  color: var(--nar);
}

.fav-menu .btn {
  white-space: initial;
}

body.seguidores .suma {
  text-align: center;
}

body.seguidores .suma h2 {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 50px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 10px;
}

body.seguidores .suma img {
  width: 150px;
  margin-bottom: 40px;
}

body.seguidores:not(.difundir) .suma p:first-of-type {
  margin-bottom: 30px;
}

body.seguidores:not(.difundir) .suma p:nth-of-type(2) {
  font-size: 20px;
  line-height: 22px;
  margin-bottom: 10px;
}

body.seguidores .suma h4 {
  color: var(--nar);
  font-size: 24px;
}

body.seguidores .suma h5 {
  font-size: 16px;
  color: var(--nar);
  margin-bottom: 30px;
}

body.seguidores .anotados h3,
body.difundir .tured h3 {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
}

body.seguidores .anotados .filtros {
  margin-bottom: 30px;
}

body.seguidores .birth {
  text-align: center;
  color: var(--neg);
  padding: 5px;
  border-radius: 20px;
  background: var(--fondo);
  display: inline-block;
  width: 62px;
  line-height: 13px;
  margin-bottom: 0;
  font-size: 0.8rem;
  text-decoration: none !important;
  font-weight: 400;
}

body.seguidores .part .item {
  margin-bottom: 15px;
}

body.seguidores .part .item a,
body.seguidores .users a {
  text-decoration: none;
}

body.seguidores .part .item a img,
body.seguidores .users a img {
  width: 22px;
  border-radius: 50px;
}

body.seguidores .part .item a span.user,
body.seguidores .users a span.user {
  font-size: 16px;
  color: var(--neg);
  font-weight: 600;
}

body.seguidores .part .item a:hover span.user,
body.seguidores .users a:hover span.user {
  text-decoration: underline;
}

body.seguidores .part .item a.badge-naranja,
body.seguidores .users a.badge-naranja {
  padding: 4px;
  vertical-align: bottom;
  border-radius: 50px;
  line-height: 12px;
  display: inline-block;
  font-size: 14px;
  margin: 0 5px;
}

@media (max-width: 991px){

  body.seguidores form#table-seguidores {
    overflow: scroll;
  }
}

@media (max-width: 575px){
  body.seguidores .suma img {
    width: 100px;
    margin-bottom: 20px;
  }

  body.seguidores .suma h2 {
    font-size: 40px;
  }

  body.seguidores .suma h3 {
    font-size: 22px;
  }

  body.seguidores .suma h4 {
    font-size: 18px;
  }

  body.seguidores .anotados .filtros {
    text-align: center;
    display: flex;
    flex-direction: column;
  }

  body.seguidores .part .item a span.user, body.seguidores .users a span.user {
    font-size: 14px;
  }
}

/* DIFUNDIR */

body.difundir .regis {
  color: var(--nar);
}

body.difundir .suma p a {
  color: var(--nar);
}

body.difundir .ideas h2 {
  color: var(--ver);
  font-size: 30px;
}

body.difundir .ideas span.num {
  background: var(--fondo);
  display: inline-block;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin-top: 5px;
  margin-right: 10px;
  padding: 4px;
  color: var(--ver);
  text-align: center;
  font-weight: 600;
  font-family: 'Open Sans';
  font-size: 16px;
  line-height: 22px;
}

body.difundir .ideas .items p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 30px;
  font-weight: 600;
}

body.difundir .ideas a {
  color: var(--nar);
}

body.difundir .frase {
  font-weight: 600;
}

body.difundir .col-12 > .boxsimple:first-of-type {
  text-align: center;
}

body.difundir .col-12 > .boxsimple:first-of-type h3 {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 0;
}

body.difundir .vermas {
  color: var(--nar);
}

body.difundir .col-12 > .boxsimple:first-of-type .rounded {
  border-radius: 0 0 4px 4px !important;
}

body.difundir .tured table tr th {
  background: var(--fondo);
  font-weight: 600;
  font-size: 14px;
}

body.difundir .tured table {
  font-size: 16px;
}

body.difundir .tured table .users a {
  color: var(--neg);
  font-weight: 600;
}

body.difundir .tured table tr th a {
  color: var(--neg);
}

body.difundir .tured table tr th a:hover {
  color: #000;
}

body.difundir .tured.table-chica table,
body.difundir .tured.table-chica table a span.user {
  font-size: 14px !important;
}

body.difundir .tured.table-chica table .users {
  white-space: nowrap;
}

@media (max-width: 991px){
  body.difundir .tured .table-cont {
    overflow: scroll;
  }
}

@media (max-width: 575px){

  body.difundir .tured table {
    font-size: 14px;
  }

  body.difundir .col-12 > .boxsimple:first-of-type h3 {
    font-size: 30px;
    line-height: 32px;
  }

  body.difundir .ideas h2 {
    font-size: 25px;
    line-height: 28px;
  }

}

/* SER ANFITRION */

body.difundir .anfitrion h3 {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
}

body.difundir .anfitrion a {
  color: var(--nar);
}

body.difundir .anfitrion h4 {
  font-size: 18px;
  color: var(--nar);
  margin-top: 20px;
}

body.difundir .anfitrion label {
  margin-bottom: 0;
}

body.difundir .anfitrion .anfi,
body.difundir .anfitrion .selec,
body.difundir .anfitrion .mensajeb,
body.difundir .anfitrion .videos,
body.difundir .anfitrion .activado {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

body.difundir .anfitrion .anfi > div,
body.difundir .anfitrion .mensajeb > div,
body.difundir .anfitrion .videos > div {
  flex: 0 0 calc(50% - 7.5px);
}

body.difundir .anfitrion .selec > div {
  flex: 0 0 calc(33.33% - 10px);
}

body.difundir .anfitrion button[type="submit"]{
  width: initial !important;
}

body.difundir .anfitrion .videos .cargado {
  border-radius: 4px;
  overflow: hidden;
}

body.difundir .anfitrion .videos .cargado > div {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

body.difundir .anfitrion .videos .cargado iframe {
  width: 100%;
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0 0 4px 4px;
}


body.difundir .anfitrion .videos .cargado > p:not(.col-txt) {
  color: #fff;
  background: var(--nar);
  padding: 5px 15px;
  font-size: 14px;
}

@media (max-width: 767px){

  body.difundir .anfitrion .anfi > div,
  body.difundir .anfitrion .mensajeb > div,
  body.difundir .anfitrion .videos > div {
    flex: 0 0 100%;
  }

  body.difundir .anfitrion .anfi > div:first-of-type,
  body.difundir .anfitrion .mensajeb > div:first-of-type,
  body.difundir .anfitrion .videos > div:first-of-type {
    margin-bottom: 16px;
  }

}

@media (max-width: 575px){

  body.difundir .anfitrion .selec > div {
      flex: 0 0 100%;
  }

  body.difundir .anfitrion .selec > div:first-of-type,
  body.difundir .anfitrion .selec > div:nth-of-type(2) {
    margin-bottom: 16px;
  }

}

/* FAVORITOS */

body.favs .users {
  padding-right: 5px;
}

body.favs .users > div {
  display: flex;
}

body.favs .users .status {
  width: 21px;
  line-height: 20px;
}

body.favs .users .status i {
  border: 0 !important;
  vertical-align: text-bottom;
}

body.favs .users a {
  color: var(--neg);
  font-weight: 600;
  font-size: 14px;
  display: flex;
}

body.favs .users a.badge-naranja {
  padding: 4px;
  border-radius: 50px;
  line-height: 12px;
  display: inline-block;
  font-size: 14px;
  margin-right: 5px;
  vertical-align: bottom;
}

body.favs .users a img {
  width: 22px;
  border-radius: 50px;
  margin-right: 5px;
}

body.favs #favoritos {
  width: 100%;
}

body.favs #favoritos tr:first-of-type {
  border-bottom: 2px solid var(--nar) !important;
}

body.favs #favoritos tr th {
  padding: 5px 7.5px;
}

body.favs #favoritos tr th:first-of-type {
  padding-left: 0 !important;
}

body.favs #favoritos tr th div {
  display: flex;
  align-items: center;
}

body.favs #favoritos tr th div b {
  margin-right: 32px;
  font-weight: 600;
  color: var(--neg);
}

body.favs #favoritos tr th label {
  font-size: 16px;
  font-weight: 400;
  color: var(--neg);
  padding-left: 5px;
  line-height: 17px;
  margin-bottom: 0;
}

body.favs #favoritos tr {
  border-bottom: 1px solid rgba(0,0,0,.1);
}

body.favs #favoritos tr td {
  padding: 5px 7.5px;
  line-height: 20px;
}

body.favs #favoritos tr td:first-of-type {
  padding-left: 0 !important;
}

body.favs #favoritos tr td:last-of-type {
  padding-right: 0 !important;
}

body.favs #favoritos tr td > i {
  line-height: 20px !important;
}

body.favs #favoritos tr .alerta,
body.favs #favoritos tr .bloqueo,
body.favs #favoritos tr .opinion {
  text-align: center;
}

body.favs #favoritos tr th.text-center div {
  margin: auto;
  width: fit-content;
}

body.favs #favoritos tr .comfecha {
  font-size: 14px;
}

body.favs .btn.badge-naranja {
  margin-top: 15px;
}

body.favs .ant {
  margin-right: 10px;
}

@media (max-width: 991px){

  body.favs form#favos {
    overflow: scroll;
  }

}

@media (max-width: 767px){

  body.favs #favoritos tr th label {
    font-size: 14px;
  }

  body.favs #favoritos tr td {
    line-height: 16px;
    font-size: 14px;
  }

}

/* ALERTAS */

body#home-salidas .alertas > div > h3 {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
  border: 0;
}

body#home-salidas .alertas h4.titulo {
  font-size: 18px;
  border-bottom: 2px solid;
  margin-bottom: 15px;
}

body#home-salidas .alertas h4.titulo.salidas {
  color: var(--ver);
}

body#home-salidas .alertas h4.titulo.notas {
  color: var(--cel);
}

#home-salidas .alertas .card {
  flex-flow: initial !important;
}

#home-salidas .alertas .card .card-content {
  justify-content: space-between;
  flex: initial !important;
  max-width: initial !important;
  position: relative;
}

#home-salidas .alertas .card .card-botones {
  text-align: right;
  width: 100% !important;
}

#home-salidas .alertas .card .card-botones span.sid {
  position: absolute;
  left: 0;
}

#home-salidas .alertas .card .card-category {
  max-width: calc(100% - 110px);
}

#home-salidas .alertas .card .card-text {
  flex-flow: row wrap;
  margin-bottom: 40px;
}

#home-salidas .alertas .card .cuando {
  font-size: 14px;
  font-weight: 600;
  color: var(--neg);
  flex: 0 0 100%;
  text-align: right;
  margin-top: 15px;
}

#home-salidas .alertas .card .cuando i {
  color: var(--ver);
}

#home-salidas .alertas .card .ubi {
  width: initial !important;
}

#home-salidas .alertas .card a.card-img {
  max-width: 400px !important;
}

#home-salidas .box-salidas.alert-nota .card-content .card-category {
  color: var(--cel) !important;
}

#home-salidas .box-salidas.alert-nota .card .card-botones {
  border-color: var(--cel) !important;
}

#home-salidas .box-salidas.alert-nota .card-text {
  margin-bottom: 10px !important;
}

#home-salidas .box-salidas.alert-nota .comentarios {
  margin-bottom: 42px !important;
}

#home-salidas .box-salidas.alert-nota .comentarios img {
  margin-right: 5px;
  width: 35px;
}

@media (max-width: 767px){
  #home-salidas .alertas .box-salidas .card .card-text a {
    margin-bottom: 5px;
  }
}

@media (max-width: 575px){
  
  #home-salidas .alertas .card  {
    flex-flow: row wrap !important;
  }

  #home-salidas .alertas .card a.card-img {
    max-width: initial !important;
  }

  #home-salidas .alertas .card .card-botones {
    flex: 0 0 calc(100% - 20px);
    margin-left: 10px;
  }

  #home-salidas .alertas .card .card-botones span.sid {
    left: 10px;
  }

  #home-salidas .alertas .card .card-content {
    position: initial;
  }

  #home-salidas .alertas .box-salidas .card .eliminar {
    position: absolute;
    top: 20px;
    right: 20px;
  }

  #home-salidas .alertas .box-salidas .card-category {
    background: transparent !important;
    position: initial;
    color: var(--ver) !important;
    line-height: 24px !important;
  }

  #home-salidas .alertas .box-salidas-alert-nota .card-category {
    color: var(--cel) !important;
  }

  #home-salidas .box-salidas.alert-nota .comentarios {
    margin-bottom: 0 !important;
    margin-left: 10px;
  }

}



/* CONFIG ALERTAS */

body.config-alertas h4 {
  font-size: 18px;
  color: var(--nar);
  margin-top: 20px;
}

body.config-alertas p a {
  color: var(--nar);
}

body.config-alertas .temas .tema {
  margin-bottom: 5px;
}

body.config-alertas .temas .tema a {
  color: var(--neg);
  vertical-align: 6px;
  margin-left: 5px;
  line-height: 14px;
}

@media (max-width: 575px){
  .col-txt ul {
    padding-left: 18px;
  }
}

/* ENVIO MASIVO */

body.seguidores.difundir form.mesiguen-filt {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}


body.seguidores.difundir form.mesiguen-filt .gen,
body.seguidores.difundir form.mesiguen-filt .pai,
body.seguidores.difundir form.mesiguen-filt .edad,
body.seguidores.difundir form.mesiguen-filt .salidasp {
  flex: 0 0 calc(50% - 7.5px);
  max-width: calc(50% - 7.5px);
}

body.seguidores.difundir form.mesiguen-filt .orden {
  flex: 0 0 100%;
  max-width: 100%;
  padding-right: calc(50% + 7.5px);
}

body.seguidores.difundir form.mesiguen-filt button[type='submit']{
  width: 150px;
  font-weight: 600;
  text-transform: uppercase;
}

body.seguidores.difundir form.mesiguen-filt .conectar {
  flex: 0 0 100%;
}

body.seguidores.difundir form.mesiguen-filt .edad > div {
  display: flex;
  align-items: center;
}

body.seguidores.difundir form.mesiguen-filt .edad > div span {
  margin-right: 10px;
  font-size: 14px;
}

body.seguidores.difundir form.mesiguen-filt .edad > div select:first-of-type {
  margin-right: 15px;
}

body.seguidores.difundir form.mesiguen-filt > div > label {
  margin-bottom: 0;
}

body.seguidores.difundir form.mesiguen-filt .salidasp label:first-of-type {
  position: relative;
}

body.seguidores.difundir form.mesiguen-filt .salidasp label:first-of-type:before {
  content: "#S";
  position: absolute;
  bottom: -31px;
  left: 13px;
  color: var(--gri);
} 

body.seguidores.difundir form.mesiguen-filt .salidasp input {
  padding-left: 32px;
}

body.seguidores.difundir .envio {
  width: 100%;
  height: 150px;
}

body.seguidores.difundir button[type="submit"]{
  width: 150px;
  font-weight: 600;
  text-transform: uppercase;
}

body.masivo #table-seguidores {
  overflow: initial !important;
}

@media (max-width: 991px){

  body.masivo .envio-masivo {
    overflow: scroll;
  }

}

@media (max-width: 575px){

  body.seguidores.difundir form.mesiguen-filt .gen,
  body.seguidores.difundir form.mesiguen-filt .pai,
  body.seguidores.difundir form.mesiguen-filt .edad,
  body.seguidores.difundir form.mesiguen-filt .salidasp {
    flex: 0 0 100%;
    max-width: 100%;
  }

  body.seguidores.difundir form.mesiguen-filt .orden {
    padding-right: 0;
  }

}

/* SOLICITUD DE BAJA */

.configuracion form.encuesta p:first-of-type {
  margin-top: 0 !important;
}

.configuracion form.encuesta p {
  color: var(--nar);
}

.configuracion .btn {
  white-space: normal;
}

.encuesta-page h3 {
  font-family: 'Bebas Neue', 'Open Sans';
  color: var(--nar);
  font-size: 36px;
  font-weight: 400;
  line-height: 40px;
  margin-bottom: 20px;
  border: 0;
}

.encuesta-page h4 {
  color: var(--nar);
  font-size: 24px;
}

.encuesta-page .resp {
  font-size: 16px;
  color: var(--neg);
}

.encuesta-page .resp a {
  color: var(--nar);
}

/* --- */