/**
 *
 *
 *
 *   @file
 *
 *   Description:    This stylesheet contains the styles for all of the
 *                   pages in the RNAccountSearch application.  Each page's
 *                   body tag has an id which is the name of the component.
 *                   There is a section for each of these ids.  There are
 *                   application-wide styles at the top.
 *
 */


/* =ORDERRPT -------------------------------------------------------------------------*/
/*#SelectReport fieldset                                  { padding-bottom: 0; } */

:root {
  --link-color: #1f8ae3;
  --link-hover-color: #454545;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

body, input, textarea {
    padding: 0px 10px !important;
}

.page-rrs-report-meeting header,
.page-rrs-report-meeting #header-style-1 {
    /* display: none; */
  height : 155px !important;
  background: transparent !important;
}

.dbrd_search_field {
  float: left;
  width: 320px;
}

div.reportOption                                        { border-bottom: 1px dotted #ddd; margin-bottom: 1em; padding-bottom: 1em; overflow: auto; }
div.reportAssoc,
div.reportDetails                                       { float: left; }

div.reportPrice,
div.reportStats                                         { float: right;}

div.reportDetails                                       { width: 470px; border-bottom: solid black 1px; padding-bottom: 50px; }
table.reportStats                                       { margin-bottom: 0px; padding-bottom: 1px; width: 0; border: solid black 1px;}

table.reportStats,
table.reportStats tr,
table.reportStats td,
table.reportStats th                                    { background-color: #fff; border: solid gray 2px; color: black; padding: 2px 5px; }
table.reportStats td                                    { text-align: right; }
table.reportStats th                                    { font-weight: normal; }
table.reportStats td a                                  { font-size: 0.8em; }
table.reportStats tr.more                               { display: none; }

div.reportAssoc,
div.reportPrice                                         { font-size: 1.2em; }

div.reportAssoc                                         { width: 240px; }
div.reportPrice                                         { width: 127px; }
div.reportPrice a                                       { display: block; font-size: 0.6em; }
div.reportPrice div.overlay                             { width: 200px; position: absolute; }
div.reportPrice div.overlay p                           { color: #039; font-size: 0.8em; }

div.reportDetails label                                 { display: block; margin: 0; }
div.reportDetails label.disabled                        { color: #8e8e8e; }
div.reportDetails label input                           { margin-left: 0; }

div.reportDetails input.btn                             { margin: 2em 0 0; }
div.reportStats                                         {padding-bottom: 15px;}

#PlaceOrder div.informationalMessage                    { margin: 1em 0; }
#PlaceOrder div.informationalMessage h2,
#PlaceOrder div.informationalMessage p                  { margin: 0; }

#PlaceOrder div.section                                 { border-top: 2px solid gray; margin: 25px 0 0; padding: 10px 10px 5px; width: 90%; }
#PlaceOrder div.section h2                              { background-color: #fff; color: #4e9c63; display: inline; font-family: 'Lato', "Open Sans", Helvetica, sans-serif; font-size: 1.2em; padding: 0 5px; position: relative; text-transform: lowercase; top: -0.7em; }
#PlaceOrder div.section h2                              { background-color: #fff; color: #4e9c63; display: inline; font-family: 'Lato', "Open Sans", Helvetica, sans-serif; font-size: 1.2em; padding: 0 5px; position: relative; text-transform: lowercase; top: -0.7em; }

#PlaceOrder div.section h3                              { font-size: 1.2em; font-weight: normal; margin: 0; }
#PlaceOrder div#total h3                                { font-family: 'Lato', "Arial Black", "Helvetica Black", sans-serif; }
#PlaceOrder div#total p                                 { float: right; margin-top: 1.8em; width: 500px; }

a.btn.secondary                                         { background-color: white; border: 1px solid #48c6e6; color: gray; display: inline; margin: 2em 2em 0 0; padding: 4px 8px; text-decoration: none; width: 55px; }
a.btn.secondary:hover                                   { background-color: white; border-color: #48c6e6; color: gray; }

/* =REPORT
-------------------------------------------------------------------------*/
div.reportWrap                                          { border: 1px solid #b4e6b5; border-top-width: 0; float: left; margin-bottom: 2em; padding: 1em; width: 616px; }
/* floated to contain other floats */
/* PAGE WIDTH DEPENDENT!!!!! */

ul.nav-tabs                                             { margin: 1em 0 0; width: 618px; } /* width of div.reportWrap + 2px for border */
/* PAGE WIDTH DEPENDENT!!!!! */

table th { background: blue; }

table.report caption                                    { margin: 0; text-align: left; }
table.report                                            { color: black; margin: 0 auto; font-size: 9pt; border: 1px double darkgray; }

table.report th,
table.report td                                         { padding: 3px 4px; }
table.report tr.figures th,
table.report tr.figures td ,
table.report th.figures,
table.report td.figures                                 { text-align: center; }
table.report td.dispute                                 { color: red; }
table.report td.past_due                                { background-color:  #cc2d4c; color: #fff !important; }

/* table.report thead th                                   {   background-color: #b4e6b5;
                                                            border: 1px solid #fff;
                                                            text-align: left; } */

table.report tbody th {
    /*background-color: #eee;*/
    /*border: 1px solid #eee;
    color: black;
    font-weight: normal;
    text-align: center; */
    font-family: 'Open Sans Condensed', sans-serif !important;
    text-transform: capitalize !important;
    background: #3f88c8;
    font-weight: 600 !important;
    font-size: 16px;
    border-width: 0px;
    border-style: solid;
    border-color: #fff !important;
    padding: 10px 20px !important;
    color: #fff !important;
    text-align: center;
    line-height: 1;
}
table.report tbody td{
    /*border: 1px solid darkgray; */
    /*border-bottom: 1px solid darkgray;
    /* border-top-color: #ddd; */
    text-align: left;
}
table.report tbody td:last-child{
    width:190px;
    text-align: left;
}

table.report tbody td:first-child{
    width:100px;
}

table.report tbody td
table.report td.comments,
table.report td.flashComment                            { border-top: 1px dotted #eee; padding-bottom: 1em; }


table.report div.discussion               { background-image: url('images/discuss.png');
    background-repeat: no-repeat;
    background-position: left center; }


th.hdr_member                                           { width: auto; text-align: center; font-weight: bold;}
th.hdr_note_date                                        { width: auto; text-align: center; font-weight: bold; white-space: nowrap;}
th.hdr_update_date                                      { width: auto; text-align: center; font-weight: bold; white-space: nowrap;}
th.hdr_public_note                                      { width: 35%; text-align: center; font-weight: bold;}
th.hdr_private_note                                     { width: 35%; text-align: center; font-weight: bold;}
th.hdr_created                                          { width: 60px; font-size: 11px; text-align: center; font-weight: bold;}
th.hdr_yrs                                              { width: 44px; font-size: 11px; text-align: center; font-weight: bold;}
th.hdr_ls                                               { width: 44px; font-size: 11px; text-align: center; font-weight: bold;}
th.hdr_figures                                          { width: 73px; font-size: 11px; text-align: center; font-weight: bold;}
th.hdr_terms                                            { width: 100px; font-size: 11px; text-align: center; font-weight: bold;}
th.hdr_notes                                            { font-size: 11px; text-align: center; font-weight: bold; }
td.mbr_col                                              { font-weight: bold; }

a { color: #000; }
tr.exp_date_break,
tr.exp_date_break td {
    font-family: 'Open Sans Condensed', sans-serif !important;
    text-transform: capitalize !important;
    background: #94b5ae !important;
    font-weight: 800;
    font-size: 14px;
    border-width: 0.5px;
    border-style: solid;
    border-color: #fff !important;
    padding: 10px 20px !important;
    color: #fff !important;
    cursor:pointer;
}

table th {
    /*font-family: 'Open Sans Condensed', sans-serif !important;
    text-transform: uppercase !important;
    background: #fff !important;
    font-weight: 800;
    font-size: 16px;
    border-width: 1px;
    border-style: solid;
    border-color: #000 !important;
    padding: 10px 20px !important;
    color: #546d7e !important;
    cursor:pointer;
    text-align: center;*/
    font-family: 'Lato', 'Open Sans Condensed', sans-serif !important;
    text-transform: capitalize !important;
    background: #3f88c8 !important;
    font-weight: 600 !important;
    font-size: 15px;
    border-width: 1px;
    border-style: solid;
    border-color: #fff !important;
    padding: 10px 20px !important;
    color: #fff !important;
    text-align: center;
    line-height: 1;
}

.documents-info-section{
    border-top: 1px;
    border-style: solid;
    border-color: #dddddd !important;
}

.documents-info-section #vault_document_table table td  {
  font-family: 'Lato', sans-serif !important;
  font-weight: 400!important;
  font-size: 15px;
  border-bottom: 1px;
  border-style: solid;
  border-color: #dddddd !important;
  padding: 10px 20px !important;
  color: var(--link-color) !important;
  text-align: left;
}

.documents-info-section table td {
    font-family: 'Lato', sans-serif !important;
    font-weight: 400!important;
    font-size: 12px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #dddddd !important;
    padding: 10px 20px !important;
    color: #000 !important;
    text-align: left;
}

.documents-info-section .fa{
    color: var(--link-color);
    font:bold normal normal 20px/1 FontAwesome;
    vertical-align: middle;
}

.documents-info-section .fa:hover{
  color: var(--link-hover-color);
}

table td {
    font-family: 'Open Sans Condensed', sans-serif !important;
    /*text-transform: capitalize !important; */
    /* background: #fff !important; */
    font-weight: 600!important;
    font-size: 16px;
    border-bottom: 1px;
    border-style: solid;
    border-color: #dddddd !important;
    padding: 10px 20px !important;
    color: #394636 !important;
    text-align: center;
}

tr.even, tr.odd {
    border-width: 1px 0 1px 0 !important;
    border-style: solid;
    border-color: #ddd!important;
    /*background: #fff !important;*/
}

table.report tr.owns_exp_row {
    background-color: #F5FCA2 !important;
}

table.sticky-header {
  border: 5px single darkgray;
}
#experience-section.imr-experience-section table.sticky-header {
  top: 210px !important;
}

section#block-rrs-report-rrs-imr-block {
	position: fixed;
	top: -20px;
	left: 100;
    background-color: #fff;
	z-index: 999;
  height: 230px;
}

section#block-rrs-report-rrs-imr-right-menu {
	position: fixed;
	top: -10px;
	right: 107px;
    background-color: transparent;
	z-index: 999;
}

table#experience                                        { margin: 0; width: 556px; }
table#experience tbody                                  { height: 400px; margin: 0; padding: 0; width: 556px; }
table#experience thead th, table#experience tbody td    { width: 61px; }

table#experience thead th.last                          { width: 134px; }
table#experience tbody td.last                          { width: 118px; }

table#experience thead th.figures,
table#experience tbody td.figures                       { width: 86px; }
table.report tbody td.center-cell                       { text-align:center !important; }
table.note_table .account_note                          { text-align:left !important; }

td.account_note div.collapsed-note {
  height: 65px;
  overflow: hidden;
}

td.account_note div.expanded-note {

}







table#experience thead th.options                       { width: 556px; }

div.reportWrap .options                                 { background-color: #fff; margin: 0; padding: 3px; text-align: right; }
div.reportWrap .options li                              { border-color: #8e8e8e; }
div.reportWrap .options li:last-child                   { padding-right: 0; }
div.reportWrap .options a,
div.reportWrap .options label                           { color: #8e8e8e; }
div.reportWrap .options li form                         { display: inline; }

div.reportWrap .options input                           { background-color: #eee; border: 1px solid #8e8e8e; color: #8e8e8e; font-size: 0.8em; margin-left: 0.25em; padding: 0; }
div.reportWrap .options input:hover                     { background-color: #8e8e8e; color: #eee; }

table#dswa                                              { float: left; margin: 0 0 6px 0; }
table#dswa th                                           { text-align: center; }
div#commentsKey                                         { float: right; color: #8e8e8e; }
div#commentsKey dl.cols dt                              { margin: 0; width: 11px; }
div#commentsKey dl.cols dd                              { margin: 0 0 0 17px; width: 134px; }
div#dswaKey                                             { clear: left; color: #8e8e8e; margin: 6px 181px 0 0; }
div#dswaKey p                                           { margin: 0; font-style: italic; }

body#FilterPopup td                                     { border-width: 1px 0 1px; }

body#FullExperienceListing div#pageNavigation           { float: right; margin-top: -2em;}

body#PrintableReport div#accountInfo                    { margin-top: 1em; width: 300px; }
body#PrintableReport div#accountInfo h2                 { margin-top: 0; }
body#PrintableReport div.score                          { border: 5px solid #000; float: right; padding: 10px; width: 200px; }
body#PrintableReport h3                                 { clear: both; }

/*  =BUTTONS
    ------------------------------------------------------------------- */
input.btn,
button                                      { background-color: #4e9c63; border-color: #b4e6b5 #363 #363 #b4e6b5; border-style: solid; border-width: 1px; color: #fff; font: bold 1em/1.2 "Open Sans",Helvetica,sans-serif; margin: 0 10px; padding: 2px 6px; text-align: center; }

body.popup input.btn,
body.popup a.secondary,
body.popup input.secondary,
body.popup button,
body.popup a.btn                            { font-size: 0.75em; }

body.popup ul.nav-actions li a,
body.popup ul.nav-actions li input          { font-size: 0.75em; }

a.btn                                       { border: 1px solid #48c6e6; color:#fff; font: bold 1em/1.2 "Open Sans",Helvetica,sans-serif; padding: 2px 6px; margin: 0 10px 0 0; text-align: center; text-decoration: none; }
a.btn:link,
a.btn:visited                               { background-color: #48c6e6; color: #fff; }

input:hover.btn,
button:hover,
a:hover.btn,
a:active.btn,
ul.nav-actions li:first-child input:hover,
ul.nav-actions li:first-child a:hover,
ul.nav-actions li:first-child a:active      { background-color: white; border-color: #48c6e6; color: gray; }

ul.nav-actions a,
ul.nav-actions input,
ul.nav-actions button,
a.secondary,
input.secondary,
button.secondary                            { background: transparent; border: none; color: #48c6e6; cursor: pointer; font-family: 'Lato', "Open Sans",Helvetica,sans-serif; font-size: 1em; font-weight: normal; line-height: 1.2; text-decoration: underline; }

ul.nav-actions a:hover,
ul.nav-actions input:hover,
ul.nav-actions button:hover,
a:hover.secondary,
input:hover.secondary,
button:hover.secondary                      { background: transparent; color: gray; }

table.report .form-type-checkbox {
    display: table;
    position: absolute;
    margin-left: 2px;
}

/*
    02/04/2007 DMK: This is meant to be used for things like the "more"
    links and the "watch this account" links.  Links that are specifically
    for one object like an account or a member.
*/
ul.nav-object                               { margin: 0.5em 0; padding: 0; }
ul.nav-object li                            { background: none; display: inline; list-style-type: none; padding: 0 0.5em 0 0; }
a.nav-object,
ul.nav-object li                            { font-size: 0.75em; font-style: italic; }

/* =MICROFORMATS
-------------------------------------------------------------------------*/
div.vcard                                               { margin: 0 0 1em; overflow: auto; }
/* overflow is to contain floats */

div.vcard div.adr                                       { float: left; margin: 0; }
div.vcard a.btn                                         { display: inline; margin: 1.5em 0 0; }
div.vcard div.fn                                        { float: left; width: 400px; }


li a.pdf      { background:  url('../rrs_archive/images/pdf_16.gif') no-repeat left top; padding-left: 21px; }

body.page-rrs-report-account div#score {
    float: left;
    /*border: 3px solid #363;*/
    width: 320px;
    /* height: 100px; */
    /* margin-top: 10px */;
    text-align: center;
    font-family: 'Lato', "Open Sans", Arial, "Helvetica Black", Helvetica, sans-serif;
    color: black;
    margin-top: 0;
}

body.page-rrs-report-meeting div#score {
    float: left;
    width: 320px;
    margin-top: 0px;
}


div#score h1 {
    font-size: 8pt;
    border-bottom: 3px solid #363;
    margin-top: -1px;
    margin-bottom: 10px;

}
div#score a {
    font-size: 12pt;
    font-weight: bold;
    color: #48c6e6;
}
div#score .score_value {
    font-size: 40pt;
    font-weight: bold;
    margin-top: 70px;
    margin-left: 30px;
    display: block;
}

.hist_score_value
{
    display: block;
    margin-top: 28px;
    margin-bottom: 24px;
}

div#score .graph {
    width: 100px;
    height: 15px;
    margin-left: 34px;
    border: 1px solid #aeaeae;
    background-color: #eaeaea;
    display: inline-block;
}
div#score .bar {
    height: 15px;
    background-color: #aeaeae;
}
div#score .legend {
    text-align: left;
    font-size:6pt;
    width:100px;
    display:inline-block;
    vertical-align:top;
    margin-top:-12px;
    margin-left: 39px;
}

div#principal-section {
    float: left;
}
div#principal-section table.report
{
    margin-left: 10px;
    width: unset;
    border: solid 1px;
}


table.score-table                      { width: 330px; float: left; margin-top: 10px; border: none; }
table.score-table td                   { vertical-align: top; }
table.score-table tr                   { text-align: center; }
table.score-table td.hist_score        {   text-align: center;
    font-family: 'Lato', "Open Sans", Arial, "Helvetica Black", Helvetica, sans-serif;
    color: black;
    font-size: 25pt;
    font-weight: bold;
    line-height: 22px;
}

.chart                              { /*width: 420px;*/  float: left; margin-top: 7px; }

table.score-table td.hist_score h1 {
    font-size: 8pt;
    line-height: 12px;
    margin-bottom: 0px;
    margin-top: -19px;
    position: relative;
    top: 10px;
    right: 13px;
    font-weight: bold;
}

/*
table.score-table td.hist_score h1     {  font-size: 8pt;
    line-height: 12px;
    margin-bottom: 0px;
    margin-top: -22px;
    font-weight: bold;
}
*/




td.private_note                         { background:  #e1f1eb !important; }
td.unvalidated_note                     { background:  #FEC0C0; }

#edit-private-note                      { background-color:  #fedbe2; }
td div.exp_public_note                  { display: block; }
td div.exp_private_note                 { display: block; background:  #F5FCA2; }

table.score-table h3                   {  font-size: 19pt;
    line-height: 15px;
    margin-bottom: 9px;
}
table.score-table .note_table tr       {  text-align: left;
    line-height: 15px;
}
table.score-table .small-score-value    {  position: relative;
    left: 31px;
    top: -73px;
    font-size: 1pc;
}
table.score-table .large-score-value {
    position: relative;
    left: 100px;
    top: -196px;
    font-size: 2pc;
}
#note-section {
    display: block;
    /*float: left;
    width: 30%;*/
    margin-left: 10px;
}

.page-rrs-report-account #note-section {
    display: block;
    float: left;
    width: 100%;
    margin-left: 0;
}

div#accountInfo {
    margin-top: 0;
    margin: 15px 10px;
    display: block;
    /*float: left;
    width: 400px;*/
}

.page-rrs-report-account div#accountInfo {
    margin-top: -5px;
    margin-left: 10px;
    display: block;
    float: left;
    width: 100%;
}

body.page-rrs-report-account .page_title2 h1 {
    display: none;
}

#account-notes  {  width: 100%;
    padding: 10px;
    float: left;
    clear: both;
    /* border: 5px double darkgray; */
    display: inline-block;

}
#account-detail {  border: solid black 2px;
    width: 45%;
    float: left;
    margin-left: 12px;
    padding: 10px;
}
#account-detail dd {
    font-size: 12px;
    margin-bottom: 3px;
}

#account-info-block { clear : both; width: 100%; border: 5px single darkgray; display: inline-block }


#account-info-block .section-title {
    font-size: 140%;
    padding-bottom:9px;
    font-weight: bold;
}


#trend-block {
    clear : both;
    /* border: 5px double darkgray; */
    display: inline-block;
    width: 100%;
    max-width: 1170px;
}

div#score-div          { width: 120px; height: 159px;  }

div#score_header {
    font-family: 'Lato', 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    text-transform: capitalize;
    color: #546d7e;
    margin-top: 0px;
    text-align: left;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #546d7e;
    padding: 10px 0 10px 10px;
    width: 100%;
    max-width: 1170px;
}

.page-rrs-report-account .header .container {
  padding: 0 0 !important;
}

div#block-block-8 h2.block__title.block-title {
    visibility: hidden;
}

div.sp_comment_table table thead {
    font-size: 16px;

}

div.sp_comment_table table tbody, div.sp_comment_table table tbody tr td {
    font-size: 14px;
    border-top: solid gray .1em;
    border-bottom: solid gray .1em;
    border-left: solid gray .1em;
    border-right: solid gray .1em;

}

div.sp_comment_table table {
    padding-bottom: 20px;
    padding-top: 20px;
}

div.sp_comment_legend {
    width: 95%;
    padding-top: 20px;
}

div.sp_comment_legend table tbody tr td {
    padding-right: 55px;
    padding-left: 95px;
    font-size: 12px;
}

table.principal {
    width: 95%;
    background: lightgray;
    padding: 10px;
}

table.principal tbody tr td {
    text-align: center;
    font-size: 14px;
}

table.principal tbody tr th {
    text-align: center;
    font-size: 14px;
    padding-left: 15px;
}


th.pr-type-header {
    font-size: 14px;
}
th.pr-name {
    width: 115px;
    background-color: #94b5ae !important;
}
th.pr-title {
    width: 100px;
    background-color: #94b5ae !important;
}
th.pr-phone {
    width: 95px;
    background-color: #94b5ae !important;
}
td.pr-note {
    width: 310px;
}

.logo {
    margin-top: 10px !important;
}

div#logoforprint {
    display: none;
}

input#edit-name.form-control.form-text.required {
    width: 210px !important;
    height: 25px !important;
}

strong.organization-name,
strong.organization-unit            {
    font-family: 'Lato', 'Open Sans Condensed', sans-serif !important;
    font-weight: 600;
    font-size: 23px;
    color: #394636  !important;
    display: block;
}

.organization-unit-smaller {
  font-size: 16px !important;
}

#contact-dropdowns {
  font-size: 16px;
}

.lighter-weight {
  font-weight: lighter !important;
}

.section-title {
    /* font-size: 16px;
    font-family: "OpenSans", sans-serif;
    line-height: 32px;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #546d7e; */
    font-family: 'Lato', 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: #546d7e;
    margin: 0 0 20px 0;
    text-align: left;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #546d7e;
    padding: 10px 0 10px 10px;
}
.flash-title {
    /*font-size: 16px;
    font-family: "OpenSans", sans-serif;
    line-height: 32px;
    margin-bottom: 0px;
    margin-top: 10px;
    color: #cc2d4c; */
    font-family: 'Lato', 'Open Sans', sans-serif;
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
    color: #cc2d4c;
    margin: -5px 0 20px 0;
    text-align: left;
    border-width: 1px 0 1px 0;
    border-style: solid;
    border-color: #546d7e;
    padding: 10px 0 10px 10px;
}
.glyphicon a { color: #546d7e !important; }
table { margin: 0 0 20px !important; }

.glyphicon {
    font-family: 'Glyphicons Halflings','Open Sans Condensed', sans-serif !important;
    font-weight: bold !important;
    font-size: 18px !important;
}

/* GAUGES */

.gauge-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 15px;
}

.gauge-content-prev {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px;
  float: left;
}

/* Gauge */
.mask-current {
    position: relative;
    overflow: hidden;
    display: block;
    width: 12.5rem;
    height: 6.25rem;
    margin: 0rem;
}

.mask-prev {
  position: relative;
  overflow: hidden;

  display: block;
  width: 6.25rem;
  height: 3.125rem;
  margin: 0rem;
}

.gauge--main .semi-circle {
    position: relative;

    display: block;
    width: 12.5rem;
    height: 6.25rem;

    background: -webkit-gradient(linear, left top, left bottom, from(#7db9e8), to(#1e5799));
    background: -webkit-linear-gradient(to right, #CA2E4B 0%, #8E607A 50%, #3498db 100%);
    background: -moz-linear-gradient(to right, #CA2E4B 0%, #8E607A 50%, #3498db 100%);
    background: -ms-linear-gradient(to right, #CA2E4B 0%, #8E607A 50%, #3498db 100%);
    background: -o-linear-gradient(to right, #CA2E4B 0%, #8E607A 50%, #3498db 100%);
    background: linear-gradient(to right, #CA2E4B 0%, #8E607A 50%, #3498db 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CA2E4B', endColorstr='#3498db',GradientType=0);
    zoom: 1;

    -moz-border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
    -webkit-border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
    border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
}
.gauge--main .semi-circle::before {
      content: "";

      position: absolute;
      bottom: 0;
      left: 50%;
      z-index: 2;

      display: block;
      width: 8.75rem;
      height: 4.375rem;
      margin-left: -4.375rem;

      background: #fff;

     -moz-border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
    -webkit-border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
    border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
}
.gauge--main .semi-circle--mask {
    position: absolute;
    top: 0;
    left: 0;

    width: 12.5rem;
    height: 12.5rem;

    background: transparent;

    transform: var(--score);
    transform-origin: center center;
    backface-visibility: hidden;
    transition: all .3s ease-in-out;
}
.gauge--main .semi-circle--mask::before {
      content: "";

      position: absolute;
      top: 0;
      left: 0%;
      z-index: 2;

      display: block;
      width: 12.625rem;
      height: 6.375rem;
      margin: -1px 0 0 -1px;

      background: #cccccc;

      border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
}


.gauge--prev .semi-circle {
    position: relative;
    float: left;

    display: block;
    width: 6.25rem;
    height: 3.125rem;

    background: linear-gradient(to right, #CA2E4B 0%, #8E607A 50%, #3498db 100%);

    border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
}
.gauge--prev .semi-circle::before {
      content: "";

      position: absolute;
      bottom: 0;
      left: 85%;
      z-index: 2;

      display: block;
      width: 4.375rem;
      height: 2.1875rem;
      margin-left: -4.375rem;

      background: #fff;

      border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
}
.gauge--prev .semi-circle--mask {
    position: absolute;
    top: 0;
    left: 0;

    width: 6.25rem;
    height: 6.25rem;

    background: transparent;

    transform: var(--score);
    transform-origin: center center;
    backface-visibility: hidden;
    transition: all .3s ease-in-out;
}
.gauge--prev .semi-circle--mask::before {
      content: "";

      position: absolute;
      top: 0;
      left: 0%;
      z-index: 2;

      display: block;
      width: 6.3125rem;
      height: 3.1875rem;
      margin: -1px 0 0 -1px;

      background: #cccccc;

      border-radius: 50% 50% 50% 50% / 100% 100% 0% 0% ;
}


.pct-main {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 50px;
    font-weight: bold;
    color: #3498db;
    padding-top: 45px;
    /*margin-left: -126px;*/
    z-index: 8;
}

body.page-rrs-report-account .pct-main-prev-mo {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #3498db;
    padding-top: 25px;
    margin-left: -87px;
    z-index: 8;
}

body.page-rrs-report-account .pct-main-prev-yr {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #3498db;
    padding-top: 25px;
    margin-left: -84px;
    z-index: 8;
}

body.page-rrs-report-meeting .pct-main-prev-mo {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #3498db;
    padding-top: 25px;
    margin-left: -63px;
    z-index: 8;
}

body.page-rrs-report-meeting .pct-main-prev-yr {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 25px;
    font-weight: bold;
    color: #3498db;
    padding-top: 25px;
    margin-left: -63px;
    z-index: 8;
}

body.page-rrs-report-account .current-label {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #404040;
    margin: -15px 0 20px -85px;
    z-index: 8;
}

body.page-rrs-report-meeting .current-label {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    color: #404040;
    margin: -15px 0 20px 82px;
    z-index: 8;
}

body.page-rrs-report-account .prev-mo-label {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    color: #404040;
    padding-top: 5px;
    margin-left: 2px;
    z-index: 8;
}

body.page-rrs-report-account .prev-yr-label {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    color: #404040;
    padding-top: 5px;
    margin-left: 4px;
    z-index: 8;
}

body.page-rrs-report-meeting .prev-mo-label {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    color: #404040;
    padding-top: 5px;
    margin-left: -30px;
    z-index: 8;
}

body.page-rrs-report-meeting .prev-yr-label {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 10px;
    line-height: 10px;
    font-weight: bold;
    color: #404040;
    padding-top: 5px;
    margin-left: -20px;
    z-index: 8;
}

div.note_account {
    font-family: 'Lato', "Open Sans", sans-serif;
    font-size: 19px;
    font-weight: bold;
    color: white;
    width: 47%;
    padding: 5px;
    margin-top: 8px;
    background-color: #3498db;
    cursor: pointer;
}

div.note_detail {
    margin-left: 60px;
}

.form-item-amt {
  float: left;
  width: 110px;
  margin-right: 73px;
}

.form-item-action-date {
  width: 180px;
  margin-left: 187px;
}

#edit-flash-container .form-item.checkbox,
#edit-note-container .form-item.checkbox {
  padding-left: 0px !important;
}

a.ctools-modal-rrs_dashboard-request-style img {
  /*margin-left: 23px;*/
  position: relative;
  padding:0px !important;
  /*top: -20px;*/
}



.extra-info-list{
  margin-left: 20px;
  padding: 0;
  list-style-type: none;
  background-color: white;
  border-top: solid 15px #043d5d;
  border-bottom: solid 1px;
  max-height: 250px; 
  overflow-y: auto;
}
.extra-info-list li{
  border-left: solid 1px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  padding: 5px;
  text-align: left;
  /* display: flex; */
  /* white-space: nowrap; */
}

div.address-expanded {
  position: absolute;
  top: 82px;
  left: 10px;
  z-index: 999;
}

div.phone-expanded {
    position: relative;
    top: 10px;
    z-index: 999;
    height: 36px;
    font-weight: 400;
    overflow:visible;
  }

div.principal-expanded {
  position: absolute;
  top: 38px;
  left: -217px;
  z-index: 999;
  height: 36px;
  font-weight: 400;
  overflow:visible;
}

div.contact-expanded {
  position: absolute;
  top: 38px;
  left: -199px;
  z-index: 999;
  height: 36px;
  font-weight: 400;
  overflow:visible;
}

#trend-block #score_header a.btn, .collections-button, .rct-button {
  font-family: 'Lato', sans-serif!important;
  font-size: 14px;
  display: inline-block;
  background: #043d5d;
  border-radius: 4px;
  font-weight: normal;
  color: #ffffff;
  padding: 8px 12px;
  line-height: 1;
  text-decoration: none;
  margin-right: 0;
  border: none;
  margin-top: 4px;
}

.collections-button, .rct-button{
    margin-top: 9px !important;
    padding: 8px 12px !important;
    font-weight: normal !important;
    text-align: center;
    width:117px!important;
    background-color: #043d5d;
    height:32px;
    font-size: 14px;
}

.collections-button strong{
    font-weight: normal !important;
}

/*.collections-button:after{
    content:"\f4c0";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 19px;
    position: relative;
    padding: 0 9px 0 6px;
    vertical-align: middle;
}*/

i .fa-hand-holding-usd, .fa-hand-holding-usd{
    font-size: 20px!important;
    vertical-align: middle!important;
    margin-left: 8px;
    transform: translateY(-3px);
}

.collections-button:hover, .rct-button:hover {
    /*background-color: #43caea;*/
    background-color: #43caea;
    transition: all 250ms ease-in-out;
    cursor: pointer;
}

.vault-right-action {
  float: right;
}

div.rrs-finder-modal {
  cursor: pointer;
  color: var(--link-color);
}

div.rrs-finder-modal:hover {
  color: var(--link-hover-color);
}

div.rrs-thirdparty-report-exists, div.rrs-order-report {
  cursor: pointer;
  color: var(--link-color);
}

div.rrs-thirdparty-report-exists:hover, div.rrs-order-report:hover {
  color: var(--link-hover-color);
}

div.rrs-app-request {
  cursor: pointer;
  color: var(--link-color);
  display: inline;
}

div.rrs-app-request:hover {
  color: var(--link-hover-color);
}

/* Modal header
 Top section of the modal w/ title and dismiss*/
.modal-header {
  background-color:#D3E6F7;
  height:46px;
  padding:9px 15px !important;
}

h4#modal-title{
    font-size:22px;
    color:#333333;
}
.modal-content h2{
    font-size:18px;
    color:#333333;
}

.modal-body{
    padding: 20px 30px 40px 30px!important;
}
.control-label{
    font-size:16px !important;
    color:#333333;
}

#edit-next, #edit-cancel, #edit-previous--2, #edit-previous, #edit-return, #edit-cancel--2, #edit-cancel--3,#edit-previous--2, #edit-cancel--4, #rrs-report-col-add-form .form-submit, .ctools-use-ajax .form-submit, button[type="submit"]  {
    background-color: #043d5d;
    border:0px;
    color:#fff;
}

#edit-buttons, #edit-buttons--2, #edit-buttons--3, .col-action-element .form-wrapper, .col-action-element .form-actions{
    padding: 30px 0 0 25px;
}

#edit-cancel:hover, #edit-next:hover, #edit-previous--2:hover, #edit-previous--3:hover, #edit-previous:hover, #edit-return:hover, #edit-cancel--2:hover, #edit-cancel--3:hover,  #edit-cancel--4:hover, #rrs-report-col-add-form .form-submit:hover, button[type="submit"]:hover  {
    background-color: #43caea;
    transition: all 250ms ease-in-out;
    color:#fff;
}

#rrs-report-col-add-form .glyphicon-remove, #rrs-report-col-add-form .icon, #rrs-report-col-add-form .glyphicon{
top:3px !important;
font-size: 16px !important;
}

.ctools-use-ajax span .glyphicon-remove {
    vertical-align: middle!important;
}

.col-action-element:first-child{
    height:148px;
    width: 50%;
    /* float: left; background-color: red !important;*/
    display: inline-block;
    /* position: relative; */
    float: left;
}

.col-action-element:last-child{
    height:148px;
    width: 50%;display: inline-block;
    /* float: right; background-color: yellow !important;*/
    position: relative;
}

.rrs-report-col-1-form{
    width:50%;
    background-color: red !important;
}

.modal-body .radio, .modal-body .checkbox{
    width:100% !important;
}

.ctools-use-modal-processed{
    font-weight: 400 !important;
}

#edit-agency-contact{
    margin-bottom: 30px;
}

#edit-agency-contact label .radio ,
#edit-agency-contact label .checkbox  {
    display: inline-block !important;
}

.editInfo {
    font-weight: 400;
    float:right;
    right: 10px;
    top: -31px;
    height: 0px;
    position: relative;
}

.account-info-name{
  font-size:18px;
}

.account-info-name p:first-child{
text-overflow: ellipsis;
max-width:314px;
overflow: hidden;
white-space: nowrap;
border-right: 1px #ddd solid;
margin: 5px 0;
}

.info-left-bottom {
  font-weight: lighter;
}

#account-principal, #account-contact, .account-phone {
  font-size:16px;
  display: block;
  white-space: nowrap;
  padding-right: 10px;
  margin-right: 10px;
  margin-top: 0px;
  cursor: pointer;
}

/* Hide principal contact details on screen - only shown in PDF */
.principal-contact-details {
  display: none;
}

/* Hide PDF generated date on screen - only shown in PDF */
.pdf-generated-date {
  display: none;
}

.account-info-address{
  font-size:16px;
  display: inline-block;
  white-space: nowrap;
}

/*.account-info-address a{
  padding: 5px 0 0 25%;
  padding: 7px 0 0 0;
  text-align: right;
  width: 100%;
  font-weight:normal;
  position: relative;
}*/

.account-info-address a {
  font-weight:normal;
}

.account-info-address p i{
  overflow: visible;
}

.account-info-toper,
.account-info-toper .account-info-name,
.account-info-toper .account-info-address {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.account-info-toper {
  font-family: 'Lato', sans-serif;
  width:1024px;
}

.account-info-toper .account-info-name {
  border-bottom: 1px solid #dddddd;
  padding: 0 10px;
  border-right: 1px solid #dddddd;
}
.account-info-toper .account-info-left {
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.account-info-toper .account-info-name p:first-child {
  padding: 5px 8px;
  /*margin: 0;*/
}

.account-info-toper .account-info-address p:not(:last-child) {
  border-right: 1px solid #dddddd;
}
.account-info-right {
  /*padding: 13px;
  max-height:84px;
  width:130px;
  font-size: 12px;*/
  padding-left: 7px;
  width:130px;
  font-size: 12px;
  float: right;
}
.account-info-name p i .fa-chevron-down{
  margin:0 5px !important;
}

.fa-chevron-down:before {
  padding-left: 10px;
}

.account-info-right span, .account-info-right a{
  background-color: #172B33;
  border-radius: 4px;
  padding:5px;
  color:#ffffff;
  text-decoration: none;
}

.account-info-right span br{
  display:none!important;
}

.account-info-right div a{
  background-color: transparent;
  padding:0px;
  width:26px!important;
  padding:0px;
  margin:0px;
}

.account-info-right a {
  font-family: 'Lato', sans-serif!important;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
  /*display: table;*/
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  font-weight: normal;
  margin-top:20px;
}
.account-info-right a.btn {
  background: #043d5d!important;
  border-radius: 4px;
  font-weight: normal;
  color: #ffffff;
  padding: 9px 10px;
  line-height: 1;
  text-decoration: none;
  margin-right: 0;
  border: none;
  margin-top: 9px;
  font-size: 14px;
  height:32px;
  width:117px!important;

}



.account-info-right a.btn:hover,
.account-info-right a.btn:focus {
  background-color: #43caea;
}
#trend-block {
  font-family: 'Lato', sans-serif;
}
#trend-block #score_header {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  border-bottom: 1px solid #dddddd;
  padding: 10px 0;
  border-top: none;
}
#trend-block #score_header h3 {
  font-family: 'Lato', sans-serif!important;
  font-weight: 600;
  color: #333333!important;
  margin: 0;
  font-size: 18px;
}

#trend-block .chart .charts-google g text{
  text-align: center !important;
}

.add-mtg-button{
  width:117px;
  padding:1px 10px 9px 10px!important
}

#score_header .score-download{/*Download PDF button adjustments. Located under add to mtg button*/
 padding:0px 7px 0px 0px!important;
}


.add-mtg-button img{
  /*margin-left: 23px;*/
  position: relative;
  padding:0px !important;
  top: 5px;
  left: 5px;
}
.add-mtg-button strong{
  font-weight:normal !important;
}

#trend-block #score_header a.btn, .add-mtg-button {
  font-family: 'Lato', sans-serif!important;
  font-size: 14px;
  display: inline-block;
  background: #043d5d;
  border-radius: 4px;
  font-weight: normal;
  color: #ffffff;
  padding: 8px 12px;
  line-height: 1;
  text-decoration: none;
  margin-right: 0;
  border: none;
  margin-top: 4px;
}
#trend-block #score_header a.btn:hover,
#trend-block #score_header a.btn:focus,
.add-mtg-button:hover, .score-download a.btn:hover {
  background-color: #43caea !important;
  transition: all 250ms ease-in-out;
}


.page-rrs-report-account table.report .mbr_col a {
  color: #333333;
}
.page-rrs-report-account table.report .mbr_col a .glyphicon {
  font-size: 15px!important;
}
.page-rrs-report-account table.report .mbr_col a .glyphicon::before {
  display: none;
}
.documents-info-section td {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  border-bottom: 1px #dddddd solid!important;
  border-left: 1px #dddddd solid!important;
  height:46px;
  padding-left:20px!important;
}

.documents-info-section h5{
  font-weight: 600!important;
  font-size: 18px!important;
  color: #333333!important;
  margin-bottom: 10px;
  font-family: 'Lato', sans-serif!important;
  padding-top:10px;
}

/*
.documents-info-section a {
  font-weight: 400;
  color: #000;
}
*/

table.file-vault {
  table-layout: fixed;
}

table.file-vault th, table.file-vault td {
  font-size: 15px;
}

table.file-vault th, table.file-vault td {
  width: calc(100% / 3);
}

/* .file-vault table th {
  font-family: 'Lato','Open Sans Condensed', sans-serif  !important;
} */

.documents-info-section th{
  text-transform: uppercase!important;
  height:43px;
}

.documents-info-section p {
  padding: 10px;
  margin: 0;
  border-bottom: 1px solid #dddddd;
  font-weight: 700;
  color: #333333;
}
.documents-info-section p .red-text {
  text-transform: uppercase;
  color: #ff0000;
}
.page-rrs-report-account .section-title {
  font-family: 'Lato', sans-serif!important;
  font-weight: 600;
  color: #333333!important;
  margin: 0 0 10px 0;
  font-size: 18px;
  padding-left: 0;
  padding-right: 0;
  border-top: none;
  border-bottom: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  margin-top: 0px;
}

@media print {
    a[href]:after {
        content: none !important;
    }

    nav.menu_main, div.menu_right, footer, div.page_title2, ul.rrsnav-links, ul.nav-object, div.logo {
        display: none !important;
    }

    div.region.region-content {
        width: 90% !important;
        margin-top: 1% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
        position: center !important;

    }

    div#logoforprint {
        display : block;
    }
}

tr.credit-app-disabled {
  background-color: lightgray;
}

#collections-alert {
  margin-bottom: 6px;
}

#collections-alert h4 {
  color: #bd6767 !important;
  margin-bottom: unset;
}

.collections-button.placements-exist {
  background-color: #c92d4a;
}

.stat-recovery-button {
  height: 50px;
  width: 250px;
  background-color: #003c5c;
  border-color: #003c5c;
  padding: 14px !important;
  margin: 0px !important;
  font-family: 'Lato', sans-serif !important;
  display: inline-block;
}

a.stat-recovery-button:visited{
  background-color: #003c5c;
  border-color: #003c5c;
}

.notes-button {
  margin: -10px 0px 10px 0px !important;
  background-color: #3f88c8 !important;
}

#experience-section td {
  padding: 10px 10px !important;
}

.doc-vault-anchor {
  height: 0px;
  position: absolute;
}

.euro-print-link {
  margin-bottom: 90px;
}

.flex-row-wrapper.report-top .col-md-4:first-child{
  padding-left: 0 !important;
}

.report-top.report-top-preview {
  margin-top: 150px;
}

.flex-row-wrapper.report-top .col-md-4:last-child{
  padding-right: 0 !important;
}

p.account-phone, .info-left-bottom p {
  margin: 0px !important;
}

.account-update-link {
  font-size: 1em;
}

.imr-nav {
  margin-top: 115px;
}

.imr-header-large-text {
  font-size: 17px !important;
}

.imr-header-small-text * {
  font-size: 15px !important;
}

.imr-content {
  margin-top: 50px;
}

.blur { 
  filter: blur(0.2rem)
}

.irr-preview-image {
  width: 100%;
}

.irr-account-info-preview-image {
  height: 65px;
}

.irr-account-principal-preview-image {
  width: 100%;
}

div.paywall-alert {
  height: 160px;
  overflow: hidden;
  z-index: 999;
  position: fixed;
  top: 525px;
  background-color: white;
  padding: 20px;
  text-align: center;
  box-shadow: 2px 2px 5px black;
  padding-left: 50px !important;
  padding-right: 50px !important;
}

div.paywall-alert p, 
div.paywall-alert h2 {
  animation: 1s slide-up;
  margin-top: 0%;
}

body.page-report .main-container.container > div.row {
  margin-top: 0px !important;
}

@keyframes slide-up {
  from {
    margin-top: 100%;
    height: 0%;
  }
  to {
    margin-top: 0%;
    height: 100%;
  }
}

/* ========================================
   STAT RECOVERY MODAL - MODERN DESIGN
   ======================================== */

/* Modal Overlay */
.stat-modal-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  align-items: center;
  justify-content: center;
  padding: 20px;
  box-sizing: border-box;
}

/* Modal Container */
.stat-modal {
  position: relative;
  background: #ffffff;
  border-radius: 16px;
  width: 100%;
  max-width: 800px;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  animation: statModalFadeIn 0.3s ease-out;
}

@keyframes statModalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95) translateY(10px);
  }
  to {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* Close Button */
.stat-modal-close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 10;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
  transition: background-color 0.2s ease;
}

.stat-modal-close:hover {
  background: rgba(0, 0, 0, 0.05);
}

.stat-modal-close svg {
  width: 24px;
  height: 24px;
  color: #64748b;
}

.stat-modal-close:hover svg {
  color: #334155;
}

/* Wave Header */
.stat-modal-wave {
  height: 60px;
  position: relative;
  overflow: hidden;
}

.stat-modal-wave::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -10px;
  background-image: url("images/stat-modal-waves.webp");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% auto;
}

/* Modal Content */
.stat-modal-content {
  padding: 24px 48px 48px;
  overflow-y: auto;
  max-height: calc(100vh - 140px);
  border: none !important;
  font-family: 'Lato', sans-serif;
}

/* Reset inherited styles from .account-info-right */
.stat-modal-overlay span,
.stat-modal-overlay a {
  background-color: transparent;
  border-radius: 0;
  padding: 0;
  color: inherit;
  width: auto;
  margin-top: 0;
}

/* Logo */
.stat-logo-container {
  text-align: center;
}

.stat-logo {
  width: 250px;
  height: auto;
}

/* Section Styles */
.stat-section {
  margin-bottom: 24px;
}

.stat-section:last-child {
  margin-bottom: 0;
}

/* Headings */
.stat-modal-content h2 {
  color: #124D7E !important;
  font-size: 25px !important;
  font-weight: 400;
  margin: 0 0 12px 0;
  line-height: 1.3;
}

.stat-heading--learn {
  margin-bottom: 20px;
}

/* Body Text */
.stat-text {
  color: #374151;
  font-size: 15px;
  line-height: 1.7;
  margin: 0;
}

/* CTA Button */
.stat-cta-container {
  text-align: center;
  padding: 24px 0 32px;
}

.stat-modal-overlay .stat-cta-container a.stat-cta-button {
  display: inline-block;
  background: linear-gradient(135deg, #2477bb 0%, #122e44 100%) !important;
  color: #ffffff !important;
  padding: 14px 36px !important;
  border-radius: 100px !important;
  font-size: 16px !important;
  font-weight: 400;
  text-decoration: none !important;
  transition: all 0.2s ease;
  box-shadow: 0 4px 6px -1px rgba(18, 77, 126, 0.2);
  width: auto !important;
  margin-top: 0 !important;
  margin: 0 !important;
}

.stat-modal-overlay .stat-cta-container a.stat-cta-button:hover {
  background: linear-gradient(135deg, #1e6699 0%, #0f4570 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
  box-shadow: 0 6px 10px -2px rgba(18, 77, 126, 0.3);
}

.stat-modal-overlay .stat-cta-container a.stat-cta-button:active {
  transform: translateY(0);
}

/* Accordion */
.stat-accordion {
  border-top: 1px solid #e5e7eb;
}

.stat-accordion-item {
  border-bottom: 1px solid #e5e7eb;
}

.stat-accordion-trigger {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  transition: color 0.2s ease;
}

.stat-accordion-trigger:hover {
  color: #124D7E;
}

.stat-accordion-title {
  font-size: 16px;
  font-weight: 600;
  color: #1f2937;
  background: transparent !important;
  border-radius: 0 !important;
  padding: 0 !important;
}

.stat-accordion-trigger:hover .stat-accordion-title {
  color: #124D7E;
}

/* Chevron Icon */
.stat-chevron {
  width: 20px;
  height: 20px;
  color: #9ca3af;
  flex-shrink: 0;
  transition: transform 0.3s ease, color 0.2s ease;
}

.stat-accordion-item--open .stat-chevron {
  transform: rotate(180deg);
  color: #124D7E;
}

/* Accordion Panel */
.stat-accordion-panel {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease-out, padding 0.35s ease-out;
  padding: 0;
}

.stat-accordion-item--open .stat-accordion-panel {
  max-height: 600px;
  padding-bottom: 20px;
}

.stat-accordion-panel p,
.stat-accordion-panel li {
  color: #4b5563;
  font-size: 15px;
  line-height: 1.75;
}

.stat-accordion-panel p {
  margin: 0 0 16px 0;
}

.stat-accordion-panel p:last-child,
.stat-accordion-panel li:last-child {
  margin-bottom: 0;
}

.stat-accordion-panel ul {
  margin: 0;
  padding-left: 24px;
  list-style-type: disc;
}

.stat-accordion-panel li {
  margin-bottom: 12px;
}

.stat-accordion-panel li strong {
  color: #1f2937;
  font-weight: 700;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .stat-modal {
    max-width: 100%;
    border-radius: 12px;
    margin: 10px;
  }

  .stat-modal-content {
    padding: 20px 24px 32px;
  }

  .stat-modal-content h2 {
    font-size: 22px !important;
  }

  .stat-text {
    font-size: 14px;
  }

  .stat-accordion-title {
    font-size: 15px;
  }

  .stat-accordion-panel p,
  .stat-accordion-panel li {
    font-size: 14px;
  }

  .stat-logo {
    width: 160px;
  }
}

/* =PRINT-ONLY ELEMENTS (hidden on screen)
-------------------------------------------------------------------------*/
.print-only-contacts {
  display: none;
}

/* =DISCLAIMER
-------------------------------------------------------------------------*/
.disclaimer {
  margin-top: 24px;
  padding: 16px 20px;
  background-color: #f8f9fa;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.6;
  color: #5a6a7a;
  font-style: italic;
  text-align: justify;
}

/* =PRINT STYLES
-------------------------------------------------------------------------
   Print-specific styles for PDF generation via Gotenberg and browser print.
   Hides interactive elements and optimizes layout for Letter paper.

   NOTE: These styles apply when using the web template (rrs-report-show.tpl.php)
   for PDF generation, enabling the "Single Source of Truth" approach.
-------------------------------------------------------------------------*/
@media print {
  /* Page setup - Letter size with tight top margin */
  @page {
    size: letter;
    margin: 0.15in 0.5in 0.4in 0.5in;
  }

  /* Reset body styles for print */
  body, html {
    background: white !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 10pt !important;
    font-style: normal !important;
    line-height: 1.3 !important;
  }

  /* Remove any top padding/margin from content wrappers */
  .main-container,
  .region-content,
  #content,
  .container {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  /* PDF-specific body class for targeted styling */
  body.rrs-report-pdf {
    padding: 0 !important;
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
  }

  /* Ensure consistent font throughout */
  *, *::before, *::after {
    font-family: inherit !important;
    font-style: normal !important;
  }

  /* Specific elements that need Lato font */
  .organization-name,
  .organization-unit,
  .chart-tiles-group-title,
  .chart-tile-header,
  .chart-tile-value,
  .chart-tile-subamount,
  .chart-tile-sublabel,
  .section-title,
  table th,
  table td {
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
  }

  /* ==========================================================================
     HIDE INTERACTIVE ELEMENTS
     Everything that doesn't belong in a static PDF
     ========================================================================== */

  /* Navigation and page chrome */
  header,
  footer,
  nav,
  .navbar,
  #header,
  #footer,
  #navigation,
  .breadcrumb {
    display: none !important;
  }

  /* ALL Font Awesome icons - they won't load in Gotenberg */
  .fa,
  .fas,
  .far,
  .fab,
  .fal,
  .fad,
  [class^="fa-"],
  [class*=" fa-"] {
    display: none !important;
  }

  /* For glyphicons, only hide the icon (::before) not the text content */
  .glyphicon::before {
    display: none !important;
  }

  /* But hide full glyphicon elements that are purely icons (not in mbr_col) */
  .glyphicon:not(.mbr_col .glyphicon) {
    display: none !important;
  }

  /* Make sure mbr_col glyphicons show their text content but inherit normal font size */
  .mbr_col .glyphicon,
  td.mbr_col .glyphicon {
    display: inline !important;
    font-size: inherit !important;
    font-family: inherit !important;
  }

  /* Action buttons section - hide the entire container */
  .account-info-right {
    display: none !important;
  }

  /* Individual interactive elements */
  .btn,
  .button,
  .score-download,
  .account-update-link,
  .note-add-button,
  .notes-button,
  #display-more-notes,
  #display-less-notes,
  .add-mtg-button,
  .collections-button,
  .euro-print-link {
    display: none !important;
  }

  /* Collapse/expand toggles */
  .glyphicon-chevron-right,
  .glyphicon-chevron-down,
  .phone-collapsed,
  .principal-collapsed,
  .contact-collapsed,
  .vault_collapsed,
  .vault_expanded {
    display: none !important;
  }

  /* Document vault and third-party reports section */
  .documents-info-section,
  .ansonia_link_block,
  .thirdparty-report-header,
  #vault_document_table,
  .doc-vault-header {
    display: none !important;
  }

  /* Collections and external links */
  #collections-alert,
  .stat-recovery-link,
  .col-link,
  .rct-link,
  [id^="act-collections-"],
  [id="rct-link"] {
    display: none !important;
  }

  /* Modals and popups */
  .modal,
  .modal-backdrop,
  .popup,
  .popover {
    display: none !important;
  }

  /* Canvas elements (charts rendered by JS) */
  #trend-block canvas,
  .chart-canvas {
    display: none !important;
  }

  /* Chart iframe containers (popup charts) - hide in PDF */
  .chart-iframe-container,
  .chart-iframe,
  iframe.chart-iframe {
    display: none !important;
  }

  /* ==========================================================================
     PRINT-ONLY CONTACT SECTION
     Hide the web's expandable dropdowns and show the clean print table
     ========================================================================== */

  /* Hide the web dropdown section entirely */
  #contact-dropdowns {
    display: none !important;
  }

  /* Hide the print-only contacts section */
  .print-only-contacts {
    display: none !important;
  }

  .print-contact-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-size: 9pt !important;
    margin-bottom: 10pt !important;
  }

  .print-contact-table th {
    background-color: #003b5c !important;
    color: white !important;
    font-weight: bold !important;
    font-size: 10pt !important;
    padding: 4pt 8pt !important;
    text-align: left !important;
    border: 1px solid #003b5c !important;
  }

  .print-contact-table td {
    border: 1px solid #ccc !important;
    padding: 4pt 8pt !important;
    vertical-align: top !important;
  }

  .print-contact-table td.contact-label {
    width: 120pt !important;
    font-weight: normal !important;
    background-color: #f5f5f5 !important;
  }

  /* ==========================================================================
     LAYOUT - REPORT HEADER
     Company info only (contacts moved to print-only table)
     ========================================================================== */

  .report-top {
    page-break-after: avoid !important;
    margin-bottom: 2pt !important;
  }

  /* PDF Generated Date - show at top right */
  .pdf-generated-date {
    display: block !important;
    text-align: right !important;
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 8pt !important;
    color: #666 !important;
    margin: 0 0 4pt 0 !important;
    padding: 0 !important;
  }

  /* Two-column flexbox layout for report top */
  .report-top.flex-row-wrapper {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    gap: 10pt !important;
  }

  /* First column - company info - left side */
  .report-top .col-md-4:first-child {
    display: block !important;
    width: 40% !important;
    flex: 0 0 40% !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  /* Hide third column (buttons only) */
  .report-top .col-md-4:last-child,
  .account-info-right {
    display: none !important;
  }

  /* Show second column (contact info) - right side */
  .report-top .col-md-4#contact-dropdowns {
    display: block !important;
    width: 50% !important;
    flex: 0 0 50% !important;
    padding: 0 !important;
    margin: 0 !important;
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 9pt !important;
    color: #394636 !important;
  }

  /* Phone - style the first phone only */
  #contact-dropdowns .account-phone {
    margin: 0 0 2pt 0 !important;
    font-size: 9pt !important;
  }

  /* Hide phone icon */
  #contact-dropdowns .account-phone .fa-phone,
  #contact-dropdowns .account-phone i {
    display: none !important;
  }

  /* Hide expand/collapse chevrons */
  #contact-dropdowns .phone-collapsed,
  #contact-dropdowns .phone-expanded,
  #contact-dropdowns .principal-collapsed,
  #contact-dropdowns .principal-expanded,
  #contact-dropdowns .contact-collapsed,
  #contact-dropdowns .contact-expanded,
  #contact-dropdowns .glyphicon {
    display: none !important;
  }

  /* Hide the expanded phone/principal/contact lists */
  #contact-dropdowns div.phone-expanded,
  #contact-dropdowns div.principal-expanded,
  #contact-dropdowns div.contact-expanded,
  #contact-dropdowns .extra-info-list {
    display: none !important;
  }

  /* Hide Additional Contacts entirely */
  #contact-dropdowns #account-contact {
    display: none !important;
  }

  /* Principal styling */
  #contact-dropdowns #account-principal {
    margin: 0 0 0 0 !important;
    font-size: 9pt !important;
  }

  #contact-dropdowns #account-principal strong {
    font-weight: 700 !important;
  }

  /* Principal contact details (email/phone) - show in PDF on separate line */
  #contact-dropdowns .principal-contact-details {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 0 40pt !important;  /* Indent to align under principal name */
    font-size: 8pt !important;
    color: #394636 !important;
    line-height: 1.3 !important;
  }

  #contact-dropdowns .principal-contact-details .principal-email {
    display: inline !important;
  }

  #contact-dropdowns .principal-contact-details .principal-phone {
    display: inline !important;
    margin-left: 8pt !important;
  }

  /* Info left bottom section */
  #contact-dropdowns .info-left-bottom {
    margin: 0 !important;
    padding: 0 !important;
    position: static !important;
  }

  /* Hide the br inside info-left-bottom (after account-info-address) */
  #contact-dropdowns .info-left-bottom br {
    display: none !important;
  }

  #contact-dropdowns .account-info-address {
    display: block !important;
    font-size: 9pt !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #contact-dropdowns .principal-contact-details {
    margin-bottom: 0 !important;
  }

  /* Est, State of Corp, Date styling */
  #contact-dropdowns > strong {
    font-weight: 700 !important;
  }

  /* Company Website - show URL instead of link text */
  #contact-dropdowns a[href*="website"],
  #contact-dropdowns a[title*="riemer"] {
    font-size: 9pt !important;
    color: #394636 !important;
    text-decoration: none !important;
  }

  /* Hide the link icon and "Company Website" text, show URL */
  #contact-dropdowns a[title*="riemer"] .fa-external-link,
  #contact-dropdowns a[title*="riemer"] i {
    display: none !important;
  }

  /* Show the href as content after the link */
  #contact-dropdowns a[title*="riemer"]::after {
    content: attr(href) !important;
  }

  /* Hide the original link text */
  #contact-dropdowns a[title*="riemer"] {
    font-size: 0 !important;
  }

  #contact-dropdowns a[title*="riemer"]::before {
    content: "Website: " !important;
    font-size: 9pt !important;
    font-weight: 700 !important;
  }

  #contact-dropdowns a[title*="riemer"]::after {
    font-size: 9pt !important;
    font-weight: 400 !important;
  }

  /* Organization name styling - COMPACT */
  strong.organization-name,
  .organization-name {
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-size: 12pt !important;
    font-weight: 700 !important;
    font-style: normal !important;
    display: block !important;
    margin-bottom: 1pt !important;
    color: #394636 !important;
  }

  strong.organization-unit,
  .organization-unit {
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 600 !important;
    display: block !important;
    font-size: 9pt !important;
    margin-bottom: 0pt !important;
    color: #394636 !important;
    line-height: 1.2 !important;
  }

  .organization-unit-smaller {
    font-size: 8pt !important;
  }

  .lighter-weight {
    font-weight: 400 !important;
  }

  /* Address and city/state/zip - override organization-unit bold styling */
  strong.organization-unit.lighter-weight,
  .organization-unit.lighter-weight {
    font-weight: 400 !important;
  }

  /* Style the first column container so EIN value text matches label */
  .report-top .col-md-4:first-child {
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color: #394636 !important;
    font-size: 9pt !important;
  }

  /* Strong tags without class (EIN label, R-# number) - keep inline */
  .report-top .col-md-4:first-child > strong:not([class]) {
    font-family: 'Lato', 'Open Sans', Arial, Helvetica, sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    color: #394636 !important;
    display: inline !important;
    font-size: 9pt !important;
  }

  /* Contact dropdowns section */
  #contact-dropdowns {
    padding-left: 20pt !important;
  }

  /* Phone numbers */
  .account-phone {
    margin-bottom: 2pt !important;
    font-size: 8pt !important;
  }

  /* Extra info lists (additional phones, principals, contacts) */
  .extra-info-list {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 2pt 0 6pt 0 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    max-height: none !important;
    overflow: visible !important;
    position: static !important;
    width: auto !important;
    background: none !important;
  }

  .extra-info-list li {
    margin-bottom: 2pt !important;
    font-size: 9pt !important;
    padding: 2pt 0 !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    background: none !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    display: block !important;
  }

  /* Principal and contact info */
  #account-principal,
  #account-contact {
    margin: 4pt 0 2pt 0 !important;
    font-size: 9pt !important;
    white-space: normal !important;
    display: block !important;
  }

  .info-left-bottom {
    margin-top: 6pt !important;
    position: static !important;
    display: block !important;
    width: 100% !important;
    overflow: visible !important;
  }

  .account-info-address {
    font-size: 9pt !important;
    display: block !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow: visible !important;
    position: static !important;
    width: 100% !important;
  }

  /* Phone number styling */
  .account-phone {
    white-space: normal !important;
    display: block !important;
    margin-bottom: 2pt !important;
  }

  /* ==========================================================================
     LINKS STYLING
     Make links look like regular text
     ========================================================================== */

  a {
    color: #333 !important;
    text-decoration: none !important;
    background: none !important;
    padding: 0 !important;
  }

  /* Reset any button-like link styling */
  a.btn,
  span.btn {
    background: none !important;
    color: #333 !important;
    padding: 0 !important;
    border: none !important;
    display: none !important;
  }

  /* ==========================================================================
     CHART TILES - Score and metrics display
     Override opacity: 0 that relies on JS animation
     ========================================================================== */

  #trend-block {
    page-break-inside: avoid !important;
    margin: 12pt 0 !important;
    padding: 0 !important;
  }

  /* Force visibility - override JS-dependent animations */
  .chart-tiles-wrapper,
  .chart-tiles-group,
  .chart-tiles-container,
  .chart-tile,
  .chart-tile-content,
  .chart-tile-gauge,
  .gauge-tile,
  .chart-tile-value,
  .chart-tile-subvalues,
  .chart-tile-sublabels,
  .chart-tile-subamounts,
  .chart-tile-sublabel,
  .chart-tile-subamount,
  .chart-tile-change,
  .chart-tile-changes,
  .chart-tile-change-arrow {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
  }

  /* Score gauge - apply rotation directly without JS animation */
  .gauge-tile-semi-circle-mask {
    transform: var(--score) !important;
    animation: none !important;
  }

  .chart-tiles-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    margin: 0 0 8pt 0 !important;
  }

  .chart-tiles-group {
    display: block !important;
    border: 1px solid #ddd !important;
    border-radius: 6px !important;
    padding: 0 !important;
    background: #fff !important;
    margin: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    overflow: hidden !important;
  }

  .chart-tiles-group-title {
    font-size: 8pt !important;
    font-weight: bold !important;
    color: #003b5c !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    text-align: left !important;
    width: auto !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
    border-bottom: 1px solid #eee !important;
    background: #f8f9fa !important;
  }

  /* Hide info icon tooltip */
  .chart-tiles-group-info-wrapper,
  .chart-tiles-group-tooltip {
    display: none !important;
  }

  .chart-tiles-container,
  .tiles-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 8px 0 !important;
  }

  .chart-tile,
  .tile {
    display: inline-block !important;
    flex: 1 !important;
    vertical-align: top !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 4px 10px !important;
    margin: 0 !important;
    text-align: center !important;
    background: transparent !important;
    min-width: 0 !important;
    box-shadow: none !important;
    position: relative !important;
  }

  /* Vertical separator between tiles */
  .chart-tile:not(:last-child)::after {
    content: '' !important;
    position: absolute !important;
    right: 0 !important;
    top: 10% !important;
    height: 80% !important;
    width: 1px !important;
    background-color: #e0e0e0 !important;
  }

  .chart-tile:first-child {
    padding-left: 12px !important;
  }

  .chart-tile:last-child {
    padding-right: 12px !important;
  }

  .chart-tile-content {
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 3px !important;
  }

  .chart-tile-header {
    font-size: 6pt !important;
    font-weight: bold !important;
    color: #5a6a7a !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.3px !important;
  }

  .chart-tile .tile-title,
  .chart-tile .gauge-title,
  .tile-header {
    font-size: 6pt !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #5a6a7a !important;
  }

  .chart-tile-label,
  .chart-tile-main-label {
    font-size: 5pt !important;
    color: #888 !important;
    margin: 0 0 1px 0 !important;
    font-weight: 600 !important;
  }

  .chart-tile .tile-value,
  .chart-tile .gauge-value,
  .tile-value,
  .chart-tile-value {
    font-size: 11pt !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .chart-tile-value.currency,
  .chart-tile-value.percentage {
    padding: 0 !important;
  }

  .chart-tile .tile-change,
  .tile-change {
    font-size: 5pt !important;
    color: #666 !important;
  }

  /* Chart tile subvalues container */
  .chart-tile-subvalues {
    margin: 4px 0 0 0 !important;
    padding: 0 !important;
    gap: 1px !important;
  }

  .chart-tile-subvalues-spacer {
    display: none !important;
  }

  /* Chart tile subvalues - Last Month / Last Year values */
  .chart-tile-subamount {
    font-size: 7pt !important;
    font-weight: bold !important;
    padding: 0 !important;
  }

  .chart-tile-sublabel {
    font-size: 5pt !important;
    font-weight: 600 !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #888 !important;
  }

  .chart-tile-changes,
  .chart-tile-sublabels,
  .chart-tile-subamounts {
    gap: 4px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Chart tile changes - percentage changes */
  .chart-tile-change {
    font-size: 5pt !important;
    margin: 0 !important;
  }

  .chart-tile-change-arrow {
    font-size: 5pt !important;
    margin: 0 !important;
  }

  /* Score disclaimer text - "*Insufficient data to calculate score" */
  .chart-tile-disclaimer {
    font-size: 5pt !important;
    color: #888 !important;
    margin: 2px 0 0 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
  }

  /* Score gauge - proportional to web */
  .chart-tile-gauge {
    margin: 0 0 -18px 0 !important;
  }

  .chart-tile-gauge-spacer {
    display: none !important;
  }

  .gauge-tile,
  .gauge-tile-mask {
    width: 55px !important;
    height: 24px !important;
  }

  .gauge-tile-semi-circle {
    width: 55px !important;
    height: 27.5px !important;
  }

  .gauge-tile-semi-circle::before {
    width: 38.5px !important;
    height: 19.25px !important;
    margin-left: -19.25px !important;
  }

  .gauge-tile-semi-circle-mask {
    width: 55px !important;
    height: 55px !important;
  }

  .gauge-tile-semi-circle-mask::before {
    width: 55px !important;
    height: 27.5px !important;
  }

  .chart-tile-value.score {
    font-size: 14pt !important;
    padding: 4px 0 0 0 !important;
    color: #3498db !important;
  }

  /* Score tile subvalues */
  .chart-tile[data-chart-type="score"] .chart-tile-subvalues {
    margin-top: 2px !important;
  }

  .chart-tile[data-chart-type="score"] .chart-tile-subamount {
    font-size: 7pt !important;
    color: #3498db !important;
  }

  /* ==========================================================================
     SECTION HEADERS
     ========================================================================== */

  .section-title,
  .exp-section-title,
  h3.section-header,
  h4.section-header,
  h5.section-header {
    font-size: 11pt !important;
    font-weight: bold !important;
    margin: 12pt 0 6pt 0 !important;
    padding-bottom: 3pt !important;
    border-bottom: 1px solid #003b5c !important;
    color: #003b5c !important;
    page-break-after: avoid !important;
  }

  /* Hide sticky header in print */
  table.sticky-header {
    display: none !important;
  }

  /* ==========================================================================
     TABLES - Experience, History, etc.
     Mirror the screen CSS styles for consistency
     ========================================================================== */

  /* Base table styles - from table.report */
  table.report {
    color: black !important;
    margin: 0 auto !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 7pt !important;
    border: 1px double darkgray !important;
    width: 100% !important;
    border-collapse: collapse !important;
  }

  /* Cell padding and font - from table.report th, table.report td */
  table.report th,
  table.report td {
    padding: 3px 4px !important;
    font-family: 'Open Sans Condensed', sans-serif !important;
    font-size: 7pt !important;
  }

  /* Figures cells centered - from table.report td.figures */
  table.report tr.figures th,
  table.report tr.figures td,
  table.report th.figures,
  table.report td.figures {
    text-align: center !important;
  }

  /* Dispute styling */
  table.report td.dispute {
    color: red !important;
  }

  /* Header row styling - from table.report tbody th */
  table.report tbody th {
    font-family: 'Lato', sans-serif !important;
    text-transform: capitalize !important;
    background: #3f88c8 !important;
    font-weight: 400 !important;
    font-size: 6pt !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: #fff !important;
    padding: 4px 6px !important;
    color: #fff !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
  }

  /* Header row styling - for thead headers */
  table.report thead th {
    font-family: 'Lato', sans-serif !important;
    text-transform: capitalize !important;
    background: #3f88c8 !important;
    font-weight: 400 !important;
    font-size: 6pt !important;
    border-width: 0px !important;
    border-style: solid !important;
    border-color: #fff !important;
    padding: 4px 6px !important;
    color: #fff !important;
    text-align: center !important;
    vertical-align: middle !important;
    line-height: 1 !important;
  }

  /* Data cells - from table.report tbody td */
  table.report tbody td {
    text-align: left !important;
  }

  /* Header column classes - scaled for print */
  th.hdr_yrs {
    width: 30px !important;
    font-size: 7pt !important;
    text-align: center !important;
    font-weight: 400 !important;
  }

  th.hdr_ls {
    width: 30px !important;
    font-size: 7pt !important;
    text-align: center !important;
    font-weight: 400 !important;
  }

  th.hdr_figures {
    width: 45px !important;
    font-size: 7pt !important;
    text-align: center !important;
    font-weight: 400 !important;
  }

  th.hdr_terms {
    width: 60px !important;
    font-size: 7pt !important;
    text-align: center !important;
    font-weight: 400 !important;
  }

  th.hdr_notes {
    font-size: 7pt !important;
    text-align: center !important;
    font-weight: 400 !important;
  }

  /* MBR column - from td.mbr_col */
  td.mbr_col {
    font-weight: bold !important;
  }

  /* Month header rows - from tr.exp_date_break */
  tr.exp_date_break,
  tr.exp_date_break td {
    font-family: 'Open Sans Condensed', sans-serif !important;
    text-transform: capitalize !important;
    background: #94b5ae !important;
    font-weight: 800 !important;
    font-size: 7pt !important;
    border-width: 0.5px !important;
    border-style: solid !important;
    border-color: #fff !important;
    padding: 4px 6px !important;
    color: #fff !important;
  }

  /* Avoid page breaks inside rows */
  tr {
    page-break-inside: avoid !important;
  }

  /* ==========================================================================
     NOTES SECTION
     ========================================================================== */

  .notes-section {
    margin-top: 8pt !important;
  }

  .note-item,
  .note-row {
    border: 1px solid #ddd !important;
    padding: 4px 6px !important;
    margin-bottom: 4pt !important;
    page-break-inside: avoid !important;
    font-size: 9pt !important;
  }

  /* ==========================================================================
     PAGE BREAK CONTROL
     ========================================================================== */

  .history-section,
  .experience-section {
    page-break-inside: avoid !important;
  }

  .flash-section {
    page-break-before: auto !important;
  }

  /* ==========================================================================
     MISC CLEANUP
     ========================================================================== */

  /* Hide tooltips in print - they should not appear in PDF */
  .tooltip-rrs .tooltiptext,
  .tooltiptext {
    display: none !important;
  }

  /* Hide any onclick handlers visually */
  [onclick],
  [data-toggle] {
    cursor: default !important;
  }

  /* Clear floats */
  div[style*="clear:both"] {
    clear: both !important;
    height: 0 !important;
  }

  /* Message/attributes styling */
  .account-message,
  .account-attributes {
    font-size: 9pt !important;
    margin-top: 6pt !important;
  }

  /* ==========================================================================
     DISCLAIMER SECTION
     ========================================================================== */

  .disclaimer {
    margin-top: 24pt !important;
    padding: 12pt 16pt !important;
    background-color: #f8f9fa !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    font-size: 8pt !important;
    line-height: 1.5 !important;
    color: #5a6a7a !important;
    font-style: italic !important;
    text-align: justify !important;
  }
}