/* first page - title page*/

.report-top-logo{
    z-index: -100;
    padding-bottom: 1px;
}
.header-report-title{
    padding-top: 28px;
}

.title-page-side-borders{
    border-left: 1px grey solid;
    border-right: 1px grey solid;
}
.text-bold{
    font-weight: bold !important;
}
.cover-image{
    width:800px;
    height: auto;
}

.site-kpi-dials-text {
    font-size: 44px;
    color: #606161;
    -webkit-text-fill-color: #606161;
}

.site-kpi-dials-title {
    color: #3366CC;
    font-size: 16px !important;
    -webkit-text-fill-color: #3366CC;
    font-weight: bold;
}

/**first page - title page ends/
 */


.no-right-padding {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

#scatter-plot {
    width: 725px;
    height: 250px;
}
.pg-grey-bg{
    background-color:#F6F7F6 !important;
    -webkit-print-color-adjust: exact !important;
}
@media print {

    .pg-grey-bg{
        background-color:#F6F7F6 !important;
        -webkit-print-color-adjust: exact !important;
    }

}
.snapshot-table > tbody > tr {
    border:1px #a9a9a9 solid;
}
.snapshot-table td{
    padding:10px;
    margin:10px;
}
.snapshot-energy-table > tbody > tr {
    border:1px #a9a9a9 solid;
}
.snapshot-energy-table td{
    padding:5px;
    margin:5px;
}
.info-border{
    border:1px black solid;
}
.fault-dial{
    color:#B5CDE8;
}
.fault-circle {
    width: 160px;
    height: 160px;
    border-radius: 20%;
    font-size: 50px;
    color: #B5CDE8;
    line-height: 170px;
    text-align: center;
    border:5px #B5CDE8 solid;
}
#equipChartDiv {
    width: 750px;
    height: 350px;
}
#estarChartDiv{
    width: 750px;
    height: 250px;
}
#benchmarkChartDiv{
    width: 750px;
    height: 350px;
}
.data-result-green-bg{
    background-color: #0da149;
    color: #0da149;
    -webkit-text-fill-color: #0da149;
}
.data-result-yellow-bg{
    background-color:#ffdd16;
    color:#ffdd16;
    -webkit-text-fill-color: #ffdd16 ;
}
.data-result-orange-bg{
    background-color:#f7941d;
    color:#f7941d;
    -webkit-text-fill-color: #f7941d;
}
.data-result-dark-orange-bg{
    background-color:	#f16523;
    color:	#f16523;
    -webkit-text-fill-color: #f16523;
}
.data-result-red-bg{
    background-color:#ee1c25;
    color:#ee1c25;
    -webkit-text-fill-color: #ee1c25;
}
.data-result-green{
    color: #0da149;
    -webkit-text-fill-color: #0da149;
}
.data-result-yellow{
    color:#ffdd16;
    -webkit-text-fill-color: #ffdd16;
}
.data-result-orange{
    color:#f7941d;
    -webkit-text-fill-color: #f7941d;
}
.data-result-dark-orange{
    color:	#f16523;
    -webkit-text-fill-color:#f16523 ;
}
.data-result-red{
    color:#ee1c25;
    -webkit-text-fill-color: #ee1c25;
}
.how-it-works-img{
    width:auto;
    height:300px;
    }

 
.category-separator {
    margin-top: 15px;
}

.category-title {
    color: white !important;
    font-weight: bold;
    font-size: 18px;
}

.category-outer-border {
    border: 1px solid #384967;
    border-radius: 0 0 5px 5px;
}


.category-title-outer {
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius:5px 5px 0 0;
}


.site-data-quality-information-not-available{
    font-weight:bold;
    font-size:16px;
}


/*table css...*/
.report-table {
    border-collapse: separate;
    border-spacing: 0 15px;
}

table {
    border-collapse: collapse;
    width: 100%;
}

.report-table table, th, tr {
    text-align: left;
}

tr{
    border-bottom: 2px solid #dddddd;
}

th {
    font-size: 16px;
    border-bottom: 2px solid #dddddd;
}


.section-heading {
    border-bottom: 1px solid grey;
    padding-bottom: 5px;
    font-weight: bold;
    font-size: 18px;

}

.building-overview-stats {
    font-weight: bold;
    font-size: 16px;
}


#scatter-plot {
    width: 725px;
    height: 500px;
}


#data-density-gauge {
    width: 450px;
    height: 175px;
}



.site-asset-dial {
    width: 100%;
    height: 200px;
}


/* charts related css done*/