ul { list-style-image: url(/static/images/qualar/bullet.png); }

#qualar_temas_icons {padding-top: 20px;}
#qualar_temas_icons .icons {height: 240px; float: left;}
#qualar_temas_icons a h1, #qualar_temas_icons a h2, #qualar_temas_icons a h3,
#qualar_temas_icons a h4, #qualar_temas_icons a h5, #qualar_temas_icons a h6 { color: #5b5b60 !important; }
#qualar_temas_icons div { height: 220px; }

#qualar_icons .panel svg {
  width: 80%;
  height: 250px;
  max-height: 250px; }

#qualar_icons .panel.organizacoes a:hover svg path#pestana,
#qualar_icons .panel.registo a:hover svg path#pestana,
#qualar_icons .panel.estatisticas a:hover svg path#pestana,
#qualar_icons .panel.pmqualar a:hover svg path#pestana,
#qualar_icons .panel.vantagens a:hover svg path#pestana {
  fill: #aeddfd !important;
  stroke: #aeddfd !important; }

#qualar_icons .panel.vantagens a:hover svg ellipse#circulo,
#qualar_icons .panel.organizacoes a:hover svg ellipse#circulo,
#qualar_icons .panel.pmqualar a:hover svg ellipse#circulo,
#qualar_icons .panel.estatisticas a:hover svg ellipse#circulo,
#qualar_icons .panel.registo a:hover svg ellipse#circulo {
  stroke: #aeddfd !important; }


.qualar_news_block .blog-item a span { color: #5b5b60 !important; }
.qualar_news_block .blog-item.highlights {
    border: #dedede 1px solid;
    box-shadow: 2px 4px 20px 5px #d2d2d2;
    border-radius: 10px;
    overflow: hidden;
}

@media (max-width: 599px) {
    .qualar #latestnews { padding: 0px 0px; }
    .qualar_news_block .blog-item.highlights {
        margin: 15px 5px;
        padding: 10px 7px;
        height: auto;
    }
    #iframe-body { height: 550px; }
}
@media (min-width: 600px) and (max-width: 767px) {
    .qualar #latestnews { padding: 0px 5px; }
    .qualar_news_block .blog-item.highlights {
        margin: 15px 5px;
        padding: 15px 10px;
        height: auto;
    }
    #iframe-body { height: 700px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
    .qualar #latestnews { padding: 0px 10px; }
    .qualar_news_block .blog-item.highlights {
        margin: 15px 10px;
        padding: 15px 12px;
        height: auto;
    }
    #iframe-body { height: 900px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
    .qualar #latestnews { padding: 0px 15px; }
    .qualar_news_block .blog-item.highlights {
        margin: 15px 20px;
        padding: 20px 15px;
        height: 275px;
    }
    #iframe-body { height: 1100px; }
}
@media (min-width: 1200px) {
    .qualar #latestnews { padding: 0px 20px; }
    .qualar_news_block .blog-item.highlights {
        margin: 15px 25px;
        padding: 20px 15px;
        height: 275px;
    }
    #iframe-body { height: 75vh; }
}

table#saude tr td {
    padding: 10px 10px;
}
table#saude tr td img {width: 100px !important; min-width: 100px !important; max-width: 100px !important;}

tr.mau div.tlabel { background-color: #ff5959; }
tr.fraco div.tlabel { background-color: #ff9932; }
tr.medio div.tlabel { background-color: #ffc44f; }
tr.bom div.tlabel { background-color: #00bc70; }
tr.muitobom div.tlabel { background-color: #00e16d; }

tr.mau div.texto { border: #ff5959 2px solid; background-color: rgba(255,89,89,0.1); }
tr.fraco div.texto { border: #ff9932 2px solid; background-color: rgba(255,153,50,0.1); }
tr.medio div.texto { border: #ffc44f 2px solid; background-color: rgba(255,196,79,0.1); }
tr.bom div.texto { border: #00bc70 2px solid; background-color: rgba(0,188,112,0.1); }
tr.muitobom div.texto { border: #00e16d 2px solid; background-color: rgba(0,225,109,0.1); }

table#indice {width: 100%; margin: 20px 40px;}
table#indice td, .inner_legenda table th {padding: 5px 10px; text-align: center;}
table#indice td.esq, .inner_legenda table th.esq {text-align: left;}
table#indice th {background-color: #bcbcbc;}
table#indice .muitobom {background-color: #00e16d;}
table#indice .bom {background-color: #00bc70;}
table#indice .medio {background-color: #ffc44f;}
table#indice .fraco {background-color: #ff9932;}
table#indice .mau {background-color: #ff5959;}
table#indice .branco {color: #ffffff; }

@media (min-width: 768px) and (max-width: 1023px) {
    table#indice {
        width: 100% !important;
        margin: 10px 5px !important;
        font-size: x-small !important;
    }
    table#saude tr td img {width: 70px !important; min-width: 70px !important; max-width: 70px !important;}
    table#saude tr td { padding: 5px 3px; }
}

@media (max-width: 767px) {
    table#indice {
        width: 100% !important;
        margin: 10px 0px !important;
        font-size: xx-small !important;
    }
    table#saude tr td img {width: 60px !important; min-width: 60px !important; max-width: 60px !important;}
    table#saude tr td { padding: 3px 2px; }
}