#flr_wrapper
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   width: 100%;
   font-size: 14px;
   color: #0E4B86;
   margin: 0 auto;
   padding: 0;
}

#page-id-23476 .general_wrapper .content,
.page_flr-calculator .general_wrapper .content
{
   padding-bottom: 0;
}

#flr_location h1
{
   color: #0E4B86;
   font-size: 2.25em;
   padding-bottom: 1em;
   font-weight: 400;
}

#flr_location > h3:first-of-type
{
   margin-top: 0;
}

#flr_wrapper p
{
   font-size: 1em;
   padding: 0;
}

#flr_wrapper h3
{
   font-weight: bold;
   margin-bottom: 0.5em;
   padding-top: 2.5%;
   color: #0E4B86;
   font-size: 1.25em;
}

#flr_wrapper #flr_location h3
{
   margin-top: 0;
   padding-top: 0;
}

#flr_wrapper h4
{
   margin-top: -0.5em;
   margin-bottom: 0.5em;
}

#flr_wrapper .flr_field
{
   float: left;
   clear: right;
   width: 33%;
   min-width: 300px;
   padding: 8px 0;
}

#flr_wrapper .flr_row_location .flr_field,
#flr_wrapper .flr_field
{
   width: 40%;
}

#flr_wrapper label
{
   float: left;
   padding: 9px 0;
   margin-top: 1px;
   width: 35%;
}

#flr_wrapper .flr_row_location label,
#flr_wrapper label
{
   width: 29%;
}


#flr_wrapper select,
#flr_wrapper input
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   -ms-box-sizing: border-box;
   box-sizing: border-box;
   font-size: 13px;
   display: block;
   background-color: #e5f7fe;
   background-color: #f4fcff;
   border: 1px solid #00ADEF;
   width: 50%;
   color: #00ADEF;
   height: 34px;
   -webkit-appearance: none;
   -webkit-border-radius: 0px;
   border-radius: 0;
}   

#flr_wrapper select
{
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0LjkgMTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQuOSAxMDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM0NDQ0NDQ7fQo8L3N0eWxlPgo8dGl0bGU+YXJyb3dzPC90aXRsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIxLjQsNC43IDIuNSwzLjIgMy41LDQuNyAiLz4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIzLjUsNS4zIDIuNSw2LjggMS40LDUuMyAiLz4KPC9zdmc+Cg==) no-repeat 95% 50%; 
   background-color: #e5f7fe;
   background-color: #f4fcff;
	-moz-appearance: none; 
	-webkit-appearance: none; 
	appearance: none;
	padding: 7px;
   border-radius: 0;
   height: 34px;
}

#flr_region_fieldarea
{
   display: none;
}

#flr_wrapper select:disabled
{
   background: #f6f6f6 !important;
   color: #fff !important;
}

#flr_wrapper input
{
   padding: 0 5px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) 
{
   #flr_wrapper select
   {
      background: none;
      background-color: #e5f7fe;
      background-color: #f4fcff;
   }
}

#flr_wrapper input[type=number]::-webkit-outer-spin-button,
#flr_wrapper input[type=number]::-webkit-inner-spin-button 
{
   -webkit-appearance: none;
   margin: 0;
}

#flr_wrapper input[type=number] 
{
   -moz-appearance:textfield;
}

#flr_wrapper input[type=submit]
{
   margin-top: 20px;
   font-weight: bold;
   background-color: #00ADEF;
   color: #E5F7FE;
   margin-bottom: -0.5em;
}

#flr_wrapper input[type=button]
{
   margin: 0.5em 0 0 0;
}

#flr_wrapper table
{
   width: 100%;
   margin-top: 1.5%;
   font-size: 13px;
}

#flr_wrapper table tr
{
   
   font-size: 0.75em;
}

#flr_wrapper table th
{
   background-color: #82c5fe;
   background-color: #acd9ff;
}

#flr_wrapper table th,
#flr_wrapper table td
{
   font-weight: bold;
   border: 1px solid #00ADEF;
}

#flr_wrapper table td
{
   padding: 0;
}

#flr_wrapper table td input
{
   width: 100%;
   margin: 0;
   border: 0;
   text-align: center;
   font-size: 1.0em;
   height: 26px;
}

/* RESULTS */

#flr_results_wrapper, #flr_inputs_wrapper, #flr_location_wrapper
{
   height: auto;
   position: relative;
   width: 100vw;
   left: calc(-50vw + 50%);
   max-width: calc(100vw - 0px);
   margin-right: -9999px;
   background: #f3f3f3;
}

#flr_inputs_wrapper, #flr_location_wrapper
{
   display: block;
   background: #f7fdff;   
   background: #f9fdff;
}

#flr_results_wrapper_inner, #flr_inputs_wrapper_inner, #flr_location_wrapper_inner
{
   width: 100%;
   max-width: 1200px;
   margin: 0 auto;
}

#flr_location_wrapper
{
   position: relative;
   background: #effbff;
   border-bottom: 1px solid #e3eef2;
   border-top: 1px solid #e3eef2;
}

#flr_results, 
#flr_inputs, 
#flr_location, 
#flr_results_charts,
/*#flr_results_charts_pies, */
#flr_footer
{
   box-sizing: border-box;
   width: 95.83333%;
   padding: 0.5em 4.16667% 1.5em 4.16667%;
   max-width: 1150px;
   margin: 2% auto 0 auto;
}

#flr_results_charts_pies
{
   padding-top: 0;
   margin-bottom: 1em;
}

#flr_inputs, #flr_location
{
   margin-top: 0;
   padding-top: 1.75em;
   padding-bottom: 1.75em;
}

#flr_inputs
{
   padding-top: 0;
   padding-bottom: 1em;
}

#flr_inputs_overlay
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(255,255,255,0.8);
}

#flr_results
{
   position: relative;
   margin-top: 0;
}

#flr_results_overlay
{
   /* display: none;*/
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background: rgba(255,255,255,0.8);
}


#flr_results .flr_print
{
   margin-left: 1.5em;
   color: #303030;
   font-size: 0.75em;
   border-bottom: 1px dotted #303030;
   font-weight: 400;
   cursor: pointer;
}

#flr_results .flr_print:hover
{
   border-bottom: 1px dotted #f3f3f3;
}

#flr_wrapper #flr_results table th,
#flr_wrapper #flr_results table td
{
   border: 1px solid #DDEDFC;
   border-right: none;
}

#flr_wrapper #flr_results table td
{
   border-top: none;
}

#flr_wrapper #flr_results table thead tr th
{
   background-color: #0E4B86;
   color: white;
   text-align: center;
   border: none;
}

#flr_wrapper #flr_results table tbody tr th,
#flr_wrapper #flr_results table tfoot tr th
{
   background-color: #DDEDFC;
   color: #0E4B86;
   border: none;
}

#flr_wrapper #flr_results table tfoot tr td
{
   color: #0E4B86;
   background-color: white;
}

#flr_wrapper #flr_results table tfoot tr th,
#flr_wrapper #flr_results table tfoot tr td
{
   border-top: 2px solid #C1E1FF;
}

#flr_wrapper #flr_results table tr th
{
   color: #0E4B86;
}

#flr_wrapper #flr_results table tr td span
{
   display: inline-block;
   width: 100%;
   text-align: center;
   vertical-align: middle;
}


#flr_wrapper #flr_results table tr th,
#flr_wrapper #flr_results table tr td span
{
   line-height: 19px;   
}


#flr_wrapper #flr_results table tbody tr:nth-child(2n),
#flr_wrapper #flr_results table tbody tr:nth-child(2n+1)
{
   background-color: #f3f3f3;
   background-color: white;
}

#flr_wrapper select.error,
#flr_wrapper input.error
{
   background-color: #F2DEDE !important;
}

#flr_mobile_notice
{
   display: none;
}


/* CHARTS */

#flr_results_charts
{
   max-width: 1050px;
   margin: 0 auto;
}

#flr_results_charts h1
{
   width: 100%;
   max-width: 800px;
   margin: 0 auto;
   text-align: left;
   font-size: 1.25em;
   padding-bottom: 0.6em;
   font-weight: 500;
   font-weight: bold;
   color: #1e4e79;
}

.flr_results_chart
{
   border: 1px solid #dfdfdf;
}  

.flr_results_chart_line, #flr_results_charts_pie
{
   width: 100%;
   max-width: 800px;
   margin: 0 auto 3em auto;;
   height: 400px;
}

.flr_results_chart_pie
{
   float: left;
   width: 47.75%;
   /*max-width: 400px;*/
   margin: 0 auto;
   height: 400px;
}

#flr_results_chart_hect
{
   float: right;
}
   
#flr_results_charts #flr_results_chart_acts.flr_results_chart
{
   height: 500px;
}

#flr_results_chart_cum_print,
#flr_results_chart_acts_print,
#flr_results_chart_co2_print,
#flr_results_chart_hect_print
{
   display: none;
}

#flr_results_chart_cum_print,
#flr_results_chart_co2_print
{
   padding-top: 25px;
}

.flr_results_chart_line_print,
.flr_results_chart_line_print img,
.flr_results_chart_pie_print,
.flr_results_chart_pie_print img
{
   display: block;
   width: 100%;
   max-width: 700px;
   margin: 40px 0;
}

.flr_results_chart_pie_print,
.flr_results_chart_pie_print img
{
   max-width: 330px;
}

.flr_results_chart_line_print img,
.flr_results_chart_pie_print img
{
   border: 1px solid #dfdfdf;
}
   
/* FOOTER */

#flr_footer
{
   max-width: 1050px;
   padding-bottom: 2em;
   margin: 0 auto 0 auto;
   font-size: 1em;
}

@media only screen and (max-width: 1150px) 
{
   #flr_wrapper table
   {
      font-size: 12px;
   }
}


@media only screen and (max-width: 1000px) 
{
   #flr_wrapper table
   {
      font-size: 11px;
   }
}

@media only screen and (max-width: 900px) 
{
   #flr_wrapper table
   {
      font-size: 8px;
   }
}

@media only screen and (max-width: 767px) 
{
   #flr_inputs, 
   #flr_results_wrapper,
   #flr_location
   {
      display: none !important;
   }
   
   #flr_mobile_notice
   {
      box-sizing: border-box;
      display: block;
      background: #f3f3f3;
      width: 100%;
      padding: 20px;
      font-size: 20px;
      margin: 20px 0 30px 0;
      border: 1px solid grey;
   }
   
   #flr_mobile_notice p:not(:first-of-type)
   {
      margin-top: 20px;
   }
}

@media print
{
   @page 
   {
      margin: 0mm;
   }

   header,
   footer,
   div.footer_fill,
   div.container_outer .general_wrapper .content > div > p,
   div.container_outer .general_wrapper .content > div > ul,
   .flr_instructions,
   #flr_results .flr_print,
   h3.flr_location_heading,
   .featured_image,
   #flr_inputs h1,
   #flr_location h1
   {
      display: none !important; 
   }
   
   .general_wrapper
   {
      box-sizing: border-box;
      max-width: none;
      padding: 30px 30px 0 30px;
   }
   
   div.container_outer .general_wrapper .content
   {
      padding: 0;
      margin: 0;
      width: 100%;
      max-width: none;
   }
   
   #flr_wrapper
   {
      font-size: 12px;
      color: black;
   }

   #flr_location_wrapper
   {
      border: none;
   }
   
   #flr_results,
   #flr_results_chart_acts_print
   {
      page-break-after: always;
   }
   
   .general_wrapper .content #flr_wrapper h1,
   .general_wrapper .content #flr_wrapper h3
   {
      /*color: black;*/
      margin-top: 1%;
      font-weight: bold;
      padding-top: 0;
   }
   
   .general_wrapper .content > h1
   {
      font-size: 21px;
      /*color: black;*/
   }
   
   .general_wrapper .content > h1:first-of-type
   {
      margin-top: 0;
      width: 100%;
      color: #00adef;
      line-height: 32px;
   }
   
   .general_wrapper .content > h1:first-of-type:before
   {
      content: url(../images/logo.png);
      transform: scale(0.4);
      margin-left: -40px;
      margin-right: 80px;
      margin-top: -12px;
      width: 125px;
      height: 36px;
      float: left;
   }
      
   #flr_results_wrapper, #flr_inputs_wrapper, #flr_location_wrapper
   {
      position: relative;
      width: 100%;
      left: auto;
      max-width: auto;
      margin-right: 0;
      background: none;
   }

   #flr_results_wrapper_inner, #flr_inputs_wrapper_inner, #flr_location_wrapper_inner
   {
      width: 100%;
      max-width: none;
   }   

   #flr_location_wrapper
   {
      border-bottom: none;
   }   
   
   #flr_results, #flr_inputs, #flr_location
   {
      padding: 0;
      background: none;
      margin-top: 0;
      width: 100%;
      max-width: none;      
   }
   
   td, th
   {
      padding-left: 0;
      padding-right: 0;
   }
   #flr_wrapper #flr_results table th,
   #flr_wrapper #flr_results table td,
   #flr_wrapper #flr_results table thead tr th,
   #flr_wrapper #flr_results table tbody tr th,
   #flr_wrapper #flr_results table tfoot tr th,
   #flr_wrapper table th,
   #flr_wrapper table td
   {
      border: 1px solid #ccc;
      background-color: white;
      color: black;
      font-size: 8px;
   }
   
   #flr_wrapper #flr_results table tfoot tr th,
   #flr_wrapper #flr_results table tfoot tr td
   {
      border-top: 2px solid #ccc;
      color: black;
   }
   
   #flr_wrapper #flr_results table thead tr th
   {
      color: #0E4B86;
      color: black;
      background-color: none !important;
   }
   
   #flr_wrapper select, 
   #flr_wrapper input
   {
      background: none;
      border: none;
      color: black;
      font-weight: bold;
   }

   #flr_wrapper #flr_results table tr th,
   #flr_wrapper #flr_results table tr td span
   {
      line-height: 18px
   }

   #flr_wrapper input
   {
      height: 24px;   
   }   
   
   #flr_wrapper .flr_field 
   {
      padding: 0;
   }
   
   #flr_footer,
   #flr_results_charts
   {
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      padding: 0;
   }

   #flr_results_chart_cum,
   #flr_results_chart_acts,
   #flr_results_chart_co2,
   #flr_results_chart_hect
   {
      display: none;
   }
   
   #flr_results_chart_cum_print,
   #flr_results_chart_cum_print img,
   #flr_results_chart_acts_print,
   #flr_results_chart_acts_print img,
   #flr_results_chart_co2_print,
   #flr_results_chart_co2_print img,
   #flr_results_chart_hect_print,
   #flr_results_chart_hect_print img
   {
      float: none;
      display: block;
   }
}

/********** STYLES FOR NO JAVASCRIPT MESSAGE **********/

form#volapp-form
{
   position: relative;
}
.noscript 
{
   box-sizing: border-box;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   z-index:100000;
   position:absolute;
   width: 100%;
   height: 100%;
   background: white;
}

.noscript #noscript-message
{
   box-sizing: border-box;
   padding: 1em 0;
   font-size: 2em;
   text-align: center;
   width: 100%;
   height:100%;
   background-color:white; 
   width: 80%;
   font-weight: bold;
   margin: 0 auto;
}