@charset "UTF-8";

/* KPI Interactive 2.0 */
/************************************************
/*                    FONT ICONS
/************************************************/
.icon-up-big:before {
    content: '\e800';
}

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

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

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

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

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

/* '' */
.icon-cnh:before,
#Chart_D1 .PieChartsContainerCss .CNH-Industrial:before {
    content: '\e806';
}

/* '' */
.icon-fca:before,
#Chart_D1 .PieChartsContainerCss .Fiat-Chrysler-Automobiles:before {
    content: '\e807';
}

/* '' */
.icon-ferrari:before,
#Chart_D1 .PieChartsContainerCss .Ferrari:before {
    content: '\e808';
}

/* '' */
.icon-juventus:before,
#Chart_D1 .PieChartsContainerCss .Juventus:before {
    content: '\e809';
}

/* '' */
.icon-partnerre:before,
#Chart_D1 .PieChartsContainerCss .PartnerRe:before {
    content: '\e80a';
}

/* '' */
.icon-theeconomist:before,
#Chart_D1 .PieChartsContainerCss .The-Economist:before {
    content: '\e80b';
}

/* '' */
.icon-others:before,
#Chart_D1 .PieChartsContainerCss .Other-small-investments:before {
    content: '\e814';
}

/* '' */
.icon-combo:before,
#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label:after,
#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML:after {
    content: '\e815';
}

/* '' */
/************************************************
/*                    IMPORT
/************************************************/
[data-icon]:before,
[class^="icon-"]:before,
[class*=" icon-"]:before,
#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label:after,
#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML:after,
#Chart_D1 .PieChartsContainerCss .Fiat-Chrysler-Automobiles:before,
#Chart_D1 .PieChartsContainerCss .The-Economist:before,
#Chart_D1 .PieChartsContainerCss .Juventus:before,
#Chart_D1 .PieChartsContainerCss .CNH-Industrial:before,
#Chart_D1 .PieChartsContainerCss .Other-small-investments:before,
#Chart_D1 .PieChartsContainerCss .Ferrari:before,
#Chart_D1 .PieChartsContainerCss .PartnerRe:before {
    font-family: 'icons' !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
    font-family: 'icons';
    src: url("../../styles/icons/icons.eot");
    src: url("../../styles/icons/icons.eot") format("embedded-opentype"), url("../../styles/icons/icons.woff2") format("woff2"), url("../../styles/icons/icons.woff") format("woff"), url("../../styles/icons/icons.ttf") format("truetype"), url("../../styles/icons/icons.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

/* Reset default attributes */
.node .DoraInteractive p,
.DoraInteractive p,
.node .gwtwidget p,
.gwtwidget p,
.gwt-DecoratedPopupPanel p,
.field.body .DoraInteractive p {
    margin: 0;
}

.node .DoraInteractive .title,
.DoraInteractive .title,
.node .gwtwidget .title,
.gwtwidget .title,
.gwt-DecoratedPopupPanel .title,
.field.body .DoraInteractive .title {
    margin-top: 0;
    margin-bottom: 0;
}

.node .DoraInteractive table,
.node .DoraInteractive tr,
.node .DoraInteractive th,
.node .DoraInteractive td,
.node .DoraInteractive table tbody td,
.node .DoraInteractive table tbody tr td,
.DoraInteractive table,
.DoraInteractive tr,
.DoraInteractive th,
.DoraInteractive td,
.DoraInteractive table tbody td,
.DoraInteractive table tbody tr td,
.node .gwtwidget table,
.node .gwtwidget tr,
.node .gwtwidget th,
.node .gwtwidget td,
.node .gwtwidget table tbody td,
.node .gwtwidget table tbody tr td,
.gwtwidget table,
.gwtwidget tr,
.gwtwidget th,
.gwtwidget td,
.gwtwidget table tbody td,
.gwtwidget table tbody tr td,
.gwt-DecoratedPopupPanel table,
.gwt-DecoratedPopupPanel tr,
.gwt-DecoratedPopupPanel th,
.gwt-DecoratedPopupPanel td,
.gwt-DecoratedPopupPanel table tbody td,
.gwt-DecoratedPopupPanel table tbody tr td,
.field.body .DoraInteractive table,
.field.body .DoraInteractive tr,
.field.body .DoraInteractive th,
.field.body .DoraInteractive td,
.field.body .DoraInteractive table tbody td,
.field.body .DoraInteractive table tbody tr td {
    border-collapse: separate;
    border: 0px;
    border-spacing: 0px;
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    line-height: inherit;
    margin: 0;
    text-align: inherit;
    width: 100%;
    padding: 0;
    background-color: transparent !important;
    outline: 0px;
}

.node .DoraInteractive table div,
.node .DoraInteractive tr div,
.node .DoraInteractive th div,
.node .DoraInteractive td div,
.node .DoraInteractive table tbody td div,
.node .DoraInteractive table tbody tr td div,
.DoraInteractive table div,
.DoraInteractive tr div,
.DoraInteractive th div,
.DoraInteractive td div,
.DoraInteractive table tbody td div,
.DoraInteractive table tbody tr td div,
.node .gwtwidget table div,
.node .gwtwidget tr div,
.node .gwtwidget th div,
.node .gwtwidget td div,
.node .gwtwidget table tbody td div,
.node .gwtwidget table tbody tr td div,
.gwtwidget table div,
.gwtwidget tr div,
.gwtwidget th div,
.gwtwidget td div,
.gwtwidget table tbody td div,
.gwtwidget table tbody tr td div,
.gwt-DecoratedPopupPanel table div,
.gwt-DecoratedPopupPanel tr div,
.gwt-DecoratedPopupPanel th div,
.gwt-DecoratedPopupPanel td div,
.gwt-DecoratedPopupPanel table tbody td div,
.gwt-DecoratedPopupPanel table tbody tr td div,
.field.body .DoraInteractive table div,
.field.body .DoraInteractive tr div,
.field.body .DoraInteractive th div,
.field.body .DoraInteractive td div,
.field.body .DoraInteractive table tbody td div,
.field.body .DoraInteractive table tbody tr td div {
    width: auto;
}

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

.DoraInteractive {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    width: 100%;
}

.DoraInteractive * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.DoraInteractive div.row,
.DoraInteractive div.DORA-row {
    display: block;
}

.DoraInteractive .v-space {
    height: 20px;
    overflow: hidden;
    display: block;
    width: 1px;
}

.DoraInteractive .fleft {
    float: left;
}

.DoraInteractive .fright {
    float: right;
}

.DoraInteractive .full-width.row,
.DoraInteractive .full-width.DORA-row,
.DoraInteractive .full-width {
    width: 100%;
}

.DoraInteractive .half-width {
    width: 50%;
}

.DoraInteractive ._3-4-width {
    width: 75%;
}

.DoraInteractive ._1-4-width {
    width: 25%;
}

.DoraInteractive ._1-3-width {
    width: 33%;
}

.DoraInteractive div.row.hide,
.DoraInteractive div.DORA-row.hide,
.DoraInteractive .hide {
    display: none;
}

.DoraInteractive .row,
.DoraInteractive div.row,
.DoraInteractive .DORA-row,
.DoraInteractive div.DORA-row {
    overflow: hidden;
    margin: 0;
}

.DoraInteractive div.row.center-div,
.DoraInteractive div.DORA-row.center-div,
.DoraInteractive .center-div {
    margin: 0 auto;
    width: fit-content;
}

.DoraInteractive div.chart-preview {
    margin-left: 5px;
    border: 1px solid #dedede;
}

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

/************************************************
/*                    generic
/************************************************/
/* da $halfbreak a 0 */
@media all and (max-width: 500px) {
    .DoraInteractive .half-width {
        width: 100%;
    }

    .DoraInteractive ._3-4-width {
        width: 100%;
    }

    .DoraInteractive ._1-4-width {
        width: 100%;
    }

    .DoraInteractive ._1-3-width {
        width: 100%;
    }
}

/************************************************
/*                    popup
/************************************************/
.PopupClass-container {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid grey;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    width: 138px;
    z-index: 3;
}

.PopupClass-container .DoraCheckBox-MainContainer {
    padding-left: 5px;
}

.PopupClass-container .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn {
    font-weight: bold;
}

.PopupClass-container .DoraCheckBox-Caption {
    width: 127px;
}

.PopupClass-container .DoraCheckBox-Caption:hover {
    background-color: #2D99E1;
    color: #ffffff;
    cursor: pointer;
}

.PopupClass-container table {
    margin: 0;
}

.PopupClass-container table .popupMiddleLeft,
.PopupClass-container table .popupTopLeft,
.PopupClass-container table .popupBottomLeft {
    width: 0px;
}

.PopupClass-container table .popupMiddleRight,
.PopupClass-container table .popupTopRight,
.PopupClass-container table .popupBottomRight {
    width: 0px;
}

.PopupClass-container .CloseClass {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 4px;
    display: none;
}

.gwt-DecoratedPopupPanel table tbody tr:first-child td {
    border-top: 0;
}

/************************************************
/*                    RowsPreselect
/************************************************/
#RowsPreselect1 .RowsPreselect {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 14px;
}

#RowsPreselect1 .RowsPreselect .ComboContainer {
    width: 100%;
    border: 1px solid #979797;
    overflow: hidden;
    cursor: pointer;
}

#RowsPreselect1 .RowsPreselect .ComboContainer .gwt-Label {
    float: left;
    margin-left: 5px;
    color: #2F2F2F;
    font-weight: 400;
}

#RowsPreselect1 .RowsPreselect .ComboContainer .ImageCss {
    float: right;
    margin-top: 2px;
    margin-right: 6px;
    width: 16px;
    height: 16px;
}

/************************************************
/*                    GridDataSelectorLB
/************************************************/
#GridDataSelectorLB3 {
    background: #ffffff;
    float: left;
    height: 32px;
    margin: 19px 0px 0px 20px;
}

#GridDataSelectorLB3 .GridDataSelectorLB {
    float: left;
    height: 28px;
    overflow: hidden;
    top: 64px;
    padding-top: 4px;
}

#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer {
    display: block;
    overflow: hidden;
    cursor: pointer;
    color: #000000;
}

#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label,
#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML {
    float: left;
    width: auto;
    margin-left: 5px;
}

#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label:after,
#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML:after {
    height: 12px;
    line-height: 12px;
}

#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Label::after,
#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-HTML::after {
    margin-left: 10px;
}

#GridDataSelectorLB3 .GridDataSelectorLB .ComboContainer .gwt-Image {
    display: none;
}

#GridDataSelectorLB3 .GridDataSelectorLB select {
    background: none repeat scroll 0 0 transparent;
    border: 0 solid #CBCACA;
    font: 16px "GT Walsheim", Tahoma, Helvetica, Geneva;
    height: 25px;
    padding: 0 2px 2px 2px;
    width: auto;
    max-width: 375px;
}

.GridDataSelectorLB3Popup-container {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid grey;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    width: 131px;
    z-index: 3;
}

.GridDataSelectorLB3Popup-container .DoraCheckBox-MainContainer {
    padding-left: 5px;
}

.GridDataSelectorLB3Popup-container .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn {
    font-weight: bold;
}

.GridDataSelectorLB3Popup-container .DoraCheckBox-Caption {
    width: 124px;
}

.GridDataSelectorLB3Popup-container .DoraCheckBox-Caption:hover {
    background-color: #1e90ff;
    color: #ffffff;
    cursor: pointer;
}

.GridDataSelectorLB3Popup-container table {
    margin: 0;
}

.GridDataSelectorLB3Popup-container table .popupMiddleLeft,
.GridDataSelectorLB3Popup-container table .popupTopLeft,
.GridDataSelectorLB3Popup-container table .popupBottomLeft {
    width: 0px;
}

.GridDataSelectorLB3Popup-container table .popupMiddleRight,
.GridDataSelectorLB3Popup-container table .popupTopRight,
.GridDataSelectorLB3Popup-container table .popupBottomRight {
    width: 0px;
}

.GridDataSelectorLB3Popup-container .CloseClass {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 4px;
    display: none;
}

.GridDataSelectorLB3Popup {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 0px solid grey;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    width: 130px;
    z-index: 3;
}

.GridDataSelectorLB3Popup .DoraCheckBox-MainContainer {
    padding-left: 5px;
}

.GridDataSelectorLB3Popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn {
    font-weight: bold;
}

.GridDataSelectorLB3Popup .DoraCheckBox-Caption {
    width: 123px;
}

.GridDataSelectorLB3Popup .DoraCheckBox-Caption:hover {
    background-color: #1e90ff;
    color: #ffffff;
    cursor: pointer;
}

.GridDataSelectorLB3Popup table {
    margin: 0;
}

.GridDataSelectorLB3Popup table .popupMiddleLeft,
.GridDataSelectorLB3Popup table .popupTopLeft,
.GridDataSelectorLB3Popup table .popupBottomLeft {
    width: 0px;
}

.GridDataSelectorLB3Popup table .popupMiddleRight,
.GridDataSelectorLB3Popup table .popupTopRight,
.GridDataSelectorLB3Popup table .popupBottomRight {
    width: 0px;
}

.GridDataSelectorLB3Popup .CloseClass {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 4px;
    display: none;
}

#GridDataSelectorLB3 {
    padding: 5px;
    border: 1px solid grey;
    height: 42px;
}

/************************************************
/*                    RowsPreselectTabSmall
/************************************************/
/*
* COMMON
*/
#RowsPreselectTab1 {
    display: block;
    overflow: hidden;
    background: #ffffff;
}

#RowsPreselectTab1 div {
    display: block;
    overflow: hidden;
}

#RowsPreselectTab1 .RowPreselectTab {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 14px;
    border: 0;
    display: table;
    margin: auto;
}

#RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer {
    width: 150px;
    height: 50px;
    border: 0;
    cursor: pointer;
    margin-right: 0;
    float: left;
    margin-top: 0px;
}

#RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .img,
#RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .children-number {
    display: none;
}

#RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .title {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 14px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
}

#RowsPreselectTab1 .RowPreselectTab .statusOff {
    color: #2F2F2F;
    background: #ffffff;
    border-bottom: 0;
    border-top: 4px solid #ffffff;
    font-weight: normal;
}

#RowsPreselectTab1 .RowPreselectTab .statusOff .title {
    color: #2F2F2F;
}

#RowsPreselectTab1 .RowPreselectTab .statusOn,
#RowsPreselectTab1 .RowPreselectTab .statusOff:hover {
    color: #2F2F2F;
    background: #ffffff;
    border-bottom: 0;
    border-top: 4px solid #002F6C;
    font-weight: bold;
}

#RowsPreselectTab1 .RowPreselectTab .statusOn .title,
#RowsPreselectTab1 .RowPreselectTab .statusOff:hover .title {
    color: #2F2F2F;
}

#RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .title {
    float: left;
    width: 148px;
}

#RowsPreselectTab1 .RowPreselectTab .PreselectElement-MainContainer .children-number {
    float: right;
    width: 1px;
    display: block;
    border-right: 1px solid #979797;
    overflow: hidden;
    height: 37px;
    margin-top: 5px;
}

/************************************************
/*                    RowsPreselectTab
/************************************************/
/*
* COMMON
*/
#RowsPreselectTab11 {
    display: block;
    overflow: hidden;
    margin-top: 0px;
}

#RowsPreselectTab11 .RowPreselectTab {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 12px;
    display: block;
    overflow: hidden;
    border: 0;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff {
    background: #ffffff;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOn,
#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff:hover {
    background: #ffffff;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer:hover {
    cursor: pointer;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer {
    border: 0;
    overflow: hidden;
    width: 150px;
    height: 50px;
    float: left;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer div {
    float: left;
    width: 100%;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer .img,
#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer .children-number {
    display: none;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer .title {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 12px;
    height: 100%;
    line-height: 23px;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff,
#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff .title {
    color: #2F2F2F;
}

#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOn,
#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff:hover,
#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOn .title,
#RowsPreselectTab11 .RowPreselectTab .PreselectElement-MainContainer.statusOff .title:hover {
    color: #2F2F2F;
}

/*
* NO SLIDE
*/
#RowsPreselectTab11 .RowPreselectTab.slideOff {
    padding: 5px;
}

#RowsPreselectTab11 .RowPreselectTab.slideOff .PreselectElement-MainContainer {
    margin-top: 5px;
    margin-right: 5px;
}

#RowsPreselectTab11 .RowPreselectTab.slideOff .PreselectElement-MainContainer .title {
    text-align: center;
    width: 100%;
    margin-bottom: 5px;
}

#RowsPreselectTab11 .RowPreselectTab.slideOff .PreselectElement-MainContainer .img {
    width: 100%;
    height: 150px;
    background-size: 150px;
}

#RowsPreselectTab11 .RowPreselectTab.slideOff .PreselectElement-MainContainer .children-number {
    margin-top: 5px;
    margin-left: 5px;
}

/*
* SLIDE
*/
#RowsPreselectTab11 {
    background-color: #ffffff;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 12px;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow {
    width: 100%;
    /* Navigation LEFT */
    /* Navigation RIGHT */
    /* slideShow container */
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButton,
#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButton {
    float: left;
    height: 54px;
    width: 15px;
    background: url("../../styles/images/kpi-icons.png") no-repeat scroll right center transparent;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButton {
    float: left;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButtonOff {
    display: none;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .LeftButtonOn {
    background-position: -160px -220px;
    cursor: pointer;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButton {
    float: left;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButtonOff {
    display: none;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .RightButtonOn {
    background-position: -180px -220px;
    cursor: pointer;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .SlideContainer {
    float: left;
    width: 448px;
    overflow: hidden;
    margin-top: 2px;
    border: 0;
    height: 50px;
    background-color: #ffffff;
    padding-right: 2px;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .SlideContainer .PanelToSlide {
    margin: auto;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .SlideContainer .PanelToSlide .SlideShowElementContainer {
    width: 100%;
    float: left;
}

#RowsPreselectTab11 .RowPreselectTab.slideOn .SlideShow .SlideContainer .PanelToSlide .SlideShowElementContainer .PreselectElement-MainContainer .title {
    width: 100%;
    text-align: center;
}

/************************************************
/*                    RowsPreselectAccordion
/************************************************/
/*
* COMMON
*/
#RowsPreselectAccordion1 {
    display: block;
    overflow: hidden;
}

#RowsPreselectAccordion1 .RowPreselectAccordion {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 12px;
    display: block;
    overflow: hidden;
    border: 1px solid #DFDFDF;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element.middle,
#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element.last {
    border-top: 1px solid #DFDFDF;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element {
    padding: 10px 5px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion.statusOff {
    height: 20px;
    line-height: 20px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .title {
    float: left;
    width: calc(100% - 50px - 12px - 50px);
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .accordion-text {
    float: left;
    width: 50px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .img {
    float: left;
    width: 12px;
    height: 12px;
    background: url("../../styles/images/kpi-icons.png");
    background-position: -216px -123px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion .children-number {
    float: left;
    font-size: 14px;
    color: #2F2F2F;
    width: 50px;
    padding-left: 5px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion.statusOn .img {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -216px -100px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .accordion-element .PreselectElement-MainContainer-Accordion.statusOn .children-number {
    color: #2F2F2F;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container {
    display: block;
    overflow: hidden;
    width: 100%;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer {
    background-image: url("../../styles/images/kpi-icons.png");
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff {
    background-position: -71px -425px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOn,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff:hover {
    background-position: -71px -585px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff {
    background-position: -321px -425px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOn,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff:hover {
    background-position: -321px -585px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff {
    background-position: -571px -425px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOn,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff:hover {
    background-position: -571px -585px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff {
    background-position: -821px -425px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOn,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff:hover {
    background-position: -821px -585px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff {
    background-position: -1071px -425px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOn,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff:hover {
    background-position: -1071px -585px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff {
    background-position: -1321px -425px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOn,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff:hover {
    background-position: -1321px -585px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer:hover {
    cursor: pointer;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer {
    border: 0;
    overflow: hidden;
    width: 150px;
    height: 150px;
    float: left;
    margin: 5px 10px 10px 5px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer div {
    float: left;
    width: 100%;
    background-color: transparent;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .title {
    padding: 5px 5px 0px 5px;
    font-size: 18px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .title {
    height: 120px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .children-number {
    text-align: left;
    padding: 0px 0px 0px 5px;
    font-size: 18px;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOff .title {
    color: #ffffff;
}

#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOn .title,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOn .children-number,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOff:hover .title,
#RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.statusOff:hover .children-number {
    color: #ffffff;
}

/* da $halfBreak a 0 */
@media all and (max-width: 500px) {
    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer {
        background-image: none;
        height: auto;
        width: 98%;
        margin: 5px 0;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .title {
        height: auto;
        float: left;
        width: 90%;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .img {
        display: none;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer .children-number {
        float: left;
        height: auto;
        width: 10%;
        padding: 0;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff {
        background-color: #ff0000;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOn,
    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk1.statusOff:hover {
        background-color: #ff0000;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff {
        background-color: #acff9f;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOn,
    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk2.statusOff:hover {
        background-color: #acff9f;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff {
        background-color: #c686ff;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOn,
    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk3.statusOff:hover {
        background-color: #c686ff;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff {
        background-color: #2e90ff;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOn,
    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk4.statusOff:hover {
        background-color: #2e90ff;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff {
        background-color: #ffa944;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOn,
    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk5.statusOff:hover {
        background-color: #ffa944;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff {
        background-color: #159361;
    }

    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOn,
    #RowsPreselectAccordion1 .RowPreselectAccordion .children-container .PreselectElement-MainContainer.Blk6.statusOff:hover {
        background-color: #159361;
    }
}

/************************************************
/*                    RowsPreselectBreadCrumb
/************************************************/
#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 12px;
    width: 100%;
    border: 1px solid #bbbbbb;
    overflow: hidden;
}

#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer:hover {
    cursor: pointer;
}

#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer {
    overflow: hidden;
    width: 150px;
    height: 30px;
    float: left;
    border-right: 1px solid #FFFFFF;
}

#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .title {
    float: left;
    line-height: 30px;
    height: 100%;
    width: 100%;
    text-align: center;
}

#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .img,
#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer .children-number {
    display: none;
}

#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff {
    color: #ff0062;
    background: #ffffff;
}

#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOn,
#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff:hover {
    color: #666666;
    background: #ffffff;
}

/************************************************
/*                    ChartTypeSetting
/************************************************/
#ChartTypeSetting1 {
    font-size: 10px;
    cursor: pointer;
}

#ChartTypeSetting1 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox {
    width: 33px;
    height: 33px;
    background: url("../../styles/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("../../styles/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("../../styles/images/kpi-icons.png");
    background-position: -1300px -53px;
}

#ChartTypeSetting1 .ChartTypeContent .Column .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1260px -53px;
}

#ChartTypeSetting1 .ChartTypeContent .PieColumnGroup .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1280px -53px;
}

#ChartTypeSetting1 .ChartTypeContent .Pie .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1280px -53px;
}

#ChartTypeSetting1 .ChartTypeContent .ColumnStack .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1260px -53px;
}

#ChartTypeSetting1 .ChartTypeContent .CandleStick .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1136px -72px;
}

#ChartTypeSetting1 .ChartTypeContent .Ohlc .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1136px -72px;
}

#ChartTypeSetting1 .ChartTypeContent .Area .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -371px 0px;
}

#ChartTypeSetting1 .ChartTypeContent .Linear .DoraCheckBox-ValueOn,
#ChartTypeSetting1 .ChartTypeContent .Linear.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1300px -33px;
}

#ChartTypeSetting1 .ChartTypeContent .Column .DoraCheckBox-ValueOn,
#ChartTypeSetting1 .ChartTypeContent .Column.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1260px -33px;
}

#ChartTypeSetting1 .ChartTypeContent .PieColumnGroup .DoraCheckBox-ValueOn,
#ChartTypeSetting1 .ChartTypeContent .PieColumnGroup.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1280px -33px;
}

#ChartTypeSetting1 .ChartTypeContent .Pie .DoraCheckBox-ValueOn,
#ChartTypeSetting1 .ChartTypeContent .Pie.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1280px -33px;
}

#ChartTypeSetting1 .ChartTypeContent .ColumnStack .DoraCheckBox-ValueOn,
#ChartTypeSetting1 .ChartTypeContent .ColumnStack.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1260px -33px;
}

#ChartTypeSetting1 .ChartTypeContent .CandleStick .DoraCheckBox-ValueOn,
#ChartTypeSetting1 .ChartTypeContent .CandleStick.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1136px -96px;
}

#ChartTypeSetting1 .ChartTypeContent .Ohlc .DoraCheckBox-ValueOn,
#ChartTypeSetting1 .ChartTypeContent .Ohlc.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1136px -96px;
}

#ChartTypeSetting1 .ChartTypeContent .Area .DoraCheckBox-ValueOn,
#ChartTypeSetting1 .ChartTypeContent .Area.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -371px -32px;
}

#ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    width: 27px;
    height: 27px;
}

#ChartTypeSetting1 .custom-popup {
    z-index: 3;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 10px;
    width: 160px;
    height: 170px;
    background-color: #f9f9f9;
    border: 1px solid #AFAFAF;
    /*
          .Linear.DoraCheckBox-ValueOff
          {
            background: $background-LinearOff;
          }
          .Column.DoraCheckBox-ValueOff
          {
            background: $background-ColumnOff;
          }
          .PieColumnGroup.DoraCheckBox-ValueOff
          {
            background: $background-PieColumnGroupOff;
          }
          .Pie.DoraCheckBox-ValueOff
          {
            background: $background-PieOff;
          }
          .ColumnStack.DoraCheckBox-ValueOff
          {
            background: $background-ColumnStackOff;
          }
          .CandleStick.DoraCheckBox-ValueOff
          {
            background: $background-CandleStickOff;
          }
          .Ohlc.DoraCheckBox-ValueOff
          {
            background: $background-OhlcOff;
          }

      */
    /*
  * ON/OFF:hover
  */
    /*
        .Linear.DoraCheckBox-ValueOn,
        .Linear.DoraCheckBox-ValueOff:hover
        {
          background: $background-LinearOn;
        }
        .Column.DoraCheckBox-ValueOn,
        .Column.DoraCheckBox-ValueOff:hover
        {
          background: $background-ColumnOn;
        }
        .PieColumnGroup.DoraCheckBox-ValueOn,
        .PieColumnGroup.DoraCheckBox-ValueOff:hover
        {
          background: $background-PieColumnGroupOn;
        }
        .Pie.DoraCheckBox-ValueOn,
        .Pie.DoraCheckBox-ValueOff:hover
        {
          background: $background-PieOn;
        }
        .ColumnStack.DoraCheckBox-ValueOn,
        .ColumnStack.DoraCheckBox-ValueOff:hover
        {
          background: $background-ColumnStackOn;
        }
        .CandleStick.DoraCheckBox-ValueOn,
        .CandleStick.DoraCheckBox-ValueOff:hover
        {
          background: $background-CandleStickOn;
        }
        .Ohlc.DoraCheckBox-ValueOn,
        .Ohlc.DoraCheckBox-ValueOff:hover
        {
          background: $background-OhlcOn;
        }
    */
}

#ChartTypeSetting1 .custom-popup .CloseClass {
    display: none;
}

#ChartTypeSetting1 .custom-popup table tbody {
    border: 0;
}

#ChartTypeSetting1 .custom-popup .PopupSelectorContainer {
    width: 160px;
}

#ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff {
    color: #000000;
}

#ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn,
#ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover {
    color: #1494ba;
}

#ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer {
    cursor: pointer;
}

#ChartTypeSetting1 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    padding-left: 5px;
}

#ChartTypeSetting3 {
    font-size: 10px;
    cursor: pointer;
}

#ChartTypeSetting3 .popup-activator-panel .DoraCheckBoxPopupActivator .DoraCheckBox-CheckBox {
    width: 33px;
    height: 33px;
    background: url("../../styles/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("../../styles/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("../../styles/images/kpi-icons.png");
    background-position: -1300px -53px;
}

#ChartTypeSetting3 .ChartTypeContent .Column .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1260px -53px;
}

#ChartTypeSetting3 .ChartTypeContent .PieColumnGroup .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1280px -53px;
}

#ChartTypeSetting3 .ChartTypeContent .Pie .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1280px -53px;
}

#ChartTypeSetting3 .ChartTypeContent .ColumnStack .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1260px -53px;
}

#ChartTypeSetting3 .ChartTypeContent .CandleStick .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1136px -72px;
}

#ChartTypeSetting3 .ChartTypeContent .Ohlc .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1136px -72px;
}

#ChartTypeSetting3 .ChartTypeContent .Area .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -371px 0px;
}

#ChartTypeSetting3 .ChartTypeContent .Linear .DoraCheckBox-ValueOn,
#ChartTypeSetting3 .ChartTypeContent .Linear.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1300px -33px;
}

#ChartTypeSetting3 .ChartTypeContent .Column .DoraCheckBox-ValueOn,
#ChartTypeSetting3 .ChartTypeContent .Column.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1260px -33px;
}

#ChartTypeSetting3 .ChartTypeContent .PieColumnGroup .DoraCheckBox-ValueOn,
#ChartTypeSetting3 .ChartTypeContent .PieColumnGroup.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1280px -33px;
}

#ChartTypeSetting3 .ChartTypeContent .Pie .DoraCheckBox-ValueOn,
#ChartTypeSetting3 .ChartTypeContent .Pie.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1280px -33px;
}

#ChartTypeSetting3 .ChartTypeContent .ColumnStack .DoraCheckBox-ValueOn,
#ChartTypeSetting3 .ChartTypeContent .ColumnStack.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1260px -33px;
}

#ChartTypeSetting3 .ChartTypeContent .CandleStick .DoraCheckBox-ValueOn,
#ChartTypeSetting3 .ChartTypeContent .CandleStick.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1136px -96px;
}

#ChartTypeSetting3 .ChartTypeContent .Ohlc .DoraCheckBox-ValueOn,
#ChartTypeSetting3 .ChartTypeContent .Ohlc.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -1136px -96px;
}

#ChartTypeSetting3 .ChartTypeContent .Area .DoraCheckBox-ValueOn,
#ChartTypeSetting3 .ChartTypeContent .Area.DoraCheckBox-ValueOff:hover .DoraCheckBox-ValueOff {
    background: url("../../styles/images/kpi-icons.png");
    background-position: -371px -32px;
}

#ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    width: 27px;
    height: 27px;
}

#ChartTypeSetting3 .custom-popup {
    z-index: 3;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 10px;
    width: 160px;
    height: 170px;
    background-color: #f9f9f9;
    border: 1px solid #AFAFAF;
    /*
          .Linear.DoraCheckBox-ValueOff
          {
            background: $background-LinearOff;
          }
          .Column.DoraCheckBox-ValueOff
          {
            background: $background-ColumnOff;
          }
          .PieColumnGroup.DoraCheckBox-ValueOff
          {
            background: $background-PieColumnGroupOff;
          }
          .Pie.DoraCheckBox-ValueOff
          {
            background: $background-PieOff;
          }
          .ColumnStack.DoraCheckBox-ValueOff
          {
            background: $background-ColumnStackOff;
          }
          .CandleStick.DoraCheckBox-ValueOff
          {
            background: $background-CandleStickOff;
          }
          .Ohlc.DoraCheckBox-ValueOff
          {
            background: $background-OhlcOff;
          }

      */
    /*
  * ON/OFF:hover
  */
    /*
        .Linear.DoraCheckBox-ValueOn,
        .Linear.DoraCheckBox-ValueOff:hover
        {
          background: $background-LinearOn;
        }
        .Column.DoraCheckBox-ValueOn,
        .Column.DoraCheckBox-ValueOff:hover
        {
          background: $background-ColumnOn;
        }
        .PieColumnGroup.DoraCheckBox-ValueOn,
        .PieColumnGroup.DoraCheckBox-ValueOff:hover
        {
          background: $background-PieColumnGroupOn;
        }
        .Pie.DoraCheckBox-ValueOn,
        .Pie.DoraCheckBox-ValueOff:hover
        {
          background: $background-PieOn;
        }
        .ColumnStack.DoraCheckBox-ValueOn,
        .ColumnStack.DoraCheckBox-ValueOff:hover
        {
          background: $background-ColumnStackOn;
        }
        .CandleStick.DoraCheckBox-ValueOn,
        .CandleStick.DoraCheckBox-ValueOff:hover
        {
          background: $background-CandleStickOn;
        }
        .Ohlc.DoraCheckBox-ValueOn,
        .Ohlc.DoraCheckBox-ValueOff:hover
        {
          background: $background-OhlcOn;
        }
    */
}

#ChartTypeSetting3 .custom-popup .CloseClass {
    display: none;
}

#ChartTypeSetting3 .custom-popup table tbody {
    border: 0;
}

#ChartTypeSetting3 .custom-popup .PopupSelectorContainer {
    width: 160px;
}

#ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff {
    color: #000000;
}

#ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn,
#ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover {
    color: #1494ba;
}

#ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer {
    cursor: pointer;
}

#ChartTypeSetting3 .custom-popup .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    padding-left: 5px;
}

/************************************************
/*                    ColumnSelectorCB
/************************************************/
#ColumnSelectorCB1 {
    font-size: 10px;
}

#ColumnSelectorCB1 .DoraCheckBox-MainContainer {
    cursor: pointer;
}

#ColumnSelectorCB1 .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    width: 22px;
    height: 22px;
    background: url("../../styles/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("../../styles/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("../../styles/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("../../styles/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("../../styles/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("../../styles/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("../../styles/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("../../styles/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("../https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/css/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("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/css/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("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/css/images/columnLinkOn.png");
}

.DoraInteractive #ColumnSelectorSL1 .ColumnLinkUnselectedCss {
    background: url("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/css/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("../../styles/images/kpi-icons.png");
    background-position: -964px -189px;
}

#Chart_D1 .custom-popup {
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #000000;
    height: 200px;
    width: 200px;
}

#Chart_D1 .highcharts-button {
    display: none;
}

#Chart_D1 .ChartStyle1,
#Chart_D1 .CssChar_D {
    width: 100%;
}

#Chart_D1 .ChartStyle1 div.PieChartsContainerCss:first-child,
#Chart_D1 .CssChar_D div.PieChartsContainerCss:first-child {
    width: 100%;
    text-align: center;
}

#Chart_D1 .ChartStyle1 .PieChartContainerCss,
#Chart_D1 .CssChar_D .PieChartContainerCss {
    display: inline-block;
}

#Chart_D1 .ChartStyle1 .ChartPrintContainerCss,
#Chart_D1 .CssChar_D .ChartPrintContainerCss {
    display: none;
}

#Chart_D1 .ChartStyle1.custom-popup {
    height: 200px;
    width: 200px;
}

@media all and (max-width: 500px) {
    #Chart_D1 .ChartStyle1.custom-popup {
        width: 300px;
    }
}

#Chart_D1 .click-enabled .highcharts-series.highcharts-tracker {
    cursor: pointer;
}

#Chart_D2 {
    padding: 0 0 0 0;
    /* da $halfbreak a 0 */
}

#Chart_D2 .header {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 0 50px 0;
}

#Chart_D2 .header .close-panel {
    display: block;
    overflow: hidden;
    cursor: pointer;
    float: right;
    height: 15px;
    width: 15px;
    margin: 5px 5px 0px 0px;
    background-image: url("../../styles/images/kpi-icons.png");
    background-position: -964px -189px;
}

#Chart_D2 .custom-popup {
    z-index: 1;
    background-color: #2D99E1;
    border: 1px solid #000000;
    height: 380px;
    width: 400px;
}

#Chart_D2 .highcharts-button {
    display: none;
}

#Chart_D2 .ChartStyle1,
#Chart_D2 .CssChar_D {
    width: 100%;
}

#Chart_D2 .ChartStyle1 div.PieChartsContainerCss:first-child,
#Chart_D2 .CssChar_D div.PieChartsContainerCss:first-child {
    width: 100%;
    text-align: center;
}

#Chart_D2 .ChartStyle1 .PieChartContainerCss,
#Chart_D2 .CssChar_D .PieChartContainerCss {
    display: inline-block;
}

#Chart_D2 .ChartStyle1 .ChartPrintContainerCss,
#Chart_D2 .CssChar_D .ChartPrintContainerCss {
    display: none;
}

#Chart_D2 .ChartStyle1.custom-popup {
    height: 380px;
    width: 400px;
}

@media all and (max-width: 500px) {
    #Chart_D2 .ChartStyle1.custom-popup {
        width: 300px;
    }
}

#Chart_D2 .click-enabled .highcharts-series.highcharts-tracker {
    cursor: pointer;
}

#Chart_D3 {
    padding: 0 0 0 0;
    /* da $halfbreak a 0 */
}

#Chart_D3 .header {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 0 50px 0;
}

#Chart_D3 .header .close-panel {
    display: block;
    overflow: hidden;
    cursor: pointer;
    float: right;
    height: 15px;
    width: 15px;
    margin: 5px 5px 0px 0px;
    background-image: url("../../styles/images/kpi-icons.png");
    background-position: -964px -189px;
}

#Chart_D3 .custom-popup {
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #000000;
    height: 200px;
    width: 200px;
}

#Chart_D3 .highcharts-button {
    display: none;
}

#Chart_D3 .ChartStyle1,
#Chart_D3 .CssChar_D {
    width: 100%;
}

#Chart_D3 .ChartStyle1 div.PieChartsContainerCss:first-child,
#Chart_D3 .CssChar_D div.PieChartsContainerCss:first-child {
    width: 100%;
    text-align: center;
}

#Chart_D3 .ChartStyle1 .PieChartContainerCss,
#Chart_D3 .CssChar_D .PieChartContainerCss {
    display: inline-block;
}

#Chart_D3 .ChartStyle1 .ChartPrintContainerCss,
#Chart_D3 .CssChar_D .ChartPrintContainerCss {
    display: none;
}

#Chart_D3 .ChartStyle1.custom-popup {
    height: 200px;
    width: 200px;
}

@media all and (max-width: 500px) {
    #Chart_D3 .ChartStyle1.custom-popup {
        width: 300px;
    }
}

#Chart_D3 .click-enabled .highcharts-series.highcharts-tracker {
    cursor: pointer;
}

#Chart_D31 {
    padding: 0 0 0 0;
    /* da $halfbreak a 0 */
}

#Chart_D31 .header {
    width: 100%;
    display: block;
    overflow: hidden;
    margin: 0 0 50px 0;
}

#Chart_D31 .header .close-panel {
    display: block;
    overflow: hidden;
    cursor: pointer;
    float: right;
    height: 15px;
    width: 15px;
    margin: 5px 5px 0px 0px;
    background-image: url("../../styles/images/kpi-icons.png");
    background-position: -964px -189px;
}

#Chart_D31 .custom-popup {
    z-index: 1;
    background-color: #ffffff;
    border: 1px solid #000000;
    height: 200px;
    width: 200px;
}

#Chart_D31 .highcharts-button {
    display: none;
}

#Chart_D31 .ChartStyle1,
#Chart_D31 .CssChar_D {
    width: 100%;
}

#Chart_D31 .ChartStyle1 div.PieChartsContainerCss:first-child,
#Chart_D31 .CssChar_D div.PieChartsContainerCss:first-child {
    width: 100%;
    text-align: center;
}

#Chart_D31 .ChartStyle1 .PieChartContainerCss,
#Chart_D31 .CssChar_D .PieChartContainerCss {
    display: inline-block;
}

#Chart_D31 .ChartStyle1 .ChartPrintContainerCss,
#Chart_D31 .CssChar_D .ChartPrintContainerCss {
    display: none;
}

#Chart_D31 .ChartStyle1.custom-popup {
    height: 200px;
    width: 200px;
}

@media all and (max-width: 500px) {
    #Chart_D31 .ChartStyle1.custom-popup {
        width: 300px;
    }
}

#Chart_D31 .click-enabled .highcharts-series.highcharts-tracker {
    cursor: pointer;
}

#Chart_D1 .PieChartsContainerCss tspan[style="cursor: pointer;"] {
    font-weight: bold;
    fill: #012F6B;
}

#Chart_D1 .PieChartsContainerCss tspan[style="cursor: pointer;"]:hover {
    fill: #2D99E1;
}

#Chart_D1 .PieChartsContainerCss .label-value {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 12px;
    font-weight: bold;
}

#Chart_D1 .PieChartsContainerCss .label-icon {
    height: 20px;
}

#Chart_D1 .PieChartsContainerCss .Fiat-Chrysler-Automobiles:before {
    height: 6px;
    line-height: 6px;
    color: #979797;
    font-size: 30px;
}

#Chart_D1 .PieChartsContainerCss .The-Economist:before {
    height: 20px;
    line-height: 20px;
    color: #979797;
    font-size: 24px;
}

#Chart_D1 .PieChartsContainerCss .Juventus:before {
    height: 18px;
    line-height: 18px;
    color: #979797;
    font-size: 26px;
}

#Chart_D1 .PieChartsContainerCss .CNH-Industrial:before {
    height: 6px;
    line-height: 6px;
    color: #979797;
    font-size: 30px;
}

#Chart_D1 .PieChartsContainerCss .Other-small-investments:before {
    height: 20px;
    line-height: 20px;
    color: #979797;
    font-size: 15px;
}

#Chart_D1 .PieChartsContainerCss .Ferrari:before {
    height: 6px;
    line-height: 6px;
    color: #979797;
    font-size: 36px;
}

#Chart_D1 .PieChartsContainerCss .PartnerRe:before {
    height: 6px;
    line-height: 6px;
    color: #979797;
    font-size: 36px;
}

/************************************************
/*                    GridData_E
/************************************************/
#GridData_E1 {
    width: 100%;
    padding: 0 0 0 0;
}

#GridData_E1 .CssMainContainer {
    /*border*/
    /*no border left*/
    /*Columns Navigator*/
    /* <editor-fold desc="COLUMNS SIZE"> */
    /*description*/
    /*units*/
    /* Others columns */
    /* </editor-fold> */
    /* <editor-fold desc="PageNavigator"> */
    /* </editor-fold> */
    /* <editor-fold desc="Popup"> */
}

#GridData_E1 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td {
    width: auto;
}

#GridData_E1 .CssMainContainer .DataGridCss {
    height: 250px;
    width: 100%;
}

#GridData_E1 .CssMainContainer .DataGridCss table {
    border: 1px solid #cecece;
    /* Tooltip container */
}

#GridData_E1 .CssMainContainer .DataGridCss table thead {
    background: #ffffff;
}

#GridData_E1 .CssMainContainer .DataGridCss table .groupHeaderCell {
    padding: 1px 15px;
    color: #4b4a4a;
    text-shadow: #ddf 1px 1px 0;
    font-size: 130%;
    background: #eee;
}

#GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader {
    height: 38px;
    border-top: 3px solid #002F6C !important;
    border-bottom: 3px solid #002F6C !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #002F6C !important;
    font-size: 14px;
    font-weight: bold;
    /*font-weight: bold !important;*/
    line-height: 1.25em;
    margin: 14px 0 11px 0 !important;
    text-shadow: 0 0 !important;
    white-space: normal !important;
    text-align: right !important;
}

#GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridLastColumnHeader {
    border-width: 0;
}

#GridData_E1 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper {
    display: none;
}

#GridData_E1 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number {
    display: none;
}

#GridData_E1 .CssMainContainer .DataGridCss table tr.hide-row td {
    height: 23px;
}

#GridData_E1 .CssMainContainer .DataGridCss table tr.hide-row td span {
    display: none;
}

#GridData_E1 .CssMainContainer .DataGridCss table .dataGridEvenRow {
    background-color: #FFFFFF !important;
}

#GridData_E1 .CssMainContainer .DataGridCss table .dataGridOddRow {
    background-color: #f7f7f7 !important;
}

#GridData_E1 .CssMainContainer .DataGridCss table .dataGridHoveredRow {
    background-color: #EEEEEE !important;
    color: #000000 !important;
}

#GridData_E1 .CssMainContainer .DataGridCss table .tooltip {
    position: relative;
    display: inline-block;
    /* Tooltip text */
}

#GridData_E1 .CssMainContainer .DataGridCss table .tooltip .tooltiptext {
    visibility: hidden;
    font-size: 10px;
    width: 300px;
    background-color: #bbbbbb;
    color: #000000;
    text-align: left;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #000000;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

#GridData_E1 .CssMainContainer .GridAdditionalInfoGroup {
    border-top: 1px solid #C7C7C7;
    padding: 10px;
    display: none;
}

#GridData_E1 .CssMainContainer #Tab1 .dataGridHeader1,
#GridData_E1 .CssMainContainer #Tab1 .dataGridHeader2,
#GridData_E1 .CssMainContainer #Tab1 .units,
#GridData_E1 .CssMainContainer #Tab1 .SxCell {
    border-left: none !important;
}

#GridData_E1 .CssMainContainer .dataGridCell,
#GridData_E1 .CssMainContainer .dataGridHeader {
    padding: 12px 15px !important;
    width: 100%;
}

#GridData_E1 .CssMainContainer .RowLevel2 .dataGridFirstColumn {
    padding-left: 20px !important;
    font-size: 10px !important;
}

#GridData_E1 .CssMainContainer .RowLevel3 .dataGridFirstColumn {
    padding-left: 25px !important;
    font-size: 9px !important;
}

#GridData_E1 .CssMainContainer .RowLevel4 .dataGridFirstColumn {
    padding-left: 30px !important;
    font-size: 8px !important;
}

#GridData_E1 .CssMainContainer .dataGridCell {
    overflow: visible !important;
    color: #494748;
    font-size: 11px !important;
    border-left: 1px solid #C7C7C7 !important;
}

#GridData_E1 .CssMainContainer .dataGridCell .Red {
    color: #ff0000;
}

#GridData_E1 .CssMainContainer .dataGridCell .Blue {
    color: #0000ff;
}

#GridData_E1 .CssMainContainer .dataGridCell .Green {
    color: #00ff00;
}

#GridData_E1 .CssMainContainer .dataGridCell .Yellow {
    color: #FFFF00;
}

#GridData_E1 .CssMainContainer .CheckBoxColumn {
    border-top: 1px solid #C7C7C7;
}

#GridData_E1 .CssMainContainer .childCell {
    padding-left: 30px;
    border: 2px solid #eee !important;
    background: #eee !important;
}

#GridData_E1 .CssMainContainer .PreviousCss {
    float: left;
}

#GridData_E1 .CssMainContainer .NextCss {
    float: right;
}

#GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss {
    float: right;
    margin-right: 20px;
}

#GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextEnableCss,
#GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousEnableCss,
#GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextDisableCss,
#GridData_E1 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousDisableCss {
    width: 24px !important;
    height: 23px !important;
}

#GridData_E1 .CssMainContainer .PagesContainerCss {
    float: left;
}

#GridData_E1 .CssMainContainer .ColumnsNavigatorCss .gwt-Button {
    border: 0;
    margin-top: 7px;
}

#GridData_E1 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover,
#GridData_E1 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover,
#GridData_E1 .CssMainContainer .PageOffCss:hover {
    cursor: pointer;
}

#GridData_E1 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss {
    background: url("../images/nav_right_on.png") #ffffff no-repeat !important;
    margin-left: 7px;
}

#GridData_E1 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss {
    background: url("../images/nav_left_on.png") #ffffff no-repeat !important;
}

#GridData_E1 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss {
    background: url("../images/nav_right_off.png") #ffffff no-repeat !important;
    margin-left: 7px;
}

#GridData_E1 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss {
    background: url("../images/nav_left_off.png") #ffffff no-repeat !important;
}

#GridData_E1 .CssMainContainer .dataGridSelectedRow .dataGridCell {
    color: #ffffff;
}

#GridData_E1 .CssMainContainer .dataGridSelectedRow {
    background: none repeat scroll 0 0 #0073B9 !important;
    color: #ffffff;
    height: auto;
    overflow: auto;
}

#GridData_E1 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn,
#GridData_E1 .CssMainContainer .dataGridSelectedRow .dataGridCell {
    background: none repeat scroll 0 0 #0073B9 !important;
}

#GridData_E1 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell,
#GridData_E1 .CssMainContainer .dataGridHoveredRowCell {
    border: none !important;
    color: #000000 !important;
    background-color: #EEEEEE !important;
}

#GridData_E1 .CssMainContainer .CheckBoxColumn {
    width: 13px;
}

#GridData_E1 .CssMainContainer .dataGridLastColumn {
    padding-right: 23px !important;
}

#GridData_E1 .CssMainContainer .dataGridLastColumnHeader {
    padding-right: 23px !important;
}

#GridData_E1 .CssMainContainer .dataGridKeyboardSelectedRowCell {
    border: 0px !important;
}

#GridData_E1 .CssMainContainer .SxCell {
    width: 180px !important;
}

#GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader0,
#GridData_E1 .CssMainContainer .dataGridCell0 {
    width: 250px !important;
    text-align: left !important;
}

#GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
#GridData_E1 .CssMainContainer .dataGridCell1 {
    padding-right: 5px !important;
    text-align: left !important;
    /*	width: 82px !important; */
    /*	border-right: 1px solid #000000 !important; */
}

#GridData_E1 .CssMainContainer .dataGridHeader2,
#GridData_E1 .CssMainContainer .dataGridHeader3,
#GridData_E1 .CssMainContainer .dataGridHeader4,
#GridData_E1 .CssMainContainer .dataGridHeader5,
#GridData_E1 .CssMainContainer .dataGridHeader6,
#GridData_E1 .CssMainContainer .dataGridHeader7,
#GridData_E1 .CssMainContainer .dataGridHeader8,
#GridData_E1 .CssMainContainer .dataGridHeader9,
#GridData_E1 .CssMainContainer .dataGridHeader10,
#GridData_E1 .CssMainContainer .dataGridHeader11,
#GridData_E1 .CssMainContainer .dataGridHeader12,
#GridData_E1 .CssMainContainer .dataGridHeader13,
#GridData_E1 .CssMainContainer .dataGridHeader14,
#GridData_E1 .CssMainContainer .dataGridHeader15,
#GridData_E1 .CssMainContainer .dataGridHeader16,
#GridData_E1 .CssMainContainer .dataGridHeader17,
#GridData_E1 .CssMainContainer .dataGridHeader18,
#GridData_E1 .CssMainContainer .dataGridHeader19,
#GridData_E1 .CssMainContainer .dataGridCell2,
#GridData_E1 .CssMainContainer .dataGridCell3,
#GridData_E1 .CssMainContainer .dataGridCell4,
#GridData_E1 .CssMainContainer .dataGridCell5,
#GridData_E1 .CssMainContainer .dataGridCell6,
#GridData_E1 .CssMainContainer .dataGridCell7,
#GridData_E1 .CssMainContainer .dataGridCell8,
#GridData_E1 .CssMainContainer .dataGridCell9,
#GridData_E1 .CssMainContainer .dataGridCell10,
#GridData_E1 .CssMainContainer .dataGridCell11,
#GridData_E1 .CssMainContainer .dataGridCell12,
#GridData_E1 .CssMainContainer .dataGridCell13,
#GridData_E1 .CssMainContainer .dataGridCell14,
#GridData_E1 .CssMainContainer .dataGridCell15,
#GridData_E1 .CssMainContainer .dataGridCell16,
#GridData_E1 .CssMainContainer .dataGridCell17,
#GridData_E1 .CssMainContainer .dataGridCell18,
#GridData_E1 .CssMainContainer .dataGridCell19 {
    text-align: right !important;
}

#GridData_E1 .CssMainContainer .PageOnCss,
#GridData_E1 .CssMainContainer .PageOffCss,
#GridData_E1 .CssMainContainer .PageSeparatorCss {
    float: left;
    width: 10px;
    cursor: default;
}

#GridData_E1 .CssMainContainer .PageSeparatorCss {
    background: url("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/css/images/PageSeparator.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    margin-left: 5px;
    margin-top: 5px;
    width: 7px;
}

#GridData_E1 .CssMainContainer .PageOnCss {
    color: #a7a7a7;
}

#GridData_E1 .CssMainContainer .PageOffCss {
    color: #00347d;
}

#GridData_E1 .CssMainContainer .PopupClass {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid;
    left: 20px;
    top: 288px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
}

#GridData_E1 .CssMainContainer .PopupClass .CloseClass {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 4px;
    display: none;
}

/* </editor-fold> */
/* </editor-fold> */
/* da $halfBreak a 0 */
@media all and (max-width: 500px) {
    .DoraInteractive #GridData_E1 {
        overflow-x: auto;
    }

    .DoraInteractive #GridData_E1 .CssMainContainer {
        width: 600px;
    }
}

#GridData_E21 {
    width: 100%;
    padding: 0 0 0 0;
}

#GridData_E21 .CssMainContainer {
    /*border*/
    /*no border left*/
    /*Columns Navigator*/
    /* <editor-fold desc="COLUMNS SIZE"> */
    /*description*/
    /*units*/
    /* Others columns */
    /* </editor-fold> */
    /* <editor-fold desc="PageNavigator"> */
    /* </editor-fold> */
    /* <editor-fold desc="Popup"> */
}

#GridData_E21 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td {
    width: auto;
}

#GridData_E21 .CssMainContainer .DataGridCss {
    height: 800px;
    width: 100%;
}

#GridData_E21 .CssMainContainer .DataGridCss table {
    border: 0;
    /* Tooltip container */
}

#GridData_E21 .CssMainContainer .DataGridCss table thead {
    background: #ffffff;
}

#GridData_E21 .CssMainContainer .DataGridCss table .groupHeaderCell {
    padding: 1px 15px;
    color: #4b4a4a;
    text-shadow: #ddf 1px 1px 0;
    font-size: 130%;
    background: #eee;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader {
    height: 38px;
    border-top: 3px solid #002F6C !important;
    border-bottom: 3px solid #002F6C !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #002F6C !important;
    font-size: 14px;
    font-weight: bold;
    /*font-weight: bold !important;*/
    line-height: 1.25em;
    margin: 14px 0 11px 0 !important;
    text-shadow: 0 0 !important;
    white-space: normal !important;
    text-align: right !important;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridLastColumnHeader {
    border-width: 0;
}

#GridData_E21 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper {
    display: none;
}

#GridData_E21 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number {
    display: none;
}

#GridData_E21 .CssMainContainer .DataGridCss table tr.hide-row td {
    height: 23px;
}

#GridData_E21 .CssMainContainer .DataGridCss table tr.hide-row td span {
    display: none;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dataGridEvenRow {
    background-color: #FFFFFF !important;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dataGridOddRow {
    background-color: #ffffff !important;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dataGridHoveredRow {
    background-color: #FAFAFA !important;
    color: #2F2F2F !important;
}

#GridData_E21 .CssMainContainer .DataGridCss table .tooltip {
    position: relative;
    display: inline-block;
    /* Tooltip text */
}

#GridData_E21 .CssMainContainer .DataGridCss table .tooltip .tooltiptext {
    visibility: hidden;
    font-size: 10px;
    width: 300px;
    background-color: #bbbbbb;
    color: #000000;
    text-align: left;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #000000;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

#GridData_E21 .CssMainContainer .GridAdditionalInfoGroup {
    border-top: 1px solid #C7C7C7;
    padding: 10px;
    display: none;
}

#GridData_E21 .CssMainContainer #Tab1 .dataGridHeader1,
#GridData_E21 .CssMainContainer #Tab1 .dataGridHeader2,
#GridData_E21 .CssMainContainer #Tab1 .units,
#GridData_E21 .CssMainContainer #Tab1 .SxCell {
    border-left: none !important;
}

#GridData_E21 .CssMainContainer .dataGridCell,
#GridData_E21 .CssMainContainer .dataGridHeader {
    padding: 14px 15px !important;
    width: 100%;
}

#GridData_E21 .CssMainContainer .RowLevel2 .dataGridFirstColumn {
    padding-left: 20px !important;
    font-size: 13px !important;
}

#GridData_E21 .CssMainContainer .RowLevel3 .dataGridFirstColumn {
    padding-left: 25px !important;
    font-size: 12px !important;
}

#GridData_E21 .CssMainContainer .RowLevel4 .dataGridFirstColumn {
    padding-left: 30px !important;
    font-size: 11px !important;
}

#GridData_E21 .CssMainContainer .dataGridCell {
    overflow: visible !important;
    color: #2F2F2F;
    font-size: 14px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #C7C7C7 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

#GridData_E21 .CssMainContainer .dataGridCell .Red {
    color: #ff0000;
}

#GridData_E21 .CssMainContainer .dataGridCell .Blue {
    color: #0000ff;
}

#GridData_E21 .CssMainContainer .dataGridCell .Green {
    color: #00ff00;
}

#GridData_E21 .CssMainContainer .dataGridCell .Yellow {
    color: #FFFF00;
}

#GridData_E21 .CssMainContainer .CheckBoxColumn {
    border-top: 0 !important;
    border-bottom: 1px solid #C7C7C7 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

#GridData_E21 .CssMainContainer .childCell {
    padding-left: 30px;
    border: 2px solid #eee !important;
    background: #eee !important;
}

#GridData_E21 .CssMainContainer .PreviousCss {
    float: left;
}

#GridData_E21 .CssMainContainer .NextCss {
    float: right;
}

#GridData_E21 .CssMainContainer .ColumnsNavigatorExternalContainerCss {
    display: none;
}

#GridData_E21 .CssMainContainer .PagesContainerCss {
    float: left;
}

#GridData_E21 .CssMainContainer .ColumnsNavigatorCss .gwt-Button {
    border: 0;
    margin-top: 7px;
}

#GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover,
#GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover,
#GridData_E21 .CssMainContainer .PageOffCss:hover {
    cursor: pointer;
}

#GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss {
    background: url("../images/nav_right_on.png") #ffffff no-repeat !important;
    margin-left: 7px;
}

#GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss {
    background: url("../images/nav_left_on.png") #ffffff no-repeat !important;
}

#GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss {
    background: url("../images/nav_right_off.png") #ffffff no-repeat !important;
    margin-left: 7px;
}

#GridData_E21 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss {
    background: url("../images/nav_left_off.png") #ffffff no-repeat !important;
}

#GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridCell {
    color: #ffffff;
}

#GridData_E21 .CssMainContainer .dataGridSelectedRow {
    background: none repeat scroll 0 0 #2D99E1 !important;
    color: #ffffff;
    height: auto;
    overflow: auto;
}

#GridData_E21 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn,
#GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridCell {
    background: none repeat scroll 0 0 #2D99E1 !important;
}

#GridData_E21 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell,
#GridData_E21 .CssMainContainer .dataGridHoveredRowCell {
    border: none !important;
    color: #2F2F2F !important;
    background-color: #FAFAFA !important;
}

#GridData_E21 .CssMainContainer .CheckBoxColumn {
    width: 13px;
}

#GridData_E21 .CssMainContainer .dataGridLastColumn {
    padding-right: 23px !important;
}

#GridData_E21 .CssMainContainer .dataGridLastColumnHeader {
    padding-right: 23px !important;
}

#GridData_E21 .CssMainContainer .dataGridKeyboardSelectedRowCell {
    border: 0px !important;
}

#GridData_E21 .CssMainContainer .SxCell {
    width: 180px !important;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader0,
#GridData_E21 .CssMainContainer .dataGridCell0 {
    width: 250px !important;
    text-align: left !important;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
#GridData_E21 .CssMainContainer .dataGridCell1 {
    padding-right: 5px !important;
    text-align: left !important;
    /*	width: 82px !important; */
    /*	border-right: 1px solid #000000 !important; */
}

#GridData_E21 .CssMainContainer .dataGridHeader2,
#GridData_E21 .CssMainContainer .dataGridHeader3,
#GridData_E21 .CssMainContainer .dataGridHeader4,
#GridData_E21 .CssMainContainer .dataGridHeader5,
#GridData_E21 .CssMainContainer .dataGridHeader6,
#GridData_E21 .CssMainContainer .dataGridHeader7,
#GridData_E21 .CssMainContainer .dataGridHeader8,
#GridData_E21 .CssMainContainer .dataGridHeader9,
#GridData_E21 .CssMainContainer .dataGridHeader10,
#GridData_E21 .CssMainContainer .dataGridHeader11,
#GridData_E21 .CssMainContainer .dataGridHeader12,
#GridData_E21 .CssMainContainer .dataGridHeader13,
#GridData_E21 .CssMainContainer .dataGridHeader14,
#GridData_E21 .CssMainContainer .dataGridHeader15,
#GridData_E21 .CssMainContainer .dataGridHeader16,
#GridData_E21 .CssMainContainer .dataGridHeader17,
#GridData_E21 .CssMainContainer .dataGridHeader18,
#GridData_E21 .CssMainContainer .dataGridHeader19,
#GridData_E21 .CssMainContainer .dataGridCell2,
#GridData_E21 .CssMainContainer .dataGridCell3,
#GridData_E21 .CssMainContainer .dataGridCell4,
#GridData_E21 .CssMainContainer .dataGridCell5,
#GridData_E21 .CssMainContainer .dataGridCell6,
#GridData_E21 .CssMainContainer .dataGridCell7,
#GridData_E21 .CssMainContainer .dataGridCell8,
#GridData_E21 .CssMainContainer .dataGridCell9,
#GridData_E21 .CssMainContainer .dataGridCell10,
#GridData_E21 .CssMainContainer .dataGridCell11,
#GridData_E21 .CssMainContainer .dataGridCell12,
#GridData_E21 .CssMainContainer .dataGridCell13,
#GridData_E21 .CssMainContainer .dataGridCell14,
#GridData_E21 .CssMainContainer .dataGridCell15,
#GridData_E21 .CssMainContainer .dataGridCell16,
#GridData_E21 .CssMainContainer .dataGridCell17,
#GridData_E21 .CssMainContainer .dataGridCell18,
#GridData_E21 .CssMainContainer .dataGridCell19 {
    text-align: right !important;
}

#GridData_E21 .CssMainContainer .PageOnCss,
#GridData_E21 .CssMainContainer .PageOffCss,
#GridData_E21 .CssMainContainer .PageSeparatorCss {
    float: left;
    width: 10px;
    cursor: default;
}

#GridData_E21 .CssMainContainer .PageSeparatorCss {
    background: url("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/css/images/PageSeparator.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    margin-left: 5px;
    margin-top: 5px;
    width: 7px;
}

#GridData_E21 .CssMainContainer .PageOnCss {
    color: #2D99E1;
}

#GridData_E21 .CssMainContainer .PageOffCss {
    color: #2F2F2F;
}

#GridData_E21 .CssMainContainer .PopupClass {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid;
    left: 20px;
    top: 288px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
}

#GridData_E21 .CssMainContainer .PopupClass .CloseClass {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 4px;
    display: none;
}

/* </editor-fold> */
/* </editor-fold> */
/* da $halfBreak a 0 */
@media all and (max-width: 500px) {
    .DoraInteractive #GridData_E21 {
        overflow-x: auto;
    }

    .DoraInteractive #GridData_E21 .CssMainContainer {
        width: 600px;
    }
}

#GridData_E3 {
    width: 100%;
    padding: 0 0 0 0;
}

#GridData_E3 .CssMainContainer {
    /*border*/
    /*no border left*/
    /*Columns Navigator*/
    /* <editor-fold desc="COLUMNS SIZE"> */
    /*selector*/
    /*description*/
    /*units*/
    /* Others columns */
    /* </editor-fold> */
    /* <editor-fold desc="PageNavigator"> */
    /* </editor-fold> */
    /* <editor-fold desc="Popup"> */
}

#GridData_E3 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td {
    width: auto;
}

#GridData_E3 .CssMainContainer .DataGridCss {
    height: 800px;
    width: 100%;
}

#GridData_E3 .CssMainContainer .DataGridCss table {
    border: 0;
    /* Tooltip container */
}

#GridData_E3 .CssMainContainer .DataGridCss table thead {
    background: #ffffff;
}

#GridData_E3 .CssMainContainer .DataGridCss table .groupHeaderCell {
    padding: 1px 15px;
    color: #4b4a4a;
    text-shadow: #ddf 1px 1px 0;
    font-size: 130%;
    background: #eee;
}

#GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader {
    height: 38px;
    border-top: 3px solid #002F6C !important;
    border-bottom: 3px solid #002F6C !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #002F6C !important;
    font-size: 14px;
    font-weight: bold;
    /*font-weight: bold !important;*/
    line-height: 1.25em;
    margin: 14px 0 11px 0 !important;
    text-shadow: 0 0 !important;
    white-space: normal !important;
    text-align: right !important;
}

#GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridLastColumnHeader {
    border-width: 0;
}

#GridData_E3 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper {
    display: none;
}

#GridData_E3 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number {
    display: none;
}

#GridData_E3 .CssMainContainer .DataGridCss table tr.hide-row td {
    height: 23px;
}

#GridData_E3 .CssMainContainer .DataGridCss table tr.hide-row td span {
    display: none;
}

#GridData_E3 .CssMainContainer .DataGridCss table .dataGridEvenRow {
    background-color: #FFFFFF !important;
}

#GridData_E3 .CssMainContainer .DataGridCss table .dataGridOddRow {
    background-color: #ffffff !important;
}

#GridData_E3 .CssMainContainer .DataGridCss table .dataGridHoveredRow {
    background-color: #2D99E1 !important;
    color: #2F2F2F !important;
}

#GridData_E3 .CssMainContainer .DataGridCss table .tooltip {
    position: relative;
    display: inline-block;
    /* Tooltip text */
}

#GridData_E3 .CssMainContainer .DataGridCss table .tooltip .tooltiptext {
    visibility: hidden;
    font-size: 10px;
    width: 300px;
    background-color: #bbbbbb;
    color: #000000;
    text-align: left;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #000000;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

#GridData_E3 .CssMainContainer .GridAdditionalInfoGroup {
    border-top: 1px solid #C7C7C7;
    padding: 10px;
    display: none;
}

#GridData_E3 .CssMainContainer #Tab1 .dataGridHeader1,
#GridData_E3 .CssMainContainer #Tab1 .dataGridHeader2,
#GridData_E3 .CssMainContainer #Tab1 .units,
#GridData_E3 .CssMainContainer #Tab1 .SxCell {
    border-left: none !important;
}

#GridData_E3 .CssMainContainer .dataGridCell,
#GridData_E3 .CssMainContainer .dataGridHeader {
    padding: 14px 15px !important;
    width: 100%;
}

#GridData_E3 .CssMainContainer .RowLevel2 .dataGridFirstColumn {
    padding-left: 20px !important;
    font-size: 10px !important;
}

#GridData_E3 .CssMainContainer .RowLevel3 .dataGridFirstColumn {
    padding-left: 25px !important;
    font-size: 9px !important;
}

#GridData_E3 .CssMainContainer .RowLevel4 .dataGridFirstColumn {
    padding-left: 30px !important;
    font-size: 8px !important;
}

#GridData_E3 .CssMainContainer .dataGridCell {
    overflow: visible !important;
    color: #2F2F2F;
    font-size: 11px !important;
    border-top: 0 !important;
    border-bottom: 1px solid #C7C7C7 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

#GridData_E3 .CssMainContainer .dataGridCell .Red {
    color: #ff0000;
}

#GridData_E3 .CssMainContainer .dataGridCell .Blue {
    color: #0000ff;
}

#GridData_E3 .CssMainContainer .dataGridCell .Green {
    color: #00ff00;
}

#GridData_E3 .CssMainContainer .dataGridCell .Yellow {
    color: #FFFF00;
}

#GridData_E3 .CssMainContainer .CheckBoxColumn {
    border-top: 0 !important;
    border-bottom: 1px solid #C7C7C7 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

#GridData_E3 .CssMainContainer .childCell {
    padding-left: 30px;
    border: 2px solid #eee !important;
    background: #eee !important;
}

#GridData_E3 .CssMainContainer .PreviousCss {
    float: left;
}

#GridData_E3 .CssMainContainer .NextCss {
    float: right;
}

#GridData_E3 .CssMainContainer .ColumnsNavigatorExternalContainerCss {
    display: none;
}

#GridData_E3 .CssMainContainer .PagesContainerCss {
    float: left;
}

#GridData_E3 .CssMainContainer .ColumnsNavigatorCss .gwt-Button {
    border: 0;
    margin-top: 7px;
}

#GridData_E3 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover,
#GridData_E3 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover,
#GridData_E3 .CssMainContainer .PageOffCss:hover {
    cursor: pointer;
}

#GridData_E3 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss {
    background: url("../images/nav_right_on.png") #ffffff no-repeat !important;
    margin-left: 7px;
}

#GridData_E3 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss {
    background: url("../images/nav_left_on.png") #ffffff no-repeat !important;
}

#GridData_E3 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss {
    background: url("../images/nav_right_off.png") #ffffff no-repeat !important;
    margin-left: 7px;
}

#GridData_E3 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss {
    background: url("../images/nav_left_off.png") #ffffff no-repeat !important;
}

#GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridCell {
    color: #2F2F2F;
}

#GridData_E3 .CssMainContainer .dataGridSelectedRow {
    background: none repeat scroll 0 0 #2D99E1 !important;
    color: #2F2F2F;
    height: auto;
    overflow: auto;
}

#GridData_E3 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn,
#GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridCell {
    background: none repeat scroll 0 0 #2D99E1 !important;
}

#GridData_E3 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell,
#GridData_E3 .CssMainContainer .dataGridHoveredRowCell {
    border: none !important;
    color: #2F2F2F !important;
    background-color: #2D99E1 !important;
}

#GridData_E3 .CssMainContainer .CheckBoxColumn {
    width: 13px;
}

#GridData_E3 .CssMainContainer .dataGridLastColumn {
    padding-right: 23px !important;
}

#GridData_E3 .CssMainContainer .dataGridLastColumnHeader {
    padding-right: 23px !important;
}

#GridData_E3 .CssMainContainer .dataGridKeyboardSelectedRowCell {
    border: 0px !important;
}

#GridData_E3 .CssMainContainer .SxCell {
    width: 180px !important;
}

#GridData_E3 .CssMainContainer .dataGridHeader0,
#GridData_E3 .CssMainContainer .CheckBoxColumn {
    width: 37px !important;
    padding: 0 !important;
    text-align: center;
}

#GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
#GridData_E3 .CssMainContainer .dataGridCell0 {
    width: 250px !important;
    text-align: left !important;
}

#GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader2,
#GridData_E3 .CssMainContainer .dataGridCell1 {
    padding-right: 5px !important;
    text-align: left !important;
    /*	width: 82px !important; */
    /*	border-right: 1px solid #000000 !important; */
}

#GridData_E3 .CssMainContainer .dataGridHeader3,
#GridData_E3 .CssMainContainer .dataGridHeader4,
#GridData_E3 .CssMainContainer .dataGridHeader5,
#GridData_E3 .CssMainContainer .dataGridHeader6,
#GridData_E3 .CssMainContainer .dataGridHeader7,
#GridData_E3 .CssMainContainer .dataGridHeader8,
#GridData_E3 .CssMainContainer .dataGridHeader9,
#GridData_E3 .CssMainContainer .dataGridHeader10,
#GridData_E3 .CssMainContainer .dataGridHeader11,
#GridData_E3 .CssMainContainer .dataGridHeader12,
#GridData_E3 .CssMainContainer .dataGridHeader13,
#GridData_E3 .CssMainContainer .dataGridHeader14,
#GridData_E3 .CssMainContainer .dataGridHeader15,
#GridData_E3 .CssMainContainer .dataGridHeader16,
#GridData_E3 .CssMainContainer .dataGridHeader17,
#GridData_E3 .CssMainContainer .dataGridHeader18,
#GridData_E3 .CssMainContainer .dataGridHeader19,
#GridData_E3 .CssMainContainer .dataGridHeader20,
#GridData_E3 .CssMainContainer .dataGridCell2,
#GridData_E3 .CssMainContainer .dataGridCell3,
#GridData_E3 .CssMainContainer .dataGridCell4,
#GridData_E3 .CssMainContainer .dataGridCell5,
#GridData_E3 .CssMainContainer .dataGridCell6,
#GridData_E3 .CssMainContainer .dataGridCell7,
#GridData_E3 .CssMainContainer .dataGridCell8,
#GridData_E3 .CssMainContainer .dataGridCell9,
#GridData_E3 .CssMainContainer .dataGridCell10,
#GridData_E3 .CssMainContainer .dataGridCell11,
#GridData_E3 .CssMainContainer .dataGridCell12,
#GridData_E3 .CssMainContainer .dataGridCell13,
#GridData_E3 .CssMainContainer .dataGridCell14,
#GridData_E3 .CssMainContainer .dataGridCell15,
#GridData_E3 .CssMainContainer .dataGridCell16,
#GridData_E3 .CssMainContainer .dataGridCell17,
#GridData_E3 .CssMainContainer .dataGridCell18,
#GridData_E3 .CssMainContainer .dataGridCell19 {
    text-align: right !important;
}

#GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper {
    position: relative;
    height: 38px;
    width: 38px;
    cursor: pointer;
}

#GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper input {
    cursor: pointer;
}

#GridData_E3 .CssMainContainer .CheckBoxColumn .checkbox_wrapper label {
    cursor: pointer;
}

#GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"] {
    opacity: 0;
    height: 38px;
    width: 38px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    clip: auto;
}

#GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"]+label {
    background-image: url("../images/kpi-icons.png");
    background-position: -270px -222px;
    height: 38px;
    width: 38px;
    display: inline-block;
    padding: 0 0 0 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

#GridData_E3 .CssMainContainer .CheckBoxColumn input[type="checkbox"]:checked+label {
    background-image: url("../images/kpi-icons.png");
    background-position: -270px -260px;
    height: 38px;
    width: 38px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#GridData_E3 .CssMainContainer .dataGridHoveredRow .CheckBoxColumn input[type="checkbox"]+label {
    background-image: url("../images/kpi-icons.png");
    background-position: -270px -260px;
    height: 38px;
    width: 38px;
    display: inline-block;
    padding: 0 0 0 0px;
}

#GridData_E3 .CssMainContainer .PageOnCss,
#GridData_E3 .CssMainContainer .PageOffCss,
#GridData_E3 .CssMainContainer .PageSeparatorCss {
    float: left;
    width: 10px;
    cursor: default;
}

#GridData_E3 .CssMainContainer .PageSeparatorCss {
    background: url("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/css/images/PageSeparator.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    margin-left: 5px;
    margin-top: 5px;
    width: 7px;
}

#GridData_E3 .CssMainContainer .PageOnCss {
    color: #2D99E1;
}

#GridData_E3 .CssMainContainer .PageOffCss {
    color: #2F2F2F;
}

#GridData_E3 .CssMainContainer .PopupClass {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid;
    left: 20px;
    top: 288px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
}

#GridData_E3 .CssMainContainer .PopupClass .CloseClass {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 4px;
    display: none;
}

/* </editor-fold> */
/* </editor-fold> */
/* da $halfBreak a 0 */
@media all and (max-width: 500px) {
    .DoraInteractive #GridData_E3 {
        overflow-x: auto;
    }

    .DoraInteractive #GridData_E3 .CssMainContainer {
        width: 600px;
    }
}

#GridData_E31 {
    width: 100%;
    padding: 0 0 0 0;
}

#GridData_E31 .CssMainContainer {
    /*border*/
    /*no border left*/
    /*Columns Navigator*/
    /* <editor-fold desc="COLUMNS SIZE"> */
    /*description*/
    /*units*/
    /* Others columns */
    /* </editor-fold> */
    /* <editor-fold desc="PageNavigator"> */
    /* </editor-fold> */
    /* <editor-fold desc="Popup"> */
}

#GridData_E31 .CssMainContainer .CustomHeaderContainer .CustomHeader table tr td {
    width: auto;
}

#GridData_E31 .CssMainContainer .DataGridCss {
    height: 250px;
    width: 100%;
}

#GridData_E31 .CssMainContainer .DataGridCss table {
    border: 1px solid #cecece;
    /* Tooltip container */
}

#GridData_E31 .CssMainContainer .DataGridCss table thead {
    background: #ffffff;
}

#GridData_E31 .CssMainContainer .DataGridCss table .groupHeaderCell {
    padding: 1px 15px;
    color: #4b4a4a;
    text-shadow: #ddf 1px 1px 0;
    font-size: 130%;
    background: #eee;
}

#GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader {
    height: 38px;
    border-top: 3px solid #002F6C !important;
    border-bottom: 3px solid #002F6C !important;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #002F6C !important;
    font-size: 14px;
    font-weight: bold;
    /*font-weight: bold !important;*/
    line-height: 1.25em;
    margin: 14px 0 11px 0 !important;
    text-shadow: 0 0 !important;
    white-space: normal !important;
    text-align: right !important;
}

#GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridLastColumnHeader {
    border-width: 0;
}

#GridData_E31 .CssMainContainer .DataGridCss table tr.unselectableRowCss td .checkbox_wrapper {
    display: none;
}

#GridData_E31 .CssMainContainer .DataGridCss table tr.hide-numbers td span.number {
    display: none;
}

#GridData_E31 .CssMainContainer .DataGridCss table tr.hide-row td {
    height: 23px;
}

#GridData_E31 .CssMainContainer .DataGridCss table tr.hide-row td span {
    display: none;
}

#GridData_E31 .CssMainContainer .DataGridCss table .dataGridEvenRow {
    background-color: #FFFFFF !important;
}

#GridData_E31 .CssMainContainer .DataGridCss table .dataGridOddRow {
    background-color: #f7f7f7 !important;
}

#GridData_E31 .CssMainContainer .DataGridCss table .dataGridHoveredRow {
    background-color: #EEEEEE !important;
    color: #000000 !important;
}

#GridData_E31 .CssMainContainer .DataGridCss table .tooltip {
    position: relative;
    display: inline-block;
    /* Tooltip text */
}

#GridData_E31 .CssMainContainer .DataGridCss table .tooltip .tooltiptext {
    visibility: hidden;
    font-size: 10px;
    width: 300px;
    background-color: #bbbbbb;
    color: #000000;
    text-align: left;
    padding: 5px;
    border-radius: 6px;
    border: 1px solid #000000;
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}

#GridData_E31 .CssMainContainer .GridAdditionalInfoGroup {
    border-top: 1px solid #C7C7C7;
    padding: 10px;
    display: none;
}

#GridData_E31 .CssMainContainer #Tab1 .dataGridHeader1,
#GridData_E31 .CssMainContainer #Tab1 .dataGridHeader2,
#GridData_E31 .CssMainContainer #Tab1 .units,
#GridData_E31 .CssMainContainer #Tab1 .SxCell {
    border-left: none !important;
}

#GridData_E31 .CssMainContainer .dataGridCell,
#GridData_E31 .CssMainContainer .dataGridHeader {
    padding: 14px 15px !important;
    width: 100%;
}

#GridData_E31 .CssMainContainer .RowLevel2 .dataGridFirstColumn {
    padding-left: 20px !important;
    font-size: 10px !important;
}

#GridData_E31 .CssMainContainer .RowLevel3 .dataGridFirstColumn {
    padding-left: 25px !important;
    font-size: 9px !important;
}

#GridData_E31 .CssMainContainer .RowLevel4 .dataGridFirstColumn {
    padding-left: 30px !important;
    font-size: 8px !important;
}

#GridData_E31 .CssMainContainer .dataGridCell {
    overflow: visible !important;
    color: #494748;
    font-size: 11px !important;
    border-left: 1px solid #C7C7C7 !important;
}

#GridData_E31 .CssMainContainer .dataGridCell .Red {
    color: #ff0000;
}

#GridData_E31 .CssMainContainer .dataGridCell .Blue {
    color: #0000ff;
}

#GridData_E31 .CssMainContainer .dataGridCell .Green {
    color: #00ff00;
}

#GridData_E31 .CssMainContainer .dataGridCell .Yellow {
    color: #FFFF00;
}

#GridData_E31 .CssMainContainer .CheckBoxColumn {
    border-top: 1px solid #C7C7C7;
}

#GridData_E31 .CssMainContainer .childCell {
    padding-left: 30px;
    border: 2px solid #eee !important;
    background: #eee !important;
}

#GridData_E31 .CssMainContainer .PreviousCss {
    float: left;
}

#GridData_E31 .CssMainContainer .NextCss {
    float: right;
}

#GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss {
    float: right;
    margin-right: 20px;
}

#GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextEnableCss,
#GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousEnableCss,
#GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .NextDisableCss,
#GridData_E31 .CssMainContainer .ColumnsNavigatorExternalContainerCss .ColumnsNavigatorCss .PreviousDisableCss {
    width: 24px !important;
    height: 23px !important;
}

#GridData_E31 .CssMainContainer .PagesContainerCss {
    float: left;
}

#GridData_E31 .CssMainContainer .ColumnsNavigatorCss .gwt-Button {
    border: 0;
    margin-top: 7px;
}

#GridData_E31 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss:hover,
#GridData_E31 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss:hover,
#GridData_E31 .CssMainContainer .PageOffCss:hover {
    cursor: pointer;
}

#GridData_E31 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss {
    background: url("../images/nav_right_on.png") #ffffff no-repeat !important;
    margin-left: 7px;
}

#GridData_E31 .CssMainContainer .ColumnsNavigatorCss .PreviousEnableCss {
    background: url("../images/nav_left_on.png") #ffffff no-repeat !important;
}

#GridData_E31 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss {
    background: url("../images/nav_right_off.png") #ffffff no-repeat !important;
    margin-left: 7px;
}

#GridData_E31 .CssMainContainer .ColumnsNavigatorCss .PreviousDisableCss {
    background: url("../images/nav_left_off.png") #ffffff no-repeat !important;
}

#GridData_E31 .CssMainContainer .dataGridSelectedRow .dataGridCell {
    color: #ffffff;
}

#GridData_E31 .CssMainContainer .dataGridSelectedRow {
    background: none repeat scroll 0 0 #0073B9 !important;
    color: #ffffff;
    height: auto;
    overflow: auto;
}

#GridData_E31 .CssMainContainer .dataGridSelectedRow .CheckBoxColumn,
#GridData_E31 .CssMainContainer .dataGridSelectedRow .dataGridCell {
    background: none repeat scroll 0 0 #0073B9 !important;
}

#GridData_E31 .CssMainContainer .dataGridSelectedRow .dataGridHoveredRowCell,
#GridData_E31 .CssMainContainer .dataGridHoveredRowCell {
    border: none !important;
    color: #000000 !important;
    background-color: #EEEEEE !important;
}

#GridData_E31 .CssMainContainer .CheckBoxColumn {
    width: 13px;
}

#GridData_E31 .CssMainContainer .dataGridLastColumn {
    padding-right: 23px !important;
}

#GridData_E31 .CssMainContainer .dataGridLastColumnHeader {
    padding-right: 23px !important;
}

#GridData_E31 .CssMainContainer .dataGridKeyboardSelectedRowCell {
    border: 0px !important;
}

#GridData_E31 .CssMainContainer .SxCell {
    width: 180px !important;
}

#GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader0,
#GridData_E31 .CssMainContainer .dataGridCell0 {
    width: 150px !important;
    text-align: left !important;
}

#GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
#GridData_E31 .CssMainContainer .dataGridCell1 {
    padding-right: 5px !important;
    text-align: left !important;
    /*	width: 82px !important; */
    /*	border-right: 1px solid #000000 !important; */
}

#GridData_E31 .CssMainContainer .dataGridHeader2,
#GridData_E31 .CssMainContainer .dataGridHeader3,
#GridData_E31 .CssMainContainer .dataGridHeader4,
#GridData_E31 .CssMainContainer .dataGridHeader5,
#GridData_E31 .CssMainContainer .dataGridHeader6,
#GridData_E31 .CssMainContainer .dataGridHeader7,
#GridData_E31 .CssMainContainer .dataGridHeader8,
#GridData_E31 .CssMainContainer .dataGridHeader9,
#GridData_E31 .CssMainContainer .dataGridHeader10,
#GridData_E31 .CssMainContainer .dataGridHeader11,
#GridData_E31 .CssMainContainer .dataGridHeader12,
#GridData_E31 .CssMainContainer .dataGridHeader13,
#GridData_E31 .CssMainContainer .dataGridHeader14,
#GridData_E31 .CssMainContainer .dataGridHeader15,
#GridData_E31 .CssMainContainer .dataGridHeader16,
#GridData_E31 .CssMainContainer .dataGridHeader17,
#GridData_E31 .CssMainContainer .dataGridHeader18,
#GridData_E31 .CssMainContainer .dataGridHeader19,
#GridData_E31 .CssMainContainer .dataGridCell2,
#GridData_E31 .CssMainContainer .dataGridCell3,
#GridData_E31 .CssMainContainer .dataGridCell4,
#GridData_E31 .CssMainContainer .dataGridCell5,
#GridData_E31 .CssMainContainer .dataGridCell6,
#GridData_E31 .CssMainContainer .dataGridCell7,
#GridData_E31 .CssMainContainer .dataGridCell8,
#GridData_E31 .CssMainContainer .dataGridCell9,
#GridData_E31 .CssMainContainer .dataGridCell10,
#GridData_E31 .CssMainContainer .dataGridCell11,
#GridData_E31 .CssMainContainer .dataGridCell12,
#GridData_E31 .CssMainContainer .dataGridCell13,
#GridData_E31 .CssMainContainer .dataGridCell14,
#GridData_E31 .CssMainContainer .dataGridCell15,
#GridData_E31 .CssMainContainer .dataGridCell16,
#GridData_E31 .CssMainContainer .dataGridCell17,
#GridData_E31 .CssMainContainer .dataGridCell18,
#GridData_E31 .CssMainContainer .dataGridCell19 {
    text-align: right !important;
}

#GridData_E31 .CssMainContainer .PageOnCss,
#GridData_E31 .CssMainContainer .PageOffCss,
#GridData_E31 .CssMainContainer .PageSeparatorCss {
    float: left;
    width: 10px;
    cursor: default;
}

#GridData_E31 .CssMainContainer .PageSeparatorCss {
    background: url("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/css/images/PageSeparator.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    margin-left: 5px;
    margin-top: 5px;
    width: 7px;
}

#GridData_E31 .CssMainContainer .PageOnCss {
    color: #a7a7a7;
}

#GridData_E31 .CssMainContainer .PageOffCss {
    color: #00347d;
}

#GridData_E31 .CssMainContainer .PopupClass {
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid;
    left: 20px;
    top: 288px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
}

#GridData_E31 .CssMainContainer .PopupClass .CloseClass {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    margin-top: 4px;
    display: none;
}

/* </editor-fold> */
/* </editor-fold> */
/* da $halfBreak a 0 */
@media all and (max-width: 500px) {
    .DoraInteractive #GridData_E31 {
        overflow-x: auto;
    }

    .DoraInteractive #GridData_E31 .CssMainContainer {
        width: 600px;
    }
}

.nav #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader0,
.nav #GridData_E21 .CssMainContainer .dataGridCell0 {
    width: 125px !important;
}

.no-data-units #GridData_E1 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-data-units #GridData_E1 .CssMainContainer .dataGridCell1,
.no-data-units #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-data-units #GridData_E21 .CssMainContainer .dataGridCell1,
.no-data-units #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-data-units #GridData_E21 .CssMainContainer .dataGridCell1,
.no-data-units #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-data-units #GridData_E3 .CssMainContainer .dataGridCell1,
.no-data-units #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-data-units #GridData_E31 .CssMainContainer .dataGridCell1 {
    text-align: right !important;
    width: 100% !important;
}

.no-units #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-units #GridData_E21 .CssMainContainer .dataGridCell1,
.no-units #GridData_E21 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-units #GridData_E21 .CssMainContainer .dataGridCell1,
.no-units #GridData_E3 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-units #GridData_E3 .CssMainContainer .dataGridCell1,
.no-units #GridData_E31 .CssMainContainer .DataGridCss table .dataGridHeader.dataGridHeader1,
.no-units #GridData_E31 .CssMainContainer .dataGridCell1 {
    text-align: right !important;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight.dataGridEvenRow,
#GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight.dataGridOddRow,
#GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight.dataGridEvenRow,
#GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight.dataGridOddRow,
#GridData_E3 .CssMainContainer .DataGridCss table .dora-highlight.dataGridEvenRow,
#GridData_E3 .CssMainContainer .DataGridCss table .dora-highlight.dataGridOddRow,
#GridData_E31 .CssMainContainer .DataGridCss table .dora-highlight.dataGridEvenRow,
#GridData_E31 .CssMainContainer .DataGridCss table .dora-highlight.dataGridOddRow {
    background-color: #2D99E1 !important;
    font-weight: bold;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight .dataGridCell,
#GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight .dataGridCell,
#GridData_E3 .CssMainContainer .DataGridCss table .dora-highlight .dataGridCell,
#GridData_E31 .CssMainContainer .DataGridCss table .dora-highlight .dataGridCell {
    color: #ffffff;
}

#GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight .dataGridHoveredRowCell,
#GridData_E21 .CssMainContainer .DataGridCss table .dora-highlight .dataGridHoveredRowCell,
#GridData_E3 .CssMainContainer .DataGridCss table .dora-highlight .dataGridHoveredRowCell,
#GridData_E31 .CssMainContainer .DataGridCss table .dora-highlight .dataGridHoveredRowCell {
    background-color: #012F6B !important;
    color: #ffffff !important;
}

/************************************************
/*                    BreadCrumb
/************************************************/
#BreadCrumb1 {
    font-size: 10px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
}

#BreadCrumb1 .BreadCrumb {
    background-color: #d3dddf;
    overflow: hidden;
    padding-left: 10px;
}

#BreadCrumb1 .BreadCrumb .gwt-Label {
    height: 30px;
    line-height: 30px;
}

#BreadCrumb1 .BreadCrumb .breadcrumb-separator {
    margin-right: 10px;
    margin-left: 10px;
}

#BreadCrumb1 .BreadCrumb .breadcrumb-element {
    float: left;
    cursor: pointer;
}

#BreadCrumb1 .BreadCrumb .breadcrumb-element.LastOff {
    font-weight: bold;
}

#BreadCrumb1 .BreadCrumb .breadcrumb-separator {
    float: left;
}

/************************************************
/*                    BreadCrumbGenerator
/************************************************/
#BreadCrumbGenerator3 {
    font-size: 10px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
}

#BreadCrumbGenerator3 .BreadCrumbGenerator {
    background-color: transparent;
    overflow: hidden;
    padding-left: 10px;
    display: table;
    margin: 0 auto;
}

#BreadCrumbGenerator3 .BreadCrumbGenerator .gwt-Button {
    height: 30px;
    line-height: 30px;
}

/************************************************
/*                    Tab
/************************************************/
#Tab1 {
    font-size: 16px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
}

#Tab1 div {
    overflow: hidden;
}

#Tab1 .tab-table-chart,
#Tab1 .DoraTab {
    background-color: #ffffff;
}

#Tab1 .tab-table-chart .pos .tabContainer,
#Tab1 .DoraTab .pos .tabContainer {
    width: 33%;
    float: left;
}

#Tab1 .tab-table-chart .pos .tabContainer div,
#Tab1 .DoraTab .pos .tabContainer div {
    float: left;
}

#Tab1 .tab-table-chart .pos .tabContainer .tabSxOff,
#Tab1 .tab-table-chart .pos .tabContainer .tabSxOn,
#Tab1 .tab-table-chart .pos .tabContainer .tabDxOff,
#Tab1 .tab-table-chart .pos .tabContainer .tabDxOn,
#Tab1 .DoraTab .pos .tabContainer .tabSxOff,
#Tab1 .DoraTab .pos .tabContainer .tabSxOn,
#Tab1 .DoraTab .pos .tabContainer .tabDxOff,
#Tab1 .DoraTab .pos .tabContainer .tabDxOn {
    width: 10px;
    height: 60px;
}

#Tab1 .tab-table-chart .pos .tabContainer .tabOn,
#Tab1 .tab-table-chart .pos .tabContainer .tabOff,
#Tab1 .DoraTab .pos .tabContainer .tabOn,
#Tab1 .DoraTab .pos .tabContainer .tabOff {
    width: calc(100% - 20px);
    height: 60px;
    cursor: pointer;
    text-align: center;
    line-height: 60px;
}

#Tab1 .tab-table-chart .pos .tabContainer .tabOn,
#Tab1 .tab-table-chart .pos .tabContainer .tabOff:hover,
#Tab1 .DoraTab .pos .tabContainer .tabOn,
#Tab1 .DoraTab .pos .tabContainer .tabOff:hover {
    color: #2F2F2F;
    border-bottom: 2px solid #2F2F2F;
}

/* da $halfBreak a 0 */
@media all and (max-width: 500px) {

    #Tab1 .tab-table-chart .pos .tabContainer,
    #Tab1 .DoraTab .pos .tabContainer {
        width: 100%;
    }
}

/************************************************
/*                    GridDataNotes
/************************************************/
#GridDataNotes1 .GridDataNotes div,
#GridDataNotes1 .Info1 div,
#GridDataNotes1 .Info2 div {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 10px;
    color: #494748;
}

#GridDataNotes2 .GridDataNotes div,
#GridDataNotes2 .Info1 div,
#GridDataNotes2 .Info2 div {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 10px;
    color: #494748;
}

#GridDataNotes3 .GridDataNotes div,
#GridDataNotes3 .Info1 div,
#GridDataNotes3 .Info2 div {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 10px;
    color: #494748;
}

/************************************************
/*                    SerieInfo
/************************************************/
#SerieInfo1 div {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 10px;
    color: #494748;
}

#SerieInfo3 div {
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 10px;
    color: #494748;
}

/************************************************
/*                    LabelImageLink
/************************************************/
#Label1 {
    overflow: hidden;
}

#Label1 .image-link {
    height: 33px;
    width: 33px;
    background: url("../images/kpi-icons.png") no-repeat scroll 0 0;
    background-position: -815px -100px;
    cursor: pointer;
}

#Label3 {
    overflow: hidden;
}

#Label3 .image-link {
    height: 33px;
    width: 33px;
    background: url("../images/kpi-icons.png") no-repeat scroll 0 0;
    background-position: -815px -100px;
    cursor: pointer;
}

/************************************************
/*                    Embed
/************************************************/
#Embed1 .custom-popup {
    background-color: #ffffff;
    border: 1px solid #afafaf;
}

#Embed1 .custom-popup .popup-title {
    width: calc(100% - 15px);
    float: left;
    text-align: center;
    font-size: 12px;
    margin-bottom: 2px;
    color: #9baaab;
}

#Embed1 .custom-popup .close-panel {
    width: 15px;
    height: 15px;
    background: url("../images/kpi-icons.png") no-repeat scroll 0 0;
    background-position: -964px -189px;
    float: left;
}

#Embed1 .custom-popup .gwt-TextArea {
    width: 500px;
    height: 125px;
    border: 1px solid #AFAFAF;
    margin: 10px;
}

#Embed1 .popup-activator-panel {
    cursor: pointer;
}

#Embed1 .popup-activator-panel .DoraCheckBox-CheckBox {
    background: url("../images/kpi-icons.png") no-repeat scroll 0 0;
    height: 33px;
    width: 33px;
}

#Embed1 .popup-activator-panel .DoraCheckBox-Caption {
    display: none;
}

#Embed1 .popup-activator-panel .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
    background-position: -685px -100px;
}

#Embed1 .popup-activator-panel .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
    background-position: -685px -60px;
}

/************************************************
/*                    ChartPrint
/************************************************/
#ChartPrint1 .ChartPrint {
    width: 33px;
    height: 33px;
    cursor: pointer;
    background: url("../images/kpi-icons.png") no-repeat scroll 0 0;
    background-position: -945px -100px;
}

#ChartPrint1 .ChartPrint .ChartPrintContainerCss {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 33px;
}

#ChartPrint1 .ChartPrint .ChartPrintContainerCss .gwt-Label {
    display: none;
}

#ChartPrint3 .ChartPrint {
    width: 33px;
    height: 33px;
    cursor: pointer;
    background: url("../images/kpi-icons.png") no-repeat scroll 0 0;
    background-position: -945px -100px;
}

#ChartPrint3 .ChartPrint .ChartPrintContainerCss {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 33px;
}

#ChartPrint3 .ChartPrint .ChartPrintContainerCss .gwt-Label {
    display: none;
}

/************************************************
/*                    IndicatorSetting
/************************************************/
#IndicatorSetting1 {
    font-size: 13px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    color: #6F7276;
}

#IndicatorSetting1 div {
    overflow: hidden;
    display: block;
}

#IndicatorSetting1 .EnableCss {
    display: none;
    color: #ffffff;
    font-size: 13px;
}

#IndicatorSetting1 input {
    border-radius: 6px;
    width: 37px;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    text-align: right;
}

#IndicatorSetting1 .indicators-column {
    width: 50%;
    float: left;
}

#IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer {
    margin-top: 15px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

#IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    width: 19px;
    height: 19px;
    cursor: pointer;
}

#IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    float: left;
}

#IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    color: #6F7276;
    float: left;
    padding-left: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

#IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
    color: #dfdfdf;
    background: url("../images/kpi-icons.png");
    background-position: -1245px -195px;
}

#IndicatorSetting1 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
    color: #000000;
    background: url("../images/kpi-icons.png");
    background-position: -1245px -220px;
}

#IndicatorSetting11 {
    font-size: 13px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    color: #6F7276;
}

#IndicatorSetting11 div {
    overflow: hidden;
    display: block;
}

#IndicatorSetting11 .EnableCss {
    display: none;
    color: #ffffff;
    font-size: 13px;
}

#IndicatorSetting11 input {
    border-radius: 6px;
    width: 37px;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    text-align: right;
}

#IndicatorSetting11 .indicators-column {
    width: 100%;
    float: left;
}

#IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer {
    margin-top: 15px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

#IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    width: 19px;
    height: 19px;
    cursor: pointer;
}

#IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    float: left;
}

#IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    color: #6F7276;
    float: left;
    padding-left: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

#IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
    color: #dfdfdf;
    background: url("../images/kpi-icons.png");
    background-position: -1245px -195px;
}

#IndicatorSetting11 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
    color: #000000;
    background: url("../images/kpi-icons.png");
    background-position: -1245px -220px;
}

/************************************************
/*                    STOCK CHART
/************************************************/
/************************************************
/*                    IndicatorSetting
/************************************************/
#IndicatorSetting5 {
    font-size: 13px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    color: #2F2F2F;
}

#IndicatorSetting5 div {
    overflow: hidden;
    display: block;
}

#IndicatorSetting5 .EnableCss {
    display: none;
    color: #ffffff;
    font-size: 13px;
}

#IndicatorSetting5 input {
    border-radius: 6px;
    width: 37px;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    text-align: right;
}

#IndicatorSetting5 .indicators-column {
    width: 50%;
    float: left;
}

#IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer {
    margin-top: 15px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

#IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    width: 21px;
    height: 17px;
    cursor: pointer;
}

#IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    float: left;
}

#IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    color: #2F2F2F;
    float: left;
    padding-left: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

#IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
    color: #dfdfdf;
    background: url("../images/kpi-icons.png");
    background-position: -1245px -195px;
}

#IndicatorSetting5 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
    color: #000000;
    background: url("../images/kpi-icons.png");
    background-position: -1245px -220px;
}

#IndicatorSetting51 {
    font-size: 13px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    color: #2F2F2F;
}

#IndicatorSetting51 div {
    overflow: hidden;
    display: block;
}

#IndicatorSetting51 .EnableCss {
    display: none;
    color: #ffffff;
    font-size: 13px;
}

#IndicatorSetting51 input {
    border-radius: 6px;
    width: 37px;
    float: left;
    margin-left: 10px;
    margin-top: 15px;
    text-align: right;
}

#IndicatorSetting51 .indicators-column {
    width: 100%;
    float: left;
}

#IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer {
    margin-top: 15px;
    overflow: hidden;
    float: left;
    cursor: pointer;
}

#IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    width: 21px;
    height: 17px;
    cursor: pointer;
}

#IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox {
    float: left;
}

#IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    color: #2F2F2F;
    float: left;
    padding-left: 10px;
    cursor: pointer;
    text-transform: uppercase;
}

#IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOff {
    color: #dfdfdf;
    background: url("../images/kpi-icons.png");
    background-position: -1245px -195px;
}

#IndicatorSetting51 .indicators-column .DoraCheckBox-MainContainer .DoraCheckBox-CheckBox.DoraCheckBox-ValueOn {
    color: #000000;
    background: url("../images/kpi-icons.png");
    background-position: -1245px -220px;
}

/************************************************
/*                    ChartTypeSetting
/************************************************/
#ChartTypeSetting5 {
    font-size: 13px;
    cursor: pointer;
    width: 200px;
    /*
  * OFF
  */
}

#ChartTypeSetting5 .ChartTypeSetting_label {
    display: none;
}

#ChartTypeSetting5 .ComboContainer {
    width: 100%;
    overflow: hidden;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 13px;
    color: #2F2F2F;
    border: 1px solid #2F2F2F;
}

#ChartTypeSetting5 .ComboContainer .gwt-Label {
    float: left;
    height: 40px;
    line-height: 40px;
    width: 156px;
    text-align: center;
    text-transform: uppercase;
}

#ChartTypeSetting5 .ComboContainer .gwt-Image {
    float: right;
    width: 40px;
    height: 40px;
}

#ChartTypeSetting5 .DoraCheckBox-ValueOff:hover {
    cursor: pointer;
}

#ChartTypeSetting5 .ChartTypeContent {
    float: right;
    margin-right: 35px;
    margin-top: 10px;
}

#ChartTypeSetting5 .ChartTypeContent div {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

#ChartTypeSetting5 .DoraCheckBox-Caption {
    display: none;
}

#ChartTypeSetting5 .DoraCheckBox-MainContainer {
    float: left;
}

.gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleLeft {
    display: none;
}

.gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup {
    width: 200px;
    padding: 5px;
    background-color: #2F2F2F;
}

.gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer {
    cursor: pointer;
}

.gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    font-size: 10px;
}

.gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff {
    color: #2F2F2F;
    background-color: #2F2F2F;
}

.gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOn,
.gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .DoraCheckBox-MainContainer.DoraCheckBox-ValueOff:hover {
    color: #2D99E1;
    background-color: #2F2F2F;
}

.gwt-DecoratedPopupPanel.ChartTypePopup-container .popupMiddle .popupMiddleCenter .ChartTypePopup .CloseClass {
    display: none;
}

/************************************************
/*                    StockCompareSelector
/************************************************/
#StockCompareSelector5 {
    font-size: 12px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
}

#StockCompareSelector5 .CssSelectorContainer {
    width: 100%;
}

#StockCompareSelector5 .CssSelectorContainer .CssClassLabel {
    width: 100%;
    color: #ffffff;
    font-size: 13px;
    margin: 0px 0px 15px 0px;
}

#StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent {
    color: #2F2F2F;
}

#StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer {
    cursor: pointer;
    float: left;
    border: 1px solid #2F2F2F;
    border-radius: 0px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 0px;
}

#StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption {
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

#StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-MainContainer .DoraCheckBox-Caption:hover {
    color: #2D99E1;
    background-color: #2F2F2F;
    border-radius: 0px;
}

#StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff {
    color: #2F2F2F;
    background-color: tranparent;
}

#StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOn,
#StockCompareSelector5 .CssSelectorContainer .StockCompareSelectorContent .DoraCheckBox-ValueOff:hover {
    color: #2D99E1;
    background-color: #2F2F2F;
}

/************************************************
/*                    NewsListHide
/************************************************/
#NewsListHide5 {
    font-size: 12px;
    font-family: "GT Walsheim", Tahoma, Helvetica, Geneva;
    width: 200px;
}

#NewsListHide5 .CssOn,
#NewsListHide5 .CssOff {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

#NewsListHide5 .gwt-Label.CssOn,
#NewsListHide5 .gwt-Label.CssOff {
    border: 1px solid #2F2F2F;
}

#NewsListHide5 .CssOn,
#NewsListHide5 .CssOff:hover {
    color: #2D99E1;
    background-color: #2F2F2F;
}

#NewsListHide5 .CssOff {
    color: #2F2F2F;
    background-color: tranparent;
}

/************************************************
/*                    CollapseExpand
/************************************************/
#CollapseExpand5 div {
    overflow: hidden;
    display: block;
}

#CollapseExpand5 .CssCollapseExpand .CssCommandCol,
#CollapseExpand5 .CssCollapseExpand .CssCommandExp {
    cursor: pointer;
    background: url("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/images/combo2.png");
    width: 25px;
    height: 25px;
    float: left;
}

#CollapseExpand5 .CssCollapseExpand .CssTextCol,
#CollapseExpand5 .CssCollapseExpand .CssTextExp {
    height: 25px;
    line-height: 13px;
    padding-right: 38px;
    text-align: right;
    float: left;
    color: #2F2F2F;
    font-size: 13px;
    cursor: pointer;
}

#CollapseExpand5 .CssCollapseExpand .CssCommandCol {
    background-position: 0px 0px;
}

#CollapseExpand5 .CssCollapseExpand .CssCommandExp {
    background-position: 0px 0px;
}

#CollapseExpand5 .CssCollapseExpand .CssTextExp {
    background-position: 0px 0px;
}

#CollapseExpand51 div {
    overflow: hidden;
    display: block;
}

#CollapseExpand51 .CssCollapseExpand .CssCommandCol,
#CollapseExpand51 .CssCollapseExpand .CssCommandExp {
    cursor: pointer;
    background: url("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/images/combo2.png");
    width: 25px;
    height: 25px;
    float: left;
}

#CollapseExpand51 .CssCollapseExpand .CssTextCol,
#CollapseExpand51 .CssCollapseExpand .CssTextExp {
    height: 25px;
    line-height: 13px;
    padding-right: 38px;
    text-align: right;
    float: left;
    color: #2F2F2F;
    font-size: 13px;
    cursor: pointer;
}

#CollapseExpand51 .CssCollapseExpand .CssCommandCol {
    background-position: 0px 0px;
}

#CollapseExpand51 .CssCollapseExpand .CssCommandExp {
    background-position: 0px 0px;
}

#CollapseExpand51 .CssCollapseExpand .CssTextExp {
    background-position: 0px 0px;
}

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

#Chart_C1 {
    padding: 0 0 0 0;
}

#Chart_C1 .highcharts-button {
    display: none;
}

#Chart_C1 .ChartStyle1 {
    width: 100%;
}

#Chart_C1 .ChartStyle1 .PieChartContainerCss {
    display: inline-block;
}

#Chart_C1 .ChartStyle1 .ChartPrintCss {
    display: none;
}

#Chart_C1 .ChartStyle1.custom-popup {
    height: 200px;
    width: 200px;
}

#Chart_C5:first-child {
    width: 100%;
}

#Chart_C5 {
    padding: 0 0 0 0;
}

#Chart_C5 .ChartStyle1 {
    width: 100%;
}

#Chart_C5 .ChartStyle1 .PieChartContainerCss {
    display: inline-block;
}

#Chart_C5 .ChartStyle1.custom-popup {
    height: 200px;
    width: 200px;
}

#Chart_C1 .highcharts-tooltip .share-difference .neg {
    color: #da0300;
}

#Chart_C1 .highcharts-tooltip .share-difference .pos {
    color: #099339;
}

/************************************************
/*                    Label
/************************************************/
#Label5 {
    height: 16px;
}

#Label5 div a {
    margin-left: 3px;
    text-decoration: none;
    color: #2D99E1;
    font: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 13px;
}

#Label5 .csslabel .gwt-HTML {
    margin-left: 3px;
    text-decoration: none;
    color: #2D99E1;
    font: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 13px;
    line-height: 16px;
}

#Label5 .csslabel .gwt-Label {
    font: "GT Walsheim", Tahoma, Helvetica, Geneva;
    font-size: 13px;
    color: #2D99E1;
}

/************************************************
/*                    KPI 2.0
/************************************************/
.main-region .gwtwidget p {
    margin: 0;
}

.main-region .gwtwidget table {
    margin: 0;
}

.main-region .gwtwidget table tbody tr:first-child td {
    border: 0;
}

.main-region .gwtwidget table td,
.main-region .gwtwidget table th {
    padding: 0;
}

.main-region .DoraInteractive p {
    margin: 0;
}

.main-region .DoraInteractive .gwtwidget table {
    margin: 0;
}

.main-region .DoraInteractive .gwtwidget table tbody tr:first-child td {
    border: 0;
}

.main-region .DoraInteractive .gwtwidget table td,
.main-region .DoraInteractive .gwtwidget table th {
    padding: 0;
}

.DoraInteractive {
    /* da $content-container-width a 0 */
    /* da $halfBreak a 0 */
}

.DoraInteractive .rows-preselect-container {
    background-color: #ffffff;
    border-top: 1px solid #979797;
}

.DoraInteractive .rows-preselect-container .old-preselect-container {
    padding-top: 17px;
}

.DoraInteractive .chart-tools-space {
    margin-top: 20px;
    overflow: hidden;
}

.DoraInteractive .graph {
    padding-top: 20px;
}

.DoraInteractive .grid-margin {
    margin: 10px;
}

.DoraInteractive .TabElement {
    width: 100%;
    overflow: hidden;
    float: left;
}

.DoraInteractive .colored-background {
    background-color: #FFFFFF;
}

.DoraInteractive .content-container {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    max-width: 800px;
}

.DoraInteractive .chart-tools {
    width: 5%;
    float: left;
    overflow: hidden;
    display: block;
    max-width: 40px;
    min-width: 40px;
}

.DoraInteractive .chart-container {
    display: block;
    overflow: hidden;
    width: 90%;
}

.DoraInteractive #DetailContainer {
    border-top: 1px solid #bacacd;
}

@media all and (max-width: 800px) {
    .DoraInteractive .content-container {
        width: 100%;
        max-width: 100%;
    }

    .DoraInteractive .chart-tools-space {
        margin-top: 5px;
        margin-right: 10px;
        margin-bottom: 10px;
        float: left;
        overflow: hidden;
    }

    .DoraInteractive .chart-tools {
        max-width: 100%;
    }
}

@media all and (max-width: 500px) {
    .DoraInteractive .chart-tools {
        width: 100%;
    }

    .DoraInteractive .chart-container {
        width: 100%;
    }
}

/************************************************
/*                    CUSTOM
/************************************************/
.DoraInteractive {
    width: 100%;
}

.DoraInteractive .maturity-label p {
    height: 42px;
    margin-top: 19px;
    line-height: 45px;
}

.DoraInteractive .DORA-hide-big {
    display: none;
}

.DoraInteractive .inner-page {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.DoraInteractive .header-container .header1-table {
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 50px;
}

.DoraInteractive .header-container .header1-table tr {
    height: 85px;
}

.DoraInteractive .header-container .header1-table tr td {
    height: 85px;
}

.DoraInteractive .header-container .header1-table tr td div {
    height: 85px;
}

.DoraInteractive .header-container .header1-table tr .td-1 {
    width: 57px;
}

.DoraInteractive .header-container .header1-table tr .td-2 {
    width: 100%;
}

.DoraInteractive .header-container .header1-table tr .td-2 .outer {
    width: 100%;
}

.DoraInteractive .header-container .header1-table tr .td-2 .outer .inner {
    width: 901px;
    margin: 0 auto;
}

.DoraInteractive .header-container .header2 {
    width: 100%;
    margin-bottom: 50px;
}

.DoraInteractive .header-container .header2 .inner {
    width: 257px;
    margin: 0 auto;
}

.DoraInteractive .footer-container {
    width: 100%;
}

.DoraInteractive .footer-container .footer-table {
    border-top: 1px solid #D8D8D8;
    padding-top: 40px;
    margin-top: 50px;
}

.DoraInteractive .footer-container .footer-table .td-1 {
    width: 289px;
}

.DoraInteractive .footer-container .footer-table .td-2 {
    width: 100%;
}

.DoraInteractive .footer-container .footer-table .td-2 .outer {
    width: 100%;
}

.DoraInteractive .footer-container .footer-table .td-2 .outer .inner {
    width: 427px;
    margin: 0 auto;
}

.DoraInteractive #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .gwt-Button {
    margin-top: 0;
}

.DoraInteractive #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextEnableCss,
.DoraInteractive #GridData_E21 .CssMainContainer .ColumnsNavigatorCss .NextDisableCss {
    margin-left: 0;
}

.DoraInteractive .stock-chart-container,
.DoraInteractive .indicators-settings-container {
    height: 600px;
    display: block;
    overflow: hidden;
    float: left;
}

@media all and (max-width: 510px) {

    .DoraInteractive .stock-chart-container,
    .DoraInteractive .indicators-settings-container {
        height: 300px;
    }
}

.DoraInteractive .stock-chart-container {
    width: -webkit-calc(100% - 320px);
    width: -moz-calc(100% - 320px);
    width: calc(100% - 320px);
}

.DoraInteractive .indicators-settings-container {
    width: 320px;
}

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

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

/* da 950 a 0 */
@media all and (max-width: 950px) {
    .DoraInteractive .DORA-hide-small {
        display: none;
    }

    .DoraInteractive .DORA-hide-big {
        display: block;
    }

    .DoraInteractive .stock-chart-container {
        width: 100%;
    }

    .DoraInteractive .indicators-settings-container {
        width: 319px;
    }
}

#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff,
#RowsPreselectBreadCrumb1 .RowsPreselectBreadCrumb .PreselectElement-MainContainer.statusOff:hover {
    background: url("https://www.exor.com/modules/contrib/msg_gwtdora/DoraDrupal/images/BreadCrumbSeparator.png") no-repeat scroll right 0 transparent;
    padding-right: 20px;
}

/*
* gwt-hide-small-break
*/
.gwt-hide-small {
    display: block;
}

.gwt-show-small {
    display: none;
}

@media all and (max-width: 900px) {
    .gwt-hide-small {
        display: none;
    }

    .gwt-show-small {
        display: block;
    }
}

.launch-time{
    display: flex;
}

.launch-time div{
    flex-basis: 100px;
}

.launch-time div p{
    font-size: 60px;
    margin-bottom: -14px;

}



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