/* KPI Interactive 2.0 */ /************************************************ /* IMPORT /************************************************/ /* Reset default attributes */ .node .DoraInteractive table, .node .DoraInteractive tr, .node .DoraInteractive th, .node .DoraInteractive td, .DoraInteractive table, .DoraInteractive tr, .DoraInteractive th, .DoraInteractive td, .node .gwtwidget table, .node .gwtwidget tr, .node .gwtwidget th, .node .gwtwidget td, .gwtwidget table, .gwtwidget tr, .gwtwidget th, .gwtwidget td, .gwt-DecoratedPopupPanel table, .gwt-DecoratedPopupPanel tr, .gwt-DecoratedPopupPanel th, .gwt-DecoratedPopupPanel 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; } .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: "Brown", sans-serif; width: 100%; } .DoraInteractive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .DoraInteractive div.row, .DoraInteractive div.DORA-row { display: block; } .DoraInteractive .v-space { height: 20px; overflow: hidden; display: block; width: 1px; } .DoraInteractive .fleft { float: left; } .DoraInteractive .fright { float: right; } .DoraInteractive .full-width.row, .DoraInteractive .full-width.DORA-row, .DoraInteractive .full-width { width: 100%; } .DoraInteractive .half-width { width: 50%; } .DoraInteractive ._3-4-width { width: 75%; } .DoraInteractive ._1-4-width { width: 25%; } .DoraInteractive .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; } .DoraInteractive div.chart-preview { margin-left: 5px; border: 1px solid #dedede; } /************************************************ /* generic /************************************************/ /* da $halfbreak a 0 */ @media all and (max-width: 960px) { .DoraInteractive .half-width { width: 100%; } .DoraInteractive ._3-4-width { width: 100%; } .DoraInteractive ._1-4-width { width: 100%; } } /************************************************ /* RowsPreselectTabSmall /************************************************/ /* * COMMON */ #RowsPreselectTab2 { display: block; overflow: hidden; background: #ffffff; border-top: 1px solid #bacacd; } #RowsPreselectTab2 div { display: block; overflow: hidden; } #RowsPreselectTab2 .RowPreselectTab { font-family: "Brown", sans-serif; font-size: 14px; border: 0; display: table; margin: auto; } #RowsPreselectTab2 .RowPreselectTab .PreselectElement-MainContainer { width: 150px; height: 35px; border: 0; cursor: pointer; margin-right: 0; float: left; margin-top: 20px; } #RowsPreselectTab2 .RowPreselectTab .PreselectElement-MainContainer .img, #RowsPreselectTab2 .RowPreselectTab .PreselectElement-MainContainer .children-number { display: none; } #RowsPreselectTab2 .RowPreselectTab .PreselectElement-MainContainer .title { font-family: "Brown", sans-serif; font-size: 14px; width: 100%; height: 35px; line-height: 20px; text-align: center; text-transform: uppercase; } #RowsPreselectTab2 .RowPreselectTab .statusOff { color: #000000; background: #ffffff; border-bottom: 0; } #RowsPreselectTab2 .RowPreselectTab .statusOff .title { color: #000000; } #RowsPreselectTab2 .RowPreselectTab .statusOn, #RowsPreselectTab2 .RowPreselectTab .statusOff:hover { color: #00A5CD; background: #ffffff; border-bottom: 0; } #RowsPreselectTab2 .RowPreselectTab .statusOn .title, #RowsPreselectTab2 .RowPreselectTab .statusOff:hover .title { color: #00A5CD; } /************************************************ /* RowsPreselectTab /************************************************/ /* * COMMON */ #RowsPreselectTab11 { display: block; overflow: hidden; margin-top: 20px; } #RowsPreselectTab11 .RowPreselectTab { font-family: "Brown", sans-serif; font-size: 12px; display: block; overflow: hidden; border: 0; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff { background: #ffffff; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOn, #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff:hover { background: #ffffff; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer:hover { cursor: pointer; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer { border: 0; overflow: hidden; width: 200px; height: 41px; float: left; padding: 0 50px 0 0; } #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: "Brown", sans-serif; font-size: 12px; height: 100%; line-height: 14px; text-transform: uppercase; } #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff, #RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff .title { color: #000000; } #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: #00A5CD; } /* * 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: "Brown", sans-serif; font-size: 12px; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow { width: 100%; /* Navigation LEFT */ /* Navigation RIGHT */ /* slideShow container */ } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButton, #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButton { float: left; height: 35px; 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 -230px; cursor: pointer; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButton { float: left; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButtonOff { display: none; } #RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButtonOn { background-position: -180px -230px; 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: "Brown", sans-serif; font-size: 12px; display: block; overflow: hidden; border: 1px solid #DFDFDF; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element.middle, #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element.last { border-top: 1px solid #DFDFDF; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element { padding: 15px 5px; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion.statusOff { height: 30px; line-height: 30px; } #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: "Brown", sans-serif; font-size: 12px; font-weight: bold; text-transform: uppercase; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .accordion-text { display: none; } #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 { display: none; } #RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion.statusOn .img { background: url("../images/kpi-icons.png"); background-position: -216px -100px; } #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: 15px 20px 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: 14px; } #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.statusOff:hover .title { 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: #004F93; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff:hover { background-color: #E7E9E8; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff { background-color: #004F93; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff:hover { background-color: #E7E9E8; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff { background-color: #004F93; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff:hover { background-color: #E7E9E8; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff { background-color: #004F93; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff:hover { background-color: #E7E9E8; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff { background-color: #004F93; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff:hover { background-color: #E7E9E8; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff { background-color: #004F93; } #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOn, #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff:hover { background-color: #E7E9E8; } } /************************************************ /* RowsPreselectBreadCrumb /************************************************/ #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb { font-family: "Brown", sans-serif; font-size: 12px; width: 100%; border: 1px solid #bbbbbb; overflow: hidden; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer:hover { cursor: pointer; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer { overflow: hidden; width: 150px; height: 30px; float: left; border-right: 1px solid #FFFFFF; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .title { float: left; line-height: 30px; height: 100%; width: 100%; text-align: center; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .img, #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .children-number { display: none; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff { color: #ff0062; background: #ffffff; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOn, #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff:hover { color: #666666; background: #ffffff; } /************************************************ /* ChartTypeSetting /************************************************/ #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 .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 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 27px; height: 27px; } #ChartTypeSetting1 .custom-popup { z-index: 3; font-family: "Brown", sans-serif; font-size: 10px; width: 160px; height: 170px; background-color: #f9f9f9; border: 1px solid #AFAFAF; /* .Linear.DoraCheckBox-ValueOff { background: $background-LinearOff; } .Column.DoraCheckBox-ValueOff { background: $background-ColumnOff; } .PieColumnGroup.DoraCheckBox-ValueOff { background: $background-PieColumnGroupOff; } .Pie.DoraCheckBox-ValueOff { background: $background-PieOff; } .ColumnStack.DoraCheckBox-ValueOff { background: $background-ColumnStackOff; } .CandleStick.DoraCheckBox-ValueOff { background: $background-CandleStickOff; } .Ohlc.DoraCheckBox-ValueOff { background: $background-OhlcOff; } */ /* * ON/OFF:hover */ /* .Linear.DoraCheckBox-ValueOn, .Linear.DoraCheckBox-ValueOff:hover { background: $background-LinearOn; } .Column.DoraCheckBox-ValueOn, .Column.DoraCheckBox-ValueOff:hover { background: $background-ColumnOn; } .PieColumnGroup.DoraCheckBox-ValueOn, .PieColumnGroup.DoraCheckBox-ValueOff:hover { background: $background-PieColumnGroupOn; } .Pie.DoraCheckBox-ValueOn, .Pie.DoraCheckBox-ValueOff:hover { background: $background-PieOn; } .ColumnStack.DoraCheckBox-ValueOn, .ColumnStack.DoraCheckBox-ValueOff:hover { background: $background-ColumnStackOn; } .CandleStick.DoraCheckBox-ValueOn, .CandleStick.DoraCheckBox-ValueOff:hover { background: $background-CandleStickOn; } .Ohlc.DoraCheckBox-ValueOn, .Ohlc.DoraCheckBox-ValueOff:hover { background: $background-OhlcOn; } */ } #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 .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 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox { width: 27px; height: 27px; } #ChartTypeSetting3 .custom-popup { z-index: 3; font-family: "Brown", sans-serif; font-size: 10px; width: 160px; height: 170px; background-color: #f9f9f9; border: 1px solid #AFAFAF; /* .Linear.DoraCheckBox-ValueOff { background: $background-LinearOff; } .Column.DoraCheckBox-ValueOff { background: $background-ColumnOff; } .PieColumnGroup.DoraCheckBox-ValueOff { background: $background-PieColumnGroupOff; } .Pie.DoraCheckBox-ValueOff { background: $background-PieOff; } .ColumnStack.DoraCheckBox-ValueOff { background: $background-ColumnStackOff; } .CandleStick.DoraCheckBox-ValueOff { background: $background-CandleStickOff; } .Ohlc.DoraCheckBox-ValueOff { background: $background-OhlcOff; } */ /* * ON/OFF:hover */ /* .Linear.DoraCheckBox-ValueOn, .Linear.DoraCheckBox-ValueOff:hover { background: $background-LinearOn; } .Column.DoraCheckBox-ValueOn, .Column.DoraCheckBox-ValueOff:hover { background: $background-ColumnOn; } .PieColumnGroup.DoraCheckBox-ValueOn, .PieColumnGroup.DoraCheckBox-ValueOff:hover { background: $background-PieColumnGroupOn; } .Pie.DoraCheckBox-ValueOn, .Pie.DoraCheckBox-ValueOff:hover { background: $background-PieOn; } .ColumnStack.DoraCheckBox-ValueOn, .ColumnStack.DoraCheckBox-ValueOff:hover { background: $background-ColumnStackOn; } .CandleStick.DoraCheckBox-ValueOn, .CandleStick.DoraCheckBox-ValueOff:hover { background: $background-CandleStickOn; } .Ohlc.DoraCheckBox-ValueOn, .Ohlc.DoraCheckBox-ValueOff:hover { background: $background-OhlcOn; } */ } #ChartTypeSetting3 .custom-popup .CloseClass { display: none; } #ChartTypeSetting3 .custom-popup table tbody { border: 0; } #ChartTypeSetting3 .custom-popup .PopupSelectorContainer { width: 160px; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff { color: #000000; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn, #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover { color: #1494ba; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer { cursor: pointer; } #ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-Caption { padding-left: 5px; } /************************************************ /* 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_D2 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D2 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D2 .header .close-panel { display: block; overflow: hidden; cursor: pointer; float: right; height: 15px; width: 15px; margin: 5px 5px 0px 0px; background-image: url("../images/kpi-icons.png"); background-position: -964px -189px; } #Chart_D2 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 380px; width: 400px; } #Chart_D2 .highcharts-button { display: none; } #Chart_D2 .ChartStyle1, #Chart_D2 .CssChar_D { width: 100%; } #Chart_D2 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D2 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D2 .ChartStyle1 .PieChartContainerCss, #Chart_D2 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D2 .ChartStyle1 .ChartPrintContainerCss, #Chart_D2 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D2 .ChartStyle1.custom-popup { height: 380px; width: 400px; } @media all and (max-width: 500px) { #Chart_D2 .ChartStyle1.custom-popup { width: 300px; } } #Chart_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_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_D4 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D4 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D4 .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_D4 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D4 .highcharts-button { display: none; } #Chart_D4 .ChartStyle1, #Chart_D4 .CssChar_D { width: 100%; } #Chart_D4 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D4 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D4 .ChartStyle1 .PieChartContainerCss, #Chart_D4 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D4 .ChartStyle1 .ChartPrintContainerCss, #Chart_D4 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D4 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D4 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D5 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D5 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D5 .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_D5 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D5 .highcharts-button { display: none; } #Chart_D5 .ChartStyle1, #Chart_D5 .CssChar_D { width: 100%; } #Chart_D5 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D5 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D5 .ChartStyle1 .PieChartContainerCss, #Chart_D5 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D5 .ChartStyle1 .ChartPrintContainerCss, #Chart_D5 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D5 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D5 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D6 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D6 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D6 .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_D6 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D6 .highcharts-button { display: none; } #Chart_D6 .ChartStyle1, #Chart_D6 .CssChar_D { width: 100%; } #Chart_D6 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D6 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D6 .ChartStyle1 .PieChartContainerCss, #Chart_D6 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D6 .ChartStyle1 .ChartPrintContainerCss, #Chart_D6 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D6 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D6 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D7 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D7 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D7 .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_D7 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D7 .highcharts-button { display: none; } #Chart_D7 .ChartStyle1, #Chart_D7 .CssChar_D { width: 100%; } #Chart_D7 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D7 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D7 .ChartStyle1 .PieChartContainerCss, #Chart_D7 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D7 .ChartStyle1 .ChartPrintContainerCss, #Chart_D7 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D7 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D7 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D8 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D8 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D8 .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_D8 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D8 .highcharts-button { display: none; } #Chart_D8 .ChartStyle1, #Chart_D8 .CssChar_D { width: 100%; } #Chart_D8 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D8 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D8 .ChartStyle1 .PieChartContainerCss, #Chart_D8 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D8 .ChartStyle1 .ChartPrintContainerCss, #Chart_D8 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D8 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D8 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D9 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D9 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D9 .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_D9 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D9 .highcharts-button { display: none; } #Chart_D9 .ChartStyle1, #Chart_D9 .CssChar_D { width: 100%; } #Chart_D9 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D9 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D9 .ChartStyle1 .PieChartContainerCss, #Chart_D9 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D9 .ChartStyle1 .ChartPrintContainerCss, #Chart_D9 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D9 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D9 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D10 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D10 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D10 .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_D10 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D10 .highcharts-button { display: none; } #Chart_D10 .ChartStyle1, #Chart_D10 .CssChar_D { width: 100%; } #Chart_D10 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D10 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D10 .ChartStyle1 .PieChartContainerCss, #Chart_D10 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D10 .ChartStyle1 .ChartPrintContainerCss, #Chart_D10 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D10 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D10 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D11 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D11 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D11 .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_D11 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D11 .highcharts-button { display: none; } #Chart_D11 .ChartStyle1, #Chart_D11 .CssChar_D { width: 100%; } #Chart_D11 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D11 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D11 .ChartStyle1 .PieChartContainerCss, #Chart_D11 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D11 .ChartStyle1 .ChartPrintContainerCss, #Chart_D11 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D11 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D11 .ChartStyle1.custom-popup { width: 300px; } } #Chart_D12 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } #Chart_D12 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } #Chart_D12 .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_D12 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 200px; width: 200px; } #Chart_D12 .highcharts-button { display: none; } #Chart_D12 .ChartStyle1, #Chart_D12 .CssChar_D { width: 100%; } #Chart_D12 .ChartStyle1 div.PieChartsContainerCss:first-child, #Chart_D12 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } #Chart_D12 .ChartStyle1 .PieChartContainerCss, #Chart_D12 .CssChar_D .PieChartContainerCss { display: inline-block; } #Chart_D12 .ChartStyle1 .ChartPrintContainerCss, #Chart_D12 .CssChar_D .ChartPrintContainerCss { display: none; } #Chart_D12 .ChartStyle1.custom-popup { height: 200px; width: 200px; } @media all and (max-width: 500px) { #Chart_D12 .ChartStyle1.custom-popup { width: 300px; } } /************************************************ /* 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: 0px; /* Tooltip container */ } #GridData_E1 .CssMainContainer .DataGridCss table thead { background: #004F93; } #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 { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_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: #FFFFFF !important; } #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #00A5CD !important; color: #ffffff !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: 2px 15px !important; width: 100%; } #GridData_E1 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } #GridData_E1 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } #GridData_E1 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } #GridData_E1 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !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 #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #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 { display: none; } #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: #000000; } #GridData_E1 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #ffffff !important; color: #000000; height: auto; overflow: auto; } #GridData_E1 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E1 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #ffffff !important; } #GridData_E1 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E1 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } #GridData_E1 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E1 .CssMainContainer .dataGridHeader { height: 38px; } #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: 278px !important; text-align: left !important; } @media all and (max-width: 960px) { #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader0, #GridData_E1 .CssMainContainer .dataGridCell0 { width: 150px !important; } } #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E1 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E1 .CssMainContainer .dataGridCell1 { width: 55px !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: "Brown", sans-serif; } #GridData_E1 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /* */ /* */ /* da $halfBreak a 0 */ @media all and (max-width: 960px) { .DoraInteractive #GridData_E1 { overflow-x: auto; } .DoraInteractive #GridData_E1 .CssMainContainer { width: 500px; } } #GridData_E13 { width: 100%; padding: 0 0 0 0; } #GridData_E13 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*selector*/ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } #GridData_E13 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } #GridData_E13 .CssMainContainer .DataGridCss { height: 800px; width: 100%; } #GridData_E13 .CssMainContainer .DataGridCss table { border: 0px; /* Tooltip container */ } #GridData_E13 .CssMainContainer .DataGridCss table thead { background: #004F93; } #GridData_E13 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_E13 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } #GridData_E13 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } #GridData_E13 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } #GridData_E13 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } #GridData_E13 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } #GridData_E13 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #FFFFFF !important; } #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #00A5CD !important; color: #ffffff !important; } #GridData_E13 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } #GridData_E13 .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_E13 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } #GridData_E13 .CssMainContainer #Tab1 .dataGridHeader1, #GridData_E13 .CssMainContainer #Tab1 .dataGridHeader2, #GridData_E13 .CssMainContainer #Tab1 .units, #GridData_E13 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } #GridData_E13 .CssMainContainer .dataGridCell, #GridData_E13 .CssMainContainer .dataGridHeader { padding: 2px 15px !important; width: 100%; } #GridData_E13 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } #GridData_E13 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } #GridData_E13 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } #GridData_E13 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #GridData_E13 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E13 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E13 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E13 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E13 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #GridData_E13 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } #GridData_E13 .CssMainContainer .PreviousCss { float: left; } #GridData_E13 .CssMainContainer .NextCss { float: right; } #GridData_E13 .CssMainContainer .ColumnsNavigatorExternalContainerCss { display: none; } #GridData_E13 .CssMainContainer .PagesContainerCss { float: left; } #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, #GridData_E13 .CssMainContainer .PageOffCss:hover { cursor: pointer; } #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } #GridData_E13 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #000000; } #GridData_E13 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #ffffff !important; color: #000000; height: auto; overflow: auto; } #GridData_E13 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E13 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #ffffff !important; } #GridData_E13 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E13 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } #GridData_E13 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E13 .CssMainContainer .dataGridHeader { height: 38px; } #GridData_E13 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E13 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E13 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E13 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E13 .CssMainContainer .dataGridHeader0, #GridData_E13 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E13 .CssMainContainer .dataGridCell0 { width: 278px !important; text-align: left !important; } @media all and (max-width: 960px) { #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E13 .CssMainContainer .dataGridCell0 { width: 150px !important; } } #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E13 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E13 .CssMainContainer .dataGridCell1 { width: 55px !important; } } #GridData_E13 .CssMainContainer .dataGridHeader3, #GridData_E13 .CssMainContainer .dataGridHeader4, #GridData_E13 .CssMainContainer .dataGridHeader5, #GridData_E13 .CssMainContainer .dataGridHeader6, #GridData_E13 .CssMainContainer .dataGridHeader7, #GridData_E13 .CssMainContainer .dataGridHeader8, #GridData_E13 .CssMainContainer .dataGridHeader9, #GridData_E13 .CssMainContainer .dataGridHeader10, #GridData_E13 .CssMainContainer .dataGridHeader11, #GridData_E13 .CssMainContainer .dataGridHeader12, #GridData_E13 .CssMainContainer .dataGridHeader13, #GridData_E13 .CssMainContainer .dataGridHeader14, #GridData_E13 .CssMainContainer .dataGridHeader15, #GridData_E13 .CssMainContainer .dataGridHeader16, #GridData_E13 .CssMainContainer .dataGridHeader17, #GridData_E13 .CssMainContainer .dataGridHeader18, #GridData_E13 .CssMainContainer .dataGridHeader19, #GridData_E13 .CssMainContainer .dataGridHeader20, #GridData_E13 .CssMainContainer .dataGridCell2, #GridData_E13 .CssMainContainer .dataGridCell3, #GridData_E13 .CssMainContainer .dataGridCell4, #GridData_E13 .CssMainContainer .dataGridCell5, #GridData_E13 .CssMainContainer .dataGridCell6, #GridData_E13 .CssMainContainer .dataGridCell7, #GridData_E13 .CssMainContainer .dataGridCell8, #GridData_E13 .CssMainContainer .dataGridCell9, #GridData_E13 .CssMainContainer .dataGridCell10, #GridData_E13 .CssMainContainer .dataGridCell11, #GridData_E13 .CssMainContainer .dataGridCell12, #GridData_E13 .CssMainContainer .dataGridCell13, #GridData_E13 .CssMainContainer .dataGridCell14, #GridData_E13 .CssMainContainer .dataGridCell15, #GridData_E13 .CssMainContainer .dataGridCell16, #GridData_E13 .CssMainContainer .dataGridCell17, #GridData_E13 .CssMainContainer .dataGridCell18, #GridData_E13 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E13 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 18px; width: 18px; cursor: pointer; } #GridData_E13 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } #GridData_E13 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } #GridData_E13 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 18px; width: 18px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } #GridData_E13 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -234px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } #GridData_E13 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E13 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E13 .CssMainContainer .PageOnCss, #GridData_E13 .CssMainContainer .PageOffCss, #GridData_E13 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E13 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E13 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E13 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E13 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "Brown", sans-serif; } #GridData_E13 .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: 960px) { .DoraInteractive #GridData_E13 { overflow-x: auto; } .DoraInteractive #GridData_E13 .CssMainContainer { width: 500px; } } #GridData_E15 { width: 100%; padding: 0 0 0 0; } #GridData_E15 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*selector*/ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } #GridData_E15 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } #GridData_E15 .CssMainContainer .DataGridCss { height: 800px; width: 100%; } #GridData_E15 .CssMainContainer .DataGridCss table { border: 0px; /* Tooltip container */ } #GridData_E15 .CssMainContainer .DataGridCss table thead { background: #004F93; } #GridData_E15 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } #GridData_E15 .CssMainContainer .DataGridCss table .dataGridHeader { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_E15 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } #GridData_E15 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } #GridData_E15 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } #GridData_E15 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } #GridData_E15 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } #GridData_E15 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #FFFFFF !important; } #GridData_E15 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #00A5CD !important; color: #ffffff !important; } #GridData_E15 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } #GridData_E15 .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_E15 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } #GridData_E15 .CssMainContainer #Tab1 .dataGridHeader1, #GridData_E15 .CssMainContainer #Tab1 .dataGridHeader2, #GridData_E15 .CssMainContainer #Tab1 .units, #GridData_E15 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } #GridData_E15 .CssMainContainer .dataGridCell, #GridData_E15 .CssMainContainer .dataGridHeader { padding: 2px 15px !important; width: 100%; } #GridData_E15 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } #GridData_E15 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } #GridData_E15 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } #GridData_E15 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #GridData_E15 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E15 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E15 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E15 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E15 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #GridData_E15 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } #GridData_E15 .CssMainContainer .PreviousCss { float: left; } #GridData_E15 .CssMainContainer .NextCss { float: right; } #GridData_E15 .CssMainContainer .ColumnsNavigatorExternalContainerCss { display: none; } #GridData_E15 .CssMainContainer .PagesContainerCss { float: left; } #GridData_E15 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } #GridData_E15 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, #GridData_E15 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, #GridData_E15 .CssMainContainer .PageOffCss:hover { cursor: pointer; } #GridData_E15 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E15 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } #GridData_E15 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E15 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } #GridData_E15 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #000000; } #GridData_E15 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #ffffff !important; color: #000000; height: auto; overflow: auto; } #GridData_E15 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E15 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #ffffff !important; } #GridData_E15 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E15 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } #GridData_E15 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E15 .CssMainContainer .dataGridHeader { height: 38px; } #GridData_E15 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E15 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E15 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E15 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E15 .CssMainContainer .dataGridHeader0, #GridData_E15 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } #GridData_E15 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E15 .CssMainContainer .dataGridCell0 { width: 278px !important; text-align: left !important; } @media all and (max-width: 960px) { #GridData_E15 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E15 .CssMainContainer .dataGridCell0 { width: 150px !important; } } #GridData_E15 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E15 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { #GridData_E15 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E15 .CssMainContainer .dataGridCell1 { width: 55px !important; } } #GridData_E15 .CssMainContainer .dataGridHeader3, #GridData_E15 .CssMainContainer .dataGridHeader4, #GridData_E15 .CssMainContainer .dataGridHeader5, #GridData_E15 .CssMainContainer .dataGridHeader6, #GridData_E15 .CssMainContainer .dataGridHeader7, #GridData_E15 .CssMainContainer .dataGridHeader8, #GridData_E15 .CssMainContainer .dataGridHeader9, #GridData_E15 .CssMainContainer .dataGridHeader10, #GridData_E15 .CssMainContainer .dataGridHeader11, #GridData_E15 .CssMainContainer .dataGridHeader12, #GridData_E15 .CssMainContainer .dataGridHeader13, #GridData_E15 .CssMainContainer .dataGridHeader14, #GridData_E15 .CssMainContainer .dataGridHeader15, #GridData_E15 .CssMainContainer .dataGridHeader16, #GridData_E15 .CssMainContainer .dataGridHeader17, #GridData_E15 .CssMainContainer .dataGridHeader18, #GridData_E15 .CssMainContainer .dataGridHeader19, #GridData_E15 .CssMainContainer .dataGridHeader20, #GridData_E15 .CssMainContainer .dataGridCell2, #GridData_E15 .CssMainContainer .dataGridCell3, #GridData_E15 .CssMainContainer .dataGridCell4, #GridData_E15 .CssMainContainer .dataGridCell5, #GridData_E15 .CssMainContainer .dataGridCell6, #GridData_E15 .CssMainContainer .dataGridCell7, #GridData_E15 .CssMainContainer .dataGridCell8, #GridData_E15 .CssMainContainer .dataGridCell9, #GridData_E15 .CssMainContainer .dataGridCell10, #GridData_E15 .CssMainContainer .dataGridCell11, #GridData_E15 .CssMainContainer .dataGridCell12, #GridData_E15 .CssMainContainer .dataGridCell13, #GridData_E15 .CssMainContainer .dataGridCell14, #GridData_E15 .CssMainContainer .dataGridCell15, #GridData_E15 .CssMainContainer .dataGridCell16, #GridData_E15 .CssMainContainer .dataGridCell17, #GridData_E15 .CssMainContainer .dataGridCell18, #GridData_E15 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E15 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 18px; width: 18px; cursor: pointer; } #GridData_E15 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } #GridData_E15 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } #GridData_E15 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 18px; width: 18px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } #GridData_E15 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -234px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } #GridData_E15 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E15 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E15 .CssMainContainer .PageOnCss, #GridData_E15 .CssMainContainer .PageOffCss, #GridData_E15 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E15 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E15 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E15 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E15 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "Brown", sans-serif; } #GridData_E15 .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: 960px) { .DoraInteractive #GridData_E15 { overflow-x: auto; } .DoraInteractive #GridData_E15 .CssMainContainer { width: 700px; } } #GridData_E21 { width: 100%; padding: 0 0 0 0; } #GridData_E21 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*selector*/ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } #GridData_E21 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } #GridData_E21 .CssMainContainer .DataGridCss { height: 800px; width: 100%; } #GridData_E21 .CssMainContainer .DataGridCss table { border: 0px; /* Tooltip container */ } #GridData_E21 .CssMainContainer .DataGridCss table thead { background: #004F93; } #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 { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_E21 .CssMainContainer .DataGridCss table 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: #00A5CD !important; color: #ffffff !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: 2px 15px !important; width: 100%; } #GridData_E21 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } #GridData_E21 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } #GridData_E21 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } #GridData_E21 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #GridData_E21 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E21 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E21 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E21 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E21 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !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: #000000; } #GridData_E21 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #ffffff !important; color: #000000; height: auto; overflow: auto; } #GridData_E21 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #ffffff !important; } #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E21 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } #GridData_E21 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E21 .CssMainContainer .dataGridHeader { height: 38px; } #GridData_E21 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E21 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E21 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E21 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E21 .CssMainContainer .dataGridHeader0, #GridData_E21 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E21 .CssMainContainer .dataGridCell0 { width: 278px !important; text-align: left !important; } @media all and (max-width: 960px) { #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E21 .CssMainContainer .dataGridCell0 { width: 150px !important; } } #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E21 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E21 .CssMainContainer .dataGridCell1 { width: 55px !important; } } #GridData_E21 .CssMainContainer .dataGridHeader3, #GridData_E21 .CssMainContainer .dataGridHeader4, #GridData_E21 .CssMainContainer .dataGridHeader5, #GridData_E21 .CssMainContainer .dataGridHeader6, #GridData_E21 .CssMainContainer .dataGridHeader7, #GridData_E21 .CssMainContainer .dataGridHeader8, #GridData_E21 .CssMainContainer .dataGridHeader9, #GridData_E21 .CssMainContainer .dataGridHeader10, #GridData_E21 .CssMainContainer .dataGridHeader11, #GridData_E21 .CssMainContainer .dataGridHeader12, #GridData_E21 .CssMainContainer .dataGridHeader13, #GridData_E21 .CssMainContainer .dataGridHeader14, #GridData_E21 .CssMainContainer .dataGridHeader15, #GridData_E21 .CssMainContainer .dataGridHeader16, #GridData_E21 .CssMainContainer .dataGridHeader17, #GridData_E21 .CssMainContainer .dataGridHeader18, #GridData_E21 .CssMainContainer .dataGridHeader19, #GridData_E21 .CssMainContainer .dataGridHeader20, #GridData_E21 .CssMainContainer .dataGridCell2, #GridData_E21 .CssMainContainer .dataGridCell3, #GridData_E21 .CssMainContainer .dataGridCell4, #GridData_E21 .CssMainContainer .dataGridCell5, #GridData_E21 .CssMainContainer .dataGridCell6, #GridData_E21 .CssMainContainer .dataGridCell7, #GridData_E21 .CssMainContainer .dataGridCell8, #GridData_E21 .CssMainContainer .dataGridCell9, #GridData_E21 .CssMainContainer .dataGridCell10, #GridData_E21 .CssMainContainer .dataGridCell11, #GridData_E21 .CssMainContainer .dataGridCell12, #GridData_E21 .CssMainContainer .dataGridCell13, #GridData_E21 .CssMainContainer .dataGridCell14, #GridData_E21 .CssMainContainer .dataGridCell15, #GridData_E21 .CssMainContainer .dataGridCell16, #GridData_E21 .CssMainContainer .dataGridCell17, #GridData_E21 .CssMainContainer .dataGridCell18, #GridData_E21 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 18px; width: 18px; cursor: pointer; } #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 18px; width: 18px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -234px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E21 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E21 .CssMainContainer .PageOnCss, #GridData_E21 .CssMainContainer .PageOffCss, #GridData_E21 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E21 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E21 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E21 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E21 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "Brown", sans-serif; } #GridData_E21 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /* */ /* */ /* da $halfBreak a 0 */ @media all and (max-width: 960px) { .DoraInteractive #GridData_E21 { overflow-x: auto; } .DoraInteractive #GridData_E21 .CssMainContainer { width: 500px; } } #GridData_E25 { width: 100%; padding: 0 0 0 0; } #GridData_E25 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*selector*/ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } #GridData_E25 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } #GridData_E25 .CssMainContainer .DataGridCss { height: 800px; width: 100%; } #GridData_E25 .CssMainContainer .DataGridCss table { border: 0px; /* Tooltip container */ } #GridData_E25 .CssMainContainer .DataGridCss table thead { background: #004F93; } #GridData_E25 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } #GridData_E25 .CssMainContainer .DataGridCss table .dataGridHeader { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_E25 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } #GridData_E25 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } #GridData_E25 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } #GridData_E25 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } #GridData_E25 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } #GridData_E25 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #FFFFFF !important; } #GridData_E25 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #00A5CD !important; color: #ffffff !important; } #GridData_E25 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } #GridData_E25 .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_E25 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } #GridData_E25 .CssMainContainer #Tab1 .dataGridHeader1, #GridData_E25 .CssMainContainer #Tab1 .dataGridHeader2, #GridData_E25 .CssMainContainer #Tab1 .units, #GridData_E25 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } #GridData_E25 .CssMainContainer .dataGridCell, #GridData_E25 .CssMainContainer .dataGridHeader { padding: 2px 15px !important; width: 100%; } #GridData_E25 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } #GridData_E25 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } #GridData_E25 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } #GridData_E25 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #GridData_E25 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E25 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E25 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E25 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E25 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #GridData_E25 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } #GridData_E25 .CssMainContainer .PreviousCss { float: left; } #GridData_E25 .CssMainContainer .NextCss { float: right; } #GridData_E25 .CssMainContainer .ColumnsNavigatorExternalContainerCss { display: none; } #GridData_E25 .CssMainContainer .PagesContainerCss { float: left; } #GridData_E25 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } #GridData_E25 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, #GridData_E25 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, #GridData_E25 .CssMainContainer .PageOffCss:hover { cursor: pointer; } #GridData_E25 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E25 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } #GridData_E25 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } #GridData_E25 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } #GridData_E25 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #000000; } #GridData_E25 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #ffffff !important; color: #000000; height: auto; overflow: auto; } #GridData_E25 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E25 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #ffffff !important; } #GridData_E25 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E25 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } #GridData_E25 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E25 .CssMainContainer .dataGridHeader { height: 38px; } #GridData_E25 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E25 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E25 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E25 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E25 .CssMainContainer .dataGridHeader0, #GridData_E25 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } #GridData_E25 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E25 .CssMainContainer .dataGridCell0 { width: 278px !important; text-align: left !important; } @media all and (max-width: 960px) { #GridData_E25 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E25 .CssMainContainer .dataGridCell0 { width: 150px !important; } } #GridData_E25 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E25 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { #GridData_E25 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E25 .CssMainContainer .dataGridCell1 { width: 55px !important; } } #GridData_E25 .CssMainContainer .dataGridHeader3, #GridData_E25 .CssMainContainer .dataGridHeader4, #GridData_E25 .CssMainContainer .dataGridHeader5, #GridData_E25 .CssMainContainer .dataGridHeader6, #GridData_E25 .CssMainContainer .dataGridHeader7, #GridData_E25 .CssMainContainer .dataGridHeader8, #GridData_E25 .CssMainContainer .dataGridHeader9, #GridData_E25 .CssMainContainer .dataGridHeader10, #GridData_E25 .CssMainContainer .dataGridHeader11, #GridData_E25 .CssMainContainer .dataGridHeader12, #GridData_E25 .CssMainContainer .dataGridHeader13, #GridData_E25 .CssMainContainer .dataGridHeader14, #GridData_E25 .CssMainContainer .dataGridHeader15, #GridData_E25 .CssMainContainer .dataGridHeader16, #GridData_E25 .CssMainContainer .dataGridHeader17, #GridData_E25 .CssMainContainer .dataGridHeader18, #GridData_E25 .CssMainContainer .dataGridHeader19, #GridData_E25 .CssMainContainer .dataGridHeader20, #GridData_E25 .CssMainContainer .dataGridCell2, #GridData_E25 .CssMainContainer .dataGridCell3, #GridData_E25 .CssMainContainer .dataGridCell4, #GridData_E25 .CssMainContainer .dataGridCell5, #GridData_E25 .CssMainContainer .dataGridCell6, #GridData_E25 .CssMainContainer .dataGridCell7, #GridData_E25 .CssMainContainer .dataGridCell8, #GridData_E25 .CssMainContainer .dataGridCell9, #GridData_E25 .CssMainContainer .dataGridCell10, #GridData_E25 .CssMainContainer .dataGridCell11, #GridData_E25 .CssMainContainer .dataGridCell12, #GridData_E25 .CssMainContainer .dataGridCell13, #GridData_E25 .CssMainContainer .dataGridCell14, #GridData_E25 .CssMainContainer .dataGridCell15, #GridData_E25 .CssMainContainer .dataGridCell16, #GridData_E25 .CssMainContainer .dataGridCell17, #GridData_E25 .CssMainContainer .dataGridCell18, #GridData_E25 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E25 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 18px; width: 18px; cursor: pointer; } #GridData_E25 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } #GridData_E25 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } #GridData_E25 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 18px; width: 18px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } #GridData_E25 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -234px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } #GridData_E25 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E25 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E25 .CssMainContainer .PageOnCss, #GridData_E25 .CssMainContainer .PageOffCss, #GridData_E25 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E25 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E25 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E25 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E25 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "Brown", sans-serif; } #GridData_E25 .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: 960px) { .DoraInteractive #GridData_E25 { overflow-x: auto; } .DoraInteractive #GridData_E25 .CssMainContainer { width: 700px; } } #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: 0px; /* Tooltip container */ } #GridData_E3 .CssMainContainer .DataGridCss table thead { background: #004F93; } #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 { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_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: #00A5CD !important; color: #ffffff !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: 2px 15px !important; width: 100%; } #GridData_E3 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } #GridData_E3 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } #GridData_E3 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } #GridData_E3 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #GridData_E3 .CssMainContainer .dataGridCell .Red { color: #ff0000; } #GridData_E3 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } #GridData_E3 .CssMainContainer .dataGridCell .Green { color: #00ff00; } #GridData_E3 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } #GridData_E3 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !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: #000000; } #GridData_E3 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #E7E9E8 !important; color: #000000; height: auto; overflow: auto; } #GridData_E3 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #E7E9E8 !important; } #GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E3 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } #GridData_E3 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E3 .CssMainContainer .dataGridHeader { height: 38px; } #GridData_E3 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } #GridData_E3 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } #GridData_E3 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } #GridData_E3 .CssMainContainer .SxCell { width: 180px !important; } #GridData_E3 .CssMainContainer .dataGridHeader0, #GridData_E3 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E3 .CssMainContainer .dataGridCell0 { width: 150px !important; text-align: left !important; } #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E3 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, #GridData_E3 .CssMainContainer .dataGridCell1 { width: 55px !important; } } #GridData_E3 .CssMainContainer .dataGridHeader3, #GridData_E3 .CssMainContainer .dataGridHeader4, #GridData_E3 .CssMainContainer .dataGridHeader5, #GridData_E3 .CssMainContainer .dataGridHeader6, #GridData_E3 .CssMainContainer .dataGridHeader7, #GridData_E3 .CssMainContainer .dataGridHeader8, #GridData_E3 .CssMainContainer .dataGridHeader9, #GridData_E3 .CssMainContainer .dataGridHeader10, #GridData_E3 .CssMainContainer .dataGridHeader11, #GridData_E3 .CssMainContainer .dataGridHeader12, #GridData_E3 .CssMainContainer .dataGridHeader13, #GridData_E3 .CssMainContainer .dataGridHeader14, #GridData_E3 .CssMainContainer .dataGridHeader15, #GridData_E3 .CssMainContainer .dataGridHeader16, #GridData_E3 .CssMainContainer .dataGridHeader17, #GridData_E3 .CssMainContainer .dataGridHeader18, #GridData_E3 .CssMainContainer .dataGridHeader19, #GridData_E3 .CssMainContainer .dataGridHeader20, #GridData_E3 .CssMainContainer .dataGridCell2, #GridData_E3 .CssMainContainer .dataGridCell3, #GridData_E3 .CssMainContainer .dataGridCell4, #GridData_E3 .CssMainContainer .dataGridCell5, #GridData_E3 .CssMainContainer .dataGridCell6, #GridData_E3 .CssMainContainer .dataGridCell7, #GridData_E3 .CssMainContainer .dataGridCell8, #GridData_E3 .CssMainContainer .dataGridCell9, #GridData_E3 .CssMainContainer .dataGridCell10, #GridData_E3 .CssMainContainer .dataGridCell11, #GridData_E3 .CssMainContainer .dataGridCell12, #GridData_E3 .CssMainContainer .dataGridCell13, #GridData_E3 .CssMainContainer .dataGridCell14, #GridData_E3 .CssMainContainer .dataGridCell15, #GridData_E3 .CssMainContainer .dataGridCell16, #GridData_E3 .CssMainContainer .dataGridCell17, #GridData_E3 .CssMainContainer .dataGridCell18, #GridData_E3 .CssMainContainer .dataGridCell19 { text-align: right !important; } #GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 18px; width: 18px; cursor: pointer; } #GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } #GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } #GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 18px; width: 18px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } #GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -234px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } #GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E3 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } #GridData_E3 .CssMainContainer .PageOnCss, #GridData_E3 .CssMainContainer .PageOffCss, #GridData_E3 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } #GridData_E3 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } #GridData_E3 .CssMainContainer .PageOnCss { color: #a7a7a7; } #GridData_E3 .CssMainContainer .PageOffCss { color: #00347d; } #GridData_E3 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "Brown", sans-serif; } #GridData_E3 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /* */ /* */ /* da $halfBreak a 0 */ @media all and (max-width: 960px) { .DoraInteractive #GridData_E3 { overflow-x: auto; } .DoraInteractive #GridData_E3 .CssMainContainer { width: 500px; } } #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: 0px; /* Tooltip container */ } #GridData_E31 .CssMainContainer .DataGridCss table thead { background: #004F93; } #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 { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } #GridData_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: #FFFFFF !important; } #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #00A5CD !important; color: #ffffff !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: 2px 15px !important; width: 100%; } #GridData_E31 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } #GridData_E31 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } #GridData_E31 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } #GridData_E31 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !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 #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } #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 { display: none; } #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: #000000; } #GridData_E31 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #ffffff !important; color: #000000; height: auto; overflow: auto; } #GridData_E31 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, #GridData_E31 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #ffffff !important; } #GridData_E31 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, #GridData_E31 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } #GridData_E31 .CssMainContainer .CheckBoxColumn { width: 13px; } #GridData_E31 .CssMainContainer .dataGridHeader { height: 38px; } #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: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, #GridData_E31 .CssMainContainer .dataGridCell1 { width: 55px !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: "Brown", sans-serif; } #GridData_E31 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } /* */ /* */ /* da $halfBreak a 0 */ @media all and (max-width: 960px) { .DoraInteractive #GridData_E31 { overflow-x: auto; } .DoraInteractive #GridData_E31 .CssMainContainer { width: 500px; } } /************************************************ /* BreadCrumb /************************************************/ #BreadCrumb1 { font-size: 12px; font-family: "Brown", sans-serif; } #BreadCrumb1 .BreadCrumb { background-color: #E7E9E8; 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: "Brown", sans-serif; } #BreadCrumbGenerator3 .BreadCrumbGenerator { background-color: transparent; overflow: hidden; padding-left: 10px; display: table; margin: 0 auto; } #BreadCrumbGenerator3 .BreadCrumbGenerator .gwt-Button { height: 30px; line-height: 30px; } /************************************************ /* Tab /************************************************/ #Tab1 { font-size: 16px; font-family: "Brown", sans-serif; } #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: #00A5CD; border-bottom: 2px solid #00A5CD; } /* da $halfBreak a 0 */ @media all and (max-width: 960px) { #Tab1 .tab-table-chart .pos .tabContainer, #Tab1 .DoraTab .pos .tabContainer { width: 100%; } } /************************************************ /* GridDataNotes /************************************************/ #GridDataNotes1 .GridDataNotes div, #GridDataNotes1 .Info1 div, #GridDataNotes1 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes2 .GridDataNotes div, #GridDataNotes2 .Info1 div, #GridDataNotes2 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes3 .GridDataNotes div, #GridDataNotes3 .Info1 div, #GridDataNotes3 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes4 .GridDataNotes div, #GridDataNotes4 .Info1 div, #GridDataNotes4 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes5 .GridDataNotes div, #GridDataNotes5 .Info1 div, #GridDataNotes5 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes6 .GridDataNotes div, #GridDataNotes6 .Info1 div, #GridDataNotes6 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes7 .GridDataNotes div, #GridDataNotes7 .Info1 div, #GridDataNotes7 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes8 .GridDataNotes div, #GridDataNotes8 .Info1 div, #GridDataNotes8 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes9 .GridDataNotes div, #GridDataNotes9 .Info1 div, #GridDataNotes9 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes10 .GridDataNotes div, #GridDataNotes10 .Info1 div, #GridDataNotes10 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes11 .GridDataNotes div, #GridDataNotes11 .Info1 div, #GridDataNotes11 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #GridDataNotes12 .GridDataNotes div, #GridDataNotes12 .Info1 div, #GridDataNotes12 .Info2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } /************************************************ /* SerieInfo /************************************************/ #SerieInfo1 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo2 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo3 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo4 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo5 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo6 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo7 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo8 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo9 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo10 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo11 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } #SerieInfo12 div { font-family: "Brown", sans-serif; font-size: 10px; color: #494748; } /************************************************ /* LabelImageLink /************************************************/ #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 .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; } /************************************************ /* IndicatorSetting /************************************************/ #IndicatorSetting1 { font-size: 13px; font-family: "Brown", sans-serif; 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 { 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 { background: url("../images/kpi-icons.png"); background-position: -1245px -220px; } #IndicatorSetting11 { font-size: 13px; font-family: "Brown", sans-serif; 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 { 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 { background: url("../images/kpi-icons.png"); background-position: -1245px -220px; } /************************************************ /* STOCK CHART /************************************************/ /************************************************ /* IndicatorSetting /************************************************/ #IndicatorSetting5 { font-size: 13px; font-family: "Brown", sans-serif; color: #000000; } #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 { 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 { background: url("../images/kpi-icons.png"); background-position: -1245px -220px; } #IndicatorSetting51 { font-size: 13px; font-family: "Brown", sans-serif; color: #000000; } #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 { 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 { 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: "Brown", sans-serif; font-size: 13px; color: #004F93; border: 1px solid #004F93; } #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: #004F93; } .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: #000000; background-color: #004F93; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn, .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover { color: #00A5CD; background-color: #004F93; } .gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .CloseClass { display: none; } /************************************************ /* StockCompareSelector /************************************************/ #StockCompareSelector5 { font-size: 12px; font-family: "Brown", sans-serif; } #StockCompareSelector5 .CssSelectorContainer { width: 100%; } #StockCompareSelector5 .CssSelectorContainer .CssClassLabel { width: 100%; color: #ffffff; font-size: 13px; margin: 0px 0px 15px 0px; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent { color: #000000; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer { cursor: pointer; float: left; border: 1px solid #004F93; height: 40px; margin-right: 10px; } #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: #00A5CD; background-color: #004F93; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff { color: #000000; background-color: tranparent; } #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOn, #StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff:hover { color: #00A5CD; background-color: #004F93; } /************************************************ /* NewsListHide /************************************************/ #NewsListHide5 { font-size: 12px; font-family: "Brown", sans-serif; width: 200px; } #NewsListHide5 .CssOn, #NewsListHide5 .CssOff { width: 100%; height: 40px; line-height: 40px; text-align: center; cursor: pointer; } #NewsListHide5 .gwt-Label.CssOn, #NewsListHide5 .gwt-Label.CssOff { border: 1px solid #004F93; } #NewsListHide5 .CssOn, #NewsListHide5 .CssOff:hover { color: #00A5CD; background-color: #004F93; } #NewsListHide5 .CssOff { color: #004F93; 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: #004F93; 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: #004F93; 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_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; } /************************************************ /* Label /************************************************/ #Label5 { height: 16px; } #Label5 div a { margin-left: 3px; text-decoration: none; color: #00A5CD; font: "Brown", sans-serif; font-size: 13px; } #Label5 .csslabel .gwt-HTML { margin-left: 3px; text-decoration: none; color: #00A5CD; font: "Brown", sans-serif; font-size: 13px; } #Label5 .csslabel .gwt-Label { font: "Brown", sans-serif; font-size: 13px; } /************************************************ /* KPI 2.0 /************************************************/ .DoraInteractive { /* da $content-container-width a 0 */ /* @media all and (max-width: $content-container-width){ .content-container{ width: 100%; } .chart-tools-space{ margin-top: 5px; margin-right: 10px; margin-bottom: 10px; float: left; overflow: hidden; } .chart-tools{ max-width: 100%; } } */ /* da $halfBreak a 0 */ } .DoraInteractive #TabId_2 .PreselectTitle { display: none; } .DoraInteractive .chart-tools-space { margin-top: 20px; overflow: hidden; } .DoraInteractive .grid-margin { margin: 10px; display: block; overflow: hidden; } .DoraInteractive .TabElement { width: 100%; overflow: hidden; float: left; } .DoraInteractive .colored-background { background-color: #FFFFFF; } .DoraInteractive .content-container { margin: 0px auto auto; overflow: hidden; width: 100%; } .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: 960px) { .DoraInteractive .content-container { width: 100%; } .DoraInteractive .chart-tools-space { margin-top: 5px; margin-right: 10px; margin-bottom: 10px; float: left; overflow: hidden; } .DoraInteractive .chart-tools { max-width: 100%; width: 100%; } .DoraInteractive .chart-container { width: 100%; } } /************************************************ /* BASIC PAGES (override KPI) /************************************************/ .DoraInteractive.basic-page { /* */ /* */ /* da $halfBreak a 0 */ /* */ /* */ /* da $halfBreak a 0 */ } .DoraInteractive.basic-page #Chart_D1 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } .DoraInteractive.basic-page #Chart_D1 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } .DoraInteractive.basic-page #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; } .DoraInteractive.basic-page #Chart_D1 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 380px; width: 400px; } .DoraInteractive.basic-page #Chart_D1 .highcharts-button { display: none; } .DoraInteractive.basic-page #Chart_D1 .ChartStyle1, .DoraInteractive.basic-page #Chart_D1 .CssChar_D { width: 100%; } .DoraInteractive.basic-page #Chart_D1 .ChartStyle1 div.PieChartsContainerCss:first-child, .DoraInteractive.basic-page #Chart_D1 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } .DoraInteractive.basic-page #Chart_D1 .ChartStyle1 .PieChartContainerCss, .DoraInteractive.basic-page #Chart_D1 .CssChar_D .PieChartContainerCss { display: inline-block; } .DoraInteractive.basic-page #Chart_D1 .ChartStyle1 .ChartPrintContainerCss, .DoraInteractive.basic-page #Chart_D1 .CssChar_D .ChartPrintContainerCss { display: none; } .DoraInteractive.basic-page #Chart_D1 .ChartStyle1.custom-popup { height: 380px; width: 400px; } @media all and (max-width: 500px) { .DoraInteractive.basic-page #Chart_D1 .ChartStyle1.custom-popup { width: 300px; } } .DoraInteractive.basic-page #Chart_D2 { padding: 0 0 0 0; /* da $halfbreak a 0 */ } .DoraInteractive.basic-page #Chart_D2 .header { width: 100%; display: block; overflow: hidden; margin: 0 0 50px 0; } .DoraInteractive.basic-page #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; } .DoraInteractive.basic-page #Chart_D2 .custom-popup { z-index: 1; background-color: #ffffff; border: 1px solid #000000; height: 380px; width: 400px; } .DoraInteractive.basic-page #Chart_D2 .highcharts-button { display: none; } .DoraInteractive.basic-page #Chart_D2 .ChartStyle1, .DoraInteractive.basic-page #Chart_D2 .CssChar_D { width: 100%; } .DoraInteractive.basic-page #Chart_D2 .ChartStyle1 div.PieChartsContainerCss:first-child, .DoraInteractive.basic-page #Chart_D2 .CssChar_D div.PieChartsContainerCss:first-child { width: 100%; text-align: center; } .DoraInteractive.basic-page #Chart_D2 .ChartStyle1 .PieChartContainerCss, .DoraInteractive.basic-page #Chart_D2 .CssChar_D .PieChartContainerCss { display: inline-block; } .DoraInteractive.basic-page #Chart_D2 .ChartStyle1 .ChartPrintContainerCss, .DoraInteractive.basic-page #Chart_D2 .CssChar_D .ChartPrintContainerCss { display: none; } .DoraInteractive.basic-page #Chart_D2 .ChartStyle1.custom-popup { height: 380px; width: 400px; } @media all and (max-width: 500px) { .DoraInteractive.basic-page #Chart_D2 .ChartStyle1.custom-popup { width: 300px; } } .DoraInteractive.basic-page #GridData_E13 { width: 100%; padding: 0 0 0 0; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*selector*/ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss { height: 800px; width: 100%; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table { border: 0px; /* Tooltip container */ } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table thead { background: #004F93; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #FFFFFF !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #00A5CD !important; color: #ffffff !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } .DoraInteractive.basic-page #GridData_E13 .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; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer #Tab1 .dataGridHeader1, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer #Tab1 .dataGridHeader2, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer #Tab1 .units, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader { padding: 2px 15px !important; width: 100%; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell .Red { color: #ff0000; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell .Green { color: #00ff00; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PreviousCss { float: left; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .NextCss { float: right; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .ColumnsNavigatorExternalContainerCss { display: none; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PagesContainerCss { float: left; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PageOffCss:hover { cursor: pointer; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #000000; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #ffffff !important; color: #000000; height: auto; overflow: auto; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #ffffff !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn { width: 13px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader { height: 38px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .SxCell { width: 180px !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader0, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell0 { width: 278px !important; text-align: left !important; } @media all and (max-width: 960px) { .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell0 { width: 150px !important; } } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell1 { width: 55px !important; } } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader3, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader4, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader5, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader6, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader7, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader8, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader9, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader10, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader11, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader12, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader13, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader14, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader15, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader16, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader17, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader18, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader19, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHeader20, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell2, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell3, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell4, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell5, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell6, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell7, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell8, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell9, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell10, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell11, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell12, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell13, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell14, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell15, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell16, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell17, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell18, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridCell19 { text-align: right !important; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 18px; width: 18px; cursor: pointer; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 18px; width: 18px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -234px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PageOnCss, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PageOffCss, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PageSeparatorCss { background: url("./images/PageSeparator.png") no-repeat scroll 0 0 transparent; height: 12px; margin-left: 5px; margin-top: 5px; width: 7px; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PageOnCss { color: #a7a7a7; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PageOffCss { color: #00347d; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "Brown", sans-serif; } .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } @media all and (max-width: 960px) { .DoraInteractive.basic-page .DoraInteractive #GridData_E13 { overflow-x: auto; } .DoraInteractive.basic-page .DoraInteractive #GridData_E13 .CssMainContainer { width: 500px; } } .DoraInteractive.basic-page #GridData_E21 { width: 100%; padding: 0 0 0 0; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer { /*border*/ /*no border left*/ /*Columns Navigator*/ /* */ /*selector*/ /*description*/ /*units*/ /* Others columns */ /* */ /* */ /* */ /* */ } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td { width: auto; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss { height: 800px; width: 100%; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table { border: 0px; /* Tooltip container */ } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table thead { background: #004F93; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .groupHeaderCell { padding: 1px 15px; color: #4b4a4a; text-shadow: #ddf 1px 1px 0; font-size: 130%; background: #eee; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader { border-top: 0px !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; color: #ffffff !important; font-size: 11.7px !important; /*font-weight: bold !important;*/ line-height: 1.25em; margin: 14px 0 11px 0 !important; text-shadow: 0 0 !important; white-space: normal !important; text-align: right !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper { display: none; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number { display: none; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table tr.hide-row td { height: 23px; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table tr.hide-row td span { display: none; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .dataGridEvenRow { background-color: #FFFFFF !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .dataGridOddRow { background-color: #FFFFFF !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHoveredRow { background-color: #00A5CD !important; color: #ffffff !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .tooltip { position: relative; display: inline-block; /* Tooltip text */ } .DoraInteractive.basic-page #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; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .GridAdditionalInfoGroup { border-top: 1px solid #C7C7C7; padding: 10px; display: none; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer #Tab1 .dataGridHeader1, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer #Tab1 .dataGridHeader2, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer #Tab1 .units, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer #Tab1 .SxCell { border-left: none !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader { padding: 2px 15px !important; width: 100%; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .RowLevel2 .dataGridFirstColumn { padding-left: 20px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .RowLevel3 .dataGridFirstColumn { padding-left: 25px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .RowLevel4 .dataGridFirstColumn { padding-left: 30px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell { overflow: visible !important; color: #494748; font-size: 12px !important; border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell .Red { color: #ff0000; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell .Blue { color: #0000ff; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell .Green { color: #00ff00; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell .Yellow { color: #FFFF00; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn { border-top: 1px solid #00A5CD !important; border-bottom: 0px !important; border-left: 0px !important; border-right: 0px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .childCell { padding-left: 30px; border: 2px solid #eee !important; background: #eee !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PreviousCss { float: left; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .NextCss { float: right; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .ColumnsNavigatorExternalContainerCss { display: none; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PagesContainerCss { float: left; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .gwt-Button { border: 0; margin-top: 7px; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PageOffCss:hover { cursor: pointer; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss { background: url("../images/nav_right_on.png") #ffffff no-repeat !important; margin-left: 7px; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss { background: url("../images/nav_left_on.png") #ffffff no-repeat !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss { background: url("../images/nav_right_off.png") #ffffff no-repeat !important; margin-left: 7px; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss { background: url("../images/nav_left_off.png") #ffffff no-repeat !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridCell { color: #000000; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridSelectedRow { background: none repeat scroll 0 0 #ffffff !important; color: #000000; height: auto; overflow: auto; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridCell { background: none repeat scroll 0 0 #ffffff !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHoveredRowCell { border: none !important; color: #ffffff !important; background-color: #00A5CD !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn { width: 13px; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader { height: 38px; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridLastColumn { padding-right: 23px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridLastColumnHeader { padding-right: 23px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridKeyboardSelectedRowCell { border: 0px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .SxCell { width: 180px !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader0, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn { width: 37px !important; padding: 0 !important; text-align: center; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell0 { width: 278px !important; text-align: left !important; } @media all and (max-width: 960px) { .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell0 { width: 150px !important; } } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell1 { padding-right: 5px !important; text-align: left !important; width: 90px !important; /* border-right: 1px solid #000000 !important; */ } @media all and (max-width: 960px) { .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell1 { width: 55px !important; } } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader3, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader4, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader5, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader6, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader7, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader8, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader9, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader10, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader11, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader12, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader13, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader14, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader15, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader16, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader17, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader18, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader19, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHeader20, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell2, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell3, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell4, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell5, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell6, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell7, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell8, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell9, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell10, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell11, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell12, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell13, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell14, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell15, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell16, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell17, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell18, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridCell19 { text-align: right !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper { position: relative; height: 18px; width: 18px; cursor: pointer; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input { cursor: pointer; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label { cursor: pointer; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"] { opacity: 0; height: 18px; width: 18px; position: absolute; top: 0; left: 0; z-index: 2; clip: auto; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -234px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; position: absolute; top: 0; left: 0; z-index: 1; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"] + label { background-image: url("../images/kpi-icons.png"); background-position: -278px -254px; height: 18px; width: 18px; display: inline-block; padding: 0 0 0 0px; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PageOnCss, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PageOffCss, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PageSeparatorCss { float: left; width: 10px; cursor: default; } .DoraInteractive.basic-page #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; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PageOnCss { color: #a7a7a7; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PageOffCss { color: #00347d; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PopupClass { background: none repeat scroll 0 0 #FDFDFD; border: 1px solid; left: 20px; top: 288px; font-family: "Brown", sans-serif; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .PopupClass .CloseClass { background: none repeat scroll 0 0 transparent; border: 0 none; margin-top: 4px; display: none; } @media all and (max-width: 960px) { .DoraInteractive.basic-page .DoraInteractive #GridData_E21 { overflow-x: auto; } .DoraInteractive.basic-page .DoraInteractive #GridData_E21 .CssMainContainer { width: 600px; } } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dora-title-1 .dataGridCell, .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dora-title-1 .CheckBoxColumn, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dora-title-1 .dataGridCell, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dora-title-1 .CheckBoxColumn { color: #004F93; font-weight: bold; background-color: rgba(0, 152, 205, 0.3) !important; border: 0 !important; } .DoraInteractive.basic-page #GridData_E21 .CssMainContainer .dora-title-2 .dataGridCell, .DoraInteractive.basic-page #GridData_E13 .CssMainContainer .dora-title-2 .dataGridCell { color: #004F93; font-weight: bold; } /************************************************ /* CUSTOM /************************************************/ .DoraInteractive .content-container .chart-tools .image-link { display: none; } .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; } .DoraInteractive #GridData_E21 .CssMainContainer .dora-title-1 .dataGridCell, .DoraInteractive #GridData_E21 .CssMainContainer .dora-title-1 .CheckBoxColumn, .DoraInteractive #GridData_E15 .CssMainContainer .dora-title-1 .dataGridCell, .DoraInteractive #GridData_E15 .CssMainContainer .dora-title-1 .CheckBoxColumn, .DoraInteractive #GridData_E25 .CssMainContainer .dora-title-1 .dataGridCell, .DoraInteractive #GridData_E25 .CssMainContainer .dora-title-1 .CheckBoxColumn, .DoraInteractive #GridData_E3 .CssMainContainer .dora-title-1 .dataGridCell, .DoraInteractive #GridData_E3 .CssMainContainer .dora-title-1 .CheckBoxColumn { color: #004F93; font-weight: bold; background-color: rgba(0, 152, 205, 0.3) !important; border: 0 !important; } .DoraInteractive #GridData_E21 .CssMainContainer .dora-title-2 .dataGridCell, .DoraInteractive #GridData_E15 .CssMainContainer .dora-title-2 .dataGridCell, .DoraInteractive #GridData_E25 .CssMainContainer .dora-title-2 .dataGridCell, .DoraInteractive #GridData_E3 .CssMainContainer .dora-title-2 .dataGridCell { color: #004F93; font-weight: bold; } /* da $halfBreak a 0 */ @media all and (max-width: 960px) { .DoraInteractive .stock-chart-container { width: 100%; } .DoraInteractive .indicators-settings-container { width: 319px; } .DoraInteractive .grid-margin { margin: 0px; } } #RowsPreselectTab1 .GrpFin .img { background: url("../images/RepGrp1.png") no-repeat scroll center center transparent; } #RowsPreselectTab1 .GrpFin:hover { background-color: #88a8c0; } #RowsPreselectTab1 .GrpOpe .img { background: url("../images/RepGrp2.png") no-repeat scroll center center transparent; } #RowsPreselectTab1 .GrpOpe:hover { background-color: #c0867f; } #RowsPreselectTab1 .GrpCap .img { background: url("../images/RepGrp3.png") no-repeat scroll center center transparent; } #RowsPreselectTab1 .GrpCap:hover { background-color: #8dc090; } #RowsPreselectTab1 .GrpRev .img { background: url("../images/RepGrp4.png") no-repeat scroll center center transparent; } #RowsPreselectTab1 .GrpRev:hover { background-color: #8dc090; } #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff, #RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff:hover { background: url("../images/BreadCrumbSeparator.png") no-repeat scroll right 0 transparent; padding-right: 20px; } /*# sourceMappingURL=DoraInteractiveTable.css.map */