body {   
    margin: 0px;    
    font-family: 'Montserrat';    
}
.cover {
    height: 1000px;
    width: 100%;
    z-index: 25;
    opacity: 0.9;
    position: absolute;
    left: 0;
    top: 0;
    background-color: white;
}
.fs_fund { 
    width: 120px; 
    margin-left: 10px;
    color: white;
    background-color: #2d3131;
    cursor: pointer;
    border: 1px solid lightgray;
    border-radius: 10px;
}
.fs_fund_name{ 
    color: black;
 
}
.fs_fund_score_popup_scores { 
    display: flex;
    align-items: center;
    justify-content: center;
}
.fs_fund_score_popup_download{ 
    height: 35px; 
    cursor: pointer; 
    margin-inline: 10px; 
}
.fs_fund_score_popup_scores_item { 
    width: 100px;
    border: 1px solid lightgray;
    border-radius: 10px;
    padding : 10px;
    margin-right: 10px;
    text-align: center;
}
.fs_fund_score_popup_scores_item_title{ 
    color: gray;
    font-size: 10px;
    font-weight: 600;
}
.fs_fund_score_popup_scores_item_value{ 
    color: #006187;
    font-size: 25px;
    font-weight: 600;
}
.fs_fund_score_popup_chart {
    margin-top: 20px;
    height: 400px;
    font-size: 25px; 
    text-align: center;
    color: #e67575;
    font-weight: 600;
}
.fs_fund_score_popup { 
    position: fixed;
    max-width: 1200px;
    min-width: 700px;
    padding: 20px; 
    border: 1px solid gray;
    border-radius: 10px;
    background-color: white;
    z-index: 100;
    display: flex;  
}
.fs_fund_score_popup_left{ 
    border-right: 1px solid lightgray;
    padding-right: 10px;
    width: 700px;
}
.fs_fund_score_popup_right  {
    padding-left: 10px;
}
.fs_fund_score_popup_close { 
    height: 25px; width: 25px; line-height: 25px; 
    background-color: #2d3131; color: white; 
    border-radius: 50%; 
    text-align: center;
    cursor: pointer; position: absolute; 
    left: 20px; top: 10px;       
}
.fs_fund_score_popup_peertable{ 
    margin-top: 20px;
    height: 600px; 
    overflow-y: scroll;    
    width: 100%;
    border: 1px solid lightgray;
}
.fs_fund_score_popup_peertable_item, .fs_fund_score_popup_peertable_item_highlight {
    display: flex;
    justify-content: center; 
    align-items: center;
    height: 30px; 
    border-bottom: 1px solid lightgray;
    font-size: 14px; 
}
.fs_fund_score_popup_peertable_item_highlight { 
    background-color: #006187;
    color: white;
}
.fs_fund_score_popup_peertable_item_name{ 
    padding-left: 5px; 
    width: 400px; 
    cursor: pointer;
    text-align: left;
}
.fs_fund_score_popup_peertable_item_name:hover { 
    text-decoration: underline;
    color: #006187;
}
.fs_fund_score_popup_peertable_item_score {
    text-align: center; 
    width: 50px; 
}

.fs_fund_score_popup_title { 
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;    
}
.fs_fund_score_popup_text{ 
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 10px;
}
.ngenfs_text_1 {
    letter-spacing: 0.5px;
    font-weight: 600;
    font-size: 12px;
    color: lightgray;
}
.fscore-inline-header { 
    background-color: white !important;
}
.fscore-inline, .fscore-inline-header { 
    margin-left: 2px;
    border-radius: 5px;
    margin-right: 3px;
    height: 22px;  line-height: 23px;
    background-color: lightgray; color: white;
    font-size: 12px;
    min-width: 40px; max-width: 40px; text-align: center;
}
.ngenfs_text_2{ 
    font-weight: 600;
    font-size: 14px;
    color: white;
}
.fs_fund_score { 
    font-size: 10px; 
    font-weight: 600;
    color: lightgray;
}
.fs_fund_score_no{ 
    font-size: 15px; 
    color: lightblue;
}
.portpdf_pass { 
    position: absolute;
    width: 250px; 
    padding: 20px;
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: white;
}
.portpdf_pass_input{ 
   border: none;
   text-align: center;
   outline: none;
   height: 25px; 
}

.portcorrexcel { 
    height: 25px; 
    margin-left: 20px;
    cursor: pointer;
}
#support { 
    overflow: hidden;
    width: 500px;
    height: 300px;    
    position: absolute;
    left: 0px; right: 0px;
    border: 1px solid black;       
    background-color: #006187;
    opacity: 0.5;
    z-index: 999;
    display: none;
}
#supportheader {         
    position: relative; 
    width: 100%;     
    background-color: white;
    border-bottom: 1px solid lightgray;    
    display: flex; align-items: center;
    height: 40px;
}
#supportheader-dragger { 
    font-size: 10px;
    padding-left: 20px;
}
.supportheader-image { 
    cursor: pointer;
    position: absolute;
    right: 10px;
    height: 40px;
}
#ngen_logo {
    display: none;
}
input, select { 
    font-family: 'Montserrat';
}
#canvas {
    display: none;
}
#canvasholder { 
    border: 1px solid gray;
    display: none;
    z-index: 26;
    position: absolute; 
    top: 50px; left: 0px;
    background-color: white;
    height: 1000px;
    width: 1000px;
    text-align: center;
    left: 0px; right: 0px; margin: 0 auto; 
    overflow: hidden;
}
#canvasholder_top { 

}
#canvasholder canvas {         
    width: 70% !important;
    height: 70% !important;
}
#canvasholderclose { 
    z-index: 22;
    border-radius: 50%;
    background-color: #006187; color: white; 
    text-align: center;
    height: 30px; line-height: 30px; width: 30px;    
    text-align: center;
    right: 10px; 
    top: 10px;
    position: absolute;     
    cursor: pointer;
}

.a-red { color: red; }
.a-lightred { color: #e67575; }
.a-green { color: green; }
.a-lightgreen { color: lightgreen; }

.histLoader {
    position: absolute;
    z-index: 100;
    right: 0px; left: 0px; 
    margin: 25px auto;    
    width: 50px !important;
    height: 50px !important;
}
.tab3_sel {
    height: 25px;
    font-size: 12px;
    position: absolute;
    top: -20px;
    z-index: 2;
    left: 10px;
    border-radius: 10px;
}
.notenoughdata { 
    display: none;
    color: red; font-weight: 600; 
    text-align: center;
    font-size: 20px;
    width: 700px;
    margin: 0 auto; 
}
.portfolionot100{ 
    display: none;
    color: #e67575; font-weight: 600; 
    text-align: center;
    font-size: 15px;
    width: 700px;
    margin: 0 auto 10px auto; 
}
.tab2_sel {
    height: 30px;
    position: absolute;
    top: 70px;
    z-index: 2;
    right: 10px;
    border-radius: 10px;
}
.tab14_freqstats{ 
    width: 200px;
}
.tab14_freqstat {
    position: relative;
    background-color: #e5e5e5;
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 10px;
}
.tab14_freqstat_name { 
    font-size: 13px; 
    text-align: center;
}
.tab14_freqstat_value { 
    text-align: center;
    font-size: 20px;
    color: #006187;
}
.tab14_run {
    background-color: #006187;
    color: white;
    margin-left: 10px;
    width: 60px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}
.tab14_top {
    background-color: #e5e5e5;
    height: 50px;
    width: 800px;
    margin: 10px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tab14_period { 
    height: 25px;
    margin-left: 10px;
}
.tab14_caption {
    margin-left: 20px;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
}
.tab14_help { 
    font-size: 13px; 
    color: #006187;
    text-align: center;
}
.tab14_bins {
    text-align: center;
    margin-left: 10px;
    border: none;
    outline: none;
    width: 50px;
    height: 25px;
}
.tab14_bottom {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 20px;
}
.uscloader {
    position: relative !important;
    z-index: 100;
    right: 0px;
    width: 15px !important;
    height: 15px !important;
    margin-left: 10px;
    display: none;
}
.portpdf_pass { 
    width: 220px;
    position: absolute;
    background-color: white;
    padding: 20px;
    border: 1px solid gray;
    border-radius: 10px;
}
.portpdf_pass_input {
    background-color: #e5e5e5;
    font-size: 13px; 
    height: 30px;
    border: none;
    outline: none;
    text-align: center;
}
.portpdf_pass_withpass, .portpdf_pass_withoutpass {
    margin-top: 15px;
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    background-color: #006187;
    color: white;
    text-align: center;
    cursor: pointer;
}
.pdfLoader {
    position: relative !important;
    z-index: 100;
    right: 0px;
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px;
}
#benchLoader {
    position: absolute;
    z-index: 100;
    left: 30%;
    top: 30%;
    display: none;
}
.pptLoader {
    display: none;
    position: absolute;    
    opacity: 0.9;
    top: 0px;     
    left: 500px;

    margin: 100px auto;     
    z-index: 999;
}
.iframeloader { 
    top: 250px; 
    left: 150px;
    position: absolute;
    width: 100px !important;
    height: 100px !important;
    border: 17px solid #f3f3f3 !important; /* Light grey */
    border-top: 17px solid #006187 !important; /* Blue */
}
.pptLoader_image { 
    height: 250px;
}
.loader {
    border: 7px solid #f3f3f3; /* Light grey */
    border-top: 7px solid #006187; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.sharelinkloader {
    border: 7px solid #f3f3f3; /* Light grey */
    border-top: 7px solid #006187; /* Blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.numberValue, .topMeta *, .priceLevel{
    
}
.numberValueGreen {
    font-size: 12px !important;
}
.tabView15  { 
    text-align: center;
}
.tab15_table { 
    width: 1200px; 
    margin-left: auto;
    margin-right: auto;
}
.portStatHead {
    font-weight: 600;
}
.portStatTitle{ 
    height: 30px; line-height: 30px;
    width: 100%;
    font-size: 15px;
    padding-left: 5px;
    background-color: #006187;
    color: white;
    font-weight: 300;
    text-align: left;
}
.lightblue {
    color: #00ffff;
}
.portStatSubTitle {
    height: 25px;
    line-height: 25px;
    width: 100%;
    font-size: 13px;
    padding-left: 5px;
    background-color: lightblue;
    color: black;
    font-weight: 300;
    text-align: left;
}
.portStat, .portStatHead {
    display: flex;
    height: 30px;
    font-size: 13px;
    align-items: center;    
}
.portStat:hover { background-color: #e5e5e5;}

.portStat_type { width: 50px;  }
.portStat_name { 
    min-width: 230px; padding-left: 4px; 
    max-width: 230px;text-align: left; overflow: hidden; white-space: nowrap; cursor: pointer }
.portStat_name:hover { text-decoration: underline; color: #006187;}

.portStat_cat { min-width: 200px;  max-width: 200px; padding-left: 5px; text-align: left; overflow: hidden; white-space: nowrap;}
.portStat_aum { min-width: 60px;  max-width: 60px; padding-left: 5px; }
.portStat_ter { min-width: 60px;  max-width: 60px; padding-left: 5px; }
.portStat_val, .portStat_val1 {
    min-width: 58px;
    max-width: 58px;
}
.portStatHead .portStat_val1 {
    font-size: 12px;
}


.priceLevel {
    color: #006187;
    font-weight: 500;
}
.optstartDateLink, .optEndDateLink {
    color: #006187;
    font-size: 10px;
    margin-left: 10px;
    cursor: pointer;
    z-index: 2;
}
.optstartDate{
    z-index: 100;
    position: absolute;
    background-color: white;    
    width: 150px;    
    border: 1px solid lightgray;
}
.optstartdateitembig { 
    font-size: 12px; 
    line-height: 20px !important;
    height: 40px !important;
}
.optstartdateitemclose {
    background-color: #2d3131;  
    color: white;    
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
}
.optstartdateitemcustom {
    width: 100%;
    height: 25px;
    line-height: 25px;
    border: none;
    background-color: #E5E5E5;
    text-align: center;
    font-family: 'Montserrat';
}
.optstartdateitem:last-of-type {
    border-bottom: none !important;
}
.optstartdateitem {
    cursor: pointer;
    padding-left: 5px;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    font-family: 'Montserrat';
    border-bottom: 1px solid lightgray;
}
.optstartdateitem:hover {
    background-color: #006187;
    color: white;
}
.pptOptions {
    position: absolute;
    padding: 20px;
    border: 1px solid lightgray;
    background-color: white; 
    z-index: 102;
    width: 350px;
    border-radius: 10px;
    left: 0; right: 0;
    margin: 70px auto;
}
.pptOptions-close {     
    position: absolute;
    top: 5px; right: 5px; 
    height: 30px; line-height: 30px; 
    width: 30px; 
    background-color: #2d3131; color: white;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}

.pptOptions-top, .pptOptions-bottom{    
    position: relative;        
}
.pptOptions-top{ 
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid lightgray;
}
.pptOptions-title{     
    font-size: 14px; font-weight: 600;
    padding-bottom: 10px;
    border-bottom: 1px solid lightgray;
    margin-bottom: 20px;
}
.pptOptions-text {     
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;    
    color: #006187;
}

.ppt-bottom-line{ 
    margin-top: 20px;
    height: 30px;     
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.pptOptions-status{ 
    font-size: 13px; 
    color: gray;
    margin-top: 20px;
}

.pptOptions-run {
    height: 40px; border-radius: 10px;
    line-height: 40px; font-size: 15px;
    width: 120px; text-align: center;
    background-color:#006187; color: white;
    cursor: pointer;
    transition-duration: 0.3s;
    margin-top: 10px;
}
.pptOptions-run:hover {
    width: 150px;
}
.pptOptions-option{ 
    height: 30px; 
    display: flex;
    justify-content: flex-start;
    align-items: center;    
    width: 300px;
}
.pptOptionsCheckbox { 
    height: 22px; width: 22px; 
    cursor: pointer;
    margin-right: 10px;

}
.pptOptionsOptionTextALL { 
    font-size: 15px; 
    font-weight: bold;
}
.pptOptionsOptionText { 
    font-size: 14px;
}
.pptOptions-cap-use{ 
    height: 30px; 
    width: 30px; 
    cursor: pointer;
    margin-right: 10px;
}
.pptOptions-cap { 
    background-color: #e5e5e5;
    height: 30px; line-height: 30px; 
    border: none; outline: none;
    border-radius: 10px;
    width: 170px;
    position: relative; 
    padding-left: 15px;
}
.pptOptions-format {    
    z-index: 101;    
    left: 20px; 
    border-radius: 10px;
    bottom: -10px;
    background-color: lightblue;    
    font-size: 12px;
    height: 30px; line-height: 30px;
    padding-left: 10px; padding-right: 10px;
    margin-left: 10px;
}
.progress {
    margin-top: 50px;
}
.myProgressText {
    font-family: 'Montserrat';
    margin-bottom: 20px;
    color: #006187;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

.myProgress {
    border-radius: 20px;
    margin-left: auto;
    margin-right: auto; 
    width: 350px;
    background-color: #e5e5e5;
}
.bottomSpace {    
    height: 100px;
    width: 500px;
    margin-left: auto;
    margin-right: auto; 
}
.myBar {
    border-radius: 20px;
    width: 1%;
    height: 30px;
    background-color: #3aa3d1;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.dotsload {
    display: none;
    font-size: 15px;
    font-weight: 400;
    z-index: 100;
    position: absolute;    
    color: #2c77ba;
    width: 500px;
    text-align: center;    
    height: 40px;
    line-height: 40px;
    animation: blinker 1.5s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.load-bar {        
    position: relative;    
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    height: 15px;
    background-color: #78C1DD;
}

.bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center;
}

    .bar:nth-child(1) {
        background-color: #006187;
        animation: loading 3s linear infinite;
    }

    .bar:nth-child(2) {
        background-color: rgb(20,153,183);
        animation: loading 3s linear 1s infinite;
    }

    .bar:nth-child(3) {
        background-color: #58B3F0;
        animation: loading 3s linear 2s infinite;
    }

@keyframes loading {
    from {
        left: 50%;
        width: 0;
        z-index: 100;
    }

    33.3333% {
        left: 0;
        width: 100%;
        z-index: 10;
    }

    to {
        left: 0;
        width: 100%;
    }
}
.dotsloaderror{
    display: none;
    font-size: 15px;
    font-weight: 300;
    z-index: 100;
    position: absolute;    
    color: red;
    width: 500px;
    text-align: center;    
    height: 40px;
    line-height: 40px;
}
.dotsload:after {
  content: ' .';
  animation: dots 1s steps(5, end) infinite;

}

@keyframes dots {
  0%, 20% {
    color: white;
    text-shadow:
      .5em 0 0 rgba(0,0,0,0),
      1em 0 0 white;}
  40% {
    color: white;
    text-shadow:
      .5em 0 0 #2c77ba,
      1em 0 0 white;}
  60% {
    text-shadow:
      .5em 0 0 #2c77ba),
      1em 0 0 white;}
  80%, 100% {      
    text-shadow:
      .5em 0 0 #2c77ba,
      1em 0 0 white;}}

.load-bar {
    display: block;
    position: relative;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    height: 15px;
    background-color: #78C1DD;
}

.bar {
    content: "";
    display: inline;
    position: absolute;
    width: 0;
    height: 100%;
    left: 50%;
    text-align: center;
}

    .bar:nth-child(1) {
        background-color: #006187;
        animation: loading 3s linear infinite;
    }

    .bar:nth-child(2) {
        background-color: rgb(20,153,183);
        animation: loading 3s linear 1s infinite;
    }

    .bar:nth-child(3) {
        background-color: #58B3F0;
        animation: loading 3s linear 2s infinite;
    }

@keyframes loading {
    from {
        left: 50%;
        width: 0;
        z-index: 100;
    }

    33.3333% {
        left: 0;
        width: 100%;
        z-index: 10;
    }

    to {
        left: 0;
        width: 100%;
    }
}
.toptoggle {
    height: 30px; line-height: 30px;
    width: 20px;
}
.lefttoggle {
    height: 30px;line-height: 30px;
    width: 20px;
}
.toptoggle, .lefttoggle{    
    font-size: 15px;
    color: #006187;
    border-radius: 10px;
    background-color: #2c77ba; color: white;
    margin-right: 10px;
    cursor: pointer;    
    user-select: none;
    margin-top: 10px;
}

.topSection {  
    position: relative;     
    width: 100%;
    justify-content: center; /* align horizontal */    
    align-items: center;  /* align vertical */    
    height: auto;       
    background-color: #e5e5e5;    
    opacity: 1;
    text-align: center;
    min-height: 80px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.addtoFav {
    display: none;
    width: 35px;
    height: 35px;    
    cursor: pointer;
}

.csvLink {    
    width: 35px;    
    cursor: pointer;
}
.csvLink1 {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    cursor: pointer;
    z-index: 2;
}
.csvLink2 {
    position: absolute;
    top: 410px;
    right: 55px;
    width: 30px;
    cursor: pointer;
}
.csvLink3 {
    position: absolute;
    top: 0;
    right: -20px;
    width: 30px;
    cursor: pointer;
}
.pdfpass{ 
    z-index: 10;
    position: absolute;    
    width: 300px;
    background-color: white;
    border: 1px solid gray;
    padding: 20px;
    border-radius: 15px;
}
.pdfpass-help1, .pdfpass-help2 {  
    font-size: 11px; 
    margin-top: 10px;
}
.pdfpass-watermark{ 
    display: flex;align-items: center;
    margin-top: 10px; 
}
.pdfpass-help3{ 
    font-size: 11px;         
    font-weight: 600;
    color: #006187;
}
.pdfpass-help4 {
    margin-top: 10px;
    font-size: 11px;         
    font-weight: 600;
    color: red;
}    
.pdfpass-check{ 
    height: 20px; width: 20px; 
    cursor: pointer;
}
.pdfpass-title { 
    height: 30px; line-height: 30px; 
    font-size: 14px;  
    font-weight: 600;
}
.pdfpass-error{ 
    font-size: 11px;     
    margin-top: 10px;    
    color: red;
}
.pdfpass-pass{ 
    margin-top: 10px; 
    padding-left: 10px;
    border: none;
    outline: none; 
    height: 30px; 
    background-color: #e5e5e5;
    width: 200px;
}
.pdfpass-create{ 
    cursor: pointer;
    margin-top: 20px;
    height: 30px; line-height: 30px; 
    font-size: 13px; 
    width: 150px;
    text-align: center; 
    background-color: #006187;
    color: white; 
    border-radius: 10px; 
}
.noPDF {    
    z-index: 10;
    position: absolute;    
    width: 300px;
    background-color: white;
    border: 1px solid lightgray;
    padding: 20px;
}
.noPDFText{
    font-size: 15px;
    margin-bottom: 10px;
}
.mfpdfex{    
    color: #006187;
    cursor: pointer;    
}
.nopdfexample {
    margin-top: 10px;
    color: #006187;
}
.nopdfspace {
    height: 15px;
    width: 100%;
}
.mfpdfex:hover {
    text-decoration: underline;
}
.sip_link {
    display: none;
    width: 45px;
    margin-left: 20px;
    cursor: pointer;
}
.pdfLink_small {
    display: none;
    width: 16px;
    margin-left: 20px;
    cursor: pointer;
}
.pdfLink_medium{ 
    display: none;
    width: 20px;
    margin-left: 20px;
    cursor: pointer;
}
.pdfLink_big {
    display: none;
    width: 25px;
    margin-left: 20px;
    margin-right: 10px;
    cursor: pointer;
}
.newpdflink {
    background-color: transparent;
    width: 25px; 
    height: 35px;
    cursor: pointer;
}
.pdfLink {
    display: none;
    width: 25px;    
    cursor: pointer;
}

.porttocompare {    
    width: 30px; 
    height: 35px;
    cursor: pointer;
}
.pptText{ 
    font-size: 9px;
    font-weight: 600;
    height: 15px;
    text-align: center;
}
.pptBox:hover, .pdfbox:hover {
    background-color: white;
}
.pptBox, .pdfbox{ 
    cursor: pointer;
    width: 45px;
    transition-duration: 0.3s;
    position: relative;
    text-align: center;
    display: none;    
    padding-top: 5px;
    padding-inline: 5px;       
    border-radius: 15px;
}
.pptBox {
    width: 60px;
    margin-left: 3px;
}
.pdfbox_desktop { 
    width: 70px;
}
.pdfbox_mobile { 
    width: 60px;
}
.ppticon { 
    width: 35px;
    height: 35px;
    cursor: pointer;
}
.compLink {
    display: none;
    width: 30px;
    margin-left: 15px;
    cursor: pointer;
}
.clientlink-sms { 
    top: 100px;
    left: 35%;
    position: absolute;
    z-index: 105;    
    width: 600px;
    padding-bottom: 20px;
    background-color: white;
    border: 2px solid #2d3131;
    border-radius: 15px;
}
.clientlink-sms-linkname { 
    margin-bottom: 10px;
    height: 40px; line-height: 40px; 
    background-color: #2d3131;
    color: white;
    font-size: 15px; 
    font-weight: 600;
    text-align: center;
    letter-spacing: 2px; 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.showpopup{ 
    position: fixed; 
    top: 25%;
    left: 35%;
    background-color: white; 
    border: 2px solid gray;
    border-radius: 15px; 
    z-index: 110;
    padding: 30px; 
}
.showpopup-msg { 
    font-size: 16px; 
    width: 300px; 
    text-align: center;
}
.showpopup-buttons { 
    display: flex; 
    justify-content: center;
    align-items: center;
    margin-top: 20px;

}
.showpopup-ok, .showpopup-no { 
    transition-duration: 0.5s;
    margin: 20px auto 0 auto;
    cursor: pointer;
    width: 100px; text-align: center;
    height: 30px; line-height: 30px;
    font-size: 14px; 
    border-radius: 10px;
    background-color: #006187; color: white;
}
.showpopup-ok:hover, .showpopup-no:hover { 
    background-color: #2d3131;
    width: 90px;
}
.clientlink-sms-txt { 
    width: 400px;
    margin-left: 20px;
    height: 30px; line-height: 30px;
}
.clientlink-sms-help {
    width: 400px;
    margin-left: 20px;
    margin-top: 20px;
}
.clientlink-sms-number { 
    padding: 10px;
    width: 300px; text-align: center;
    border-radius: 15px;
    border: none;
    outline: none;
    letter-spacing: 2px;
    font-size: 18px; text-align: center;
    margin-top: 10px;
    margin-left: 20px;
    background-color: lightgreen;
}
.clientlink-sms-loader { 
    display: none;
    height: 280px;
    width: 600px;    
    top: 0; left: 0; 
    position: absolute;
    border-radius: 15px;
    background-color: white; 
    opacity: 0.9;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #006187;
    letter-spacing: 2px;
    padding-top: 100px;    
}
.clientlink-sms-buttons{ 
    display: flex;  
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}
.clientlink-sms-send{ 
    background-color: #006187; color: white;
    height: 30px; 
    line-height: 30px; 
    width: 60px; text-align: center;
    cursor: pointer;    
    font-size: 14px;border-radius: 10px;
}
.clientlink-sms-cancel{ 
    background-color: #e67575; color: white;
    height: 30px; 
    line-height: 30px; 
    margin-left: 20px;
    width: 80px; text-align: center;
    cursor: pointer;
    font-size: 14px;border-radius: 10px;
}
.clientlink-sms-msg { 
    margin-top: 10px;   
    margin-bottom: 10px;
    margin-left: 20px;
    width: 500px;
    padding: 10px;
    border-radius: 10px;
    background-color: lightgreen;
}
.shareLink{
    height: 35px !important;
    width: 35px;
    cursor: pointer;
}
.shareLinkMobile { 
    height: 35px;
    cursor: pointer;
}
.newclientlink { 
    display: flex;      
    border: 3px solid #2d3131;
    border-radius: 15px;
    position: absolute;
    top: 100px;
    left: 300px; 
    margin: 0px auto;    
    z-index: 102;    
    width: 900px;
}
.newclientlink-sms { 
    display: flex; 
    height: 30px;
    margin-bottom: 20px;
    align-items: center;justify-content: center;
}
.newclientlink-sms-number { 
    height: 28px;
    margin-left: 10px;
    width: 170px;
    border: none; 
    outline: none;    
    text-align: center;
}
.newclientlink-sms-check { 
    height: 25px; width: 25px; cursor: pointer;
}
.newclientlink-sms-txt { 
    font-size: 13px;
    text-align: left;
    margin-left: 10px;
}

.newclientlink-namestatus{ 
    height: 25px; line-height: 25px;
    color: black;
    margin-inline: 5px;
    font-size: 12px;    
    font-weight: 300;
}
.newclientlink-preview { 
    background-color: #006187; color: white;
    width: 130px; text-align: center;
    border-radius: 10px;
    height: 25px; line-height: 25px; 
    cursor: pointer; font-size: 14px;
    margin: 10px auto;
}
.newclientlink-create {  
    background-color: #2d3131;
    text-align: center;
    border-bottom-left-radius: 10px;
    color: white;
    height: 165px;
}
.newclientlink-create-remaining { 
    font-size: 14px; 
    height: 50px;     
    display: flex; justify-content: center; align-items: center;
}
.newclientlink-balance { 
    height: 30px; padding-left: 10px; padding-right: 10px;
    line-height: 30px;
    border-radius: 25px;
    background-color: green; color: white;
    text-align: center;
    margin-right: 5px;
}
.newclientlink-create-button{ 
    background-color: #006187;
    color: white;
    font-size: 14px;
    border-radius: 10px;
    width: 200px; height: 40px; line-height: 40px;
    margin: 0px auto;
    cursor: pointer;
}

.newclientlink-item { 
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 475px;
    position: relative; 
    border-bottom: 1px solid lightgray;
}
.newclientlink-generate{ 
    cursor: pointer;
    font-size: 11px;
    right: 10px;
    color: #2c77ba;
    position: absolute;
    user-select: none;
}
.newclientlink-generate:hover {
    color: green;
    text-decoration: underline;
}
.newclientlink-name { 
    min-width: 120px;
    max-width: 120px;
    padding-left: 10px;
    font-size: 14px;
    text-align: right;
    padding-right: 10px;
}
.newclientlink-startDate { 
    width: 150px;
    height: 30px; 
    line-height: 30px;
    border: none;
    font-size: 14px;
    outline: none;
    text-align: center;
}
.newclientlink-benchmark { 
    width: 200px;
    height: 30px; 
    line-height: 30px;
    border: none;
    font-size: 13px;
    outline: none;
    text-align: left;
}
.newclientlink-pin{ 
    width: 120px;
    height: 30px; 
    font-size: 23px;
    font-weight: 800;
    letter-spacing: 15px;
    line-height: 30px;
    border: none;
    outline: none;
    color: gray;
    text-align: center;
    padding-left: 20px;
    padding-right: 10px;
}
.newclientlink-value{ 
    width: 200px;
    height: 30px; 
    line-height: 30px;
    border: none;
    font-size: 14px;
    outline: none;
    padding-left: 10px;
}
.newclientlink-capital{ 
    width: 150px;
    height: 30px; 
    line-height: 30px;
    border: none;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    text-align: center;
    padding-left: 10px;
}
.newclientlink-aumasperc {
    height: 25px; 
    width: 25px; 
    cursor: pointer;
    border: none;
    outline: none;
}
.newclientlink-txt{ 
    font-size: 12px; 
    color: #006187;
    margin-left: 30px;
}
.newclientlink-close { 
    position: absolute;
    top: 10px; 
    right: 5px;
    height: 30px; line-height: 30px; 
    text-align: center; width: 30px;
    border-radius: 50%;
    background-color:#2d3131; 
    color: white;
    cursor: pointer;
}
.newclientlink-phonetitle { 
    text-align: center;
    font-size: 16px;
    color: #2d3131;
    margin-top: 10px;
    font-weight: 600;
}
.newclientlink-iframe{ 
    min-width: 900px;
    height: 1700px;
    background-color: white;
    margin-bottom: 20px;
    margin-top: 10px;
    margin-left: 20px;
    border: 25px solid #2d3131;
    border-radius: 70px;
    -webkit-transform: scale(0.4);
    -webkit-transform-origin: 0 0;
    display: block;
}

.newclientlink-left{     
    height: 750px;
    width: 500px;
    background-color: #e5e5e5;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.newclientlink-title{ 
    border-top-left-radius: 10px;
    font-size: 16px; font-weight: 600;
    background-color: #2d3131;
    letter-spacing: 2px;
    color: white;
    height: 40px; line-height: 40px;
    text-align: center;
}

.newclientlink-right{
    background-color: white;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    height: 750px;
    width: 400px;
    padding-right: 20px;
    position: relative;
}
.shareLinkClose {     
    background-color: #2d3131;
    color: white;
    border-radius: 50%;
    height: 20px; line-height: 20px;
    width: 20px; text-align: center;
    cursor: pointer;
    font-size: 14px;
    position: absolute;
    top: 5px; right: 5px;
}
.shareLinkTitle {
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    margin-bottom:10px;
}
.shareLinkCreate { 
    background-color: #006187;
    color: white;
    font-size: 14px;
    border-radius: 10px;
    width: 150px; height: 30px; line-height: 30px;
    margin: 20px auto;
    cursor: pointer;
    text-align: center
}
.sharelinkcopy {
    cursor: pointer;
    margin-left: 20px;
    height: 25px;
}
.sharelinkcopied {
    font-size: 14px;
    margin-left: 10px;
    color: #15a30a;
}
.shareLinkBox {    
    padding: 15px;
    border: 1px solid lightgray;
    background-color: white;
    position: absolute;
    max-height: 200px;
    width: 350px;
}
.shareLinkSettings{ 
    border-radius: 15px;
    padding: 5px 10px;
    border: 1px solid lightgray;
    background-color: white;
    position: absolute;
    width: 400px;
    z-index: 50;
}
.sharelinktitle{ 
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
.shareLinkOption {
    border-bottom: 1px dashed lightgray;
    display: flex;
    height: 30px;
    align-items: center;
}
.sharelinkresult{
    height: 30px;
    display: flex;
    align-items: center;    
    width: 100%;
}
.fundMgrxl:hover { 
    background-color: #e5e5e5;
}
.fundMgrxl {     
    margin-top: 10px; 
    margin-left: 50px;
    display: flex;
    align-items: center;
    justify-content: center;    
    width: 380px;
    height: 30px; 
    cursor: pointer;
}
.fundMgrIcon{ 
    height: 25px; 
    cursor: pointer;
}
.fundMgrLabel{ 
    font-size: 14px;
    margin-left: 10px; 
}
.fundMgrxl:hover .fundMgrLabel { 
    text-decoration: underline;
}

.shareLinkCheckbox-fs, .shareLinkCheckbox-lockdates, .shareLinkCheckbox-benchmark { 
    height: 20px;
    width: 20px;
    margin-right: 10px;
    cursor: pointer;
}
.shareLinkBenchmark{ 
    height: 30px; 
    margin-left: 20px;
    width: 200px; 
    background-color: lightblue;
}
.shareLinkCheckbox-expiry { 
    height: 20px;
    width: 30px;
    margin-left: 5px;
    margin-right: 10px;
    text-align: center;
    border: none;
    background-color: #e5e5e5;
}
.shareLinkOptionText { 
    font-size: 14px;
    font-weight: 300;
}
.sharelinktext {            
    color: #006187;
    font-size: 15px;
    font-weight: 600;
}
.sharelinkdesc {
    margin-top: 10px;
    font-size: 14px;

}

.portsed {     
    margin-left: 10px;
    padding-left: 35px;      
    overflow-x: visible;        
    position: relative;
}
.portsedi {
    left: 0px;
    top: 5px;
    height: 25px;
    position: absolute;
}
.portsedtitle {
    white-space: nowrap;
    font-size: 12px;
}
.portseddates {
    margin-top: 5px;
    white-space: nowrap;
    color: #006187;
    font-size: 12px;
    cursor: pointer;    
}
.portseddatelist {
    z-index: 100;
    max-height: 400px;
    overflow-y: scroll;
    width: 600px;
    background-color: white;
    border: 1px solid lightgray; 
    position: absolute;
}
.portseddatelistclose {
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    background-color: #006187;
    color: white;
}
.portseddatelistclose:hover {
    background-color: #2d3131;
}
.portseddatelistitem {
    display: flex;
    height: 20px;
    align-items: center;
    justify-content: flex-start;
}
.portseddatelistitemname  {
    padding-left: 5px;
    font-size: 13px;
    min-width: 400px;
    max-width: 400px;
    white-space: nowrap;
    cursor: pointer;
}
.portseddatelistitemname:hover {
    color: #006187;
    text-decoration: underline;
}
.portseddatelistitemdate {
    padding-left: 5px;
    font-family: 'Montserrat';
    background-color: white;
    font-size: 12px;
    width: 100px;
}
.newwindow {
    height: 20px;
    margin-left: 30px;
    cursor: pointer;
}
.topRight{
    margin: 20px;
    display: flex;
    justify-content: center;    
}
.stockPrice {
    color: #006187;
    font-size: 22px;
    font-family: 'Montserrat';
    padding-left: 10px; padding-right: 10px;
    text-align: center;
    height: 40px;
    margin-left: 10px;    
}
.stockasof{ 
    font-size: 10px; color: black !important;
}
.stockPriceChange {
    font-family: 'Montserrat';
    height: 40px;
    margin-left: 10px;
    line-height: 40px;
}
.stockUpDown {
    margin-top: 10px;
    height: 20px;
}
.topBox {    
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.topTitleHolder {    
    padding-left: 5px;
    padding-right: 5px;        
}

.topImg {
    height: 25px;
    margin-top: 18px;
    margin-right: 10px;
}
.topTitle {
    font-size: 20px;
    height: 60px; 
    display: flex;
    align-items: center;
    font-weight: 600;    
    text-align: left;
    max-width: 500px;
}
.navasof{ 
    font-size: 13px;
}
.fundnav {
    font-size: 15px;    
    margin: 5px;
    height: 30px;
    line-height: 30px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;    
}
.topSubTitle {
    cursor: pointer;
    margin-top: 5px;    
    font-size: 15px;
    font-weight: 300;
    color: #2c77ba;
}
.tabHeads {    
    margin-top: -5px;
    background-color: #e5e5e5;    
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
}
.hiddentitle {
    display: none;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    font-weight: 600;
}
.tabHead {
    user-select: none;
    position: relative;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    color: #464040;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;  
    z-index: 5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tabHeadBlue {
    background-color: lightblue;
}
.tabs {
    position: relative;
    background-color: white;
    width: 100%;        
}
.carparser-deleteloader { 
    top: 400px;
    z-index: 101;
    position: absolute;
    left: 0; right: 0;
    margin: 0 auto;
}
.benchmark {
    position: relative;
    width: 360px;
}
.bTabselected { 
    height: 30px;
    line-height: 30px; 
    text-align: center; 
    font-size: 13px; 
    font-weight: 400;    
    background-color: #2d3131; color: white;
}
.bTabHeads {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 22px;  
    background-color: lightgray;
}
.bTab {
    width: 350px;
    overflow-y: hidden;
    height: 140px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.btab-help{ 
    margin-top: 10px;
    margin-left: 10px;
    color: gray; 
    text-align: left;    
    font-size: 11px; 
    
}
.btab-custom-search, .btab-normal-search{ 
    border: none; outline: none;
    height: 25px; line-height: 25px; 
    background-color: #e5e5e5;
    margin-top: 10px;
    width: 250px; 
    text-align: center;
    border-radius: 10px;
}

.customIndex { 
    z-index: 201;
    position: fixed;
    top: 200px;
    left: 250px;
    width: 1000px; 
    height: 550px;
    border: 1px solid gray;
    border-radius: 10px;
    background-color: white;
}

.customIndex-close{ 
    border-radius: 50%;
    position: absolute;
    top: 5px; 
    right: 5px; 
    height: 30px; line-height: 30px;
    width: 30px; text-align: center;
    background-color: #2d3131; color: white;
    font-size: 14px;
    cursor: pointer;
    transition-duration: 0.3s;
}
.customIndex-close:hover {
    width: 50px;
    border-radius: 20px;
}
.customIndex-title{ 
    height: 30px; line-height: 30px; 
    text-align: center;
    font-size: 14px;
    background-color: #006187;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.customIndex-bottom{
    display: flex;  
    height: 570px;
}
.customIndex-list{ 
    width: 300px; 
    height: 520px;
    overflow-y: scroll;
    border-right: 1px solid lightgray;
}
.customIndex-list-item { 
    display: flex;
    position: relative;
    height: 30px; 
    align-items: center;border-bottom: 1px solid lightgray;
}
.customIndex-list-item-name { 
    cursor: pointer;
    font-size: 14px;
    padding-left: 5px;
}
.customIndex-list-item-excel{ 
    height: 16px; 
    cursor: pointer;
    position: absolute;
    right: 90px; 
}
.customIndex-list-item-delete{ 
    height: 20px; 
    cursor: pointer;
    position: absolute;
    right: 10px; 
}
.customIndex-list-item-edit{ 
    height: 20px; 
    cursor: pointer;
    position: absolute;
    right: 45px; 
}
.customIndex-create{ 
    width: 700px;
}
.customIndex-top { 
    position: relative;
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.customIndex-top-label{ 
    font-size: 14px;
    padding-left: 20px;
    width: 500px;
}
.customIndex-top-reset{ 
    position: absolute;
    right: 30px;
    width: 150px; 
    height: 25px; line-height: 25px; 
    text-align: center;
    font-size: 13px; 
    font-weight: 600;
    color: #006187;
    cursor: pointer;
}
.customIndex-top-reset:hover {
    text-decoration: underline;
}
.customIndex-select {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px; 
    border-bottom: 1px solid lightgray;
}

.customIndex-select-select{ 
    height: 30px; 
    width: 250px; 
    transition-duration: 0.2s;
}
.customIndex-select-add { 
    width: 100px; 
    height: 30px; line-height: 30px; 
    text-align: center;
    font-size: 13px; 
    background-color: #006187; color: white;
    cursor: pointer;
    margin-left: 20px;
    border-radius: 10px;
    transition-duration: 0.3s;
}
.customIndex-select-add:hover { 
    width: 120px;
}
.customIndex-select-date { 
    font-size: 12px;
    margin-left: 20px;
}
.ci-item { 
    height: 30px; 
    display: flex;
    position: relative;
    align-items: center;
    border-bottom: 1px dashed lightgray;
}
.ci-weight{ 
    background-color: #e5e5e5;
    height: 30px; 
    width: 75px;
    border: none; 
    outline: none;
    text-align: center;
}
.ci-label { 
    height: 30px; line-height: 30px; 
    font-size: 13px;
    padding-left: 5px;
    width: 50px;
}
.ci-delete{ 
    position: absolute;
    height: 20px; 
    right: 5px; 
    cursor: pointer;
}
.ci-name { 
    height: 30px; line-height: 30px; 
    font-size: 13px;
    padding-left: 5px;
    width: 275px;
}

.customIndex-review { 
    height: 300px;
    display: flex;
    justify-content: center;
    border-bottom: 1px solid lightgray;
}
.customIndex-review-list{ 
    position: relative;
    width: 400px;
    overflow-y: scroll;
    border-right: 1px solid lightgray;
}
.btab-nolist { 
    font-size: 17px; 
    position: absolute;
    top: 100px; 
    left: 30px; 
    width: 250px; 
}
.customIndex-review-nolist { 
    font-size: 15px; 
    text-align: center;
    top: 50px; 
    margin: 20px auto;
    left: 0; right: 0;
}

.customIndex-review-stats{ 
    width: 300px;
}
.customIndex-review-stat { 
    height: 50px; 
    line-height: 50px;
    font-size: 20px;
    margin-top: 20px;
    text-align: center;
}
.customIndex-save { 
    height: 100px;
    position: relative;
    display: flex;
    padding-top: 20px;
    justify-content: center;
}
.customIndex-save-name{ 
    height: 30px; 
    width: 300px;
    background-color: #e5e5e5;
    border: none;
    text-align: center;
    border-radius: 10px;
}
.customIndex-loader {
    position: absolute;
    width: 500px;
    padding: 40px;
    margin: 0 auto; 
    left: 0; right: 0;
    top: 100px;
    background-color: #006187;
    z-index: 202;
    min-height: 200px;
}
.customloader {
    border: 15px solid white; /* Light grey */
    border-top: 15px solid #006187; /* Blue */
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.customloader-text{ 
    font-size: 16px;
    color: white;
    width: 400px;
    margin: 20px auto; 
    text-align: center;
}
.customloader-status{ 
    font-size: 14px; 
    color: lightblue;
    margin-top: 10px;
    width: 400px; 
}
.customIndex-save-explain{ 
    font-size: 13px; 
    width: 600px;
    margin: 20px auto;
    position: absolute;
    bottom: -2px;
}
.customIndex-save-save { 
    margin-left: 40px;
    height: 30px; 
    line-height: 30px;
    width: 200px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    text-align: center;
    transition-duration: 0.3s;
    background-color: #006187;
    color: white;
}
.customIndex-save-save:hover { 
    width: 220px;
}
.btab-custom{ 
    height: 160px;
    overflow-y: hidden;
}
.btab-custom-list { 
   height: 130px;
   overflow-y: scroll;
}
.btab-custom-list-item { 
    height: 25px; 
    line-height: 25px; 
    border-bottom: 1px solid lightgray;
    text-align: left; 
    padding-left: 5px;
    font-size: 13px;
    cursor: pointer;
    transition-duration: 0.3s;
}
.btab-custom-list-item:hover { 
    background-color: #2d3131; color: white;
}
.btab-custom-options { 
    height: 20px; line-height: 20px;
    font-size: 11px;    
    cursor: pointer;
    color: #006187; font-weight: 600;
    margin-top: 10px;
    transition-duration: 0.4s;
}
.btab-custom-options:hover { 
    text-decoration: underline;
}
.bTabHead7 { 
    font-size: 12px !important;
    position: relative;
}
.bTabHead {
    cursor: pointer;
    height: 22px;
    line-height: 22px;
    padding-left: 8.5px; 
    padding-right: 8.5px;
    font-size: 12px;
}

.bTabHead:hover {
    background-color: lightgray;
}
.benchi {
    margin-left: 5px;
    color: gray;
}

.topMetaHolder { 
    padding-top: 20px;
    width: 220px;
    margin-left: 10px;
    height: 200px;
}
.custom-udpate { 
    position: fixed;
    top: 50px; 
    left: 35%;
    width: 250px; 
    border: 1px solid gray;
    height: 700px; overflow-y: scroll;
    background-color: white;
    z-index: 101;
}
.custom-udpate-list-item-add{ 
    font-size: 13px; 
    font-weight: 600; 
    color: #006187;
    text-align: center;
    cursor: pointer;
    height: 25px; line-height: 25px;
}
.custom-udpate-list-item{ 
    display: flex;
    height: 25px; line-height: 25px;
    font-size: 12.5px;
    border-bottom: 1px solid lightgray;
}
.custom-udpate-list-item-date { 
    width: 150px;
    text-align: center;
}
.custom-udpate-list-item-del{ 
    height: 15px; width: 15px; 
    cursor: pointer;
    margin-top: 5px;
}
.custom-udpate-list-item-value{
    width: 100px;
    text-align: center;
}
.custom-udpate-list-item-newvalue{ 
    width: 80px;
    text-align: center;
    background-color: #e5e5e5;
    border: none; outline: none;
}
.custom-udpate-list-item-txt { 
    background-color: lightblue;
    font-size: 12.5px; text-align: center;
    height: 25px; line-height: 25px;    
}

.custom-udpate-close { 
    position: absolute;
    top: 10px; 
    right: 5px; 
    opacity: 0.7;
    height: 30px; width: 30px; 
    line-height: 30px; 
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    background-color: #2d3131; color: white;
}
.topMetas {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    padding-bottom: 10px;
}
.topMetaCustomDelete {
    width: 150px;
    text-align: center;
    font-size: 12px;
    background-color: #e5e5e5;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
    cursor: pointer;
}
.topMetaCustomDelete:hover {
    background-color: gray;
}
.topMeta {
    min-width: 215px;
    max-width: 500px;
    background-color: white;
    height: 180px;
    border-radius: 7px !important;    
}
.topMetaSmall {
    min-width: 200px;
    max-width: 500px;
    height: 20px;
    background-color: white;
    border-radius: 7px !important;
}
.hider {
    display: none !important;
}
.topMetaExitLoad{ 
    color: #006187; 
    font-weight: bold;
    background-color: white;
    height: 40px;
    word-wrap: break-word;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    overflow-y: scroll;
}
.topMetaItem {
    padding-right: 10px;
    padding-left: 10px;
    height: 30px;
    line-height: 30px;
    display: flex;
    align-items: center;
}
.topMetaItem2 {
    padding-right: 10px;
    padding-left: 10px;
    height: 23px;line-height: 23px;
    align-items: center;
    display: flex;
}

.topMetaItem1 {
    padding-left: 10px;
    height: 23px;
    line-height: 23px;
    display: flex;
}
#topMeta2 { 
    position: relative; 
    padding-right: 10px;
}
.little{ 
    font-size: 10px;
}
.histmatimg { 
    position: absolute;
    height: 60px;
    bottom: 10px;
    right: 0px;
    cursor: pointer;
}
.peerxl { 
    cursor: pointer;
    height: 20px;
    margin-left: 20px;
}
.topMetaItemName1 {
    font-size: 12.5px;
    text-align: right;
    width: 125px;
}
.topMetaItemName {
    font-size: 12.5px;
    font-weight: 600;
    text-align: right;
    width: 130px;
}
.aumasof {
    margin-left: 10px;
    color: #006187;
    font-size: 13px;
}
.smallchart { 
    height: 28px; margin-left: 5px;
    cursor: pointer;
}
.histaumonly {    
    display: block !important;    
    left: 0; right: 0;
    margin: 100px auto;    
    width: 800px !important;
    height: 600px !important;
}
.histaum {
    position: absolute;
    background-color: white; 
    border: 3px solid lightgray;
    height: 300px; 
    width: 600px; 
    border-radius: 10px;
    z-index: 100;
    display: flex; justify-content: center; align-items: center;    
}
.histaum-xl{ 
    z-index: 2;
    position: absolute;
    height: 25px; 
    cursor: pointer;
    left: 10px; 
    top: 5px;
}
.smallhistaumchart, .smallhistchangechart {  
    height: 250px; 
    width: 600px;
    border-radius: 10px;
}
.smallhistaumchartonly, .smallhistchangechart {  
    height: 250px; 
    width: 800px;
    border-radius: 10px;
}
.smallhisttitle{     
    font-size: 13px; 
    font-weight: 600;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #006187;
    text-align: center;
}

.smallhistchangetable { 
    background-color: white;
    height: 200px; 
    width: 600px;
    border: 1px solid lightgray;
    border-radius: 10px;
}
.histaumdirection { 
    height: 15px; margin-left: 10px;
}
#reinvest, #rescale {
    height: 25px;
    border-radius: 10px;
}
.histaumnodata{ 
    display: none;
    color: #006187;
    font-size: 25px; 
    text-align: center;
}
.customEndDate {    
    position: relative;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.optenddateitemcustom{ 
    cursor: pointer;
    position: absolute; 
    right: 10px;
    width: 100px;
    z-index: 1;
    opacity: 0;
}
.customStartDate, .customEndDate {
    cursor: pointer;
}
.customStartDate:hover, .customEndDate:hover {
    background-color: lightgray !important;
}
.screenshot {
    cursor: pointer;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 250px;
}
.pterbox{
    border: 1px solid lightgray;
    z-index: 20;
    background-color: white;
    position: absolute;
    width: 620px;
}
.pterbox-title {
    font-size: 13px; 
    padding: 10px;
    background-color: #2d3131; 
    color: white;
}
.pterbox-list { 
    overflow-y: scroll;
    height: 400px;
}
.pteritemhead {
    font-weight: 600;
}
.pteritem, .pteritemhead {
    font-size: 13px;
    display: flex; align-items: center;
    height: 25px;
    border-bottom: 1px solid lightgray;
}

.pteritemname { 
    cursor: pointer;
    padding-left: 10px;
    width: 500px; 
    overflow-x: hidden;
    white-space: nowrap;
}
.pteritemname:hover {
    color: #006187;
    text-decoration: underline;
}
.pscoreitemname { 
    cursor: pointer;
    padding-left: 10px;
    min-width: 350px; 
    max-width: 350px;
    overflow-x: hidden;
    white-space: nowrap;
}
.pscoreitemname:hover {
    color: #006187;
    text-decoration: underline;
}

.pteritemvalue { 
    width: 100px; 
}
.pscoreitemvalue { 
    min-width: 120px;
    max-width: 120px;
    text-align: center; 
}
.topMetaTitleExitLoad { 
    margin-top: 10px;
}
.topMetaTitle {
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    background-color: lightgray;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.portfolioterinfo{
    cursor: pointer;
    width: 20px; margin-left: 10px;
    height: 20px; line-height: 20px; background-color: #006187;
    border-radius: 50%; color: white;
    font-size: 12px; font-weight: 600; text-align: center;
}
.topMetaItemValue, .topMetaItemValue2 {
    font-size: 11px;
    padding-left: 10px;
    text-align: left;    
    display: flex; align-items: center;
}
.mktcap-span {
    margin-right: 5px;
}
.topMeta:not(:first-child) {
    margin-left: 10px;
}
.topMetaOptionList {
    height: 90px;
    overflow-y: scroll;
}
.mgrHolder, .fundPeers, .fundmgrHolder {    
    width: 1100px;    
    margin-left: auto;
    margin-right: auto;    
}
.fundmgr{ 
    padding: 20px; 
    background-color: #e5e5e5;
    width: 1000px; 
    margin: 10px auto;
}
.fundmgr-loading{ 
    font-size: 20px; 
    margin-top: 40px; 
    text-align: center;
    color: #006187;
    font-weight: 600;
}
.fundmgr-name{
    color: #006187;
    font-size: 18px; 
    font-weight: 600;
}
.fundmgr-profile{ 
    margin-top: 10px;
    font-size: 14px;     
}
.fundmgr-hist-title{     
    margin-top: 10px;
    height: 30px; line-height: 30px; 
    line-height: 30px; 
    font-size: 14px; 
}
.fundmgr-hist {    
    background-color: white;
    overflow-y: scroll;
    max-height: 150px;
    width: 950px;
}
.fundmgr-item-head { 
    font-weight: 600;
    font-size: 12px;
}
.fundmgr-item, .fundmgr-item-head{ 
    height: 25px; 
    display: flex;
    align-items: center;
    font-size: 13px;
    border-bottom: 1px solid lightgray;
}
.fundmgr-hist-fund:hover { 
    text-decoration: underline;
    color: #006187;
}
.fundmgr-hist-fund { 
    min-width: 300px;
    max-width: 300px;
    white-space: nowrap;
    overflow-x: hidden;
    cursor: pointer;
    padding-left: 20px;
}
.fundmgr-hist-aum { 
    min-width: 100px;
    max-width: 100px;
}
.fundmgr-hist-date, .fundmgr-hist-active{ 
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
.fundmgr-hist-return { 
    min-width: 75px;
    max-width: 75px;
    text-align: center;
}
.fundmgr-startdate{ 
    font-size: 14px; 
    margin-top: 10px;
}
.mgrLoading{
    font-family: 'Montserrat';
    font-size: 25px;
    color: #006187;
    padding: 30px;
}
.peerTop, .peerBottom  {    
    padding: 20px;    
    width: 100%;
}
.peerTop {
    height: 70px;
}
.peerBottom {    
    margin-top: 20px;
    background-color: #e5e5e5;
    height: 400px;
}
.peerTitle {
    font-size: 14px;
    margin-bottom: 10px;
}
.peerList {    
    width: 100%;
    height: 350px;
    overflow-y: auto;
    background-color: white;
}
.peerItem, .peerItemHead {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    border-bottom: 1px solid lightgray;
}
.peerItemMe{
    background-color: #78C1DD !important;
}
.peerItemName {
    padding-left: 10px;
    font-size: 12px;
    width: 350px;
    white-space: nowrap;
    cursor: pointer;
}
.peerItemNameHead {    
    padding-left: 10px;
    font-size: 13px;
    width: 350px;
    white-space: nowrap;
}
.peerItemName:hover {
    text-decoration: underline;
    color: #006187;
}
.peerItemStat {
    background-color: white;
    font-size: 12px;
    width: 60px;
    text-align: center;
}
.peerItemStatHead{
    cursor: pointer;
    font-size: 12px;
    width: 60px;
    text-align: center;
}
.peerItemStatHead:hover {
    color: #006187; text-decoration: underline;
}
.mgrItem {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;
    margin-left: 20px;
    padding: 10px;
    min-height: 200px;
    width: 100%;
    background-color: #e5e5e5;
}
.mgrItemName {
    font-size: 23px;
    color: #006187;
}
.mgrItemAge { 
    font-size: 13px; 
    margin-bottom: 10px;  
}
.mgrItemJob {
    font-size: 13px;    
    margin-bottom: 10px;   
}
.mgrItemQuals{
    font-size: 13px;    
    margin-bottom: 10px;  
}
.mgrItemBio {
    font-size: 13px;
}
.mgrFundsTitle {
    font-size: 14px;
    margin-bottom: 10px;
    color: #006187;
}
.mgrFundsDetails {
    width: 40%;
    padding: 0px 20px 0px 20px;
}
.mgrItemOtherFunds {
    width: 60%;
}
.mgrFundsList{
    height: 170px;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: white;
}
.mgrFundsItem{        
    border-bottom: 1px solid lightgray;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
}
.mgrFundsItemHead{
    display: flex;
}
.mgrFundsItemNameHead, .mgrFundsItemACHead, .mgrFundsItemCAGRHead , .mgrFundsItemAUMHead{
    font-size: 12.5px;
}
.mgrFundsItemName, .mgrFundsItemAC, .mgrFundsItemCAGR, .mgrFundsItemAUM {
    font-size: 11.5px;
    background-color: white;
/.:@@@@@}
.mgrFundsItemAC, .mgrFundsItemACHead {
    width: 70px;  
    padding-left: 10px;
}
.mgrFundsItemAUM, .mgrFundsItemAUMHead {
    width: 70px;  
    padding-left: 10px;
}
.mgrFundsItemCAGR, .mgrFundsItemCAGRHead {
    width: 50px;  
    padding-left: 10px;
}

.mgrFundsItemName, .mgrFundsItemNameHead {
    padding-left: 5px;
    white-space: nowrap;
    cursor: pointer;
    max-width: 320px;
    min-width: 320px;
}
.mgrFundsItemName:hover {
    text-decoration: underline;
    color: #006187;
}
.topMetaOptionListItem {
    position: relative;
    text-align: left;
    padding-left: 5px;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    font-weight: 300;
    overflow-x: hidden;
    white-space: nowrap;
    border-bottom: 1px solid lightgray;
    cursor: pointer;
    display: flex;
}
.topMetaOptionListStar {
    position: absolute;
    right: 20px;
    top: 5px;
    background-color: lightblue;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
}
.topMetaOptionListItem:hover {
    background-color: #2d3131;
    color: white;
}
.tabView {    
    background-color: white;
    display: none;        
}
.opt-desc {
    font-size: 13px; 
    width: 1150px;
    padding: 5px 100px 5px 100px;
    margin: 0px auto;         
}
.opt-desc , .opt-holder {
    background-color: #91ced1;
}
.opt-holder {
    width: 1230px;
    padding-left: 20px;
}
.opt-1 { 
    display: flex;
    background-color: white;
}
.opt-1, .opt-2 {
    width: 1000px;
}
.o1-item-title {    
    width: 500px;    
    background-color: #2d3131; color: white;
    font-size: 10px !important;
}
.opt1-list {    
    height: 300px;
    overflow-y: scroll; overflow-x: hidden;
    border: 1px solid lightgray;
}
.o1-item-title > div { 
    background-color: transparent !important;
}
.o1-item-title > .o1-itemvalue {
    font-size: 10px;
}
.o1-item-title > .o1-itemname {
    cursor: none;
    font-size: 11px;
}
.o1-item, .o1-item-title {    
    display: flex; 
    align-items: center;
    height: 30px; 
    border-bottom: 1px solid lightgray;
}

.o1-itemname {
    cursor: pointer;
    font-size: 11px;
    padding-left: 5px;
    min-width: 350px;
    max-width: 350px;
    white-space: nowrap;
    overflow-x: hidden;
}

.o1-itemname:hover { text-decoration: underline; }

.o1-itemvalue, .o1-itemopt {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    min-width: 60px;
    max-width: 60px;
}
.o1-itemopt {
     color: #006187;
}
.o1-itemnew {
    font-size: 13px;
    background-color: #e5e5e5;
    outline: none; border: none;
    height: 25px;
    text-align: center;
    width: 50px; 
    font-family: 'Montserrat';
}
.opt1-method {
    padding-top: 5px;
    width: 500px;
    border-bottom: 1px solid lightgray;
}
.op2top1 {
    display: flex;
    justify-content: center;
    align-content: center;
    height: 30px;
    border-right: 1px solid lightgray;
}
.opt-select-title{ 
    height: 30px; 
    line-height: 30px;
    font-size: 14px;
}
.op2top2 {
    display: flex;
    border-right: 1px solid lightgray;
}
.opt-charts{
    border-right: 1px solid lightgray;
    width: 500px;
}
.opt-stats{ 
    background-color: blue;
    width: 400px;
}
.opt-line {
    background-color: #e5e5e5;
    width: 500px;
    height: 250px;
}
.opt-years {
    width: 500px;
    height: 250px;
}
.opt-select {
    height: 30px; line-height: 30px;
    font-family: 'Montserrat'; font-size: 15px;
    width: 200px;
    padding-left: 5px;
    margin-left: 10px;
}
.opt-select-desc {
    padding: 15px;
    font-size: 12px;
    color: gray;
}
.opt2-result {
    display: flex;
}
#reloadlink {
    cursor: pointer;
    color: #28b606;
    font-weight: 100;
}
#reloadlink:hover {
    color: #006187;
}
.errorImage {
    margin-top: 50px;
    margin-bottom: 40px;
    height: 200px;
}
.pageError {
    margin-top: 20px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    height: 500px;
    background-color: #e5e5e5;    
}
.errMessage {
    margin-top: 10px;
    text-align: center;
    font-size: 20px;
    color: #2d3131;
}
.tabView1, .tabView7, .tabView4 {
    padding-top: 10px;
    width: 100%;
    display: block;
}
.tabView10, .tabView9 {
    padding-top: 10px;    
    margin-left: -100px;
    position: relative;
}
.tabView10 {
    background-color: white;    
}
.tabView2 {
    padding-top: 10px;
    width: 100%;
    display: block;
    position:relative;
}
.tabView3 {
    padding-top: 20px;
    width: 100%;
    display: block;
}

.tabView6 {  
    margin-left: auto;
    margin-right: auto;
    width: 800px;  
}

.tab6_corr {
    margin-top: 50px;
    margin-left: 30px;
    display: flex; justify-content: center; align-items: center;
    text-align: center;
    height: 100px;
    width: 150px;    
    margin-bottom: 20px;
    padding: 10px;
    background-color: #e5e5e5;
    font-size: 15px;
}
.ui-widget {
    font-size: 75%;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif5;
}
.tab8_tab4 {    
    text-align: left;    
}
.tab8_tab4_url:first-of-type {
    margin-top: 30px;
}
.tab8_tab4_url {    
    width: 300px;    
    font-family: 'Montserrat';
    margin-left: 50px;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    cursor: pointer;font-size: 16px;
}
.tab8_tab4_url:hover {
    color: #006187;
    text-decoration: underline;
}
.tab6_top {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    background-color: #e5e5e5;
    height: 40px;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.corrDateError {
    font-size: 13px;
    margin-left: 20px;
}
.corrButton {
    cursor: pointer;
    margin-left: 20px;
    height: 25px;
    line-height: 25px;
    color: white;
    font-size: 13px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    background-color: #006187;
}
.corrButton:hover {
    background-color: #2d3131;
}
.underline {
    cursor: pointer;
}
.underline:hover {
    text-decoration: underline;
}
.corrDate {
    text-align: center;
    font-size: 12px;
    outline: none;
    border: none;
    width: 150px;
    margin-left: 20px;
    height: 25px;
    line-height: 25px;
}
.tab6_bottom {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.tab6_left_ch {
    width: 600px;
    height: 400px;
}
.rdst_text{ 
    font-size: 11px;
    color: #006187;
    width: 280px; 
    padding: 10px;
    text-align: left;
    margin-bottom: 20px;
}
.trdi_item_small { 
    display: flex;    
    height: 30px;    
    align-items: center;
}
.trdi_item {
    display: flex;
    height: 35px;
    align-items: center;
}
.trdi_item_from { 
    margin-left: 10PX;
}
.trdi_item_from, .trdi_item_to {
    font-size: 12px;
    width: 40px;
    text-align: center;
}
.tab3_top_select { 
    width: 120px; 
    height: 25px; 
    font-family: Montserrat;
    margin-left: 10px; 
}
.trdi_item_inp {
    height: 25px;
    margin-left: 10px;
    margin-right: 10px;
    border: none;
    outline: none;
    width: 50px;
    text-align: center;
}
.q-wpr {     
    margin-left: -10px !important;
}
.trdi_item_remtitle {
    width: 240px;    
    font-size: 13px;
    margin-right: 10px;
    margin-left: 10PX;
    display: flex; align-items: flex-end;
    justify-content: flex-end;
}
.trdi_item_perc_rem, .trdi_item_perc_wp {
    color: #006187;
    font-size: 14px;
    font-weight: 600;
    width: 70px !important;
    text-align: center !important;
}

.trdi_item_perc {
    color: #006187;
    font-size: 14px;
    font-weight: 600;
    width: 50px;
    text-align: right;
}

.tab3_chartTitle10 {
    display: flex;
    width: 700px;
    border-bottom: 2px solid #006187;
}

.tab3_chartTitle1 {
    display: flex;
    width: 600px;
    border-bottom: 2px solid #006187;
}
.tab3_rolling_dist {
    height: 300px;
    width: 700px;
    margin-top: 20px;
    background-color: #e5e5e5;
}
.tab3_rolling_dist_inputs {
    margin-top: 20px;
    background-color: #e5e5e5;
    height: 300px;
    width: 300px;
}

.tab3_chartTitle9 {
    display: flex;
    width: 300px;
    border-bottom: 2px solid #006187;
}

.tab3_chartTitle2 {
    display: flex;
    width: 400px;
    border-bottom: 2px solid #006187;
}
.tab4_scTitle {
    color: black;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    width: 1000px;
    border-bottom: 2px solid #006187;
}
.tab9_title {
    color: black;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    border-bottom: 2px solid #006187;
}
#portstatsexcel { 
    height: 20px; 
    margin-bottom: -2px;
    margin-left: 10px; 
    cursor: pointer;
}
.tabView15 { 
    padding-left: 30px;
}
.tab15_title {
    color: black;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    width: 1200px;
    margin-left: auto;    
    margin-right: auto;
    margin-top: 20px;
    border-bottom: 2px solid #006187;
}
.tab18_title {
    color: black;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    width: 1100px;
    margin-left: auto;    
    margin-right: auto;
    margin-top: 20px;
    border-bottom: 2px solid #006187;
}
.tab3_top {
    margin-top: 20px;
}

.addCustomScenario {
    cursor: pointer;
    font-size: 12px;
    padding: 10px;
    background-color: #2d3131;
    color: white;
    height: 20px;
    line-height: 20px;
        margin-bottom: 10px;
}
.addCustomScenario:hover {
    background-color: #e5e5e5;
    color: #2d3131;
}
.ui-widget-content {
    z-index: 999;
}
.addCustomHolder {
    padding: 20px;
    position: absolute;
    z-index: 101;
    border: 1px solid lightgray;
    background-color: #e5e5e5;
    color: #2d3131;
    top: 30%;
    left: 40%;
    text-align: center;
}
.customName, .customDate {
    height: 30px;
    line-height: 30px;
    width: 150px;
    margin-top: 10px;
    outline: none;
    border: none;
    background-color: white;
    font-size: 13px;
    text-align: center;
}
.customDate:last-of-type {
    margin-bottom: 10px;
}
.closeme {
    user-select: none;
    z-index: 999;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    width: 100%;
    text-align: right;
    font-size: 13px;    
}
.saveCustom, .closecustom {
    font-size: 13px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    background-color: #006187;
    color: white;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}
.closecustom {
    font-size: 13px;
    width: 100px;
    margin-left: auto;
    margin-right: auto;
    background-color: gray;
    color: white;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    margin-top: 10px;
}
.closecustom:hover {
    background-color: #2d3131;
}
.saveCustomError {
    color: red;
    font-size: 13px;
}
.saveCustom:hover {
    background-color: #2d3131;
}
.customScenarioDelete {
    height: 20px;
    margin-left: 10px;
    cursor: pointer;
}
.capinfo{ 
    height: 15px; line-height: 15px;
    width: 15px; text-align: center;
    cursor: pointer;
    border-radius: 50%;
    background-color: #006187; color: white;
    position: absolute;
    font-size: 12px; 
    right: 5px;top: 0px;
}
.hvarprob, .ivarprob { 
    margin-left: 5px; margin-right: 5px;
    font-size: 13px;
    width: 25px; text-align: center;
    background-color: lightblue;
    border: none; outline: none;
}
.capbox{ 
    position: absolute;
    border: 1px solid lightgray;
    padding: 10px;
    background-color: white;
    height: 400px; overflow-y: scroll;
}
.capboxline{ 
    height: 25px; display: flex;    
    align-items: center;    
    font-size: 13px;
    border-bottom: 1px solid lightgray;
}
.capboxmonth{ 
    width: 70px;
    text-align: right;
}
.capboxasset, .capboxbench {
    width: 70px;
    text-align: center;
} 
.capboxasset { color: #006187; }
.capboxbench { color: black; }
.customScenario {
    position: relative;
    display: flex;
}
.customScenario:hover .customScenarioDelete {
    display: block;
}
.scenarioName {
    user-select: none;
    height: 20px;
    line-height: 20px;
    text-align: center;
    padding: 10px;
    margin-left: 15px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 11px;
    background-color: lightgray;
    color: #2d3131;
}
.scenarioName:hover {
    background-color: lightgray !important;
}
.tab4_top {
    width: 1000px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}
.tab5_dd{
    width: 1000px;
    height: 300px;
}
.drawdownOnReturns {
    width: 300px;
    height: 250px;
}
.drawdownStats{
    width: 500px;
}
.tab5_top {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;

    margin-bottom: 20px;
}
.tab5_bottom, .tab5_details {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.tab5_bottom_left {
    width: 300px;
}
.tab5_bottom_right {    
    width: 750px;
}
.tab5_bottom_right {
    margin-left: 30px;
}

.tab5_chartTitle1, .tab6_chartTitle1 {    
    padding-bottom: 2px;    
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    border-bottom: 2px solid #006187;
    margin-bottom: 10px;
}

.tab4_scList, .tab4_customScList {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    width: 700px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.scenarioChart {
    height: 300px;
    width: 400px;
}
.scenarioChartCover {
    top: 0px;
    left: 100px;
    position: absolute;
    background-color: #006187;
    color: white;
    opacity: 0.9;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;    
    height: 300px;
    width: 1000px;
}
.tab4_bottom1, .tab4_bottom2, .tab4_bottom3 {
    min-height: 50px;
    width: 33.3%;    
}
.tab4_bottom {
    justify-content: center;
    position: relative;
}
.tab4_bottom2 {    
    margin-left: 30px;
    margin-right: 30px;
}
.onlyLato {
    font-family: 'Montserrat' !important;
}
.tab3_top_options {
    background-color: #e5e5e5;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab3_top_option {    
    width: 70px;
    height: 30px;
    margin-left: 10px;
    font-size: 12px;
    border: none;
    text-align: center;
    outline: none;    
}
.tab3_top_optionError {
    margin-left: 10px;
    font-size: 12px;    
    width: 210px;
}
.tab3_top_optionButton:hover {
    background-color: #2d3131;
}
.tab3_top_optionButton {
    margin-left: 20px;
    background-color: #006187;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 13px;
}

.tab3_middle_opt {
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    height: 30px;
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    display: flex;
    align-items: center;
}
.roll_select_title {
    padding-left: 5px;
    font-size: 14px;
}
.roll_select { 
    margin-left: 20px;
}
.tab3_top, .tab3_bottom, .tab3_middle {
    display: flex;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.tab4_bottom {
    display: flex;
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.tab3_bottom, .tab4_bottom {
    margin-top: 30px;
}

.tab3_rollingvol, .tab3_rollingret {
    width: 600px;
    height: 300px;
}

.tab3_top_left {
    width: 600px;
}
.tab3_middle_left {
    width: 300px;
}
.tab3_middle_right {
    margin-left: 20px;
    width: 700px;
}
.tab3_top_right {
    margin-left: 20px;
    width: 400px;
}
.tab2_heads {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.tab2_head {
    position: relative;
    user-select: none;
    font-size: 11px;
    cursor: pointer;
    text-align: center;
    padding-left: 20px; padding-right: 20px;
    height: 30px;
    line-height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.tab2_head:hover {
    background-color: #e5e5e5;
}
.tab2_tab {
    padding: 30px;
    height: 550px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: #e5e5e5;
    position: relative;
}
.holdingsDownload {
    cursor: pointer;
    position: absolute;
    height:30px;
    right: 10px;
    top: -40px;
}
.holdingImage {
    cursor: pointer;
    position: absolute;
    height:30px;
    right: 50px;
    top: -40px;
}
.tabImage {
    cursor: pointer;    
    height: 25px;
    margin-left: 10px;    
}
.tabImagesmall {
    cursor: pointer;
    height: 20px;
    margin-left: 10px;
}
.tab2_1_top, .tab2_3_top, .tab2_2_top, .tab2_4_top, .tab2_5_top, .tab2_6_top {
    position: relative;
}
.tab2_1_top_options{ 
    z-index: 1;
    top: 5px; 
    left: 200px;
    position: absolute;
    height: 30px;     
    background-color: lightblue;
    padding-left: 10px; 
    border-radius: 10px;
    padding-right: 10px;
    display: flex; justify-content: center;
    align-items: center;
}
.tabaa_shorts {
    z-index: 100;
    top: 5px; 
    left: 390px;
    position: absolute;  
    background-color: #e67575;
    padding-left: 10px; 
    padding-right: 10px;
    border-radius: 10px;
    font-size: 13px;
    display: flex; align-items: center;
    height: 30px;
}
.tabaa_shorts_title {     
    height: 30px; line-height: 30px;
}
.tabaa_shorts_show{ 
    cursor: pointer;
    color: #006187;
    font-weight: 600;
    height: 30px; line-height: 30px;
    margin-left: 10px;
}
.tabaa_shorts_show:hover {
    text-decoration: underline;
}
.tabaa_shorts_apply{ 
    margin-left: 10px;
}
.tabaa_short_checkbox{ 
    height: 20px; width: 20px;
}
.tabaa_short_checkbox_label{ 
    height: 30px; line-height: 30px;
    margin-left: 3px;
    font-size: 12px; font-weight: 600;
}
.tab2_1_top_option{ 
    height: 23px; 
    width: 23px; 
    cursor: pointer;
}
.tab2_1_top_option_label{ 
    margin-left: 5px;
    font-size: 13px; 
    z-index: 1;
}
.tab2_4_top {
    display: flex;
}
.tab2_1_top, .tab2_3_top, .tab2_2_top, .tab2_5_top, .topTitleHolder, .tab2_3_bottom, .tab2_6_top {
    display: flex;
    justify-content: center;
    align-content: center;
}
.aadebtTypes {
    width: 300px;
    height: 300px;
    margin-right: 10px;
}
.ratingsChart, .maturityChart, .ytmChart {
    width: 350px;
    height: 300px;
    margin-bottom: 10px;
}
.analytics-clicktofilter{ 
    font-size: 12px; 
    position: absolute;
    color: #006187;
    top: 5px; left: 5px;
}
.tab2_aaoverview { 
    margin-top: 10px;
    height: 580px;
    width: 300px;
    position: relative; 
}
.holdingsasof {
    font-family: 'Montserrat';
    position: absolute;    
    width: 400px;
    top: 2px;
    right: 20px;
    text-align: right;    
    font-size: 14px;
}
.holdingsno{ 
    color: #006187;
}
.tab2_aalistholder {
    margin-left: 30px;
    width: 600px;
    background-color: white;
    height: 500px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.tab2_aatabtitle {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    background-color: #2d3131;
    color: white;
}

.tab2_aalist {
    margin-top: 10px;
    margin-left: 30px;    
    background-color: white;
    width: 600px;
    height: 500px;
    overflow-y: scroll;    
}
.tab2_aalistTitle {
    background-color: #e5e5e5;
    border-bottom: 1px solid lightgray;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative;
}
.tab2_noholdings {
    position: absolute;
    font-size: 20px;
    text-align: center;   
    height: 100%;
    width: 100%;    
    display: flex;
    justify-content: center;
    align-content: center;
}
.tab2_aalistTitleFilter {
    color: #006187;
    display: none;
    position: absolute;
    left: 10px;
    top: 2px;
    font-size: 12px;
    cursor: pointer;
}
.tab2_aalistTitleFilter:hover {
    text-decoration: underline;
}
.tab2_aalistItem {
    height: 25px;
    border-bottom: 1px dashed lightgray;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.tab2_aalistItemType {
    padding-left: 10px;
    font-size: 12px;
    width: 120px;
    text-align: left;
    overflow-x: hidden;
    white-space:nowrap
}
.tab2_aalistItemSectorRating {
    padding-left: 10px;
    font-size: 12px;
    width: 100px;
    text-align: left;
    overflow-x: hidden;
    white-space:nowrap
}
.tab2_aalistItemName {
    padding-left: 10px;
    font-size: 13px;
    width: 300px;
    text-align: left;
    overflow-x: hidden;
    white-space:nowrap
}
.tab2_aalistItemValue{
    font-size: 13px;
    width: 60px;    
    text-align: center;
}
.tab2_aaratings {
    margin-top: 30px;
    width: 400px;
    height: 350px;    
}
.tab2_aadebt  { 
    margin-left: 50px;
    width: 500px;
    height: 500px; 
}

.tab2_aaindustry, .tab2_sector, .tab2_amc {    
    width: 400px;
    height: 400px;    
    margin-right: 30px;
    margin-top: 30px;
}
.marketcapdesc{ 
    position: absolute;
    width: 480px; 
    text-align: justify;
    top: 0px; right: 0px;
    font-size: 11px; 
    color: #006187;
}
.tab2_marketcap { 
    margin-top: 40px;
    width: 500px;
    height: 400px;  
}
.tab2_concentration {    
    width: 500px;
    height: 440px;    
}
.aa_eqlink {
    color: #006187;
    cursor: pointer;
}
.aa_eqlink:hover {
    text-decoration: underline;
}
.tab2_2_top_right, .tab2_5_top_right {
    width: 500px;
}
#showAllIndustries, #showAllSectors {
    font-size: 13px;
    color: #006187;
    cursor:pointer;
    margin-right: 10px;
}
#showAllIndustries:hover {
    text-decoration: underline;
}
.amclist-item { 
    display: flex;
    height: 30px; 
    line-height: 30px; 
    border-bottom: 1px solid lightgray;
    font-size: 13px;
}
.amclist-item-name { 
    width: 450px;
    padding-left: 5px;
    white-space: nowrap;
    overflow-x: hidden;
}
.amclist-item-value {
    text-align: center;
}
.tab2_aaeqlist, .tab2_amceqlist, .tab2_aaeqsectorlist {
    background-color: white;
    width: 500px;
    max-height: 400px;
    overflow-y: scroll;
}
    .tab2_aaeqlist_holder, .tab2_amc_holder {
        overflow: hidden;
    }
    .tab2_2_top_right_top, .tab2_5_top_right_top {
        width: 100%;
        background-color: #e5e5e5;
        height: 30px;
        line-height: 30px;
        padding-left: 10px;
        font-size: 14px;
        position: relative;
        white-space: nowrap;
    }
.t2tr_showAll, .t5tr_showAll {
    font-size: 14px;
    z-index: 999;    
    position: absolute;
    right: 50px;
    top: 5px;
    color: #006187;
    cursor: pointer;
}
.tab2_aaeqlistItem, .tab2_aaeqsectorlistItem {
    display: flex;
    align-items: center;
    height: 30px;
    border-bottom: 1px solid lightgray;
}
.tab2_aaeqlistItemName{
    padding-left: 10px;
    width: 80%;
}
.tab2_aaeqlistItemValue {
    width: 20%;
}
.tab2_aaeqlistItemName, .tab2_aaeqlistItemValue {
    font-size: 13px;
}

.tab1_val {
    display: flex;
    justify-content: center;
    height: 30px;
    align-items: center;
    font-size: 13px;
}
.tab_val_val{ 
    height: 30px; 
    line-height: 30px; 
    text-align: center;
    padding-left: 10px; 
    padding-right: 10px; 
    font-size: 18px; 
    background-color: #11583a;
    color: white;
    margin-inline: 8px;
}
.tab1_val_invest { 
    height: 25px;
    text-align: center;
    border-radius: 10px;
    margin-left: 8px;
    margin-right: 8px;
    border: none; outline: none;
    background-color: #e5e5e5;
    width: 120px;
}

.tab1_top, .tab1_bottom, .tab7_top, .tab7_bottom {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.tab7_momStats {
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    height: 70px;
}
#eq_numberline {
    position: absolute;
    bottom: 30px;
    width: 100%;
    background-color: lightgray;
    height: 2px;
}
#momstatHigh {
    top: 0px;
    left: 0px;
    padding-left: 5px;
}

#momstatLow {
    text-align: right;
    top: 0px;
    right: 0px;
    padding-right: 5px;
}
#momStatLast{ 
    color: green !important;
    font-size: 13px;
    background-color: none;
    width: 100px;
    text-align: right;
    bottom: 5px;
}

.tab7_momStat {
    position: absolute;
    font-family: 'Montserrat';
    width: 100px;    
    height: 30px;
    font-size: 12px;
}
.rightTriangle, .leftTriangle {
    bottom: 28px;
    position: absolute;
    -webkit-text-stroke: 5px lightgray;
    font-size: 5px;
}
.rightTriangle {
    right: 0px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
.leftTriangle {
    left: 0px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}
.smalltriangle {
    bottom: 20px;
    position: absolute;
    -webkit-text-stroke: 5px #006187;
    font-size: 5px;
}
.stockmom {
    margin-top: 20px;
    height: 200px;
    width: 100%;
}
.tab1_bottom {
    width: 100%;
}

.tab1_topleft {   
    width: 600px; 
}
.tab7_topleft {
    width: 600px;
}
.tab1_topright {
    width: 400px;
    margin-left: 30px;
}
.tab7_bottomleft {
    width: 600px;
}
.tab7_bottomright {
    width: 400px;
    margin-left: 30px;
}
.tab7_topright {
    width: 400px;
    margin-left: 30px;
}

.tab1_statTitle {
    width: 400px;
    position: relative;
}
.tab1_statTitlebench { 
    margin-top: -20px;
    width: 400px;
    position: relative;
}
.tab1_statTitleHelp {
    position: absolute;
    right: 10px;
    font-size: 10px;
    width: 130px;
    text-align: right;
}
.tab7_statTitleHelp {
    position: absolute;
    right: 10px;
    font-size: 11px;
    width: 125px;
    text-align: right;
}
.tab1_chartTitle {    
    padding-bottom: 2px;    
    height: 40px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    border-bottom: 2px solid #006187;
    margin-bottom: 10px;
}
.divider {
    height: 20px;
    width: 100%;
}
.black { 
    color: black !important;
}
.blue {
    color: #006187 !important;
}
.green {
    color: green !important;
}
.redder {
    color: red !important;
}
.link { 
    cursor: pointer;
}
.tab1_chartTitleText {    
    color: black;    
    font-size: 14px;
    font-weight: 500;
    position: relative;
}
.tab8_toptop {
    margin: 10px auto 0px auto;
    width: 1000px;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.tab8_toptopIcon {
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid lightgray;
    height: 22px;
    cursor: pointer;
}
.tab8_top {
    margin: 0px auto 20px auto;
    width: 1000px;
    height: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab8_chart {
    display: flex;
    justify-content: center;
    align-items: center;    
    width: 225px;
    height: 180px;
}
.tab8_chart2, .tab8_chart3, .tab8_chart4 {
    margin-left: 20px;
}
.tab8_tabheads {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tab8_bottom {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.tab8_radios{    
    display: flex;
    justify-content: center;
    align-items: center;
}
.tab8_units {    
    padding-left: 10px;
    margin-right: 20px;
    font-size: 13px;
    color: #006187;
}
.tab8_title {
    height: 40px;
    line-height: 50px;
    margin-right: auto;
    font-size: 18px;
    color: #006187;
}
.fs_radio{
    cursor: pointer;
    margin-bottom: 5px;
    height: 20px;
    width: 20px;
    margin-right: 10px;
}
.tab8_radiolabel{
    margin-right: 20px;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
}
.tab8_tabhead {
    cursor: pointer;
    line-height: 30px;
    min-height: 30px;
    max-height: 30px;
    font-size: 15px;
    padding-left: 20px;
    padding-right: 20px;    
    text-align: center;
}
.tab8_tabhead:hover {
    background-color: lightgray;
}

.tab8_tabs {
    height: 400px;
    overflow-y: scroll;
    background-color: #e5e5e5;
    width: 100%;
    padding: 10px;
}
.fsYears1, .fsYears2, .fsYears3 {
    font-family: 14px;
    font-weight: 600;
    font-family: 'Montserrat';
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
}
.fsLevel1 {
    height: 50px;
    color: #006187;
    font-size: 14px;
    font-weight: 500;
}
    .fsLevel1 > .fsItemName {
        width: 300px;
    }
.fsLevel2 {

    padding-left: 20px;
    height: 25px;
    color: black;
    font-size: 13px;
    font-weight: 500;
}
    .fsLevel2 > .fsItemName {
        width: 280px;
    }
.fsLevel3 {

    padding-left: 30px;
    height: 22px;
    color: gray;
    font-size: 12px;
    text-align: left;
}
    .fsLevel3 > .fsItemName {
        width: 270px;
    }
.fsItem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.tab18_opts {
    display: flex;
    justify-content: center;
    height: 50px;    
    align-items: center;
}
.rr_helptext { 
    font-size: 13px;
    text-align: center;
}
.rr-showlabels-checkbox {
    margin-left: 20px;
    height: 20px;
    width: 20px;
}
.rr-showlabels-label {
    font-size: 13px;
    margin-left: 5px;
    margin-right: 20px;
}
.rrdate { 
    margin-left: 10px;
    font-size: 13px;
    border: none;
    outline: none;
    font-family: 'Montserrat';
    height: 30px;
    width: 150px;
    border-radius: 5px;
    text-align: center;
    background-color: #e5e5e5;
}
.tabView18 { 
    margin-left: 30px;
}
#rr_scatter { 
    height: 500px;
    width: 1100px;
    margin: 10px auto;
}
.rr_run { 
    margin-left: 10px;
    font-size: 13px;
    border: none;
    outline: none;
    font-family: 'Montserrat';
    height: 30px; line-height: 30px;
    width: 70px;
    text-align: center;
    background-color: #006187;
    color: white;
    cursor: pointer;
    border-radius: 5px;
}
.fsItemHead {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.fsItemHead1 {
    height: 25px;
    font-size: 18px;
    color: black;
}
.fsItemHead2 {
    height: 20px;
    padding-left: 15px;
    font-size: 12px;
    color: #006187;
}
.fsYear {
    width: 200px;
    text-align: center;
    font-size: 13px;
}
.fsItemValue {
    font-family: 'Montserrat';
    width: 200px;
    text-align: center;
}

.fsTitle, .fsItemName {
    text-align: left;
}
.fsTitle {
    width: 300px;
}
.tab7_stockStatsLine {
    display: flex;
    height: 120px;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 10px;
}
.tab7_stockStatsItem {
    border-bottom: 1px solid lightgray;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.tab7_stockStatsItem1 {        
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 20px;
}

.tab7_stockStatsItemName {
    width: 140px;
    text-align: right;
    font-size: 14px;
}
.tab7_stockStatsItemName1 {    
    width: 100px;
    text-align: right;
    font-size: 14px;
}
.tab7_stockStatsItemName2 {
    width: 66px;
    text-align: right;
    font-size: 14px;
}
.tab7_stockStatsItemValue {
    width: 150px;
    text-align: center;
    font-size: 17px;
    color: #006187 !important;
}
.tab7_stockStatsItemValue1 {
    width: 100px;
    text-align: left;
    font-size: 15px;
    padding-left: 10px;
    color: #006187 !important;
}
.tab7_stockStatsItemValue2 {
    width: 65px;
    text-align: left;
    padding-left: 10px;
    font-size: 13px;
    color: #006187 !important;
}
.tab7_stockStatsItemChart {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 250px;
    background-color: #e5e5e5;
}
.tab7_stockStatsItemBottomChart {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 180px;
    background-color: #e5e5e5;
}
.tab7_stockStatsItemBottomChart1 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    width: 130px;
    background-color: #e5e5e5;
}
.chartTitleHelp {
    margin-left: auto;
    font-size: 11px;    
}
.chartFlip {
    margin-left: auto;
    height: 17px;
    width: 17px;    
    cursor: pointer;
}
.chartFlipLabel {
    margin-left: 3px;
    margin-bottom: 3px;
    width: 120px;    
    font-size: 13px;
}
.chartFlip:hover {
    color: #006187;
    text-decoration: underline;
}
.tab1_statTitle, .tab1_statTitlebench {
    margin-bottom: 10px;
    padding-bottom: 2px;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    border-bottom: 2px solid #006187;
    color: #2d3131;
    font-size: 14px;
    font-weight: 500;
}
.tab7_statTitle {
    margin-bottom: 10px;
    padding-bottom: 2px;
    height: 40px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    border-bottom: 2px solid #006187;
    color: #2d3131;
    font-size: 14px;
    font-weight: 500;
}
.mainline {
    width: 600px;
    height: 300px;
}
.tab7_stockChart {
    width: 600px;
    height: 325px;
}
.mainarea {
    width: 600px;
    height: 200px;
}

.mainmonth {
    width: 600px;
    height: 300px;
}
.mainyear {
    width: 400px;
    height: 300px;
}
.tab1_topStats, .tab1_topStatsbench{    
    width: 100%;  
    margin-top: -10px;
    display: flex;
    align-items: center;
}

.tab1_topStat, .tab1_topStatbench { 
    margin-top: 10px;   
    width: 17%;
    height: 85px;
    margin-bottom: 10px; 
}
.tab1_topStatLegends{ 
    width: 20%;
    height: 85px;
}
.tab1_topStatLegend{ 
    font-size: 10px;
    min-height: 35%;
    text-align: right;
    font-weight: 600;
    padding-right: 5px;
}
.tab1_topStat:not(:first-of-type) {
    border-left: 1px solid #006187;
}
.tab1_topStatName, .tab1_topStatValue,.tab1_topStatValuebench {
    height: 33%;
    text-align: center;
}
.tab1_topStatName {
    font-size: 14px;
    font-weight: 600;
}
.tab1_topStatValue, .tab1_topStatValuebench {
    font-size: 15px;
    font-weight: 500;
}
.tab1_topStatValuebench  {
    margin-bottom: 20px;
}
.tab1_statLine2, .tab1_statLine3, .tab1_statLine4, .tab4_statLine4, .tab5_statLine {
    width: 100%;
    height: 35px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #3aa3d1;
}
.ddrecinfo{ 
    top: 0px;right: 0px;
    position: absolute;
    height: 15px; line-height: 15px;
    width: 15px; text-align: center;
    background-color: #2d3131; color: white;
    opacity: 0.6; border-radius: 50%;
}
.cpoverlapfilter { 
    z-index: 2;
    position: absolute; 
    top: 0px; 
    left: 0px;
    height: 40px; 
    padding-inline: 5px;
    border: 1px solid lightgray;
    display: flex; 
    align-items: center;
    border-radius: 15px;
    background-color: #006187;
}
.cpoverlapfiltertext { 
    color: white;
    font-size: 10px; 
    width: 75px;
    text-align: right;
    padding-right: 15px;
}
.cpoverlapfiltervalue {
    width: 30px;
    background-color: white;
    border: none;
    border-radius: 5px;    
    text-align: center;
    font-size: 13px;
    font-family: Montserrat;
    height: 25px;
}
.cpoverlapfilterrun{ 
    cursor: pointer;
    height: 22px; line-height: 22px; 
    background-color: lightblue;
    width: 35px; text-align: center;
    font-size: 10px; 
    margin-left: 5px; 
    border-radius: 5px;
}
.cpoverlapfilterreset { 
    cursor: pointer;
    height: 22px; line-height: 22px; 
    background-color: lightgray;
    width: 40px; text-align: center;
    font-size: 10px; 
    margin-left: 5px; 
    border-radius: 5px;
}
.tab4_statLineName {
    width: 40%;
    text-align: right;
    font-size: 14px;    
    padding-bottom: 5px;
}
.tab5_statLinehead div:hover {     
    cursor: pointer;
    text-decoration: underline;
}
.tab5_statLineValue1_size {
    width: 60px !important;
    color: red;
}
.tab5_statLineValue1 {
    text-align: center;
    width: 115px;
    position: relative; 
    font-size: 12px;
}
.tab5_statLineValuePrice { 
    width: 70px;
    font-size: 13px;
    color: #006187;
    text-align: center;
}
.tab5_statLineValueLength { 
    width: 70px;
    font-size: 13px;    
    text-align: center;
}
.tab4_statLineValue1 {
    text-align: center;
    font-size: 13px;
    width: 60%;
}
.tab4_statLineValue2, .tab4_statLineValue3 {
    text-align: center;
    font-size: 13px;
    width: 30%;
}
.tab1_statLine,.tab1_statLine_new, .tab1_statRiskLine, .tab1_statLine_head  {
    width: 100%;
    height: 25px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #3aa3d1;
}
.tab1_statLine:hover {
    background-color: #e5e5e5;
}
.tab14_freqstat_value_mode {
    font-size: 17px !important;
}
.tab14_freqstat .qhelp {
    position: absolute;
    top: 5px;
    right: 5px;
}
.qhelp {
    user-select: none;
    height: 16px;
    width: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 50%;
    background-color: lightblue;
    font-size: 11px;
    margin-left: 5px;
}

.tab1_statLineName, .tab1_statLineName_new, .tab1_statLineRiskName, .tab1_statLine_head_Name {    
    display: flex;  
    text-align: left;
    padding-left: 2px;
    width: 80%;
    align-items: center;
    font-size: 13px;    
}
.tab1_statLineName2 {
    text-align: left;
    padding-left: 5px;
    width: 55%;
    font-size: 13px;    
}
.tab1_statLineValue, .tab1_statLineValue_new, .tab1_statLineValueBench_new, .tab1_statLineValueBench, .tab1_statLineRiskValue, .tab1_statLine_head_statLineValue, .tab1_statLine_head_statLineValueBench, .tab1_statLineRiskValueBench {
    font-size: 14px;
    font-weight: 400;
    width: 30%;
    text-align: center;
    position: relative
}
.tab1_statLine_head_statLineValue, .tab1_statLine_head_statLineValueBench { 
    font-size: 11px; 
    font-weight: 600;
}
.tab1_statLineValue3, .tab1_statLineValue2, .tab1_statLineValue1 {
    font-size: 13px;
    font-weight: 400;
    width: 15%;
    text-align: center;
}
.tab1_statLineName3 {
    text-align: left;
    padding-left: 5px;
    width: 40%;
    font-size: 13px;
}
.tabView14 { 
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.tab14_right{ 
    margin-left: 20px;
}
.tab14_freqlist_title {
    position: relative; 
    font-size: 15px;
    height: 30px;
    font-weight: 600;
    line-height: 30px;
}

.improveBox { 
    position: absolute;
    top: 50px !important;
    left: 70px !important;
    z-index: 101;
    height: 800px; 
    width: 1300px;
    background-color: white; 
    border: 2px solid gray;
    top: 10px; left: 10px;
    overflow: scroll;
}
.ib_close{ 
    position: absolute;
    height: 25px; width: 25px; 
    border-radius: 50%;
    line-height: 25px;
    text-align: center;
    top: 10px; left: 10px;
    background-color: #e5e5e5; 
    font-size: 13px; 
    cursor: pointer;
}
.chart-compareresults { 
    height: 300px;
}
.chart-comparereturns{ 
    height: 280px;
    width: 600px;
}
.ib_top{ 
    height: 350px;
}
.ib_top_heads { 
    display: flex;
    height: 30px; 
    align-items: center;
}
.ib_name_group { 
    background-color: greenyellow;
    height: 25px;
}
.ib_top_head {
    font-size: 13px;
    width: 225px; 
    height: 30px; line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.ib_top_tab{ 
    padding-top: 20px;
    padding-left: 20px;
}
.ib_middle {
    display: flex;
    align-items: center;
    background-color: #2d3131;
    height: 40px;
    padding-left: 50px;
    border-top: 1px solid lightgray;
}
.ib_middle_v_amp, .ib_middle_s_amp, .ib_middle_r_amp {
    width: 50px; 
    background-color: #e5e5e5;
    text-align: center;
    border-radius: 5px;
    border: none;
    height: 25px;
    border-bottom: 1px solid lightgray;
}

.ib_middle_help { 
    font-size: 14px; 
    color: lightblue;
    margin-left: 100px;
    cursor: pointer;
}
.ib_instructions{ 
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 201;
    width: 1000px;
    padding: 20px;
    border-radius: 10px;
    background-color: #e5e5e5;
    border: 1px solid lightgray;
}
.ib_instructions_close { 
    position: absolute;
    top: 10px; 
    background-color: #2d3131;
    color: white;
    cursor: pointer;
    height: 30px; line-height: 30px;
    width: 30px; text-align: center;
    right: 10px;
    border-radius: 50%;
    cursor: pointer;
}
.ib_middle_help:hover {
    text-decoration: underline;
}
.ib_middle_rerun {
    background-color: lightgreen;
    text-align: center;
    height: 25px;
    font-size: 14px;
    line-height: 25px;
    cursor: pointer;
    border-radius: 10px;
    width: 80px;
    margin-left: 20px;
    transition-duration: 0.3s;
}

.ib_middle_rerun:hover {
    width: 120px;
    background-color: lawngreen;
} 

.ib_middle_text {
    color: white;
    font-size: 14px;
    margin-left: 20px;
    margin-right: 10px;
}
.ib_bottom {
    min-height: 600px;
    border-top: 1px solid lightgray;
}
.ib_bottom_top {
    border-top: 1px solid lightgray;
    height: 25px;
    display: flex;
    align-items: center;
    width: 1260px;
}
.ib_bottom_top_space {
    width: 420px;
}
.ib_bottom_top_strat {
    width: 358px;
    height: 25px; line-height: 25px;
    text-align: center;
    font-size: 13.5px;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

.ib_bottom_top_strat_ranks, .ib_solution_rank {
    background-color: #3aa3d1 !important;
}
.ib_bottom_top_strat_value, .ib_solution_value {
    background-color: #52c4d4 !important;
}
.ib_bottom_top_strat_equal, .ib_solution_equal {
    background-color: #006187 !important;
    color: white;
}
.ib_solutions{     
    display: flex;
    border-top: 1px solid lightgray;
}
.ib_middle_startdate { 
    height: 25px;
    border: none;
    border-radius: 10px;
    text-align: center;
}
.ib_middle_all_amp{ 
    height: 25px;
    border: none;
    border-radius: 10px;
    width: 50px;
    text-align: center;
}
.ib_name, .ib_solname {
    font-size: 14px;
    min-width: 300px;
    max-width: 300px;
}
.ib_name {
    height: 600px;
}
.ib_bottom_head{ 
    width: 1260px;
    display: flex;  
    align-items: center;
    height: 25px;
    background-color: #2d3131; color: white
}

.ib_solution_item_line {
    min-height: 30px;
    max-height: 30px;
    line-height: 30px;
    text-align: right;
    padding-right: 10px;
    border-bottom: 1px solid lightgray;
}

.ib_solution_original{ 
    font-style: italic;
}

.ib_solhead, .ib_solution {
    min-width: 120px;
    max-width: 120px;
}
.ib_solhead { 
    font-size: 14px;    
    text-align: center;
}
.ib_solution{ 
    height: 600px;
}
.ib_solution_item_saveas { 
    position: absolute;
    z-index: 200;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
    border: 1px solid lightgray;
}
.ib_solution_item_newname{ 
    height: 30px;
    width: 300px;
    background-color: #e5e5e5;
    border: none;
    padding-left: 5px;
}
.ib_solution_item_saveas_status { 
    height: 30px; line-height: 30px; 
    font-size: 13px; 
}
.ib_solution_item_saveas_cancel { 
    position: absolute;
    background-color: #2d3131;
    color: white; 
    height: 25px; line-height: 25px; 
    width: 25px; text-align: center;
    cursor: pointer;
    border-radius: 50%;
    top: 10px; right: 10px;
}

.ib_solution_item_saveas_button {
    text-align: center;
    background-color: #006187;
    height: 25px; line-height: 25px;
    width: 80px; cursor: pointer;
    transition-duration: 0.1s;
    font-size: 13px;
    color: white;
    border-radius: 7px;
    margin-top: 10px;
}
.ib_solution_item_saveas_button:hover {
    width: 100px;
}
.ib_name .ib_solution_item_stat {
    text-align: left;
    padding-left: 5px;
    border-right: 1px solid lightgray;
}

.ib_name .ib_solution_item_stat {
    text-align: right;
    padding-right: 10px;
}
.ib_name .ib_solution_item {
    text-align: right;
    overflow: hidden;
    padding-right: 10px;
    white-space: nowrap;
}
.ib_solution_item {
    border-right: 1px solid lightgray;
}
.ib_solution_item_stat {
    font-size: 14px;
    border-right: 1px solid lightgray;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid lightgray;
}
.ib_solution_item_dontsave{ 
    text-align: center;
    height: 30px;
    color: black;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1px;
    border-left: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
}

.ib_solution_item_save { 
    height: 25px; line-height: 25px;
    font-size: 11px;
    background-color: lightgreen;
    width: 60px;
    border-radius: 3px;
    cursor: pointer;
    transition-duration: 0.1s;
}
.ib_solution_item_save:hover {
    width: 80px;
    font-weight: 600;
    background-color: lawngreen;
}
.ib_solution_item { 
    text-align: center;
    font-size: 13px;
    height: 25px; line-height: 25px;
    border-bottom: 1px solid lightgray;
}
.portImprove {  
    padding-inline: 5px;
    width: 60px;
    border-radius: 15px;
    cursor: pointer;
    transition-duration: 0.3s;
}
.portImprove:hover {
    background-color: white;
}
.portImprove_text {
    text-align: center;
    font-size: 10px;
}
.portImprove_img {
    margin-top: 5px;
    height: 35px;
    width: 35px;
}
.tab14_freqlist {
    background-color: #e5e5e5;
    width: 200px;
    overflow-y: scroll;
    height: 500px;
    font-size: 12px;
}
.tab14_freqitem_name { 
    width: 180px;
    padding-left: 5px;
    border-right: 1px solid lightgray;
}
.tab14_freqitem_value{ 
    width: 50px;
    text-align: center;
}
.tab14_freqitem {
    display: flex;
    height: 30px;
    align-items: center;
    border-bottom: 1px solid lightgray;
    justify-content: center;
}
.tab1_statLineValue6, .tab1_statLineValue5, .tab1_statLineValue4 {
    font-size: 15px;
    font-weight: 400;
    width: 20%;
    text-align: center;
}
.tab1_vsTitle {
    font-size: 17px;
    color: #3aa3d1;
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.portfolio {    
    height: 180px;    
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
}
.portfolio_download { 
    font-size: 13px;
    height: 20px; line-height: 20px;    
    cursor: pointer;
    background-color: #2d3131;
    color: white;
}
.portfolio_download:hover { 
    text-decoration: underline;
}

.pLineAc {
    font-size: 11px;
    width: 40px;
}
.pLine{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 23px;
    width: 100%;
    border-bottom: 1px solid lightgray;    
}
.pLineName:hover {
    color: #006187;
    text-decoration: underline;
}
.pLineName {
    cursor: pointer;
    text-align: left;
    white-space: nowrap;
    font-size: 11px;
    width: 350px;
    padding-left: 10px;
}
.pLineWt {
    background-color: white;
    font-size: 13px;
    width: 50px;
    text-align: center;
}

.debtholdings {
    margin-top: 15px;
    margin-left: 30px;
    width: 650px;
    height: 250px;
    overflow-x: auto;
    overflow-x: hidden;
}
.debtholdings_holder {
    overflow: hidden;
}
.debtholding {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    width: 700px;
    font-size: 13px;
    font-weight: 300;
    background-color: white;
    border-bottom: 1px dotted lightgray;
}
.debtholdingname {
    padding-left: 5px;
    width: 40%;
}
.debtholdingperc {
    width: 10%;
}
.debtholdingdetail {
    width: 25%;
}
.debtholdingrating {
    width: 25%;
}
.aaholding {
    border-bottom: 1px dotted lightgray;
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.aaholding:hover {
    background-color: #78C1DD;
}
#showAllHoldings {
    cursor: pointer;
    color: #3aa3d1;
    margin-right: 20px;
    font-size: 14px;
    font-weight: 300;

}
#showAllHoldings:hover {
    text-decoration: underline;
}
.aaholdingType {
    font-size: 13px;
    font-weight: 300;
    width: 25%;
    padding-left: 5px;
    text-align: left;
}
.aaholdinginfo {
    user-select: none;
    width: 100%;
    padding: 10px;
    background-color: #CCCCCC;
    font-size: 15px;
    font-weight: 300;
}
.aaholdingitemtitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;    
}
.aaholdingitemtitlename, .aaholdingitemtitleperc {    
    color: black;
    font-size: 15px;
    font-weight: 600 !important;
}
.aaholdingitemtitlename {         
    margin-right: 5px;
}
.aaholdingitemdirect {
    color: #006187 !important;
}
.font400 {    
    color: #2c77ba;
    font-weight: 600 !important;
}
.aahelpicon {    
    user-select: none;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    background-color: #006187;
    color: white;
    cursor: pointer;
    font-size: 14px;
}
.tab2_aalistport {
    height: 100%;
    overflow-y: scroll;
}
.aaholdingName {
    font-size: 13px;
    font-weight: 300;
    width: 55%;
}
.aaholdingEq {
    cursor: pointer;
}
.aaholdingEq:hover {
    color: #006187;
    text-decoration: underline;
}
.aaholdingPerc {
    font-size: 14px;
    font-weight: 300;
    width: 10%;
    padding-left: 5px;
    text-align: left;
}

.aaholdingitem {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    border-bottom: 1px dotted white;
    font-size: 12px;
    font-weight: 300;
}
.aaholdingitemname {
    white-space: nowrap;
    cursor: pointer;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
}
.aaholdingitemname:hover {
    color: #006187;
    text-decoration: underline;
}
.aaholdingitemperc{
    text-align: center;
    width: 17%;
}

.aaEqSectorItem {
    border-bottom: 1px dashed lightgray;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
}
.aaEqSectorItemNameStock {
    cursor: pointer;
}
.aaEqSectorItemNameStock:hover {
    text-decoration: underline;
}
.font11 { 
    font-size: 11px;
}
.holdingchanges {
    margin-left: 10px;
}
.changes-radio {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 10px;    
    position: absolute; top: 10px; right: 25px;
    border-radius: 10px;
    height: 30px;
    background-color: #78C1DD
}
.change-radio-text{ 
    font-size: 13px;
    margin-left: 5px;
}
.changes-select{ 
    position: absolute;
    right: 300px;
    top: 10px;
    border-radius: 5px; 
    height: 30px;
}
.changes-radio-button{ 
    z-index: 2;
    height: 15px; width: 15px; cursor: pointer;
}
.changes-radio-button-sector { 
    margin-left: 10px;
}
.cot_top{ 
    margin-top: -15px;
    display: flex; align-items: center;
}
.changes-excel {
    margin-top: -10px;
    margin-left: 20px;
    height: 30px;
    cursor: pointer;
}
.freq-excel {
    position: absolute;
    top: 5px;
    right: 10px;
    height: 20px;
    cursor: pointer;
}
.changes-all-desc {
    font-size: 14px;    
    margin-bottom: 10px;
}
.changes-all-list-head {  
    height: 25px;    
    background-color: #2d3131 !important;
}
.changes-all-list {    
    background-color: white;
    height: 500px;
    overflow: scroll;
}
.call-sec-head {
    background-color: #2d3131 !important;
    color: white;
    border-bottom: none;
}
.call-sec-head > div {
    border-bottom: none;
    background-color: #2d3131 !important;
    color: white;
}
.call-sec, .call-sec-head {
    display: flex;
    align-items: center;
    width: 1850px;
    border-bottom: 1px solid lightgray;
    font-size: 13px;
    height: 25px;
}

.call-sec-name {
    cursor: pointer;
    height: 25px; line-height: 25px;
    padding-left: 5px;
    min-width: 220px;
    max-width: 220px;
    white-space: nowrap; overflow-x: hidden;
    border-right: 1px solid lightgray;    
}
.call-sec-name-link {
    cursor: pointer;
}
.call-sec-name-link:hover { 
    text-decoration: underline;
}
.call-sec-head .call-sec-type, .call-sec-head .call-sec-month, .call-sec-name:hover, .call-sec-head .call-sec-sec {
    cursor: pointer;
}
.call-sec-head .call-sec-type:hover, .call-sec-head .call-sec-month:hover, .call-sec-name:hover, .call-sec-head .call-sec-sec:hover {
    text-decoration: underline;
}
.call-sec-type {
    height: 25px; line-height: 25px; 
    min-width: 120px;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
    border-right: 1px solid lightgray;    
}
.call-sec-sec{     
    padding-left: 5px;
    height: 25px; line-height: 25px; 
    font-size: 11px; white-space: nowrap; overflow: hidden;
    min-width: 130px;
    max-width: 130px;
    border-right: 1px solid lightgray;    
}
.call-sec-month{     
    height: 25px; line-height: 25px; 
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    border-right: 1px solid lightgray;    
}
.changes-top{
    height: 50px;
    display: flex; align-content: center;
}
.changes-top-title {
    font-size: 15px; 
    color: #006187;
    height: 30px; line-height: 30px;
}
.changes-top-select {    
    font-family: 'Montserrat';
    margin: 0 5px 0 5px;
    height: 30px;
    outline: none;
}
.changes-charts {
    display: flex;
}
#charts-fundchanges-up, #charts-fundchanges-down {
    height: 500px; min-width: 300px;
}
#charts-fundchanges-down {
    margin-left: 10px;
}
.changes-table-added, .changes-table-gone {
    height: 240px; overflow-y: scroll;
    width: 400px;
    background-color: white;
}
.changes-table-gone {
    margin-top: 20px;
}
.changes-item-head-green { background-color: green; color: white; }
.changes-item-head-red { background-color: #e67575; color: white }
.changes-item-head {
    justify-content: center !important;
    font-size: 14px !important;    
    padding-left: 0px !important;
}
.changes-item {
    padding-left: 10px;
    display: flex; height: 25px; align-items: center; font-size: 11px;
    border-bottom: 1px solid lightgray;
}
.changes-name {
    white-space: nowrap; overflow-x: hidden;
    width: 300px;
}
.changes-name-link { cursor: pointer;}

.changes-name-link:hover { 
    text-decoration: underline;
}
.changes-ac {
    width: 120px; text-align: left;
}
.changes-change-added, .changes-change-gone {
    width: 70px; text-align: center;
}
.aaEqSectorItemName {
    white-space: nowrap;
    padding-left: 20px;
    width: 500px;    
    font-size: 14px;
    font-weight: 300;
    text-align: left;
}
.aaEqSectorItemValue {
    text-align: center;
    width: 100px;
    font-size: 14px;
    font-weight: 300;
}

.attrstartenddates, .corrstartenddates {
    margin-bottom: 20px;
    height: 30px;
    display: flex; justify-content: center;align-items: center;
    width: 100%;    
    position: relative;
}
.attrstartenddates {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}
.ui-datepicker{
    font-size: 12px;    
}
.builderfilterdate {
    margin-left: 10px;    
    background-color: #e5e5e5;
    text-align: center;
    width: 150px;
    border: none;
    outline: none;
    height: 20px;
    font-size: 12px;
}
.builderdatebutton {
    font-size: 13px;
    font-weight:300;
    margin-left: 10px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    background-color:#006187;
    color: white;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

.builderdatebutton:hover {
    background-color: #2d3131;
}
.builderdateerror, .corrdateerror {
    display: none;
    margin-left: 20px;
    font-size: 13px;
    font-weight: 300;
    color: red;
}
.matrix {        
    zoom: 1; 
    padding-top: 20px;   
    padding-right: 50px;
}

#matrixZoom {    
    display: flex;
    justify-content: center;
}

.matrixZoomButtons{
    cursor: pointer;
    height: 25px;
    width: 25px;
    margin-left: 10px;
}
.matrixRow {
    display: flex;
    justify-content: center;
}
.matrixLabelTop  {     
    text-align: center;
    padding-right: 5px;    
    height: 50px;
}
.matrixLabelTopItem1 {    
    font-size: 18px;
    font-weight: 400;
}
.matrixLabelTopItem2 {
    margin-top: 5px;
    font-size: 13px;
    font-weight: 600; 
}
.matrixLabel, .matrixLabelTop {    
    width: 300px;
}
.matrixLabel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 12px;
    font-weight: 300;
    padding-right: 5px;   
    max-height: 25px;
    line-height: 25px;
    border-right: 1px solid lightgray;
}

.columnName {
    white-space: nowrap;
    position: absolute;
    text-align: center;
    z-index: 1; 
    display: inline-block;     
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 20px;
    line-height: 20px;
    font-size: 13px;
    font-weight: 400;
    color: white;
    background-color:#006187;    
}

.matrixItem {           
    font-family: 'Montserrat';
    font-size: 11px;    
    font-weight: 500;
    height: 20px;
    border-top: 1px solid;
    border-top-color: white;    
}

.matrixItem:hover {
    font-size: 13px;
    background-color: black !important;
    color: white;
}
.matrixItemImage {
    height: 20px;
    width: 20px; 
}

.matrixItem, .matrixItemLabel {        
    border-bottom: 1px solid;
    border-bottom-color: lightgray;
    border-right: 1px solid;
    border-right-color: lightgray;
    border-left: 1px solid;
    border-left-color: white;
    display: flex;
    width: 30px;
    justify-content: center;
    align-items: center;
}

.matrixLabel:hover {
    cursor: pointer;
    text-decoration: underline;
}
.tab9_top {
    margin-top: 20px;
    display: flex;    
    justify-content: center;
    align-items: flex-start;
}
.tab9_bottom {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.attrChart {
    margin-top: 20px;
    width: 400px;
    height: 300px;
}
.indiChart {    
    height: 400px;
    width: 500px;
}
.indiList {
    margin-left: 10px;
    height: 300px;
    width: 600px;
    background-color: #e5e5e5;
    overflow-y: scroll;
    overflow-x: hidden;
}
.indiItem {
    border-bottom: 1px solid lightgray;
    padding-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
}
.indiItemName {
    white-space: nowrap;
    cursor: pointer;
    font-size: 12px;
    min-width: 300px; max-width: 300px;
}
.indiItemName:hover {
    color: #006187;
    text-decoration: underline;
}
.indiItemValue {
    background-color: #e5e5e5;
    font-size: 12px;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
.indiItemValue1 {
    background-color: #e5e5e5;
    font-size: 12px;
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
.indiStats {    
    width: 500px;
    height: 300px;
}
.indiStats_name {
    width: 100%;
    cursor: pointer;
    color: #006187;
    font-size: 16px;
    text-align: center;
    margin-bottom: 50px;
}
.debtstatsdate { 
    font-size: 10px !important;
}
.indiStats_name:hover {
    text-decoration: underline;
}
.cagrstartdate{
    font-size: 10px;
    color: #006187;
    margin-left: 10px;
}
.indiStats_total, .indiStats_contr, .indiStats_wt, .indiStats_comp {
    text-align: left;
    padding-left: 100px; 
    height: 50px;
    line-height: 40px;
    width: 100%;
}
#comp-rel-loader { 
    position: absolute;
    margin-top: 100px !important;
}
.bolder {
    font-weight: 600;
}

.newloader {
    display: none;
    font-size: 10px;
    text-indent: -999em;
    overflow: hidden;
    width: 1em;
    height: 1em;
    margin: auto;
    position: absolute;
    top: 40px;
    left: 0px;
    right: 0px;
    z-index: 999;
    box-shadow: 10em 0em 0 1em rgba(0, 97, 135, 1), 6em 0em 0 1em rgba(0, 0, 0, 0.1), 2em 0em 0 1em rgba(0, 0, 0, 0.1), -2em 0em 0 1em rgba(0, 0, 0, 0.1), -6em 0em 0 1em rgba(0, 0, 0, 0.1), -10em 0em 0 1em rgba(0, 97, 135, 1);
    animation: spin5 2s infinite ease-in;
}
@keyframes spin5 {
    10%,90% {
        box-shadow: 10em 0em 0 1em rgba(0, 0, 0, 0.1), 6em 0em 0 1em rgba(0, 97, 135, 1) 2em 0em 0 1em rgba(0, 0, 0, 0.1), -2em 0em 0 1em rgba(0, 0, 0, 0.1), -6em 0em 0 1em rgba(0, 97, 135, 1), -10em 0em 0 1em rgba(0, 0, 0, 0.1);
    }
    20%,80% {
        box-shadow: 10em 0em 0 1em rgba(0, 0, 0, 0.1), 6em 0em 0 1em rgba(0, 0, 0, 0.1), 2em 0em 0 1em rgba(0, 97, 135, 1), -2em 0em 0 1em rgba(0, 97, 135, 1), -6em 0em 0 1em rgba(0, 0, 0, 0.1), -10em 0em 0 1em rgba(0, 0, 0, 0.1);
    }
    30%,70% {
        box-shadow: 10em 0em 0 1em rgba(0, 0, 0, 0.1), 6em 0em 0 1em rgba(0, 0, 0, 0.1), 2em 0em 0 1em rgba(0, 97, 135, 1), -2em 0em 0 1em rgba(0, 97, 135, 1), -6em 0em 0 1em rgba(0, 0, 0, 0.1), -10em 0em 0 1em rgba(0, 0, 0, 0.1);
    }
    40%,60% {
        box-shadow: 10em 0em 0 1em rgba(0, 0, 0, 0.1), 6em 0em 0 1em rgba(0, 97, 135, 1), 2em 0em 0 1em rgba(0, 0, 0, 0.1), -2em 0em 0 1em rgba(0, 0, 0, 0.1), -6em 0em 0 1em rgba(0, 97, 135, 1), -10em 0em 0 1em rgba(0, 0, 0, 0.1);
    }
    50% {
        box-shadow: 10em 0em 0 1em rgba(0, 97, 135, 1), 6em 0em 0 1em rgba(0, 0, 0, 0.1), 2em 0em 0 1em rgba(0, 0, 0, 0.1), -2em 0em 0 1em rgba(0, 0, 0, 0.1), -6em 0em 0 1em rgba(0, 0, 0, 0.1), -10em 0em 0 1em rgba(0, 97, 135, 1);
    }
}

.firstloader {
    display: none;
    font-size: 25px;
    margin: 30px auto;
    width: 500px;
    color: #006187;
    text-align: center;    
}
.tabloader {    
    z-index: 2;
    position: absolute;    
    font-size: 25px;
    width: 500px;
    left: 0; right: 0;
    margin: 30px auto;    
    color: #006187;
    display: none;
    text-align: center;    
}
.logoloader {
    height: 100px;    
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.6;
  }
}
.fundObjective{ 
    padding: 20px; 
    width: 1080px; 
    margin-top: 20px;
    margin-left: 20px;
    background-color: #e5e5e5;
}
.lds-ripple-text { 
    margin: 50px auto;
    position: absolute;
    left: 0px; right: 0;
    top: 150px;
    width: 300px;
    text-align: center;    
    z-index: 101;
}
.lds-ripple {
  display: inline-block;
  position: absolute;
  margin: 100px auto;  
  left: 0; right: 0;
  width: 100px; 
  z-index: 101;
}
.lds-ripple div {
  position: absolute;
  border: 8px solid #006187;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.checkportshorts {
    height: 20px; width: 20px;    
    position: absolute;
    top: 20px; left: 110px;
}
.checkportshorts-label { 
    font-size: 12px;
    position: absolute;
    top: 26px; left: 140px;
}

.lds-facebook {
  display: inline-block;
  position: absolute;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #006187;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

/*autocomplete css*/
.itemlabelcss {
    font-size: 15px;
    padding-left: 10px;
    overflow-x: hidden;
    white-space: nowrap;
}
.ui-menu-focus {
    background-color: #2d3131;
}
.ui-autocomplete {
    border: 1px solid gray;
    background-color: white;
    padding-left: 0px;
    position: absolute;
    cursor: default;
    z-index: 300 !important;
}

.ui-widget {
    font-family: 'Montserrat';
    font-size: 16px;
}

.ui-menu {
    max-height: 500px;
    max-width: 800px;
    border: 1px solid grey;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-autocomplete-category {
    padding-left: 5px;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    background-color: #006187 !important;
    color: white !important;
}

.ui-menu .ui-menu-item {
    padding-left: 10px;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 200;
    max-height: 23px;    
    min-height: 23px;  
    overflow: hidden;
    border-bottom: 1px solid lightgray;
    cursor: pointer;
    width: 100%;
}

.ui-menu-item {
    overflow-x: hidden;
    white-space: nowrap;
}

/*end autocomplete css*/

.cp-matrix-popup-download {
    height: 25px;
    cursor: pointer;
    position: absolute;
    top: 2px;
    left: 20px;
}
.cp-overlaps { 
    margin: 20px;
    background-color: white;
    height: 500px;
    overflow-y: auto;
}
.cp-overlaps-item {
    display: flex;
    height: 30px;
    align-items:center;
    font-size: 14px;
    white-space: nowrap; overflow: hidden;
    border-bottom: 1px solid lightgray;
}
.cp-overlaps-item-name{ 
    width: 300px;
    white-space: nowrap;
    overflow-x: hidden;
    padding-left: 5px;
}
.cp-overlaps-item-name-link { 
    color: #006187;
    text-align: center;
    cursor: pointer;
}
.cp-overlaps-item-name-link:hover { 
    text-decoration: underline;
}

.cp-overlaps-item-perc{ 
    width: 70px;
    background-color: white;
}
.cp-overlaps-item-see {
    width: 30px;
    font-size: 25px;
    color: #006187;
    cursor: pointer;
}
.cp-desc { 
    margin: 10px auto;
    font-size: 12px;
    width: 250px;
    text-align: center;
}
.cp-desc1 {
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
}
.cp-legend{ 
    height: 25px;
    display: flex; 
    justify-content: center;
    align-items: center;

}
.cp-legend-color {
    height: 20px; width: 20px;
    margin-left: 30px;
}
.cp-legend-text {
    font-size: 11px; margin-left: 10px;
}
.cp-title{ 
    font-size: 16px; 
    text-align: center;
    color: #006187;
}
.cp-matrix-popup{ 
    position: absolute;
    background-color: white;
    height: 400px;
    border: 1px solid lightgray;
    background-color: lightblue;
    border-radius: 10px;
}
.cp-matrix-popup-title{
    font-size: 15px;
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid gray;
    height: 30px; line-height: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.cp-matrix-popup-holder {
    height: 310px; overflow-y: scroll;background-color: white;
}
.cp-matrix-popup-item-head { 
    height: 25px; display: flex;    
    align-items: center;
    border-bottom: 1px solid gray;
    font-size: 13px;
}
.cp-matrix-popup-it{ 
    display: flex;height: 25px;border-bottom: 1px solid gray;
    font-size: 13px; align-items: center; 
}
.cp-matrix-popup-item-head { 
    height: 50px;
}
.cp-matrix-popup-item-head div { 
    font-weight: 600;
}
.cp-matrix-popup-name { 
    width: 250px; white-space: nowrap; overflow: hidden;
    padding-left: 10px;
}
.cp-matrix-popup-perc{ 
    min-width: 150px;
    max-width: 150px;
    text-align: center;
}
.cp-matrix-popup-perc1{ 
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
.cpop { 
    position: absolute;
    border: 1px solid lightgray;
    border-radius: 10px;
    background-color: lightblue;
}
.cpop-item  {
    display: flex; align-items: center;
    height: 30px; 
    border-bottom: 1px solid lightgray;
    font-size: 13px;
}
.cpop-item:first-of-type { 
    border-top-right-radius: 10px; 
    border-top-left-radius: 10px;
}
.cp-overlaps-none { 
    height: 100px;
    display: flex; justify-content: center;
    align-items: center;
    position: absolute;
    width: 300px; 
    text-align: center;
    left: 0; right: 0px;
    margin: 100px auto;
    font-size: 17px;
    background-color: lightblue;
}
.cpop-item:last-of-type { 
    border-bottom: none;
    border-bottom-right-radius: 10px; 
    border-bottom-left-radius: 10px;
}
.cpop-title{ 
    text-align: center;
    background-color: white;
    height: 30px; line-height: 30px; 
    border-top-right-radius: 10px; 
    border-top-left-radius: 10px;
    font-size: 14px;
}
.cpop-name { 
    padding-left: 5px;
    width: 400px;
    cursor: pointer;
}
.cpop-name:hover { 
    text-decoration: underline;
}
.cpop-perc { 
    width: 100px;
}

.cp-matrix-toplabel{ 
    margin-top: 10px;
    height: 25px; line-height: 25px;
    width: 1300px; 
    padding-left: 300px;
    font-size: 14px; font-weight: 600;
}
.cp-matrix {
    background-color: white;
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
}
.cp-row-head { 
    display: flex;    
    height: 25px;
}
.cp-row { 
    display: flex;
    border-bottom: 1px solid lightgray;
}
.cp-matrixnamehead { 
    /*italics*/
    height: 30px; line-height: 30px;
    min-width: 300px;
    max-width: 300px;    
    font-size: 10px;
    font-weight: 600;
    color: #006187;    
    padding-left: 5px;
    text-align: left;           
    border-right: 1px solid lightgray;
}
.cp-matrixname{ 
    white-space: nowrap; overflow: hidden;
    min-width: 300px;
    max-width: 300px;
    border-right: 1px solid lightgray;
    font-size: 12px;
    padding-left: 5px;
    height: 30px; line-height: 30px;
    cursor: pointer;
}
cp-matrixname:hover { 
    text-decoration: underline;
}
.cp-headx{ 
    min-height: 30px; line-height: 30px; 
    border-right: 1px solid lightgray;
    min-width: 40px;max-width: 40px; text-align: center;
    font-size: 10px;
    font-weight: 600;
}
.cp-x { 
    min-height: 30px; line-height: 30px; 
    border-right: 1px solid lightgray;
    min-width: 40px;max-width: 40px; text-align: center;
    font-size: 13px; cursor: pointer;
}
.cp-x:hover {
    text-decoration: underline;
}
.cp-holder { 
    display: flex;
    justify-content: center;
}

.cpleft {
    min-width: 300px;
    max-width: 300px;
    border-right: 1px solid lightgray;
    margin-right: 20px;
    position: relative;
    padding-right: 20px;
}
.cpright {
    margin-left: 5px;
    overflow: auto;
    position: relative;
    min-width: 800px;
    max-width: 800px;
    height: 700px;
}

.compimageiconabs{ 
    cursor: pointer;
    position: absolute;
    top: 0px; right: 5px;
    height: 25px;
}
.tabView17{ 
    padding-top: 20px;
    padding-left: 20px;
}