
.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-percentage-total-progressbar{
	background-color: #fff !important;
	margin-top: 18px;
	width: 100%;
}

#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;
}

.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;
}


.figcac .costancharges {
	margin-left: 35px;
	margin-right: 5px;
}




.nomargincac .figcac .costancharges {
	margin-left: 0px;
	margin-right: 0px;
}

.figcac .costancharges div, .figcac .costancharges a, .figcac .costancharges p  {

	font-size: 14px;
	font-family: '"Effra", Georgia, serif';
	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: 7px;
	padding-bottom:7px;

}


.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;
	font-family: 'Effra", Georgia, serif';
}
.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-family: '"Effra", Georgia, serif';
	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-family: '"Effra", Georgia, serif';
	font-size: 12.6px;
}
.figcac .costancharges .row.total [class*="col-xs-4"] .amount {
	font-family: '"Effra", Georgia, serif';
}
.figcac .costancharges .amount {
	font-family: '"Effra", Georgia, serif';
	font-size: 12.6px;
}
.figcac .costancharges .pourcent {
	font-family: '"Effra", Georgia, serif';
	font-size: 10.8px;
	display: block;
}
.figcac .costancharges .empty {
	font-family: '"Effra", Georgia, serif';
	display: block;
	padding-right: 20px;
}
.figcac .costancharges .currency {
	font-family: '"Effra", Georgia, serif';
}
.figcac .costancharges .title.label-row .row [class*="col-xs-4"] {
	font-size: 16px;
	color: #2b3b45;
	font-family: '"Effra", Georgia, serif';
}
.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 .modal-content p {
	font-family: '"Effra", Georgia, serif';
}
.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: '"Effra", Georgia, serif';
}
.figcac .costancharges .subrow .pourcent {
	font-family: '"Effra", Georgia, serif';
}
.figcac .costancharges .subrow .empty {
	font-family: '"Effra", Georgia, serif';
}
.figcac .costancharges .subrow .currency {
	font-family: '"Effra", Georgia, serif';
}

.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;
}

.figcac .costancharges * {
	font-family: Effra; !important;
}



