.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;*/ }