.grid-webapp{
        background-color: #204190;
    }
    .grid-webapp .home-footer p, a{
        color: #ffffff;
    }
    .grid-webapp.recursos-acessiveis, .grid-webapp.conteudo{
        background-color: #204190;
        color: #ffffff;
    }
    .grid-webapp header .img-logo{
        background: #204190;
    }

    .component-card-highlighs-titles h1, article p, b, strong, article em, article u{
        color: #ffffff;
    }
        
    .component-card-highlighs-titles svg{
        fill: #ffffff !important;
    }
    
    /* Navegação Footer */

    .component-card-highlighs-titles-sublines{
        background: #ffffff;
    }

    .component-card-highlighs-titles-sublines p.x-large, .component-card-highlighs-titles-sublines p.large, .component-card-highlighs-titles-sublines p.large:last-child{
        color: #17428f;
    }

    .grid-webapp footer{
        background: #fcc229;
    }
    .grid-webapp footer ul li a p.txt_button{
        color: #17428f;
    }
    .grid-webapp footer a .icon svg, .grid-webapp footer a .icon svg path{
        fill: #17428f !important;
    }
    .component-card-highlighs-titles h1, article p, b, strong, article em, article u{
        color: #ffffff;
    }
    .grid-webapp footer ul li a:hover p.txt_button{
        color: #2156c0 !important;
    }
    .grid-webapp footer a .icon svg:hover, .grid-webapp footer a .icon svg:hover path{
        fill: #2156c0 !important;
    }
    .component-container.container-selectors{
        background: #fcc229;
    }
    .component-container.container-selectors select{
        background: #ffffff;
        color: #17428f;
        border-color: #ffffff;
    }
    .component-container.container-selectors select option{
        color: #17428f;
    }
    .grid-webapp.grid-template-1 button.btn-webapp-start{
        background: #17428f;
        color: #ffffff;
        border-color: #17428f;
    }
    
    .grid-webapp.grid-template-1 button.btn-webapp-start:hover{
        background: #ffffff;
        color: #17428f;
    }
    
    /* Lista primeiro nivel*/

    .classic-menu li.item a{
        background: #ffffff;
        border-left-color: #fcc229;
    }

    .classic-menu li.item a:hover, .classic-menu li.item a:focus{
        background: #d2e0ff;
        border-left-color: #e8b426;
    }

    .classic-menu li.item a:hover p, .classic-menu li.item a:focus p{
        color: #17428f;
    }

    .classic-menu li.item a p{
        color: #17428f;
    }
    
    /* Lista segundo nivel*/

    .classic-menu li.subitens a{
        background: #ffffff;
        border-left-color: #e20613;
    }

    .classic-menu li.subitens a:hover, .classic-menu li.subitens a:focus{
        background: #edf1f7;
        border-left-color: #cd0412;
    }

    .classic-menu li.subitens a:hover p, .classic-menu li.subitens a:focus p{
        color: #17428f;
    }

    .classic-menu li.subitens a p{
        color: #17428f;
    }
    
    /* Lista terceiro nivel*/

    .classic-menu ul.js-subitens .item a{
        background: #d2e0ff;
        border-left-color: #fcc229;
    }

    .classic-menu ul.js-subitens .item a p{
        color: #17428f;
    }
        
    .classic-menu ul.js-subitens .item a:hover, .classic-menu ul.js-subitens .item a:focus{
        background: #ffffff;
        border-left-color: #e8b426;
    }

    .classic-menu ul.js-subitens .item a:hover p, .classic-menu ul.js-subitens .item a:focus p{
        color: #17428f;
    }

    .classic-menu ul.js-subitens .subitens a{
        background: #ffffff;
        border-left-color: #e20613;
    }

    .classic-menu ul.js-subitens .subitens a p{
        color: #17428f;
    }

    .classic-menu ul.js-subitens .subitens a:hover, .classic-menu ul.js-subitens .subitens a:focus{
        background: #edf1f7;
        border-left-color: #cd0412;
    }

    .classic-menu li.subitens .js-subitens .subitens .js-subitens a{
        background: #ffffff !important;
        border-left-color: #fcc229 !important;
    }

    .classic-menu li.subitens .js-subitens .subitens .js-subitens a p{
        color: #17428f !important;
    }

    .classic-menu li.subitens .js-subitens .subitens .js-subitens a:hover{
        background: #d2e0ff !important;
        border-left-color: #e8b426 !important;
    }

    .classic-menu li.subitens .js-subitens .subitens .js-subitens a:hover p{
        color: #17428f !important;
    }

    /* Paginas */

    .grid-webapp .links-sponsors a{
        border: 1px solid #17428f;
        background-color: #fcc229;
        color: #17428f;
    }

    .grid-webapp .links-sponsors a:hover{
        background-color: #17428f;
        color: #fcc229 !important;
        border-color: #fcc229;
    }

    .grid-webapp .links-sponsors a .fa{
        color: #17428f;
    }

    #section-media-player h1{
        color: #ffffff !important;
    }

    /* Navegação por recurso Home */

    #views.home-navegacao #resource-controllers button{
        background: #fcc229;
        border-color: #17428f;
    }
    
    #views.home-navegacao #resource-controllers button svg{
        fill: #17428f;
    }

    #views.home-navegacao #resource-controllers button:hover, #views.home-navegacao #resource-controllers button:focus{
        background: #17428f !important;
    }

    #views.home-navegacao #resource-controllers button:hover svg, #views.home-navegacao #resource-controllers button:focus svg{
        fill: #fcc229;
    }

    /* Navegação por recurso em conteúdo */

    #views.conteudo #resource-controllers.internal-bar button{
        background: #17428f;
        border-color: #fcc229;
    }
        
    #views.conteudo #resource-controllers.internal-bar button:hover{
        background: #fcc229 !important;
    }

    #views.conteudo #resource-controllers.internal-bar button.active{
        background: #fcc229 !important;
    }

    #views.conteudo #resource-controllers.internal-bar button.active svg{
        fill: #17428f !important;
    }

    #views.conteudo #resource-controllers.internal-bar button svg{
        fill: #fcc229;
    }

    #views.conteudo #resource-controllers.internal-bar button:hover svg{
        fill: #17428f;
    }