@charset "utf-8";

/* Fonts CSS */
@font-face {
    font-family: 'CISCOBOL';
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOBOL.eot');
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOBOL.eot?#iefix') format('embedded-opentype'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOBOL.woff') format('woff'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOBOL.ttf') format('truetype'),
		 url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOBOL.otf') format('otf'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOBOL.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CISCOLIG';
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOLIG.eot');
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOLIG.eot?#iefix') format('embedded-opentype'),         
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOLIG.woff') format('woff'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOLIG.ttf') format('truetype'),
		 url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOLIG.otf') format('otf'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOLIG.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CISCOREG';
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOREG.eot');
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOREG.eot?#iefix') format('embedded-opentype'),         
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOREG.woff') format('woff'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOREG.ttf') format('truetype'),
		 url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOREG.otf') format('otf'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CISCOREG.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CiscoSansTTBold';
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTBold.eot');
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTBold.eot?#iefix') format('embedded-opentype'),         
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTBold.woff') format('woff'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTBold.ttf') format('truetype'),
		 url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTBold.otf') format('otf'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTBold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CiscoSansTTExtraLight';
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTExtraLight.eot');
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTExtraLight.eot?#iefix') format('embedded-opentype'),         
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTExtraLight.woff') format('woff'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTExtraLight.ttf') format('truetype'),
		 url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTExtraLight.otf') format('otf'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTExtraLight.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'CiscoSansTTRegular';
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTRegular.eot');
    src: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTRegular.eot?#iefix') format('embedded-opentype'),         
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTRegular.woff') format('woff'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTRegular.ttf') format('truetype'),
		 url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTRegular.otf') format('otf'),
         url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/fonts/CiscoSansTTRegular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Reset CSS*/

html * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
   -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }		
 body,html{
	margin:0;
	padding:0;
	width:100%;
	height:100%;} 
	
li {
    list-style-type: none;
}
.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
a{text-decoration:none;}
ul{padding:0;margin:0;}
h1,h2,h3,h4,h5,h5{margin:0;padding:0;}

/* common CSS*/

.fh_container{max-width: 1024px;margin: 0 auto;}
.fh_container h3{font-family:"CiscoSansTTExtraLight";font-size:36px;color:#626469; font-weight:normal;margin: 20px 0;}
.breadcrumb{display:none;padding:10px 0;}
.breadcrumb a{font-family:"CiscoSansTTExtraLight";font-size:14px;color:#626469;text-decoration:none;} 
.c_blue a{color:#007fc5 !important;text-decoration:none;}

/* Navigation CSS*/
.nav, .mob_nav{ position:relative;}
.nav ul{list-style:none;border-bottom:1px solid #bfbfbf;margin-bottom: 40px;}
.nav ul li{display:inline-block;font-family:'CiscoSansTTExtraLight';padding:0 14px 0 0;}
.nav ul li a{font-size:16px;line-height:51px;display:block;color:#626469;text-decoration:none;}
.nav ul li a:hover, .nav ul li a:active, .nav ul li a.active {border-bottom:3px solid #049fd9; line-height:45px;text-decoration:none;}
.nav ul li a:first-child{padding-left:0;}
.nav ul li:last-child{padding-right:0;padding-left: 0.1px;}
.right0{right:1px;} 
.right129{right: 122px;} 
.drop_arrow{display:inline-block;background:url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/drop_arrow.png') no-repeat;width:9px;height:6px;vertical-align:middle;margin-left:9px;}
.global_icon{display:inline-block;background:url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/global.png') no-repeat;width:24px;height:27px;vertical-align:middle;margin-left:9px;}

/* Sub Navigation CSS*/
.country_block{display:none;position:absolute;float:left;background-color: #fff;z-index:999;box-shadow: 0px 1px 5px #888888;padding:10px;}
.sub_nav{float:left; padding-right:20px;}
.sub_nav ul{margin:0;list-style:none;border-bottom:none;width:150px;}
.sub_nav ul li{display:block;border-bottom:1px solid #a6cfe9;font-family:'CiscoSansTTExtraLight';padding-right:0;}
.sub_nav ul li a{display:block;font-size:16px;line-height:16px !important;border-bottom:none !important;color:#626469 !important;padding:10px 0 10px 10px !important;text-decoration:none;}
.sub_nav ul li a:hover, .sub_nav ul li a.sub_active{font-family:'CiscoSansTTRegular';font-size:16px;line-height:16px;border-bottom:none !important;color:#626469;text-decoration:none;}
.sub_nav ul li:last-child a{width:100%;} 
.countryimage{display:block;float:right;margin-top: 20px;}


/* Dynamic Data block - footer section CSS*/
.footer_block{display:block;float:left;border-bottom:3px solid #0076c1; height:205px;}
.map_country{display:block;float:left;border:1px solid #dbdbdb;width:222px;height:202px;margin-right:1px;padding:10px 0;}
.map_datablock{position:relative;display:inline-block;background-color:#f5f6f6;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;width:199px;height:202px;padding:10px 0;}
.bleft{border-left:1px solid #dbdbdb;}
.bright{border-right:1px solid #dbdbdb;}

/* Map section - Country Map block CSS*/
.country_name{font-family:'CiscoSansTTRegular';font-size:16px;line-height:18px;color:#626469;padding:0 0 8px 15px;}
.country_name img{position: absolute;display:inline-block !important;margin-left:5px !important;}/*Dynamic global icon CSS*/
.map_country img {display:block;margin:0 auto;}

/* Map section Footer 4 Data blocks CSS*/
.data_block{position:absolute; bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;border-right: 2px solid white;}
.block_name{height: 44px;font-family:'CiscoSansTTExtraLight';font-size:14px;color:#626469;padding:0 15px;font-weight:normal;text-align:left;}
.block_data{display:table;width:160px;margin:0 auto;}
.block_box{display:table-cell;width:200px;vertical-align: bottom;}
.block_box p{font-family:'CiscoSansTTExtraLight';font-size:14px;color:#626469;margin:10px 0;text-align: center;}
.block_box img{display:block;margin:0 auto;}
.split_line{display:block;border-bottom:2px solid #9e9d9e;} 
.split_line2{display:block;border-bottom:1px solid #9e9d9e;margin-bottom:40px !important;}
.noborder{border-right:0;}
.padbot18{padding-bottom:18px;}
.padbot23{padding-bottom:23px;}
.padbot28{padding-bottom:28px;}


/* Select Category CSS*/
.quotables-step{font-family:'CiscoSansTTExtraLight';font-size:20px;font-weight:normal;color:#626469;margin: 25px 0;}
.category_select{display:inline-block;}
.category_select li, .category_select label{font-family:'CiscoSansTTRegular';font-size:14px;font-weight:normal;line-height:22px;color:#626469;}
.category_select li{list-style:none;display:inline-block;width:30%;padding: 3px 0;}

/* Select Category Radio Button CSS*/
label.radio_btn{
	display:block;
	background:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/radio.png) 0 1px no-repeat;
    padding-left: 25px;
	}
input[type=radio]{
	opacity:0;
	position:absolute;
	}
input[type=radio]:checked + label.radio_btn{
	background-position:0 -19px;
	display:block;
	}

.btn_set{width:100%;float:left;padding:20px 0;}

/* Export to PDF CSS*/
.export_pdf{ display:block;float:left;}
.export_pdf a{display:block;font-family:'CiscoSansTTExtraLight';font-size:20px;font-weight:normal;line-height:59px;color:#626469;text-decoration:none;}
.export_pdf_icon{display:inline-block;background:url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/export_pdf.png') no-repeat;width:60px;height:60px;vertical-align:middle;margin-left:10px;}

/* Expand and Collaspe All CSS*/
.exp_col_all{float:right;margin-top:10px;}
.expand_all, .collapse_all {display: inline-block;border:1px solid #049fd9;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-khtml-border-radius: 25px;}
.expand_all a, .collapse_all a{display:block;font-family:'CiscoSansTTRegular';font-size:16px;color: #049fd9;text-decoration:none;padding:5px 30px;line-height: 30px;}
.expand_all a:hover, .collapse_all a:hover{background-color:#049fd9;border:none !important;color:#ffffff;border-radius:25px;-moz-border-radius:25px;-webkit-border-radius:25px;-khtml-border-radius: 25px;}

/* Quotes */
#Q-quote-holder {}
#Q-quote-holder .quoteHeader {}
#Q-quote-holder p{font-family:'CiscoSansTTExtraLight';font-size:14px;line-height:16px;font-weight:normal;color:#626469; padding-left:15px;margin:10px 0;
background-image: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/dot.png');
background-position:left 0 center;
background-repeat: no-repeat;
}
#Q-quote-holder h4{font-family:'CiscoSansTTExtraLight';font-size:22px;line-height:29px;font-weight:normal;color:#007fab;
    
	border-top:1px solid #959595;
	padding:15px 0 15px 30px;
	margin:0;	
	background-image: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/accordion_right_arrow.png');
	background-position: 10px 20px;
	background-repeat: no-repeat;
	cursor:pointer;	
}

#Q-quote-holder h4.open{font-family:'CiscoSansTTRegular';font-size:22px;line-height:29px;font-weight:normal;color:#fff;background-color:#8e9299;padding:15px 0 15px 35px;
	background-image: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/accordion_down_arrow.png');background-position: 10px 22px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;
}

.slide_cont{display:block;}
	
.q-quote-subset {padding:15px;}

#mob_q_category_select{display:none;}
.all_datas {float: left;}
.mob_tab_block, .mob_region_nav, .mob_region, .mob_region img, .mob_country_nav, .mob_country_name{ display:none;}


.newone{display:none;}

.bright, .bleft .bsecond, .bthird{ display:inline-block;}


/* Scroll Top Css */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #58595b url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/back_top.png') no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index:9999999;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
#mob_Q_Category_Select, #Q-quote-holder .quoteHeader{display:none;}
#graph_name{visibility:hidden;}

/* Custom Graph CSS*/
.no_graph{display:none !important}
.view_but {
    font-family: "CiscoSansTTExtraLight";
    font-size: 20px;
    color: #626469;
    display:table-cell;
    padding-right: 10px;
	vertical-align:middle;
}
.toggle_group {display: table; padding:10px 0;}
.text_togg{display:inline-block;background:url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/text_togg.png') no-repeat;width:60px;height:60px;border:0;margin-right:5px; -moz-user-select: none;
   -khtml-user-select: none;-webkit-user-select: none; cursor:pointer;outline: none;}
.graph_togg{display:inline-block;background:url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/graph_togg.png') no-repeat;width:60px;height:60px;border:0; -moz-user-select: none;
   -khtml-user-select: none;-webkit-user-select: none; cursor:pointer;outline: none;}
.c-graph {
    height: auto;
    display: inline-block;
    background: #f5f6f6;
    border: 1px solid #e6e6e6;
}
.chart{
    width: 254px;
    padding: 10px 10px 0px 10px;
    float: left;
    margin-right: 20px;
    position: relative;
    border-right: 2px solid #ffffff;
    margin: 10px 0 35px 0;
}
.bar_column {
    width: 35px;
    height: 100%;
    margin: 27px 30px 0px 30px;
    float: left;
    position: relative;
}

.bar_column .fill{
    width: 100%;
    position: absolute;
    bottom: 28px;
}
.label{
	text-align: center;
}
.bar_column .fill {
    min-height: 1%;
}
.bar_column .fill1{
    background: #58595b;
}
.bar_column .fill2{
    background: #64bbe3;
}
.bottom {
	position: absolute;
    bottom: 0;
    left: 0;
	top: 145px;
    color: #626469;
    font-size: 14px;
    text-align: center;
    width: 100%;
    font-family: 'CiscoSansTTExtraLight';
}
.top {
    position: absolute;
    color: #626469;
    font-size: 13px;
    width: 120px;
    bottom: 0;
    font-family: 'CiscoSansTTExtraLight';
    text-transform: capitalize;
}
.heading {
    position: absolute;
    top: 0px;
    text-align: left;
	line-height: 18px;
    left: 0px;
    padding: 5px 10px 0 10px;
    color: #626469;
    font-size: 14px;
    font-family: 'CiscoSansTTRegular';
    font-weight: normal;
}
.chart:last-child {
    border: none;
}
.onlycenter {
	display: table; 
	height: 100%; 
	margin: 0 auto; 
}
.chart:last-child, .chart:nth-child(4), .chart:nth-child(8), .chart:nth-child(12), .chart:nth-child(16){
    border: #ff0000;
}
.xaxis {
    border-bottom: 1px solid #c0c0c0;
    margin-top: 86%;
}

@-moz-document url-prefix() { 
.bar_column .fill{
    bottom: -119px;
}

}

@media screen\0 {
	.bar_column .fill{
    bottom: -137px;
}
	}
	
/*Safari - Grapgh Column Bottom fix*/
@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) {
@media {
  
.bar_column .fill{  bottom: -137px !important;}
}
@media screen   and (min-device-width: 1200px)   and (max-device-width: 1440px) {
.bar_column .fill{  bottom: 28px !important;}

}
}

@media not all and (min-resolution:.001dpcm) { @media
{
  .bar_column .fill{  bottom: -137px !important;}
}}


/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media
{
    .bar_column .fill{  bottom: -137px !important;}
}}

/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .bar_column .fill{  bottom: -137px !important;}
}}

/* Safari 10.1+ (alternate method) */

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

     .bar_column .fill{  bottom: -137px !important;}
}}


/* Safari 10.0 (not 10.1) */

_::-webkit-:host:not(:root:root), .bar_column .fill{  bottom: -137px !important;}

/* Safari 10.0 (not 10.1) but not on iOS */

_::-webkit-:-webkit-full-screen:host:not(:root:root), .bar_column .fill{  bottom: -137px !important;}

/* Safari 9.0-10.0 (not 10.1) */

_::-webkit-:not(:root:root), .bar_column .fill{  bottom: -137px !important;}@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) {
@media {
  
.bar_column .fill{  bottom: -137px !important;}
}
@media screen   and (min-device-width: 1200px)   and (max-device-width: 1440px) {
.bar_column .fill{  bottom: 28px !important;}

}
}

@media not all and (min-resolution:.001dpcm) { @media
{
  .bar_column .fill{  bottom: -137px !important;}
}}


/* Safari 10.1+ */

@media not all and (min-resolution:.001dpcm) { @media
{
    .bar_column .fill{  bottom: -137px !important;}
}}

/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) { @media
{
    .bar_column .fill{  bottom: -137px !important;}
}}

/* Safari 10.1+ (alternate method) */

@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) {

     .bar_column .fill{  bottom: -137px !important;}
}}


/* Safari 10.0 (not 10.1) */

_::-webkit-:host:not(:root:root), .bar_column .fill{  bottom: -137px !important;}

/* Safari 10.0 (not 10.1) but not on iOS */

_::-webkit-:-webkit-full-screen:host:not(:root:root), .bar_column .fill{  bottom: -137px !important;}

/* Safari 9.0-10.0 (not 10.1) */

_::-webkit-:not(:root:root), .bar_column .fill{  bottom: -137px !important;}


@media only screen and (min-width : 1024px) and (max-width : 1030px) { 
.fh_container {margin: 0 10px;}
.nav ul li {padding: 0 9px 0 0;}
.map_datablock {width:190px;}
/*.slide_cont{display:block;}*/
}

@media only screen and (min-width : 1031px) and (max-width : 1045px) { 
.nav ul li {padding: 0 9px 0 0;}
.map_datablock {width:189px;}
}
@media only screen and (max-width : 1023px){	
.fh_container{max-width:100% !important;margin:0 !important;}
.fh_container h3{font-size:30px;color:#ffffff;padding: 70px 0 0 20px;margin:0;}
.header{height:201px; background-image:url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/title_bg_repeat.jpg');}
.header_title{display:block;height:201px;background-image: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/title_bg.jpg');background-position:top left;
	background-repeat: no-repeat;}
.breadcrumb{margin:0 10px}
.global_icon{display:none}
.countryimage, .drop_arrow, .toggle_group, .c-graph{display: none !important;}
.nav ul{border-bottom:none;}
.nav ul li{display:block;background-color:#eceaee; border-bottom:1px solid #d1cfd2;background-image: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/nav_right_arrow.png');background-position:97.6% 11px;
	background-repeat: no-repeat;cursor:pointer;clear: both;}
li.mobile a.active{background-image: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/nav_down_arrow.png');background-repeat: no-repeat;background-position:98% 16px;background-color:#ffffff;}
.nav ul li a {line-height: 40px;padding-left:10px !important;}
.nav ul li {padding-right:0;}
.nav ul li a:hover{line-height: 40px;border-bottom:none !important;}
.nav ul li a:active, .nav ul li a.active {border-bottom:none; line-height:40px;color:#049fd9;}

.sub_nav {width: 100%;padding-right:0px;}
.sub_nav ul{width:100%}
.sub_nav ul li{background-color:#ffffff;border-bottom:none !important;background-image:none;}
.sub_nav ul li a {padding: 10px 0 10px 10px !important;margin: 0 !important;border-left: 3px solid white;}
li.mobile .sub_active {font-size: 16px;line-height: 16px !important;border-left: 3px solid #049fd9;color:#049fd9 !important;}	
	
.country_block{width: 100%;position:relative;box-shadow:none;padding: 0px !important;border-bottom:1px solid #d1cfd2;}
.right0{right:0;} 
.right129{right:0px;} 
.bright, .bsecond, .bthird{ display:none;}

.footer_block{width:100%;height:auto; border-bottom:none;}
.map_country, .map_datablock{ width:100%;}
.map_country{border:none;padding:0; height:auto;}
.map_datablock{background-color:#ffffff;border:none;}
.block_name{font-family:'CiscoSansTTRegular';font-size:16px;font-weight:normal;text-align:center;padding:0;}
.block_box p {font-size:16px;font-weight:bold;}
.split_line{display:none}

.nav ul li:last-child .country_block{border-bottom:1px solid #d1cfd2;margin-bottom:40px;}
.quotables-step {margin:15px 10px;}
.btn_set{width:96%;margin:2%;}
#Q-quote-holder, .split_line2{width:96%;margin:0 2%;}
#Q-quote-holder p{font-size:14px !important;}
.category_select{display:none;} 
#mob_Q_Category_Select{display:block; width:96%;margin:2%;}
#mob_Q_Category_Select #mob_category_select{display:block;font-family:'CiscoSansTTRegular';font-size:16px;font-weight:normal;width:100%;height:35px;color:#626469;border: 1px solid #c4c4c4;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-khtml-border-radius:3px;background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/nav_right_arrow.png);background-repeat:no-repeat;background-position:98% 9px; padding: 5px;-webkit-appearance: none;}

.all_datas {float: left;height: 210px;margin-top: 65px;}
.map_datablock {position: absolute !important;}
.mob_tab_block{display:block;background-color: #e4e4e5;
    float: left;
    height: 50px;
    width: 100%;
    margin: 0 0 20px 0;}
	
.internet_users, .device_connections, .average_speeds, .average_traffic{float:left;width:24.8%; height:50px;border-right:1px solid #cecece; text-align:center;cursor:pointer;}	
.internet_users{background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/internet_users_icon.png);background-repeat:no-repeat; background-position:center 10px;}
.internet_users:hover, .internet_users.tab_active{background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/internet_users_icon_hover.png);background-repeat:no-repeat;}
.device_connections{background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/device_connections_icon.png);background-repeat:no-repeat; background-position:center 15px;}
.device_connections:hover, .device_connections.tab_active{background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/device_connections_icon_hover.png);background-repeat:no-repeat;}
.average_speeds{background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/average_speeds_icon.png);background-repeat:no-repeat; background-position:center 13px;}
.average_speeds:hover, .average_speeds.tab_active{background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/average_speeds_icon_hover.png);background-repeat:no-repeat;}
.average_traffic{background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/average_traffic_icon.png);background-repeat:no-repeat; background-position:center 13px;border-right:none;}
.average_traffic:hover, .average_traffic.tab_active{background-image:url(/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/average_traffic_icon_hover.png);background-repeat:no-repeat;}

.internet_users:hover span, .device_connections:hover span, .average_speeds:hover span, .average_traffic:hover span, .internet_users.tab_active span, 
.device_connections.tab_active span, .average_speeds.tab_active span, .average_traffic.tab_active span{position:relative;top:-25px;width:0;height:0;border-left:9px solid transparent;border-right:9px solid transparent;border-bottom:9px solid #049fd9;}

.internet_users:hover, .device_connections:hover, .average_speeds:hover, .average_traffic:hover, .tab_active{background-color:#049fd9;}
.internet_users a, .device_connections a, .average_speeds a, .average_traffic a {display: block;  height: 50px;}

.mob_region_nav{display:block;width:93%;background-color: #ffffff;float: left;font-family:'CiscoSansTTRegular';font-size:18px;line-height:30px;color:#626469;background-image: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/mob_region_arrow.png');
	background-position: left 7px;background-repeat: no-repeat;padding: 0px 0 0 12px;margin: 10px 0 0 10px;cursor:pointer;}
.mob_country_nav{display: block;float:left;width: 100%;height: 35px;background-color: #049fd9;   
    z-index: 999;
    position: absolute;
    top: 240px;}
	
.mob_country_nav ul{width:100%;}
.mob_country_nav li {
    line-height: 35px;
}	

.mob_country_nav select {font-family:'CiscoSansTTRegular';font-size:16px;font-weight:normal;
    width: 100%;
    background-color: #049fd9;
	background-image: url('/content/dam/m/en_us/solutions/service-provider/vni-forecast-highlights/images/accordion_down_arrow.png');
	background-repeat:no-repeat;
	background-position: 98% 14px;
	color:#ffffff;
    height: 35px;
	line-height:35px;
    padding-left: 10px;
	margin:0;
	border: none;
    box-shadow: none;
	-webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.mob_country_nav select:focus {outline: none;}
	
.country_name{display:none}	
.mob_country_name{display: inline-block;float:right;font-family:'CiscoSansTTExtraLight';font-size:24px;line-height:24px;color:#049fd8;margin:10px;}	
.slide_cont{display:none;position:absolute;width:100%;top:0;background-color:#ffffff;z-index:99999;}
.newone{display:block;}

}

@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 20px;	
  }
}
@media only screen and (min-width: 1024px) {
/*.chart{width: 246px;}*/
  .cd-top {
    right: 30px;
    bottom: 30px;
  }
  .bright, .bsecond, .bthird{ display:inline-block !important;}
  
  /* New for Graph overlapping issue ----------- */

.onlycenter { margin-top: 35px; }		
.chart {padding: 30px 10px 0px 10px;}

@-moz-document url-prefix() { 
	.bar_column .fill{
    bottom: -136px;
	}	
	.xaxis {margin-right: 12px;}	
}

    
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 460px) {

.internet_users, .device_connections, .average_speeds, .average_traffic{width:24.7%;}
.export_pdf {width: 100%;text-align: center;}
.exp_col_all {width: 100%;text-align: center;margin-top: 20px;}
.mob_country_name {font-size:18px;}
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {

  #Q-quote-holder p{font-size:12px !important;}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  
	  #Q-quote-holder h4, #Q-quote-holder h4.open{font-size:18px !important;}
	  #Q-quote-holder p{font-size:16px !important;}  
}






