.container {
    width: 100%;
    height: 100%;
    padding: 10px 2px;
}
.grid-stack.reporting-dashboard {
    width: 100%;
    height: 100%;
}
.grid-stack-item-content.reporting-dashboard {
    display: flex;
    flex-direction: column;
    justify-content: center;
    /*padding: 1em;*/
    color:#1e88e5;
    border-bottom: 3px solid #1e88e5;
    /*background-color: #fff;*/
    overflow-y: hidden !important;
}

/*Green*/

.grid-stack-item-content.reporting-dashboard.green {
    color: #43a047;
    border-bottom: 3px solid #43a047;
    /*border: 1px solid #43a047;*/
    /*border-radius: 6px;*/
    /*background: #43a047*/
}
.grid-stack-item-content.reporting-dashboard.green > .widget-content > .row > .col-xs-12.col-md-12.col-lg-8.text-right > a {
    color: #43a047;
    font-size: 15pt;
}


/*Yellow*/

.grid-stack-item-content.reporting-dashboard.yellow {
    color: #f9a825;
    border-bottom: 3px solid #f9a825;
    /*border: 1px solid #f9a825;*/
    /*border-radius: 6px;*/
}
.grid-stack-item-content.reporting-dashboard.yellow > .widget-content > .row > .col-xs-12.col-md-12.col-lg-8.text-right > a {
    color: #f9a825;
    font-size: 15pt;
}

/*Orange*/

.grid-stack-item-content.reporting-dashboard.orange {
    color: #ef6c00;
    border-bottom: 3px solid #ef6c00;
    /*border: 1px solid #ef6c00;*/
    /*border-radius: 6px;*/
}
.grid-stack-item-content.reporting-dashboard.orange > .widget-content > .row > .col-xs-12.col-md-12.col-lg-8.text-right > a {
    color: #ef6c00;
    font-size: 15pt;
}

/*blue*/

.grid-stack-item-content.reporting-dashboard.blue {
    color:#0288d1;
    border-bottom: 3px solid #0288d1;
    /*border: 1px solid #0288d1;*/
    /*border-radius: 6px;*/
}
.grid-stack-item-content.reporting-dashboard.blue > .widget-content > .row > .col-xs-12.col-md-12.col-lg-8.text-right > a {
    color: #0288d1;
    font-size: 15pt;
}


.grid-stack-item-content.reporting-dashboard > .widget-title {
    font-size: 12pt;
    font-weight: bold;
    margin: 0 !important;
}

.grid-stack-item-content.reporting-dashboard > .widget-content {
    flex-grow: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.widget.widget-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    color : #000;
}
.grid-stack-item-content.reporting-dashboard > .widget-content > a {
    font-size: 24pt;
    font-weight: bold;
    color: #0288d1;
}


/*chart*/

canvas {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.chart-container {
    width: 85%;
    /*margin: 40px auto;*/
}