﻿div#MainDiv {
    max-width: 1110px; /* 670 550px;*/
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size:13px;
    background: #fff;
    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 */
}

body.ja-JP {
        font-family: Arial,Helvetica,YuGothicRedifined,YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
        color: #333;
        background: #fff;
        margin: 0;
}
/* This hides the buttons for Chart view and Table view*/

a:link, a:visited {
    color: #08107b;
    text-decoration: none;
}

a:hover, a:active {
    color: #08107b;
    text-decoration: underline;
}

.LevelZero-Box {
    width: 350px;
    margin: 0px;
    margin-right: 30px;
    margin-bottom: 16px;
    padding-left: 0px;
    margin-left: 0px;
}

a.LevelZero-Box:nth-child(3),
a.LevelZero-Box:nth-child(6),
a.LevelZero-Box:nth-child(9),
a.LevelZero-Box:nth-child(12),
a.LevelZero-Box:nth-child(15) {
    margin-right: 0px;
}

.LevelZero-Box-Button {
    border-radius: unset;
    color: #333;
    border: 1px solid #d6d6d6;
    width: 100%;
    height: 56px;
}
/*note: LevelZero-ActiveBox is placed after LevelZero-Box */
.LevelZero-Box .LevelZero-Box-Button {
    background-color: #fff;
    background-image: url("right.svg");
    background-position: right;
    background-repeat: no-repeat;
    background-position: 98% 50%;
}

    .LevelZero-Box .LevelZero-Box-Button:hover {
        background-color: #f2f2f2;
        background-image: url("right.svg");
        background-position: right;
        background-repeat: no-repeat;
        background-position: 98% 50%;
        color: #333;
    }

.LevelZero-ActiveBox .LevelZero-Box-Button {
    background-color: #474747;
    background-image: url("down.gif");
    background-position: right;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    color: #fff;
}

    .LevelZero-ActiveBox .LevelZero-Box-Button:hover {
        background-color: #474747;
        background-image: url("down.gif");
        background-position: right;
        background-repeat: no-repeat;
        background-position: 98% 50%;
        color: #fff;
    }

.SelectionObject-FirstLevel {
    border-top: 0px solid #000;
    border-bottom: 0px solid #000;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 4px;
    background: #f2f2f2;
}

.SelectionObject-FirstLevel-Tab-Button {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 56px;
    min-height: 50px;
    white-space: normal;
    vertical-align: middle;
    line-height: 16px;
}

.SelectionObject-FirstLevel-ArrowButton {
    width: 100%;
    height: 88px;
}

.SelectionObject-FirstLevel-ArrowButtonContainer-Left {
    padding-top: 0px;
    padding-bottom: 0px;
}

.SelectionObject-FirstLevel-ArrowButtonContainer-Right {
    vertical-align: top;
    padding-top: 0px;
    padding-bottom: 0px;
}

.SelectionObject-FirstLevel-TabsContainer {
    padding-top: 0px;
}

.SelectionObject-FirstLevel-ArrowButton {
    border-radius: unset;
    background: #e6e6e6;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #d6d6d6;
}

    .SelectionObject-FirstLevel-ArrowButton:hover {
        background: #777777;
        color: #fff;
    }

.SelectionObject-FirstLevel-Tab-Button {
    border-radius: unset;
    background: #fff;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #d6d6d6;
}

    .SelectionObject-FirstLevel-Tab-Button:hover {
        background: #d6d6d6;
        color: #333;
    }

.SelectionObject-FirstLevel-Tab-SelectedButton {
    background-color: #474747;
    /* background-image: url("down.gif"); */
    background-repeat: no-repeat;
    background-position: 98% 50%;
    color: #fff;
}

    .SelectionObject-FirstLevel-Tab-SelectedButton:hover {
        background-color: #474747;
        /* background-image: url("down.gif"); */
        background-repeat: no-repeat;
        background-position: 98% 50%;
        color: #fff;
    }

.SelectionObject-SecondLevel-Button {
    min-width: 150px !important;
    height: 35px;
    line-height: 35px;
    color: #333;
    font-size: 13px;
    font-weight: normal;
    border-radius: unset;
    border: 1px solid #d6d6d6;
    background: #fff;
    padding-bottom: 5px;
    /* padding-left: 25px;
    padding-right: 25px; */
}

    .SelectionObject-SecondLevel-Button:hover {
        background: #d6d6d6;
        color: #333;
    }

.SelectionObject-SecondLevel-SelectedButton {
    background-color: #474747;
    /* background-image: url("down.gif"); */
    background-repeat: no-repeat;
    background-position: 98% 50%;
    color: #fff;
}

    .SelectionObject-SecondLevel-SelectedButton:hover {
        background-color: #474747;
        /* background-image: url("down.gif"); */
        background-repeat: no-repeat;
        background-position: 98% 50%;
        color: #fff;
    }

.SelectionObject-FirstLevel-TabContainer {
    padding: 0px 5px 0px 5px;
}

.SelectionObject-SecondLevel-BottomBorder {
    border-top: 0px solid #000;
    border-bottom: 0px solid #000;
    background: #000;
    margin: 0px 0px 0px 0px;
}

.SelectionObject-FirstLevel-Tab-SelectedButton .SelectionObject-FirstLevel-Tab-ButtonContainer,
.SelectionObject-FirstLevel-Tab-SelectedButton .SelectionObject-FirstLevel-Tab-ButtonContainer:hover,
.SelectionObject-SecondLevel-SelectedButton .SelectionObject-SecondLevel-SelectedButton-TextWraper,
.SelectionObject-SecondLevel-SelectedButton .SelectionObject-SecondLevel-SelectedButton-TextWraper:hover {
    text-decoration: none;
}

span.SelectionObject-SecondLevel-SelectedButton-TextWraper {
    width: 100% !important;
    height: 25px;
    line-height: 31px;
}

.ScrollDataTable-NameColumn-Row,
div.ScrollDataTable-NameColumn-PeriodRow,
th.ScrollDataTable-Data-PeriodCell,
td.ScrollDataTable-Data-PeriodCell {
    border-bottom: 1px solid #d6d6d6 !important;
}

.ScrollDataTable {
    border-bottom: 1px solid #d6d6d6;
}

div.ScrollDataTable-NameColumn {
    border-right: 1px solid #d6d6d6;
    border-bottom: 0px solid #d6d6d6 !important;
}

div.ScrollDataTable-DataColumn {
    border-bottom: 0px solid #d6d6d6 !important;
}

.ScrollDataTable-NameColumn-Name,
.ScrollDataTable-NameColumn-Unit {
    padding: 3px 10px 3px 12px;
}

.ScrollDataTable-Data-ValueCell {
    vertical-align: top;
}

.PrintTable .ScrollDataTable-Data-LastValueRow TD {
    border-bottom: 1px solid #000 !important;
}

.IAT-Buttons {
    padding-top: 11px;
}

h2.IAT-Heading-Text {
    width: 100%;
    padding: 0px 0px 20px 0px !important;
    margin-bottom: 40px;
    border-bottom: 2px solid #20256b;
}

.IAT-HeadingContainer {
    margin-top: 78px;
    margin-bottom: 16px;
}

@media (max-width: 1110) {
    .LevelZero-Box {
        width: 31.5%;
        margin-right: 2.7%;
    }
}

@media (max-width: 768px) {
    .LevelZero-Box {
        width: 346px;
        margin-right: 30px;
    }
    /*reset margin-right value*/
    a.LevelZero-Box:nth-child(3),
    a.LevelZero-Box:nth-child(6),
    a.LevelZero-Box:nth-child(9),
    a.LevelZero-Box:nth-child(12),
    a.LevelZero-Box:nth-child(15) {
        margin-right: 30px;
    }

    a.LevelZero-Box:nth-child(2),
    a.LevelZero-Box:nth-child(4),
    a.LevelZero-Box:nth-child(6),
    a.LevelZero-Box:nth-child(8),
    a.LevelZero-Box:nth-child(10),
    a.LevelZero-Box:nth-child(12),
    a.LevelZero-Box:nth-child(14) {
        margin-right: 0px;
    }
        
}

@media (max-width: 375px) {
    .LevelZero-Box {
        width: 100%;
        max-width: 350px;
        margin-right: 0%;
    }
}

table.ScrollDataTable-Data {
    border-right: 1px solid #d1d1d1 !important;
}

.PrintTable {
    border-bottom: 1px solid #d1d1d1 !important;
}

/* m2 */
.ja-JP .Legend-LegendItem-Label {
    padding-top: 1px;
    cursor: pointer;
}

.ja-JP .PrintBody .Legend-LegendItem-Label {
    padding-top: 1.5px;
}

.PrintBody .Legend-LegendItem-LabelContainer {
    vertical-align: inherit!important;
}

.PrintBody .Legend-LegendItem-Symbol {
    vertical-align: inherit!important;
}

.PrintBody .Legend-LegendItem-Symbol {
    vertical-align: inherit!important;
}

/**********VersionUpdate***********/
.EurolandTools-InteractiveAnalysis_en-GB.EurolandTools-InteractiveAnalysis{
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 13px;
    background: #fff;
    margin: 0;
    max-width: 1110px;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    font-size: 13px;
    background: #fff;
    margin: 0;
}
.EurolandTools-CommonObjects-ScrollingSelection-Button{
    border-radius: unset;
    background: #fff;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    border: 1px solid #d6d6d6;
    width: 100%;
    margin: 0;
    padding: 0;
    height: 56px;
    min-height: 50px;
    white-space: normal;
    vertical-align: middle;
    line-height: 16px;
}
.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton{
    border-radius: unset;
    background: #e6e6e6;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    border: 1px solid #d6d6d6;
    width: 100%;
    height: 88px;
}
[role="application"]{
    border-top: 0px solid #000;
    border-bottom: 0px solid #000;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 4px;
    background: #f2f2f2;
    /* height: 88px; */
}
.EurolandTools-InteractiveAnalysis-ViewButtons,
.EurolandTools-InteractiveAnalysis-Buttons{
    background: none;
}
.EurolandTools-CommonObjects-ScrollingSelection-ArrowButtonContainer{
    padding: 0px !important;
} 
.EurolandTools-CommonObjects-ScrollingSelection-ButtonContainer{
   padding: 5px;
}
.EurolandTools-InteractiveAnalysis-HeadingContainer{
    margin-top: 67px;
    margin-bottom: 9px;
}
.EurolandTools-InteractiveAnalysis-Heading{
    width: 100%;
    padding: 0px 0px 23px 0px !important;
    margin-bottom: 40px;
    border-bottom: 2px solid #20256b;
    font-size: 28px;
}
.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-PeriodCell, 
.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-PeriodRow-Name, 
.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-PeriodRow-Unit{
    background: #f2f2f2;
    color: #333333;
    font-weight: bold;
    padding: 3px 10px 3px 12px;
    line-height: 27px;
    border-bottom: 0.08em solid #d6d6d6 !important;
}
.EurolandTools-CommonObjects-ButtonObject{
    font-size: 45px;
}
.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-Name{
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 26px !important;
    text-align: left !important;
}
.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-Unit{
    font-size: 13px !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    color: #333 !important;
    line-height: 26px !important;
    text-align: center !important;
}

.EurolandTools-InteractiveAnalysis-ScrollDataTable-DataColumn, 
.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn{
    border-top: 1px solid #d1d1d1 !important;
    border-bottom: 1px solid #d1d1d1 !important;
    border-right: 0px !important;
}
.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data{
    width: 100%;
    border-collapse: collapse;
    border-right: 1px solid #d1d1d1;
}
.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-PeriodCell, 
.EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-ValueCell{
    text-align: right;
    padding: 3px 10px 3px 12px;
    line-height: 26px;
    border-bottom: 0.08em solid #d6d6d6 !important;
    white-space: nowrap;
    /* height: 33px !important; */
}
.EurolandTools-InteractiveAnalysis-Periods {
    border-top: 2px solid #c3c3c3;
    /* background-color: #c3c3c3; */
    border-bottom: 2px solid #c3c3c3;
    padding: 15px;
}
/* .EurolandTools-CommonObjects-Legend-LegendContainer{
    padding-bottom: 20px;
} */
.EurolandTools-InteractiveAnalysis-Periods.EurolandTools-InteractiveAnalysis-Periods-BellowTable{
    margin-top: 5px;
}
.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-Name, 
.EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-Unit{
    border-bottom: 0.08em solid #d6d6d6 !important;
    padding: 0.5em;
    background: #fafafa !important;
}
.EurolandTools-InteractiveAnalysis-Link:link, .EurolandTools-InteractiveAnalysis-Link:visited {
    color: #08107b !important;
    text-decoration: none !important;
}
.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Buttons {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 13px;
}
.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Separator{
    border-top: 0px !important;
}
.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button {
    border-radius: 0px !important;
    background: #fff;
    border: 0.08em solid #d6d6d6;
    color: #333;
    text-decoration: none;
    white-space: normal;
    padding: 0.36em 0.7em 0.36em 0.7em;
    margin: 0em;
    min-width: 150px;
    height: 35px;
    line-height: 35px;
}
.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button:hover,  
.EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton:hover .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button{
    background: #d6d6d6;
    border-color: #ebebeb;
    cursor: pointer;
    color: #333;
}
.EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button{
    background-color: #474747;
    /* background-image: url(down.gif); */
    background-repeat: no-repeat;
    background-position: 98% 50%;
    color: #fff;
} 
.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton:hover, 
.EurolandTools-CommonObjects-ScrollingSelection-Button:hover{
    background: #d6d6d6 !important;
    color: #333 !important;
    border-color: #ebebeb;
}
.EurolandTools-InteractiveAnalysis-ScrollDataTable-PrintTable .EurolandTools-InteractiveAnalysis-ScrollDataTable-Data-PeriodUnitCell, .EurolandTools-InteractiveAnalysis-ScrollDataTable-PrintTable .EurolandTools-InteractiveAnalysis-ScrollDataTable-NameColumn-Unit{
    border-right: 0px !important;
}

.ja-JP .EurolandTools-InteractiveAnalysis-Notes-NoteNumber{
    margin-top: 2px !important;
}