/* =============================================== */
/* ========== LMS PAGES - CUSTOM STYLES ========== */
/* =============================================== */
ul.fa-ul li i {
  color: #82b541; }

/* ========================= */
/* ===== PARTS SECTION ===== */
/* ========================= */
.lms-parts .part.finish {
  background: #0070be;
  border-bottom: solid 5px black; }
  .lms-parts .part.finish:hover {
    background: #0069a5; }
  .lms-parts .part.finish .part-text {
    border-right: 0; }

/* ========================= */
/* ===== INTRO SECTION ===== */
/* ========================= */
.lms-intro h5{font-family:'Open Sans', sans-serif;font-size: 1.4em;font-weight: 700; color: #333333; }
.lms-intro.new.part-1 {
  background: url("/Images/new-lms/image-1.png") 80% bottom no-repeat; }
.lms-intro.new.part-new {
  background: url("/Images/new-lms/image-6.png") 80% bottom no-repeat; }
.lms-intro.new.part-2 {
  background: url("/Images/new-lms/image-2.png") 80% bottom no-repeat;
  background-size: auto 100%; }
.lms-intro.new.part-3 {
  background: url("/Images/new-lms/image-3.png") right bottom no-repeat; }
.lms-intro.new.part-4 {
  background: url("/Images/new-lms/image-4.png") 80% bottom no-repeat; }
.lms-intro.new.part-5 {
  background: url("/Images/new-lms/image-5.png") 80% bottom no-repeat;
  background-size: auto 100%; }
.lms-intro.new.part-6 {
  background: white url("/Images/lms/intro-part-2.png") right bottom no-repeat;
  background-size: cover;
  padding: 4em 10% 1em; }
.part-6 li.lead{font-size:1.2em;}

.lms-intro.new p.highlight {
  color: #0070be;
  font-weight: bold;
  font-size: 3em; }

@media (max-width: 991px) {
  .lms-intro.new {
    padding-bottom: 2em !important; }
    .lms-intro.new.part-1,.lms-intro.new.part-new, .lms-intro.new.part-2, .lms-intro.new.part-3, .lms-intro.new.part-4, .lms-intro.new.part-5, .lms-intro.new.part-6 {
      background: white; } }
/* ========================= */
/* ===== MAIN SECTION ====== */
/* ========================= */
.lms-main {
  padding: 4em 10%;
  font-size: 1.1em;
  background: #f8f8f8;
  font-family: 'Open Sans', sans-serif;
  /* ========================= */
  /* ===== DEBTS TABLE ======= */
  /* ========================= */ }
  .lms-main .text {
    margin-bottom: 4em; }
    .lms-main .text h2 {
      color: #0070be;
      margin-bottom: .8em;
      line-height: 1.2em; }
    .lms-main .text h3 {
      font-size: 1.4em;
      font-weight: 700;
      color: #333333;
      margin-bottom: 1em; }
      .lms-main .text h3.highlight {
        color: #0070be;
        font-size: 1.8em;
        font-weight: normal; }
    .lms-main .text p {
      font-size: 1.1em;line-height:normal;
      /*margin-bottom: 2em;*/ }
      .lms-main .text p.lead {
        font-size: 1.1em; }
    .lms-main .text span.highlight {
      color: #0070be;font-weight: 400; }
  .lms-main .debts-table header .bad-debt {
    background: #333333;
    width: 50%;
    float: left;
    color: white;
    padding: 1em 3em;
    font-size: 1.7em;
    text-transform: uppercase;
    text-align: center;
    border-radius: 3px 0 0 3px; }
  .lms-main .debts-table header .good-debt {
    background: #0070be;
    width: 50%;
    float: left;
    color: white;
    padding: 1em 3em;
    font-size: 1.7em;
    text-transform: uppercase;
    text-align: center;
    border-radius: 0 3px 3px 0; }
  .lms-main .debts-table .content {
    background: white;
    text-align: center;
    font-family: 'Open Sans', sans-serif; }
    .lms-main .debts-table .content p {
      width: 75%;
      margin: 1em auto; }
    .lms-main .debts-table .content ul {
      margin-bottom: 0; }
      .lms-main .debts-table .content ul li {
        font-weight: 700; }
    .lms-main .debts-table .content .bad-debt-content {
      padding: 3em 3em 2em 3em;
      width: 50%;
      float: left;
      background: white; }
    .lms-main .debts-table .content .good-debt-content {
      padding: 3em 3em 2em 3em;
      width: 50%;
      float: left;
      background: white;
      border-left: solid 1px #dfdfdf; }
  @media (max-width: 767px) {
    .lms-main .debts-table header .bad-debt,
    .lms-main .debts-table header .good-debt {
      width: 100%; }
    .lms-main .debts-table .content .bad-debt-content,
    .lms-main .debts-table .content .good-debt-content {
      width: 100%; } }

/* ========================= */
/* ===== LMS PANEL ========= */
/* ========================= */
.lms-panel {
  font-family: 'Open Sans', sans-serif;
  /* ========================= */
  /* ===== GOALS PANEL ======= */
  /* ========================= */
  /* ========================= */
  /* ===== INCOME PANEL ====== */
  /* ========================= */
  /* =================================== */
  /* ===== DEBTS + ASSETS PANELS ======= */
  /* =================================== */
  /* ========================= */
  /* ===== EXPENSES PANEL ==== */
  /* ========================= */ }

.lms-panel .net-select{display:none;}
  .lms-panel .panel-header {
    background: #333333;
    color: white;
    padding: 1.5em 3em;
    font-size: 1.5em;
    font-weigth: 700;
    margin-bottom: 4px;
    border-radius: 4px; }
  .lms-panel .panel-line {
    padding: 1.5em 3em;
    background: white;
    margin-bottom: 4px;
    transition: background 0.1s; }
  .lms-panel .panel-bottom {
    padding: 3em;
    background: white;
    margin-top: 8px; }
  .lms-panel select {
      position:relative;
      /*display: block;*/
    font-size: 15px;
    line-height: 40px;
    height: 40px;
    padding: 0 2em 0 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appareance: none;
    border-radius: 3px;
    border: solid 1px #c5c5c5;
    background: #f8f8f8 url("/Images/new-lms/select-arrow.png") center right 10px no-repeat; }
    .select-locked select {
        background-image: none;
    }
.lms-panel select::-ms-expand {
    display: none; }
  .lms-panel input {
    font-size: 15px;
    padding:10px 1em 12px 2em;
    height: 40px;
    border-radius: 3px;
    border: solid 1px #c5c5c5;
    background: #f8f8f8 url("/Images/new-lms/dollar-sign.png") center left 10px no-repeat;
    transition: background 0.1s; }
    .lms-panel input:focus {
      border: solid 1px #d4eaf6;
      background: #d4eaf6 url("/Images/new-lms/dollar-sign.png") center left 10px no-repeat;
      outline: none; }
  .lms-panel.goals .panel-header .goal {
    width: 70%;
    float: left;
    padding-left: 2em;
    background: url("/Images/new-lms/icon-goal.png") 0 0 no-repeat; }
    @media (max-width: 991px) {
      .lms-panel.goals .panel-header .goal {
        width: 100%;
        float: none;
        text-align: center; } }
  .lms-panel.goals .panel-header .timeframe {
    width: 30%;
    float: left;
    padding-left: 2em;
    background: url("/Images/new-lms/icon-timeframe.png") 0 0 no-repeat; }
    @media (max-width: 991px) {
      .lms-panel.goals .panel-header .timeframe {
        /*display: none;*/ } }
  .lms-panel.goals .panel-line:hover, .lms-panel.goals .panel-line.active {
    background: #d4eaf6; }
    /*.lms-panel.goals .panel-line:hover .timeframe select,*/ 
    .lms-panel.goals .panel-line.active .timeframe select {
      /*display: block;*/ }
    /*.lms-panel.goals .panel-line:hover .goal .title,*/
     .lms-panel.goals .panel-line.active .goal .title {
      color: #0070be; }
  .lms-panel.goals .panel-line .goal {
    width: 60%;
    float: left;
    padding-left: 2em; }
    .lms-panel.goals .panel-line .goal .icon {
      width: 20%;
      float: left; }
      .lms-panel.goals .panel-line .goal .icon img {
        width: 56px; }
    .lms-panel.goals .panel-line .goal .title {
      font-size: 1.3em;
      font-family: 'Open Sans', sans-serif;
      width: 80%;
      float: left;
      line-height: 56px;
      margin: 0; }
  .lms-panel.goals .panel-line .timeframe {
    font-size: 1.3em;
    font-family: 'Open Sans', sans-serif;
    float: left;
    line-height: 56px; }
    .lms-panel.goals .panel-line .timeframe select {
      margin-top: 0.5em;
      /*display: none;*/
      max-width: 100%; }
    .lms-panel.goals .panel-line .timeframe .warning {
      color: #e74c3c;
      font-size: .9em; }
  @media (max-width: 991px) {
    .lms-panel.goals .panel-line .goal {
      width: 100%;
      display: block;
      float: none;
      padding-left: 0; }
      .lms-panel.goals .panel-line .goal .icon {
        display: block;
        float: none;
        text-align: center;
        margin: 0 auto; }
      .lms-panel.goals .panel-line .goal .title {
        float: none;
        width:100%;
        text-align: center;
        margin: 0 auto; }
    .lms-panel.goals .panel-line .timeframe {
      float: none;
      display: block;
      text-align: center;
      margin: 0 auto; }
      .lms-panel.goals .panel-line .timeframe select {
        display: block !important;
        text-align: center;
        float: none;
        margin: 0 auto; } }
  .lms-panel.income .panel-header .income {
    padding-left: 2em;
    background: url("/Images/new-lms/icon-income.png") 0 0 no-repeat; }
  .lms-panel.income .panel-line .income-title {
    width: 50%;
    float: left;
    /*padding-left: 2em;*/ }
    .lms-panel.income .panel-line .income-title .icon {
      width: 20%;
      float: left; }
      .lms-panel.income .panel-line .income-title .icon img {
        width: 40px; }
    .lms-panel.income .panel-line .income-title .title {
      font-size: 1.3em;
      font-family: 'Open Sans', sans-serif;
      /*width: 70%;*/
      float: left;
      margin: 0; }
    .lms-panel .panel-line .title span{
        font-size: 0.8em;color:#0070be;
    }
  .lms-panel.income .panel-line .income-details {
    width: 50%;
    float: left; }
    .lms-panel.income .panel-line .income-details select{margin: 6px 1.5%;}
    .lms-panel.income .panel-line .income-details input {
      width: 150px;
      margin: 6px 1.5%; }
  @media (max-width: 1199px) {
    .lms-panel.income .panel-line .income-title {
      width: 50%; }
    .lms-panel.income .panel-line .income-details {
      width: 50%; }
      .lms-panel.income .panel-line .income-details select, .lms-panel.income .panel-line .income-details input {
        width: 100%; } }
  @media (max-width: 767px) {
    .lms-panel.income .panel-line .income-title {
      width: 100%; }
    .lms-panel.income .panel-line .income-details {
      width: 100%; }
      .lms-panel.income .panel-line .income-details select, .lms-panel.income .panel-line .income-details input {
        width: 100%; } }
  .lms-panel.income .panel-bottom .partial-income {
    float: left; }
    .lms-panel.income .panel-bottom .partial-income .icon {
      float: left;
      margin-right: 3em;
      width: 66px;
      height: 100px; }
      .lms-panel.income .panel-bottom .partial-income .icon.icon-5 {
        background: url("/Images/new-lms/icons-money-large-05.png") 0 0 no-repeat;
        background-size: contain; }
      .lms-panel.income .panel-bottom .partial-income .icon.icon-1 {
        background: url("/Images/new-lms/icons-money-large-01.png") 0 0 no-repeat;
        background-size: contain; }
      .lms-panel.income .panel-bottom .partial-income .icon.icon-2 {
        background: url("/Images/new-lms/icons-money-large-02.png") 0 0 no-repeat;
        background-size: contain; }
      .lms-panel.income .panel-bottom .partial-income .icon.icon-3 {
        background: url("/Images/new-lms/icons-money-large-03.png") 0 0 no-repeat;
        background-size: contain; }
      .lms-panel.income .panel-bottom .partial-income .icon.icon-4 {
        background: url("/Images/new-lms/icons-money-large-04.png") 0 0 no-repeat;
        background-size: contain; }
      .lms-panel.income .panel-bottom .partial-income .icon p.total {
        font-weight: bold;
        color: rgba(0, 0, 0, 0.5);
        text-align: center;
        padding-top: 42px; }
        .lms-panel.income .panel-bottom .partial-income .icon p.total:before {
          content: '$ ';
          font-weight: 400; }
        .lms-panel.income .panel-bottom .partial-income .icon p.total:after {
          content: 'Per Year';
          display: block;
          font-weight: 400;
          font-size: .7em;
          margin-top: -1.5em; }
      .lms-panel.income .panel-bottom .partial-income .icon img {
        width: 72px; }
  .lms-panel.income .panel-bottom .total-income {
    float: left; }
    .lms-panel.income .panel-bottom .total-income .total-income-title {
      text-transform: uppercase;
      font-size: 1.6em;
      margin-bottom: 1em; }
    .lms-panel.income .panel-bottom .total-income .total-income-value {
      font-size: 3em;
      color: #0070be;
      font-weight: bold; }
      .lms-panel.income .panel-bottom .total-income .total-income-value:before {
        content: '$ '; }
  @media (max-width: 991px) {
    .lms-panel.income .panel-bottom .partial-income {
      float: none;
      text-align: center; }
      .lms-panel.income .panel-bottom .partial-income .icon {
        margin: 0 1em;
        float: none;
        display: inline-block; }
        .lms-panel.income .panel-bottom .partial-income .icon.icon-equals {
          display: block;
          text-align: center;
          margin: 0 auto; }
    .lms-panel.income .panel-bottom .total-income {
      float: none;
      text-align: center; } }
  .lms-panel.debts .panel-header .liabilities, .lms-panel.assets .panel-header .liabilities {
    padding-left: 2em;
    background: url("/Images/new-lms/icon-creditcard.png") 0 0 no-repeat; }
  .lms-panel.debts .panel-header .assets, .lms-panel.assets .panel-header .assets {
    padding-left: 2em;
    background: url("/Images/new-lms/icon-assets.png") 0 0 no-repeat; }
  .lms-panel.debts .panel-line .income-title, .lms-panel.assets .panel-line .income-title {
    width: 70%;
    float: left;
    /*padding-left: 2em;*/ }
    .lms-panel.debts .panel-line .income-title .icon, .lms-panel.assets .panel-line .income-title .icon {
      width: 15%;
      float: left; }
      .lms-panel.debts .panel-line .income-title .icon img, .lms-panel.assets .panel-line .income-title .icon img {
        width: 56px; }
    .lms-panel.debts .panel-line .income-title .title, .lms-panel.assets .panel-line .income-title .title {
      font-size: 1.3em;
      font-family: 'Open Sans', sans-serif;
      width: 80%;
      float: left;
      line-height: 56px;
      margin: 0; }
  .lms-panel.debts .panel-line .income-details, .lms-panel.assets .panel-line .income-details {
    width: 30%;
    float: right;
    padding-right: 2em; }
    .lms-panel.debts .panel-line .income-details select,
    .lms-panel.debts .panel-line .income-details input, .lms-panel.assets .panel-line .income-details select,
    .lms-panel.assets .panel-line .income-details input {
      width: 100%;
      margin: 0 1.5%; }
  @media (max-width: 991px) {
    .lms-panel.debts .panel-line .income-title, .lms-panel.assets .panel-line .income-title {
      width: 100%;
      float: none;
      margin: 0 auto;
      text-align: center; }
      .lms-panel.debts .panel-line .income-title .icon, .lms-panel.assets .panel-line .income-title .icon {
        float: none;
        display: block;
        width: 100%; }
      .lms-panel.debts .panel-line .income-title .title, .lms-panel.assets .panel-line .income-title .title {
        width: 100%; }
    .lms-panel.debts .panel-line .income-details, .lms-panel.assets .panel-line .income-details {
      width: 100%;
      display: block;
      padding: 0; } }
  .lms-panel.debts .panel-bottom .total-income, .lms-panel.assets .panel-bottom .total-income {
    float: right;
    padding-right: 2em; }
    .lms-panel.debts .panel-bottom .total-income .total-income-title, .lms-panel.assets .panel-bottom .total-income .total-income-title {
      text-transform: uppercase;
      font-size: 1.6em;
      margin-bottom: 1em; }
    .lms-panel.debts .panel-bottom .total-income .total-income-value, .lms-panel.assets .panel-bottom .total-income .total-income-value {
      font-size: 3em;
      color: #0070be;
      font-weight: bold; }
      .lms-panel.debts .panel-bottom .total-income .total-income-value:before, .lms-panel.assets .panel-bottom .total-income .total-income-value:before {
        content: '$ '; }
  @media (max-width: 991px) {
    .lms-panel.debts .panel-bottom, .lms-panel.assets .panel-bottom {
      text-align: center; }
      .lms-panel.debts .panel-bottom .total-income, .lms-panel.assets .panel-bottom .total-income {
        padding-right: 0;
        margin: 0 auto;
        float: none; } }
  .lms-panel.expenses.toggle .panel-header {
    background: #666666 url("/Images/new-lms/icon-plus.png") right 2em center no-repeat; }
  .lms-panel.expenses.toggle .panel-toggle {
    display: none; }
  .lms-panel.expenses.toggle.active .panel-header {
    background: #333333 url("/Images/new-lms/icon-minus.png") right 2em center no-repeat; }
  .lms-panel.expenses.toggle.active .panel-toggle {
    display: block; }
  .lms-panel.expenses .panel-header {
    padding-left: 2em; }
  .lms-panel.expenses .panel-line .income-title {
    width: 50%;
    float: left;
    /*padding-left: 2em;*/ }
    .lms-panel.expenses .panel-line .income-title .icon {
      width: 15%;
      float: left; }
      .lms-panel.expenses .panel-line .income-title .icon img {
        width: 40px; }
    .lms-panel.expenses .panel-line .income-title .title {
      font-size: 1.3em;
      font-family: 'Open Sans', sans-serif;
      width: 80%;
      float: left;
      margin: 0; }
  .lms-panel.expenses .panel-line .income-details {
    width: 50%;
    float: left; }
    .lms-panel.expenses .panel-line .income-details select,
    .lms-panel.expenses .panel-line .income-details input {
      width: 29.9%;
      margin: 0 1.5%;
      float: left; }
    .lms-panel .panel-line .income-details .yearly-amount {
        line-height:1.4285;
      /*width: 29.9%;*/
      margin-top:6px;
      float: right;
      color: #0070be;
      font-size: 1.6em;
      font-weight: 500; }
      .lms-panel .panel-line .income-details .yearly-amount:before {
        content: '$ '; }
  @media (max-width: 1199px) {
    .lms-panel.expenses .panel-line .income-title {
      width: 50%; }
    .lms-panel.expenses .panel-line .income-details {
      width: 50%; }
      .lms-panel.expenses .panel-line .income-details select, .lms-panel.expenses .panel-line .income-details input {
        width: 100%;
        margin: 6px auto; }
      .lms-panel .panel-line .income-details .yearly-amount {
        text-align: right; } }
  @media (max-width: 767px) {
    .lms-panel.expenses .panel-line .income-title {
      width: 100%;
      padding-left: 0; }
      .lms-panel.expenses .panel-line .income-title .icon {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: block; }
      .lms-panel.expenses .panel-line .income-title .title {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        display: block; }
    .lms-panel.expenses .panel-line .income-details {
      width: 100%; }
      .lms-panel.expenses .panel-line .income-details select, .lms-panel.expenses .panel-line .income-details input {
        width: 100%; }
      .lms-panel .panel-line .income-details .yearly-amount {
        float: none;
        text-align: center;
        margin: 0 auto;
        display: block;
        width: 100%; } }
  .lms-panel.expenses .panel-bottom .total-income {
    float: right;
    padding-right: 2em; }
    .lms-panel.expenses .panel-bottom .total-income .total-income-title {
      text-transform: uppercase;
      font-size: 1.6em;
      margin-bottom: 1em; }
    .lms-panel.expenses .panel-bottom .total-income .total-income-value {
      font-size: 3em;
      color: #0070be;
      font-weight: bold; }
      .lms-panel.expenses .panel-bottom .total-income .total-income-value:before {
        content: '$ '; }
  @media (max-width: 991px) {
    .lms-panel.expenses .panel-bottom {
      text-align: center; }
      .lms-panel.expenses .panel-bottom .total-income {
        padding-right: 0;
        float: none; } }

/* ============================= */
/* ===== MODULE COMPLETION ===== */
/* ============================= */
.standings {
  background: white;
  padding: 5em 5em 4.5em; }
  .standings p {
    float: left;
    /*width: 50%;*/
    font-weight: 700;
    font-size: 1.5em;
    font-family: 'Open Sans', sans-serif; }
  .standings .standing-value {
    float: left;
    color: #0070be;
    font-size: 3em;
    font-weight: 700;
    padding-right: 1em; }
    .standings .standing-value:before {
      content: '$ '; }
  .standings img {
    /*float: left;*/
    margin-top: -4px; }
  @media (max-width: 991px) {
    .standings {
      padding: 4em 2em; }
      .standings p {
        float: none;
        text-align: center;
        width: 100%; }
      .standings .standing-value {
        float: none;
        display: block;
        text-align: center;
        margin: 0 auto;
        padding: .3em 0; }
      .standings img {
        float: none;
        display: block;
        margin: 0 auto;
        text-align: center;
        margin-top: 12px; } }

  
.front-end h1, .front-end h2, .front-end h3, .front-end h4, .front-end h5 {
  font-weight: 700;
  line-height: 1.5em;
  color: #333333; }
.front-end p {
  font-weight: 300;
  padding: .5em 0;
  font-size: 15px;
  line-height: 1.5em; }
.front-end ol li {
  font-size: 15px;
  color: #333; }
.front-end ul.disc {
  padding-left: 2em; }
  .front-end ul.disc li {
    list-style: disc;
    padding: .4em 0;
    line-height: 1.5em;
    font-weight: 300; }
  .articles-index ul {
  padding-left: 1.5em; }
  .articles-index ul li {
    list-style: disc;
    padding: .2em 0;
    line-height: 1.2em;
    font-weight: 300; }

.front-end {
  /* ===== TEXT HELPER CLASSES ===== */ }
  .front-end .container-fluid {
    padding: 0 3%; }
  .front-end img.centered {
    margin: 0 auto;
    display: block;
    text-align: center; }
  .front-end .no-pad-bottom {
    padding-bottom: 0; }
  .front-end .serif {
    font-family: "Times", Georgia, serif; }
  .front-end .italic {
    font-weight: 300;
    font-style: italic; }
  .front-end .light-weight {
    font-weight: 300; }
  .front-end .justify {
    text-align: justify;
    -webkit-text-align: center;
    text-align-last: justify; }
  .front-end .uppercase {
    text-transform: uppercase; }
  .front-end .text-yellow {
    color: #ffc621 !important;
    font-weight: 400 !important; }
  .front-end .text-blue {
    color: #137ec1 !important;
    font-weight: 400; }
  .front-end .check:before {
    font-family: 'FontAwesome';
    content: '\f00c';
    padding-right: .5em;
    font-weight: 300; }
  .front-end .grey-box {
    background: #f2f2f2;
    padding: 2em;
    margin-bottom: 2em; }
  .front-end .boost {
    font-weight: 700;
    font-size: 3.2em;
    vertical-align: bottom;
    line-height: .8em; }
  .front-end hr.mini {
    width: 75px;
    margin: 1.5em auto;
    opacity: 0.5 !important; }
  .front-end hr {
    opacity: 0.5 !important;
    border-top: solid 1px #333940 !important; }
  .front-end hr.subtle {
    border-color: #cccccc !important;
    margin: 2em auto;
    width: 50%; }