@import url(https://fonts.googleapis.com/css?family=Montserrat);

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
   /* IE10+ specific styles go here */ 

   path {
	   stroke-width:0.4 !important;
   }
   
   line {
	   stroke-width:0.4 !important;
   }
   
}

@supports (-ms-ime-align:auto) { 
   
   path {
	   stroke-width:0.4 !important;
   }
   
   line {
	   stroke-width:0.4 !important;
   }
}

body {
    padding:0px;
}

.mainChartMain {
    font-family: "Montserrat";
    border: 1px solid #45CB2E;
    width: 100%;
    display: inline-block;
    height: 100%;
}


.topArea {
    display: inline-block;
    height: 5%;
    width: 100%;
    border: 0px solid brown;
    background-color: #45CB2E;
}

.selectionArea {
    display: inline-block;
    height: 8%;
    width: 100%;
    border: 0px solid grey;
    background-color: none;
}

.buttonArea {
    width: 100%;
    border: 0px solid pink;
    float: left;
    text-align: center;
    height: 75%;
}

.chartArea {
    width: 100%;
    border: 0px solid orange;
    float: left;
    height: 70%;
}

.navigation {
    padding-top:0.5vmin;
    float:left;
    border: 0px solid blue;
    width:100%;
    height:10%;
    display:inline-block;
    text-align:center;
}

.disabled {
    background-color: #707070 !important;
    border: 0px solid #707070 !important;
}

.buttonSet {
    height: 100%;
    border: 0px solid green;
    padding-top:1vh;
    margin-right:1.5vw;
    float:left;
}


.buttonsSetAnalyse {
    margin-top: 2vh;
    font-size: 1.7vw;
}

.modeButton {
    position: relative;
    display: inline-block;
    float: left;
    /*padding-left: 0px;
    padding-top: 0.5vh;
    padding-left: 0.5vw;*/
    padding: 0px;
    margin-top: 0% !important;
    margin-left: 0.5vw !important;
    font-family: "Montserrat";
    width: 3.6vw;
    
    border: 1px solid #E4572E !important;
    color: #F9DBE7;
    font-size: 2vmin;
    background-image: none !important;
    border-radius: 0 !important;
    background-color: white;
    min-width: 20px;
    max-width: 50px;
}

    .modeButton:focus {
       display:none;
    }

.buttonContent {
        position: absolute;
        width: 100%;
        height: 100%;
}

.modeButton:after {
        content: "";
        display: block;
        padding-bottom: 100%;
}


.modeButton svg {
    width: 85%;
    height: 85%;
    padding-top: 5%;
    padding-bottom: 5%;
}


.modeButton:hover {
        border: 1px solid #C14826 !important;
        background-color: #EAEAEA;
}


.btn {
    font-family: "Montserrat";
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top: 2%;
    margin-bottom: 2%;
    width: 100%;
    height: 5vh;
    display: block;
    background-color: #E4572E;
    /*border-bottom-color:transparent;*/
    border: 1px solid #E4572E !important;
    border-color: #993A20;
    color: #F9DBE7;
    font-size: 2vw;
    background-image: none !important;
    border-radius: 0 !important;
}

.btnSmall {
    width: 12vmin;
    height: 5vmin;
    font-size: 2.2vmin;
}

.btn:hover {
    background-color: #C14826;
}

.btnPeriodFont {
    font-family: "Montserrat";
    font-size: 2vw;
}

.btnPeriod {
    font-family: "Montserrat";
    margin-top: 0.5vh;
    width: 14%;
    height: 6vmin;
    background-color: #E4572E;
    /*border-bottom-color:transparent;*/
    border: 1px solid #E4572E !important;
    color: white;
    background-image: none !important;
    border-radius: 0 !important;
    max-width: 150px;
    max-height: 55px;
    font-size:17px;
}

 .btnPeriod:hover {
        background-color: #C14826;
 }

.btnSelected {
    background-color: #17BEBB !important;
    border: 1px solid #17BEBB !important;
}

    .btnSelected:hover {
        background-color: #12918D !important;
        border: 1px solid #12918D !important;
    }



    .btnNavPeriod {
        font-family: "Montserrat";
        margin-top: 0.5vh;
        width: 6vmin;
        height: 6vmin;
        background-color: #E4572E;
        /*border-bottom-color:transparent;*/
        border: 1px solid #E4572E !important;
        border-color: #993A20;
        color: #F9DBE7;
        font-size: 18px;
        background-image: none !important;
        border-radius: 0 !important;
    }


        .btnNavPeriod:hover {
            background-color: #C14826;
        }

        .btnNavPeriod:disabled {
            background-color: grey !important;
            border-color: grey !important;
        }

    .dropDownButton {
        display: none;
        margin-left: 0.05vw;
        margin-top: 0.1vh;
        border: 1px solid grey;
        background-color: white;
        padding-right: 0.5vw;
        width: 2vw;
        height: 90%;
        font-size: 3.5vh;
        float: left;
        text-align: left;
    }

    .topLabel {
        color: white;
        font-family: "Montserrat";
        float: left;
        padding-left: 5px;
        font-size: 4vh;
    }

    .backBtn {
        float: left;
        width: 10%;
        text-align: left;
    }


    .forwardBtn {
        width: 10%;
        float: right;
        text-align: right;
    }

    

    .rangeBtn {
        width: 80%;
        float: left;
        text-align: left;
        text-align: center;
    }

.popPanel {
    position: absolute;
    border: 1px solid #C14826 !important;
    background-color: white;
    display: none;
    z-index: 999;
    min-width: 195px;
}

    .loadingBox {
        position: absolute;
        top: 1px;
        left: 1px;
        border: 1px solid #45CB2E;
        background-color: white;
        display: none;
    }

.loadingText {
    display: inline-block;
    font-size: 20px;
    text-align: center;
    margin-top: 0vh;
    border: 0px solid green;
    vertical-align: middle;
}

.loadingWord {
    height:100%;
}

.loadingGIF {
    padding-top:0.5vh;
    width: 45px;
    height: 45px;
}

    .dropDownLabel {
        font-family: "Montserrat";
        float: left;
        padding-right: 0.5vw;
        padding-left: 0.25vw;
    }

    select {
        font-family: "Montserrat";
    }

    .svgImage {
        width: 49%;
        height: 49%;
    }

.ecoLink {
    text-decoration:none;
}
.ecoLogo {
    color: white;
    float: right;
    display: inline-block;
    padding-right: 0.5vw;
    padding-right: 0.5vw;
    height: 1.7vh;
}

.ecoLogoText {
    font-family: "Montserrat";
    color: white;
    display: inline-block;
    font-size:1.7vw;
}


.subDateLabel {
    width: 100%;
    height: 5%;
    font-family: "Montserrat";
    text-align: center;
    display: inline-block;
    font-size: 0.7vw;
    font-weight: bold;
}
.reg {
    font-family: "Montserrat";
    color: white;
    display: inline-block;
    vertical-align: super;
    font-size: 0.8vw;
}

.treeView {
    border: 0px solid black;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
    height: 90%;
    font-family: 'Montserrat';
}