/*mgrijalva 11/06/2019 hoja de estilos personalizada para colores y formato institucional*/
/*fuente y color principal*/
body {
    font-family: 'Varela Round', sans-serif;
    color:#5a5a5a;
    overflow-x: hidden;
}

/*botones*/
.btn-outline-primary:hover { background-color: #F58720;color:white ;border-color:#F58720;}
.btn-outline-primary { border-color: #00A9D1;color: #00A9D1; }
.btn-outline-primary:focus,.btn:active {
   outline: none !important;
   box-shadow: none;
}

/*pills elements*/
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: white;
    background-color: #00A9D1;
}

.nav-pills .nav-link, .nav-pills .show > .nav-link {
    color: #00A9D1;
}

/*links*/

a {
    color:#00A9D1;
    text-decoration: none;
}

a:hover {
    color:#F58720;
    text-decoration: none;
}




/*navbar colors*/
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
     color: #00A9D1;
}

.navbar-light .navbar-nav .nav-link:hover {
    color: #F58720;
}

.dropdown-item:focus, .dropdown-item:hover {
    color: white;
    text-decoration: none;
    background-color: #F58720;
}

.dropdown-item:focus, .dropdown-item {
    color:#00A9D1;
    text-decoration: none;
}