@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Gantari:400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Oswald:400,500,600,700,800");
@import url("https://fonts.googleapis.com/css?family=Bree+Serif:400,500,600,700,800");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

:root {
    /*--primary: #080D9E;*/
    --primary: #B77300;
    --color-offwhite: #F1F3F9;

    --color-azul: #4071C2;
    --color-azul-dark: #13458d;
    --color-vermelho: #B95151;
    --color-vermelho-dark: #812929;
    --color-lilas: #6144D4;
    --color-lilas-dark: #3f20b1;
    --color-amarelo: #E6A026;
    --color-amarelo-dark: #bd7b05;
    --color-verde: #4B8376;
    --color-verde-dark: #264e46;
    --color-laranja: #CD6D2A;
    --color-laranja-dark: #9b490b;
    --color-rosa: #DE6D6D;
    --color-rosa-dark: #a83636;
}

/*** Alteração de cores para os cursos da trilha ***/
/*TRILHA 1*/
body.course-6 .secondary-navigation,
body.course-12 .secondary-navigation,
body.course-13 .secondary-navigation,
body.course-6 .courseindex .courseindex-item.pageitem,
body.course-12 .courseindex .courseindex-item.pageitem,
body.course-13 .courseindex .courseindex-item.pageitem {
    background-color: var(--color-azul) !important;
}
body.course-6 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-12 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-13 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-6 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-12 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-13 .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
    background-color: var(--color-azul-dark);
}

/*TRILHA 2*/
body.course-7 .secondary-navigation,
body.course-14 .secondary-navigation,
body.course-16 .secondary-navigation,
body.course-7 .courseindex .courseindex-item.pageitem,
body.course-14 .courseindex .courseindex-item.pageitem,
body.course-16 .courseindex .courseindex-item.pageitem {
    background-color: var(--color-vermelho) !important;
}
body.course-7 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-14 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-16 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-7 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-14 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-16 .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
    background-color: var(--color-vermelho-dark);
}

/*TRILHA 3*/
body.course-8 .secondary-navigation,
body.course-19 .secondary-navigation,
body.course-22 .secondary-navigation,
body.course-8 .courseindex .courseindex-item.pageitem,
body.course-19 .courseindex .courseindex-item.pageitem,
body.course-22 .courseindex .courseindex-item.pageitem {
    background-color: var(--color-lilas) !important;
}
body.course-8 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-19 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-22 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-8 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-19 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-22 .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
    background-color: var(--color-lilas-dark);
}

/*TRILHA 4*/
body.course-9 .secondary-navigation,
body.course-21 .secondary-navigation,
body.course-23 .secondary-navigation,
body.course-9 .courseindex .courseindex-item.pageitem,
body.course-21 .courseindex .courseindex-item.pageitem,
body.course-23 .courseindex .courseindex-item.pageitem {
    background-color: var(--color-amarelo) !important;
}
body.course-9 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-21 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-23 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-9 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-21 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-23 .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
    background-color: var(--color-amarelo-dark);
}

/*TRILHA 4*/
body.course-10 .secondary-navigation,
body.course-10 .courseindex .courseindex-item.pageitem {
    background-color: var(--color-verde) !important;
}
body.course-10 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-10 .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
    background-color: var(--color-verde-dark);
}

/*TRILHA 6*/
body.course-11 .secondary-navigation,
body.course-17 .secondary-navigation,
body.course-11 .courseindex .courseindex-item.pageitem,
body.course-17 .courseindex .courseindex-item.pageitem {
    background-color: var(--color-laranja) !important;
}
body.course-11 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-17 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-11 .secondary-navigation .moremenu .nav-tabs .nav-link:focus,
body.course-17 .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
    background-color: var(--color-laranja-dark);
}

/*TRILHA 7*/
body.course-18 .secondary-navigation,
body.course-18 .courseindex .courseindex-item.pageitem {
    background-color: var(--color-rosa) !important;
}
body.course-18 .secondary-navigation .moremenu .nav-tabs .nav-link:hover,
body.course-18 .secondary-navigation .moremenu .nav-tabs .nav-link:focus {
    background-color: var(--color-rosa-dark);
}

.coursecontentblocks .block_html.card {
    background-color: unset !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    -box-shadow: none !important;
}

nav#courseindex div.courseindex {
    margin-bottom: 80px;
}

body {
    background-color: #f5f5f5 !important;
}

div#page {
    flex: 1;
}

body.notloggedin div.primary-navigation {
    display: none;
}

#course-header {
    display: none;
}

#id_generalhdrcontainer #id_introeditoreditable,
#id_contentsectioncontainer #id_pageeditable {
    min-height: 700px !important;
}

#id_generalhdrcontainer #fitem_id_introeditor>.col-md-3.col-form-label,
#id_contentsectioncontainer #fitem_id_page>.col-md-3.col-form-label {
    display: none !important;
}

#id_generalhdrcontainer #fitem_id_introeditor>.col-md-9.felement,
#id_contentsectioncontainer #fitem_id_page>.col-md-9.felement {
    max-width: 100%;
    flex: auto;
}

div.usermenu span.login a {
    color: #fff !important;
    background-color: #0f47ad;
    border-color: #0f47ad;
    display: inline-block;
    font-weight: 400;
    text-decoration: none;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border-radius: 0.5rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

div.block-myoverview.block-cards [data-region="filter"] {
    display: none !important;
}

div.block-myoverview.block-cards [data-region="courses-view"] div[data-region="empty-message"]:after {
    color: #6a737b;
    content: "Você completou o cadastro, mas não está matriculado em nenhum curso. Volte a página inicial e escolha uma trilha para começar.";
}

div.block-myoverview.block-cards .card.dashboard-card .card-footer.dashboard-card-footer.menu {
    display: none !important;
}

body:not(.pagelayout-admin) fieldset#id_moodle_additional_names {
    display: none;
}

body#page-user-edit header#page-header:after {
    margin-top: .5rem;
    content: "Para atualizar as informações de cadastro utilize a opção 'Atualizar cadastro', no menu do usuário. As informações bloqueadas só podem ser atualizadas no seu perfil de usuário no GOV.BR.";
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
    position: relative;
    padding: .75rem 1.25rem;
    border-radius: .25rem;
    display: block;
    width: 100%;

}

h3.sectionname.course-content-item {
    display: none !important;
}

div.course-section-header span.icon {
    display: none !important;
}

#topofscroll {
    background-color: var(--color-offwhite) !important;
}

#topofscroll section#region-main {
    background-color: var(--color-offwhite) !important;
}

div.course-content .nav-tabs {
    border-radius: 5rem;
    /*padding: 1rem;*/
    border: none;
}

div.course-content .nav-tabs > .nav-item > .nav-link {
    color: #7b7b7b;
    margin: 0 5px 0 0;
    background-color: transparent;
    border: 1px solid #7b7b7b;
    border-radius: 30px;
    font-size: 14px;
    padding: 11px 23px;
    line-height: 1.5;
}

div.course-content .nav-tabs > .nav-item > .nav-link.disabled {
    background-color: #d5d5d5;
    color: #919191;
    border-color: #919191;
}

div.course-content .nav-tabs:not(.more-nav) {
    background-color: var(--color-offwhite) !important;
    margin-bottom: 0 !important;
    justify-content: center;
}

div.course-content .nav-tabs:not(.more-nav) .nav-item {
    margin-bottom: 1rem !important;
}

div.course-content .nav-tabs:nth-child(2) > .nav-item:first-child > .nav-link > div.tab_content,
div.course-content .nav-tabs:nth-child(2) > .nav-item:nth-child(1) > .nav-link:not(.active) > div.tab_content {
    display: none;
}

div.course-content .nav-tabs:nth-child(2) > .nav-item:first-child > .nav-link:after {
    content: "Objetivos";
}

@media (max-width: 576px) {
    div.course-content .nav-tabs {
        padding: 0 1rem;
    }

    div.course-content .nav-tabs > .nav-item > .nav-link {
        padding: 11px;
    }

    div.course-content .nav-tabs > .nav-item > a.nav-link[title*="Add page"] {
        display: none;
    }

    /** Alteração do menu superior **/
    div.course-content .nav-tabs:first-child {
        list-style-type: none;
        counter-reset: primary-menu-counter -1; /* initializes counter to 0; use -1 for zero-based numbering */
    }

    div.course-content .nav-tabs:first-child > .nav-item {
        counter-increment: primary-menu-counter 1; /* Increase the counter by 1. */
    }

    div.course-content .nav-tabs:first-child > .nav-item:first-child > .nav-link > div.tab_content,
    div.course-content .nav-tabs:first-child > .nav-item > .nav-link/*:not(.active)*/ > div.tab_content {
        display: none !important;
    }

    div.course-content .nav-tabs:first-child > .nav-item > .nav-link/*:not(.active)*/:after {
        content: counter(primary-menu-counter); /* Apply counter before children's content. */
    }

    div.course-content .nav-tabs:first-child > .nav-item:first-child > .nav-link:after {
        content: "\f015";
        font-family: "FontAwesome", sans-serif;
        font-weight: 900;
    }
    /** Fim da alteração do menu superior **/

    /** Alteração do menu inferior **/
    div.course-content .nav-tabs:nth-child(2) {
        list-style-type: none;
        counter-reset: secondary-menu-counter -1; /* initializes counter to 0; use -1 for zero-based numbering */
    }

    div.course-content .nav-tabs:nth-child(2) > .nav-item {
        counter-increment: secondary-menu-counter 1; /* Increase the counter by 1. */
    }

    div.course-content .nav-tabs:nth-child(2) > .nav-item:first-child > .nav-link > div.tab_content,
    div.course-content .nav-tabs:nth-child(2) > .nav-item > .nav-link:not(.active) > div.tab_content {
        display: none;
    }

    div.course-content .nav-tabs:nth-child(2) > .nav-item > .nav-link:not(.active):after {
        content: counter(secondary-menu-counter); /* Apply counter before children's content. */
    }

    div.course-content .nav-tabs:nth-child(2) > .nav-item:first-child > .nav-link:after {
        content: "\f05a";
        font-family: "FontAwesome", sans-serif;
        font-weight: 900;
    }

    div.course-content .nav-tabs:nth-child(2) > .nav-item:has(.nav-link:not(.active)) {
        display: none;
    }

    div.course-content .nav-tabs:nth-child(2) > .nav-item:first-child:has(.nav-link),
    div.course-content .nav-tabs:nth-child(2) > .nav-item:has(.nav-link.active) + .nav-item {
        display: list-item;
    }

    div.course-content .nav-tabs:nth-child(2) > .nav-item:not(:first-child):has(.nav-link) > .nav-link:not(.active):after  {
        content: "\f105";
        font-family: "FontAwesome", sans-serif;
        font-weight: 900;
    }
    /** Fim da alteração do menu inferior **/
}

div.course-content .nav-tabs:first-child > .nav-item > .nav-link.active,
div.course-content .nav-tabs:first-child > .nav-item > .nav-link:hover {
    background-color: #0f47ad;
    border: 1px solid #0f47ad;
    color: #FFFFFF;
}

div.course-content .nav-tabs:nth-child(2) > .nav-item > .nav-link.active,
div.course-content .nav-tabs:nth-child(2) > .nav-item > .nav-link:hover {
    background-color: #C1C8E7;
    border: 1px solid #CAD0E7;
    color: #0f47ad;
}

@media (max-width: 767.98px) {
    div.course-content .nav-tabs:first-child > .nav-item > .nav-link.active,
    div.course-content .nav-tabs:first-child > .nav-item > .nav-link:hover {
        background-color: #0f47ad !important;
        border: 1px solid #0f47ad !important;
        color: #FFFFFF !important;
    }

    div.course-content .nav-tabs:nth-child(2) > .nav-item > .nav-link.active,
    div.course-content .nav-tabs:nth-child(2) > .nav-item > .nav-link:hover {
        background-color: #C1C8E7 !important;
        border: 1px solid #C1C8E7 !important;
        color: #0f47ad !important;
    }
}

.activity-item.hiddenactivity,
.card-atividade,
.question-container {
    background-color: var(--color-offwhite) !important;
}

.activity-item.activityinline {
    padding: 0.75rem !important;
}

.card.activity-navigation.mdl-bottom {
    display: none;
}

.activity-item .activity-altcontent {
    padding-right: 0 !important;
}

.activity-item .activity-altcontent .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-color: var(--color-offwhite);
    color: #283583;
    font-family: 'Gantari', sans-serif;
    text-align: justify;
}

.activity-item .activity-altcontent .container .row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.activity.h5pactivity .activity-altcontent {
    grid-area: altcontent / icon / altcontent / altcontent !important;
}

.activity-item .activity-altcontent.activity-description {
    font-size: 1em !important;
    border-top: unset !important;
}

body.format-multitopic .page-header-headings {
    display: none;
}

.activity-item .activity-altcontent img {
    border-radius: inherit;
}

.container.atividade {
    max-width: 100% !important;
}


.headerandnav .mr-auto:has(div.page-context-header) {
    margin-right: 0 !important;
}

.headerandnav .header-actions-container {
    margin-left: 0 !important;
}

@media (max-width: 576px) {
    .main-inner {
        max-width: 100% !important;
    }

    #page.drawers .main-inner {
        padding: 0 !important;
    }
}

.activity-item .activity-altcontent.activity-description {
    font-size: 100% !important;
}

.activity-item .activity-availability.availabilityinfo {
    font-size: 80% !important;
}

.activity-description#intro a.btn.btn-atividade {
    display: none;
}

.h5pactivity [data-activityname*="Aconteceu lá na unidade de saúde"] .courseicon img {
    content: url("https://educaesusaps.medicina.ufmg.br/moodle/conteudo?file=atividade-aconteceu-ubs.webp");
}

.h5pactivity [data-activityname*="Quebrando a cabeça"] .courseicon img {
    content: url("https://educaesusaps.medicina.ufmg.br/moodle/conteudo?file=atividade-quebrando-cabeca.webp");
}

.h5pactivity [data-activityname*="Análise de cenários"] .courseicon img {
    content: url("https://educaesusaps.medicina.ufmg.br/moodle/conteudo?file=atividade-analise-cenarios.webp");
}

.h5pactivity [data-activityname*="Vídeo interativo"] .courseicon img {
    content: url("https://educaesusaps.medicina.ufmg.br/moodle/conteudo?file=atividade-video-interativo.webp");
}

.feedback [data-activityname*="Pesquisa"] .courseicon img,
.h5pactivity [data-activityname*="Síntese"] .courseicon img {
    content: url("https://educaesusaps.medicina.ufmg.br/moodle/conteudo?file=atividade-sintese.webp");
}

.feedback .activityiconcontainer,
.h5pactivity .activityiconcontainer.content,
.feedback .activityiconcontainer .activityicon,
.h5pactivity .activityiconcontainer .activityicon,
.container.atividade .row.tituloatividade img {
    filter: brightness(0) saturate(100%) invert(17%) sepia(38%) saturate(5774%) hue-rotate(235deg) brightness(80%) contrast(134%);
}

.feedback .activity-name-area,
.h5pactivity .activity-name-area {
    height: 120px !important;
    justify-content: center;
    margin-left: 0.7rem;
}

.feedback .activityiconcontainer,
.h5pactivity .activityiconcontainer,
.feedback .activityiconcontainer .activityicon,
.h5pactivity .activityiconcontainer .activityicon  {
    height: 120px !important;
    width: 120px !important;
    max-height: 120px !important;
    max-width: 120px !important;
}

.feedback .activityiconcontainer,
.h5pactivity .activityiconcontainer.content {
    background-color: transparent !important;
}

.feedback .activityiconcontainer,
.h5pactivity .activityiconcontainer {
    width: auto;
    height: auto;
}

.activity-item .activity-altcontent.activity-description {
    border-top: none !important;
}

.feedback .activitytitle:before,
.h5pactivity .activitytitle:before {
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    color: var(--primary);
    text-align: left;
    font-weight: bold;
    font-size: 150%;
}

.feedback .activitytitle:before {
    content: "Pesquisa";
}

.h5pactivity .activitytitle:before {
    content: "Atividade";
}

@media only screen and (max-width: 576px) {
    .feedback .activityiconcontainer,
    .h5pactivity .activityiconcontainer,
    .feedback .activityiconcontainer .activityicon,
    .h5pactivity .activityiconcontainer .activityicon  {
        height: 80px !important;
        width: 80px !important;
    }

    .feedback .activity-name-area,
    .h5pactivity .activity-name-area {
        height: 80px !important;
        justify-content: center;
        margin-left: 0.3rem;
    }
}

.activity.feedback .activitytitle .activityname,
.activity.h5pactivity .activitytitle .activityname {
    border-radius: 1rem;
    width: fit-content;
    background-color: var(--primary);
}

.feedback .activityname a,
.h5pactivity .activityname a {
    opacity: 0;
}

.feedback .activityname:before,
.h5pactivity .activityname:before {
    color: #FFF;
    font-family: 'Gantari', sans-serif;
    cursor: default;
    text-decoration: none;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1;
}

.activity.h5pactivity .activityname a span.instancename,
.activity.feedback .activityname a span.instancename {
    display: none;
}

.h5pactivity [data-activityname*="Aconteceu lá na unidade de saúde"] .activityname:before {
    content: "Aconteceu lá na Unidade de Saúde";
}

.h5pactivity [data-activityname*="Quebrando a cabeça"] .activityname:before {
    content: "Quebrando a cabeça";
}

.h5pactivity [data-activityname*="Análise de cenários"] .activityname:before {
    content: "Análise de cenários";
}

.h5pactivity [data-activityname*="Vídeo interativo"] .activityname:before {
    content: "Vídeo interativo";
}

.h5pactivity [data-activityname*="Síntese"] .activityname:before {
    content: "Síntese";
}

.feedback [data-activityname*="Pesquisa"] .activityname:before {
    content: "Deixe a sua opinião! Ela é muito importante!";
}

.activity-description#intro a.btn.btn-primary {
    display: block;
}

.activity.h5pactivity .container.atividade .row.tituloatividade,
.activity.feedback .container.atividade .row.tituloatividade {
    display: none;
}

.container.atividade .row.tituloatividade img {
    border-radius: unset !important;
}

.feedback_form {
    list-style-type: none;
    counter-reset: css-counter 0; /* initializes counter to 0; use -1 for zero-based numbering */
}

.feedback_form div.fitem.feedback_hasvalue {
    counter-increment: css-counter 1; /* Increase the counter by 1. */
}

.feedback_form div.fitem.feedback_hasvalue div.col-form-label {
    align-items: center;
    font-weight: 700;
}

.feedback_form div.fitem.feedback_hasvalue div.col-form-label:before {
    content: counter(css-counter); /* Apply counter before children's content. */
    background-color: var(--primary);
    color: #FFFFFF;
    min-width: 2rem;
    width: 2rem;
    height: 2rem;
    border-radius: 1rem;
    display: inline-block;
    padding: 0.375em;
    margin-right: 0.375em;
    text-align: center;
    font-weight: normal;
}

.feedback_form div.felement {
    margin: 0.5rem 0;
}

.feedback_form label.fitem {
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
    display: flex;
    align-items: center;
    padding: 0.375em;
    transition: 0.25s ease;
    width: fit-content !important;
}

.feedback_form label.fitem input {
    width: 1.5em;
    height: 1.5em;
    box-shadow: none;
}

.feedback_form label.fitem:hover input:before {
    box-shadow: inset 0 0 0 0.15em var(--primary);
}

.feedback_form label.fitem span.weight {
    display: none;
}

.feedback_form label.fitem input::before {
    display: flex;
    flex-shrink: 0;
    content: "";
    font-family: "FontAwesome", sans-serif;
    font-weight: 900;
    justify-content: center;
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em var(--primary);
    cursor: pointer;
}

.feedback_form label.fitem input[type="radio"]::before {
    border-radius: 50%;
}

.feedback_form label.fitem input:checked + span.weight +,
.feedback_form label.fitem input:checked + {
    background-color: #d6d6e5;
}

.feedback_form label.fitem input:checked + span.weight :before,
.feedback_form label.fitem input:checked:before {
    box-shadow: inset 0 0 0 0.4375em var(--primary);
}

.feedback_form label.fitem input[type="checkbox"]:checked::before {
    content: "\f00c";
    color: #d6d6e5;
    animation: spin 5s linear;
    box-shadow: inset 0 0 0 0.75em var(--primary);
}

[class*="-vertical"] .felement.form-inline fieldset div.d-flex {
    display: inline-block !important;
}

.feedback_form .felement br {
    display: none;
}