* {
  font-family: 'Montserrat', sans-serif!important;
}
html, body{
  height:100%;
  margin:0;
  display: flex;
  flex-direction: column;
  font-size: 16px
}
.main{
  height:100%;
  width: 100%;
  padding: 1rem
}
/* main css rules */
.navbar{
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
  height: auto;
  min-height: auto;
}
.navbar-image{
  width: 4rem;
  max-height: 4rem!important
}
.burger{
  padding-top: 5rem
}
.burger-lines{
  color: white;
}
.navbar-burger span {
    height: 3px;
    left: calc(50% - 20px);
    width: 30px;
}
.tabs li.is-active a {
    border-bottom-color: #485fc7;
    color: black;
    font-weight: 700
}
.tab{
  width: 10rem
}
.login-form{
  display: flex;
  flex-direction:column;
  align-items: center;
  justify-content: space-between;
  height: 15rem;
  width: 100%;
}

.unete-form{
  display: flex;
  flex-direction:column;
  align-items: center;
  justify-content: space-between;
  height: 85%;
  width: 100%;
}

.index-match-button img{
  width: 2rem;
}

.index-match-button{
  margin: 0em .5em;
  background: #00A3E6;
  border-radius: 41px;
  padding: 0rem .4rem;
}

.index-embedding-button{
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-direction: row;
  margin-bottom: 0em;
  width: 3rem;
  border-radius: 41px;
  font-weight: 600;
  color: black;
  font-size: 1.2rem;
}

.input-login-form{
  font-size: 1rem;
  width:60%;
  height: 2.5rem;
  border: solid #adaaaa;
  border-width: 1px;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
  color: #031B2A;
  margin: .25rem 0rem .25rem 1.2rem;
}
.input-login-form::placeholder{
  color:#adaaaa;
}
.lost-pass-button{
  font-size: 0.9rem;
  color:#adaaaa
}
.login-button{
  background-color: #00A3E6;
  font-size: 1.2rem;
  width: 50%;
  font-weight: 700;
  border: none;
  color:#031B2A;
  cursor: pointer;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem
}
.is-rounded {
    border-radius: 290486px;
    padding-left: calc(1em + 0.25em);
    padding-right: calc(1em + 0.25em);
}
.login-form-title{
  font-weight: 600;
  font-size: 1.2rem;
  margin-bottom: 1rem;
  color: #031B2A;
}

.login-form-sub-title{
  font-weight: 600;
  font-size: 1rem;
  margin-top: -1rem;
  color: #28a0d8;
}

.letras-peques-unete{
  font-size: 0.7rem;
  color:#48515b;
  text-align: center
}
.tab-title{
  font-size: 1rem
}
.is-center{
  text-align: center;
}
.button-down{
  position: absolute;
  bottom: 6rem;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-content: center;
  align-items: center;
  width: 95%;
}
.icon{
  width: 1.5rem;
  height: 1.5rem
}
.icon-back-div{
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.div-events-info{
  display: flex;
    justify-content: center;
    font-size: 1rem;
    flex-direction: column;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.div-product-type {
  display: inline-block;
  width: 10rem;
  padding: 0.3rem;
  font-size: 1rem;
  color: white;
  background-color: #031B2A;
  text-align: center;
  line-height: 100%;
}
.color-dark-blue{
  color:#031B2A
}
.custom-footer {
  position: fixed;
  bottom:0;
  width: 100%;
  background-color: #031B2A;
  padding: 0rem 0.5rem 0rem 0.5rem;
  z-index: 10;
}
.boton-footer{
  font-size: 0.9rem;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
}
.boton-footer img{
  width: 1.5rem;
  height: 1.5rem;
}
.acal-logo img{
  width: 8rem;
}
.acal-logo-negro img{
  width: 10rem;
}
.main-index{  
    height: 100vh;
}
.main-index{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.elementos-index{
  padding: 2rem 0rem;
  display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 90vh;
}
.cambiar-pass{
  display: flex;
    justify-content: flex-end;
}
.cambiar-pass img{
  width: 2rem;
}
.informacion-principal{
  margin-top: 1rem;
  display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    
    padding-bottom: 1rem;
}
.informacion-principal-foto img {
  width: 4rem;
  border-radius: 100%;
}
.informacion-principal-nombre{
  padding-left: 1rem;  
}
.informacion-principal-nombre-nombre{
  color: #031B2A;
    font-size: 1.5rem;
    line-height: 2rem;
}
.informacion-principal-boton{
  margin-top: 1rem;
}
.indicadores{
  color:white;
  font-size: 1.5rem;
  font-weight: 500;
}
.sub-indicadores{
  width: 83vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.sub-indicadores-valor{
  font-weight: 700;
  font-size: 1.9rem;
}
.quieres-que-tu-perfil{
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.7rem;
  padding-bottom: 0.2rem;
  padding-top: 0.2rem;
  padding-left: 1rem;
  padding-right: 2rem;
}
.palabras-clave{
  font-size: 0.9rem;
  font-weight: 400;
  padding-bottom: 1.2rem;
  padding-left: 1rem;
  padding-right: 3rem;
}
.input-radio-notificaciones{
  padding-bottom: 1rem;
  padding-right: 1.3rem;
  padding-left: 1.3rem;
  display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.input-radio-notificaciones label{
  font-weight: 500;
}
.activar-luego{
  color:#00A3E6;
  font-weight: 700;
  padding-top: 0.5rem;
  font-size: 0.9rem;
}
.drop-divs{
  display: flex;
  justify-content: space-between;
  background: #efefef;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 700;
  color: black;
  border-radius: 10px;
  transition: display 0.5s;
}
.drop-divs img{
  width: 0.7rem;
}

.nodisplay{
  display: none!important;
  transition: display 1s;
}

.blue-background{
  background: #031B2A!important;
  color: white;
  transition: background color 0.5s;
}
.rotate-img{
  transform: rotate(-90deg);
  filter: invert(87%) sepia(99%) saturate(2%) hue-rotate(57deg) brightness(106%) contrast(100%);
  transition: transform 0.5s;
}

.drop-divs-content{
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.drop-divs-content-titulo {
  color: black;
  font-weight: 600;
  padding: 0.3rem;
}

.drop-divs-content-sub-titulo{
  background: #efefef;
  padding: 0.3rem;
  padding-left: 1rem;
  border-radius: 10px;
  width: 100%;
  font-size: 1rem;
  border: none;
  color: #4a4a4a6b;
}

.drop-divs-content-sub-titulo-enable{  
  color: #031B2A!important;
}

.main-drops-div{
  padding-bottom: 5rem;
  padding-top: 1rem;
}
.has-border-inf{
  border-bottom: 1px solid #031B2A;
}
.informacion-principal-foto-ficha img{
  width: 8rem;
  border-radius: 100%;
}
.informacion-principal-foto-ficha {
  padding-top: 1.5rem;
  display: flex;
    justify-content: center;
    align-items: center;
}
.info-persola-investigador{
  padding-top: .5rem;
  display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}
.info-persola-investigador img{
  width: 3rem;
}

.info-persola-investigador .informacion-principal-foto-ficha img{
  width: 7rem;
}

.info-persola-investigador-2{
  padding-top: 1.5rem;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.info-persola-investigador-2 img{
  width: 2.5rem;
}
.info-persola-investigador-2 .informacion-principal-foto-ficha img{
  width: 3rem;
}
.info-persola-investigador-2 .informacion-principal-foto-ficha{
  padding-top: 0;
}

.main-ficha-investigador{
  padding-bottom: 1rem;
  
}
.imagenes-redes img {
  width: 1.5rem;
  height: 1.5rem;
}
.imagenes-redes{
  display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-around;
    align-items: flex-start;
}
.products-main-div{
  display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  border: 1px solid #efefef;
  margin-bottom: 1rem;
  height: 4rem;
  min-height: 4rem;  
  padding-right: 0.7rem;
  box-shadow: 0px 0px 10px -2px #adaaaa;
}
.div-fecha-mes{    
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    width: 18%;
    min-width: 18%;
    max-width: 18%;
    
}
.div-products-name{
  width: 75%;
  max-width: 75%;
  min-width: 75%;
  font-size: 0.8rem;
  font-weight: 600;
  padding-left: 0.5rem;
}
.product-dia{
  font-weight: 700;
  font-size: 1.6rem;
  border-bottom: 1px solid #031B2A;
  width: 100%;
  text-align: center;

}
.product-mes{
  font-weight: 500;
  font-size: 1rem;
}

.grey{
  background: gray;
  color: #031b2a;
}

.green{
  background: #5CB45F;
  color: #031b2a;
}

.blue{
  background: #23A2DC;
  color: #031b2a;
}

.red{
  background: #E81010;
  color: white;
}

.red .product-dia{
  border-bottom: 1px solid white!important;
}
.fecha-detalle-evento{
  font-weight: 700;
  font-size: 1.3rem;
}
.nombre-detalle-evento{
  font-size: 2rem;
  color: #031B2A;
  line-height: 2rem;
}
.div-redes-detalle-evento img{
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.div-redes-detalle-evento {
  display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.unete-upload-button{
  padding: 0.6rem;
    border-radius: 100%;
    background: #031B2A;
}

.unete-upload-div{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 90%;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.profile-keywords{
  padding: 0.2rem ;
  background:#adaaaa;
  margin: 0.5rem;
}
.events-text-area{
  border-radius: 6px;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border: 1px solid #adaaaa;
}
.notificaciones-texto-div{
  padding-left: 0.5rem;
}

.search-div{
  align-self: center;
  flex-direction: column;
  margin-bottom: 7vh;
  display: flex;
    flex-direction: row;
    align-items: center;
}

.lock-image{
  margin-right: 0.5rem;
  width: 1.2rem!important;
  height: 1.2rem!important;
  /*filter: invert(90%) sepia(0%) saturate(7500%) hue-rotate(117deg) brightness(117%) contrast(110%);*/
}

.researcher-search-flag{
  width:1.5rem ;
  height: 1.5rem;
  min-width: 1.5rem;
  max-width: 1.5rem;
  min-height: 1.5rem;
  max-height: 1.5rem;
}

.funnel-ico-div img {
  width: 1.7rem;
  height: 1.7rem;
  min-width: 1.7rem;
  min-height: 1.7rem;
  max-width: 1.7rem;
  max-height: 1.7rem;
}

.funnel-ico-div-4 img {
  width: 1.7rem;
  height: 1.7rem;
  min-width: 1.7rem;
  min-height: 1.7rem;
  max-width: 1.7rem;
  max-height: 1.7rem;
}

.funnel-ico-div{
  background: #00A3E6;
  padding: .3rem .3rem 0rem .3rem;
  border-radius: 100%;
  margin-left: 0rem;
}

.funnel-ico-div-2{
  background: white;
  border-radius: 100%;
  margin-left: .5rem;
  font-weight: 600;
  color: black;
  border-style: solid;
  border-width:1px ;
  border-color: #adaaaa;
  padding: .4rem .6rem .4rem .6rem;
}

.funnel-ico-div-3{
  background: white;
  border-radius: 100%;
  margin-left: .5rem;
  font-weight: 600;
  color: black;
  border-style: solid;
  border-width:1px ;
  border-color: #adaaaa;
  padding: .65rem .9rem .3rem .9rem;
}

.funnel-ico-div-4{
  background: #00A3E6;
  padding: .60rem .65rem 0rem .65rem;
  border-radius: 100%;
  margin-left: .5rem;
}

.keys{
  padding: 0.2rem 1rem 0.2rem 1rem;
    background: #efefee;
    margin: 0.1rem;
    text-align: center;
    border-radius: 6px;
}
.boton-cerrar {
  float: right;
}
.closeButton1 {
  font-size: 1rem;
    width: 1rem;
    height: 1rem;
    top: -6px;
    right: 0px;
    position: absolute;
    cursor: pointer;
    line-height: 23px;
}
.unete-titulo{
  color:#00A3E6;
  display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}

.unete-titulo img {
  margin-left: 0.5rem;
  width: 1.5rem;
}
.div-icons-help{
  display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.div-icons-help img {
  width: 1.8rem;
}

.como-navego-filter {
  display: flex;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 600;
  color: black;
  margin-top: 2vh;
  margin-bottom: 2vh;
}

.botones-filtro {
  font-size: 14px;
  color: #031b2a !important;
  font-weight: 700;
  width: 10rem;
}

.search-div form {
  display: flex;
}

.provider-banner img{
    width: 13rem;
}

.provider-nombre, .provider-banner, .provider-flag, .provider-link{
    display: flex;
    justify-content: center;
    align-items: center;
}

.provider-nombre{
    font-size: 1.2rem;
    color: #031b2a;
    font-weight: 600;
    margin: 2rem;
    text-align: center;
}

.provider-nombre-dummy-modal{
    font-size: 1.2rem;
    color: #031b2a;
    font-weight: 600;
    margin: 2rem;
    text-align: center;
}

.provider-flag img{
    width: 3rem;
    margin-right: 1rem;
}

.provider-flag {
    align-items: center;
    font-size: 1rem;
    margin-bottom: 2rem;
}

.provider-redes-sociales, .provider-conteo-main{
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    margin-bottom: 2rem;
}

.provider-link a{
    color: #031b2a;
    cursor: pointer;
    font-weight: 700;
}

.provider-link p{
    margin-left: 1rem;
    cursor: pointer;
}

.provider-link img{
    width: 2rem;
}

.provider-redes-sociales-icons{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 0.5rem;
}

.provider-redes-sociales-icons img{
    width: 1.5rem;
    margin-left: 1rem;
}

.provider-conteo img {
    width: 1.5rem;
}

.provider-conteo-sub{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

    width: 20rem;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    border-color: #aeaeaf;

    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 0.3rem;
    padding-bottom: 0.1rem;

    margin-top: 0.5rem;
}

.provider-conteo-main{
    margin-top: 1rem ;
}

.provider-conteo-main h1{
    text-align: center;
}

.provider-conteo-sub p{
    font-size: 1.5rem;
    font-weight: 700;
}

.provider-conteo{
    margin-bottom: 0.5rem;
}

.hidden {
    display: none;
}





.breadcrumbs {
  /*border: 1px solid #aeaeaf;*/
  border-radius: 0.3rem;
  display: inline-flex;
  overflow: hidden;
  height: 100%;
}

.breadcrumbs__item {
  background: #fff;
  color: #333;
  outline: none;
  padding: 0.75em 0.3em 0.75em 1em;
  position: relative;
  text-decoration: none;
  transition: background 0.2s linear;
  margin-right: .1rem;
  /*padding-left: 2rem;
  padding-right: 2rem;*/
}

.breadcrumbs__item:hover:after,
.breadcrumbs__item:hover {
  background: #edf1f5;
  color: black;
  font-weight: 400;
}


.breadcrumbs__item:after,
.breadcrumbs__item:before {
  background: white;
  bottom: 0;
  clip-path: polygon(81% 40%, -50% -50%, 0 100%);
  content: "";
  left: 100%;
  position: absolute;
  top: 0;
  transition: background 0.2s linear;
  width: 1em;
  z-index: 1;
  height: 3.9rem;
}

.breadcrumbs__item:before {
  background: #cbd2d9;
  margin-left: 1px;
}

.breadcrumbs__item:last-child {
  border-right: none;
}

.breadcrumbs__item.is-active,
.breadcrumbs__item.is-active:after {
  background: #edf1f5;
  color: black;
  font-weight: 600;
}

.contenedor-formulario-privacy h1, .contenedor-formulario-privacy h2{
  color: #031B2A;
}

.contenedor-formulario-privacy h1{
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
}

.contenedor-formulario-privacy h2{
  font-weight: 600;
  margin: 0.5rem 0rem;
}

.contenedor-formulario-privacy p{
  text-align: justify;
}

.titulo-help{
  color: #031B2A;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
  margin: 1rem 0rem;
}

.temas-faq{
  background: black;
  color: white;
  padding: 0rem .5rem;
  text-align: center;
  margin-bottom: 1rem;
}

.categorias-faq{
  display: flex;
  justify-content: space-between;
  font-weight: 500;
  padding: .7rem .5rem;
}

.categorias-faq img{
  width: .8rem;
}

.faq-selected{
  color: #00A3E6!important;
}

.faq-selected img{
  filter: invert(42%) sepia(30%) saturate(5061%) hue-rotate(171deg) brightness(104%) contrast(101%);
}

.div-respuestas-faqs{
  margin: 1rem 0rem;
}

.faq-category-title{
  color: #031b2a;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
  font-size: 1.2rem;
}

.faq-question{
  color: #031B2A;
  font-weight: 600;
  margin: .5rem 0rem;
  text-align: center;
}

.faq-answer{
  padding: 0rem .5rem;
  text-align: justify;
}

.linea-faq-cat{
  border-top-style: solid;
  border-top-color: #adaaaa;
  border-top-width: 1px;
}

input:checked + .slider:before {
  bottom: 3px;
}

.switch{
  border-width: 1px;
  height: 25px;
  margin-left: 2px;
}

#suggest-event-form :is(input, select, textarea){
  width: 90%;
}

.suggest-event-modal{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}