.content-page > .content {
      margin-top: 50px;
      padding: 20px;
      position: relative;
      min-height: 1200px;
    }
    .side-menu.right {
      width: 300px;
      right: 0px;
      position: absolute;
      z-index: 1;
      background: #e0e0e0;
      top: 50px;
      overflow: hidden;
    }
    .logout {
      position: absolute;
      right: 215px;
      margin-top: 9px;
    }
    .fa-home, .icon-papers {
      font-size: 21px !important;
    }
    .tab-title {
      color: #474747;
      padding-bottom: 0px;
      margin: 10px 0px 20px;
      font-weight: 600;
    }
    .tab-title.caption {
      margin-bottom: 6px;
    }
    label {
      margin-bottom: 2px;
    }

    /* Timeline */

    .StagePercent0, .StagePercent11, .StagePercent22, .StagePercent33, .StagePercent40, .StagePercent44, .StagePercent50, .StagePercent51, .StagePercent58, .StagePercent66, .StagePercent100 {
      height: 20px;
      background-color: #66B036;
      position: absolute;
    }

    /* Shows height of bar based on percentage */

    .StagePercent0 {
      width: 0%;
    }
    .StagePercent11 {
      width: 11%;
    }
    .StagePercent22 {
      width: 22%;
    }
    .StagePercent33 {
      width: 33%;
    }
    .StagePercent40 {
      width: 40%;
    }
    .StagePercent44 {
      width: 44%;
    }
    .StagePercent50 {
      width: 50%;
    }
    .StagePercent51 {
      width: 51%;
    }
    .StagePercent58 {
      width: 58%;
    }
    .StagePercent66 {
      width: 66%;
    }
    .StagePercent100 {
      width: 100%;
    }

    /* Timeline Bottom Widget */

    .timeline {
      height: 500px;
      padding: 0px;
      position: relative;
      list-style: none;
    }
    .vco-storyjs {
      z-index: inherit;
    }
    .vco-timeline .vco-navigation .timenav-background .timenav-interval-background {
      background: #ebebeb;
    }
    .vco-timeline .vco-navigation {
      height: 450px;
    }
    .loan-stage-content {
      margin: 0;
      max-width: 100%;
    }
    .vco-container {
      z-index: 1;
    }
    .timeline-bar {
      margin: 30px 0 50px;
      background: #5b605f;
    }
    .timeline-bar .closing {
      left: 50%;
      margin: -10px 0 0 -20px;
    }
    .title-top {
      font-family: roboto;
      font-size: 18px;
      font-weight: bold;
      margin-top: -5px;
      text-align: center;
      padding: 0;
      font-weight: 400;
    }
    .title-top.left-align-text {
      text-align: left;
    }
    .title-top.right-align-text {
      text-align: right;
    }
    .timeline-bar .first, .timeline-bar .closing, .timeline-bar .last {
      background-color: #7a7a7a;
      border: 5px solid #5b605f;
      color: #fafafa;
      float: left;
    }
    .timeline-bar .first.complete, .timeline-bar .closing.complete, .timeline-bar .last.complete {
      background-color: #5b605f;
      border: 5px solid #66B036;
    }
    .timeline-bar i {
      font-size: 21px;
      color: #fff;
      display: inline-block;
      left: 5px;
      position: absolute;
      top: 1px;
    }
    .timeline-bar i::before {
      margin: 0;
    }

    /* Benchmarks */

    #BenchmarksWidget .widget-content, #MarketingWidget2 .widget-content, #CreditReportWidget .widget-content, #MarketingWidget .widget-content {
      margin-top: 0px;
    }

    /* CREDIT REPORTS */
    /*LOB-11527
    Updating this file with a copy of production
    File was not updated in 4.0.5 repository so 
    most of the below code was overwritten
    */

    .CP2_CreditReport {
      /* Credit Score Grades */
      /* Revolving Credit Utilization */
      /* Records */
      /* Credit Utilization */
    }
    .CP2_CreditReport .credit-timeline {
      height: 500px;
    }
    .CP2_CreditReport .poorScore {
      background-color: #b82309;
    }
    .CP2_CreditReport .subprimeScore {
      background-color: #f60;
    }
    .CP2_CreditReport .acceptableScore {
      background-color: #faa30b;
    }
    .CP2_CreditReport .goodScore {
      background-color: #3983c5;
    }
    .CP2_CreditReport .excellentScore {
      background-color: #66b034;
    }
    .CP2_CreditReport .record-grp {
      display: block;
      margin-bottom: 15px;
      margin-left: 20px;
    }
    .CP2_CreditReport .record-grp h5 {
      font-size: 16px;
      font-family: Roboto;
      color: #474747;
      line-height: 30px;
    }
    .CP2_CreditReport .recordCounts {
      height: 30px;
      width: 30px;
      text-align: center;
      background-color: #adadad;
      color: #fafafa;
      font-size: 18px;
      font-family: Lato;
      font-weight: bold;
      line-height: 30px;
      float: left;
      margin: 0 10px 5px 0;
    }
    .CP2_CreditReport .credit-score .utilization {
      position: relative;
      background-color: #66b034;
      height: 45px;
      margin: 40px 20px 45px;
    }
    .CP2_CreditReport .credit-score .widget-content p {
      margin: 0px 20px 20px;
    }
    .CP2_CreditReport .credit-score .utilized {
      position: absolute;
      height: 45px;
      background-color: #c53e3e;
      border-right: solid 3px #7a7a7a;
    }
    .CP2_CreditReport .credit-score .utilized-percent {
      position: absolute;
      right: -20px;
      top: 49px;
      background-color: #474747;
      padding: 3px 5px;
      color: #fafafa;
      font-weight: bold;
    }
    .CP2_CreditReport .credit-score .arrow-up {
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #474747;
      position: absolute;
      right: -10px;
      top: 40px;
    }
    .CP2_CreditReport .credit-score .usage, .CP2_CreditReport .credit-score .limit {
      height: 45px;
      font-size: 18px;
      font-weight: bold;
      color: #fafafa;
      line-height: 45px;
      width: 100%;
    }
    .CP2_CreditReport .credit-score .usage {
      text-align: left;
      padding-left: 5px;
      position: absolute;
    }
    .CP2_CreditReport .credit-score .limit {
      text-align: right;
      padding-right: 5px;
      position: absolute;
    }
    .CP2_CreditReport .credit-score .utilization .title {
      color: #474747;
      font-size: 14px;
      top: -20px;
      position: absolute;
    }
    .CP2_CreditReport .credit-score .title-limit {
      right: 0;
    }
    .CP2_CreditReport .credit-score .scoreNum {
      text-align: center;
      color: #fafafa;
      font-weight: bold;
      font-size: 45px;
      padding: 5px 0;
      font-family: roboto;
    }
    .CP2_CreditReport .credit-score .credit-logo {
      text-align: center;
    }
    .CP2_CreditReport .credit-calculated {
      width: 100%;
    }
    .CP2_CreditReport .highcharts-container {
      padding: 0px 20px 20px;
    }
    .scorebreakdown {
      height: 205px;
    }
    .score-history {
      height: 445px;
      background-color: #fff;
    }

    /* END CREDIT REPORTS */


    /* CHATTER */

    #messages .btn-primary {
      background-color: #337ab7;
      border-color: #2e6da4;
      color: #fff;
    }
    #messages .btn-primary:hover {
      background-color: #286090;
      border-color: #204d74;
      color: #fff;
    }
    .chatter-header {
      margin-top: 30px;
      color: #fafafa;
    }
    .chatter-header h4 {
      padding: 10px 0px 10px 10px;
      background-color: #474747;
      text-align: left;
    }
    .chatter-header h4 i {
      float: right;
      font-size: 24px;
      margin-right: 5px;
    }
    .chat {
      margin: 0;
      padding: 0;
      list-style: none;
      background-color: #ffffff;
    }
    #messages {
      padding-bottom: 10px;
    }
    #messages .header {
      font-size: 16px;
      padding: 0px;
      border-bottom: solid 5px #e0e0e0;
    }
    #messages .new-chat .btn {
      background: #66b034;
      padding: 10px 0px;
      border-radius: 0px;
      text-transform: uppercase;
      width: 25%;
      border: solid 1px #66b034;
      float: right;
      color: #ffffff;
      height: 40px;
    }
    #messages .new-chat .btn:hover {
      background: #75c93c;
    }
    .big {
      padding: 0px 10px;
      width: 75%;
      height: 40px;
      border: none;
    }
    .comment-grp {
      margin: 20px 15px 0px 10px;
      position: relative;
      padding-left: 5px;
    }
    .comment-grp .user-photo {
      overflow: hidden;
      border-radius: 50%;
      border: 1px solid #ccc;
      width: 42px;
      height: 42px;
      position: absolute;
      left: 0px;
      background-color: #ffffff;
    }
    .comment-grp .user-photo img {
      width: 35px;
      border-radius: 50%;
      margin: 3px;
    }
    .comment-grp .comment-wrp, .comment-grp .sub-comment-wrp {
      padding: 0px 0px 0px 45px;
      list-style: none;
    }
    .comment-grp .comment-wrp h4, .comment-grp .sub-comment-wrp h4 {
      display: inline;
      font-size: 15px;
      font-weight: bold;
      float: left;
    }
    .comment-grp .comment-wrp .timestamp, .comment-grp .sub-comment-wrp .timestamp {
      float: right;
      color: #777777;
      font-size: 12px;
      margin-top: 2px;
    }
    .comment-grp .comment-wrp .timestamp .date, .comment-grp .sub-comment-wrp .timestamp .date {
      margin-right: 20px;
    }
    .comment-grp .comment-wrp p, .comment-grp .sub-comment-wrp p {
      color: #333333;
      font-size: 13px;
      padding: 5px 0px 10px 0px;
      line-height: 20px;
      margin-bottom: 0px;
      text-align: left;
      clear: both;
      display: block;
    }
    .comment-grp .comment-wrp .meta, .comment-grp .sub-comment-wrp .meta {
      color: #777777;
      font-size: 12px;
      display: block;
      text-align: right;
      margin-bottom: 10px;
    }
    .comment-grp .comment-wrp .meta .meta-comment, .comment-grp .sub-comment-wrp .meta .meta-comment {
      margin-right: 15px;
    }
    .comment-grp .reply {
      width: 100%;
      font-size: 12px;
      padding: 7px;
      font-style: italic;
      display: block;
    }
    .comment-grp .sub-comment-wrp {
      padding: 10px 0px 10px 60px;
    }
    .comment-grp .sub-comment-wrp .user-photo {
      margin-left: 15px;
    }
    .comment-grp .sub-comment-wrp p {
      padding: 0px 0px 20px 0px;
    }
    .line {
      border-left: solid 1px #ccc;
      z-index: 100;
      border-top-left-radius: 15px;
    }
    .line-none {
      border-left: solid 1px #fff;
      z-index: 100;
      border-top-left-radius: 15px;
    }
    .sub-line {
      border-left: solid 1px #ccc;
      z-index: 100;
    }
    .sub-line2 {
      width: 10px;
      border-bottom: solid 1px #ccc;
      position: absolute;
      z-index: 100;
      margin-top: 21px;
      left: 5px;
    }
    .view-all {
      margin: 10px 0px 0px 10px;
      width: 290px;
      border-radius: 0px;
      font-size: 18px;
      font-family: 'Roboto', sans-serif;
      font-weight: bold;
    }
    .view-all i {
      font-size: 21px;
      margin-left: 10px;
    }
    #chat-container {
      height: 450px;
      border-bottom: solid 5px #e0e0e0;
      overflow: hidden;
      width: 100%;
    }
    #chat-show-more {
      cursor: pointer;
    }

    /* Fix LOB-9003 */

    .progressBtnLeft, .progressBtnRight {
      cursor: pointer;
    }

    /* Fix LOB-9570 */

    .chatter-header h4 {
      color: #fff;
    }
    .CP2_Widgets .credit-score-wrap {
      margin-top: 15px !important;
    }
    .CP2_Widgets .credit-score-wrap .credit-score {
      max-width: 190px;
    }
    .utilization {
      position: relative;
      background-color: #66b034;
      height: 45px;
      margin: 15px 0 45px;
    }
    .widget-content p {
      margin: 0;
    }
    .utilized {
      position: absolute;
      height: 45px;
      background-color: #c53e3e;
      border-right: solid 3px #7a7a7a;
    }
    .utilized-percent {
      position: absolute;
      right: -20px;
      top: 49px;
      background-color: #474747;
      padding: 3px 5px;
      color: #fafafa;
      font-weight: bold;
    }
    .arrow-up {
      width: 0;
      height: 0;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-bottom: 8px solid #474747;
      position: absolute;
      right: -10px;
      top: 40px;
    }
    .usage, .limit {
      height: 45px;
      font-size: 18px;
      font-weight: bold;
      color: #fafafa;
      line-height: 45px;
      width: 100%;
    }
    .usage {
      text-align: left;
      padding-left: 5px;
      position: absolute;
    }
    .limit {
      text-align: right;
      padding-right: 5px;
      position: absolute;
    }
    .utilization .title {
      color: #474747;
      font-size: 14px;
      top: -20px;
      position: absolute;
    }
    .title-limit {
      right: 0;
    }
    .scoreNum {
      text-align: center;
      color: #fafafa;
      font-weight: bold;
      font-size: 45px;
      padding: 5px 0;
      font-family: roboto;
    }
    .credit-logo {
      text-align: center;
    }
    .widget-content.credit-score {
      padding: 0px 20px;
    }
    .widget-content.credit-score h4 {
      text-align: center;
      margin-bottom: 10px;
      padding-bottom: 10px;
    }