@charset "utf-8";
/* general */
p.small, div.small, ul.small li { line-height: 1.45em; }
p.small.small-condensed, div.small.small-condensed, ul.small.small-condensed li, ol.small.small-condensed li, li.small.small-condensed, .tabpanels .small, .table-condensed.small {
	line-height: 1.4em; }


/*remove border around footnotes in a table */
tfoot .wb-fnote {
    border: none;
    margin: 0;
}

/* Domain icon banners*/
.domain-banner.satisfaction-bg { background-color:#262626; color: #fff !important; }
.domain-banner.prosperity-bg { background-color: #ff7374; }
.domain-banner.health-bg { background-color: #fd669d; }
.domain-banner.society-bg { background-color: #fcd161; }
.domain-banner.environment-bg { background-color: #35cda6; }
.domain-banner.governance-bg { background-color: #9a9a9a; }

.domain-banner {
	display: block;
	color: #000;
	padding: 4px 0;
	width: 100%;
	margin-bottom: 5px;
	text-align: center;
}
a.domain-banner, a:active.domain-banner, a:hover.domain-banner, a:visited.domain-banner {
	text-decoration:none;
	color: #000;
}

.thumbnail:hover .domain-banner img {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Indicator navigation */
.ind-list {
	border: 1px solid #ddd;
	padding-top: .5em;
	padding-bottom: .5em;	
}
ul.ind-list li { margin-bottom: 0.3em; }
ul.ind-list li:last-child { margin-bottom: 0; }

#wb-sec, #wb-sec h3 { margin-top: 0; }
#wb-sec .list-group { margin-left: 0; }


/* Homepage - related resources */
#subject-hubs a {
	color: #FFF;
	text-decoration: none;
	font-size: 1.1em;
}
#subject-hubs img {
	border-radius: 50%;
	width: 15%
}
.btn-subject, .btn-subject:hover {
	background: rgb(3, 88, 135);
	border-color: rgb(3, 88, 135);
}

/* Homepage - indicators */
.panel-body.satisfaction-bg { background-color: rgba(38,38,38,.1);}
.panel-body.prosperity-bg { background-color: rgba(255,115,116,.1) ;}
.panel-body.health-bg { background-color: rgba(253,102,157,.1) ;}
.panel-body.society-bg { background-color: rgba(252,209,97,.1);}
.panel-body.environment-bg { background-color: rgba(53,205,166,.1); ;}
.panel-body.governance-bg { background-color: rgba(154,154,154,.1);}


.qol-indicators .fa {
	font-size: .8em;
}

/*.qol-indicators .domain-banner {
    padding: 10px;
    text-align: left;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}*/

.qol-indicators details {
	padding-left: 15px;
	padding-right: 15px;
}
.qol-indicators details>summary {
	margin-left: -15px;
	margin-right: -15px;
}
.qol-indicators details[open] {
	padding-bottom: 0;
}

.qol-indicators .panel-body-indicator, .qol-indicators .panel-footer-oecd, .qol-indicators .panel-footer-source {
    padding: 7px;
}

.qol-indicators .panel-footer-oecd {
    background-color: #0053b3;
    color: #FFFFFF;
	font-size: .8em;
	line-height: 1.4em;
}

.qol-indicators .panel-footer-source {
    background-color: #000000;
    color: #FFFFFF;
    border-top: 1px solid #000000;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
	font-size: .8em;
	line-height: 1.4em;
}
.qol-indicators .panel-footer-source a, .qol-indicators .panel-footer-source a:visited, .qol-indicators .panel-footer-source a:active,
.qol-indicators .panel-footer-oecd a, .qol-indicators .panel-footer-oecd a:visited, .qol-indicators .panel-footer-oecd a:active {
    color: #FFFFFF;
}

.qol-indicators .governance-institutions {
	display: flex;
	justify-content: space-around;
	align-items: center;		
}
