/**
 *
 *
 *
 *   @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;
  top: 110px !important;
}
#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: scroll;
}
.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;
}

.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%;
  }
}