/*
     RESULTS
*/

.t-expl h2{font-size:18px;font-weight: bold; margin:1.5em 0 0.5em 0}
.t-expl ul{list-style-position: outside; margin-left:1em; margin-bottom:1em}
.t-expl li{list-style: disc}

.page-title.results{text-align:center;font-size:28px}
#full-table .page-title.results{text-align:left;font-size:24px}
#full-table h2{font-size:16px;margin-top:-10px;color:#1F5E46;}
#vvm-solo .page-title{text-align:center}
#vvm-solo .uc{text-align:center;font-size:20px;font-weight:bold;margin-top:-30px;color:#333}

.vvm-perf .l3{font-size:18px}
.vvm-perf-scroll{font-weight:bold;font-size:18px;color:#d00;text-align:center;margin-top:20px}
.st{margin-top:40px}

/* st: summary table: defined in separate file */


#guest-note{margin-top:20px;font-weight:bold;text-align:justify}
#guest-note .ca{color:#900}
.member-note{margin-top:20px;font-weight:bold}
.pg-note{margin-top:25px;text-align:left}

.cs table{margin:0 auto}

/*#graph-cont{width:100%;height:300px;margin-top:30px;position:relative}
#graph-cont .load-msg{text-align:center;padding-top:30px;color:#666}
#graph-cont .spinner{position:static;margin:2em auto 0 auto}
#graph-footer{margin-top:15px}*/



#vvm-eg-head{color:#1F5E46;font-size:15px;font-weight:bold;margin-top:30px}
#vvm-eg-cont{width:100%;max-width:694px;border:#5B7E84 3px solid;text-align:justify;margin-top:5px}
#vvm-eg-cont .descr{padding:0 10px;margin-top:10px}
#vvm-eg-cont img{width:100%;margin-bottom:5px}

#tables-intro{margin-top:40px;font-weight:bold}

.gs{font-size:32px;color:#f00;font-weight:bold;text-align:center;margin-top:40px}
ol.gs-list{font-size:18px; margin:10px 0 1.5em 0; list-style-type:decimal; list-style-position:inside;text-align:center}
ol.gs-list li{margin-bottom:12px}

.tecl{margin-top:60px}
.vvm-update{margin:15px 0;color:#f00;font-size:20px;text-align:center;font-weight:bold}

.vvm .head{font-size:24px;text-align:center;font-weight:bold;margin-bottom:1em}
.vvm .oview{font-size:150%;margin-bottom:10px;font-weight:bold}
/*ol{list-style-type:decimal;list-style-position: outside;margin:0 0 1.5em 2em;font-weight:normal}*/
/*.vvm ol li span{font-weight:bold}*/
.vvm .res-head{font-size:30px;color:#f00;margin:35px 0 10px 0;font-weight:bold}
.vvm .bul-cont{font-weight:bold;margin:-15px 0}
.vvm .bul-cont.udsm{margin-bottom:10px}
.vvm .bul{font-size:50px;vertical-align:middle;display:inline-block;margin-right:10px}
.vvm a.ca-link{color:#c00}
/*.vvm ol.sig-inc{font-weight:bold}
.vvm ol.sig-inc li{margin-bottom:10px}*/


.table-title{font-weight:bold}
.table-descr .ca, .vvm .ca{color:#f00}
.vvm .ca-g{color:#008000}
.table-descr.nbh{font-weight:bold}
.table-descr .mdm-list{list-style: disc outside;color:#f00;font-weight:bold;margin:0.5em 0 1em 2em}
.annual-growth{color:#c00;font-weight:bold}

/*
 rw: results wrapper
 rt: results table
 */
.rw{width:100%;text-align:center;margin:10px 0 30px 0;padding-bottom:30px;border-bottom:#ccc 1px solid;}
/*.rw.mdm{border-bottom:none}*/
.rw.tecl{border-bottom:none}
.rw .footnotes{text-align:left;font-size:12px;width:100%;max-width:420px;margin:5px auto 0 auto}
.rw .footnote{margin-bottom:5px}
.tw{overflow-y:hidden;height:100vh;}
.rt{border:#588492 3px solid;position:relative;display:inline-block;width:100%;max-width:420px;text-align:left;padding-bottom:28px}
.rt table{font-size:12px;width:100%}
.rt th, .rt td{padding:3px 10px}
.rt th{background-color:#588492;color:#fff;border-right:#ccc 1px solid;vertical-align:middle;height:28px}
.rt td{border-right:#ccc 1px solid;border-bottom:#eee 1px solid;white-space:nowrap}
.rt th:last-child, .rt td:last-child{border-right:none}
/*.rt tr.has-note td, */.rt tr.bold td{font-weight:bold}
.rt tr.as-of.positive td:nth-last-child(-n+2), .footnote .as-of.positive{color:#03f}
.rt tr.as-of.negative td:nth-last-child(-n+2), .footnote .as-of.negative{color:#c00}
.rw .fn{font-style:italic;color:#f00;position:relative;font-size:16px;line-height:12px/*top:-4px*/}

.rt .instr{position:absolute;z-index:0;bottom:0;left:0;background-color:rgba(88,132,146, 0.9);color:#fff;width:100%;line-height:28px;height:28px;font-weight:bold;text-align:center}
.rt .instr.scroll{display:none;pointer-events:none}
.rt .instr.tap{pointer-events:auto}
.rw.show-all .tw{height:auto}
.rw.show-all .rt{padding-bottom:0}
.rw.show-all .rt .instr.scroll, .rw.show-all .rt .instr.tap{display:none}

.delay-msg{margin-top:10px}

.full-table-link{text-align:center;border-top:1px solid #ccc;background-color:#f7f7f7;position:relative}
.full-table-link a{padding:1em 0.5em;color:#1F5E46}

@media (min-width: 375px) {
    #graphs span.wide{display:inline}
    .vvm .bul-cont.udsm{margin-bottom:-15px}
    .page-title.results{font-size:32px;margin-bottom:0.5em}
}

@media (min-width: 480px) {
    /*.graph-cont{height:375px}*/
    .vvm-perf .l3{font-size:20px}
    .page-title.results{font-size:38px}
}

@media (min-width: 550px) {
    /*.graph-cont{height:430px}*/
    .rt .instr.scroll{display:block}
    .rt .instr.tap{display:none}
    .tw{overflow-y:scroll;-webkit-overflow-scrolling: touch;}
}

@media (min-width: 660px) {
    /*.graph-cont{height:520px}*/
}




@media (min-width: 720px) {
    /*.graph-cont{height:550px}*/
    /*#graphs{-webkit-justify-content:space-between;justify-content:space-between}*/
    .vvm-perf .l1{font-size:25px}
}

/* just for ie11.  bug with flex and max-width messes up layout.  remove max-width for ie11 */
/*@media (-ms-high-contrast: none) and (min-width: 720px), (-ms-high-contrast: active) and (min-width: 720px) {
    #graphs .gp-wrap{max-width:none}
}*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #graphs .gp-wrap{margin-left:-30px}
}

#full-table .rw{border-bottom:none}
#full-table .tw{overflow: visible;height:auto}
#full-table .rt .instr {display: none}
#full-table .rt{padding-bottom: 0}
#full-table .tecl.table-descr{margin-top:0}
#full-table .full-table-link{display:none}