@font-face {
  font-family: 'AvenirLTStd-Light';
  src: url('fonts/AvenirLTStd-Light.eot');
  src: url('fonts/AvenirLTStd-Light.eot?#iefix') format('embedded-opentype'),
     url('fonts/AvenirLTStd-Light.woff') format('woff'), 
     url('fonts/AvenirLTStd-Light.ttf') format('truetype'), 
     url('fonts/AvenirLTStd-Light.svg#AvenirLTStd-Light') format('svg'); 
}
@font-face {
  font-family: 'AvenirLTStd-Black';
  src: url('fonts/AvenirLTStd-Black.eot');
  src: url('fonts/AvenirLTStd-Black.eot?#iefix') format('embedded-opentype'),
     url('fonts/AvenirLTStd-Black.woff') format('woff'), 
     url('fonts/AvenirLTStd-Black.ttf') format('truetype'), 
     url('fonts/AvenirLTStd-Black.svg#AvenirLTStd-Black') format('svg'); 
}
@font-face {
  font-family: 'AvenirLTStd-Book';
  src: url('fonts/AvenirLTStd-Book.eot');
  src: url('fonts/AvenirLTStd-Book.eot?#iefix') format('embedded-opentype'),
     url('fonts/AvenirLTStd-Book.woff') format('woff'), 
     url('fonts/AvenirLTStd-Book.ttf') format('truetype'), 
     url('fonts/AvenirLTStd-Book.svg#AvenirLTStd-Book') format('svg'); 
}
@font-face {
  font-family: 'AvenirLTStd-Heavy';
  src: url('fonts/AvenirLTStd-Heavy.eot');
  src: url('fonts/AvenirLTStd-Heavy.eot?#iefix') format('embedded-opentype'),
     url('fonts/AvenirLTStd-Heavy.woff') format('woff'), 
     url('fonts/AvenirLTStd-Heavy.ttf') format('truetype'), 
     url('fonts/AvenirLTStd-Heavy.svg#AvenirLTStd-Heavy') format('svg'); 
}


@font-face {
  font-family: 'OpenSans-Regular';
  src: url('fonts/OpenSans-Regular.eot');
  src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
     url('fonts/OpenSans-Regular.woff') format('woff'), 
     url('fonts/OpenSans-Regular.ttf') format('truetype'), 
     url('fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg'); 
}

@font-face {
  font-family: 'OpenSans-Bold';
  src: url('fonts/opensans-bold/OpenSans-Bold.eot');
  src: url('fonts/opensans-bold/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
     url('fonts/opensans-bold/OpenSans-Bold.woff') format('woff'), 
     url('fonts/opensans-bold/OpenSans-Bold.ttf') format('truetype'), 
     url('fonts/opensans-bold/OpenSans-Bold.svg#OpenSans-Bold') format('svg'); 
}

@font-face {
  font-family: 'AvenirLTStd-95-Black';
  src: url('fonts/95/AvenirLTStd-95-Black.eot');
  src: url('fonts/95/AvenirLTStd-95-Black.eot?#iefix') format('embedded-opentype'),
     url('fonts/95/AvenirLTStd-95-Black.woff') format('woff'), 
     url('fonts/95/AvenirLTStd-95-Black.ttf') format('truetype'), 
     url('fonts/95/AvenirLTStd-95-Black.svg#AvenirLTStd-95-Black') format('svg'); 
}

@font-face {
  font-family: 'AvenirLTStd-35-Light';
  src: url('fonts/35/AvenirLTStd-35-Light.eot');
  src: url('fonts/35/AvenirLTStd-35-Light.eot?#iefix') format('embedded-opentype'),
     url('fonts/35/AvenirLTStd-35-Light.woff') format('woff'), 
     url('fonts/35/AvenirLTStd-35-Light.ttf') format('truetype'), 
     url('fonts/35/AvenirLTStd-35-Light.svg#AvenirLTStd-35-Light') format('svg'); 
}

@font-face {
  font-family: 'Rupee_Foradian';
  src: url('fonts/rupee/Rupee_Foradian.eot');
  src: url('fonts/rupee/Rupee_Foradian.eot?#iefix') format('embedded-opentype'),
     url('fonts/rupee/Rupee_Foradian.woff') format('woff'), 
     url('fonts/rupee/Rupee_Foradian.ttf') format('truetype'), 
     url('fonts/rupee/Rupee_Foradian.svg#Rupee_Foradian') format('svg'); 
}

@font-face {
  font-family: 'calibriLightItalic';
  src: url('fonts/calibri/calibriLightItalic.eot');
  src: url('fonts/calibri/calibriLightItalic.eot?#iefix') format('embedded-opentype'),
     url('fonts/calibri/calibriLightItalic.woff') format('woff'), 
     url('fonts/calibri/calibriLightItalic.ttf') format('truetype'), 
     url('fonts/calibri/calibriLightItalic.svg#calibriLightItalic') format('svg'); 
}

input.dollar-symbol {
  background: #fff url("../imgs/dollar.png") no-repeat 5px 50%;
  background-size: 12px 17px;
  padding-left: 30px;
}

input.dollar-symbol-lg {
  background: #fff url("../imgs/dollar.png") no-repeat 5px 50%;
  background-size: 15px 25px;
  padding-left: 30px;
}
.form-control, .input-group-addon, .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
.note {
  color: #2e2e2e;
  font-size: 16px;
  margin-bottom:3px;
}
.btn-radio input[type="radio"] {
  margin: 7px 20px 0 0;
  margin-top: 1px \9;
  line-height: normal;
  font-weight: normal;
}
#formCalculate .input-lg {
  font-size: 24px;
  border: 1px solid #bbb;
}
#libUserSteps {
  margin-top: 10px;
}
#libUserSteps table {
  border-spacing: 10px 20px;
  padding: 0px;
  width: 100%;
}
#libUserSteps div.circle-default {
  width: 50px;
  height: 50px;
  text-align: center;
  padding-top: 7px;
  border-radius: 50% 50%;
  -webkit-border-radius: 50% 50%;
  -moz-border-radius: 50% 50%;
  -ms-border-radius: 50% 50%;
  -o-border-radius: 50% 50%;
  background-color: #ababab;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}
#libUserSteps span.step-title {
  font-weight: bold;
  font-size: 18px;
  color: #ababab;
}
#libUserSteps i.fa.fa-caret-right {
  color: #ababab;
}
#libUserSteps table.process div.circle-default {
  background: #59aec3;
  color: #fff;
}
#libUserSteps table.process span.step-title, #libUserSteps table.process i.fa.fa-caret-right {
  color: #59aec3;
}
#libUserSteps table.complete div.circle-default {
  background: #27ae60;
  color: #fff;
}
#libUserSteps table.complete span.step-title, #libUserSteps table.complete i.fa.fa-caret-right {
  color: #27ae60;
}
#libUserStatus {
  text-align: center;
}
#libUserStatus ul {
  list-style: none;
  display: inline-table;
  width: 100%;
  margin:0px;
  padding:0px 15px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#libUserStatus ul li {
  display: inline;
  width: 25%;
}
#libUserStatus ul li a {
  display: block;
  float: left;
  height: 40px;
  background: #f1eeeb;
  text-align: center;
  position: relative;
  font-size: 18px;
  text-decoration: none;
  color: #2e2e2e;
  padding-top: 0px;
  margin-left: 0px;
}
#libUserStatus ul li a span.h2 {
  position: relative;
  top: 4px;
  margin-right: 10px;
}
#libUserStatus ul li a:after {
  content: "";  
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
    border-left: 20px solid #f1eeeb;
  position: absolute; right: -20px; top: 0;
  z-index: 1;
}    
#libUserStatus ul li a:before {
  content: "";  
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid #fff;
  position: absolute; left: 2; top: 0;
}
#libUserStatus ul li:first-child a {
  border-top-left-radius: 0px; border-bottom-left-radius: 0px;
}
#libUserStatus ul li:first-child a:before {
  display: none; 
}
#libUserStatus ul li:last-child a {
  padding-right: 80px;
  border-top-right-radius: 0px; border-bottom-right-radius: 0px;
}
#libUserStatus ul li:last-child a:after {
  display: none; 
}
#investmentDashboard .nav-tabs > li > a {
  padding: 10px;
  font-size: 20px;
}
#myTabContentAus {
  border: 1px solid lightgrey;
  background-color: white;
  border-radius: 5px;
  position: relative;
  padding: 10px;
  margin: 0px;
  outline: none;
  min-height: 20%;
}
#resources  {
  padding: 60px 0px;
}
.pieChart {
  background-image:url(../../images/pie-chart-bg.jpg);
  background-color: #2e2e2e;
  background-repeat:repeat-x;
  padding-bottom:15px;
  margin-bottom:0px;
  background-size:100% 100%;
}
#riskBg {
  background-image:url(../../images/riskBg.png);
  width:300px;
  height:300px;
  display: table;
  background-size:300px 300px;
}
#riskBg .bgDiv {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.pieChartList {
  font-size: 12px;
  cursor: pointer;
  color: lightgrey;
  padding-left: 0px;
  transition:all ease-out .3s;
  -webkit-transition:all ease-out .3s;
  -moz-transition:all ease-out .3s;
  -ms-transition:all ease-out .3s;
  -o-transition:all ease-out .3s;
  margin-left: 1px;
}
.pieChartList:hover {
  color:#fff;
}
.pieChartListActive,.pieChartLegendActive {
  color: #fff;
  padding-left: 0px;
  transition:all ease-out .3s;
  -webkit-transition:all ease-out .3s;
  -moz-transition:all ease-out .3s;
  -ms-transition:all ease-out .3s;
  -o-transition:all ease-out .3s;
}
#pieChartLegend .table, #pieChartLegend2 .table{
  margin-bottom: 5px;
  display : block;
}
.legendTableActive {
  border: 1px solid lightgrey;
  border-radius:5px;
}
#portfolioContainer1 {
  margin-top:0px;
  position: relative;
}
#pieChartLegend {
  margin-top: 20px;
}
#portfolioContainer {
  position: relative;
}
.pieChartBoxBg {
  margin-right:1px; width:10px;height:10px; opacity: 0.7;
}
.pieChartBoxBg:hover, .pieChartBoxBgActive, .bgActive {
  opacity: 1;
  cursor: pointer;
}
#portfolioDivArrow {
  top:-30px;
  border-left: 30px solid transparent;
  border-right:30px solid transparent;
  border-bottom:30px solid;
  height:0;
  left:40.5%;
  position:absolute;
  width:0;
  z-index:9;
}
 #tooltip {
  position: absolute;
  width: auto;
  min-width: 200px;
  height: auto;
  padding: 10px;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);
  -mox-box-shadow: 4px 4px 4px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 4px 4px 10px rbga(0, 0, 0, 0.4); pointer-events: none;
  display: none;
  z-index: 99999;
}
#tooltip p {
  margin: 0;
  font-family: sans-serif;
  font-size: 10px;
  line-height: 20px;
}
.legendBg {
  background: url("../imgs/legendBg.png") repeat;
  min-height: 310px;
  padding: 5px 10px;
}
#pieChartLegend {
  margin-top: 20px;
}
.investmentPlanSectionTwo {
  display: none;
}
.sectionTwoShow {
  display: block;
}
#resources .col-sm-offset-1 {
  margin-left: 12.5%;
}
.prefixTitle {
  width: 90px;
}
#formCalculate #myTabContent {
  background: transparent;
  border:0px solid lightgrey;
  moz-border-radiuss: 0px;
}
#formCalculate #myTab {
  margin: 0px;
}
#formCalculate .input-lg {
  font-size: 24px;
  border: 1px solid #bbb;
  border-radius: 0px;
}
#formCalculate .nav-tabs > li > a {
  font-size: 18px;
}
#formCalculate .investInfoDiv {
  border-radius:0px;
  padding: 5px;
}
#formCalculate input#investmentChange {
  border-radius:0px;
}
#formCalculate #myTabContent {
  min-height:80px;
  margin-top: 25px;
}
#formCalculate #howMuchInvest {
  position: absolute;
  bottom: -45px;
  right: 0px;
}
#recalculateSubmit {
  position:absolute;right:15px;
  width: 160px;
}
#identityVerification ul.nav-stacked {
  margin-top:20px;
}
#identityVerification .nav-stacked > li {
  background: rgba(171, 47, 47, 0.2);
}
#identityVerification .nav-stacked > li.active {
  background: #fff;
  border: 1px solid lightgrey;
  border-right: transparent;
  z-index: 3;
  margin-left:1px;
}
.circle{
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px solid lightgrey;
  display: table;
}
.circle span.h1 {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#imgstatus img {
  margin-right: 5px;
}
#crumbs {
  text-align: right;
  position: relative;
  right: 10%;
}
#crumbs ol {
  list-style-type:none;
  display: inline-table;
  margin: 0px;
  width: 56%;
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 15px;
  border-top:1px solid #59aec3;
  position: relative;
  top:10px;
}
#crumbs ol:before {
  position: absolute;
  content: '';
  font-size:20px;
  color: red;
  width: 0;
  height: 0;
  left: 50%;
  top:-20px;
  border-style: solid;
  border-width: 0 20px 20px 20px;
  border-color: transparent transparent #59aec3 transparent;
  position: absolute;
}
#crumbs ol li {
  padding: 0px 1px;
  float: left;
  width: 25%;
}
#crumbs ol li a {
  display: block;
  float: left;
  height: 50px;
  width: 100%;
  text-align: left;
  padding: 7px;
  position: relative;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  color: grey;
  cursor: default;
}
#crumbs ol li a.active {
  color: #59aec3;
}
#crumbs ol li a.complete {
  color: #27ae60;
}
.confirmEmail {
  color:#f60101; margin-left:0px;
  position: relative;
  top: 10px;
}
#loginError {
  color: #f60101;
}
#passwordStrength, #loginError {
  margin-top: 7px;
}

/* design style sheet css  */
.tinyNote {
  font-size: 12px;
  margin-top: 3px;
}
.small-span {
  margin-bottom: 3px;
}
.small-span p, .small-span em  {
  display: table-cell;
  vertical-align: middle;
  padding: 0px 0px;
  font-size: 12px;
  font-style: italic;
  margin: 0px;    
}
.small-span span.em  {
  font-size: 12px;
  border-bottom: green 1px dotted;
  font-style: italic;  
}
.small-span p span.tool-tip-left  { 
  border-bottom: green 1px dotted;
}
.smallfont {
  font-size: 10px;
}
.input-large {
  padding: 5px;
  text-align: center;
  font-size: 18px;
}
.input-large:focus {
  outline: 0px;
}
.investmentPlanSectionTwo .control-buttons {
  height: 50px;
  width: 50px;
  border: none;
  background: #fff;
  color: #ab2f2f;
  border-radius:0px;
  font-size: 30px;
  text-align: center;
  padding: 5px;
}
.investmentPlanSectionTwo .section {
  margin-top: 15px;
}
.control-buttons {
  height: 30px;
  width: 30px;
  border: none;
  background: rgba(171,47,47,1);
  color: #fff;
  border-radius:0px;
  text-align: center;
  padding: 5px;
}
.control-buttons:hover {
  background:rgba(171,47,47,0.9);
  border:0px;
}
.investmentPlanSectionTwo .control-buttons:hover {
  background: #748c97;
  color: #fff;
  border: 0px;
}
.investmentPlanSectionTwo .control-buttons.disabled {
  background: lightgrey;
  color: #f2f2f2;
  border: 0px;
}
.control-buttons:focus {
  border-color: transparent;
  border:0px none;
}
.control-buttons.disabled {
  background: rgba(171, 47, 47, 0.4);
}
.input-select-type {
  width: 200px;
  height: 20px;
  border: 1px solid grey;
  border-radius: 3px;
  font-size: 12px;
}
.chartBar {
  border-left: 1px solid lightgrey;
  height:45px;
  float: left;
  text-align: left;
  transition:all 0.2s;
  -webkit-transition:all 0.2s;
  -moz-transition:all 0.2s;
  -ms-transition:all 0.2s;
  -o-transition:all 0.2s;
}
.chartBarTitle {
  margin-left: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 2.6em;
  position: absolute;
}
#followingInvestment .graphPercentage {
  margin-left: 10px;
  margin-top: 5px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.5em;
}
#followingInvestment .graphAmount {
  margin-left: 10px;
  width: 150px;
  font-weight: bold;
}
#followingInvestment .graphAmount span.units {
  padding-left: 10px;
  position:absolute;
}
.withdrawValue {
  padding-right:15px;
  font-weight: bold;
  color: #2e2e2e;
  background:rgba(186, 211, 216, 0.5);
  min-height: 19px;
  text-align: right;
}
.well-sm i.fa-sort-up, .well-sm i.fa-sort-down {
  color: #45e92a;
  padding-left: 10px;
  font-size: 20px;
}
.btn-div {
  padding: 20px;
}

/* close   */
@media (max-width: 1200px) {
#libUserSteps table {
  margin-top: 20px;
  border-spacing: 10px;
}
#portfolioDivArrow {
  left: 20%;
}
}
@media (max-width: 1024px) {
#formCalculate .nav-tabs > li > a {
  font-size: 14px;
  padding: 10px 15px;
}
#recalculateSubmit {
  position:absolute;right:10px;
  width: 150px;
}
.confirmEmail {
  color:#f60101; margin-left:0px;
  position: relative;
  top: 10px;
  display: block;
  margin-top: -5px;
}
#libUserStatus ul {
  padding:0px;
}
}

@media (max-width: 992px) {
.input-select-type {
    width: 150px; 
}
.investmentPlanSectionTwo .section {
  margin-top: 30px;
}
.chartBar {
  border-left: 1px solid lightgrey;
  height:50px;
  float: left;
  text-align: left;
}
.confirmEmail {
  top: 0px;
}
#libUserStatus ul {
  padding:0px;
}
#passwordStrength, #loginError {
  margin-top: 12px;
}
#libUserStatus ul li a {
  height: 30px;
  font-size: 14px;
  padding-top: 3px;
}
#libUserStatus ul li a span.h2 {
  font-size: 20px;
  position: relative;
  top:2px;
}
#libUserStatus ul li a:after {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid #f1eeeb;
  position: absolute; right: -15px; top: 0;
}  
#libUserStatus ul li a:before {
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-left: 15px solid lightgrey;
}
#crumbs ul li a {
  font-size: 14px;
  padding:7px 10px;
}
#formCalculate .investInfoDiv {
  min-height:0px;
}
#recalculateSubmit {
  position:initial;right:0px;
  width: 200px;
}
#formCalculate #howMuchInvest {
  position: inherit;
  padding: 20px 0px 0px 0px;
}
input#intendedInvestment {
  width: 250px;
}
#recalculateSubmit {
  width: 180px;
}
#libUserSteps span.circle-default {
  width: 20px;
  height: 20px;
  padding: 2px 13px;
}
#libUserSteps span.step-title {
  font-size: 13px;
}
.chartBarTitle{
  line-height: 2.8em;
}
}
@media (max-width: 868px) {
.pieChartList{
  font-size: 12px;
}
#crumbs ol li a {
  font-size: 14px;
  padding: 7px 20px;
}
}

@media (max-width: 868px) {
.well-outline{
  padding-top: 11px;
  padding-bottom: 5px;
}
}

@media (min-width: 768px) and (max-width: 992px){
#crumbs ol{
    width: 100%;
}
#crumbs ol:before{
    left: 63%;
}
#crumbs{
    right: 0;
}
#crumbs ol li a{
    font-size: 13px;
}
}

@media (max-width: 767px) {
#crumbs ol li a {
  font-size: 12px;
}
.confirmEmail {
  padding: 3px 15px;
}
.redirect {
  position:relative;
  width:100%;
}
#portfolioDivArrow {
  left: 40%;
}
#libUserStatus ul {
  padding:0px 15px;
}
#libUserStatus ul li a {
  padding-top: 5px;
}
#libUserStatus ul li:last-child a {
  padding-right:30px;
}
#table  div[class*='col-xs-12'] {
  border: none;
  border-bottom: 1px solid #eee;
  position: relative;
  padding-left: 40%;
  min-height: 40px;
}
#table  div[class*='col-xs-12']:before {
  position: absolute;
  top: 6px;
  left: 6px;
  width: 45%;
  padding-right: 10px;
  white-space: nowrap;
}
#table div.col-xs-12:nth-of-type(1):before { content: "Asset Class"; font-family: 'AvenirLTStd-Black';}
#table div.col-xs-12:nth-of-type(2):before { content: "Target %"; font-family: 'AvenirLTStd-Black';}
#table div.col-xs-12:nth-of-type(3):before { content: "Amount";  font-family: 'AvenirLTStd-Black';}
#table div.col-xs-12:nth-of-type(4):before { content: "Fund"; font-family: 'AvenirLTStd-Black';}
#table div.col-xs-12:nth-of-type(5):before { content: "Fund Symbol"; font-family: 'AvenirLTStd-Black';}
#formCalculate .investInfoDiv {
  min-height:inherit;
}
#formCalculate .nav-tabs > li > a {
  font-size: 14px;
  padding: 10px 20px
}
#resources .col-sm-offset-1 {
  margin-left: 0%;
}
#identityVerification .nav-stacked > li.active {
  background: #ab2f2f;
  border: 1px solid lightgrey;
  border-right: lightgrey;
  z-index: 3;
  margin-left:0px;
}
#identityVerification .nav-stacked > li.active a {
  color: #fff;
}
}

@media (max-width: 640px) {
.circle
{   
  width:100px;
  height:100px;
}
.circle .h1 {
  font-size: 30px;
}
#investmentDashboard .nav-tabs > li > a {
  padding: 10px;
  font-size: 14px;
}
#libUserStatus ul li a {
  padding-top: 8px;
  font-size: 11px;
  text-align: center;
}
#libUserStatus ul li:last-child a {
  padding-right:0px;
}
}

@media (max-width: 550px) {
#libUserStatus {
  display: none;
}
}

@media (max-width: 480px) {
.chartBar {
  height:100px;
}
.chartBarTitle {
  line-height: 6em
}
#formCalculate .nav-tabs > li > a {
  font-size: 12px;
  padding: 10px 12px;
}
input#intendedInvestment {
  width: 200px;
}
#portfolioHeading, #suggestionBoxOnetime,#suggestionBoxRecurring {
  text-align: center;
}
}

@media (max-width: 340px) {
#riskBg{
  width: 250px;
  height: 250px;
  display: table;
  background-size: 250px 250px;
}
}