@charset "UTF-8"; /* CNH DDE full Interactive 2.0 */ /************************************************ /* FONTS /************************************************/ @font-face { font-family: "CodecWarm"; src: url(../fonts/Codec-Warm-Regular.eot); src: url(../fonts/Codec-Warm-Regular?#iefix) format("embedded-opentype"), url(../fonts/Codec-Warm-Regular.woff) format("woff"), url(../fonts/Codec-Warm-Regular.ttf) format("truetype"), url(../fonts/Codec-Warm-Regular.svg#Codec-Warm-Regular) format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "CodecWarm Bold"; src: url(../fonts/Codec-Warm-Bold.eot); src: url(../fonts/Codec-Warm-Bold.eot?#iefix) format("embedded-opentype"), url(../fonts/Codec-Warm-Bold.woff) format("woff"), url(../fonts/Codec-Warm-Bold.ttf) format("truetype"), url(../fonts/Codec-Warm-Bold.svg#Codec-Warm-Bold) format("svg"); font-weight: bold; font-style: normal; } /************************************************ /* FONT ICONS /************************************************/ .icon-checkbox-on:before, #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before { content: '\e800'; } /* '' */ .icon-checkbox-off:before, #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before { content: '\e801'; } /* '' */ .icon-radio-on:before, #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOn:before { content: '\e802'; } /* '' */ .icon-radio-off:before, #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOff:before { content: '\e803'; } /* '' */ .icon-up:before, #StockInfo2 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel:before { content: '\e804'; } /* '' */ .icon-down:before, #StockInfo2 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel:before { content: '\e805'; } /* '' */ .icon-eq:before, #StockInfo2 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel:before { content: '\e806'; } /* '' */ .icon-stock:before { content: '\e807'; } /* '' */ .icon-prev:before, #PriceGrid1 .CustomPager-Container .prevPage.on .gwt-Label:before, #PriceGrid1 .CustomPager-Container .prevPage.off .gwt-Label:before { content: '\e808'; } /* '' */ .icon-next:before, #PriceGrid1 .CustomPager-Container .nextPage.on .gwt-Label:before, #PriceGrid1 .CustomPager-Container .nextPage.off .gwt-Label:before { content: '\e809'; } /* '' */ .icon-first:before, #PriceGrid1 .CustomPager-Container .firstPage.on .gwt-Label:before, #PriceGrid1 .CustomPager-Container .firstPage.off .gwt-Label:before { content: '\e80a'; } /* '' */ .icon-last:before, #PriceGrid1 .CustomPager-Container .lastPage.on .gwt-Label:before, #PriceGrid1 .CustomPager-Container .lastPage.off .gwt-Label:before { content: '\e80b'; } /* '' */ /************************************************ /* IMPORT /************************************************/ [data-icon]:before, [class^="icon-"]:before, [class*=" icon-"]:before, #PriceGrid1 .CustomPager-Container .firstPage.on .gwt-Label:before, #PriceGrid1 .CustomPager-Container .firstPage.off .gwt-Label:before, #PriceGrid1 .CustomPager-Container .prevPage.on .gwt-Label:before, #PriceGrid1 .CustomPager-Container .prevPage.off .gwt-Label:before, #PriceGrid1 .CustomPager-Container .nextPage.on .gwt-Label:before, #PriceGrid1 .CustomPager-Container .nextPage.off .gwt-Label:before, #PriceGrid1 .CustomPager-Container .lastPage.on .gwt-Label:before, #PriceGrid1 .CustomPager-Container .lastPage.off .gwt-Label:before, #StockInfo2 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel:before, #StockInfo2 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel:before, #StockInfo2 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel:before, #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOff:before, #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOn:before, #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn: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: "CodecWarm", Arial, Helvetica, 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: 500px) { .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: "CodecWarm", Arial, Helvetica, 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: #transparent; color: #1554fe; 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; } /************************************************ /* RowsPreselect /************************************************/ #RowsPreselect1 .RowsPreselect { font-family: "CodecWarm Bold", Arial, Helvetica, sans-serif; font-size: 20px; } #RowsPreselect1 .RowsPreselect .ComboContainer { width: 150px; border: 0; overflow: hidden; cursor: pointer; } #RowsPreselect1 .RowsPreselect .ComboContainer .gwt-Label { float: left; margin-left: 5px; } #RowsPreselect1 .RowsPreselect .ComboContainer .ImageCss { float: right; margin-top: 5px; margin-right: 6px; width: 16px; height: 16px; } /************************************************ /* LastUpdate /************************************************/ #LastUpdate1 { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; } #LastUpdate1 .LastUpdateCss { overflow: hidden; width: 100%; color: #000000; } #LastUpdate1 .LastUpdateCss .CaptionClass { height: 15px; line-height: 15px; float: left; width: auto; } #LastUpdate1 .LastUpdateCss .DateClass { float: left; width: auto; height: 15px; line-height: 15px; } /* da $halfBreak a 0 */ #LastUpdate1 .gwt-Label { margin-left: 5px; } /************************************************ /* RowsPreselectTabSmall /************************************************/ /* * COMMON */ #RowsPreselectTab1 { display: block; overflow: hidden; background: #ffffff; } #RowsPreselectTab1 div { display: block; overflow: hidden; } #RowsPreselectTab1 .RowPreselectTab { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 20px; border: 0; display: table; margin: auto; } #RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer { width: 150px; height: 50px; border: 0; cursor: pointer; margin-right: 0; float: left; margin-top: 0px; } #RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .img, #RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .children-number { display: none; } #RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .title { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 20px; width: 100%; height: 50px; line-height: 50px; text-align: center; } #RowsPreselectTab1 .RowPreselectTab .statusOff { color: #2F2F2F; background: #ffffff; border-bottom: 0; } #RowsPreselectTab1 .RowPreselectTab .statusOff .title { color: #2F2F2F; } #RowsPreselectTab1 .RowPreselectTab .statusOn, #RowsPreselectTab1 .RowPreselectTab .statusOff:hover { color: #1554fe; background: #transparent; border-bottom: 0; } #RowsPreselectTab1 .RowPreselectTab .statusOn .title, #RowsPreselectTab1 .RowPreselectTab .statusOff:hover .title { color: #1554fe; } /************************************************ /* RowsPreselectTab /************************************************/ /* * COMMON */ #RowsPreselectTab11 { display: block; overflow: hidden; margin-top: 0px; } #RowsPreselectTab11 .RowPreselectTab { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; display: block; overflow: hidden; border: 0; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff { background: #ffffff; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOn, #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff:hover { background: #ffffff; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer:hover { cursor: pointer; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer { border: 0; overflow: hidden; width: 150px; height: 50px; float: left; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer div { float: left; width: 100%; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer .img, #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer .children-number { display: none; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer .title { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; height: 100%; line-height: 23px; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff, #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff .title { color: #2F2F2F; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOn, #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff:hover, #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOn .title, #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff .title:hover { color: #000000; } /* * NO SLIDE */ #RowsPreselectTab11 .RowPreselectTab.slideOff { padding: 5px; } #RowsPreselectTab11 .RowPreselectTab.slideOff .PreselectElement-MainContainer { margin-top: 5px; margin-right: 5px; } #RowsPreselectTab11 .RowPreselectTab.slideOff .PreselectElement-MainContainer .title { text-align: center; width: 100%; margin-bottom: 5px; } #RowsPreselectTab11 .RowPreselectTab.slideOff .PreselectElement-MainContainer .img { width: 100%; height: 150px; background-size: 150px; } #RowsPreselectTab11 .RowPreselectTab.slideOff .PreselectElement-MainContainer .children-number { margin-top: 5px; margin-left: 5px; } /* * SLIDE */ #RowsPreselectTab11 { background-color: #ffffff; } #RowsPreselectTab11 .RowPreselectTab.slideOn { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow { width: 100%; /* Navigation LEFT */ /* Navigation RIGHT */ /* slideShow container */ } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButton, #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButton { float: left; height: 54px; width: 15px; background: url("../images/kpi-icons.png") no-repeat scroll right center transparent; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButton { float: left; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButtonOff { display: none; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButtonOn { background-position: -160px -220px; cursor: pointer; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButton { float: left; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButtonOff { display: none; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButtonOn { background-position: -180px -220px; cursor: pointer; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .SlideContainer { float: left; width: 448px; overflow: hidden; margin-top: 2px; border: 0; height: 50px; background-color: #ffffff; padding-right: 2px; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .SlideContainer .PanelToSlide { margin: auto; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .SlideContainer .PanelToSlide .SlideShowElementContainer { width: 100%; float: left; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .SlideContainer .PanelToSlide .SlideShowElementContainer .PreselectElement-MainContainer .title { width: 100%; text-align: center; } /************************************************ /* PriceGrid /************************************************/ #PriceGrid1 .PriceGrid tr:first-child td { border-top: 1px solid #d1d2d4; } #PriceGrid1 table thead tr { background-color: #ffffff; font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; color: #transparent; } #PriceGrid1 table .cellTableFirstColumn, #PriceGrid1 table .cellTableFirstColumnHeader { padding-left: 10px; } #PriceGrid1 table .cellTableHeader, #PriceGrid1 table .cellTableCell { padding-right: 10px; width: 100px; } #PriceGrid1 table .cellTableHeader { text-align: center; font-size: 14px; } #PriceGrid1 table .cellTableCell.cellTableFirstColumn { border-left: 1px solid #d1d2d4; } #PriceGrid1 table .cellTableCell { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; text-align: right; line-height: 40px; border-bottom: 1px solid #d1d2d4; border-right: 1px solid #d1d2d4; } #PriceGrid1 table .cellTableFirstColumnHeader, #PriceGrid1 table .cellTableFirstColumn { text-align: left; } #PriceGrid1 .CustomPager-Container { width: 300px; margin: auto; padding-bottom: 10px; padding-top: 25px; overflow: hidden; } #PriceGrid1 .CustomPager-Container .GWTCST-ImageButton { float: left; margin-right: 10px; } #PriceGrid1 .CustomPager-Container .GWTCST-ImageButton .gwt-Label { cursor: pointer; } #PriceGrid1 .CustomPager-Container .gwt-HTML { float: left; margin-right: 10px; font-size: 12px; height: 36px; line-height: 36px; } #PriceGrid1 .CustomPager-Container .firstPage.on .gwt-Label { padding: 10px; background-color: transparent; } #PriceGrid1 .CustomPager-Container .firstPage.on .gwt-Label:before { font-size: 16px; color: #000000; } #PriceGrid1 .CustomPager-Container .firstPage.off .gwt-Label { padding: 10px; background-color: transparent; } #PriceGrid1 .CustomPager-Container .firstPage.off .gwt-Label:before { font-size: 16px; color: #ABADAF; } #PriceGrid1 .CustomPager-Container .prevPage.on .gwt-Label { padding: 10px; background-color: transparent; } #PriceGrid1 .CustomPager-Container .prevPage.on .gwt-Label:before { font-size: 16px; color: #000000; } #PriceGrid1 .CustomPager-Container .prevPage.off .gwt-Label { padding: 10px; background-color: transparent; } #PriceGrid1 .CustomPager-Container .prevPage.off .gwt-Label:before { font-size: 16px; color: #ABADAF; } #PriceGrid1 .CustomPager-Container .nextPage.on .gwt-Label { padding: 10px; background-color: transparent; } #PriceGrid1 .CustomPager-Container .nextPage.on .gwt-Label:before { font-size: 16px; color: #000000; } #PriceGrid1 .CustomPager-Container .nextPage.off .gwt-Label { padding: 10px; background-color: transparent; } #PriceGrid1 .CustomPager-Container .nextPage.off .gwt-Label:before { font-size: 16px; color: #ABADAF; } #PriceGrid1 .CustomPager-Container .lastPage.on .gwt-Label { padding: 10px; background-color: transparent; } #PriceGrid1 .CustomPager-Container .lastPage.on .gwt-Label:before { font-size: 16px; color: #000000; } #PriceGrid1 .CustomPager-Container .lastPage.off .gwt-Label { padding: 10px; background-color: transparent; } #PriceGrid1 .CustomPager-Container .lastPage.off .gwt-Label:before { font-size: 16px; color: #ABADAF; } /* da $halfBreak a 0 */ @media all and (max-width: 500px) { #PriceGrid1 { overflow-x: auto; } #PriceGrid1 .PriceGrid { width: 800px; } } #PriceGrid1 .cellTableHeader { padding-bottom: 10px; } /************************************************ /* StockExport /************************************************/ #StockExport1, #StockExport4 { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 16px; } #StockExport1 .StockExport, #StockExport4 .StockExport { width: 150px; height: 46px; border: 0; } #StockExport1 .StockExport .CssClassAnchor, #StockExport4 .StockExport .CssClassAnchor { cursor: pointer; width: 150px; height: 46px; line-height: 46px; text-align: center; display: inline-block; text-decoration: none; background: url("../images/kpi-icons.png") no-repeat scroll 0 0; background-position: -845px -143px; background-color: #1554fe; color: #ffffff; } /* CUSTOM */ #StockExport1 .StockExport, #StockExport1 .StockExport .CssClassAnchor, #StockExport4 .StockExport, #StockExport4 .StockExport .CssClassAnchor { border-radius: 23px; } /************************************************ /* StockInfoFlow /************************************************/ #StockInfo1, #StockInfo3 { /* da $halfBreak a 0 */ } #StockInfo1 .stockinfoCss, #StockInfo3 .stockinfoCss { display: table; width: 100%; font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; } #StockInfo1 .stockinfoCss .tupla-container, #StockInfo3 .stockinfoCss .tupla-container { display: block; width: 100%; } #StockInfo1 .stockinfoCss .tupla-container .description-container, #StockInfo3 .stockinfoCss .tupla-container .description-container { width: 50%; font-size: 12px; text-align: left; height: 30px; line-height: 30px; float: left; } #StockInfo1 .stockinfoCss .tupla-container .whole-value-container, #StockInfo3 .stockinfoCss .tupla-container .whole-value-container { display: block; margin: 0 auto; float: right; color: #000000; } #StockInfo1 .stockinfoCss .tupla-container .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container .whole-value-container .image-panel { float: left; } #StockInfo1 .stockinfoCss .tupla-container .whole-value-container .unit-container, #StockInfo3 .stockinfoCss .tupla-container .whole-value-container .unit-container { float: left; height: 30px; line-height: 30px; font-size: 12px; } #StockInfo1 .stockinfoCss .tupla-container .whole-value-container .value-container, #StockInfo3 .stockinfoCss .tupla-container .whole-value-container .value-container { text-align: right; float: left; height: 30px; line-height: 30px; } #StockInfo1 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel, #StockInfo1 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel, #StockInfo1 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel { width: 30px; height: 30px; background: url("../images/asset-stock.png"); } #StockInfo1 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel { background-position: -75px -25px; } #StockInfo1 .stockinfoCss .tupla-container.percpos .whole-value-container .value-container, #StockInfo1 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel, #StockInfo1 .stockinfoCss .tupla-container.percpos .whole-value-container .unit-container, #StockInfo3 .stockinfoCss .tupla-container.percpos .whole-value-container .value-container, #StockInfo3 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.percpos .whole-value-container .unit-container { color: #40ab00; } #StockInfo1 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel { background-position: -75px -66px; } #StockInfo1 .stockinfoCss .tupla-container.percneg .whole-value-container .value-container, #StockInfo1 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel, #StockInfo1 .stockinfoCss .tupla-container.percneg .whole-value-container .unit-container, #StockInfo3 .stockinfoCss .tupla-container.percneg .whole-value-container .value-container, #StockInfo3 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.percneg .whole-value-container .unit-container { color: #c71515; } #StockInfo1 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel { background-position: -75px -46px; } #StockInfo1 .stockinfoCss .tupla-container.perceq .whole-value-container .value-container, #StockInfo1 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel, #StockInfo1 .stockinfoCss .tupla-container.perceq .whole-value-container .unit-container, #StockInfo3 .stockinfoCss .tupla-container.perceq .whole-value-container .value-container, #StockInfo3 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel, #StockInfo3 .stockinfoCss .tupla-container.perceq .whole-value-container .unit-container { color: #000000; } @media all and (max-width: 500px) { #StockInfo1 .stockinfoCss .tupla-container, #StockInfo3 .stockinfoCss .tupla-container { width: 100%; display: block; margin-bottom: 40px; } } #StockInfo2 { /* da $halfBreak a 0 */ } #StockInfo2 .stockinfoCss { display: table; width: 100%; font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 14px; } #StockInfo2 .stockinfoCss .tupla-container { display: block; width: 140px; } #StockInfo2 .stockinfoCss .tupla-container .description-container { width: 100%; font-size: 14px; text-align: right; height: 75px; line-height: 75px; float: right; } #StockInfo2 .stockinfoCss .tupla-container .whole-value-container { display: block; margin: 0 auto; float: right; color: #000000; } #StockInfo2 .stockinfoCss .tupla-container .whole-value-container .image-panel { float: left; } #StockInfo2 .stockinfoCss .tupla-container .whole-value-container .unit-container { float: left; height: 75px; line-height: 75px; font-size: 12px; } #StockInfo2 .stockinfoCss .tupla-container .whole-value-container .value-container { text-align: right; float: left; height: 75px; line-height: 75px; } #StockInfo2 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel, #StockInfo2 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel, #StockInfo2 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel { width: 75px; height: 75px; font-size: 12px; } #StockInfo2 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel:before { height: 75px; line-height: 75px; } #StockInfo2 .stockinfoCss .tupla-container.percpos .whole-value-container .value-container, #StockInfo2 .stockinfoCss .tupla-container.percpos .whole-value-container .image-panel, #StockInfo2 .stockinfoCss .tupla-container.percpos .whole-value-container .unit-container { color: #40ab00; } #StockInfo2 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel:before { height: 75px; line-height: 75px; } #StockInfo2 .stockinfoCss .tupla-container.percneg .whole-value-container .value-container, #StockInfo2 .stockinfoCss .tupla-container.percneg .whole-value-container .image-panel, #StockInfo2 .stockinfoCss .tupla-container.percneg .whole-value-container .unit-container { color: #c71515; } #StockInfo2 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel:before { height: 75px; line-height: 75px; } #StockInfo2 .stockinfoCss .tupla-container.perceq .whole-value-container .value-container, #StockInfo2 .stockinfoCss .tupla-container.perceq .whole-value-container .image-panel, #StockInfo2 .stockinfoCss .tupla-container.perceq .whole-value-container .unit-container { color: #000000; } @media all and (max-width: 500px) { #StockInfo2 .stockinfoCss .tupla-container { width: 100%; display: block; margin-bottom: 40px; } } /* * Custom */ #StockInfo2 .stockinfoCss { display: flex; justify-content: center; flex-wrap: wrap; } #StockInfo2 .stockinfoCss .tupla-container .description-container { font-family: "CodecWarm Bold", Arial, Helvetica, sans-serif; color: #1554fe; padding-left: 10px; padding-right: 10px; } #StockInfo2 .stockinfoCss .tupla-container .whole-value-container { width: 100%; display: block; overflow: hidden; border-bottom: 1px solid #d1d2d4; padding-left: 10px; padding-right: 10px; border-top: 1px solid #d1d2d4; } #StockInfo2 .stockinfoCss .tupla-container .whole-value-container .value-container { float: right; } #StockInfo2 .stockinfoCss .tupla-container .whole-value-container .unit-container { float: right; } #StockInfo2 .stockinfoCss .tupla-container .whole-value-container .image-panel { width: 20px !important; font-size: 20px !important; float: right; } #StockInfo2 .stockinfoCss .tupla-container.first { width: 180px; } #StockInfo2 .stockinfoCss .tupla-container.first .description-container { text-align: left; } #StockInfo2 .stockinfoCss .tupla-container.first .whole-value-container .value-container { float: left; } #StockInfo1 { padding-right: 10px; } #StockInfo1 .tupla-container { overflow: hidden; border-bottom: 1px solid #d1d2d4; } /************************************************ /* RowsPreselectAccordion /************************************************/ /* * COMMON */ #RowsPreselectAccordion1 { display: block; overflow: hidden; } #RowsPreselectAccordion1 .RowPreselectAccordion { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; display: block; overflow: hidden; border: 1px solid #DFDFDF; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element.middle, #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element.last { border-top: 1px solid #DFDFDF; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element { padding: 10px 5px; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion.statusOff { height: 20px; line-height: 20px; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion { overflow: hidden; width: 100%; cursor: pointer; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .title { float: left; width: calc(100% - 50px - 12px - 50px); font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; line-height: 20px; margin-top: 0; margin-bottom: 0; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .accordion-text { float: left; width: 50px; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .img { float: left; width: 12px; height: 12px; background: url("../images/kpi-icons.png"); background-position: -216px -123px; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .children-number { float: left; font-size: 14px; color: #2F2F2F; width: 50px; padding-left: 5px; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion.statusOn .img { background: url("../images/kpi-icons.png"); background-position: -216px -100px; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion.statusOn .children-number { color: #000000; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container { display: block; overflow: hidden; width: 100%; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer { background-image: url("../images/kpi-icons.png"); } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff { background-position: -71px -425px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff:hover { background-position: -71px -585px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff { background-position: -321px -425px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff:hover { background-position: -321px -585px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff { background-position: -571px -425px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff:hover { background-position: -571px -585px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff { background-position: -821px -425px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff:hover { background-position: -821px -585px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff { background-position: -1071px -425px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff:hover { background-position: -1071px -585px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff { background-position: -1321px -425px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff:hover { background-position: -1321px -585px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer:hover { cursor: pointer; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer { border: 0; overflow: hidden; width: 150px; height: 150px; float: left; margin: 5px 10px 10px 5px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer div { float: left; width: 100%; background-color: transparent; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .title { padding: 5px 5px 0px 5px; font-size: 18px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .title { height: 120px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .children-number { text-align: left; padding: 0px 0px 0px 5px; font-size: 18px; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOff .title { color: #ffffff; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOn .title, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOn .children-number, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOff:hover .title, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOff:hover .children-number { color: #ffffff; } /* da $halfBreak a 0 */ @media all and (max-width: 500px) { #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer { background-image: none; height: auto; width: 98%; margin: 5px 0; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .title { height: auto; float: left; width: 90%; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .img { display: none; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .children-number { float: left; height: auto; width: 10%; padding: 0; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff { background-color: #ff0000; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff:hover { background-color: #ff0000; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff { background-color: #acff9f; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff:hover { background-color: #acff9f; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff { background-color: #c686ff; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff:hover { background-color: #c686ff; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff { background-color: #2e90ff; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff:hover { background-color: #2e90ff; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff { background-color: #ffa944; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff:hover { background-color: #ffa944; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff { background-color: #159361; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff:hover { background-color: #159361; } } /************************************************ /* RowsPreselectBreadCrumb /************************************************/ #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; border: 1px solid #bbbbbb; overflow: hidden; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer:hover { cursor: pointer; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer { overflow: hidden; width: 150px; height: 30px; float: left; border-right: 1px solid #FFFFFF; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .title { float: left; line-height: 30px; height: 100%; width: 100%; text-align: center; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .img, #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .children-number { display: none; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff { color: #ff0062; background: #ffffff; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOn, #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff:hover { color: #666666; background: #ffffff; } /************************************************ /* ChartTypeSetting /************************************************/ #ChartTypeSetting3 { font-size: 10px; cursor: pointer; } #ChartTypeSetting3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox { width: 33px; height: 33px; background: url("../images/kpi-icons.png"); cursor: pointer; } #ChartTypeSetting3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-Caption { display: none; } #ChartTypeSetting3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { background-position: -425px -100px; } #ChartTypeSetting3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { background-position: -425px -60px; } #ChartTypeSetting3 .popup-title { width: calc(100% - 15px); float: left; text-align: center; font-size: 12px; margin-bottom: 2px; color: #9baaab; } #ChartTypeSetting3 .close-panel { width: 15px; height: 15px; background: url("../images/kpi-icons.png"); background-position: -964px -189px; float: left; } #ChartTypeSetting3 .ChartTypeContent { width: 160px; height: 170px; } #ChartTypeSetting3 .ChartTypeContent .DoraCheckBox-MainContainer { width: 100%; } #ChartTypeSetting3 .ChartTypeContent { /* * ON/OFF:hover */ } #ChartTypeSetting3 .ChartTypeContent .DoraCheckBox-MainContainer { display: block; margin-top: 2px; overflow: hidden; } #ChartTypeSetting3 .ChartTypeContent .DoraCheckBox-CheckBox { width: 33px; height: 33px; float: left; } #ChartTypeSetting3 .ChartTypeContent .DoraCheckBox-Caption { float: left; width: 128px; height: 27px; padding-left: 10px; line-height: 27px; } #ChartTypeSetting3 .ChartTypeContent .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .DoraCheckBox-ValueOff:hover { color: #1494ba; } #ChartTypeSetting3 .ChartTypeContent .DoraCheckBox-ValueOff { color: #000000; } #ChartTypeSetting3 .ChartTypeContent .Linear .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1300px -53px; } #ChartTypeSetting3 .ChartTypeContent .Column .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1260px -53px; } #ChartTypeSetting3 .ChartTypeContent .PieColumnGroup .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1280px -53px; } #ChartTypeSetting3 .ChartTypeContent .Pie .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1280px -53px; } #ChartTypeSetting3 .ChartTypeContent .ColumnStack .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1260px -53px; } #ChartTypeSetting3 .ChartTypeContent .CandleStick .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1136px -72px; } #ChartTypeSetting3 .ChartTypeContent .Ohlc .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1136px -72px; } #ChartTypeSetting3 .ChartTypeContent .Area .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -371px 0px; } #ChartTypeSetting3 .ChartTypeContent .Linear .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .Linear.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1300px -33px; } #ChartTypeSetting3 .ChartTypeContent .Column .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .Column.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1260px -33px; } #ChartTypeSetting3 .ChartTypeContent .PieColumnGroup .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .PieColumnGroup.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1280px -33px; } #ChartTypeSetting3 .ChartTypeContent .Pie .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .Pie.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1280px -33px; } #ChartTypeSetting3 .ChartTypeContent .ColumnStack .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .ColumnStack.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1260px -33px; } #ChartTypeSetting3 .ChartTypeContent .CandleStick .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .CandleStick.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1136px -96px; } #ChartTypeSetting3 .ChartTypeContent .Ohlc .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .Ohlc.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1136px -96px; } #ChartTypeSetting3 .ChartTypeContent .Area .DoraCheckBox-ValueOn, #ChartTypeSetting3 .ChartTypeContent .Area.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -371px -32px; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 27px; height: 27px; } #ChartTypeSetting3 .custom-popup { z-index: 3; font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 10px; width: 160px; 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; } */ } #ChartTypeSetting3 .custom-popup .CloseClass { display: none; } #ChartTypeSetting3 .custom-popup table tbody { border: 0; } #ChartTypeSetting3 .custom-popup .PopupSelectorContainer { width: 160px; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff { color: #000000; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn, #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover { color: #1494ba; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer { cursor: pointer; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-Caption { padding-left: 5px; } /* CUSTOM */ #ChartTypeSetting1 { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 16px; } #ChartTypeSetting1 .ChartTypeSetting_label { font-family: "CodecWarm Bold", Arial, Helvetica, sans-serif; } #ChartTypeSetting1 .CssClassContent { display: flex; flex-direction: column; } #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer { display: block; overflow: hidden; width: 225px; height: 22px; line-height: 1.38; margin-top: 15px; cursor: pointer; } #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { display: block; overflow: hidden; float: left; } #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before { height: 12px; line-height: 12px; } #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before { height: 12px; line-height: 12px; } #ChartTypeSetting1 .CssClassContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption { display: block; overflow: hidden; margin-left: 25px; } /************************************************ /* ColumnSelectorCB /************************************************/ #ColumnSelectorCB1 { font-size: 10px; } #ColumnSelectorCB1 .DoraCheckBox-MainContainer { cursor: pointer; } #ColumnSelectorCB1 .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 22px; height: 22px; background: url("../images/kpi-icons.png"); } #ColumnSelectorCB1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox { width: 33px; height: 33px; } #ColumnSelectorCB1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-Caption { display: none; } #ColumnSelectorCB1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { background-position: -295px -100px; } #ColumnSelectorCB1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { background-position: -295px -60px; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup { width: 150px; background-color: #f9f9f9; overflow: hidden; border: 1px solid #AFAFAF; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .header { overflow: hidden; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .popup-title { width: calc(100% - 15px); float: left; font-size: 12px; color: #9baaab; text-align: center; margin-bottom: 2px; overflow: hidden; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .close-panel { width: 15px; height: 15px; background: url("../images/kpi-icons.png"); background-position: -964px -189px; float: left; cursor: pointer; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .DoraCheckBox-MainContainer { margin-bottom: 5px; cursor: pointer; overflow: hidden; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .DoraCheckBox-CheckBox { background: url("../images/kpi-icons.png"); float: left; margin-left: 4px; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .DoraCheckBox-Caption { float: left; width: 122px; padding-left: 5px; height: 22px; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOff .DoraCheckBox-Caption { color: #000000; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOn .DoraCheckBox-Caption, #ColumnSelectorCB1 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOff:hover .DoraCheckBox-Caption { color: #1494ba; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOff { background-position: -1245px -195px; } #ColumnSelectorCB1 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOn .DoraCheckBox-CheckBox { background-position: -1245px -220px; } #ColumnSelectorCB1 .popup-title { width: 100%; text-align: center; font-size: 12px; margin-bottom: 2px; color: #9baaab; } #ColumnSelectorCB3 { font-size: 10px; } #ColumnSelectorCB3 .DoraCheckBox-MainContainer { cursor: pointer; } #ColumnSelectorCB3 .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 22px; height: 22px; background: url("../images/kpi-icons.png"); } #ColumnSelectorCB3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox { width: 33px; height: 33px; } #ColumnSelectorCB3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-Caption { display: none; } #ColumnSelectorCB3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { background-position: -295px -100px; } #ColumnSelectorCB3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { background-position: -295px -60px; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup { width: 150px; background-color: #f9f9f9; overflow: hidden; border: 1px solid #AFAFAF; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .header { overflow: hidden; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .popup-title { width: calc(100% - 15px); float: left; font-size: 12px; color: #9baaab; text-align: center; margin-bottom: 2px; overflow: hidden; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .close-panel { width: 15px; height: 15px; background: url("../images/kpi-icons.png"); background-position: -964px -189px; float: left; cursor: pointer; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .DoraCheckBox-MainContainer { margin-bottom: 5px; cursor: pointer; overflow: hidden; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .DoraCheckBox-CheckBox { background: url("../images/kpi-icons.png"); float: left; margin-left: 4px; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .DoraCheckBox-Caption { float: left; width: 122px; padding-left: 5px; height: 22px; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOff .DoraCheckBox-Caption { color: #000000; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOn .DoraCheckBox-Caption, #ColumnSelectorCB3 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOff:hover .DoraCheckBox-Caption { color: #1494ba; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOff { background-position: -1245px -195px; } #ColumnSelectorCB3 .popup-activator-panel .custom-popup .DoraCheckBox-ValueOn .DoraCheckBox-CheckBox { background-position: -1245px -220px; } #ColumnSelectorCB3 .popup-title { width: 100%; text-align: center; font-size: 12px; margin-bottom: 2px; color: #9baaab; } /************************************************ /* CollapseExpand /************************************************/ #CollapseExpand1 div { overflow: hidden; display: block; } #CollapseExpand1 .CssCollapseExpand .CssCommandCol, #CollapseExpand1 .CssCollapseExpand .CssCommandExp { cursor: pointer; background: url("../images/kpi-icons.png"); width: 33px; height: 30px; float: left; } #CollapseExpand1 .CssCollapseExpand .CssTextCol, #CollapseExpand1 .CssCollapseExpand .CssTextExp { height: 30px; line-height: 9px; padding-right: 38px; text-align: right; float: left; color: #09ace4; font-size: 9px; cursor: pointer; } #CollapseExpand1 .CssCollapseExpand .CssCommandCol { background-position: -555px -60px; } #CollapseExpand1 .CssCollapseExpand .CssCommandExp { background-position: -555px -93px; } #CollapseExpand1 .CssCollapseExpand .CssTextExp { background-position: -555px -93px; } #CollapseExpand3 div { overflow: hidden; display: block; } #CollapseExpand3 .CssCollapseExpand .CssCommandCol, #CollapseExpand3 .CssCollapseExpand .CssCommandExp { cursor: pointer; background: url("../images/kpi-icons.png"); width: 33px; height: 30px; float: left; } #CollapseExpand3 .CssCollapseExpand .CssTextCol, #CollapseExpand3 .CssCollapseExpand .CssTextExp { height: 30px; line-height: 9px; padding-right: 38px; text-align: right; float: left; color: #09ace4; font-size: 9px; cursor: pointer; } #CollapseExpand3 .CssCollapseExpand .CssCommandCol { background-position: -555px -60px; } #CollapseExpand3 .CssCollapseExpand .CssCommandExp { background-position: -555px -93px; } #CollapseExpand3 .CssCollapseExpand .CssTextExp { background-position: -555px -93px; } /************************************************ /* ColumnSelectorSL /************************************************/ .DoraInteractive #ColumnSelectorSL1 .ColumnPopup { background: none repeat scroll 0 0 #E0E8F2; } .DoraInteractive #ColumnSelectorSL1 .ColumnSelectorSL { font-size: 18px; margin-top: 25px; } .DoraInteractive #ColumnSelectorSL1 .ColumnSelectorSL .gwt-Button { background: url("images/arrow.png") no-repeat scroll right center #ececec; border: 0 none; height: 42px; text-align: left; width: 106px; font-family: "MyriadW08-BoldCondensed 1166610",sans-serif; font-size: 19px; color: #00539b; } .DoraInteractive #ColumnSelectorSL1 .ColumnContainerCss { width: 100%; float: left; } .DoraInteractive #ColumnSelectorSL1 .ColumnContainerCss div { float: left; } .DoraInteractive #ColumnSelectorSL1 .ColumnCss { border-bottom: 1px solid #9BABDA; height: 23px; padding-left: 10px; width: 120px; } .DoraInteractive #ColumnSelectorSL1 .ColumnCss:hover { cursor: pointer; } .DoraInteractive #ColumnSelectorSL1 .ColumnSelectedCss { background: url("images/rowselected.png") no-repeat scroll right center #E0E8F2; } .DoraInteractive #ColumnSelectorSL1 .ColumnUnselectedCss { background-color: #ffffff; } .DoraInteractive #ColumnSelectorSL1 .ColumnLinkCss { width: 56px; height: 8px; } .DoraInteractive #ColumnSelectorSL1 .ColumnLinkSelectedCss { background: url("./images/columnLinkOn.png"); } .DoraInteractive #ColumnSelectorSL1 .ColumnLinkUnselectedCss { background: url("./images/columnLinkOff.png"); } .DoraInteractive #ColumnSelectorSL1 .ColumnLegendContainerCss { width: 100%; float: left; } .DoraInteractive #ColumnSelectorSL1 .ColumnLegendContainerCss div { float: left; } .DoraInteractive #ColumnSelectorSL1 .ColumnLegendCss { height: 15px; width: 62px; text-align: center; } .DoraInteractive #ColumnSelectorSL1 .ColumnLegendFirstCss { text-align: left; } .DoraInteractive #ColumnSelectorSL1 .ColumnLegendLastCss { text-align: right; } .DoraInteractive #ColumnSelectorSL1 .ColumnLegendFirstCss, .DoraInteractive #ColumnSelectorSL1 .ColumnLegendLastCss { width: 36px; } /************************************************ /* DateRangeFlow /************************************************/ #DateRange1 div, #DateRange4 div { overflow: hidden; } #DateRange1 .DateRangeCss .FromDateContainer, #DateRange1 .DateRangeCss .ToDateContainer, #DateRange4 .DateRangeCss .FromDateContainer, #DateRange4 .DateRangeCss .ToDateContainer { float: left; } #DateRange1 .DateRangeCss .FromDateContainer .gwt-Label, #DateRange1 .DateRangeCss .FromDateContainer .gwt-DateBox, #DateRange1 .DateRangeCss .ToDateContainer .gwt-Label, #DateRange1 .DateRangeCss .ToDateContainer .gwt-DateBox, #DateRange4 .DateRangeCss .FromDateContainer .gwt-Label, #DateRange4 .DateRangeCss .FromDateContainer .gwt-DateBox, #DateRange4 .DateRangeCss .ToDateContainer .gwt-Label, #DateRange4 .DateRangeCss .ToDateContainer .gwt-DateBox { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 15px; } #DateRange1 .DateRangeCss .FromDateContainer, #DateRange4 .DateRangeCss .FromDateContainer { margin-right: 10px; } #DateRange1 .DateRangeCss .FromDateContainer .gwt-Label, #DateRange4 .DateRangeCss .FromDateContainer .gwt-Label { float: left; margin-right: 10px; } #DateRange1 .DateRangeCss .FromDateContainer .gwt-DateBox, #DateRange4 .DateRangeCss .FromDateContainer .gwt-DateBox { float: left; margin-right: 10px; } #DateRange1 .DateRangeCss .ToDateContainer, #DateRange4 .DateRangeCss .ToDateContainer { margin-right: 10px; } #DateRange1 .DateRangeCss .ToDateContainer .gwt-Label, #DateRange4 .DateRangeCss .ToDateContainer .gwt-Label { float: left; margin-right: 10px; } #DateRange1 .DateRangeCss .ToDateContainer .gwt-DateBox, #DateRange4 .DateRangeCss .ToDateContainer .gwt-DateBox { float: left; margin-right: 10px; } #DateRange1 .DateRangeCss .gwt-Button, #DateRange4 .DateRangeCss .gwt-Button { float: left; border-radius: 0px; } .dateBoxPopup { background-color: #ffffff; border: 1px solid #002F6C; } .dateBoxPopup .popupContent .datePickerDays, .dateBoxPopup .popupContent .gwt-DatePicker { margin-top: 0; margin-bottom: 0; } .dateBoxPopup .popupContent .gwt-DatePicker .datePickerMonthSelector { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 15px; cursor: default; } .dateBoxPopup .popupContent .gwt-DatePicker .datePickerMonthSelector .datePickerPreviousButton, .dateBoxPopup .popupContent .gwt-DatePicker .datePickerMonthSelector .datePickerNextButton { cursor: pointer; } .dateBoxPopup .popupContent .gwt-DatePicker .datePickerMonthSelector .datePickerMonth { text-align: center; } .dateBoxPopup .popupContent .gwt-DatePicker .datePickerDays .datePickerWeekdayLabel, .dateBoxPopup .popupContent .gwt-DatePicker .datePickerDays .datePickerWeekendLabel { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 15px; background-color: #bbbbbb; padding: 3px; text-align: center; cursor: default; } .dateBoxPopup .popupContent .gwt-DatePicker .datePickerDays .datePickerDay { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 15px; padding: 3px; text-align: center; cursor: pointer; } .dateBoxPopup .popupContent .gwt-DatePicker .datePickerDays .datePickerDay[aria-selected=true] { background-color: #transparent; } /* da $halfBreak a 0 */ @media all and (max-width: 500px) { #DateRange1 .DateRangeCss .FromDateContainer, #DateRange1 .DateRangeCss .ToDateContainer, #DateRange4 .DateRangeCss .FromDateContainer, #DateRange4 .DateRangeCss .ToDateContainer { width: 100%; margin-bottom: 10px; } #DateRange1 .DateRangeCss .FromDateContainer .gwt-Label, #DateRange1 .DateRangeCss .ToDateContainer .gwt-Label, #DateRange4 .DateRangeCss .FromDateContainer .gwt-Label, #DateRange4 .DateRangeCss .ToDateContainer .gwt-Label { width: 60px; } } /* CUSTOM */ #DateRange4 .DateRangeCss .DateRangeContainer { display: flex; justify-content: flex-end; flex-wrap: wrap; } /************************************************ /* Chart_D /************************************************/ #Chart_D1 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D1 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D1 .header .close-panel { display: block; overflow: hidden; cursor: pointer; float: right; height: 15px; width: 15px; margin: 5px 5px 0px 0px; background-image: url("../images/kpi-icons.png"); background-position: -964px -189px; } #Chart_D1 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D1 .highcharts-button { display: none; } #Chart_D1 .ChartStyle1, #Chart_D1 .CssChar_D { width: 100%; } #Chart_D1 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D1 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D1 .ChartStyle1 .PieChartContainerCss, #Chart_D1 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D1 .ChartStyle1 .ChartPrintContainerCss, #Chart_D1 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D1 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D1 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D1 .click-enabled .highcharts-series.highcharts-tracker { cursor: pointer; } #Chart_D2 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D2 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D2 .header .close-panel { display: block; overflow: hidden; cursor: pointer; float: right; height: 15px; width: 15px; margin: 5px 5px 0px 0px; background-image: url("../images/kpi-icons.png"); background-position: -964px -189px; } #Chart_D2 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 380px; width: 400px; } #Chart_D2 .highcharts-button { display: none; } #Chart_D2 .ChartStyle1, #Chart_D2 .CssChar_D { width: 100%; } #Chart_D2 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D2 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D2 .ChartStyle1 .PieChartContainerCss, #Chart_D2 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D2 .ChartStyle1 .ChartPrintContainerCss, #Chart_D2 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D2 .ChartStyle1.custom-popup { height: 380px; width: 400px; } @media all and (max-width: 500px) { #Chart_D2 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D2 .click-enabled .highcharts-series.highcharts-tracker { cursor: pointer; } #Chart_D3 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D3 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D3 .header .close-panel { display: block; overflow: hidden; cursor: pointer; float: right; height: 15px; width: 15px; margin: 5px 5px 0px 0px; background-image: url("../images/kpi-icons.png"); background-position: -964px -189px; } #Chart_D3 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D3 .highcharts-button { display: none; } #Chart_D3 .ChartStyle1, #Chart_D3 .CssChar_D { width: 100%; } #Chart_D3 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D3 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D3 .ChartStyle1 .PieChartContainerCss, #Chart_D3 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D3 .ChartStyle1 .ChartPrintContainerCss, #Chart_D3 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D3 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D3 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D3 .click-enabled .highcharts-series.highcharts-tracker { cursor: pointer; } #Chart_D31 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D31 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D31 .header .close-panel { display: block; overflow: hidden; cursor: pointer; float: right; height: 15px; width: 15px; margin: 5px 5px 0px 0px; background-image: url("../images/kpi-icons.png"); background-position: -964px -189px; } #Chart_D31 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D31 .highcharts-button { display: none; } #Chart_D31 .ChartStyle1, #Chart_D31 .CssChar_D { width: 100%; } #Chart_D31 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D31 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D31 .ChartStyle1 .PieChartContainerCss, #Chart_D31 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D31 .ChartStyle1 .ChartPrintContainerCss, #Chart_D31 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D31 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D31 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D31 .click-enabled .highcharts-series.highcharts-tracker { cursor: pointer; } /************************************************ /* GridData_E /************************************************/ #GridData_E1 { width: 100%; padding: 0 0 0 0; } #GridData_E1 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } #GridData_E1 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } #GridData_E1 .CssMainContainer .DataGridCss { height: 250px; width: 100%; } #GridData_E1 .CssMainContainer .DataGridCss table { border: 1px solid #cecece; /* Tooltip container */ } #GridData_E1 .CssMainContainer .DataGridCss table thead { background: #f7f7f7; } #GridData_E1 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader { height: 38px; border-left: 1px solid #C7C7C7 !important; border-top: 0px solid #C7C7C7 !important; color: #000000 !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_E1 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } #GridData_E1 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } #GridData_E1 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } #GridData_E1 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } #GridData_E1 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } #GridData_E1 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #f7f7f7 !important; } #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #EEEEEE !important; color: #000000 !important; } #GridData_E1 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } #GridData_E1 .CssMainContainer .DataGridCss table .tooltip .tooltiptext { visibility: hidden; font-size: 10px; width: 300px; background-color: #bbbbbb; color: #000000; text-align: left; padding: 5px; border-radius: 6px; border: 1px solid #000000; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } #GridData_E1 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } #GridData_E1 .CssMainContainer #Tab1 .dataGridHeader1, #GridData_E1 .CssMainContainer #Tab1 .dataGridHeader2, #GridData_E1 .CssMainContainer #Tab1 .units, #GridData_E1 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } #GridData_E1 .CssMainContainer .dataGridCell, #GridData_E1 .CssMainContainer .dataGridHeader { padding: 12px 15px !important; width: 100%; } #GridData_E1 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; font-size: 10px !important; } #GridData_E1 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; font-size: 9px !important; } #GridData_E1 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; font-size: 8px !important; } #GridData_E1 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 11px !important; border-left: 1px solid #C7C7C7 !important; } #GridData_E1 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E1 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E1 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E1 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E1 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #C7C7C7; } #GridData_E1 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } #GridData_E1 .CssMainContainer .PreviousCss { float: left; } #GridData_E1 .CssMainContainer .NextCss { float: right; } #GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss { float: right; margin-right: 20px; } #GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextEnableCss, #GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousEnableCss, #GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextDisableCss, #GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousDisableCss { width: 24px !important; height: 23px !important; } #GridData_E1 .CssMainContainer .PagesContainerCss { float: left; } #GridData_E1 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } #GridData_E1 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, #GridData_E1 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, #GridData_E1 .CssMainContainer .PageOffCss:hover { cursor: pointer; } #GridData_E1 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E1 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } #GridData_E1 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E1 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } #GridData_E1 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #ffffff; } #GridData_E1 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #0073B9 !important; color: #ffffff; height: auto; overflow: auto; } #GridData_E1 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E1 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #0073B9 !important; } #GridData_E1 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E1 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #000000 !important; background-color: #EEEEEE !important; } #GridData_E1 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E1 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E1 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E1 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E1 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader0, #GridData_E1 .CssMainContainer .dataGridCell0 { width: 250px !important; text-align: left !important; } #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E1 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 82px !important; /* border-right: 1px solid #000000 !important; */ } #GridData_E1 .CssMainContainer .dataGridHeader2, #GridData_E1 .CssMainContainer .dataGridHeader3, #GridData_E1 .CssMainContainer .dataGridHeader4, #GridData_E1 .CssMainContainer .dataGridHeader5, #GridData_E1 .CssMainContainer .dataGridHeader6, #GridData_E1 .CssMainContainer .dataGridHeader7, #GridData_E1 .CssMainContainer .dataGridHeader8, #GridData_E1 .CssMainContainer .dataGridHeader9, #GridData_E1 .CssMainContainer .dataGridHeader10, #GridData_E1 .CssMainContainer .dataGridHeader11, #GridData_E1 .CssMainContainer .dataGridHeader12, #GridData_E1 .CssMainContainer .dataGridHeader13, #GridData_E1 .CssMainContainer .dataGridHeader14, #GridData_E1 .CssMainContainer .dataGridHeader15, #GridData_E1 .CssMainContainer .dataGridHeader16, #GridData_E1 .CssMainContainer .dataGridHeader17, #GridData_E1 .CssMainContainer .dataGridHeader18, #GridData_E1 .CssMainContainer .dataGridHeader19, #GridData_E1 .CssMainContainer .dataGridCell2, #GridData_E1 .CssMainContainer .dataGridCell3, #GridData_E1 .CssMainContainer .dataGridCell4, #GridData_E1 .CssMainContainer .dataGridCell5, #GridData_E1 .CssMainContainer .dataGridCell6, #GridData_E1 .CssMainContainer .dataGridCell7, #GridData_E1 .CssMainContainer .dataGridCell8, #GridData_E1 .CssMainContainer .dataGridCell9, #GridData_E1 .CssMainContainer .dataGridCell10, #GridData_E1 .CssMainContainer .dataGridCell11, #GridData_E1 .CssMainContainer .dataGridCell12, #GridData_E1 .CssMainContainer .dataGridCell13, #GridData_E1 .CssMainContainer .dataGridCell14, #GridData_E1 .CssMainContainer .dataGridCell15, #GridData_E1 .CssMainContainer .dataGridCell16, #GridData_E1 .CssMainContainer .dataGridCell17, #GridData_E1 .CssMainContainer .dataGridCell18, #GridData_E1 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E1 .CssMainContainer .PageOnCss, #GridData_E1 .CssMainContainer .PageOffCss, #GridData_E1 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E1 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E1 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E1 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E1 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; } #GridData_E1 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /* */ /* */ /* da $halfBreak a 0 */ @media all and (max-width: 500px) { .DoraInteractive #GridData_E1 { overflow-x: auto; } .DoraInteractive #GridData_E1 .CssMainContainer { width: 600px; } } #GridData_E21 { width: 100%; padding: 0 0 0 0; } #GridData_E21 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*selector*/ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } #GridData_E21 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } #GridData_E21 .CssMainContainer .DataGridCss { height: 800px; width: 100%; } #GridData_E21 .CssMainContainer .DataGridCss table { border: 0; /* Tooltip container */ } #GridData_E21 .CssMainContainer .DataGridCss table thead { background: #002F6C; } #GridData_E21 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader { height: 38px; border-top: 0 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridLastColumnHeader { border-width: 0; } #GridData_E21 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } #GridData_E21 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } #GridData_E21 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } #GridData_E21 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #ffffff !important; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #transparent !important; color: #000000 !important; } #GridData_E21 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } #GridData_E21 .CssMainContainer .DataGridCss table .tooltip .tooltiptext { visibility: hidden; font-size: 10px; width: 300px; background-color: #bbbbbb; color: #000000; text-align: left; padding: 5px; border-radius: 6px; border: 1px solid #000000; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } #GridData_E21 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } #GridData_E21 .CssMainContainer #Tab1 .dataGridHeader1, #GridData_E21 .CssMainContainer #Tab1 .dataGridHeader2, #GridData_E21 .CssMainContainer #Tab1 .units, #GridData_E21 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } #GridData_E21 .CssMainContainer .dataGridCell, #GridData_E21 .CssMainContainer .dataGridHeader { padding: 14px 15px !important; width: 100%; } #GridData_E21 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; font-size: 10px !important; } #GridData_E21 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; font-size: 9px !important; } #GridData_E21 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; font-size: 8px !important; } #GridData_E21 .CssMainContainer .dataGridCell { overflow: visible !important; color: #000000; font-size: 11px !important; border-top: 1px solid #C7C7C7 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; } #GridData_E21 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E21 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E21 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E21 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E21 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #C7C7C7 !important; border-bottom: 0 !important; border-left: 0 !important; border-right: 0 !important; } #GridData_E21 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } #GridData_E21 .CssMainContainer .PreviousCss { float: left; } #GridData_E21 .CssMainContainer .NextCss { float: right; } #GridData_E21 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss { float: right; margin-right: 20px; } #GridData_E21 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextEnableCss, #GridData_E21 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousEnableCss, #GridData_E21 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextDisableCss, #GridData_E21 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousDisableCss { width: 24px !important; height: 23px !important; } #GridData_E21 .CssMainContainer .PagesContainerCss { float: left; } #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, #GridData_E21 .CssMainContainer .PageOffCss:hover { cursor: pointer; } #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #000000; } #GridData_E21 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #transparent !important; color: #000000; height: auto; overflow: auto; } #GridData_E21 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #transparent !important; } #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E21 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #000000 !important; background-color: #transparent !important; } #GridData_E21 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E21 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E21 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E21 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E21 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E21 .CssMainContainer .dataGridHeader0, #GridData_E21 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E21 .CssMainContainer .dataGridCell0 { width: 250px !important; text-align: left !important; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E21 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 82px !important; /* border-right: 1px solid #000000 !important; */ } #GridData_E21 .CssMainContainer .dataGridHeader3, #GridData_E21 .CssMainContainer .dataGridHeader4, #GridData_E21 .CssMainContainer .dataGridHeader5, #GridData_E21 .CssMainContainer .dataGridHeader6, #GridData_E21 .CssMainContainer .dataGridHeader7, #GridData_E21 .CssMainContainer .dataGridHeader8, #GridData_E21 .CssMainContainer .dataGridHeader9, #GridData_E21 .CssMainContainer .dataGridHeader10, #GridData_E21 .CssMainContainer .dataGridHeader11, #GridData_E21 .CssMainContainer .dataGridHeader12, #GridData_E21 .CssMainContainer .dataGridHeader13, #GridData_E21 .CssMainContainer .dataGridHeader14, #GridData_E21 .CssMainContainer .dataGridHeader15, #GridData_E21 .CssMainContainer .dataGridHeader16, #GridData_E21 .CssMainContainer .dataGridHeader17, #GridData_E21 .CssMainContainer .dataGridHeader18, #GridData_E21 .CssMainContainer .dataGridHeader19, #GridData_E21 .CssMainContainer .dataGridHeader20, #GridData_E21 .CssMainContainer .dataGridCell2, #GridData_E21 .CssMainContainer .dataGridCell3, #GridData_E21 .CssMainContainer .dataGridCell4, #GridData_E21 .CssMainContainer .dataGridCell5, #GridData_E21 .CssMainContainer .dataGridCell6, #GridData_E21 .CssMainContainer .dataGridCell7, #GridData_E21 .CssMainContainer .dataGridCell8, #GridData_E21 .CssMainContainer .dataGridCell9, #GridData_E21 .CssMainContainer .dataGridCell10, #GridData_E21 .CssMainContainer .dataGridCell11, #GridData_E21 .CssMainContainer .dataGridCell12, #GridData_E21 .CssMainContainer .dataGridCell13, #GridData_E21 .CssMainContainer .dataGridCell14, #GridData_E21 .CssMainContainer .dataGridCell15, #GridData_E21 .CssMainContainer .dataGridCell16, #GridData_E21 .CssMainContainer .dataGridCell17, #GridData_E21 .CssMainContainer .dataGridCell18, #GridData_E21 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 38px; width: 38px; cursor: pointer; } #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 38px; width: 38px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -270px -222px; height: 38px; width: 38px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -270px -260px; height: 38px; width: 38px; display: inline-block; padding: 0 0 0 0px; } #GridData_E21 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -270px -260px; height: 38px; width: 38px; display: inline-block; padding: 0 0 0 0px; } #GridData_E21 .CssMainContainer .PageOnCss, #GridData_E21 .CssMainContainer .PageOffCss, #GridData_E21 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E21 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E21 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E21 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E21 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; } #GridData_E21 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /* */ /* */ /* da $halfBreak a 0 */ @media all and (max-width: 500px) { .DoraInteractive #GridData_E21 { overflow-x: auto; } .DoraInteractive #GridData_E21 .CssMainContainer { width: 600px; } } #GridData_E3 { width: 100%; padding: 0 0 0 0; } #GridData_E3 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*selector*/ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } #GridData_E3 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } #GridData_E3 .CssMainContainer .DataGridCss { height: 800px; width: 100%; } #GridData_E3 .CssMainContainer .DataGridCss table { border: 1px solid #cecece; /* Tooltip container */ } #GridData_E3 .CssMainContainer .DataGridCss table thead { background: #f7f7f7; } #GridData_E3 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader { height: 38px; border-left: 1px solid #C7C7C7 !important; border-top: 0px solid #C7C7C7 !important; color: #000000 !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_E3 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } #GridData_E3 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } #GridData_E3 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } #GridData_E3 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #f7f7f7 !important; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #EEEEEE !important; color: #000000 !important; } #GridData_E3 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } #GridData_E3 .CssMainContainer .DataGridCss table .tooltip .tooltiptext { visibility: hidden; font-size: 10px; width: 300px; background-color: #bbbbbb; color: #000000; text-align: left; padding: 5px; border-radius: 6px; border: 1px solid #000000; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } #GridData_E3 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } #GridData_E3 .CssMainContainer #Tab1 .dataGridHeader1, #GridData_E3 .CssMainContainer #Tab1 .dataGridHeader2, #GridData_E3 .CssMainContainer #Tab1 .units, #GridData_E3 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } #GridData_E3 .CssMainContainer .dataGridCell, #GridData_E3 .CssMainContainer .dataGridHeader { padding: 14px 15px !important; width: 100%; } #GridData_E3 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; font-size: 10px !important; } #GridData_E3 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; font-size: 9px !important; } #GridData_E3 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; font-size: 8px !important; } #GridData_E3 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 11px !important; border-left: 1px solid #C7C7C7 !important; } #GridData_E3 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E3 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E3 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E3 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E3 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #C7C7C7; } #GridData_E3 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } #GridData_E3 .CssMainContainer .PreviousCss { float: left; } #GridData_E3 .CssMainContainer .NextCss { float: right; } #GridData_E3 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss { float: right; margin-right: 20px; } #GridData_E3 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextEnableCss, #GridData_E3 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousEnableCss, #GridData_E3 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextDisableCss, #GridData_E3 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousDisableCss { width: 24px !important; height: 23px !important; } #GridData_E3 .CssMainContainer .PagesContainerCss { float: left; } #GridData_E3 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } #GridData_E3 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, #GridData_E3 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, #GridData_E3 .CssMainContainer .PageOffCss:hover { cursor: pointer; } #GridData_E3 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E3 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } #GridData_E3 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E3 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } #GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #ffffff; } #GridData_E3 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #0073B9 !important; color: #ffffff; height: auto; overflow: auto; } #GridData_E3 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #0073B9 !important; } #GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E3 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #000000 !important; background-color: #EEEEEE !important; } #GridData_E3 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E3 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E3 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E3 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E3 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E3 .CssMainContainer .dataGridHeader0, #GridData_E3 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E3 .CssMainContainer .dataGridCell0 { width: 150px !important; text-align: left !important; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E3 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 82px !important; /* border-right: 1px solid #000000 !important; */ } #GridData_E3 .CssMainContainer .dataGridHeader3, #GridData_E3 .CssMainContainer .dataGridHeader4, #GridData_E3 .CssMainContainer .dataGridHeader5, #GridData_E3 .CssMainContainer .dataGridHeader6, #GridData_E3 .CssMainContainer .dataGridHeader7, #GridData_E3 .CssMainContainer .dataGridHeader8, #GridData_E3 .CssMainContainer .dataGridHeader9, #GridData_E3 .CssMainContainer .dataGridHeader10, #GridData_E3 .CssMainContainer .dataGridHeader11, #GridData_E3 .CssMainContainer .dataGridHeader12, #GridData_E3 .CssMainContainer .dataGridHeader13, #GridData_E3 .CssMainContainer .dataGridHeader14, #GridData_E3 .CssMainContainer .dataGridHeader15, #GridData_E3 .CssMainContainer .dataGridHeader16, #GridData_E3 .CssMainContainer .dataGridHeader17, #GridData_E3 .CssMainContainer .dataGridHeader18, #GridData_E3 .CssMainContainer .dataGridHeader19, #GridData_E3 .CssMainContainer .dataGridHeader20, #GridData_E3 .CssMainContainer .dataGridCell2, #GridData_E3 .CssMainContainer .dataGridCell3, #GridData_E3 .CssMainContainer .dataGridCell4, #GridData_E3 .CssMainContainer .dataGridCell5, #GridData_E3 .CssMainContainer .dataGridCell6, #GridData_E3 .CssMainContainer .dataGridCell7, #GridData_E3 .CssMainContainer .dataGridCell8, #GridData_E3 .CssMainContainer .dataGridCell9, #GridData_E3 .CssMainContainer .dataGridCell10, #GridData_E3 .CssMainContainer .dataGridCell11, #GridData_E3 .CssMainContainer .dataGridCell12, #GridData_E3 .CssMainContainer .dataGridCell13, #GridData_E3 .CssMainContainer .dataGridCell14, #GridData_E3 .CssMainContainer .dataGridCell15, #GridData_E3 .CssMainContainer .dataGridCell16, #GridData_E3 .CssMainContainer .dataGridCell17, #GridData_E3 .CssMainContainer .dataGridCell18, #GridData_E3 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 18px; width: 18px; cursor: pointer; } #GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } #GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } #GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 18px; width: 18px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } #GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -234px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } #GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E3 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E3 .CssMainContainer .PageOnCss, #GridData_E3 .CssMainContainer .PageOffCss, #GridData_E3 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E3 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E3 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E3 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E3 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; } #GridData_E3 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /* */ /* */ /* da $halfBreak a 0 */ @media all and (max-width: 500px) { .DoraInteractive #GridData_E3 { overflow-x: auto; } .DoraInteractive #GridData_E3 .CssMainContainer { width: 600px; } } #GridData_E31 { width: 100%; padding: 0 0 0 0; } #GridData_E31 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } #GridData_E31 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } #GridData_E31 .CssMainContainer .DataGridCss { height: 250px; width: 100%; } #GridData_E31 .CssMainContainer .DataGridCss table { border: 1px solid #cecece; /* Tooltip container */ } #GridData_E31 .CssMainContainer .DataGridCss table thead { background: #f7f7f7; } #GridData_E31 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader { height: 38px; border-left: 1px solid #C7C7C7 !important; border-top: 0px solid #C7C7C7 !important; color: #000000 !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_E31 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } #GridData_E31 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } #GridData_E31 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } #GridData_E31 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } #GridData_E31 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } #GridData_E31 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #f7f7f7 !important; } #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #EEEEEE !important; color: #000000 !important; } #GridData_E31 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } #GridData_E31 .CssMainContainer .DataGridCss table .tooltip .tooltiptext { visibility: hidden; font-size: 10px; width: 300px; background-color: #bbbbbb; color: #000000; text-align: left; padding: 5px; border-radius: 6px; border: 1px solid #000000; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; } #GridData_E31 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } #GridData_E31 .CssMainContainer #Tab1 .dataGridHeader1, #GridData_E31 .CssMainContainer #Tab1 .dataGridHeader2, #GridData_E31 .CssMainContainer #Tab1 .units, #GridData_E31 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } #GridData_E31 .CssMainContainer .dataGridCell, #GridData_E31 .CssMainContainer .dataGridHeader { padding: 14px 15px !important; width: 100%; } #GridData_E31 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; font-size: 10px !important; } #GridData_E31 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; font-size: 9px !important; } #GridData_E31 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; font-size: 8px !important; } #GridData_E31 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 11px !important; border-left: 1px solid #C7C7C7 !important; } #GridData_E31 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E31 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E31 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E31 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E31 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #C7C7C7; } #GridData_E31 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } #GridData_E31 .CssMainContainer .PreviousCss { float: left; } #GridData_E31 .CssMainContainer .NextCss { float: right; } #GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss { float: right; margin-right: 20px; } #GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextEnableCss, #GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousEnableCss, #GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextDisableCss, #GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousDisableCss { width: 24px !important; height: 23px !important; } #GridData_E31 .CssMainContainer .PagesContainerCss { float: left; } #GridData_E31 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } #GridData_E31 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, #GridData_E31 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, #GridData_E31 .CssMainContainer .PageOffCss:hover { cursor: pointer; } #GridData_E31 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E31 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } #GridData_E31 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E31 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } #GridData_E31 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #ffffff; } #GridData_E31 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #0073B9 !important; color: #ffffff; height: auto; overflow: auto; } #GridData_E31 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E31 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #0073B9 !important; } #GridData_E31 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E31 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #000000 !important; background-color: #EEEEEE !important; } #GridData_E31 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E31 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E31 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E31 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E31 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader0, #GridData_E31 .CssMainContainer .dataGridCell0 { width: 150px !important; text-align: left !important; } #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E31 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 82px !important; /* border-right: 1px solid #000000 !important; */ } #GridData_E31 .CssMainContainer .dataGridHeader2, #GridData_E31 .CssMainContainer .dataGridHeader3, #GridData_E31 .CssMainContainer .dataGridHeader4, #GridData_E31 .CssMainContainer .dataGridHeader5, #GridData_E31 .CssMainContainer .dataGridHeader6, #GridData_E31 .CssMainContainer .dataGridHeader7, #GridData_E31 .CssMainContainer .dataGridHeader8, #GridData_E31 .CssMainContainer .dataGridHeader9, #GridData_E31 .CssMainContainer .dataGridHeader10, #GridData_E31 .CssMainContainer .dataGridHeader11, #GridData_E31 .CssMainContainer .dataGridHeader12, #GridData_E31 .CssMainContainer .dataGridHeader13, #GridData_E31 .CssMainContainer .dataGridHeader14, #GridData_E31 .CssMainContainer .dataGridHeader15, #GridData_E31 .CssMainContainer .dataGridHeader16, #GridData_E31 .CssMainContainer .dataGridHeader17, #GridData_E31 .CssMainContainer .dataGridHeader18, #GridData_E31 .CssMainContainer .dataGridHeader19, #GridData_E31 .CssMainContainer .dataGridCell2, #GridData_E31 .CssMainContainer .dataGridCell3, #GridData_E31 .CssMainContainer .dataGridCell4, #GridData_E31 .CssMainContainer .dataGridCell5, #GridData_E31 .CssMainContainer .dataGridCell6, #GridData_E31 .CssMainContainer .dataGridCell7, #GridData_E31 .CssMainContainer .dataGridCell8, #GridData_E31 .CssMainContainer .dataGridCell9, #GridData_E31 .CssMainContainer .dataGridCell10, #GridData_E31 .CssMainContainer .dataGridCell11, #GridData_E31 .CssMainContainer .dataGridCell12, #GridData_E31 .CssMainContainer .dataGridCell13, #GridData_E31 .CssMainContainer .dataGridCell14, #GridData_E31 .CssMainContainer .dataGridCell15, #GridData_E31 .CssMainContainer .dataGridCell16, #GridData_E31 .CssMainContainer .dataGridCell17, #GridData_E31 .CssMainContainer .dataGridCell18, #GridData_E31 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E31 .CssMainContainer .PageOnCss, #GridData_E31 .CssMainContainer .PageOffCss, #GridData_E31 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E31 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E31 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E31 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E31 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; } #GridData_E31 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /* */ /* */ /* da $halfBreak a 0 */ @media all and (max-width: 500px) { .DoraInteractive #GridData_E31 { overflow-x: auto; } .DoraInteractive #GridData_E31 .CssMainContainer { width: 600px; } } /************************************************ /* BreadCrumb /************************************************/ #BreadCrumb1 { font-size: 10px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; } #BreadCrumb1 .BreadCrumb { background-color: #d3dddf; overflow: hidden; padding-left: 10px; } #BreadCrumb1 .BreadCrumb .gwt-Label { height: 30px; line-height: 30px; } #BreadCrumb1 .BreadCrumb .breadcrumb-separator { margin-right: 10px; margin-left: 10px; } #BreadCrumb1 .BreadCrumb .breadcrumb-element { float: left; cursor: pointer; } #BreadCrumb1 .BreadCrumb .breadcrumb-element.LastOff { font-weight: bold; } #BreadCrumb1 .BreadCrumb .breadcrumb-separator { float: left; } /************************************************ /* BreadCrumbGenerator /************************************************/ #BreadCrumbGenerator3 { font-size: 10px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; } #BreadCrumbGenerator3 .BreadCrumbGenerator { background-color: transparent; overflow: hidden; padding-left: 10px; display: table; margin: 0 auto; } #BreadCrumbGenerator3 .BreadCrumbGenerator .gwt-Button { height: 30px; line-height: 30px; } /************************************************ /* Tab /************************************************/ #Tab1 { font-size: 14px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-weight: normal; } #Tab1 div { overflow: hidden; } #Tab1 .tab-table-chart, #Tab1 .DoraTab { background-color: transparent; } #Tab1 .tab-table-chart .pos .tabContainer, #Tab1 .DoraTab .pos .tabContainer { width: 200px; float: left; } #Tab1 .tab-table-chart .pos .tabContainer div, #Tab1 .DoraTab .pos .tabContainer div { float: left; } #Tab1 .tab-table-chart .pos .tabContainer .tabSxOff, #Tab1 .tab-table-chart .pos .tabContainer .tabSxOn, #Tab1 .tab-table-chart .pos .tabContainer .tabDxOff, #Tab1 .tab-table-chart .pos .tabContainer .tabDxOn, #Tab1 .DoraTab .pos .tabContainer .tabSxOff, #Tab1 .DoraTab .pos .tabContainer .tabSxOn, #Tab1 .DoraTab .pos .tabContainer .tabDxOff, #Tab1 .DoraTab .pos .tabContainer .tabDxOn { width: 10px; height: 60px; } #Tab1 .tab-table-chart .pos .tabContainer .tabOn, #Tab1 .tab-table-chart .pos .tabContainer .tabOff, #Tab1 .DoraTab .pos .tabContainer .tabOn, #Tab1 .DoraTab .pos .tabContainer .tabOff { width: calc(100% - 20px); height: 60px; cursor: pointer; text-align: center; line-height: 60px; } #Tab1 .tab-table-chart .pos .tabContainer .tabOff, #Tab1 .DoraTab .pos .tabContainer .tabOff { color: #000000; background-color: transparent; } #Tab1 .tab-table-chart .pos .tabContainer .tabOn, #Tab1 .tab-table-chart .pos .tabContainer .tabOff:hover, #Tab1 .DoraTab .pos .tabContainer .tabOn, #Tab1 .DoraTab .pos .tabContainer .tabOff:hover { color: #000000; border-bottom: 3px solid #1554fe; background-color: transparent; } /* da $halfBreak a 0 */ @media all and (max-width: 500px) { #Tab1 .tab-table-chart .pos .tabContainer, #Tab1 .DoraTab .pos .tabContainer { width: 100%; } } #Tab1 { margin-left: 20px; margin-right: 20px; padding-bottom: 20px; } #Tab1 .DoraTab .pos { display: flex; flex-wrap: wrap; justify-content: space-evenly; } #Tab1 .DoraTab .pos .tabContainer .tabOn, #Tab1 .DoraTab .pos .tabContainer .tabOff:hover { font-family: "CodecWarm Bold", Arial, Helvetica, sans-serif; } /************************************************ /* GridDataNotes /************************************************/ #GridDataNotes1 .GridDataNotes div, #GridDataNotes1 .Info1 div, #GridDataNotes1 .Info2 div { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 10px; color: #494748; } #GridDataNotes2 .GridDataNotes div, #GridDataNotes2 .Info1 div, #GridDataNotes2 .Info2 div { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 10px; color: #494748; } #GridDataNotes3 .GridDataNotes div, #GridDataNotes3 .Info1 div, #GridDataNotes3 .Info2 div { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 10px; color: #494748; } /************************************************ /* SerieInfo /************************************************/ #SerieInfo1 div { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 10px; color: #494748; } #SerieInfo3 div { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 10px; color: #494748; } /************************************************ /* LabelImageLink /************************************************/ #Label3 { overflow: hidden; } #Label3 .image-link { height: 33px; width: 33px; background: url("../images/kpi-icons.png") no-repeat scroll 0 0; background-position: -815px -100px; cursor: pointer; } /************************************************ /* Label /************************************************/ #Label1, #Label7 { height: 16px; } #Label1 div a, #Label7 div a { margin-left: 3px; text-decoration: none; color: #000000; font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 16px; } #Label1 .csslabel .gwt-HTML, #Label7 .csslabel .gwt-HTML { margin-left: 3px; text-decoration: none; color: #000000; font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 16px; } #Label1 .csslabel .gwt-Label, #Label7 .csslabel .gwt-Label { font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 16px; color: #000000; } #Label8 { height: 66px; } #Label8 div a { margin-left: 3px; text-decoration: none; color: #ffffff; font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 16px; } #Label8 .csslabel .gwt-HTML { margin-left: 3px; text-decoration: none; color: #ffffff; font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 16px; line-height: 66px; } #Label8 .csslabel .gwt-Label { font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; } /* CUSTOM */ #Label8 { cursor: pointer; } #Label8 .gwt-Label { background-color: #1554fe; color: #ffffff; width: 150px; height: 46px; line-height: 46px; text-align: center; border-radius: 23px; } /************************************************ /* Embed /************************************************/ #Embed1 .custom-popup { background-color: #ffffff; border: 1px solid #afafaf; } #Embed1 .custom-popup .popup-title { width: calc(100% - 15px); float: left; text-align: center; font-size: 12px; margin-bottom: 2px; color: #9baaab; } #Embed1 .custom-popup .close-panel { width: 15px; height: 15px; background: url("../images/kpi-icons.png") no-repeat scroll 0 0; background-position: -964px -189px; float: left; } #Embed1 .custom-popup .gwt-TextArea { width: 500px; height: 125px; border: 1px solid #AFAFAF; margin: 10px; } #Embed1 .popup-activator-panel { cursor: pointer; } #Embed1 .popup-activator-panel .DoraCheckBox-CheckBox { background: url("../images/kpi-icons.png") no-repeat scroll 0 0; height: 33px; width: 33px; } #Embed1 .popup-activator-panel .DoraCheckBox-Caption { display: none; } #Embed1 .popup-activator-panel .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { background-position: -685px -100px; } #Embed1 .popup-activator-panel .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { background-position: -685px -60px; } /************************************************ /* ChartPrint /************************************************/ #ChartPrint1 .ChartPrint { width: 33px; height: 33px; cursor: pointer; background: url("../images/kpi-icons.png") no-repeat scroll 0 0; background-position: -945px -100px; } #ChartPrint1 .ChartPrint .ChartPrintContainerCss { display: block; overflow: hidden; width: 100%; height: 33px; } #ChartPrint1 .ChartPrint .ChartPrintContainerCss .gwt-Label { display: none; } #ChartPrint3 .ChartPrint { width: 33px; height: 33px; cursor: pointer; background: url("../images/kpi-icons.png") no-repeat scroll 0 0; background-position: -945px -100px; } #ChartPrint3 .ChartPrint .ChartPrintContainerCss { display: block; overflow: hidden; width: 100%; height: 33px; } #ChartPrint3 .ChartPrint .ChartPrintContainerCss .gwt-Label { display: none; } /************************************************ /* IndicatorSetting /************************************************/ #IndicatorSetting1, #IndicatorSetting11 { font-size: 16px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; color: #000000; } #IndicatorSetting1 div, #IndicatorSetting11 div { overflow: hidden; display: block; } #IndicatorSetting1 .EnableCss, #IndicatorSetting11 .EnableCss { color: #000000; font-size: 16px; } #IndicatorSetting1 input, #IndicatorSetting11 input { border-radius: 0; width: 37px; float: left; margin-left: 10px; margin-top: 15px; text-align: right; border: 1px solid #d1d2d4; } #IndicatorSetting1 .indicators-column, #IndicatorSetting11 .indicators-column { width: 100%; float: left; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer { margin-top: 15px; overflow: hidden; float: left; cursor: pointer; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 19px; height: 19px; cursor: pointer; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { float: left; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption { color: #000000; float: left; padding-left: 10px; cursor: pointer; text-transform: uppercase; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { color: #000000; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before { height: 16px; line-height: 16px; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { color: #000000; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before { height: 16px; line-height: 16px; } /* CUSTOM */ #IndicatorSetting1 .indicators .indicators-label, #IndicatorSetting11 .indicators .indicators-label { font-family: "CodecWarm Bold", Arial, Helvetica, sans-serif; } /************************************************ /* STOCK CHART /************************************************/ /************************************************ /* IndicatorSetting /************************************************/ #IndicatorSetting5 { font-size: 13px; font-family: "CodecWarm Bold", Arial, Helvetica, sans-serif; color: #2F2F2F; } #IndicatorSetting5 div { overflow: hidden; display: block; } #IndicatorSetting5 .EnableCss { display: none; color: #ffffff; font-size: 13px; } #IndicatorSetting5 input { border-radius: 6px; width: 37px; float: left; margin-left: 10px; margin-top: 15px; text-align: right; } #IndicatorSetting5 .indicators-column { width: 50%; float: left; } #IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer { margin-top: 15px; overflow: hidden; float: left; cursor: pointer; } #IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 21px; height: 17px; cursor: pointer; } #IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { float: left; } #IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption { color: #2F2F2F; float: left; padding-left: 10px; cursor: pointer; text-transform: uppercase; } #IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { color: #dfdfdf; background: url("../images/kpi-icons.png"); background-position: -1245px -195px; } #IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { color: #000000; background: url("../images/kpi-icons.png"); background-position: -1245px -220px; } #IndicatorSetting51 { font-size: 13px; font-family: "CodecWarm Bold", Arial, Helvetica, sans-serif; color: #2F2F2F; } #IndicatorSetting51 div { overflow: hidden; display: block; } #IndicatorSetting51 .EnableCss { display: none; color: #ffffff; font-size: 13px; } #IndicatorSetting51 input { border-radius: 6px; width: 37px; float: left; margin-left: 10px; margin-top: 15px; text-align: right; } #IndicatorSetting51 .indicators-column { width: 100%; float: left; } #IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer { margin-top: 15px; overflow: hidden; float: left; cursor: pointer; } #IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 21px; height: 17px; cursor: pointer; } #IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { float: left; } #IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption { color: #2F2F2F; float: left; padding-left: 10px; cursor: pointer; text-transform: uppercase; } #IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { color: #dfdfdf; background: url("../images/kpi-icons.png"); background-position: -1245px -195px; } #IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { color: #000000; background: url("../images/kpi-icons.png"); background-position: -1245px -220px; } /************************************************ /* ChartTypeSettingLB /************************************************/ /************************************************ /* SerieSelectorLB /************************************************/ #SerieSelectorLB4 { font-size: 14px; cursor: pointer; width: 150px; } #SerieSelectorLB4 .ComboContainer { width: 100%; overflow: hidden; font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; border: 1px solid #d1d2d4; } #SerieSelectorLB4 .ComboContainer .gwt-Label { float: left; height: 30px; line-height: 30px; margin-left: 5px; } #SerieSelectorLB4 .ComboContainer .gwt-Image { float: right; width: 30px; height: 30px; } .SerieSelectorLB-PopupClass-container { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid #000000; font-family: "CodecWarm", Arial, Helvetica, sans-serif; width: 150px; z-index: 3; } .SerieSelectorLB-PopupClass-container .DoraCheckBox-MainContainer { padding-left: 5px; } .SerieSelectorLB-PopupClass-container .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn { font-weight: bold; } .SerieSelectorLB-PopupClass-container .DoraCheckBox-Caption { width: 145px; } .SerieSelectorLB-PopupClass-container .DoraCheckBox-Caption:hover { background-color: #transparent; color: #000000; cursor: pointer; } .SerieSelectorLB-PopupClass-container table { margin: 0; } .SerieSelectorLB-PopupClass-container table .popupMiddleLeft, .SerieSelectorLB-PopupClass-container table .popupTopLeft, .SerieSelectorLB-PopupClass-container table .popupBottomLeft { width: 0px; } .SerieSelectorLB-PopupClass-container table .popupMiddleRight, .SerieSelectorLB-PopupClass-container table .popupTopRight, .SerieSelectorLB-PopupClass-container table .popupBottomRight { width: 0px; } .SerieSelectorLB-PopupClass-container .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /************************************************ /* SerieSelectorBT /************************************************/ #SerieSelectorBT4 { font-family: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 14px; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer { float: left; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer div { overflow: hidden; float: left; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serSx, #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serDx { display: none; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer .ser { cursor: pointer; text-align: center; height: 30px; line-height: 30px; width: 125px; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOn, #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOff:hover { color: #000000; background-color: #transparent; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOff { color: #000000; background-color: transparent; } #SerieSelectorBT4 .SerieSelectorBT { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-evenly; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer { margin-right: 3px; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOff:before { height: 12px; line-height: 12px; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer .serOn:before { height: 12px; line-height: 12px; } #SerieSelectorBT4 .SerieSelectorBT .btnContainer .ser:before { margin-right: 5px; } /************************************************ /* StockCompareSelectorCB /************************************************/ #StockCompareSelector1, #StockCompareSelector2 { font-size: 16px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; } #StockCompareSelector1 .CssSelectorContainer, #StockCompareSelector2 .CssSelectorContainer { width: 100%; } #StockCompareSelector1 .CssSelectorContainer .CssClassLabel, #StockCompareSelector2 .CssSelectorContainer .CssClassLabel { float: left; padding-right: 10px; color: #000000; font-size: 16px; margin: 0px 0px 0px 0px; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent { color: #2F2F2F; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer { cursor: pointer; float: left; border: 0; border-radius: 0px; height: 19px; margin-right: 10px; margin-bottom: 0px; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 19px; height: 19px; float: left; cursor: pointer; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { color: #000000; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff:before { height: 16px; line-height: 16px; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { color: #000000; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn:before { height: 16px; line-height: 16px; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption { height: 19px; line-height: 19px; padding-left: 10px; padding-right: 10px; float: left; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption:hover, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption:hover { color: #2F2F2F; background-color: transparent; border-radius: 0px; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff { color: #2F2F2F; background-color: transparent; } #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOn, #StockCompareSelector1 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff:hover, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOn, #StockCompareSelector2 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff:hover { color: #2F2F2F; background-color: transparent; } /* CUSTOM */ #StockCompareSelector1 .CssClass .CssSelectorContainer .CssClassLabel, #StockCompareSelector2 .CssClass .CssSelectorContainer .CssClassLabel { font-family: "CodecWarm Bold", Arial, Helvetica, sans-serif; } #StockCompareSelector1 .CssClass .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer, #StockCompareSelector2 .CssClass .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer { margin-top: 15px; } /************************************************ /* NewsListHide /************************************************/ #NewsListHide5 { font-size: 12px; font-family: "CodecWarm", Arial, Helvetica, sans-serif; width: 200px; } #NewsListHide5 .CssOn, #NewsListHide5 .CssOff { width: 100%; height: 40px; line-height: 40px; text-align: center; cursor: pointer; } #NewsListHide5 .gwt-Label.CssOn, #NewsListHide5 .gwt-Label.CssOff { border: 1px solid #000000; } #NewsListHide5 .CssOn, #NewsListHide5 .CssOff:hover { color: #1554fe; background-color: #000000; } #NewsListHide5 .CssOff { color: #000000; background-color: tranparent; } /************************************************ /* CollapseExpand /************************************************/ #CollapseExpand5 div { overflow: hidden; display: block; } #CollapseExpand5 .CssCollapseExpand .CssCommandCol, #CollapseExpand5 .CssCollapseExpand .CssCommandExp { cursor: pointer; background: url("../images/combo2.png"); width: 25px; height: 25px; float: left; } #CollapseExpand5 .CssCollapseExpand .CssTextCol, #CollapseExpand5 .CssCollapseExpand .CssTextExp { height: 25px; line-height: 13px; padding-right: 38px; text-align: right; float: left; color: #000000; font-size: 13px; cursor: pointer; } #CollapseExpand5 .CssCollapseExpand .CssCommandCol { background-position: 0px 0px; } #CollapseExpand5 .CssCollapseExpand .CssCommandExp { background-position: 0px 0px; } #CollapseExpand5 .CssCollapseExpand .CssTextExp { background-position: 0px 0px; } #CollapseExpand51 div { overflow: hidden; display: block; } #CollapseExpand51 .CssCollapseExpand .CssCommandCol, #CollapseExpand51 .CssCollapseExpand .CssCommandExp { cursor: pointer; background: url("../images/combo2.png"); width: 25px; height: 25px; float: left; } #CollapseExpand51 .CssCollapseExpand .CssTextCol, #CollapseExpand51 .CssCollapseExpand .CssTextExp { height: 25px; line-height: 13px; padding-right: 38px; text-align: right; float: left; color: #000000; font-size: 13px; cursor: pointer; } #CollapseExpand51 .CssCollapseExpand .CssCommandCol { background-position: 0px 0px; } #CollapseExpand51 .CssCollapseExpand .CssCommandExp { background-position: 0px 0px; } #CollapseExpand51 .CssCollapseExpand .CssTextExp { background-position: 0px 0px; } /************************************************ /* Chart_A /************************************************/ #Chart_A1:first-child { width: 100%; } #Chart_A1 { padding: 0 0 0 0; } #Chart_A1 .highcharts-button { display: none; } #Chart_A1 .ChartStyle1 { width: 100%; } #Chart_A1 .ChartStyle1 .PieChartContainerCss { display: inline-block; } #Chart_A1 .ChartStyle1 .ChartPrintCss { display: none; } #Chart_A1 .ChartStyle1.custom-popup { height: 200px; width: 200px; } /************************************************ /* Chart_C /************************************************/ #Chart_C1, #Chart_C11:first-child { width: 100%; } #Chart_C1, #Chart_C11 { padding: 0 0 0 0; } #Chart_C1 .highcharts-button, #Chart_C11 .highcharts-button { display: none; } #Chart_C1 .ChartStyle1, #Chart_C11 .ChartStyle1 { width: 100%; } #Chart_C1 .ChartStyle1 .PieChartContainerCss, #Chart_C11 .ChartStyle1 .PieChartContainerCss { display: inline-block; } #Chart_C1 .ChartStyle1 .ChartPrintCss, #Chart_C11 .ChartStyle1 .ChartPrintCss { display: none; } #Chart_C1 .ChartStyle1.custom-popup, #Chart_C11 .ChartStyle1.custom-popup { height: 200px; width: 200px; } #Chart_C1 .highcharts-tooltip .comparative, #Chart_C11 .highcharts-tooltip .comparative { display: block; overflow: hidden; padding-top: 5px; } #Chart_C1 .highcharts-tooltip .comparative .share-value, #Chart_C11 .highcharts-tooltip .comparative .share-value { display: none; } /************************************************ /* Label /************************************************/ #Label5 { height: 16px; } #Label5 div a { margin-left: 3px; text-decoration: none; color: #1554fe; font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 13px; } #Label5 .csslabel .gwt-HTML { margin-left: 3px; text-decoration: none; color: #1554fe; font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 13px; line-height: 16px; } #Label5 .csslabel .gwt-Label { font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 13px; color: #1554fe; } #Label90, #Label91, #Label92 { height: auto; } #Label90 div a, #Label91 div a, #Label92 div a { margin-left: 3px; text-decoration: none; color: #000000; font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; } #Label90 .csslabel .gwt-HTML, #Label91 .csslabel .gwt-HTML, #Label92 .csslabel .gwt-HTML { margin-left: 3px; text-decoration: none; color: #000000; font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; line-height: auto; } #Label90 .csslabel .gwt-Label, #Label91 .csslabel .gwt-Label, #Label92 .csslabel .gwt-Label { font: "CodecWarm", Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; } /************************************************ /* KPI 2.0 /************************************************/ .DoraInteractive { /* da $content-container-width a 0 */ /* da $halfBreak a 0 */ } .DoraInteractive .padding-2 { padding-top: 20px; padding-bottom: 20px; padding-left: 5px; display: block; overflow: hidden; } .DoraInteractive .margin-1 { margin-top: 20px; } .DoraInteractive div.DORA-row.bottom-separator { border-bottom: 1px solid #1554fe; margin-bottom: 20px; } .DoraInteractive .chart-tools-space { margin-top: 20px; overflow: hidden; } .DoraInteractive .graph { border: 1px solid #002F6C; background-color: #transparent; padding-top: 20px; } .DoraInteractive .grid-margin { margin: 10px; } .DoraInteractive .TabElement { width: 100%; overflow: hidden; float: left; background-color: transparent; padding-right: 20px; padding-left: 20px; } .DoraInteractive .colored-background { background-color: #FFFFFF; } .DoraInteractive .content-container { margin: 30px auto auto; overflow: hidden; width: 673px; } .DoraInteractive .chart-tools { width: 5%; float: left; overflow: hidden; display: block; max-width: 40px; min-width: 40px; } .DoraInteractive .chart-container { display: block; overflow: hidden; width: 90%; } .DoraInteractive #DetailContainer { border-top: 1px solid #bacacd; } @media all and (max-width: 673px) { .DoraInteractive .content-container { width: 100%; } .DoraInteractive .chart-tools-space { margin-top: 5px; margin-right: 10px; margin-bottom: 10px; float: left; overflow: hidden; } .DoraInteractive .chart-tools { max-width: 100%; } } @media all and (max-width: 500px) { .DoraInteractive .chart-tools { width: 100%; } .DoraInteractive .chart-container { width: 100%; } } /************************************************ /* CUSTOM /************************************************/ .DoraInteractive .DORA-row.chart-tools-container { display: flex; flex-wrap: wrap; justify-content: space-around; } .DoraInteractive .DORA-row.interattivo-tools { display: flex; flex-wrap: wrap; justify-content: space-around; } .DoraInteractive .inner { background-color: transparent; } .DoraInteractive .stock-chart-container, .DoraInteractive .indicators-settings-container { height: 600px; display: block; overflow: hidden; float: left; } @media all and (max-width: 510px) { .DoraInteractive .stock-chart-container, .DoraInteractive .indicators-settings-container { height: 300px; } } .DoraInteractive .stock-chart-container { width: -webkit-calc(100% - 320px); width: -moz-calc(100% - 320px); width: calc(100% - 320px); } .DoraInteractive .indicators-settings-container { width: 320px; } .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; } /* da 950 a 0 */ @media all and (max-width: 950px) { .DoraInteractive .stock-chart-container { width: 100%; } .DoraInteractive .indicators-settings-container { width: 319px; } } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff, #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff:hover { background: url("../images/BreadCrumbSeparator.png") no-repeat scroll right 0 transparent; padding-right: 20px; } /*# sourceMappingURL=DoraInteractiveTable.css.map */