@charset "utf-8";
/* CSS Document */

/* reset css */
*{margin:0;padding:0;outline:0}
ul, ul li{margin: 0;padding: 0;}
ul li{list-style:none;}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.clear{clear:both;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #3f3e42;
    font-style: italic;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #3f3e42;
    opacity:  1;
    font-style: italic;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #3f3e42;
    opacity:  1;
    font-style: italic;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #3f3e42;
    font-style: italic;
}

.horizontal_line{margin: 5px 0 10px 0;border-top:1px solid #CCCCCC}
.container{/*overflow-x:hidden;*/margin:0 auto}

/* country styles*/


.breadcrumb {padding: 8px 15px;margin-bottom: 20px;list-style: none;background-color: #f5f7f8;border-radius: 4px;border:1px solid #e3e3e3}
.breadcrumb_wrapper{margin-right:0}
#parentCountryTab .tab-content{background:#fff;padding: 0 14px 25px 14px;}

/* left panel change styles*/
#menuToggle_country {position:relative}
.toggle_leftarrow_country{ 
background: url(../images/spirit-manage-home.png) -10px 46% no-repeat;
width:42px;
height:22px;
z-index:999;
position:absolute;
top: 5px;
right:10px;
cursor:pointer;
}
.toggle_rightarrow_country{ 
background: url(../images/spirit-manage-home.png) -10px 60% no-repeat;
width:42px;
height:22px;
z-index:999;
position:absolute;
top:5px;
right:10px;
cursor:pointer;
}

/* Left side Menu */
.sideviewtoggle{background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -10px -105px;
height: 23px;
width: 47px;
border: none;
z-index: 1000;
position: absolute;
left: 80%;
top: 3px;}
#togglemenu3 .nav-header {font-size: 1.2em;} 
.button_toggle{background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -10px -138px;height: 23px;width: 47px;border: none;position: absolute;left: -45px;z-index: 1000;top: 5px;}
:root .button_toggle{left: 0px;}
.sidetogglemenu .nav-header{font-weight: bold;color: #666666;}
.indicator_data{margin:5px 0 0 0}
.sidemenu_srchind_horlin{margin: 7px 0 15px 0;}
.sidetogglemenu > ul li:first-child , #accordion1> ul li:first-child{padding: 6px 40px 0 10px;}
.left_toggle_button{padding:0;z-index:100;}
.sidetogglemenu > ul{/*padding: 0 0 15px 0;*/margin: 0 0 20px 0;list-style: none;background: #fff;	border-radius: 5px}

/* dropdown menu*/
.download_drpmenu{text-align: left; min-width: 122px;border:1px solid #8FD8F7;}
.download_drpmenu li a{color:#0095d4}
.download_drpmenu .divider{background-color:#EBF3F5}

/*email popup*/
#topic_emailpopup.modal{text-align:left}
#topic_emailpopup .modal-footer button{font-size:14px}
#topic_emailpopup .modal-dialog{width:400px;border-radius:5px}
#topic_emailpopup .modal-header{background:#E6ECEF;border:1px solid #D3D9DC;border-radius:5px}
/* meta data popup*/
#topic_emailpopup .modal-body > ul{border-bottom:solid 1px #e7f0f4;border-left:solid 1px #d2e0e5;border-right:solid 1px #d2e0e5}
#topic_emailpopup .modal-body ul{margin:0;padding:0}
#topic_emailpopup .modal-body ul:first-child{border-top:solid 1px #e7f0f4;}
#topic_emailpopup .modal-body ul.row li:first-child{border-right:solid 1px #e7f0f4;font-weight:bold;color:#333333}
#topic_emailpopup .modal-body ul li{line-height:30px}
#topic_emailpopup .modal-body ul.grey{background:#f7fafc}
#topic_emailpopup .modal-body ul li.text_color{color:#666666}
#topic_emailpopup .modal-footer{border:none;text-align:center;margin:0;padding: 0 20px 20px 0px;}
#topic_emailpopup .modal-body > span , .modal-body label{width:100%}
#topic_emailpopup .modal-body > span{color:#666666}
#topic_emailpopup .margbottom_span{margin:0 0 20px 0}
#topic_emailpopup .btn-primary{background-color:#0095d4}
#topic_emailpopup .btn-default{border:1px solid #0095d4;color:#0095d4}
#topic_emailpopup .modal-body textarea{color:#0095d4}
#topic_emailpopup .modal-body input, .modal-body textarea {width:100%}
#topic_emailpopup .modal-header .close {margin-top: -2px;
background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -85px -170px;
height: 18px;
width: 18px;
border: none;}

#countryscroll{overflow-y:scroll;height: 698px; }

#treeCountry .jqtree-tree .jqtree-title , #treeRegion .jqtree-tree .jqtree-title{display:block;word-wrap:break-word;margin-left:0!important;padding-left:50px!important} 

.breadcrumb > li span.divider {
padding: 0 0 0 5px;
color: red;
font-weight: bold;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "";
}
#country_accordion{border-radius: 5px}


#togglemenu3 {background:none;border:none;border-radius:5px;/*left: 205px!important;
top: 170px!important;*/}
#togglemenu3 input[type=search] {
background: #fff;
height: 30px;
line-height: 30px;
border-radius: 5px;
width: 93%;
margin: 0 0 0 10px;
padding: 0 0 0 8px;
font-size: 13px;
color: #999999;
border: 1px solid #aab3b5;
}
/*.left_toggle_button .sidetogglemenu { 
width: auto; 
position: relative; 
top: 0%!important; 
clear: both; 
display: block; 
left: 0%!important; 
} */

#country_accordion .panel-heading {
background: #fff;
border-top: none;
border-bottom: none;
padding: 0;
cursor: pointer;
}
#country_accordion .panel-info > .panel-heading {
color: #31708f;
background-color: #fff;
border-color: none;
}
#country_accordion > ul li:first-child, #country_accordion> ul li:first-child {
padding: 10px 0 0 10px;
}
#country_accordion .nav-header {
font-weight: bold;
color: #666666;
}
#country_accordion .panel-heading{color:#666666;text-decoration:none;padding:10px;font-size:1.1em}


#country_accordion .panel-body{padding:0}
.social_media_icons_topic li{margin: 0 9px 0 0;}
.country_data {
 margin: 10px 0 0 0; 
}

#country_accordion .accordion-toggdown {
background: url(../images/bArrow_Expanded.png) no-repeat;
height:12px; 	 	
width:12px; 	 	
content: "";
padding: 0px 12px 12px 0;
/* height: 26px; */
margin: 11px 0 0 10px;
}
#country_accordion .accordion-toggle {
background: url(../Images/bArrow_Collapsed.png) 56% 2% no-repeat;	
 height:12px;
width:12px;
/* line-height: 26px; */
content: "";
/* float: right; */
padding:0;
margin: 11px 0 0 10px;
}
#country_accordion .accordion-toggle:after {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #808080;
    text-transform: uppercase;
    font-style: italic;
    float: right;
    background: none!important;
    width: 26px;
    height: 26px;
    line-height: 26px;
    padding-right: 40px;
    content: "";
    float: right;
}
#country_accordion panel{margin:0 0 10px 0;background:#fff;}
#country_accordion > ul li:first-child{padding: 10px 0 0 10px;}
#country_accordion{border-radius: 5px}

#country_accordion .acc-header a.orange {
/*border-left: solid 4px #f28b00;*/
font-weight: bold;
display: inline-block;
font-size: 1.2em; 
padding:10px;
}
#country_accordion .acc-header{/*border-bottom:solid 1px #eee;*/width:100%;cursor:pointer;}
#country_accordion .acc-header a{color:#666666;text-decoration:none}
#country_accordion p.lightorange {
border-left: solid 4px #f4c17a;
margin: 0;
padding: 10px 10px 10px 20px;
border-bottom: 1px solid #F0F0F0;
}
#country_accordion p{color:#666666}

.extjs_container{height:250px;width:600px;border:#ccc solid 1px}
#btn_ViewMore {
    background: #737373;
    border: none;
    padding: 5px;
    border-radius: 4px;
    color: #fff;
    margin: 10px;

}

.panel_bottom_mrgn{margin-bottom:2px;}

.textalign_right {text-align:right} 	 	

/*download button spanish fix 	*/
.spanish_button_position .btn-group {padding-top: 5px;}


/*#lblCountry {font:bold 14px Arial, Helvetica, sans-serif;color:#666666}*/
#treeRegion {overflow-y:scroll;max-height:200px}

.mob_indicat_panelbg{display:none;}
.mob_country_title{display:block;}
ul.social_media_icons_topic{float:right; padding-top:20px;}
#topicfilter{top: 25px; left:116px; margin-left:0% !important;}
.filter_btn{text-align:right;}


@media (max-width: 768px) {
    .toggle_leftarrow_country{ 
background: url(../images/expand_collapse_icon.png) 0px 0px no-repeat;
width:32px;
height:32px;
top:-52px !important;
}
.toggle_rightarrow_country{ 
background: url(../images/expand_collapse_icon.png) 0px -32px no-repeat;
width:32px;
height:32px;
top:-52px !important;
}
  .mob_container { width:1070px !important;}    
button.filter_btn_mobile{float:left; margin-right:4px;}
.Mob_button{text-align:left; padding:0; display:block; float:left; margin:0 0 5px;}


#filter_btn_mobile{display:block !important;}



.dropdown-submenu:focus>.dropdown-menu {display: block;}
.dropdown-submenu:focus>a:after {border-left-color: #666666;}
.Mlevel_Menu a:focus{color:#666666 !important;}



.filter_btn{text-align:left; margin-top:10px;}
#topicfilter{top: 25px; left:0; margin-left:0% !important;}
.Mob_topic_button{float:left;}

/*.ui-widget-content {width:89%!important;}*/
.mob_arrow_mrgnleft span{margin-right:10px; top:-48px;}
#menuToggle_country {position:relative;}
#leftpanel_country {display: none;}
.country_home_icon{float:left; padding-left: 10px;}
.mob_home{line-height:45px;}
.mob_indicat_panelbg {width: 100%;background: #404040; display:block; margin-bottom:15px;}
.Mob_breadcrumbs{display:none;}
.mob_country_title{display:none;}
.Mob_txt_title{font:bold 14px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; text-align:center; line-height:45px;}
.Mob_panel_padding{padding:0 15px;}




.pull-right-none{float:none !important;}



ul.social_media_icons_topic{float:none; padding-top:0px;}
.social_media_icons_topic {margin:0px 0 10px; display: block; text-align: center;float:none}

.social_media_icons_topic li{float:none !important; display: inline-block; margin-right:15px;}

.Mob_country_left{left:0px!important;}
.Mob_Country_form{margin:15px 15px 0; }
.Mob_country_label{padding:0; margin-bottom:10px;}
.country_form {border-radius: 5px; margin-bottom:10px;}

.toggle_rightarrow_country, .toggle_leftarrow_country{ top:164px; right:0px; cursor:pointer;}

#indicatorGrid {
        overflow-x:hidden;
    }

}