/*
o change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 19, 2019, 12:50:00 PM
    Author     : Peter
*/

/** Setting margins */       

body {
    margin: 10px;
    font-size: 14px;
}
    /*counter-reset: page; //must be at grandparent level, in or out seems to have no impact ...??*/

/*
#wrapper{
    width:850px;
    margin:0 auto;
    overflow:hidden;
}*/
/*
//NOTE: the footer here is needed for the @media print footer to work on each page
//https://stackoverflow.com/questions/1360869/how-to-use-html-to-print-header-and-footer-on-every-printed-page-of-a-document
*/

footer {
  font-size: 8px;
  color: darkgrey;
  text-align: center;
}

@media print  {

  footer {
    position: fixed;
    bottom: 0;
    left: 100px;
    font-size: 8pt; 
    //text-align: center;
    //color: #f00;
    }
    
  h5::before {
  counter-increment: page;                    
  content: "Page " counter(page) ": ";                                                                                                      
    }
    
   @page
   {
    size: 8.5in 11in;
    //size: landscape;
  }
}


/*@page {
    counter-increment: page; // stays at 0
}*/


/*@media print {
  body { font-size: 8pt; }
}*/


/*@page {
  margin: 2cm;
  counter-reset: page 1;
}*/

/*@page {
    counter-increment: page;
    //counter-reset: page 1;
    @top-right {
        content: "Page " counter(page) " of " counter(pages);
    }
}*/

/*@page{
  @bottom-left {
    content: "Page " counter(page) " of " counter(pages);
  }
}*/
/*@page :footer {
    margin-left: 4cm;
    content: "Page " ;*/
/*    counter-reset: page; 
    counter-increment: page;
    content: "Page " counter(page) ": ";*/


/*body {
  counter-reset: section;      Set a counter named 'section', and its initial value is 0. 
}*/


/*@page { 
    size:8.5in 11in; margin: 1cm
}*/
/*
// Nextia Green #028870
// Nextia Blue  #0068BF
*/
#content {
    display: table;
}

#pageFooter {
    display: table-footer-group;
}


a, u {
    text-decoration: none;
}
.report-title h3{
    margin-bottom: 0;
}
.max-size{
    width: 10%;
    white-space: nowrap;
}
.report-container{

    padding:10px;
}
.field-name{
    font-weight: 900;
    margin-right: 0.2em;
}
.thick-sm-hr{
    width: 10%;
    border-width: 10px;
    
}
.sep{
    width: 20%;
}
.report-data-title{
    font-size: 1.2em;
    font-weight: 500;
}
.address-data-table {
    margin-top: 5px;
    margin-left: 50px;
    width: 50%;
}
.address-data-table tr td{
    vertical-align: middle;
    padding: .10rem;
    font-size:1.2em;
}

.address_table_lob{
    margin-top: 5px;
    width: 100%;
}

td.address_lob{
    width: 450px;
    height: 360px;
    //background: red;
    //border:2px solid black;
}
.address_table_lob_right{
    height: 360px; //needs to be same as td.address_lob 
}

td.address_lob_right{
    width: 450px;
    text-align: center;
    color: #2471A3;
    font-size: 1.4em;
    
    //background: red;
    
}
/*td.address_lob_right_message{
    width: 450px;
    text-align: center;
    font-size: 1.2em;
}*/
   /* //color: #42bdc2;// #E5F3F0;
    //font-size: 2em;
    
    //background: red;
    */


.text-table {
    margin-top: 5px;
    width: 100%;
}
.text-table tr td{
    vertical-align: middle;
    padding: .1rem;
    font-size:1.2em;
}


.report-data-table {
    margin-top: 5px;
    width: 100%;
}
.report-data-table tr td{
    vertical-align: middle;
    padding: .75rem;
    font-size:1.2em;
}

.table-title{
    font-size: 1.3em;
    font-weight: 600;
}

.table-title-red{
    font-size: 1.5em;
    font-weight: 600;
    color: #b73030;
}
.table-striped-variation-1{
    margin-top:10px;
    padding: .75rem;
    width: 100%;
}
.table-striped-variation-1 thead th{
    background-color: #E5EFF9;
    padding: .75rem;
    font-size:1.1em;
    border-bottom: 1px solid #000;
    
}

.table-striped-variation-1 tbody tr td{
    padding: .5rem;
    font-size:1.0em;
}
.table-striped-variation-1 tbody tr:nth-child(even) {
    background-color: #E5F3F0;
}
   .table-striped-variation-2{
    margin-top:10px;
    padding: .75rem;
    width: 100%;
}
.table-striped-variation-2 thead th{
    background-color: #E0E0E0; /*//#DCDCDC; both are light gray*/
    padding: .5rem;
    font-size:1.1em;
    border-bottom: 1px solid #000;
}
.table-striped-variation-2 tbody tr td{
    padding: .2rem;
    font-size:1.0em;
}
.table-striped-variation-2 tbody tr:nth-child(even) {
    background-color: #F5F5F5; /*//#F0F0F0;both very light gray*/
}



.table-bordered-striped-variation-1{
    //margin-top:10px;
    padding: .75rem;
    //width: 100%;
    margin:10px auto 0px; 
    border: 1px solid black;  
    border-collapse:collapse;
}

.table-bordered-striped-variation-1 thead th{
    background-color: #E0E0E0; /*light gray*/
    padding: .75rem;
    font-size:1.1em;
    border: 1px solid black; 
    
}
.table-bordered-striped-variation-1 tbody tr td{
    padding: .5rem;
    font-size:1.0em;
    border: 1px solid black; 
}
.table-bordered-striped-variation-1 tbody tr:nth-child(even) {
    background-color: #F5F5F5; /*very light gray #F5F5F5*/
}

.table-bordered-striped-variation-2{
//margin-top:10px;
    padding: .75rem;
//width: 100%;
    margin:10px auto 0px;
    border: 1px solid black;
    border-collapse:collapse;
}

.table-bordered-striped-variation-2 thead th{
    background-color: #E0E0E0; /*light gray*/
    padding: .75rem;
    font-size:1.0em;
    border: 1px solid black;

}
.table-bordered-striped-variation-2 tbody tr td{
    padding: .5rem;
    font-size:0.9em;
    border: 1px solid black;
}
.table-bordered-striped-variation-2 tbody tr:nth-child(even) {
    background-color: #F5F5F5; /*very light gray*/
}


#radius-square{
    width: 15px;
    height: 15px;
    background: #fff;
    border:2px solid #333333;
}
#half-radius-square{
    width: 15px;
    height: 15px;
    background: #fff;
    border:2px dashed #333333;
}
#work-location-square{
    width: 15px;
    height: 15px;
    background: #ff0000;
    border:2px solid #ff0000;
}

#radius-circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    border:2px solid #333333;
}
#half-radius-circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    border:2px dashed #333333;
}
#work-location-circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #ff0000;
    border:2px solid #333333;
}
#instituional-control-circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #E9C46A;
    border:1px solid black;
}
#spill-site-circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #26619C;
    border:1px solid black;
}

#munition-circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background:  #EC8C74;
    border:1px solid black;
}
#ground-water-plume-circle{
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #69309D;
    border:1px solid black;
}


.no-table td{
    border:none;
}
.map-table{
    border:2px solid black;
}
.map-table-footer{
    width:100%;
    border-left: 2px solid black;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
}
.add-borders{
    border-bottom: 2px solid black;
}
.radius-show{
    padding : 5px 1em 5px 1em;
    margin-left: 0.2em;
    margin-right: 0.2em;
    font-weight:700;
    border-radius: 5px;
    text-transform:uppercase;
}
.page-header{
    width:100%;
   
}