.dash_green {
            background-color: #72F79D !important; 
            color: #000000 !important;
            font-weight: bold;
        }
        .dash_yellow {
            background-color: #F6BD0F !important; 
            color: #000000 !important;
            font-weight: bold;
        }
        .dash_red {
            background-color: #FF654F !important; 
            color: #FFFFFF !important;
            font-weight: bold;
        }
        .dash_gray {
            background-color: #e6e6e6 !important; 
            color: #000000 !important;
            font-weight: bold;
        }        
        
        
        
        

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}



.panel-heading {
	font-size: 150%;
}

.panel-body {
	font-size: 125%;
}

.btn {
	font-size: 90%;
}


.font-sm {
	font-size: 80%;
    line-height: 90%;
	
}

.font-xs {
	font-size: 60%;
    line-height: 60%;
	
}

.font-lg {
	font-size: 125%;
    line-height: 125%;
}


.font-xl {
	font-size: 150%;
}

.font-xxl {
	font-size: 200%;
}

.font-bold {
    font-weight: bold;
}


.close {
    color: #ffffff; 
    opacity: 1;
}

.text-no-wrap { white-space: nowrap; }


.text-center {
  text-align:center;
}

.text-left {
  text-align:left;
}


.text-right {
  text-align:right;
}

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

.fa-success {
	color: #5cb85c !important;
}



@media print
{    

    
}


/* for ecoDATA reporting layout and style  */ 

/*
	Specifiy the width of following items for A4-print

*/
.report-wrapper {
		width: 1100px ! important; 
		margin: 0 auto;
}

.report-panel {
	width: 1050px !important; 
	margin: 0 auto;	
}

.report--chart {
	width: 1030px !important; 
	margin: 0 auto;
}

.report-table {
	width: 1030px !important; 
	margin: 0 auto;	
}


.report-header {
	background: #6699CC !important;
	color: #ffffff !important;
	text-align : center;
	padding-bottom: 3px;
	padding-top :3px;
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-style: normal;
	font-variant: normal;	
}


.report-table thead td,th {
    background-color:  #6699CC !important;
    font-weight: bold;
    border-collapse: collapse;
    color: #FFFFFF !important;
    text-align : center;
}



.report-table-header-sub {}



.report-table tbody td {
	padding : 3px 3px;
}



/* Dashboard Metro ui styles    */ 
.text-white {
	color: #FFFFFF !important;
}

.bg-top-banner {
	background-color: #F0F0EF !important;
}


.footer {
	background-color: rgb(234, 236, 235) !important;
}

.fa {
  font-family: FontAwesome !important;
}

.page-header {
	background-color: #F0F0EF !important;
	
}

.banner-text {
		color: #002699 !important;
		padding-bottom: 20px;
		padding-top :20px;	
		
	font-family: 'Arial Black', 'Arial Bold', Gadget, sans-serif;
	font-style: normal;
	font-variant: normal;	
	
	
}

/* Traffic light state */
 

.state-success {
    background-color: #8BBA00 !important; 
    color: #000000 !important;	
	
}
.state-warning {
    background-color: #F6BD0F !important; 
    color: #000000 !important;	
}
.state-danger {
    background-color: #FF654F !important; 
    color: #FFFFFF !important;	
}

/*  data missing etc */
.state-invalid {
    background-color: #e6e6e6 !important; 
    color: #000000 !important;	
}


	.print-icon {
		color: #ffffff !important;
	}



		.full-width {
			width: 100% !important; 
			margin: 0 auto;			
		}


		.width-80 {
			width: 80%;
			margin: 0 auto;
		}

		.width-90 {
			width: 80%;
			margin: 0 auto;
		}


	.margin-left-40 {
		margin-left: 40px;
	}





/** ************************************************************** */
/*  Print media query */
@media print {
	.report-wrapper {
		width:1100px !important;
		margin:auto;
	}
	

	
	
    .noprint, .no-print, .no-print *
    {
        display: none !important;
    }
}

/*
	not print url 
*/
@media print {
  a[href]:after {
    content: none !important;
  }
}