.imgilus .ilus1 {
    max-width: 155px;
}
.imgilus .ilus2 {
    max-width: 155px;
}
.tab-content {
    background: var(--navy-blue);
    color: #fff;
    position: relative;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.nav-tabs .nav-link{
    width: 300px;
}
.nav-tabs .nav-link.active{
    color: var(--darkish-blue);
}
.nav-tabs .nav-link{
    color: var(--navy-blue);
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus{
    border-color: transparent;
}
.active::after {
    content: "";
    position: absolute;
    top: 100%;
    width: 0;
    height: 0;
    border-top: solid 15px #ffffff;
    border-left: solid 15px transparent;
    border-right: solid 15px transparent;
    margin-left: -15px;
    z-index: 1;
}
.container-boxes{
    width: 100%;
    max-width: 960px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.inline-img{
    width: 30%;
}
.inline-txt{
    width: 70%;
}
.icn-radius{
    border-radius: 100px;
    background-color: #5bbeff;
    width: 110px;
    height: 110px;
    text-align: left;
    margin-right: 20px;
    padding: 16px;
}
.link-white{
    color: #fff;
}
.link-white:hover{
    color: var(--sky-blue);
    text-decoration: none;
}
@media (max-width: 992px){
    .imgilus .ilus1 {
        max-width: 85px;
    }
    .imgilus .ilus2 {
        max-width: 85px;
    }
    .nav-tabs .nav-link{
        width: 154px;
        border: none;
    }
    .nav-link .s24{
        font-size: 18px;
    }
}
@media (max-width: 768px){
    .inline-img{
        width: 100%;
    }
    .inline-txt{
        width: 100%;
    }
    .container-boxes{
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .nav-tabs .nav-link{
        width: 150px;
        height: 184px;
    }
    .imgilus .ilus1 {
        max-width: 65px;
    }
    .imgilus .ilus2 {
        max-width: 65px;
    }
    .nav-link .s24{
        font-size: 16px;
    }
}
/******************************/
/** CALENDARIO **/
/*****************************/

/******************************/
/** Card Calendario **/
/*****************************/
.cal1{
    background: #fff !important;
}
.referencias {
    background: #eaf9fa;
    padding: 16px;
    box-sizing: border-box;
    width: 100%;
    max-width: 480px;
    color: #666;
    font-size: 14px;
    margin: 0px auto;
    border-radius: 4px;
  }
  .flexReferencias {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    align-content: center;
  }
  .oneThird{
    width: 33%;
    display: flex;
    align-content: center;
  }
  .referencias .icnsCalendar {
    margin: 8px 10px 0 0px;
    width: 34px;
    display: inline-block;
  }
  .flexReferencias{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
    align-content: center;
  }
  .smileReferencia, .checkReferencia, .alertReferencia{
    width: 32px;
    height: 32px;
    margin-right: 15px;
    text-align: left;
  }
  .opciones_pagos{
      border-radius: 4px;
  }