@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

ul{
    padding-left:2rem;
}
a{
    text-decoration: none;
    color:black;
}
.video{
    display:none;
}
textarea{
    resize: none;
}
td{
    padding-right:10px;
    padding-bottom:15px;
}
a:hover{
    text-decoration: none;
    color:black;
}
.font-family-montserrat{
    font-family: Montserrat;
}
.bg-innsai{
    background-color: #072230;
}
.bg-innsai-secondary{
    background-color: #184763;
}
.bg-innsai-off{
    background-color:#48789b;
}
.bg-btn-airtable{
    background-color:#00baf8;
}
.bg-azul-lighter{
    background-color:#e3edfe;
}

.bg-btn-airtable-2{
    background-color:#127afe;
}
.texto-sm {
    font-size:0.8rem;
}
.texto-normal {
    font-size:1.2rem;
}
.text-gris-lighter{
    color:#bdbdbd;
}
.bg-gris{
    background-color: #f3f3f3;
}
.bg-gris-lighter{
    background-color:#f9f9f9;
}

.bg-gris-darker{
    background-color: #E0E0E0;
}
.bg-amarillo{
    background-color:#FFECA9;
}
.bg-pink{
    background-color: #f9e3d6;
}
.bg-blue{
    background-color:#d7effb;
}
.bg-green{
    background-color: #d8f5c7;
}
.text-azulclaro{
    color:#19c3ff;
}

body{
    background-color: #f3f3f3;
}

.btn.switcher.active{
    background-color: #f3f3f3;
}
.bienvenida{
    background-image: url(/static/images/bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}
.link-dorado{
    text-decoration: none;
    color:white;
}
.link-dorado:hover{
    color:gold;
}
.size-s{
    font-size:12px;
}
.ic{
    vertical-align: middle;
    margin-right: 10px;
}
.margen-global{
    margin-left: 10%;
    margin-right: 10%;
}
.margen-menu{
    margin-left: 10%;
}
.margen-tarjetas{
    margin-left: 5%;
    margin-right: 5%;
}

.l-flex-menu{
    display:flex;
    align-items: center;
}

.right-intro{
    margin-top:15%;
    margin-left: auto;
}
.logo-innsai{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(106deg) brightness(102%) contrast(102%);
    width:250px;
}
.imagen_publicacion_caso.card-img-top {
    width: 100%;
    height: 10vw;
    object-fit: cover;
}
.card-login{
    text-align: center;
    width:400px;
}
.embeded-icon{
    background-color: white;
}
input{
    padding: 10px;
    width: 90%;
}
.input-check{
    width:auto;
    align-items: center;
    font-size:11px;
}

.input-usuario{
    background-color:#e9ecef;
    border:1px solid #d1d7e0;
    border-left:none;
    border-radius:0.5rem;
}
.input-group-text{
    background-color:#e9ecef;
    border:1px solid #d1d7e0;
    border-radius:0.5rem;
}
.text-innsai{
    margin-bottom:30px;
    font-size:20px;
}
.text-innsai-2{
    margin-bottom:15px;
    font-size:20px;
    color:#1cc3ff;
}

.txt-olvidar{
    margin-left:auto;
    text-decoration: none;
    font-size: 12px;
}

.btn-acceso{
    background-color:#072230;
    border-radius:20px;
    color:white;
    padding-left:30px;
    padding-right:30px;
}
.btn-sesion{
    background-color:#a5d79e;
    border-radius:20px;
    color:white;
    padding-left:30px;
    padding-right:30px;
}
.card:not(.card.espcecial_publicacion){
    border-radius: 15px;
    padding:20px;
    height: 95%;
}
.g--padding-1{
    padding:20px;
}
.g--padding-bottom-1{
    padding-bottom:10px;
}
.g--margin-bottom-1{
    margin-bottom:10px;
}
.g--padding-bottom-2{
    padding-bottom:20px;
}

.g--font-size-3{
    font-size:12px!important;
}

.g--font-size-4{
    font-size:14px!important;
}


.herramienta-1{
    background-image: url(/static/images/fw.jpeg);
    background-size: cover;
    width:100%;
    height: 80vh;
    border-radius: 20px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.herramienta-2{
    background-image: url(/static/images/gestion.jpeg);
    background-size: cover;
    width:100%;
    height: 80vh;
    border-radius: 20px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.herramienta-1:hover,.herramienta-2:hover{
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.fs-xs{
    font-size:0.75rem;
}
.g-text-center{
    text-align: center;
    color:white;
}
.text-herramienta{
    height: 100%;
    margin-top:45%;
}
.titular-herramienta{
    font-size:25px;
    color:white;
}
.descripcion-herramienta{
    font-size: 15px;
    color:white;
}
.seccion-fw{
    background-image: url(/static/images/fw.jpeg),linear-gradient(to right,white,black 85%);
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
    height: 20vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
}
.seccion-gsi{
    background-image: url(/static/images/gestion.jpeg),linear-gradient(to right,white,black 85%);
    background-position: center;
    background-size: cover;
    background-blend-mode: multiply;
    height: 20vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: right;
}
.text-banner{
    color:white;
    margin-right: 10%;
}

.remarked{
    background-color: #184764;
    color:white;
}
a.remarked:hover{
    background-color: white;
    color:#184764;
}
a.card:not(a.remarked):hover{
    background-color: #184764;
    color:white;
}
.campus{
    background-image: url(/static/images/campus.jpg);
    background-size: cover;
    color:white;
}
.less-weight{
    font-weight: normal;
}

.menu-herramienta{
    background-color:#184764;
}
.opciones-menu-herramienta{
    margin-left:30px;
}
.opciones-menu-herramienta p{
    margin-bottom:30px;
    font-size:18px;
}

.title-text{
    margin-top:70px;
    margin-bottom:30px;
    font-weight:600;
    color:white;
    font-size:20px;
}
.global-text{
    color:white;
}

.foco{
    background-color:white;
    color:black;
    border-radius:15px 0px 0px 15px;
    padding:10px 10px;
}
.contenido-herramienta{
    width:80%;
    margin:50px;
}

/*contacto*/

.contact-box {
    background-color: #ffffff;
    border: 1px solid #e7eaec;
    padding: 20px;
    margin-bottom: 20px;
    border-radius:15px;
  }

  .contact-box.center-version > a {
    display: block;
    padding: 20px;
    text-align: center;
  }
  .perfil-saber-mas{
      padding:5px!important;
      background-color:#184764;
      border-radius:30px;
      margin-left:25%;
      margin-right:25%;
  }
  .contact-box.center-version > a img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
  }

  .img-circle{
      border-radius:50%;
  }
/*Cierre contacto*/
.centra-card-body {
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-body:not(.card-body.especial, .card-body.publicacion_casos) {
    min-height: 30vh;
}

.scrolling::-webkit-scrollbar{
    display: none;
  }

.card-title.display-3, .card-text{
    font-weight: 500;
}
.nav.flex-column a{
    color:white;
    text-decoration: none;
}
.nav.flex-row a{
    color:black;
    text-decoration: none;
}
a.nav-link.tarea{
    margin-left:2rem;
}
a.nav-link.tarea.active{
    background-color:white;
    color:#184764;
    font-weight: bold;
    margin-left:2rem;
    padding:1rem 1rem ;
    border-radius:0.75rem 0rem 0rem 0.75rem;
}
a.nav-link.active:not(.secundario > a.nav-link.active,.terciario > a.nav-link.active,.menu-filtro > a.nav-link.active,a.nav-link.tarea){
    background-color:white;
    color:#184764;
    font-weight: bold;
    margin-left:1.5rem;
    padding:1rem 1rem ;
    border-radius:0.75rem 0rem 0rem 0.75rem;
}
.menu-filtro > a.nav-link.active{
    padding:1rem 1rem ;
    color:black;
}
.secundario > a.nav-link.active{
    background-color:#184764;
    color:white;
    font-weight: bold;
    padding:1rem 1rem ;
    border-radius:0.75rem 0.75rem 0rem 0rem;
}
.terciario > a.nav-link.active{
    font-weight: bold;
    background-color:white;
    padding:1rem 1rem ;
}
a.nav-link:not(nav>a:first-child,.secundario > a.nav-link.active,.terciario > a.nav-link.active,a.nav-link.tarea){
    margin-left:1.5rem;
    padding:1rem 1rem ;
}
nav>a{
    padding:1rem 1rem ;
}
.bg-tutorial {
    background-color: #1cc3ff;
}

.bg-tecnologia{
    background-color:#000000;
}
.btn.bg-tutorial:hover {
    border-color: #1cc3ff;
}
.btn.bg-innsai:hover {
    border-color: #072230;
    color:black!important;
}
.btn.bg-innsai-secondary:hover{
    background-color:#0f2e41;
}
.btn.bg-innsai-off:hover{
    background-color:#2788c3;
}
.bg-azul {
    background-color: rgb(27,54,98);
    color: white !important;
}
.bg-gris {
    background-color: #e0e0e0;
}
.btn.bg-azul:hover {
    border-color: rgb(27,54,98);
    color: rgb(27,54,98) !important;
}
.bg-proceso {
    background-color: #fdbf24;
}
.ls-min{
    letter-spacing: 0.1rem;
}
.ls-md{
    letter-spacing: 0.3rem;
}
.vh25{
    height: 25vh;
}
.vh40{
    height: 40vh;
}
.vh60{
    height: 60vh;
}
.vh80{
    height: 80vh;
}
.vh100{
    height: 100vh;
}
.mt-40{
    margin-top:10rem;
}





/*REGISTRAR HORA*/

.fichaje {
    display: flex;
    width: 260px;
    padding: 0px;
    padding-left: 20px;
    justify-content: center;
    align-items: center;
    margin: auto;
    background-color: #E0E0E0;
    border-radius: 50px;
  }
  
  .registrosesion {
    height: 20px;
    background: none;
    border: 0;
    padding: 0;
    outline: none;
  }
  
  .btn_entrar {
    height: 40px;
    width: 100px;
    background-color: #6EBE64;
    color: #03640B;
    border-style: none;
    border-radius: 50px;
    cursor: pointer;
    outline: none;
  }

  .c-button{
    border-radius: 3px;
    padding:0.15rem 0.75rem;
  }
  .c-button--explicacion{
      padding:0.30rem 0.75rem;
  }
  .c-card__img{
      height:25vh;
  }

  .bg-tendencia{
    background-color: #f9eaa5;
  }
  .bg-movilidad{
    background-color:  #2DA1AB;
  }
  .bg-turismo{
    background-color:#CCB036;
  }
  .bg-agricultura{
    background-color:#779938;
  }
  .bg-alimentacion{
      background-color: #B26B48;
  }
  .bg-salud{
      background-color:#E39CD9;
  }
  /*FIN REGISTRAR HORA*/



/*SCROLL PERSONALIZADO*/

.scrollbar {
    margin-left: 30px;
    background: #fff;
    overflow-y: scroll;
    max-height: 90vh;
  }

  .scrollbar-primary::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
  }
  
  .scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #c0c0c0;
  }
  
  .scrollbar-primary {
    scrollbar-color: #c0c0c0 #F5F5F5;
  }


/*OVERRIDE DEL PLUGIN MULTISELECT*/

.choices__list--multiple .choices__item{
    background-color: #00baf8!important;
}

.calendar_table td{
    text-align: center;
    vertical-align: middle;
    padding: 0.6rem!important;
    border-radius: 50%;
}

.festivo {
    --bs-bg-opacity: 0.25;
    border-radius: 0!important;
    background-color: rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important;
}
/*Tabla usarios*/

#tabla_usuarios th:first-child{
    border-radius: 10px 0 0 10px;
}
#tabla_usuarios td:not(:first-child) {
    padding-top:15px;
    padding-bottom:15px;
    padding-right:15px;       
}
#tabla_usuarios th:not(:first-child) {
    padding-top:15px;
    padding-bottom:15px;
    padding-right:15px;       
}
#tabla_usuarios td:last-child,
#tabla_usuarios th:last-child{
    border-radius: 0 10px 10px 0;
}
[data-href]{
    cursor: pointer;
}
/*Invertir colores de las tablas striped*/
.table-striped>tbody>tr:nth-of-type(even)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color);
}
.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: none;
    color: none;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}
.user-avatar {
    height: 2.5rem;
    width: 2.5rem;
    min-height: 2.5rem;
    min-width: 2.5rem;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    border-radius: 50%;
}

.navbar .navbar-nav .nav-item .dropdown-menu[data-bs-popper] {
    left: auto;
    right: 0;
}