@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
/*@font-face{
    font-family: Segoe UI;
	font-weight: normal;
    src:url("fonts/segoeui.eot?#iefix");
    src:url("fonts/segoeui.eot?#iefix") format("eot"),
		url("fonts/segoeui.woff") format("woff");		
}*/

/*
@font-face{
    font-family: Segoe UI;
	font-weight: bold;
    src:url("fonts/segoeuib.eot?#iefix");
    src:url("fonts/segoeuib.eot?#iefix") format("eot"),
		url("fonts/segoeuib.woff") format("woff");		
}*/

div#MainDiv {
    max-width: 920px; /* 670 550px;*/
    width: 100%;
}

body {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #262626;
    background: #ffffff;
    margin: 0;
    max-width: 920px;
    width: 100%;
    /* 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: 'Noto Sans JP','YuGothic', '游ゴシック Medium', sans-serif;
    font-size: 14px;
    /* 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: #00a0dc;
	text-decoration: none;
	font-style: none;
}

a:hover, a:active {
    color: #00a0dc;
	text-decoration: underline;
	font-style: none;
}
/* TABS STYLE*/
.LevelZero {
    display: none;
}

.LevelZero-ActiveBox .LevelZero-Box-Button, .LevelZero-Box-Button:hover {
    background: #ffffff;
    color: #28262b;
    font-weight: bold;
}
.LevelZero-Box-Button {
    height: 50px;
    min-width: 50px;
    background: #fff;
    border: 1px solid #ccc;
    color: #28262b;
    font-weight: normal;
    cursor: pointer;
    border-radius: 0;
    transition: background 0.5s, color 0.5s, border 0.5s;
    -moz-transition: background 0.5s, color 0.5s, border 0.5s;
    -webkit-transition: background 0.5s, color 0.5s, border 0.5s;
    -o-transition: background .5s;
}
.SelectionObject-FirstLevel-Tab-Button {
    min-height: 40px;
}
.SelectionObject-FirstLevel-ArrowButton {
    height: 40px;
}
@media screen and (max-width: 660px){
    .SelectionObject-FirstLevel-Tab-Button {
        min-height: 60px;
        font-size: 12px;
    }
    .SelectionObject-FirstLevel-ArrowButton {
        height: 60px;
    }
}
.SelectionObject-FirstLevel-Tab-Button {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 100%;
   
    box-sizing: border-box;
    white-space: normal;
    vertical-align: middle;
}
.SelectionObject-FirstLevel-ArrowButton, .SelectionObject-FirstLevel-Tab-Button {
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #ccc;
    color: #262626;
    text-decoration: none;
    transition: background 0.5s, color 0.5s, border 0.5s;
    -moz-transition: background 0.5s, color 0.5s, border 0.5s;
    -webkit-transition: background 0.5s, color 0.5s, border 0.5s;
    -o-transition: background 0.5s, color 0.5s, border 0.5s;
    font-weight: normal;
    text-transform: none;
    box-sizing: border-box;
    
}
.SelectionObject-FirstLevel-Tab-SelectedButton, .SelectionObject-FirstLevel-Tab-SelectedButton:hover {
    background: #ffffff;
    border-color: #ccc;
    color: #262626;
    font-weight: bold;
    cursor: default;
}

.SelectionObject-FirstLevel-ArrowButton:hover,.SelectionObject-FirstLevel-Tab-Button:hover {
	background: #ffffff;
    border-color: #ccc;
    color: #262626;
    font-weight: bold;
    cursor: default;
}
.SelectionObject-FirstLevel-TabContainer {
    padding: 0px;
    padding-left: 2px;
}
.SelectionObject-SecondLevel-ButtonContainer{
    vertical-align: top;
}
.SelectionObject-SecondLevel-Button {
    border-radius: 0px;
    background: #ffffff;
    border: 1px solid #ccc;
    color: #262626;
    text-decoration: none;
    transition: background 0.5s, color 0.5s, border 0.5s;
    -moz-transition: background 0.5s, color 0.5s, border 0.5s;
    -webkit-transition: background 0.5s, color 0.5s, border 0.5s;
    -o-transition: background 0.5s, color 0.5s, border 0.5s;
    font-weight: normal;
    text-transform: none;
    box-sizing: border-box;
    min-height: 40px;
}
.SelectionObject-SecondLevel-Button:hover {
    background: #ffffff;
    border-color: #ccc;
    color: #262626;
    font-weight: bold;
    cursor: default;
}
.SelectionObject-SecondLevel-SelectedButton, .SelectionObject-SecondLevel-SelectedButton:hover {
    background: #ffffff;
    border-color: #ccc;
    color: #262626;
    font-weight: bold;
    cursor: default;
}
/* TABS STYLE END*/

/*Align middle unit and data name
td.ScrollDataTable-Data-ValueCell {
    vertical-align: middle;
}
.ScrollDataTable-NameColumn-Row {
    align-items: center;
    display: flex;
    width: 100%;
    vertical-align: middle;
}
div.ScrollDataTable-NameContainer,
.ScrollDataTable-NameContainer{
    min-width: 45% !important;
}

div.ScrollDataTable-DataContainer,
.ScrollDataTable-DataContainer{
    min-width: 55% !important;
}
.ScrollDataTable-NameColumn-Unit{
    display: table-cell;
    vertical-align: middle;
}
.PrintBody .PrintTable .ScrollDataTable-NameColumn-Name{
	width: 100%;
}
*/

.SelectionObject-FirstLevel {
    border-top: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
}
.SelectionObject-SecondLevel-BottomBorder {
    margin: 0 5px 0 5px;
    border: 0px solid #fff;
    background: #fff;
}
.IAT-GraphPeriodSeparator {
    background: #fff;
    border: 0px solid #fff;
    border-bottom: 0;
    height: 0px;
    margin-left: 5px;
}
.IAT-PeriodButtonsSeparator {
    margin: 0 5px 0 5px;
    border: 0px solid #fff;
    background: #fff;
}
.Periods {
    margin-top: 20px;
    background: #ffffff;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
}
body .EurolandTools-CommonObjects-Checkbox-Input {
    -ms-filter: "DXImageTransform.Microsoft.Alpha(Opacity=1)";
    filter: alpha(opacity=1);
    opacity: 1;
    width:15px!important;
    height: 15px!important;
}
.EurolandTools-CommonObjects-Checkbox-DisplayedCheckbox {
    -ms-filter: "DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
#IAT-ContentContainer-TabPanel {
    padding-top: 15px;
}
.ScrollDataTable-Data-ValueRow.ScrollDataTable-Data-OddValueRow.ScrollDataTable-Data-FirstValueRow {
    background: #ffffff none repeat scroll 0 0!important;
}
.ScrollDataTable-NameColumn-Row.ScrollDataTable-NameColumn-OddRow.ScrollDataTable-NameColumn-FirstRow {
	background: #ffffff none repeat scroll 0 0!important;
}
.ScrollDataTable-NameColumn-Row.ScrollDataTable-NameColumn-OddRow {
	background: #ffffff none repeat scroll 0 0!important;
}
.ScrollDataTable-NameColumn-Row.ScrollDataTable-NameColumn-EvenRow {
    background: #eeeeee none repeat scroll 0 0 !important;
}
.ScrollDataTable-Data-ValueRow.ScrollDataTable-Data-EvenValueRow {
	background: #eeeeee none repeat scroll 0 0;
}
.ScrollDataTable-Data-ValueRow.ScrollDataTable-Data-OddValueRow {
	background: #ffffff none repeat scroll 0 0;
}
.Legend-LegendItem-Label {
    padding-top: 0px;
    cursor: pointer;
    margin-top: 0px;
}

.Legend-LegendItem-Symbol {
    margin: 1px 5px 0 3px;
    vertical-align: text-top;
}
.ScrollDataTable-Data-PeriodRow {
    border: 1px solid #ccc;
    border-left: 0;
    border-right: 0;
}
div.ScrollDataTable-NameColumn-PeriodRow {
    border: 1px solid #ccc !important;
    border-right: 0 !important;
}
.Periods-PeriodContainer-Label {
    display: inline-block;
    padding-top: 0;
    vertical-align: text-top;
    line-height: 20px;
    padding-right: 3px;
    margin-top: -3px;
}
.SelectionObject-SecondLevel-Button { vertical-align: top; }
.ScrollDataTable-NameColumn-Name {
    
    box-sizing:border-box;
}


/* UNIT ALIGNED TO MIDDLE*/

.ScrollDataTable-NameColumn-Name,
.ScrollDataTable-NameColumn-Unit {
    float: none!important;
    display: inline-block;
    vertical-align:middle;
}
.ScrollDataTable-NameColumn-Name {
    min-width: 5em;
}


.PrintBody .PrintTable .ScrollDataTable-NameColumn-Unit span {
    display: inherit;
    
}
.PrintBody .PrintTable .ScrollDataTable-NameColumn-Name {
    float: none;
    display: table-cell;
    vertical-align: inherit;
}
.PrintBody .PrintTable .ScrollDataTable-NameColumn-Unit {
    float: none;
    display: table-cell;
    vertical-align: inherit;
}
.PrintBody .PrintTable .ScrollDataTable-NameColumn-Unit {
    vertical-align: inherit;
}
.PrintBody .PrintTable .ScrollDataTable-Data-PeriodCell {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc !important;
}
button.EurolandTools-InteractiveAnalysis-LevelZeroSelection-Box-Button {
    display: none;
}

.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton, .EurolandTools-CommonObjects-ScrollingSelection-Button {
    border-radius: 0px !important;
    background: #ffffff !important;
    border: 0.08em solid #ccc !important;
    color: #262626 !important;
    text-decoration: none;
    font-size: inherit;
    transition: background 0.5s, border 0.5s, color 0.5s;
    font-weight: normal !important;
    -moz-transition: background 0.5s, border 0.5s, color 0.5s;
    -webkit-transition: background 0.5s, border 0.5s, color 0.5s;
    -o-transition: background 0.5s, border 0.5s, color 0.5s;
    box-sizing: border-box !important;
}

.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton {
    padding: 0px !important;
    height:100% !important;
    width: 100% !important;
}
.EurolandTools-InteractiveAnalysis-LevelZeroSelection {
    display: none !important;
}
.EurolandTools-CommonObjects-ScrollingSelection-ArrowButtonContainer {
   
    min-width: 25px !important;
}
.EurolandTools-CommonObjects-ScrollingSelection-ArrowButtonContainer {
 
    padding: 0.1em !important;
    padding-top: 0.3em !important;
}
.EurolandTools-CommonObjects-ScrollingSelection-ArrowButton {
    padding:11px 3px !important;
    position: relative !important;
    top: 1px !important;
}
button.EurolandTools-CommonObjects-ScrollingSelection-Button.EurolandTools-CommonObjects-ScrollingSelection-SelectedButton {
    font-weight: bold !important;
    color: #262626 !important;
}
button.EurolandTools-CommonObjects-ScrollingSelection-Button:hover{
    font-weight: bold !important;
    color: #262626 !important;
}
.EurolandTools-CommonObjects-ScrollingSelection-Button {
    width: 100% !important;
    padding: 11px 0px !important;
    
}
.EurolandTools-CommonObjects-ScrollingSelection-ButtonContainer {
        padding: 0px !important;
        padding-left: 2px !important;
    padding-top: 4px !important;
    font-family: 'Roboto', sans-serif !important;
    }
    
    .EurolandTools-CommonObjects-ScrollingSelection-ButtonContainer span
    {
         font-family: 'Roboto', sans-serif !important;
    }

    .EurolandTools-InteractiveAnalysis-Heading {
        font-size: 22px !important;
        padding: 5px 10px 10px !important;
        margin: 0em;
        float: left;
        color: #232531 !important; 
        font-family: 'Roboto', sans-serif !important;
    }
    /* @media (max-width:719px){
        .EurolandTools-CommonObjects-ScrollingSelection-ArrowButton {
          height: 58px !important; 
        }
    } */
    
   
    /* @media (max-width:471){
        .EurolandTools-CommonObjects-ScrollingSelection-ArrowButton {
           height: 75px !important;  
        }
    }

    @media (max-width:462){
        .EurolandTools-CommonObjects-ScrollingSelection-ArrowButton {
           height: 75px !important;  
        }
    }
    @media (max-width:387){
        .EurolandTools-CommonObjects-ScrollingSelection-ArrowButton {
           height: 58px !important; 
        }
    }
    @media (max-width:326){
        .EurolandTools-CommonObjects-ScrollingSelection-ArrowButton {
           height: 75px !important; 
        }
    }
    */
    .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button {
        /* border-radius: 0.4em; */
        background: #ffffff !important;
        border: 1px solid #ccc !important;
        color: #262626 !important;
        padding: 0.36em 0.7em 0.36em 0.7em;
        min-height: 40px !important;
        border-radius: 0px !important;
    }
   
    .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Separator{
        border-top: none !important;
    }

    a.EurolandTools-InteractiveAnalysis-SecondLevelSelection-Link.EurolandTools-InteractiveAnalysis-SecondLevelSelection-SelectedButton .EurolandTools-InteractiveAnalysis-SecondLevelSelection-Button span{
font-weight: bold !important;
    }

    .EurolandTools-CommonObjects-Legend-LegendContainer {
        padding-bottom: 0.7em;
        font-family: 'Roboto', sans-serif !important;
        font-size: 12px !important;
        color: #232531 !important;
    }
    .EurolandTools-CommonObjects-Legend-LegendItemContainer {
        padding: 5px 0.5em 0px 0.5em !important;
    }
    a:link, a:visited {
        color: #00a0dc !important;
        text-decoration: none !important;
        font-style: none;
        font-family: 'Roboto', sans-serif !important;
    }

    a:hover{
        text-decoration: underline !important;
        color: #00a0dc !important;
        font-family: 'Roboto', sans-serif !important;
    }
    .EurolandTools-InteractiveAnalysis-Euroland{
        font-family: 'Roboto', sans-serif !important; 
    }