/**************************************************/
/* Hoja de estilo con el código Css que           */
/* sobreescribe estilos generales o de bootstrap  */
/* para adaptarlos a las necesidades del portal   */
/* web del IPN                                    */
/**************************************************/

/* Estilos sobreescritos */

html {
    font-family: 'Roboto', "Open Sans", sans-serif;
    font-size: 16px;
}

body {
    background: #FFF;
    color: #666;
    font-family: 'Roboto', "Open Sans", sans-serif;
    position: relative; /* Se utiliza el estilo para que funcione el scrollspy */
}

/* Breadcrumbs (Migajas) */
.breadcrumb {
    background: transparent;
    color: #682444;
    margin-bottom: 0;
}

    .breadcrumb-separador {
        color: #000;
    }

hr {
    border-top: 1px solid #CCC;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

a {
    color: #32587A;
}

a:hover h1,
a:hover h2,
a:hover h3,
a:hover h4,
a:hover h5 {

    opacity: .6;

}

.container {
    /*padding: 25px;*/
    padding-bottom: 35px;
    padding-top: 35px;
}


.navbar {
    padding: 0;
}

.btn {
    white-space: pre-wrap;
}

.dropdown .bg--negro li a:hover {
    color: #000;
}


/* Tablas */
.table .thead-dark th { 
    background: #32587A;
    border: #0F1521;
}

.table th {
    font-size: 1rem;
}

.table td { 
    color: #666;
    font-size: 1rem;
}

    .table-hover tbody tr:hover td {
        color: #32587A;
    }

/* ESTILOS PARA EL BUSCADOR DE BIBLIOTECA*/
.buscadorBiblioteca .tab-content {
    padding: 25px;
}

/* Acomoda los radio buttons en el formulario */
.form-check-input {
    margin-left: 0;
}

.nav-tabs {
    border: none;
}

/* Estios sobreescritos del slider */

.carousel-item {
    max-height: 450px;
}

    /*.carousel-item--h600 {
        max-height: 600px;
    }*/
    .carousel-control-prev,
    .carousel-control-next {
      position: absolute;
      top: 30%;
      bottom: 0;
      z-index: 1;
      // Use flex for alignment (1-3)
      display: flex; // 1. allow flex styles
      align-items: center; // 2. vertically center contents
      justify-content: center; // 3. horizontally center contents
      width: $carousel-control-width;
      padding: 25px 25px;
      width: 6rem;
      height: 6rem;  
      color: $carousel-control-color;
      background-position: 50%;
      text-align: center;
      background-color: #000;
      border: 0;
      opacity: $carousel-control-opacity;
      @include transition($carousel-control-transition);
    
      // Hover/focus state
      &:hover,
      &:focus {
        color: $carousel-control-color;
        text-decoration: none;
        outline: 0;
        opacity: $carousel-control-hover-opacity;
      }
    }
    .carousel-control-prev {
      left: 0;
      background-image: if($enable-gradients, linear-gradient(90deg, rgba($black, .25), rgba($black, .001)), null);
    }
    .carousel-control-next {
      right: 0;
      background-image: if($enable-gradients, linear-gradient(270deg, rgba($black, .25), rgba($black, .001)), null);
    }
    
    // Icons for within
    .carousel-control-prev-icon,
    .carousel-control-next-icon {
      display: inline-block;
      width: $carousel-control-icon-width;
      height: $carousel-control-icon-width;
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 100% 100%;
    }
    
    /* rtl:options: {
      "autoRename": true,
      "stringMap":[ {
        "name"    : "prev-next",
        "search"  : "prev",
        "replace" : "next"
      } ]
    } */
    .carousel-control-prev-icon {
      background-image: escape-svg($carousel-control-prev-icon-bg);
    }
    .carousel-control-next-icon {
      background-image: escape-svg($carousel-control-next-icon-bg);
    }

    .carousel-control-next-icon .fa-chevron-circle-right,
    .carousel-control-prev-icon .fa-chevron-circle-left {
        color: #0C0003;
        font-size: 45px;
    }

    .carrusel_principal .carousel-control-prev-icon {
        background-image: url(../img/carousel-control-prev-icon.svg) !important;
        background-color: #000;
    }

/*.no-js .owl-carousel, .owl-carousel.owl-loaded {
    overflow: hidden;
}*/


/* Estilos sobreescritos de owl carrusel */

.owl-carousel {
    z-index: 0; /* Para que el carusel se vea abajo del menu */
}

.owl-prev {
    color: #0C0003;
    width: 15px;
    height: 100px;
    position: absolute;
    top: 35%;
    margin-left: -35px;
    display: block!IMPORTANT;
    font-size: 40px;
}

.owl-next {
    color: #0C0003;
    width: 15px;
    height: 100px;
    position: absolute;
    top: 35%;
    right: 30px;
    display: block!IMPORTANT;
    font-size: 40px;
}

    .owl-prev:hover .carrusel-circulo, .owl-next:hover .carrusel-circulo {
        color: #ccc;
    }

    .owl-seis .owl-prev,
    .owl-seis .owl-next {
        top: 0%;
    }


/* Modifica la transparencia del estado hover de los menus */
.navbar-dark .navbar-nav .nav-link:focus, 
.navbar-dark .navbar-nav .nav-link:hover { 

    color: rgba(255,255,255,.5);

}


/* Modifica el botton del buscador */

.input-group-append {
    margin-left:  5px;  
}

#navbarMenuManual .navbar-nav .nav-link { 
    color: rgba(255,255,255,.8);
}

    #navbarMenuManual .navbar-nav .nav-link.active {
        color: rgba(255,255,255,.4);        
    }