@charset "UTF-8"; /* KPI Interactive 2.0 */ /************************************************ /* FONT ICONS /************************************************/ .icon-up-big:before { content: '\e800'; } /* '' */ .icon-down-big:before { content: '\e801'; } /* '' */ .icon-record:before { content: '\e802'; } /* '' */ .icon-eq:before { content: '\e803'; } /* '' */ .icon-down:before { content: '\e804'; } /* '' */ .icon-up:before { content: '\e805'; } /* '' */ .icon-cnh:before, #Chart_D1 .PieChartsContainerCss .CNH-Industrial:before { content: '\e806'; } /* '' */ .icon-fca:before, #Chart_D1 .PieChartsContainerCss .Fiat-Chrysler-Automobiles:before { content: '\e807'; } /* '' */ .icon-ferrari:before, #Chart_D1 .PieChartsContainerCss .Ferrari:before { content: '\e808'; } /* '' */ .icon-juventus:before, #Chart_D1 .PieChartsContainerCss .Juventus:before { content: '\e809'; } /* '' */ .icon-partnerre:before, #Chart_D1 .PieChartsContainerCss .PartnerRe:before { content: '\e80a'; } /* '' */ .icon-theeconomist:before, #Chart_D1 .PieChartsContainerCss .The-Economist:before { content: '\e80b'; } /* '' */ .icon-others:before, #Chart_D1 .PieChartsContainerCss .Other-small-investments:before { content: '\e814'; } /* '' */ .icon-combo:before, #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label:after, #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML:after { content: '\e815'; } /* '' */ /************************************************ /* IMPORT /************************************************/ [data-icon]:before, [class^="icon-"]:before, [class*=" icon-"]:before, #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label:after, #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML:after, #Chart_D1 .PieChartsContainerCss .Fiat-Chrysler-Automobiles:before, #Chart_D1 .PieChartsContainerCss .The-Economist:before, #Chart_D1 .PieChartsContainerCss .Juventus:before, #Chart_D1 .PieChartsContainerCss .CNH-Industrial:before, #Chart_D1 .PieChartsContainerCss .Other-small-investments:before, #Chart_D1 .PieChartsContainerCss .Ferrari:before, #Chart_D1 .PieChartsContainerCss .PartnerRe: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: "GT Walsheim", Tahoma, Helvetica, Geneva; 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: "GT Walsheim", Tahoma, Helvetica, Geneva; width: 138px; z-index: 3; } .PopupClass-container .DoraCheckBox-MainContainer { padding-left: 5px; } .PopupClass-container .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn { font-weight: bold; } .PopupClass-container .DoraCheckBox-Caption { width: 127px; } .PopupClass-container .DoraCheckBox-Caption:hover { background-color: #2D99E1; color: #ffffff; 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; } .gwt-DecoratedPopupPanel table tbody tr:first-child td { border-top: 0; } /************************************************ /* RowsPreselect /************************************************/ #RowsPreselect1 .RowsPreselect { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 14px; } #RowsPreselect1 .RowsPreselect .ComboContainer { width: 100%; border: 1px solid #979797; overflow: hidden; cursor: pointer; } #RowsPreselect1 .RowsPreselect .ComboContainer .gwt-Label { float: left; margin-left: 5px; color: #2F2F2F; font-weight: 400; } #RowsPreselect1 .RowsPreselect .ComboContainer .ImageCss { float: right; margin-top: 2px; margin-right: 6px; width: 16px; height: 16px; } /************************************************ /* GridDataSelectorLB /************************************************/ #GridDataSelectorLB3 { background: #ffffff; float: left; height: 32px; margin: 19px 0px 0px 20px; } #GridDataSelectorLB3 .GridDataSelectorLB { float: left; height: 28px; overflow: hidden; top: 64px; padding-top: 4px; } #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer { display: block; overflow: hidden; cursor: pointer; color: #000000; } #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label, #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML { float: left; width: auto; margin-left: 5px; } #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label:after, #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML:after { height: 12px; line-height: 12px; } #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label::after, #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML::after { margin-left: 10px; } #GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Image { display: none; } #GridDataSelectorLB3 .GridDataSelectorLB select { background: none repeat scroll 0 0 transparent; border: 0 solid #CBCACA; font: 16px "GT Walsheim", Tahoma, Helvetica, Geneva; height: 25px; padding: 0 2px 2px 2px; width: auto; max-width: 375px; } .GridDataSelectorLB3Popup-container { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid grey; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; width: 131px; z-index: 3; } .GridDataSelectorLB3Popup-container .DoraCheckBox-MainContainer { padding-left: 5px; } .GridDataSelectorLB3Popup-container .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn { font-weight: bold; } .GridDataSelectorLB3Popup-container .DoraCheckBox-Caption { width: 124px; } .GridDataSelectorLB3Popup-container .DoraCheckBox-Caption:hover { background-color: #1e90ff; color: #ffffff; cursor: pointer; } .GridDataSelectorLB3Popup-container table { margin: 0; } .GridDataSelectorLB3Popup-container table .popupMiddleLeft, .GridDataSelectorLB3Popup-container table .popupTopLeft, .GridDataSelectorLB3Popup-container table .popupBottomLeft { width: 0px; } .GridDataSelectorLB3Popup-container table .popupMiddleRight, .GridDataSelectorLB3Popup-container table .popupTopRight, .GridDataSelectorLB3Popup-container table .popupBottomRight { width: 0px; } .GridDataSelectorLB3Popup-container .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } .GridDataSelectorLB3Popup { background: none repeat scroll 0 0 #FDFDFD; border: 0px solid grey; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; width: 130px; z-index: 3; } .GridDataSelectorLB3Popup .DoraCheckBox-MainContainer { padding-left: 5px; } .GridDataSelectorLB3Popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn { font-weight: bold; } .GridDataSelectorLB3Popup .DoraCheckBox-Caption { width: 123px; } .GridDataSelectorLB3Popup .DoraCheckBox-Caption:hover { background-color: #1e90ff; color: #ffffff; cursor: pointer; } .GridDataSelectorLB3Popup table { margin: 0; } .GridDataSelectorLB3Popup table .popupMiddleLeft, .GridDataSelectorLB3Popup table .popupTopLeft, .GridDataSelectorLB3Popup table .popupBottomLeft { width: 0px; } .GridDataSelectorLB3Popup table .popupMiddleRight, .GridDataSelectorLB3Popup table .popupTopRight, .GridDataSelectorLB3Popup table .popupBottomRight { width: 0px; } .GridDataSelectorLB3Popup .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } #GridDataSelectorLB3 { padding: 5px; border: 1px solid grey; height: 42px; } /************************************************ /* RowsPreselectTabSmall /************************************************/ /* * COMMON */ #RowsPreselectTab1 { display: block; overflow: hidden; background: #ffffff; } #RowsPreselectTab1 div { display: block; overflow: hidden; } #RowsPreselectTab1 .RowPreselectTab { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 14px; 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: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 14px; width: 100%; height: 50px; line-height: 50px; text-align: center; } #RowsPreselectTab1 .RowPreselectTab .statusOff { color: #2F2F2F; background: #ffffff; border-bottom: 0; border-top: 4px solid #ffffff; font-weight: normal; } #RowsPreselectTab1 .RowPreselectTab .statusOff .title { color: #2F2F2F; } #RowsPreselectTab1 .RowPreselectTab .statusOn, #RowsPreselectTab1 .RowPreselectTab .statusOff:hover { color: #2F2F2F; background: #ffffff; border-bottom: 0; border-top: 4px solid #002F6C; font-weight: bold; } #RowsPreselectTab1 .RowPreselectTab .statusOn .title, #RowsPreselectTab1 .RowPreselectTab .statusOff:hover .title { color: #2F2F2F; } #RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .title { float: left; width: 148px; } #RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .children-number { float: right; width: 1px; display: block; border-right: 1px solid #979797; overflow: hidden; height: 37px; margin-top: 5px; } /************************************************ /* RowsPreselectTab /************************************************/ /* * COMMON */ #RowsPreselectTab11 { display: block; overflow: hidden; margin-top: 0px; } #RowsPreselectTab11 .RowPreselectTab { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; 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: "GT Walsheim", Tahoma, Helvetica, Geneva; 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: #2F2F2F; } /* * 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: "GT Walsheim", Tahoma, Helvetica, Geneva; 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; } /************************************************ /* RowsPreselectAccordion /************************************************/ /* * COMMON */ #RowsPreselectAccordion1 { display: block; overflow: hidden; } #RowsPreselectAccordion1 .RowPreselectAccordion { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; 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: "GT Walsheim", Tahoma, Helvetica, Geneva; 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: #2F2F2F; } #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: "GT Walsheim", Tahoma, Helvetica, Geneva; 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 /************************************************/ #ChartTypeSetting1 { font-size: 10px; cursor: pointer; } #ChartTypeSetting1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox { width: 33px; height: 33px; background: url("../images/kpi-icons.png"); cursor: pointer; } #ChartTypeSetting1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-Caption { display: none; } #ChartTypeSetting1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { background-position: -425px -100px; } #ChartTypeSetting1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { background-position: -425px -60px; } #ChartTypeSetting1 .popup-title { width: calc(100% - 15px); float: left; text-align: center; font-size: 12px; margin-bottom: 2px; color: #9baaab; } #ChartTypeSetting1 .close-panel { width: 15px; height: 15px; background: url("../images/kpi-icons.png"); background-position: -964px -189px; float: left; } #ChartTypeSetting1 .ChartTypeContent { width: 160px; height: 170px; } #ChartTypeSetting1 .ChartTypeContent .DoraCheckBox-MainContainer { width: 100%; } #ChartTypeSetting1 .ChartTypeContent { /* * ON/OFF:hover */ } #ChartTypeSetting1 .ChartTypeContent .DoraCheckBox-MainContainer { display: block; margin-top: 2px; overflow: hidden; } #ChartTypeSetting1 .ChartTypeContent .DoraCheckBox-CheckBox { width: 33px; height: 33px; float: left; } #ChartTypeSetting1 .ChartTypeContent .DoraCheckBox-Caption { float: left; width: 128px; height: 27px; padding-left: 10px; line-height: 27px; } #ChartTypeSetting1 .ChartTypeContent .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .DoraCheckBox-ValueOff:hover { color: #1494ba; } #ChartTypeSetting1 .ChartTypeContent .DoraCheckBox-ValueOff { color: #000000; } #ChartTypeSetting1 .ChartTypeContent .Linear .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1300px -53px; } #ChartTypeSetting1 .ChartTypeContent .Column .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1260px -53px; } #ChartTypeSetting1 .ChartTypeContent .PieColumnGroup .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1280px -53px; } #ChartTypeSetting1 .ChartTypeContent .Pie .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1280px -53px; } #ChartTypeSetting1 .ChartTypeContent .ColumnStack .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1260px -53px; } #ChartTypeSetting1 .ChartTypeContent .CandleStick .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1136px -72px; } #ChartTypeSetting1 .ChartTypeContent .Ohlc .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1136px -72px; } #ChartTypeSetting1 .ChartTypeContent .Area .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -371px 0px; } #ChartTypeSetting1 .ChartTypeContent .Linear .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .Linear.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1300px -33px; } #ChartTypeSetting1 .ChartTypeContent .Column .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .Column.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1260px -33px; } #ChartTypeSetting1 .ChartTypeContent .PieColumnGroup .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .PieColumnGroup.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1280px -33px; } #ChartTypeSetting1 .ChartTypeContent .Pie .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .Pie.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1280px -33px; } #ChartTypeSetting1 .ChartTypeContent .ColumnStack .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .ColumnStack.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1260px -33px; } #ChartTypeSetting1 .ChartTypeContent .CandleStick .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .CandleStick.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1136px -96px; } #ChartTypeSetting1 .ChartTypeContent .Ohlc .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .Ohlc.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -1136px -96px; } #ChartTypeSetting1 .ChartTypeContent .Area .DoraCheckBox-ValueOn, #ChartTypeSetting1 .ChartTypeContent .Area.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff { background: url("../images/kpi-icons.png"); background-position: -371px -32px; } #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 27px; height: 27px; } #ChartTypeSetting1 .custom-popup { z-index: 3; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; 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; } */ } #ChartTypeSetting1 .custom-popup .CloseClass { display: none; } #ChartTypeSetting1 .custom-popup table tbody { border: 0; } #ChartTypeSetting1 .custom-popup .PopupSelectorContainer { width: 160px; } #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff { color: #000000; } #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn, #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover { color: #1494ba; } #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer { cursor: pointer; } #ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-Caption { padding-left: 5px; } #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: "GT Walsheim", Tahoma, Helvetica, Geneva; 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; } /************************************************ /* 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; } /************************************************ /* 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: #2D99E1; 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; } #Chart_D1 .PieChartsContainerCss tspan[style="cursor: pointer;"] { font-weight: bold; fill: #012F6B; } #Chart_D1 .PieChartsContainerCss tspan[style="cursor: pointer;"]:hover { fill: #2D99E1; } #Chart_D1 .PieChartsContainerCss .label-value { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 12px; font-weight: bold; } #Chart_D1 .PieChartsContainerCss .label-icon { height: 20px; } #Chart_D1 .PieChartsContainerCss .Fiat-Chrysler-Automobiles:before { height: 6px; line-height: 6px; color: #979797; font-size: 30px; } #Chart_D1 .PieChartsContainerCss .The-Economist:before { height: 20px; line-height: 20px; color: #979797; font-size: 24px; } #Chart_D1 .PieChartsContainerCss .Juventus:before { height: 18px; line-height: 18px; color: #979797; font-size: 26px; } #Chart_D1 .PieChartsContainerCss .CNH-Industrial:before { height: 6px; line-height: 6px; color: #979797; font-size: 30px; } #Chart_D1 .PieChartsContainerCss .Other-small-investments:before { height: 20px; line-height: 20px; color: #979797; font-size: 15px; } #Chart_D1 .PieChartsContainerCss .Ferrari:before { height: 6px; line-height: 6px; color: #979797; font-size: 36px; } #Chart_D1 .PieChartsContainerCss .PartnerRe:before { height: 6px; line-height: 6px; color: #979797; font-size: 36px; } /************************************************ /* 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: #ffffff; } #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-top: 3px solid #002F6C !important; border-bottom: 3px solid #002F6C !important; border-left: 0 !important; border-right: 0 !important; color: #002F6C !important; font-size: 14px; font-weight: bold; /*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 .dataGridHeader.dataGridLastColumnHeader { border-width: 0; } #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: "GT Walsheim", Tahoma, Helvetica, Geneva; } #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*/ /* */ /*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: #ffffff; } #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: 3px solid #002F6C !important; border-bottom: 3px solid #002F6C !important; border-left: 0 !important; border-right: 0 !important; color: #002F6C !important; font-size: 14px; font-weight: bold; /*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: #FAFAFA !important; color: #2F2F2F !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: 13px !important; } #GridData_E21 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; font-size: 12px !important; } #GridData_E21 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; font-size: 11px !important; } #GridData_E21 .CssMainContainer .dataGridCell { overflow: visible !important; color: #2F2F2F; font-size: 14px !important; border-top: 0 !important; border-bottom: 1px solid #C7C7C7 !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: 0 !important; border-bottom: 1px solid #C7C7C7 !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 { display: none; } #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: #ffffff; } #GridData_E21 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #2D99E1 !important; color: #ffffff; height: auto; overflow: auto; } #GridData_E21 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #2D99E1 !important; } #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E21 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #2F2F2F !important; background-color: #FAFAFA !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 .DataGridCss table .dataGridHeader.dataGridHeader0, #GridData_E21 .CssMainContainer .dataGridCell0 { width: 250px !important; text-align: left !important; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E21 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; /* width: 82px !important; */ /* border-right: 1px solid #000000 !important; */ } #GridData_E21 .CssMainContainer .dataGridHeader2, #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 .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 .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: #2D99E1; } #GridData_E21 .CssMainContainer .PageOffCss { color: #2F2F2F; } #GridData_E21 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; } #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: 0; /* Tooltip container */ } #GridData_E3 .CssMainContainer .DataGridCss table thead { background: #ffffff; } #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-top: 3px solid #002F6C !important; border-bottom: 3px solid #002F6C !important; border-left: 0 !important; border-right: 0 !important; color: #002F6C !important; font-size: 14px; font-weight: bold; /*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 .dataGridHeader.dataGridLastColumnHeader { border-width: 0; } #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: #ffffff !important; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #2D99E1 !important; color: #2F2F2F !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: #2F2F2F; font-size: 11px !important; border-top: 0 !important; border-bottom: 1px solid #C7C7C7 !important; border-left: 0 !important; border-right: 0 !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: 0 !important; border-bottom: 1px solid #C7C7C7 !important; border-left: 0 !important; border-right: 0 !important; } #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 { display: none; } #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: #2F2F2F; } #GridData_E3 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #2D99E1 !important; color: #2F2F2F; height: auto; overflow: auto; } #GridData_E3 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #2D99E1 !important; } #GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E3 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #2F2F2F !important; background-color: #2D99E1 !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: 250px !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: 38px; width: 38px; 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: 38px; width: 38px; 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: -270px -222px; height: 38px; width: 38px; 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: -270px -260px; height: 38px; width: 38px; 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: -270px -260px; height: 38px; width: 38px; 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: #2D99E1; } #GridData_E3 .CssMainContainer .PageOffCss { color: #2F2F2F; } #GridData_E3 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; } #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: #ffffff; } #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-top: 3px solid #002F6C !important; border-bottom: 3px solid #002F6C !important; border-left: 0 !important; border-right: 0 !important; color: #002F6C !important; font-size: 14px; font-weight: bold; /*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 .dataGridHeader.dataGridLastColumnHeader { border-width: 0; } #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: "GT Walsheim", Tahoma, Helvetica, Geneva; } #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; } } .nav #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader0, .nav #GridData_E21 .CssMainContainer .dataGridCell0 { width: 125px !important; } .no-data-units #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-data-units #GridData_E1 .CssMainContainer .dataGridCell1, .no-data-units #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-data-units #GridData_E21 .CssMainContainer .dataGridCell1, .no-data-units #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-data-units #GridData_E21 .CssMainContainer .dataGridCell1, .no-data-units #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-data-units #GridData_E3 .CssMainContainer .dataGridCell1, .no-data-units #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-data-units #GridData_E31 .CssMainContainer .dataGridCell1 { text-align: right !important; width: 100% !important; } .no-units #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-units #GridData_E21 .CssMainContainer .dataGridCell1, .no-units #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-units #GridData_E21 .CssMainContainer .dataGridCell1, .no-units #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-units #GridData_E3 .CssMainContainer .dataGridCell1, .no-units #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .no-units #GridData_E31 .CssMainContainer .dataGridCell1 { text-align: right !important; } #GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight.dataGridEvenRow, #GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight.dataGridOddRow, #GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight.dataGridEvenRow, #GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight.dataGridOddRow, #GridData_E3 .CssMainContainer .DataGridCss table .dora-highlight.dataGridEvenRow, #GridData_E3 .CssMainContainer .DataGridCss table .dora-highlight.dataGridOddRow, #GridData_E31 .CssMainContainer .DataGridCss table .dora-highlight.dataGridEvenRow, #GridData_E31 .CssMainContainer .DataGridCss table .dora-highlight.dataGridOddRow { background-color: #2D99E1 !important; font-weight: bold; } #GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight .dataGridCell, #GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight .dataGridCell, #GridData_E3 .CssMainContainer .DataGridCss table .dora-highlight .dataGridCell, #GridData_E31 .CssMainContainer .DataGridCss table .dora-highlight .dataGridCell { color: #ffffff; } #GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight .dataGridHoveredRowCell, #GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight .dataGridHoveredRowCell, #GridData_E3 .CssMainContainer .DataGridCss table .dora-highlight .dataGridHoveredRowCell, #GridData_E31 .CssMainContainer .DataGridCss table .dora-highlight .dataGridHoveredRowCell { background-color: #012F6B !important; color: #ffffff !important; } /************************************************ /* BreadCrumb /************************************************/ #BreadCrumb1 { font-size: 10px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; } #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: "GT Walsheim", Tahoma, Helvetica, Geneva; } #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: 16px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; } #Tab1 div { overflow: hidden; } #Tab1 .tab-table-chart, #Tab1 .DoraTab { background-color: #ffffff; } #Tab1 .tab-table-chart .pos .tabContainer, #Tab1 .DoraTab .pos .tabContainer { width: 33%; 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 .tabOn, #Tab1 .tab-table-chart .pos .tabContainer .tabOff:hover, #Tab1 .DoraTab .pos .tabContainer .tabOn, #Tab1 .DoraTab .pos .tabContainer .tabOff:hover { color: #2F2F2F; border-bottom: 2px solid #2F2F2F; } /* da $halfBreak a 0 */ @media all and (max-width: 500px) { #Tab1 .tab-table-chart .pos .tabContainer, #Tab1 .DoraTab .pos .tabContainer { width: 100%; } } /************************************************ /* GridDataNotes /************************************************/ #GridDataNotes1 .GridDataNotes div, #GridDataNotes1 .Info1 div, #GridDataNotes1 .Info2 div { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 10px; color: #494748; } #GridDataNotes2 .GridDataNotes div, #GridDataNotes2 .Info1 div, #GridDataNotes2 .Info2 div { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 10px; color: #494748; } #GridDataNotes3 .GridDataNotes div, #GridDataNotes3 .Info1 div, #GridDataNotes3 .Info2 div { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 10px; color: #494748; } /************************************************ /* SerieInfo /************************************************/ #SerieInfo1 div { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 10px; color: #494748; } #SerieInfo3 div { font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 10px; color: #494748; } /************************************************ /* LabelImageLink /************************************************/ #Label1 { overflow: hidden; } #Label1 .image-link { height: 33px; width: 33px; background: url("../images/kpi-icons.png") no-repeat scroll 0 0; background-position: -815px -100px; cursor: pointer; } #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; } /************************************************ /* 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 { font-size: 13px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; color: #6F7276; } #IndicatorSetting1 div { overflow: hidden; display: block; } #IndicatorSetting1 .EnableCss { display: none; color: #ffffff; font-size: 13px; } #IndicatorSetting1 input { border-radius: 6px; width: 37px; float: left; margin-left: 10px; margin-top: 15px; text-align: right; } #IndicatorSetting1 .indicators-column { width: 50%; float: left; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer { margin-top: 15px; overflow: hidden; float: left; cursor: pointer; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 19px; height: 19px; cursor: pointer; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { float: left; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption { color: #6F7276; float: left; padding-left: 10px; cursor: pointer; text-transform: uppercase; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { color: #dfdfdf; background: url("../images/kpi-icons.png"); background-position: -1245px -195px; } #IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { color: #000000; background: url("../images/kpi-icons.png"); background-position: -1245px -220px; } #IndicatorSetting11 { font-size: 13px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; color: #6F7276; } #IndicatorSetting11 div { overflow: hidden; display: block; } #IndicatorSetting11 .EnableCss { display: none; color: #ffffff; font-size: 13px; } #IndicatorSetting11 input { border-radius: 6px; width: 37px; float: left; margin-left: 10px; margin-top: 15px; text-align: right; } #IndicatorSetting11 .indicators-column { width: 100%; float: left; } #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer { margin-top: 15px; overflow: hidden; float: left; cursor: pointer; } #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 19px; height: 19px; cursor: pointer; } #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { float: left; } #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption { color: #6F7276; float: left; padding-left: 10px; cursor: pointer; text-transform: uppercase; } #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff { color: #dfdfdf; background: url("../images/kpi-icons.png"); background-position: -1245px -195px; } #IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn { color: #000000; background: url("../images/kpi-icons.png"); background-position: -1245px -220px; } /************************************************ /* STOCK CHART /************************************************/ /************************************************ /* IndicatorSetting /************************************************/ #IndicatorSetting5 { font-size: 13px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; 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: "GT Walsheim", Tahoma, Helvetica, Geneva; 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; } /************************************************ /* ChartTypeSetting /************************************************/ #ChartTypeSetting5 { font-size: 13px; cursor: pointer; width: 200px; /* * OFF */ } #ChartTypeSetting5 .ChartTypeSetting_label { display: none; } #ChartTypeSetting5 .ComboContainer { width: 100%; overflow: hidden; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 13px; color: #2F2F2F; border: 1px solid #2F2F2F; } #ChartTypeSetting5 .ComboContainer .gwt-Label { float: left; height: 40px; line-height: 40px; width: 156px; text-align: center; text-transform: uppercase; } #ChartTypeSetting5 .ComboContainer .gwt-Image { float: right; width: 40px; height: 40px; } #ChartTypeSetting5 .DoraCheckBox-ValueOff:hover { cursor: pointer; } #ChartTypeSetting5 .ChartTypeContent { float: right; margin-right: 35px; margin-top: 10px; } #ChartTypeSetting5 .ChartTypeContent div { width: 40px; height: 40px; margin-right: 5px; } #ChartTypeSetting5 .DoraCheckBox-Caption { display: none; } #ChartTypeSetting5 .DoraCheckBox-MainContainer { float: left; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleLeft { display: none; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup { width: 200px; padding: 5px; background-color: #2F2F2F; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer { cursor: pointer; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer .DoraCheckBox-Caption { font-size: 10px; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff { color: #2F2F2F; background-color: #2F2F2F; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn, .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover { color: #2D99E1; background-color: #2F2F2F; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .CloseClass { display: none; } /************************************************ /* StockCompareSelector /************************************************/ #StockCompareSelector5 { font-size: 12px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; } #StockCompareSelector5 .CssSelectorContainer { width: 100%; } #StockCompareSelector5 .CssSelectorContainer .CssClassLabel { width: 100%; color: #ffffff; font-size: 13px; margin: 0px 0px 15px 0px; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent { color: #2F2F2F; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer { cursor: pointer; float: left; border: 1px solid #2F2F2F; border-radius: 0px; height: 40px; margin-right: 10px; margin-bottom: 0px; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption { height: 40px; line-height: 40px; padding-left: 10px; padding-right: 10px; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption:hover { color: #2D99E1; background-color: #2F2F2F; border-radius: 0px; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff { color: #2F2F2F; background-color: tranparent; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOn, #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff:hover { color: #2D99E1; background-color: #2F2F2F; } /************************************************ /* NewsListHide /************************************************/ #NewsListHide5 { font-size: 12px; font-family: "GT Walsheim", Tahoma, Helvetica, Geneva; 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 #2F2F2F; } #NewsListHide5 .CssOn, #NewsListHide5 .CssOff:hover { color: #2D99E1; background-color: #2F2F2F; } #NewsListHide5 .CssOff { color: #2F2F2F; 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: #2F2F2F; 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: #2F2F2F; 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_C /************************************************/ #Chart_C1:first-child { width: 100%; } #Chart_C1 { padding: 0 0 0 0; } #Chart_C1 .highcharts-button { display: none; } #Chart_C1 .ChartStyle1 { width: 100%; } #Chart_C1 .ChartStyle1 .PieChartContainerCss { display: inline-block; } #Chart_C1 .ChartStyle1 .ChartPrintCss { display: none; } #Chart_C1 .ChartStyle1.custom-popup { height: 200px; width: 200px; } #Chart_C5:first-child { width: 100%; } #Chart_C5 { padding: 0 0 0 0; } #Chart_C5 .ChartStyle1 { width: 100%; } #Chart_C5 .ChartStyle1 .PieChartContainerCss { display: inline-block; } #Chart_C5 .ChartStyle1.custom-popup { height: 200px; width: 200px; } #Chart_C1 .highcharts-tooltip .share-difference .neg { color: #da0300; } #Chart_C1 .highcharts-tooltip .share-difference .pos { color: #099339; } /************************************************ /* Label /************************************************/ #Label5 { height: 16px; } #Label5 div a { margin-left: 3px; text-decoration: none; color: #2D99E1; font: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 13px; } #Label5 .csslabel .gwt-HTML { margin-left: 3px; text-decoration: none; color: #2D99E1; font: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 13px; line-height: 16px; } #Label5 .csslabel .gwt-Label { font: "GT Walsheim", Tahoma, Helvetica, Geneva; font-size: 13px; color: #2D99E1; } /************************************************ /* KPI 2.0 /************************************************/ .main-region .gwtwidget p { margin: 0; } .main-region .gwtwidget table { margin: 0; } .main-region .gwtwidget table tbody tr:first-child td { border: 0; } .main-region .gwtwidget table td, .main-region .gwtwidget table th { padding: 0; } .main-region .DoraInteractive p { margin: 0; } .main-region .DoraInteractive .gwtwidget table { margin: 0; } .main-region .DoraInteractive .gwtwidget table tbody tr:first-child td { border: 0; } .main-region .DoraInteractive .gwtwidget table td, .main-region .DoraInteractive .gwtwidget table th { padding: 0; } .DoraInteractive { /* da $content-container-width a 0 */ /* da $halfBreak a 0 */ } .DoraInteractive .rows-preselect-container { background-color: #ffffff; border-top: 1px solid #979797; } .DoraInteractive .rows-preselect-container .old-preselect-container { padding-top: 17px; } .DoraInteractive .chart-tools-space { margin-top: 20px; overflow: hidden; } .DoraInteractive .graph { padding-top: 20px; } .DoraInteractive .grid-margin { margin: 10px; } .DoraInteractive .TabElement { width: 100%; overflow: hidden; float: left; } .DoraInteractive .colored-background { background-color: #FFFFFF; } .DoraInteractive .content-container { margin: 0 auto; overflow: hidden; width: 100%; max-width: 800px; } .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: 800px) { .DoraInteractive .content-container { width: 100%; max-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 { width: 100%; } .DoraInteractive .maturity-label p { height: 42px; margin-top: 19px; line-height: 45px; } .DoraInteractive .DORA-hide-big { display: none; } .DoraInteractive .inner-page { width: 100%; max-width: 1200px; margin: 0 auto; } .DoraInteractive .header-container .header1-table { border-bottom: 1px solid #D8D8D8; margin-bottom: 50px; } .DoraInteractive .header-container .header1-table tr { height: 85px; } .DoraInteractive .header-container .header1-table tr td { height: 85px; } .DoraInteractive .header-container .header1-table tr td div { height: 85px; } .DoraInteractive .header-container .header1-table tr .td-1 { width: 57px; } .DoraInteractive .header-container .header1-table tr .td-2 { width: 100%; } .DoraInteractive .header-container .header1-table tr .td-2 .outer { width: 100%; } .DoraInteractive .header-container .header1-table tr .td-2 .outer .inner { width: 901px; margin: 0 auto; } .DoraInteractive .header-container .header2 { width: 100%; margin-bottom: 50px; } .DoraInteractive .header-container .header2 .inner { width: 257px; margin: 0 auto; } .DoraInteractive .footer-container { width: 100%; } .DoraInteractive .footer-container .footer-table { border-top: 1px solid #D8D8D8; padding-top: 40px; margin-top: 50px; } .DoraInteractive .footer-container .footer-table .td-1 { width: 289px; } .DoraInteractive .footer-container .footer-table .td-2 { width: 100%; } .DoraInteractive .footer-container .footer-table .td-2 .outer { width: 100%; } .DoraInteractive .footer-container .footer-table .td-2 .outer .inner { width: 427px; margin: 0 auto; } .DoraInteractive #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { margin-top: 0; } .DoraInteractive #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss, .DoraInteractive #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { margin-left: 0; } .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 .DORA-hide-small { display: none; } .DoraInteractive .DORA-hide-big { display: block; } .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; } /* * gwt-hide-small-break */ .gwt-hide-small { display: block; } .gwt-show-small { display: none; } @media all and (max-width: 900px) { .gwt-hide-small { display: none; } .gwt-show-small { display: block; } } /*# sourceMappingURL=DoraInteractiveTable.css.map */