/* Estilização do Recurso de Accordion */
.details-accordion {
    border-radius: 3px;
    /*background: #fafafa;*/
    background: white;
    border: 1px solid #ebebeb;
    box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 1px 0px, rgba(0, 0, 0, 0.09804) 0px 1px 2px 0px;
}

.summary-accordion {
    background: #333;
    color: #FFF;
    border-radius: 3px;
    padding: 5px 10px;
    outline: none;
}

/* Style the summary when details box is open */
.details-accordion[open] summary {
    background: #35a7e9;
    color: #333;
}

.page-wrapper {
    max-width: auto;
    background: #FFFFFF;
    padding: 1em;
    margin: 1em auto;
    /*border-top: 5px solid #35a7e9;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);*/
}

.ripples.is-active .ripplesCircle {
    animation: ripples .4s ease-in;
}

/* Ripples animation */
@keyframes ripples {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    100% {
        width: 200%;
        padding-bottom: 200%;
        opacity: 0;
    }
}
/* Estilização do Recurso de Accordion --/-- End */