body {   
    margin: 0px;    
    font-family: 'Montserrat';
    overflow-x: auto;
}
#webtools{ 
    height: 100%;
    width: 100%;
    border: none
}
.adbox { 
    position: absolute;
    z-index: 101;
    width: 850px; 
    background-color: white;    
    border: 1px solid lightgray;
    border-radius: 15px;    
    left: 0; right: 0; 
    margin: 100px auto;
    padding-top: 10px;
    text-align: center;
}
.adtitle1 { 
    font-size: 16px;    
    text-align: center
}
.adtitle2 { 
    font-size: 20px;
    font-weight: 600;
    text-align: center
}
.adtitle3 { 
    font-size: 18px;    
    text-align: center
}
.adtitle4 { 
    margin: 10px auto;
    font-size: 13px;      
    color: #e67575;
    width: 700px;
    text-align: justify;
}
.adtitle5 { 
    font-size: 20px;
    font-weight: 600;
    text-align: center
}
.adcontent {
    position: relative;
    margin-top: 20px;
    display: flex;
    align-items: center;
}
.adimg{         
    height: 400px;    
}
.adtext{ 
    margin-left: 10px;
    width: 400px;
    text-align: justify;
    font-size: 14px; 
    padding: 5px;
}
.adcheckbox{ 
    height: 20px; width: 20px; 
    cursor: pointer;
}
.adbutton:hover {    
}
.adLink { 
    position: absolute;
    top: 10px; 
    right: 20px;
    width: 150px;
    border-radius: 10px;
    text-align: center;
    background-color: #006187;    
    color: white;
    font-size: 13px;
    height: 30px;line-height: 30px;    
    cursor: pointer;
}
.adbutton {
    width: 60px;
    border-radius: 10px;
    text-align: center;
    background-color: white;    
    font-size: 13px;
    height: 30px;line-height: 30px;
    margin-left: 20px;
    cursor: pointer;
}
.adspan {
    font-size: 14px;    
    margin-left: 5px;
    color: white;
}
.adbuttons{ 
    border-top: 1px solid lightgray;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-top: 10px;
    background-color: #2d3131;
}
.probox{ 
    position: fixed;
    z-index: 101;
    width: 600px; 
    background-color: white;    
    border: 1px solid lightgray;
    border-radius: 15px;    
    left: 0; right: 0; 
    margin: 100px auto;
    padding: 10px;
    text-align: center;
}
.proclose{ 
    position: absolute;
    top: 10px; 
    right: 10px; 
    cursor: pointer;
    height: 30px; line-height: 30px; 
    width: 30px; 
    border-radius: 50%;
    background-color: #2d3131;
    color: white;
}
.protitle{ 
    font-size: 20px; 
    font-weight: 600;
    margin-bottom: 30px;    
}
.protext { 
    font-size: 15px; 
    text-align: justify;
    margin-top: 15px;
}
.protextset {
    height: 40px;
    display: flex;
    align-items: center;
}
.protextsetname { 
    font-size: 14px;
    width: 400px;
    text-align: right;
}

.protextsetvalue {    
    color: black;
    font-size: 13px;
    width: 250px;
    text-align: left;
    padding-left: 20px;
}
.protexthigh {
    font-size: 17px;
    color: #006187;
    font-weight: 600;
}
.probutton{ 
    width: 400px;
    border-radius: 10px;
    text-align: center;
    background-color: #00a198;    
    color: white;
    font-size: 13px;
    height: 30px;line-height: 30px;
    cursor: pointer;
    margin: 20px auto;
}
header {
    width: 100%;
    /*background-color: #006187;*/
    height: 50px;
    position: fixed;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    z-index: 125;
}
.compppt-status{ 
    opacity: 0.9;
    z-index: 101;
    position: absolute;
    padding: 30px; 
    background-color: #006187;
    color: white;
    left: 40%; 
    top: 300px;
    border-radius: 10px;
}
#applist  {
    display: flex; 
    align-items: center;
    height: 25px; 
    z-index: 11;
    top: 50px;
    left: 420px;
    position: absolute;
      
}
.proheads { 
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 40px;
}
.prohead { 
    cursor: pointer;
    font-size: 16px;    
    height: 40px; line-height: 40px;    
    width: 250px; text-align: center;
}
.prohead:hover { 
    color: #006187;
}
.app { 
    text-align: center;
    font-size: 11px; color: lightblue; 
    cursor: pointer;     
    padding-left: 10px; padding-right: 10px;
}
.app:hover {     
    background-color: gray;    
}
#apps { 
    background-color: #2d3131;    
    height: 25px;
    min-width: 120px;
    margin: 25px 50px 0 154px;
    display: flex; align-items: center; justify-content: center;    
    cursor: pointer;
    font-size: 12px; color: white;    
}

#status {        
    padding-top: 50px;
    width: 100%;
    position: fixed;
    height: 25px;
    line-height: 25px;
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    background-color: #2d3131;
    color: white;
    transition-duration: 0.2s;
    margin-left: 30px;
    z-index: 10;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    font-family: 'Montserrat', sans-serif;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-family: 'Montserrat', sans-serif;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-family: 'Montserrat', sans-serif;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    font-family: 'Montserrat', sans-serif;
}

::-ms-input-placeholder { /* Microsoft Edge */
    font-family: 'Montserrat', sans-serif;
}

input:-webkit-autofill {
    font-family: 'Montserrat', sans-serif;
}

::-webkit-scrollbar {
  width: 10px;
  height: 15px;
}

/* Track */
::-webkit-scrollbar-track {
    background-color: white;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #7ba7be;  
}

#progress {
    width: 500px;
    height: 40px;
    background-color: #e5e5e5;
}
#advisorLoader {
    display: none;
    z-index: 101;
    top: 30%;
    left: 25%;
    position: absolute;    
}
#myBarText {    
    font-family: 'Montserrat';
    font-size: 18px;
    margin-bottom: 10px;
}
.therebuthidden {
    opacity: 0;
}
#myBar {
  width: 1%;
  height: 100%;
  background-color: #006187;
}

#marketsLoader, #portfolioLoader, #fundDebtLoader, #customLoader, #compLoader, #fundEqLoader, #eqLoader, #tranLoader {
    z-index: 800;
    display: none;
    top: 30%;
    position: absolute;
    left: 40%;
    transform: translateX(-50%);
}
.compportcoverclose{ 
    position: absolute;
    right: 30px; 
    top: 10px; 
    height: 30px; width: 30px; 
    text-align: center; line-height: 30px; 
    background-color: #006187; color: white;
    font-size: 15px;
    cursor: pointer;
}
.simpleloaderText{ 
    position: absolute;    
    top: 25%;
    font-size: 25px; font-weight: 600;
    color: #006187;
    text-align: center;
    left: 0; right: 0;
    margin: 0 auto;
    z-index: 999;
    display: none;
} 
#compportloader {
    position: absolute;    
    top: 30%;
    left: 0; right: 0;
    margin: 0 auto;
    z-index: 999;
    display: none;
}
.simpleloader {    
  border: 24px solid #f3f3f3;
  border-radius: 50%;
  border-top: 24px solid #006187;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*new windows spinner*/

.simpleloader-compport {
  border: 24px solid #f3f3f3;
  border-radius: 50%;
  border-top: 24px solid #006187;
  width: 100px;
  height: 100px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.windows8 {
    position: relative;
    width: 78px;
    height: 78px;
    margin: auto;
}

    .windows8 .wBall {
        position: absolute;
        width: 74px;
        height: 74px;
        opacity: 0;
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        transform: rotate(225deg);
        -o-animation: orbit 3.0225s infinite;
        -ms-animation: orbit 3.0225s infinite;
        -webkit-animation: orbit 3.0225s infinite;
        -moz-animation: orbit 3.0225s infinite;
        animation: orbit 3.0225s infinite;
    }

        .windows8 .wBall .wInnerBall {
            position: absolute;
            width: 10px;
            height: 10px;
            background: #006187;
            border-radius: 10px;
        }

    .windows8 .wBall_1 {
        -o-animation-delay: 0.656s;
        /*-ms-animation-delay: 0.656s;*/
        -webkit-animation-delay: 0.656s;
        -moz-animation-delay: 0.656s;
        animation-delay: 0.656s;
    }

    .windows8 .wBall_2 {
        -o-animation-delay: 0.133s;
        -webkit-animation-delay: 0.133s;
        -moz-animation-delay: 0.133s;
        /*-ms-animation-delay: 0.133s;*/
        animation-delay: 0.133s;
    }

    .windows8 .wBall_3 {
        -o-animation-delay: 0.2665s;
        /*-ms-animation-delay: 0.2665s;*/
        -webkit-animation-delay: 0.2665s;
        -moz-animation-delay: 0.2665s;
        animation-delay: 0.2665s;
    }

    .windows8 .wBall_4 {
        -o-animation-delay: 0.3995s;
        /*-ms-animation-delay: 0.3995s;*/
        -webkit-animation-delay: 0.3995s;
        -moz-animation-delay: 0.3995s;
        animation-delay: 0.3995s;
    }

    .windows8 .wBall_5 {
        -o-animation-delay: 0.533s;
        /*-ms-animation-delay: 0.533s;*/
        -webkit-animation-delay: 0.533s;
        -moz-animation-delay: 0.533s;
        animation-delay: 0.533s;
    }



@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}
/*new windows spinner end*/

#maincontent{
    height: 100vh;
}

.red {
    margin-left: 20px;
    color: yellow !important;
}

#twitter {
    border: 1px solid lightgray;
    border-radius: 10px;
    z-index: 126;
    display: none;
    position: absolute;
    right: 0px; 
    top: 0px;    
    transition-duration: 1s;    
    width: 450px;
    max-height: 900px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.twitter-dontshowstartup{     
    margin-right: 10px;
    cursor: pointer;
    height: 20px; width: 20px;
}
.twitter-dontshowstartuptext{ 
     margin-right: 20px;
     font-size: 13px;
}
.twittertop{ 
    display: flex; align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    padding-right: 150px;
    height: 40px;
    width: 400px;
    background-color: #2d3131; color: white;
    font-size: 14px;

}
.twitter-close { 
    position: absolute;
    top: 10px; 
    right: 10px;
    height: 40px; line-height: 40px;
    width: 40px; font-size: 18px;
    text-align: center;
    background-color: #006187;
    color: white;
    cursor: pointer;
    border-radius: 50%;
}
.overlay-icon {
    position: absolute;
    height: 250px;
    left: 0px; right: 0px;
    margin: 250px auto;
    animation: blinker 1s linear infinite;
}
.overlay-text{ 
    font-size: 30px; font-weight: 600; 
    color: #006187;
    text-align: center;
    margin-top: 150px;
}
.elsewhereemail{ 
    color: #006187; font-weight: 600;
}
.elsewherebuttons{ 
    display: flex; justify-content: center;  
    width: 500px;
    margin: 20px auto;
}
.elsewherelogincontent{ 
    position: absolute;
    left: 0; right: 0;
    margin: 300px auto;
    width: 450px;
    text-align: center;
    background-color: lightgray;
    padding: 20px;
}
.elsewherelogintitle{ 
    font-size: 20px;
    margin-bottom: 20px;
}
#elsewherelogin {
    z-index: 100;
    opacity: 0.95;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 120%;
    background-color: white;
    display: none;
}
.elsewheretext { 
    font-size: 14px;
    width: 400px; text-align: left;
    margin: 0 auto;
}
.elsewherebutton { 
    background-color: #2d3131;
    color: white;
    height: 40px; line-height: 40px; 
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    width: 100px;
    margin: 20px;
}
.elsewherebutton:hover {
    background-color: #006187;
}

#ins-head { 
    position: fixed;
    z-index: 50;
    height: 45px; 
    background-color: #e5e5e5; 
    border-bottom: 2px solid #2d3131;    
    width: 100%;
    display: flex;
    align-items: center;
}
#ins-filters {
    display: flex;
    height: 45px; align-items: center;
}
.ins-head-label{ 
    margin-left: 20px; 
    font-size: 14px; 
    height: 45px; line-height: 45px;
}
#ins-refreshbutton { 
    margin-right: 30px;
    width: 120px; 
    font-size: 14px;
    text-align: center;
    background-color: lightblue;
    cursor: pointer;
    height: 45px; line-height: 45px;
}
#ins-refreshbutton:hover { 
    background-color: gray; color: white;
}
.ins-filter{ 
    height: 20px; width: 20px; 
    cursor: pointer;
    margin-left: 25px;
}
.ins-filter-title {     
    font-size: 12px;     
    margin-left: 2px;
}
#ins-list { 
    padding-top: 70px;
    padding-left: 10px;
    display: flex;
    flex-wrap: wrap;    
    width: 1600px;
    height: 800px;     
    align-content: flex-start;
}
.insight-head { 
    height: 40px; 
    position: relative;
    display: flex; 
    align-items: center;
    background-color: white;  
    border-bottom: 1px solid lightgray;
    border-top-left-radius: 6px;     
    border-top-right-radius: 6px;     
}
.insight-name{ 
    position: absolute;
    font-size: 15px; 
    font-weight: 600;
    color: #2d3131;
    /*letter-spacing: 1px;*/
    padding-left: 20px;
    top: 2px;
    width: 400px;
   
}
.insight-cat{ 
    position: absolute;
    font-size: 14px;     
    padding-left: 20px;
    color: gray;
    top: 2px;

    right: 5px;
}
.insight-date{ 
    position: absolute;
    top: 20px;
    color: #006187;
    font-size: 8px;      
    font-weight: 600;
    right: 5px;
}
.insight {     
    cursor: pointer;
    min-width: 400px;
    position: relative;
    border: 3px solid lightgray;
    border-radius: 10px;     
    margin-left: 10px; margin-bottom: 10px;
}
.insight:hover { 
    border: 3px solid gray;
}
.insight-img{ 
    height: 290px;
    border-radius: 3px; 
}
.insighbig { 
    position: fixed;
    left: 200px; 
    top: 105px; 
    z-index: 101;
    height: 700px; 
    border-radius: 15px;    
    border: 4px solid gray;
    background-color: white;
}

.insighbig-head{ 
    display: flex;
    align-items: center;    
    height: 40px; 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: gray;
    color: white;
}
.insighbig-icon{ 
    margin-top: 3px;
    height: 30px; margin-left: 20px; 
    cursor: pointer;
}
.insighbig-close{ 
    margin-left: 20px;
    background-color: black;  color: white;
    height: 27px; width: 27px; 
    text-align: center; line-height: 27px;
    font-size: 15px; font-weight: 600;
    cursor: pointer; border-radius: 50%;
}
.insighbig-img { 
    text-align: center;
    height: 660px; 
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#elsewherelogin {
    text-align: center;
}
#overlay, #bd-overlay, #adoverlay {
    z-index: 100;
    opacity: 0.9;
    position: fixed;
    left: 0;
    top: 0;
    width: 120%;
    height: 120%;
    background-color: white;
    display: none;
}
.casholdings-name { 
    color: #006187; 
    font-weight: 600;
    font-size: 24px;
    height: 40px; line-height: 40px;
}
.casholdings-title{ 
    height: 30px; line-height: 30px; 
    font-size: 14px; font-weight: 600;
    width: 500px;
    margin-top: 10px;
    border-bottom: 5px;
    border-bottom: 1px solid #006187;
}
.casholdings-title-email { 
    position: absolute;
    top: 60px; 
    right: 50px;
    height: 30px; line-height: 30px; 
    font-size: 14px; font-weight: 600;
    width: 300px;
    margin-top: 10px;
    border-bottom: 5px;
    border-bottom: 1px solid #006187;
}
.casholdings-email { 
    position: absolute;
    top: 101px; 
    right: 50px;   
    font-size: 13px;
    width: 300px;
}
.casholdings-title-phone { 
    position: absolute;
    top: 120px; 
    right: 50px;
    height: 30px; line-height: 30px; 
    font-size: 14px; font-weight: 600;
    width: 300px;
    margin-top: 10px;
    border-bottom: 5px;
    border-bottom: 1px solid #006187;
}
.casholdings-phone { 
    position: absolute;
    top: 165px; 
    right: 50px;   
    font-size: 13px;
    width: 300px;
}
.casholdings-sectiontitle{ 
    height: 30px; line-height: 30px; 
    font-size: 16px;font-weight: 600;
    width: 800px;    
    margin-bottom: 5px;
}
.casholdings-value { 
    font-size: 13px;
    width: 500px;
}
.casholdings-value-na { 
    color:  lightgray;
}
.casholdings-list{ 
    max-height: 200px; overflow-y: scroll;
    width: 900px;
    margin-left: 10px;
    border: 1px solid lightgray;
}
.casholdings-item-head { 
    font-weight: 600;
}
.casholdings-item, .casholdings-item-head { 
    display: flex; align-items: center;
    border-bottom: 1px solid lightgray;
    height: 25px;
    font-size: 12px;
}
.casholdins-item-name{ 
    width: 300px;
    padding-left: 5px;
    white-space: nowrap;
    overflow: hidden;
}
.casholdings-totalfunds, .casholdings-totalstocks { 
    color: #006187;
}
.casholdins-item-isin, .casholdins-item-folio { 
    width: 120px;
}
 .casholdins-item-nav, .casholdins-item-units, .casholdins-item-value, .casholdins-item-perc { 
    width: 90px;
}
.casholdings { 
    z-index: 101;
    position: fixed;
    padding: 0px 15px 0px 15px;
    top: 50px; 
    left: 0; right: 0;
    margin: 0 auto;    
    border-radius: 20px; 
    border: 1px solid lightgray;
    background-color: white;
    height: 770px; width: 920px;
}
.casholdings-close{ 
    right:5px; top: 5px;
    text-align: center;
    position: absolute;
    height: 30px; line-height: 30px;
    width: 30px;
    background-color: #006187; color: white;
    cursor: pointer; border-radius: 50%;
}
.casholdings-top {
    padding-top: 20px;
}
.casholdings-top, .casholdings-holdings { 
    position: relative;
}
.casholdings-holdings { 
    margin-top: 20px;
}
#health { 
    padding-left: 70px;    
    padding-top: 100px;    
}
#loptionportfolios { 
    height: 90px;
}
#loptioninsights { 
    position: relative; 
    text-align: center;
}
.insights-new{ 
    display: none;
    position: absolute;
    width: 20px; height: 20px;
    line-height: 20px;
    padding: 3px;
    max-width: 50px;
    text-align: center;
    background-color: lightgreen; 
    border-radius: 50%; 
    top: 5px; left: 20px;
    font-size: 13px;
    font-weight: 600;
}
.logoutConfirm {
    padding: 20px;
    position: absolute;
    z-index: 900;
    max-width: 400px;
    border: 1px solid gray;
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: white;    
    top: 35%;
    left: 35%;
    text-align: center;
}
.logoutConfirmTitle {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 20px;
}
.logoutButtons {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.logoutButton {
    height: 30px;
    line-height: 30px;
    background-color: #006187;
    color: white;
    width: 70px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
}
.logoutButton:first-of-type {
    margin-right: 10px;
}
.logoutButton:hover {
    background-color: #2d3131;
    color: white;
}

#eqresults{ 
    padding-left: 30px;   
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 700px;
}
#fundeqtop{
    display:flex;
}
#mfdebtsearch {
    margin-left: 20PX;
    width: 300px !important;
}
#mfstocksearch, #mfdebtsearch {
    border: none;
    outline: none;
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #e5e5e5;
}
#mfdebtsearchtermSUBMIT {
    margin-left: 20px; 
    cursor: pointer;
    background-color: #006187; color: white;
    font-size: 14px; text-align: center;
    height: 30px; line-height: 30px;
    width: 100px;
}
.ignorepassivecheck{ 
    height: 20px; 
    width: 20px; 
    cursor: pointer
}
.ignorepassivetext { 
    font-size: 14px; 
    height: 30px; line-height: 28px;
    margin-left: 5px;
}
#mfdebtsearchterm {
    font-family: 'Montserrat';
    border: none; outline: none;
    height: 30px; line-height: 30px; 
    width: 250px; text-align: center;
    margin-left: 20px;
    background-color: #e5e5e5;
}
.mfdebtsearchtitle1 {
    margin-bottom: 0px !important;
}
#mfstocksearchtitle, .mfdebtsearchtitle, .mfdebtsearchtitle1 {
    color: #006187;
    font-size: 12px;
    margin-left: 20px;
    height: 30px;
    width: 300px;
    margin-top: 5px;
    margin-bottom: 10px;
}
#topfundeqs {
    padding-right: 20px;
    width: 350px;
    height: 650px;
    border-right: 1px solid lightgray;
}
#topfundeqsectors {
    height: 200px;    
}
#topfundeqslist {
    height: 450px;
    overflow-x: hidden;    
    overflow-y: auto;
}
#fundeqsingle {
    padding-left: 20px;
    height: 100%;
}
#eqdetails {
    display: flex;
    width: 900px;
}

#eqfundlist {           
    width: 50%;    
}
#debtfundlist{
    width: 60%;
}
#eqfundlisttitle, #debtfundlisttitle {
    height: 30px; display: flex;
    align-items: center;
    font-size: 14px;
    margin-left: 10px;
    white-space: nowrap;
}
#debtfundlisttitle1{
    color: black;
    margin-top: 20px;
    margin-bottom: 10px; 
    margin-left: 10px;
    font-size: 16px;
    font-weight: 600;
}
#eqfundlistbottom{
    width: 900px;
    height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}
#debtfundlistbottom{
    width: 1200px;
    height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #e5e5e5;
}
.eqfundlistitem, .debtfundlistitem {
    border-bottom: 1px solid lightgray;
    background-color: #e5e5e5;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
}
.eqfundlistitemhead {   
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    font-size: 12px;
    font-weight: 600;    
}
.eqfundlistitemname, .eqfundlistitemnamehead {
    padding-left: 10px;
    cursor: pointer;
    min-width: 375px;
    max-width: 375px;
    white-space: nowrap;
    overflow-x: hidden;
    font-size: 13px;
}
.eqfundlistitemperchead{ 
    cursor: pointer;
}

.eqfundlistitemperchead:hover, .eqfundlistitemnamehead:hover {
    text-decoration: underline;
}
.eqfundlistitemname1 {
    padding-left: 10px;
    cursor: pointer;
    min-width: 250px;
    max-width: 250px;
    white-space: nowrap;
    overflow-x: hidden;
    font-size: 13px;
}
.eqfundlistitemperchead1, .eqfundlistitemname1{ cursor: pointer;}
.eqfundlistitemperchead1:hover, .eqfundlistitemname1:hover { text-decoration: underline;}
.eqfundlistitemperc, .eqfundlistitemperchead {    
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
.eqfundlistitemperc1, .eqfundlistitemperchead1 {
    padding-left: 10px;    
    min-width: 70px;
    max-width: 70px;
}
.eqfundlistitemperchead, .eqfundlistitemperchead1 {
    font-size: 12px;
    font-weight: 600;
    text-align: center;
}
.eqfundlistitemperc, .eqfundlistitemperc1 {
    font-size: 12px;
}
.eqfundlistitemname:hover {
    text-decoration: underline;
    color: #006187;
}
#fundeqmeta {   
    width: 50%;     
}

#fundeqchart{    
    width: 700px;
    height: 180px;
}
#fundeqmetaitemimg {
    position: absolute;    
    top: 3px;
    left: 35px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.fundeqmetaitem{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    width: 400px;
}
.fundeqmetaname{
    width: 30%;
    font-size: 14px;
    text-align: right;
}
.fundeqmetavalue {
    color: #006187;
    margin-left: 20px;
    width: 70%;
    font-size: 14px;
}
#topfundeqstitle {
    position: relative; 
    font-family: 'Montserrat';
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.topEq {
    cursor: pointer;
    background-color: #e5e5e5;
    height: 50px;
    margin-bottom: 10px;
    width: 300px;
}
.topEq:hover {
    background-color: lightgray;
}
.eqTopName, .eqTopDets {
    display: flex;
    align-items: center;
    height: 50%;    
    padding-left: 10px;
}
.eqTopDets {
    font-size: 13px;
}
.eqTopNameTitle{
    font-size: 13px;
    color: #006187;
    white-space: nowrap;
}
.topeqstat {
    margin-right: 3px;
    margin-left: 3px;
}
.topeqstat:nth-of-type(2) {
    margin-left: 3px;
}
#debtExplorer {
    display: flex;
}
#topfunddebtsectors {
    height: 700px; width: 400px;
}
#detop {
    padding-right: 20px;
    border-right: 1px solid white;
}
#debottom {
    margin-left: 20px;
}
#mfDebtExposures{
    display: block;
}
 /*new windows spinner*/
.windows8 {
    position: relative;
    width: 78px;
    height: 78px;
    margin: auto;
}

.windows8 .wBall {
    position: absolute;
    width: 74px;
    height: 74px;
    opacity: 0;
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    transform: rotate(225deg);        
    -o-animation: orbit 3.0225s infinite;
    -ms-animation: orbit 3.0225s infinite;
    -webkit-animation: orbit 3.0225s infinite;
    -moz-animation: orbit 3.0225s infinite;
    animation: orbit 3.0225s infinite;
}

.windows8 .wBall .wInnerBall {
    position: absolute;
    width: 10px;
    height: 10px;
    background: #006187;
    border-radius: 10px;
}

.windows8 .wBall_1 {
    -o-animation-delay: 0.656s;
    /*-ms-animation-delay: 0.656s;*/
    -webkit-animation-delay: 0.656s;
    -moz-animation-delay: 0.656s;
    animation-delay: 0.656s;
}

.windows8 .wBall_2 {        
    -o-animation-delay: 0.133s;
    -webkit-animation-delay: 0.133s;
    -moz-animation-delay: 0.133s;        
    /*-ms-animation-delay: 0.133s;*/
    animation-delay: 0.133s;
}

.windows8 .wBall_3 {        
    -o-animation-delay: 0.2665s;
    /*-ms-animation-delay: 0.2665s;*/
    -webkit-animation-delay: 0.2665s;
    -moz-animation-delay: 0.2665s;
    animation-delay: 0.2665s;
}

.windows8 .wBall_4 {
    -o-animation-delay: 0.3995s;
    /*-ms-animation-delay: 0.3995s;*/
    -webkit-animation-delay: 0.3995s;
    -moz-animation-delay: 0.3995s;
    animation-delay: 0.3995s;
}

.windows8 .wBall_5 {        
    -o-animation-delay: 0.533s;
    /*-ms-animation-delay: 0.533s;*/
    -webkit-animation-delay: 0.533s;
    -moz-animation-delay: 0.533s;
    animation-delay: 0.533s;
}

.myhistorybox {
    position: absolute;
    z-index: 99;
    min-height: 200px;
    max-height: 500px;
    min-width: 400px;
    max-width: 700px;
    background-color: #e5e5e5;
    border: 1px solid lightgray;
}
#myhistory {        
    cursor: pointer;
    margin-left: 40px;
    color: lightblue;
    font-size: 13px;   
}
.myhistoryitem {
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    align-items: center;    
    height: 20px;
    font-size: 13px;
    border-bottom: 1px solid lightgray;
    padding-left: 10px;
}
.myhistoryitem:hover {
    background-color: #006187;
    color: white;
}
.myhistoryitemtime {    
    width: 100px;
}
.myhistoryitemaction {
    width: 100px;
}
.myhistoryitemname {
    width: 300px;
    white-space: nowrap;
}
#myhistory:hover {
    text-decoration:underline;
    color: white;
}
#strategies { 
}
#statusName{    
    margin-left: 10px;
    color: #00ffff;
    font-weight: 500;
}
#topoptions {
    display: flex; align-items: center;
    margin-left: auto;
}
#topicons {    
    display: flex;    
    right: 20px;

}
.topicon {       
    height: 20px;
    margin-bottom: 15px;
}
.topicon-cs{ 
    height: 28px;
}
.topicon-yt{ 
    height: 50px !important;    
}
.clientlinkslink { 
    width: 70px !important;
}
.topicon-kn { 
    height: 30px !important;    
}
.clientlinks-close { 
position: absolute;
    right: 10px;
    top: 10px;
    height: 30px; line-height: 30px;
    width: 30px;
    text-align: center;
    background-color: white;
    color: black;
    cursor: pointer;
    border-radius: 50%;

}
.clientlinks-desc{ 
    margin: 20px;
    font-size: 15px;
}
.clientlinks-tabheads {
    height: 40px;
    display: flex;
    align-items: center;
    background-color: white;
}
.clientlinks-tabhead { 
    width: 200px;
    text-align: center;
    cursor: pointer;
    height: 40px; 
    line-height: 40px;
}
.clientlinks-edit { 
    background-color: #e5e5e5;
    border: 3px solid #2d3131;
    border-radius: 15px;
    position: absolute;
    margin: 0px auto;        
    z-index: 101;    
    width: 500px;
    padding-bottom: 10px;
}
.clientlinks-edit-title { 
    background-color: #2d3131; color: white; 
    height: 30px; line-height: 30px;
    text-align: center;
    font-size: 16px; 
    margin-bottom: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.clientlinks-edit-change { 
    background-color: #006187;
    color: white;
    font-size: 14px; 
    width: 100px; 
    cursor: pointer;
    height: 30px; line-height: 30px; 
    text-align: center;
    margin: 10px auto;
    border-radius: 10px;
}
.clientlinks-edit-select { 
    height: 30px;
    width: 200px;
    border-radius: 10px;
}
.clientlinks-edit-item{ 
    display: flex;
    height: 40px; 
    align-items: center;
}
.clientlinks-edit-name { 
    width: 150px;
    text-align: right;
    font-size: 14px;
    padding-right: 10px;
}
.clientlinks-edit-percofaum{ 
    height: 25px;
    width: 25px;
}
.clientlinks-edit-date, .clientlinks-edit-pin { 
    width: 150px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 10px; 
    border:none; outline: none;
}
.clientlinks-desktoplist {
    overflow-y: scroll;
}

.clientlinks-desktoplist-item { 
    background-color: white;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 13px;
    align-items: center;
    border-bottom: 1px solid lightgray;
}

.clientlinks-desktoplist-item-head {         
    height: 30px;
    font-size: 13px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid lightgray;
    font-weight: 600 !important;    
}
.clientlinks-desktoplist-name { 
    width: 300px; 
    padding-left: 10px;
}
.clientlinks-desktoplist-created { 
    width: 150px; 
    text-align: center;
}
.clientlinks-desktoplist-expired{ 
    width: 150px; 
    text-align: center;
    height: 30px; display: flex;    
    align-items: center;
}
.sharelinkextend { 
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 10px;
}
.clientlinks-desktoplist-item-expired{ 
    background-color: #e67575;
}
.clientlinks-desktoplist-link{ 
    width: 300px;
    text-align: left;
    cursor: pointer;
    color: #006187;
}
.clientlinks-desktoplist-copy{ 
    cursor: pointer;
    margin-left: 20px; 
    height: 25px;
}
.clientlinks-desktoplist-copystatus{
    margin-left: 15px;
    font-size: 13px;
    color: green;
}
.clientlinks-desktoplist-link:hover { 
    text-decoration: underline;
}
.clientlinks-edit-pin { 
   font-size: 17px !important;
   letter-spacing: 10px;
}
.clientlinks { 
    background-color: #e5e5e5;
    border: 3px solid #2d3131;
    border-radius: 15px;
    position: absolute;
    top: 50px;
    left: 150px; 
    margin: 0px auto;        
    padding-bottom: 20px;
    z-index: 101;    
    width: 1250px;
}
.clientlinks-content{ 
    display: flex;
}
.clientlinks-title { 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: 16px; font-weight: 600;
    background-color: #2d3131;
    color: white;
    letter-spacing: 2px;
    height: 40px; line-height: 40px;
    text-align: center;
}
.clientlinks-iframe{ 
    min-width: 900px;
    height: 1700px;
    background-color: white;
    margin-top: 50px;
    margin-left: 30px;
    border: 25px solid #2d3131;
    border-radius: 70px;
    -webkit-transform: scale(0.4);
    -webkit-transform-origin: 0 0;
    display: block;
}
.riskwhatsappbox{ 
    position: absolute;
    z-index: 100;
    width: 400px;
    height: 200px;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 15px;    
    padding: 20px;
    margin: 200px auto;
    left: 0; right: 0;
}
.riskwhatsappbox-close { 
    position: absolute;
    right: 10px;
    top: 10px;
    height: 30px; line-height: 30px;
    width: 30px;
    text-align: center;
    background-color: #2d3131;
    color: white;
    cursor: pointer;
    border-radius: 50%;
}
.riskwhatsappbox-title{
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.riskwhatsappbox-text2 {
    font-size: 12px;    
    font-style: italic;
    margin-bottom: 10px;
    color: #006187;
}
.riskwhatsappbox-text {
    font-size: 14px;
    margin-bottom: 10px;
}
.riskwhatsappbox-number{
    font-size: 14px;    
    margin-bottom: 10px;
    font-family: Montserrat;
    background-color: #e5e5e5;
    border: none; outline: none;
    height: 35px;
    font-size: 20px;
    text-align: center;
    width: 200px;
    letter-spacing: 3px;
}
.riskwhatsappbox-send{ 
    background-color: green;
    color: white;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    height: 30px; line-height: 30px;
    width: 200px;
    border-radius: 10px;
    margin: 20px auto;
}
.mynumber:hover { 
    text-decoration: underline;
}

.mynumber {
    font-size: 30px;
    color: #006187;
    font-weight: 600;
    cursor: pointer;
}
.rf-title{ 
    text-align: center;
    width: 100%;
    color: gray;
    font-size: 18px; 
    font-weight: 600;
}
.rf-holder {     
    display: flex;
    height: 800px;
    justify-content: flex-start;
}
.rf-left { 
    padding-top: 30px;
    position: relative;
    border-right: 1px solid lightgray;
    min-width: 750px;
    max-width: 750px;
}
.rf-list{     
    border: 1px solid lightgray;
    overflow-y: scroll !important;
    overflow-x: hidden;
    margin: 0px 0 0 30px;
    height: 700px; 
    width: 700px; 
}
.rf-item:hover { 
    background-color: #e5e5e5;
}
.rf-item-head div { 
    cursor: pointer
}
.rf-item-head div:hover {
    text-decoration: underline;
}
.rf-item-head {
    font-weight: 600;
    font-size: 12px;
}
.rf-item, .rf-item-head{ 
    border-bottom: 1px solid lightgray;
    height: 30px;
    display: flex;
    align-items: center;
    font-size: 12px;
}
.rf-refresh { 
    position: absolute;
    top: 30px;
    right: 0px;
    height: 25px;
    cursor: pointer;
}
.rf-item .rf-rs {
    color: #006187;
    font-weight: 600;
    font-size: 18px;
}
.rf-name { 
    min-width: 300px;
    max-width: 300px;
    padding-left: 5px;
    overflow-x: hidden;
    white-space: nowrap;
}
.rf-pan { 
    min-width: 100px;
    max-width: 100px;
    padding-left: 5px;
    overflow-x: hidden;
    white-space: nowrap;
}
.rf-delete{
    height: 25px;
    margin-left: 10px;
    cursor: pointer;
}
.ra-hidden { 
    z-index: 100;
    position: absolute;
    height: 300px; 
    width: 500px;
    display: none;
}
.rf-created {
    min-width: 120px;
    max-width: 120px;
    text-align: center;
}
.rf-rs {
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
.rf-right {
    position: relative;
    padding-top: 30px;
    padding-left: 20px; 
    width: 550px;
}
.rf-icons { 
    width: 200px; 
    height: 700px;
    position: absolute;
    top: 100px;
    right: 25px;
    text-align: center;    
}
.rf-iconurl { 
    color: #006187;
    font-size: 14px; 
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 10px;
}
.rf-iconurl:hover {
    text-decoration: underline;
}

.rficon {
    border-radius: 10px;
    padding: 10px;    
    width: 100%;
    margin-bottom: 50px;    
    text-align: center;    
}
.rf-iconimagesmall { 
    height: 50px;    
    margin-bottom: 10px;
}
.rf-iconimage{ 
    height: 80px;  
    cursor: pointer;
}
.rf-helptext{ 
    margin: 20px 0px 10px 30px;
    width: 800px;
    color: #006187;
    font-size: 13px; 
}
.rf-icontext {
    font-size: 14px;
    text-align: center;      
}
.rf-mobile-disable{ 
    position: absolute;
    top: 60px;
    left: 120px;
    width: 950px;
    margin: 20px auto;    
    height: 1700px;
    background-color: white;    
    border: 25px solid white;
    opacity: 0.5;
    border-radius: 70px;
    -webkit-transform: scale(0.4);
    -webkit-transform-origin: 0 0;    
}
.rf-mobile {    
    position: absolute;
    top: 60px;
    left: 120px;
    width: 950px;
    margin: 20px auto;
    height: 1700px;
    background-color: white;
    border: 25px solid #2d3131;
    border-radius: 70px;
    -webkit-transform: scale(0.4);
    -webkit-transform-origin: 0 0;
}
.cl_opensubmenu { 
    display: none;
    position: absolute;
    top: 30px;    
    z-index: 3;
    background-color: white; 
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;         
}
.cl_opensubmenu-2 { 
    left: 125px;
}
.clientlinks-left{ 
    height: 750px;
}
.clientlinks-right{
    border-top-right-radius: 10px;
    height: 750px;
    width: 420px;
    position: relative;
    text-align: left;
}
.clientlinks-mobileview {
    position: absolute;
    text-align: center;
    font-size: 18px;
    color: #2d3131;
    margin: 15px auto; 
    left:0px;right: 0px;
    font-weight: 600;    
}
.clientlinks-top {
    height: 50px;
    position: relative; 
    display: flex;  align-items: center;    
}
.clientlinks-balance { 
    margin-left: 20px; 
    height: 30px; line-height: 30px;
    background-color: green;
    color: white;
    width: 60px; text-align: center;
    border-radius: 25px;
}
.clientlinks-text{ 
    font-size: 14px; 
    margin-inline: 5px;
}
.clientlinks-buy{ 
    position: absolute;
    right: 10px;
    font-size: 14px; 
    font-weight: 600;
    cursor: pointer;
    color: #006187;
}
.clientlinks-buy:hover {
    text-decoration: underline;
}
.clientlinks-list {     
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    overflow-y: scroll !important;
    height: 600px;
    width: 800px;
}
.clientlinks-desktoplist {     
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    overflow-y: scroll !important;
    height: 600px;
    width: 1200px;
}
.clientlinks-list-count { 
    font-size: 15px;
    text-align: right;
    margin-inline: 10px;
}
.clientlinks-list-item-head { 
    font-weight: 600;
    font-size: 12px;
}
.clientlinks-list-item-head div { 
    cursor: pointer; user-select: none;
}
.clientlinks-list-item-head div:hover { 
    text-decoration: underline;
}
.clientlinks-list-linkhead{ 
    width: 40px;
    margin-left: 5px;
    text-align: center;    
}
.clientlinks-list-item {
    background-color: white;
}
.clientlinks-list-item, .clientlinks-list-item-head { 
    display: flex;  
    border-bottom: 1px solid lightgray;
    height: 30px; 
    display: flex;
    align-items: center;
    font-size: 13px;
}
.clientlinks-list-retval { 
    min-width: 50px; 
    max-width: 50px; 
    text-align: center;
    margin-inline: 10px;
}
.clientlinks-list-name { 
    padding-left: 5px;
    min-width: 150px; 
    max-width: 150px; 
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}
.clientlinks-list-status { 
    min-width: 50px; 
    max-width: 50px;  
    text-align: center;
}
.clientlinks-list-status-check {
    width: 25px; 
    height: 25px;  
    margin-inline: 12.5px;
    text-align: center;
}
.clientlinks-list-date {     
    min-width: 90px; 
    max-width: 90px;  
    text-align: center;
}
.clientlinks-list-percofaum { 
    min-width: 70px; 
    max-width: 70px;  
    text-align: center;
}
.clientlinks-edit-loader { 
    font-size: 15px; 
    color: #006187;
    height: 50px; line-height: 50px; 
    text-align: center;
}

.clientlinks-list-benchmark { 
    min-width: 170px;    
    max-width: 170px;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 5px;
    text-align: left;    
}
.clientlinks-list-link{ 
    height: 22px; width: 22px; 
    cursor: pointer; 
    margin-left: 8px;
}
.clientlinks-list-right{ 
    height: 15px; width: 15px; 
    cursor: pointer; 
    margin-left: 8px;
}
.clientlinks-list-sms { 
    height: 25px; width: 25px; 
    cursor: pointer; 
    margin-left: 8px;
}
.clientlinks-close { 
    position: absolute;
    top: 5px; 
    right: 5px;
    height: 30px; line-height: 30px; 
    text-align: center; width: 30px;
    border-radius: 50%;
    background-color: white;     
    cursor: pointer;
}
.topiconholder{  
    position: relative;
    cursor: pointer;
    text-align: center;     
    width: 63px;
    border-left: 1px solid white;
    height: 40px;
    display: flex; align-items: center; justify-content: center;
}
#knowledge-loading {
    text-align: center;    
    font-size: 40px; 
    color: #006187;
    position: absolute; 
    left: 0; right: 0;
    margin: 200px auto;
}
.knowledgelink{ 
    width: 70px;
}

.icontext{
    font-size: 8.5px;
    position: absolute;
    bottom: 1px;
    left: 0; right: 0;
    margin: 0 auto;
    color: white;
}
.icontext-color {
    color: lightgreen !important;
}
#ngenpowered {
    margin-right:10px;
    display: flex;
    align-items: center;    
    cursor: pointer;    
}
.eqexpcsv, .debtexpcsv{
    height: 25px; margin-left: 20px; 
    cursor: pointer;
}
#ngenpoweredby {    
    height: 25px;    
}
#ngenpoweredtext {
    margin-left: 10px;
    width: 50px;
    font-size: 8px;
    color: white;
}
#ngenlogo {
    cursor: pointer;
    margin-left: 20px;
    height: 30px;
}

#ngenlogotext {
    cursor: pointer;
    margin-left: 7px;
    color: white;
    min-width: 240px;
    font-size: 15px;
    font-weight: 300;
    display: flex; 
    align-items: center;
}

#lefty {
    user-select: none;
    z-index: 100;
    position: fixed;
    padding-top: 50px;
    height: 100%; 
    background-color: #2d3131;
}
.loption {
    cursor: pointer;
    width: 30px;
    height: 70px;
    border-bottom: 1px solid white;
    text-align: center;
    display: flex; 
    align-items: center;
    justify-content: center;
}
.loption:hover {
    opacity: 0.5;
}
#loptionpro {
    height: 80px;
    background-color: #00a198;
}
# {
    height: 90px;
}
#loptionhealth { 
    height: 100px;
}
#loptionnews, #loptiontools { 
    height: 50px;
}
#loptioncustom {
    height: 110px;
}
#loptionfunds {
    height: 60px;
}
.loptionholder {
    text-align: center;
}
.loptiontxt {  
    white-space: nowrap;
    color: white;
    font-size: 11px; 
    font-weight: 300;
    text-align: center;
    transform: rotate(270deg);
}

.top25stocksdownload { 
    height: 20px; 
    cursor: pointer;
    position: absolute;
    margin-left: 10px;
}
.loptionimg {   
   display: none;
   height: 30px;
   margin: 0px auto 7px auto;
}
.loptionimgclient{ 
    height: 40px !important;
    margin-bottom: -3px !important;
}

#fundsearchholder { 
    position: relative;
}
#fundsearch {
    width: 200px;
    padding-left: 10px;
}
.fundsearchoption{     
    height: 25px; 
    cursor: pointer;
    z-index: 100;
    left: 3px;
    top: 1.5px;
    margin-left: 2px;
    position: absolute;    
}
.fundsearchoptions { 
    position: absolute;
    padding: 10px; 
    display: flex;
    align-items: center;
    z-index: 100;
    border-radius: 10px;
    background-color: gray;
    border: 1px solid lightgray;
    color: white;
}
.fundsearchoptions_checkbox{     
    z-index: 100;
    height: 20px; width: 20px;
    border: 1px solid lightgray;
}
.fundsearchoptions_text { 
    font-size: 12px;
    margin-left: 5px;
}
#stocksearch {
    margin-left: 20px;
    margin-right: 20px;
}
#fundsearch, #stocksearch {
    border-radius: 5px;
    font-size: 11px;
    text-align: center;
    height: 28px;
    line-height: 28px;
    border: none;
    width: 150px;   
    color: #2d3131;
    outline: none;    
}

/*#customsearchtop {
    right: 280px;
}*/
.allcontent {
    width: 100%;    
    padding-left: 30px;
    padding-top: 75px;
    height: 100%;
}
#funds { 
    display: none;
}
#news {
    position: relative;
    height: 1500px;
    padding-bottom: 100px;
    display: none;
}
.contentTitle {
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align:left;
    padding-left: 50px;
    font-size: 20px;
}
.settingItemSmall {
    height: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.settingItem {        
    height: 30px;
    width: 600px;
    display: flex;    
    align-items: center;    
}
.settingItemName {
    text-align: right;
    padding-right: 10px;
    width: 200px;  
    height: 40px; 
    line-height: 40px;
    font-size: 14px;
}
.addphone { 
    text-align: center;
    z-index: 102;
    position: fixed; 
    left: 0; right: 0;
    margin: 250px auto;
    width: 300px;
    border: 1px solid lightgray;
    border-radius: 15px; 
    padding: 20px;
    background-color: white;
}
.addphone-title{ 
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.addphone-text{ 
    font-size: 13px; 
    margin-top: 10px;
    text-align: center;
}
.addphone-text-2 { 
    font-size: 13px; 
    margin-top: 10px;
    text-align: center;
    color: red;
    font-weight: 600;
}
.addphone-input{ 
    height: 40px; 
    background-color: lightgray;
    border: none; outline: none; 
    font-family: Montserrat;
    font-size: 16px;
    text-align: center;
    margin: 20px;
}
.addphone-button { 
    width: 100px;
    cursor: pointer;
    margin-inline: 10px;
    font-size: 13px;
    height: 30px; line-height: 30px;
    text-align: center;
    border-radius: 10px;
    background-color: #006187;
    color: white; 
}
.addphone-close{ 
    position: absolute;
    height: 25px; line-height: 25px; 
    width: 25px; 
    border-radius: 50%; 
    background-color: #2d3131; color: white; 
    cursor: pointer;
    top: 5px; right: 5px;
}
.addphone-button-dontask{ 
    font-size: 10px;     
    height: 30px; line-height: 30px;
    text-align: center;
}
.addphone-checkbox{     
    margin-top: 6px;
    height: 15px;
    width: 15px;
    cursor: pointer;
}
.addphone-button-cancel{ 
    width: 40px;
    cursor: pointer;
    margin-inline: 10px;
    font-size: 13px;
    height: 30px; line-height: 30px;
    text-align: center;
    border-radius: 10px;
    background-color: #e67575;    
}
.addphone-buttons{ 
    display: flex;
    justify-content: center;
    margin-top: 20px;
}
.settingItemButton {        
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #006187;
    color: white;
    cursor: pointer;
    font-size: 12px;
    border-radius: 10px;
    margin-left: 20px;
}

.user-phone{ 
    width: 250px !important;
}
.user-settings { 
    padding-left: 10px;
    border: none;
    outline: none;
    width: 300px;
    height: 30px; 
    background-color: #e5e5e5;
}
.appsetting{ 
    height: 40px; 
    display: flex;
    align-items: center;
    border-bottom: 1px solid lightgray;    
}
.appsettingfirst {
    border-top: 1px solid lightgray;
}
/*.appsetting:hover { 
    background-color: #e5e5e5 !important;
}*/
.appsetting-name{ 
    min-width: 400px;
    max-width: 400px;
    padding-left: 10px;
    font-size: 14px;    
}
#appsetting-cbx-rescaleweights { 
    height: 30px;
    border-radius: 5px;
    background-color: lightblue;
}
.appsetting-value { 
    min-width: 200px; 
    max-width: 200px; 
    color: #71bd75
}
.appsetting-button { 
    width: 60px; 
    height: 25px; 
    line-height: 25px;
    text-align: center;
    background-color: #006187; color: white;
    font-size: 12px;
    cursor: pointer;
    border-radius: 10px;
    margin-inline: 10px;

}
.appsetting-value-flex {         
    display: flex; align-items: center;
}
.settings-explanation { 
    height: 20px; line-height: 20px; 
    font-size: 13px;
    color: #006187;
}
.appsetting-cbx {
    height: 25px;
    width: 25px;
    cursor: pointer;
    border-radius: 5px;
}
 .appsetting-defaultpass{ 
    height: 25px; width: 120px; 
    border-radius: 5px;
    outline: none;
    text-align: center;
    font-size: 13px;
    border: none;
    background-color: lightblue;
}
.appsetting-date { 
    height: 25px; width: 150px; 
    cursor: pointer;
    border-radius: 5px;
    outline: none;
    text-align: center;
    font-size: 13px;
    border: none;
    background-color: lightblue;
}
.appsetting-title { 
    font-size: 16px; 
    font-weight: 600;
    margin-top: 10px;
    height: 40px; line-height: 40px;
}
.appsetting-radio{ 
    height: 20px; width: 20px;
}
.appsetting-radio-label{ 
    font-size: 13px; 
    color: black;
    margin-left: 10px;
}
.appsetting-desc {
    width: 600px;
    font-size: 13px;
    color: #006187;
}
.appsetting-select { 
    height: 25px;
    text-align: center;
    border: none; border-radius: 5px;
    font-size: 13px;
    width: 150px;background-color: lightblue;
}
.setting-status {
    margin-top: 10px;
    margin-left: 200px;
    font-size: 13px;
    color: #006187;
}
.color-status {
    margin-top: 10px;
    width: 300px;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
    color: #006187;
    height: 20px;
}
.settingItemUpgrade { 
    height: 25px; 
    line-height: 25px;
    text-align: center;
    width: 100px; 
    margin-left: 20px; 
    background-color: #00a198;
    color: white;
    cursor: pointer;
    font-size: 13px;
    border-radius: 10px;
}
.settingItemValue {
    text-align: left;
    padding-left: 20px;
    width: 500px;
    color: #006187;
    font-size: 14px;
    height: 30px; line-height: 30px;
}
.prostar{ 
    height: 20px; 
    margin-left: 5px;
}
.settingItemValueType {
    color: #006187;
    font-size: 14px;
    height: 30px;
    text-align: left;
    padding-left: 20px;
    display: flex; align-items: center;
}
#loginhistoryloader, #devicehistoryloader{ 
    display: none;
}
.user-warning {
    font-size: 12px;
    text-align: left;
    margin-left: 120px;    
    color: #006187;
    margin-top: 5px;
    margin-bottom: 30px;
}
.user-warning-1 { 
    font-size: 12px;
    text-align: left;
    margin-left: 120px;    
    color: #006187;
    margin-top: 5px;
}
.user-color-explain{ 
    margin-top: 10px;
    font-size: 14px;
    margin-left: 30px;
}
.setting-update { 
    background-color: #006187; color: white;
    font-size: 12px; text-align: center;
    width: 200px; 
    height: 30px; line-height: 30px;
    cursor: pointer;
    margin-left: 200px;
}
.setting-update:hover { 
    background-color: gray;
}
#settings {
    padding-top: 75px;
    background-color: #e5e5e5;
    width: 100%;
    height: 100%;
}
#settings-tabheads {     
    width: 1200px; 
    overflow: hidden;
    height: 30px; display: flex;
    align-items: center;
}
.settings-tabhead{  
    text-align: center;
    height: 30px; line-height: 30px;
    font-size: 14px;
    cursor: pointer;
    padding-left: 20px; padding-right: 20px;
}
.settings-tab { 
    padding-top: 20px;
    padding-left: 20px;
    width: 1250px; 
    height: 800px; 
    margin-top: 0px;
    background-color: white;
}
.color-box-holder {
    width: 50px;
    margin-left: 10px;
}
.color-box-item {
    width: 50px;
    height: 30px;
}
.cl-multi-box-newname {
    height: 25px; 
    width: 200px; 
    margin: 10px auto;
}
.color-box-selector {
    margin-top: 20px;
}
.color-box, .color-box-mycolors {
    position: relative;
    background-color: white;
    padding: 35px 10px;
    margin-top: 20px;
    display: flex;
}
.color-box .color-box-item { 
    margin-left: 10px;
}
.color-box-title {
    top: 0px;
    position: absolute;
    font-size: 14px;
    text-align: left;
    height: 30px;
    line-height: 30px;
}
.settingsTitle { 
    width: 1000px;
    border-bottom: 2px solid lightgray;
    margin-bottom: 10px;
    margin-top: 20px;
}
.color-box-use {
    position: absolute;
    left: 20px;
    bottom: 3px;
    cursor: pointer;
    font-size: 12px;
    border-radius: 5px;
    background-color: #006187;
    color: white;
    height: 25px;
    line-height: 25px;
    width: 70px;
    text-align: center;
}
.color-box-use:hover { 
    background-color: #2d3131;
}

.dateInput, .customName {
    font-family: 'Montserrat';
}
#newpass {    
    padding-top: 20px;
    border-top: 1px solid lightgray;
    padding-left: 20px;    
    padding-bottom: 10px;
}
.newpassinput {
    width: 150px;
    outline: none;
    border: none;
    background-color: #e5e5e5;
    font-family: 'Montserrat';
    font-size: 11px;
    text-align: center;
    height: 25px;
}
.newpassinput:nth-of-type(2) {
    margin-left: 10px;
    margin-right: 10px;
}
.newpassspan {
    color: #006187;
    font-size: 13px;
}
.lh-item-date { 
    width: 300px; 
    padding-left: 10px;
}
.lh-item-action { 
    text-align: center;
    width: 200px;
}
#settings-details  {
    padding-top: 40px !important;
}
#settings-security .settingItem {
    margin-bottom: 10px;
}
.loginhistory-title { 
    height: 40px;
    width: 500px;
    font-size: 15px; 
    color:#006187; margin-left: 20px;
}
#loginhistory, #devicehistory {
    background-color: #e5e5e5;
    height: 400px;
    width: 400px;
    margin-top: 20px;
    margin-left: 20px;
    overflow-y: scroll;
}

.lh-item-head {
    font-weight: 600;
}
.lh-item-head, .lh-item { 
    display: flex;
    border-bottom: 1px solid lightgray;
    height: 30px; 
    font-size: 13px;
    align-items: center;
}
.updateSetting {
    margin-left: 20px;
    background-color: #006187;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    color: white;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}
.updateSetting:hover {
    background-color: #2d3131;
}
#newsfilter{
    display: flex;
    text-align: center;
    line-height: 50px;
    height: 50px;
    width: 1680px;
    background-color: #e5e5e5;
}
#feedholder {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 20px;
    padding-left: 10px;
    width: 1700px;
}
.newslink{
    display: none;
}
#feeds {    
    height: 700px;
    padding-right: 30px;    
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;  
    align-content: flex-start;
}

.newsItem {
    cursor: pointer;
    padding: 10px;  
    height: 120px;    
    width: 280px;    
    margin-bottom: 10px;
    margin-left: 10px;
    border: 1px solid lightgray;
    overflow-y: hidden;
}
.newsItem:hover {
    background-color: lightgray;
}
.newsItemTop {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.newsItemTitle {
    font-size: 14px;
    font-weight: 600;
}
.newsItemAuthor {
    color: #006187;
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
}
.newsItemDate, .sideNewsItemDate {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 600;
    color: #006305;
}
.newItemImg {
    min-width: 80px;
    max-width: 80px;
    min-width: 80px;
    max-width: 80px;
}
.newsItemDesc {
    margin-top: 5px;
    font-size: 12px;
    font-weight: 300;
    text-align: left;    
}
#pFilter{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    width: 100%;
    border-bottom: 1px solid lightgray;
}
.screenaddtocomp {
    height: 15px; cursor: pointer;
}
#showOnlyMineLabel {
    margin-left: 5px;
    font-size: 12px;
}
#sharedWithYou {
    margin-left: 20px;
    right: 5px;
    font-size: 12px;
    color: #006187;
}
#marketstabeq { 
   display: flex; align-items: center;
}
.betaversion { 
    font-size: 10px; 
    margin-left: 10px; 
    font-weight: 600;
    color: #006187;
}
#showOnlyMine {
    cursor: pointer;
    height: 15px;
    width: 15px;
}
#newsrefresh {
    position: absolute;
    left: 450px;
    top: 82px;
    cursor: pointer;
    height: 25px;
}
#newstags {
    padding-left: 20px;
    padding-right: 20px;
    height: 100%;
    min-width: 50px;
    display: flex;
    align-items: center;
}
#newssearch {
    display: flex; justify-content: center;align-items: center;
    height: 100%;
    padding-left: 30px;
    border-left: 1px solid lightgray;
}
#newsserachresultcount{
    font-size: 14px;
    margin-left: 30px;
}
#newssearchbox {
    text-align: center;
    outline: none;
    border: none;
    height: 30px;
    width: 250px;
    line-height: 30px;
    background-color: white;
    font-size: 14px;
}
.newstag {
    background-color: lightgray;
    color: #2d3131;
    font-size: 14px;
    margin: 10px;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
}
.marketwrappdf{ 
    height: 18px; 
    margin-right: 5px; 
    cursor: pointer;
    margin-left: 15px;    
}
#marketstabs {
    width: 1540px;
    display: flex;
    background-color: lightgray;    
}
.markettab,.markettabwrap {
    font-size: 14px;        
    height: 30px; 
    display: flex; align-items: center;
    text-align: center;
    padding-right: 30px;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    border-left: 1px solid white;
}
#packedbubble{
    height: 400px;width: 400px;
}

.chartHelp {
    font-size: 10px;
    margin-left: 20px;
}
#marketsTopMiddle {
    border-right: 1px solid lightgray;
    padding-left: 20px;
    padding-right: 20px;
    width: 260px;
}
#marketsTopCurrencies {
    border-right: 1px solid lightgray;
    padding-left: 20px;
    padding-right: 20px;
    width: 350px;
}
#algoholder {
    margin-top: 20px;
    margin-left: 50px;
    width: 100%;
}
#algotabheads {
    display: flex;
}
.algotab {
    position: relative;
    padding: 20px;
    display: none;  
    min-height: 400px;
    background-color: #e5e5e5;
}
.singlealgoheaders {
    display: flex;
}
.smallloader {
    position: absolute;
    right: 10px;
    border: 3px solid #f3f3f3; /* Light grey */
    border-top: 3px solid #006187; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}

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

    100% {
        transform: rotate(360deg);
    }
}
.algoloader {
    z-index: 100;
    display: none;
    position: absolute;
    left: 30%;
    top: 35%;
    height: 200px;
    width: 400px;
    border: 1px solid lightgray;
    background-color: #006187;
    color: white;
    padding: 20px;
}
.algodone {
    position: absolute;
    right: 10px;
    height: 25px;
}
.algoloaderitem {
    position: relative;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    display: flex;
}
.algoloaderitemtext {
    width: 200px;
    font-size: 13px;
}
.algooptions {
    width: 75%;
}
.algotabinputtext {
    width: 80px;
    margin-left: 10px;
    text-align: center;
    font-size: 13px;
}
.algooption {
    display: flex;
}
.algotabinput1 {
    font-family: 'Montserrat';
    font-size: 10px;
    margin-left: 10px;
    border: none;
    outline: none;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 80px;
    background-color: lightgray;
}

.runalgo {
    background-color: #006187;
    color: white;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 75px;
    cursor: pointer;
}
#copyoneclicklink { 
    height: 30px; margin-left: 20px;
    cursor: pointer;
}
.oneclickloginstatus{ 
    color: green;
    display: none;
    height: 40px; line-height: 40px;
    margin-left: 15px;
    font-size: 13px;
}
.oneclicklogin{ 
    font-size: 20px; 
    color: #006187; 
    font-weight: 600;
    margin-bottom: 20px;
}
.getoneclicklink{ 
    cursor: pointer;
    background-color: #006187;
    color: white;
    font-size: 13px; 
    width: 180px;
    border-radius: 10px;
    text-align: center;
    height: 30px; line-height: 30px;
}
.runalgo:hover {
    background-color: #2d3131;
}
.singlealgotab {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 100px;
    background-color: white;
}
.singlealgoheader {
    cursor: pointer;
    text-align: center;
    width: 150px;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
}
.algotab, .algoresult {
    width: 1300px;
}
.algoresult {
    z-index: 100;
    top: 150px;
    position: absolute;
    height: 600px;
    opacity: 1;
    overflow: hidden;
    background-color: white;
}
.algoanalytics {
    height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
    background-color: white;
    margin-top: 10px;
}
.algotabhead {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    background-color: lightgray;
    width: 200px;
    font-size: 14px;
    text-align: center;
}

@keyframes blinker {
  50% {
    opacity: 0.6;
  }
}

#noscreenerresults {
    text-align: center;
    z-index: 2;    
    position: absolute;
    top: 300px;
    opacity: 0.8;
    height: 100px;    
    line-height: 100px;
    left: 300px;
    padding-left: 30px;
    padding-right: 30px;
    background-color: #2d3131;
    color: white;
    border-radius: 10px;
}

#screenerLoader,#famc-loader { 
    z-index: 2;    
    position: absolute;
    top: 300px;
    height: 150px;
    left: 0; right: 0;
    margin: auto;
    display: none;
    font-size: 20px; color: #006187;
    text-align: center;
    animation: blinker 1s linear infinite;
}

.screenerLoaderimage {
    height: 150px;
}
@keyframes blinker {
  50% {
    opacity: 0.6;
  }
}
#famc-loader { 
    z-index: 2;    
    position: absolute;
    top: 300px;
    height: 150px;
    left: -500px;    
    display: none;
    font-size: 20px; color: #006187;
    text-align: center;
    animation: blinker 1s linear infinite;
}
.screenerLoaderimage {
    height: 150px;
}
@keyframes blinker {
  50% {
    opacity: 0.6;
  }
}
.screenerbuttons {    
    display: flex;
    justify-content:center;
    align-items: center;      
}
.screenerbutton{ 
    display: flex; align-items: center;
    padding-left: 10px;
    padding-right: 20px; border-right: 1px solid lightgray;    
}
.manualdata-mainloader{ 
    position: absolute;
    top: 100px; 
    z-index: 101;
    left: 0; right: 0;
    margin: 200px auto;
}
.cpr-mainloader { 
    margin-top: 20px;
}
.screenercolumnselecttitle { 
    font-size: 12px;
    margin-right: 5px;    
}
#screenercolumnselect { 
    height: 25px; 
    font-size: 13px;
    width: 120px;    
    background-color: lightblue;
    border: none; outline: none;
}
.savedColumnViews {
    font-size: 13px; 
    color: #006187;
    cursor: pointer;
    position: relative; 
}
.savedColumnViews:hover { 
    text-decoration: underline;
}
.savedColumnList{ 
    z-index: 2;
    position: absolute;    
    width: 120px;
    border: 1px solid lightgray;
    background-color: white;
}
.savedColumnListItem {
    display: flex;
    align-items: center;
    padding-left: 10px;
    height: 30px; 
    border-bottom: 1px solid lightgray;
    position: relative; 
}
.savedColumnListDelete{
    position: absolute; right: 10px;
    margin-left: 30px;
    height: 20px; 
}
.saveColumnViewImg{     
    margin-left: 10px;
    height: 25px; cursor: pointer;
}
.saveColumnView{     
    border: none; outline: none;
    height: 25px; padding-left: 10px; 
    width: 100px;
}
.mainStat {
    display: flex;
    height: 25px;
    align-items: center;
    justify-content: flex-start;
}
.bolder {
    font-weight: 600 !important;
}
#markets-main-nse { 
    display: none;
}

.live-cols-close {
    text-align: center;
    position: absolute;
    right: 30px;
    top: 3px;
    border-radius: 5px;
    background-color: black;
    color: white;
    width: 70px; font-size: 13px;
    height: 20px;line-height: 20px;
    cursor: pointer;
}

.live-cols-dragger{ 
    height: 25px; line-height: 25px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
}
.live-cols-dragger { font-weight: 600;}

.wmitemname1 {
    margin-right: 5px;
    width: 180px;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
}
.wmitemname2 {
    margin-right: 5px;
    width: 150px;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
}

.fitsLine {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
}
.fitsname {
    text-align: right;
    font-size: 13px;
    width: 80px;
}
.fitsvalue {
    text-align: center;
    font-size: 12px;
    width: 65px;
}
.wmdividerArea {
    margin-left: auto;
    margin-right: auto;
    width: 100%;    
}
#myportfolios {      
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;       
    position: relative;     
}
#portfolioleft {
    min-width: 320px;
    max-width: 320px;
    height: 900px;
    overflow-y: scroll;
    overflow-x: hidden;
    border-right: 1px solid lightgray;
    display: none;
}
#portfolioleftCover {
    display: none;
    top: 0px;
    left: 0px;
    z-index: 10;
    background-color: white;
    opacity: 0.6;
    position: absolute;

    min-width: 320px;
    max-width: 320px;
    height: 900px;
    border-right: 1px solid lightgray;
}
#portfoliosearch{
    outline: none;
    border: none;
    width:100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    background-color: red;
    border-bottom: 1px solid lightgray;
}

#analytics {
    width: 1400px;
}
#portfolioView {
    position: relative;
    width: 1200px;
    height: 100%;    
}
#portfolioEdit {    
    display: none;
    position: absolute;
    top:0px;
    left: 0px;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 100px;
    background-color: #2d3131;
    color: white;
    opacity: 0.8;
    z-index: 9;
    border-bottom-right-radius: 10px;
    font-size: 13px;
}
.lato {
    font-family: 'Montserrat';
}
#portfolioEdit:hover {
    background-color: #006187;
    color: white;
}
#noportfolios, #nocustoms {
    text-align: center;
    padding-top: 100px;
}
#portfoliolisttop, #customlisttop {    
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    width: 100%;
    border-bottom: 1px solid lightgray;
}
.portfoliotopicon { 
    margin-left: 15px;   
    height: 20px;
    width: 20px;
    cursor: pointer;
}
.portfoliotopicon2 {     
    margin-left: 15px;      
    height: 33px;
    width: 35px;
    cursor: pointer;
    padding: 8px;
    border-left: 1px solid lightgray;

}

.portfoliotopicon2:hover {
    background-color: #e5e5e5;
}
.portfoliotopicon:last-of-type {
    margin-left: 10px;
}
.cpr-item-head .cpr-plus { 
    opacity: 0;
}
.portfoliotopicon1 {   
    margin-left: 10px; 
    cursor: pointer;
    height: 10px !important;    
}
.mytooltip {
    padding: 7px;
    z-index: 300;
    position: absolute;
    min-width: 50px;
    max-width: 300px;
    max-height: 600px;
    font-size: 14px;
    font-weight: 400;        
    color: white;
    border-radius: 10px;    
    padding-left: 10px;
    padding-right: 10px;
}
.smallerTooltip {
    font-size: 12px;
}
#portfoliocount, #customcount {
    width: 45%;
    font-size: 16px;
    margin-left: 20px;
    font-weight: 600;
    color: #006187;
}
.pAddSearch{
    font-family: 'Montserrat';
    background-color: white;
    border: none;
    outline: none;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 180px;
    margin-bottom: 10px;
}
#pDefault {        
    width: 100%;
    text-align:left;
    padding-left: 100px;
    padding-top: 100px;
    font-size: 20px;
}
#newportfolio {    
    top: 0px;
    left: 0px;
    z-index: 101;
    position: absolute;        
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    background-color: #e5e5e5;
    opacity: 1;
}

#createnewportfoliolink{
    cursor: pointer;
    color: #006187;
    font-weight: 500;
}
#newportfoliocreate {
    margin-right: 20px;
}
.newportfoliolisttopitem{
    width: 100px;
    height: 30px;
    text-align: center;
    margin-left: 20px;    
    font-size: 14px;
}
#newportfoliooptions {
    height: 30px; 
    display: flex; 
    align-items: center;
    justify-content: center;
}
.newportfoliolisttopitem:nth-of-type(2) {
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
}
#newportfoliolisttop {
    margin-top: 20px;    
    max-height: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#newportfoliolist {   
    overflow-y: scroll; 
    overflow-x: hidden;
    height: 350px;
    width: 100%;
    margin-top: 5px;
    background-color: white;    
}
#newportfoliolisttext {
    display: flex;
    justify-content: center;
    align-content: center;
    padding-top: 100px;
    font-size: 14px;
}

.pAssetClass {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    border-bottom: 1px solid lightgray;
    background-color: #2d3131;
    color: white;
    padding-left: 10px;
    font-size: 13px;
    width: 470px;
}
.pItem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    border-bottom: 1px solid lightgray;
}
.pItemName {
    white-space:nowrap;
    overflow-x: hidden;
    font-size: 13px;
    padding-left: 5px;
    min-width: 300px;
    max-width: 300px;
}
.pItemWeight {
    font-size: 13px;
    width: 60px;
    height: 20px;
    margin-left: 10px;
    font-family: 'Montserrat';
    outline: none;
    border: none;
    text-align: center;    
    background-color: #e5e5e5;
}

.pItemType {
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
}
.pItemRemove {
    cursor: pointer;
    height: 20px;
    line-height: 20px;
    width: 20px;
    margin-left: 10px;
    background-color: #e5e5e5;
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    border-radius: 50%;
}
#compareyears { 
    overflow-y: scroll;
    height: 600px;
    overflow-x: scroll;
}
.yearlinehead > div { 
    cursor: pointer;
    background-color: #556886;
}
.yearlinehead > div:hover {
    text-decoration: underline;
}
.yearlinehead {
    background-color: #556886;
    color: white;
}
.yearline, .yearlinehead {
    height: 40px;
    display: flex;
    width: 1600px;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.yearchart, .yearcharthead {
    height: 100%;
    min-width: 300px;
    max-width: 300px;
}
.yearname {
    position: relative;
    padding-left: 5px;
    font-size: 14px;
    min-width: 300px;
    max-width: 300px;
}
.yearsexcel{ 
    height: 25px; 
    right: 50px;
    top: -5px;
    cursor: pointer;
    position: absolute;
}
.yearnamelink {
    cursor: pointer;
}
.yearnamelink:hover { 
    text-decoration: underline;
    color: #006187;
}
.yearret, .yearret {
    height: 40px;
    line-height: 40px;
    text-align: center;
    min-width: 60px;
    max-width: 60px;
    font-size: 14px;
    user-select: none;
    border-right: 1px solid lightgray;
}
.yeargray{ 
    background-color: lightgray;
}
.yearred {
    background-color: #e67575;
}
.yearmorered{ 
    background-color: #ee0000; color: white;
}
.yearlightgreen {
    background-color: lightgreen;
}
.yeargreen {
    background-color: #39d679;
}
.yeardarkgreen {
    background-color: #35b469;
}
.yearblue{ 
    background-color: #2ba759;
}

.pItemPerms {
    margin-top: 3px;
    margin-right: 15px;
    cursor: pointer;
    height: 15px;
    width: 15px;
}
.pLineMenu {  
    margin-top: 3px;  
    cursor: pointer;
    margin-right: 10px;
    height: 12px;
}
.pItemRun {
    margin-right: 20px;
    cursor: pointer;
    height: 18px;
    width: 18px;
}
#newportfoliobuttons {    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 70px;
    width: 100%;    
    border-top: 1px solid lightgray;
    background-color: #e5e5e5;
}
#newportfoliobuttonserror {
    margin-top: 30px;
    text-align: center;
    font-size: 13px;
    height: 15px;
    line-height: 15px;
    color: red;
    width: 100%;
}
#newportfoliossaveas:hover, #newportfoliossave:hover, #newportfoliocreate:hover, #newportfoliorun:hover {
    background-color: #2d3131;
}
#newportfoliossaveas, #newportfoliossave, #newportfoliocreate, #newportfoliocancel, #newportfoliorun, #newportfoliodelete {
    font-size: 13px;
    background-color: #006187;
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin-left: 20px;
    color: white;
}
#newportfoliocancel {
    background-color: lightgray; color: black;
}
#newportfoliodelete { 
    background-color: #ff4f4f;
}
#newportfolioname {
    margin-left: 20px;
    width: 200px;
    text-align: center;
    height: 30px;
    border: none;
    outline: none;
    font-family: 'Montserrat';
}

#folderlistlabel{
    font-size: 14px;
    margin-left: 10px;
}
.selectFolderHolder {
    position: relative;    
}
.inputWhite::-webkit-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    /* WebKit, Blink, Edge */
    color: white;
}
.inputWhite:-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    /* Mozilla Firefox 4 to 18 */
    color: white;
    opacity: 1;
}
.inputWhite::-moz-placeholder {
    font-family: 'Montserrat', sans-serif;
    /* Mozilla Firefox 19+ */
    color: white;
    opacity: 1;
}
.inputWhite:-ms-input-placeholder {
    font-family: 'Montserrat', sans-serif;
    /* Internet Explorer 10-11 */
    color: white;
}
.newFolderInput{    
    position: absolute;
    width: 200px;
    height: 25px;
    text-align: center;
    outline: none;
    border: none;
    background-color: gray;
    color: white;
    font-size: 13px;
    top: 0px;
    left: 0px;
}
.selectedFolder {
    user-select: none;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
    width: 200px;
    text-align:center;
    background-color: white;
    cursor: pointer;
    font-size: 15px;
}
.folderlist {
    width: 200px;
    margin-left: 9px;
    position: absolute;
    border: 1px solid lightgray;
}
.folderItem:last-of-type {
    border-bottom: none !important;
}
.folderItem {
    position: relative;
    user-select: none;
    cursor: pointer;
    background-color: white;
    text-align:center;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid lightgray;
}
.folderItem:hover {
    background-color: #2d3131;
    color: white;
}
#newportfoliotitle {
    width: 100%;
    background-color: #2d3131;
    color: white;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
}
#pSelectAssets {
    display: flex;     
    height: 550px;
    width: 100%;
}
.pitemClearAll:hover , .pitemRescale:hover{
    background-color: gray;
}
.pitemClearAll, .pitemRescale { 
    height: 25px; line-height: 25px;
    padding-left: 10px; padding-right: 10px;
    background-color: #006187; color: white;
    border-radius: 10px;
    margin-left: 10px;    
    cursor: pointer;
    font-size: 11px; text-align: center;
}
#pAddInputs {
    width: 50%;    
}
.pUploadbox {    
    position: absolute;    
    z-index: 101;
    padding: 20px;  
    width: 420px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid lightgray;
    background-color: white;
}

.pUploadtitle {
    font-size: 13px;    
    text-align: center;    
    padding: 10px;
    border-radius: 10px;
    background-color: lightblue;
    width: 400px;
    margin-bottom: 20px;
}
.pUploadbuttons {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;    
}
.pUploadEx2, .pUploadEx1, .pUploadEx3 {
    border: 1px solid lightgray;
}
.pUploadEx4 {
    height: 150px;
    margin-right: 20px;
}
.pUploadEx1 {     
    height: 100px;
}
.pUploadEx2 { 
    height: 100px;
    margin-left: 10px;
}
.pUploadEx3 { 
    height: 100px;
    margin-left: 10px;
}
.pUploadCancel { 
    position: absolute; top: 2px; right: 2px;
    background-color: #006187; color: white;
    height: 25px; line-height: 25px; width: 25px;
    border-radius: 50%; text-align: center;
    cursor: pointer;
}
.pUploadbutton, .pUploadbutton1 {    
    background-color: #006187;
    color: white;    
    font-size: 12px;
    text-align: center;    
    cursor: pointer;    
    user-select: none;
    padding: 5px;
    border-radius: 5px;
    max-width: 80px;
}
.pUploadbuttonValidate{     
    width: 150px !important;
    background-color: green !important;
    color: white; cursor: pointer;
    font-size: 12px;
    text-align: center;    
    padding: 5px;
    border-radius: 5px;
}
.pUploadbutton2{ 
    font-size: 13px; 
    cursor: pointer;
}
.pUploadbutton2:hover { 
    text-decoration: underline;
}
.pUploadbuttons .pUploadbutton { 
    margin-right: 10px;
}
.pUploaderror{
    margin: 10px auto;
    width: 350px;
    color: #006187; text-align: center;
    font-size: 12px;
}
.pUploadSelectText{ 
    font-size: 13px;
}
.pUploadSelect {     
    margin-left: 5px;
    width: 150px; 
    height: 25px;
    outline: none;
    background-color: lightblue;
    outline: none;
    border: none;
}
.pUploadtxt {
    resize: none; outline: none; border: none;    
    width: 300px; height: 200px;
    background-color: #e5e5e5;
    font-family: 'Montserrat';
    margin-left: auto;
}
.casbox { 
    background-color: white;
    max-height: 700px;
    width: 450px;
    border: 1px solid lightgray;
    border-radius: 10px;
    position: absolute;
    z-index: 101;
    padding: 20px;text-align: center;
}
.casboxtext{ 
    font-size: 13px;    
    padding: 10px;
    text-align: left;
    background-color: #56ffaa;
    border-radius: 10px;
}
.casboxbeta{ 
    margin-top: 10px;
    font-size: 12px;
    text-align: left;
    color: #006187;
    padding-left: 20px;
}
.casboxbetared{ 
    margin-top: 10px;
    font-size: 12px;
    text-align: left;
    color: red;
    padding-left: 20px;
}
.casboxbutton-error {
    font-size: 13px;
    margin-top: 10px;    
}
.casboxclose{ 
    cursor: pointer;
    position: absolute;
    background-color: #006187; color: white; font-size: 13px;
    width: 25px; border-radius: 50%;
    height: 25px; line-height: 25px;
    top: 2px; right: 2px;
}
.cainputs{ 
    display: flex;
}
.casboxbutton{ 
    background-color: #006187; color: white;
    width: 200px;
    text-align: center;
    height: 30px; line-height: 30px;
    font-size: 14px;
    cursor: pointer;
}
.casboxbutton-loader{ 
    top: 300px;    
}
.casfullName {
    width: 100%;
    padding-top: 10px; 
    border-top: 1px solid lightgray;
    height: 40px; 
    line-height: 40px; 
    font-size: 14px; 
    color: #006187;
    font-weight: 600;
}
.casbox-errors { 
    color: red;
    margin-top: 10px;
    text-align:left;
    font-size: 13px;
}
.casporttotals{ 
    display: flex; justify-content: center; align-items: center;
    height: 30px;
}
.casporttotal{ 
    font-size: 14px;
}

.casbox-submit { 
    margin-top: 10px;
    margin-left: 0; margin-right: 0;
    width: 250px; 
    background-color: #2d3131; color: white;
    text-align: center;
    cursor: pointer; border-radius: 10px;
    height: 25px; line-height: 25px;
}
.mflistitem{ 
    display: flex;height: 22px;align-items: center;
    border-bottom: 1px solid lightgray;
    font-size: 11px;
}
.mflist {
    margin-top: 10px;
    background-color: #e5e5e5;
    height: 350px;     
    overflow-x: hidden;    
    overflow-y: scroll;
}
.mflistname{ 
    padding-left: 3px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    min-width: 350px;
    max-width: 350px;
}
.mflistvalue { 
    min-width: 150px;
    max-width: 150px;
    text-align: left;
    padding-left: 5px;
}
.casboxfile{ 
    cursor: pointer;
    position: absolute;
    top: 145px;
    left: 200px;
    opacity: 0;
}
#pAddUpload {    
    width: 250px;    
    text-align: center; 
    border: 1px solid lightgray;
    padding: 10px 5px 0 5px;
    border-radius: 15px;
    position: relative;
}
.pupload-options{ 
    position: absolute;
    top: -8px;
    left: 30px;
    z-index: 2;
    font-size: 12px; 
    font-weight: 600;
    background-color: #e5e5e5;
    padding-left: 5px;
    padding-right: 5px;
}
.casboxpassword{ 
    height: 25px; line-height: 25px;
    width: 150px; 
    margin-right: 20px;
    text-align: center;
}
.casboxhelptext{ 
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 10px;
    text-align: left;
}
.marketwrapinfo{ 
    position: absolute;
    right: 0px; 
    top: 5px;
    border-radius: 50%;
    width: 20px; height: 20px; line-height: 20px; 
    text-align: center;
    font-size: 12px; 
    background-color: #006187; color: white;
    cursor: pointer;
}
#compchartdates {
    display: flex;
    height: 30px; align-items: center;
    margin-left: 20px; 
    margin-bottom: 10px;
}
.compchartchangetext {
    font-size: 14px;
    margin-left: 10px;
}

.compchartdate, .comscatterdate {
    margin-left: 20px;
    height: 25px;
    border: none;
    outline: none;
    text-align: center;
    background-color: lightgray;
}
#comchartsdatechange, #comscatterdatechange {
    background-color: #006187;
    color: white;
    width: 80px;
    text-align: center;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    margin-left: 20px;
}
.upuloadex { 
    height: 20px;
    margin-left: 10px;
}
.uploadopt:hover { 
    text-decoration: underline;
}
.puploaditem { 
    width: 220px;
    display: flex; align-items: center;
    justify-content: flex-start;    
}
.puploadimg{ 
    border: 1px solid lightgray;
    background-color: white;
    border-radius: 15px;
    z-index: 101;
    position: absolute;
    height: 600px; 
    width: 700px;
    overflow: hidden;
}
.puploadimg-text {
    text-align: center;
    height: 30px; line-height: 30px; 
    font-weight: 600;
}
.puploadimg-show {
    height: 570px; 
}
.uploadopt {            
    cursor: pointer;
    height: 30px; line-height: 30px;
    background-color: #006187; color: white;
    margin-top: 15px;
    font-size: 13px;
    padding-left: 10px; padding-right: 10px; 
    border-radius: 10px;
}
.portfolioMove{ 
    position: relative;
}
.moveFolderNew {
    position: absolute;
    padding: 20px;
    text-align: center;
    background-color: white;
    border: 1px solid lightgray;
    right: -300px;
}
.moveFolderNewName {
    height: 30px; line-height: 30px; 
    width: 200px;
    border: none; outline: none;
    text-align: center;
    background-color: #e5e5e5;
}
.moveFolderNewDesc { 
    font-size: 12px;
    margin-top: 10px;
    text-align: center;

}
.moveFolders {     
    position: absolute;    
    height: 35px; line-height: 35px;
    outline: none; border: none;
    background-color: lightblue;
    width: 150px;
    top: 0px;
    right: -152px;
}
#portfolioAnalytics {
    overflow-y: auto;    
    height: 100%;
}
.applyss  {
    background-color: #006187;
    width: 50px; height: 20px; line-height: 20px;
    color: white; text-align: center;
    cursor: pointer;
    font-size: 10px;
    border-radius: 5px;
    margin-left: 10px;
}
.portfolioFolder, .customItemFolder{
    user-select: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    height: 35px;
    background-color: #e5e5e5;
    position: relative;
    font-size: 15px;
    cursor: pointer;  
}
.portfolioFolderImg, .customFolderImg { 
    height: 17px;    
    right: 10px;
    position: absolute;
}
.portfolioFolderRename { 
    height: 20px;    
    right: 35px;
    position: absolute;
}
.portfolioFolderNewname{ 
    position: absolute; 
    background-color: white; 
    border: none; outline: none; 
    height: 30px; padding-left: 10px;
}
.portPermHolderHolder {
    z-index: 150;
    position: absolute;
    width: 350px;
    border: 1px solid lightgray;
}

.portPermFolders {    
    background-color: white;    
    min-height: 200px;
    width: 350px;
}
.pSettingTabs {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 25px;    
    border-bottom: 1px solid lightgray;
}
.pSettingTab {   
    height: 25px; 
    line-height: 25px;
    font-size: 15px;
    cursor: pointer;
    width: 50%;
    text-align: center;
}
.portPermHolder {    
}
.portPermHolderCover {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: white;
    display: flex;
    font-size: 20px;
    justify-content: center;
    align-items: center;
    opacity: 0.8;
    z-index: 200;
    height: 100vh;
    width: 100%;
}
.portPermName {
    text-align: center;
    font-size: 14px;
    background-color: #2d3131;
    color: white;
    height: 25px;
    padding: 5px 10px 5px 10px;
    line-height: 25px;
}
.portPermTitle {
    text-align: center;
    font-size: 14px;        
    height: 25px;
    background-color: white;
    padding: 0px 10px 0px 10px;
    line-height: 25px;
}
.portPermSubTitle {
    text-align: center;
    background-color: gray;
    color: white;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
}
.portPermAddUsers {
    text-align: center;
    background-color: #e5e5e5;
    color: #2d3131;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
}
.portPermItem, .managepItemPermsItem {
    padding-left: 10px;
    border-bottom: 1px solid lightgray;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}
.portPermItemName, .managepItemPermsItemName {
    width: 80%;
    background-color: white;
    white-space: nowrap;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
}
.portPermItemDeny {
    background-color: #e5e5e5;
}
.managepItemPermsItemApprove {
    background-color: #e5e5e5;
}
.managepItemPermsItemApprove, .portPermItemDeny {
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    width: 20%;
    font-size: 13px;
}
.portfolioLine {
    user-select: none;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid lightgray;
}
.portfolioLine:hover {
    background-color: #b1cced;
}
.portfolioLineNameHolder {
    position: relative;
    padding-left: 20px;
    width: 70%;
}
.portfolioLineName {
    height: 25px;
    line-height: 10px;
    font-size: 14px;
    height: 25px;
}
.pMenuItem {
    z-index: 101;
    width: 110px;
    position: absolute;
    background-color: #e5e5e5;
    border: 1px solid lightgray;
}
.pMenuItemx {
    cursor: pointer;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    width: 100px;
    padding-left: 10px;
    border-bottom: 1px solid lightgray;
}
.pMenuItemx:hover {
    background-color: gray; 
}
.pItemRename {
    padding-left: 10px;
    font-family: 'Montserrat';
    top: -8px;
    left: 20px;
    position: absolute;
    outline: none;
    border: none;
    background-color: #e5e5e5;
    height: 25px;
    line-height: 10px;
}
.customItemRename {
    padding-left: 10px;
    font-family: 'Montserrat';
    top: 1px;
    left: 1px;
    position: absolute;
    outline: none;
    border: none;
    background-color: #e5e5e5;
    height: 25px;
    line-height: 10px;
}
.pMenuItemx:last-of-type {
    border-bottom: none;
}
.portfolioLineDate {
    font-family: 'Montserrat';
    font-size: 11px;
}
.portfolioLineOwner {
    margin-top: 5px;
    font-size: 12px;
}
.portPermAddUsersLink {
    color: #006187;
}
.onlyblue {
    color: #006187 !important;
}
.black { 
    color: black !important;
}
.blue {
    color: #006187 !important;
    font-weight: 600;
}
.green {
    color: green !important;
    font-weight: 600;
}
.lightblue {
    color: lightblue !important;
}
.managepItemPerms, .portPermList {
    overflow-y: scroll;
    max-height: 200px;
}
#newPortAA {
    width: 400px;
    height: 400px;
}
#newPortStats {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100px;
    border-top: 1px solid lightgray;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 100;
}
.newPortStat {
    text-align: center;
    width: 120px;
}
#custommain {    
   
    height: 800px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
}
#customLeft {
    height: 100%;
    min-width: 300px;
    max-width: 300px;
    border-top: 1px solid lightgray;
    overflow-y: scroll;
}

.customItem {
    padding: 5px 0px 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid lightgray;
    position: relative;
}
.customItemEdit {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px;
    cursor: pointer;
}
.customItem:hover {
    background-color: #b1cced;
}
.customItemName {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}
.customItemChanged, .customItemOwner {
    font-size: 12px;
}

#customgif {
    width: 800px;
}

#customsearchcustom {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    outline: none;
    border: none;
    text-align: center;
    border-bottom: 1px solid lightgray;
    margin-bottom: 5px;
}
#customnew {  
    padding-top: 50px;  
    border-left: 1px solid lightgray;
    border-top: 1px solid lightgray;
    height: 100%;
    width: 100%;    
}
#customdetails {
    height: 100%;
    text-align: center;
    display: none;
    width: 1200px;
}
#customnew {
    padding-left: 30px;
    text-align: left;
    display: flex;
    justify-content: flex-start;
}
#customnewleft{
    border-right: 1px solid lightgray;
    padding-right: 20px;
}
#customnewright{
    padding-left: 20px;
    position: relative
}
#customvideocover {
    position: absolute;
    width: 100%;
    height: 80px;
    background-color: white;
    z-index:8;
    display: flex; justify-content: flex-start;align-items: center;
    font-size: 17px;
}

#customnewname {
    outline: none;
    background-color: #e5e5e5;
    border: none;
    height: 30px;
    width: 250px;
    text-align: center;    
}
#excelinput {
    outline: none;
    resize: none;
    margin-top: 10px;
    height: 300px;
    width: 300px;    
}
.customnewtitle {
    margin-top: 20px;
    font-size: 14px;
    text-align: left;
}
#customnewacs{
    border-top: 1px solid lightgray;
    padding-top: 20px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 20px;
}
.customnewac {
    background-color: #e5e5e5;
    margin-right: 20px;
    height: 25px;
    line-height: 25px;
    width: 80px;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
}
#pasteArea{
    width: 350px;
    padding-top: 20px;
    border-top: 1px solid lightgray;
}
#pasteAreaInstruction {
    font-size: 13px;
    margin-bottom: 20px;
}
#customexample {
    color: #006187;
    cursor: pointer;
    font-weight: 600;
}
#pasteareabuttons{
    display: flex;
    justify-content: flex-start;
    align-items: center;      
    width: 300px;   
}
.pasteareabutton {
    text-align: center;
    background-color: lightgray;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    width: 70px;
    margin-right: 20px;  
    font-size: 12px;
}
.pasteareabutton:hover {
    background-color: #2d3131;
    color: white;
}
#newcustomerror {
    margin-top: 10px;
    width: 300px;
    font-size: 12px;
    color: red;
}

#customtest {width: 400px; height:300px;}

#savecustom {
    margin-top: 20px;
    background-color: #e5e5e5;
    cursor: pointer;
    width: 70px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
}
#savecustom:hover {
    background-color: #2d3131;
    color: white;
}
#savecustomerror {
    margin-top: 10px;
    font-size: 12px;
    color: red;
}
#customteststats {
    display: flex;
    height: 50px;
    justify-content: center;
    align-items: center;
}
.customteststat {
    font-size: 14px;
    margin-left: 10px;
    border-right: 1px solid lightgray;padding-right: 10px;
}
#fundstopsection {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#fundfiltercloseleft { 
    left: 10px; 
    right: inherit;
}
#fundfilterclose, #amcfilterclose, #fundfiltercloseleft {
    position: absolute;
    cursor: pointer;
    background-color: gray;
    cursor: pointer;
    height: 25px;
    line-height: 25px;
    text-align: center;
    color: white;
    width: 25px;
    border-radius: 50%;
    font-size: 13px;
    top: 10px;
    right: 10px;
}
#fundfilterclose:hover, #fundfiltercloseleft:hover {
    background-color: #006187;
}
.fundFilterACTitle, .fundFilterACTitle-eq {
    padding-left: 5px;
    padding-right: 5px;
    background-color: gray;
    color: white;
    font-size: 14px;
    border-bottom: 1px solid lightgray;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fundFilterACTitle-eq {
    position: absolute;
    top: 0px;
    padding: 0px;
    width: 450px;
}
.fundFilterACTitleText {
    font-size: 15px;
}
.fundFilterAC-eq {
    position: relative; 
    padding-top: 30px;
    min-width: 450px !important;  
    max-height: 450px;
    display: flex;
    flex-wrap: wrap;
}

.fundFilterAC{
    width: 300px;
    min-height: 50px;        
    background-color: white;    
    margin-left: 10px;
    margin-right: 10px;
}
.fundFilterAC:nth-of-type(1) {
    margin-left: 0px !important;    
}
.fundFilterACItem {
    font-size: 13px;
    border-bottom: 1px solid lightgray;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 20px;
    padding-right: 5px;
}
.fundFilterACItemSubcat {
    padding-left: 10px;
    font-size: 11px;
    border-bottom: 1px dashed lightgray;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 18px;
}
.fundFilterACCheckbox {
    height: 25px;
    width: 17px;
}
.fundFilterCat{ 
    text-align: left;
}
.fundFilterCatCheckbox {
    height: 20px;
}
.fundFilterSubCatCheckbox {
    height: 12px;
}
#fundFilterBoxes{
    display: flex;    
    justify-content: center;
    align-items: flex-start;
}
.amc-check{ 
    height: 20px;
    width: 20px;
}
.amc-check-all { 
    display: flex;  
    align-items: center;
    position: absolute;
    top: 5px;
    font-size: 13px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid gray;
    border-radius: 10px;
    background-color: lightblue;
}
#fundfilters, #amcFilters {
    display: none;
    padding: 10px;
    border-radius: 10px;
    background-color: #e5e5e5;
    z-index: 10;
    text-align: center;
    position: absolute;
    top: 50px;
    left: 30px;
    border: 2px solid gray;
    min-height: 200px;
    height: 650px;
    width: 1300px;
}
#amcFilters {
    padding-top: 50px;
    top: 80px;
    display: flex;
    flex-wrap: wrap;
}
.mftab, .eqtab, .tooltab, .reporttab {
    position: relative;       
}

#accountholder {
    width: 90px;
    border-left: 1px solid white;
    height: 40px;
}
#version {
    color: lightblue;
    font-size: 12px;
    text-align: center;
    height: 20px; line-height: 20px;
}
#subscription:hover { 
    text-decoration: underline;
}
#subscription {
    cursor: pointer;
    font-size: 10px;
    height: 20px;
    color: white;
    text-align: center;
    height: 20px;
    margin-top: 3px;
    line-height: 20px;
}
#fundscreener, #mfDebtExposures, #fundquery {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.fq-result-extraahead, .fq-result-value { 
    min-width: 70px;
    max-width: 70px;
    font-size: 12px;
    text-align: center
}
#fq-results-options {
    margin-top: 5px;
    margin-left: 10px;
    height: 30px;
    display: flex;    
    align-items: center;
    background-color: #e5e5e5;
    border-radius: 10px;
    justify-content: flex-start;
    width: 250px;
}
.fq-results-excel, .fq-results-compare { 
    height: 20px; 
    cursor: pointer;
    margin-left: 20px;
}
#fq-results { 
    border: 1px solid lightgray;
    margin-left: 10px;
    margin-top: 5px;
    width: 950px;
    overflow-y: scroll;
    overflow-x: auto;
    height: 630px;
}
.fq-title { 
    color: white;
    background-color: #2d3131;
    font-size: 14px;
    padding-left: 20px;
    height: 30px; 
    display: flex; align-items: center;
}
.fq-title-example { 
    cursor: pointer;
    color: lightblue;
    font-size: 14px;
    margin-left: 50px;
    height: 30px; line-height: 30px;
}
.fq-title-example:hover { 
    text-decoration: underline;
}
#fq-result, #fq-query  {
    background-color: white;
    height: 700px;
    margin-top: 10px;
    margin-left: 20px;
}
.fq-stat {         
    display: flex;
    justify-content: center;
    align-items: center;    
    border-bottom: 1px solid lightgray;    
    height: 40px; 
}
.fq-conditions {    
    height: 300px; 
    width: 500px;
    border-bottom: 1px solid lightgray;
    overflow-y: scroll;
    overflow-x: hidden;
}

.fq-condition {
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
    width: 480px;
    position: relative; 
    height: 45px; 
    border-bottom: 1px dashed lightgray;
}
.fq-addbrackets {   
    background-color: #006187;
    color: white;
    height: 25px; line-height: 25px;
    text-align: center;
    cursor: pointer;
    padding-left: 10px; padding-right: 10px;
    font-size: 13px;
    border-radius: 10px;
    width: 110px;
}
.fq-addbrackets:hover { 
    color: lightblue;
}

.fq-condition-bracket-left, .fq-condition-bracket-right{ 
    height: 40px; 
    color: #006187;
    font-size: 35px;
    font-weight: 600;
    line-height: 40px;
    position: absolute;
    cursor: pointer;
    top: 2.5px;
}
.fq-condition-bracket-left { 
    left: 1px;
}
.fq-condition-bracket-right { 
    right: 1px;
}
optgroup {
    font-weight: bold; /* Make the label bold */
    background-color: #006187;
    color: white;
}
optgroup::first-child {
    background-color: white;
}
.fq-getfunds{ 
    background-color: #006187;
    color: white;
    height: 30px; line-height: 30px;
    text-align: center;
    cursor: pointer;
    padding-left: 10px; padding-right: 10px;
    margin: 20px auto;
    font-size: 13px;
    border-radius: 10px;
    width: 150px;
}
.fq-result {
    display: flex;
    height: 30px;    
    min-width: 1500px;
    align-items: center;
    border-bottom: 1px dashed lightgray;
}
.fq-result-heads {
    display: flex;
    background-color: #006187;
    color: white;
    min-width: 1500px;
    height: 30px;  
    font-size: 13px;
    align-items: center;
}
.fq-result-heads div {
    cursor: pointer;
}
.fq-result-heads div:hover {
    text-decoration: underline;
}
.fq-result-name:hover { 
    text-decoration: underline;
    color: #006187;
}
.fq-result-name { 
    cursor: pointer;
}
.fq-result-name, .fq-result-head-name { 
    padding-left: 5px;
    min-width: 300px;
    max-width: 300px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 13px;
}
.fq-result-assetclass, .fq-result-head-assetclass { 
    padding-left: 5px;
    min-width: 100px;
    max-width: 100px;
    font-size: 13px;
}
.fq-result-category, .fq-result-head-category { 
    padding-left: 5px;
    min-width: 150px;
    max-width: 150px;    
    font-size: 13px;
}
.fq-condition-edit { 
    position: absolute;
    right: 40px; top: 5px;
    height: 20px; width: 20px;
    cursor: pointer;
}
.fq-savedquery-delete { 
    position: absolute;
    right: 10px; top: 5px;
    height: 20px; width: 20px;
    cursor: pointer;    

}
.fq-condition-remove {
    position: absolute;
    right: 20px; top: 10px;
    height: 20px; width: 20px;
    cursor: pointer;
}
.fq-andor-select { 
    position: absolute;
    cursor: pointer;
    left: 0; right: 0; 
    margin: 0px auto;
    height: 25px;
    z-index: 2;
    width: 60px;
    font-size: 13px;
    bottom: -10px;
}
.fq-condition-value { 
    margin-left: 5px;
    margin-top: 5px;
    font-size: 13px;
}
.fq-statlabel1 { 
    font-size: 14px;    
    text-align: right;
    padding-right: 10px;
}
.fq-statlabel { 
    font-size: 14px;
    width: 150px;
    text-align: right;
    margin-inline: 10px;
}
.fq-stat-condition { 
    display: none;
    border-bottom: 1px solid lightgray;
    padding-bottom: 20px;
    padding-top: 20px;
}
.fq-stat-condition-line { 
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;

}
.fq-stat-from, .fq-stat-to { 
    height: 25px; background-color: #e5e5e5;
    width: 80px;
    margin-left: 5px;
    font-size: 13px;
    text-align: center;
    margin-right: 5px;
    border: none; outline: none;
}

.fq-addcon { 
    background-color: #006187;
    color: white;
    height: 30px; line-height: 30px;
    text-align: center;
    cursor: pointer;    
    padding-left: 10px; padding-right: 10px;
    margin: 0px auto;
    font-size: 13px;
    border-radius: 10px;
    width: 120px;
}

.fq-stat-rangetext{ 
    text-align: center;
    height: 30px; line-height: 30px;
    margin-bottom: 10px;
    font-size: 13px;
}
.fq-stat-condition-preset {
    display: flex; align-items: center;
    width: 100%; justify-content: center;
    height: 40px; 
}
.fq-stat-condition-range { 
    padding-top: 10px;
}
.fq-stat-condition-fromto{ 
    margin-bottom: 20px;
    display: flex; align-items: center;
    height: 30px;
    justify-content: center;
}
#fq-preset-option{ 
    width: 100px;
    height: 25px;
}
#fqs {
    background-color: #006187;
    color: white;
    height: 30px;
}
.fq-statmatch { 
    display: none;
    background-color: #e5e5e5;
    border: none;
    outline: none;
}
.fq-statpossiblevalues, #fq-stat-plan, .fq-selector, .fq-statmatch { 
    width: 150px;
    font-size: 13px;   
    font-size: 14px; height: 25px; line-height: 25px;
}
.fq-options {
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: lightblue;
    color: black;
}

.fq-results-count, .fq-condition-count {
    font-size: 12px;
    margin-inline: 10px;
    background-color: #2d3131; color: white;
    height: 25px; line-height: 25px;
    border-radius: 10px;
    text-align: center; width: 120px;
}
.fq-savequery { 
    position: absolute;
    left: 0; right: 0;
    width: 350px;
    margin: 150px auto;
    padding: 20px; 
    border-radius: 15px; 
    border: 1px solid lightgray;
    background-color: white;
    z-index: 100;    
}
.fq-savedqueries-list{ 
    overflow-y: scroll;
    height: 250px;
}
.fq-savedqueries-title{ 
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 10px;
}
.fq-savequery-status { 
    font-size: 13px;
    text-align: left;
    margin-top: 10px; 
    margin-bottom: 10px;
    color: #006187;
}
.fq-savedquery {  
    cursor: pointer;
    height: 30px;position: relative;
    display: flex;
    font-size: 13px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px dashed lightgray;
}
.fq-savedquery:hover { 
    background-color: lightgray;
}
.fq-savedquery-name{ 
    width: 350px; 
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;
}
.fq-savedquery-date {
    width: 150px;
    text-align: center;
}
.fq-savedqueries-close { 
    position: absolute;
    top: 10px;
    right: 10px;
    height: 30px; width: 30px;
    cursor: pointer;
    text-align: center;
    line-height: 35px;
    background-color: gray;
    color: white;
    border-radius: 50%;
}
.fq-savedqueries {     
    position: absolute;
    left: 0; right: 0;
    top: 0px;
    width: 600px;
    height: 300px;
    z-index: 101;
    margin: 250px auto;
    padding: 20px; 
    border-radius: 15px; 
    border: 1px solid lightgray;
    background-color: white;
}
.fq-savequery-close{ 
    position: absolute;
    top: 10px;
    right: 10px;
    height: 20px; width: 20px;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    line-height: 20px;
    background-color: #2d3131;
    color: white;
    border-radius: 50%;
}
.fq-savequery-name{ 
    width: 300px;
    height: 30px;
    border: none;
    outline: none;
    background-color: #e5e5e5;
    text-align: center;    
}
.fq-savequery-button { 
    background-color: #006187;
    color: white;
    height: 30px; line-height: 30px;
    text-align: center;
    cursor: pointer;
    padding-left: 10px; padding-right: 10px;
    margin-top: 10px;
    font-size: 13px;
    border-radius: 10px;
    width: 100px;
}
#queryloader {
    display: none;
    position: absolute;
    top: 30px;
    left: 30px;
    width: 500px;
    height: 550px;
    text-align: center;
    font-size: 30px;
    padding-top: 250px;
    background-color: white;
    z-index: 100;
    opacity: 0.7;
}
#fq-query { 
    position: relative;
    width: 500px;
}
.fq-top{ 
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.fq-topoption:hover { 
    color: white;
    background-color: #006187;
}
.fq-topoption { 
    font-size: 12px; 
    background-color: lightgreen;
    color: black;    
    width: 33.33%;
    text-align: center;
    cursor: pointer;        
    height: 30px; line-height: 30px;
}
.fq-industry, .fq-stocks {
    height: 25px;
    font-size: 13px;
    width: 200px;
    margin-left: 5px;
    border: none;
    outline: none;
    background-color: #e5e5e5;
    padding-left: 3px;
}
#fq-result {
    width: 1000px;
}

#fundbrowser { 
    width: 1680px;
    position: relative; 
}
#nfos { 
    background-color: white;
    height: 620px;
    width: 1300px;
    font-size: 13px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.fundnfo-amc {
    padding-left: 3px;
    width: 250px;
}
.fundnfo-fund {
    width: 350px;
}
.fundnfo-fund, .fundnfo-amc, .fundnfo-category {
    white-space: nowrap;
    overflow: hidden;
}
.nfo-gotit {
    cursor: pointer;
    background-color: lightblue;
}
.nfo-gotit:hover { 
    background-color: lightgray;
}
.fundnfo-mininv, .fundnfo-offerprice {
    width: 100px;
    text-align: center;
}
#nfodownload { 
    display: flex;
    height: 30px;
    width: 200px;
    align-items: center;
    cursor: pointer;
    margin-bottom: 10px;
}
.fundnfoexcel {
    margin-left: 10px;
    height: 25px;
}
.fundnfotext {
    margin-left: 10px;
    font-size: 12px;
}
#nfodownload:hover .fundnfotext {
    text-decoration: underline;
}
.fundnfo-assetclass {
    width: 100px;
    text-align: center;
}
.fundnfo-category { 
    width: 200px;
}
.fundnfo-date {
    width: 100px;
    text-align: center;
}
.fundnfohead > div { 
    font-weight: 600;
    cursor: pointer;
}
.fundnfohead > div:hover { 
    text-decoration: underline;
}
.fundnfo, .fundnfohead {
    display: flex;
    height: 30px;
    align-items: center;
    border-bottom: 1px dotted lightgray;
}
.sechanges-text {
    text-align: left;
    font-size: 12px; 
    margin-top: 3px;
    color: #006187;
    font-weight: 600;
}
.secchange-filter { 
    height: 50px;
    padding-left: 20px; 
    padding-right: 20px;
    border-right: 1px solid lightgray;
}
.secchange-filter-flex {
    height: 50px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
    border-right: 1px solid lightgray;
}
#stockchange-marketcapcat { 
    font-family: Montserrat;
    height: 25px;
    margin-left: 5px; 
    margin-right: 5px;
}
.stockchange-marketcapcat-label { 
    font-size: 14px;     
}
#stockchange-showcount { 
    height: 20px; 
    width: 20px; 
    cursor: pointer;
}
.stockchange-showcount-label { 
    font-size: 13px;     
    margin-left: 5px;
}
#secchange-filters, #stockchange-filters, #sectorsearch-filters {
    height: 50px;
    width: 1600px;
    background-color: white;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#sectorsearch-selectype, #sectorsearch-selectsector {
    font-size: 13px;
    height: 30px; 
    margin-left: 10px;
}
#secchange-drop {
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    width: 300px;
    opacity: 0.95;
    height: 700px;
    overflow-y: scroll;
    border: 1px solid lightgray;
    border-radius: 5px;
    background-color: lightblue;
    z-index: 50;
    left: 50px;
    top: 20px;
}
.secchange-drop-show { 
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    height: 30px; line-height: 30px;
    font-size: 13px;
}
.secchange-drop-show:hover { 
    text-decoration: underline;
}

.secchange-drop-close {
    position: absolute;
    font-size: 15px;
    cursor: pointer;
    right: 5px;
    top: 5px;
    border-radius: 50%;
    height: 25px;
    line-height: 25px;
    width: 25px;
    text-align: center;
    background-color: #2d3131;
    color: white;
}

.secchange-filter-item, .stockchange-filter-item {
    height: 25px;
    align-items: center;
    display: flex;
    width: 200px;
    font-size: 12px;
    border-bottom: 1px solid lightgray;
}
.secchange-filter-item-text { 
    margin-left: 10px;
    white-space: nowrap;
    width: 150px;
}
.secchange-filter-item-check {
    height: 20px;
    width: 20px;
    cursor: pointer;
}

#stockchange-tablehead .secchange-item-sector { text-align: center;}

#secchange-tablehead {
    width: 1400px;
    height: 50px;
    margin-top: 10px;
    background-color: white;
}
#stockchange-tablehead {
    width: 1400px;
    height: 25px;
    margin-top: 10px;
    background-color: white;
}
#secchange-table, #stockchange-table {
    width: 1400px;
    height: 700px;
    overflow-y: scroll;
    background-color: white;
}
#stockchange-table .secchange-item-sector {
    text-align: center;
}
.secchange-line-head {
    background-color: #2d3131;
    color: white;
}
.secchange-line-counts { 
    background-color: lightblue;
    font-weight: 600;
    font-size: 13px;
}

.secchange-line, .secchange-line-head, .secchange-line-counts, .stockchange-line {
    display: flex;
    height: 25px;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.secchange-item-link { 
    cursor: pointer;
}
.secchange-item-link:hover { 
    text-decoration: underline;
}
.stockchanges-stockholdings-loading { 
    top: 30px;
}
.stockchanges-stockholdings-close { 
    position: absolute;
    top: 5px; right: 5px; 
    width: 25px;
    height: 25px; line-height: 25px; 
    cursor: pointer;
    background-color: #2d3131;
    color: white;
    text-align: center;
    border-radius: 50%;
}
.stockchanges-stockholdings-title { 
    padding: 10px;
    background-color: #e5e5e5;
    width: 300px;
    font-size: 15px;
}
.stockchanges-stockholdings-item-head {
    font-weight: 600;
} 
.stockchanges-stockholdings-item-head div { 
    cursor: pointer;
}
.stockchanges-stockholdings-item-head div:hover { 
    text-decoration: underline;
}
.stockchanges-stockholdings-item, .stockchanges-stockholdings-item-head { 
    height: 25px; font-size: 13px; 
    display: flex; align-items: center;
    border-bottom: 1px solid lightgray;
}
.stockchanges-stockholdings-fund { 
    padding-left: 5px;
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
}
.stockchanges-stockholdings-value {
    text-align: center;    
    width: 120px;    
}
.stockchanges-stockholdings-list{ 
    height: 450px;
    overflow-y: scroll;
}
.stockchanges-stockholdings-box{ 
    height: 580px;
    position: absolute;
    padding: 10px;    
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: white;
    z-index: 100;
}
.secchange-item-head, .secchange-counts-head, .secchange-dates-head, .secchange-item {
    width: 75px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
}
.stockchange-line:hover, .secchange-line:hover { 
    background-color: lightgray;
    opacity: 0.8;
}
.stockchange-item, .secchange-item {
    cursor: pointer
}
.stockchange-item:hover, .secchange-item:hover { 
    text-decoration: underline;
}
.stockchange-item, .stockchange-dates-head {
    width: 85px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
}
.secchange-dates-head:hover, .stockchange-dates-head:hover {
    text-decoration: underline;
        cursor: pointer;
}

.secchange-filter-cbx, .stockchange-filter-cbx {
    cursor: pointer;
    margin-left: 20px;
    height: 20px;
    width: 20px;
}
.sechanges-search-clear { 
    font-size: 11px;
    cursor: pointer;
    margin-left: 5px;
}
.sechanges-search {
    background-color: #e5e5e5;
    margin-top: 2px;
    padding-left: 5px;
    outline: none;
    border: none;
    font-size: 12px;
    height: 25px;
}
.secchange-typecount-text {
    text-align: center;
    font-size: 13px;
    color: #006187; font-weight: 600;
    height: 20px; line-height: 10px;
}

.sechanges-search-ac, .stockchanges-search-ac {
    margin-top: 3px;
    height: 25px;
    line-height: 25px;
    font-family: Montserrat;
    width: 150px;
}
.sechanges-search-clear:hover {
    text-decoration: underline;
}

.secchange-filter-cbx-label, .stockchange-filter-cbx-label {
    font-size: 12px;
    margin-left: 5px;
    height: 20px;
    line-height: 25px;
}
.secchange-item-countlabel {
    width: 370px;
    text-align: right;
    padding-left: 3px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
}
.holding-excel { 
    height: 25px; 
    margin-left: 10px; 
    cursor: pointer;
}
.holdingchanges-count {
    font-size: 9px;
    color: #006187;
    font-weight: 600;
}
.secchange-line-head .secchange-item-sector {
    cursor: pointer;
}
.secchange-line-head .secchange-item-sector:hover {
    text-decoration: underline;
}
.secchange-item-type {
    min-width: 170px;    
    max-width: 170px;
    text-align: left;
    padding-left: 3px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 12px;
}
.secchange-item-sector {
    min-width: 200px;
    max-width: 200px;
    font-size: 12px;
    text-align: left;
    padding-left: 3px;
    white-space: nowrap;
    overflow: hidden;

}
#fundsreports { 
    display: flex;  
    position: relative;
}
.fr-history-title{ 
    font-size: 14px;
    width: 320px;
}
.fr-history-type{ 
    height: 30px; 
    border-radius: 10px;
    width: 150px;
    margin-top: 20px; 
    margin-bottom: 20px;
}
.fr-history-list {    
    height: 400px;
    width: 300px;
    border-radius: 10px;
    background-color: white;
    overflow-y: scroll;
}
.frhist-item { 
    font-size: 13px;
    height: 25px; line-height: 25px; 
    padding-left: 10px;
    border-bottom: 1px solid lightgray;
    position: relative; 
}
.frhist-item-xl{ 
    height: 20px; 
    position: absolute;
    right: 30px;
    top: 3px;
    cursor: pointer;
}
.frhist-item:hover { 
    background-color: lightblue;
}
#fundscreener, #mfEqExposures, #mfDebtExposures, #fundCategories, #fundnfos, #fundAmc #fundsectorchanges, #fundquery, #fundsreports {
    padding-left: 10px;
    padding-top: 20px;
    width: 1680px;
    height: 900px;
    background-color: #e5e5e5;
}
#fundquery {
    position: relative;
}
#fundCompare {
    margin-top: 20px;
    margin-left: 20px;
}
#fundsectorchanges {
    padding-top: 0px;
}
#fundscreener { 
    padding-top: 0px !important;
}
.cl-data-warning-text{ 
    color: red;
    font-size: 12px;    
}
.cl-port-line-top:hover {
    text-decoration: underline;
    cursor: pointer;
}
#toolfundpnl, #toolsip, #toolcas {
    padding: 20px;
    width: 1400px;
    height: 700px;
    background-color: #e5e5e5;
}
#toolcas{ 
    display: flex;
}

#toolfundpnl {
    width: 1600px;
}
#toolsip {
    width: 1400px;
}
#reportdist, #reportclient {
    padding: 20px;
    width: 1000px;
    height: 700px;
    background-color: #e5e5e5;
}

.fundsdisclaimer {
    margin-top: 10px;
    width: 90%;
    padding: 10px;
    font-size: 13px;
    color: #006187;
}

#mftabheads, #eqtabheads, #toolstabheads, #reportstabheads {    
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.mftabhead {
    padding-left: 30px;
    padding-right: 30px;
    width: auto !important;
}
.tooltabhead-trans { 
    width: 250px !important;
}
.tooltabhead {
    width: 250px !important;
}
.mftabhead, .eqtabhead, .tooltabhead, .reporttabhead {
    background-color: lightgray;
    text-align: center;
    height: 35px;
    line-height: 35px;
    cursor: pointer;
    width: 200px;
    font-size: 15px;
}
.topfundlistholder {
    margin-left: 30px;
}

.topfundtitle {
    font-size: 15px;
    margin-bottom: 5px;
}


.topfundslist {    
    width: 650px;
    height: 250px;
    overflow-y: scroll;
    background-color: #e5e5e5;
}
#scFilters{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.scfilter {    
    height: 75%;
}
.scfilter:nth-last-of-type(1){
    width: 15%;
}
.scfilter:nth-last-of-type(2){
    width: 15%;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}
.scfilter:nth-last-of-type(3){
    width: 15%;
}
#amcfilterwait {
    font-size: 25px; 
    color: #006187;
    margin-top: 100px;
}
.amc-item {
    display: flex;
    height: 30px;
    align-items: center;
}
.amc-item-check { 
    height: 25px; 
    width: 25px; 
    cursor: pointer;
}
.amc-item-name{ 
    width: 370px;
    text-align: left !important;
    font-size: 14px;
    margin-left: 10px;
}
#scFilterTitle:hover, #amcFilterTitle:hover {
    background-color: #2d3131;
}
#scFilterTitle, #amcFilterTitle {
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    width: 180px;
    border-radius: 10px;
    cursor: pointer;
    text-align: center;
    background-color: #006187;
    color: white;
    margin-top: 15px;
}

#fundFilterResult {    
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    text-align: center;
    width: 200px;   
    margin: 10px auto 0 auto;       
}
#fboptionaum {
    width: 80px;
}
#fboptionyrs, #fboptionsr, #fboptionret, #fboptionvar {
    width: 60px;
}
.minaumretopt { 
    background-color: lightblue;
    font-size: 13px;
    width: 50px; 
    height: 25px; border: none; outline: none;
    text-align: center;
    border-radius: 10px;
    margin-left: 3px; margin-right: 3px;
}
#fboptionaum, #fboptionyrs, #fboptionsr, #fboptionret, #fboptionvar {
    outline: none;
    background-color: lightgray;
    border: none;
    height: 25px; border-radius: 5px;
    text-align: center;
    font-size: 12px;
    font-family: 'Montserrat';
    margin-left: 5px;
}
.minaumtitle {
    min-width: 80px;
    max-width: 80px;
    height: 30px; line-height: 30px;
    text-align: right;   
    font-size: 12px; 
}
.minaumtitle1 { 
    display: flex; align-items: center;
    justify-content: flex-end;
    width: 130px;
    height: 30px; 
    font-size: 12px; 
}
.insights-frm, .news-frm, .goals-frm { 
    height: 100%;
    width: 100%;
    border:none;    
}
.strategies-frm { 
    text-align: left;
    height: 100%;
    width: 100%;
    border:none;
    overflow-x: hidden;
}
#newclose {
    display: none;
    font-size: 11px;
    width: 100px;
    text-align: center;
    cursor: pointer;
    color: lightgreen;
}
#newclose:hover {
    text-decoration: underline;
}
#comparePPT{ 
    cursor: pointer;
    opacity: 0.4;
    margin-right: 10px;
    height: 40px;
}
#comparescreenshot { 
    height: 40px;
    cursor: pointer;
}
.compimageicon1 {
    margin-left: 20px;
    cursor: pointer;
    height: 30px;
}
.sccoltop{ 
    background-color: #2d3131; 
    color: white;
    height: 40px; 
    display: flex;
    align-items: center;
}
.sccoltopalllabel{ 
    font-size: 14px; 
    margin-left: 10px;
}
.sccoltopall{ 
    cursor: pointer;
    height: 25px; width: 25px;
}
.sccolholder {
    opacity: 0.9;
    position: absolute;
    min-height: 300px;
    max-height: 600px;
    overflow-y: scroll;
    width: 150px;
    font-family: 'Montserrat';
    background-color: white;
    border: 1px solid lightgray;
}
.sccolitem {
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    height: 25px;
    line-height: 25px;
    border-bottom: 1px solid lightgray;
}
.sccolitem:hover {
    text-decoration: underline;
}
.sccolitem:last-of-type {
    border-bottom: none;
}
#runFilter, #clearFilter{
    position: absolute;
    background-color: #006187;
    color: white;
    font-size: 11px;
    font-weight: 600;
    width: 70px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 10px;
    cursor: pointer;
    bottom: 25px; 
    right: 10px;
}
#clearFilter {
    background-color: lightgray;
    color: black;
    bottom: 60px; 
}
#runFilter:hover {
    background-color: #2d3131;
}
.filterheads { 
    display: flex;
    justify-content: flex-start;
    align-items:center;
    min-width: 900px;
    height: 25px;
    background-color: white;
}
.filterhead { 
    background-color: white;
    width: 200px; text-align: center;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    height: 25px; line-height: 25px;
}
#fboptions {
    min-height: 130px;
    max-height: 130px;
    width: 1500px;
    background-color: white;
    margin-top: 10px;    
    margin-left: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.fboption1, .fboption2, .fboption3 {
    position: relative;    
    text-align: center;
}
.fboption1 {
    padding-top: 20px;
    min-height: 110px;
    max-height: 110px;  
    padding-left: 20px;
    padding-right: 20px;
    border-right: 1px solid gray;
}
.fboption2 { 
    min-height: 130px;
    max-height: 130px;  
    width: 900px;
}
.standardfilters, .queryfilters { 
    background-color: white;
}
.fboption3 {
    padding-top: 20px;
    min-height: 110px;
    max-height: 110px;      
    width: 150px;    
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}
.screenersettings { 
    cursor: pointer;    
    margin-inline: auto;    
}
.screenersettings:nth-of-type(1) {
    margin-top: 10px;
    height: 35px;
}
.screenersettings:nth-of-type(2) {
    margin-top: 5px;
    height: 50px;
}
.filtertitle {
    position: absolute;
    font-size: 11px; 
    letter-spacing: 1px;
    font-weight: 600;
    top: 2px; left: 5px;
}
.funfilterperc { 
    font-size: 13px;
    margin-left: 3px;
}
.ffilteritem:nth-child(2n+1) {
    border-top: 1px solid gray;
}
.ffilteritem {     
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    display: flex; 
    align-items: center;
    justify-content: flex-start;
    padding: 5px 5px 5px 5px;
}
.fboptionitem{
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    margin-bottom: 5px;
}
.fboptionitem1 {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    margin-bottom: 15px;
}
#nolongerneeded {
    display: none;
}
.fboptionitemname {
    min-width: 90px;
    max-width: 90px;
    margin-right: 10px;
    text-align: left;
}
#fboptionitemnamehelp {
    height: 15px; 
    background-color: transparent;
    margin-left: 10px;
    cursor: pointer;
}
.fboptionitemvalue {
    position: relative;
    width: 150px;
    text-align: left;
}
#fbsettings {    
    height: 50px;
    width: 1500px;
    display: flex;
    align-items: center;
    margin-left: 20px;
}
.screenertoggletop { 
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    height: 25px;
    margin-right: 10px;    
    line-height: 25px;
    border-radius: 10px;
    background-color: #2d3131;
    color: white; font-size: 10px;
}
.screeneraddtocomp{ 
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    height: 25px;
    margin-right: 20px;    
    line-height: 25px;
    border-radius: 10px;
    background-color: #006187;
    color: white; font-size: 11px;
}
.screenerColumnOption {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: gray;
    color: white;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    font-size: 13px;
    margin-left: 20px;
    display: none;
}
.screenercolumnsetting {
    height: 22px;
    margin-left: 10px;
    cursor: pointer;    
}
.screenerColumnOption:hover {
    background-color: gray;
}
#fundBrowserTerms {
    color: #006187;
    font-size: 10px;
    margin-left: auto;
    text-align: right;
    padding-right: 20px;
}
#fbresults {
    position: relative;
    /*position: absolute;*/
    top: 0px;
    /*height: 750px;*/    
    height: 650px;    
    background-color: white;
    width: 1500px;
    overflow-y: scroll;
    overflow-x: scroll;
    margin-left: 20px;
}
.topfundhead-ghost {
    position: absolute;
    background-color: white;
    color: black !important;
}
.topfundhead-ghost div { 
    z-index: 2;
    background-color: white;
    opacity: 0.8;
}
.topfundhead, .topfundhead-ghost {       
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    background-color: #2d3131;
    color: white;
}
.topfund {
    position: relative; 
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    line-height: 25px;        
    width: 2410px;
}

.topfundnameghost {    
    padding-left: 5px;
    position: absolute;
    max-width: 300px;
    min-width: 300px;
    background-color: white; 
    border-bottom: 1px solid lightgray !important;
    opacity: 0.9;
    height: 25px;
    line-height: 25px;    
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
}
.topfundname, .topfundnamehead {
    max-width: 300px;
    min-width: 300px;
}
#fundFilterError {
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
    color: #006187;
}
#amcFilterError {
    position: absolute;
    width: 500px;
    top: 10px;
    margin: 10px auto;
    left: 0; right: 0;
    text-align: center;
    font-size: 15px;
    color: #006187;
}
.topfundname {
    border-top: 1px solid lightgray !important;
    padding-left: 5px;
    font-size: 12px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    height: 25px;
    line-height: 25px;    
}
.topfundnamehead {    
    /*border-right: 1px solid lightgray;*/
    padding-left: 5px;
    font-size: 12px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;    
    height: 25px;
    line-height: 25px;   
    cursor: pointer;
}
.topfundcat {
    border-top: 1px solid lightgray !important;
    padding-left: 5px;
    font-size: 11px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;           
    height: 25px;
    line-height: 25px;
    max-width: 101px;
    min-width: 101px;    
}
.topfundcat1 {
    border-top: 1px solid lightgray !important;
    padding-left: 5px;
    font-size: 11px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;           
    height: 25px;
    line-height: 25px;
    max-width: 151px;
    min-width: 151px; 
}
.topfundcat2 {
    border-top: 1px solid lightgray !important;
    font-size: 11px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    padding-left: 3px;
    padding-right: 3px;
    max-width: 70px;
    min-width: 70px; 
}
.topfundname:hover {
    color: #006187;
    text-decoration: underline;
}
.topfundnameghost:hover { 
    color: #006187;
    text-decoration: underline;
}
.topfundstat {
    height: 25px;
    line-height: 25px;
    border-top: 1px solid lightgray !important;
    font-family: 'Montserrat';
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-size: 11px;
    min-width: 50px;
    max-width: 50px;
    white-space: nowrap;
    overflow: hidden;           

}
.topfundstat3 {
    height: 25px;
    line-height: 25px;
    border-top: 1px solid lightgray !important;
    font-family: 'Montserrat';
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-size: 11px;
    min-width: 60px;
    max-width: 60px;
}
.topfundstat1 {
    height: 25px;
    line-height: 25px;
    border-top: 1px solid lightgray !important;
    font-family: 'Montserrat';
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-size: 11px;
    min-width: 70px;
    max-width: 70px;
}
.topfundstat2 {
    height: 25px;
    line-height: 25px;
    border-top: 1px solid lightgray !important;
    font-family: 'Montserrat';
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-size: 11px;
    min-width: 100px;
    max-width: 100px;
}
.topfundstathead {
    cursor: pointer;
    font-family: 'Montserrat';
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
    font-size: 11px; 
    max-height: 25px;
    min-height: 25px;
    line-height: 25px;
}

.topfundstatheadleft {
    text-align: left !important;
}
.topfundhead > .topfundstathead:hover {
    text-decoration: underline;
    color: lightblue;
}

.fboptionitemselect {
    font-family: 'Montserrat';
    height: 25px;
    outline: none;
    text-align: center;
    border: 1px solid lightgray;
}
#sFilterPlan {
    background-color: lightblue;
    height: 27px;border-radius: 10px;
    width: 80px;
    font-size: 12px;
    margin-left: 5px;
}
.customStartDateInput {
}
#sFilterCat, #sFilterAC, #sFilterSort, #sFilterSortSide, #sFilterSubCat {
    font-size: 12px;  
    line-height: 25px;
    height: 25px;          
}
.fscreen-count { 
    font-size: 11px; 
    margin-left: 10px;
}
#sFilterCount, #sFilterIndex, #sFilterAsOf {
    line-height: 25px;
    height: 25px;
    font-size: 12px;
    font-family: 'Montserrat';
    margin-left: 5px;
    background-color: lightblue;
    border-radius: 10px;
}
#sFilterIndex {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
#fbresultscount{    
    font-family: 'Montserrat';
}

#compareSelect {
    display: flex;
    justify-content: flex-start;
    align-items: center; 
    width: 1550px;
    border: 1px solid lightgray;
}
#compaddstatusclose {
    cursor: pointer;
    background-color: #2d3131;
    color: white;
    height: 25px; line-height: 25px; 
    text-align: center; width: 25px;
    border-radius: 50%;
    top: 10px; right: 10px;
    position: absolute;
}
.compaddstatuslist-item {
    font-size: 13px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}
#compaddstatustext {
    font-size: 22px;
    height: 30px; line-height: 30px;    
}
#compaddstatusmessage { 
    margin-top: 10px;
    font-size: 14px;
    margin-bottom: 20px;
}
#compaddstatus {
    position: absolute;
    padding: 20px;
    width: 700px;
    border-radius: 15px;
    left: 0; right: 0;
    margin: 250px auto;
    display: none;
    background-color: lightblue;
    opacity: 0.9;
    text-align: center;
    z-index: 100;
}
#compaddstatuslist{ 
    height: 200px;
    background-color: white;
    width: 700px;
    overflow-y: auto;
}
.casparser { 
    top: 100px; left: 200px;
    background-color: white;
    position: absolute;
    z-index: 101;
    height: 700px;
    width: 1000px;
    border: 1px solid lightgray;
    border-radius: 10px;
}
#compadderror {    
    font-family: 'Montserrat';
    color: #006187 !important;
    font-size: 12px;
    padding-left: 20px;
    height: 25px; line-height: 25px;
}
#saveCompName {
    font-family: 'Montserrat';
    border: none;
    outline: none;
    height: 25px;
    line-height: 25px;
    background-color: #e5e5e5;
    text-align: center;
    width: 220px;    
}
.savecompimage{
    cursor: pointer;
    margin-left: 5px;
    height: 25px;
}
#compddlist{ 
    margin-top: 20px;    
    border: 1px solid lightgray;
    max-height: 500px; 
    overflow-y: scroll;
}
.compdd-head .compdd-name { 
    cursor: default;
}
.compdd-head .compdd-name:hover { 
    text-decoration: none;
    color: black;
}
.compdd-head { 
    font-weight: 600;
    font-size: 9px;
}
.compdd, .compdd-head {
    display: flex;
    align-items: center;
    height: 30px; 
    border-bottom: 1px solid lightgray;    
}
.compdd { 
    font-size: 13px; 
}
.compdd-dd:last-of-type {
    border-right: 1px solid lightgray;
}
.compdd-dd { 
    display: flex; 
    align-items: center;
    border-left: 1px solid lightgray;
    height: 30px;    
}
.compdd:nth-of-type(2n+1) {
    background-color: #e5e5e5;
}
.compdd-dd-count{ 
    text-align: center;
    color: #006187;
    width: 190px;
    font-size: 12px;
}
.compdd-head .compdd-dd-size:hover, .compdd-head .compdd-dd-days:hover { 
    text-decoration: underline;    
    cursor: pointer;    
}
.compdd-title { 
    font-size: 20px; 
    font-weight: 600;
    text-align: center;
    color: #006187;
    margin-bottom: 10px;
}
.compdd-dd-small{ 
    font-size: 11px; 
    color: #e67575;
}
.compdd-dd-size {    
    width: 70px; 
    text-align: center;
}
.compdd-dd-days{ 
    
    width: 60px; 
    text-align: center;
}
.compdd-box{ 
    z-index: 100;
    position: absolute; 
    padding: 10px 20px; 
    border: 2px solid gray; 
    background-color: white; 
    border-radius: 15px;     
    width: 800px;
}
.compdd-ddlist-val-red{ 
    color: red;
}
#comparedrawdowns{ 
    padding-top: 10px; 
    padding-left: 20px; 
}
.compddhelp{     
    margin-top: 3px; 
    font-size: 11px; color: #006187;
}
.compdd-ddchart{ 
    z-index: 9;
    height: 300px;     
}
.compdd-ddlist { 

}
.compdd-start { 
    padding-left: 10px; 
    font-size: 13px;
    margin-top: 10px;
    background-color: #e5e5e5;
    border: none; outline: none; 
    height: 30px; 
    width: 200px;
}
.compdd-ddlist-val .ddrecinfo { 
    right: -10px;
}
.compdd-ddlist-val { 
    width: 100px; 
    position: relative;
    text-align: center;
}
.compdd-ddlist-date{ 
    width: 100px;
    text-align: center;
}
.compdd-ddlist-item-head {
    font-weight: 600;
}
.compdd-ddlist-item, .compdd-ddlist-item-head { 
    height: 30px; display: flex;    
    align-items: center;
    font-size: 12px;
    border-bottom: 1px solid lightgray;
}
.compdd-box-close { 
    z-index: 10;
    position: absolute;
    left: 5px; top: 5px; 
    height: 30px; width: 30px; 
    border-radius: 50%;
    text-align: center;
    line-height: 30px; 
    font-size: 14px; 
    background-color: #2d3131; color: white; 
    cursor: pointer;
}
.compdd-chart {
    z-index: 3;    
    height: 25px; 
    right: 5px; 
    cursor: pointer;
    margin-left: 5px; margin-right: 5px;
}
.hidden { 
    opacity: 0 !important;
}
.compdd-name { 
    z-index: 2;
    position: relative;
    border-right: 1px solid lightgray;
    cursor: pointer;
    padding-left: 10px; 
    width: 350px; 
    display: flex;
    align-items: center;
    height: 30px; 
    white-space: nowrap;
    overflow: hidden;
}
.compdd-name:hover {
    color: #006187;
    text-decoration: underline;
}
#compheads {        
    height: 30px;
    width: 1550px;
    display: flex;
    background-color: #2d3131;
}
.comphead {
    cursor: pointer;
    font-size: 12px;
    padding-left: 12px;
    padding-right: 12px;
    border-right: 1px solid white;
    display: flex;
    color: white;
    justify-content: center;
    align-items: center;
}
.comphead:hover {
    background-color: lightgray;
}
#compoverlap{ 
    padding-top: 20px;
    position: relative; 
}
.overlapfilter { 
    z-index: 2;
    position: absolute; 
    top: 10px; 
    left: 350px;
    height: 40px; 
    padding-inline: 10px;
    border: 1px solid lightgray;
    display: flex; 
    align-items: center;
    border-radius: 15px;
    background-color: #006187;
}
.overlapfiltertext { 
    color: white;
    font-size: 13px; 
    width: 100px;
    text-align: right;
    padding-right: 15px;
}
.overlapfiltervalue {
    width: 30px;
    background-color: white;
    border: none;
    border-radius: 5px;    
    text-align: center;    
    font-family: Montserrat;
    height: 25px;
}
.overlapfilterrun{ 
    cursor: pointer;
    height: 25px; line-height: 25px; 
    background-color: lightblue;
    width: 40px; text-align: center;
    font-size: 12px; 
    margin-left: 10px; 
    border-radius: 5px;
}
.overlapfilterreset { 
    cursor: pointer;
    height: 25px; line-height: 25px; 
    background-color: lightgray;
    width: 50px; text-align: center;
    font-size: 12px; 
    margin-left: 10px; 
    border-radius: 5px;
}
.comptab {    
    background-color: white;
    width: 1550px;
    height: 750px;
}
#compoverlap{ 
    display: flex;  
}
.up-options { 
    display: flex;
    align-items: center
}
.up-helptext{ 
    font-size: 12px;
    margin-right: 5px;
}
.up-levels {
    margin-left: 10px;
    font-family: Montserrat;
    font-size: 12px;
    height: 25px;
    width: 150px;
}

.up-levelname {
    font-size: 14px;
    margin-left: 20px;
    margin-right: 20px;
}

#comparesip {
    background-color: white;
}
#compsip-opts { 
    display: flex;
    height: 40px;
    align-items: center;
    margin-left: 20px;
    background-color: #e5e5e5;
    width: 1300px;
}
#compsip-run {
    background-color: #006187;
    color: white;
    font-size: 13px;
    text-align: center;
    width: 90px;
    cursor: pointer;
    margin-left: 20px;
    height: 25px;
    line-height: 25px;
}
.sipxl { 
    margin-left: 20px; 
    height: 30px;
    cursor: pointer;
}
.sip-img{ 
    margin-left: 20px;
    height: 30px; 
    cursor: pointer;
}
.sip-img-small { 
    height: 23px; 
    cursor: pointer;
}
.protab-financialplanning {
    height: 1000px;
}    
#compsip-installment, #compsip-startdate, #compsip-enddate {
    outline: none;
    text-align: center;
    border: none;
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
}
#comproll-rolling {
    display: flex;
    border-top: 2px solid #006187;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#comproll-batch {
    margin-top: 10px;
    border-top: 2px solid #006187;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
#comproll-rollstats, #comproll-rollchart { 
    height: 300px;
}
.comproll-batch-other { 
    width: 100px;
    text-align: center;
    font-size: 12px;
}
#comproll-batchstats {
    height: 300px;
    width: 1370px;
    overflow-y: scroll;
    margin-left: 10px;
    background-color: #e5e5e5;
}

.rollxl1 {
    position: absolute;
    cursor: pointer;
    right: 70px;
    height: 30px;
}
.disc-text:hover { 
    color: #006187;
    font-weight: 600;
    text-decoration: underline;
}
.disc-text { 
    cursor: pointer;
    font-size: 13px; 
    margin-inline: 20px;
}
#customdisc { 
    background-color: #e5e5e5;
    height: 300px; 
    width: 1000px;
    resize: none;
}
#disc-control{ 
    display: flex;  
    align-items: center;
    margin-top: 20px; 
    margin-bottom: 20px;
}
#disc-control-status { 
    font-size: 13px;
}
#disc-control-update { 
    color: white;
    border-radius: 10px;
    width: 150px; text-align: center;
    background-color: green;
    margin-left: 30px; 
    font-size: 13px; 
    height: 30px; line-height: 30px; 
    cursor: pointer;
}

.rollxl2 {
    position: absolute;
    cursor: pointer;
    left: 350px;
    height: 25px;
    bottom: 5px;
}
#comproll-batchoptions {
    display: flex;    
    position: relative;
    margin-left: 10px;
    height: 30px;
    align-items: center;
}
/*charts*/
#comproll-rollchart {
    width: 650px;
    margin-left: 20px;
}
/*stats*/
#comproll-rollstats {
    background-color: #e5e5e5;
    margin-left: 10px;
    width: 700px;
    overflow-y: scroll;
}

.comproll-rollstat-head { 
    font-weight: 600;
}

.comproll-rollstat, .comproll-rollstat-head{ 
    display: flex;
    height: 25px; 
    align-items: center;
    font-size: 13px;
    border-bottom: 1px solid lightgray;
}
.comproll-rollstat-name-link:hover { 
    text-decoration: underline;
    color: #006187;
}
.comproll-rollstat-name-link { 
    cursor: pointer;
}
.comproll-rollstat-name{ 
    padding-left: 10px;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;        
}
.comproll-rollstat-val { 
    width: 65px; 
    user-select: none;
    cursor: pointer;
    font-size: 12.5px;
    text-align: center;
}
.comproll-rollstat-val:hover { 
    text-decoration: underline;
}
#sipsearchindex {
    height: 28px;
    padding-left: 10px;
    background-color: lightblue; 
    border-radius: 10px;
    border: none;
    width: 250px;
    font-family: Montserrat;
}
#sipfundsearch, #sipsearchstocks{
    background-color: #e5e5e5;
    width: 300px;
    overflow-y: scroll;
}
.sipor{ 
    color: gray;
    font-size: 15px; font-weight: 600;
    height: 30px; line-height: 30px;
    width: 100px; text-align: center;
}
#comparesip-list {
    overflow-y: scroll;
    width: 900px;
    height: 800px;
    margin: 20px; 
    background-color: #e5e5e5;
}
#comparesip-chart{ 
    margin-left: 20px;
    height: 640px;
    width: 350px;
}

.comparesip-list-item-img {
    height: 30px;
    margin: 10px;
    cursor: pointer;
}
.comparesip-list-item-head { 
    font-weight: 600;
}

.comparesip-list-item-head > div {
    cursor: pointer;
}

.comparesip-list-item-head > div:hover {
    text-decoration: underline;
    color: #006187;
}

.comparesip-list-item, .comparesip-list-item-head {
    display: flex;
    border-bottom: 1px solid lightgray;
    font-size: 14px;
    height: 30px;
    align-items: center;
}
.comparesip-list-item-name {
    min-width: 350px;
    max-width: 350px;
    white-space: nowrap;
    overflow-x: hidden;
    padding-left: 5px;
    cursor: pointer;
}
.comparesip-list-item-name:hover { 
    text-decoration: underline;
    color: #006187;
} 
.comparesip-list-item-value { 
    min-width: 150px;
    max-width: 150px;
    text-align: center;
}
#compoverlap1 {
    min-width: 300px;
    max-width: 300px;
    border-right: 1px solid lightgray;
    margin-right: 20px;
    position: relative;
    padding-right: 20px;
}
#compoverlap2 {
    margin-left: 5px;
    overflow: auto;
    position: relative;
    min-width: 1000px;
    max-width: 1000px;
    height: 700px;
}
.comptabhead-noaccess {
    z-index: 99;
    position: fixed;
    top: 115px;
    left: 30px;
    height: 100%;
    width: 100%;
    padding-top: 200px; 
    font-size: 25px;
    text-align: center;
    background-color: white; 
    opacity: 0.7;
}
#comparechart1 { 
    padding-top: 20px
}
#comparechart2 {  
    height: 550px;
    width: 1400px;
    background-color: #e5e5e5;
    padding-top: 20px;
    position: relative; 
}
#compchart1cover, #comprollcover {
    position: absolute;
    margin: 100px auto;
    left: 0;
    right: 0;
    width: 400px;
    padding: 30px;
    font-size: 20px;
    background-color: lightblue;
    opacity: 0.8;
    z-index: 20;
    border-radius: 15px;
}
#comparechart3{ 
    height: 600px; 
    overflow-y: scroll;
}
.compp2p-startval { 
    height: 25px;
    border: none; outline: none; 
    background-color: #e5e5e5;
    padding-left: 5px; 
    margin-left: 10px;
    width: 100px; text-align: center;
}
.compp2p-ret { 
    height: 20px; width: 20px; cursor: pointer;
}
.compp2p-save{ 
    margin-left: 100px;
    font-size: 14px; color: #006187;
}
#compp2pexport {
    margin-right: 10px;
}
#compp2ptop {
    height: 40px; display: flex;
    align-items: center; justify-content: flex-end;
}
.ahelp { 
    user-select: none;
    height: 18px; width: 18px; 
    line-height: 19px; text-align: center;
    border-radius: 50%;
    background-color: lightblue;
    font-size: 11px; 
    margin-left: 10px;
}
.compp2p-ret-label{ 
    display:flex;   align-items: center;
    height: 25px;
    font-size: 13px; margin-left: 40px;}
#comparep2phead {
    height: 110px !important;
}
.changestab { 
    position: relative;
    padding-top: 10px;
    background-color: white;
}
#changestab-heads { 
    display: flex;
    height: 40px; align-items: center;
}
.changestab-head { 
    height: 40px; line-height: 40px;
    cursor: pointer;
    padding-left: 20px; padding-right: 20px;
    font-size: 13px;
}
.comparep2p, #comparep2phead {
    width: 100%;
    height: 30px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
#comparep2pnamehead {
    cursor: pointer;
    font-weight: 600;
}
#comparep2pnamehead:hover { 
    text-decoration: underline;
}
.comparep2pname, #comparep2pnamehead {
    width: 400px; overflow: hidden;
    white-space: nowrap;
    font-size: 13px;
    padding-left: 20px;
}
.cp2pcb-camera { 
    position: absolute;
    right: 20px; 
    top: 20px; 
    height: 30px;
    cursor: pointer;
}
.cp2pcb {
    position: absolute; 
    padding: 20px; 
    border-radius: 25px; 
    border: 1px solid gray; 
    background-color: white;
    width: 800px; 
    height: 500px;
}
.cp2pcb-chart{ 
    width: 800px; 
    height: 450px;
}
.cp2pcb-title { 
    font-weight: 600;
    font-size: 20px;     
    text-align: center;
}
.cp2pcb-subtitle { 
    text-align: center;
    font-size: 15px; 
    color: #006187;
    font-weight: 600;
}
.comparep2pTo{ 
    font-size: 10px;
}
.comparep2pvaluesortimg{        
    position: absolute; 
    top: 5px;
    right: 0px;
    margin-left: 10px;
    height: 25px; cursor: pointer;
}
.comparep2pvaluesort{ 
    font-size: 13px;
    cursor: pointer;
    margin-bottom: 5px;
    margin-top: 10px;
}
.comparep2pvaluesort:hover { 
    text-decoration: underline;
}
.comparep2pname {
    cursor: pointer;
}
.comparep2pname:hover {
    color: #006187;
    text-decoration: underline;
}
.comparep2pinput {
    background-color: lightgray;
    border: none;
    outline: none;
    height: 25px;
    line-height: 25px;
    font-family: 'Montserrat';
    min-width: 120px;
    max-width: 120px;
    font-size: 12.5px;
    text-align: center;
}
.comparep2pvaluehead { 
    position: relative;
}
.comparep2pvalue, .comparep2pvaluehead {
    font-family: 'Montserrat';
    width: 120px;
    text-align: center;
    font-size: 14px;
    padding-left: 20px;
}
#comparebulk{ 
    display: flex;
}
.comparebulk-help { 
    font-size: 12px;
    color: green;
    margin-top: 10px;
}
#comparebulk-nav { 
    display: none;
}
#comparebulk-holdings-picture {
    height: 400px;
    margin-top: 30px;
    margin-left: 10px;
    border: 4px solid #006187;
    border-radius: 15px;
}
#comparebulk-nav, #comparebulk-holdings {
    width: 500px;
    text-align: center;
    padding-top: 50px;
    position: relative;
}
#comparebulk-holdings { 
    border-left: 1px solid lightgray;
}
.comparebulk-count-price, .comparebulk-count-holdings {
    margin-top: 20px;
    font-size: 20px;
    text-align: center;
    color: #006187;
}
.comparebulk-example{ 
    display: none;
    top: 170px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    height: 100px;
}
.comparebulk-description{ 
    width: 300px;
    margin-left: auto;
    margin-right: auto;
}
.comparebulk-bigicon{ 
    height: 50px;
    margin-top: 10px;
    cursor: pointer;
}
#comparescatter {
    padding-top: 20px;
}
#comparestats {
    overflow-y: hidden;
    overflow-x: hidden;
}
#fundttoollist {
    margin-top: 20px;
    background-color: white;
    height: 500px;
    width: 1600px;
}
#fundtoolsummary {
    display: flex;
    height: 50px;
    align-items: center;
}
#fundtoolsummary > div {
    font-family: 'Montserrat';       
}
.fundtoolitemhead > div {
    font-weight: 600;    
    background-color: white !important;
}
.fundtoolitemhead {
    display: flex;
    font-family: 'Montserrat';    
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.fundtoolitem {
    display: flex;
    font-family: 'Montserrat';    
    height: 30px;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
#fundtoolstatus{
    color: #006187;
    margin-left: 20px;
    font-size: 13px;
}
.fundtoolitemname{
    white-space: nowrap;
    min-width: 300px;
    max-width: 300px;
    font-size: 14px;
    padding-left: 10px;
    cursor: pointer;
}
.fundtoolitemname:hover {
    text-decoration: underline;
    color: #006187;
}
.fundtoolitemstart, .fundtoolitemunits, .fundtoolitemstartnav, .fundtoolitemstartvalue {
    font-family: 'Montserrat'; 
    border: none;
    outline: none;
    min-width: 140px;    
    max-width: 140px;    
    margin-left: 10px;
    text-align: center;    
    height: 29px;
    font-size: 13px;
    line-height: 29px;
    background-color: #e5e5e5;
}
.fundtoolitemlastnav, .fundtoolitemlastvalue, .fundtoolitemreturn, .fundtoolitemreturnperc, .fundtoolitemreturnpercann, .fundtoolitemreturnport {
    width: 120px;
    font-size: 13.5px;
    text-align: center;        
}

.fundtoolitemdelete{
    height: 20px;
    width: 20px;
    cursor: pointer;
}
#cfundsearch, #tfs, #tfsport, #cstocksearch {
    background-color: white;
    font-family: 'Montserrat';
    outline: none;
    border: none;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
}
#cfundsearch, #cstocksearch { 
    margin-top: 5px;
    width: 200px;
}
#comp-plan-choice, #comp-plan-choice-search {
    font-family: Montserrat;
    position: absolute;
    height: 20px; font-size: 13px;
    top: 5px; right: 5px;
    width: 80px;
}
#caddcat { 
    margin-top: 10px;
}
#caddamc { 
    margin-top: 5px;
}
#caddcat, #caddamc {
    height: 25px;
    outline: none;
    border: none;
    width: 180px;
    padding-left: 5px;
    background-color: #e5e5e5;
}
#fundtoolsavename {
    font-family: 'Montserrat';
    border: none;
    outline: none;
    height: 30px;
    margin-left: 30px;
    width: 200px;
    padding-left: 10px;
}
.fundtooltop {
    display: flex; height: 40px; align-items: center;    
}
.fundtoolssavelist {
    margin-left: 20px;
    color: #006187;
    font-size: 14px; cursor: pointer;
}
#fundtoolssavelist:hover {
    text-decoration: underline;
}
.savetoolsimage {
    height: 20px;
    margin-left: 10px;
    cursor: pointer;
}
#compmonth-options { 
    display: flex;
    height: 25px; 
    align-items: center;
    margin-bottom: 10px;
    margin-top: 10px;
}
#tfs {
    width: 200px;
}
#compchart1 {
    text-align: center;        
}
.compmonths-label { 
    font-size: 13px; 
    margin-left: 10px;
    width: 150px;
    text-align: right;
}
.compmonths-radio{ 
    height: 20px; 
    width: 20px; 
    cursor: pointer;
    margin-left: 5px;
}
#compmonths-nmonths { 
    height: 30px;
    margin-inline: 5px;
    width: 100px; 
    font-family: Montserrat;
    background-color: lightblue;
}
#compchart1 {
    height: 500px;
    width: 1200px;
}
#compmonths-charts {
    height: 550px;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 1500px;
    display: none;
}
#compmonths-table { 
    height: 550px; 
    overflow-y: scroll;
    width: 1500px;
}
.compopts{
    height: 40px; border-bottom: 1px solid lightgray; width: 100%;
    display: flex; justify-content: flex-start; align-items: center;
}
.compopt{
    display: flex;  
    border-right: 1px solid lightgray;
    padding-left: 20px;
    padding-right: 20px;
    height: 40px; align-items: center;
    cursor: pointer;
}
.compoptimg {
    height: 20px; width: 20px; 
}
.compopttext {
    margin-left: 20px; font-size: 13px;font-weight: 600;
}
.compportclose {    
    width: 100%;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
    text-align: center;
    background-color: #006187;
    color: white;
}
.comprescale { 
    height: 25px; width: 25px;
    cursor: pointer;
    margin-left: 10px;
}
.compdate{ 
    font-size: 12px;
    height: 25px; line-height: 25px;
    width: 150px; border: none;
    outline: none;
    margin-left: 10px; 
    text-align: center;
    background-color: white;
    border-radius: 10px;
}
.compoptchangedates{ 
    margin-left: 20px; 
    background-color: #006187;
    color: white;
    height: 25px; line-height: 25px;
    width: 50px; text-align: center; 
    cursor: pointer;
    font-size: 13px;
    border-radius: 10px;
}
.compportclose:hover {
    background-color: gray;
}
#portcompare {
    height: 100%;
    width: 100%; 
    display: none;
}
.compport {
    position: relative;
    font-family: 'Montserrat';
    min-height: 1000px;
}
.compportcover {
    position:absolute;
    height: 100%;
    width: 1400px;    
    top: 75px;
    display: none;
    z-index: 102;
    background-color: white;
    opacity: 0.7;
}
.compporttop {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-bottom: 20px;
    border-bottom: 1px solid lightgray;
}
.compportname{
    margin-top: 10px;
    text-align: left;
    font-size: 20px; color: #006187; 
    font-weight: 600;
}
.compport1, .compport2 {
    height: 200px;
    border: 1px solid lightgray;
    width: 500px;
    margin-top: 10px;
    overflow: hidden;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: white;
}
.compmeta1, .compmeta2 {
    width: 100px;
    margin-left: 10px;
    margin-top: 20px;
    height: 200px;
}
.compportitem {
    display: flex;
    height: 25px;
    width: 500px;
    font-size: 12px;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.compportinp{ 
    height: 30px;padding-left: 10px;
    width: 250px;
    border-radius: 10px;
    border: none;
}
.compmetaitem {
    height: 60px;    
    margin-bottom: 10px;
}
.compmetaitemvalue{
    font-size: 20px;
    color: #006187; font-weight: 600;
}
.compmetaitemname {
    font-size: 13px;    
}
.compportitemnamelink {
    cursor: pointer;
}
.compportitemnamelink:hover {
    text-decoration: underline;
    color: #006187;
}
.compportitemname {
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
    padding-left: 5px;    
}
.compportitemwt {
    width: 150px;
    text-align: center;    
}
.cpheads{
    height: 30px;
    line-height: 30px;
    display: flex;
    width: 100%;
    font-size: 14px;
    margin-left: 40px;
}
.cphead {
    width: 200px;
    text-align: center;
    cursor: pointer;
    font-size: 12px; 
    font-weight: 600;
}

.compexp{
    background-color: white; 
    width: 335px; 
    height: 250px;
    margin-left: 10px;
    overflow-x: hidden;    
}
.compexpitem{
    height: 25px; border-bottom: 1px solid lightgray;
    display: flex;  align-items: center; font-size: 13px;
}
.compexpitemname{
    text-align: left;
    white-space: nowrap;
    min-width: 250px;
    max-width: 250px;
    padding-left: 5px;
}
.compexpitemvalue{
    width: 80px;
    background-color: white;
    text-align: center; 
}
.compexptitle {
    background-color: #b1cced;
    width: 100%; height: 25px; line-height: 25px; 
    text-align: center; font-size: 14px;
    border-bottom: 1px solid lightgray;
}

.cptab {
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    display: flex;
    text-align: center;
    justify-content: flex-start;
    padding-top: 10px;
    margin-left: 20px;
}

.cptabpart1, .cptabpart2 {
    width: 50%;
    height: 100%;
}
.cpmainline{    
    height: 300px;
    width: 600px;
    margin-left: 20px;
}
.cpmaincolumn{
    width: 600px;
    height: 200px;
    margin-left: 20px;
}
.cpmainstats{
    margin-left: 15px;
    background-color: white;
}
.cpmainstatsitem {
    display: flex;
    align-items: center;
    height: 25px;
    border-bottom: 1px solid lightgray;
}
.cpmainstatsitemhead {
    height: 30px; line-height: 30px; 
    font-size: 14px; font-weight: 600;
    background-color: #006187;color: white;
    white-space: nowrap;
    overflow: hidden;
}
.cpperfstat{    
    margin-left: 20px;
    width: 150px;
}
.cpperfstattitle{    
    background-color: #006187;color: white;
    height: 30px; line-height: 30px; 
    font-size: 15px;
}
.cpcorr {
    font-size: 15px;
}
.cpcorrhelp, .cpanndiffhelp, .cpsrdiffhelp{
    background-color: gray; color: white;
    width: 25px; height: 25px; line-height: 25px; text-align: center;
    border-radius: 50%;
    margin-left: 10px;
}
.cpperfstatvalue {
    margin-bottom: 20px;
    background-color: white;
    display: flex; justify-content: center; align-items: center;
    height: 79px;
    text-wrap: normal;
    font-size: 20px;
}
.cpperfstatvalue1 {
    margin-bottom: 20px;
    background-color: white;    
    height: 50px; 
    padding-top: 20px;
    text-align: center;    
    font-size: 15px;
}
.cpmainstatsitemname {
    white-space: nowrap;
    width: 140px;
    height: 30px; line-height: 30px;
    border-right: 1px solid lightgray;
    font-size: 12px;
    text-align: right;
    padding-right: 10px;
}
.cpmainstatsitemvalue {
    width: 140px;
    font-size: 13px;
    text-align: center;
}
.cpmainstats1, .cpmainstats2 {
    width: 50%;
    height: 100%;
}
.cpmainstats1 {
    border-right: 1px solid lightgray;
}

.cptab1 > .cptabpart1, .cptab1 > .cptabpart2, .cptab6 > .cptabpart1, .cptab6 > .cptabpart2 {
    display: flex;
    flex-wrap: wrap;
}
.cptabpart1 {
    border-right: 1px solid lightgray;
}
.cpchart_aaoverview1, .cpchart_aaoverview2, .cpchart_aasector1, .cpchart_aasector2, .cpchart_aamarketcap1, .cpchart_aamarketcap2, .cpchart_aarating1, .cpchart_aarating2, .cpchart_aamat1, .cpchart_aamat2, .cpchart_aaytm1, .cpchart_aaytm2 {
    height: 220px;
    width: 210px;
    margin-left: 20px;
    background-color: white;
}
.cptabparttop, .cptabpartbottom{
    display: flex;
    padding-left: 10px;
    margin-top: 20px;
}
.cptab4_stats {
    padding-top: 20px;
    width: 280px;
}
.cptab4_stat {
    font-size: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    height: 30px;
    border-bottom: 1px solid lightgray;
}
.cptab4_stattitle {
    width: 120px;
    text-align: right;
    padding-right: 10px;
}
.cptab4_statvalue {
    width: 75px;
}
.cpchart_rollingret, .cpchart_rollingvol {
    height: 230px;
    width: 400px;
}

.compporttop1, .compporttop2 {
    width: 700px;    
    text-align: center;    
}
.compporttoptop {
    text-align: left;    
    padding-left: 50px;
    padding-top: 10px;
}
.compporttop1:nth-of-type(1) {
    border-right: 1px solid lightgray;
}
.compportbottom, .compportbottomcover {
    width: 1400px;
    height: 504px;
}
.compportbottomcover {
    top: 324px;
    width: 1400px;
    height: 600px;
    position: absolute;
    z-index: 90;
    font-size: 30px;
    color: #006187;
    background-color: #e5e5e5; 
    display: flex; justify-content: center; align-items: center;
}
.compporttopbottom{
    display: flex;     justify-content: center;  
}
.csi-border { 
    border-left: 1px solid lightgray;
}
#complist {
    width: 2620px;
    background-color: white;
}
.showhidecompfs { 
    position: absolute;
    left: 5px; 
    color: lightblue;
    cursor: pointer;
    font-size: 20px; 
    font-weight: 600;
}
#compItemHead { 
    position: relative;
}
#compItemHead, .compnameghost {
    width: 2620px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 30px;
    max-height: 30px;
    background-color: #2d3131;
    color: white;
}
.compnameghost {
    position: absolute;
    top: 0px;
    background-color: gray !important;
    opacity: 0.8 !important;
}
#comptable { 
    position: relative; 
    min-height: 500px;
    max-height: 700px;
    overflow-x: auto;
    overflow-y: auto;
}
#fbresultsghost {
    margin-left: 20px;
    min-width: 1500px;
    max-width: 1500px;
    background-color: lightblue;
    min-height: 0px;
    overflow-y: scroll;
}
#fbresultsghost-content {
    width: 2110px;
    height: 0.1px;
}
#compItemHeadghost {
    min-width: 1450px;
    max-width: 1450px;
    background-color: lightblue;
    min-height: 0px;
    overflow-y: scroll;
}
#compItemHeadghost-content {
    width: 2720px;
    height: 0.1px;
}
.compItem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    position: relative;
    border-bottom: 1px solid lightgray;
}
.compitemname, .compitemnamenohover {        
    min-width: 270px;
    max-width: 270px;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #006187;
    font-size: 12px;
    padding-left: 5px;
    white-space: nowrap;   
    overflow-x: hidden;
}
.compitemname:hover {
    text-decoration: underline;
}
.compitemname_ghost:hover {
    text-decoration: underline;
}
.compitemname_ghost {
    cursor: pointer;
    font-size: 12px;
    padding-left: 5px;
    position: absolute;
    min-width: 300px;
    max-width: 300px;
    height: 30px;
    line-height: 30px;
    max-width: 240px;
    opacity: 0.8;
    background-color: white;
    white-space: nowrap;
    overflow-x: hidden;
}

.compitemnamehead-fs { 
    font-size: 12px;
    min-width: 46.5px;
    max-width: 46.5px;
    cursor: pointer;
    font-size: 10px;
}
.compitemnamehead-fs:hover { 
    text-decoration: underline;
}
.compitemnamehead {
    font-size: 12px;
    min-width: 270px;
    max-width: 270px;

    white-space: nowrap;
    cursor: pointer;
}
.compitemcat {    
    font-size: 12px;        
}
.compitemcat, .compitemcathead {
    min-width: 135px;
    max-width: 135px;
    padding-left: 5px;
    white-space: nowrap;
    overflow-x: hidden;
}
.compitemcathead {    
    font-size: 13px;
    cursor: pointer;
}
#compsubtop {        
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
}
.cdr-box {
    position: absolute;
    z-index: 10;
    width: 250px;
    border: 1px solid lightgray;
    padding: 10px;
    background-color: white;
    border-radius: 10px;
}
.cdr-label {   
    display: none;
    font-size: 11px;
    height: 30px;
    width: 100px;
    margin-inline: 5px;
}
.cdr-forceanal{ 
    display: none;
    height: 20px; 
    width: 20px;
    margin-left: 10px;
}
.cdr-box-date {
    background-color: #e5e5e5;
    margin-bottom: 10px;
    height: 30px; width: 180px; 
    border: none; outline: none;
    font-size: 13px;
    padding-left: 10px;
}
.cdr-box-error {
    margin-top: 5px;
    font-size: 12px;
}
.cdr-box-buttons {
    display: flex;  align-items: center;
    margin: 10px;
}
.cdr-box-go, .cdr-box-reset{ 
    background-color: #006187; color: white;
    font-size: 13px; padding-left: 10px; padding-right: 10px;
    text-align: center;
    font-size: 14px;
    height: 25px; line-height: 25px;
    cursor: pointer;
    margin-left: 10px;
    border-radius: 10px;
}
.mainmarkethiddentitle{ 
    margin-left: 5px;
    font-size: 13px; color: #006187;    
    font-family: 'Montserrat';
    display: none;
}
.comphelp {
    color: #006187;
    font-size: 12px;      
    height: 40px;
    margin-left: 10px;
    line-height: 40px;
}
#comparerolling-select, #comprollmethod { 
   height: 25px;    
   margin-left: 10px;
}
.comphelp1 {
    color: #006187;
    font-size: 12px;
    height: 20px;
    margin-left: 10px;
    line-height: 20px;
}
.comphelp2 {
    color: #006187;
    font-size: 12px;
    height: 20px;
    margin-left:20px;
    line-height: 20px;
}
.compitemstat, .compitemstathead {
    font-family: 'Montserrat';
    text-align: center;
    min-width: 50px;
    max-width: 50px !important;
    font-size: 11px;   
    height: 30px; line-height: 30px;
}
.csi-customwarnings{ display: none; }
#csi-customwarning { 
    height: 15px; width: 15px;
    line-height: 15px; font-size: 14px; font-weight: 600;
    background-color: red; color: white;
    border-radius: 50%;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}
#csi-customwarning-text{ 
    font-size: 10px; color: red;
}
.com-rel-help{ 
    height: 18px;
    margin-left: 10px;
}
.compchooser-select{ 
    height: 28px; 
    cursor: pointer;
    margin-left: 10px;
}
.compchooser{ 
    position: absolute;
    height: 400px;
    width: 180px; 
    background-color: #e5e5e5;

    border: 1px solid lightgray;
    border-radius: 10px; 
    overflow-y: scroll;
}
.compchooser-item, .compchooser-item-all { 
    display: flex;  
    align-items: center;
    height: 30px; 
    border-bottom: 1px solid lightgray;
}
.compchooser-item-all { 
    color: white;
    background-color: #006187;
}

.compchooser-check{ 
    height: 15px; width: 15px; 
    cursor: pointer;
    background-color: #e5e5e5;
}
.compchooser-name{ 
    margin-left: 5px;
    font-size: 13px; 
}
.compstatoption {
    margin-left: 20px;
    display: flex;
    align-items: center;
    height: 30px;
    border-radius: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid gray;
}
.relative-startdate{ 
    width: 130px;
    text-align: center;
    border:none;
    height: 23px;
    outline: none;
    background-color: #e5e5e5;
    margin-left: 10px;
    font-family: Montserrat;
    font-size: 12px;
}
.compstatoption-text {
    margin-left: 5px;
    font-size: 13px;
}
.compstatoption-checkbox {
    height: 15px;
    width: 15px;
    cursor: pointer;
    margin-left: 5px;
}
.compstatoption-img { 
    height: 20px;
    margin-left: 10px; cursor: pointer;
}
.csi-hold, .compstatoption-hold {
    background-color: #97eaff;
}
.csi-ret, .compstatoption-rets { 
    background-color: #bdfceb;
}
.csi-ret-cumexcess, .csi-ret-excess, .csi-ret-downc, .csi-ret-holdingcount, .csi-ret-shorts {
    min-width: 70px !important;
    max-width: 70px !important;
}
.csi-rel, .compstatoption-rels {
    background-color: #e6c6e9;
}
.compstatoption-hold, .compstatoption-rets, .compstatoption-rels {
    height: 25px;
    width: 25px;
    border-radius: 50%;
}

.compitemstat1 {
    min-width: 75px !important;
    max-width: 75px !important;
    height: 30px; line-height: 30px;
}
.compitemstat2 {
    min-width: 50px !important;
    max-width: 50px !important;
    height: 30px; line-height: 30px;
}
.compitemstathead, .compitemstathead1, .compitemstathead2 {
    background-color: #2d3131 !important;
}
.compitemstathead {
    background-color: #2d3131 !important;
    cursor: pointer;
    user-select: none;
}
#comptabheads { 
    display: flex;
    width: 100%;
    background-color: white;
    align-items: center;
}
.comptabhead{
    cursor: pointer;
    height: 40px; line-height: 40px; 
    text-align: center;
    width: 250px; 
    font-size: 14px;
}
.comptabhead:hover { 
    font-weight: 600;
}
.compitemstathead1 {
    font-family: 'Montserrat';
    text-align: center;
    min-width: 75px;
    max-width: 75px;
    font-size: 11px;
    cursor: pointer;
    user-select: none;
    height: 30px;
    line-height: 30px;
}
.cl-arns-settings { 
    height: 26px;
    margin-left: 20px; 
    cursor: pointer;
}
.cl-arns { 
    display: flex;
    align-items: center;
}
.cl-arns-title { 
    height: 30px;
    margin-left: 10px;
    line-height: 30px;
    text-align: right;
    font-size: 13px; 
}
.cl-arns-select{ 
    height: 25px;
    width: 150px;
    margin-left: 20px;
    background-color: lightblue;
}
.compitemstathead2 {
    font-family: 'Montserrat';
    text-align: center;
    min-width: 50px;
    max-width: 50px;
    font-size: 11px;
    cursor: pointer;
    user-select: none;
    height: 30px;
    line-height: 30px;
}
.compstatoption-checkbox-rel { 
    height: 23px; 
    width: 23px;
}
.compstatoption-checkbox-rel-title{ 
    margin-left: 3px; 
    padding-right: 5px;
    margin-right: 5px;
    font-size: 11px; 
    color: #006187;
    font-weight: 600;
    height: 30px; line-height: 30px; 
    border-right: 1px solid lightgray;
}

.compitemstathead:hover {
    text-decoration: underline;
}
.compitemcathead:hover{ 
    text-decoration: underline;
}
.compitemnamehead:hover {
    text-decoration: underline;
}

#comparescreenshot { 
    margin-top: 5px;
    margin-right: 30px;
    height: 40px;
    width: 40px;
}
#compportadd {
    user-select: none;
    width: 75px;
    text-align: center;
    font-size: 9px; 
    margin-left: 5px;
    cursor: pointer; 
    background-color: lightgray;
    border-radius: 5px;
    padding: 3px;
}
#clearcomp {
    background-color: lightgray;
    padding: 3px;
    width: 40px;
    height: 23px; line-height: 23px;
    margin-left: 5px;
    text-align: center;
    font-size: 11px;
    cursor: pointer;    
    border-radius: 5px;
}
#clearcomp:hover, #compportadd:hover {
    background-color: #2d3131;
    color: white;
}

.savedComps {
    height: 600px;    
    top: 200px;
    left: 100px;
    position: absolute;
    background-color: #e5e5e5;
    border: 2px solid gray;
}
.savedProspects {
    height: 400px;
    width: 250px;
    overflow-x: hidden;
}

.userfavsbox {
    position: absolute;
    background-color: white;
    border: 1px solid lightgray;
    height: 400px;
    width: 500px;
    overflow-y: scroll; overflow-x: hidden;
    z-index: 126;
}
.userfavstitle {
    width: 100%; height: 30px; line-height: 30px;
    font-size: 14px; text-align: center; background-color: gray; color: white;
}
.userfavsitem { 
    padding-left: 5px;
    display: flex; height: 25px; align-items: center; font-size: 13px;
    border-bottom: 1px solid lightgray;
    cursor: pointer;
}
.userfavsitem:hover {
    background-color: #e5e5e5;
}
.userfavsitemtype {
    padding-left: 5px;
    width: 150px;
}
.userfavsitemdelete {
    height: 18px; width: 18px; cursor: pointer;
}
.userfavsitemname { 
    width: 280px;
    white-space: nowrap;
}
.prospectDelete {
    position: absolute;
    height: 20px; width: 20px;
    cursor: pointer;
    right: 50px;
    top: 3px;
}
.propectitem {
    position: relative;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    width: 250px;
    padding-left: 20px;
    font-size: 14px;
    border-bottom: 1px solid lightgray;
}
.propectitem:hover {
    background-color: #e5e5e5;
}

.savedComps, .savedProspects {
    z-index: 100;
    position: absolute;
    background-color: white;
    opacity: 1;    
    height: 650px;
    overflow:hidden;
    overflow-y: scroll;
    border: 1px solid gray;
}
.savedcomp-mine{ 
    background-color: lightblue;    
}
.saveCompDeleteFake {
    opacity: 0;
}
.savedComps-head:hover { 
    cursor: pointer;
    text-decoration: underline;
}
.saveCompDelete {
    height: 20px;
    margin-right: 10px;
}
.savedCompItem-head { 
    background-color: #2d3131;
    color: white;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;    
    font-size: 13px;
}
.savedCompItem {    
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 25px;
    font-size: 12px;
    cursor: pointer;
    border-bottom: 1px dashed lightgray;
}
.savedCompItem:hover {
    background-color: lightgray;
}
.savedCompName{
    padding-left: 10px;
    width: 350px;
    white-space: nowrap;
    overflow: hidden;
}
.savedCompCount{ 
    width: 50px; 
    text-align: center;
}
.savedCompsOptions { 
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 30px;
    font-size: 13px;
    cursor: pointer;
    border-bottom: 1px dashed lightgray;
}
.savedCompsShowMine { 
    height: 25px;   
    width: 25px;    
    margin-left: 10px;
    cursor: pointer;
}
.savedCompUser {
    padding-left: 10px;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;    
}
.savedcomplist { 
    height: 600px;
    overflow-y: scroll;
}

.savedCompWhen {
    padding-left: 10px;
    width: 100px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;  
}
.comperror {    
    font-size: 13px;
    color: #006187;
    margin-left: 0px;
}
.compareselectitem1 {
    position: relative;
    background-color: white;
    height: 95px !important;
    padding-left: 22px;
    padding-right: 22px;
    border-right: 1px solid lightgray;
}
.compareselectitem0 {
    position: relative;
    background-color: white;
    height: 60px;
    padding-inline: 25px;
    padding-top: 25px;
    padding-bottom: 10px;
    border-right: 1px solid lightgray;
}
.compareselectitem {
    border-right: 1px solid lightgray;
    padding: 25px 10px 10px 10px;
    background-color: white;
    height: 60px;
    position: relative;
    display: flex;
    align-items: center;
}

.csi-title {
    color: #2d3131;
    position: absolute;
    top: 2px;
    left: 5px;
    font-size: 11px; 
    letter-spacing: 1px;
    font-weight: 600;
}

.compDelete {
    cursor: pointer;
    height: 18px;
    margin-left: 5px;
}
.compDeleteHead {
    opacity: 0;
    height: 18px;
    width: 20px;
    margin-left: 5px;
}
.compchartitem {
    margin-left: 10px;
    margin-bottom: 10px;
    background-color: white;
    min-width: 1250px;
    max-width: 1250px;  
    height: 120px;
}
.compchartitemname {
    text-align: left;
    font-size: 15px;
    width: 100%;
    height: 30px;
    font-weight: 600;
    line-height: 30px;
    padding-left: 10px;
}
.compchartitemdata { 
    height: 80px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.compchartstatitem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 17px;
}
.compchartstatitemname{    
    text-align: right;
    width: 50%;
    font-size: 13px;
}
.compchartstatitemvalue {
    width: 50%;
    margin-inline: 5px;
    font-size: 13px;
    color: #006187;
}
.compmonth-item-head, .compmonth-item { 
    display: flex; 
    height: 30px; 
    align-items: center;    
    font-size: 12.5px;
}
.compmonth-item { 
    border-bottom: 1px solid lightgray;
}
.compmonth-item-head div {
    cursor: pointer;
}
.compmonth-item-head div:hover {
    text-decoration: underline;
}
.compmonth-item-head {
    background-color: #006187;
    color: white;
}
.compmonth-item-month { 
    width: 80px;
    height: 30px; line-height: 30px;
    text-align: center;
}
.compmonth-item-name { 
    height: 30px; line-height: 30px;
    min-width: 250px;
    max-width: 250px;
    padding-left: 5px; 
    text-align: left; 
    white-space: nowrap;
    overflow-x: hidden;
    cursor: pointer;
}
.compmonth-item-name:hover { 
    text-decoration: underline;
    color: #006187;
}
.compchartmonthly {
    width: 1200px;
    height: 80px;
}
.compchartstat {    
    height: 80px;
    width: 150px;
    border-left: 1px solid lightgray;
}
.nocomps{
    font-size: 20px;
    color: #006187;
    position: absolute;
    top: 0; left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.compsavetitle {
    cursor: pointer;
    font-size: 11px;
    background-color: #006187; color: white;
    padding-left: 15px; padding-right: 15px;
    height: 28px; line-height: 28px; 
    border-radius: 10px;
    text-align: center;
}
.comproll-rollstat-legend { 
    width: 12px; 
    height: 12px; 
    margin-left: 5px;
    background-color: none;    
}
#customsecsforcomp {
    height: 22px;
    margin-top: 10px;
    font-family: 'Montserrat';
}
#compindex {
    margin-top: 20px;
    width: 240px;
}
#compcatavg { 
    margin-top: 5px;
    width: 240px;
}
#compstatoption-select-rel {
    width: 200px;
    margin-left: 10px;
    height: 28px !important;
}
#compindex, #compstatoption-select-rel, #compcatavg {
    background-color: lightblue;
    border:none;
    height: 30px; line-height: 25px;
    color: gray;
    padding-left: 5px;
}
#addporttocomp {
    margin-top: 25px;
    height: 25px;
    width: 180px;
    border: none;
    text-align: center;
    font-size: 12px;
    border-radius: 10px;
    outline: none;
    background-color: #e5e5e5;
    font-family: 'Montserrat';
}

#customsecsforcomp { 
    width: 150px;
}
.csi-custom-warning{  
    position: absolute;
    bottom: 2px;
    margin: 0px auto;
    font-size: 10px;
    color: orange;
    font-weight: 600;
    text-align: center;
}
.eqtab {
    background-color: #e5e5e5;
    height: 800px;
    width: 1200px;
    padding-top: 20px;
    padding-left: 20px;
}
#eqtabca {
    padding-top: 10px;
}
.nsecalist {    
    font-size: 18px;
    width: 100%;
    text-align: center;
}
.nsecaitemhead, .bsecaitemhead {
    background-color: transparent !important;
    border-bottom: none !important;
}
.nsecaitem, .nsecaitemhead, .bsecaitem, .bsecaitemhead {
    font-family: 'Montserrat';
    display: flex;
    font-size: 13px;
    background-color: white;
    border-bottom: 1px solid lightgray;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
}
#bsetabs {
    display: flex;
}
.bsetab {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    min-width: 250px;
    max-width: 250px;
    text-align: center;
}
.nsecaitemhead {    
    font-weight: 600 !important;
    background-color: transparent !important;
    border-bottom: none;
}
.nsecaitem:hover, .bsecaitem:hover {
    background-color: #b1cced !important;
}
.nsecaitem:nth-last-of-type(2n+1) {
    background-color: #f1ecec;
}
.carefresh{
    position: absolute;
    right: 10px;
    top: 10px;
    height: 20px;
    width: 20px;
    cursor: pointer;
}
#catabs {
    display: flex;    
    margin-bottom: 10px;
}
.catitle:hover {
    background-color: lightgray;
}
.catitle {
    cursor: pointer;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #006187;
}
.nsecaitemdate {
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
.nsecaitemsymbol {    
    min-width: 100px;
    max-width: 100px;
    text-align: left;
}
.nsecaitemname {
    color: #11475b;
    min-width: 150px;
    max-width: 150px;
    text-align: left;    
}
.nsecaitemname2 {
    color: #11475b;
    min-width: 200px;    
    max-width: 200px;
    text-align: left;    
}
.nsecaitemtitle {        
    min-width: 320px;
    max-width: 320px;
    text-align: left;
}
.nsecaitemdesc{
    min-width: 400px;
    max-width: 400px;
    text-align: left;
}
#nsecalist, #bsecalist, #bsecannlist {
    width: 1150px;
    margin-top: 5px;
    height: 600px;
    overflow-y: scroll;
}

#nseca {
    width: 1000px;
}
#bseca {
    height: 600px;
    width: 10px;
    margin-left: 30px;    
}
.bsetabcontent{
    height: 700px;
}
#stocksTop {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    height: 50%;
    width: 100%;
}
#eqwinnerlist {
    background-color: white;
    height: 600px;
    overflow-y: scroll;
}
.eqTopTitle{
    color: #006187;
    font-size: 17px;
    margin-bottom: 10px;
}
#eqlosers {
    margin-left: 20px;
}
.eqstatitem{
    display: flex;
    justify-content: flex-start;
    height: 25px;    
    align-items: center;
    border-bottom: 1px solid lightgray;
}
#eqstatitemhead { 
    height: 20px;      
    color: white;
    display: flex;    
    align-items: center;
}
.eqstatitemname {
    max-width: 250px;
    min-width: 250px;    
    white-space: nowrap;
    padding-left: 10px;
    font-size: 13px;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
}
.eqheadercol{
    cursor: pointer;
}
.eqheadercol:hover {
    text-decoration: underline;
}
.eqstatitemname:hover {
    color: #006187;
    text-decoration: underline;
}
.cpchart_drawdownsonret {
    width: 650px;
    height: 250px;
}
.cpchart_drawdowns {
    width: 300px;
    height: 200px;
}
.cpchart_drawdownsdetails{
    width: 350px;
    background-color: white;
    height: 200px;
}
.cpchart_drawdownsdetail {
    display: flex; align-items: center;
    height: 30px; border-bottom: 1px solid lightgray;
    font-size: 12px;
}
.cpchart_drawdownsdetailAmount{
    width: 50px;
    text-align: center;
}
.cpchart_drawdownsdetailDate {
    width: 100px;
    text-align: center;
}
.cpchart_drawdownsdetailRecovery{
    width: 100px;
    text-align: center;
}
.eqstatitemname2, .eqstatitemname3 {
    background-color: white;
    max-width: 60px;
    min-width: 60px;    
    white-space: nowrap;
    padding-left: 10px;
    font-size: 12px;
    font-family: 'Montserrat';
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.eqstatitemname3 {
    max-width: 90px !important;
    min-width: 90px !important;  
}
#eqstatitemhead > div {
    background-color: #006187 !important;
}
#eqstatfilter {
    margin-bottom: 10px;
    width: 100%;
    height: 100px;
    display: flex;
}
.eqstatfiltersec {
    border-right: 1px solid lightgray;
    padding: 10px 30px 10px 30px;    
    background-color: white;
}

.eqfilter {    
    height: 25px;
    display: flex;
    align-items: center;
}
.eqfiltername{
    margin-left: 5px;
    font-size: 14px;
}
.eqfiltercheck{
    height: 25px;
}
.eqcolhide{    
    display: none;
}
.eqstatfiltertitle{
    font-size: 13px;
    margin-bottom: 10px;
}
.eqfilterselect {
    font-family: 'Montserrat';
    font-size: 14px;
    width: 150px;
    height: 20px;
    line-height: 20px;
}
.eqstatfiltersubmit {
    margin-top: 10px;
    font-size: 14px;
    background-color: #006187;
    color: white;
    text-align: center;
    width: 60px;
    cursor: pointer;
    height: 20px;
    line-height: 20px;
}
.eqstatfiltersubmit:hover {
    background-color: #2d3131;
}
#eqstatmarketcapfilter {
    font-family: 'Montserrat';
    border: none;
    outline: none;
    background-color: #e5e5e5;
    text-align: center;
    height: 20px;
    line-height: 20px;
    width: 100px;
}
.eqfilterdiscl {
    font-size: 12px;
    color: #006187;
    margin-bottom: 5px;
    font-family: 'Montserrat';
}
#eqfilternoresults{
    width: 400px;
    margin: 50px auto 0 auto;    
    font-size: 20px;
    text-align: center;
    color: #006187;
}
#loptiontransactions{
    display: none;
}
#transactions {
    display: none;
    padding-left: 90px;
}
#trTabHeads {
    display: flex;        
}
.trTabHead {   
    cursor: pointer; 
    height: 50px;
    line-height: 50px;
    width: 200px;
    text-align: center;
    font-size: 15px;
    background-color: #e5e5e5;
}
#pnlanalytics {
    overflow-y: scroll;
}
#pnlreturns {
    width: 300px;
    height: 700px;
}
#pnlreturnlist {
    min-width: 210px;
    max-width: 210px;
    height: 700px;
    overflow-x: hidden;
    overflow-y: scroll;
}
#pnlreturnitemlist {
    margin-left: 30px;
    min-width: 800px;
    max-width: 800px;
    height: 700px;
    overflow-x: scroll;
    overflow-y: scroll;
}
.pnlitemhead, .pnlitemhead1 {
    font-weight: 600;    
}

.pnlitem, .pnleachitem, .pnlitemhead, .pnlitemhead1 {
    font-family: 'Montserrat';
    font-size: 12px;
    border-bottom: 1px solid lightgray;
    height: 20px;
    display: flex;
    align-items: center;
}

.pnlitemdate, .pnlitemret {
    height: 20px;
    line-height: 20px;
    background-color: white;
    text-align: center;
    min-width: 100px;
    max-width: 100px;
}

#pnlreturns {
    display: flex;
    padding-top: 10px;
}
.ttpnltab {
    padding-top: 20px;
    height: 750px;
    width: 1200px;
}
#pnlattributiontop {
    display: flex;
    justify-content: flex-start;
}
.pnlattrpie {
    width: 500px;    
}
.pnlattrline {
    margin-top: 30px;
    width: 800px;
    height: 300px;
    overflow-y: scroll;
    background-color: white;
    margin-left: 20px;
}
.pnlattritemhead {
    font-weight: 600;
}
#pnlsinglesec {
    margin-top: 20px;
    margin-left: 30px;
    height: 350px;
    width: 800px;
}
.pnlattritem,.pnlattritemhead {
    background-color: white;
    display: flex;
    align-items: center;
    height: 30px;
}
.pnlattritemname {
    cursor: pointer;
    padding-left: 10px;
    width: 350px;font-size: 14px;    
}
.pnlattritemname:hover {
    text-decoration: underline;
}
.pnlattritemcat{
    width: 150px;font-size: 14px;    
}
.pnlattritemret {
    width: 50px;font-size: 13px;
    font-family: 'Montserrat'
}

#trtabheadloader {
    height: 50px;
    line-height: 50px;
    color: #006187;
    font-size: 18px;
    width: 500px;
    text-align: left;
    padding-left: 10px;
}
#ttpnlheads {
    width: 100%;
    display: flex;
    align-items: center;
}
#ttpnltitle{
    font-size: 20px;
    text-align: left;
    padding-left: 20px;
}
#ttpnltop {
    height: 50px;
    width: 100%;
}
.ttpnlhead {
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    width: 200px;
    cursor: pointer;
}
.trTab {
    padding: 20px;
    height: 900px;
    background-color: #e5e5e5;
}
#trTabPnL {
    display: flex;
}
#trtabpnlleft {
    width: 250px;
    height: 100%;
}
#trtabpnlright {
    display: none;
    height: 100%;
}
#trTabPOSITIONS {
    display: flex;
    align-items: flex-start;
}
#trTabPositionsLeft {    
    width: 350px;    
    height: 100%;
}
#trTabPositionsRight {
    padding-left: 20px;
    width: 1200px;
}
#trPositionsTitle{
    color: #006187;
    font-size: 23px;
    height: 40px;
    width: 100%;
    text-align: center;
    line-height: 40px;
}
#trPositionAdvisors {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    background-color: white;
    display: flex;
}
.trclientadv{
    margin-right: 20px;
    display: flex;
    height: 40px;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;   
}
.trclientadvcheckbox{
    height: 20px;
    width: 20px;
    cursor: pointer;
}

.trclientadvname {
    margin-left: 10px;
    font-size: 15px;
}
#trPositionList {
    background-color: white;
    height: 610px;
    overflow-y: auto;
    overflow-x: hidden;
}
.whiter {
    background-color: white !important;
}
.trclientposition {    
    cursor: pointer;
    width: 100%;
    display: flex;
    height: 30px;
    align-items: center;    
    border-bottom: 1px solid lightgray;
}
.trclientposition:hover > div {
    background-color: #e5e5e5 !important;
}
.trclientlisttitle {
    padding-left: 10px;
    height: 20px;
    font-size: 15px;
}
#trclientpositionHead{
    display: flex;
    height: 30px;
    align-items: center;    
    background-color: #2d3131 !important;
    color: white;
}
.headitem {
     cursor: pointer;
}
.headitem:hover {
    text-decoration: underline;
}
.trclientpositionclient {
    padding-left: 10px;
    min-width: 200px;
    max-width: 200px;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.trclientpositiontype {    
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    min-width: 150px;
    max-width: 150px;
    font-size: 14px;
}
.trclientpositionname {
    height: 30px;
    line-height: 30px;
    min-width: 300px;
    max-width: 300px;
    white-space: nowrap;
    font-size: 14px;
}
.trclientpositionadvisor {
    height: 30px;
    line-height: 30px;
    width: 70px;
    white-space: nowrap;
    font-size: 14px;
    text-align: center;
}
.trclientpositionquant {
    height: 30px;
    line-height: 30px;    
    font-size: 14px;
    font-family: 'Montserrat';
    width: 150px;
    text-align: center;    
}
.trclientpositionprice {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: 'Montserrat';
    width: 120px;
    text-align: center;
}
#trTabPositionsTitle {    
    height: 30px;
    font-family: 'Montserrat';
    width: 100%;
}
#trTabPositions{
    background-color: white;
    height: 750px;
    width: 100%;
    overflow-y: scroll;
}
.trPosition {
    display: flex;
    height: 30px;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid lightgray;            
    cursor: pointer;
}
.trPosition:hover {
    background-color: #2d3131;
    color: white;
}
.trPositionFamily {
    display: flex;
    height: 30px;
    justify-content: flex-start;
    align-items: center;
    background-color: #006187; 
    color: white;
    cursor: pointer;
}
.trPositionName {
    font-size: 14px;
    width: 250px;
    padding-left: 5px;
}
.trPositionAUM {
    font-size: 14px;
    font-family: 'Montserrat';
    width: 100px;
    text-align: left;
}
.trPositionAUMcheckbox {
    height: 20px;
    width: 20px;
    cursor: pointer;
}
#troTop {
    display: flex;
    justify-content: center;
    align-items: center;
}
.topTopItem {
    text-align: center;
    height: 50px;
    margin-right: 50px;
    font-size: 15px;
}
.troTopStat {
    color: #006187;
    font-size: 20px;
    font-family: 'Montserrat';
}
#trtTop {
    background-color: white;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#trtBottom {
    margin-top: 20px;
    width: 100%;
    height: 550px;
}
.trTopItem {
    cursor: pointer;
    text-align: center;
    width: 20%;
    height: 50px;
    line-height: 50px;
}
.trTopItem:nth-of-type(1), .trTopItem:nth-of-type(2) {
}
.trTopItem:hover {
    background-color: #2d3131;
    color: white;
}
.trTopItem:nth-of-type(4):hover {
    background-color: #006187 !important;
}
.trDate {
    text-align: center;
    font-size: 12px;
    font-family: 'Montserrat';
    height: 20px;
    outline: none; border: none;
    background-color: #e5e5e5;
}
.trDate:nth-of-type(2) {
    margin-top: 5px;
}
#trheads {
    display: flex;
    height: 30px;
    line-height: 30px;
    background-color: #2d3131;
    width: 100%;
    color: white;
}

#trlist {
    background-color: white;
    position: relative;
    overflow-y: scroll;
    overflow-x: scroll;
    height: 650px;
}
.notrmessage {
    position: absolute;
    left: 50px;
    top: 50px;
    font-size: 20px;
    text-align: center;
    color: #006187;
}
.trheaditem {
    cursor: pointer;
}
.trheaditem:hover {
    text-decoration: underline;
}
.tritem {
    display: flex;
    width: 2000px;
    border-bottom: 1px solid lightgray;
    height: 23px;
    line-height: 23px;
}
.tritem:hover > div {
    background-color: #e5e5e5 !important;
}
.tritemValue0 {    
    background-color: white;
    white-space: nowrap;
    min-width: 300px;
    max-width: 300px;
    font-size: 12px;
    padding-left: 5px;
}
.tritemValue1 {
    background-color: white;
    min-width: 150px;
    max-width: 150px;
    font-size: 12px;
    padding-left: 5px;
}
#trheads > div {
    background-color: #2d3131;
}
.tritemValue2 {
    background-color: white;
    min-width: 100px;
    max-width: 100px;
    font-size: 12px;
    padding-left: 5px;
}
.tritemValue3 {
    padding-left: 5px;
    min-width: 60px;
    max-width: 60px;
    font-size: 12px;
}
.trBoxClients, .trBoxAdvisors, .trBoxTypes {
    position: absolute;
    height: 300px;
    overflow-y: scroll;
    width: 250px;
    border: 1px solid lightgray;
    background-color: white;
}
.trClient {
    display: flex;
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid lightgray;
}
.trClient:hover {
    background-color: #2d3131;
    color: white;
}
.trClientName {font-size: 14px; cursor: pointer; width: 100%;}

.trClientCheckBox {
    height: 18px;
    width: 18px;
    cursor: pointer;
    margin-top: 7px;
}
#advisor {
    padding-left: 40px;
}
#clients {
    font-family: 'Montserrat';
}
#advisorHolder {
    display: flex;    
}
#adclients {
    width: 250px;
    z-index: 2;    
    border-right: 1px solid lightgray;
}

.rtabox{
    position: absolute;
    border: 1px solid lightgray;
    height: 500px;
    width: 700px;
    background-color: white;
    z-index: 10;
}
.rtaboxtop {
    position: relative;
    height: 70px;
    display: flex;justify-content: center; align-items: center;
    border-bottom: 1px solid lightgray; 
}
.rtaboxselect {
    font-family: 'Montserrat';
    height: 30px;
    width: 150px;
    outline: none;
}
.rtaboxselecttitle {
    font-size: 14px;
    margin-right: 10px;
}
.cl-comingsoon{ 
    opacity: 0.5;
    background-color: #e5e5e5;
    padding: 10px;
    position: relative;
}
.cl-comingsoon-text{ 
    position: absolute;
    font-size: 18px; font-weight: 600;
    text-align: center;
    top: 10px; right: 30px;
}
.cl-finexalogin { 
    position: absolute;
    left: 0; right: 0; 
    top: 200px;
    margin: 0 auto;
    padding: 20px;
    width: 350px;
    border: 1px solid lightgray;
    background-color: lightblue;
    border-radius: 15px;
    cursor: pointer;
}
.cl-finexalogin-result{ 
    font-size: 14px; color: #006187;
    margin-top: 10px;
}
.cl-finexalogin-user, .cl-finexalogin-pass { 
    width: 250px;
    height: 30px;
    margin-top: 20px; border: none;
    padding-left: 10px; border-radius: 10px;
}
.cl-finexalogin-authorise { 
    background-color: #006187; color: white;
    text-align: center; width: 150px;
    height: 30px; line-height: 30px; 
    margin: 20px auto;border-radius: 10px;
    cursor: pointer;
}
.cl-finexalogin-close {
    position: absolute;
    right: 5px; top: 5px;
    background-color: #006187; color: white;
    height: 30px; line-height: 30px; width: 30px; 
    text-align: center;
    border-radius: 50%;
}

#cl-instructions {
    display: none;
    padding: 20px;
    position: absolute;
    max-height: 750px;
    width: 850px;
    z-index: 112;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 20px;
    left: 0; right: 0;
    margin: 50px auto;
}
#cl-instr-title {
    text-align: left;
    font-size: 20px;
}

.cl-instr-section{ 
    margin-top: 10px; 
    margin-bottom: 10px;
    font-size: 16px; 
    color: black;
    font-weight: 600;
    width: 100%;
    border-bottom: 1px solid #006187;
}
.cl-demo { 
    background-color: #006187; color: white;
    width: 200px; height: 30px; line-height: 30px; 
    text-align: center;
    margin: 20px 20px 0 0;
    border-radius: 10px; cursor: pointer;
}
.cl-demo:hover {
    background-color: gray;
}
#cl-instr-close{ 
    position: absolute;
    background-color: #006187; color: white;
    text-align: center;
    height: 25px; line-height: 25px; width: 25px;
    cursor: pointer;
    border-radius: 50%;
    right: 10px;
}
.cl-demo-note{ 
    color: lightgreen;
    font-size: 13px;
    height: 30px; line-height: 30px; 
    margin-left: 10px;
}
.cl-instr-text {
    font-size: 14px;
}
.cl-instr-subtext {
    font-size: 12px;
}
.cl-instr-subtext-space {
    height: 10px;
    width: 10px;
}
#cl-cover {
    opacity: 0.9;
    position: fixed;
    top: 0; left: 0;
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 3;
    display: none;
}
#cl-sources { 
    height: 30px;
    display: flex;
}

.cl-source { 
    cursor: pointer;
    padding-left: 5px; padding-right: 5px;
    color: black; font-size: 13px;
    background-color: #2d3131;
    height: 30px; 
    border-right: 1px solid lightgray;
    display: flex; align-items: center;
    justify-content: center;
    min-width: 150px;
}
#compare { 
    position: relative;
    background-color: #e5e5e5;
}
#comparerolling { 

}
.comproll-batch-item { 
    display: flex; align-items: center;
    height: 30px; font-size: 13px;
    border-bottom: 1px solid lightgray;
}
.comproll-batch-item-name {
    width: 400px;
    padding-left: 5px; white-space: nowrap;
    overflow-x: hidden;
}

.comproll-batch-item .comproll-batch-item-name { 
    cursor: pointer;
}
.comproll-batch-item .comproll-batch-item-name:hover {
    text-decoration: underline;
}
.comproll-batch-item-val {
    width: 150px;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid lightgray;
}
.comproll-batch-sec { 
    width: 150px;
    border-right: 1px solid lightgray;
    display: flex;
    justify-content: center;
    align-content: center;
}

.comproll-batch-wp{ 
    width: 100px;
    text-align: center;
    border-right: 1px solid lightgray;
    font-size: 10px; 
}
#comproll-batchoptions .comproll-batch-wp { 
    display: flex;     
    justify-content: flex-start;
    align-items: center;
}
.comproll-batch-item .comproll-batch-wp { 
    font-size: 13px !important;
}
.comproll-batch-title {
    width: 10px;
    height: 30px; line-height: 30px;
    text-align: center;
    font-size: 12px;
}
.comproll-batch-val {
    min-width: 50px;
    max-width: 50px;
    text-align: center;
    height: 20px;
    background-color: #e5e5e5;
    border: none;
    font-size: 12px;
    outline: none;
}
.comproll-batch-val1-to, .comproll-batch-val2-to, .comproll-batch-val3-to, .comproll-batch-val4-to, .comproll-batch-val5-to {
    margin-left: 10px;
    margin-right: 10px;
}
.comproll-batch-val1-from, .comproll-batch-val2-from, .comproll-batch-val3-from, .comproll-batch-val4-from, .comproll-batch-val5-from {
    margin-left: 10px;
    margin-right: 10px;
}
#comparerolling-top {
    position: relative;
    padding: 10px;
    display: flex;
    align-items: center;
}
.comparerolling-caption { 
    font-size: 13px;
    margin-left:10px;
    min-width: 70px;
}
#comparerolling-run { 
    background-color: #006187;
    color: white; 
    text-align: center;
    margin-left: 20px;
    width: 70px; 
    border-radius: 10px;
    height: 25px; line-height: 25px; 
    font-size: 13px;
    cursor: pointer;
}
.comproll-count { 
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
}

#comparerolling-roll{ 
    border: none; outline: none;
    height: 25px;
    width: 50px;
    text-align: center;
    margin-left: 10px;
    background-color: #e5e5e5;
}
#comparerolling-startdate, #comparerolling-enddate{ 
    border: none; outline: none;
    height: 25px;
    padding-left: 5px;
    text-align: center;
    width: 120px;
    margin-left: 10px;
    font-size: 12px;
    background-color: #e5e5e5;
}
.cl-source-icon{ 
    height: 20px;
    margin-right: 10px;
}
.cl-source-icon-wifi { 
    height: 30px;
    margin-right: 5px;
}
.cl-source-icon-finexa{ 
    height: 15px;
}
.cl-source-icon1 {
    height: 16px;
    margin-right: 10px;
}
#clientlist{
    height: 700px;
    overflow-y: scroll;
    width: 100%;
}
#adclientstop {
    width: 250px;
    display: flex;
}
#adclientlist {
    width: 250px;
    height: 800px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.famplus {
    position: absolute;
    top: 8px;
    left: 3px;
    height: 12px;    
    margin-top: 2px;
}
.rzp-paynow { 
    margin: 20px auto;
    width: 100px; height: 60px; line-height: 60px;
    text-align: center; background-color: #006187;
    color: white; cursor: pointer;
}
.rzp-paynow:hover { 
    background-color: #2d3131;
}
#rzp-frame {
    margin-top: 10px;
    width: 900px; 
    height: 600px;
}
.rzp-input { 
    height: 30px;
    width: 250px;
    margin-bottom: 10px;
    outline: none;
    padding-left: 10px;
    background-color: #e5e5e5;
    border: none;
    border-radius: 5px;
}
.rzp-sec {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}
.rzp-sec-middle{ 
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    padding-left: 20px;
    padding-right: 20px;
}
.rzp-title {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.rzp-title-name{ 
    width: 200px;
    text-align: right;
    padding-right: 10px;
}
.rzp-title-value {
    width: 100px; 
    text-align: center;
}
.expdays, .expamt, .expamt-gst {
    font-weight: 600;
}
#rzp-terms {
    font-size: 13px;     
}
.rzp-terms-item { 
    color: #006187;
}
#orguserlist { 
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.orguser, .orguser-head { 
    height: 35px; 
    display: flex; align-items: center;
    font-size: 12px; 
    border-bottom: 1px solid lightgray;
}
.orguser-head { 
    font-weight: 600;
}
.orguser-noaccess{ 
    color: red;
    font-size: 12px;
}
.orguser-checkbox{
    margin-inline: 25px;
    height: 25px; 
    width: 25px;
}
.orguser-checkbox-title{ 
    min-width: 75px;
    max-width: 75px;
    text-align: center;
}

#noshowrta  {
    display: none;
    z-index: 99;
    height: 100%;
    width: 100%;
    position: fixed; 
    top: 110px;    
    padding-top: 250px;    
    left: 0px; 
    background-color: white; 
    opacity: 0.7;
    display: flex; 
    justify-content: center;
}
#noshowrtatext {    
    display: none;
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    width: 700px;
}
.orguser-name{ 
    min-width: 250px;
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden
}
.orguser-email { 
    min-width: 250px; 
    max-width: 250px;
    white-space: nowrap;
    overflow: hidden
}
.orguser-expiry { 
    min-width: 120px; 
    max-width: 120px;
}
.rzp-loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #006187;
    width: 50px;
    display: none;
    margin-left: 30px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

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

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

    100% {
        transform: rotate(360deg);
    }
}
#orgusers{
    background-color: white;
    border-radius: 10px;
    z-index: 101;
    padding: 20px;
    margin: 20px 20px;
    width: 900px;
    border: 2px solid lightgray;
}
#rzp {
    background-color: white;
    border-radius: 10px;
    z-index: 101;
    padding: 20px;
    margin: 20px 20px;
    width: 900px;
    border: 2px solid lightgray;
}
.rzp-close { 
    background-color: white;
    cursor: pointer;
    height: 30px; line-height: 30px;
    width: 30px; text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 10px; 
    top: 10px;
}
#adoverlay {
    height: 1000px;
    width: 100%;
    top: 0px;
    background-color: white;
    z-index: 100;
    opacity: 0.8;
    position: absolute;
}
#accountview, #admainview {
    position: relative;
}
#accountview {    
    width: 1300px;
    height: 700px;
}
#accountViewTop{
    width: 100%;    
    border-bottom: 1px solid lightgray;
}
#accountClients {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 40px;
    width: 600px;
    border-top: 1px solid lightgray;
    border-right: 1px solid lightgray;
    padding-left: 10px;
}
.famClient {
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    font-size: 12px;
    min-width: 100px;
    background-color: #e5e5e5
}
.famClientAum {
    color: #006187;
    font-family: 'Montserrat';
}

#accountTabs {
    height: 32px;
    display: flex;
    justify-content: flex-start;
    align-items: center;    
}
.accountTab {
    height: 30px;
    line-height: 30px;
    width: 200px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}
.accountTab:hover {
    background-color: #63939c;
    color: white;
}
#accountViewBottom {
    display: flex; justify-content:flex-start; align-items: flex-start; 
}
#accountName {
    width: 100%;
    text-align: center;
    font-size: 22px;
    margin-bottom: 10px;
}
#accountOptions {  
    min-height: 40px;  
    display: flex;
}
#adoverview{
    width: 800px;
    height: 100%;
}
#adportfolio {
    position: relative;
    border-left: 1px solid lightgray;
    height: 100%;
    width: 700px;
}
#adportfoliolist{    
    height: 600px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.adportitem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 35px;
    border-bottom: 1px solid lightgray;
}
.adportitemtype{
    margin-left: 10px;
    height: 23px;
}
.adportitemname{
    width: 350px;
    white-space: nowrap;
    margin-left: 10px;
    font-size: 13px;    
}
.adportitemnamelink {
    cursor: pointer;
}
.adportitemnamelink:hover {
    color: #006187;
    text-decoration: underline;
}
#adportfoliotop {
    width: 100%;
    text-align: center;
    color: #006187;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    font-family: 'Montserrat';
}
.adportitemvalue{
    background-color: white;
    padding-left: 5px;
    font-family: 'Montserrat';
    width: 85px;
    font-size: 13px;
}
#adoverviewtop {
    display: flex;
    height: 70px;    
    border-bottom: 1px solid lightgray;
}

.cl-clientview-analytics{ 
    width: 1200px;
}

#rmanalytics {
    position: relative;
    width: 100%;
    height: 100%;
}
.totalaumvalue {
    color: #006187;
    font-size: 22px;
}
.clientanalyticsback {
    font-size: 15px;
    color: #006187;
    position: absolute;
    top: 10px;
    left: 10px;
    cursor: pointer;
}
.advnotfound:hover, .clientanalyticsback:hover {
    text-decoration: underline;
}
.advnotfound{
    width: 150px;
    font-size: 13px;
    color: #fc6b6b;
    position: absolute;
    top: 50px;
    left: 10px;
    cursor: pointer;
}
.notfoundlist {
    background-color: #006187;
    color: white;
    position: absolute;    
    width: 500px;
    border: 1px solid lightgray;
    max-height: 200px;
    overflow-y: scroll;
}
.notfounditem {
    display: flex;
    justify-content: flex-start;
    height: 25px;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.notfounditem:last-of-type {
    border-bottom: none;
}
.notfounditemname {
    width: 400px;
    white-space: nowrap;
    padding-left: 10px;
    font-size: 13px;
}
.notfounditemvalue {
    font-family: 'Montserrat';
    width: 100px;
    font-size: 13px;
}
.totalaum {
    font-family: 'Montserrat';
    font-size: 12px;
    width: 200px;
    text-align: center;
    height: 70px;
    line-height: 70px;
}
#adoverviewbottom {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
#adoverviewbottomlefttop{
    height: 300px;
}
#rmeqsectors {
    margin-top: 30px;
    margin: 20px;    
    height: 300px;
    width: 300px;
}
#rmeqmarketcap, #rmmftypes {
    height: 300px;
    width: 300px;
}
#rmmftypes {
    margin-top: 20px;
}
#adportshowall:hover {
    text-decoration: underline;
}
#adportshowall {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 14px;
    color: #006187;
    cursor: pointer;
}
.adoitemmf {
    display: flex;
    height: 30px;
    line-height: 30px;
    font-size: 13px;
    width: 350px;
    background-color: #ebebeb;
}
.adoitem{
    display: flex;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    width: 350px;
    background-color: #e5e5e5;
}
.adoitemname{
    width: 180px;
    padding-left: 15px;
}
.adtopstat{    
    font-size: 12px;
    margin-left: 30px;   
    height: 100%;    
    text-align: center;    
    padding-top: 10px;
}
.topStatValue {    
    font-size: 20px;
    color:#006187;    
    font-family: 'Montserrat';
}
.adoitemvalue {
    font-family: 'Montserrat';
    width: 100px;
}
.adoitemperc {
    font-family: 'Montserrat';
    width: 60px;
    margin-right: 10px;
}
#backtoadmainview:hover {
    text-decoration: underline;
}
#backtoadmainview{
    position: absolute;
    top: 5px;
    left: 5px;
    width: 150px;
    font-size: 14px;
    color: #006187;
    cursor: pointer;
}
#adhomebottom {
    height: 400px;
    margin-top: 20px;
    width: 100%;
}
.adhometitle {
    margin-left: 50px;
    margin-top: 10px;
    font-size: 20px;
    color: #006187;
}
.adHomeItem {    
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90px;
    width: 500px;
}
.adHomeStat {
    width: 250px;
    text-align: center;
}
.adHomeTopValue {
    color: #006187;
    font-size: 28px;
    font-family: 'Montserrat';
}
.adHomeTopTitle {
    font-size: 13px;
}
#adhometop {
    padding-top: 10px;
    height: 300px;
    border-bottom: 1px solid lightgray;
    width: 100%;
}
#sectypechart {
    margin-top:20px;
    height: 400px;
    width: 400px;
}
#sectypedetailchart {
    margin-top: 10px;
    margin-left: 50px;
}
#familieswithsecTitle {
    width: 100%;
    text-align: left;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
#familieswithsec {
    margin-left: 20px;    
}
#familieswithseclist {
    border: 1px solid lightgray;
    height: 320px;
    width: 500px;    
    overflow-y: scroll;
}
.familieswithsecitem {
    cursor: pointer;
    display: flex;
    height: 30px;
    font-size: 14px;
    border-bottom: 1px solid lightgray;
    align-items: center;
}
.familieswithsecitem:hover {
    background-color: #e5e5e5;
}
.familieswithsecitemname {
    padding-left: 10px;
    width: 400px;
    cursor: pointer;
}
.familieswithsecitemname:hover {
    color: #006187;
    text-decoration: underline;
}
.familieswithsecitemvalue{
    text-align: left;
    width: 100px;
    font-family: 'Montserrat';
}
#topFamiliesChart {
    height: 250px;
    width: 500px;
    margin-left: 50px;
}
.adclient {
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    line-height: 25px;
    height: 25px;
    font-size: 13px;
    padding-left: 25px;
    color: #006187;
    background-color: #e5e5e5;
}

.lntmodel {
    background-color: #EF7025;    
}
.lntmodelcl{
    background-color: #EF7025;    
}
.adfamily {
    position: relative;
    border-bottom: 1px solid lightgray;
    user-select: none;
    cursor: pointer;
    white-space: nowrap;
    padding-left: 18px;
    line-height: 35px;
    height: 35px;
    font-size: 13.5px;
}
#adclientlisttitle{
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    color: #006187;
}
#adclientsearch {
    background-color: #e5e5e5;
    width: 250px;
    height: 25px;
    text-align: center;
    border: none;outline: none;
}
.hideclients{
    height: 15px;
    cursor: pointer;
    right: 60px;
}
#clientlisticons {
    margin-left: auto;
    width: 120px;    
    margin-top: 7px;
    margin-right: 5px;
    height: 100%;    
    display: flex;
}
.adicons {
    margin-left: 10px;
    cursor: pointer;
    height: 12px;   
    margin-top: 2px;      
}
#adhomelink {
    margin-top: 0px;
    height: 16px;    
}
#noperformance, #noreports{
    text-align: center;        
    font-size: 20px;
    padding-top: 100px;
    padding-left: 20px;
    color:  #006187;
    width: 50%;
    height: 100%;
}
.advperformancedetails {
    min-width: 300px;
    margin-left: 20px;
}
.advperformancedetails1 {
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;
    display: flex;
    align-items: center;    
    margin-left: 20px;
}
.idperfstattitle {
    width: 120px;
}
.idperfstatyear {
    width: 85px;    
}
.idperfstattitlename1 {
    border-top: 1px solid lightgray;
}
.idperfstattitlename, .idperfstattitlename1 {
    font-family: 'Montserrat';
    text-align: right;
    min-height: 30px;
    max-height: 30px;
    line-height: 30px;
    padding-right: 10px;
    font-size: 14px;
}
#advperformancedetail {
    display: flex;
    margin-top: 20px;
}
#advperformancetop {
    background-color: #e5e5e5;
    height: 200px;
    width: 100%;
}
#advperformancename {
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 25px;
    padding-top: 5px;
    color: #006187;
}

.advperformancedetail {
    background-color: white;
    display: flex;    
    align-items: center;
    min-width: 150px;
    height: 25px;
}
.advperformancedetailname {
    font-size: 15px;    
    width: 150px;
    text-align: right;
}
.advperformancedetailvalue {
    padding-left: 10px;
    font-family: 'Montserrat';
    width: 100px;
    font-size: 15px;    
    color: #006187;
}
.cpopt {
    position: absolute;
    border: 1px solid gray;
    background-color: white; 
    border-radius: 10px;
    width: 350px;
}
.cpopt-sec{ 
    padding-left: 40px;
    padding-bottom: 20px; 
    border-bottom: 1px solid lightgray;
}
.cpopt-error{ 
    font-size: 11px;     
    margin-top: 10px;    
    color: red;
}
.cpopt-pass{ 
    margin-top: 10px; 
    padding-left: 10px;
    border: none;
    outline: none; 
    height: 30px; 
    background-color: #e5e5e5;
    width: 200px;
}
.cpopt-help1, .cpopt-help2 { 
    font-size: 11px;     
    margin-top: 10px; 
    width: 300px; 
}
.cpopt-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; 
}
.cpoptitem {
    border-bottom: 1px solid lightgray;
    height: 40px;
    display: flex; justify-content: center; align-items: center;
}
.cpoptcapital{
    font-family: 'Montserrat';
    outline: none; border: none;
    margin-right: 20px; 
    width: 200px;
    background-color: #e5e5e5;
    height: 25px; line-height: 25px; 
    text-align: center;
}
.cpoptsubmit {
    background-color: #006187; color: white;
    text-align: center;
    height: 25px; line-height: 25px; 
    padding: 0 10px 0 10px;
    cursor: pointer;
}
.cpoptsubmit:hover {
    background-color: gray;
}
#perfPDF {
    margin-left: 10px;
    height: 50px; 
    cursor: pointer;   
}
#actabreports{
    padding-top: 50px;
    display: flex;
    justify-content: flex-start;
}
.reportcolumn {    
    width: 400px;
    height: 700px;    
    padding-left: 10px;
}
.reportcolumntitle {
    font-size: 18px;
    font-weight: 600;
    text-align:center;
    width: 100%;
    height: 50px;
    line-height:50px;
}
.rcitem {
    height: 35px;        
    display: flex;
    align-items: center;
    padding-left: 20px;
}
.rcimage{
    cursor: pointer;
    height: 20px;        
    margin-right: 20px;
}
.rcimagehide {
    opacity: 0.3;
    cursor: default !important;
}
.rcname {
    font-size: 13px;
}

.rcbigger{
    background-color: #006187;
    color: white;
}
.rcbigger > .rcname {
    font-size: 14px;
}
.rcbigger > .rcimage {
    height: 25px !important;    
}
#clientreportclients {
    width: 200px;
    font-family: 'Montserrat';
    font-size: 14px;
    height: 30px;    
    margin-left: 10px;
}
#distreportdists {
    width: 300px;
    font-family: 'Montserrat';
    font-size: 14px;
    height: 30px;    
    margin-left: 10px;
}
.clientreportclientstitle{
    height: 30px;    
    line-height: 30px;
    font-size: 15px;
}
#comparechart4 {
    position: relative;
    text-align: center;
}
#compcorr {
    font-family: 'Montserrat';
    margin-top: 30px;
}
.ccrow {     
    border-bottom: 1px solid lightgray;
    min-height: 25px; 
    max-height: 25px; 
    text-align: center;
    display: flex;
    margin-left: auto; margin-right: auto;
}
.cccol {
    border-right: 1px solid lightgray;
    height: 25px; line-height: 25px; width: 30px;
    text-align: center;
    font-size: 11px;
}
.ccdiag {
    background-color: #e5e5e5 !important;
}
.cccoltitle{
    min-height: 30px;
    max-height: 30px; line-height: 30px;
    white-space: nowrap;
    text-align: right; padding-right: 10px;
    width: 300px; 
    font-size: 12px;
    border-right: 1px solid lightgray;
}
.compcorrtoptitle {
    top: 30px;
    display: none;
    position: absolute;
    padding-left: 10px; padding-right: 10px; 
    background-color: #006187; color: white;
    font-size: 13px;height: 30px; line-height: 30px;
}
#compscatterchange{ 
    display: flex;
    height: 30px; 
    align-items: center;
}
#compscatterlabels {
    position: absolute;
    border: 1px solid lightgray;
    border-radius: 15px;
    bottom: 5px; 
    left: 800px;
    height: 40px; 
    width: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.compscatterlabels-checkbox{ 
    height: 25px; width: 25px; 
    cursor: pointer;
}
.compscatterlabels-text{ 
    font-size: 13px;
    margin-left: 10px;
}
#compscatterdates {
    font-size: 14px;
    margin-top: 20px;
    margin: 10px;
}
#compscatter {
    height: 500px;
    width: 1380px;
    margin-top: 10px;
}
#compcorrdates {
    height: 30px; line-height: 30px;
    font-size: 14px;
}
.marketeq { 
    display: none;
    width: auto;
}
.live_eq_opts{ 
    display: flex;
    height: 30px; align-items: center;
    margin-left: 25px;
}
.live-cols { 
    position: absolute;
    border: 1px solid lightgray;
    max-height: 700px;
    border-radius: 15px;
    opacity: 0.9;
    background-color: #e5e5e5;
    width: 980px;
}
.live-cols-content {
    display: flex;
    flex-wrap: wrap;
}
.live-cols-cat {
    margin-bottom: 10px;
    width: 230px;
    margin-right: 10px;
}
.live-cols-cat-head{ 
    text-align: center;
    height: 25px; line-height: 25px;
    background-color: #2d3131;
    color: white;
    font-size: 15px;
}
.live-cols-name-checkbox{ 
    height: 20px; width: 20px; 
    cursor: pointer;
}
.live-cols-name{
    height: 23px; 
    display: flex; align-items: center;
    padding-left: 5px;
    border-bottom: 1px solid lightgray;
}
.live-cols-name-text { 
    margin: 10px;
    font-size: 12px;
}
.live_eq_desc { 
    font-size: 14px; color: #006187; 
}
.live_eq_cols {
    margin-left: 30px;
    font-size: 12px; padding: 0 10px 0 10px;
    background-color: #006187; color: white;
    height: 25px; line-height: 25px; cursor: pointer;
}
.live_eq_cols:hover { 
    background-color: gray;
}
#live_eq_table { 
    margin: 0 0 0 20px; 
    overflow-x: scroll;
    height: 700px;
    overflow-y: scroll;
    user-select: none;
    position: relative;
    border: 1px solid lightgray;
    border-radius: 10px;
}
.live_eq_item {
    cursor: pointer
}
#live_eq_table, .live_eq_item {
    min-width: 1500px;
    max-width: 1500px;
}
#live_opts {
    background-color: lightblue;
    border-radius: 10px;
    width: 1000px;
    display: flex; align-items: center;
    margin: 20px;    
}
.live_opt{ 
    margin-left: 15px;
    height: 100%;
    display: flex; align-items: center;
    font-size: 11px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.live_wl {
    margin-left: 15px;
    height: 100%;
    display: flex; align-items: center;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.live-addw, .live-addw-head{ 
    height: 22px;
    margin-left: 10px;
}
.live-addw-head { 
    opacity: 0;
}
.live-delw {
    height: 20px;
    margin-right: 10px;
}

#live-watchlists { 
    width: 300px;
    margin-left: 10px;
    height: 25px;
    border: none;
    outline: none;
}
.live-noresult {
    position: absolute;
    margin: 250px auto;
    left: 0; right: 0;
    font-size: 15px; 
    text-align: center;
    display: none;
}
.live-refresh:first-of-type {
    padding-left: 10px;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.live-refresh { 
    padding-top: 10px;
    padding-bottom: 10px;
    height: 100%;
    background-color: gray; color: white;
    font-size: 12px; display: flex; align-items: center;    
}
.live-refresh-img { 
    height: 20px;  cursor: pointer; margin-right: 5px;
}
.live-hist {
    background-color: #e5e5e5;
    position: fixed;
    width: 100%;
    top: 150px;
    margin: 0 auto;
    left: 0; right: 0;
    padding-top: 50px;
    overflow: hidden;
    display: none;
    width: 1200px;
    border: 1px solid lightgray;
    border-radius: 20px;
    align-items: flex-start;
    justify-content: flex-start;
    z-index: 101;
}
.live-hist-addw { 
    position: absolute; 
    margin: 0px auto;
    top: 4px; left: 70px;
    height: 35px; width: 35px;
    cursor: pointer;
}
.live-hist-close, .live-hist-close-left {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 25px;
    background-color: #2d3131;
    color: white;
}
.live-hist-close-left { 
    left: 10px; right: auto;
}
.live-hist-title{ 
    position: absolute;
    z-index: 100;
    font-size: 20px; color: #006187;
    text-align: center;
    margin: 0 auto;
    left: 0; right: 0;
    width: 800px;
    top: 10px;
}
.live-hist-title-time{ 
    margin-left: 20px;
    font-size: 12px;
    color: black;
}
.live-hist-container{ 
    width: 200px;
    border-radius: 10px;
    margin-bottom: 10px; margin-right: 10px;
}
.live-hist-item{ 
    display: flex;  
    height: 20px; 
    font-size: 11px;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.live-hist-item-name{ 
    white-space: nowrap;
    overflow-x: hidden;
    width: 150px;
    padding-left: 10px;
}
.live-hist-item-value{ 
    width: 60px;
    color: #006187;
    white-space: nowrap;
}
.live-hist-containers {
    display: flex;
    flex-wrap: wrap;margin-left: 20px;
}
.live-hist-container-title { 
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 25px; line-height: 25px; 
    text-align: center;
    font-size: 13px; font-weight: 600;
    border-bottom: 1px solid gray;
}

#live-hist-chart, #live-hist-longterm { 
    width: 500px;
    min-height: 250px;
    max-height: 250px;
}

.liveeqloader:nth-last-of-type(1) {
    margin: 30px auto;
}
.liveeqloader:nth-last-of-type(2) {
    margin: 30px auto;
}
.live-hist-image, .live-hist-image-left {
    height: 25px;
    cursor: pointer;
    position: absolute;
    top: 10px; right: 40px;
}
.live-hist-image-left { 
    left: 40px; right: auto;
}
.liveeqloaderholder{ 
    position: absolute; 
    padding: 30px;
    text-align: center;
    margin: 100px auto;
    left: 0; right: 0;
    border: 1px solid lightgray;
    border-radius: 10px;
    width: 500px;
    background-color: white;
}
.liveeqloadertext { 
    color: #006187;
    top: 300px;
    font-size: 20px;
    text-align:center;
}
.liveeqloader {
    font-size: 10px;
    overflow: hidden;
    width: 1em;
    height: 1em;
    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);
    }
}


#live-hist-loader, #live-hist-longterm-loader {
    z-index: 2;
    position: absolute;
    width: 400px;
    display: flex;
}
#live-hist-longterm-loader {
    left: 80px;  
    top: 350px;
}
#live-hist-loader {
    left: 80px; 
    top: 50px;
}
.live-hist-loader-img { 
    height: 80px; margin-right: 20px;
    animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.6;
  }
}
.live-hist-loader-txt{ 
    font-size: 20px; color: #006187;
    height: 80px; line-height: 80px;
}
.live-refresh-txt { 
    width: 45px;
    height: 25px; line-height: 25px; font-size: 11px;
    transition-duration: 0.5s; color: lightblue;
}
.live-listoption{ 
    outline: none;
    height: 25px; margin-left: 10px;
    margin-right: 20px;    
}
.live_checkbox {
    height: 18px; width: 18px; cursor: pointer;
    margin-right: 3px;
    margin-left: 15px;
}
#live_eq_status { 
    display: none;
    position: absolute;
    left: 0; right: 0;
    margin: 100px auto;
    height: 50px; line-height:50px;
    text-align: center;
    width: 200px;
    font-size: 14px;
}
.live_eq_lookup{ 
    margin-left: 20px;
}
.stocks-excel-text{ 
    font-size: 13px; 
    margin-left: 10px;
}
#live_eq_max{ 
    margin-left: 10px; margin: 10px;
}
.live_eq_title{ 
    margin-left: 20px;
    font-size: 14px;
    height: 30px; display: flex;     
    align-items: center;
    justify-content: center;
}
.live_eq_item_head { 
    width: auto;
    color: black;
    font-weight: 600;
    height: 35px !important;
    border-top-right-radius: 10px;
}
.live_eq_item_head .live_eq_item_add {
    position: relative;
    cursor: pointer;
}
.live_eq_item_head .live_eq_item_add:last-of-type {
    border-top-right-radius: 10px;
}
.live_eq_arrow {
    position: absolute;
    right: 0px; 
    height: 20px;
}
.live_eq_item_head .live_eq_item_add:hover {
    text-decoration: underline;
}

.live_eq_item_add {
    height: 25px !important;
    display: flex; align-items: center;
    justify-content: center;
    min-width: 90px; max-width: 90px;
    padding-right: 3px;
    text-align: center;
}
.live_eq_item_add_click { 
    background-color: #e5e5e5 !important;
}
.live_eq_item, .live_eq_item_head { 
    font-size: 12px; 
    display: flex;
    height: 25px; align-items: center;
}
.live-watchlists-delete {
    height: 25px;
    margin-left: 20px; cursor: pointer;
}
.live_eq_up { 
    color: green;
}
.live_eq_down { 
    color: #e67575;
}
.live_eq_name {
    min-width: 125px;
    max-width: 125px;
    padding-left: 5px;
    height: 25px; display: flex; align-items: center; justify-content: flex-start;
}
.live_eq_item .live_eq_item_add { 
    height: 25px; display: flex; align-items: center; justify-content: center;
}
.live_eq_name_ghost { 
    display: none;
    position: absolute;
    height: 25px; line-height: 25px;
    min-width: 125px;
    max-width: 125px;
    padding-right: 5px;
    text-align: right;
    background-color: #e5e5e5 !important;
    color: black;
    opacity: 0.9;
}
.live_eq_sector {
    height: 25px; 
    display: flex; align-items: center; justify-content: flex-start;
    min-width: 150px;
    max-width: 150px;
    white-space: nowrap; overflow: hidden;
}
.live-sectors {
    outline: none; border: none;
    background-color: white;
    margin-left: 10px;
    height: 22px;
    width: 200px;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
}
.live_eq_lookup { 
    outline: none; border: none;
    background-color: white;
    margin-left: 10px;
    height: 22px;
    width: 200px;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
}
.live_eq_price, .live_eq_change, .live_eq_mcap { 
    min-width: 80px;
    max-width: 80px;
    text-align: center;
    height: 25px; display: flex; align-items: center;justify-content: center;
}
.live_eq_item_head div { 
    font-size: 11px;
}
.live_eq_item_head .live_eq_stat, .live_eq_item_head .live_eq_stat1, .live_eq_item_head .live_eq_stat2 {
    cursor: pointer;
    color: lightblue;
}

.live_eq_item_head .live_eq_stat:hover, .live_eq_item_head .live_eq_stat1:hover, .live_eq_item_head .live_eq_stat2:hover {
    text-decoration: underline;
}
.live_eq_stat {
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
.live_eq_stat1{ 
    min-width: 50px;
    max-width: 50px;
    text-align: center;
}
.live_eq_stat2{ 
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
.live_eq_item_head .live_eq_change, .live_eq_item_head .live_eq_mcap {
    cursor: pointer;
}
.live_eq_item_head .live_eq_change:hover, .live_eq_item_head .live_eq_mcap:hover {
    text-decoration: underline;
}
.live_eq_time {
    min-width: 100px;
    max-width: 100px;
    font-size: 10px;
    height: 25px; display: flex; align-items: center; justify-content: center;
    text-align: center;
}
.live-stale {
    opacity: 1;
}
.live-atw { 
    position: absolute;
    background-color: white; 
    border: 1px solid gray;
    padding: 10px;
    width: 300px;
    z-index: 200;
    border-radius: 10px;
}
.live-atw-error{ 
    font-size: 13px; 
    color: red;
    height: 25px; line-height: 25px; 
    text-align: center;
}
.live-atw-title{
    font-size: 16px; text-align: center;
    height: 30px; line-height: 30px; 
    border-bottom: 1px solid lightgray;
}
.live-atw-new { 
    height: 30px; line-height: 30px;  
    cursor: pointer;
    font-size: 14px; text-align: center;
    background-color: lightblue;
    margin-top: 20px; width: 100px;
}
.live-atw-new:hover { text-decoration: underline; }

.live-atw-new-holder{ 
    display: flex; height: 30px; align-items: center;
    border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}
.live-atw-new-save{ 
    height: 30px; line-height: 30px; background-color: #006187; color: white;
    width: 70px; font-size: 14px; cursor: pointer; text-align: center; cursor: pointer;
}
.live-atw-new-name {
    outline: none; border: none;
    padding-left: 10px;
    background-color: #e5e5e5;
    height:30px; line-height: 30px; 
    width: 150px; margin-left: 20px; margin-right: 20px;
}
.live-atw-watchlist { 
    height: 25px; line-height: 25px;
    border-bottom: 1px solid lightgray;
    font-size: 13px; cursor: pointer;
}
.live-atw-watchlist:hover {
    background-color: #e5e5e5;
}
.bulkdownload{ 
    position: absolute;
    left: 0px; right: 0px;
    margin: 0 auto;
    width: 1000px;
    top: 120px;
    height: 600px;
    border: 1px solid lightgray;
    border-radius: 10px;
    background-color: white;
    z-index: 100;
}
.bd-close{ 
    position: absolute; top: 5px;
    right: 5px;
    height: 25px; width: 25px; line-height: 25px; text-align: center;
    background-color: #006187; color: white;
    border-radius: 50%;
    cursor: pointer;
   
}
.bd-top{ 
    height: 100px;
    border-bottom: 1px solid lightgray;
}
.bd-title{ 
    text-align: center;
    margin-top: 10px;
    color: #006187; 
    margin-bottom: 20px;
}
.bd-bottom {    
    display: flex;  
    height: 490px;
}
.bd-list{ 
    width: 700px;
    border-right: 1px solid lightgray;   
}
.bd-item{ 
    height: 30px; display: flex; align-items: center;
    border-bottom: 1px solid lightgray;
    font-size: 13px;
}
.bd-item-type{ 
    width: 100px;
    padding-left: 10px;
}
.bd-item-name { 
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 10px;
}
.bd-funds, .bd-stocks { 
    background-color: #e5e5e5;
    border-radius: 10px; 
    text-align: center;
    font-size: 13px;
    width: 200px; height: 30px; line-height: 30px;
    margin-left: 20px;    
    border: none;outline: none;
}
#newstocks {
    cursor: pointer;
    height: 60px; 
    width: 250px;
    padding: 20px;
    text-align: center;
    margin-left: 30px; 
    border: 1px solid lightgray;
    border-radius: 15px;
    background-color: white;
}
#newstocks:hover {
    background-color: lightblue;
}
#clients {
    padding-left: 30px;
    position: relative;
}
#cl-topbar { 
    height: 30px; width: 100%;
    display: flex; align-items: center;
    background-color: #2d3131;
}
.cl-opt:hover { 
    background-color: gray;
}
.cl-opt {
    cursor: pointer;
    display: flex;
    justify-content: center;
    border-right: 1px solid lightgray;
    width: 140px;
    background-color: #006187;
}
.cl-img{ 
    margin-top: 3px;
    height: 25px;
    margin-right: 8px;
}
.cl-opt-i {
    margin-top: 6px;
    margin-right: 10px;
    font-size: 15px;
    font-weight: 600;
    background-color: white;
    color: #006187;
    text-align: center;
    height: 18px; line-height: 18px; width: 18px;
    border-radius: 50%;
}
.cl-multi-option {
    position: absolute;
    right: 250px;
    top: 3px;
    height: 15px; 
    width: 15px;
    cursor: pointer;    
}
.cl-multi {
    position: absolute;
    right: 120px;
    top: 6px;
    font-size: 12px;
}
.cl-sortbytitle:hover {
    text-decoration: underline;
}
.cl-sortbytitle { 
    position: absolute;
    font-size: 12px;
    color: #006187;
    cursor: pointer;
    right: 10px;
    top: 9px;
}
.cl-sortbyoptions{ 
    left: 120px;
    top: 30px;
    width: 150px; 
    z-index: 10;
    background-color: white;
    border: 2px solid lightgray;
    position: absolute;
}
.cl-sortbyoption {
    cursor: pointer;
    background-color: white;    
    height: 25px; line-height:25px; 
    border-bottom: 1px solid lightgray;
    text-align: left;
    padding-left: 5px;
    font-size: 13px;
}
.cl-opt-txt {
    height: 30px; line-height: 30px;
    font-size: 12px;
    margin-left: 0px;
    color: white;
    padding-right: 10px;
}
.cl-opt-txt1 { 
    height: 30px; line-height: 30px;
    text-align: center;
    border-right: 1px solid lightgray;
    color: white; font-size: 13px;
    padding-left: 10px; padding-right: 10px;
}
.rta-arn-nothing{ 

}
.rta-arn-settings-close { 
    background-color: #2d3131;
    color: white;
    height: 30px; width: 30px; 
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 5px; right: 5px; 
    border-radius: 50%;
}
.rta-arn-settings-title { 
    position: absolute;
    top: 10px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #006187;
}
.rta-arn-setting { 
    margin-bottom: 20px; 
    margin-right: 20px;
    border: 2px solid #2d3131;
    max-width: 300px;
    min-width: 300px;
    height: 500px;
    padding: 10px;
}
.rta-arn-setting-arn{ 
    padding-left: 10px;
    height: 40px; line-height: 40px; 
    background-color: #2d3131;
    color: white; 
    font-size: 15px;
}

.rta-arn-checks{ 
    display: flex;
    align-items: center;
    height: 40px; 
    border-bottom: 1px solid lightgray;
}
.rta-arn-checklabel{ 
    margin-left: 10px;
    font-size: 13px;
}

.rta-arn-isria, .rta-arn-active { 
    margin: 5px;
    height: 25px; width: 25px; 
    cursor: pointer;
}
.disc-arn-help {
    background-color: #e5e5e5;
    color: black;
    padding: 10px; 
    width: 80%;
    margin-bottom: 10px;
}
.rta-arn-help{ 
    background-color: #e5e5e5;
    color: black;
    padding: 10px; 
    width: 90%;
    margin-bottom: 10px;
}
.disc-arn-text {
    font-size: 13px;
    color: #006187;
}
.rat-arn-text{
    font-size: 13px;
}
.rat-arn-text span { 
    cursor: pointer;
}
.rta-arn-arn{ 
    padding-left: 5px;
    width: 150px;
    border: none; outline: none;
    background-color: #2d3131;
    color: white;
    height: 40px;
    margin-left: 10px;
}
.rta-arn-email { 
    padding-left: 5px;
    width: 280px;
    border: none; outline: none;
    background-color: #e5e5e5;
    height: 30px;
    margin-left: 10px;
}
.rta-arn-setting-tolist { 
    font-size: 14px;     
    color: black;
    padding: 10px;
    
}
.rta-help {
    font-size: 12px;
    color: #006187;
    margin-top: 10px;
    height: 25px;
}
.rta-add { 
    position: absolute;
    top: 0px;
    left: 50px;
    text-align: center;
    width: 150px; 
    font-size: 13px;
    border-radius: 10px;
    background-color: #006187; color: white;
    height: 30px; line-height: 30px; 
    cursor: pointer;
}
.rta-inactive { 
    background-color: #e67575;
}
.rta-submit { 
    width: 150px;
}
.rta-submit { 
    margin: 20px auto; 
    height: 30px; line-height: 30px;     
    text-align: center;
    font-size: 12px; 
    border-radius: 10px;
    cursor: pointer;
    background-color: green;
    color: white;
}

.rta-arn-settings {         
    display: flex;
    flex-wrap: wrap;
    padding: 50px 20px 20px 20px; 
    position: relative;
    background-color: white;
}
#cl-content {
    display: flex;         
}
#cl-list {
    z-index: 2;
    width: 280px; 
    border-right: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    position: relative;
}
#cl-list-cover {
    z-index: 2;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0; left: 0;
    background-color: white; 
    opacity: 0.8;
}
.cl-list-sort {
    margin-left: 5px;
    font-size: 14px;
    color: black;
    display: inline-block;
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.cl-list-top{ 
    text-align: center;
    width: 280px;
    position: relative;
    border-bottom: 1px solid lightgray;
}
.cl-list-opts{ 
    position: relative;
    height: 30px; 
    width: 100%; padding: 0;
    display: flex; align-items: center;
    border-bottom: 1px solid lightgray;
}
.cl-list-opt:hover { 
    background-color: #e5e5e5;
}
.cl-list-opt {
    position: relative; 
    border-right: 1px solid lightgray;
    height: 30px; line-height: 30px;
    color: #006187;
    padding-left: 5px; padding-right: 5px;
    font-size: 12px;
    cursor: pointer;
    width: 100px; text-align: center;
}
.cl-list-opt:hover {
    text-decoration: underline;
}
.cl-search { 
    display: none;
    width: 270px;
    height: 30px; margin: 0 auto;
    background-color: #e5e5e5; outline: none;
    font-size: 13px; text-align: left;
    border: none;
    padding-left: 10px;
}
.cl-search-count {
    display: none;
    position: absolute;
    top: 5px; right: 5px;
    background-color: lightblue;
    height: 20px; line-height: 20px;
    width: 40px; text-align: center;
    border-radius: 10px;
    font-size: 11px;
}
#cl-analytics{ 
    display: none;
}
.cl-list-items { 
    height: 700px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.cl-item-multi{ 
    position: absolute;
    top: 5px;
    right: 20px;
    height: 15px; 
    width: 15px; 
    cursor: pointer;
}
.cl-multi-box{ 
    position: absolute;
    width: 300px; 
    z-index: 100;
    min-height: 100px;
    border: 1px solid gray;
    border-radius: 10px; 
    text-align: center;
    background-color: white;
}
.cl-multi-box-title{ 
    height: 30px; 
    line-height: 30px; 
    font-size: 15px; 
    text-align: center;
    color: #006187;
    font-weight: 600;
}
.cl-multi-box-subtitle{ 
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    font-weight: 600;
}

.cl-multi-box-done {
    cursor: pointer;
    width: 80px;
    margin: 10px auto;
    border-radius: 10px;
    text-align: center;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    background-color: #006187;
    color: white;
}

.cl-multi-box-list {
    height: 200px;
    background-color: #e5e5e5;
    overflow-y: scroll;
}
.cl-multi-box-client {
    border-bottom: 1px solid gray;
    padding-left: 5px;
    font-size: 13px;
    height: 25px;
    text-align: left;
    line-height: 25px;
}
.cl-list-item-cover {
    position: absolute;
    background-color: white;
    opacity: 0.9;
    z-index: 5;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.left2padding { 
    padding-left:2px;
    min-width: 50px;
}
.cl-list-item-cover-name {
    font-size: 13px;
    font-weight: 600;
    text-align: left;
    padding-left: 5px;
    z-index: 6;
}
.cl-list-item {
    cursor: pointer;
    min-height: 30px;
    display: flex; align-items: center;
    justify-content: flex-start;
    position: relative;
    font-size: 11px;
    width: 280px;
    padding-left: 5px;
    border-bottom: 1px solid lightgray;
    background-color: white;
}
.cl-list-city{ 
    position: absolute;
    right: 20px;
    bottom: -10px;
    font-size: 8px;
}
.cl-list-item:hover { 
    background-color: #e5e5e5;
}
.cl-fam {
    user-select: none;
    height: 30px; display:flex; align-items: center;
    position: relative;
    border-bottom: 1px solid lightgray;
    padding-left: 5px;
}
.cl-fam-name{ 
    font-size: 13px;
    cursor: pointer;
}
.cl-fam-name:hover { 
    text-decoration: underline;
    color: #006187;
}
.cl-fam-plus{ 
    position: absolute;
    right: 5px;
    cursor: pointer;
    font-size: 20px; font-weight: 600;
    color: #006187;
}
.fe-helptext { 
    margin-top: 10px;
    width: 900px;
}
.fe-exampleimg {
    margin-top: 20px;
    height: 400px;
}
.cl-client-name {
    cursor: pointer;
    user-select: none;
    height: 25px; line-height: 25px;
    font-size: 12px;
    padding-left: 10px;
    background-color: #e5e5e5;
}
.cl-client-name:hover { 
    text-decoration: underline;
    color: #006187;
}
#cl-clientview {
    display: none;
}
.buyfundexpert { 
    position: absolute;
    background-color: white;        
    width: 1020px;
    height: 700px;
    display: none;
    left: 10px;
    z-index: 100;
    padding: 25px;
    border-radius: 10px;
    border: 1px solid lightgray;
}

.cl-holdings-title { 
    display: none;
    height: 25px; line-height: 25px;
    background-color: #2d3131;
    color: white;
    font-size: 13px;
    text-align: center;
}
.cl-holdings-start { 
    font-size: 15px; 
    height: 100px; 
    padding: 15px;    
    width: 400px;
    position: absolute;
    top: 120px;
}
.cl-holdings-clientlist { 
    margin-top: 10px;
    border: 1px solid lightgray;    
    width: 450px;
    overflow-y: scroll;
    height: 200px;
}
.cl-holdings-clientlist-item-head div { 
    font-weight: 600;
    cursor: pointer;
    user-select: none;
}
.cl-holdings-clientlist-item-head div:hover { 
    text-decoration: underline;
    cursor: pointer;
}

.cl-holdings-clientlist-item, .cl-holdings-clientlist-item-head { 
    font-size: 12px;
    display: flex; align-items: center;  
    border-bottom: 1px solid lightgray;
    height: 25px; 
}
.cl-holdings-clientlist-client{ 
    padding-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    width: 250px;
}
.cl-holdings-clientlist-client:hover { 
    color: #006187;
    text-decoration: underline;
}
.cl-holdings-clientlist-aum, .cl-holdings-clientlist-value, .cl-holdings-clientlist-perc { 
    width: 100px;
    text-align: center;
}

.cl-holdings-search{ 
    width: 150px;
    margin-top: 10px;
    border: none; outline: none;
    background-color: #e5e5e5;
    height: 30px; padding-left: 10px;
}
.cl-holdings-loader{ 
    position: absolute;
    top: 40px; 
    left: 180px;
    font-size: 13px; 
    color: #006187;
}
#cl-dashboard, #cl-clientview {
    padding-top: 40px;    
    width: 1500px;
    align-items: flex-start;
    position: relative;
    background-color: #e5e5e5;
}
.cl-name-title{ 
    font-size: 20px;
    color: #006187;
    padding-left: 10px;
    height: 30px; line-height: 30px;
}
.cl-name-address1,.cl-name-address2, .cl-name-address3  {
    font-size: 11px; white-space: nowrap;
    overflow: hidden;
}
.cl-name-phoneemail {
    text-align: left;
    font-size: 11px;
    color: #006187; font-weight: 600;
}
.excl{ 
    font-size: 12px; 
    margin-inline: 3px;
    color: #e67575;
    font-weight: 600;
}
.cl-name-pan{ 
    font-size: 11px;
    text-align: left;
}
#video_addclient {
    width: 400px;    
}
.cl-name-city { 
    text-align: left;
    font-weight: 600;
    font-size: 12px; color: #006187;
}
.cl-view-top-icon {
    height: 24px; 
    margin-top: 3px;
    margin-left: 5px; 
    margin-right: 5px;
    cursor: pointer;
}

.cl-view-top-icon:hover {
    opacity: 0.5;
}
.cl-view-top-icon-status{ 
    font-size: 11px; margin-left: 5px;
    max-height: 20px; line-height: 20px;
}
.cl-title-box {
    border-radius: 5px;
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    background-color: white;
    position: relative;
}
.cl-title-box-clientlink{ 
    display: flex;
    cursor: pointer;
    margin-left: 10px !important;
    margin-right: 0px !important;
}
.cl-title-box-clientlink:hover { 
    background-color: lightblue;
}
.clientlink-icon{ 
    height: 45px;
}
.clientlink-icon-text { 
    width: 115px;
    color: #006187;
    font-size: 9.5px;
    margin-left: 10px;
}
.cl-details-box{ 
    border-radius: 5px;
    width: 370px;
    height: 50px;
    position: relative;
    padding: 5px; background-color: white;
    margin-top:10px; margin-bottom: 10px;
    display: flex; align-items: center;
}
.cl-details-box-title{ 
    position: absolute;
    top: 5px; left: 10px;
    font-size: 12px; font-weight: 600;
    text-align: left;
    color: #006187;
}
#cl-dashboard {
    background-color: #e5e5e5;
    padding-top: 40px;
}
.cl-top10-input{ 
    width: 20px; height: 20px; 
    background-color: lightblue;
    border: none; outline: none;
    text-align: center;
    height: 20px; font-size: 12px;
}

.cl-box { 
    position: relative;
    padding: 7px;
    height: 270px;
    background-color: white;
    margin-top: 10px; margin-left: 10px;
    box-shadow: 2px 3px lightgray;
}
.cl-box-holdingsearch { 
    position: relative; 
    width: 450px !important;
}
.cl-box-holdingsearch-cover { 
    z-index: 2;
    width: 360px !important;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 125px;
    height: 155px;
    position: absolute;
    top: 0; 
    left: 0; 
    background-color: white; 
    opacity: 0.9;
    font-size: 17px; 
    text-align: center
}
.cl-box-title{ 
    text-align: left;
    font-size: 12px;
    font-weight: 600;
    color: #006187;
}
.cl-holdings-search{ 

}
.cl-rtapassword{ 
    margin: 10px 0 0px 0;
    font-size: 14px; 
    cursor: pointer;
}
.cl-rta-password{ 
    position: absolute;
    height: 500px; 
    width: 300px; 
    border: 1px solid lightgray;
    background-color: white;
    z-index: 2;
}
.cl-rtapassword:hover { 
    text-decoration: underline;
}
.cl-view-box-title {
    text-align: left;
    font-size: 12px;
    font-weight: 600;
}

.cl-view-aum, .cl-view-funds, .cl-view-asof  {
    margin-top: 3px;
    color: #006187;
    text-align: center;
    font-size: 16px; font-weight: 600;
}
.cl-view-asof, .cl-view-funds {
    font-size: 13px;
}
.cl-dashboard-options {
    position: absolute;
    top: 110px;
    left: 320px;
    z-index: 1;
    display: flex; align-items: center;
    background-color: white;
    width: 1060px;
    height: 30px;
    box-shadow: 2px 3px lightgray;
}
.cl-db-button-bigmenu {
    height: 30px; line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
    font-size: 12px;
    text-align: left;
}
.cl-db-button:hover {
    background-color: #2d3131;
    color: white;
}
.cl-db-button {
    height: 30px; line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px dashed lightgray;
    cursor: pointer;
    font-size: 12px;
    background-color: white;    
    color: black;
    text-align: left;
    z-index: 3;
}
.cl-db-button-dead { 
    cursor: default;
    color: lightgray;
}

.cl-addnjsingle {
    position: absolute;
    top: 0px;
    left: 0px; right: 0;
    margin: 150px auto;
    width: 700px;
    padding: 10px;
    background-color: white;
    z-index: 100;    
    border: 1px solid lightgray;
    border-radius: 10px;
}
.cl-addisinsingle{
    position: absolute;
    top: 0px;
    left: 0px; right: 0;
    margin: 120px auto;
    width: 350px;
    padding: 10px;
    background-color: white;
    z-index: 100;    
    border: 1px solid lightgray;
    border-radius: 10px;
}
.isinsinglename { 
    margin-top: 20px;
    background-color: #e5e5e5;
    width: 250px; 
    border: none;
    height: 30px; 
    padding-left: 5px;
}
.iUploadtxt {
    resize: none; outline: none; border: none;    
    width: 330px; height: 180px;
    background-color: #e5e5e5;
    font-family: 'Montserrat';
    margin: 0px auto;
}
.cl-addisinsingle-text {
    background-color: lightblue;
    font-size: 12px;
    border-radius: 10px; 
    padding: 5px;
}
.cl-addnjsingle-cl, .cl-addisinsingle-cl { 
    position: absolute; 
    top: 5px; 
    right: 5px;
    height: 25px; line-height: 25px;
    background-color: #2d3131;
    color: white;
    opacity: 0.8;
    font-size: 14px;    
    border-radius: 50%;
    width: 25px; text-align: center;
}
.cl-addnjsingle-title { 
    font-size: 16px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #006187;
}
.cl-addnjsingle-line{ 
    position: relative;
    display: flex;
    align-items: center;
    height:40px; 
    justify-content: center;
}
.cl-addnjsingle-txt { 
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
    .cl-addnjsingle-txt a {
        cursor: pointer;
        color: #006187;
        text-decoration: underline;
    } 
.cl-addnjsingle-uploadbtn{                                  
    background-color: #006187;
    color: white;
    height: 30px; line-height: 30px; 
    text-align: center;
    width: 100px;
    font-size: 13px;
    border-radius: 10px;
    position: absolute; 
    left: 100px;
    z-index: 1;
}
.cl-addnjsingle-status{ 
    text-align: left;
    margin-left: 10px; 
    color: green;
    font-size: 13px;
}

.cl-addnjsingle-save {
    background-color: #006187;
    color: white;
    font-size: 14px;
    text-align: center;
    width: 150px;
    margin: 10px auto;
    height: 30px;
    line-height: 30px;
    cursor: pointer;
    border-radius: 10px;
}
.cl-addnjsingle-results{ 
    min-height: 30px;
    max-height: 400px;
    overflow-y: scroll;
}
.cl-addnjsingle-resultstitle {
    height: 30px; 
    line-height: 30px;
    background-color: #2d3131;
    font-size: 14px;
    text-align: center;        
    color: white;
}
.cl-addnjsingle-resultitem { 
    font-size: 13px;
    text-align: left;
    border-bottom: 1px solid lightgray;
    height: 25px; 
    display: flex;  
    align-items: center;
}
.cl-addnjsingle-resultitem-fund{ 
    width: 350px;
    white-space: nowrap;
    overflow: hidden
}
.cl-addnjsingle-resultitem-isin {
    width: 150px;
    text-align: left;
}
.cl-addnjsingle-resultitem-val {
    width: 100px;
    text-align: center;
}
.cl-addnjsingle-holding { 
    font-size: 13px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid lightgray;
}

.cl-addnjsingle-upload { 
    position: absolute; 
    left: 100px;
    width: 100px;
    z-index: 2;
    opacity: 0;
}
.stocks-excel{ 
    height: 20px; 
    cursor: pointer;
    margin-left: 20px;
}
.cl-fam-set{ 
    height: 500px; width: 550px;
    border: 1px solid gray;
    background-color: white;
    position: absolute;
    border-radius: 10px;
    z-index: 10;
    display: flex;
}
.cl-fam-cover { 
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0; left: 0;
    background-color: white; 
    opacity: 0.7;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #006187;
}
.cl-fam-list {
    width: 250px;
    height: 100%;
    border-right: 1px solid lightgray;
}
.cl-fam-edit { 
    width: 300px; 
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    text-align: center;
}
.cl-fam-new:hover {
    background-color: gray;
}
.cl-fam-new-holder {
    display: none;
    width: 250px;
    text-align: center;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid lightgray;
    padding-top: 10px; 
    padding-bottom: 10px;
}
.cl-fam-list-item { 
    height: 25px; 
    align-items:center;
    border-bottom: 1px solid lightgray;
    text-align: left;
    padding-left: 10px;
    cursor: pointer;
    display: flex;
}
.cl-fam-edit-client{ 
    height: 25px; 
    display: flex;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.cl-fam-edit-client-name {
    width: 300px;
}
.cl-fam-edit-client-delete { 
    height: 23px;
    cursor: pointer;
}
.cl-fam-list-item:hover {
    background-color: lightgray;
}

.cl-fam-new-name {
    width: 200px;
    height: 30px;
    font-size: 14px;
    text-align: center;
}
.cl-fam-new-err { 
    font-size: 12px; 
    color: red;
    text-align: center;
}
.cl-fam-new-save {
    background-color: #006187;
    color: white;
    font-size: 14px;
    text-align: center;
    width: 150px;
    margin: 10px auto;
    height: 25px;
    line-height: 25px;
    cursor: pointer;
}
.cl-fam-new {
    cursor: pointer;
    font-size: 13px;
    border-top-left-radius: 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: lightblue;
}
.cl-fam-set-close {
    cursor: pointer;
    background-color: #006187;
    color: white;
    border-radius: 50%;
    height: 25px; line-height: 25px;
    width: 25px;
    text-align: center;
    top: 5px;
    right: 5px;
    position: absolute;
}
.cl-section-title{ 
    padding-left: 10px;
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.cl-lastupdate{ 
    font-size: 12px;
    margin-bottom: 10px;
}
.cl-list-toggle{
    user-select: none;
    cursor: pointer;
    background-color: white;
    width: 70px;
    height: 20px;line-height: 20px;
    border-radius: 10px;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    margin-left: 10px;
}
.cl-data-warning {
    margin-left: 10px;
    width: 1040px;
    padding: 10px; background-color: white;
    font-size: 12px; text-align: left;
    height: 50px;
    box-shadow: 2px 3px lightgray;
}
.cl-ac-error{ 
    margin-left: 10px;
    font-size: 12px; 
    padding-top: 5px; padding-bottom: 5px;
    color: red;
}
.cl-ac {
    padding-bottom: 25px;
    border-radius: 10px;
    border: 1px solid lightgray;
    background-color: white;
    z-index: 100;
    position: absolute;
    top: 100px;
    left: 100px;
    width: 1000px;
}
.cl-ac-close {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute;
    bottom: 0px;
    height: 20px;
    width: 100%;
    line-height: 20px;
    text-align: center;
    background-color: lightgray;
    font-size: 14px;
    cursor: pointer;
}
.cl-ac-close:hover { 
    background-color: gray;
}

.cl-ac-title, .cl-ac-title-holdings{
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cl-view-multi-client {
    width: 300px;
    height: 25px;
    line-height: 25px;
    padding-left: 10px;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 5px;
    border-bottom: 1px solid lightgray;
}

.cl-ac-details {    
    border-bottom: 1px solid lightgray;
}

.cl-ac-holdings{
    width: 1200px;
}
.cl-ac-item {
    display: flex;
    align-items: center;
    height: 30px;
}
.cl-ac-clear { 
    font-size: 12px;
    text-align: left;
    margin: 5px;
    cursor: pointer;
    width: 50px;
}
.cl-ac-searchfunds, .cl-ac-searchstocks {
    height: 25px;
    margin-left: 20px;
    font-size: 12px;
    width: 200px;
    outline: none;
}
.cl-ac-help {
    font-size: 10px;
    color: gray;
    text-align: left;
    margin-left: 10px;
}
.cl-ac-line{
    display: flex;  
    align-items: center;

}
.cl-port-line {
    display: flex;
    align-items: center;
    font-size: 12px;
    border-bottom: 1px solid lightgray;
    height: 25px;
}
.cl-port-line-head {
    margin: 0px 0 0 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
}
.cl-hold-delete {
    height: 20px;
    width: 20px;
    margin-left: 10px;
    cursor: pointer
}
.cl-holdings-error {
    height: 20px;
    text-align: left;
    margin-left: 20px;
    font-size: 11px;
    color: #e67575;
    font-weight: 600;
}
.cl-port-line-head .cl-port-line-type {
    color: black !important;
}
.cl-port-line-type {
    width: 50px;
    text-align: center;
    color: gray;
}
.cl-port-line-name {
    min-width: 400px;
    max-width: 400px;
    white-space: nowrap;
    overflow: hidden;
}
.cl-port-line-lastprice, .cl-port-line-asof {
    width: 100px;
}
.cl-ac-line input {
    border: 1px solid lightgray;
}

.cl-port-line-units, .cl-port-line-value { 
    height: 20px;
    outline: none; border: none;
    background-color: lightblue !important;
}
.cl-port-line-units-label, .cl-port-line-units {
    width: 120px;
    padding-left: 10px;
}
.cl-port-line-value-label, .cl-port-line-value {
    width: 120px;
    padding-left: 10px;
    margin-left: 10px;
}

.cl-ac-port {
    margin-left: 20px;
    border: 1px solid lightgray;
    height: 300px;
    width: 970px;
    overflow-y: scroll;
}
.cl-ac-clear:hover {
    text-decoration: underline;
}
.cl-ac-label {
    outline: none;
    width: 120px;
    font-size: 12px;
    text-align: right;
    margin-right: 10px;
}
.cl-ac-space{ 
    height: 20px;
}
.cl-ac-add {
    width: 150px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: 10px;
    margin-bottom: 2px;
    border-radius: 5px;
    background-color: #006187;
    color: white;
    cursor: pointer;
    font-size: 13px;
    text-align: center;
    height: 25px;
    line-height: 25px;
}
.cl-ac-pan:not(:focus), .cl-ac-name:not(:focus), .cl-ac-email:not(:focus) {
    font-style: italic;
}
.cl-ac-input {
    padding-left: 10px;
    border: 1px solid lightgray;
    height: 20px;
    width: 250px;
    font-size: 12px;
    outline: none;
}
.cl-chart-topinv {
    margin-top: 10px;
    height: 250px;
    width: 400px;
}
.cl-chart-clients{
    margin-top: 10px;
    height: 250px;
    width: 500px;
    width: 500px;
}
.cl-chart-topac, .cl-chart-topamc{ 
    margin-top: -20px;
    height: 250px;
    width: 250px;
}
.cl-summary-item{ 
    margin-top: 10px;
    width: 150px;
}
.cl-summary-label {
    text-align: left;
    font-size: 13px;
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid lightgray;
}
.cl-summary-value{ 
    text-align: left;
    color:#006187;
    font-size: 20px;
}
.cl-summary-value-small { 
    text-align: center;
    font-size: 10px;
    height: 25px; line-height: 25px;
}
.cl-data-line { 
    font-size: 14px;
}
.cl-donwload {
    margin-top: 15px;
    font-size: 14px; font-weight: 600;
    display: flex; align-items: center;
    height: 20px;
}
.cl-finexa-login, .cl-finexa-update {
    font-size: 12px;
    margin-top: 5px;
}
.cl-finexa-login-button { 
    border-radius: 10px;
    padding-left: 5px; 
    padding-right: 5px; 
    font-size: 13px; 
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    background-color: #006187; color: white;
    height: 25px; 
    line-height: 25px;
}
.cl-camsfile, .cl-karvyfile, .cl-templetonfile {
    color: #006187;
    font-size: 12px;
    margin-left: 5px;
    height: 20px;
    line-height: 20px;
}
.cl-download-img{ 
    margin-left: 10px;
    margin-top: 10px;
    cursor: pointer;
    height: 30px;
}
.rtadataLoader {
    display: none;
    z-index: 100;
    right: 0px;
    width: 20px !important;
    height: 20px !important;
    margin-left: 10px;
    margin-top: 10px !important;
}
.cl-donwload-text {
    width: 200px;
    font-size: 11px;
}

#cl-clientview-heads {
    margin-left: 10px;
    height: 25px; display: flex; align-items: center;
}
.cl-clientview-head{ 
    height: 25px; line-height: 25px; 
    padding-left: 20px; padding-right: 20px;
    font-size: 14px; cursor: pointer;
}
.cl-clientview-tab {
    background-color: white;
    height: 800px;
}
.cl-view-multi { 
    position: absolute;
    top: 0px; left: 0px;
    padding-top: 20px !important;    
    overflow-y: scroll;
    background-color: #e5e5e5;
    width: 400px;
    height: 140px;    
}
.cl-view-box {
    position: relative;
    padding: 20px 10px 10px 10px;
    height: 200px;
    background-color: #e5e5e5;
    margin-top: 10px;
    margin-left: 10px;
/*    box-shadow: 2px 3px #e5e5e5;*/
}
.cl-view-stats{ 
    width: 380px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
}
.cl-view-holdings{ 
    margin: 0px 0px 0 10px ;
    padding: 10px;
    height: 400px; 
    width: 1200px;
    background-color: #e5e5e5;
    overflow-x: hidden;
    overflow-y: scroll;
}
.cl-view-hold-head div {
    cursor: pointer;
}
.cl-view-hold-head div:hover { 
    text-decoration: underline;
    color: white !important;
}
.cl-view-hold-head {
    background-color: #2d3131; color: white;
    width: 1200px;
    padding-left: 10px;
    height: 25px; 
    font-size: 14px;
    margin: 10px 0px 0 10px ;
    display: flex; align-items: center;
}

.cl-view-hold{ 
    display: flex; align-items: center;
    height: 25px;
    font-size: 12px;
    border-bottom: 1px solid lightgray;
}
.cl-view-hold-rta-cams, .cl-view-hold-rta-karvy, .cl-view-hold-rta-franklin, .cl-view-hold-fund, .cl-view-hold-stock {
    height: 15px;
    line-height: 17px;
    min-width: 15px;
    max-width: 15px;
    border-radius: 50%;
    font-size: 9px;
    margin-right: 5px;
    color: white;
    text-align: center;
}

.cl-view-hold-rta-cams, .cl-view-hold-fund {
    background-color: #006187;
}
.cl-view-hold-rta-karvy, .cl-view-hold-stock {
    background-color: #2d3131;
}
.cl-view-hold-rta-franklin {
    background-color: lightblue;
}
.cl-view-hold-name{
    cursor: pointer;
    min-width: 380px; 
    max-width: 380px;
    white-space: nowrap; overflow: hidden;
    height: 25px; display: flex; align-items: center;
}
.cl-view-hold-name:hover {
    text-decoration: underline;
    color: #006187;
}
.cl-view-hold-units, .cl-view-hold-value{ 
    min-width: 95px;
    max-width: 95px;
    text-align:center;
}

.cl-view-hold-perc{ 
    min-width: 40px;
    max-width: 40px;
    text-align: center;
}
.cl-view-hold-stat{ 
    font-size: 11px;
    min-width: 55px;
    max-width: 55px;
    text-align: center;
}
.cl-view-hold-stat1{ 
    font-size: 11px;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
#cl-view-assetclass{ 
    height: 190px;
    width: 200px;
}
#cl-view-sebis { 
    height: 190px;
    width: 550px;
}
.tinysave{ 
    height: 15px; 
    margin-left: 10px;
    background-color: white !important;
}
.pro-gif{ 
    height: 400px;
}
.notallowed { 
    height: 100%;
    width: 100%;
    z-index: 9;
    position: fixed;
    background-color: white; 
    text-align: left;
    padding-left: 70px;
    font-size: 25px;
    font-weight: 600;
    color: black;   
    padding-top: 50px;
}
#na_portfolio_desc, #na_custom_desc, #na_clients_desc, #na_funds_desc, #na_compare_desc {
    text-align: left;
    width: 1000px;
    padding: 20px;    
    background-color: white;
    font-size: 15px;
    font-weight: 300;
    display: flex;
}
.na_portfolio_line{ 
    margin-bottom: 10px;
    border-bottom: 1px solid lightgray;
}
#na_portfolio_desc_left, #na_custom_desc_left, #na_clients_desc_left, #na_funds_left, #na_compare_left {
    width: 50%;
    height: 300px;
}
#na_portfolio_desc_right, #na_custom_desc_right, #na_clients_desc_right, #na_funds_desc_right, #na_compare_desc_right {
    width: 50%;
    margin-left: 30px;
}
#na_custom_video, #na_portfolio_video {
    height: 100%;
    width: 100%;
}
#na_portfolio_desc_right, #na_custom_desc_right {
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid lightgray;
    background-color: white;
}
    .cl-fam-clientlist {
        width: 300px;
        border-top: 1px solid lightgray;
    }
.cl-fam-title {
    font-size: 17px;
    font-weight: 600;
    color: #006187;
    margin: 10px 0 10px 0;
}
.cl-fam-clientlist-title { 
    font-size: 12px; 
    padding-left: 10px;
    display: none;
}
.cl-fam-clientlist-error {
    font-size: 12px;
    color: #e67575;
    margin-bottom: 15px;
    text-align: center;
}
.cl-fam-add-client {
    height: 25px;
    line-height: 25px;
    width: 200px;
    background-color: #e5e5e5;
    text-align: center;
    border: none;
    outline: none;
    display: none;
}

.tinyloader {
    margin-left: 10px;
    font-size: 3px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #006187, 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.5), -1.8em -1.8em 0 0em rgba(0,97,135, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.7), 1.8em -1.8em 0 0em #006187, 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.5), 1.8em -1.8em 0 0em rgba(0,97,135, 0.7), 2.5em 0em 0 0em #006187, 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.5), 2.5em 0em 0 0em rgba(0,97,135, 0.7), 1.75em 1.75em 0 0em #006187, 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.5), 1.75em 1.75em 0 0em rgba(0,97,135, 0.7), 0em 2.5em 0 0em #006187, -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.5), 0em 2.5em 0 0em rgba(0,97,135, 0.7), -1.8em 1.8em 0 0em #006187, -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.5), -1.8em 1.8em 0 0em rgba(0,97,135, 0.7), -2.6em 0em 0 0em #006187, -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.5), -2.6em 0em 0 0em rgba(0,97,135, 0.7), -1.8em -1.8em 0 0em #006187;
    }
}

@keyframes load5 {
    0%, 100% {
        box-shadow: 0em -2.6em 0em 0em #006187, 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.5), -1.8em -1.8em 0 0em rgba(0,97,135, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.7), 1.8em -1.8em 0 0em #006187, 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.5), 1.8em -1.8em 0 0em rgba(0,97,135, 0.7), 2.5em 0em 0 0em #006187, 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.5), 2.5em 0em 0 0em rgba(0,97,135, 0.7), 1.75em 1.75em 0 0em #006187, 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.5), 1.75em 1.75em 0 0em rgba(0,97,135, 0.7), 0em 2.5em 0 0em #006187, -1.8em 1.8em 0 0em rgba(0,97,135, 0.2), -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.5), 0em 2.5em 0 0em rgba(0,97,135, 0.7), -1.8em 1.8em 0 0em #006187, -2.6em 0em 0 0em rgba(0,97,135, 0.2), -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.5), -1.8em 1.8em 0 0em rgba(0,97,135, 0.7), -2.6em 0em 0 0em #006187, -1.8em -1.8em 0 0em rgba(0,97,135, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0,97,135, 0.2), 1.8em -1.8em 0 0em rgba(0,97,135, 0.2), 2.5em 0em 0 0em rgba(0,97,135, 0.2), 1.75em 1.75em 0 0em rgba(0,97,135, 0.2), 0em 2.5em 0 0em rgba(0,97,135, 0.2), -1.8em 1.8em 0 0em rgba(0,97,135, 0.5), -2.6em 0em 0 0em rgba(0,97,135, 0.7), -1.8em -1.8em 0 0em #006187;
    }
}

#sipfundsearch, #sipsearchstocks {
    height: 25px;
    border: none;
    outline: none;
    width: 250px;
    margin-bottom: 10px;
    padding-left: 5px;
}
.sip-name {
    font-size: 20px; font-weight: 600;
    text-align: left;
    color: #006187;
    width: 1000px;
    height: 30px;
    line-height: 40px;
}
.sip-holder { 
    display: flex;
}
.sip-opt {
    margin-top: 10px;
    display: flex;
    width: 1100px;
    align-items: center;
    height: 50px;
    background-color: white;
}
.sip-result {
    width: 1100px;
    height: 500px;
    background-color: white;
    margin-top: 20px;
}
.sip-results {
    height: 50px; display: flex;
    justify-content: center;
    align-items: center;
}
.sip-results-item{ 
    margin-left: 20px;
    font-size: 14px;
}
.sip-results-item-value{ 
    font-size: 25px; 
    color: #006187;
    font-weight: 600;
}
.sip-startdate, .sip-enddate, .sip-installment {
    height: 25px;
    width: 150px;
    margin-left: 10px;
    outline: none;
    border: none;
    background-color: #e5e5e5;
    text-align: center;
}
.sip-run{ 
    margin: 20px; 
    width: 100px;
    height: 25px; line-height: 25px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    background-color: #006187; 
    color: white;
}
.ip-results-item-icon{ 
    margin-left:20px;
    cursor: pointer;
    height: 25px; 
}
.sip-bottom {
    display: flex;
    margin-top: 20px;
}
.sip-table {
    overflow-y: scroll;
    width: 580px;
    height: 400px;
    margin: 10px;
    border: 1px solid lightgray;
    border-radius: 10px;
}
.sip-results-item-icon{ 
    height: 25px; margin-left: 20px;
    cursor: pointer;
}
.sip-opt-title{ 
    font-size: 13px;
    margin-left: 10px;
}

.sip-chart {
    height: 430px;
    width: 660px;
}
.sip-chart-spread {
    height: 570px;
    width: 290px;
    margin-top: 10px;
    margin-left: 20px;
}
.sip-table-item-last {
    position: relative;
    background-color: lightblue;
    font-weight: 600;
}

.sip-table-item-end{ 
    width: 23px; 
    position: absolute;
    right: 2px;
    font-size: 9px;
    background-color: #006187; color: white;
    height: 18px; line-height: 20px; text-align: center;
}

.sip-table-item, .sip-table-item-head {
    display: flex;
    align-items: center;
    height: 25px;
    font-size: 12px;
    border-bottom: 1px solid lightgray;
}
.sip-table-item-head {
    font-weight: 600;
}
.sip-table-item-date{ 
    width: 100px;
    text-align: center;
}
.sip-table-item-value {
    width: 100px;
    text-align: center;
}
.sip-table-item-value1 {
    width: 80px;
    text-align: center;
}
.sip-table-item-final {     
    width: 100px;
    text-align: center;
}
.sip-table-item-final-date { 
    font-size: 11px;
}

.sip-loader {
    position: absolute;
    top: 100px; 
    left: 200px;
    border: 35px solid #e5e5e5; /* Light grey */
    border-top: 35px solid #006187; /* Blue */
    border-radius: 50%;
    width: 150px;
    height: 150px;
    animation: spin 2s linear infinite;
}

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

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

#fundcatstop {
    margin-left: 10px;
    height: 40px;
    width: 1400px;
    display: flex;
    align-items: center;
    background-color: white;
}
#fundacs {
    padding-left: 10px; 
    padding-right: 10px;
    display: flex;
    align-items: center;
    height: 40px;
    margin-left: 20px;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

#fundamcacs {
    display: flex;
    align-items: center;
    height: 40px;
    width: 800px;
    border-radius: 10px;
    margin-bottom: 10px;
    border: 1px solid lightgray;    
}
#famc-plan {
    width: 150px;
    background-color: lightblue;
    height: 30px; font-family: Montserrat;
    border: 1px solid lightgray; 
    margin-left: 10px;
    border-radius: 10px;
    text-align: center;
}
#famtype { 
    display: flex;
    align-items: center;
    height: 40px;
    width: 300px;    
    border-radius: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
    border: 1px solid lightgray;    
}
.fundac-checkbox, .fundacall-checkbox { 
    margin-left: 10px;
    height: 20px; 
    width: 20px;
}
.fundac-checkbox-all{ 
    margin-left: 15px;
    height: 25px; 
    width: 25px;
}
.fundac-text {
    font-size: 12px;
    margin-left: 5px;
}
.helptext {
    height: 20px; line-height: 20px;
    margin-left: 10px;
    font-size: 12px;
    color: #006187;
}
.helptext1 {
    margin-left: 10px;
    margin-bottom: 10px;
    font-size: 13px;
    color: #006187;
    width: 1000px;
}

.fundcatplantext {
    margin-left: 10px;
    font-size: 13px;
}
#fundcatplan {
    margin-left: 10px;
    height: 25px;
    background-color: lightblue;
    width: 150px;
    font-family: Montserrat;
}

#fundcats {
    position: relative;
    margin-left: 10px;
    margin-top: 10px;
    width: 1400px;
    background-color: white;
    height: 600px;
    border: 1px solid lightgray;
    overflow: scroll;
}
.fundcat:hover { 
    background-color: #e5e5e5;
}
.fundcat {
    position: relative;
}
.fundcat, .fundcathead, .fundcathead-ghost {
    cursor: pointer;
    height: 25px;
    font-size: 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.fundcat-transfer, .fundcat, .fundcat-fund, .fundcathead, .fundcathead-ghost {
    width: 2270px;
}

.fundcat-fund{ 
    position: relative;
}

.fundcathead-ghost {
    position: relative;
    background-color: #e5e5e5 !important;
    opacity: 0.95;
    z-index: 100;
}
    .fundcathead-ghost > div {
        background-color: #e5e5e5 !important;
        font-weight: 600;
    }
.fundcat-fund {
    background-color: lightblue;
    height: 25px;
    font-size: 12px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid lightgray;
}
.fundcat-transfer:hover { 
    text-decoration: underline;
}
.fundcat-atleast { 
    width: 20px;
    margin-left: 10px;
    border: none;
    background-color: #e5e5e5;
}
.fc-hist-loader { 
    font-size: 25px;  
    height: 100px; 
    line-height: 100px; 
    position: absolute; 
    top: 150px;
    color: #006187;
}
.fundcat-transfer {
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    background-color: #e5e5e5;
    font-size: 13px;
    cursor: pointer;
}
.fc-hist-chart{ 
    position: absolute; 
    padding: 30px; 
    z-index: 2;
    background-color: white; 
    border: 1px solid lightgray; 
    border-radius: 15px;
}
.fc-hist-chart-excel{ 
    height: 25px; min-width: 25px;
    cursor: pointer;
    position: absolute; 
    right: 50px; top: 10px; 
}
.fc-hist-chart-close{ 
    height: 25px; width: 25px;  
    line-height: 25px; 
    cursor: pointer;
    background-color: #2d3131; 
    color: white; 
    position: absolute; 
    right: 10px; top: 10px; 
    border-radius: 50%;
    text-align: center;
}
.fc-hist-chart-chart{ 
    width: 700px; 
}
.fundcathead {
    cursor: default! important;
    background-color: #2d3131;
    color: white;
}
    .fundcathead > div {
        background-color: #2d3131;
        color: white;
    }
    .fundcathead > .fc-value:hover {
        cursor: pointer;
        text-decoration: underline;
    }
.fc-assetClass {
    min-width: 100px;
    max-width: 100px;
    padding-left: 5px;
}
.fc-hist{ 
    min-width: 50px;
    max-width: 50px;
    text-align: left;    
}
.fc-hist-img{     
    padding-right: 25px; 
    height: 24px;
    width: 25px;
    cursor: pointer;
}
.fc-category {
    min-width: 240px;
    max-width: 240px;
    white-space: nowrap;
    overflow-x: hidden;
    padding-left: 5px;
}
.fc-category-ghost {
    z-index: 100;
    min-width: 240px;
    max-width: 240px;
    white-space: nowrap;
    overflow-x: hidden;
    padding-left: 5px;
    position: absolute;
    background-color: white;
    opacity: 0.9;
}
.fc-name {
    height: 25px; line-height: 25px;
    padding-left: 10px;
    min-width: 390px;
    max-width: 390px;
    white-space: nowrap;
    overflow-x: hidden;
    cursor: pointer;    
}
.fc-name:hover { 
    text-decoration: underline;
}

.fc-name-ghost { 
    height: 25px; line-height: 25px;
    padding-left: 10px;
    min-width: 340px;
    max-width: 340px;
    white-space: nowrap;
    overflow-x: hidden;
    position: absolute;
    background-color: white;
    opacity: 0.9;
}
.sectorsearch-head-help {
    font-size: 12px;
    margin-left: 20px;
}

.changestab-head-help {
    position: absolute;
    top: 55px;
    left: 950px;
    z-index: 100;
    color: #006187;
    font-size: 12px;
}
.stockchanges-stockholdings-help { 
    height: 20px; line-height: 20px; 
    color: #006187;
    text-align: right;
    font-size: 11px;
}
.stockchanges-stockholdings-excel { 
    height: 23px; width: 23px; 
    margin-left: 10px;
    cursor: pointer;
    position: absolute;
    top: 7px;
    right: 40px;
}
.fc-value {
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}

#fundstockchangesloader-text, #fundcsecchangesloader-text {
    position: absolute;
    top: 100px;
    text-align: center;
    left: 450px;
    background-color: white;
    border: 1px solid lightgray;
    border-radius: 10px;
    padding: 20px;
    width: 400px;
    margin: 100px auto;
}
#fundamc-list{ 
    overflow-y: scroll;
    overflow-x: hidden;
    width: 1400px; 
    height: 700px;
    border: 1px solid lightgray;
}
#fundamc-listtitle { 
    width: 1400px; 
    height: 30px; line-height: 30px;
    border: 1px solid lightgray;
}
.fa-list-item-head {    
    background-color: #2d3131; color: white;
}
.fa-list-item-head div:hover { 
    cursor: pointer;
    text-decoration: underline;
}
.famc-sums { 
    height: 20px; 
    line-height: 20px; 
    text-align: center;    
    font-size: 13px; 
    background-color: dimgrey; 
    color: white;
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
    width: 200px;    
    margin-left: 411px;
}
.famc-averages { 
    height: 20px; 
    line-height: 20px; 
    text-align: center;    
    font-size: 13px; 
    background-color: gray; 
    color: white;   
    border-top: 1px solid lightgray;    
    border-right: 1px solid lightgray;
    width: 730px;    
}
.fa-list-item, .fa-list-item-head {
    display: flex;  
    align-items: center;
    height: 30px;
    font-size: 13px;
    border-bottom: 1px solid lightgray;
}
.fa-list-item div ,.fa-list-item-head div { 
    height: 30px; line-height: 30px;
}
.fa-list-item-name { 
    min-width: 250px;
    max-width: 250px;
    padding-left: 10px;
}
.fa-list-item-fscore { 
    min-width: 100px;
    border-left: 1px solid lightgray;
    max-width: 100px;
    text-align: center;
}
.fa-list-item-started { 
    min-width: 150px;
    max-width: 150px;
    text-align: center;
}
.fa-list-item-count { 
    min-width: 120px;
    max-width: 120px;
    text-align: center;
}
.fa-list-item-aum { 
    border-left: 1px solid lightgray;
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
.fundac-checkbox-eq{ 
    margin-left: 40px !important;
}
.download-amc{ 
    position: absolute;
    height: 25px; 
    width: 25px; 
    cursor: pointer;
    top: 53px; 
    left: 780px;
}
.fa-list-item-stat { 
    min-width: 70px;
    max-width: 70px;
    text-align: center;
}
#fundAmc { 
    position: relative; 
    padding-top: 20px;
    padding-left: 30px;
    background-color: #e5e5e5;
}
#fundcatloader, #fundcsecchangesloader, #fundstockchangesloader {
    position: absolute;
    top: 150px;
    left: -400px;
}
#fundcatdownload {
    height: 40px; 
    display: flex;
    align-items: center;
    padding-right: 10px; 
    border-right: 1px solid lightgray;
}
#fundcat-atleast {
    height: 40px;
    display: flex;
    align-items: center;
    padding-right: 10px;
    border-right: 1px solid lightgray;
}
.fundcatexcel {
    height: 20px;
    margin-left: 10px;
    cursor: pointer;
}
.riskreturnexcel { 
    height: 25px;
    margin-left: 10px;
    cursor: pointer;
}
.reportssettingslink { 
    color: #006187; 
    font-weight: 600;
    cursor: pointer;
}
.reportssettingslink:hover {
    text-decoration: underline;
}
.fr-label {

}
.fr-email {

}

#fr-links { 
    display: flex;
    margin-left: 30px;
}
.fr-link {
    cursor: pointer;    
    background-color: white;
    width: 300px;
    padding: 20px;
    margin-right: 20px;
    border-radius: 15px;
}
.fr-link:hover {
    background-color: lightgray;
}
.fr-link-name { 
    margin-top: 10px;
    font-size: 15px;
    font-weight: 600;
}
.fr-link-desc { 
    margin-top: 10px;
    font-size: 13px;
}
.fr-link-image {
    height: 50px;
}
#fr-signup {
    padding: 20px;
    margin-left: 30px;
    margin-top: 30px;
    width: 660px;
    background-color: white;
    border-radius: 15px;
}
.fr-signup-cover{     
    position: absolute;
    padding: 100px 20px 20px 20px;
    margin-left: 30px;
    margin-top: 30px;
    width: 660px;
    text-align: center;
    font-size: 18px;
    font-weight: 800;
    height: 231px;
    opacity: 0.8;
    background-color: white;
    border-radius: 15px;
    z-index: 2;
}
.fr-signup-desc {
    font-size: 14px;
    margin-bottom:10px;
}

.fr-label{     
    font-weight: 600;
}
.fr-email {
    margin-left: 10px;
    color: #006187; font-weight: 600;
}

#fr-subs{ 
    margin-top: 10px;
    overflow-y: scroll;
    height: 100px;
    width: 600px;
    background-color: #e5e5e5;
}
.fr-sub { 
    position: relative;
    padding-left: 10px;
    font-size: 14px; 
    height: 30px; 
    display: flex;
    border-bottom: 1px solid lightgray;
    align-items: center;
}
.fr-divider {
    height: 2px; 
    background-color: lightgray;
    margin-top: 20px; 
    margin-bottom: 20px;
}
.fr-loader {     
    position: absolute;
    z-index: 100;
    right: 30px;
    width: 14px !important;
    height: 14px !important;
}

#fr-select { 
    height: 25px; 
    width:400px;
}
#fr-subscribe { 
    border-radius: 5px;
    margin-left: 20px; 
    width: 100px; text-align: center;
    height: 28px; line-height: 28px;
    font-size: 14px; 
    background-color: #006187; color: white;
    cursor: pointer;
}
.fr-sub-name { 
    width: 500px;
}
.fr-sub-delete{ 
    cursor: pointer;
    height: 20px; 
    margin-left: 20px;
}
#knowlege { 
    display: none;
    position: relative; 
}
.knowledge-frame{ 
    width: 1500px;
    height: 1000px;
    border: none;
    overflow-y: scroll;    
}
#knowledge-subtitle{ 
    position: absolute;
    z-index: 0;
    width: 700px;
    top: 140px; 
    left: 100px;
    color: white;
    font-size: 15px;
    font-weight: 400;
}
#knowledge-title { 
    position: absolute;
    z-index: 10;
    top: 100px; 
    left: 100px;
    color: #006187;
    font-size: 25px;
    font-weight: 600;
}

#cpr-password, #cpr-myname {
    margin-bottom: 5px;
    height: 30px; 
    width: 200px;text-align: center;
    border: none; outline: none;
}
.cpr-filestatus, .cpr-filesuccess { 
    margin-top: 10px;
    display: none;
    font-size: 13px; color: #006187;
}
.cpr-filestatus {
    color: black !important;
}
#cpr-file{ 
    font-size: 14px;
    font-family: Montserrat;
}
.cpr-fileerror {
    margin-top: 10px;
    display: none;
    max-width: 300px;
    color: #e67575;
    font-size: 12px;
}
.cpr-submit, .cpr-checkfile{ 
    background-color: #006187; color: white;
    border: none;
    font-size: 14px;
    font-family: Montserrat;
    width: 250px;
    text-align: center;
    margin-top: 20px;
    border-radius: 10px;
    cursor: pointer;
    height: 30px; line-height: 30px;
}
.cpr-checkfile {
    width: 150px;
}
.cpr-select { 
    height: 30px; line-height: 30px;
    margin-bottom: 10px;
}

.cpr-text{ 
    font-size: 13px; margin-right: 10px;
    width: 500px; height: 25px;    
}
.cpr-help { 
    width: 500px;
    font-size: 12px; 
    color: #006187;
}
.cpr-filetype {
    margin-top: 10px;
}
.cpr-divider{ 
    margin-top: 20px; margin-bottom: 20px;
    height: 2px; 
    width: 500px;
    background-color: lightgray;
}
.cpr-item-head {
    font-weight: 600;
}
.cpr-item:hover { 
    background-color: #e5e5e5;
}
.puploaditem-sa { 
     height: 40px; line-height: 40px; 
     margin-top: 10px; 
}

.cpr-top{ 
    height: 30px; 
    line-height: 30px;
    background-color: #2d3131; color: white;
    font-size: 13px;
    text-align: center;
}

.cpr-link { 
    color: lightblue;
    font-weight: 600;   
    cursor: pointer;
}

.cpr-link:hover{ 
    text-decoration: underline;
}
.casfilelist-port, .casfilelist-cl {
    position: absolute;
    border: 1px solid gray;    
    background-color: white;
    padding: 5px;
    min-width: 600px;
    min-height: 500px;
    z-index: 101;    
    top: 200px;
    left: 600px;    
}
.casfilelist-cl {
    position: absolute;
    border: 1px solid black;    
    background-color: white;
    padding: 5px;
    min-width: 600px;
    min-height: 500px;
    z-index: 101;    
    top: 150px;
    left: 500px;    
}

.cpr-close { 
    position: absolute; 
    top: 3px; right: 0px;
    border-radius: 50%;
    height: 30px; line-height: 30px; 
    width: 30px; text-align: center;
    font-size: 14px; cursor: pointer;
    background-color: #006187; color: white;
}
.cpr-item, .cpr-item-head { 
    height: 25px; display: flex;    
    align-items: center;
    font-size: 12px;
    border-bottom: 1px solid lightgray;
}

.cpr-name{ 
    min-width: 150px;    
    max-width: 150px;
    padding-left: 5px;
}
.cpr-aum{ 
    min-width: 80px;
    max-width: 80px;
}
.cpr-processed, .cpr-pan { 
    min-width: 100px;
    max-width: 100px;
}

.cpr-icon { 
    height: 23px; 
    margin-left: 15px; 
    cursor: pointer;
}
.cpr-icon-small {
    height: 20px;
    margin-right: -5px;
}
.cpr-plus {
    height: 20px; 
    cursor: pointer;
}

.compItem-I, .compItem-C, .compItem-A, .compitemname_ghost-I, .compitemname_ghost-C, .compitemname_ghost-A { 
    background-color: lightblue;
}

.topbar-title {    
    width: 1000px;
    text-align: left;
    padding-left: 30px;
    padding-top: 10px;
    font-size: 15px;
}
.topbar-back { 
    position: absolute;
    left: 1100px;
    display: none;
    padding-inline: 10px;
    border-radius: 10px;
    height: 30px; 
    line-height: 30px; 
    background-color: #006187; 
    color: white;
    font-size: 13px; 
    cursor: pointer;
}
.topbar-disc { 
    width: 1100px;
    font-size: 13px; 
    color: red;
    margin-left: 30px;
    margin-top: 5px;
}
.topbar {
    position: relative;
    height: 85px;
    width: 100%;
    background-color: #e5e5e5;
    border-bottom: 2px solid lightgray;    
}
#stratlist {
    width: 100%;
    display: flex;
    flex-wrap: wrap;    
    justify-content: flex-start;
}
.stratbox {
    min-width: 350px;
    max-width: 350px;       
    height: 200px;         
    margin: 20px;
    border: 1px solid lightgray;
    border-radius: 10px;
    display: flex;                
    justify-content: flex-start;
    position: relative;             
    overflow: hidden;                  
}
.stratbox-blue { 
    background-color: rgb(227, 246, 253);
}
.stratbox-green { 
    background-color: #e4f8f1;
}
.stratbox-gray { 
    background-color: lightgray;
}
.stratbox-white { 
    background-color: white;
}
.stratbox:hover {
    background-color: lightgray;    
}
.stratquickview-title{ 
    font-size: 20px; 
    font-weight: 600;
    color: #006187;
    text-align: center;

}
.stratquickview { 
    position: absolute;
    z-index: 3;
    height: 320px;
    width: 800px; 
    border: 2px solid lightgray; 
    border-radius: 10px; 
    padding: 20px; 
    background-color: white;
    text-align: center;
}
.startleft{ 
    width: 400px;
}
.startright-blur { 
    top: 0; left: 0;
    position: absolute;
    background-color: white;        
    width: 400px;
    height: 200px;    
    overflow: hidden;
    font-size: 15px;
    color: #006187;
    text-align: center;       
    padding-top: 100px;
}
.proinfo{ 
    font-weight: 600;
    cursor: pointer
}
.proinfo:hover { 
    text-decoration: underline;
}
.startright{
    position: relative;
    margin-left: 20px; 
    width: 400px;
    height: 300px;     
}
.startsec-head {
    font-weight: 600;
}
.startsec, .startsec-head{ 
    display: flex;
    align-items: center;
    height: 25px; font-size: 12px;
    border-bottom: 1px solid lightgray;
}
.startsecname{ 
    width: 300px;
    text-align: left;
    cursor: pointer;
}
.startsecname:hover { 
    text-decoration: underline;
    color: #006187;
}
.startsecwt{ 
    width: 50px;
    text-align: center;
}
.startchart { 
    height: 250px; 
    width: 400px;    
}
.stratquickview-holder { 
    display: flex;
    margin-top: 15px;
}
.startstats {         
    display: flex;  
    align-items: center;
    justify-content: center;
}
.startstat { 
    margin-inline: 10px; 
}
.startstatval{ 
    font-size: 20px;     
}
.startstatname {
    font-size: 10px;
    color: gray;
}
.stratquickview-loading{ 
    margin-top: 150px; 
    font-size: 25px; 
    color: #006187;
    text-align: center;
    font-weight: 600;
}
.stratquickview-close{ 
    position: absolute;
    top: 5px; left: 5px;
    height: 20px; width: 20px;
    line-height: 20px;
    font-size: 13px; 
    text-align: center;
    cursor: pointer;
    background-color: #2d3131;
    color: white;
    border-radius: 50%;

}
.proicon{
    height: 25px; 
    cursor: pointer;
    margin-left: 10px;
}
.yespro {
    display: none;
    color: green;
    font-size: 14px;
    font-weight: 600;
    margin-left: 20px;
}
.nopro { 
    color: #006187;
    font-size: 11px;
    margin-left: 20px;
    display: flex;
    align-items: center
}
.pronoentry { 
    height: 30px; 
    margin-right: 5px;
}
.stratimg {                             
    z-index: 1;                   
    border-radius: 10px;
    opacity: 0.20;  
    width: 100%;
    height: auto;
    position: absolute;
    top: 0; left: 0;
}
.stratrets{ 
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0px auto;                
    position: absolute;
    bottom: 0px;
}
.stratretvol { 
    background-color: lightblue !important;
}
.stratret { 
    z-index: 2;
    margin: 7px;                
    padding: 5px 10px;    
    border-radius: 10px;  
    text-align: center;
    background-color: white;              
}
.stratretname { 
    text-align: center;
    color: #2d3131;
    font-size: 10px;                
}
.stratretval { 
    color: lightgray;
    font-size: 16px;
    font-weight: bold;
}
.stratname{ 
    z-index: 2;
    position: absolute;
    top: 5px; 
    right: 10px;
    font-size: 19px;
    font-weight: bold;
    color: black;
}
.stratbench{ 
    z-index: 2;
    position: absolute;
    top: 30px; 
    right: 10px;
    font-size: 13px;    
    color: #165159;
}
.stratdesc {
    z-index: 2;
    position: absolute;
    top: 95px;
    color: #2d3131;
    font-weight: bold;
    left: 10px;                
    font-size: 13px;                
}
.stratdates { 
    position: absolute;
    top: 5px;
    text-align: left;
    left: 10px;
}
.stratdate{ 
    font-size: 12px; 
    font-weight: 600;
    color: gray;
}
.stratcat { 
    width: 100%; 
    text-align: left;
    padding-left: 30px;
    height: 40px; line-height: 40px;
    font-size: 18px;
    font-weight: 600;
    color: #006187;
    border-bottom: 1px solid lightgray;
}

.straticon { 
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    z-index: 2;
    top: 60px;
}
.straticon-chart { 
    left: 5px;
}
.straticon-analytics {     
    left: 59px;
}
.straticon-load {    
    left: 110px;
}
.straticon-compare {     
    left: 160px;
}
.stratfunds{ 
    z-index: 2;
    position: absolute;
    left: 210px; 
    top: 60px;
    height: 30px; width: 50px; 
    text-align: center;    
    border-radius: 50px;
    color: #006187;
    font-weight: 600;
    border: 1px solid #006187;
}

.stratfund {
    z-index: 1;    
    font-size: 17px;
}
.stratfundname{
    z-index: 1;    
    font-size: 8px;     
}