.ab-dark .content, .ab-dark .content div, .ab-dark .content a {
    color: #FFFFFF !important;
}

.ab-light .content, .ab-light .content div, .ab-light .content a {
    color: #000000 !important;
}

.perfil {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.perfil .username {
    margin-top: 2px;
}

.perfil .user-block .description, .perfil .passiveName {
    color: #FFF;
}

.perfil .passiveName {
    color: #FFF;
    font-size: 2rem;
}

.perfil .user-block .rounded-circle {
    border: 4px solid #fff;
    background-color: #e7edf3;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
}

.user-block .ui.inverted.menu .active.item {
    background: rgb(255 255 255 / 6%);
    color: #ffffff !important;
}

.ui.grid > .column:not(.row), .ui.grid > .row > .column {
    padding-left: 0rem;
    padding-right: 0rem;
}

.mdl-components {
    display: -webkit-flex;
    display: -ms-flexbox;
    /*display: flex;*/
}

.mdl-components-index {
    box-sizing: border-box;
    position: relative;
    padding-top: 64px;
}

.mdl-components-index-text {
    max-width: 960px;
    margin: 0;
}

.mdl-components-index-text .mdl-components-dl {
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 40px;
}

.mdl-components-img {
    position: absolute;
    margin-top: 24px;
    left: 40px;
    height: 90%;
    width: 90%;
    max-height: 600px;
    background: url('../assets/compindex_2x.png') no-repeat top left/contain;
}

.mdl-components-text {
    margin: 0;
    padding: 0;
}

mdl-components-dl {
    padding: .5em;
    width: 80%
}

mdl-components-dt {
    float: left;
    clear: left;
    width: 150px;
    font-weight: 700;
}

mdl-components-dd {
    margin: 0 0 0 150px;
    padding: 0 0 .5em;
}

.mdl-components .mdl-components__nav {
    display: inline-block;
    /*background: #fff;*/
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1;
}

.mdl-components .mdl-components__pages {
    display: inline-block;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-bottom: 120px;
}

.mdl-components .mdl-components__link {
    margin: 0px;
    font-weight: 400;
    color: rgba(0, 0, 0, 1);
    position: relative;
    /* 	padding-left: 50px; */
    min-height: 30px;
    display: table;
    line-height: 25px;
    cursor: pointer;
}

.mdl-components .mdl-components__link.is-active {
    font-weight: 700;
    color: #c2185b;
}

.mdl-components .mdl-components__page {
    display: none;
    min-height: 1000px;
}

.mdl-components .docs-toc, .mdl-components .component-title {
    margin-bottom: 60px;
    margin-left: 32px;
}

.mdl-components .component-title {
    margin-top: 30px;
}

.mdl-components .component-title h3 {
    font-size: 16px;
    font-weight: 500;
    margin-top: 80px;
    text-transform: uppercase;
}

.mdl-components .snippet-code pre.language-markup code {
    padding-left: 40px;
}

.mdl-components .mdl-components__page.is-active {
    display: block;
}

.mdl-components__link-image {
    /* 	display: inline-block; */
    /* 	margin: 0 10px; */
    /* 	position: absolute; */
    /* 	left: 0; */
    /* 	height: 25px; */
    /* 	width: 25px; */
}

.mdl-components__link.is-active .mdl-components__link-image {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12);
}

.docs-readme {
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

.docs-readme .language-markup {
    width: 100%
}

@media ( max-width: 767px) {
    .mdl-components {
        margin: 0;
        width: 100%;
    }

    .mdl-components .component-title, .mdl-components .docs-toc {
        margin-left: 0;
    }

    .mdl-components .snippet-code pre.language-markup code {
        padding-left: 8px;
    }

    .docs-layout-content {
        position: relative;
        height: 100%;
        overflow: hidden !important;
    }

    .mdl-components .mdl-components__nav {
        left: 0;
        /* 		display: block; */
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        /* width: 100%; */
        height: 60px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0px;
        z-index: 10;
        white-space: nowrap;
        margin-bottom: 5px;
        margin-top: 10px;
    }

    .mdl-components-index-text .mdl-components-dl {
        margin: 0;
    }

    .mdl-components-img {
        left: 8px;
    }

    .components .content .about-panel {
        padding: 8px;
    }

    .mdl-components__nav .mdl-components__link {
        display: inline-block;
        vertical-align: top;
        height: 100%;
        width: auto;
        /* 		min-width: 48px; */
        margin: 0 20px 0 0;
        padding-left: 0;
        padding-top: 0px;
    }

    .mdl-components__nav .mdl-components__link:last-child {
        margin: 0;
    }

    .mdl-components__nav .mdl-components__link > * {
        display: block;
        text-align: center;
    }
}

.user-avatar {
    float: left;
    position: relative;
}

.fotoEditar {
    position: absolute;
    background-color: #000;
    filter: opacity(alpha=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    bottom: 0px;
    color: #FFFFFF;
    font-size: 12px;
    left: 0;
    line-height: 25px;
    text-align: center;
    border-bottom-left-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
    width: 60%;
    margin-left: 20%;
    cursor: pointer;
}

.user-avatar:hover .fotoEditar {
    display: block;
    color: #FFFFFF;
}

.user-block-lg .btn-outline-danger {
    background-color: #FFF;
}

@media ( max-width: 768px) {

    .user-block-lg img {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    .user-block-lg .username, .user-block-lg .description, .user-block-lg .comment {
        display: block;
        margin-left: auto;
    }

    .user-block .user-avatar {
        display: block;
        float: none;
        margin: 0 auto 10px;
        width: 180px;
    }

    .user-block .ui.menu.justify-center {
        justify-content: center !important;
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .perfil .username {
        margin-top: 10px;
    }

    .perfil .user-block .username, .user-block-lg {
        text-align: center !important;
        width: 100%;
    }

}


.ui.cards > .leitores.card, .ui.leitores.card, .ui.leitores.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #43a047, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #43a047, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .escritores.card, .ui.escritores.card, .ui.escritores.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #006064, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #006064, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .autores.card, .ui.autores.card, .ui.autores.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #ad1457, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #ad1457, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .compositoras.card, .ui.compositoras.card, .ui.compositoras.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #8e24aa, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #8e24aa, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .artistas.card, .ui.artistas.card, .ui.artistas.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #7F0000, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #7F0000, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .folcloristas.card, .ui.folcloristas.card, .ui.folcloristas.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b5e20, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1b5e20, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .redatoras.card, .ui.redatoras.card, .ui.redatoras.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e65100, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #e65100, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .publicitarios.card, .ui.publicitarios.card, .ui.publicitarios.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f57f17, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #f57f17, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .editores.card, .ui.editores.card, .ui.editores.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1565c0, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1565c0, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .bibliotecarios.card, .ui.bibliotecarios.card, .ui.bibliotecarios.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #4a148c, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #4a148c, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .outros.card, .ui.outros.card, .ui.outros.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #afb42b, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #afb42b, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .musicos.card, .ui.musicos.card, .ui.musicos.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #827717, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #827717, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .editoras.card, .ui.editoras.card, .ui.editoras.cards > .card {
    -webkit-box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1e88e5, 0 1px 3px 0 #d4d4d5;
    box-shadow: 0 0 0 1px #d4d4d5, 0 2px 0 0 #1e88e5, 0 1px 3px 0 #d4d4d5;
}

.ui.cards > .leitores.card .categoria.label, .ui.leitores.card .categoria.label {
    background-color: #43a047;
}

.ui.cards > .escritores.card .categoria.label, .ui.escritores.card .categoria.label {
    background-color: #006064;
}

.ui.cards > .autores.card .categoria.label, .ui.autores.card .categoria.label {
    background-color: #ad1457;
}

.ui.cards > .compositoras.card .categoria.label, .ui.compositoras.card .categoria.label {
    background-color: #8e24aa;
}

.ui.cards > .artistas.card .categoria.label, .ui.artistas.card .categoria.label {
    background-color: #7F0000;
}

.ui.cards > .folcloristas.card .categoria.label, .ui.folcloristas.card .categoria.label {
    background-color: #1b5e20;
}

.ui.cards > .redatoras.card .categoria.label, .ui.redatoras.card .categoria.label {
    background-color: #e65100;
}

.ui.cards > .publicitarios.card .categoria.label, .ui.publicitarios.card .categoria.label {
    background-color: #f57f17;
}

.ui.cards > .editores.card .categoria.label, .ui.editores.card .categoria.label {
    background-color: #1565c0;
}

.ui.cards > .bibliotecarios.card .categoria.label, .ui.bibliotecarios.card .categoria.label {
    background-color: #4a148c;
}

.ui.cards > .outros.card .categoria.label, .ui.outros.card .categoria.label {
    background-color: #afb42b;
}

.ui.cards > .musicos.card .categoria.label, .ui.musicos.card .categoria.label {
    background-color: #827717;
}

.ui.cards > .editoras.card .categoria.label, .ui.editoras.card .categoria.label {
    background-color: #1e88e5;
}

.menu > .item i.leitores, .dropdown-item > i.leitores {
    color: #43a047;
}

.menu > .item i.escritores, .dropdown-item > i.escritores {
    color: #006064;
}

.menu > .item i.autores, .dropdown-item > i.autores {
    color: #ad1457;
}

.menu > .item i.compositoras, .dropdown-item > i.compositoras {
    color: #8e24aa;
}

.menu > .item i.artistas, .dropdown-item > i.artistas {
    color: #7F0000;
}

.menu > .item i.folcloristas, .dropdown-item > i.folcloristas {
    color: #1b5e20;
}

.menu > .item i.redatoras, .dropdown-item > i.redatoras {
    color: #e65100;
}

.menu > .item i.publicitarios, .dropdown-item > i.publicitarios {
    color: #f57f17;
}

.menu > .item i.editores, .dropdown-item > i.editores {
    color: #1565c0;
}

.menu > .item i.bibliotecarios, .dropdown-item > i.bibliotecarios {
    color: #4a148c;
}

.menu > .item i.outros, .dropdown-item > i.outros {
    color: #afb42b;
}

.menu > .item i.musicos, .dropdown-item > i.musicos {
    color: #827717;
}

.menu > .item i.editoras, .dropdown-item > i.editoras {
    color: #1e88e5;
}

.image > img.rounded-circle.leitores {
    border: 2px #43a047 solid !important;
}

.image > img.rounded-circle.escritores {
    border: 2px #006064 solid !important;
}

.image > img.rounded-circle.autores {
    border: 2px #ad1457 solid !important;
}

.image > img.rounded-circle.compositoras {
    border: 2px #8e24aa solid !important;
}

.image > img.rounded-circle.artistas {
    border: 2px #7F0000 solid !important;
}

.image > img.rounded-circle.folcloristas {
    border: 2px #1b5e20 solid !important;
}

.image > img.rounded-circle.redatoras {
    border: 2px #e65100 solid !important;
}

.image > img.rounded-circle.publicitarios {
    border: 2px #f57f17 solid !important;
}

.image > img.rounded-circle.editores {
    border: 2px #1565c0 solid !important;
}

.image > img.rounded-circle.bibliotecarios {
    border: 2px #4a148c solid !important;
}

.image > img.rounded-circle.outros {
    border: 2px #afb42b solid !important;
}

.image > img.rounded-circle.musicos {
    border: 2px #827717 solid !important;
}

.image > img.rounded-circle.editoras {
    border: 2px #1e88e5 solid !important;
}