.ctl-trend-chart-wrapper .ctlradiofield{
    transition: all 0.4s ease 0.0s;
}

.ctl-chart-trends-loading{
    pointer-events: none;
    filter: grayscale(0.9);
    animation: trends-loading 1s linear infinite;
}

.ctl-trend-chart-wrapper canvas,
.ctl-chart-container canvas{
    max-height: 75vh;
    min-height: 100px;
}

.ctl-maximize.ctl-trend-chart-wrapper,
.ctl-maximize.ctl-chart-container{
    flex-direction: column;
    display: flex;
    justify-content: center;
}

.ctl-maximize.ctl-trend-chart-container canvas,
.ctl-maximize.ctl-chart-container canvas{
    max-height: 75%;
}

.ctl-trend-chart-no-data-msg-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px;
    width: 100%;
}

.ctl-trend-chart-no-data-msg{
    padding: 15px;
}

@keyframes trends-loading {
    20%{
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    80%{
        opacity: 1;
    }    
}

@media print {
    .ctl-maximize.ctl-chart-container canvas {
        width: 100% !important;
        height: auto !important;
    }
}