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%;
        margin-top: 5px;
}
.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: 30px 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: #efefef;
}

.box
{
    background: #fff;
    border: 1px solid #dedede
}

.boxHeading
{
    font-size: 16px;
    font-weight: 600;
    /* margin-top: 0; */
    margin-bottom: 10px;
}

#home-row-1
{
   /* margin: 10px 0 10px 0;*/
   margin-bottom: 10px;
}
#home-row-2
{
    margin-bottom: 10px;
}
#home-row-3
{
    margin-bottom: 10px;
}
#home-row-4
{
    margin-bottom: 10px;
}

.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.category
{
    background-position: 0 -198px;
}
.icon.region
{
    background-position: 0 -257px;
}
.icon.country
{
    background-position: 0 -321px;
}
.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:30px;  background: #fff;
    border: 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}
/** #topLinks-mobile, #topicLinks-mobile, .dashboard-mobile{ display:none} <!-- phase2 --> **/

.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,#home-row-3,#home-row-4,#home-row-5{ 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}
/** <!-- phase2 -->
.topLinks, #topicLinks, .dashboard { display:none} 
#topLinks-mobile, #topicLinks-mobile, .dashboard-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:#000;
    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;
}

/** <!-- phase2 --> **/
@media screen and (min-width : 320px) and (max-width : 567px) and (orientation : portrait)
{
    #topicLinks, .dashboard, .dashboard-tablet, .dashboard-phone-landscape { display:none}
}
@media screen and (min-width : 568px) and (max-width : 767px) and (orientation : landscape)
{
    #topicLinks, .dashboard, .dashboard-tablet, .dashboard-phone-portrait { display:none}
}
@media screen and (min-width : 768px) and (max-width : 991px)
{
    #topicLinks, .dashboard, .dashboard-phone-landscape, .dashboard-phone-portrait  { display:none}
}
@media screen and (min-width : 992px)
{
    #topicLinks-mobile, .dashboard-tablet, .dashboard-phone-landscape, .dashboard-phone-portrait  { display:none}
}
/**-----------------**/
/**********************************************************************************************/    
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%}     
    }
    
    
    .tab-pane{height:235px;}