Políticas de Saúde e Assistência Farmacêutica no SUS – 11ª oferta
multfio_admin
19 de setembro de 2025
p {
font-size: 16px;
}
.tooltip1 {
position: relative;
display: inline-block;
border-bottom: 2px dotted #dd850a;
cursor: help;
}
.tooltip1 .tooltiptext1 {
visibility: hidden;
width: 200px;
background-color: #dd850a;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
font-size: 1.2rem;
/* Position the tooltip */
position: absolute;
z-index: 1;
bottom: 100%;
left: 50%;
margin-left: -60px;
}
.tooltip1:hover .tooltiptext1 {
visibility: visible;
}
li::marker {
color: #D76F00;
}
#introtext{
background-color: #FFFFFF;
}
@media (min-width: 836px) {
#introtext{
background-color: #FFFFFF;
}
}
@media (max-width: 835px) {
#introtext{
background-color: #F0F4F9;
}
}
@media screen and (max-width: 782px) {
html #wpadminbar {
height: 46px;
min-width: 240px;
z-index: 90;
}
.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 90;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.df-messenger {
background: #42A5F5;
background: var(–df-messenger-button-titlebar-color);
border: none;
border-radius: 50%;
bottom: 0px;
box-shadow: rgba(0, 0, 0, 0.24) 1px 4px 15px 0px;
cursor: pointer;
height: 56px;
position: absolute;
right: 0px;
width: 6px;
bottom: 180px;
}
}
.mensagem-erro {
color: #d9534f; /* Um tom de vermelho */
font-weight: bold;
border: 1px solid #d9534f;
padding: 10px;
background-color: #f2dede;
margin-top: 20px;
height: 50px;
}
table.comBordaComplexa tr {
border: 0px solid #FFFFF0;
border-bottom: 0.250rem solid #E6E6E6;
background: #FFFFFF;
}
.numero{
background: #F0F4F9;
padding: 7px;
border-radius: 50%;
}
body {
transition: background-color 0.3s, color 0.3s;
background-color: #fdfdfd;
color: #333;
line-height: 1.6;
margin: 0;
}
body.dark-mode {
background-color: #121212;
color: #f0f0f0;
}
.controls {
display: flex;
justify-content: space-between;
position: absolute;
right: 10px;
margin-bottom: 10px;
}
.controls button {
padding: 1px 5px 1px 5px;
font-size: 16px;
border: solid 1px #000;
border-radius: 5px;
}
.controls button:hover {
background-color: #000;
color: #fdfdfd;
border: solid 1px #fdfdfd;
}
.btn-mode-toggle-light {
width: 30px;
height: 30px;
border: 1px solid #000 !important;
border-radius: 50% !important;
overflow: hidden;
background: conic-gradient(black 180deg, white 180deg, white 360deg, black 360deg);
}
.btn-mode-toggle-dark {
width: 30px;
height: 30px;
border: 1px solid #ffff !important;
border-radius: 50% !important;
overflow: hidden;
background: conic-gradient(white 180deg, black 180deg, black 360deg, white 360deg);
}
.font-controls button {
margin-right: 0px;
}
:root {
/* O tamanho de fonte base, que será manipulado pelo JavaScript */
font-size: 16px;
}
html{
font-size: 0.625rem; /* Por padrão, 0.750 * 16px = 10px */
}
h1 {
font-size: 1.875rem; /* Por padrão, 1.875 * 16px = 30px */
}
h2 {
font-size: 1.500rem; /* Por padrão, 1.500 * 16px = 24px */
}
h3 {
font-size: 1.250rem; /* Por padrão, 1.250 * 16px = 20px */
}
h4 {
font-size: 1.125rem; /* Por padrão, 1.125 * 16px = 18px */
}
h5 {
font-size: 0.875rem; /* Por padrão, 0.875 * 16px = 14px */
}
h6 {
font-size: 0.750rem; /* Por padrão, 0.750 * 16px = 12px */
}
p {
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
span {
font-size: 1rem; /* Por padrão, 0.875 * 16px = 14px */
}
ul > li > a {
font-size: 0.6875rem; /* Por padrão, 0.750 * 16px = 12px */
}
a {
fonte-size: 1rem; /* Por padrão, 0.8125 * 16px = 14px */
}
#infocurso {
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#inscricaoIni{
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#inscricaoFim{
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#cursoIni{
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#cursoFim{
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#cursoVaga{
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#cursoModalidade{
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#cursoNivel{
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#cursoDuracao{
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
#progressoInsc {
font-size: 0.8125rem; /* Por padrão, 0.8125 * 16px = 13px */
}
#progressoOferta {
font-size: 0.8125rem; /* Por padrão, 0.8125 * 16px = 13px */
}
#inscricao {
font-size: 0.875rem; /* Por padrão, 0.875 * 16px = 14px */
}
#curso {
font-size: 0.875rem; /* Por padrão, 0.875 * 16px = 14px */
}
.toggle-search .ion-ios7-search{
font-size: 1.875rem; /* Por padrão, 1.875 * 16px = 30px */
}
.menu-menu-principal-container > ul > li > a {
font-size: 0.875rem; /* Por padrão, 0.875 * 16px = 14px */
}
.menu-menu-principal-container > ul > li > ul > li > a {
font-size: 0.875rem; /* Por padrão, 0.875 * 16px = 14px */
}
.breadcrumb-container {
font-size: 0.8125rem; /* Por padrão, 0.8125 * 16px = 13px */
}
.main-title {
font-size: 1rem; /* Por padrão, 1 * 16px = 16px */
}
.sub-info-bordered {
font-size: 0.875rem; /* Por padrão, 0.875 * 16px = 14px */
}
.tags li > a{
font-size: 0.875rem; /* Por padrão, 0.875 * 16px = 14px */
}
Informações do curso
Inscrições: ini a fim
Progresso
Oferta: ini a fim
Progresso
Vagas: vagas
Modalidade: ini
Nível: ini
Duração: ini
Público-alvo
ini
Atividades
ini
Certificação
ini
ini
Inscrição
Ir para curso
/* Ripple azul effect */
.buttonazulripple {
background-position: center;
transition: background 0.8s;
}
.buttonazulripple:hover {
background: #336ce7 radial-gradient(circle, transparent 1%, #155ffd 1%) center/15000%;
}
.buttonazulripple:active {
background-color: #336ce7;
background-size: 100%;
transition: background 0s;
}
/* Button azul style */
.buttonazul {
padding: 15px;
margin: 5px;
min-width: 216px;
max-width: 260px;
border: 1px solid #ddd;
border: none;
cursor: pointer;
color: white;
background-color: #0f55ab;
border-radius: 50px !important;
text-align: center;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
outline: none;
}
/* Ripple verde effect */
.buttonverderipple {
background-position: center;
transition: background 0.8s;
}
.buttonverderipple:hover {
background: #46db88 radial-gradient(circle, transparent 1%, #00bbaa 1%) center/15000%;
}
.buttonverderipple:active {
background-color: #46db88;
background-size: 100%;
transition: background 0s;
}
/* Button verde style */
.buttonverde {
padding: 15px;
margin: 5px;
min-width: 216px;
max-width: 260px;
border: 1px solid #ddd;
border: none;
cursor: pointer;
color: white;
background-color: #3cb371;
border-radius: 50px !important;
text-align: center;
box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
outline: none;
}
/* Link style */
.linkpag{
a: color: #ffffff;
a:active color: #ffffff;
a:visited color: #ffffff;
}
#colBut{
display: none;
}
@media (max-width: 835px) {
.buttonazul{
min-width: 136px;
max-width: 160px;
position: fixed;
bottom: 1%;
left: 10%;
/* z-index: 10000000; */
z-index: 95;
}
.buttonverde{
min-width: 136px;
max-width: 160px;
position: fixed;
bottom: 1%;
right: 15%;
/* z-index: 10000000; */
z-index: 95;
}
#colBut{
background-color: #F0F4F9;
opacity: 1;
min-height: 80px;
max-height: 60px;
position: fixed;
bottom: 0%;
/* z-index: 1000000; */
z-index: 90;
}
}
}
Conteúdo programático
ini
