﻿/* @import "//fonts.googleapis.com/css?family=Open+Sans:400,300,700,600";
@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format("opentype");
}

@font-face {
    font-family: 'Noto';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype");
} */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

*:focus {
  outline: none;
}


div#MainDiv {
    max-width: 1000px; /* 670 550px;*/
}


body {
    font: 14px "Noto Sans", sans-serif;
    color: #222222;
    background: #ffffff;
    margin: 0;
    /* for online integration the best is to declare zero margin in order to remove it.
 However for standalone reviewing it is easier to see the tool with margins = default browser margin. kn@120926 */
}

a:link,
a:visited {
    color: #5d5d5d;
    text-decoration: none;
}

a:hover,
a:active {
    color: #0d84b3;
    text-decoration: none;
}

.LevelZero-Box:before {
    content: "";
    top: 0;
    left: 100%;
    border-right: 1px solid #424242;
    margin-right: 15px;
}

.LevelZero-Box:nth-child(1):before {
    border-right: none;
    margin-right: 0px;
}

.LevelZero-Box-Button {
    background: none;
    border: none;
    border-radius: 0px;
    color: #5d5d5d;
    cursor: pointer;
    font-weight: 600;
    height: 30px;
    min-width: 50px;
    transition: all 0.15s ease 0s;
}

    .LevelZero-ActiveBox .LevelZero-Box-Button,
    .LevelZero-Box-Button:hover {
        background: none;
        color: #e51212;
        border-bottom: 1px solid #e51212;
    }

.SelectionObject-FirstLevel {
    border-top: none;
    border-bottom: none;
}

.SelectionObject-FirstLevel-TabContainer {
    padding: 0px;
    padding-right: 1px;
}

.SelectionObject-FirstLevel-ArrowButton,
.SelectionObject-FirstLevel-Tab-Button {
    background: #ebebeb none repeat scroll 0 0;
    background-color: #f5f5f5;
    border: 0px solid #e5e5e5;
    border-radius: 0px;
    text-decoration: none;
    transition: all 0.15s ease 0s;
    font-weight: 600;
    color: #000000;
    font-size: 16px;
    min-height: 67px;
}

.SelectionObject-FirstLevel-ArrowButtonContainer-Left {
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url("img/arrow_l.png");
    background-repeat: no-repeat;
    background-position: center;
}

    .SelectionObject-FirstLevel-ArrowButtonContainer-Left .SelectionObject-FirstLevel-ArrowButton {
        background-image: url("img/arrow_l.png");
        background-repeat: no-repeat;
        background-position: center;
        color: transparent;
    }

        .SelectionObject-FirstLevel-ArrowButtonContainer-Left .SelectionObject-FirstLevel-ArrowButton:hover {
            background-image: url("img/arrow_l.png");
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
        }

.SelectionObject-FirstLevel-ArrowButtonContainer-Right {
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
    background-image: url("img/arrow_r.png");
    background-repeat: no-repeat;
    background-position: center;
}

    .SelectionObject-FirstLevel-ArrowButtonContainer-Right .SelectionObject-FirstLevel-ArrowButton {
        background-image: url("img/arrow_r.png");
        background-repeat: no-repeat;
        background-position: center;
    }

        .SelectionObject-FirstLevel-ArrowButtonContainer-Right .SelectionObject-FirstLevel-ArrowButton:hover {
            background-image: url("img/arrow_r.png");
            background-repeat: no-repeat;
            background-position: center;
            color: transparent;
        }

.SelectionObject-FirstLevel-Tab-SelectedButton,
.SelectionObject-FirstLevel-Tab-SelectedButton:hover {
    background: #e51212 none repeat scroll 0 0;
    border-color: #e5e5e5;
    cursor: pointer;
    color: #ffffff;
    transition: all 0.15s ease 0s;
    min-width: 65px;
    position: relative !important;
    overflow: visible !important;
}

    .SelectionObject-FirstLevel-Tab-SelectedButton:before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -1.0em;
        border-left: 1.0em solid transparent;
        border-right: 1.0em solid transparent;
        border-top: 1.0em solid #e51212;
    }

    .SelectionObject-FirstLevel-Tab-SelectedButton:hover,
    .SelectionObject-FirstLevel-Tab-Button:hover {
        background-color: #e51212;
    }

.SelectionObject-FirstLevel > div {
    min-height: 80px;
}

.SelectionObject-FirstLevel-SliderContainer {
    overflow: visible !important;
}

.SelectionObject-FirstLevel-ArrowButton:hover,
.SelectionObject-FirstLevel-Tab-Button:hover {
    background: #e51212 none repeat scroll 0 0;
    border-color: #ebebeb;
    cursor: pointer;
    color: #ffffff;
    transition: all 0.15s ease 0s;
}

.SelectionObject-FirstLevel-ArrowButtonContainer-Left,
.SelectionObject-FirstLevel-ArrowButtonContainer-Right {
    min-width: 55px;
}

.SelectionObject-SecondLevel-ButtonContainer:before {
    content: "";
    top: 0;
    left: 100%;
    border-right: 1px solid #424242;
    margin-left: 10px;
    margin-right: 10px;
}

.SelectionObject-SecondLevel-ButtonContainer:nth-child(1):before {
    border-right: none;
    margin-left: 0px;
}

.SelectionObject-SecondLevel {
    text-align: center;
}

.SelectionObject-SecondLevel-Button {
    background: none;
    border: none;
    border-radius: 0px;
    text-decoration: none;
    transition: all 0.15s ease 0s;
    font-weight: 600;
    color: #5d5d5d;
    font-size: 16px;
    white-space: normal;
    height: 30px;
}

    .SelectionObject-SecondLevel-Button:hover {
        background: none;
        border-bottom: 1px solid #e51212;
        cursor: pointer;
        color: #e51212;
        transition: all 0.15s ease 0s;
    }

.SelectionObject-SecondLevel-SelectedButton,
.SelectionObject-SecondLevel-SelectedButton:hover {
    background: none;
    border-bottom: 1px solid #e51212;
    color: #e51212;
    cursor: default;
}

.SelectionObject-SecondLevel-BottomBorder {
    display: none !important;
}

.Legend-LegendItem-Label {
    padding-top: 0;
}

.en-GB.PrintBody .Legend-LegendItem-LabelContainer {
    vertical-align: inherit;
}


/* Modification */
.EurolandTools-InteractiveAnalysis {
    margin: 0;
    max-width: 1104px;
    font-size: 16px;
    font-family: "Noto Sans", sans-serif!important;
    color: #222222;
    background: #ffffff;
    margin: 0;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button {
    background: #ededed;
    border: 0;
    border-radius: 0;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-ActiveBox .EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button, .EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button:hover {
    background: #FFFFFF;
    color: #e51212;
    border-bottom: 1px solid #e51212;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button {
    background: #FFFFFF;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button {
    font-weight: 600;
    color: #5d5d5d;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box:before {
    content: "";
    top: 0;
    left: 100%;
    border-right: 1px solid #424242;
    margin-right: 15px;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box:nth-child(1):before {
    content: "";
   display: none;
}

.EurolandTools-CommonObjects-ScrollingSelection-SelectedButton, .EurolandTools-CommonObjects-ScrollingSelection-ArrowButton:hover, .EurolandTools-CommonObjects-ScrollingSelection-Button:hover {
    background: #e51212;
    border-color: #e51212;
    color: #FFFFFF;
    cursor: pointer;
}

.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton, .EurolandTools-CommonObjects-ScrollingSelection-Button {
    min-height: 67px;
}

.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton, .EurolandTools-CommonObjects-ScrollingSelection-Button {
    border-radius: 0;
}

.EurolandTools-CommonObjects-ScrollingSelection-ArrowButtonContainer, .EurolandTools-CommonObjects-ScrollingSelection-ButtonContainer {
    padding: 0.65px;
    margin-bottom: 2em!important;
}

.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton, .EurolandTools-CommonObjects-ScrollingSelection-Button {
    color: #000000;
    font-weight: bold;
}

button.EurolandTools-CommonObjects-ScrollingSelection-Button.EurolandTools-CommonObjects-ScrollingSelection-SelectedButton {
    color: #fff;
    position: relative;
}

button.EurolandTools-CommonObjects-ScrollingSelection-Button.EurolandTools-CommonObjects-ScrollingSelection-SelectedButton:before {
    margin-left: -1.0em;
    border-left: 1.0em solid transparent;
    border-right: 1.0em solid transparent;
    border-top: 15px solid #e51212;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    z-index: 1;
}


.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Buttons {
    text-align: center;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button:hover, .EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button, .EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton:hover .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button {
    background: #FFF;
    border-color: #FFFF;
    cursor: pointer;
    color: #e51212;
    font-weight: bold;
    border-bottom: 1px solid #e51212;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button {
    border-radius: 0;
    background: #FFF;
    border: 0;
    color: #5d5d5d;
    text-decoration: none;
    font-weight: 600;
    font-family: "Noto Sans", sans-serif!important;

}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-TextWrapper {
    font-weight: 600;
    font-family: "Noto Sans", sans-serif!important;
    font-size: 16px;
}

a:not(:first-child) button.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button:before {
    content: "";
    top: 0;
    right: 13px;
    border-right: 1px solid #424242;
    position: relative;
}


.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Link {
    margin: 0;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Separator {
    border-top: 0;
}

.EurolandTools-InteractiveAnalysis-Link:link, .EurolandTools-InteractiveAnalysis-Link:visited {
    color: #5d5d5d;
    text-decoration: none;
}

.EurolandTools-InteractiveAnalysis-Link:active, .EurolandTools-InteractiveAnalysis-Link:hover {
    color: #0d84b3;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button {
    border-bottom: 1px solid red;
    border-right: 0;
    border-left: 0;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button:hover {
    border-bottom: 1px solid red;
}

.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button {
    padding: 0;
    margin-left: 25px;
}


.EurolandTools-InteractiveAnalysis-SecondLevelSelection-TextWrapper {
    line-height: 2;
}

.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button {
    min-height: 2.5em;
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-DataColumn {
    border-left: 0!important;
}


.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn {
    border-right-color: #8F979C!important;
    border-right: 2px solid #8F979C;
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-DataColumn, .EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn {
    border: 2px solid #D1D1D1;
}

th.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-PeriodCell {
    height: 16px!important;
}

td.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-PeriodRow-Name {
    height: 16px!important;
}

td.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-ValueCell {
    /* height: 16px!important; */
}

td.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-Name {
    /* height: 16px!important; */
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-PeriodCell, .EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-ValueCell {
    padding: 3px;
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-PeriodCell, .EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-PeriodRow-Name, .EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-PeriodRow-Unit {
    padding: 3px;
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-Name, .EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-Unit {
    padding: 3px;
}

.EurolandTools-CommonObjects-Legend-LegendItem-Symbol {
    margin: -6px 0.3em 0px 3px;
    vertical-align: inherit;
    position: relative;
    left: 0em;
    top: 0;
}
.EurolandTools-InteractiveAnalysis-Heading {
    font-size: 16px;
}
.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton {
    margin-bottom: 2em;
  }
  /* @media(max-width:480px){
    .EurolandTools-InteractiveAnalysis{
        padding: 0px 20px;
    }
  } */
  .EurolandTools-InteractiveAnalysis-Euroland, .EurolandTools-InteractiveAnalysis-Disclaimer {
    text-align: right;
    display: block !important;
    font-size: 13px;
  }