.periodo small {
    bottom: 0px;
    left: -40px;
}

.fechas .badge {
    margin-right: 16px;
}

.fechas .badge-sm{
    padding: .5rem .5rem;
    font-size: .6em;
    width: 12px;
    height: 12px;
    font-weight: bold;
    line-height: 1.2;
}

.adminHeader .badge-sm {
    font-size: 13px;
    font-weight: bold;
    width: 16px;
    height: 16px;
    padding: .5rem .5rem;
    line-height: 1.2;
}

.adminHeader p {
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 7px;
}

/*PERIODOS*/
.periodos-responsive .accordion-item button[aria-expanded="true"] h4{
    font-size: 39px;
}

.periodos-responsive button h4 {
    font-size: 25px;
}

.periodos-responsive button[aria-expanded="true"]+.accordion-content {
    max-height: 330px;
    margin-bottom: 2rem;
}

.periodos-responsive button .accordion-title{
    padding: 0;
}

.periodos-responsive .accordion-item button[aria-expanded="true"] .periodo small{
    bottom: 5px;
    left: -40px;
}

.periodos-responsive .accordion-item button[aria-expanded="false"] .periodo small {
    bottom: -10px;
}

.periodos-responsive button {
    padding: 16px 0 13px 0;
}

.periodos-responsive .accordion-content p {
    margin: 0 0 16px 0;
}

.periodos-responsive .accordion-item button[aria-expanded="true"] .icon{
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 0px solid;
    border-radius: 0;
}

.periodos-responsive .accordion-item button[aria-expanded="false"] .icon {
    display: inline-block;
    position: absolute;
    top: -10px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 0px solid;
    border-radius: 0;
}

.periodo .icon ion-icon{
    font-size: 30px;
}

.periodos-responsive .accordion-item button[aria-expanded="false"] .up {
    display: none;
}

.periodos-responsive .accordion-item button[aria-expanded="true"] .up {
    display: block;
}

.periodos-responsive .accordion-item button[aria-expanded="true"] .down {
    display: none;
}

.periodos-responsive .accordion-item button[aria-expanded="false"] .down {
    display: block;
}

.periodos-responsive button .icon::before{
    display: block;
    position: absolute;
    content: "";
    left: 0;
    width: 0;
    height: 0;
    background: currentColor;
}

.periodos-responsive button .icon::after{
    display: block;
    position: absolute;
    content: "";
    left: 0;
    width: 0;
    height: 0;
    background: currentColor;
}