.status-aviseme,
.status-inscrevase {
background-color: #61b364;
display: inline-block;
width: 15px;
height: 15px;
border-radius: 100%;
}
.status-aviseme {
background-color: #e65252;
}
.list-cursos-table ul.lista-cursos {
margin: 0;
padding: 0;
}
.section-curso-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.section-curso-title-inner {
margin: 0;
}
.section-curso-header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 20px;
}
.header-legendas {
display: flex;
}
@media ( max-width: 400px ){
.header-legendas {
flex-direction: column;
}
}
.header-legendas .legenda {
padding: 10px;
white-space: nowrap;
}
.legenda-inscrevase a {
color: #61b364;
font-weight: 500;
text-transform: uppercase;
}
.legenda-aviseme a {
color: #e65252;
font-weight: 500;
text-transform: uppercase;
}
.legenda-inscrevase::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
border-radius: 100%;
background: #61b364;
position: relative;
left: -5px;
top: 2px;
}
.legenda-aviseme::before {
content: "";
display: inline-block;
width: 15px;
height: 15px;
border-radius: 100%;
background: #e65252;
position: relative;
left: -5px;
top: 2px;
}
.list-cursos-table {
margin: 2% 0 5% 0;
border: 1px solid #eee;
} .lista-cursos-header {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
border-bottom: 1px solid #eee;
line-height: 40px;
background: #68686805;
box-sizing: border-box;
}
.section-curso-title .size-icone-curso {
position: relative;
top: 3px;
}
.list-cursos-table ul.lista-cursos li.lista-cursos-header .header-cursos-name {
width: 50%;
display: flex;
padding-left: 20px;
font-weight: bold;
}
.list-cursos-table ul.lista-cursos li.lista-cursos-header .header-cursos-name div {
width: 33.333%;
}
.list-cursos-table ul.lista-cursos li.lista-cursos-header .table-meses {
width: 50%;
display: flex;
flex-direction: row;
justify-content: space-between;
font-weight: bold;
text-transform: uppercase;
}
.list-cursos-table ul.lista-cursos li.lista-cursos-header .table-meses .col-mes { justify-content: center;
text-align: center;
box-sizing: border-box;
} ul.lista-cursos li.cursos-item {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
border-bottom: 1px solid #eee;
line-height: 40px;
box-sizing: border-box;
position: relative;
}
ul.lista-cursos li.cursos-item .curso-status {
width: 30px;
display: inline-block;
float: left;
}
ul.lista-cursos li.cursos-item .curso-title {
flex: 0 0 50%;
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding-left: 20px;
font-weight: 400;
font-size: 15px;
}
ul.lista-cursos li.cursos-item .curso-title .curso-title-link{
font-weight: 600;
}
ul.lista-cursos li.cursos-item .table-meses {
flex: 0 0 50%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
ul.lista-cursos li.cursos-item .table-meses .col-mes { justify-content: center;
text-align: center;
border-left: #dddddd59 solid 1px;
box-sizing: border-box;
}
.cursos-item:nth-child(2n+1) {
background: #f9f9f9;
} .curso-data-link {
color: #1e71b6;
font-weight: 400;
font-size: 14px;
background: #b0d4f082;
border-radius: 20px;
padding: 5px 6px;
} ul.lista-cursos.table-columns-2 .table-meses .col-mes {
flex: 0 0 50%;
}
ul.lista-cursos.table-columns-3 .table-meses .col-mes {
flex: 0 0 33.333%;
}
ul.lista-cursos.table-columns-4 .table-meses .col-mes {
flex: 0 0 25%;
}
ul.lista-cursos.table-columns-5 .table-meses .col-mes {
flex: 0 0 20%;
}
ul.lista-cursos.table-columns-6 .table-meses .col-mes {
flex: 0 0 16.666%;
} #filtrar_categorias {
width: 100%;
}
ul.filtro-categoria-inner {
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
ul.filtro-categoria-inner li {
list-style: none;
line-height: 1;
flex: 1 1 260px;
box-shadow: rgba(0, 0, 0, .1) 0 0 0 1px, rgba(0, 0, 0, .08) 1px 3px 5px 2px;
margin: 15px 5px;
}
ul.filtro-categoria-inner.count-itens-8 li{
flex: 1 1 25%;
}
ul.filtro-categoria-inner.count-itens-10 li{
flex: 1 1 20%;
}
ul.filtro-categoria-inner li a {
line-height: 42px;
font-size: 16px;
font-weight: 600;
position: relative;
display: block;
width: 100%;
white-space: nowrap;
padding: 0 15px;
height: 43px;
}
ul.filtro-categoria-inner li a.filtro-item .item-text {
text-overflow: ellipsis;
line-height: 21px;
display: inline-block;
overflow: hidden;
padding-top: 10px;
}
@media ( max-width: 680px ){
ul.filtro-categoria-inner li a.filtro-item .item-text {
max-width: 260px;
}
}
@media ( max-width: 430px ){
ul.filtro-categoria-inner li a.filtro-item .item-text {
max-width: 200px;
}
}
@media ( max-width: 380px ){
ul.filtro-categoria-inner li a.filtro-item .item-text {
max-width: 190px;
}
}
@media ( max-width: 360px ){
ul.filtro-categoria-inner li a.filtro-item .item-text {
max-width: 180px;
}
}
@media ( max-width: 330px ){
ul.filtro-categoria-inner li a.filtro-item .item-text {
max-width: 170px;
}
}
.attachment-icone-curso.size-icone-curso {
top: 2px;
position: relative;
margin-right: 5px;
margin-left: -5px;
max-width: 24px;
height: auto;
}
ul.filtro-categoria-inner li a .count {
position: absolute;
right: 0px;
top: -14px;
color: #fff;
font-size: 11px;
line-height: 18px;
font-weight: 600;
text-transform: uppercase;
padding: 1px 10px;
background: #1e71b6;
border-radius: 20px 6px;
;
transition: .3s ease-in-out;
}
@media only screen and (max-width: 1256px) {
ul.lista-cursos li.cursos-item .curso-title {
padding-left: 5px;
font-weight: 400;
font-size: 14px;
}
.table-meses .col-mes {
font-size: 12px;
}
}
@media only screen and (max-width: 1141px) {
ul.lista-cursos li.cursos-item .curso-title {
white-space: normal;
}
ul.lista-cursos li.cursos-item .curso-title {
padding-left: 10px;
line-height: 22px;
}
.table-meses .col-mes {
font-size: 12px;
}
}
@media only screen and (max-width: 1062px) {
.table-meses .col-mes {
position: relative;
left: -2px;
}
}
@media only screen and (max-width: 1024px) {
.col-mes.mes-1,
.col-mes.mes-2,
.col-mes.mes-3,
.col-mes.mes-4,
.col-mes.mes-5,
.col-mes.mes-6,
.col-mes.mes-7,
.col-mes.mes-8,
.col-mes.mes-9,
.col-mes.mes-10,
.col-mes.mes-11,
.col-mes.mes-12 {
visibility: hidden;
line-height: 0px;
overflow: auto;
}
.col-mes.mes-1::after {
content: "Jan";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-2::after {
content: "Fev";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-3::after {
content: "Mar";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-4::after {
content: "Abr";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-5::after {
content: "Jun";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-6::after {
content: "Jun";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-7::after {
content: "Jul";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-8::after {
content: "Ago";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-9::after {
content: "Set";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-10::after {
content: "Out";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-11::after {
content: "Nov";
display: block;
visibility: visible;
padding: 7px 0;
}
.col-mes.mes-12::after {
content: "Dez";
display: block;
visibility: visible;
padding: 7px 0;
}
}
@media only screen and (max-width: 706px) {
.curso-data-link {
background: none;
padding: 0;
}
}
@media only screen and (max-width: 680px) {
ul.lista-cursos li.cursos-item .curso-title {
padding: 10px;
}
ul.filtro-categoria-inner li {
flex: 1 1 200px;
}
}
@media only screen and (max-width: 582px) {
.section-curso-header {
flex-direction: column;
padding: 20px 0px;
}
}
@media only screen and (max-width: 528px) {
.section-curso-header {
padding: 20px 5px;
}
}
@media only screen and (max-width: 535px) {
.curso-data-link {
padding: 2px 4px;
}
}
@media only screen and (max-width: 446px) {
.col-mes.mes-1::after {
content: "J";
}
.col-mes.mes-2::after {
content: "F";
}
.col-mes.mes-3::after {
content: "M";
}
.col-mes.mes-4::after {
content: "A";
}
.col-mes.mes-5::after {
content: "M";
}
.col-mes.mes-6::after {
content: "J";
}
.col-mes.mes-7::after {
content: "J";
}
.col-mes.mes-8::after {
content: "A";
}
.col-mes.mes-9::after {
content: "S";
}
.col-mes.mes-10::after {
content: "O";
}
.col-mes.mes-11::after {
content: "N";
}
.col-mes.mes-12::after {
content: "D";
}
}