.loading {
  background: #ffffff;
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1029;
  display: flex;
  text-align: center; }
  .loading h3 {
    margin: auto;
    color: #e4e4e4; }

body {
  background: #ffffff;
  font-family: "Myriad Pro", sans-serif;
  color: #777;
  scroll-behavior: 'smooth'; }

h4 {
  color: #404973;
  font-size: 1.6rem; }

h5 {
  color: #404973; }

a {
  color: #404973; }

.titles {
  color: #404973;
  font-size: 2rem; }

.bg-morado {
  background: #24125F;
  color: #ffffff; }

.bg-aqua {
  background: #404973;
  color: #ffffff; }

.card.bg-aqua {
  border: solid 1px #139C9F; }
  .card.bg-aqua img {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
main > .container {
  padding: 60px 15px 0; }

.footer .bg-footer {
  height: 82px;
  background: #3655a2;
  background: -moz-linear-gradient(top, #3655a2 0%, #894292 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #3655a2), color-stop(100%, #894292));
  background: -webkit-linear-gradient(top, #3655a2 0%, #894292 100%);
  background: -o-linear-gradient(top, #3655a2 0%, #894292 100%);
  background: -ms-linear-gradient(top, #3655a2 0%, #894292 100%);
  background: linear-gradient(to bottom, #3655a2 0%, #894292 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3655a2', endColorstr='#894292', GradientType=0 ); }
  .footer .bg-footer .bg-footer-image {
    background-image: url(media/themes/front/img/banner-footer@2x.png);
    background-position: center bottom;
    width: 100%;
    height: 100%; }

.footer > .container {
  padding-right: 15px;
  padding-left: 15px; }

code {
  font-size: 80%; }

header {
  background: #24125F;
  z-index: 1030; }
  header .logo-container {
    text-align: right; }
    header .logo-container .content-navbarNavDropdown .navbar-toggler {
      border: none; }
  header .navbar-light .navbar-nav .nav-link :focus, header .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0, 0, 0, 0.7);
    background: #404973; }
  @media (max-width: 1199.98px) {
    header .navbar-light .navbar-nav .nav-link {
      font-size: 90%;
      padding-left: 0.4rem;
      padding-right: 0.4rem; } }
  @media (max-width: 991.98px) {
    header .navbar-light .navbar-nav .nav-link {
      text-align: center;
    }
    header .logo-container {
      text-align: center; }
    header .content-navbarNavDropdown {
      position: absolute;
      right: 0;
      top: 0;
      width: 6rem;
      height: 100%;
      background: #24125F;
      text-align: center; }
      header .content-navbarNavDropdown .navbar-toggler {
        margin-top: 1.5rem; } }
  @media (max-width: 575.98px) {
    header .logo-container {
      text-align: left; }
      header .logo-container .content-navbarNavDropdown {
        width: 3rem; } }

.active {
  background: #139C9F; }

.aside-right {
  background-image: url(/fil/media/images/FILTEPJF.png);
  background-position: center center;
  background-repeat: no-repeat; }

@media (max-width: 767.98px) {
  .aside-right {
    background: none; } }
.cards-icons .card {
  min-height: 208px; }
@media (max-width: 991.98px) {
  .cards-icons .card-actividades {
    min-height: inherit; } }

.cardPrograma .card, .cardPrograma .card-header, .cardPrograma .card-body {
  background: none;
  border: none; }
.cardPrograma .card-body .list-group .list-group-item {
  background: none; }
  .cardPrograma .card-body .list-group .list-group-item:nth-child(2) {
    border-top: none; }
  .cardPrograma .card-body .list-group .list-group-item.card-time {
    border: 1px solid #404973;
    border-radius: 4px; }
.cardPrograma .card {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0; }
.cardPrograma .card-header {
  padding-top: 0;
  padding-right: 0; }
  .cardPrograma .card-header .btn.btn-link {
    background: #404973;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #ffffff; }

 .nav-link{
  color: #e4e4e4 !important;
 }

 .navbar-toggler{
  color: #e4e4e4 !important;
 }
 
 .btn-info{
  color: #fff;
  background-color: #24125F !important;
  border-color: #24125F !important;
 }

.btn-outline-info {
  color: #fff;
  background-color: #24125F !important;
  border-color: #24125F !important;
}
 
/*# sourceMappingURL=custom.css.map */