.label-verde, .badge-verde
{
    background-color: #006600;
     border-style: solid;
    border-color: #004D00;
    border-width: thin;
}
.label-verde-claro, .badge-verde-claro
{
    background-color: #00CC33;
    border-style: solid;
    border-color: #009900;
    border-width: thin;
   
}
.label-amarelo, .badge-amarelo
{
    background-color: #FFFF00;
    border-style: solid;
    border-color: #E6E600;
    border-width: thin;
    color: grey;
}
.label-azul, .badge-azul
{
    background-color: #000099;
    border-style: solid;
    border-color: #000080;
    border-width: thin;
}
.label-azul-claro, .badge-azul-claro
{
    background-color: #0099FF;
    border-style: solid;
    border-color: #0080E6;
    border-width: thin;
}
.label-bege, .badge-bege
{
    background-color: #CC9966;
    border-style: solid;
    border-color: #B3804D;
    border-width: thin;
}
.label-branco, .badge-branco
{
    background-color: #FFFFFF;
    border-style: solid;
    border-color: #CCCCCC;
    border-width: thin;
}
.label-cinza, .badge-cinza
{
    background-color: #888888;
    border-style: solid;
    border-color: #6F6F6F;
    border-width: thin;
}
.label-laranja, .badge-laranja
{
    background-color: #FF6600;
    border-style: solid;
    border-color: #E64D00;
    border-width: thin;
}
.label-marrom, .badge-marrom
{
    background-color: #993300;
    border-style: solid;
    border-color: #801A00;
    border-width: thin;
}
.label-preto, .badge-preto
{
    background-color: #333333;
    border-style: solid;
    border-color: #000;
    border-width: thin;
}
.label-rosa, .badge-rosa
{
    background-color: #FF0099;
    border-style: solid;
    border-color: #E60080;
    border-width: thin;
}
.label-rosa-claro, .badge-rosa-claro
{
    background-color: #FF6699;
    border-style: solid;
    border-color: #E64D80;
    border-width: thin;
}
.label-vermelho, .badge-vermelho
{
    background-color: #FF0000;
    border-style: solid;
    border-color: #E60000;
    border-width: thin;
}



.panel-accordion .panel-heading {
    padding: 0;
    /*cursor: pointer;*/
}
.panel-accordion .panel-heading a {
    display: block;
    padding: 10px 15px;
}
@charset "UTF-8";
/******************************************************************************************************************************************
*
*
*		Indice dos estilos 
*
* 		1 - Set de classes css com propriedades E atributos iguais
*		2 - Sprites do site. Com todas as classes De tamanho e localização das imagens
*	 	3 - Estilos do menu de usuário, quando  O login for efetuado
*	  	4 - Guia de estilos do componente de Abas, usado apenas ná pagina de Detalhe do curso/avaliação/vestibular
*		5 - Guia de estilos do componente de Slider do site, usado exclusivamente Nas notícias localizados no rodapé
*		6 - Guia de estilos do componente de Busca do site
*		7 - Guia de estilos gerais do site
*		8 - Guia de estilos do componente de breadcumb do site
*		9 - Guia de estilos do grid do site
*		10 - Guia de estilos do componente de Header do site
*		11 - Guia de estilos do componente de Menu Principal
*		12 - Guia de estilos do componente Cursos Toda estilização básica, com exceção das cores, está nesse trecho de código
*		13 - Guia de estilos de Tema de Tipos Cada categoria tem uma cor diferente Este trecho de código que faz a lógica
*		14 - Guia de estilos do Rodapé do Site
*
*
******************************************************************************************************************************************/
/*@import "core/_normalize.scss";*/
/**********************************************
*
*
*	1 - Set de classes css com propriedades
*		E atributos iguais
*
*
**********************************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400);

.ico, .logo a, .socialmedia-item {
    text-indent: -1001%;
    overflow: hidden;
    white-space: nowrap;
}

.search-results-list li:after, .clearfix:after, .course-headline:after, .course-single .course-informations:after, .course-single .course-description:after, .course-video-box:after, .course-tab-item:after, .user-dashboard-course-item:after {
    clear: both;
    content: '';
    font-size: 0;
    height: 0;
    visibility: hidden;
    display: block;
}

.centered-item, .deactive-nav, .read-more-box a, .apply-to-it, .course-related-load-more, .instituicao-atendidas-mask img, .formulario {
    margin-left: auto;
    margin-right: auto;
}

.search-results-list li, ul, .aside-nav-item ul {
    list-style-type: none;
}

.search-title,
.search-location,
.search-description,
.search-course-status,
.search-results-numbers, .logo, .course-headline h2, .course-headline .course-address, .course-informations p, .course-testimonials-item .section-title, .course-testimonials-item p, .user-dashboard-bar p,
.user-dashboard-menu a, .user-dashboard-header .section-title, .user-dashboard-header .section-subtitle {
    padding: 0;
    margin: 0;
}

.tab-link, .has-image a {
    display: table-cell;
    vertical-align: middle;
}

.full-height {
    display: table;
    height: 100%;
    position: relative;
}

.course-headline .course-address, .course-spots {
    background-color: #383838;
    color: #fff;
    font-weight: bold;
}

.course-spots {
    float: left;
    padding: 8px;
}

/*@import "core/_normalize.scss";*/
@media screen and (min-width: 980px) {
    /* Initialize Component */
    .box-top-right-diagonal, .aside-section-title,
    .box-bottom-right-diagonal,
    .box-top-left-diagonal,
    .box-bottom-left-diagonal {
        position: relative;
    }

        .box-top-right-diagonal::after, .aside-section-title::after,
        .box-bottom-right-diagonal::after,
        .box-top-left-diagonal::before,
        .box-bottom-left-diagonal::before {
            content: '';
            height: 0;
            top: 0;
            position: absolute;
            width: 0;
        }
        /* Define Component Styles */
        .box-top-right-diagonal::after, .aside-section-title::after {
            left: 100%;
            border-right: 30px solid transparent;
            border-left: 0 solid transparent;
            border-top: 50px solid black;
        }

        .box-bottom-right-diagonal::after {
            left: 100%;
            border-right: 30px solid transparent;
            border-left: 0 solid transparent;
            border-bottom: 50px solid black;
        }

        .box-top-left-diagonal::before {
            right: 100%;
            border-left: 30px solid transparent;
            border-right: 0 solid transparent;
            border-top: 50px solid black;
        }

        .box-bottom-left-diagonal::before {
            right: 100%;
            border-left: 30px solid transparent;
            border-right: 0 solid transparent;
            border-bottom: 50px solid black;
        }
}

/**********************************************
*
*
*	2 - Sprites do site. Com todas as classes
*		De tamanho e localização das imagens
*
*
**********************************************/
.busca, .twitter, .account-ico, .cursos-carregar, .course-load-more-item::after, .filter-search .filter-search__category span::after, .status, .search-course-status::before, .instagram,
.envio-busca, .dot-link, .has-separator::after, .read-more-box::before, .facebook, .ico-phone, .ico-notification, .user-dashboard-notifications-link::before, .icon-filter-search {
    display: inline-block;
    overflow: hidden;
    background-image: url("../../../../../img/site-sprite.png");
    background-repeat: no-repeat;
    text-indent: -9999px;
    text-align: left;
}

.busca, .form-search::before {
    background-position: -14px 9px;
    width: 30px;
    height: 30px;
}

.account-ico {
    background-position: -20px -86px;
    width: 19px;
    height: 17px;
}

.cursos-carregar, .course-load-more-item::after, .filter-search .filter-search__category span::after {
    background-position: -20px -123px;
    width: 17px;
    height: 11px;
}

.status, .search-course-status::before {
    background-position: -20px -154px;
    width: 17px;
    height: 17px;
}

.envio-busca {
    background-position: -20px -191px;
    width: 11px;
    height: 16px;
}

.dot-link, .has-separator::after, .read-more-box::before {
    background-position: -20px -227px;
    width: 9px;
    height: 5px;
}

.facebook {
    background-position: -20px -252px;
    width: 9px;
    height: 17px;
}

.twitter {
    background-position: -20px -50px;
    width: 20px;
    height: 16px;
}

.instagram {
    background-position: -20px -50px;
    width: 20px;
    height: 16px;
}

.ico-phone {
    background-position: -15px -288px;
    width: 37px;
    height: 37px;
}

.ico-notification, .user-dashboard-notifications-link::before {
    background-position: -20px -382px;
    width: 16px;
    height: 18px;
}

.icon-filter-search {
    background-position: -20px -382px;
    width: 16px;
    height: 18px;
}

.i-avaliacao, .avaliacao .course-title::before, .avaliacao .search-result-item::before,
.i-sn-avaliacao,
.avaliacao .aside-section-title::before,
.filter-search__category.avaliacao span::before,
.i-concurso,
.concurso .course-title::before,
.concurso .search-result-item::before,
.i-sn-concurso,
.concurso .aside-section-title::before,
.filter-search__category.concurso span::before,
.i-sn-vestibular,
.vestibular .aside-section-title::before,
.filter-search__category.vestibular span::before,
.i-vestibular,
.vestibular .course-title::before,
.vestibular .search-result-item::before,
.i-noticia-v,
.i-noticia-c,
.i-noticia-a {
    display: inline-block;
    background-image: url("../../../../../img/sprite-courses.png");
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.i-avaliacao, .avaliacao .course-title::before, .avaliacao .search-result-item::before {
    background-position: -20px -0px;
    width: 35px;
    height: 35px;
}

.i-concurso, .concurso .course-title::before, .concurso .search-result-item::before {
    background-position: -75px -0px;
    width: 35px;
    height: 35px;
}

.i-sn-avaliacao, .avaliacao .aside-section-title::before, .filter-search__category.avaliacao span::before {
    background-size: 120px;
    background-position: -15px -38px;
    width: 35px;
    height: 35px;
}

.i-sn-concurso, .concurso .aside-section-title::before, .filter-search__category.concurso span::before {
    background-position: -60px -38px;
    background-size: 120px;
    width: 35px;
    height: 35px;
}

.i-sn-vestibular, .vestibular .aside-section-title::before, .filter-search__category.vestibular span::before {
    background-position: -15px -82px;
    background-size: 120px;
    width: 35px;
    height: 35px;
}

.i-vestibular, .vestibular .course-title::before, .vestibular .search-result-item::before {
    background-position: -75px -110px;
    width: 35px;
    height: 35px;
}

.i-noticia-vestibular, .vestibular.noticia .course-title.home::before {
    background-position: -55px -132px;
    width: 35px;
    height: 35px;
}

.i-noticia-concurso, .concurso.noticia .course-title.home::before {
    background-position: -10px -176px;
    width: 35px;
    height: 35px;
}

.i-noticia-avaliacao, .avaliacao.noticia .course-title.home::before {
    background-position: -10px -132px;
    width: 35px;
    height: 35px;
}

.icon-facebook,
.icon-facebook-b,
.icon-googleplus,
.icon-googleplus-b,
.icon-linkedin,
.icon-linkedin-b,
.icon-pinterest,
.icon-pinterest-b,
.icon-twitter,
.icon-twitter-b,
.icon-youtube,
.icon-youtube-b {
    display: inline-block;
    background-image: url("../../../../../img/sprite-sm.png");
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.icon-facebook {
    background-position: -20px -0px;
    width: 25px;
    height: 25px;
}

.icon-facebook-b {
    background-position: -65px -0px;
    width: 25px;
    height: 25px;
}

.icon-googleplus {
    background-position: -110px -0px;
    width: 25px;
    height: 25px;
}

.icon-googleplus-b {
    background-position: -20px -45px;
    width: 25px;
    height: 25px;
}

.icon-linkedin {
    background-position: -65px -45px;
    width: 25px;
    height: 25px;
}

.icon-linkedin-b {
    background-position: -110px -45px;
    width: 25px;
    height: 25px;
}

.icon-pinterest {
    background-position: -20px -90px;
    width: 25px;
    height: 25px;
}

.icon-pinterest-b {
    background-position: -65px -90px;
    width: 25px;
    height: 25px;
}

.icon-twitter {
    background-position: -110px -90px;
    width: 25px;
    height: 25px;
}

.icon-twitter-b {
    background-position: -20px -135px;
    width: 25px;
    height: 25px;
}

.icon-youtube {
    background-position: -65px -135px;
    width: 25px;
    height: 25px;
}

.icon-youtube-b {
    background-position: -110px -135px;
    width: 25px;
    height: 25px;
}

.ico-docencia, .tab-docencia a::before,
.ico-mercado,
.tab-mercado a::before,
.ico-diferenciais,
.tab-diferenciais a::before,
.ico-grade,
.tab-grade a::before,
.ico-manual,
.tab-manual a::before {
    display: inline-block;
    background-image: url("../../../../../img/sprite-tabs.png");
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.ico-docencia, .tab-docencia a::before {
    background-position: -20px -0px;
    width: 27px;
    height: 16px;
}

.ico-mercado, .tab-mercado a::before {
    background-position: -20px -36px;
    width: 22px;
    height: 17px;
}

.ico-diferenciais, .tab-diferenciais a::before {
    background-position: -20px -73px;
    width: 20px;
    height: 19px;
}

.ico-grade, .tab-grade a::before {
    background-position: -20px -112px;
    width: 19px;
    height: 14px;
}

.ico-manual, .tab-manual a::before {
    background-position: -20px -146px;
    width: 14px;
    height: 19px;
}

.vestibular-estatisticas, .estatisticas.course-title::before,
.vestibular-guia-profissao,
.guia-profissao.course-title::before,
.vestibular-pesquisa,
.pesquisa.course-title::before,
.vestibular-programa-vestibular,
.divulgacao-vestibular.course-title::before,
.vestibular-relatorios,
.relatorios.course-title::before,
.vestibular-vestibular,
.vestibulares.course-title::before {
    display: inline-block;
    overflow: hidden;
    background: url("../../../../../img/sprite-vestibular.png") no-repeat;
    text-indent: -9999px;
    text-align: left;
}

.vestibular-estatisticas, .estatisticas.course-title::before {
    background-position: -20px -0px;
    width: 45px;
    height: 45px;
}

.vestibular-guia-profissao, .guia-profissao.course-title::before {
    background-position: -85px -0px;
    width: 45px;
    height: 45px;
}

.vestibular-pesquisa, .pesquisa.course-title::before {
    background-position: -20px -65px;
    width: 45px;
    height: 45px;
}

.vestibular-programa-vestibular, .divulgacao-vestibular.course-title::before {
    background-position: -85px -65px;
    width: 45px;
    height: 45px;
}

.vestibular-relatorios, .relatorios.course-title::before {
    background-position: -20px -130px;
    width: 45px;
    height: 45px;
}

.vestibular-vestibular, .vestibulares.course-title::before {
    background-position: -85px -130px;
    width: 45px;
    height: 45px;
}

.footer-email, .footer-facebook, .footer-instagram, .footer-phone, .footer-twitter {
    display: inline-block;
    background: url("../../../../../img/footer-socialmedia.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.footer-email {
    background-position: -10px -0px;
    width: 31px;
    height: 31px;
}

.footer-facebook {
    background-position: -51px -0px;
    width: 31px;
    height: 31px;
}

.footer-instagram {
    background-position: -10px -41px;
    width: 31px;
    height: 31px;
}

.footer-phone {
    background-position: -51px -41px;
    width: 31px;
    height: 31px;
}

.footer-twitter {
    background-position: -10px -82px;
    width: 31px;
    height: 31px;
}

.sprite-concursos-avaliacoes,
.sprite-prefeitura,
.sprite-camara-municipal {
    display: inline-block;
    height: 44px;
    width: 81px;
    background: url("../../../../../img/sprite-header-icons.jpg") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.sprite-concursos-avaliacoes {
    background-position: right 0;
}

.sprite-prefeitura {
    background-position: right -54px;
}

.sprite-camara-municipal {
    background-position: right -106px;
}

.sprite-vunesp-address,
.sprite-vunesp-phone,
.sprite-vunesp-email {
    display: inline-block;
    height: 30px;
    width: 30px;
    background: url("../../../../../img/sprite-contratar.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.sprite-vunesp-address {
    background-position: 0 0;
}

.sprite-vunesp-phone {
    background-position: 0 -47px;
}

.sprite-vunesp-email {
    background-position: 0 -90px;
}

.sprite-category-intro, .quem-somos .highlights-wrapper .highlight-funcionario::before,
.sprite-category-highlight,
.quem-somos .highlights-wrapper .highlight-projeto::before,
.sprite-category-content,
.quem-somos .highlights-wrapper .highlight-candidato::before,
.sprite-category-prize,
.quem-somos .highlights-wrapper .highlight-prize::before {
    display: inline-block;
    height: 80px;
    width: 120px;
    background: url("../../../../../img/sprite-quemsomos-highlights.png") no-repeat;
    overflow: hidden;
    text-indent: -9999px;
    text-align: left;
}

.sprite-category-intro, .quem-somos .highlights-wrapper .highlight-funcionario::before {
    background-position: 0 0;
}

.sprite-category-highlight, .quem-somos .highlights-wrapper .highlight-projeto::before {
    background-position: 0 -142px;
}

.sprite-category-content, .quem-somos .highlights-wrapper .highlight-candidato::before {
    background-position: 0 -300px;
}

.sprite-category-prize, .quem-somos .highlights-wrapper .highlight-prize::before {
    background-position: 30px -459px;
    margin: 0 auto 10px;
    display: block;
}

/**********************************************
*
*
*	3 - Estilos do menu de usuário, quando 
*		O login for efetuado
*
*
**********************************************/
.login-bar {
    background-color: #484e54;
}

/**********************************************
*
*
*	4 - Guia de estilos do componente de
*		Abas, usado apenas ná pagina de 
*	 	Detalhe do curso/avaliação/vestibular
*
*
**********************************************/
.course-tab-item {
    display: none;
}

    .course-tab-item:first-child {
        display: block;
    }

.course-tab-item-title {
    font-weight: bold;
    font-size: 10pt;
}

@media screen and (min-width: 652px) {
    .course-tab-item-title {
        font-size: 12pt;
    }
}

.course-tabs-navigation .columns {
    display: block;
    height: 65px;
    position: relative;
    background-color: #0f73da;
    border-left: solid 1px #fff;
    -webkit-transition: all .5 linear;
    -moz-transition: all .5 linear;
    -ms-transition: all .5 linear;
    -o-transition: all .5 linear;
    transition: all .5 linear;
}

@media screen and (min-width: 320px) {
    .course-tabs-navigation .columns {
        border-bottom: solid 1px #fff;
    }
}

@media screen and (min-width: 992px) {
    .course-tabs-navigation .columns {
        border-bottom: none;
    }
}

/*.course-tabs-navigation .tab-link {
	&::before {
		height: 20px; 
	}
}*/
.tab-link {
    display: block;
    width: 100%;
    position: relative;
    height: 100%;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    /*padding-top: 27px;*/
    /*&::before {
		content: ' ';
		display: block !important;
		margin-bottom: em(10px);
		margin-left: auto;
		margin-right: auto;  
		margin-top: em(10px);
        height:27px;
	}*/
}

    .tab-link:hover, .tab-link:focus {
        color: #fff;
    }

.columns.active, .course-tabs-navigation .columns:hover {
    background-color: #1c354e;
}

.columns i {
    margin: 0 28px;
    margin-top: 8px;
}

/**********************************************
*
*
*		Quando existe a classe has-arrow
*		a aba que está ativa ganha uma arrow
*	 	pra baixo
*
**********************************************/
.has-arrow .columns.active::after, .has-arrow .course-tabs-navigation .columns:hover::after, .course-tabs-navigation .has-arrow .columns:hover::after {
    content: '';
    display: block;
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    top: 100%;
    width: 0;
    z-index: 3;
    border-style: solid;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-width: 0;
    border-left-width: 13px;
    border-right-width: 13px;
    border-top-width: 13px;
}

.tab-manual a::before {
    height: 20px;
}

.tab-grade a::before {
    height: 20px;
}

.tab-diferenciais a::before {
    height: 20px;
}

.tab-mercado a::before {
    height: 20px;
}

.tab-docencia a::before {
    height: 20px;
}

/**********************************************
*
*
*		Adaptações do layout para mobile
*		Junto com o bootstrap
*
*
**********************************************/
.accordion-heading {
    position: relative;
    border-bottom: solid 1px #fff;
}

.course-tabs-navigation .accordion-heading .notification {
    margin-top: 20px;
    margin-right: 80px;
}

.accordion-toggle::after {
    content: "\00AB";
    display: block;
    float: right;
    margin-right: 20px;
    margin-top: -10px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.accordion-toggle.tab-link {
    padding-bottom: 30px;
    padding-top: 10px;
    padding-left: 20px;
    text-align: left;
}

.accordion-toggle.active::after, .course-tabs-navigation .accordion-toggle.columns:hover::after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.accordion-inner {
    padding: 10px;
    font-size: 12px;
}

/**********************************************
*
*
*	5 - Guia de estilos do componente de
*		Slider do site, usado exclusivamente
*	 	Nas notícias localizados no rodapé
*
*
**********************************************/
#owl-demo .owl-next,
#owl-demo .owl-prev {
    height: 50px;
    position: absolute;
    margin-top: -25px;
    top: 50%;
    width: 50px;
    background: transparent;
    border-radius: 0;
    border: solid 1px #fff;
}

#owl-demo .owl-next {
    right: 0;
}

#owl-demo .owl-prev {
    left: 0;
}

.owl-pagination {
    text-align: right;
    margin-top: -9.5em;
    position: absolute;
    right: 5em;
}

.owl-numbers {
    margin: 0 !important;
    background-color: transparent !important;
    border-color: #fff !important;
    color: #fff !important;
}

#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}

#owl-demo.owl-theme .owl-controls .owl-page span {
    border: solid 1px #484e54;
    border-radius: 0;
    background: #fff;
    color: #484e54;
    font-family: 'Gotham-Book';
    font-size: 20px;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

    .owl-carousel .owl-wrapper {
        display: none;
        position: relative;
        transform: translate3d(0px, 0px, 0px);
        -webkit-transform: translate3d(0px, 0px, 0px);
        -moz-transform: translate3d(0px, 0px, 0px);
        -ms-transform: translate3d(0px, 0px, 0px);
        -o-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .owl-carousel .owl-wrapper-outer.autoHeight {
            transition: height 500ms ease-in-out;
            -webkit-transition: height 500ms ease-in-out;
            -moz-transition: height 500ms ease-in-out;
            -ms-transition: height 500ms ease-in-out;
            -o-transition: height 500ms ease-in-out;
        }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* mouse grab icon */
.grabbing {
    cursor: url(../Shared/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    /* Styling Next and Prev buttons */
    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50);
        /*IE7 fix*/
        opacity: 0.5;
    }

    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100);
        /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/
    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline;
        /*IE7 life-saver */
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50);
            /*IE7 fix*/
            opacity: 0.5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #869791;
        }

        .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .course-tabs-navigation .owl-page.columns:hover span, .course-tabs-navigation .owl-theme .owl-controls .owl-page.columns:hover span,
        .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100);
            /*IE7 fix*/
            opacity: 1;
        }

        /* If PaginationNumbers is true */
        .owl-theme .owl-controls .owl-page span.owl-numbers {
            height: auto;
            width: auto;
            color: #FFF;
            padding: 2px 10px;
            font-size: 12px;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(../Shared/AjaxLoader.gif) no-repeat center center;
}

.owl-buttons {
    position: absolute;
    top: 5px;
    background-color: #909090;
}

.owl-wrapper-outer {
    padding-left: 80px;
    padding-top: 0;
    font-size: 12px;
    font-weight: normal;
}

.owl-theme .owl-controls .owl-buttons div {
    margin-left: 0;
    margin-right: 0;
    background: transparent;
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
}

/**********************************************
*
*
*	6 - Guia de estilos do componente de
*		Busca do site
*
*
**********************************************/
.search-course {
    margin-top: 5px;
    padding-bottom: 25px;
    position: relative;
}

.form-search {
    position: relative;
    font-size: 16px;
}

.input-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #AC1527;
    color: #FFFFFF;
}

.form-search::before {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background-color: #cf192e;
    color: white;
    text-align: center;
    line-height: 40px;
}

.form-input-search {
    padding: 15px 10px 15px 50px;
    width: 100%;
    background-color: #484e54;
    box-shadow: inset -1px 1px 1px #b2b2b2;
    border: none;
    color: #fff;
    font-style: italic;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
}

    .form-input-search::placeholder {
        color: #e7e7e7;
    }

    .form-input-search::-ms-input-placeholder {
        color: #e7e7e7;
    }

    .form-input-search:-ms-input-placeholder {
        color: #e7e7e7;
    }

    .form-input-search::-moz-placeholder {
        color: #e7e7e7;
    }

    .form-input-search::-webkit-input-placeholder {
        color: #e7e7e7;
    }

    .placeholder-menor::placeholder {
        font-size: 12px;
    }

.form-submit {
    right: 0;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #AC1527;
    border-radius: unset;
    border-color: transparent;
}

.img-politica-rodape {
    margin: 0 auto;
}

.search-warning {
    display: block;
    padding: 15px 0;
    text-align: center;
}

.search-results {
    margin-top: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 9;
    display: none;
}

.search-results-list {
    padding-top: 25px;
    background-color: #484e54;
    background-image: url("../../../../../img/bg-search.png");
    background-repeat: no-repeat;
    background-position: center top;
    border-bottom: solid 20px #383838;
}

    .search-results-list li {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .search-results-list ul {
        padding-left: 0px;
    }

.search-result-item {
    padding-bottom: 10px;
    position: relative;
    border-bottom: solid 1px #ccc;
    color: #fff;
}

    .search-result-item::before {
        content: '';
        display: block;
        position: absolute;
        right: 103%;
        top: 30%;
    }

.search-title,
.search-location,
.search-description,
.search-course-status,
.search-results-numbers {
    font-size: 13px;
}

.search-title,
.search-course-status {
    text-transform: uppercase;
}

.search-title {
    width: 66.4%;
    padding-top: 5px;
    font-size: 14px;
}

.search-location {
    font-weight: normal;
    margin-top: 5px;
    padding-bottom: 5px;
}

.search-description {
    padding-bottom: 5px;
    color: #e1e1e1;
    font-size: 11px;
}

.search-course-status {
    position: absolute;
    top: 10px;
    left: 63%;
    font-size: 11px;
    line-height: 20px;
}

    .search-course-status::before {
        content: '';
        display: block;
        float: left;
        padding-right: 22px;
    }

.search-result-link {
    display: table;
    width: 100%;
}

    .search-result-link:hover {
        background: #878787;
    }

.search-results-numbers {
    margin-top: 20px;
    padding: 10px 0 15px;
    border-top: solid 1px #000;
    color: #fff;
}

.ext-margins, .search-result-item, .search-results-numbers {
    margin-left: 13%;
    margin-right: 20px;
}

/**********************************************
*
*
*	6 - Guia de estilos do componente de
*		Busca do site
*
*
**********************************************/

.filter-search .filter-search__category > button {
    background-color: transparent;
    padding: 0;
    width: 100%;
    border: none;
    height: 100%;
}

@media screen and (min-width: 992px) {
    .filter-search {
        display: flex;
        justify-content: space-between;
        margin-top: 15px;
        height: 45px;
    }

    .filter-search .filter-search__category > ul {
        top: 45px;
    }
}

@media screen and (min-width: 320px) {
    .filter-search .filter-search__label {
        clear: both;
        padding: 10px;
        width: 100%;
        background-color: #AC1527;
        color: #fff;
        font-style: italic;
        text-align: center;
    }

        .filter-search .filter-search__label::after {
            height: 100%;
            border-top-color: #AC1527;
            border-top-width: 45px;
        }
}

@media screen and (min-width: 992px) {
    .filter-search .filter-search__label {
        width: 25%;
    }
}

@media screen and (min-width: 320px) {
    .filter-search .filter-search__category {
        float: left;
        width: 33.33%;
        cursor: pointer;
        margin-bottom: 10px;
    }

   .filter-search .filter-search__category:hover .filter-search__submenu {
       height: 90px;
       width: 100%;
   }

   .filter-search .filter-search__category:focus-within .filter-search__submenu {
       height: 90px;
       width: 100%;
   }
}

@media screen and (min-width: 992px) {
    .filter-search .filter-search__category {
        float: none;
        height: 100%;
        width: 20%;
        cursor: pointer;
        text-align: center;
        text-transform: uppercase;
    }

        .filter-search .filter-search__category::before {
            border-bottom-width: 45px;
        }

        .filter-search .filter-search__category::after {
            border-top-width: 45px;
        }

        .filter-search .filter-search__category:hover .filter-search__submenu {
            width: 100%;
        }

        .filter-search .filter-search__category:focus-within .filter-search__submenu {
            width: 100%;
        }
}

@media screen and (min-width: 320px) {
    .filter-search .filter-search__category span {
        display: block;
        padding: 0;
        width: 100% !important;
        text-align: center;
    }

        .filter-search .filter-search__category span::before {
            margin: 0 auto;
        }

        .filter-search .filter-search__category span::after {
            content: none !important;
        }
}

@media screen and (min-width: 992px) {
    .filter-search .filter-search__category span {
        padding-right: 10%;
        width: 13.75em;
        letter-spacing: 2px;
    }

        .filter-search .filter-search__category span::before {
            height: 40px;
            margin-right: 5px;
            margin: inherit;
        }

        .filter-search .filter-search__category span::after {
            content: '' !important;
            right: 10px !important;
        }

    .filter-search .filter-search__category.vestibular span::after {
        right: 8px !important;
    }
}

@media screen and (min-width: 992px) {
    .filter-search .filter-search__category span,
    .filter-search .filter-search__label span {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
}

@media screen and (min-width: 320px) {
    .filter-search .filter-search__submenu {
        left: 0;
        height: 0px;
        overflow: hidden;
        cursor: pointer;
        position: absolute;
        overflow: hidden;
        z-index: 10;
        padding-left: 30px;
        transition: all .2s ease-in-out;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
    }
}

.filter-search .filter-search__submenu-item {
    height: 22px;
}

@media screen and (min-width: 320px) {
    .filter-search .filter-search__submenu-item {
        text-align: center;
    }
}

@media screen and (min-width: 992px) {
    .filter-search .filter-search__submenu-item {
        text-align: left;
    }
}

.filter-search .filter-search__link {
    color: #fff;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
}

    .filter-search .filter-search__link:hover {
        font-weight: 800;
    }

/**********************************************
*
*
*	7 - Estilo de texto institucional
*
*
**********************************************/
.defaul-content-box {
    margin-bottom: 95px;
    margin-top: 65px;
    font-size: 1rem;
}

    .defaul-content-box p,
    .defaul-content-box li {
        color: #383838;
        font-size: 14px;
    }

    .defaul-content-box .section-title {
        color: #484e54;
    }

/**********************************************
*
*
*	8 - Estilo de SiteMap
*
*
**********************************************/
@media screen and (min-width: 320px) {
    .sitemap-wrapper {
        background-color: #c9c9c9;
    }

    .sitemap-wrapper::before {
        content: '';
        display: block;
        height: 47px;
        background-color: #bf3533;
        background-position: center;
        background-repeat: no-repeat;
    }

    .sitemap-wrapper strong {
        text-transform: uppercase;
    }

    .sitemap-wrapper .sitemap-menu {
        padding: 6px 0;
    }

    .sitemap-wrapper .sitemap-item {
        line-height: normal;
        font-size: 12px;
        text-align: center;
        margin-bottom: 4px;
    }

    .sitemap-wrapper .sitemap-link {
        color: #545454;
        font-size: 12px;
        text-transform: uppercase;
        transition: all .2s linear;
        -webkit-transition: all .2s linear;
        -moz-transition: all .2s linear;
        -ms-transition: all .2s linear;
        -o-transition: all .2s linear;
        display: inline-block;
        padding: 4px 0;
    }

        .sitemap-wrapper .sitemap-link:hover {
            font-weight: bold;
        }

    .sitemap-wrapper .sitemap-menu.licitacoes .sitemap-item {
        line-height: 1.5;
    }
}

@media screen and (min-width: 652px) {
    .sitemap-wrapper img {
        float: left;
    }

    .sitemap-wrapper .sitemap-item {
        text-align: left;
    }
}

@media screen and (min-width: 992px) {
    .sitemap-wrapper .sitemap-menu.licitacoes {
        margin-left: 40px;
    }

    .sitemap-wrapper img {
        float: right;
    }
}

.sitemap-wrapper .site-map-content {
    padding-top: 10px;
}

.sitemap-wrapper .quality-seal {
    padding-bottom: 10px;
}

/*********************************************
*
*
*	9 - Guia de estilos gerais do site
*
*
*********************************************/
body {
    /*font: normal normal normal 16px/21px "Helvetica Neue",Helvetica,Arial,sans-serif;
    color: $dark-gray;*/
}

img {
    display: block;
}

a {
    color: #383838;
}

    a:hover, a:focus, a:active {
        color: inherit;
        text-decoration: none;
    }

/*hr {
    display: none;
}*/
.content {
    background-color: #F5F5F5;
    min-height: 525px;
}

.copyright {
    font-size: 8px;
}

.input-group-pesquisa {
    background: #000;
}

.section-title {
    text-transform: uppercase;
}

@media screen and (min-width: 320px) {
    .section-superbanner {
        overflow: hidden;
        width: 100%;
    }

        .section-superbanner img {
            max-width: 150%;
            margin-left: -25%;
        }
}

@media screen and (min-width: 992px) {
    .section-superbanner img {
        max-width: 100%;
        margin-left: 0;
    }
}

@media screen and (min-width: 320px) {
    .section-superbanner img {
        max-width: 150%;
        margin-left: -25%;
    }
}

@media screen and (min-width: 992px) {
    .section-superbanner img {
        max-width: 100%;
        margin-left: 0;
    }
}

.has-separator::after {
    content: '';
    display: block;
    margin-top: 30px;
    margin-left: -45px;
    position: relative;
    left: 0;
    width: 105%;
    width: 100%;
    background-repeat: repeat;
}

.notification {
    height: 22px;
    position: relative;
    width: 30px;
    background: #c11220;
    border-radius: 5px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.5);
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

    .notification.has-arrow::after {
        content: '';
        display: block;
        height: 0;
        left: 50%;
        margin-left: -13px;
        position: absolute;
        top: 100%;
        width: 0;
        z-index: 4;
        border-style: solid;
        border-color: #c11220;
        border-bottom-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        border-bottom-width: 8px;
        border-top-width: 8px;
        border-right-width: 7px;
        border-left-width: 0;
    }

    .notification a {
        display: block;
        color: inherit;
        padding: 3px 3px;
    }

.social-media {
    text-align: right;
}

    .social-media a {
        margin-left: 1.66%;
        margin-right: 1.66%;
    }

@media screen and (min-width: 652px) {
    .social-media {
        margin-top: 32px;
    }
}

.add-bar {
    margin-top: 20px;
}

    .add-bar img {
        padding: 10px 0;
        width: 100%;
    }

.bg-gray {
    margin-bottom: 20px;
    background-color: #F5F5F5;
}

.bg-white {
    margin-bottom: 20px;
    background-color: #fff;
}

object[type^='application/gas-events'] {
    display: none;
}

.mainContainer {
    min-height: 300px;
    height: 100%;
}

.watermark-desenvolvimento {
    background: url("/img/sprite/watermark-desenvolvimento.png");
    background-repeat: repeat;
    background-color: #F5F5F5;
}

.watermark-teste {
    background: url("/img/sprite/watermark-teste.png");
    background-repeat: repeat;
    background-color: #F5F5F5;
}

.watermark-homologacao {
    background: url("/img/sprite/watermark-homologacao.png");
    background-repeat: repeat;
    background-color: #F5F5F5;
}

@media print {
    .watermark-desenvolvimento {
        content: url("/img/sprite/watermark-desenvolvimento.png") !important;
        width: 100% !important;
    }
}

@media print {
    .watermark-teste {
        content: url("/img/sprite/watermark-teste.png") !important;
        width: 100% !important;
    }
}

@media print {
    .watermark-homologacao {
        content: url("/img/sprite/watermark-homologacao.png") !important;
        width: 100% !important;
    }
}

/**********************************************
*
*
*	10 - Guia de estilos do componente de 
*		breadcumb do site
*
*
**********************************************/
.breadcumb {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
    position: relative;
    border-bottom: 1px solid #fff;
    font-size: 11px;
    color: #898888;
    font-style: italic;
    text-transform: uppercase;
}

    .breadcumb::after {
        bottom: 0;
        content: '';
        display: block;
        height: 1px;
        position: absolute;
        width: 100%;
        border-bottom: 1px solid #dadada;
    }

.breadcumb-link {
    position: relative;
    color: #898888;
    font-style: italic;
    line-height: 32px;
    text-transform: uppercase;
}

    .breadcumb-link::after {
        bottom: 0;
        content: '>';
        display: block;
        position: absolute;
        top: -10px;
        left: 95%;
    }

    .breadcumb-link:first-child {
        padding-left: 0;
    }

.breadcumb-end-trail,
.breadcumb-link {
    padding-left: 10px;
    padding-right: 20px;
}

/**********************************************
*
*
*	11 - Guia de estilos do grid do site
*
*
**********************************************/
/*@import "layout/_grid.scss";*/
/**********************************************
*
*
*	12 - Guia de estilos do componente de Header
*		do site
*
*
**********************************************/
header {
    background: url("../../../../../img/bg-header.jpg") repeat bottom center;
}

@media screen and (min-width: 320px) {
    .logo {
        display: table-cell;
        height: 30px;
        position: relative;
        width: 135px;
        font-size: 1rem;
    }
}

@media screen and (min-width: 992px) {
    .logo {
        width: 19%;
        max-width: 199px;
        float: left;
        height: 100%;
        display: table-cell;
    }
}

.logo:after {
    height: 65px !important;
    display: inline-block;
    content: "";
    margin-left: 139px;
    margin-bottom: -2px;
}

@media screen and (min-width: 320px) {
    .logo a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 135px;
        background: url("../../../../../img/logo.png") no-repeat left center;
        margin-left: 10px;
    }
}

.header-content {
    font-family: "Open Sans", sans-serif !important;
    padding-bottom: 10px;
    padding-top: 5px;
    height: 70px;
}

    .header-content .container .row .col-sm-12, .header-content .container .row .col-xs-12 {
        display: table;
    }

/**********************************************
*
*
*	13 - Guia de estilos do componente de Menu
*		Principal
*
*
**********************************************/
@media screen and (min-width: 992px) {
    .main-navigation {
        position: relative;
        height: 100%;
    }
}

.main-navigation a {
    color: #484e54;
    text-decoration: none;
}

.main-navigation .site-navigation {
    display: table;
    position: relative;
    height: 100%;
    width: 100%;
}

@media screen and (min-width: 320px) {
    .site-navigation {
        padding: 10px 0px 0px 0px;
    }
}

.main-navigation .menu-item {
    text-transform: uppercase;
}

@media screen and (min-width: 320px) {
    .main-navigation .menu-item {
        margin: 0 10px;
        padding: 10px 5px;
        border-bottom: solid 1px #484e54;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation .menu-item {
        display: table;
        float: left;
        height: 31px;
        line-height: 31px;
        margin: 0;
        padding: 0 5px;
        position: relative;
        border-bottom: none;
        font-size: 13px;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: 1px;
        width: 27%;
    }

        .main-navigation .menu-item:last-child::after {
            content: none;
        }

        .main-navigation .menu-item:nth-child(1)::after, .main-navigation .menu-item:nth-child(2)::after {
            content: '';
            display: block;
            position: absolute;
            left: 100%;
            top: 38%;
            width: 1px;
            background-color: #484e54;
        }
}

.site-navigation .menu-item__link > button {
    background-color: transparent;
    border: none;
    width: 100%;
    padding: 0;
    font-weight: bold;
    text-transform: uppercase;
}

    .site-navigation .menu-item__link > a::after,
    .site-navigation .menu-item__link > button::after {
        content: '';
        display: block;
        height: 5px;
        margin: 0 auto;
        width: 0;
        background-color: #cf192e;
        transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
    }

.site-navigation .menu-item__link:hover > a::after,
.site-navigation .menu-item__link:hover > button::after {
    content: '';
    display: block;
    height: 5px;
    margin: 0 auto;
    width: 0;
    background-color: #cf192e;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
}

.site-navigation .menu-item__link:focus-within > a::after,
.site-navigation .menu-item__link:focus-within > button::after {
    content: '';
    display: block;
    height: 5px;
    margin: 0 auto;
    width: 0;
    background-color: #cf192e;  
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
}

.site-navigation .menu-item__link:hover > a::after,
.site-navigation .menu-item__link:hover > button::after {
    width: 100%;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
}

.site-navigation .menu-item__link:focus-within > a::after,
.site-navigation .menu-item__link:focus-within > button::after {
    width: 100%;
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
}

@media screen and (min-width: 992px) {
    .main-navigation .menu-item span {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation .menu-item a {
        display: table-cell;
        vertical-align: middle;
        font-weight: bold;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation .social-item {
        padding: 0;
        width: 33px;
    }

        .main-navigation .social-item::after {
            content: none;
        }
}

@media screen and (min-width: 992px) {
    .main-navigation .social-item a {
        position: relative;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation .social-item .social {
        display: block;
        margin: 0;
        height: 31px;
        width: 33px;
        padding-top: 6px;
        background-color: transparent;
        color: #484e54;
        font-weight: 100 !important;
        font-size: large;
    }
}

.main-navigation .social-item .box-top-right-diagonal::after, .main-navigation .social-item .aside-section-title::after {
    top: 0;
    border-right: 15px solid transparent;
    border-top: 31px solid transparent;
}

.main-navigation .social-item .box-bottom-left-diagonal::before {
    top: 1px;
    border-left: 17px solid transparent;
    border-bottom: 30px solid transparent;
}

@media screen and (min-width: 992px) {
    .main-navigation .social-item .facebook {
        background-position: -10px -245px;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation .social-item .twitter {
        background-position: -15px -42px;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation .candidate-area {
        font-size: 1rem;
    }
}

@media screen and (min-width: 320px) {
    .main-navigation .candidate-area a {
        color: #9c0612;
        font-weight: 700;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation .candidate-area a {
        color: #e9b5b9;
        font-size: 11px;
    }
}

@media screen and (min-width: 992px) {
    .main-navigation .candidate-area span {
        display: block;
        background-color: #9C0612;
        font-weight: normal;
        letter-spacing: 2px;
    }
}

.main-navigation .candidate-area a.box-bottom-left-diagonal::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 9px 9px;
    border-color: transparent transparent #000000 transparent;
    margin-left: 6px;
    top: -9px;
}

@media screen and (min-width: 992px) {
    .main-navigation .candidate-area a.box-bottom-left-diagonal::before {
        height: 50px;
        background-color: #c11220;
        border: 0px;
        content: "";
        transform: skew(-30deg) !important;
        -moz-transform: skew(-30deg) !important;
        -ms-transform: skew(-30deg) !important;
        -o-transform: skew(-30deg) !important;
        -webkit-transform: skew(-30deg) !important;
        width: 111px !important;
        height: 65px !important;
        display: inline-block;
        content: "";
        margin-right: -150px;
        margin-top: -17px;
        z-index: -1;
    }
}

.main-navigation .candidate-area span.box-top-right-diagonal::after, .main-navigation .candidate-area span.aside-section-title::after {
    border-right: 18px solid transparent;
    border-top: 31px solid #9C0612;
}

.main-navigation .candidate-area span.box-bottom-left-diagonal::before {
    border-left: 16px solid transparent;
    border-bottom: 31px solid #9C0612;
}

@media screen and (min-width: 320px) {
    .offcanvas {
        position: fixed;
        top: 0;
        height: 100%;
        width: 81%;
        z-index: 4;
        background-color: rgba(220, 220, 220, 0.96);
        -webkit-transition: all .5s ease-in;
        -moz-transition: all .5s ease-in;
        -ms-transition: all .5s ease-in;
        -o-transition: all .5s ease-in;
        transition: all .5s ease-in;
        display: none;
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .offcanvas {
        padding: 0;
        display: table-cell !important;
        vertical-align: middle;
        padding-top: 7px;
        position: relative;
        height: 100%;
        width: 81%;
        background-color: transparent;
        max-width: 743px;
        padding-left: 25px;
    }
}

.active-offcanvas {
    display: table-cell;
    left: 0;
}

.deactive-nav {
    display: block;
    float: none;
}

@media screen and (min-width: 992px) {
    .deactive-nav {
        display: none;
    }
}

.aside-nav {
    background-color: #484e54;
    box-shadow: inset 0 10px 10px #3b4045;
    font-size: 1rem;
}

.aside-nav-item {
    padding-bottom: 20px;
    padding-left: 20px;
    border-bottom: solid 1px #3a3f44;
    box-shadow: 0 5px 5px #3b4045;
    text-transform: uppercase;
}

    .aside-nav-item:last-child {
        box-shadow: none;
    }

    .aside-nav-item a {
        margin-left: 30px;
        color: #fff;
        font-size: 11px;
    }

.aside-nav-title {
    padding-left: 45px;
    padding-top: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    margin-top: 20px;
}

.aside-section-title {
    padding: 14.8px 0 15px 25px;
    position: relative;
    font-size: 13px;
    text-transform: uppercase;
}

    .aside-section-title::before {
        padding: 25px 0;
        position: absolute;
        top: 0;
        left: 100%;
        z-index: 2;
        background-position: right center;
    }

    .aside-section-title::after {
        left: 104%;
        top: 114%;
        z-index: 1;
        border-right-width: 19px;
        border-left-style: solid;
        border-top-style: solid;
        border-top-width: 10px;
    }

.hamburger {
    width: 30px;
    height: 20px;
    position: relative;
    z-index: 5;
    opacity: 1 !important;
    margin: 20px;
}

    .hamburger .line {
        display: block;
        width: 100%;
        height: 2px;
        background: #000;
        position: absolute;
        transition: all 200ms;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
    }

        .hamburger .line:nth-child(1) {
            top: 0;
        }

        .hamburger .line:nth-child(2) {
            top: 50%;
            transform: translateY(-50%);
        }

        .hamburger .line:nth-child(3) {
            bottom: 0;
        }

    .hamburger.close {
        top: 0;
    }

        .hamburger.close .line:nth-child(1), .hamburger.close .line:nth-child(2) {
            top: 0;
            transform: translateY(9px) rotate(45deg);
        }

        .hamburger.close .line:nth-child(3) {
            transform: translateY(-9px) rotate(-45deg);
        }

.mobile-menu {
    display: table-cell;
    text-align: right;
    position: absolute;
    right: 0px;
    top: 0;
}

@media screen and (min-width: 992px) {
    .site-navigation-submenu {
        left: 5px;
        top: 35px;
        right: -80px;
        height: 0;
        color: white;
        overflow: hidden;
        position: absolute;
        padding-top: 10px;
        padding-left: 25px;
    }
}

@media screen and (min-width: 992px) {
    .site-navigation .menu-item__link:hover > .site-navigation-submenu {
        height: auto;
        width: 214px;
        background-color: #9c0612;
    }

    .site-navigation .menu-item__link:focus-within > .site-navigation-submenu {
        height: auto;
        width: 214px;
        background-color: #9c0612;
    }
}

@media screen and (min-width: 320px) {
    a.site-navigation-submenu-link {
        display: block;
        font-size: 14px;
        font-weight: 100 !important;
        transform: skewX(0deg) !important;
        transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
    }

        a.site-navigation-submenu-link:hover {
            font-weight: bold !important;
        }
}

@media screen and (min-width: 992px) {
    a.site-navigation-submenu-link {
        display: block;
        font-size: 14px;
        color: white;
        font-weight: 100 !important;
        transform: skewX(0deg) !important;
        transition: all .2s ease-in;
        -webkit-transition: all .2s ease-in;
        -moz-transition: all .2s ease-in;
        -ms-transition: all .2s ease-in;
        -o-transition: all .2s ease-in;
    }

        a.site-navigation-submenu-link:hover {
            font-weight: bold !important;
        }
}

@media screen and (min-width: 992px) {
    a.site-navigation-submenu-link {
        font-size: 11px;
    }
}

@media screen and (min-width: 320px) {
    .menu-separator {
        border-bottom: 0px !important;
        margin-top: -25px;
    }
}

@media screen and (min-width: 992px) {
    .menu-separator {
        margin-top: 0px;
        width: 100px;
    }
}

.menu-separator ul {
    float: right;
}

@media screen and (min-width: 320px) {
    .menu-separator ul {
        padding: 0px;
        float: left;
        width: 100%;
    }
}

@media screen and (min-width: 992px) {
    .menu-separator ul {
        float: right;
        width: 140px;
    }
}

@media screen and (min-width: 992px) {
    .menu-separator ul li {
        display: block !important;
        padding-right: 45px;
    }
}

.menu-separator ul li a {
    display: block !important;
}

.submenu-pai {
    display: none !important;
}

.submenu-pai.show {
    display: block !important;
}

.menu-principal:hover .submenu-pai {
    display: block !important;
}

/**********************************************
*
*
*	14 - Guia de estilos do componente Cursos
*		Toda estilização básica, com exceção
*  		das cores, está nesse trecho de código
*
*
**********************************************/
.courses {
    color: #383838;
    font-size: 13px;
    font-family: "Open Sans", sans-serif !important;
}

@media screen and (min-width: 980px) {
    .courses {
        position: relative;
    }

        .courses::after, .courses::before {
            content: '';
            display: block;
            height: 80%;
            position: absolute;
            top: 7%;
            width: 1px;
        }
}

.course {
    font-size: 1rem;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px 10px 10px;
    height: 451px;
}

.has-image {
    display: table;
    height: 100%;
    margin: 0 auto;
}

.course-container {
    /*font-size: 1rem;*/
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    margin-bottom: 10px;
    padding: 10px 20px 10px;
}

.course-title {
    position: relative;
    padding-left: 45px;
    padding-top: 5px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .course-title::before {
        content: '';
        display: block;
        height: 40px;
        position: absolute;
        top: 0;
        left: 0;
        width: 40px;
    }

.course-headline {
    position: relative;
    border-bottom: solid 1px #383838;
}

    .course-headline .titulo {
        float: left;
        padding-top: 14px;
        width: 90%;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .course-headline .course-address {
        float: right;
        height: 20px;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 25px;
        padding-top: 2px;
        font-size: 11px;
        text-align: center;
    }

.course-informations {
    height: 100px;
}

    .course-informations p {
        padding: 5px 0;
        border-bottom: 1px solid #e1e1e1;
        text-transform: uppercase;
    }

    .course-informations .escolaridade {
        text-transform: none;
    }

.course-related-information {
    border-top: solid 1px #383838;
    display: flex;
}

.course-description {
    height: 190px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    word-wrap: break-word;
}

    .course-description > p {
        margin: 1em 0;
        margin-top: 1em;
        margin-right: 0px;
        margin-bottom: 1em;
        margin-left: 0px;
        line-height: 20px;
    }

.news-description {
    height: 351px;
}

.course-appliance {
    margin-top: 0;
    padding: 5px 5px 0;
    text-transform: uppercase;
    height: 33px;
}

    .course-informations p,
    .course-spots,
    .course-appliance strong,
    .course-appliance .apply,
    .course-description p,
    .course-single .course-description p {
        font-size: 12px;
    }

.apply {
    margin: 0 5px;
    padding-left: 15px;
    position: relative;
}

    .apply::before {
        content: '';
        display: block;
        height: 10px;
        left: 0;
        position: absolute;
        top: 25%;
        width: 10px;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
    }

.from::before {
    background-color: #55b40e;
}

.to::before {
    background-color: #ff2941;
}

.read-more-box {
    position: relative;
}

    .read-more-box::before {
        content: '';
        display: block;
        height: 6px;
        position: absolute;
        top: 40%;
        width: 100%;
        background-repeat: repeat;
    }

    .read-more-box a {
        display: block;
        padding: 5px 8px;
        position: relative;
        width: 110px;
        background-color: #e1e1e1;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        text-transform: uppercase;
        text-align: center;
    }

.course-load-more {
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    position: relative;
    background-color: #0060a6;
    text-align: center;
}

@media screen and (min-width: 320px) {
    .course-load-more {
        margin-top: 10px;
    }
}

@media screen and (min-width: 992px) {
    .course-load-more {
        margin-bottom: 50px;
        margin-top: 40px;
    }
}

.course-load-more-item, .filter-search .filter-search__category span {
    padding-bottom: 8px;
    padding-top: 8px;
    background: none;
    border: none;
    color: #FFF;
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

    .course-load-more-item::after, .filter-search .filter-search__category span::after {
        content: '';
        position: absolute;
        right: 5%;
        top: 35%;
    }

@media screen and (min-width: 320px) {
    .course-load-more-item, .filter-search .filter-search__category span {
        width: 220px;
    }
}

@media screen and (min-width: 652px) {
    .course-load-more-item, .filter-search .filter-search__category span {
        width: auto;
    }
}

@media screen and (min-width: 652px) {
    .has-divisor {
        position: relative;
    }

        .has-divisor::after {
            content: '';
            display: block;
            height: 80%;
            position: absolute;
            right: 5%;
            top: 0;
            width: 1px;
        }
}

.course-image-box {
    position: relative;
    overflow: hidden;
    background-size: cover;
}

    .course-image-box .section-title {
        color: #fff;
        text-transform: uppercase;
    }

@media screen and (min-width: 320px) {
    .course-image-box .section-title {
        font-size: 350%;
    }
}

@media screen and (min-width: 992px) {
    .course-image-box .section-title {
        font-size: 70px;
    }

        .course-image-box .section-title .title-text {
            display: inline-block;
            padding-left: 10%;
            padding-top: 12%;
            position: relative;
            z-index: 2;
            font-weight: bold;
        }

        .course-image-box .section-title::after {
            content: '';
            display: block;
            height: 725px;
            left: 202px;
            position: absolute;
            top: -65%;
            width: 160px;
            z-index: 1;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
            background-color: rgba(0, 0, 0, 0.3);
        }
}

.course-single {
    height: auto;
    font-size: 1rem;
}

    .course-single .course-title {
        margin-bottom: 30px;
        font-size: 20px;
        font-weight: 300;
    }

    .course-single .course-informations {
        height: auto;
        display: flex;
    }

        .course-single .course-informations p {
            float: left;
            width: 50%;
            font-size: 13px;
        }

    .course-single .course-description {
        min-height: none;
        margin-top: 20px;
    }

.institucional-intro {
    padding: 0;
}

.institucional-intro-content {
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    font-family: "Open Sans", sans-serif;
}

    .institucional-intro-content p {
        padding: 30px 20px 0;
        line-height: 28px;
    }

.course-logo {
    padding: 20px 0 20px 20px;
    background-color: #fff;
}

.apply-to-it {
    display: block;
    height: 64px;
    padding: 0 60px 0 10px;
    position: relative;
    border: none;
    color: #fff !important;
    font-size: 13px;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 1px 2px 5px rgba(0, 0, 0, 0.22);
}

    .apply-to-it::before, .apply-to-it::after {
        left: 80%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .apply-to-it::after {
        box-shadow: -5px 0 2px rgba(0, 0, 0, 0.1);
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #fff;
        border-width: 15px;
        margin-top: -15px;
    }

    .apply-to-it::before {
        left: 80%;
        top: 0;
        border-color: rgba(136, 183, 213, 0);
        border-width: 32px;
    }

    .apply-to-it span {
        display: block;
        color: #fff !important;
    }

        .apply-to-it span::before, .apply-to-it span::after {
            left: 80%;
            top: 0;
            content: " ";
            height: 0;
            position: absolute;
            pointer-events: none;
            width: 0;
            border: solid transparent;
            border-width: 32px;
        }

        .apply-to-it span::after {
            top: 0;
            border-top-color: #fff;
        }

        .apply-to-it span::before {
            bottom: 0;
            border-bottom-color: #fff;
        }

@media screen and (min-width: 320px) {
    .apply-to-it {
        margin-bottom: 16px;
        margin-top: 16px;
    }
}

@media screen and (min-width: 652px) {
    .apply-to-it {
        float: right;
        margin-right: 22px;
    }
}

.course-video-box {
    margin-top: 30px;
    position: relative;
    background-color: #272727;
    color: #FFF;
}

    .course-video-box div {
        position: relative;
    }

@media screen and (min-width: 992px) {
    .course-video-box::before {
        content: '';
        display: block;
        background-color: #272727;
        width: 100%;
        height: 100%;
        position: absolute;
        left: -100%;
    }
}

.course-video-social-media {
    display: table;
    float: right;
    font-size: 1rem;
}

    .course-video-social-media p {
        font-size: 12px;
        font-weight: 100;
    }

    .course-video-social-media li {
        float: left;
        padding: 0 10px;
    }

@media screen and (min-width: 992px) {
    .course-video-social-media {
        margin-top: 60px;
    }

        .course-video-social-media p, .course-video-social-media ul {
            display: table-cell;
            vertical-align: middle;
        }

        .course-video-social-media ul {
            margin-left: 15px;
        }

        .course-video-social-media li {
            float: none;
            padding: 0;
        }
}

.course-tab-item {
    margin-top: 20px;
    min-height: 160px;
    font-size: 1rem;
}

    .course-tab-item p {
        font-size: 12px;
    }

    .course-tab-item .section-title {
        font-size: 16px;
    }

.course-testimonials-box {
    font-size: 1rem;
}

    .course-testimonials-box .section-title {
        border-bottom: 1px solid #e1e1e1;
        font-size: 16px;
    }

.course-testimonials-item {
    margin-bottom: 20px;
    font-size: 1rem;
}

    .course-testimonials-item .section-title {
        border-bottom: none;
        font-size: 12px;
    }

    .course-testimonials-item p {
        font-size: 12px;
    }

.courses-related {
    padding-bottom: 60px;
    padding-top: 50px;
    background-color: #0f73da;
    color: #fff;
    font-size: 1rem;
}

    .courses-related .section-title {
        padding-bottom: 10px;
        position: relative;
        font-size: 16px;
    }

        .courses-related .section-title::before, .courses-related .section-title::after {
            bottom: 0;
            content: '';
            display: block;
            height: 7px;
            position: absolute;
            width: 100%;
        }

        .courses-related .section-title::before {
            border-top-color: #fff;
            border-top-style: dotted;
            border-top-width: 1px;
        }

        .courses-related .section-title::after {
            border-bottom-color: #fff;
            border-bottom-style: dotted;
            border-bottom-width: 1px;
        }

.course-related-item {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #fff;
}

.course-related-item-link {
    display: block;
    position: relative;
    width: 100%;
    color: #fff;
    font-size: 13px;
}

    .course-related-item-link .link-text {
        font-weight: 100;
    }

    .course-related-item-link .see-more {
        bottom: 0;
        padding: 0 10px;
        position: absolute;
        right: 0;
        background-color: #17aded;
        color: #000;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }

.course-related-load-more {
    display: block;
    margin-top: 20px;
    padding: 5px 20px;
    position: relative;
    width: 185px;
    background: #FFF;
    font-size: 11px;
    font-weight: 100;
    text-align: left;
    text-transform: uppercase;
}

    .course-related-load-more a {
        display: block;
    }

    .course-related-load-more::before {
        bottom: 0;
        content: " ";
        height: 0;
        position: absolute;
        pointer-events: none;
        right: 10px;
        top: 12px;
        width: 0;
        border: solid transparent;
        border-width: 5px;
        border-top-color: #000;
    }

.course-testimonials-box {
    padding-bottom: 60px;
    padding-top: 60px;
}

.course-map {
    padding-bottom: 65px;
    padding-top: 65px;
    font-size: 1rem;
}

    .course-map .section-title {
        font-size: 16px;
    }

    .course-map address {
        font-size: 12px;
    }

        .course-map address strong {
            text-transform: uppercase;
        }

.course-tab-item {
    display: none;
}

    .course-tab-item:first-child {
        display: block;
    }

.course-tabs-navigation .columns {
    display: block;
    min-height: 60px;
    position: relative;
    background-color: #0f73da;
    border-left: solid 1px #fff;
    -webkit-transition: all .5 linear;
    -moz-transition: all .5 linear;
    -ms-transition: all .5 linear;
    -o-transition: all .5 linear;
    transition: all .5 linear;
}

@media screen and (min-width: 320px) {
    .course-tabs-navigation .columns {
        border-bottom: solid 1px #fff;
    }
}

@media screen and (min-width: 992px) {
    .course-tabs-navigation .columns {
        border-bottom: none;
    }
}

.course-tabs-navigation .tab-link::before {
    height: 20px;
}

.ribbon {
    position: absolute;
    top: 10px;
    line-height: 20px;
    height: 20px;
    width: 66px;
}

@media screen and (min-width: 320px) {
    .ribbon {
        right: 15px;
    }
}

@media screen and (min-width: 992px) {
    .ribbon {
        right: 5px;
    }
}

.ribbon:before, .ribbon:after {
    content: '';
    position: absolute;
    left: -9px;
    border-left: 10px solid transparent;
}

.ribbon:before {
    top: 0;
}

.ribbon:after {
    bottom: 0;
}

.ribbon span, .ribbon span a {
    display: block;
    font-size: 10px;
    font-weight: 600;
    padding: 0 5px 0 5px;
    font-family: Arial, Helvetica, sans-serif;
    white-space: nowrap;
}

.ribbon-areacandidato {
    width: 90px !important;
    left: 0px;
    top: 10px;
}

    .ribbon-areacandidato a {
        color: white;
    }

.ribbon-areaprojeto {
    top: -5px;
    right: -15px;
}

.corner-ribbon-areacandidato {
    position: relative;
}

.corner-ribbon-areaprojeto {
    position: relative;
}

.concurso > .ribbon {
    background: #692D04;
    color: #fff;
    border-right: 5px solid #F68539;
}

    .concurso > .ribbon:before {
        border-top: 20px solid #692D04;
    }

    .concurso > .ribbon:after {
        border-bottom: 20px solid #692D04;
    }

.avaliacao > .ribbon {
    background: #034E47;
    color: #fff;
    border-right: 5px solid #62D8CF;
}

    .avaliacao > .ribbon:before {
        border-top: 20px solid #034E47;
    }

    .avaliacao > .ribbon:after {
        border-bottom: 20px solid #034E47;
    }

.vestibular > .ribbon {
    background: #0F73DA;
    color: #fff;
    border-right: 5px solid #5C9DE1;
}

    .vestibular > .ribbon:before {
        border-top: 20px solid #0F73DA;
    }

    .vestibular > .ribbon:after {
        border-bottom: 20px solid #0F73DA;
    }

.projeto-encerrado-container {
    position: relative;
    width: 100%;
    height: 0px;
}

.projeto-encerrado {
    position: absolute;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    max-width: 315px;
    opacity: 0.4;
    border-radius: 20px;
    padding: 2px 5px;
    background-color: lightgray;
    color: #383838;
    transform: rotate(-22deg);
    margin-left: auto;
    margin-right: auto;
}

@media screen and (min-width: 320px) {
    .projeto-encerrado {
        font-size: 30px;
    }
}

@media screen and (min-width: 652px) {
    .projeto-encerrado {
        font-size: 35px;
    }
}

@media screen and (min-width: 992px) {
    .projeto-encerrado {
        font-size: 40px;
    }
}

.projeto-encerrado-vitrine {
    position: relative;
    top: 60px;
}

.projeto-encerrado-areaprojeto {
    position: relative;
    top: 60px;
}

.projeto-encerrado-areacandidato {
    position: relative;
    top: 35px;
    margin-right: initial;
    transform: none;
}

.avaliacao > .projeto-encerrado {
    color: #15C0B4;
}

.avaliacao > .projeto-encerrado-container > .projeto-encerrado {
    color: #15C0B4;
}

.concurso > .projeto-encerrado {
    color: #E2610B;
}

.concurso > .projeto-encerrado-container > .projeto-encerrado {
    color: #E2610B;
}

.vestibular > .projeto-encerrado {
    color: #0F73DA;
}

.vestibular > .projeto-encerrado-container > .projeto-encerrado {
    color: #0F73DA;
}

.page-title-busca {
    max-width: 430px;
    font-size: 20px;
    text-transform: uppercase;
    display: table;
    margin-top: 0.25em;
    margin-bottom: 1.15em;
    padding-bottom: 0.25em;
    font-weight: bold;
    color: #484e54;
    border-bottom: solid 8px #c11220;
}

/**********************************************
*
*
*	15 - Guia de estilos de Tema de Tipos
*	Cada categoria tem uma cor diferente
*	Este trecho de código que faz a lógica
*
*
**********************************************/
.concurso .course-title {
    color: #692D04;
}

    .concurso .course-title::before {
        content: '';
        display: block;
    }

.concurso .btn-course-site {
    background-color: #692D04;
}

    .concurso .btn-course-site:hover, .concurso .btn-course-site:active {
        background-color: #843a07;
    }

.concurso .course-title.home::before {
    background-size: 120px;
    background-position: -55px -0px;
}

.concurso .read-more-box a {
    background-color: #692D04;
    color: #fff;
    z-index: 3;
}

.aside-nav-item .vestibular {
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}

.aside-nav-item .avaliacao {
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}

.concurso .aside-section-title {
    background-color: #e4640d;
    color: #fff;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .concurso .aside-section-title::before {
        content: '';
        display: block;
        height: 100%;
        background-color: #e4640d;
    }

    .concurso .aside-section-title::after {
        border-top-color: #843a07;
    }

.concurso .search-result-item::before {
    background-size: 120px;
    background-position: -55px -0px;
}

.concurso .institucional-intro {
    background-color: rgba(228, 100, 13, 0.85);
}

.concurso .apply-to-it {
    background-color: #e4640d;
}

    .concurso .apply-to-it::before {
        border-right-color: #843a07;
    }

    .concurso .apply-to-it span::after {
        border-top-color: #f37f31;
    }

    .concurso .apply-to-it span::before {
        border-bottom-color: #532505;
    }

.concurso .inscricao {
    line-height: 64px;
}

.concurso .instituicao-atendida-item-container:hover {
    background-color: #e4640d;
}

.concurso .course-tabs-navigation .columns,
.concurso .course-tabs-navigation .accordion-heading,
.concurso .accordion-toggle.active::after,
.concurso .course-tabs-navigation .accordion-toggle.columns:hover::after, .course-tabs-navigation
.concurso .accordion-toggle.columns:hover::after {
    background-color: #692D04;
}

    .concurso .columns.active, .concurso .course-tabs-navigation .columns:hover, .course-tabs-navigation .concurso .columns:hover,
    .concurso .tab-link.active,
    .concurso .course-tabs-navigation .tab-link.columns:hover, .course-tabs-navigation
    .concurso .tab-link.columns:hover,
    .concurso .accordion-toggle::after {
        background-color: #843a07;
    }

.concurso .course-tab-item .section-title {
    color: #843a07;
}

.concurso .user-dashboard-course-item-header {
    color: #e4640d;
}

.concurso .has-arrow .active::after, .concurso .has-arrow .course-tabs-navigation .columns:hover::after, .course-tabs-navigation .concurso .has-arrow .columns:hover::after {
    border-top-color: #843a07;
}

.course-label-alerta {
    background-color: #e4640d;
    color: #fff;
}

.concurso.noticia .course-title.home::before {
    background-size: 120px;
}

.filter-search__category.concurso {
    background-color: #692D04;
    color: #fff;
}

    .filter-search__category.concurso::after {
        border-top-color: #692D04;
    }

    .filter-search__category.concurso::before {
        border-bottom-color: #692D04;
    }

    .filter-search__category.concurso span::before {
        content: '';
        display: block;
    }

    .filter-search__category.concurso .filter-search__submenu {
        background-color: #913F08;
    }

.vestibular .course-title {
    color: #1172db;
}

    .vestibular .course-title::before {
        content: '';
        display: block;
    }

.vestibular .btn-course-site {
    background-color: #1172db;
}

    .vestibular .btn-course-site:hover, .vestibular .btn-course-site:active {
        background-color: #0a417c;
    }

.vestibular .course-title.home::before {
    background-size: 120px;
    background-position: -60px -88px;
}

.vestibular .read-more-box a {
    background-color: #1172db;
    color: #fff;
    z-index: 3;
}

.vestibular .aside-section-title {
    background-color: #1172db;
    color: #fff;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .vestibular .aside-section-title::before {
        content: '';
        display: block;
        height: 100%;
        background-color: #1172db;
    }

    .vestibular .aside-section-title::after {
        border-top-color: #0a417c;
    }

.vestibular .search-result-item::before {
    background-size: 120px;
    background-position: -60px -88px;
}

.vestibular .institucional-intro {
    background-color: rgba(17, 114, 219, 0.85);
}

.vestibular .apply-to-it {
    background-color: #1172db;
}

    .vestibular .apply-to-it::before {
        border-right-color: #0a417c;
    }

    .vestibular .apply-to-it span::after {
        border-top-color: #308cef;
    }

    .vestibular .apply-to-it span::before {
        border-bottom-color: #06284d;
    }

.vestibular .inscricao {
    line-height: 64px;
}

.vestibular .instituicao-atendida-item-container:hover {
    background-color: #1172db;
}

.vestibular .course-tabs-navigation .columns,
.vestibular .course-tabs-navigation .accordion-heading,
.vestibular .accordion-toggle.active::after,
.vestibular .course-tabs-navigation .accordion-toggle.columns:hover::after, .course-tabs-navigation
.vestibular .accordion-toggle.columns:hover::after {
    background-color: #1172db;
}

    .vestibular .columns.active, .vestibular .course-tabs-navigation .columns:hover, .course-tabs-navigation .vestibular .columns:hover,
    .vestibular .tab-link.active,
    .vestibular .course-tabs-navigation .tab-link.columns:hover, .course-tabs-navigation
    .vestibular .tab-link.columns:hover,
    .vestibular .accordion-toggle::after {
        background-color: #0a417c;
    }

.vestibular .course-tab-item .section-title {
    color: #0a417c;
}

.vestibular .user-dashboard-course-item-header {
    color: #1172db;
}

.vestibular .has-arrow .active::after, .vestibular .has-arrow .course-tabs-navigation .columns:hover::after, .course-tabs-navigation .vestibular .has-arrow .columns:hover::after {
    border-top-color: #0a417c;
}

.course-label-alerta {
    background-color: #1172db;
    color: #fff;
}

.vestibular.noticia .course-title.home::before {
    background-size: 120px;
}

.filter-search__category.vestibular {
    background-color: #1172db;
    color: #fff;
}

    .filter-search__category.vestibular::after {
        border-top-color: #1172db;
    }

    .filter-search__category.vestibular::before {
        border-bottom-color: #1172db;
    }

    .filter-search__category.vestibular span::before {
        content: '';
        display: block;
    }

    .filter-search__category.vestibular .filter-search__submenu {
        background-color: #308cef;
    }

.avaliacao .course-title {
    color: #034E47;
}

    .avaliacao .course-title::before {
        content: '';
        display: block;
    }

.avaliacao .btn-course-site {
    background-color: #034E47;
}

    .avaliacao .btn-course-site:hover, .avaliacao .btn-course-site:active {
        background-color: #0c665e;
    }

.avaliacao .course-title.home::before {
    background-size: 120px;
    background-position: -9px -0px;
}

.avaliacao .read-more-box a {
    background-color: #034E47;
    color: #fff;
    z-index: 3;
}

.avaliacao .aside-section-title {
    background-color: #034E47;
    color: #fff;
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
}

    .avaliacao .aside-section-title::before {
        content: '';
        display: block;
        height: 100%;
        background-color: #034E47;
    }

    .avaliacao .aside-section-title::after {
        border-top-color: #0c665e;
    }

.avaliacao .search-result-item::before {
    background-size: 120px;
    background-position: -9px -0px;
}

.avaliacao .institucional-intro {
    background-color: rgba(22, 194, 178, 0.85);
}

.avaliacao .apply-to-it {
    background-color: #119d90;
}

    .avaliacao .apply-to-it::before {
        border-right-color: #0c665e;
    }

    .avaliacao .apply-to-it span::after {
        border-top-color: #1dc6b7;
    }

    .avaliacao .apply-to-it span::before {
        border-bottom-color: #063934;
    }

.avaliacao .inscricao {
    line-height: 64px;
}

.avaliacao .instituicao-atendida-item-container:hover {
    background-color: #119d90;
}

.avaliacao .course-tabs-navigation .columns,
.avaliacao .course-tabs-navigation .accordion-heading,
.avaliacao .accordion-toggle.active::after,
.avaliacao .course-tabs-navigation .accordion-toggle.columns:hover::after, .course-tabs-navigation
.avaliacao .accordion-toggle.columns:hover::after {
    background-color: #034E47;
}

    .avaliacao .columns.active, .avaliacao .course-tabs-navigation .columns:hover, .course-tabs-navigation .avaliacao .columns:hover,
    .avaliacao .tab-link.active,
    .avaliacao .course-tabs-navigation .tab-link.columns:hover, .course-tabs-navigation
    .avaliacao .tab-link.columns:hover,
    .avaliacao .accordion-toggle::after {
        background-color: #0c665e;
    }

.avaliacao .course-tab-item .section-title {
    color: #0c665e;
}

.avaliacao .user-dashboard-course-item-header {
    color: #119d90;
}

.avaliacao .has-arrow .active::after, .avaliacao .has-arrow .course-tabs-navigation .columns:hover::after, .course-tabs-navigation .avaliacao .has-arrow .columns:hover::after {
    border-top-color: #0c665e;
}

.course-label-alerta {
    background-color: #119d90;
    color: #fff;
}

.avaliacao.noticia .course-title.home::before {
    background-size: 120px;
}

.filter-search__category.avaliacao {
    background-color: #034E47;
    color: #fff;
}

    .filter-search__category.avaliacao::after {
        border-top-color: #034E47;
    }

    .filter-search__category.avaliacao::before {
        border-bottom-color: #034E47;
    }

    .filter-search__category.avaliacao span::before {
        content: '';
        display: block;
    }

    .filter-search__category.avaliacao .filter-search__submenu {
        background-color: #0F615A;
    }

.vestibular .search-result-item::before {
    width: 29px;
    height: 29px;
    background-position: -60px -88px;
}

/**********************************************
*
*
*	16 - Guia de estilos da Galeria
*
*
**********************************************/
.unesp-gallery {
    padding: 20px 0;
    background-color: #585858;
    text-align: center;
}

    .unesp-gallery .row {
        max-width: 1111px;
    }

    .unesp-gallery .container {
        display: flex;
        justify-content: space-between;
    }

@media screen and (min-width: 320px) {
    .unesp-gallery .unesp-gallery-item {
        display: table;
        height: 65px;
        margin: 10px auto;
        min-width: 175px;
        background-color: #fff;
        border-radius: 5px;
        text-align: center;
        width: 100%;
    }

        .unesp-gallery .unesp-gallery-item a {
            display: table-cell;
            height: 100%;
            vertical-align: middle;
            width: 100%;
        }

        .unesp-gallery .unesp-gallery-item img {
            display: inline;
        }
}

@media screen and (min-width: 652px) {
    .unesp-gallery .unesp-gallery-item {
        float: left;
        margin: 6px;
        width: 30%;
    }
}

@media screen and (min-width: 992px) {
    .unesp-gallery .unesp-gallery-item {
        width: 10%;
    }

        .unesp-gallery .unesp-gallery-item:first-child, .unesp-gallery .unesp-gallery-item:nth-child(6n+1) {
            margin-left: 0;
        }

        .unesp-gallery .unesp-gallery-item:last-child, .unesp-gallery .unesp-gallery-item:nth-child(6n+6) {
            margin-right: 0;
        }
}

/**********************************************
*
*
*	17 - Guia de estilos do Rodapé do Site
*
*
**********************************************/
@media screen and (min-width: 320px) {
    .footer-credits {
        padding: 30px 0;
        background-image: url("../../../../../img/bg-sitemap.jpg");
        background-repeat: repeat;
        font-size: 11px;
        text-transform: uppercase;
    }

        .footer-credits .row {
            max-width: 1111px;
        }

        .footer-credits .footer-logo {
            padding-right: 10px;
            margin-right: 10px;
            float: left;
        }

        .footer-credits .socialmedia-wrapper {
            float: left;
            margin-right: 10px;
            margin-top: 5px;
        }

            .footer-credits .socialmedia-wrapper .socialmedia-item {
                display: inline-block;
                margin: 0 5px;
            }

        .footer-credits .footer-address {
            color: #666666;
            font-size: 11px;
        }

        .footer-credits .disquevunesp-wrapper {
            float: left;
            line-height: 1.2;
        }

            .footer-credits .disquevunesp-wrapper .phone-number {
                float: left;
                margin-right: 10px;
                padding-right: 10px;
                border-right: solid 1px #383838;
            }

                .footer-credits .disquevunesp-wrapper .phone-number b {
                    display: block;
                    text-transform: none;
                    color: #666666;
                    font-size: 15px;
                }

                .footer-credits .disquevunesp-wrapper .phone-number a {
                    color: #585858;
                    font-size: 17px;
                    font-weight: bold;
                }

            .footer-credits .disquevunesp-wrapper .business-days {
                float: left;
                margin-top: 2px;
                font-size: 13px;
                line-height: 1.4;
                text-transform: none;
            }

                .footer-credits .disquevunesp-wrapper .business-days b {
                    display: block;
                    font-weight: 400;
                }

        .footer-credits .copyright {
            clear: both;
            padding-top: 10px;
            line-height: 1.2;
            text-align: right;
        }
}

@media screen and (min-width: 652px) {
    .footer-credits .footer-content {
        float: right;
    }
}

/**********************************************
*
*
*	18 - Guia de estilos do Rodapé do Site
*
*
**********************************************/
.instituicao-atendida-container {
    overflow: auto;
}

.instituicao-atendidas-box {
    height: auto;
    margin-top: 30px;
    width: 100%;
    overflow: auto;
}

.instituicao-atendidas-item {
    margin-bottom: 20px;
    margin-top: 20px;
}

.instituicao-atendida-item-container {
    display: table;
    margin-bottom: 5px;
    margin-top: 5px;
    height: 260px;
    position: relative;
    width: 100%;
    background-color: #484e54;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.instituicao-atendidas-mask img {
    display: block;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

.instituicao-atendidas-mask {
    height: 172px;
    position: absolute;
    margin-top: -86px !important;
    margin-left: -86px !important;
    left: 50%;
    top: 50%;
    width: 172px;
    text-align: center;
    overflow: hidden;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
}

/**********************************************
*
*
*	19 - Guia de estilos da politica de qualidade
*
*
**********************************************/
.quality-certificate img {
    margin: auto;
    display: block;
}

/**********************************************
*
*
*	20 - Guia de estilos do Rodapé do Site
*
*
**********************************************/
.container-form {
    margin: 0 auto;
    display: block;
    float: none;
    min-height: 349px;
}

/**********************************************
*
*
*		Customização dos estilos de 
*       Formulários do Bootstrap
*
*
**********************************************/
.formulario {
    margin-bottom: 30px;
}

.form-group-site {
    position: relative;
}

    .form-group-site input[type='text'],
    .form-group-site input[type='email'],
    .form-group-site input[type='password'],
    .form-control-site {
        height: 46px;
        background-color: #F5F5F5;
        box-shadow: inset -1px 1px 1px rgba(0, 0, 0, 0.2);
    }

.btn-site {
    border-radius: unset;
    padding-top: 8px;
}

@media screen and (max-width: 735px) {
    .btn-site {
        display: grid;
        grid-template-columns: 100%;
    }
}

@media screen and (max-width: 420px) {
    .texto-mostrar-mais {
        font-size: 13px;
    }
}

@media screen and (max-width: 280px) {
    .texto-mostrar-mais {
        font-size: 10px;
    }
}

    .btn-info-site {
        background-color: #00C2DE;
    }

    .btn-submit-site {
        margin-top: 15px;
        padding-left: 35px;
        padding-right: 35px;
        font-size: 20px;
    }

    .btn-course-site {
        color: white;
    }

        .btn-course-site:hover, .btn-course-site:active {
            color: white;
        }

    .pwstrength_viewport_progress {
        margin-top: 5px;
    }

        .pwstrength_viewport_progress .progress-bar {
            text-align: right;
        }

        .pwstrength_viewport_progress .password-verdict {
            padding-right: 20px;
            text-transform: uppercase;
            font-size: 12px;
            font-weight: bold;
        }

    .help-block-site {
        display: inline-block;
        float: right;
        margin-top: -10px;
        margin-right: 20px;
        position: relative;
        background-color: #c11220;
        font-weight: bold;
        text-transform: uppercase;
    }

        .help-block-site ul::before {
            content: '';
            display: block;
            height: 0;
            right: 10px;
            margin-left: -13px;
            position: absolute;
            bottom: 100%;
            width: 0;
            z-index: 9999;
            border-style: solid;
            border-color: #c11220;
            border-top-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
            border-top-width: 0;
            border-left-width: 7px;
            border-right-width: 7px;
            border-bottom-width: 7px;
        }

        .help-block-site li {
            padding-right: 20px;
            padding-left: 20px;
            color: #fff;
            text-align: right;
            font-size: 10px;
        }

    .btn-site {
        border-radius: 0px;
    }

    .form-group.disabled {
        background-color: #eee;
        border: 1px solid #d9d9d9 !important;
    }

        .form-group.disabled > .form-control {
            background-color: #eee !important;
        }

    .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline {
        margin-left: 0px;
    }

    .form-group.disabled > .help-block.with-errors {
        display: none;
    }

    /**********************************************
*
*
*	21 - Guia de estilos da área interna do 
*        candidato
*
*
**********************************************/
    /**********************************************
*
*
*		Estilos dedicados apenas para 
*		a barra de login que fica acima
*       do site
*
*
**********************************************/
    .user-dashboard-bar {
        font-family: "Open Sans", sans-serif !important;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    @media screen and (min-width: 320px) {
        .user-dashboard-bar {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#484e54+0,545b62+100 */
            background: #484e54;
            /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NGU1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDViNjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #484e54 0%, #545b62 100%);
            /* FF3.6-15 */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484e54), color-stop(100%, #545b62));
            /* Chrome4-9,Safari4-5 */
            background: -webkit-linear-gradient(top, #484e54 0%, #545b62 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: -o-linear-gradient(top, #484e54 0%, #545b62 100%);
            /* Opera 11.10-11.50 */
            background: -ms-linear-gradient(top, #484e54 0%, #545b62 100%);
            /* IE10 preview */
            background: linear-gradient(to bottom, #484e54 0%, #545b62 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484e54', endColorstr='#545b62',GradientType=0 );
            /* IE6-8 */
        }
    }

    @media screen and (min-width: 652px) {
        .user-dashboard-bar {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#484e54+0,545b62+100 */
            background: #484e54;
            /* Old browsers */
            /* IE9 SVG, needs conditional override of 'filter' to 'none' */
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ4NGU1NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NDViNjIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, #484e54 0%, #545b62 100%);
            /* FF3.6-15 */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #484e54), color-stop(100%, #545b62));
            /* Chrome4-9,Safari4-5 */
            background: -webkit-linear-gradient(top, #484e54 0%, #545b62 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: -o-linear-gradient(top, #484e54 0%, #545b62 100%);
            /* Opera 11.10-11.50 */
            background: -ms-linear-gradient(top, #484e54 0%, #545b62 100%);
            /* IE10 preview */
            background: linear-gradient(to bottom, #484e54 0%, #545b62 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#484e54', endColorstr='#545b62',GradientType=0 );
            /* IE6-8 */
        }
    }

    .user-dashboard-bar p,
    .user-dashboard-menu a {
        color: #fff;
        font-size: 11px !important;
    }

    @media screen and (min-width: 320px) {
        .user-dashboard-bar-welcome {
            display: block;
            padding-bottom: 10px;
            padding-top: 10px;
        }
    }

    @media screen and (min-width: 652px) {
        .user-dashboard-bar-welcome {
            padding-bottom: 0;
            padding-top: 0;
            width: auto;
        }

            .user-dashboard-bar-welcome::before {
                content: '';
                display: block;
                float: left;
                height: 20px;
                width: 35px;
                background-image: url("../../../../../img/user-title.jpg");
                background-repeat: no-repeat;
                background-position: center center;
                background-size: 20px;
            }
    }

    /**********************************************
*
*
*		Menu da Barra de Login
*
*
**********************************************/
    @media screen and (min-width: 320px) {
        .user-dashboard-menu {
            padding-bottom: .625em;
            padding-top: .625em;
        }
    }

    @media screen and (min-width: 652px) {
        .user-dashboard-menu {
            margin-left: 30px;
            padding-bottom: 0;
            padding-top: 0;
            width: auto;
        }
    }

    .user-dashboard-menu a {
        padding-left: 10px;
        padding-right: 10px;
        color: #a7b2be;
    }

    @media screen and (min-width: 320px) {
        .user-dashboard-menu ul {
            display: table;
            margin: 0 auto;
            padding: 0px;
        }
    }

    @media screen and (min-width: 652px) {
        .user-dashboard-menu ul {
            display: block;
            margin: 0;
        }
    }

    .user-dashboard-menu li:first-child a {
        padding-left: 0;
        border-right: solid 1px #a7b2be;
    }

    .user-dashboard-bar-welcome .notification {
        margin-left: 10px;
        width: 20px;
    }

        .user-dashboard-bar-welcome .notification::after {
            top: 0;
            margin-top: 3px;
        }

    .user-dashboard-bar-welcome p {
        padding-top: 3px;
    }

    .disabled.notification {
        opacity: 0.5;
    }

    /**********************************************
*
*
*		Estilos gerais do box da 
*		página área de candidato
*		
*
*
**********************************************/
    .user-dashboard {
        padding-top: 20px;
        padding-bottom: 60px;
        font-family: "Open Sans", sans-serif !important;
    }

        .user-dashboard::after {
            content: '';
            display: block;
            height: 20px;
            margin-top: 30px;
            background: url("../../../../../img/bg-search.png") no-repeat center center;
        }

    .user-dashboard-content {
        /*background-color: #eee;*/
    }

    .user-dashboard-course-item .tab-image {
        width: 100%;
        margin: 7px 0 5px 0;
        height: 15px;
        text-align: center;
        font-size: 18pt;
        padding-bottom: 25px;
    }

    .user-dashboard-big-button {
        display: block;
        padding-bottom: 20px;
        padding-top: 20px;
        background-color: #484E54;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        color: #E9E9E9;
        text-align: center;
        font-size: 16px;
    }

        .user-dashboard-big-button:hover {
            color: #fff !important;
        }

    /**********************************************
*
*
*		Estilos do cabeçalho da página 
*		de dashboard
*
*
**********************************************/
    .user-dashboard-header {
        display: table;
        margin-bottom: 20px;
        padding-bottom: 10px;
        padding-top: 20px;
        position: relative;
        width: 100%;
        background-color: #484e54;
        border-top: solid 1px #20262c;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        color: #e9e9e9;
    }

        .user-dashboard-header > div {
            /*display: table-cell;
    vertical-align: middle;
    height: 100%;*/
        }

        .user-dashboard-header::before {
            /*content: '';
	display: block;
	float: left;
	height: em(35px);
	padding: em(30px); 
	width: em(35px);
	
	background-image: path('user-title.jpg');
	background-repeat: no-repeat;
	background-position: center center;*/
        }

        .user-dashboard-header .section-title {
            font-size: 20px;
            font-weight: 400;
            text-transform: none;
        }

        .user-dashboard-header .section-subtitle {
            font-size: 12px;
            font-weight: 200;
        }

    .deadline-link {
        display: block;
        color: #FFF;
        font-size: 9px;
        line-height: 2;
        text-align: center;
        text-transform: uppercase;
        font-weight: 400;
        height: 35px;
    }

        .deadline-link:hover {
            text-decoration: underline;
        }

    /**********************************************
*
*
*		Estilos do container de cada item
*		de projeto
*  
*	 	Customização de notificações 
*
**********************************************/
    .user-dashboard-course-item-hashtag {
        font-size: 14px;
    }

    .course-tabs-navigation .notification {
        margin-top: -10px;
        margin-right: 2px;
        position: absolute;
        right: 0;
        top: 0;
        background: -moz-linear-gradient(top, #c11220 0%, #930e0e 100%);
        /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c11220), color-stop(100%, #930e0e));
        /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #c11220 0%, #930e0e 100%);
        /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #c11220 0%, #930e0e 100%);
        /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #c11220 0%, #930e0e 100%);
        /* IE10+ */
        background: linear-gradient(to bottom, #c11220 0%, #930e0e 100%);
        /* W3C */
    }

    .user-dashboard-course-item-header {
        padding-bottom: 20px;
        padding-top: 30px;
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 20px;
        font-weight: 100;
    }

    .user-dashboard-course-item-detail {
        padding-bottom: 10px;
        font-size: 14px;
        line-height: 14px;
    }

    .user-dashboard-course-card {
        font-size: 16px;
    }

    /**********************************************
*
*
*	Estilos gerais do corpo da página
*
*
**********************************************/
    .user-dashboard-section-tittle {
        height: auto;
    }

        .user-dashboard-section-tittle h1 {
            margin-top: 10px;
        }

    .user-dashboard-section-content {
        height: auto;
    }

    @media screen and (min-width: 652px) {
        .user-dashboard-section-content {
            padding-left: 35px;
            padding-right: 35px;
        }
    }

    .user-dashboard-list {
        margin-left: 20px;
    }

        .user-dashboard-list li {
            font-size: 12px;
        }

            .user-dashboard-list li::before {
                font-weight: bold;
            }

        .user-dashboard-list a {
            color: #3b3b3b;
        }

            .user-dashboard-list a:hover {
                text-decoration: underline;
            }

    .user-dashboard-inscricao-btn-action {
        margin-bottom: 5px;
    }

    @media screen and (min-width: 320px) {
        .user-dashboard-inscricao-btn-action {
            display: block;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
    }

    /**********************************************
*
*
*		Customização das tabs dentro
*		desta página
*
*
**********************************************/
    .user-dashboard-course-item .course-tabs-navigation .columns {
        display: block;
        padding: 0;
    }

    .user-dashboard-course-item .tab-link {
        height: 100%;
        /*padding-top: 27px;*/
        display: block;
        line-height: 1.2;
        font-size: 10px;
        vertical-align: middle;
    }

        .user-dashboard-course-item .tab-link::before {
            content: none;
        }

    /**********************************************
*
*
*		Menu do notificação
*
*
**********************************************/
    .user-dashboard-notifications {
        display: none;
        margin-top: 0;
        position: absolute;
        padding-left: 0px !important;
        padding-right: 0px !important;
        z-index: 4;
        background: url("../../../../../img/bg-dashboard-notifications.jpg");
        font-size: 1rem;
    }

    @media screen and (min-width: 320px) {
        .user-dashboard-notifications {
            left: 0;
            top: 47px;
        }
    }

    @media screen and (min-width: 652px) {
        .user-dashboard-notifications {
            left: 0;
            margin-top: 5px;
            top: 100%;
        }
    }

    @media screen and (min-width: 992px) {
        .user-dashboard-notifications {
            margin-left: -25px;
        }
    }

    .user-dashboard-notifications.active, .course-tabs-navigation .user-dashboard-notifications.columns:hover {
        z-index: 7;
        display: block;
    }

    .user-dashboard-notifications ul {
        padding-bottom: 20px;
        padding-top: 20px;
        position: relative;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

        .user-dashboard-notifications ul::before {
            content: '';
            display: block;
            height: 0;
            margin-left: 10%;
            position: absolute;
            top: 0;
            width: 0;
            border-style: solid;
            border-bottom-color: transparent;
            border-left-color: transparent;
            border-right-color: transparent;
            border-top-color: #484e54;
            border-bottom-width: 0;
            border-left-width: 14px;
            border-right-width: 14px;
            border-top-width: 15px;
        }

    .user-dashboard-notifications li {
        display: table;
        height: 45px;
        padding-bottom: 5px;
        padding-top: 5px;
        width: 100%;
        background-color: #ABAEB1;
    }

        .user-dashboard-notifications li::before {
            content: '';
            display: block;
            float: left;
            height: 35px;
            margin-right: 20px;
            width: 10px;
            background-color: #484e54;
        }

        .user-dashboard-notifications li:hover {
            background-color: #c1c3c6;
        }

    .user-dashboard-notifications-link {
        display: block;
        float: left;
        padding-bottom: 10px;
        padding-top: 10px;
        position: relative;
        width: 85%;
        border-bottom: solid 1px #b8b9bb;
        color: #484e54;
        font-size: 12px;
    }

        .user-dashboard-notifications-link::before {
            content: '';
            margin-right: 20px;
            vertical-align: middle;
        }

        .user-dashboard-notifications-link::after {
            content: '';
            display: block;
            position: absolute;
            top: 96%;
            width: 100%;
            border-bottom: solid 1px #919294;
        }

    .course-tabs-content {
        padding-left: -15px !important;
        padding-right: -15px !important;
    }

    /**********************************************
*
*
*	22 - Guia de estilos da área interna
*        Dedicada exclusivamente ao vestibular
*
*
**********************************************/
    .vestibular-section {
        padding-bottom: 30px;
    }

        .vestibular-section .section-title {
            padding-bottom: 35px;
            padding-top: 30px;
            font-size: 20px;
            color: #00afef;
            text-align: center;
        }

        .vestibular-section a:hover {
            font-weight: bold;
        }

        .vestibular-section .course-title {
            display: table;
            height: 45px;
            padding-left: 55px;
            color: #00afef;
        }

            .vestibular-section .course-title span {
                display: table-cell;
                vertical-align: middle;
            }

    @media screen and (min-width: 652px) {
        .vestibular-section-item:nth-child(3n+2) {
            border-left: solid 1px #d9d9d9;
            border-right: solid 1px #d9d9d9;
        }
    }

    .vestibular-section-item-content {
        margin: 0 auto;
        padding-top: 15px;
        position: relative;
    }

    @media screen and (min-width: 320px) {
        .vestibular-section-item-content::after {
            content: none;
        }
    }

    @media screen and (min-width: 652px) {
        .vestibular-section-item-content {
            min-height: 300px;
        }

            .vestibular-section-item-content::after {
                content: '';
                bottom: 0;
                margin-left: 0;
                position: absolute;
                width: 100%;
            }
    }

    .vestibular-list-items {
        border-top: solid 1px #cdcdcd;
        font-size: 13px;
    }

        .vestibular-list-items li {
            padding: 5px;
            border-bottom: solid 1px #cdcdcd;
        }

        .vestibular-list-items a {
            display: block;
        }

    .vestibular-section-row {
        display: table;
        width: 100%;
    }

    .vestibulares.course-title::before {
        content: '';
    }

    .relatorios.course-title::before {
        content: '';
    }

    .estatisticas.course-title::before {
        content: '';
    }

    .pesquisa.course-title::before {
        content: '';
    }

    .guia-profissao.course-title::before {
        content: '';
    }

    .divulgacao-vestibular.course-title::before {
        content: '';
    }

    /**********************************************
*
*
*	23 - Guia de estilos da área 
*        Quem Somos
*
*
**********************************************/
    @media screen and (min-width: 320px) {
        .quem-somos header {
            padding-bottom: 0;
        }

        .quem-somos .page-banner {
            background-image: url("../../../../../img/banners/quem-somos.jpg");
            background-color: #770000;
        }

            .quem-somos .page-banner .flip--title {
                margin: 0;
            }

            .quem-somos .page-banner .front .flip--title {
                letter-spacing: 3px;
                font-size: 20px;
            }

        .quem-somos .inner-content article {
            margin-bottom: 0;
        }
    }

    .quem-somos .highlights-wrapper .highlight-funcionario::before {
        content: '';
        width: 80px;
    }

    .quem-somos .highlights-wrapper .highlight-projeto::before {
        content: '';
        width: 80px;
    }

    .quem-somos .highlights-wrapper .highlight-candidato::before {
        content: '';
    }

    .quem-somos .highlights-wrapper .highlight-prize::before {
        content: '';
    }

    @media screen and (min-width: 320px) {
        .quem-somos .highlights-wrapper {
            background-color: #760201;
            box-shadow: inset 0 0 25px rgba(0, 0, 0, 0.5);
            color: #fff;
        }

            .quem-somos .highlights-wrapper .highlight-funcionario,
            .quem-somos .highlights-wrapper .highlight-candidato,
            .quem-somos .highlights-wrapper .highlight-projeto {
                text-align: center;
            }

            .quem-somos .highlights-wrapper .category-intro,
            .quem-somos .highlights-wrapper .category-highlight,
            .quem-somos .highlights-wrapper .category-content {
                display: block;
                line-height: 1.3;
                letter-spacing: 2px;
                text-align: center;
                text-transform: uppercase;
            }

                .quem-somos .highlights-wrapper .category-intro small,
                .quem-somos .highlights-wrapper .category-highlight small,
                .quem-somos .highlights-wrapper .category-content small {
                    text-transform: none;
                }
    }

    @media screen and (min-width: 652px) {
        .quem-somos .highlights-wrapper {
            padding-bottom: 65px;
            padding-top: 50px;
        }

            .quem-somos .highlights-wrapper .category-intro {
                font-size: 15px;
                font-weight: 100;
            }

            .quem-somos .highlights-wrapper .category-highlight {
                font-size: 60px;
                font-weight: bold;
            }

            .quem-somos .highlights-wrapper .category-content {
                font-size: 16px;
                font-weight: 100;
            }
    }

    .quem-somos .voce-sabia-wrapper p {
        margin: 6px 0 0 0;
    }

    .quem-somos .voce-sabia-wrapper .voce-sabia-title {
        margin: 0;
        padding: 20px;
        background-color: #9c0612;
        color: #fff;
        letter-spacing: 3px;
        text-transform: uppercase;
        font-size: 24px;
    }

    /**********************************************
*
*
*	24 - Guia de estilos da área 
*        Page Banner
*
*
**********************************************/
    @media screen and (min-width: 320px) {
        .page-banner {
            height: 420px;
            background-repeat: no-repeat;
            background-position: center;
        }

            .page-banner .page-banner-content {
                height: 100%;
                margin-top: 90px;
                position: relative;
                width: 100%;
            }

                .page-banner .page-banner-content .front {
                    background-color: rgba(207, 19, 35, 0.82);
                }

                .page-banner .page-banner-content .back {
                    background-color: rgba(193, 18, 32, 0.82);
                }

                .page-banner .page-banner-content .front,
                .page-banner .page-banner-content .back {
                    display: flex;
                    align-items: center;
                    padding: 0 35px;
                    height: 250px;
                    max-width: 400px;
                    color: #fff;
                    font-size: 14px;
                    line-height: 43px;
                    letter-spacing: 2px;
                    text-transform: uppercase;
                }
    }

    @media screen and (min-width: 652px) {
        .page-banner .page-banner-content .front,
        .page-banner .page-banner-content .back {
            padding: 50px 35px;
            line-height: 43px;
        }
    }

    /**********************************************
*
*
*	25 - Guia de estilos da área 
*        Contato
*
*
**********************************************/
    .contact {
        margin-bottom: 10px;
    }

        .contact .has-error iframe {
            border: 1px solid #a94442;
        }

        .contact .has-success iframe {
            border: 1px solid #3c763d;
        }

    /**********************************************
*
*
*	26 - Infomação sobre uso de cookie 
*
*
**********************************************/
    .cookie-disclaimer {
        background: #000000;
        color: #FFF;
        opacity: 1;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 1;
        height: 250px;
        position: fixed;
        z-index: 999;
        display: none;
    }

    @media screen and (min-width: 652px) {
        .cookie-disclaimer {
            height: 175px;
        }
    }

    @media screen and (min-width: 980px) {
        .cookie-disclaimer {
            height: 150px;
        }
    }

    .cookie-disclaimer .container {
        text-align: center;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .cookie-disclaimer .cookie-close {
        float: right;
        padding: 10px;
        cursor: pointer;
    }

    .rank-titulo {
        font-size: 8pt;
    }

    #lblBusca {
        display: block;
        margin-top: 20px;
    }

    .back-to-top {
        background-color: #38322e;
        border-radius: 65px;
        bottom: 14px;
        box-shadow: 2px 3px 19px -2px rgba(0, 0, 0, .75);
        color: #cf192e;
        cursor: pointer;
        height: 40px;
        position: fixed;
        right: calc(50% - 20px);
        width: 40px;
        z-index: 3;
    }

        .back-to-top::after {
            content: '▲';
            display: flex;
            justify-content: center;
            padding-left: 1px;
            padding-top: 10px;
        }

    .texto-noscript {
        text-align: center;
        margin: 20px auto;
    }

    .titulo-area-candidato {
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .subtitulo-area-candidato {
        font-size: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .lembrar-me {
        display: none;
    }

    .lbl-lembrarme {
        display: none;
    }

    .titulo-politica-privacidade {
        font-size: 30px;
    }

    .titulo-info-unesp {
        font-size: 24px;
    }

    .sub-titulo-principal {
        font-size: 14px;
        margin: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }

    .msg-busca {
        margin-top: 30px;
    }

    .li-teclas-atalho {
        margin-top: 15px;
    }

    .titulo-modal-aces {
        font-size: 18px;
    }

    .cursor-pointer {
        cursor: pointer;
    }

/**********************************************
*
*
*	27 - Guia de estilos do componente da âncora de acessbilidade
*
*
**********************************************/

.ancora-container {
    position: fixed;
    height: 100%;
    z-index: 1000;
}
    .ancora-container a:active,
    .ancora-container a:hover,
    .ancora-container a:focus {
        border: 0px !important;
        text-decoration: none !important;
    }

.ancora-acessbilidade {
    height: 25em;
    width: 25em;
    display: none;
    position: fixed;
    right: 54px;
    top: 17%;
    background-color: #bc3434;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
    border-radius: 10px;
    z-index: 1001;
}

.ancora-acessbilidade-item-link {
    padding: 5px 35px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 100 !important;
    color: white;
    display: block;
    transition: 0.3s;

}

    .ancora-acessbilidade-item-link:hover,
    .ancora-acessbilidade-item-link:focus {
        color: white;
        font-weight: bold !important;
    }

.abrir-ancora {
    font-size: 32px;
    cursor: pointer;
    background-color: #AC1527;
    color: white;
    border: none;
    position: fixed;
    z-index: 1;
    transition: margin-left 0.5s;
    border-radius: 10px;
    width: 47px;
    height: 47px;
    text-align: center;
    right: 5px;
    top: 28%;
    padding: 3px;
    z-index: 1002;
    display: block;
}

    .abrir-ancora:hover,
    .abrir-ancora:focus {
        color: white;
    }

.ancora-aberta {
    display: block;
    transition: 0.5s;
}

.ancora-acessbilidade-fixed {
    height: 25em;
    width: 25em;
    background-color: #bc3434;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
    border-radius: 10px;
}

.ancora-acessbilidade-candidato-logado {
    height: 14em !important;
}

.ancora-acessbilidade-item-link-nao-existe {
    display: none !important;
}


/**********************************************
*
*
*	Seletor para aparecer âncora fixa: trocar para 1980px
*
*
**********************************************/
@media (min-width: 19800px) {
    .ancora-acessbilidade {
        height: 25em;
        width: 23em;
        position: fixed;
        right: 60px;
        top: 17%;
        background-color: #bc3434;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 20px;
        border-radius: 10px;
        z-index: 1001;
        display: block;
        background-color: transparent;
        border: 3px solid #bc3434;
    }


    .ancora-acessbilidade-item-link {
        padding: 5px 25px;
        text-decoration: none;
        font-size: 16px;
        font-weight: bold !important;
        color: #bc3434;
        display: block;
        transition: 0.3s;
    }

        .ancora-acessbilidade-item-link:hover,
        .ancora-acessbilidade-item-link:focus {
            font-size: 17px;
            font-weight: bold !important;
            color: #bc3434;
        }

    .abrir-ancora
    {
        display:none;
    }
}

/* Estilo para o link de saltar para o conteúdo exigido pelas regras de acessibilidade */
.saltar-para-conteudo {
    position: fixed;
    left: -1000px;
    top: 0;
    display: flex;
    padding: 12px;
    flex-direction: column;
    align-items: flex-start;
    max-width: 420px;
    border-radius: 8px;
    background: var(--Gray-palette-1600-White,#FFF);
    margin: 12px 0 0 12px;
    box-shadow: 0 0 14px 0 rgba(15,17,17,.5);
    z-index: 1500
}

.saltar-para-conteudo:focus {
    left: 5px;
}

/* Css para substituir tags <b> e <strong> (regra do access monitor) */
.negrito {
    font-weight: bold;
}
/* External auth providers (shared by _ExternalLoginsListPartial and _RemoveExternalLoginsPartial) */
.oauth-modern-form,
.oauth-modern-remove {
    margin-top: 8px;
}

.oauth-grid-modern {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 14px;
    align-items: stretch;
}

.oauth-remove-form {
    margin: 0;
}

.oauth-provider-btn {
    position: relative;
    width: 100%;
    min-height: 72px;
    border: 0;
    border-radius: 18px;
    padding: 14px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    font-family: "Trebuchet MS", Verdana, sans-serif;
    font-weight: 700;
    text-align: left;
    box-shadow: 0 10px 22px rgba(0, 0, 0, 0.16);
    transform: translateY(0);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
    overflow: hidden;
}

    .oauth-provider-btn::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(120deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
        pointer-events: none;
    }

    .oauth-provider-btn:hover,
    .oauth-provider-btn:focus {
        transform: translateY(-2px);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.2);
        filter: saturate(1.08);
        outline: none;
    }

    .oauth-provider-btn:disabled {
        opacity: .58;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }

.oauth-icon-wrap {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    flex: 0 0 auto;
}

.oauth-govbr-logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
    filter: none;
}

.oauth-text-wrap {
    min-width: 0;
    display: inline-flex;
    flex-direction: column;
    line-height: 1.05;
    flex: 1 1 auto;
}

.oauth-action {
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
    opacity: .86;
    font-weight: 600;
}

.oauth-provider-name {
    font-size: 18px;
    margin-top: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oauth-chevron {
    font-size: 14px;
    opacity: .85;
    margin-left: 4px;
    flex: 0 0 auto;
}

.oauth-theme-facebook {
    background: linear-gradient(135deg, #004ad1, #90afdd);
}

.oauth-theme-google {
    background: linear-gradient(135deg, #db4437, #f17639);
}

.oauth-theme-microsoft {
    background: linear-gradient(135deg, #000000, #3f8efc);
}

.oauth-theme-govbr {
    background: linear-gradient(135deg, #c1bb00, #35bb0a);
}

.oauth-theme-default {
    background: linear-gradient(135deg, #2a5168, #3f7ea0);
}

@media only screen and (max-width: 767px) {
    .oauth-grid-modern {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .oauth-provider-btn {
        min-height: 66px;
        border-radius: 14px;
        padding: 12px 14px;
    }

    .oauth-provider-name {
        font-size: 16px;
    }
}

.has-feedback .form-control
{
    padding-right: 34px;
}
.has-feedback .form-control.input-sm,
.has-feedback.form-group-sm .form-control
{
    padding-right: 30px;
}
.has-feedback .form-control.input-lg,
.has-feedback.form-group-lg .form-control
{
    padding-right: 46px;
}
.has-feedback-left .form-control
{
    padding-right: 12px;
    padding-left: 34px;
}
.has-feedback-left .form-control.input-sm,
.has-feedback-left.form-group-sm .form-control
{
    padding-left: 30px;
}
.has-feedback-left .form-control.input-lg,
.has-feedback-left.form-group-lg .form-control
{
    padding-left: 46px;
}
.has-feedback-left .form-control-feedback
{
    left: 5px;
    margin-top: 5px;
}
.form-control-feedback
{
    line-height: 34px !important;
    color: #e7e7e7;
    text-shadow: 2px -2px 2px #bcbcbc;
}
.input-sm + .form-control-feedback,
.form-horizontal .form-group-sm .form-control-feedback
{
    width: 30px;
    height: 30px;
    line-height: 30px !important;
}
.input-lg + .form-control-feedback,
.form-horizontal .form-group-lg .form-control-feedback
{
    width: 46px;
    height: 46px;
    line-height: 46px !important;
}
.has-feedback label.sr-only ~ .form-control-feedback,
.has-feedback label.sr-only ~ div .form-control-feedback
{
    top: 0;
}
@media (min-width: 768px)
{
    .form-inline .inline-feedback
    {
        position: relative;
        display: inline-block;
    }
    .form-inline .has-feedback .form-control-feedback
    {
        top: 0;
    }
}
.form-horizontal .has-feedback-left .form-control-feedback
{
    left: 15px;
}