
.hidePriceDetails {display: none;}
.page-navigation.noborder{ border:none;}
.marginLeft5{ margin-left:5px !important;}
.stoxxcom-pagination li{cursor:hand;}
.stoxxcom-pagination li.serial-number:hover {background-color: #aada14;}
.stoxxcom-pagination li.page-navigation:hover {background-color: #ffffff;}
.stoxxcom-pagination li.serial-number:hover ,.single-arrow:hover , .double-arrow:hover{background-color: #aada14; color:white; cursor:pointer;}
.stoxxcom-pagination .serial-number.selected{background-color: #92BA14;color: white;cursor: pointer;}
.stoxxcom-pagination .serial-number.selected:hover{background-color:#aada14}
.discovery-search-adsection .lorem-ipsum{
	overflow-wrap:break-word;
}

.discovery-display.paginated.orbit-slides-container{
	height: 185px !important;
}
.stoxx .stoxxcom-pagination .single-arrow,
.stoxx .stoxxcom-pagination .single-arrow {
	padding: 8px 12px !important;
}
.packageText{ height: 90px !important;}
.chart-loader{
	border: 1px solid #85C500;
	padding: 10px !important;
	background-color: #fff;
	padding-left: 25px !important;
	background-image: url('../images/ajax-loader.gif');
	color: #85C500;
	background-repeat: no-repeat;
	background-position: 6px 12px;
}
.searchindex-stoxx-error {
background: none !important;
color: #c60f13 !important;
font-size: 12px !important;
padding: .25em .25em !important;
margin-bottom: 0 !important;
}

/*** ZoomBtn related changes ***/
#zoomBtn {
  display: none;
  position: absolute;
  top: 10px;
  right: 0;
  margin-right: 15px;  
  z-index: 9;  
  text-align: center;
}

#zoomBtn a {
  padding: 0 5px;
}

#zoomLevels {
  display: inline-block;
  width: 40px;  
}

.stoxx .height200px{height:200px;}
.stoxx .height300px{height:300px;overflow:hidden};
.settingOverlay input[type=button].button-secondary{margin-bottom:0;}
.indices-page-content .orbit-container{padding-left:0;padding-right:0}
@media only screen and (min-width:1200px){
  #indices-page .new-tile .container{width:306px}
}
@media screen and (max-width: 767px) {
	.stoxx .graphControls .addToBenchmarkIcon +li+li+li{margin-top:12px}
	.stoxx .index-details-page-content .graphControls .addToBenchmarkIcon +li+li,
	.stoxx .index-details-page-content .graphControls .addToBenchmarkIcon +li+li+li,
	.stoxx .index-details-page-content .graphControls .addToBenchmarkIcon +li+li+li+li{margin-left:0px!important}

  /*** ZoomBtn related changes ***/
  #zoomBtn {
    display: block;
  }
}

/*START: List view related changes*/
.search-result-icons{
  display: inline-block;
  width: 19px;
  height: 15px;
  background:url('/STOXX-DigitalMain-theme/images/stoxx/global/search-result-icon-sprite.png');
}
.search-result-icons.grid.active{
  background-position: 0px 0px;
  cursor: default;
}
.search-result-icons.grid.inactive{
  background-position: 0px -25px;
}
.search-result-icons.list.active{
  background-position: 0px -50px;
  cursor: default;
}
.search-result-icons.list.inactive{
  background-position: 0px -75px;
}
.pipeSeparator{
  position: relative;
  top: -3px;
}

.discovery-search-page-content.list .index-box-container-pading.new-tile {
   width: 100%; margin-bottom:0px; 
   padding-left:0px; padding-right:0px;
}
.discovery-search-page-content.list .index-box-container-pading.new-tile .index-box-container { margin-bottom:0px; 
    border-bottom: 1px dashed #e4e4e4; outline:none;box-shadow:none; border-left:none; border-right:none; 
    border-top:none;max-width: inherit; overflow:visible;
 width: 100%;}
.discovery-search-page-content.list .index-box-container-pading.new-tile:nth-child(even){ 
  background:#f9f9f9; outline-bottom: 1px dashed #e4e4e4;
}
.discovery-search-page-content.list .index-box-container-pading.new-tile .stoxx-val, .discovery-search-page-content.list .index-box-container-pading.new-tile .large-4.small-4.left , .discovery-search-page-content.list .index-box-container-pading.new-tile .expand-me.view-details{ display:none; border-bottom:none;}
.discovery-search-page-content.list .index-box-container-pading.new-tile .details , .discovery-search-page-content.list .index-box-container-pading.new-tile hr { border:none; height:auto;}
.discovery-search-page-content.list .index-box-container-pading.new-tile .details{height:auto; float:left;padding-right: 212px;}
.discovery-search-page-content.list .index-box-container-pading.new-tile .details .large-8.small-8.medium-8.left{ width:100%;}

.discovery-search-page-content.list .index-box-container{height:auto; padding-top:7px; padding-bottom:7px;}
.discovery-search-page-content.list .index-box-container-pading.new-tile .compare{width: 212px; position:absolute; top:3px; right:0px;}
.discovery-search-page-content.list  .container.index-box-container .box-heading{cursor:pointer;color: #92ba14 !important; font-family: 'OpenSans-Regular';}
.discovery-search-page-content.list .row#tileViewSearchResult{padding:0px 10px;}
.discovery-search-page-content.list .stoxxcom-pagination{margin-top:15px;}
.discovery-search-page-content.list .list-view-nopadding{padding:0;}

/* Mobile view */
@media only screen and (min-width:320px) and (max-width:768px){
    .discovery-search-page-content.list .index-box-container-pading.new-tile{ width:100%; margin-bottom:15px;}
    .discovery-search-page-content.list .index-box-container-pading.new-tile .index-box-container{
      border: 1px solid #dedede;
      box-shadow: 0 0 1px 1px #dedede;
    }
    .discovery-search-page-content.list .index-box-container{ padding-top:0px; padding-bottom:8px;}
    .discovery-search-page-content.list .index-box-container-pading.new-tile .index-box-container a.default hr{ display:none;}
    .discovery-search-page-content.list .index-box-container-pading.new-tile .details{ padding:1em 0.5em;}
    .discovery-search-page-content.list .index-box-container-pading.new-tile hr{           
	  border: solid #ddd;
	  border-width: 1px 0 0;
    }
    .discovery-search-page-content.list .index-box-container-pading.new-tile .compare{
      width: 100%;
      position: static;
      top: 0;
      right: 0px;
    }
    .aui .stoxx .container .stoxx-val{
      font-size: 1.1em;
    }
}

#index-details-page .highcharts-input-group {
  display: none;
}
/*END: List view related changes*/
/*START:BUG-ID:2266  This css property is added for the viewindexdetails page carusel for emperical tags by Vinay  */


#myCarousel {clear:both; background-color:#f5f5f5;}
.carousel {position: relative; margin-bottom: 20px; line-height: 1.2em;}
.carousel-inner {position: relative; width: 100%; overflow: hidden;min-height: 280px;}
.carousel-inner > .item {position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left;transition: 0.6s ease-in-out left;}
.carouslenav {z-index:999; clear:both; overflow:hidden; float:right; margin:0px 0px 10px 0px; height: 45px; width:100px;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {display: block; line-height: 1;}
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {display: block;}
.carousel-inner > .active {left: 0;}
.carousel-inner > .next, .carousel-inner > .prev {position: absolute; top: 0; width: 100%;}
.carousel-inner > .next {left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left, .carousel-inner > .prev.right {left: 0;}
.carousel-inner > .active.left {left: -100%;}
.carousel-inner > .active.right {left: 100%;}
.carousel-control {top:0px; border-radius:0px; padding:2px 10px; font-size: 20px; font-weight: 20; line-height: 35px; color: #e18416; text-align: center; background: #fff; text-decoration: none;}
.carousel-control a {text-decoration:none;}
.carousel-control.right {left: auto; right: 15px; background: #fff none repeat scroll 0 0; border: 1px solid #ccc; color: #e18416;}
.carousel-control.left {left: auto; right: 65px; background: #fff none repeat scroll 0 0; border: 1px solid #ccc;  color: #e18416;}
.carousel-control:hover, .carousel-control:focus {color: #e18416; text-decoration: none;}
.carousel-indicators {position: absolute; top: 15px; right: 15px; z-index: 5; margin: 0; list-style: none;}
.carousel-indicators li {display: block; float: left; width: 10px; height: 10px;  margin-left: 5px; text-indent: -999px; background-color: #ccc; background-color: rgba(255, 255, 255, 0.25); border-radius: 5px;}
.carousel-indicators .active {background-color: #fff;}
.carousel-caption {position: absolute; right: 0; bottom: 0; left: 0; padding: 15px; background: #333333; background: rgba(0, 0, 0, 0.75);}
.carousel-caption h4, .carousel-caption p {line-height: 20px; color: #ffffff;}
.carousel-caption h4 {margin: 0 0 5px;}
.carousel-caption p {margin-bottom: 0;}

/* indices carousel */
ul.sindices {
	margin:17px 0px 10px 2px; 
	padding:0px; 
	overflow:hidden;
	}
ul.sindices li {
	display:inline-block;
	}
ul.sindices li div {
	border: solid 1px #d7d8d9; 
	background-color: #fff; 
	margin-bottom: 10px; 
	list-style-type: none; 
	float: left; 
	margin-left: 10px; 
	padding: 0 1.2em;
	}
ul.sindices li a {
	height: 4em; 
	color: #000; 
	font-size: 13px;
	padding: 5px 0; 
	text-align: center; 
	text-decoration: none; 
	display:table-cell; 
	vertical-align:middle; 
	width: 110px; 
	white-space:normal;
	}
ul.sindices li div a {
    height: 5.5em;
    color: #000;
    font-size: 13px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    width: 110px;
    white-space: normal;
}
a.carousel-control.prev{border-radius: 0; top:0px; position:relative; border:1px solid #ccc; padding: 5px 15px;}
a.carousel-control.next{border-radius: 0; top:0px; position:relative; border:1px solid #ccc; padding: 5px 15px;}

@media screen and (max-width: 320px) {
                ul.sindices li a {width:50px;}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) {
                ul.sindices li a {width:84px;} 
                .aui .stoxx .new-tile .expand-me {text-align:right;}
}
@media only screen and (min-device-width:481px) and (max-device-width:667px) {
                ul.sindices li a {width:112px;}
}




/* END : BUG-ID:2266  This css property is added for the viewindexdetails page carusel for emperical tags by Vinay */ 

