@charset "UTF-8";
/* CSS Document */

/* WQQ TITLE BACKGROUND COLOR  */
.topbar
    {
    background-color:#00acdf;
    }
/* WQQ NAVIGATION BACKGROUND COLOR  */
.bg_top
{
    background:#00acdf;  
    padding-left:0px;
    border-left:solid 0px:#f8f1da;
    border-right:solid 0px:#f8f1da;
}
/* WQQ FOOTER BACKGROUND COLOR  */
.bg_bottom
{
    background:#289195;
}
/* WQQ FOOTER TEXT COLOR  */
.foottext
{
    font-family:Helvetica, Arial, "Trebuchet MS", sans-serif;
    color:#FFF;
    font-size:12px;
    font-weight:bold;
}
/* WQQ TITLE TEXT COLOR  */ 
.wtitle 
{   
    padding: 5px;
    color:#FFF;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size:20px; font-size:20pt !important;
    font-weight:bold;
}
/* WQQ BODY TEXT COLOR  */
.wbody
{
    font-family:Helvetica, Arial, "Trebuchet MS", sans-serif;
    font-size:10pt;
    color:#000;
}
/* WQQ BODY BACKGROUND COLOR  */
.innerwindow
{
    background-color:#FFFFFF;
}
.title
{   
    padding: 5px;
    color:#ff0000;
    font-family:Helvetica, Arial, "Trebuchet MS", sans-serif;
    font-size:10px;
    font-weight:bold;
}
.quote
{
    font-size:6.5pt;
    border:3px double black;  
    width:500px;
}
.quote .greeting, .quote .salutation
{
    font-weight:bold;
    padding:5px;
}
.quote .branding table tr td
{
    vertical-align:top;
}
.quote .propertydetails
{
    padding-left:15px;
}
.quote .summary
{
    width:100%;
}
.quote .summary td, .quote .summary th
{
    vertical-align:top;
}
.quote .summary th
{
    white-space:nowrap;
    text-align:left;
}
.quote .summary .spacer
{
    width:25px;
}
.quote .costsummary
{
    border-collapse:collapse;
    width:100%;
}
.quote .costsummary th, .quote .costsummary td
{
    padding:5px;
    font-size:larger;
    font-weight:bold;
}
.quote .costsummary th
{
    text-align:left;
}
.quote .costsummary td
{
    text-transform:uppercase;
    border:1px solid black;
}
.quote .costsummary .totalsdivider td
{
    border-top:2px solid black;
}
.quote .costsummary .totals
{
    text-align:right;
}
.quote h5
{
    font-size:8.5pt;
    margin:0px;
    padding:0px;
}
.quote .breakdown
{
    width:95%;
}
.quote .breakdown th
{    
    text-align:left;
}
.quote .breakdown .amount
{
    text-align:justify;
    white-space:nowrap;
    width:5%;
}
.quote .breakdown h5
{
    text-decoration:underline;
}
.quote .breakdown h4
{
    margin:0px;
    padding:0px;
    padding-top:10px;
    font-size:8.0pt;
}
.quote .breakdown .charges td, .quote .breakdown .charges th, .quote .breakdown .total td, .quote .breakdown .total th
{
    padding-top:15px;
}
.quote .breakdown .total, th .quote .breakdown .total td
{
    font-size:8pt;
    font-weight:bold;
}
.quote .disclaimer
{
    padding:15px;
}
.wquote
{
    font-size:12pt;
    border:3px double black;  
    width:600px;
}
.wquote .wgreeting, .wquote .wsalutation
{
    font-weight:bold;
    padding:5px;
}
.wquote .wbranding table tr td
{
    vertical-align:top;
}
.wquote .wpropertydetails
{
    padding-left:15px;
}
.wquote .wsummary
{
    width:100%;
}
.wquote .wsummary td, .wquote .wsummary th
{
    vertical-align:top;
}
.wquote .wsummary th
{
    white-space:nowrap;
    text-align:left;
}
.wquote .wsummary .wspacer
{
    width:25px;
}
.wquote .wcostsummary
{
    border-collapse:collapse;
    width:100%;
}
.wquote .wcostsummary th, .wquote .wcostsummary td
{
    padding:5px;
    font-size:12.5px;
    font-weight:bold;
}
.wquote .wcostsummary th
{
    text-align:left;
}
.wquote .wcostsummary td
{
    text-transform:uppercase;
    border:1px solid black;
}
.wquote .wcostsummary .wtotalsdivider td
{
    border-top:2px solid black;
}
.wquote .wcostsummary .wtotals
{
    text-align:right;
}
.wquote h5
{
    font-size:11.5pt;
    margin:0px;
    padding:0px;
}
.wquote .wbreakdown
{
    width:95%;
}
.wquote .wbreakdown th
{    
    text-align:left;
}
.wquote .wbreakdown .wamount
{
    text-align:justify;
    white-space:nowrap;
    width:5%;
}
.wquote .wbreakdown h5
{
    text-decoration:underline;
    font-family: Monotype Corsiva;
}
.wquote .wbreakdown h4
{
    margin:0px;
    padding:0px;
    padding-top:10px;
    font-size:12.0pt;
    font-family: Monotype Corsiva;
}
.wquote .wbreakdown .wcharges td, .wquote .wbreakdown .wcharges th, .wquote .wbreakdown .wtotal td, .wquote .wbreakdown .wtotal th
{
    padding-top:15px;
}
.wquote .wbreakdown .wtotal, th .wquote .wbreakdown .wtotal td
{
    font-size:8pt;
    font-weight:bold;
    font-family: Monotype Corsiva;
}
.wquote .wdisclaimer
{
    padding:15px;
}


/* ===================================== */
/* ==== BEGIN WQQ RESPONSIVE UPDATE ==== */
/* ===================================== */
/* ===================================== */

/* Background Color Behind Content */
.content-wrapper {background-color: #e6f6ff;
}

 /* PRIMARY BUTTON */
.btn-primary {
    background-color: #f8cd25;
}

 /* PRIMARY BUTTON HOVER */
.btn-primary:hover {
    background-color: #e6c019;
}

/* SECONDARY BUTTON */
.btn-secondary {
    color: #fff;
    background-color: #f8cd25;
}

/* SECONDARY BUTTON HOVER */
.btn-secondary:hover {
    color: #333;
    background-color: #e6c019;
}

/* CONTENT BACKGROUND (This probably shouldn't be changed) */
.header-wrapper, .breadcrumb-wrapper, .innerwindow { 
    background-color: white; 
}


/* NAV NEITHER ACTIVE NOR COMPLETE */
.bg_top .breadcrumbs li a {
    color: #FFF;
    background-color: #f8cd25;
}

/* DO NOT DELETE - REQUIRED FOR ARROW EFFECT - MATCH VALUE TO BACKGROUND COLOR ABOVE */
.bg_top .breadcrumbs li a:after {
    border-left: 30px solid #f8cd25;
}

/* NAV ACTIVE */
.bg_top .breadcrumbs li.active a 
{
    background-color: #e6c019;
    color: white;
}

/* DO NOT DELETE - REQUIRED FOR ARROW EFFECT - MATCH VALUE TO BACKGROUND COLOR ABOVE */
.bg_top .breadcrumbs li.active a:after {
    border-left: 30px solid #e6c019;
}

/* NAV COMPLETED */
.bg_top .breadcrumbs li.done a {
    background-color: #CCC;
    color: #000;
}

/* DO NOT DELETE - REQUIRED FOR ARROW EFFECT - MATCH VALUE TO BACKGROUND COLOR ABOVE */
.bg_top .breadcrumbs li.done a:after {
    border-left: 30px solid #CCC;
}

/* FOOTER BACKGROUND COLOR */
.bg_bottom 
{
    background: #333;
}

@media(max-width: 1200px){ /* Media query restricting these styles to only devices 1200 pixels or less. DO NOT DELETE */
    .bg_top .breadcrumbs li.active a, .bg_top .breadcrumbs li.done a {
        background-color: #9cce5d !important; /* This is the background color for the complete breadcrumbs on mobile/tablet devices. Match this color to the color used for the `.bg_top .breadcrumbs li.active a` style above. DO NOT REMOVE `!important` */
    }
}
.banded-row:nth-child(even){ /* Set the background color of even rows for the summary of estimated costs section of the quote page. */
    background-color: #eff7f9;
}
 
/* The following styles are overwriting the styles from the Owensboro stylesheet. These may not be nessecary on every site but I wanted to leave them as an example. */
.bg_top, .topbar{
    background-color: transparent !important;
}
.wtitle{
    color: black !important;
}