em, strong {
    color: inherit;
}

a {
    font-size: 10px;
    color: #42a5f5;
}

.divider {
    background-color: #bdbdbd; /* 50% */
    flex: initial;
}

h6 {
    font-size: 14px;
    font-weight: bold;
    color: #bdbdbd; /* 50% */
    text-transform: uppercase;
}

h5, h5 a {
    font-family: Roboto;
    font-size: 20px;
    color: #757575; /* 70% */
    font-weight: 300;
}

h5 * {
    margin-left: 5px;
    margin-right: 5px;
}

h5 span {
    font-family: inherit;
    color: #212121; /* 100% */
    font-weight: normal;
}

h5 i.material-icons {
    margin-right: 0.5rem;
    color: #757575; /* 70% */
    font-weight: 300;
}

h6 i.material-icons {
    margin-right: 0.5rem;
    color: #bdbdbd; /* 50% */
    font-weight: 300;
}

.card.enfase .card-title {
    font-size: 1.25rem;
}

.card.enfase .card-content {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
}

.rating {
    font-weight: bold;
    color: #757575; /* 70% */
    margin-left: 7px;
}

.flex-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Card resumo */
.card.resumo {
    border: 1px solid #bdbdbd; /* 50% */
    box-shadow: none;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.card.resumo .card-image .card-title {
    font-size: 16px;
    font-weight: bold;
    margin-left: -8px;
    text-shadow: 0.5px 0.5px #212121; /* 100% */
}

.card.resumo:not(.disciplinas) p.description {
    font-size: 1rem;
    margin: 7px;
    margin-top: 1px;
    color: #757575; /* 70% */
}

.card.resumo .card-content .divider {
    margin-top: 20px;
    margin-bottom: 20px;
}

.card.resumo .data {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.card.resumo .data div {
    flex: 0 1 calc(100% / 3);
    font-size: 0.80rem;
    color: #bdbdbd; /* 50% */
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Quantidade dos itens do card resumo */
.card.resumo .data div > span {
    font-weight: bold;
    color: #212121; /* 100% */
}
/* */
/* */

.section > p {
    font-size: 14px;
    margin-top: 1px;
}

/* O card de resumo com as notas das disciplinas */
.card.resumo.disciplinas .card-title {
    margin-left: 0;
}

.card.resumo.disciplinas .card-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

.card.resumo.disciplinas .card-title {
    text-shadow: none;
    font-weight: bold;
    color: #757575; /* 70% */
}

.card.resumo.disciplinas .card-content .divider {
    margin: initial;
}

.card.resumo.disciplinas .card-content {
    padding-top: 0;
}

.card.resumo.disciplinas .flex-container {
    padding-top: 10px;
    padding-bottom: 7px;
}

.card.disciplinas .flex-container.flex-main * {
    font-size: 20px;
}

.card.disciplinas .flex-container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.card.disciplinas .flex-container.flex-main i.material-icons {
    font-size: 2rem;
}

.card.disciplinas .flex-container .valign-wrapper {
    margin-right: 0.4rem;
}

.disciplina {
    font-weight: bold !important;
    color: #42a5f5;
}

.disciplina > a {
    font-size: inherit;
}

.disciplina > * {
    vertical-align: middle;
    color: inherit;
}

h6 + .flex-container {
    padding-top: 0.5rem !important;
}
/* */

/* Últimas avaliações */
h6 + .divider {
    margin-top: 0.7rem;
}

.title {
    font-size: 14px !important;
    font-weight: bold !important;
}

.title a {
    font-size: inherit !important;
}

.datetime {
    color: #757575; /* 70% */
    font-size: 10px !important;
    margin-left: 20px !important;
}

p.comment {
    margin-top: 1rem !important;
    color: #757575 !important; /* 70% */
    margin-bottom: 0 !important;
    max-width: 75% !important;
}

.no-margin {
    margin: 0;
}

.section .rating {
    font-size: 14px !important;
    margin-left: 5px !important;
}

.section i.material-icons {
    font-size: 1.4rem !important;
}
/* */

/* Card resumo de detalhes */
.card.resumo.detalhes:not(.disciplinas) .card-content {
    padding-top: 10px;
    padding-bottom: 10px;
}


.card.resumo.detalhes:not(.disciplinas) .card-title {
    font-size: 20px;
    font-weight: bold;
    margin-left: -8px;
    text-align: center;
    color: #212121; /* 100% */
    padding-bottom: calc(1.5rem + 7px);
}

.card.resumo.detalhes p {
    font-size: 0.80rem;
    color: #bdbdbd; /* 50% */
    margin-top: 5px;
    margin-bottom: 5px;
}

.card.resumo.detalhes p > span {
    color: #212121; /* 100% */
}

/* Alinha parágrafo do primeiro card com 'DISCIPLINAS' */
.card.resumo.detalhes:not(.disciplinas) p.description {
    line-height: 1.5rem;
    position: relative;
    top: -0.25rem;
    margin-top: 0;
}
/* */
/* */

/* Card resumo detalhes com a nota */
.card.resumo.disciplinas.detalhes .disciplina {
    font-size: 13px;
    font-weight: normal !important;
    color: #42a5f5;
}

.total {
    font-weight: bold;
    margin-right: 10px;
    font-size: 15px;
    color: #42a5f5;
}

.card.disciplinas.detalhes .flex-container {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.disciplinas .card-content {
    height: inherit;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.scroll {
    overflow-y: auto;
    flex: 1;
}

/* */

/* Modal */
.modal {
    overflow-y: hidden;
}

.modal h6 {
    color: #212121; /* 100% */
    text-transform: initial;
    font-size: 1.25rem;
    margin-top: 0;
}

.modal .modal-content {
    padding-bottom: 0;
}

.modal .scroll {
    height: 90%;
}

.modal .row .col:nth-of-type(2) {
    margin-bottom: 30px;
    height: 500px;
    overflow-y: hidden;
}

.modal .modal-footer {
    line-height: 8px;
}

.modal .modal-footer a {
    text-transform: uppercase;
    font-size: 1rem;
}

.modal .modal-footer a > i {
    color: inherit;
}

.modal h6 i.material-icons {
    color: #212121; /* 100% */
}

.modal h6 .rating {
    margin-right: 30px;
}

.modal {
    padding: 1.5rem;
    padding-bottom: 0;
}

.modal-title {
    display: inline-block;
    max-width: 65%;
}

.modal-title  > a {
    color: inherit;
    font-size: inherit;
}

a.modal-trigger {
    display:flex;
    flex-direction:column;
    flex: 1 auto;
    justify-content: center;
}

/* Filter */
.modal-content .dropdown-content {
    position: relative;
    right: 2rem;
    left: auto !important;
    padding: 1rem;
}
.modal-content .dropdown-content p {
    font-size: 1rem;
}

.star {
    width: 1.5rem;
    margin-left: 0.2rem;
    margin-right: 0.2rem;
}

.card.enfase .rating {
    font-size: 20px;
}

.card.enfase .star, .card.resumo .flex-container.flex-main .star {
    width: 1.8rem;
    margin-left: 0.3rem;
    margin-right: 0.3rem;
}

.section .star {
    width: 1.3rem !important;
    margin-left: 0.1rem !important;
    margin-right: 0.1rem !important;
}
/* */

a  > .flex-container {
    font-size: 15px;
}

button.modal-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 30px;
    font-weight: normal;
}

/* Filtro das últimas avaliações */
.meter {
    margin-bottom: 0;
}

.meter .rating {
    font-size: 4.5rem;
    line-height: 4.7rem;
}

.meter .star {
    height: 1.5rem;
    width: 1.5rem;
}

.meter progress ~ .star {
    height: 1.3rem;
    margin-left: 0.05rem;
    margin-right: 0.05rem;
}

.meter .rating {
    margin: 0;
}

progress {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 22px;
    margin: 5px;
    border: none;
    background-color: #f5f5f5;
    color: #a1a7b3;
    border-radius: 3px;
    margin-right: 10px;
}

progress::-moz-progress-bar {
    background-color: #9e9e9e;
    border-radius: 3px;
}

progress::-webkit-progress-bar {
    background-color: #f5f5f5;
    border-radius: 3px;
}

progress::-webkit-progress-value {
    background-color: #9e9e9e;
    border-radius: 3px;
}

.percentage {
    flex: none;
    border: none;
    background: none;
    padding: 0;
    display: inline-block;
    width: 40px;
    text-align: center;
    font-size: 15px;
    color: #757575;
}

.meter .col:first-child {
    padding-left: 0;
    padding-right: 0;
}

.meter .col:last-child {
    padding-left: 0;
}

.meter .valign-wrapper {
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome and Opera */
}

.meter div.not-focus {
    opacity: 0.4;
}

.meter .focused div {
    opacity: 0.4;
}

.meter .focused .focus {
    opacity: initial;
}