@font-face {
      font-family: "Roboto-Bold-webfont";
      src: url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Bold-webfont.eot");
      src: url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Bold-webfont.woff") format("woff"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Bold-webfont.ttf") format("truetype"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Bold-webfont.svg#Roboto-Bold-webfont") format("svg");
      font-weight: normal;
      font-style: normal;
}
@font-face {
      font-family: "Roboto-Regular-webfont";
      src: url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Regular-webfont.eot");
      src: url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"),url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Regular-webfont.woff") format("woff"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Regular-webfont.svg#Roboto-Regular-webfont") format("svg");
      font-weight: normal;
      font-style: normal;
}
@font-face {
      font-family: "Roboto-Light-webfont";
      src: url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"),url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Light-webfont.woff") format("woff"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Light-webfont.ttf") format("truetype"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Light-webfont.svg#Roboto-Light-webfont") format("svg");
      font-weight: normal;
      font-style: normal;
}
@font-face {
      font-family: "Roboto-Italic-webfont";
      src: url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"),url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Italic-webfont.woff") format("woff"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("//tools.eurolandir.com/tools/Fragulizer/Config/Company/es-psg/fonts/Roboto-Italic-webfont.svg#Roboto-Italic-webfont") format("svg");
      font-weight: normal;
      font-style: normal;
}
body{
	margin: 0px;
color:#333333;
    font-family:"Roboto-Regular-webfont",​Arial,​Helvetica,​sans-serif;
    font-size:14px;
  background: transparent;
}
.hyperlink, .disclaimer-box a, .cookies-box a, #customperiod
{
    color:#333333;
    text-decoration: none;
}
.hyperlink:hover, .disclaimer-box a:hover, .cookies-box a:hover, #customperiod:hover
{
    color:#333333;
    text-decoration: underline;
}

td.td-exchange-header{
    border-left: 1px solid #ddd;
}  
td.td-time-header, td.td-changepro-header{
}  
td.table-row {
    line-height: 25px !important;
    vertical-align: middle;
    border-bottom: 0px solid #CACACA;
    padding: 12px 10px;
}
td.td-time, td.td-changepro {
  
} 
.wrapper{
    width: 700px;
}
.second-heading
{
    font-weight: bold;
}
#columnChartArea{
    width: 100%;
}
.EUCalendar-day-selected
{
    background-color:#ee6114 !important;
}
.custom-range-calendar
{
    border: 1px solid #ccc !important;
}

@media (max-width: 670px)
{
    /* market share */
    .market-share
    {
        width: 30%;
        float: left;
    }

    .pie-chart-container
    {
        padding-left: 0px;
        float: left;
        height: 200px;
    }

    #pie-chart
    {
        width: 100%;
    }
}

.table-share-row-odd {
      background: #E5E5E5!important;
}
.table-share-row-even {
      background: #ffffff!important;
}
.table-header {
       border-radius: 0;
    padding: 8px 10px;
    font-size: 16px;
    font-weight: normal;
    height: 28px;
    color:#ccc!important;
    border:0px;
    white-space: nowrap;
    background: none repeat scroll 0 0 #FFD103!important;
    border-bottom: 4px solid #ffffff;
}

.wrapper {
    width: 1090px;
    margin: 0px auto;
}


.activity-trend {
    margin-top: 2%;
}



#columnChartArea,
.wrapper {
    width: 100%;
	max-width: 1220px;
}

.main-activity-chart {
 
  float: left;
    height: 200px;
    margin: 1%;
    width: 32%;
    margin-top: 20px;
    display: inline-block;
}

.other-activity-chart-container {
    width: 66%;
}

.other-activity-chart {
    float: none;
    height: 200px;
    margin: 1%;
    width: 35%;
    margin-top: 20px;
    display: inline-block;
}

.highcharts-title tspan {
    font-weight: bold;
}



table.table-market-share {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 20px;
}
.market-share {
    display: inline-block;
    margin-right: 0px;
    width: 50%;
}
.pie-chart-container {
    width: 50%;
    display: inline-block;
}

.fragmentation #chart-container {
    height: 250px;
    margin: 0px 1.5%;
}


@media (max-width: 690px) {
    /* market share */
    .market-share {
        width: 40%;
        float: left;
        margin-right: 0;
    }

    .pie-chart-container {
        width: 55%;
        padding-left: 0px;
        float: left;
        height: 200px;
    }

    #pie-chart {
        width: 100%;
    }
}

@media (max-width: 680px) {
    /* market share */
    .chart-tooltip {
        font-size: 10px !important;
    }

    .pie-chart-container {
        padding-left: 0px;
        float: left;
        height: 200px;
    }

    .share-type-selection, .share-selection {
        margin: 0%;
    }



    table.table-market-share {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 20px;
    }

    .fragmentation #chart-container {
        height: 250px;
        margin: 0%;
    }
}


@media (max-width: 480px) {
    .market-share {
        width: 100%;
        float: left;
        margin-right: 0;
    }

    .main-activity-chart {
        
        float: none;
        height: 200px;
        margin: 0 auto!important;
        width: 80%!important;
        display: block;
    }

    .other-activity-chart {
        display: block;
        float: none;
        height: 200px;
        margin: 0 auto!important;
        width: 80%!important;
    }

    .other-activity-chart-container {
        width: 100%;
        display: inline-block;
        padding: 0%;
    }
    #pie-chart, .market-share {
        width: 100% !important;
    }

    .main-activity-chart {
        margin: 0%;
    }
}

.main-activity-chart .highcharts-container{
    max-width: 100%;
}
.market-share-heading {
    margin-top: 4%;
}

@media (max-width: 316px){
	body,
    .table-header {
        font-size: 14px;
    }
	
	td.table-header.table-of-instruments-header.td-time-header,
	td.table-row.table-of-instrument-row.td-time.border-inline {
		display: none !important;
	}
}