@charset "UTF-8";
/* BPSondrio SE andamento 2.0 */
/************************************************
/*                    FONT ICONS
/************************************************/
.icon-up-big:before {
  content: '\e800'; }

/* '' */
.icon-down-big:before {
  content: '\e801'; }

/* '' */
.icon-record:before {
  content: '\e802'; }

/* '' */
.icon-eq:before {
  content: '\e803'; }

/* '' */
.icon-down:before {
  content: '\e804'; }

/* '' */
.icon-up:before {
  content: '\e805'; }

/* '' */
/************************************************
/*                    IMPORT
/************************************************/
[data-icon]:before,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'icons' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: 'icons';
  src: url("../icons/icons.eot?1");
  src: url("../icons/icons.eot?1#iefix") format("embedded-opentype"), url("../icons/icons.woff2?1") format("woff2"), url("../icons/icons.woff?1") format("woff"), url("../icons/icons.ttf?1") format("truetype"), url("../icons/icons.svg?1#icons") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Reset default attributes */
.node .DoraInteractive p,
.DoraInteractive p,
.node .gwtwidget p,
.gwtwidget p,
.gwt-DecoratedPopupPanel p,
.field.body .DoraInteractive p {
  margin: 0; }
.node .DoraInteractive .title,
.DoraInteractive .title,
.node .gwtwidget .title,
.gwtwidget .title,
.gwt-DecoratedPopupPanel .title,
.field.body .DoraInteractive .title {
  margin-top: 0;
  margin-bottom: 0; }
.node .DoraInteractive table, .node .DoraInteractive tr, .node .DoraInteractive th, .node .DoraInteractive td,
.node .DoraInteractive table tbody td,
.node .DoraInteractive table tbody tr td,
.DoraInteractive table,
.DoraInteractive tr,
.DoraInteractive th,
.DoraInteractive td,
.DoraInteractive table tbody td,
.DoraInteractive table tbody tr td,
.node .gwtwidget table,
.node .gwtwidget tr,
.node .gwtwidget th,
.node .gwtwidget td,
.node .gwtwidget table tbody td,
.node .gwtwidget table tbody tr td,
.gwtwidget table,
.gwtwidget tr,
.gwtwidget th,
.gwtwidget td,
.gwtwidget table tbody td,
.gwtwidget table tbody tr td,
.gwt-DecoratedPopupPanel table,
.gwt-DecoratedPopupPanel tr,
.gwt-DecoratedPopupPanel th,
.gwt-DecoratedPopupPanel td,
.gwt-DecoratedPopupPanel table tbody td,
.gwt-DecoratedPopupPanel table tbody tr td,
.field.body .DoraInteractive table,
.field.body .DoraInteractive tr,
.field.body .DoraInteractive th,
.field.body .DoraInteractive td,
.field.body .DoraInteractive table tbody td,
.field.body .DoraInteractive table tbody tr td {
  border-collapse: separate;
  border: 0px;
  border-spacing: 0px;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  line-height: inherit;
  margin: 0;
  text-align: inherit;
  width: 100%;
  padding: 0;
  background-color: transparent !important;
  outline: 0px; }
  .node .DoraInteractive table div, .node .DoraInteractive tr div, .node .DoraInteractive th div, .node .DoraInteractive td div,
  .node .DoraInteractive table tbody td div,
  .node .DoraInteractive table tbody tr td div,
  .DoraInteractive table div,
  .DoraInteractive tr div,
  .DoraInteractive th div,
  .DoraInteractive td div,
  .DoraInteractive table tbody td div,
  .DoraInteractive table tbody tr td div,
  .node .gwtwidget table div,
  .node .gwtwidget tr div,
  .node .gwtwidget th div,
  .node .gwtwidget td div,
  .node .gwtwidget table tbody td div,
  .node .gwtwidget table tbody tr td div,
  .gwtwidget table div,
  .gwtwidget tr div,
  .gwtwidget th div,
  .gwtwidget td div,
  .gwtwidget table tbody td div,
  .gwtwidget table tbody tr td div,
  .gwt-DecoratedPopupPanel table div,
  .gwt-DecoratedPopupPanel tr div,
  .gwt-DecoratedPopupPanel th div,
  .gwt-DecoratedPopupPanel td div,
  .gwt-DecoratedPopupPanel table tbody td div,
  .gwt-DecoratedPopupPanel table tbody tr td div,
  .field.body .DoraInteractive table div,
  .field.body .DoraInteractive tr div,
  .field.body .DoraInteractive th div,
  .field.body .DoraInteractive td div,
  .field.body .DoraInteractive table tbody td div,
  .field.body .DoraInteractive table tbody tr td div {
    width: auto; }

.dateBoxPopup table, .dateBoxPopup tr, .dateBoxPopup th, .dateBoxPopup td {
  border-collapse: separate;
  border: 0px;
  border-spacing: 0px;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
  border-right: 0px;
  line-height: inherit;
  margin: 0;
  text-align: inherit;
  padding: 0;
  outline: 0px; }

.DoraInteractive {
  font-family: "Montserrat", sans-serif;
  width: 100%; }
  .DoraInteractive * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  .DoraInteractive div.row,
  .DoraInteractive div.DORA-row {
    display: block; }
  .DoraInteractive .v-space {
    height: 20px;
    overflow: hidden;
    display: block;
    width: 1px; }
  .DoraInteractive .fleft {
    float: left; }
  .DoraInteractive .fright {
    float: right; }
  .DoraInteractive .full-width.row,
  .DoraInteractive .full-width.DORA-row,
  .DoraInteractive .full-width {
    width: 100%; }
  .DoraInteractive .half-width {
    width: 50%; }
  .DoraInteractive ._3-4-width {
    width: 75%; }
  .DoraInteractive ._1-4-width {
    width: 25%; }
  .DoraInteractive ._1-3-width {
    width: 33%; }
  .DoraInteractive div.row.hide,
  .DoraInteractive div.DORA-row.hide,
  .DoraInteractive .hide {
    display: none; }
  .DoraInteractive .row,
  .DoraInteractive div.row,
  .DoraInteractive .DORA-row,
  .DoraInteractive div.DORA-row {
    overflow: hidden;
    margin: 0; }
  .DoraInteractive div.row.center-div,
  .DoraInteractive div.DORA-row.center-div,
  .DoraInteractive .center-div {
    margin: 0 auto;
    width: fit-content; }
  .DoraInteractive div.chart-preview {
    margin-left: 5px;
    border: 1px solid #dedede; }

div.DORA-row table tbody tr:first-child td {
  border: 0; }

/************************************************
/*                    generic
/************************************************/
/* da $halfbreak a 0 */
@media all and (max-width: 600px) {
  .DoraInteractive .half-width {
    width: 100%; }
  .DoraInteractive ._3-4-width {
    width: 100%; }
  .DoraInteractive ._1-4-width {
    width: 100%; }
  .DoraInteractive ._1-3-width {
    width: 100%; } }
/************************************************
/*                    popup
/************************************************/
.PopupClass-container {
  background: none repeat scroll 0 0 #FDFDFD;
  border: 1px solid grey;
  font-family: "Montserrat", sans-serif;
  width: 280px;
  z-index: 3; }
  .PopupClass-container .DoraCheckBox-MainContainer {
    padding-left: 5px; }
  .PopupClass-container .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn {
    font-weight: bold; }
  .PopupClass-container .DoraCheckBox-Caption {
    width: 272px; }
  .PopupClass-container .DoraCheckBox-Caption:hover {
    background-color: #ce1126;
    color: #3984E4;
    cursor: pointer; }
  .PopupClass-container table {
    margin: 0; }
    .PopupClass-container table .popupMiddleLeft,
    .PopupClass-container table .popupTopLeft,
    .PopupClass-container table .popupBottomLeft {
      width: 0px; }
    .PopupClass-container table .popupMiddleRight,
    .PopupClass-container table .popupTopRight,
    .PopupClass-container table .popupBottomRight {
      width: 0px; }
  .PopupClass-container .CloseClass {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 4px;
    display: none; }

/************************************************
/*                    SerieSelectorBT
/************************************************/
#SerieSelectorBT1 {
  font-family: "Montserrat", sans-serif;
  font-size: 16px; }
  #SerieSelectorBT1 .SerieSelectorBT .btnContainer {
    float: left; }
    #SerieSelectorBT1 .SerieSelectorBT .btnContainer div {
      overflow: hidden;
      float: left; }
    #SerieSelectorBT1 .SerieSelectorBT .btnContainer .serSx,
    #SerieSelectorBT1 .SerieSelectorBT .btnContainer .serDx {
      display: none; }
    #SerieSelectorBT1 .SerieSelectorBT .btnContainer .ser {
      cursor: pointer;
      text-align: center;
      height: 30px;
      line-height: 30px;
      width: 75px; }
    #SerieSelectorBT1 .SerieSelectorBT .btnContainer .serOn,
    #SerieSelectorBT1 .SerieSelectorBT .btnContainer .serOff:hover {
      color: #00547C;
      background-color: transparent; }
    #SerieSelectorBT1 .SerieSelectorBT .btnContainer .serOff {
      color: #00547C;
      background-color: transparent; }

#SerieSelectorBT1 .SerieSelectorBT {
  height: 30px; }
  #SerieSelectorBT1 .SerieSelectorBT .ser {
    font-weight: bold; }
  #SerieSelectorBT1 .SerieSelectorBT .serOff:hover,
  #SerieSelectorBT1 .SerieSelectorBT .serOn {
    border-bottom: 4px solid #00547C; }
  @media all and (max-width: 630px) {
    #SerieSelectorBT1 .SerieSelectorBT {
      border-bottom: 0; } }
  #SerieSelectorBT1 .SerieSelectorBT .btnContainer {
    width: 100px; }
    @media all and (max-width: 630px) {
      #SerieSelectorBT1 .SerieSelectorBT .btnContainer {
        width: 25%;
        border-bottom: 1px solid #e6e6e6; } }
    #SerieSelectorBT1 .SerieSelectorBT .btnContainer .ser {
      line-height: 33px; }
      #SerieSelectorBT1 .SerieSelectorBT .btnContainer .ser:after {
        content: "";
        height: 3px;
        width: 50px;
        margin-left: 13px;
        display: block;
        background-color: transparent; }
      #SerieSelectorBT1 .SerieSelectorBT .btnContainer .ser.serOn:after {
        background-color: #3984E4; }

/************************************************
/*                    StockSelectorBT
/************************************************/
#StockSelectorBT1 {
  font-family: "Montserrat", sans-serif;
  font-size: 14px; }
  #StockSelectorBT1 .StockSelectorBT .selector .btnSxOn,
  #StockSelectorBT1 .StockSelectorBT .selector .btnDxOn,
  #StockSelectorBT1 .StockSelectorBT .selector .btnSxOff,
  #StockSelectorBT1 .StockSelectorBT .selector .btnDxOff {
    display: none; }
  #StockSelectorBT1 .StockSelectorBT .selector .btnOn,
  #StockSelectorBT1 .StockSelectorBT .selector .btnOff {
    overflow: hidden;
    float: left;
    cursor: pointer;
    text-align: center;
    height: 30px;
    line-height: 30px;
    width: 100%; }
  #StockSelectorBT1 .StockSelectorBT .selector .btnOn,
  #StockSelectorBT1 .StockSelectorBT .selector .btnOff:hover {
    color: #ffffff;
    background-color: #ce1126; }
  #StockSelectorBT1 .StockSelectorBT .selector .btnOff {
    color: #ffffff;
    background-color: #9CA2A7; }

#StockSelectorBT1 {
  font-weight: 500;
  text-transform: uppercase; }
  @media all and (max-width: 560px) {
    #StockSelectorBT1 {
      font-size: 12px; } }
  #StockSelectorBT1 .StockSelectorBT .selector {
    max-width: 252px;
    width: 100%;
    float: right; }
    #StockSelectorBT1 .StockSelectorBT .selector .BtnContainer {
      float: left;
      margin-right: 2px;
      width: 49%;
      max-width: 125px; }
      #StockSelectorBT1 .StockSelectorBT .selector .BtnContainer:last-child {
        margin-right: 0; }
      @media all and (max-width: 700px) {
        #StockSelectorBT1 .StockSelectorBT .selector .BtnContainer {
          clear: both;
          float: none;
          margin: 0 0 4px 0;
          width: 100%;
          height: 30px; }
          #StockSelectorBT1 .StockSelectorBT .selector .BtnContainer:last-child {
            margin: 0; } }
      @media all and (max-width: 560px) {
        #StockSelectorBT1 .StockSelectorBT .selector .BtnContainer {
          max-width: 100px; } }
      #StockSelectorBT1 .StockSelectorBT .selector .BtnContainer .btnOn, #StockSelectorBT1 .StockSelectorBT .selector .BtnContainer .btnOff {
        padding: 0 5px; }
      #StockSelectorBT1 .StockSelectorBT .selector .BtnContainer .btnOff:hover {
        background-color: #53575a; }

/************************************************
/*                    ChartTypeSetting
/************************************************/
#ChartTypeSetting1 {
  font-size: 16px;
  cursor: pointer;
  width: 100%;
  /*
  * OFF
  */
 /*
* ON/OFF:hover
*/ }
  #ChartTypeSetting1 .ChartTypeSetting_label {
    color: #00547C;
    font-size: 30px; }
  #ChartTypeSetting1 .ComboContainer {
    width: 100%;
    overflow: hidden;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color: #00547C;
    border: 0; }
    #ChartTypeSetting1 .ComboContainer .gwt-Label {
      float: left;
      height: 0;
      line-height: 0;
      margin-left: 10px; }
    #ChartTypeSetting1 .ComboContainer .gwt-Image {
      float: right;
      width: 0;
      height: 0; }
  #ChartTypeSetting1 .DoraCheckBox-ValueOff:hover {
    cursor: pointer; }
  #ChartTypeSetting1 .ChartTypeContent {
    float: right;
    margin-right: 35px;
    margin-top: 10px; }
    #ChartTypeSetting1 .ChartTypeContent div {
      width: 0;
      height: 0;
      margin-right: 5px; }
  #ChartTypeSetting1 .DoraCheckBox-CheckBox {
    width: 0;
    height: 0; }
  #ChartTypeSetting1 .Linear .DoraCheckBox-ValueOff {
    background-position: 0 -116px; }
  #ChartTypeSetting1 .Column .DoraCheckBox-ValueOff {
    background-position: -185px 0px; }
  #ChartTypeSetting1 .PieColumnGroup .DoraCheckBox-ValueOff {
    background-position: -62px 0px; }
  #ChartTypeSetting1 .Pie .DoraCheckBox-ValueOff {
    background-position: -123px 0px; }
  #ChartTypeSetting1 .ColumnStack .DoraCheckBox-ValueOff {
    background-position: -247px 0px; }
  #ChartTypeSetting1 .CandleStick .DoraCheckBox-ValueOff {
    background-position: 0 -58px; }
  #ChartTypeSetting1 .Ohlc .DoraCheckBox-ValueOff {
    background-position: 0 0; }
  #ChartTypeSetting1 .Area .DoraCheckBox-ValueOff {
    background-position: 0 -174px; }
  #ChartTypeSetting1 .Linear .DoraCheckBox-ValueOn,
  #ChartTypeSetting1 .Linear .DoraCheckBox-ValueOff:hover {
    background-position: 0 -116px; }
  #ChartTypeSetting1 .Column .DoraCheckBox-ValueOn,
  #ChartTypeSetting1 .Column .DoraCheckBox-ValueOff:hover {
    background-position: -185px -32px; }
  #ChartTypeSetting1 .PieColumnGroup .DoraCheckBox-ValueOn,
  #ChartTypeSetting1 .PieColumnGroup .DoraCheckBox-ValueOff:hover {
    background-position: -62px -32px; }
  #ChartTypeSetting1 .Pie .DoraCheckBox-ValueOn,
  #ChartTypeSetting1 .Pie .DoraCheckBox-ValueOff:hover {
    background-position: -123px -32px; }
  #ChartTypeSetting1 .ColumnStack .DoraCheckBox-ValueOn,
  #ChartTypeSetting1 .ColumnStack .DoraCheckBox-ValueOff:hover {
    background-position: -247px -32px; }
  #ChartTypeSetting1 .CandleStick .DoraCheckBox-ValueOn,
  #ChartTypeSetting1 .CandleStick .DoraCheckBox-ValueOff:hover {
    background-position: 0 -58px; }
  #ChartTypeSetting1 .Ohlc .DoraCheckBox-ValueOn,
  #ChartTypeSetting1 .Ohlc .DoraCheckBox-ValueOff:hover {
    background-position: 0 0; }
  #ChartTypeSetting1 .Area .DoraCheckBox-ValueOn,
  #ChartTypeSetting1 .Area .DoraCheckBox-ValueOff:hover {
    background-position: 0 -174px; }
  #ChartTypeSetting1 .DoraCheckBox-Caption {
    display: none; }
  #ChartTypeSetting1 .DoraCheckBox-MainContainer {
    float: left; }
  #ChartTypeSetting1 .custom-popup {
    z-index: 3;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    width: 100%;
    height: 170px;
    background-color: #f9f9f9;
    border: 1px solid #AFAFAF;
      /*
          .Linear.DoraCheckBox-ValueOff
          {
            background: $background-LinearOff;
          }
          .Column.DoraCheckBox-ValueOff
          {
            background: $background-ColumnOff;
          }
          .PieColumnGroup.DoraCheckBox-ValueOff
          {
            background: $background-PieColumnGroupOff;
          }
          .Pie.DoraCheckBox-ValueOff
          {
            background: $background-PieOff;
          }
          .ColumnStack.DoraCheckBox-ValueOff
          {
            background: $background-ColumnStackOff;
          }
          .CandleStick.DoraCheckBox-ValueOff
          {
            background: $background-CandleStickOff;
          }
          .Ohlc.DoraCheckBox-ValueOff
          {
            background: $background-OhlcOff;
          }

      */
   /*
  * ON/OFF:hover
  */
    /*
        .Linear.DoraCheckBox-ValueOn,
        .Linear.DoraCheckBox-ValueOff:hover
        {
          background: $background-LinearOn;
        }
        .Column.DoraCheckBox-ValueOn,
        .Column.DoraCheckBox-ValueOff:hover
        {
          background: $background-ColumnOn;
        }
        .PieColumnGroup.DoraCheckBox-ValueOn,
        .PieColumnGroup.DoraCheckBox-ValueOff:hover
        {
          background: $background-PieColumnGroupOn;
        }
        .Pie.DoraCheckBox-ValueOn,
        .Pie.DoraCheckBox-ValueOff:hover
        {
          background: $background-PieOn;
        }
        .ColumnStack.DoraCheckBox-ValueOn,
        .ColumnStack.DoraCheckBox-ValueOff:hover
        {
          background: $background-ColumnStackOn;
        }
        .CandleStick.DoraCheckBox-ValueOn,
        .CandleStick.DoraCheckBox-ValueOff:hover
        {
          background: $background-CandleStickOn;
        }
        .Ohlc.DoraCheckBox-ValueOn,
        .Ohlc.DoraCheckBox-ValueOff:hover
        {
          background: $background-OhlcOn;
        }
    */ }
    #ChartTypeSetting1 .custom-popup .CloseClass {
      display: none; }
    #ChartTypeSetting1 .custom-popup table tbody {
      border: 0; }
    #ChartTypeSetting1 .custom-popup .PopupSelectorContainer {
      width: 100%; }
    #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff {
      color: #00547C; }
    #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn,
    #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover {
      color: #00547C; }
    #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer {
      cursor: pointer; }
      #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
        padding-left: 5px; }

#ChartTypeSetting1 {
  font-weight: bold; }
  #ChartTypeSetting1 .ChartTypeSetting_label {
    margin-bottom: 20px; }
  #ChartTypeSetting1 .CssClassContent {
    height: 36px; }
  #ChartTypeSetting1 .DoraCheckBox-MainContainer {
    width: 70px;
    margin-right: 10px;
    color: #00547C;
    text-align: center;
    line-height: 33px; }
    @media all and (max-width: 630px) {
      #ChartTypeSetting1 .DoraCheckBox-MainContainer {
        width: 25%;
        margin-right: 0; } }
    #ChartTypeSetting1 .DoraCheckBox-MainContainer:hover .DoraCheckBox-Caption, #ChartTypeSetting1 .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn .DoraCheckBox-Caption {
      border-bottom: 4px solid #00547C; }
  #ChartTypeSetting1 .DoraCheckBox-Caption {
    display: block; }

/************************************************
/*                    IndicatorSetting
/************************************************/
#IndicatorSetting1 {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #00547C; }
  #IndicatorSetting1 div {
    overflow: hidden;
    display: block; }
  #IndicatorSetting1 .EnableCss {
    color: #00547C;
    font-size: 30px; }
  #IndicatorSetting1 input {
    border-radius: 0;
    width: 40px;
    float: left;
    margin-left: 10px;
    margin-top: 0;
    text-align: right;
    border: 1px solid #9CA2A7; }
  #IndicatorSetting1 .indicators-column {
    width: 33.3%;
    float: left; }
    #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer {
      margin-top: 0;
      overflow: hidden;
      float: left;
      cursor: pointer; }
      #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
        width: 19px;
        height: 19px;
        cursor: pointer; }
      #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
        float: left; }
      #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
        color: #00547C;
        float: left;
        padding-left: 8px;
        cursor: pointer; }
      #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
        color: #dfdfdf;
        background: url("../images/CheckBox.png") no-repeat;
        background-position: left top; }
      #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
        color: #000000;
        background: url("../images/CheckBox.png") no-repeat;
        background-position: 0 -19px; }

#IndicatorSetting1 {
  font-weight: bold; }
  #IndicatorSetting1 .EnableCss {
    margin-bottom: 20px; }
  #IndicatorSetting1 .Indicator-Container {
    width: 50%;
    display: inline-block !important;
    vertical-align: middle; }
  @media all and (max-width: 630px) {
    #IndicatorSetting1 .indicators-content {
      border-bottom: 0; } }
  @media all and (max-width: 630px) {
    #IndicatorSetting1 .indicators-column {
      width: 100%;
      border-bottom: 1px solid #e6e6e6; }
      #IndicatorSetting1 .indicators-column.indicators-column-3 {
        border-bottom: 0; } }
  #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer {
    line-height: 36px; }
    #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
      margin-top: 8px;
      height: 18px; }
    @media all and (max-width: 650px) {
      #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
        padding-left: 4px; } }

#IndicatorSetting2 {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  color: #00547C; }
  #IndicatorSetting2 div {
    overflow: hidden;
    display: block; }
  #IndicatorSetting2 .EnableCss {
    color: #00547C;
    font-size: 30px; }
  #IndicatorSetting2 input {
    border-radius: 0px;
    width: 200px;
    float: left;
    margin-left: 10px;
    margin-top: 0;
    text-align: right;
    border: 1px solid #3fd8c6; }
  #IndicatorSetting2 .indicators-column {
    width: 275px;
    float: left; }
    #IndicatorSetting2 .indicators-column .DoraCheckBox-MainContainer {
      margin-top: 0;
      overflow: hidden;
      float: left;
      cursor: pointer; }
      #IndicatorSetting2 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
        width: 19px;
        height: 19px;
        cursor: pointer; }
      #IndicatorSetting2 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
        float: left; }
      #IndicatorSetting2 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
        color: #00547C;
        float: left;
        padding-left: 8px;
        cursor: pointer; }
      #IndicatorSetting2 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
        color: #dfdfdf;
        background: url("../images/CheckBox.png") no-repeat;
        background-position: left top; }
      #IndicatorSetting2 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
        color: #000000;
        background: url("../images/CheckBox.png") no-repeat;
        background-position: 0 -19px; }

#IndicatorSetting2 .EnableCss {
  font-weightfamily: bold;
  margin-bottom: 15px; }
#IndicatorSetting2 input {
  outline: none;
  margin-left: 18px;
  width: 200px;
  height: 35px;
  padding-left: 16px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  text-align: left; }
#IndicatorSetting2 .indicators-content {
  padding-bottom: 15px; }
@media all and (max-width: 630px) {
  #IndicatorSetting2 .indicators-column {
    width: 100%; }
    #IndicatorSetting2 .indicators-column.indicators-column-1 {
      margin-top: 15px; } }
#IndicatorSetting2 .indicators-column .DoraCheckBox-MainContainer {
  line-height: 36px; }
  #IndicatorSetting2 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    margin-top: 8px;
    height: 18px; }

/************************************************
/*                    StockCompareSelectorCB
/************************************************/
#StockCompareSelector1 {
  font-size: 15px;
  font-family: "Montserrat", sans-serif; }
  #StockCompareSelector1 .CssSelectorContainer {
    width: 100%; }
    #StockCompareSelector1 .CssSelectorContainer .CssClassLabel {
      width: 100%;
      color: #00547C;
      font-size: 30px;
      margin: 0px 0px 20px 0px; }
    #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent {
      color: #00547C; }
      #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer {
        cursor: pointer;
        float: left;
        border: 0;
        border-radius: 0px;
        height: 36px;
        margin-right: 0;
        margin-bottom: 0px;
        width: 100%; }
        #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
          width: 19px;
          height: 19px;
          float: left;
          cursor: pointer; }
        #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
          color: #dfdfdf;
          background: url("../images/CheckBox.png") no-repeat;
          background-position: left top; }
        #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
          color: #000000;
          background: url("../images/CheckBox.png") no-repeat;
          background-position: 0 -19px; }
        #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
          height: 36px;
          line-height: 36px;
          padding-left: 8px;
          padding-right: 0;
          float: left; }
        #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption:hover {
          color: #00547C;
          background-color: transparent;
          border-radius: 0px; }
      #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff {
        color: #00547C;
        background-color: transparent; }
      #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOn,
      #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff:hover {
        color: #00547C;
        background-color: transparent; }

#StockCompareSelector1 .CssSelectorContainer {
  font-weight: bold; }
  #StockCompareSelector1 .CssSelectorContainer .CssClassLabel {
    font-family: "Montserrat", sans-serif; }
  @media all and (max-width: 630px) {
    #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent {
      padding-bottom: 15px; } }
  #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent > div {
    height: 36px;
    width: 50%;
    display: inline-block;
    border-bottom: 1px solid #e6e6e6; }
    @media all and (max-width: 630px) {
      #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent > div {
        height: auto;
        width: 100%;
        border-bottom: 0;
        clear: both; }
        #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent > div .DoraCheckBox-MainContainer {
          width: 100%;
          height: auto;
          clear: both; }
          #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent > div .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
            height: auto;
            line-height: 28px; } }
    #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent > div:last-child {
      clear: both;
      width: 100%; }
      #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent > div:last-child .DoraCheckBox-MainContainer {
        width: 100%; }
  #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    margin-top: 8px;
    height: 18px; }
    @media all and (max-width: 630px) {
      #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
        margin-top: 4px; } }

/************************************************
/*                    NewsListHide
/************************************************/
#NewsListHide1 {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  width: 100%; }
  #NewsListHide1 .CssOn, #NewsListHide1 .CssOff {
    width: 100%;
    height: 33px;
    line-height: 33px;
    text-align: center;
    cursor: pointer; }
  #NewsListHide1 .gwt-Label.CssOn, #NewsListHide1 .gwt-Label.CssOff {
    border: 0; }
  #NewsListHide1 .CssOn, #NewsListHide1 .CssOff:hover {
    color: #00547C;
    background-color: transparent; }
  #NewsListHide1 .CssOff {
    color: #00547C;
    background-color: transparent; }

#NewsListHide1 .DoraCheckBox-MainContainer {
  height: 36px;
  color: #00547C;
  font-weight: bold;
  cursor: pointer; }
  #NewsListHide1 .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    margin-top: 8px;
    height: 18px;
    width: 19px;
    cursor: pointer;
    float: left;
    background: url(../images/CheckBox.png) no-repeat; }
    #NewsListHide1 .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
      background-position: left top; }
    #NewsListHide1 .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
      background-position: 0 -19px; }
  #NewsListHide1 .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    float: left;
    height: 36px;
    line-height: 36px;
    padding-left: 8px; }

/************************************************
/*                    Chart_C
/************************************************/
#Chart_C11:first-child {
  width: 100%; }

#Chart_C11 {
  padding: 0 0 0 0; }
  #Chart_C11 .accessible-chart {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal;
    width: 1px;
    height: 1px;
    overflow: hidden; }
  #Chart_C11 .highcharts-button {
    display: none; }
  #Chart_C11 .ChartStyle1 {
    width: 100%; }
    #Chart_C11 .ChartStyle1 .PieChartContainerCss {
      display: inline-block; }
    #Chart_C11 .ChartStyle1 .ChartPrintCss {
      display: none; }
  #Chart_C11 .ChartStyle1.custom-popup {
    height: 200px;
    width: 200px; }
  #Chart_C11 .highcharts-tooltip .comparative {
    display: block;
    overflow: hidden;
    padding-top: 5px; }
    #Chart_C11 .highcharts-tooltip .comparative .share-value {
      display: none; }

#Chart_C11 {
  padding: 50px 0 25px 0; }
  #Chart_C11 .tooltip-news-body {
    display: none; }
  #Chart_C11 .highcharts-markers, #Chart_C11 .text {
    cursor: pointer; }
  #Chart_C11 .share-name {
    font-size: 12px; }

/************************************************
/*                    Label
/************************************************/
#Label1, #Label2 {
  height: auto; }
  #Label1 div a, #Label2 div a {
    margin-left: 3px;
    text-decoration: none;
    color: #00547C;
    font: "Montserrat", sans-serif;
    font-size: 30px; }
  #Label1 .csslabel .gwt-HTML, #Label2 .csslabel .gwt-HTML {
    margin-left: 3px;
    text-decoration: none;
    color: #00547C;
    font: "Montserrat", sans-serif;
    font-size: 30px;
    line-height: auto; }
  #Label1 .csslabel .gwt-Label, #Label2 .csslabel .gwt-Label {
    font: "Montserrat", sans-serif;
    font-size: 30px;
    color: #00547C; }

#Label3 {
  height: auto; }
  #Label3 div a {
    margin-left: 3px;
    text-decoration: none;
    color: #6f6f6e;
    font: 11px "Montserrat", sans-serif;
    font-size: 11px; }
  #Label3 .csslabel .gwt-HTML {
    margin-left: 3px;
    text-decoration: none;
    color: #6f6f6e;
    font: 11px "Montserrat", sans-serif;
    font-size: 11px;
    line-height: auto; }
  #Label3 .csslabel .gwt-Label {
    font: 11px "Montserrat", sans-serif;
    font-size: 11px;
    color: #6f6f6e; }

#Label3 {
  padding-top: 16px; }

#Label90 {
  height: auto; }
  #Label90 div a {
    margin-left: 3px;
    text-decoration: none;
    color: #000000;
    font: "Montserrat", sans-serif;
    font-size: 12px; }
  #Label90 .csslabel .gwt-HTML {
    margin-left: 3px;
    text-decoration: none;
    color: #000000;
    font: "Montserrat", sans-serif;
    font-size: 12px;
    line-height: auto; }
  #Label90 .csslabel .gwt-Label {
    font: "Montserrat", sans-serif;
    font-size: 12px;
    color: #000000; }

.DoraInteractive #Label1, .DoraInteractive #Label2 {
  font-weight: bold; }

/************************************************
/*                    KPI 2.0
/************************************************/
.DoraInteractive .disclaimer {
  font-family: "Montserrat", sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-align: right; }
.DoraInteractive .padding-2 {
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 5px;
  display: block;
  overflow: hidden; }
.DoraInteractive .margin-1 {
  margin-top: 20px; }
.DoraInteractive .mtb20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }
.DoraInteractive .mt20 {
  margin-top: 20px !important; }
.DoraInteractive .mb15 {
  margin-bottom: 15px !important; }
.DoraInteractive .mb20 {
  margin-bottom: 20px !important; }
.DoraInteractive .mb35 {
  margin-bottom: 35px !important; }
.DoraInteractive .mb40 {
  margin-bottom: 40px !important; }
  @media all and (max-width: 630px) {
    .DoraInteractive .mb40 {
      margin-bottom: 15px !important; } }
.DoraInteractive .mb50 {
  margin-bottom: 50px !important; }
  @media all and (max-width: 630px) {
    .DoraInteractive .mb50 {
      margin-bottom: 20px !important; } }
.DoraInteractive .loghi img {
  clear: both;
  display: block;
  vertical-align: bottom;
  max-width: 120px; }

/************************************************
/*                    CUSTOM
/************************************************/
.DoraInteractive div.row.height-separator:not(.fullwidthRow),
.DoraInteractive div.row.height-separator {
  margin-top: 20px; }
.DoraInteractive div.row.height-separator2:not(.fullwidthRow),
.DoraInteractive div.row.height-separator2 {
  margin-top: 10px; }

/*# sourceMappingURL=DoraInteractiveTable.css.map */