.heightdefs { height: 100%; }

#prosper_overlay {
  position: fixed; /* Sit on top of the page content */
  display: block; /* Hidden by default none*/
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 45; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

.prosper_text_a { color: #000000; }

.prosper_bg_a { background-color: #076623; }
.prosper_bg_b { background-color: #A6CD8A; }

.prosper_dashb_mini_container { 
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding-bottom: 4px;
 }

.prosper_dashb_column_a_header { background-color: #307C3E; color: #FFFFFF; flex: 0 0 auto;}
.prosper_dashb_column_a_subheader { background-color: #b0d693; color: #FFFFFF; font-weight: 900; margin-top: 1.0em;}
.prosper_dashb_column_a_body { background-color: #DDFCC6;}

.prosper_dashb_column_b_header { background-color: #39B6FF; color: #FFFFFF; flex: 0 0 auto; }
.prosper_dashb_column_b_subheader { background-color: #8dd2fa; color: #FFFFFF; font-weight: 900; margin-top: 1.0em;}
.prosper_dashb_column_b_body { background-color: #C7EAFE; }

.prosper_dashb_column_c_header { background-color: #F2AC34; color: #FFFFFF; flex: 0 0 auto; }
.prosper_dashb_column_c_subheader { background-color: #fac569; color: #FFFFFF; font-weight: 900; margin-top: 1.0em; }
.prosper_dashb_column_c_body { background-color: #FAE0B3; }

.prosper_dashb_column_d_header { background-color: #FFFFFF; color: #000000; flex: 0 0 auto; }
.prosper_dashb_column_d_subheader { background-color: #FFFFFF;}
.prosper_dashb_column_d_body { background-color: #FFFFFF;  }
.prosper_dashb_column_d_body_op1 { background-color: rgba(0,0,0,0.1); }


.prosper_text_l2_strong_weak { font-size:0.875rem; margin: auto; }

momentum_main {
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    grid-template-rows: 3vw 3vw auto;
    grid-gap: 0.5em;
  }

#prosper_momentum_header { grid-column: 1 / span 4; grid-row: 1; }
#prosper_momentum_subheader { grid-column: 1 / span 4; grid-row: 2; }  

#prosper_momentum_txt_1 { grid-column: 1; grid-row: 3; }
#prosper_momentum_txt_2 { grid-column: 2; grid-row: 3; }  
#prosper_momentum_txt_3 { grid-column: 3; grid-row: 3; }    
#prosper_momentum_txt_4 { grid-column: 4; grid-row: 3; }  

#prosper_momentum_txt_5 { grid-column: 1; grid-row: 4; }
#prosper_momentum_txt_6 { grid-column: 2; grid-row: 4; }  
#prosper_momentum_txt_7 { grid-column: 3; grid-row: 4; }    
#prosper_momentum_txt_8 { grid-column: 4; grid-row: 4; }  

#prosper_momentum_txt_9 { grid-column: 1; grid-row: 5; }
#prosper_momentum_txt_10 { grid-column: 2; grid-row: 5; }  
#prosper_momentum_txt_11 { grid-column: 3; grid-row: 5; }    
#prosper_momentum_txt_12 { grid-column: 4; grid-row: 5; }  

#prosper_momentum_box_main {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 30% 50% 20%;
  }

#prosper_momentum_box_main_2 {
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 30% 40% 30%;
  }

#prosper_momentum_box_a { grid-column: 1; grid-row: 1; }
#prosper_momentum_box_b { grid-column: 1; grid-row: 2; }
#prosper_momentum_box_c { grid-column: 1; grid-row: 3; }


@media (max-width: 640px) {
    momentum_main {
      display: grid;
      grid-template-columns: 100%;
      grid-template-rows: auto;
      grid-gap: 1em;
    }

    #prosper_momentum_header { grid-column: 1; grid-row: 1; }
    #prosper_momentum_subheader { grid-column: 1; grid-row: 2; }  

    #prosper_momentum_txt_1 { grid-column: 1; grid-row: 3; }
    #prosper_momentum_txt_2 { grid-column: 1; grid-row: 4; }  
    #prosper_momentum_txt_3 { grid-column: 1; grid-row: 5; }    
    #prosper_momentum_txt_4 { grid-column: 1; grid-row: 6; } 

    #prosper_momentum_txt_5 { grid-column: 1; grid-row: 7; }
    #prosper_momentum_txt_6 { grid-column: 1; grid-row: 8; }  
    #prosper_momentum_txt_7 { grid-column: 1; grid-row: 9; }    
    #prosper_momentum_txt_8 { grid-column: 1; grid-row: 10; }  

    #prosper_momentum_txt_9 { grid-column: 1; grid-row: 11; }
    #prosper_momentum_txt_10 { grid-column: 1; grid-row: 12; }  
    #prosper_momentum_txt_11 { grid-column: 1; grid-row: 13; }    
    #prosper_momentum_txt_12 { grid-column: 1; grid-row: 14; }          

}