﻿.highcharts-contextbutton {
    display: none;
}

.highcharts-credits {
    display: none;
}

.pieChartWelcome {
    /*min-width: 150px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	top: -20px;*/
    width: 150px;
    text-align: center;
    height: 150px;
    margin: 0 auto;
}

.welcomepercentage-txt {
    position: static;
    top: 70px;
    text-align: center;
    font-size: 3.0rem;
    color: #d32f2f;
    font-weight: 600;
    left: 0;
    right: 0;
}

.welcomevalue-of-txt {
    position: absolute;
    top: 128px;
    text-align: center;
    font-size: 2.6rem;
    color: #d32f2f;
    font-weight: 300;
    left: 0;
    right: 0;
    font-style: italic;
}

.decrease::before {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    position: absolute;
    top: -36px;
    margin: 0px auto;
    display: table;
    width: 100%;
}

.increase:before {
    content: "\f0d8";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 50px;
    position: absolute;
    top: -36px;
    margin: 0px auto;
    display: table;
    width: 100%;
} 

.percentage-txt {
    position: static;
    top: 52px;
    text-align: center;
    font-size: 18px;
    color: #d32f2f;
    font-weight: 600;
    left: 0;
    right: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.slide-chart-placholder {
    position: relative;
    padding: 0.7rem 1.3rem;
    min-height: 190px;
}

.value-of-txt {
    position: absolute;
    top: 115px;
    text-align: center;
    font-size: 2.6rem;
    color: #d32f2f;
    font-weight: 300;
    left: 0;
    right: 0;
    font-style: italic;
}

    .value-of-txt span {
        font-size: 3.4rem;
        font-weight: 600;
        font-style: normal;
    }

.status-txt {
    position: absolute;
    top: 158px;
    text-align: center;
    font-size: 1.3rem;
    color: #d32f2f;
    font-weight: 300;
    left: 0;
    right: 0;
}

.decreaseb::before {
    content: "\f0d7";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    position: relative;
    top: 2px;
    left: -4px;
}

.increaseb::before {
    content: "\f0d8";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 24px;
    position: relative;
    top: 2px;
    left: -4px;
}

.slide-graph-block h6 {
    position: relative;
    z-index: 9;
}

.slick-slide.slide-graph-block {
    min-height: 265px;
}

.green .percentage-txt, .green .value-of-txt, .green .status-txt, .green .welcomepercentage-txt, .green .welcomevalue-of-txt {
    color: #17560e;
}

.red .percentage-txt, .red .value-of-txt, .red .status-txt, .red .welcomepercentage-txt, .red .welcomevalue-of-txt {
    color: #d32f2f;
}
/*pieChart-asset-management*/
.highcharts-button {
    display: none;
}

.highcharts-range-selector-buttons .highcharts-button {
    display: block;
}

.pieChart-asset-management {
    text-align: center;
    width: 250px;
    margin: 0px auto;
    height: 230px;
    position: absolute;
    left: 0;
}

.asset-management-piechart-wrap .percentage-txt {
    /*top: 112px;*/
    position: relative;
    top:5px;
}

.asset-management-piechart-wrap .value-of-txt {
    top: 220px;
}

.asset-management-piechart-wrap .status-txt {
    top: 270px;
}

.asset-management-piechart-wrap .slide-chart-placholder {
    padding: 0.7rem 0.5rem;
}

/*Donut tooltip fix*/
.highcharts-tooltip {
    z-index: 9999 !important;
    padding: 0 !important;
}

    .highcharts-tooltip > span {
        background: #ffffff;
        padding: 12px;
        padding-right: 5px !important;
        margin: 3px;
        top: 1px !important;
        left: 1px !important;
    }

.increaseb, .increase {
    color: #17560e;
}

.decreaseb, .decrease {
    color: #d32f2f;
}