// dashboard CSS

/* CSS used here will be applied after bootstrap.css */
/*
Using default Bootstrap 3 classes we zero out the top and 
bottom padding .panel-heading ususally needs 
*/
.panel-heading.nav.navbar-default{padding-top:0px;padding-bottom:0px;} 

/*
Reintroduce 20px for .panel-title when a navbar is within .panel-heading. 
This can be put back to @line-height-computed; in your LESS file which
is the default in type.less */
.panel-heading.nav.navbar-default h3{margin-top:20px;} 
.panel-heading.nav.navbar-default h4{margin-top:15px;} 


.panel-heading .nav.navbar-nav.navbar-right h4{padding-bottom:0px;margin-bottom:0px;padding-top:0px;margin-top:0px;}

.dashboardWidgetHelp:hover {
    color: blue;
}

.panel-heading-red {
	background-color: red!important
	color:white!important;
}
.panel-heading-green {
	background-color: green!important;
	color:white!important;
}
.panel-heading-blue {
	background-color: blue!important;
	color:white!important;
}
.panel-heading-black {
	background-color: black!important;
	color:white!important;
}

.widget-panel-blue 
{
	background-color:#1581b8;
	color:#fff;
}
.widget-panel-blue .dashboardWidgetTitle {
	text-align:center;
	font-size:24pt;
	margin-top:-10px;
	color:#fff;
}

.widget-panel-blue2 
{
	background-color:#2a737a;
	color:#fff;
}
.widget-panel-blue2 .dashboardWidgetTitle {
	text-align:center;
	font-size:24pt;
	margin-top:-10px;
	color:#fff;
}

.widget-panel-grey 
{
	background-color:#333;
	color:#fff;
}
.widget-panel-grey .dashboardWidgetTitle {
	text-align:center;
	font-size:24pt;
	margin-top:-10px;
	color:#fff;
}

.widget-panel-green-light
{
	background-color:#66bc60;
	color:#fff;
}
.widget-panel-green-light .dashboardWidgetTitle {
	text-align:center;
	font-size:24pt;
	margin-top:-10px;
	color:#fff;
}

.widget-panel-green
{
	background-color:#4bc80b;
	color:#fff;
}
.widget-panel-green .dashboardWidgetTitle {
	text-align:center;
	font-size:24pt;
	margin-top:-10px;
	color:#fff;
}

.text-green {color: green!important;}
.text-blue {color: blue!important;}


.widget_container .google-visualization-table-table, .widget_container .google-visualization-table-tr-even {
background:transparent;
}
.headerRow_hidden {display:none;}

td.tableCell_border {border:none;border-bottom: 1px solid #000; background:none;}
.widget_container .google-visualization-table-table tr:last-of-type td.tableCell_border {border:none; background:none;}


.headerRow_hidden {display:none;}

.tableCell_border {border-bottom: 1px solid #000; background:none;}

.text-right {text-align:right}
.valignTop {vertical-align: text-top}


.tableCellWidth5 {width:5%}
.tableCellWidth6 {width:6%}
.tableCellWidth7 {width:7%}
.tableCellWidth8 {width:8%}
.tableCellWidth9 {width:9%}

.tableCellWidth10 {width:10%}
.tableCellWidth15 {width:15%}
.tableCellWidth20 {width:20%}
.tableCellWidth25 {width:25%}
.tableCellWidth30 {width:30%}
.tableCellWidth35 {width:35%}
.tableCellWidth40 {width:40%}
.tableCellWidth45 {width:45%}
.tableCellWidth50 {width:50%}
.tableCellWidth55 {width:55%}
.tableCellWidth60 {width:60%}
.tableCellWidth65 {width:65%}
.tableCellWidth70 {width:70%}
.tableCellWidth75 {width:75%}

.tableCellBorderLeft {
	border-left:1px solid #CCCCCC!important;
}




.centered-modal.in {
    display: flex !important;
}
.centered-modal .modal-dialog {
    margin: auto;
}

.minHeightNone .card-content{
	min-height:0 !important;
}

/* loader class for widgets */
.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}



/* Center the loader */
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/* custom widget classes */
.widget-body-panels {
	text-align:center;
	font-size:12pt;
	padding:10px 10px 10px 10px;
	margin:0 !important;
}

.widget-body-panels .panel-title{
	font-weight:bold;
	
}

.breakword {
	word-wrap:break-word;
}

.ranges li {
	font-size:11px;
}

.percentNegative {
	color:red;
}
.percentPositive {
	color:green;
}