﻿.@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;
}

#mob_lblIndicatorName {
    white-space: nowrap;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*body{background:#ebeef0;font-size:1em;height:100%}
span{display:inline-block}*/
/*.bank_deposit_header{background:#F5F7F8;margin: 0 0 10px 1px;border:1px solid #DBDDDE}*/
.bank_deposit_header h4{margin:10px 0 0 0}
.bank_deposit_header h5{font-size:12px;margin:27px 0 0 0}
.sidetogglemenu .nav-header {font-size:1.2em}
.horizontal_line{margin: 5px 0 10px 0;border-top:1px solid #CCCCCC}
.Bank_dpst_rate_table tr th{background:#F0F7FA}
.nav-tabs > li > a,.nav-tabs > li > a:hover{color: #fff;background-color: #737373;}
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,.nav-pills > li.active > a:hover {color: #333333;background-color: #fff;}
#myTabUl li{width:120px;text-align:center;border-radius:4px}
#myTabUl li.active a{color:#000;margin-right:0}
#myTabUl li.active {background:#fff;margin-top:1px}
#myTabUl li a {border-bottom:none;border-radius:4px;padding: 10px;color: #fff;    }
#myTabUl li:not(.active) a {height:33px;line-height:15px}
.ind_pad0 {padding:0}
/*.container{overflow-x:hidden;margin:0 auto;padding:0;width:990px;}*/
.container_padding{padding:0 0 0 15px}
.container h4{color:#666666;font-size: 14px;font-weight: bold;}
.container a{color:#0094d3}
/*Email popup*/
.modal{text-align:left;}
.modal-footer{border:none;text-align:center;margin:0;padding: 0 20px 20px 0px;}
.modal-body > span , .modal-body label{width:100%}
.modal-body > span{color:#666666}
.margbottom_span{margin:0 0 20px 0}
.btn-primary{background-color:#0095d4}
.btn-default{border:1px solid #0095d4;color:#0095d4}
.modal-body textarea{color:#0095d4}
.modal-body input, .modal-body textarea {width:100%}
.modal-header .close {margin-top: 3px;
/*background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -85px -170px;*/
/*background: url("../images/close_icon.png") no-repeat !important;*/
height: 18px;
width: 18px;
line-height:18px;
font-size: 25px;
border: none;}
.close, .close:hover, .close:focus{opacity:10;}
table tr{color:#666666!important}

.breadcrumb {
padding: 8px 15px;
margin: 15px 0 20px 0px;
list-style: none;
background-color: #f5f7f8;
border-radius: 4px;
border: 1px solid #e3e3e3;
font-size: 1.2em;
}
.breadcrumb_wrapper{margin-right:0;padding:0 0 0 15px}

.rightcontainer .tab-content {
    background: #fff;
    margin-right: 15px;
    padding: 15px 8px 15px 14px;

}
.breadcrumb > li span.divider {
padding: 0 0 0 5px;
color: red;
font-weight: bold;
}
.breadcrumb > li + li:before {
padding: 0;
color: #ccc;
content: " ";
}

/*social media icons*/
.social_media_icons{margin: 1px 9px 0 0;float:right}
.social_media_icons li{margin:0 5px 0 0}
.FB_icon{background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -154px -69px;height: 26px;width: 25px;border: none;cursor:pointer}
.Twitter_icon{background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -182px -69px;height: 26px;width: 25px;border: none;cursor:pointer}
.in_icon{background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -213px -69px;height: 26px;width: 25px;border: none;cursor:pointer}
.Googleplus_icon{background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -266px -69px;height: 26px;width: 25px;border: none;cursor:pointer}

/* Left side Menu */
.sideviewtoggle{
    background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -10px -138px;height: 23px;width: 47px;border: none;z-index: 1000;position:absolute;left: 90%;top: 15px;

}
.button_toggle{background: url("../images/Spirit_IDB_Aug12.png") no-repeat scroll -10px -105px;height: 23px;width: 47px;border: none;position: absolute;z-index: 1000;}
.sidetogglemenu .nav-header{font-weight: bold;color: #666666;}
.indicator_data{margin:5px 0 0 0;padding:0}
.sidemenu_srchind_horlin{margin: 7px 0 15px 0;}
.sidetogglemenu > ul li:first-child , #accordion1> ul li:first-child{padding: 10px 0 0 10px;}
.left_toggle_button{padding:0;left:17px!important}
.sidetogglemenu input[type=search]{background: #fff;height: 30px;line-height: none;border-radius: 5px;width: 93%;margin: 0 0 0 10px;padding: 0 0 0 8px;font-size:13px;color:#999999;border:1px solid #aab3b5;position:relative}
.sidetogglemenu{border:none;
             overflow-y:auto

}
 #accordion1{background:#fff;border-radius: 5px}
.accordion-heading a.orange{border-left:solid 4px #f28b00}
.sidetogglemenu > ul{margin: 0 0 20px 0;list-style: none;background: #fff;	border-radius: 5px}
.accordion-heading{border-top: 1px solid #F0F0F0;border-bottom: 1px solid #F0F0F0;}

/* august 20th*/

/*accordion*/
.accordion-heading a{color:#666666;text-decoration:none}
.accordion-inner p.lightorange{border-left:solid 4px #f4c17a;margin:0;padding:10px;border-bottom: 1px solid #F0F0F0;}
.accordion-inner span.selected{background:#f7f7f5;}
.accordion-heading a.blue{border-left:solid 4px #0095d4}

/* dropdown menu*/
.download_drpmenu{text-align: left; min-width: 122px;border:1px solid #8FD8F7;}
.download_drpmenu li a{color:#0095d4;cursor:pointer}
.download_drpmenu .divider{background-color:#EBF3F5}

/*email popup*/
#myModal {top:15%!important}
.modal-footer button{font-size:14px}
.modal-dialog{min-width:400px;border-radius:5px}
.modal-header{background:#E6ECEF;border:1px solid #D3D9DC;border-radius:5px}
/* meta data popup*/

#viewMetadata .modal-dialog  {width:920px; }
#viewMetadata{top:20%; left:12px;}

#viewMetadataBody {max-height:480px; overflow-y:auto!important; margin-bottom:5px;}
.modal p {
  font: normal 14px 'GothamNarrow-book';
}
.modal h4 {
  font: normal 14px 'GothamNarrow-Medium';
  margin: 2px 0;
}
#viewMetadata.modal {right: 0%!important;top:18%!important}
/*#viewMetadata .modal-body > tr{border-bottom:solid 1px #e7f0f4;border-left:solid 1px #d2e0e5;border-right:solid 1px #d2e0e5}
#viewMetadata .modal-body tr{margin:0;padding:0}
#viewMetadata .modal-body tr:first-child{border-top:solid 1px #e7f0f4;}
#viewMetadata .modal-body tr td:first-child{font-weight:bold}
#viewMetadata .modal-body tr.grey{background:#f7fafc}
#viewMetadata .modal-body tr.row li:first-child{font-weight:bold;color:#333333;border-left: solid 1px #e7f0f4;}*/
#viewMetadata .modal-body tr td{line-height: 15px; padding: 0;}
#viewMetadata .modal-body tr td.text_color{color:#666666;border-left:solid 1px #e7f0f4;}

#lblIndicatorName {margin-bottom:0!important}
/* Slider */

.slider_year_styles{height: 20px;width: 96%} 
.slider_year_styles label{color: #FFF;}
.sldr_yr_lbl_style{padding: 1px 95px 0 0;}

.slider_quarter_styles{height: 20px;width: 96%} 
.slider_quarter_styles label{color: #FFF;}
.sldr_quarter_lbl_style{padding: 1px 75px 0 0;}

.slider_month_styles{height: 20px;width: 96%} 
.slider_month_styles label{color: #FFF;}
.sldr_month_lbl_style{padding: 1px 70px 0 0;}


/*fixes while integrating*/
.lefttogglemenu {width:100%;margin-bottom:10px}
.left_toggle_button .sidetogglemenu {
    /*width: 110%;*/
    position: relative;
    top: -100%;
    clear: both;
    display: block;
    left:0!important;
}
.rightcontainer {padding-right:0;margin-bottom: 20px;}

.sidetogglemenu ul.jqtree-tree li.jqtree_common {
    clear: both;
    list-style-type: none;
    border-bottom: none;
    border-top: none;
    padding : 10px 0 0 0;
    color: #666;
    font-size: 13px;
   }
    .sidetogglemenu ul.jqtree-tree li.jqtree_common span {
        border-bottom: 1px solid #F0F0F0;padding:0 0 10px 20px;word-wrap: break-word;
    }
    /*#tree1 > ul > li > ul > li > div > span{padding-left:35px!important}
    #tree1 > ul > li > ul > li > ul > li > div > span{padding-left:45px!important}
    #tree1 > ul > li > ul > li > ul > li > ul > li > div > span{padding-left:65px!important}*/
      .sidetogglemenu ul.jqtree-tree ul.jqtree_common {

/* padding-left: 12px; */
margin-right: 0;
/*margin-left: 0;*/
}
    #tree1 .jqtree-tree .jqtree-title {
color: #1C4257;
vertical-align: middle;
padding-left: 1.5em;
margin:0!important;
}

#tree1 a.jqtree-closed , #tree1 a.jqtree-toggler {
    float: left;
    vertical-align:central;
    padding: 0px;
   
}
#tree1 {
    height:593px;
    overflow-y: auto;
     cursor: pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {	 	 	 	
    #tree1 { 	 	
    height:586px;
    overflow-y: auto;
    cursor: pointer;
    } 
}
#templateNavigation ul li#GlobalNav1 {
border-left:solid 1px #E8E6E4;
z-index:1000
}
#GlobalNav3 {
    z-index: 1040;
}

.padding_tabs {padding:10px 0 10px 0}
.textalign_right {
text-align:right}
.footer {
    /*position:absolute;bottom:0;width:100%*/

}

/* buttons*/
#tab1 .btn , #tab2 .btn ,#tab3 .btn{display:inline-block;padding:6px 4px;width:auto;margin-bottom:0;font-size:11px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:4px}
.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus{text-decoration:none;font-weight:bold}
.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}


.bg-white {background:#fff}



#indicator_autocomplete #ui-id-1.ui-widget-content li {padding:5px 0 0 5px 0!important}
.ui-state-focus {background: transparent !important;border:none!important;}
.ui-state-focus a{color: #FFA800 !important}

/* footer fix*/
.container_fix {
    height: 878px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {	 	 	
     .container_fix { 	 	
	    height: 870px;
	} 
} 

/*No results found alignment fix*/
#empty-message {/*margin:0 0 0 10px;*/ z-index: 999; position: relative;}

#accordion1 .panel {margin-bottom:0px}
.jqtree-tree .jqtree-title.jqtree-title-folder {margin-left:1.5em!important}
.modal-header {
    min-height: 16.43px;
    padding: 5px 10px 5px 15px!important;
    border-bottom: 1px solid #e5e5e5;
}
	 	
/*.modal-open .modal { 	 	
	    overflow-x: hidden!important; 	 	
	    overflow-y: hidden!important; 	 	
}*/

/* excel download icon */
.dwn_format_icon {background: url("../images/Spirit_IDB_Aug13.png") no-repeat scroll -138px -170px;height: 16px;width: 12px;margin: 0 5px 0 0;vertical-align: middle;}
.textarea_height_indicator {height:57px}

/*download button spanish fix*/
.spanish_button_position .btn-group { padding-top: 5px;}
/* For mobile view changes*/



/* left panel change styles*/
.toggle_leftarrow_indicator{ 
background: url(../images/spirit-manage-home.png) -10px 46% no-repeat;
width:42px;
height:22px;
z-index:999;
position:absolute;
top:5px;
right:0; 
cursor:pointer;
}
.toggle_rightarrow_indicator{ 
background: url(../images/spirit-manage-home.png) -10px 60% no-repeat;
width:42px;
height:22px;
z-index:999;
position:absolute;
top:5px;
right:0;
cursor:pointer;
}


#menuToggle_indicator{position:relative;}
.Mob_Homeicon{display:none;}
.mob_indicat_panelbg{display:none;}
.mob_indicator_title{display:block;}



#myTabUl {border:none!important}


/*left toggle menu fix*/
#leftpanel_indicator {padding: 0;left: 17px;position:relative; z-index:100;}

/*.indicator_meta_title{font:bold 12px Arial, Helvetica, sans-serif; color:#666666; padding-bottom:6px; }
.indicator_meta_para{font:normal 12px Arial, Helvetica, sans-serif; color:#666666; }
.meta_grey td{background:#f0f7fa;}
.meta_white td{background:#fff;}
.view_metadata_modal{width:600px;}*/

 .synonym {
margin: 0 10px 10px;
}




 @media (max-width: 768px) {
   
.toggle_leftarrow_indicator{ 
background: url(../images/expand_collapse_icon.png) 0px 0px no-repeat;
width:32px;
height:32px;
top:-52px !important;
}
.toggle_rightarrow_indicator{ 
background: url(../images/expand_collapse_icon.png) 0px -32px no-repeat;
width:32px;
height:32px;
top:-52px !important;
}
.rightcontainer {margin-bottom:0px;}
	

     #viewMetadata .modal-dialog  {width:96%; }
#viewMetadata{top:20%; left:0px; right:0;}
     .mob_arrow_mrgnleft span{margin-right:10px;}
    .view_metadata_modal{width:95%;}
/*.ui-widget-content {width:90%!important;}*/
.Mob_Homeicon{display:block; position:relative;}
.indicator_home_icon{float: left; padding-left: 10px;}
.mob_indicat_panelbg {width: 100%;background: #404040; display:block; margin-bottom:15px;}
.Mob_txt_title{font:bold 14px Arial, Helvetica, sans-serif; color:#ffffff; text-transform:uppercase; text-align:center; line-height:45px;}
.Mob_lineheight{line-height:45px;}
.mob_indicator_title{display:none;}
.Mob_Tab_bg{background:#ebeef0 !important;}
.Mob_Trend_Year_Tab{margin:0 auto; text-align:center; border:none; margin-bottom:15px; }
ul.Mob_Trend_Year_Tab {border:none; margin-bottom:15px;}
.Mob_Trend_Year_Tab li{

width: auto !important;
margin: 0 auto !important;
text-align: center;
float: none;
display: inline-block;
background: #737373;

}
.Mob_Trend_Year_Tab .active{background:#fff;}

.Mob_Trend_Year_Tab li a{padding:6px 30px !important; margin:0 !important; border:0 !important; color:#333333 !important;}
.mob_trend, .mob_year{border-radius:6px;}
.mob_trend a, .mob_year a{border-radius:6px; margin:0; padding:0;}
.Mob_Trend_Year_Tab > li > a, .Mob_Trend_Year_Tab > li > a:hover{background:none;}

/*View Indicator styles starts here*/
/*.mob_container {display:block;}*/
.mob_container {/*display:block;*/ width:1000px !important;} 
#leftpanel_indicator{display:none; left:0!important;position:relative}
.Mob_panel_padding{padding:0 15px;}
.Mob_breadcrumbs{display:none;}
.toggle_rightarrow_indicator, .toggle_leftarrow_indicator{ top:-48px; right:10px; cursor:pointer;}


div.rightcontainer{padding:0 !important;}
.indicator_Title{width:100%; font:bold 0.875em Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; background:#404040; border-bottom:none; padding:12px 15px; margin-bottom:0px;} 
.bank_deposit_header {background:#ebeef0; margin:0px; border:none; }
.bank_deposit_header h4{margin:0 0 15px 0; padding:0;}
.bank_deposit_header h5 {font-size: 12px; margin:0 auto; text-align:center; padding:0px 10px; float:none; clear:both;}
.bank_deposit_header h5 a{float:none !important; font:normal 1.250em Arial, Helvetica, sans-serif; color:#0095d4; text-align:center; text-decoration:none; background:#fff; display:block; border-radius:6px; padding:10px 6px; }
.horizontal_line {margin:0 !important; border-top:none !important; }

.Mob_TabMenu{float: none !important;}
.Mob_TabMenu ul {margin:0 auto; text-align: center; border-bottom:0;}
.Mob_TabMenu li {width:auto !important; margin:0 auto; text-align: center; float:none; display:inline-block; margin-right: 5px; background:#737373;}
.Mob_TabMenu li:last-child{margin-right:0;}
#myTabUl li:not(.active) a{height:auto; }
#myTabUl li a{border:none;}
.pull-right-none{float:none !important;}

.social_media_icons {margin: 10px auto; display: block; text-align: center;float:none}
.social_media_icons li{float:none !important; display: inline-block; margin-right:15px;}

div#parentTab #span_no_data {
font-size: 16px;
text-align: center;
padding-bottom: 20px;
}
#span_no_data {margin:10px 0 0 10px}

.Mob_button_block{text-align:left;}

.Mob_button{text-align:left; padding:0; display:block; float:left;}
div.Mob_button{margin-right:4px;}


.btn-group{margin-top:10px;}
.modal-dialog {width: 93%; border-radius: 5px;}


.float_none{float:none !important;}
.MobChartView{margin:0 auto; text-align:center; border-bottom:none; margin-bottom:20px;}
.MobChartView li{float:none; display:inline-block; background:#fff; width:30%; border-radius:6px;}
.MobChartView li.active a, .MobChartView li.active a:focus, .MobChartView li.active a:hover{border:1px solid #ddd; }

.mobpad15{padding:0 15px; margin-bottom:15px;}
.mobselectyear{background:#fff; border-radius:6px; padding:8px 10px;}
.year_txt{font:bold 1.250em Arial, Helvetica, sans-serif; color:#000000; padding:0;}
.number_txt{font:normal 1.250em Arial, Helvetica, sans-serif; color:#0095d4; padding:0; text-align:right;}

.change_txt_cursor {cursor:pointer; }
.container_fix{height: auto;}
/*View Indicator styles ends here*/

}


 @media only screen and (-webkit-min-device-pixel-ratio : 3) and (orientation:portrait){
    a.andTreeArrow {
        font-size: 21px !important;
    }
}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
#viewMetadata .modal-dialog  {width:95%; }
}

/* iPad view fix*/
.spanBkground 
{
background: #fff;}

