/* Author - Akanksha Tiwari, Cognizant Technology Solutions */

body
{
font-size: 12px;overflow-x:hidden; overflow:y:auto; width:100%; height:100%
}
a,.metadataTable tr td a
{
color: #850000;
}
a:hover,.metadataTable tr td a:hover
{
color: #333333;
}
i{ margin-right:5px}
/*
#leftCol h4{ 
   
    color: #333333;
    font-size: 0.916em;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 0;
    padding: 10px;
    text-transform: uppercase; border-top:2px solid #aa2222; margin-top:20px}*/
section
{
margin-top: 20px;
border: 1px solid #D7DCCF;
border-top: 2px solid #900;
/*background: transparent url(../images/sectionBg.png) repeat-x bottom;*/
padding: 0 0 10px 0px;
min-height: 150px; border-radius:3px;/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/
}

section p{ }
h1{ font-size:26px; line-height:26px; margin:5px 0}
section h4
{
color: #333333;
font-size: 0.916em;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 7px; margin-top:0;
background-color: #FFFFFF;
    background-repeat: repeat-x;
    zoom: 1;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    height: 36px;
   
    background-repeat: repeat-x;
    zoom: 1;
    background-repeat: repeat-x;
    zoom: 1;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
}
.content{ padding:10px}


#generateTrade
{
}
.carouselLinks
{
width: 50%;
height: auto;
display: inline-block;
float: left;
}
a.carouselLinks img
{
width: 100%;
max-width: 100px;
}
#witsLogin .well
{
margin-bottom: 0px;
padding:10px
}
.clrBoth{ clear:both}
#witsLogin .well h4{ font-size:14px; margin-bottom:5px}
#witsLogin hr{ margin:10px 0 5px 0}
#whatsNew
{
}
#dataVisualizer
{
}
#dataVisualizer .well
{
margin-bottom:0;
}
.dataTable tr td, .dataTable tr th
{
text-align: left;
}
.content img
{
width: 100%;
}
.elements
{
display: inline-block;
margin-right: 10px;
font-size: 0.75em;
}
.number
{
display: inline-block;
margin-right: 5px;
font-size: 0.75em;
}
.content
{
}
#links #viewAll
{
text-transform: capitalize;
}
.shareLinkList
{
margin-left: 0;
    padding-left: 7px;
    width: 288px;
}
.shareLinkList li
{

list-style: none;

margin: 5px; 
}
.shareLinkList li a
{
font-family:Arial;
font-size:12px



}/*
.shareLinkList li.facebook a
{
background-position: 0 0;
}
.shareLinkList li.twitter a
{
background-position: 0 -37px;
}
.shareLinkList li.linkedin a
{
background-position: 0 -75px;
}
.shareLinkList li.gPlus a
{
background-position: 0 -112px;
}
.shareLinkList li.rss a
{
background-position: 0 -148px;
}
.shareLinkList li.youtube a
{
background-position: 0 -185px;
}
.shareLinkList li.flickr a
{
background-position: 0 -265px;
}
.shareLinkList li.newsletter a
{
background-position: 0 -225px;
}
.shareLinkList li.stumbleupon a
{
width: 47px;
height: 47px;
background: url("../images/stumbleupon.png"); background-position:0 -53px
}
.shareLinkList li.reddit a
{
width: 29px;
height: 40px;
background: url("../images/reddit.png");
}*/
#map img
{
width: 100%;
max-width: 104px;
height: 100px;
}
.countryData
{
margin-left: 0 !important;border-top:2px solid #666
}
.heading
{
color: #666666;
margin-bottom: 2px;
font-weight: bold;
}
.country
{
color: #3670c0;
float: left;
width: 50%;
}
.indicator
{
color: #11b55b;
text-align: right;
float: left;
width: 30%;
padding-right: 20%;
}
#countryInfo .indicator
{
width: 100%;
padding-right: 0;
text-align: left;
}
.countryData
{
line-height: 16px;
}
.countryData .span6
{
min-height: 20px;
}
#countryInfo
{
margin-top: 2px;
}
#comparatorData
{
margin-bottom: 10px!important;
}
#countryInfo h6
{
margin: 0;
}
#featuredMap img
{
height: 67px;
}
#mainWrapper
{
margin-top: 90px;
}
#logo
{
height: 40px;
background-color: #9e0505;
    background-repeat: repeat-x;
    overflow: visible;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #9e0505, #aa2222);
}
#logo .brand
{
color: #ffffff;
margin-left: 20px;
padding-left: 0;
}
.imgWrapper
{
}
#generateTrade, #generateTradeSm
{
background: url("../images/indiCharts.png") top left no-repeat;
padding-top: 150px;
}
#eLearning, #eLearningSm
{
background: url("../images/book.png") top left no-repeat;
padding-top: 150px;
}
#indiaStockPr, #indiaStockPrSm
{
background: url("../images/stocks.png") top left no-repeat;
padding-top: 150px;
}
#dataVisualizer h4 em
{
text-transform: capitalize;
font-weight: normal;
}
#whatsNewCarousel
{
display: block;
}
/*
#whatsNewSm
{
display: none;
}
*/
#whatsNew
{
height: 261px;
}
#featured, #tools, #links
{
height: 200px;
}
#whatsNew .span4
{
overflow: hidden;
}
.navbar .btn-navbar
{
/*margin-top:-35px; position:relative*/
}
#majorPartners h6
{
padding: 0;
margin: 0;
margin-left: 10px;
}
#majorPartners
{
border-left: 1px dotted #cccccc;
}
a.embedLink
{
background: url("../images/embed.png") top left no-repeat;
width: 20px;
height: 20px;
display: inline-block;
}
/*
.embed
{
position: absolute;
top: 0;
right: 0;
}*/
.posRel
{
position: relative;
}
.carousel-indicators .active
{
background: #aa2222;
opacity: 1;
filter: alpha(opacity=100%);
}
.carousel-indicators li
{
background: #666666;
}

/*
.carousel-control
{
left: 0;
}
.carousel-control.right
{
right: 0;
}
.carousel-control
{
background: none repeat scroll 0 0 #222222;
border: 3px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
color: #FFFFFF;
font-size: 30px;
font-weight: 100;
height: 30px;
left: 0;
line-height: 24px;
margin-top: -20px;
opacity: 0.5;
position: absolute;
text-align: center;
top: 50%;
width: 30px;
}
.carousel-inner > .active.left
{
left: -80%;
}
.carousel-inner > .active.right
{
left: 80%;
}
.carousel-inner > .active.left
{
left: -80%;
}
.carousel-inner > .active.right
{
left: 80%;
}*/
#topRightLink li a
{
color: #850000;
text-shadow: none;
}
#topRightLinkPhone
{
margin-right: 6px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a, .range ul li a:hover,.range ul li a:focus
{
color: #ffffff;
text-decoration: none;
background-color: #b61212;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #b61212, #aa2222);
}
#tools .btn-block
{
text-align: left;
font-weight: normal;
padding-left: 5px;
font-size: 13px;
margin-bottom: 10px;
}
#tools .btn-block .icon-wrench
{
margin: 0 5px auto 5px;
}
#aboutAccordion{ margin-bottom:0}
.accordion
{
margin-top: 20px;
}
.accordion-toggle
{
color: #333333;
font-size: 0.916em;
font-weight: bold;
text-transform:uppercase;padding: 6px 10px!important;
}
.accordion-toggle:hover{ text-decoration:none; color:#850000}
.accordion-toggle:focus{ text-decoration:none; color:#333333; outline:none}
.accordion-heading.active{ border-top:2px solid #aa2222} 
.accordion-heading.active .icon-chevron-up{ display:block; float:right}
.accordion-heading.active .icon-chevron-down{ display:none;float:right}
.accordion-heading .icon-chevron-up{ display:none;float:right}
.accordion-heading .icon-chevron-down { display:block;float:right}
.accordion-heading{  background-color: #ffffff;
*background-color: #ffffff;
background-repeat: repeat-x;
    zoom: 1;
    background-image: linear-gradient(to bottom, #ffffff, #f0f2ea);
}
/*
#loginRegister{ margin:10px 20px 20px 0}*/
#logo .dropdown { padding:10px 10px 0 0; margin-right:10px}
#loginRegister .caret, #topRightLinkPhone .caret{  border-top: 4px solid #FFFFFF;}
.dropdown-menu i{ margin-right:5px}
.dropdown-menu .divider{ margin:1px}
.quickLinks{ padding:5px 0; border:1px solid #eeeeee; border-width: 0; display:inline-block; width:100%}
#toolsBtnGroup,#toolsBtnGroup-Phone{ margin-right:10px}
a.help-icon{
background: none repeat scroll 0 0 #222222;
border: 3px solid #FFFFFF;
border-radius: 23px 23px 23px 23px;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
height: 16px;
left: 0;
line-height: 18px;
opacity: 0.5;
text-align: center;
width: 16px;
display:inherit; float:right
}
a.help-icon:hover,a.help-icon:focus{ text-decoration:none; outline:none}
/*
.accordion-body{background: transparent url(../images/sectionBg.png) repeat-x bottom;}
/*******************************************Media Queries********************************************/
@media (max-width: 979px)
{
#mainWrapper
{
margin-top: 0;
}
#aboutContent .span9,#aboutContent .span3{ width:100%; margin-left:0}
#homeWidgets .span7, #homeWidgets .span5{ width:100%; margin-left:0}
}
@media (max-width: 970px)
{
#generateTradeSm
{
width: 80%;
margin: 0 5% 0 15%;
}
#eLearningSm
{
width: 80%;
margin: 0 5% 0 15%;
}
#indiaStockPrSm
{
width: 80%;
margin: 0 5% 0 15%;
}
/* */
}
@media (max-width: 800px)
{
#whatsNew
{
}
#featured, #tools, #links
{
height: 230px;
}
}
@media (max-width: 360px)
{
#comparatorData .span3
{
width: 100%;
margin-left: 0;
padding-bottom: 10px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 10px;
padding-right: 0;
}
.indicator
{
padding-right: 0;
width: 50%;
margin-right: 0;
}
#majorPartners
{
border-top: 1px dotted #cccccc;
border-left: 0 !important;
margin-top: 10px;
padding-top: 10px;
}
#whatsNew
{
height: auto;
}
#featured, #tools, #links, #share
{
height: auto;
}
}
@media (max-width: 979px)
{
#countryInfo .span3
{
width: 50%;
float: left;
margin-left: 0;
padding: 5px;
}
#countryGlobalExport, #countryExport
{
border-right: 0;
}
#countryGlobalExport h6, #countryExport h6, #countryGlobalExport .indicator, #countryExport .indicator
{
margin-left: 10px;
}
#countryGlobalImport, #countryImport
{
border-right: 1px dotted #ccc;
}
#countryGlobalImport, #countryGlobalExport
{
border-bottom: 1px dotted #ccc;
}
#comparatorData .span3
{
width: 50%;
margin-left: 0;
padding-bottom: 10px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 10px;
padding-right: 0;
}
.indicator
{
padding-right: 0;
width: 30%;
margin-right: 20%;
}
}
@media (max-width: 769px)
{
#whatsNew
{
height: auto;
}
#featured, #tools, #links, #share
{
height: auto;
}
#comparatorData .span3
{
width: 100%;
margin-left: 0;
padding-bottom: 10px;
border-bottom: 1px dotted #cccccc;
margin-bottom: 10px;
padding-right: 0;
}
#comparatorData .indicator
{
padding-right:0; margin-right:0; width:50%
}
}

/* Styles for Phase 2 */

#navListCollapsed {
    
    
    margin: 5px 0 5px 6px;
    padding: 6px;
    right: 15px;
   
}
#topRightNavCollapsed 
{margin: 5px 0 5px 6px;
    padding: 6px;
    line-height:20px;  width:29px; height:28px; font-size:16px
    }
    .navbar-inverse .navbar-toggle{ border:1px transparent}
   
    
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  
  background-color: #6d0404;
    background-repeat: repeat-x;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    border: 1px solid #ff9999 !important;
    background-image: linear-gradient(to bottom, #6d0404, #670b0b);
}
.tabs{ margin-top:15px}
#bannerStrip
{
min-height: 40px!important;
background-color: #9e0505;
    background-repeat: repeat-x;
    overflow: visible;
    min-height: 40px !important;
    height: 100px;
    margin-bottom: 0px;
    background-image: linear-gradient(to bottom, #9e0505, #aa2222);
}
#bannerStrip a.navbar-brand
{
color: #ffffff;
}
#topRightNav{ float:right}
.navbar-header{ width:100%; position:relative} 
.navbar-brand{ height:40px; line-height:40px; padding:0 15px}



#mainMenuWrapper
{

background-repeat: repeat-x;
    border-color: #cb7676;
    
   
    background-repeat: repeat-x;
    border-color: #cb7676;
    
   
    margin: 0;
    width: 100%;
    background-repeat: repeat-x;
    border-color: #cb7676;
    margin: 0;
    width: 100%;
    background-image: linear-gradient(to bottom, #585b52, #30322d);
}
#navList ul li a{ color: #ffffff;
float: none;
padding: 0 15px;
text-decoration: none;
text-shadow: 0 0px 0 #FFFFFF; 
height:35px; line-height:35px;border-bottom:#1px solid #1D1D1D;-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}
#navList ul li.active a,#navList ul li a:hover,#navList ul li a:focus{}
#mainMenuWrapper li a{ padding:0 10px; line-height:40px}
#mainMenu{ padding:0}

#navList ul li a{ color: #ffffff;
float: none;
padding: 0 15px;
text-decoration: none;
text-shadow: 0 0px 0 #FFFFFF;}
#pageHeader{ padding:0 15px 0 15px;background-color: #FFFFFF;
    background-repeat: repeat-x;
    border-bottom: 1px solid #dddddd;
    width: 100%;
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #FFFFFF, #eeeded);
} 
#pageContent{ padding:0; margin-top:0; position:relative }    

#pageHeader .btn-sm{ padding:3px 10px; font-weight:bold;background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
}    
#pageHeader span.btn-sm{ cursor:default}    
#switchPage{ border-bottom:0px solid #ddd;}
#switchPage li { }
#switchPage li.active a{background-color: #FFFFFF;
background-image: -moz-linear-gradient(top, #FFFFFF, #eeeded);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eeeded));
background-image: -webkit-linear-gradient(top, #FFFFFF, #eeeded);
background-image: -o-linear-gradient(top, #FFFFFF, #eeeded);
background-image: linear-gradient(to bottom, #FFFFFF, #eeeded);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#eeeded', GradientType=0);  font-weight:bold; color:#444444;   
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1) inset;
    color: #333333;
    outline: 0 none;
    background-image: linear-gradient(to bottom, #FFFFFF, #eeeded);
}
#switchPage li a {  border-radius:0;border:0; border-right:solid #dddddd 0px; color:#444444; border-bottom:0; padding:12px 30px; font-size:12px; color:#850000; font-weight:bold; outline:none }
#switchPage li.active a:after {
border: solid #DDD;
border-width: 1px 1px 0 0;
content: ' ';
display: block;
height: 12px;
position: absolute;
width: 12px;
z-index: 99;
-webkit-transform: rotate(-45deg);
background: white;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
bottom:-6px; left:44%
}
#switchPage li.active a{ padding-bottom:11px}
#pageTabs .tabs{ margin-top:0}

.tabContent{ padding:15px;}
.dataBlock{ padding:15px; border:1px solid #f4f5f0; min-height:100px; margin-bottom:15px}
.dataBlock h4{ font-size:13px; text-transform:uppercase; margin:0; border-bottom:1px solid #f4f5f0; padding-bottom:5px; font-weight:bold}
#pageTabs{  bbackground-color: #FFFFFF;
    background-repeat: repeat-x;
    display: inline-block;
    float: left;
    background-image: linear-gradient(to bottom, #FFFFFF, #eeeded);/* height:49px;*/
}
#pageVarSelector{ display:inline-block; margin-top:0; float:left}
#varSelectorWrapper{ /*padding:12px 15px 0 15px; background:#ffffff; border-right:1px solid #ddd; height:49px*/ margin-right:10px; padding-top:5px; border-right:1px dotted #ddd}
#varSelectorWrapper:after{/*border: solid #DDD;
border-width: 1px 1px 0 0;
content: ' ';
display: block;
height: 20px;
position: absolute;
width: 20px;
z-index: 99;
-webkit-transform: rotate(44deg);
background: white;
-moz-transform:rotate(44deg);
-ms-transform:rotate(44deg);
-o-transform:rotate(44deg);
transform:rotate(44deg);
right:-11px; top:34%*/} 
#varSelectorWrapper .elements,#productPartnerWrapper .elements{ float:left; font-size:12px; margin-top:5px}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th,.secHeader{ border-bottom:0!important; background:#f2f2f2}
.secHeader{ border-top:0!important; vertical-align:middle}

.table-striped thead th{ border-top:1px solid #ddd!important;}
#footerStrip
{
    
background-color: #ffffff;
    background-repeat: repeat-x;
    height: 45px;
    line-height: 45px;
    border-top: 1px solid #d4d4d4;
    padding: 5px 15px;
   background-color: #ffffff;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #f8f8f8, #ffffff);
}
     #footerStrip .list-inline{ margin-bottom:0}
  #footerStrip .list-inline li a{ font-size:11px; color:#444444; text-decoration:none}
  #footerStrip .list-inline li a:hover,#footerStrip .list-inline li a:focus{ text-decoration:none}
  
  #footerLinks{ float:left}
  #orgPartners{ float:right}
  
#orgPartners li a{ display:inline-block; width:40px; height:40px; text-indent:-9999px; background:url("../Images/logoSprite.png") no-repeat} 
#orgPartners li#itcsmalllogo a{ background-position:-5px 0}  
#orgPartners li#unctad a{ background-position:-50px -3px} 
#orgPartners li#unstats a{ background-position:-99px -2px}  
#orgPartners li#wto a{ background-position:-145px -2px} 
#orgPartners li#wb a{ background-position:-189px -2px}  

@media (max-width:767px)
{
.navbar-brand{  padding:0 20px}
#topRightNav{ position:absolute; right:0; z-index:100;
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box; top:41px; padding:5px;  right:10px;

overflow:visible!important;
background-color: #585b52;
    background-repeat: repeat-x;
    background-color: #585b52;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #585b52, #30322d);
}

#topRightNav:before{border: solid #585B52;
border-width: 1px 1px 0 0;
content: ' ';
display: block;
height: 14px;
position: absolute;
width: 14px;

-webkit-transform: rotate(-45deg);
background-color: #585b52;

-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
 left:80%; top:-7px}

#navList{ overflow:visible!important;padding:0;
overflow:visible!important}

#navList .nav{ background-color: #585b52;
    background-repeat: repeat-x;
    z-index: 4000;
    width: 100%;
    left:0; right:0;
    border-color: #cb7676;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
    margin: 0;
    position: relative;
    top: 0;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #585b52, #30322d);
}
#navList ul li a{ color: #ffffff;
float: none;
padding: 0 15px;
text-decoration: none;
text-shadow: 0 0px 0 #FFFFFF; }

#navList .nav a:hover,#navList .nav a:focus
{background-color:transparent!important;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #3c3c3b, #31312f);
}
#navList .nav:before{/*border: solid #30322d;
border-width: 1px 1px 0 0;
content: ' ';
display: block;
height: 14px;
position: absolute;
width: 14px;

-webkit-transform: rotate(-45deg);
background-color: #585b52;

-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
 left:80%; top:-7px; z-index:140*/}

#topRightNavCollapsed{ padding:6px; margin-right:0;
background-color: transparent;
margin:5px 0px 5px 6px; right:15px; padding:0; border:0; font-size:17apx}
#topRightNavCollapsed .glyphicon{ color:#ffffff; line-height:15px!important; width:20px; height:20px}
#topRightLink li a{ color:#ffffff; padding:5px; min-width:120px; height:30px; line-height:30px}
.navbar-toggle .icon-bar{ width:16px; border:1px solid #ffffff}
#topRightLink{ margin:0}

#mainMenuWrapper{ height:0}
}
    


@media (max-width:767px)
{
    #footerStrip{ height:90px; line-height:45px; text-align:center}
      #footerLinks{ display:inline; width:100%}
  #orgPartners{ display:inline; width:100%}
 
    }

@media (max-width: 1279px)
{
#pageVarSelector,#pageTabs{ width:100%;background:transparent}
#varSelectorWrapper{ padding-top:5px; background:transparent}
#varSelectorWrapper:after{ display:none} 
#switchPage li.active a:after{ bottom:-5px; width:12px; height:12px}
#switchPage li.active a,#switchPage li a{ background:transparent; padding:12px 40px; font-size:12px  }
#switchPage li{} 


}

/* For 980 */
@media (max-width: 1280px) and (min-width: 992px) 
{
     #summary #leftCol{ display:inline-block; width:100%}
     
    #summary #rightCol{ width:100%}
    #topExportWrapper,#topImportWrapper{  width:50%}
     #product #leftCol,#partner #leftCol{ width:30%; display:inline-block; float:left}
 #product #rightCol,#partner #rightCol{ width:70%; display:inline-block}
    }
@media (max-width: 991px) and (min-width: 769px) 
{
  /* #leftCol{width:25%;float:left} 
   #rightCol{width:75%;float:left}*/
  
 
    #leftCol:after{ clear:both}
   #summary #leftCol{ display:inline-block; width:100%}
  #trade #colExport,#trade #colImport,#colTariff1,#colTariff2{ width:50%;}
  #trade #colExport,#colTariff1{ float:left}
  #trade #colImport,#colTariff2{ float:right}
  #trade,#tariffIndicators{ width:100%; display:inline-block}

 #topExportWrapper,#topImportWrapper{  width:50%; float:left}
 
 #product #leftCol,#partner #leftCol{ width:35%; display:inline-block; float:left}
 #product #rightCol,#partner #rightCol{ width:65%; display:inline-block}
}


@media( max-width:767px)
{
   
 #mainMenuWrapper,#bannerStrip{ z-index:1040}
    }
@media (min-width:1281px)
{
    #export,#import,#tradePer{ width:100%;}
 /*   #leftCol{ padding-top:5px}*/
    
}
@media (max-width:1280px) and (min-width:991px)
{
    #export,#import,#tradePer{ width:33%; float:left}
    
}
.content img{ max-height:250px}

.table{ font-size:11px; margin-bottom:0}
.table .labels{ font-weight:bold}
.table .data{ }
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td{ padding:6px 4px;}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th{ white-space:nowrap}
.table .data{ }
.table tbody > tr > td{ border-top:1px solid #ddd}

/* Charts */
#importChart,#exportChart{ height:300px}
#tradePerChart{ height:400px}
#productExportChart{ height:300px}
#productImportChart{ height:300px}
/*
#leftCol .content{ padding:0!important}*/
h2.countryName{  font-family: Georgia;
    font-size: 20px;
    margin-top: 0;
    padding-bottom:2px; font-weight:bold;text-shadow: 2px 2px 2px #dfdfdf; display:inline-block}
.stepBullet
{
 width: auto; float:left;
 height: 35px; line-height:35px;
 background-color: #ffffff;
	/*background: url(images/linear_bg_2.png);*/
	background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#dfdfdf)); /* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(left, #f4f4f4, #dfdfdf); /* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #f4f4f4, #dfdfdf); /* IE 10 */
	background: -ms-linear-gradient(left, #f4f4f4, #dfdfdf); /* Opera 11.10+ */
	background: -o-linear-gradient(left, #f4f4f4, #dfdfdf);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dfdfdf',GradientType=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f4f4f4, endColorstr=#dfdfdf, GradientType=1)";

 position: relative;
-moz-border-radius:0 0 3px 3px;
-webkit-border-radius:0 0 3px 3px;
 border-radius:0 0 3px 3px;
 border:1px solid #ddd; padding-left:10px;  font-weight:bold;margin-bottom:10px; padding-right:20px; 
 
 
}
.stepBullet:after
{ content: "";
position: absolute;
left: 100%;
width: 0;
height: 0;
border-top: 17px solid transparent;
border-left: 18px solid #dddddd;
border-bottom: 18px solid transparent;
top: -1px;
}
.stepBullet a{ color:#333}
.stepBullet a:hover{ text-decoration:none}

    
#topExportWrapper{ padding-right:5px}
#topImportWrapper{ padding-left:5px}

#topExport .table,#topImport .table{ margin-bottom:0}
#topExport,#topImport{ padding-bottom:0}

.more{ text-transform:lowercase!important; right:15px; font-weight:normal}
/* Media Query for Section Height */

@media (min-width:1366px)
{
    #trade{ height:315px}
    #developmentIndicators .col-md-6{ height:194px}
    #topExport,#topImport{ height:260px} /* Rajesh jan 08 */
    #tradeIndicators{ height:120px} 
    #tariffIndicators{ height:235px}
    #developmentIndicators{ height:180px}
    }
@media (min-width:1280px) and (max-width:1365px)

{
   #trade{ height:315px}
    #developmentIndicators .col-md-6{ height:194px}
    #topExport,#topImport{ height:260px}
    #tradeIndicators{ height:120px} 
    #tariffIndicators{ height:235px}
    #developmentIndicators{ height:160px}
    }
@media (min-width:990px) and (max-width:1279px)
{
    #trade{ height:315px}
    #developmentIndicators .col-md-6{ height:194px}
    #topExport,#topImport{ height:260px}
    #tradeIndicators{ height:120px} 
    #tariffIndicators{ height:235px}
    #developmentIndicators{ height:180px}
    
    }   
    @media  (max-width:989px) and (min-width:600px)
{
     #trade{ height:315px}
    #developmentIndicators .col-md-6{ height:194px}
    #topExport,#topImport{ height:260px}
    #tradeIndicators{ height:120px} 
    #tariffIndicators{ height:235px}
    #developmentIndicators{ height:180px}
    }
    
    @media (max-width: 768px) {
  .table-responsive 
  {
      border:0
      
      
      }}
      
      @media (max-width:600px)
{
      #footerStrip ul li.divider{ display:none} 
      #switchPage li.active a,#switchPage li a{ background:transparent; padding:2px 5px; font-size:11px 
/* Nov20 #switchPage li.active a,#switchPage li a{ background:transparent; padding:12px 10px; font-size:11px  }*/
 }
#switchPage li{width:auto; text-align:center} 
#topExportWrapper,#topImportWrapper{padding-left:15px; padding-right:15px }
/*#switchPage li a:first-child{ padding-left:0}*/
#pageTabs{ margin-left:15px; }
    #pageVarSelector{ height:40px}  /* Nov20  40px*/
    #switchPage li.active a:after{ bottom:-6px; left:45%}
   /* #switchPage li.active a:first-child:after{ left:49%}*/
    }
    
    
    
 .mT15{ margin-top:15px}
 
.exportIndicator td.data,.exportIndicator{ }
.importIndicator td.data,.importIndicator{ }

.alignLeft{ text-align:left}
.alignRight{ text-align:right; padding-right:15px!important}
.alignCenter{ text-align:center!important}
.alignMiddle{ vertical-align:middle!important}

.embed{ background:url("../images/logoSprite.png") no-repeat top right; display:inline-block; width:20px; height:20px; text-indent:-9999px; position:relative; top:-9px; right:-9px}

/* Styles for Grid */
.jqx-widget-header {
   background-color: #f2f2f2; border-bottom:0!important;
 border-bottom:1px solid #ddd;  border-color:#ddd!important; line-height:19px
}
#jqxWidget{ width:100%; display:inline-block; border:1; font-family:Arial
            
            } 
.jqx-widget-content,.jqx-grid-cell,.jqx-grid-column-header{ border:0; font-family:Arial; font-size:11px; border-bottom:0px solid #ddd; border-color:#ddd!important; } 
.jqx-grid-column-header{ font-weight:bold; border:1px solid #ddd; Text-align:Center; border-width:1px px 1px 0!important;} 
.jqx-grid-column-header:hover{ border-right:1px dotted #000;}  
.jqx-grid-cell-pinned{ font-weight:bold; border-right:0px solid #ddd; Text-valign:middle; font-family:arial!important}       

.jqx-grid-cell-pinned-alt,.jqx-grid-cell-alt
{
   
background:#f2f2f2

    }
    
.jqx-grid-cell{ font-family:Arial}



.test{ background:#red!important}

#jqxlistbox{ display:none; position:absolute;background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    right: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    padding: 10px;
    position: absolute;
    top: 25px;
    z-index: 1000; font-size:11px}

#jqxListBoxForChart,#jqxListBoxForSeries{ display:none; position:absolute;background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    display: none;
    float: left;
    font-size: 14px;
    right: 0;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 190px;
    min-height: 110px;
    padding: 10px;
    position: absolute;
    top: 25px;
    z-index: 1000; font-size:11px}
    
a#showHideLink { background-repeat: repeat-x;
    margin-bottom: 5px;
    padding: 3px 5px !important;
    font-size: 11px;
     background-repeat: repeat-x;
    position: relative;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
}
.btn-default{
background-repeat: repeat-x;
    margin-bottom: 5px;
    padding: 2px 5px !important;
    font-weight: bold;
    font-size: 11px;
  
    background-repeat: repeat-x;
   
  
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
    border:1px solid #ddd!important; border-radius:2px;
}



#homePageContent{ margin-top:20px; padding:15px}
h1{font-family: Georgia;
    font-size: 25px;
    margin-top: 0;
padding-bottom:2px; font-weight:bold;text-shadow: 2px 2px 2px #dfdfdf; margin-bottom:20px}
.well hr{ margin:10px auto}
.well{ 
      
       }

#homePageContent #row2 section,#homePageContent #row3 section{margin-top: 20px;   
border: 1px solid #ddd;
border-top: 2px solid #900;
/*background: transparent url(../images/sectionBg.png) repeat-x bottom;*/
padding: 0 0 10px 0px;
min-height: 150px; border-radius:3px; height:275px/*box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);*/}

#homePageContent #row2 section h4,#homePageContent #row3 section h4{ 

    color: #333333;
    font-size: 0.916em;
    font-weight: bold;
    margin-bottom: 7px;
    margin-top: 0;
    padding: 10px;
    text-transform: uppercase;background-color: #FFFFFF;
    background-repeat: repeat-x;
    height: 36px;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
}

.hintTxt{ float:right; font-style:italic; font-weight:normal; text-transform:capitalize}



#dataVisualizer .col-md-3,#dataVisualizer .col-md-6,#dataVisualizer .col-md-4,#dataVisualizer .col-md-8{ padding-left:5px; padding-right:5px}

#dataVisualizer .row{ margin-left:-5px; margin-right:-5px}



#tools .btn-block,#colLogin .btn-block,#colRegister .btn-block{ padding-top:12px!important; padding-bottom:12px!important; font-weight:bold}

#countryData{/*  margin-top:10px;*/border-top:2px solid #aa2222}
#dataVisualizer #countryName{ margin-bottom:10px; margin-left:-10px; margin-right:-10px}
hr{ margin-top:10px; margin-bottom:10px}

#partners{ border-radius:4px; border:1px solid #ddd; background-color: #FFFFFF;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #FFFFFF, #f7f7f7);
}
#partners h6{ padding-left:10px; font-weight:bold}


@media (min-width: 767px) 
{
    
   #row1 .col-md-8{ width:66.66666666666666%; float:left}
   #row1 .col-md-4{ width:33.33333333333333%;float:left}
    
    }
    
@media (max-width: 992px) and (min-width:600px) 
{
    #whatsNew .col-md-4{ width:33.3333%; float:left; height:auto}
    #dataVisualizer .col-md-3{ width:25%; float:left; height:auto}
    #dataVisualizer .col-md-6{ width:50%; float:left; height:auto}
    #dataVisualizer .col-md-8{ width:66.66666666666666%;float:left}
     #dataVisualizer .col-md-4{ width:33.3333%;float:left}
     #row3 .col-md-3{ width:50%; float:left}
    }
   
@media (max-width: 599px) and (min-width:361px)
{
    
     #dataVisualizer .col-md-3,#dataVisualizer .col-md-6{ width:50%; float:left; height:auto}
    } 

 @media (min-width:1280px){
 #homePageContent #row2 .col-md-6 section{ height:275px}
 }  
 @media (max-width:1279px) and (min-width:992px){
 #dataVisualizer .col-md-3{ width:50%; float:left; margin-bottom:10px}
 #homePageContent #row2 .col-md-6 section{ height:275px}
 #whatsNew .col-md-4{width:100% }
 .thumbnail,.caption{ float:left}
 .thumbnail{ width:150px; margin-right:20px; margin-bottom:10px}
 .caption{ max-width:250px}
 } 
 
 #row3 .col-md-3 section{ height:220px}
 
 #offlineTool{ margin-top:20px}
 
ul.bulleted li{ font-size:12px; list-style:none; padding-bottom:4px}
ul.bulleted{ padding-left:10px}
ul.bulleted li:before{
content: ' ';
display:inline-block;
height: 4px;

width: 4px;
margin-right:8px;

background-color: #aa2222; position:relative; top:-4px

}
ul.bulleted li a{ color:#850000}
ul.bulleted li a:hover{ color:#333}
.count {
    float: left;
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color: #cdd5e5;
    margin-left: 6px;
    margin-top: 1px;
    padding: 1px 2px;
    position: relative;
    height: 14px;
}

.count i,
.count u {
    border: solid transparent;
    border-right-color: #D7D7D7;
    top: 4px;
    left: -5px;
    display: block;
    position: absolute;
    height: 1px;
    border-width: 4px 5px 4px 0;
}

.count i {
    left: -3px;
    z-index: 5;
    border-right-color: white;
}

.number{ background:#eeeeee; border:1px solid #ddd; padding:3px 8px; }
.number:after{border: solid #ddd;
border-width: 1px 1px 0 0;
content: ' ';
display: block;
height: 9px;
position: absolute;
width: 9px;
-webkit-transform: rotate(-314deg);
background-color: #eeeeee;
-moz-transform: rotate(-314deg);
-ms-transform: rotate(-314deg);
-o-transform: rotate(-314deg);
transform: rotate(-314deg);
top: 28%;
right: 0;}

hr
{
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
}
@media (min-width: 598px){
#viewDetailedPhone{ display:none}}
#viewDetailed{ margin-top:10px; margin-left:15px}
#countryData .embed{right: -9px;
    top: -3px;}
 @media (max-width: 599px){
    #whatsNew .caption{ margin-bottom:20px; margin-top:5px}
   #viewDetailed{ display:none}
    #viewDetailedPhone{ display:block;margin-top:20px; margin-left:15px}
    }
    
#tradeInfo1{ padding-right:5px}   
@media (max-width: 991px)
{
    #tradeInfo1{ padding-right:15px}   
    
    }
    
    
 @media (min-width: 600px)
 {
     /*
    #colExport,#colTariff1{ padding-right:5px;} 
#colImport,#colTariff2{ padding-left:5px}*/
     }
     
#accordion .panel
{
    margin-top: 20px;
border: 1px solid #D7DCCF;

/*background: transparent url(../images/sectionBg.png) repeat-x bottom;*/
padding: 0 0 10px 0px;
 border-radius:3px; padding-bottom:0; box-shadow:inset 0px 1px 1px 1px rgba(0,0,0,0.08)
    }     
.panel-heading
{
    
   padding:0

    }
.panel-heading h4{ font-size:12px }
.panel-heading h4 a{ display:block; padding:10px; height:20px; line-height:20px; float:left; width:100%;color: #333333;
font-size: 0.916em;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 7px; margin-top:0;
background-color: #FFFFFF;
    background-repeat: repeat-x;
    zoom: 1;
    padding: 0;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    height: 36px;
    line-height: 21px;
   /* border-top: 2px solid #aa2222;*/
    background-repeat: repeat-x;
   
    background-repeat: repeat-x;
    zoom: 1;
   background-color: #FFFFFF;
    background-repeat: repeat-x;
    zoom: 1;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
}
.panel-heading h4 a:after{ clear:both}
#colDidYouKnow,#colDiscussForum{ width:100%}

@media (min-width:600px) and (max-width:768px)
{#colDidYouKnow,#colDiscussForum{ width:50%; float:left}
    #colDidYouKnow section,#colDiscussForum section{ height:220px}
    #colDidYouKnow{ padding-right:5px;height:220px}
    #colDiscussForum{ padding-left:5px;height:220px}
    }
    
    #staticPageContent{ padding:15px; padding-top:0} 
#accordion .panel,#accordion .panel-collapse  { clear:both}  

/*
.panel-heading h4 .accordion-toggle{ border-top:2px solid #aa2222 }
.panel-heading h4 .accordion-toggle.collapsed{border-top:1px solid #ddd!important}
*/
/*
.panel-heading h4 .accordion-toggle .glyphicon-chevron-down{ display:none; }
.panel-heading h4 .accordion-toggle .glyphicon-chevron-up{ display:block }
.panel-heading h4 .accordion-toggle.collapsed .glyphicon-chevron-down{ display:block}
.panel-heading h4 .accordion-toggle.collapsed .glyphicon-chevron-up{ display:none}
*/
.panel-heading h4 .accordion-toggle .glyphicon{ float:right}

h6{ font-weight:bold}

@media (min-width:980px)
{
    #staticPageContent #leftCol{ width:25%; float:left}
    #staticPageContent #rightCol{ width:75%; float:left}
    }

@media (min-width:600px) and (max-width:979px)
{
    #colDidYouKnow,#colDiscussForum{ width:50%; float:left; height:240px}
    #didYouKnow{ height:228px}
    #colDidYouKnow{ padding-right:5px}
    #colDiscussForum{ padding-left:5px}
    }
#staticPageContent #leftCol .content{ padding:10px!important}

 #mainHeading{ /*position:fixed; width:100%; top:141px;*/ padding:15px; z-index:1020; background:#ffffff; padding-bottom:0!important}   
@media (max-width:1279px)
{
  /* #mainHeading{ top:171px}*/

    }    
 @media(max-width:767px)  
 {#pageHeader{ top:40px}
 /* #mainHeading{ top:131px}*/

     
     }
      @media(max-width:600px)
      {
         /* #mainHeading{ top:117px}*/
 /* #contentWrapper{ top:167px}*/
          }  

  #goTo{ font-family:Arial; font-size:12px}  
  
  #goTo a{ text-shadow:0px} 
 
  
   @media(min-width:992px)
   { #goTo{ font-family:Arial; font-size:12px; display:none}  
       
       
       }
       
/*#row2 section{ margin-top:0!important} */      

.imageWrapper{ border:1px solid #ddd; border-radius:4px; text-align:center; padding:5px}
#featuredMap .imageWrapper img{ max-width:180px}
#featuredMap h5{ font-weight:bold; margin-bottom:3px; font-size:11px }
#featuredMap{ font-size:11px}

@media (min-width:600px)
{
  /*  #row2 #colCountryData{ padding-left:10px}
    #row2 #colDataVisualizer{ padding-right:10px}*/
}
.stats{ font-size:12px}


.viewMetadata .glyphicon{ color:#333!important; font-size:12px!important; margin-right:4px}

.popover-content dt{ float:left; font-weight:bold}
.popover-content dd{ float:left; font-weight:normal}
.popover-content dd:after{ clear:both!important}
.popover-content .data{font-weight:normal!important}


#dropDownTradeFlow{ margin-right:10px;}
#dropDownProduct{ margin-left:0}

@media (max:width:359px)
{
    #tradeFlowDDWrapper:after{ clear:both; margin-top:5px}
    
    }
    


.popover-content{max-width:320px!important}
#colExport .popover,#colImport .popover,#colTariff1 .popover,#colTariff2 .popover{ min-height:100px; left:15px!important; border-radius:3px; width:420px!important; max-width:320px!important} 
#colExport .popover.bottom .arrow,#colImport .popover.bottom .arrow,#colTariff1 .popover.bottom .arrow,#colTariff2 .popover.bottom .arrow{ left:18px!important;top: -17px; border-width:8px!important;
margin-left: -15px;}

#topExport h4 .popover{ min-height:100px; left:15px!important; border-radius:3px; width:420px!important; max-width:320px!important} 
#topExport h4 .popover.bottom .arrow{ left:18px!important;top: -17px; border-width:8px!important;
margin-left: -15px;}

#topImport h4 .popover{ min-height:100px; left:15px!important; border-radius:3px; width:420px!important; max-width:320px!important} 
#topImport h4 .popover.bottom .arrow{ left:18px!important;top: -17px; border-width:8px!important;
margin-left: -15px;}


#pageHeader .row{ position:relative; z-index:3000; overflow:visible}


#varSelectorWrapper .dropdown-menu{ background:#fff; z-index:2020!important}


.metaData .close{ position:absolute; font-size:12px; right:1px; top:1px; color:#666}
.metaData .close a{ color:#666}

    .metaData{ position:relative; float:left; width:20px; height:16px}
  .metaData table{ margin-top:15px}  
.metaDataContent{ background-clip: padding-box; display:none; overflow:auto;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius:2px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    left: -10px;
    width: 300px;
    padding: 1px;
    position: absolute;
    text-align: left;
    top: 23px;
    white-space: normal;
    z-index: 1010;-moz-box-shadow:    1px 2px 5px 1px #ccc;
  -webkit-box-shadow:  1px 2px 5px 1px #ccc;
  box-shadow:         1px 2px 5px 1px #ccc;display:none;  background:#fff; z-index:4000; width:300px; max-height:300px; min-height:100px; border:1px solid #aa2222; border-radius:4px;}
    
    a{ outline:none!important}    
 .metaDataContent:after{   
    border: solid #aa2222;
border-width: 1px 1px 0 0;
content: ' ';
display: block;
height: 11px;
position: absolute;
width: 11px;
z-index: 99;
-webkit-transform: rotate(-45deg);
background: white;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
top:-7px; left:8px}

#productTable{ height:200px}


	
	#fixedContent{   
    float: left;
   /* height: 125px;*/
    position: fixed;
    top: 100px;
    z-index: 1000; background:#fff; width:100%; height:135px}
    #fixedContent2
    {
    /*    float: left;
    height: 80px;
    position: fixed;
    top: 40px;
    z-index: 1000; background:#fff; width:100%
        */
        
        }
        
       
        
        
        @media( max-width:767px)
        {
           #fixedContent2{ height:40px}
            }
            
            
            .content{ display:inline-block; width:100%}
            
            
       #singleCol section h4
       {
           
color: #333333;
font-size: 0.916em;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 7px; margin-top:0;
background-color: #FFFFFF;
    background-repeat: repeat-x;
    zoom: 1;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    height: 36px;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);*
}
       
       
        
ul.bulletedDesc li{ font-size:12px; list-style:none; padding-bottom:4px}
ul.bulletedDesc{ padding-left:25px}
ul.bulletedDesc li .heading:before{
content: ' ';
display:inline-block;
height: 4px;

width: 4px;
margin-right:8px;

background-color: #aa2222; position:relative; top:-4px;

}
ul.bulletedDesc li .description{ margin-bottom:10px; margin-left:16px}
#download{ display:none}

.breadcrumb{ background:transparent; margin-bottom:0; font-family: Georgia;
    font-size: 12px;
    margin-top: 0;
     padding-bottom:2px; font-weight:bold;float:left;  padding-top:0!important;
    padding-left:0!important;
    padding:0!important}
     .breadcrumb > li + li:before {
    color: #CCCCCC;
    content: "> ";
    padding: 0 5px; 
  
}

.viewMetaData2 .glyphicon { margin-right:5px}
.viewMetaData2 { color:#850000!important; text-decoration:underline!important}

.jqx-grid-column-header{ border-left:0; border-right:0!important}

#dropDownPartner,#dropDownProduct{ margin-right:0}
.mL20{ margin-left:20px}


#whatsNew .caption{ margin-top:20px; font-weight:bold}
#whatsNew .thumbnail{ height:120px}
#whatsNew .thumbnail img{ width:auto; height:100%}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{height:120px; max-width:200px; margin:0 auto }

.carousel-inner > .item{ height:160px}
.carousel-caption{ bottom:0; color:#444444; text-shadow:0; position:static; text-shadow:0 0px 0px rgba(0, 0, 0, 0.6);  padding-top:10px; padding-bottom:10px}
.carousel-control
{
background: transparent;
border: 0px solid #FFFFFF;
border-radius: 0;
color: #FFFFFF;
font-size: 14px;
font-weight: 100;
height: 24px;


opacity: 0.5;
position: absolute;
text-align: center;

width: 24px;
}

 .carousel-controlNav {
    float: right;
    position: relative;
    right: 0;
    top: -41px;
}
.carousel-control,.carousel-indicators{ position:static; float:left}
.carousel-indicators{ width:auto; margin-left:0; padding:0 15px}
.carousel-control.left,.carousel-control.right{ background-image:none; top:-9px; font-size:13px; color:#333; font-weight:bold; top:-2px\0/;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); position:absolute} 
.carousel-control.right{ position:absolute; right:-8px}
.carousel-indicators li{ border:0; margin:0}
.carousel-indicators .active{ width:10px; height:10px}
.carousel-control.left{ left:-6px}
.carousel-inner{ top:-27px}
@media (max-width:768px)
{
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
    }}
    
@media (min-width:600px)
{
    /*
    #colCountryData .col-md-8{ width:66.6667%; float:left}
     #colCountryData .col-md-4{ width:33.3333%; float:left;}
       #colCountryData .col-md-6{ width:50%; float:left}
   #colCountryData .col-md-6,#colCountryData .col-md-8{ }*/
    }    
    
    
#countryData .content{ height:85%}    
#countryData .col-md-4,#countryData #partners{ height:100%;}
#countryData h4{ padding:4px 10px 0 10px!important}


.addnIndicatorTable{ width:100%; height:180px; overflow-y:auto}
.addnIndicatorTable tr td.labels{ width:35%}
.addnIndicatorTable tr td.data{ width:15%}
@media (max-width:600px)
{
    .panel-heading h4 a{ height:auto}
    
    
    }
    
#share{ font-size:12px; font-family:arial; margin-right:5px}

#productPartnerWrapper{/* border:1px solid #ddd; border-radius:3px; padding:5px;

background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
border-top-right-radius:0;border-bottom-right-radius:0;-webkit-border-top-right-radius:0;-webkit-border-top-right-radius:0;*/ padding:5px 10px 5px 0; border-right:1px dotted #ddd; margin-right:10px
}
.goBtn{ background: none repeat scroll 0 0 #F4F4F4; padding:5px;
    border-color: #CCCCCC;
    border-image: none;
    border-radius: 0 4px 4px 0;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    float: left;
    height: 37px;
    line-height: 36px;
    margin-top: -1px;
    padding: 0 5px;
    text-align: center;
    width: 35px;
border-top-left-radius:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-webkit-border-left-right-radius:0; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .goBtn{height:36px}
}
#tradeFlowDDWrapper{ padding-top:5px; border-right:1px dotted #ddd; margin-right:10px}
#productPartnerWrapper .btn-default{ margin-bottom:0}
#productPartnerWrapper #dropDownProduct{ margin-right:0}
@media (max-width:767px){
#tradeFlowDDWrapper{ width:100%; border-right:0; border-bottom:1px dotted #ddd; margin-bottom:5px }


}
.goBtn a{ display:block; color:#000}






@media (max-width:600px){
#dropDownPartner, #dropDownProduct{margin-right:5px}
.goBtn{ padding-left:3px; padding-right:3px; width:27px;margin-top:0;height:36px}
#dropDownPartner .btn, #dropDownProduct .btn{width:100px;overflow:hidden; text-overflow:ellipsis}
}

#navList .dropdown-menu,#navList .open,#navList .open a,#navList .open a:focus,#navList .open a:hover{background-repeat: repeat-x;
    background-color:transparent!important;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #3c3c3b, #31312f);
    
}

#navList a .caret{ color:#fff!important;border-bottom-color:#fff;border-top-color:#fff}


.inlineElements li{ float:left; width:20%}

@media (max-width:979px)
{
    
    .inlineElements li{ float:left; width:50%}
    
    }
    
    @media (max-width:600px)
{
    
    .inlineElements li{ float:left; width:100%}
    
    }
    
 
 /*
.innerTabs{  background-color: #FFFFFF;
background-image: -moz-linear-gradient(top, #FFFFFF, #eeeded);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFFFFF), to(#eeeded));
background-image: -webkit-linear-gradient(top, #FFFFFF, #eeeded);
background-image: -o-linear-gradient(top, #FFFFFF, #eeeded);
background-image: linear-gradient(to bottom, #FFFFFF, #eeeded);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#eeeded', GradientType=0); height:60px;}*/

.innerTabs .tabs{ margin-top:0}
/*
.innerTabs li.active a:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0 0;
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 49%;
    position: absolute;
    transform: rotate(-45deg);
    width: 20px;
    z-index: 99;
}*/
.innerTabs li.active a {
    background-image: linear-gradient(to bottom, #FFFFFF, #EEEDED);
    background-repeat: repeat-x;
    color: #444444;
    font-weight: bold;
}
.innerTabs li a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #DDDDDD -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-radius: 0;
    border-style: none solid none none;
    border-width: 0;
    color: #850000;
    font-size: 14px;
    font-weight: bold;
    outline: medium none;
    padding: 15px 60px;
}
.innerTabs li.active{ border:0} 
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ border:0!important}
.innerTabs .nav-tabs{ border-bottom:0!important}

.innerAccordion .panel-default{ border:0}
.innerAccordion .panel-title{ border-top:0; padding:0!important}
.innerAccordion .panel-heading h4 a{ border-top:0!important; padding:0 10px}


/* Nov_20 */

.dropdown-menu{max-height:140px; font-size:11px; overflow-y:auto; overflow-x:hidden}

.mR10{ margin-right:10px}

.curtain{ position:absolute; z-index:800; background:#fff; width:100%; height:100%; opacity:0.5; display:none; }
#mainHeading{ position:relative}

#jqxlistbox{ padding:0}


#dropDownProduct1{ display:none}
#dropDownProduct,#dropDownProduct1{ float:left}

#additionalIndicator .curtain{left:0; top:0 }

.toolTip{ -moz-box-shadow:    1px 2px 5px 1px #ccc;
  -webkit-box-shadow:  1px 2px 5px 1px #ccc;
  box-shadow:         1px 2px 5px 1px #ccc;display:none; position:fixed; background:#fff; z-index:4000; width:300px; max-height:300px; min-height:100px; border:1px solid #aa2222; padding:10px; top:20px; border-radius:4px; top:340px; left:600px;
  overflow:auto
  
  }
.jqx-grid-cell{ overflow:visible;}

.glyphicon-eye-open{ cursor:pointer}


.toolTipData tr td{ vertical-align:top; border-bottom:1px solid #ddd; font-size:11px; padding-bottom:3px }
.toolTipData tr td.labels{ font-weight:bold; padding-right:10px }
.toolTip:before{
background: none repeat scroll 0 0 #FFFFFF;
    border-color: #aa2222;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 0 0;
    content: " ";
    display: block;
    height: 12px;
    left: 6px;
    position: absolute;
    top: -7px;
    transform: rotate(315deg);
    width: 12px;
    z-index: 99;}
    
    .toolTip .close{ position:absolute; color:#000; font-size:13px; top:5px; right:5px}
      .toolTip .close span{ color:#000;text-shadow:0px 0px 0px #000}
   .ttIcon.active{ color:#aa2222}
   
   #countryName1{ font-size:12px; margin-top:-3px}
   
   .posRelative{ position:relative}
   
.metadataMain{ display:inline-block; margin-right:5px; margin-top:5px; float:left}

  .multipleColRange .range { position:absolute; right:0; list-style:none; width:130px;}
   .multipleColRange .range li{ list-style:none; display:block }
   .multipleColRange{padding:5px; padding-right:130px; height:100px; background:url("../images/shadowImage.png") repeat-y 92% 0 #FFFFFF!important ; }
   .multipleColRange .range li a{  clear: both
    color: #333333;
    display: block;
    font-weight: normal;
    line-height: 1.42857;
    padding: 3px 20px;
    white-space: nowrap;}
   
   
    .multipleColRange .range ul{ padding-left:0}
@media (min-width:992px) 
{
   .multipleCol{ width:600px; padding:5px}
   .multipleCol li { width:190px; float:left; }
  #dropDownCntry  #colCountryData .multipleCol{ width:190px; padding:5px}

}

@media (min-width:768px) and (max-width:991px)
{
    #dropDownCntry  #colCountryData .multipleCol{ width:615px; padding:5px}
    .multipleCol li { width:190px; float:left;}
    #dropDownCntry #colCountryData .multipleCol{ width:190px; padding:5px}
    
}

@media (min-width:639px) and (max-width:767px)
{
    .multipleCol{ width:415px; padding:5px}
    .multipleCol li { width:190px; float:left;}
    #dropDownCntry #colCountryData .multipleCol{ width:190px; padding:5px}
    
}
@media (max-width:638px) 
{
    .multipleCol{ width:210px; padding:5px}
    .multipleCol li { width:190px; float:left;}
    #dropDownCntry #colCountryData .multipleCol{ width:190px; padding:5px}
    
}
@media (min-width:992px) 
{
   .multipleColRange{ width:625px; }
   .multipleColRange li { width:90px; float:left; }
   .multipleColRange{padding:5px; padding-right:130px; height:100px; background:url("../images/shadowImage.png") repeat-y 92% 0 #FFFFFF!important ; }
   
}

@media (min-width:768px) and (max-width:991px)
{
    .multipleColRange{ width:415px; }
    .multipleColRange li { width:90px; float:left;}
    .multipleColRange{padding:5px; padding-right:130px; height:100px; background:url("../images/shadowImage.png") repeat-y 92% 0 #FFFFFF!important ; }
     .multipleColRange .range{ width:120px}
    
}

@media (min-width:639px) and (max-width:767px)
{
    .multipleColRange{ width:415px; }
    .multipleColRange li { width:90px; float:left;}
    .multipleColRange{padding:5px; padding-right:130px; height:100px; background:url("../images/shadowImage.png") repeat-y 92% 0 #FFFFFF!important ; }
    .multipleColRange .range{ width:120px}
    
}
@media (max-width:638px) 
{
    .multipleColRange{ width:200px; padding-right:100px}
    .multipleColRange li { width:90px; float:left;}
      .multipleColRange .range{ width:100px}
  
    
}



.gridVariables{ margin-top:-2px; font-weight:normal; }
.gridVariables span,.gridVariables label{ font-weight:normal}
.mR5{ margin-right:5px}


.mT3{ margin-top:3px}

.shareLinkList li.facebook,.shareLinkList li.facebook:hover,.shareLinkList li.facebook:focus{ background-position: -3px -5px}
.shareLinkList li.twitter{ background-position: -3px -35px}
.shareLinkList li.linkedin{ background-position: -3px -63px}
.shareLinkList li.gPlus{ background-position: -3px -91px}
.shareLinkList li.reddit{ background-position: -3px -119px}
.shareLinkList li.stumbleupon{ background-position: -3px -148px}
.shareLinkList li.email{ background-position: -3px -174px}
.shareLinkList li.delicious{ background-position: -3px -204px}
.shareLinkList li{ display:inline-block; float:left;width:24px; height:24px; text-indent:-999px;background:url("../images/socialMedia.png") -3px -5px no-repeat}
.shareLinkList li:hover a,.shareLinkList li a:hover,.shareLinkList li a:focus{ background-color:transparent!important;background-image:none!important;
                                                                               filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
                                                                               
                                                                               }

#row1 .well{ margin-bottom:0}
#navList .dropdown-menu{ z-index:1200}
#colLogin h5,#colRegister h5{ float:left; margin-right:20px}

#colLogin .well,#colRegister .well{ display:inline-block; width:100%}

#colLogin .well .btn,#colRegister .well .btn{ margin-top:5px}


.embedCodeDropDown{ display:none; background:#fff; position:absolute; right:10px; top:15px; border:1px solid #ddd; border-radius:3px; width:275px; height:110px; z-index:550; padding:5px; text-transform:capitalize}

.embedCodeDropDown textarea{ border:1px solid #ddd; width:100%; height:55px; margin-top:1px; text-align:left}

.ChartembedCodeDropDown{ display:none; background:#fff; position:absolute; right:10px; top:45px; border:1px solid #ddd; border-radius:3px; width:275px; height:110px; z-index:550; padding:5px; text-transform:capitalize}

.ChartembedCodeDropDown textarea{ border:1px solid #ddd; width:100%; height:55px; margin-top:1px; text-align:left}


.metadataCell{ }



.jqx-rc-all.jqx-widget{ /*border-bottom:0!important*/}

#products{ height:240px}


/****Added on 10th Jan *****/
.downlaodFormat li .icon{ background:url("../images/fileFormat.png") no-repeat; width:16px; height:16px; float:left; margin-right:5px; margin-left:10px}
.excel .icon{ background-position: -2px -21px!important}
.downlaodFormat li a{ padding:3px 10px!important }

#partner #leftCol section,#product #leftCol section{ height:400px}
/*alok*/
#productInfo #products{height:auto;}

/*****13 jan ***/
#contenttablejqx-topExportsGrid .jqx-grid-cell-pinned,#jqx-topImportsGrid .jqx-grid-cell-pinned,#contenttablejqx-productSummaryGrid .jqx-grid-cell-pinned,#contenttablejqx-PartnerGrid .jqx-grid-cell-pinned,#contenttablejqx-ProductGrid .jqx-grid-cell-pinned{ line-height:30px;}


#columntablejqx-productSummaryGrid .jqx-grid-column-header.jqx-widget-header span{ padding-top:7px!important}



.jqx-fill-state-pressed{ background:transparent}
.jqx-fill-state-pressed.jqx-grid-cell-pinned-alt, .jqx-fill-state-pressed.jqx-grid-cell-alt{ background:#f2f2f2}

.jqx-fill-state-pressed.jqx-grid-cell-sort{background:#F0F0F0}
.jqx-fill-state-pressed.jqx-grid-cell-sort-alt{background:#E5E5E5}
/*alok*/
#jqx-Partner,#jqx-Product{ height:auto;}
#jqx-PartnerGrid,#jqx-ProductGrid{ height:400px;border:1px;}
/*alok*/
#jqx-widget{ float:left}

#homePageContent #row3 section{ height:250px}

#loginRegister{ display:inline-block; width:100% }
#colLogin{ padding-right:25px; margin-right:25px; border-right:1px dotted #ddd}
#loginRegister .btn{ margin-top:6px}

#countryData .col-md-3{ padding-left:0; }

@media (min-width:600px)  and (max-width:991px)
{
 #colLogin,#colRegister{ float:left}
#colImport section,#colExport section,#countryData,#tools{ height:auto!important}
#links{ height:auto}    
.row1Box .tabbedBox{ height:280px}
}

@media (min-width:800px)  and (max-width:1024px)
{
    
#colStats,#colPartners,#colChart,#colSummary,#colProductGroups{ width:33.3333%; float:left}
    
    }
    @media (max-width:799px)
    {
        #colStats,#colPartners,#colChart,#colSummary{ width:100%;}
        
        
        }
        
        @media (max-width: 768px) and (min-width: 600px) {
#leftCol{ display:inline-block; width:100%;}

/*
#colExport,#colImport,#colTariff1,#colTariff2{ width:50%}
#colExport,#colTariff1{ float:left}
#colImport,#colTariff2{ float:right}*/
  #topExportWrapper,#topImportWrapper{  width:50%;float:left}
  
  
}


 @media (max-width:599px){
#countryData{ height:auto!important}

}

#horizontalScrollBarjqxlistbox,#bottomRightjqxlistbox{ display:none}

#jqxlistbox{ width:240px}

/*
.multipleCol .region{ width:100%!important;  cursor:default; font-weight:bold; padding-left:5px; border-bottom:1px dotted #ddd; margin-top:5px  }
.multipleCol .region:before,.multipleCol .region:after{ content:""; clear:both }*/

/* Added on Feb 20 */
.enableGroup .region{ width:100%!important;  cursor:default; font-weight:bold; padding-left:5px; border-bottom:1px dotted #ddd; margin-top:5px  }
.enableGroup .region:before,.multipleCol .region:after{ content:""; clear:both }


.metadataTableWrapper{  overflow-x:auto; width:100%; overflow-y:auto; height:250px; position:relative}


.metadataTable tr td,.metadataTable tr th{ height:30px; line-height:30px; border-bottom:1px solid #ddd; text-align:center; min-width:100px!important; line-height:16px; text-align:left; font-size:11px }
.metadataTable{ width:100%; table-layout:fixed}


.metadataTable { position:relative; border-collapse:collapse;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.metadataTable {
 border-collapse:separate
}
}
.metadataTable tr th{padding:3px; background:#F2F2F2; border-top:1px solid #ddd}

.innerTabs{ border-top:2px solid #aa2222; }
.innerTabLinks{ padding-left:0;background-color: #F8f8f8; height:30px; padding-left:10px}
.innerTabLinks li{ list-style:none; float:left; border:1px solid #ddd; height:30px; line-height:30px; background:#fff; border-bottom:0; }
.innerTabLinks li.active,.innerTabLinks li.active a{
    background-repeat: repeat-x;
    color: #fff !important;
     background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #565950, #747572);
}
.innerTabLinks li.active a{ color:#fff!important}


#singleCol { padding:15px; padding-top:0}

#metadata .innerTabs{ height:auto; background:#fff}

.tabHead{ border-bottom:1px solid #dddddd;/* position:fixed; top:80px; z-index:1030; */width:100%; height:65px; background:#f8f8f8; display:inline-block}

.tabHead h5{ margin-left:15px; color:#000; font-style:italic; font-size:12px }

.innerTabs li a{ padding:8px 20px; font-size:12px; color:#444; font-weight:normal}

.innerTabs li a:hover{ text-decoration:none; }
#metadata,#metadata #singleCol{ padding-top:0}

.metadataTable tr.even{
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 0 none !important;
}
.metadataTable tr.odd{
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 0 none !important;
}
.alphabet {
   
    height: 28px;
    line-height: 28px; margin-bottom:10px
}
.alphabet li { padding:2px 6px!important; width:20px; color:#777}
.alphabet li a{  color:#850000!important; font-size:13px; display:block;padding:0!important;} 
.alphabet li.active a{color:#444444!important}

.splitBtn a.dropdown-toggle{ padding:8px 5px 8px 5px!important; border-left:1px solid #efeeee; position:relative; top:-2px;}


.innerTabLinks li.active .splitBtn a.dropdown-toggle{border-left:1px solid #4f524a; position:relative; top:-1px}

.innerTabLinks li.active .splitBtn .caret{  border-bottom-color: #FFFFFF;
    border-top-color: #FFFFFF;
    color: #FFFFFF !important;}
.splitBtn .dropdown-menu li a{ border:0!important; text-decoration:none}
.splitBtn .dropdown-menu li{ border:0!important; width:100%}
.splitBtn .dropdown-menu li a:hover,.splitBtn .dropdown-menu li a:focus{ color:#fff!important}

 .innerTabs li.active a,.innerTabs li.active a.dropdown-toggle{ padding:6px 20px;}
.innerTabLinks li.active .dropdown-menu li{ 
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #fff, #fff);
}
.innerTabLinks li.active .dropdown-menu li a{
    background-repeat: repeat-x;
    color: #444 !important;
    background-image: linear-gradient(to bottom, #fff, #fff);
}
.innerTabLinks li.active .dropdown-menu li{}

.splitBtn.btn-group.open .dropdown-toggle{ box-shadow:0 0px 0px rgba(0, 0, 0, 0) inset}

.metadataTable tr td.divider{ padding-top:20px; border-bottom:1px dotted #333!important; color:#000; font-weight:bold; font-size:12px}


.badge a.gotoLink{ color:#fff!important; font-weight:bold; cursor:default!important}


/* For aligning links within cell */
.jqx-grid-cell a{ line-height:30px}

.dispNone{ display:none}

.jqx-grid-cell.odd{ background:#fff; border-bottom:1px solid #ddd}
.jqx-grid-cell.even{ background:#f2f2f2; border-bottom:1px solid #ddd}



#dataCatalogMetadata tr td,#dataCatalogMetadataHeader tr th{ width:180px}

#countryMetadata tr td,#countryMetadataHeader tr th{ width:180px!important}

.metadataHeaderWrapper{ width:100%; overflow:hidden;/* position:relative; z-index:700*/}

#indicatorMetadataHeader tr td,indicatorMetadata tr th{ width:140px!important}
#productMetadataHeader tr th,#productMetadata tr td{ width:160px!important}


.dottedLine{ border-bottom:1px dotted #ddd; margin-top:5px} 

.jqx-grid-cell.spacer{ text-align:right!important; padding-right:20px}

#glossary tr td{ padding:7px!important}

#glossary tr td.field{  width:25%}
#glossary tr td.data{  width:75%}
#glossary{ table-layout:auto!important}

.mT0{ margin-top:0!important}

td.timeseries img{ width:26px!important; height:18px!important} 

.refData img{ width:16px!important; height:16px!important}

#colExport .table-striped th,#colImport .table-striped th,#Div1 .table-striped th{ white-space:nowrap!important }

/**********Home Page Related Styles **************/

#homePageContent_op1{ margin-top:0; padding:15px; padding-top:0}
 
#fixedContent2
{ float: left;
    height: 90px;
    position: fixed;
    top: 100px;
    z-index: 1000; background:#fff; width:100%
    
    
}  

#homePageContent_op1 #colPartners{ }
.countryDataImg{ height:150px; border:0}
#homePageContent_op1 #countryData{ padding-bottom:0}

.viewToggler{ float:right; border-bottom:0!important}
/* .boxHeading h5{ float:left; margin-left:5px; font-weight:bold; font-size:0.916em; margin:8px 5px} Rajesh */
.boxHeading h5{ float:left; margin-left:5px; font-weight:bold; font-size:12px; margin:8px 5px}
.row1Box .tabbedBox{ border:1px solid #ddd; height:240px}
/*.row2Box .tabbedBox{ border:1px solid #ddd; height:240px} Rajesh */
.row2Box .tabbedBox{ border:1px solid #ddd; height:240px}
.boxHeading{background:#FAFAFA; border-bottom:1px solid #ddd; display:inline-block; width:100%; box-shadow: 0 -2px 0 rgba(0, 0, 0, 0.05) inset;}
.tabbedBox .table{ }
.tabbedBox .tab-content{ padding:5px}
.viewToggler li a{ padding:5px 8px; font-size:13px }
.viewToggler li.active{ border-top:2px solid #aa2222; border-left:1px solid #ddd; margin-top:-1px; border-right:1px solid #ddd}
.viewToggler li.active.last{ border-right:0}
.viewToggler li.active a{ padding-bottom:6px; padding-right:9px}
.viewToggler li.active .glyphicon{ left:1px}
#homePageContent_op1 .content{  padding:5px 15px;}

#customQuery{ margin-right:10px}

#homePageContent_op1 #homeContentRow3 section{ height:220px}

#homePageContent_op1 #homeContentRow3 img{ height:90px}
#homePageContent_op1 #viewDetailed{ margin-left:0; margin-top:0}

#navList .dropdown-menu {
    z-index: 4000;
}


.breadcrumb li{ font-size:12px}

#scrollUp{ background-position: 0% 0%;
    display:none; position:fixed; width:40px; height:35px; right:20px; bottom:0; z-index:2000; color:#fff; line-height:35px;border-top-right-radius:5px;border-top-left-radius:5px;
           
    background-repeat: repeat-x;
    font-size: 16px;
    text-align: center;
    opacity: 0.8;
    border: 1px solid #333;
     background-repeat: repeat-x;
    background-color: #aa2222;
    background-attachment: scroll;
    background-image: linear-gradient(to bottom, #3C3C3B, #31312F);
}
           #scrollUp:hover{opacity:.95}
#scrollUp a{ display:block; color:#fff }
# a:hover{ text-decoration:none; }
.shareSec{display:block; position:static; border:0; width:100%; box-shadow:0 0px 0px rgba(0, 0, 0, 0.176); padding-left:0}
.shareSec li{ width:19%; margin-bottom:5px; }


#countryPartner{  margin-top:20px!important}

/**********Home Page Mobile Styles ******/
.getStarted .elements{ font-size:12px} 

.getStarted{ margin-top:5px}
.getStarted h5{ margin:5px 0 5px 0; font-size:12px; font-weight:bold}
.getStarted .elements{ margin-bottom:0px}
.phone{ display:none}
#homeContentRow4{ display:none }
@media (min-width: 1367px) and (max-width:1920px)
{
    /*  .row1Box{ height:260px}
    .row1Box .tabbedBox{ height:195px}*   Rajesh Changed  */

     .row1Box{ height:300px}
    .row1Box .tabbedBox{ height:235px}

   /* .row2Box{ height:305px}*/
.row2Box{ height:305px}

    .row3Box{ height:220px}
    .getStarted h5{ margin-bottom:15px!important}
    .getStarted .elements{ margin-bottom:10px}
    
    .shareSec li {
    margin-bottom: 12px;
    width: 20%;
}
    }

@media (min-width: 1360px) and (max-width:1366px)
{
    /*  .row1Box{ height:260px}
    .row1Box .tabbedBox{ height:195px}*   Rajesh Changed  */

     .row1Box{ height:300px}
    .row1Box .tabbedBox{ height:235px}

    .row2Box{ height:305px}
    .row3Box{ height:220px}
    .res_1900{ display:none}
    }


@media (max-width: 1279px) and (min-width:1024px){
#homePageContent_op1 #leftCol{ display:none}
#homePageContent_op1 #rightCol{ width:100%}

#homePageContent_op1 #rightCol .col-md-4{ width:33.3333%; float:left}

#homeContentRow4{ display:block }

#homeContentRow4 section{ height:190px}

.res_1900,.res_1300{ display:none}
}
@media (max-width: 1023px) and (min-width:801px){
#homePageContent_op1 #leftCol{ display:none}
#homePageContent_op1 #rightCol{ width:100%}

#homePageContent_op1 #rightCol .col-md-4{ width:33.3333%; float:left}
/*
#homePageContent_op1 #rightCol #colImport,#homePageContent_op1 #rightCol #colExport,#homePageContent_op1 #rightCol #productGrpExport{ width:100%;}*/

#homePageContent_op1 #rightCol  .table-responsive{ overflow:auto}
#homeContentRow4{ display:block }
#homeContentRow4 section{ height:190px}
}
@media (max-width: 800px) and (min-width:601px){
#homePageContent_op1 #leftCol{ display:none}
#homePageContent_op1 #rightCol{ width:100%}
#homePageContent_op1 #rightCol .col-md-4{ margin-bottom:15px}
#homePageContent_op1 #rightCol .table{ table-layout:fixed}
#homePageContent_op1 #homeContentRow2 .table td.alignRight,#homePageContent_op1 #homeContentRow2 .table th.alignRight{ padding-right:10%!important; text-align:right;
                                                                                                         
}
#homePageContent_op1 #rightCol  .table-responsive{ overflow:auto}
#homeContentRow4{ display:block }
#homeContentRow4 section{ height:auto}
.shareSec li{ width:auto; margin-bottom:0;}
}
  @media (max-width: 600px)
  {
 #homePageContent_op1 #leftCol{ display:none}
#homePageContent_op1 #rightCol{ width:100%}
#homePageContent_op1 #rightCol .col-md-4{ margin-bottom:15px}
#homePageContent_op1 #rightCol .table{ table-layout:fixed}
#homePageContent_op1 #homeContentRow2 .table td.alignRight,#homePageContent_op1 #homeContentRow2 .table th.alignRight{ padding-right:10px!important; text-align:right;}
 
      #homePageContent_op1 #rightCol  .table-responsive{ overflow:auto}
      #homeContentRow4{ display:block }
      #homeContentRow4 section{ height:auto}
      .shareSec li{ width:auto; margin-bottom:0;}
      }                                                                                                     
                                                                                                       
                                                                                                       


#CountryChart{ height:150px}


.viewDetailIcon{
width:23px; height:22px; 
border:1px solid #dddddd; margin:-4px -10px 0 0; background:url("../images/viewDetail.png") left no-repeat}
.viewDetailIcon .glyphicon { left:1px; font-weight:90%; top:-1px; color:#eeeeee}

#navList ul li ul li a{ height:30px; line-height:30px}

#navList ul li  .dropdown-menu{ max-height:225px; border-bottom-left-radius:6px;border-bottom-right-radius:6px;} /* WITS jan22 200 to 225 */

#navList ul li  .dropdown-menu li a{ font-size:12px; word-spacing:1px}
#navList ul li  .dropdown-menu li a:hover, #navList ul li  .dropdown-menu li a:focus {
color: white;
text-decoration: none;
background-color: #565950;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #565950, #747572);
}

.scrolled{-webkit-box-shadow:0 4px 4px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
box-shadow:0 4px 4px rgba(0, 0, 0, 0.3);

}

#mainHeading{ padding-bottom:5px;}


.metadataColHeaderWrapper{ top:0; left:0; position:absolute; z-index:1000; }
.frozenTable{ position:relative; overflow:hidden }

.frozenTable .metadataTable tr td:first-child,.frozenTable .metadataTable tr th:first-child{ width:180px;}

.viewDetail{ font-size:12px; text-transform:capitalize} 


#metadataMasterColHeader{top:0;left:0; position:absolute; z-index:1000; width:180px; float:left}
#metadataColHeader{ top:30px; left:0; width:180px; float:left}


@media (max-width: 600px)
{
    .phone{ display:block}
    .desktop{ display:none}
    
    }
    
@media (max-width: 799px)
{
    .table-responsive{ margin-bottom:0}
    
    }


.borderBox{ padding:7px; border:1px solid #ddd; height:auto; border-radius:3px; background:#fff;box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1); display:inline-block; margin-bottom:10px; width:100%}

section{box-shadow:inset 0px 1px 1px 1px rgba(0,0,0,0.08)}

#CountryChart,#CountryProductChart,#WldProdChartView{ height:140px}
#WldProdChartView{ height:140px}
#WldImportChart,#WldChartExporters{height:140px}


.pageRefreshTxt{ font-size:11px;  line-height:20px; color:#888; position:relative; top:-10px; padding-left:5px}

    
    #mainHeading .glyphicon{ font-size:13px}
    
.navbar-header{ border-bottom:#aa2222 4px solid; height:100px; width:100%; background:#fff}
a.navbar-brand{background:url("../images/wits_banner2.png") left no-repeat; height:100px; width:400px; text-indent:-9999px}
@media (max-width: 767px)
{
   .navbar-header{ 
min-height: 40px!important;
background-color: #9e0505;
    background-repeat: repeat-x;
    overflow: visible;
    line-height: 40px;
    height: 40px !important;
    margin-bottom: 0px;
    background-image: linear-gradient(to bottom, #9e0505, #aa2222);
}
a.navbar-brand{background:none; height:40px; width:100px; text-indent:0px}
    #fixedContent2{ top:40px; background:#fff; height:60px}
  
    #bannerStrip{ height:40px}
    #fixedContent{ top:40px; height:100px}
   
    }
    
@media (max-width: 600px)
{
    #mainHeading .text{ display:none}
    
    }
    
    
 #summary,#leftCol,#rightCol,#product,#partner,#additionalIndicator{padding-top:0;}   
 .metadataTableWrapper{  overflow-x:auto; width:100%; overflow-y:auto; height:250px; position:relative}   
 .innerTabs .tab-content a{ color:#850000}
 #ChangeLocationDiv #dropDownCntry.multipleCol{ float:left!important; right:auto; left:0}    
  .navbar-nav li a { cursor:pointer} 
    
    @media (max-width: 1359px) and (min-width:1280px){
#homePageContent_op1 #leftCol{ width:20%}
#homePageContent_op1 #rightCol{ width:80%}
/*#introduction{ font-size:0.916em}
#introduction h4{ font-size:1em}

 /*  .row1Box{ height:260px}
    .row1Box .tabbedBox{ height:195px}   Rajesh Changed  */

     .row1Box{ height:300px}
    .row1Box .tabbedBox{ height:235px}

 .row2Box{ height:305px}
.row3Box{ height:220px!important}
.registerHelpTxt{ font-size:11px}
.res_1900,.res_1300{ display:none}
}

.badge .alphabetLink{ color:#fff!important; font-weight:bold}

.jqx-widget-content,.jqx-widget-content a{ font-family:Arial!important}
.btn .caret{ margin-left:5px!important}
#navList .dropdown-menu,#navList .open,#navList .open a,#navList .open a:focus,#navList .open a:hover{background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #3c3c3b, #3c3c3b);
}

#SummaryviewallBottom{ margin-top:31px; display:inline-block; float:right}

/***************Mar 10*************4*/
@media (max-width:767px){
#bannerStrip{ position:relative!important}
#fixedContent,#fixedContent2{ position:relative!important; top:0}



#fixedContent:after,#fixedContent2:after {
    clear: both;
}
#fixedContent:before, #fixedContent:after,#fixedContent2:before, #fixedContent2:after {
    content: " ";
    display: table;
}
}


/**************Mar 11****************/
                             
 #homePageContent_op1 #homeContentRow3 img {
    height: 120px; width:98%; max-width:350px
}
#referenceData .tab-content h5{ margin:10px; font-size:14px; font-weight:bold; margin-top:20px}
.toolTip.rightAlign:before{ left:auto!important; right:9px!important}
.multipleColRange .range{ width:115px}
.innerTabLinks li:nth-child(1),.innerTabLinks li:nth-child(2)
{
border-right:0
}

@media (min-width:1371px)
{
    
    
}
}
@media (max-width:1370px)
{
 #training  #introduction, #training  #otherTraining{height:232px} 
  #training #elearningLaunch{ height:270px}
#training #Quicklinks{height:269px}    
}
@media (max-width:1280px)
{
    
    
}
@media (max-width:1279px)
{
    
    
}
@media (max-width:1024px)
{
    
#training  #introduction{height:260px} 
#training #elearningLaunch{ height:300px}
#training #Quicklinks{height:276px}    
 #training  #otherTraining{ height:240px}
}
@media (max-width:980px)
{
    
    
}
@media (max-width:979px)
{
  #footerStrip {
    line-height: 45px;
    text-align: center;
     
}  
    #orgPartners,#footerLinks {
    display: inline;
    width: 100%;
}

#training  #introduction,#training #elearningLaunch,#training #Quicklinks,#training  #otherTraining{ height:auto!important}
}
@media (max-width:800px){
#homeContentRow4{ margin-top:-15px}


}
@media (max-width:768px)
{
    #colDidYouKnow section, #colDiscussForum section{ height:235px}
    #colDidYouKnow, #colDiscussForum{ height:245px}
}
@media (max-width:767px)
{
  .alphabet{ height:auto!important}
   .alphabet li{ height:14px; line-height:12px;}
   #pageTabs{ margin-left:0}  
   #pageTabs .tabs{ display:table; width:100%}
   #switchPage{ display:table-row}
   #switchPage li{ display:table-cell; width:20%}
   /*#switchPage li:nth-child(3),#switchPage li:nth-child(4){ width:20%}
   #switchPage li:nth-child(1),#switchPage li:nth-child(2){ width:20%}*/
   #switchPage li.active a, #switchPage li a{ padding: 12px 0px; text-align:center; height:40px}
}


@media (max-width:600px)


{
   #switchPage li{ display:inline-block; width:auto; padding:6px 0px}
#switchPage li a{padding:2px 5px }   /* Nov20 #switchPage li a{padding:12px 20px }*/
#switchPage li.active a:after{ display:none; border-width:0}
#switchPage li.active a{padding:1px 16px; border:1px solid #ddd;
-moz-box-shadow: 0 0 8px #aaa inset;
-webkit-box-shadow: 0 0 8px #aaa inset;
box-shadow: 0 0 8px #aaa inset; border-radius:3px;
      border:1px solid #ddd!important;height:20px; 
}

}


@media (max-width:599px)
{
    #colDidYouKnow section, #colDiscussForum section{ height:auto!important}
    #colDidYouKnow, #colDiscussForum{  height:auto!important}
    #methodology .bulletedDesc li span{ display:inline-block; width:100%}
    #methodology .bulletedDesc .mL20{ margin-left:0}
    .multipleColRange .range{ width:100px}
    
}
 @media (max-width:360px)
{
    #share .shareLinkList{ width:153px; min-width:153px}
    #referenceData .innerTabLinks li{width:33.33333%; }
     #referenceData .innerTabLinks{ margin-left:0; width:100%; padding-left:0}
     #referenceData .innerTabLinks li a{ padding:6px 0; text-align:center!important}
     #referenceData h5{ margin-left:5px}
     
     .innerTabLinks li:nth-child(1),.innerTabLinks li:nth-child(3)
     {
         border-right:0
         
     }
     .innerTabLinks li:nth-child(1)
     {
         border-left:0
         }
    
}
@media (max-width:359px)
{
    
    
}

@media (max-width:320px)
{
    
    
}

 
/***********MAR 12 ********************/

.toolPopover{  padding:15px; top:33px; right:0;border: 1px solid #DDD;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); border-radius:0; display:none;
           display:none; background:#fff; position:absolute; z-index:550; padding:5px;  text-transform:capitalize; min-width:150px; font-weight:normal
        
          }
.toolPopover textarea{ margin:5px; padding:5px;  margin-left:0;
                       border:1px solid #ddd;height:100px;text-align:left; width:100%
                       }

.widgettools{ float:right; position:relative; top:-9px; right:-8px}
.widgettools li{ width:32px; height:32px; position:relative}
.widgettools li a {
    color: #FFFFFF;
    display: inline-block;
    font-size: 15px;
    padding:0!important;
    display:inline-block;
    float:left;
    width:100%;
    height:100%
  
}
.widgettools li .glyphicon{ color:#fff; left:3px; top:7px}
.widgettools li.print{background:#50544a}
.widgettools li.download{background:#929685}
.widgettools li.embedWidget{ background:#bc2f2f}


.toolPopover:after {
border: solid #DDD;
border-width: 1px 1px 0 0;
content: ' ';
display: block;
height: 10px;
position: absolute;
width: 10px;
z-index: 99;
-webkit-transform: rotate(-45deg);
background: white;
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
top:-6px; right:10px;

}

.widgettools .embedOptions{ width:300px; height:220px}
.widgettools .printOptions{ height:90px }
.toolPopover .options{ margin-left:0; padding-left:0; width:100%; font-weight:normal}
.toolPopover .options li{ width:100%; height:auto!important; line-height:16px;}

.printBtn{ width:auto!important; height:auto!important; color:#333333!important; font-size:11px!important; font-weight:normal; float:right; margin-top:8px; padding:0px 5px !important}

.toolPopover .downlaodFormat li a{ color:#333!important; font-size:12px; padding:0!important}
.toolPopover .downlaodFormat li{ margin-left:0; padding-left:0!important}
.toolPopover .downloadOptions{ height:40px}
.ChartembedCodeDropDown{ height:150px}

.metaDataContent{ position:fixed;}

.viewMetadata.active .glyphicon{ color:#850000!important}
.toolTipBody{ max-height:200px; overflow:auto}



@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-1kdjai');
	src:url('../fonts/icomoon.eot?#iefix-1kdjai') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-1kdjai') format('woff'),
		url('../fonts/icomoon.ttf?-1kdjai') format('truetype'),
		url('../fonts/icomoon.svg?-1kdjai#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-scissors:before {
	content: "\e600";
}

/*
#selectedCountry { background:#bc2f2f; padding:10px; color:#fff}
#Title .badge{ background:transparent}
#selectedYear{background:#50544a; padding:10px; color:#fff}
#selectedTradeFlow{ background:#929685;padding:10px;}
#Title{ color:#fff}
#selectedIndicator{ background:#eecc88;padding:10px;}
*/


.bulletedDesc .description a{ padding:0!important}
.toolTip.bottomAlign:before{ top:auto!important; bottom:-7px!important;
                             
                              -webkit-transform: rotate(134deg);  
     -moz-transform: rotate(134deg); 
      -ms-transform: rotate(134deg);
       -o-transform: rotate(134deg);
          transform: rotate(134deg);  
                             }


#dropDownIndicatorgroup #trade{ height:auto!important}
@media (min-width: 768px) {
  .navbar-nav .caret {
    /*display: none;*/
  }
  .navbar-nav .open ul {
    display: none;
	}
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background: none;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus,
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #969696;
    background: none;
  }
  .navbar-default .navbar-nav > .hovernav > a {
		color: #555;
	}
  .navbar-inverse .navbar-nav > .hovernav > a {
		color: #969696;
	}
  .navbar-default .navbar-nav > .hovernav:hover > a,
  .navbar-default .navbar-nav > .hovernav:hover > a:hover,
  .navbar-default .navbar-nav > .hovernav:hover > a:focus {
    color: #333;
    background: transparent;
  }
  .navbar-inverse .navbar-nav > .hovernav:hover > a,
  .navbar-inverse .navbar-nav > .hovernav:hover > a:hover,
  .navbar-inverse .navbar-nav > .hovernav:hover > a:focus {
    color: #fff;
    background: transparent;
  }
	
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block;
	}
}


/*********MARCH 14*****************/
h1.countryName{  font-family: Georgia;
    font-size: 20px;
    margin-top: 0;
    padding-bottom:2px; font-weight:bold;text-shadow: 2px 2px 2px #dfdfdf; display:inline-block; margin-bottom:0}
    
 #metadata h5 .widgettools { right:1px}
 
 
 /************March 15**********/

 .goBtn2:focus {border-color: #E59700; outline:none; border-width:2px;
 
-webkit-box-shadow: 0px 0px 16px 0px rgba(238, 202, 202, 1);
-moz-box-shadow:    0px 0px 16px 0px rgba(238, 202, 202, 1);
box-shadow:         0px 0px 16px 0px rgba(238, 202, 202, 1);
 }

 #YearDropdownDiv,#dropDownTradeFlow{ padding-right:0; margin-right:0}
 
 .variableContainer{ display:table; margin-top:20px;border:1px dotted #929685; border-right:0; width:100%}
 .variableInnerContainer{ display:table-row}
 .dottedBdrBox{ display:table-cell;  padding:10px; border-right:1px dotted #929685;} 
 .variableInnerContainer .icon{   
    
border-radius: 100%;
color: rgba(255, 255, 255, 0.9);
display: block;
font-size: 20px;
padding: 7px 0 7px;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
width: 40px;
height: 40px;
float: left;
margin-right: 10px;

}
.variable{ display:inline-block}
.variableLabel{ width:100%; font-size:11px; font-weight:bold}
.variableValue{ width:100%}
.variableHeader{ position:relative; font-size:11px; font-weight:bold; /*top:20px alok*/}

#partnerVariable,#countryVariable,#countryTimeSeriesVariable,#summaryVariable{ display:block; width:100%;border-right:1px dotted #929685; float:left}
#partnerVariable .variableInnerContainer,#countryVariable .variableInnerContainer,#countryTimeSeriesVariable .variableInnerContainer,#summaryVariable .variableInnerContainer{ width:100%; display:inline-block; float:left}
#partnerVariable .dottedBdrBox,#countryVariable .dottedBdrBox,#countryTimeSeriesVariable .dottedBdrBox,#summaryVariable .dottedBdrBox{ display:inline-block; padding:10px 40px 10px 10px; float:left}
#partnerVariable .updateBox,#countryVariable .updateBox,#countryTimeSeriesVariable .updateBox,#summaryVariable .updateBox{ border-right:0; margin-top:15px}
@media (max-width: 1400px) and (min-width:1359px)
{
   #productTimeSeriesVariable .btn .text, #productVariable .btn .text{ max-width:140px; overflow:hidden;display:inline; float:left } 
    
}
@media (max-width: 1358px) and (min-width:1279px){

    .variableInnerContainer .icon{    font-size: 20px!important;
    padding:8px 0 7px!important;height:40px; width:40px}
    #productTimeSeriesVariable .btn .text, #productVariable .btn .text{ max-width:120px; overflow:hidden;display:inline; float:left } 
      
   
} 
@media (max-width: 1279px) 
{
    
     .variableInnerContainer .icon{ display:none}
     .dottedBdrBox{ padding:0; border-right:0}
      .variableContainer{ border-left:0; padding:10px 0} 
   
}
@media (max-width: 1279px) and (min-width:767px)
{.variableInnerContainer .icon{ display:none}
     .dottedBdrBox{ padding:0; border-right:0}
      .variableContainer{ border-left:0; padding:10px 0} 
    #productTimeSeriesVariable,#productTimeSeriesVariable .variableInnerContainer,#productVariable,#productVariable .variableInnerContainer{ display:inline-block; width:100%} 
    #productTimeSeriesVariable .dottedBdrBox, #productVariable .dottedBdrBox{ width:50%; display:inline-block; float:left; border-right:1px dotted #929685}
    #productTimeSeriesVariable .updateBox,#productTimeSeriesVariable .yearBox,#productTimeSeriesVariable .indicatorBox,
     #productVariable .updateBox,#productVariable .yearBox,#productVariable .indicatorBox,#productVariable .filterBox{ width:40%}
    #productTimeSeriesVariable .countryBox,#productTimeSeriesVariable .tradeFlowBox,#productTimeSeriesVariable .filterBox,
    #productVariable .countryBox,#productVariable .tradeFlowBox{ width:60%}    
    #productTimeSeriesVariable .variableLabel, #productVariable .variableLabel{ width:22%;display:inline-block; float:left}
    #productTimeSeriesVariable .variableValue,#productVariable .variableValue{ width:77%;display:inline-block; float:left}
    #productTimeSeriesVariable .variable,#productVariable .variable{ width:100%}
    #productTimeSeriesVariable .dottedBdrBox.yearBox ,#productTimeSeriesVariable .dottedBdrBox.indicatorBox,#productTimeSeriesVariable .dottedBdrBox.updateBox,
    #productVariable .dottedBdrBox.yearBox ,#productVariable .dottedBdrBox.indicatorBox,#productVariable .dottedBdrBox.updateBox,#productVariable .dottedBdrBox.filterBox
     {border-right:0; padding-left:10px}
 #productTimeSeriesVariable .btn .text, #productVariable .btn .text{ max-width:100px; overflow:hidden;display:inline} 
 
#partnerVariable .dottedBdrBox,#countryVariable .dottedBdrBox,#countryTimeSeriesVariable .dottedBdrBox,#summaryVariable .dottedBdrBox{ display:inline-block; padding:10px 10px 10px 10px; }
#partnerVariable .btn .text,#countryVariable .btn .text,#countryTimeSeriesVariable .btn .text,#summaryVariable .dottedBdrBox{ max-width:200px}
#partnerVariable,#countryVariable,#countryTimeSeriesVariable,#summaryVariable{ border-right:0}
        #productVariable #dropDownYear{ right:0; left:auto}          
         .dottedBdrBox .goBtn2{ margin-top:0}                          
                                         
}
    @media (max-width: 766px) 
    {
        .dottedBdrBox{ width:100%; display:inline-block}
        .variable{ display:inline-block; width:100%}
        .variableLabel,.variableValue{ display:inline-block; float:left} 
        .variableValue{ display:inline-block; float:right} 
        .variableLabel{ width:30%}
        .variableValue{ width:70%}
        .dottedBdrBox .btn-default{ width:200px!important; text-align:left; float:right }
        .dottedBdrBox .btn-default .caret{ float:right}
       .dottedBdrBox .btn-group,.dottedBdrBox .btn{ float:right; width:100%!important}
       .dottedBdrBox { clear:left}
       .dottedBdrBox .btn .caret{ top:-7px; position:relative; right:2px}
       
       #partnerVariable .dottedBdrBox,#countryVariable .dottedBdrBox,#countryTimeSeriesVariable .dottedBdrBox,#summaryVariable .dottedBdrBox{ display:inline-block; padding:0;   }
       #partnerVariable,#countryVariable,#countryTimeSeriesVariable,#summaryVariable{ border-right:0}
       #partnerVariable .btn .text,#countryVariable .btn .text,#countryTimeSeriesVariable .btn .text,#summaryVariable .btn .text{ max-width:200px}
         .dottedBdrBox .goBtn2{ margin-top:0}
         .variableValue{ position:relative}
         .variableValue .glyphicon-eye-open{ position:absolute; left:-18px; top:8px}
           #countryName1,#Span1.ttIcon{top:0!important} 
         }
     @media (max-width: 359px) 
     {
     #partnerVariable .btn .text,#countryVariable .btn .text,#countryTimeSeriesVariable .btn .text,#summaryVariable .btn .text{ max-width:170px}     
         
         }    
        
.iconCountry{ background:#bc2f2f;}
.iconYear{background:#50544a;}
.iconSector{background:#bc2f2f;}
.iconIndicator{background:#286860;}
.iconFilter{background:#eecc88;}
.iconFlow{background:#664343;}        
.iconEconomy{background:#664343;}
    @media (min-width: 768px) {

#fixedContent{ height:120px}}

#additionalIndicator{ position:relative}

.variableContainer .btn .caret{ display:inline; position:relative; top:6px; line-height:12px; float:right}

.variableContainer .btn .text{ display:inline;position:relative; overflow:hidden; float:left}

.indicatorBox{ display:none}

/**********Mar 18*************/

.carousel-inner{ top:-27px}

@-moz-document url-prefix() {

   .carousel-inner{ top:0px}


}

.variableValue{ display:inline-table}

.toolTip::before{rotate(315deg);
                 
                 -webkit-transform: rotate(315deg);  
     -moz-transform: rotate(315deg);
      -ms-transform: rotate(315deg); 
       -o-transform: rotate(315deg);  
          transform: rotate(315deg); 
                 }
 .toolTipBody table{ width:100%;}  
 .toolTipBody table tr td{ padding:6px 4px   }           
.toolTip{ opacity:1!important}
.variableInnerContainer .glyphicon{ color:#fff}
.variableInnerContainer .glyphicon-eye-open.glyphicon{ color:#333}
.multipleColRange li{ float:left}

@media (max-width: 479px){
    .tabHead{ display:table; width:100%}
    .innerTabLinks{ display:table-row}
    .innerTabLinks li { display:table-cell; padding:0; text-align:center; width:33.3333%}
   #metadata .tabHead .innerTabLinks li a{ padding:0;}
    }
    
    .goBtn2{ margin-top:4px;padding:5px;}
 /*#mainMenuWrapper{ position:relative; z-index:1030}*/
 
 .variableHeader em{ font-weight:normal}
 
 .variableHeader em{ font-weight:normal; color:#555}
#viewDetailedPhone{ background: #50544A;width: 32px;
height: 32px;
position: relative; 
    color: #FFFFFF;
    display: inline-block;
    float: right;
    font-weight: normal;
   
    position: relative;
    right: -8px;
    top: -3px;
    width: 32px;
 margin-top:0; display:none
  
}

#viewDetailedPhone .glyphicon {
color: #FFFFFF;
    font-size: 15px;
    left: 8px;
    top: 8px;
}
 @media (max-width: 599px){
   /*
    #viewDetailed{ display:none}
    #viewDetailedPhone{ display:block}
    */}
    
@media (max-width:1280px) and (min-width:991px)
{
    #export,#import,#tradePer{ width:50%; float:left}
    
}
#export section,#import section,#tradePer section{ height:450px; position:relative;}    
/* added by alok*/
#CountryProfileChart #export section {min-height: 532px;}
#CountryProfileChart #export section .widgettools {float: right;position: absolute;top: 1px;right: 2px;}
 @media (max-width: 1280px){
#goTo{ display:none}

}

#summary #rightCol #products,#summary #rightCol #topexport,#summary #rightCol #topimport {
 height:260px!important }

h1.variableHeader {
font-family: Arial;
margin-top: 0;
padding-bottom: 2px;
text-shadow: 0px 0px 0px #dfdfdf;
margin-bottom: 0;
}

.variableHeader h1 {
font-family: Arial;
margin-top: 0;
padding-bottom: 2px;
text-shadow: 0px 0px 0px #dfdfdf;
margin-bottom: 0;display:inline; font-weight:bold; font-size:11px
}


h2.variableHeader {
font-family: Arial;
margin-top: 0;
padding-bottom: 2px;
text-shadow: 0px 0px 0px #dfdfdf;
margin-bottom: 0;
}

.variableHeader h2 {
font-family: Arial;
margin-top: 0;
padding-bottom: 2px;
text-shadow: 0px 0px 0px #dfdfdf;
margin-bottom: 0;display:inline; font-weight:bold; font-size:14px
}


.h1_home{ font-size:12px; font-family:Arial; font-weight:normal; margin-bottom:0; display:inline; padding:0;text-shadow:0 0 0; line-height:1.1;color:#333333;text-transform: none; }


.variableHeader h1,.variableHeader h2,.variableHeader h3,.variableHeader h4 {
font-family: Arial;
margin-top: 0;
padding-bottom: 2px;
text-shadow: 0px 0px 0px #dfdfdf;
margin-bottom: 0;
display: inline;
font-weight: bold;
font-size: 11px;
}
.variableHeader h3{ font-weight:normal}
.variableHeader h2{ font-weight:bold}   /* added on Nov10 */



/****************Summary Page *********************/
 .tabbedBox{ border:1px solid #ddd}
 #tradeSummary,#products,#partnersSummary,indicatorsSummary{ padding-bottom:0!important}
 #exportSummaryChart,#tradePerChartSec{width:100% }
 #exportSummaryChart section{ height:486px; }
  #tradePerChartSec section{ height:598px; }
  
  /*#indicatorsSummary tr td{ white-space:nowrap!important}*/
  @media (max-width: 1280px) and (min-width:600px)
  {
      #exportSummaryChart,#tradePerChartSec{width:50%!important; float:left }
 #exportSummaryChart section{ height:360px; }
  #tradePerChartSec section{ height:360px; } 
      
      }
      
   @media (max-width: 1279px)
   {
       #summary .tabbedBox{ margin-bottom:15px}
       
       }
       
.btn.jqxDropDown{ font-family:Arial!important;margin-bottom: 5px;
padding: 3px 5px !important;
font-weight: bold;
font-size: 11px; color:#333!important; border-color:#ccc!important; line-height:16px}       

.btn.jqxDropDown:hover,
.btn.jqxDropDown:focus,
.btn.jqxDropDown:active,
.btn.jqxDropDown.active,.btn.jqx-fill-state-hover
{
  color: #333333!important;
  background-color: #tramn!important;
  border-color: #adadad!important;  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

#innerListBoxjqxReporterDropdownDiv{
 background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; margin-top:7px!important; }
  
 .btn.jqxDropDown .jqx-icon-arrow-down{  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: "";display: inline;
position: relative;

line-height: 12px; margin-top:-2px!important;
float: right;background-image: none!important;
}
  
#innerListBoxjqxReporterDropdownDiv .jqx-fill-state-pressed,#innerListBoxjqxReporterDropdownDiv .jqx-listitem-state-hover{ color: #ffffff;
text-decoration: none;
background-color: #b61212;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    border-radius: 0!important;
    background-image: linear-gradient(to bottom, #b61212, #aa2222);
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

  @media (max-width: 979px)
  {
      #mobileReporterDropdownDiv{ display:block}
      #jqxReporterDropdownDiv{ display:none}
}
      
@media (min-width: 980px)
      {
      #mobileReporterDropdownDiv{ display:none}
      #jqxReporterDropdownDiv{ display:block}
          
      
      
          }
          
.boxHeading a.more { font-size:.916em; margin:6px 6px auto auto}
.jqx-dropdownlist-state-selected.jqx-fill-state-pressed.jqx-rc-b-expanded{background-repeat: repeat-x;
 
    
    font-weight: bold;
    font-size: 11px;
  
    background-repeat: repeat-x;
    border-bottom-left-radius: 3px!important;
    border-bottom-right-radius: 3px!important;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
}    
 
#innerListBoxjqxReporterDropdownDiv,#innerListBoxjqxIndicatorDropDownDiv{
 background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; margin-top:7px!important; }
  
 .btn.jqxDropDown .jqx-icon-arrow-down{  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-bottom: 0 dotted;
  border-left: 4px solid transparent;
  content: "";display: inline;
position: relative;

line-height: 12px; margin-top:-2px!important;
float: right;background-image: none!important;
}
  
#innerListBoxjqxReporterDropdownDiv .jqx-fill-state-pressed,#innerListBoxjqxReporterDropdownDiv .jqx-listitem-state-hover,
#innerListBoxjqxIndicatorDropDownDiv .jqx-fill-state-pressed,#innerListBoxjqxIndicatorDropDownDiv .jqx-listitem-state-hover
{ color: #ffffff;
text-decoration: none;
background-color: #b61212;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    border-radius: 0!important;
    background-image: linear-gradient(to bottom, #b61212, #aa2222);
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}


          
.boxHeading a.more { font-size:.916em; margin:6px 6px auto auto}
.jqx-dropdownlist-state-selected.jqx-fill-state-pressed.jqx-rc-b-expanded{background-repeat: repeat-x;
 
    
    font-weight: bold;
    font-size: 11px;
  
    background-repeat: repeat-x;
    border-bottom-left-radius: 3px!important;
    border-bottom-right-radius: 3px!important;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
}    
 
 .ellipsis{ height:auto!important; max-width:360px; overflow:hidden;  text-overflow: ellipsis; display:block}
 
 #partnersSummary .jqx-grid-cell.spacer{ padding-right:45px!important}
 
 .tabbedBox .table-responsive{ width:100%; overflow-x:auto}
  
 .tabbedBox .table{ width:100%; overflow-x:auto}

#tradeInfo1 .colExport{ height:195px}

 @media (max-width: 1000px){

#tradeInfo1 .colExport{ height:auto}
}

.table-striped .th{ background:#f2f2f2; border-top:1px solid #ccc}

.header th{ background:#f2f2f2!important;}

#productSummary td{ white-space:nowrap!important}

.alignMiddle{ vertical-align:middle!important}
.spacer td{ height:1px; padding:0!important; border-top:0}

#productsSummary .tabbedBox{ height:255px}


 .btn-modal .glyphicon-wrench{ color:#333!important}

.dummy-btn{ background:#fff!important; cursor:default; background-image:none!important; border:1px solid #ddd;margin-bottom: 5px;
padding: 3px 5px !important;
font-weight: bold;
font-size: 11px;line-height:16px}

.modal-footer .btn{ line-height:16px!important; margin-bottom:0!important}



@media (max-width: 1279px)
      {
     #countryTopPartner,#countryTopProduct,#countryMerchandiseData,#countryTariffData{ width:100%}
 
          }



@media (min-width: 1280px)
      {
        #sectionMerchandise,#sectionTariff{ height:200px} 
          }
@media (max-width: 1000px){
#aboutCountry table{ margin-bottom:25px}

}



.ttIcon, .viewMetadata .glyphicon-eye-open, span.viewMetadata{  background:url("../images/information.png") left no-repeat; width:16px; height:16px; top:-1px; cursor:pointer}

 .glyphicon-eye-open:before {
content: ""!important;
}

#countryName1{ margin-top:5px!important}

.values {
border-radius: 3px;

padding: 2px 4px;

color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px; font-size:99%;
}

.mutedTxt{ color:#666; font-size:90%}

.questionmark{ cursor:pointer; display:inline-block;background:url("../images/information_sm.png") left no-repeat; width:16px; height:16px;
 position:relative;top: -4px;
left: -2px; margin-right:-5px}



.modal-body .input-group-addon{ padding:0px 4px; display:inline-block; float:left;height:36px; line-height:36px;  }


.jqxDropdown.btn{ padding: 3px 5px !important;font-family:arial!important; font-size:11px!important; font-weight:bold; color:#333!important; }




@media screen and (-webkit-min-device-pixel-ratio:0) {
.jqxDropdown.btn:first-child{ border-left-width:2px}
}


.jqx-listbox.jqx-reset.jqx-disableselect.jqx-popup.jqx-rc-t-expanded.jqx-fill-state-focus {
 

  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box; top:7px!important; border-top-left-radius:5px; border-top-right-radius:5px
}

.jqx-listitem-state-selected.jqx-fill-state-pressed,.jqx-listitem-state-hover.jqx-fill-state-hover{
color: #ffffff!important;
text-decoration: none!important;
background-color: #b61212!important;
    background-repeat: repeat-x!important;
    background-repeat: repeat-x !important;
    border-radius: 0!important;
    background-image: linear-gradient(to bottom, #b61212, #aa2222)!important;
    border-left-style: none !important;
    border-left-color: inherit !important;
    border-left-width: medium;
    border-right-style: none !important;
    border-right-color: inherit !important;
    border-right-width: medium;
    border-top-style: none !important;
    border-top-color: inherit !important;
    border-top-width: medium;
    border-bottom-style: none !important;
    border-bottom-color: inherit !important;
    border-bottom-width: medium;
}

.loader{ position:absolute; z-index:999999; width:32px; height:32px; background:url("../images/loader.gif") top left no-repeat; display:none; padding-top:32px; top:5%; left:50%}
#productSummary th .ttIcon{ float:right!important; margin-right:5px}
#productSummary th span{ float:right}


@media (max-width: 768px){
.modal-dialog .col-md-2{ float:left; width:20%}
.modal-dialog .col-md-10{ float:left; width:80%}
.modal-dialog select{ width:48%; margin-bottom:5px}
}


@media (max-width: 480px){
.modal-dialog .col-md-2{ float:left; width:30%}
.modal-dialog .col-md-10{ float:left; width:70%}
.modal-dialog select{ width:100%; margin-bottom:5px}
}

section h3,section h1
{
color: #333333;
font-size: 0.916em;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 7px; margin-top:0;

    background-repeat: repeat-x;
    zoom: 1;
    padding: 10px;
    
    height: 36px;
   
    background-repeat: repeat-x;
    zoom: 1;
  font-family:arial
}
section h1 .elements{ font-size:11px;}
section h1 .badge{ margin-right:5px}
section h1{ margin:0px 0 7px 0!important; text-shadow: none!important; padding-top:5px!important}

.variableHeader h2{
font-family: Arial;
margin-top: 0;
padding-bottom: 2px;
text-shadow: 0px 0px 0px #dfdfdf!;
margin-bottom: 0;/*
display: inline;*/
font-weight: bold;
font-size: 11px;
}

/*
h2{ display:block; margin:15px 0 -18px 0!important}
*/

.table-striped thead th.separator, .table-striped td.separator{ background:#fff!important; width:16px; border-bottOm:0!important; border-top:0!important}

.dottedBdr{border-left:1px dashed #ddd!important;}


.outerTab{ /*position:absolute; right:15px;*/ float:right;width: auto;
height: auto;
min-height: 0px;
padding: 8px 4px 7px;

box-shadow: inset #ddd 0px 1px 3px;
-moz-box-shadow: inset #ddd 0px 1px 3px;
-webkit-box-shadow: inset #ddd 0px 1px 3px;
border: 1px solid #ddd;
border-color: #ccc #ddd #ddd;

background: #f8f8f8;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
margin-bottom: -10px; top:14px;border-radius: 3px 3px 3px 3px; margin-top:20px}

.mT55{ margin-top:55px}

.outerTabLinks{ margin-bottom:0} 


.outerTabLinks{ padding: 0px 5px;}


.outerTabLinks a{-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius:2px;
background: #fff;
text-transform: uppercase;
line-height: 18px;
border: 1px solid #ddd;
padding: 0px 9px 0px 4px;
font-size: 11px; float:left; color:#403e3c;
 padding: 0px 9px 0px 4px\0/IE9;

} 

.outerTabLinks .icon{
float: left;
width: 18px;
height: 18px;
margin-right: 5px;
background: transparent;}

.tableView .icon{background:url(../images/sprite.png) 0px -141px no-repeat;}
.chartView .icon{background: url(../images/sprite.png) 0px -181px no-repeat;
}
.textView .icon{background: url(../images/sprite.png) -15px -181px no-repeat;}
.outerTabLinks li.active a{
background: url(../images/sprite.png) 0px -540px repeat-x;
color: #fff;
border-color: #54584c;}

.outerTabLinks .tableView.active .icon{background-position: 0px -161px;}
.outerTabLinks .textView.active .icon{background-position: -31px -181px}
.outerTabLinks .chartView.active .icon{background-position: 0px -121px;}

@media (min-width: 768px)
      {
  .phone{ display:none}
.desktop{ display:inline-block}
 
          }



@media (max-width: 767px)
      {
         .phone{ display:inline-block}
.desktop{ display:none}
          }

.mT10{ margin-top:10px}

.rounderBdr{ border-radius:10px;  display:inline-block;border-radius: 10px;
border: 1px solid #333;
width: 15px;
height: 15px;
display: inline-block;
top: -8px;
position: relative; line-height:15px;text-align:center;font-size:11px
}
.maintenanceMsg{padding: 2px 4px;
color: #C7254E;
background-color: #F9F2F4;
border-radius: 4px;
font-size: 99%; margin-top:20px}

#colExport .timeseries,#colImport .timeseries{ display:none}

.timeseries{ cursor:pointer}



sup{ font-size:11px!important; top:-5px; left:1px }



.normalFont{ font-weight:normal!important}


.sectionHeading
{
color: #333333;
font-size:12px!important;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 7px; margin-top:0;
background-color: #FFFFFF;
    background-repeat: repeat-x;
    zoom: 1;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    height: 36px;
   
    background-repeat: repeat-x;
    zoom: 1;
    background-repeat: repeat-x;
    zoom: 1;
    background-image: linear-gradient(to bottom, #FFFFFF, #e6e6e6);
}

.blockHeading{
float: left;
margin-left: 5px;
font-weight: bold;
font-size: 12px;
margin: 8px 5px; background:none!important; padding:0!important; border-bottom:0!important; height:13px!important; line-height:13px!important; text-transform:none!important

}

.variableHeader p{font-weight:normal; font-size:12px}

#atGlanceTxt{ margin-top:0!important; padding-right:0!important}

.shareLinkList li{ cursor:pointer}


#socialMediaCollapsed{
margin: 5px 15px 5px 6px;
padding: 6px;
line-height: 20px;
width: 29px;
height: 28px;
font-size: 16px;
}

#socialMediaCollapsed .glyphicon{
color: #ffffff;
line-height: 15px!important;
width: 20px;
height: 20px; top:-2px; left:-2px}

@media (max-width:767px){
#socialMediaLinks{ 
    
    z-index: 4000;
    width: 100%;
    left:0; right:0;
    border-color: #cb7676;
    -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.4);
    margin: 0;
    position: relative;
    top: 0;
    
   background:#fff; border-radius:3px
}

}

#chartSection a#showHideLink{width:100%; top:0!important} 

#jqxIndicatorDropdown,#jqxproductPartnerDropdown,#jqxProductDropdown,#jqxProductGroupDropdown{ width:418px!important}


#jqxCountryDropdown,#jqxRegionDropdown,#jqxYearDropdown, #jqxRangeDropdown,#jqxTradeFlowDropdown,#jqxPartnerDropdown,#jqxPartnerGroupDropdown{ width:190px!important; float:left!important}

.or{ margin:5px 10px; float:left; font-style:italic}




@media (max-width:600px){

#jqxIndicatorDropdown,#jqxproductPartnerDropdown,#jqxProductDropdown,#jqxProductGroupDropdown{ width:100%!important;display:block}


#jqxCountryDropdown,#jqxRegionDropdown,#jqxYearDropdown, #jqxRangeDropdown,#jqxTradeFlowDropdown,#jqxPartnerDropdown,#jqxPartnerGroupDropdown{ width:100%!important; display:block}

.or{ margin:0px auto; width:100%; font-style:italic; text-align:center}
}

.jqx-dropdownlist-content{ font-family:Arial!important; color:#333; text-transfor:capitalize}


/*

#secondaryMenu
{

background-repeat: repeat-x;
    border-color: #cb7676;
   
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.3);
   
    background-repeat: repeat-x;
    border-color: #cb7676;
   
  
    margin: 0;margin-bottom:-10px;
    width: 100%;
    background-color:#666;border-bottom:1px solid #ccc   
}


#secondaryMenu li a{color: #ffffff;
float: none;
padding: 0 15px;
text-decoration: none;
text-shadow: 0 0px 0 #FFFFFF; 
height:35px; line-height:35px;border-bottom:#1px solid #1D1D1D;-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);}





#secondaryMenu ul{ padding-left:10px}




#secondaryMenu li.active {border-bottom:#850000}
#secondaryMenu li.active a{border-bottom:#fff 3px solid;padding:2px 2px} 
*/




#navList ul li.active a, #navList ul li a:hover, #navList ul li a:focus{ background-color:#666} 



#mainHeading{ width:100%; display:table}

.snapshot{ font-size:15px}

.noTransform{ text-transform:none!important}

.headingUnstyled{ margin:0!important; float:left; padding:10px!important; width:auto; max-width:85%;height:30px; white-space:no-wrap; background-image:none!important; background-color:transparent!important }
.mB0{ margin-bottom:0!important}

.sectionHeading .elements{ font-size:11px}
#tradeStats{ margin-top:-20px}

#tradeStats.tabContent{ padding-top:0!important} 

.dispInlineBlock{ display:inline-block}



#contentWrapper2{top:170px; position:relative}  

#contentWrapper{ position:relative; top:230px} /* old 201 */
@media( max-width:767px){
#contentWrapper,#contentWrapper2{ position:relative!important; top:0!important}
#fixedContent,#fixedContent2{ position:relative!important; height:auto!important}
#tradeStats.tabContent{ padding-top:15px!important} 
}


#glossary dt,dd{
min-width: 100px!important;
line-height: 16px;
text-align: left;
font-size: 11px; padding:6px;}

#glossary dd{border-bottom: 1px solid #ddd; padding-top:0}

#glossary .even{background: none repeat scroll 0 0 #f2f2f2;}
#glossary dt{ padding-bottom:0px}

#glossary dt.divider, #glossary dd.divider, div.divider{ border-bottom:1px dotted #333; margin-bottom:10px; margin-top:10px}


.toolTipOverflow{ height:280px; overflow:auto}

#dropdownlistContentjqxCountryDropdown,#dropdownlistContentjqxYearDropdown{ width:156px!important}



#navList ul li.active a, #navList ul li a:hover, #navList ul li a:focus {
background-color: transparent!important;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#3c3c3b,#31312f);
}

.jqx-combobox-state-normal.jqx-combobox{ border:1px solid #ddd!important}

.mB10{ margin-bottom:10px}




.viewOptions{list-style: none;
float: left;font-size:12px;
border: 1px solid #ddd;
height: 30px;
line-height: 30px;
background: #fff;
border-bottom: 0;border-radius:0;line-height:20px;margin-top:33px  
}


.viewOptions.active{

background-repeat: repeat-x;
color: #fff!important;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#565950,#747572);
}

.jqx-dropdownlist-content{ margin-top:0!important}

.jqx-listitem-state-group.jqx-rc-all{text-align:center!important;color:#fff;border-radius:0!important; background:#929685; border:solid #ccc!important; border-width:1px 0!important}



.variableHeader h1,.variableHeader h2,.variableHeader em,.variableHeader{ font-size:14px}

.chartHeader{ font-size:12px; font-weight:bold;margin:0px 0 0 0; text-align:center}

.panel-heading .glyphicon.glyphicon-chevron-down{ display:block}
.panel-heading .glyphicon.glyphicon-chevron-up{ display:none}

.panel-heading.active .glyphicon.glyphicon-chevron-down{ display:none}
.panel-heading.active .glyphicon.glyphicon-chevron-up{ display:block}



.panel-heading.active{ border-top:2px solid #850000!important}
.panel-heading{ border-top:1px solid #ddd!important}





.variableInnerContainer .icon {
padding: 7px;
width: 36px;
height: 36px;
font-size: 18px;
}



.tabbedBox .glyphicon-globe,.tabbedBox .glyphicon-signal{ font-size:16px}
.mL5{margin-left:5px}

.dropdown-menu > li > a {padding:3px 10px}

.variableLabel{ margin-top:-1px}
@media (max-width:1365px){
.min1365{ display:none} 
}
@media( max-width:1900px){
.min1900{ display:none} 
}



.innerTabs .modal-footer{ background:#f7f7f7}

.modal-body .innerTabs{ padding-bottom:0}

.fullTxt{ display:none}

@media (min-width:601px){

#changeDropdownModal .modal-dialog{ width:500px!important} 
#changeDropdownModal .modal-dialog.large{ width:680px!important} 
}
.modal-dialog .col-md-4 {
width: 33.33333333333333%;float:left
}

.modal-dialog .col-md-8 {
width: 66.66666666666666%; float:left
}
@media (max-width:600px){


.modal-dialog select{ width:100%!important}


#changeDropdownModal .modal-dialog.large{ width:90%!important}
}


@media (min-width:601px){

#changeDropdownModal .modal-dialog{ width:500px!important} 
#changeDropdownModal .modal-dialog.large{ width:680px!important} 
}

#numberOfProducts{width:60px; min-width:60px}

@font-face {
	font-family: 'icomoon_sigma';
	src:url('../fonts/icomoon_sigma.eot?nr98t9');
	
src:url('../fonts/icomoon_sigma.eot?#iefixnr98t9') format('embedded-opentype'),
		url('../fonts/icomoon_sigma.woff?nr98t9') format('woff'),
	
	url('../fonts/icomoon_sigma.ttf?nr98t9') format('truetype'),
		
url('../fonts/icomoon_sigma.svg?nr98t9#icomoon') format('svg');
	
font-weight: normal;
	font-style: normal;
}



[class^="icon1-"], [class*=" icon1-"] {
	font-family: 'icomoon_sigma';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;

	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;
}



.icon1-zoomin:before {
	content: "\e602";
}

.icon1-list:before {
	content: "\e603";
}

.icon1-sigma:before {
	content: "\e600";
}
.icon1-IcoMoon:before {
	content: "\e601";
}


#countryData .widgettools{ top:-3px}

.sectionHeading h2,.sectionHeading h1,.sectionHeading h3,.sectionHeading h4{ font-size:12px;font-family: Arial;
margin-top: 0;
padding-bottom: 2px;
text-shadow: 0px 0px 0px #dfdfdf!;
margin-bottom: 0;
font-weight: bold;}


.centerAlign.toolTip:before{display:none }

h2.countryHeading, h3.countryHeading, h4.countryHeading{ background-color:transparent!important; font-size:12px!important;border:0!important; 
padding:0!important;margin:0!important; text-transform:capitalize!important; display:inline-block;
 font-weight:normal!important; height:16px!important; line-height:16px!important;background-image:none!important; filter:none!important }

@media (min-width:600px){

#countryStatImportProducts, #countryStatExportProducts{ width:50%; float:left}

}

@media (max-width:599px){

#countryStatImportProducts{ margin-top:10px; border:0!important}



}



#countriesIndicatorsList li:nth-child(2){ border-right:1px solid #DDD!important}

#CountryAnalysis img,#DetailedCountryAnalysis img,#ProductAnalysis img,#DetailedProductAnalysis img,#TradeCloud img,#TypesofTariff img,#Regionaltradeanalysis img,#DetailedRegionaltradeanalysis img,#OpennesstoTrade img { height:170px}

#CountryAnalysis,#DetailedCountryAnalysis,#ProductAnalysis,#DetailedProductAnalysis,#TradeCloud,#TypesofTariff,#Regionaltradeanalysis,#DetailedRegionaltradeanalysis,#OpennesstoTrade { height:290px} /*348*/

.solidBdrRight{ border-right:2px solid #ddd}
.img-thumbnail{height:210px;width:122px;}
/* added by Aalok*/
#popularIndicators .content{min-height:476px;}
.countryHeading h2 {font-family: Arial; font-size:14px;}
.countryHeading h2 span{font-weight:bold;}



/* Global Chart */
.w80{ width:80px
      }
 #search{ width:260px}
 
.input-sm{ height:24px!important; line-height:24px!important}
 
#chartContainer{ min-height:350px; display:none}
.pd10{ padding:10px}
.searchBox{ margin-top:-4px}
#networkChart{ overflow:hidden}
 
.color{ width:20px; height:16px; float:left; display:inline-block; margin-right:5px}
.blue{ background:#1f77b4}
.green{ background:#98df8a}
.orange{ background:#ffbb78}
/*
#legends{ display:none; border-bottom:1px dotted #333; padding-bottom:10px}
*/
#content ul.bulleted li:nth-child(n+6) { display:none}
.seeLess{ display:none}
.SeeMoreLink{  width:100%; text-align:right; margin-bottom:10px }
.SeeMoreLink:after{content: " ";
                   clear:both; display:block; width:100%; height:1px}
.seeLess,.seeMore{ cursor:pointer}
 
#jqxProductTree{ border:1px solid #ddd; border-radius:2px}
#jqxTradeFlowDropDown{ width:100px!important}
 
#content,body
{
  /*  -webkit-touch-callout: none!important;
    -webkit-user-select: none!important;
    -khtml-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;*/
    }
    
#parameters{ position:absolute; left:20px; top:0;  border-radius:3px; display:none }
 
.w30{ width:30px!important}
 
#jqxCountryDropdown,#jqxProductNomenclature,#jqxYearDropdown1,#jqxOriginDestination{ width:120px!important}
 
/*
#chartWrapper{ border:1px solid #ddd}
*/
.smallCircle{ border:1px solid #1f77b4; border-radius:15px; display:inline-block; width: 12px;
height: 12px;
border: 1px solid #333;
border-radius: 15px;
display: inline-block;
margin-top: 0;
 background-color:gray; margin-left:20px} /* #1f77b4 */
.largeCircle{ width:50px; height:50px; border:1px solid #ffbb78; border-radius:40px; display:inline-block; background-color:gray} /* #ffbb78 */
.circleDefn{ float:left; width:50% }
.circleDefn:nth-child(1) .region{ margin-top:30px}
 
.smallStroke{ border-top:solid thin #999}
.largeStroke{ border-top:solid thick #999}
 
.stroke{ width:70px; height:10px; display:inline-block; margin-right:32px}
 
 
#legends .col-md-4{ height:100px}
#legends .col-md-4:nth-child(2),#legends .col-md-4:nth-child(1){ border-right:1px dotted #333}
 
 
 
 
.jqx-tree-item.jqx-fill-state-hover.jqx-tree-item-hover,.jqx-tree-item-selected{
color: #ffffff!important;
text-decoration: none!important;
background-color: #b61212!important;
background-repeat: repeat-x!important;
background-repeat: repeat-x !important;
border-radius: 0!important;
background-image: linear-gradient(to bottom, #b61212, #aa2222)!important;
 
border:0!important; 
}
.displayTable{ display:table; width:100%}
.displayTableRow{ display:table-row; width:100%}
.displayTableCell{ display:table-cell; vertical-align:top}
 
.chartDescList{ /* border-bottom:1px dashed #ddd; */ padding:15px 5px}
.nonJqxdropdown{ position:relative}
.nonJqxDropdownContent{ display:none; position:absolute; top:30px; left:0;border: 1px solid #cccccc; z-index:1000;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
 
border-top-left-radius: 5px;
border-top-right-radius: 5px; width:342px; overflow:auto}
#jqxProductTree{ border:0!important}
 
#jqxProductDropdown{ width:200px;}
#productDropDownText{ width:165px} 
#productDropDownText + .jqx-icon-arrow-down{ float:right; margin-top:-13px}
.chartDescList li{ clear:both; display:inline-block; width:200px; margin-bottom:5px}
 
#chartDescription{ }
#chartDescription .borderchartDescription { border: 1px solid #ccc; }
 
#dropdownlistContentjqxYearDropdown1{ width:40px!important}
 
 
.jqx-listitem-element{ display:inline-block; width:100%; height:20px!important}
 
 
 
#maxBubbleSize{ margin:10px 10px}


/**/


.chartView .icon {
background: url(../images/sprite.png) 1px -181px no-repeat;
}


 .chartView.active .icon 
 {
     
background: url(../images/sprite.png) 0px -201px no-repeat!important;

}

.outerTabLinks a{ text-decoration:none}
.widgettools.custom{height: 30px; float:left;}
.widgettools.custom li{background-color:#50544a;}
.widgettools.custom li:hover,.widgettools.custom li.active{background-color:#B42;}
.widgettools.custom a .bar-chart{background: url(../Images/bar-chart.png) no-repeat;height: 25px;
width: 25px;position: absolute; margin: 1px -1px;}
.widgettools.custom a .network-chart{background: url(../Images/network-chart.png) no-repeat;height: 25px;
width: 25px;position: absolute; margin: 1px -1px;}

.widgettools.custom a .line-chart{background: url(../Images/line-chart.png) no-repeat;height: 25px;
width: 25px;position: absolute;margin: 1px -1px;}
.widgettools.custom a .tree-chart{background: url(../Images/tile-icon.png) no-repeat;height: 25px;
width: 25px;position: absolute;margin: 4px -1px;}
.widgettools.custom a .Horizantal-chart{background: url(../Images/Horizantal-chart.png) no-repeat;height: 25px;
width: 25px;position: absolute; margin: 1px -1px;}
#showHideLinkForSeries,#showHideLinkForChart{width:100%;text-align:left}
#showHideLinkForChart span,#showHideLinkForSeries span{float:right; margin-top:6px;}



.jqx-grid-cell{ border-right:1px solid #ddd!important}


@media(max-width: 1024px)
{
    #bannerStrip .centre-header{display: none;}
    }
    
    
    
    .New.outerTabLinks{
margin-top: -4px;
}

.New.outerTabLinks a{
padding: 4px 9px 5px 4px;
border-radius: 0px;
background: #F8F8F8;
}
.New.outerTabLinks a:hover{
background: #eee;
}

.New.list-inline > li {
padding-right: 0px;
}


.New.outerTabLinks li.active a{
background: white;
border-color: #ccc;
color: #000;
border-bottom-color: #fff;
border-top-color: #900;
border-width: 2px 1px 1px 1px;

}

.New #tableView
{background-position: 0px -141px;}
.New #chartView
{background-position: 0px -181px;}


.New .chartView.active .icon
{
background: url(../images/sprite.png) 0px -181px no-repeat!important;
}
.New .tableView.active .icon
{
background: url(../images/sprite.png) 0px -141px no-repeat!important;
}
#productImportChart
{
    min-height:400px;
    }
    
    
    
/* for teriff Styling */

.grid-legend{
    color: #A82022;
    display: inline-block;
    padding: 8px;
}

#jqx-Partner.fixedGrid {
position: absolute;
top: 135px;
bottom: 0;
left: 0;
height: auto;
width: 100%;
}

#bannerStrip .centre-header {
margin: 18px auto;
width: 35%;
text-align:right;
}
#bannerStrip .centre-header  h2{
font-size: 26px;
font-size: 26px;
margin-bottom: 0px;
}
#bannerStrip .centre-header small{
font-size: 14px;
}


/* css for chart page**/
#networtChartLacex h2 {
  font-size: 15px;
  font-weight: bold;
}

/* LACEX Summry Page */
.boxHeading h2 {
  float: left;
  margin-left: 5px;
  font-weight: bold;
  font-size: 12px;
  margin: 8px 5px;
}

#lacexSummaryContnet {  height: auto;}
#lacexSummaryContnet .col-md-4{    padding-bottom:10px;}
#lacexSummaryContnet .tabbedBox .table-responsive{    height:220px;    }
#lacexSummaryContnet .boxHeading h3.headingUnstyled{ height:40px;    }
#lacexSummaryContnet .tabbedBox .tab-content{    height:245px;    }
#lacexSummaryContnet .tabbedBox .tab-pane{height:235px;}

#lacexSummaryContnet .row.largeRow .tabbedBox .tab-content{    height:345px;    }
#lacexSummaryContnet .row.largeRow .tabbedBox .tab-pane{height:335px;}
#lacexSummaryContnet .row.largeRow .tabbedBox .table-responsive{    height:320px;    }  

.xAxisClass{ position:absolute} 

#contentDiv{ width: -webkit-fit-content!important;
height: -webkit-fit-content!important;
width: -moz-fit-content!important;
height: -moz-fit-content!important; position:relative; border:0!important; background:transparent!important}

.jqx-chart-axis-text, .jqx-chart-label-text,
 .jqx-chart-tooltip-text, .jqx-chart-legend-text{ position:absolute;display:table; top:0!important; left:-200px; white-space:nowrap; background:#fff; border:1px solid #ddd; padding:10px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }


#arrowInnerDiv,#arrowOuterDiv{ display:none!important} 

.version-name{ font-size:14px!important}