body {
	font-size: 16px;
	font-family: "Open Sans", sans-serif;
}
img {
	max-width: 100%;
}
.mT5 {
	margin-top: 5px;
}
.mT10 {
	margin-top: 10px;
}
.mT15 {
	margin-top: 15px !important;
}
.m20 {
	margin-top: 20px;
}
.mT30 {
	margin-top: 30px;
}
.mR20 {
	margin-right: 20px !important;
}
.w50 {
	width: 50px;
}
.w40 {
	width: 40px;
}
.w55 {
	width: 55px;
}
.w20per {
	width: 20%;
}
.w30per {
	width: 30%
}
.w70per {
	width: 70%
}
.w100per {
	width: 100%;
}
.w80per {
	width: 80%;
}
.w70 {
	width: 70px;
}
.mB60 {
	margin-bottom: 60px
}
.pd30 {
	padding: 30px;
}
.pdR20 {
	padding-right: 15px;
	padding-left: 15px;
}
.mL10 {
	margin-left: 10px
}
.mL15 {
	margin-left: 15px
}
.no-space {
	padding: 0 !important;
	margin: 0 !important;
}
.no-margin {
	margin-left: 0 !important;
	margin-right: 0;
}
.no-right-bdr {
	border-right: 0 !important;
}
.no-bdm-bdr {
	border-bottom: 0 !important;
}
a {
	color: #1cabe2;
	text-decoration: none!important
}
a:hover, a:focus {
	color: #12bdfb;
}
.display-table {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.table-row {
	display: table-row;
}
.table-cell {
	display: table-cell;
	vertical-align: top;
}
.txt-box, .btn-box {
	border-radius: 0 !important;
	box-shadow: none;
	color: #818181;
	font-size: 0.813em;
	height: 37px;
	border-color: #dedede
}
.custom-btn, .custom-btn:hover {
	border-radius: 0 !important;
	color: #fff;
	background: #38b1ef;
	border: 1px solid #38b1ef;
	height: 37px
}
.dropdown {
	width: 100%;
}
.dropdown .btn {
	width: 100%;
	text-align: left;
}
.text h1 {
	font-size: 100%;
	margin-top: 0;
	margin-bottom: 10px;
}
ul.bulleted {
	margin-left: 0;
	padding-left: 0;
}
ul.bulleted li {
	font-size: 0.813em;
	list-style: none;
	padding-bottom: 4px;
}
ul.bulleted li a {
}
ul.bulleted li:before {
	content: ' ';
	display: inline-block;
	height: 4px;
	width: 4px;
	margin-right: 8px;
	background-color: #808281;
	position: relative;
	top: -3px;
}
ul.descList li .text {
	margin-left: 20px;
}
ul.descList li .title {
	font-size: 1.2em;
}
ul.descList li .title {
	font-size: 1.2em;
	margin-top: -18px;
	font-weight: 500;
	margin-left: 20px;
}
.topLinks {
	margin-top: 25px;
}
.topLinks li a {
	font-size: 0.875em;
	line-height: 20px;
	font-weight: 600;
	color: #1cabe2;
}
#logo {
	font-weight: 600;
	color: #002f54;/* font-size: 1.2em;*/
 
   
}
#logo .icon .fa {
	background: #090A0B;
}
/*
#logo h1
{
    font-size: 100%;
    display: inline-block;
    margin-top: 15px;
}
*/

.mB30 {
	margin-bottom: 30px;
}
.page-header {
	margin: 20px 0 0px;
}
.page-header .header-title h1 {
	font-size: 1.375em;
	line-height: 25px;
	color: #000;
	font-weight: 600
}
.fade {
	/*position: absolute;     top: 0;     left: 0;     right: 0;     height: 100%;*/
	opacity: 1;
}
.fade.ng-enter, .fade.ng-leave {
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}
.fade.ng-enter {
	opacity: 0;
}
.fade.ng-enter-active {
	opacity: 1;
}
.fade.ng-leave {
	opacity: 1;
}
.fade.ng-leave-active {
	opacity: 0;
}
.w200 {
	width: 200px !important;
}
#all-content {
	background: #fff;
}
.box {
	background: #fff;
	border: 1px solid #dedede
}
#home-row-1 {
	margin: 10px 0 50px 0;
}
#home-row-2 {
	margin-bottom: 50px;
}
.box h2 {
	font-size: 1em;
	font-weight: 600;
	line-height: 24px;
	color: #000;
}
p {
	font-size: 0.813em;
	line-height: 18px
}
.box h3 {
	font-size: 1em;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 10px;
}
.icon {
	width: 55px;
	height: 55px;
	background-image: url("../img/icon-sprite.png");
	float: left;
}
.icon.indicator {
	background-position: 0 0;/**cursor: pointer;**/
}
.icon.exploredata {
	background-position: 0 -65px;
}
.icon.createquery {
	background-position: 0 -129px;
}
.align-middle {
	vertical-align: middle !important;
}
.topicWrapper {
	padding-left: 5px;
	vertical-align: middle;
}
.ctryWrapper, .dbwrapper {
	padding-right: 5px;
	vertical-align: middle;
}
.topicWrapper .glyphicon, .ctryWrapper .glyphicon {
	font-size: 12px;
}
.img-link {
	width: 100%;
	border-bottom: 1px solid #ddd;
	text-align: center;
	background: #FDFFF9;
}
.img-link img {
	height: 155px
}
.img-box-heading {
	margin: 40px 0 20px 0;
	width: 100%;
	text-align: center;
	font-size: 1.125em!important
}
.img-box-text {
	text-align: center;
	line-height: 18px;
	padding: 0 15px;
}
#guidelines .img-box-text, #publications .img-box-text {
	line-height: 18px;
	font-size: 0.813em;
	font-weight: 600
}

@media (max-width:991px) {
.box {
	margin-bottom: 20px !important;
}
.box.mR20 {
	margin-right: 0 !important;
}
#about .section-box {
	width: 100%
}
}
#logo h1 {
	font-size: 1.875em;
	line-height: 36px;
	color: #000;
	font-weight: 600;
	margin-top: 13px!important
}
.breadcrumb li:first-child {
	padding-left: 0
}
.breadcrumb {
	font-size: 0.750em;
	font-weight: normal;
	background: #fff;
	border-radius: 0;
	border: 0;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px
}
.breadcrumb a {
	color: #1cabe2
}
.page-sections {
	margin-bottom: 30px
}
.section-box {
	margin-bottom: 20px;
	width: 50%;
	display: inline-block;
	padding: 0 15px;
	box-sizing: border-box!important;
}
.section-box-text {
	padding-left: 30px;
	font-size: 0.8em;
	color: #666;
}
#publications .img-link {
	text-align: center
}
#publications .embeddedLinks .picture {
	height: 220px;
	width: 100%
}
#publications .img-box-text {
	height: 95px;
	width: 100%;
	padding: 20px;
}
#publications .box {
	margin-bottom: 20px
}

@media (max-width:991px) {
#publications .w20per, #publications .w20per .box {
	width: 100%!important
}
}
#guidelines .embeddedLinks .picture {
	height: 240px;
	width: 100%;
}
#guidelines .img-box-text {
	height: 90px;
	width: 100%;
	padding: 15px
}
.panel .panel-title .fa {
	color: #333;
	font-size: 12px;
	margin-top: 5px
}
.panel .panel-title .fa-chevron-down {
	display: inline-block;
}
.panel .panel-title .fa-chevron-right {
	display: none;
}
.panel.panel-open .panel-title .fa-chevron-down {
	display: none !important;
}
.panel.panel-open .panel-title .fa-chevron-right {
	display: inline-block !important;
}
.panel-heading a:focus, .panel-heading a:visited, .panel-heading a:hover {
	outline: none;
	color: #333;
	text-decoration: none;
}
.image-box {
	margin-left: -15px;
	margin-right: -15px
}
.image-box-item {
	padding: 0 15px;
	float: left
}
.static-page-container {
	display: inline-block;
	width: 100%;
	padding: 24px;
	background: #fff;
	border-bottom: 1px solid #d8dcdf;
}
#ctrySelDropdown {
	width: 200px
}
.dasboardcol1 {
}
#home-row-1 .box {
	height: 340px
}

@media (max-width:991px) {
#publications .w20per, #publications .w20per .box {
	width: 100%!important
}
#home-row-1 .box {
	height: auto
}
.img-link img {
	height: auto
}
}
.dashboardcol2 .nav-pills>li.active>a, .dashboardcol2 .nav-pills>li.active>a:focus, .dashboardcol2 .nav-pills>li.active>a:hover {
	color: #333;
	background-color: #fff!important;
	border-radius: 0;
	border-left: 2px solid #38b1ef;
}
.dashboardcol2 .nav-pills>li>a {
	font-size: 0.813em
}
.dashboardcol2 { /**width:230px**/
	width: 240px
}
#topLinks-mobile {
	display: none
}
.nav-pills>li>a {
	color: #333;
	padding: 11px 15px;
}
.dropdown-btn:hover, .dropdown-btn:focus, .dropdown-btn:active, .dropdown-btn {
	background: #fff!important;
	border-radius: 0 !important;
	box-shadow: none;
	outline: none;
	color: #818181;
	font-size: 0.813em;
	height: 37px;
	border-color: #dedede
}

@media (min-width:1024px) {
.container {
	width: 960px;
	padding: 0!important
}
}
#featured li {
	font-size: 0.813em;
	line-height: 18px
}
.dropdown-btn .fa {
	font-size: 11px;
	color: #333;
	margin-top: 3px
}
#home-row-2 .col-md-3 {
	padding-left: 10px!important;
	padding-right: 10px!important
}
#home-row-2, #home-row-1 {
	margin-left: -10px!important;
	margin-right: -10px!important
}
#home-row-1 .col-md-6 {
	padding-left: 10px!important;
	padding-right: 10px!important
}
#home-row-2 .img-box-text {
	height: 36px
}
#portal-header {
	height: 100px
}
.topLinks li:last-child {
	padding-right: 0!important
}
#about .section-box-text, .static-page-container p {
	line-height: 24px;
	color: #333;
	font-size: 0.875em
}
.static-page-container p {
	padding: 15px 0
}
#useful-links li {
	line-height: 24px;
	color: #333;
	font-size: 0.875em;
	margin-bottom: 15px
}

@media (max-width : 767px) {
.dashboardcol2 {
	width: 30%
}
.topLinks {
	display: none
}
#topLinks-mobile {
	display: block
}
#portal-header {
	height: 160px;
	padding-bottom: 20px
}
#topLinks-mobile .dropdown-menu {
	width: 100%
}
#topLinks-mobile .dropdown-btn {
	background: #efefef!important;
	color: #1cabe2
}
}
.dropdown-menu {
	border-radius: 0;
}

@media (max-width : 480px) {
.ctryWrapper, .topicWrapper, .dbwrapper {
	display: inline-block;
	width: 100%;
	padding: 0
}
.ctryWrapper {
	margin-bottom: 20px
}
}

@media (min-width : 480px) and (max-width:991px) {
#home-row-2 .col-md-3 {
	width: 50%;
	float: left
}
#publications .col-md-4 {
	float: left;
	width: 50%;
}
}
#tools .img-box-text {
	height: 80px;
	width: 100%;
	padding: 30px;
	border-top: 1px solid #dedede;
	font-weight: 600
}
.panel-body p {
	padding: 0
}
.panel-body {
	padding: 30px
}
.nav.nav-pills.nav-stacked {
	background: #e9e9e9
}
.nav.nav-pills.nav-stacked>li>a:focus, .nav.nav-pills.nav-stacked>li>a:hover {
	background: transparent
}
ul.bulleted.descList li:before {
	top: 0
}
.visualizationWrapper {
	padding: 30px 0px 0px 0px;
	overflow: auto;
}
/** Atsushi 11/24/2015 ************************************************************************/
.dropdown-menu {
	overflow-y: auto;
	max-height: 300px;
}
.input-group .dropdown-menu {
/**font-size: 12px;**/
    
}
.dropdown-menu > li > a {
	white-space: normal;
}
.w210 {
	width: 210px!important
}
.w245 {
	width: 245px!important
}
#logo-header {
	color: #ca144b;
	text-decoration: none;
}
#logo-header:hover {
	text-decoration: none;
}
/** 1/4/2016 **/
.pd10 {
	padding: 10px;
}
/** 1/8/2016 **/
img.ihsn {
	max-width: 50%;
}
/** 1/12/2016 **/
#hf_header_wrapper .conten-box-sizing, #hf_header_wrapper .conten-box-sizing:before, #hf_header_wrapper .conten-box-sizing:after {
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	box-sizing: content-box!important;
}
/** 1/13/2016 **/
#hf_footer_wrapper .conten-box-sizing, #hf_footer_wrapper .conten-box-sizing:before, #hf_footer_wrapper .conten-box-sizing:after {
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	box-sizing: content-box!important;
}
/** 1/14/2016 **/
.link {
	font-size: 0.813em;
	line-height: 18px;
}
a.indicator-list {
	cursor: pointer;
}
/** 3/4/2016 **/
.video-wrapper {
	/** width:690px; **/
	margin: 0 auto;
}
h3.video-title {
	font-size: 1em;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 10px;
}
/**********************************************************************************************/    
span.img-box-text {
	display: block;
	font-size: 0.813em;
	line-height: 18px;
	color: #333;
	text-decoration: none
}
#home-row-2 span.img-box-text {
	margin-bottom: 60px;
}
.tableauPlaceholder {
	background: #fff
}
.tools-wrapper {
	width: 600px;
	margin: 0 auto;
	margin-top: 20px
}
.analysis-wrapper {
	width: 285px;
	margin: 0 auto;
	margin-top: 20px
}

@media (max-width : 767px) {
.tools-wrapper {
	width: 100%
}
}

.SDGh4 {color: #ca144b; font-size: 35px !important; letter-spacing: 0px; font-weight: 600; line-height: 13px !important; padding-top: 8px;
	}
	
.SDGh2 {color: #ca144b; font-size: 22px !important; letter-spacing: 0px; font-weight: 300; line-height: 13px !important; padding-top: 8px;
	}
	
.SDGh3 {color: #4E4852; font-size: 18px !important; letter-spacing: 0px; font-weight: 100; line-height: 13px !important; padding-top: 50px;  margin-bottom: -36px;
	}

.chart .tBanner img {
    width: 100%;
    height: auto;
    max-width: 780px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.myMap{
    width: 100%;
    height: auto;
    left: 0px;
    right: 0px;
}

#logo h4 {
	color:#4E4852 !important;
	margin-bottom:-10px;
	}
	
.fbox1 {
border-radius: 2px;
background-color: #fff;
padding: 7px 10px 0px 10px;
margin: 5px 5px 5px 0px;
border: 1px solid #dddddd;
font-size:15px !important;
}

.fbox1:hover {
background-color: #F6F8F4;
border-radius: 2px;
border: 1px solid #999; 
}

.fbox1a {
	border-radius: 2px;
	background-color: #e1e1e1;
	padding: 7px 10px 0px 10px;
margin: 5px 5px 5px 0px;
	border: 1px solid #ddd;
	border-color: #999999;
	background: #f8f8f8;
	font-size:13px !important;
	font-weight:800 !important;
}

.fbox2 {
	width:290px;
	}

.fbox2 p {
	font-size:.9em; 
	line-height:20px;
	/*background-color:#093;*/
	padding:0 0 0 20px;
	margin:0px;
	}
	
/*Tooltip CSS begin*/
.tooltip{
    display: inline;
    position: relative;
}

.tooltip:hover:after{
    background: #333;
    background: rgba(0,0,0,.8);
    border-radius: 5px;
    bottom: 46px;
    color: #fff;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
	position: absolute;
    z-index: 98;
    width: 320px;
	font-size: .9em;
}

.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 6px 6px 0 6px;
    bottom: 40px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 99;
}

.page-sections a:link, a:visited {
    color: #1cabe2;
}

.page-sections a:hover {
	color: #787878;
	text-decoration: underline !important;
}