.fip-status-1 {
    color: #8bd8b6;
}

.fip-status-2, .fip-status-3, .fip-status-7 {
    color: #fdc535;
}

.fip-status-4, .fip-status-5, .fip-status-6 {
    color: #959da2;
}

.fip-status-container {
    position: relative;
    padding-left: 25px;
}

.fip-status-container:before {
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    position: absolute;
    content: '';
    left: 0px;
    margin-left: 7px;
}

.fip-status-1:before {
    background-color: #8bd8b6;
}

.fip-status-2:before, .fip-status-3:before, .fip-status-7:before {
    background-color: #ffdd60;
}

.fip-status-4:before, .fip-status-5:before, .fip-status-6:before {
    background-color: #959da2;
}

#fip-status {
    margin-top: 25px !important;
}

/**
 * New keyplan header style
 */
.keyplan-header-block {
    margin: 23px 0 26px 0;
    line-height: 1em !important;
    padding-right: 50px;
}

.keyplan-header-block.last {
    padding-right: 0;
}

.keyplan-header-block.accounts {
    margin: 25px 0;
}

.keyplan-header-block h2 {
    font-size: 32px;
    margin-top: 27px;
}

.keyplan-header-block p {
    font-size: 16px;
    color: #949da1;
}

.keytrade-block-account-picture {
    padding: 25px 0 !important;
}

ul.keyplan-nav, ul.keyplan-nav li, ul.keyplan-nav li a {
    line-height: 1em !important;
}

ul.keyplan-nav li a {
    padding-top: 15px;
    padding-bottom: 15px;
    outline: 0;
}

#fip-funds-list .header {
    font-size: 12px;
}

.fip-sort {
    white-space: nowrap
}

#fip-percentage-total-progressbar {
    background-color: #fff !important;
    margin-top: 18px;
    width: 100%;
    padding-left: 20px;
}
@media (max-width: 970px){
    #fip-percentage-total-progressbar {
        display: block !important;
        padding-right : 20px !important;
    }
    #fip-total{
        float : left;
        max-width: 20px !important;
        margin-bottom: 20px !important;
    }
   /* .icon-bullet-point{
        right :-10% !important;
    }*/
    #fip-percentage-total-ok .icon-bullet-point {
        left: 95% !important;
    }
    #fip-search-container{
        margin-bottom: 20px !important;
    }
}

.flex-div-content-33 {
    flex: 0 1 30%;
    min-width: 150px;
    margin-right: 20px;
}

#fip-percentage-total.pos-fix {
    padding: 0 0 20px 0
}

#fip-percentage-total.posfix-xcenter {
    padding: 0 0 20px 0
}


#fip-percentage-total, #fip-search-no-result {
    background-color: #fff !important;
}

#fundheader {
    background-color: #fff !important;
    width: 100%;
}

.funds-list-block .fip-sort {
    color: #00B3D9;
    cursor: pointer;
}

.lighter {
    color: #00B3D9;
}

.funds-list-block .fip-sort.active {
    color: #2C3B45;
}

#custom-graph-placeholder {
    opacity: 0.15;
}

#custom-graph-placeholder-welcometext {
    position: absolute;
    text-align: left;
    top: 20%;
    width: 70%;
    z-index: 88;
    left: 5%;
    border: 6px solid #e9e9e9;
    background-color: #fff;
    padding: 20px 30px;
}

/* *************************
 *  CHANGE NAME OF KEYPLAN
 * *************************
 */
#fip-edit-name-label {
    font-size: 18px;
    font-family: "Effra";
}

#fip-edit-new-name, #fip-edit-new-name:focus {
    width: 60%;
    height: 23px;
    border: 0px !important;
    font-size: 18px;
    font-family: "Effra";
}

#fip-edit-name-edit {
    padding-bottom: 2px;
    border-bottom: 2px solid #00b3d9;
    margin-bottom: 4px;
    font-family: "Effra";
}

.icon-editing:before {
    font-size: 16px;
    display: inline-block;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.fip-edit-name-button {
    padding: 5px 5px;
    margin-left: 8px;
    cursor: pointer;
    border: 1px solid #00b3d9;
    border-radius: 5px;
    float: right;
    top: 6px;
    position: relative;
    font-size: 14px;
    font-family: "Effra";
}

#fip-edit-name-edit-save {
    background-color: #00b3d9;
    color: #fff;
    font-weight: bold;
}

#fip-edit-name-edit-cancel {
    color: #00b3d9;
}

.icon-edit:before {
    color: #00b3d9;
    font-size: 16px;
}

.fip-fund-list-document-row {
    border-bottom: 1px solid #eef0f0;
    margin-top: 8px;
}

.fip-fund-list-document-row:last-child {
    border-bottom: 0px solid #eef0f0;
}

.fip-fund-list-document-row:first-child {
    margin-top: 0px;
}

.fip-fund-list-document {
    display: inline;
}

.fip-fund-list-document a {
    color: #00b3d9 !important;
    font-size: 14px !important;
}

#fip-fund-list-document-FP a {
    margin-right: 11px;
}

.fip-fund-list-document a span.icon-size-sm {
    font-size: 16px !important;
}

.moreInfoSelected {
    background-color: #00b3d9;
    color: #fff;
}

.moreInfoSelected div {
    padding-top: 15px;
}

.moreInfoSelected a {
    color: #fff !important;
}

.moreInfoOpened {
    background-color: #2c3b45;
    color: #fff !important;
}

.showPointer {
    cursor: pointer;
}

.fund em.number {
    font-size: 36px;
    margin: 10px 0 0 15px;
    line-height: 100%;
}

.fip-fund-weight span {
    display: inline-block;
    width: 550px;
}


.fip-fund-weight span .oldfund {

    font-family: "Open Sans Semibold",sans-serif !important;
    font-size: 11px;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #a7bdcc;
    margin-bottom: 2px;
}



.fip-fund-weight span:first-child {
    width: 35px;
    text-align: right;
    font-weight: bold;
}

.fip-fund-weight span.percent {
    width: 35px;
    text-align: right;
    font-weight: bold;

    position: relative;
}



.fip-fund-weight .doc {
    font-size: 14px;
    margin-right: 7px;
}

.fip-fund-weight a {
    font-size: 14px;
}

.fip-fund-list p {
    padding: 7px 0;
    border-bottom: 2px solid #EFF0F0;
}

.fip-fund-list p:last-child {
    border: none;
}

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .tab-pane.active{
    display: block;
}

/*////////// Costs and charges //////////////////////////////////////////////////////////////////////////////////*/
 
div.chargesImpactGraph div.yearItem {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 12px;
    max-width: 400px;
}
div.chargesImpactGraph div.yearItem > span {
    flex: 0 0 100px;
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
}
div.chargesImpactGraph div.yearItem > div {
    height: 18px;
    width:100%;
}
div.chargesImpactGraph div.yearItem > div > div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    border-radius: 3px;
    background-color: #f5a623;
    min-width: 20px;
}
div.chargesImpactGraph div.yearItem > div > div span {
    color: white;
    font-weight: bold;
    padding-right: 3px;
}


.figcac .costancharges {
    margin-left: 35px;
    margin-right: 5px;
}

.strateo-cc .figcac .costancharges {
    margin-left: 0px;

}


.nomargincac .figcac .costancharges {
    margin-left: 0px;
    margin-right: 0px;
}

.figcac .costancharges div, .figcac .costancharges a, .figcac .costancharges p  {

    font-size: 14px;
    font-weight: normal;
    line-height: normal;
}

.figcac .costancharges  strong.title  {
    font-size: 16px;
}

.figcac .costancharges  strong.subtitle  {
    font-size: 12.6px;
}

.figcac .costancharges .gray {
    background-color:#efefef
}

/*
.figcac .costancharges div.row {
	padding-top: 14px;
	padding-bottom:17px;
	padding-left:8px;
}
*/

.figcac .costancharges .border-bottom {
    border-bottom: 1px solid #ccc;
}

/* ***************************** */
.figcac .costancharges a {
    white-space: nowrap;
    font-size: 16px;
    padding: 0;
    display: block;
}
.figcac .costancharges strong {
    font-size: 14px;
}
.figcac .costancharges [class*="col-"] > strong {
    display: block;
    padding: 0;
    line-height: 1.2;
}
.figcac .costancharges .row > p {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px;
    line-height: normal;
    font-style: italic;
}
.figcac .costancharges .row [class*="col-xs-4"] {
    padding: 15px 12.5px;
    font-size: 12.6px;
    color: #2b3b45;
}
.figcac .costancharges .subrow .row [class*="col-xs-4"] {
    padding: 0px 12.5px 12px;
    font-size: 12.6px;
    color: #2b3b45;
}
.figcac .costancharges .row [class*="col-xs-4"] + [class*="col-xs-4"] {
    white-space: nowrap;
    text-align: right;
    padding-right: 30px;
}
.figcac .costancharges .row [class*="col-xs-4"] a {
    font-size: 12.6px;
    color: #00b3db;
    text-decoration: underline;
}
.figcac .costancharges .row.total [class*="col-xs-4"] {
    padding: 5px 30px 5px 0;
}
.figcac .costancharges .row.total [class*="col-xs-4"]:first-child {
    font-size: 12.6px;
}
.figcac .costancharges .row.total [class*="col-xs-4"] .amount {
}
.figcac .costancharges .amount {
    font-size: 12.6px;
}
.figcac .costancharges .pourcent {
    font-size: 10.8px;
    display: block;
}
.figcac .costancharges .empty {
    display: block;
    padding-right: 20px;
}
.figcac .costancharges .currency {
}
.figcac .costancharges .title.label-row .row [class*="col-xs-4"] {
    font-size: 16px;
    color: #2b3b45;
}
.figcac .costancharges .title.label-row .row [class*="col-xs-4"]:first-child {
    padding-left: 0;
    color: #2c3b45;
}
.figcac .costancharges .title.label-row .row [class*="col-xs-4"]:first-child span {
    cursor: pointer;
    position: relative;
    margin-left: 5px;
    top: 5px;
}
.figcac .costancharges .title.label-row .row [class*="col-xs-4"] + [class*="col-xs-4"] {
    top: 5px;
    font-size: 10.8px;
}


.figcac .costancharges .dataGrp {
    position: relative;
    margin-top: 5px;
    margin-bottom: 20px;
}
.figcac .costancharges .dataGrp + .figcac .costancharges .dataGrp {
    margin-top: 30px;
}
.figcac .costancharges .border-top {
    position: relative;
}
.figcac .costancharges .border-top::before {
    display: block;
    content: '';
    position: absolute;
    height: 1px;
    left: 10px;
    right: 10px;
    border-top: 1px dashed #43a0dc;
    top: 0;
    width: calc(100% - 20px);
}

.suitability-right-block-up > p{
    line-height: 1.4;
}

.suitability-right-block-up > p + p {
    margin-top: 10px;
}

.figcac .costancharges .subrow .amount {
    font-family: 'Open Sans';
}
.figcac .costancharges .subrow .pourcent {
    font-family: 'Open Sans';
}
.figcac .costancharges .subrow .empty {
    font-family: 'Open Sans';
}
.figcac .costancharges .subrow .currency {
    font-family: 'Open Sans';
}

.figcac .costancharges .row [class*="col-xs-4"] a.LinkFlex {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    line-height: 1;
}
.figcac .costancharges .row [class*="col-xs-4"] a.LinkFlex  .LinkLabel{
    margin-right: 5px;
}

.sustainable, .fip-fund-weight span .sustainable {

    font-family: "Open Sans Semibold",sans-serif !important;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #a7bdcc;

    border : 1px solid #a7bdcc;
    border-radius: 3px;

    text-transform: uppercase;
    padding:1px;
    margin-bottom: 2px;
    width: auto;
    height: auto;
}