/*====================================================================================================*/

/*      DFR, Enforcement Case Report (ecr), and Air Pollutant Report (caapr) Page styles                    */

/*====================================================================================================*/

/* compliance tracker icons */
#progress {
    float: left !important;
    height: 50px;
    width: 380px;
    background: url(../img/compliance_tracker/progress_bar_step_03.png) left center no-repeat;
}
#dfrTools .addMore {
    background: url(../img/compliance_tracker/comp-tracker-add-icon.png) 8px center no-repeat;
}
#dfrTools .viewRelated {
    background: url(../img/compliance_tracker/comp-tracker-view-related-icon.png) 8px center no-repeat;
}
#dfrTools .submitReport {
    background: url(../img/compliance_tracker/comp-tracker-submit.png) 2px center no-repeat;
}
#dfrTools .viewRelated {
    background: url(../img/compliance_tracker/comp-tracker-view-related-icon.png) 8px center no-repeat;
}

/* compliance screener submit checkboxes */
.submitBox {
    position: static !important;
}

/* air pollutant report filter checkboxes */
.details .filter input[type='checkbox'] {
    position: static !important;
}

#dfrPrintHeader,
#mobileswap {
    display: none;
}
#dfrTools {
    clear: both;
    float: none;
    margin: 0 0 5px 0;
    padding: 8px 0 0 0;
}
#dfrTools a {
    color: #044f95;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    line-height: 40px;
    margin: 0;
    padding: 0 5px 0 32px;
    text-decoration: none;
}
#dfrTools .beta {
    font-size: 20px;
    padding-left: 0px;
    padding-bottom: 15px;
    text-decoration: underline;
    color: #be2947;
}
#dfrTools a:hover,
#dfrTools a:focus {
    background-color: none;
    color: #044f95;
    text-decoration: underline;
}
#dfrTools .expandSearch,
#dfrTools .collapseSearch {
    padding: 0 5px 0 20px;
}
#dfrTools div {
    float: right;
}
#dfrTools .tool1 {
    background: url(../img/icon-dfr-tool1.png) 5px center no-repeat;
    padding-left: 28px;
    display: none;
}
#dfrTools .tool2 {
    background: url(../img/icon-dfr-tool2.png) 5px center no-repeat;
}
#dfrTools .tool3 {
    background: url(../img/icon-dfr-tool3.png) 5px center no-repeat;
}
#dfrTools .tool4 {
    background: url(../img/icon-dfr-tool4.png) 8px center no-repeat;
    padding-left: 50px;
}
#dfrTools .tool5 {
    background: url(../img/icon-dfr-tool5.png) 2px center no-repeat;
}
#dfrTools .tool6 {
    background: url(../img/icon-dfr-tool6.png) 5px center no-repeat;
}
#dfrTools .tool7 {
    background: url(../img/icon-help-report.png) 5px center no-repeat;
    padding-left: 30px;
}
#dfrTools .tool8 {
    background: url(../img/icon-dfr-tool8.png) 5px center no-repeat;
}
.dfrContainer {
    -webkit-box-shadow: 4px 4px 6px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: 4px 4px 6px rgba(50, 50, 50, 0.4);
    box-shadow: 4px 4px 6px rgba(50, 50, 50, 0.4);
    clear: both;
    padding: 0;
}

/*override epa style? text size is too large on report pages without*/
.section .pane {
    font-size: 85%;
}

.dfrContainer h2 {
    font-size: 16px;
    font-weight: normal;
    padding: 0;
}
.dfrContainer h2 a {
    color: #fff;
    background: url(../img/icon-search-expand.png) right center no-repeat;
    cursor: pointer;
    display: block;
    line-height: 38px;
    margin: 0;
    padding: 0 0 0 10px;
}
.dfrContainer h2 a:hover,
.dfrContainer h2 a:focus {
    text-decoration: underline;
}
.dfrContainer h2 a:visited {
    color: #ffffff;
}
.dfrContainer h2.active a {
    background: url(../img/icon-search-collapse.png) right center no-repeat;
}
.dfrContainer h2.active {
    font-weight: normal;
}
.dfrContainer h2:focus {
    outline: none;
}
.dfrContainer .section {
    margin: 0 0 1px 0;
}
.dfrContainer .facReports {
    margin-left: 30px !important;
}
.dfrContainer .pane {
    background: #f5f1df;
    border: 2px solid;
    border-width: 0 2px 2px 2px;
    padding: 10px;
}
.dfrContainer .pane0 h2 {
    background: #0071bc;
}
.lt-ie9 .dfrContainer .pane0 h2 {
    background: #0071bc;
}
.dfrContainer .pane0 .pane {
    border-color: #0071bc;
}
.dfrContainer .pane1 h2 {
    background: #6268da;
    background-image: linear-gradient(bottom, #6268da 5%, #494aa7 53%);
    background-image: -o-linear-gradient(bottom, #6268da 5%, #494aa7 63%);
    background-image: -moz-linear-gradient(bottom, #6268da 5%, #494aa7 63%);
    background-image: -webkit-linear-gradient(bottom, #6268da 5%, #494aa7 63%);
    background-image: -ms-linear-gradient(bottom, #6268da 5%, #494aa7 63%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, #6268da),
        color-stop(0.63, #494aa7)
    );
}
.lt-ie9 .dfrContainer .pane1 h2 {
    background: #6268da;
}
.dfrContainer .pane1 .pane {
    border-color: #6268da;
}
.dfrContainer .pane2 h2 {
    background: #990099;
    background-image: linear-gradient(bottom, #990099 5%, #741865 53%);
    background-image: -o-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -moz-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -webkit-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -ms-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, #990099),
        color-stop(0.63, #741865)
    );
}
.lt-ie9 .dfrContainer .pane2 h2 {
    background: #990099;
}
.dfrContainer .pane2 .pane {
    border-color: #990099;
}
.dfrContainer .pane2b h2 {
    background: #990099;
    background-image: linear-gradient(bottom, #990099 5%, #741865 53%);
    background-image: -o-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -moz-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -webkit-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -ms-linear-gradient(bottom, #990099 5%, #741865 63%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, #990099),
        color-stop(0.63, #741865)
    );
}
.lt-ie9 .dfrContainer .pane2b h2 {
    background: #990099;
}
.dfrContainer .pane2b .pane {
    border-color: #990099;
}
.dfrContainer .pane3 h2 {
    background: #0269c9;
    background-image: linear-gradient(bottom, #0269c9 5%, #044b8d 53%);
    background-image: -o-linear-gradient(bottom, #0269c9 5%, #044b8d 63%);
    background-image: -moz-linear-gradient(bottom, #0269c9 5%, #044b8d 63%);
    background-image: -webkit-linear-gradient(bottom, #0269c9 5%, #044b8d 63%);
    background-image: -ms-linear-gradient(bottom, #0269c9 5%, #044b8d 63%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, #0269c9),
        color-stop(0.63, #044b8d)
    );
}
.lt-ie9 .dfrContainer .pane3 h2 {
    background: #0269c9;
}
.dfrContainer .pane3 .pane {
    border-color: #0269c9;
}
.dfrContainer .pane4 h2 {
    background: #61ae24;
    background-image: linear-gradient(bottom, #6fc428 5%, #61ae24 63%);
    background-image: -o-linear-gradient(bottom, #6fc428 5%, #61ae24 63%);
    background-image: -moz-linear-gradient(bottom, #6fc428 5%, #61ae24 63%);
    background-image: -webkit-linear-gradient(bottom, #6fc428 5%, #61ae24 63%);
    background-image: -ms-linear-gradient(bottom, #6fc428 5%, #61ae24 63%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, #6fc428),
        color-stop(0.63, #61ae24)
    );
}
.lt-ie9 .dfrContainer .pane4 h2 {
    background: #61ae24;
}
.dfrContainer .pane4 .pane {
    border-color: #61ae24;
}
.dfrContainer .pane5 h2 {
    background: #01c9c9;
    background-image: linear-gradient(bottom, #01c9c9 5%, #01a4a4 63%);
    background-image: -o-linear-gradient(bottom, #01c9c9 5%, #01a4a4 63%);
    background-image: -moz-linear-gradient(bottom, #01c9c9 5%, #01a4a4 63%);
    background-image: -webkit-linear-gradient(bottom, #01c9c9 5%, #01a4a4 63%);
    background-image: -ms-linear-gradient(bottom, #01c9c9 5%, #01a4a4 63%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, #01c9c9),
        color-stop(0.63, #01a4a4)
    );
}
.lt-ie9 .dfrContainer .pane5 h2 {
    background: #01c9c9;
}
.dfrContainer .pane5 .pane {
    border-color: #01c9c9;
}
.dfrContainer .pane6 h2 {
    background: #fd970d;
    background-image: linear-gradient(bottom, #fd970d 5%, #d97e04 53%);
    background-image: -o-linear-gradient(bottom, #fd970d 5%, #d97e04 63%);
    background-image: -moz-linear-gradient(bottom, #fd970d 5%, #d97e04 63%);
    background-image: -webkit-linear-gradient(bottom, #fd970d 5%, #d97e04 63%);
    background-image: -ms-linear-gradient(bottom, #fd970d 5%, #d97e04 63%);
    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.05, #fd970d),
        color-stop(0.63, #d97e04)
    );
}
.lt-ie9 .dfrContainer .pane6 h2 {
    background: #fd970d;
}
.dfrContainer .pane6 .pane {
    border-color: #fd970d;
}
.dfrContainer.paneSpace,
.dfrContainerItem.paneSpace {
    margin-bottom: 40px;
}
.dfrContainer .dfrMapContainer {
    width: 32%;
    float: left;
}
.dfrContainer .dfrMap {
    background: #999;
    border: 1px solid #666;
    height: 214px;
    width: 100%;
}
.dfrContainer .dfrDataQualityAlert {
    width: 100%;
    height: 40px;
    clear: both;
    margin: 10px 0;
    display: none;
}
.dfrContainer .dfrDataQualityAlert p {
    float: left;
    margin-right: 15px;
}
.dfrContainer .dfrDataQualityAlert p.dfrDataQualityAlertText {
    padding-top: 0.8em;
    min-width: 175px;
}
.dfrContainer .dfrDataQualityAlert p a {
    color: #9a1b1e;
}
.dfrContainer .details {
    float: right;
    margin: 0 0 10px 5px;
    width: 66%;
}
.dfrContainer .titleMobile {
    display: none;
}
.dfrContainer .allLeft {
    float: left;
}
.dfrContainer .allRight {
    float: right;
    padding-left: 10px;
}
.dfrContainer .details h4 {
    font-size: 1em;
    padding: 10px 0 5px 0;
}

.dfrContainer .table .left h4,
.dfrContainer .table .middle h4,
.dfrContainer .table .right h4 {
    font-size: 1em;
}

.dfrContainer .details .left,
.dfrContainer .pane1 .left {
    float: left;
    width: 44%;
}

.dfrContainer .details .right {
    float: left;
    width: 40%;
}

.dfrContainer .table .left,
.dfrContainer .table .middle,
.dfrContainer .table .right {
    float: left;
}

.dfrContainer .table .left {
    width: 30%;
    padding-right: 20px;
}
.dfrContainer .table .middle {
    width: 40%;
}
.dfrContainer .table .right {
    width: 30%;
}

.reportSections {
    padding-left: 5px !important;
}

.daterange-container {
    display: inline-block;
    margin-left: 20px !important;
    margin-top: 10px;
}

.dfrContainer .details h3 {
    /*color: #16365c;*/
    font-size: 1em;
    /*padding:5px 0;*/
    font-weight: bold;
}

.dfrContainer .ecr h3 {
    color: #16365c;
}

.dfrContainer .ALE {
    font-weight: bold;
}
.dfrContainer .borderedcell {
    border: 2px solid #01a4a4;
}
.highcharts-container .highcharts-title tspan {
    font-size: 0.8em;
    padding: 5px 0;
    font-weight: bold;
}

#dfrSummaryTable table tbody tr td {
    vertical-align: top;
}
.dfrContainer .table h3 {
    padding-top: 15px;
    font-size: 1em;
}
/*.dfrContainer .details .chartTitle{ font-weight:bold}*/
.dfrContainer .details p {
    padding: 0 0 10px 0;
}
.dfrContainer .facReports .label {
    font-weight: bold;
}
.dfrContainer .facReports {
    margin: 0;
    padding: 0;
}
.dfrContainer .facReports img {
    margin-right: 2px;
}
.dfrContainer .facReports a {
    margin: 0;
    text-decoration: underline;
    cursor: pointer;
}
.dfrContainer h3 {
    clear: both;
    line-height: 24px;
    padding: 0;
}
.dfrContainer .floatRight {
    float: right;
    padding: 0 0 5px 0;
}
.dfrContainer .floatLeft {
    float: left;
}
.dfrContainer .filter {
    background: #0269c7;
    border: 2px solid #044b8d;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 10px;
}
.dfrContainer .filter .left {
    float: left;
    width: 29%;
}
.dfrContainer .filter .right {
    float: right;
    width: 69%;
}
.dfrContainer .filter p {
    padding: 0;
}
.dfrContainer label {
    display: inline-block;
    font-weight: normal;
}
.dfrContainer .pane2 .left {
    float: left;
    width: 49%;
}
.dfrContainer .pane2 .right {
    float: right;
    width: 49%;
}
.dfrCaveat {
    max-width: none;
    width: 99%;
    font-size: 12px;
    margin-left: 10px;
}
.dfrContainer table.dfrCaveat {
    border: 0;
    width: auto;
    margin: 1em 0;
}
.dfrContainer table.dfrCaveat * {
    border: 0;
}
.dfrContainer table.dfrCaveat tr {
    background-color: #f5f1df;
}
.dfrContainer table.dfrCaveat th,
.dfrContainer table.dfrCaveat td {
    text-align: left;
    padding: 4px 6px;
}

.dfrContainer .table {
    margin: 0 0 10px 0;
    overflow: auto;
    overflow-y: hidden;
}
.dfrContainer table {
    clear: both;
    font-size: 11px;
    margin: 0;
}
.dfrContainer table caption {
    background: none;
    color: #16365c;
    font-size: 14px;
    padding: 0 0 5px 0;
    text-align: left;
}
.dfrContainer table,
.dfrContainer tr {
    background-color: none;
}
.dfrContainer table thead {
    background-position: top right;
    background-repeat: no-repeat;
}
.dfrContainer th {
    border: 1px solid #fff;
    border-width: 1px 1px 0 0;
    color: #fff;
    font-weight: normal;
    text-align: center;
    padding: 5px 10px;
}
.dfrContainer table .errReportTh {
    display: none;
}
.dfrContainer .pane1 th {
    background-color: #494aa7 !important;
}
.dfrContainer .pane2 th {
    background-color: #741865 !important;
}
.dfrContainer .pane2b th {
    background-color: #741865 !important;
}
.dfrContainer .pane3 th {
    background-color: #044b8d !important;
}
.dfrContainer .pane4 th {
    background-color: #61ae24 !important;
}
.dfrContainer .pane5 th {
    background-color: #01a4a4 !important;
}
.dfrContainer .pane6 th {
    background-color: #d97e04 !important;
}
.dfrContainer table tbody {
}
.dfrContainer table .errReport {
    display: none;
}
.dfrContainer tbody tr {
    background: #fff;
}

.dfrContainer tbody tr.alt {
    background: #e7e7d6;
}
.dfrContainer tbody td {
    color: #222;
    border: 1px solid #e9e8e8;
    border-width: 1px 1px 0 0;
    padding: 6px 8px;
    text-align: center;
}

/*#fscT1 tr td:nth-child(3){text-align:left;}
#fscT2 tr td:nth-child(3), #fscT2 tr td:nth-child(4){text-align:left;}
#fscT3 tr td:nth-child(4){text-align:left;}
#fscT4 tr td:nth-child(4){text-align:left;}
#ecT1 tr td:nth-child(4), #ecT1 tr td:nth-child(7){text-align:left;}
#ecT2 tr td:nth-child(4){text-align:left;}
#ecT5 tr td:nth-child(3){text-align:left;}*/

.dfrPoT2 td:first-child {
    max-width: 130px;
    text-align: left;
}
.dfrContainer tbody td.bigRed {
    color: #800000;
    font-size: 105%;
    font-weight: bold;
}

.dfrContainer tbody .bigRed {
    color: #800000;
    font-size: 105%;
    font-weight: bold;
}

.dfrContainer tbody td.bigBold {
    font-size: 105%;
    font-weight: bold;
}

.dfrContainer tbody .bigBold {
    font-size: 105%;
    font-weight: bold;
}

.dfrContainer tbody td.leftAlign {
    text-align: left;
}

.dfrContainer tbody td.red {
    color: #800000;
}
.dfrContainer tbody td.orange {
    color: #f90;
}
.dfrContainer tbody td.blue {
    background-color: transparent;
    color: #0000a0;
}
.dfrContainer tbody td.fullRed {
    background-color: #a03220;
    color: #ccc;
}
.dfrContainer tbody td.fullYellow {
    background-color: #ffd14f;
}
.dfrContainer tbody td.fullBlue {
    background-color: #538ed5;
}
.dfrContainer tbody td.fullGrey {
    background-color: #ccc;
}

.dfrContainer tbody td.darkGrey {
    background-color: #666;
}
.dfrContainer tbody td.green {
    color: #008000;
}
.dfrContainer tbody tr td.loadTable {
    padding: 20px 0;
    text-align: center;
}
.dfrContainer tbody td a span {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -10px;
}
.dfrContainer table .cellRed {
    background: #a03220;
}
.dfrContainer table .cellYellow {
    background: #ffd14f;
}
.dfrContainer table .cellBlue {
    background: #538dd5;
}
.dfrContainer table .cellGrey {
    background: #bfbfbf;
}
.dfrContainer .textRed {
    color: #f00;
}
.dfrContainer table tbody a {
    color: #4b92ff;
    margin: 0;
    padding: 0;
    text-decoration: none;
}
.dfrContainer table tbody a:hover {
    color: #47aa42;
    text-decoration: underline;
}
#dfrLoadingStatus {
    text-align: center;
}
#dfrPrintHeader {
    display: none;
}
#caapr .highcharts-tooltip span {
    height: auto !important;
    width: 175px !important;
}

/* Enforcement Case Report (ecr) specific styles - moved from content.css */
#ecr .details.ecr {
    clear: both;
    float: none;
    width: auto;
}
h3.ecr,
#ecr .details.ecr h3.ecr {
    padding: 0;
}
#ecr .details.ecr .left {
    float: left;
    width: 49%;
}
#ecr .details.ecr .right {
    float: right;
    width: 49%;
}

#ecr .details.ecr .right p {
    margin-top: 24px;
}
#ecr table.ecr {
    font-size: 14px;
    background: transparent;
    border: 0px;
    padding: 0px;
    margin-bottom: 15px;
}
#ecr table.ecr thead th {
    position: absolute;
}
#ecr table.ecr tbody {
    border: 0px;
}
#ecr table.ecr tbody tr {
    background: transparent;
}
#ecr table.ecr tbody tr.alt {
    background: transparent;
}
#ecr table.ecr tbody td {
    color: #222;
    border: 0px;
    border-width: 0px;
    padding: 3px 0px;
    text-align: left;
}
#ecr table.ecr td.leftcol {
    width: 23%;
    vertical-align: top;
    padding-right: 15px;
}
#ecr table.ecr td.rightcol {
    width: 78%;
    vertical-align: top;
}

/*styles for Highcharts sparkline charts on CAA Poll Report*/
table tbody tr td.trend {
    overflow: visible !important;
}
table tbody tr td.trend > div.highcharts-container {
    text-align: center !important;
    margin: 0px auto !important;
}
fieldset legend {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

/* case comments */
div.case-comment {
    margin-bottom: 1em;
    margin-top: 1em;
}
h5.case-comment-title {
    font-size: 88%;
    background-color: #044b8d;
    color: #ffffff;
    padding: 5px;
    font-weight: normal;
}
.overBoxBlue div {
    padding: 10px;
    word-wrap: break-word;
}

.echogovsms {
    background: url(../img/ECHO_lock_blue.png) left 10px no-repeat !important;
    padding-left: 15px !important;
}

@media print {
    @page {
        size: auto;
        margin: 2mm;
        padding: 0;
    }
}