/* 
    Created on : 2 feb 2020
    Author     : M.Marcello Verona <marcello.verona@lisboncouncil.net>
*/

body {  
    font-family: "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background-color: #F5F5F5;
}

h1, h2,
.h1, .h2 {
    font-family: Comfortaa, apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
h3, h4,
.h3, .h4 {
    font-weight: 500;
    /*font-family: Comfortaa, apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;*/
}


h1 {
    line-height: 42px;
    font-weight: 700;
    font-style: normal;
}

h2.subtitle {
    font-weight: 300;
    color: #666;
    font-size: 2rem;
}

.nav-tabs .nav-link {
    border: 1px solid #eee;
    margin-right: 3px;
    background-color: #FAFAFA;

    margin-right: 1px;
    font-size: 0.75rem;
    padding: 0.5rem;
}

.navbar-nav {
    text-transform: uppercase;
    font-size: 0.9rem;
    font-weight: bold;
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.95rem;
    padding-left:  0.95rem;
}

.dropdown-item {
    text-transform: none;
}


a:link, 
a:visited {
    color: #10847c;
}

p a:link {
    font-weight: bold;
}

a:hover {
    color: #407f7b;
    text-decoration: underline;
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #095a55;
}


.bd-navbar {
    min-height: 4rem;
    /* background-color: #7952b3; */
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.05), inset 0 -1px 0 rgba(0,0,0,.1);
}

#perc-completamento {
    background-color: #7CB943;
    height: 5px;
    width: 0%;
    transition: width 1s;
    position: -webkit-sticky; /* Safari & IE */
    position: sticky;
    top: 0;
    z-index: 100;
}

#feedback {
    z-index: 1000;
    padding: 5px 8px;
    font-size: 1.02em;
    font-weight: bold;
    border-radius: 5px;
    display: none;
}

#feedback.feed_ok{
    background-color: #FFE763;
}

#feedback.feed_ko{
    background-color: #FF953F;
}

#feedback.feed_danger{
    background-color: #CC0000;
    color: #FFF;
}

.col-pixel-width-50 { flex: 0 0 50px; }
.col-pixel-width-60 { flex: 0 0 60px; }
.col-pixel-width-80 { flex: 0 0 80px; }
.col-pixel-width-100 { flex: 0 0 100px; }
.col-pixel-width-125 { flex: 0 0 125px; }
.col-pixel-width-150 { flex: 0 0 150px; }
.col-pixel-width-200 { flex: 0 0 200px; }
.col-pixel-width-250 { flex: 0 0 250px; }
.col-pixel-width-300 { flex: 0 0 300px; }

.offset-150px {
    margin-left: 160px;
}
.offset-200px {
    margin-left: 210px;
}
.offset-250px {
    margin-left: 260px;
}


main > .container, 
main > .container-lg 
{
  padding: 60px 15px 0;
}

.footer {
  background-color: rgb(72, 72, 72);
  color: #FFF;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

header .nav-link:after {
    /*
    content: "|";
    color: #FFF;
    margin-left: 14px;
    */
}

.navbar-nav .nav-item:last-child .nav-link:after  {
    font-weight: bold;
    margin-left : 0;
    content: "";
}

li.breadcrumb-item:after,
li.breadcrumb-item:before, 
.breadcrumb-item+.breadcrumb-item::before {
    content: "";
}

li.breadcrumb-item img {
    opacity: 0.3;
}

.hide{
    display:none;
}

.red {
    color: #C63A3A;
}
a.btn-primary:link,
a.btn-primary:visited,
.btn-primary {
    border-color: rgb(20, 169, 159);
    background-color: rgb(20, 169, 159);
    color: #FFF;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle,
.btn-primary:focus
{
    color: #fff;
    background-color: rgb(20, 153, 144);
    border-color: rgb(20, 153, 144);
}

.btn-primary:hover {
    color: #fff;
    background-color: rgb(20, 153, 144);
    border-color: rgb(20, 153, 144);
}

.fakelink {
    color: #10847c;
    font-weight: bold;
    text-decoration: none;
    background-color: transparent;
    cursor:pointer;
}

.fakelink:hover {
    text-decoration: underline;
}

.alert li {
    padding: 0.25rem 0;
}

.text-muted {
    color: #CCC !important;
}

.h1.navbar-brand { 
    margin: 0;
    font-weight: bold;
}

td.resultt {
    background-color: #14a99f;
}

#result-category, 
#result-topic {
    background-color: transparent;
}

.card {
    border: 1px solid #e7eaf3;
    box-shadow: 0 0 35px rgb(140 152 163 / 13%);
    border-radius: .5rem;
    margin: 2rem 0rem;
    background-color: #FFF;
}

.card-int {
    border: 1px dashed #c1c3ca;
    box-shadow: 0 0 35px rgb(140 152 163 / 6%);
    border-radius: .5rem;
    margin: 1rem 0;
    background-color: #fffdf8;
}

.card-body {
    padding: 2rem;
}

.card-header {
    border-bottom: 1px solid rgba(0,0,0,0.05);
    background-color: #FFF;
    border-radius: .5rem;
}

.card-header:first-child {
    border-radius: inherit;
}

.card-header-background{
    background: url(/assets/img/left-background-512x512.png) 100% 0 no-repeat;
}

.card-header h2, 
.card-header h3, 
.card-header h4 {

    margin: 0.35rem 0;
    padding: 0;
    line-height: 1em;
}

.card-body-minspace{
    margin: 0;
    padding: 1rem 1rem 0;
}

div#tab_content01 {
    border: 1px solid #dee2e6;
    border-top: 0;
    padding: 2rem;
    background-color: #FFF;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    box-shadow: 0 0 35px rgb(140 152 163 / 13%);
}

.tab-container{
    margin: 2rem 0rem;
}

#factsheet {
    
}

#factsheet table {
    font-size: 0.82rem;
}

#factsheet table th{
    border-top: 0;
}

.table-indicator {
    
}

.table-indicator tr td, 
.table-indicator tr th {
  text-align: center;  
  font-size: 0.9rem;
}

.table-indicator caption {
    font-size: 0.85rem;
}

.table-responsive {
    margin-bottom: 1.5rem;
}

.sources {
    margin-left: 0;
    padding-left: 1rem;
}

.sources li{ 
    font-size: 0.82rem;
    line-height: 1.25rem;
}

.footer-disclaimer {
    font-size: 0.89rem;
    color: #ddd;
}

.footer-disclaimer a:link,
.footer-disclaimer a:visited {
    color: #FFF;
}


/* Home */
.table-home {
    margin: 0;
}

.table-home tr th,
.table-home tr td {
    text-align: center;
}

.table-home tr th:nth-child(1),
.table-home tr td:nth-child(1) {
    text-align: left;
}

.home-block h3 {
    font-size: 1.75rem;
    text-align: left;
    border-bottom: 2px solid #eee;
}

.home-block ul {
    padding: 0 3px;
}
.home-block ul li {
    list-style: none;
    line-height: 1.75rem;
}

.resultt a:link,
.resultt a:visited {
    color: #000;
}

/* Country-Topic */

.value-card {
    font-size: 1.4rem;
    padding-bottom: 0;
}

.value-card-value{
    padding-bottom: 1rem;
}

.info-card {
    font-size: 0.8rem;
    text-align: center;
    margin-bottom: -10px;
}

.card-int .na {
    color: #999;
}

span.sv {
    font-size: 1.7rem;
}

span.sl {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

span.ssl {
    display: block;
    font-size: 0.7rem;
}

.indicator-content {
    padding: 1rem 0;
}

.definition {
    font-size: 0.9rem;
}

.table-dq {
    font-size: 0.85rem;
}

#bigtitle-container {
    margin-top: 0rem;
    background: url(/assets/img/2-green-turquoise-pattern.png) no-repeat;
}

#bigtitle {
    font-weight: 800;
    font-family: Helvetica;
}

#bigtitle .bt1 {
    font-size: 3.5vw;
}

#bigtitle .bt2 {
    font-size: 4.5vw;
    margin-top: -2vw;
    color: #C63A3A;
}

#bigtitle .bt2 span {
    font-size: 1.5vw;
    vertical-align: super;
}

#bigtitle #img-lc {
    width: 18vw;
    max-width: 200px;
}

#bigtitle #img-coval {
    width: 14vw;
    max-width: 180px;
}

#table-about1, .table-about {
    border: 1px solid #999;
}

#table-about1 tr th,
#table-about1 tr td, 
.table-about tr td, 
.table-about tr th {
    border: 1px solid #999;
    background-color: #FFF;
}

#table-about1 tr td:first-child {
    background-color: #DDD;
}

#table-about1 tr td:nth-child(2) {
    background-color: #EEE;
}

.bolt-auto {
    margin: -3rem -1.5rem 0 0;
    font-size: 0.85rem;
    color: #666;
    cursor: pointer;
}

.bolt-auto:hover {
    color: #095a55;
}


@media (min-width: 768px) { 


    #bigtitle .bt1 {
        font-size: 3.5vw;
    }

    #bigtitle .bt2 {
        font-size: 4.5vw;
        margin-top: -2vw;
        color: #C63A3A;
    }
    
    .tabs-topic-country.nav-tabs .nav-item.show .nav-link, 
    .tabs-topic-country.nav-tabs .nav-link {
        font-size: 0.65rem;
        padding: 0.5rem 0.2rem;
    }
}

@media (min-width: 920px) { 
    .nav-tabs .nav-item.show .nav-link, 
    .nav-tabs .nav-link {
        margin-right: 3px;
        font-size: 0.85rem;
    }
    
    .tabs-topic-country.nav-tabs .nav-item.show .nav-link, 
    .tabs-topic-country.nav-tabs .nav-link {
        font-size: 0.75rem;
        padding: 0.5rem 0.5rem;
    }
}

@media (min-width: 1199px) {

    .nav-tabs .nav-item.show .nav-link, 
    .nav-tabs .nav-link {
        font-size: 1rem;
        padding: .5rem 1rem;
    }
    
    .tabs-topic-country.nav-tabs .nav-item.show .nav-link, 
    .tabs-topic-country.nav-tabs .nav-link {
        font-size: 0.75rem;
        padding: 0.5rem 1rem;
    }
    
    #bigtitle .bt1 {
        font-size: 55px;
    }
    
    #bigtitle .bt2 {
        font-size: 70px;
    }
}