.btn.score_report_btn {
	border-radius:4px;
}
 
.card {
	/* box-shadow: 0px 1px 8px rgba(220, 220, 220, 0.7); */
  }
  
  .dashboard-link {
	  color: #007B85; 
	  text-decoration: underline;
  }
  
  .dashboard-alert {
	  background-color:#FFF3D6!important;
	  border-color:#eedba2 !important;
	  color: #212529;
	  border-radius: 0;
  }
  
  /* Menu */
  .navbar-main {
	  background: linear-gradient(90deg, #016069 0%, #008080 100%);
  }
  
  .navbar-dark .navbar-nav .nav-link {
	  color: white;
  }
  
  .exclamation-sign {
   background-image : url(./../assets/icon-sign-warning--solid.svg);
   background-size: contain;
   background-repeat: no-repeat;
   width:25px;
   height:25px;
   float: left;
  }
   .icon-elem {
   width:25px;
   height:25px;
   float: left;
  }
  
  .txt-w,
  .text_inline{
  padding-left: 40px;
  display: block;
  }
  div.exclamation-sign {
	  background-size: contain;
	  background-repeat: no-repeat;
	  width: 5%;
	  height: 0;
	  padding-top: 2.5%;
	  background-image : url(./../assets/icon-sign-warning--solid.svg);
  }
  
  #menu #notification .badge {
	  background: rgba(0, 0, 0, 0.5);
	  width: auto;
	  height: auto;
	  margin: 0;
	  border-radius: 50%;
	  position: absolute;
	  top: 20px;
	  right: 100px;
	  color: white;
	  background-color: #f15c22;
  }
  
  #menu #menuCsi .badge-primary {
	  color: #fff;
	  background-color: #f15c22;
	  float: right;
  }
  
  .csi-banner {
	  background-color: #FFF;
	  color: #000;
	  height: 10.5em;
	  font-weight: bold;
  }
  
  .csi-banner-logo-2 {
	  height: 4.5em;
	  background-image: url(../../csi/assets/brand-ctoscsi-logo-2.png);
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: contain;
	  padding-top: 1.5em;
	  width:80%;
  }
  
  div.csi-banner-bg-2 {
	  position: absolute;
	  top: 30%;
  }
  
  div.csi-banner-bg-3 {
	  height: inherit;
	  background-image: url(../../csi/assets/brand-ctoscsi-logo-new.png);
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: contain;
	  padding-right: 300px;
  }
  
  /**
	  For footer color
   */
  #footer-main {
	  
	  background: #fff;
	  padding: 0;
	  position: relative;
	  bottom: 0;
	  width: 100%;
	  min-height: 80px;
	  margin-top: 2em;
	  font-size: 14px;
	  background-color: #fff;
	  border-top: 1px solid rgb(0 123 133 / 30%);
  }
  
  
  #footer-main .container {
	  padding-top: 1em;
	  padding-bottom: 1em;
  }
  
  #footer-main a {	  
	  color: rgba(0, 123, 133, 1);
	      position: relative;
		  display: inline-block;
		  padding: 5px 10px;
	 }
  #footer-main a:first-child:before {
  display:none
  }
  #footer-main a:before {
    content: '|';
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
}
#footer-main a:hover {
    color: rgba(0, 123, 133, 1);
}
  .copyright {
	  margin: 5px 0;
	  color: rgba(0, 123, 133, 1);
  } 
  
  
  /* Button */
  
  .btn-outline-dashboard-primary {
	  color: #fff;
	  background-color: rgba(241, 93, 34, 1);
	  border-color: rgba(241, 93, 34, 1);
	  background-image: none;
	  border-radius: 4px;
	  padding: 10px 15px;
	  transition:all 0.5s;
	  font-weight: 500;
	  border-width: 2px;
  }
  
  .btn-outline-dashboard-primary:hover {
	  color: rgba(241, 93, 34, 1);
	  background-color: #fff;
  }
  
  .btn-outline-dashboard-primary:focus, .btn-outline-dashboard-primary.focus {
	  box-shadow: none;
  }
  
  .btn-outline-dashboard-primary.disabled, .btn-outline-dashboard-primary:disabled {
	  color: #0B0C0D;
	  background-color: #dddddd;
  }
  
  .btn-outline-dashboard-primary:not (:disabled ):not (.disabled ):active,
	  .btn-outline-dashboard-primary:not (:disabled ):not (.disabled ).active,
	  .show>.btn-outline-dashboard-primary.dropdown-toggle {
	  color: #fff;
	  background-color: #007b85;
	  border-color: #007b85;
  }
  
  .btn-outline-dashboard-primary:not (:disabled ):not (.disabled ):active:focus,
	  .btn-outline-dashboard-primary:not (:disabled ):not (.disabled ).active:focus,
	  .show>.btn-outline-dashboard-primary.dropdown-toggle:focus {
	  box-shadow: none;
  }
  
  .btn-outline-dashboard-secondary {
	  color: #007b85;
	  background-color: #fff;
	  background-image: none;
	  border-color: #007b85;
	  border-radius: 4px;
	  padding: 10px 15px;
  }
  
  .btn-outline-dashboard-secondary:hover {
	  color: #fff;
	  background-color: #007b85;
	  border-color: #007b85;
  }
  
  .btn-outline-dashboard-secondary:focus, 
	  .btn-outline-dashboard-secondary.focus {
	  box-shadow: none;
  }
  
  .btn-outline-dashboard-secondary.disabled,
	  .btn-outline-dashboard-secondary:disabled {
	  color: #0B0C0D;
	  background-color: #dddddd;
  }
  
  .btn-outline-dashboard-secondary:not (:disabled ):not (.disabled ):active,
	  .btn-outline-dashboard-secondary:not (:disabled ):not (.disabled ).active,
	  .show>.btn-outline-dashboard-secondary.dropdown-toggle {
	  color: #fff;
	  background-color: #007b85;
	  border-color: #007b85;
  }
  
  .btn-outline-dashboard-secondary:not (:disabled ):not (.disabled ):active:focus,
	  .btn-outline-dashboard-secondary:not (:disabled ):not (.disabled ).active:focus,
	  .show>.btn-outline-dashboard-secondary.dropdown-toggle:focus {
	  box-shadow: none;
  }
  
  /* Modal */
  .modal-content a, .modal-content a:active {
	color: #fff;
  }
  
  #modal-notification .modal-content a, #modal-notification .modal-content a:active {
	color: unset;
  }
  
  /* Notification */
  #notification-category-icon {
	  align-self: center;
	  width: 10%;
  }
  
  #notification-category-button-row {
	  float: right;
  }
  
  #notification-category-arrow-div {
	  align-self: center;
	  width: 30px;
  }
  
  .short_alert_date {
	  display: none;
  }
  
  div.card-notification h4{
	  margin-left: 0.4em;
  }
  
  .read-sm-box {
	  color: #FFFFFF;
	  background-color: #E6E6E6;
	  border-radius: 0.25rem;
  }
  
  .unread-sm-box {
	  color: #888888;
	  background-color: #E6E6E6;
	  border-radius: 0.25rem;
  }
  
  .flagged-sm-box {
	  color: #888888;
	  background-color: #FFE66B;
	  border-radius: 0.25rem;
  }
  
  .unflag-sm-box {
	  color: #888888;
	  background-color: #E6E6E6;
	  border-radius: 0.25rem;
  }
  
  .all-clear:before {
	  content: "";
	  width: 25px;
	  height: 25px;
	  display: inline-block;
	  margin-right: 5px;
	  vertical-align: text-top;
	  background-color: transparent;
	  background-position : center center;
	  background-repeat:no-repeat;
  }
  
  .all-clear-tick:before{
	   background-image : url(./../assets/icon-tickmark-green-solid.svg);
  }
  
  .btn-outline-notification-primary {
	  color: #fff;
	  background-color: #007bff;
	  border-color: #007bff;
	  background-image: none;
	  border-radius: 25px;
	  padding: 2px 13px;
	  width: 7em !important;
  }
  
  .btn-outline-notification-primary:hover {
	  color: #007bff;
	  background-color: #fff;
  }
  
  .btn-outline-notification-primary:focus, .btn-outline-notification-primary.focus {
	  box-shadow: none;
  }
  
  .btn-outline-notification-primary.disabled, .btn-outline-notification-primary:disabled {
	  color: #0B0C0D;
	  background-color: #dddddd;
  }
  
  .btn-outline-notification-primary:not (:disabled ):not (.disabled ):active,
	  .btn-outline-notification-primary:not (:disabled ):not (.disabled ).active,
	  .show>.btn-outline-notification-primary.dropdown-toggle {
	  color: #fff;
	  background-color: #007bff;
	  border-color: #007bff;
  }
  
  .btn-outline-notification-primary:not (:disabled ):not (.disabled ):active:focus,
	  .btn-outline-notification-primary:not (:disabled ):not (.disabled ).active:focus,
	  .show>.btn-outline-notification-primary.dropdown-toggle:focus {
	  box-shadow: none;
  }
  
  .btn-outline-notification-secondary {
	  color: #fff;
	  background-color: #be9e00;
	  border-color: #be9e00;
	  background-image: none;
	  border-radius: 25px;
	  padding: 2px 13px;
	  width: 7em !important;
  }
  
  .btn-outline-notification-secondary:hover {
	  color: #be9e00;
	  background-color: #fff;
  }
  
  .btn-outline-notification-secondary:focus, .btn-outline-notification-secondary.focus {
	  box-shadow: none;
  }
  
  .btn-outline-notification-secondary.disabled, .btn-outline-notification-secondary:disabled {
	  color: #0B0C0D;
	  background-color: #dddddd;
  }
  
  .btn-outline-notification-secondary:not (:disabled ):not (.disabled ):active,
	  .btn-outline-notification-secondary:not (:disabled ):not (.disabled ).active,
	  .show>.btn-outline-notification-secondary.dropdown-toggle {
	  color: #fff;
	  background-color: #be9e00;
	  border-color: #be9e00;
  }
  
  .btn-outline-notification-secondary:not (:disabled ):not (.disabled ):active:focus,
	  .btn-outline-notification-secondary:not (:disabled ):not (.disabled ).active:focus,
	  .show>.btn-outline-notification-secondary.dropdown-toggle:focus {
	  box-shadow: none;
  }
  
  button.btn-notification-type, 
  a.btn-notification-type, 
  button.btn-notification-range, 
  a.btn-notification-range, 
  button.btn-notification-category, 
  a.btn-notification-category {
	  font-size:90% !important; 
	  color: #007B85 !important;
  }
  
  .card-notification p {
	margin-left: 0;
	font-size: 90%;
  }
  
  .card-notification .badge {
	padding: 0.8em 2em !important;
	border-radius: 20px;
	margin: 0 auto;
	cursor: pointer;
  }
  
  
  .card-notification .badge-secondary {
	  color: #fff;
	  background-color: #be9e00;
	  float: right;
  }
  
  .card-notification .badge-primary {
	  color: #fff;
	  background-color: #007bff;
	  float: right;
  }
  
  a.unflag-sm-box:hover,
  a.flagged-sm-box:hover {
	color: #888;
  }
  
  [class*="dropdown-menu-tip-"]::after {
	content: '';
	position: absolute;
	width: .5rem;
	height: .5rem;
	background-color: white;
	border: solid 1px rgba(0, 0, 0, .15);
	border-bottom: none;
	border-left: none;
  }
  
  /* North */
  .dropdown-menu-tip-n::after {
	top: calc(-.25rem - 1px);
	left: calc(50% - .25rem);
	transform: rotate(-45deg);
  }
  
  /* Northeast */
  .dropdown-menu-tip-ne::after {
	top: calc(-.25rem - 1px);
	right: 1rem;
	transform: rotate(-45deg);
  }
  
  /* Northwest */
  .dropdown-menu-tip-nw::after {
	top: calc(-.25rem - 1px);
	left: 1rem;
	transform: rotate(-45deg);
  }
  
  /* South */
  .dropdown-menu-tip-s::after {
	left: calc(50% - .25rem);
	bottom: calc(-.25rem - 1px);
	transform: rotate(135deg);
  }
  
  /* Southeast */
  .dropdown-menu-tip-se::after {
	right: 1rem;
	bottom: calc(-.25rem - 1px);
	transform: rotate(135deg);
  }
  
  /* Southwest */
  .dropdown-menu-tip-sw::after {
	left: 1rem;
	bottom: calc(-.25rem - 1px);
	transform: rotate(135deg);
  }
  
  /* eTR button */
  .btn-view-details {
	 background-color: #E6E6E6;
	border-color: #E6E6E6;
	font-weight: 600;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
		font-size: 14px;
	color: #000;
  }
  
  .btn-view-details:hover {
	background-color: #fff;
	border-color: #fff;
  }
  .btn-view-details:focus, .btn-view-details.focus {
	box-shadow: none;
  }
  .btn-view-details.disabled, .btn-view-details:disabled {
	  color: #0B0C0D;
	  background-color: #dddddd;
  }
  .btn-view-details:not(:disabled):not(.disabled):active, .btn-ctos-primary:not(:disabled):not(.disabled).active, .show > .btn-ctos-primary.dropdown-toggle {
	  color: #fff;
	  background-color: #007b85;
	  border-color: #007b85;
  }
  .btn-view-details:not(:disabled):not(.disabled):active:focus, .btn-ctos-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-ctos-primary.dropdown-toggle:focus {
	box-shadow: none;
  }
  
  
  /* Meter */
  
  #gauge-ctos-report text:nth-child(6) tspan {
	  font-size: 20px !important;
  }
  
  #gauge-ctos-report text:nth-child(9) tspan {
	  font-size: 15px !important;
  }
  
  #gauge-ctos-report text:nth-child(10) tspan {
	  font-size: 15px !important;
  }
  
  #gauge-ctos-report svg {
	  width: 125%;
	  left: -30px !important;
  }
  
  .card-block_rewards {
	  background-color: #F9F9F9; 
	  background-image: url('./../assets/illustration-scorerewards--bg.svg'); 
	  background-repeat: no-repeat; 
	  background-position: right bottom; 
  }
  
  .card-block_account-savemoney-banner {
	  display: inline-block;
	  background-image: linear-gradient(to left, #93B976, #6AAB86); 
	  border-top-left-radius: 10px;
	  border-top-right-radius: 10px;
	  border-bottom-left-radius: 10px;
	  border-bottom-right-radius: 10px;
	  color: #fff;
	  font-size:14px; 
	  font-weight: 500;	
	  text-align: center;
	  padding-top: 1em;
	  padding-bottom: 1em;
	  margin: 1em;
	  width: 47%;
  }
  
  .card-block_account-savemoney-banner #savemoney-banner-link {
	  align-self: center;
	  text-align: right;
  }	
  
  .a_savemoney-link, .a_rewards-link {
	  color:#fff;
	  text-decoration: none;
	  white-space: nowrap;
	  padding-left: 0;
  }
  
  .a_savemoney-link:hover,.a_savemoney-link:hover {
	  color:#fff;
	  text-decoration: none;
	  white-space: nowrap;
  }
  
  .card-block_account-rewards-banner {
	  display: inline-block;
	  background-image: linear-gradient(to left, #6AAB86, #007B85); 
	  border-top-left-radius: 10px;
	  border-top-right-radius: 10px;
	  border-bottom-left-radius: 10px;
	  border-bottom-right-radius: 10px;
	  color: #fff !important;
	  font-size:14px; 
	  font-weight: 500;
	  text-align: center;
	  padding-top: 1em;
	  padding-bottom: 1em;
	  margin: 1em;
	  width: 47%;
  }
  
  
  .card-block_account-rewards-banner #rewards-banner-link {
	  align-self: center;
	  text-align: right;
  }	
  
  
  /* desktop */
  @media screen and (min-width: 1920px) {
  }
  
  /* desktop style */
  @media screen and (min-width: 1200px) and (max-width: 1600px) {	
  }
  
  /* desktop style */
  @media screen and (min-width: 834px) and (max-width: 1112px) {
  }
  
  /* tablet style */
  @media screen and (min-width: 720px) and (max-width: 820px) {
	  .card-block_account-rewards-banner {
		  width: 95% !important;
		  display: inline;
	  }
	  
	  .card-block_account-rewards-banner #rewards-banner-link {
		  align-self: center;
		  text-align: left;
	  }	
  }
  
  
  /* Thinfile */
  
  .icon-right-tick {
	  width: 27px;
	  height: 27px;
	  position: relative;
	  background-image: url('../../images/ctos_spriteimage.png');
	  background-repeat: no-repeat;
	  background-position: -773px -536px;
	  margin-right: 8px;
	  display: inline-block;
  }
  
  
  a.green-link {
	  color: #51a5ac;
	  text-decoration: underline;
  }
  
  .grade-range {
	  padding: 0.4em 0.5em;
	  color: #FFFFFF;
	  font-size: 80%;
  }
  
  .grade-desc {
	  margin-left: -0.0em !important;
  }
  
  .grade-excellent {
	  background-color: #047F37;	
  }
  
  .grade-good {
	  background-color: #8EC02F;	
  }
  
  .grade-above-average {
	  background-color: #D6DC21;	
  }
  
  .grade-below-average {
	  background-color: #FFF10D;	
  }
  
  .grade-weak {
	  background-color: #E47823;	
  }
  
  .grade-very-weak {
	  background-color: #CD0A20;	
  }
  
  .grade-no-score {
	  background-color: #CECFCC;	
  }
  
  /* listing table header */ 
  .table th { 
	font-size: 0.9rem;
  }
  
  .table th{
	padding: 0.9rem;
	vertical-align: top;
  }
  
  .table td {
	padding: 0.9rem;
	vertical-align: middle;
  }
  
  .table thead th {
	vertical-align: bottom;
  }
  
  h1, h2, h3, h4, h5, h6 {
	margin-top: 0.5rem;
	margin-bottom: 0;
  }
  
  h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.5rem;
	font-family: inherit;
	font-weight: bold;
	line-height: 1.2;
	color: inherit;
  }
  
  
  
  hr {
	margin-top: 0.5rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  
  /* Score History/ Accounts / eTR / Legal Cases / DCheques section */
  /* tablet style */
  .card-title__dcheq_header, .card-title__etr_header, .card-title__report-accounts_header, 
  .card-title__score-report-summary_header, .card-title__legal_header, .card-title__legal_header, .card-title__score-history_header,
  .card-title__creditapp_header,.card-title__virtualconsult_header,
  .card-title__payment_history_header{
	  margin:0;
  }
  
  .card-block__etr > hr, .card-block__legal > hr, .card-block__dcheq > hr, .card-block__report-accounts hr, 
  .card-block__score-report-summary > hr,.card-block__creditapp > hr,.card-block__payment-history > hr, .card-block__virtualconsult > hr {
	  border-color: #f0f0f0;
	  border-width: 2px;
	  margin-right: -16px;
	  margin-left: -16px;
	  margin-top: 15px;
  }
  
  .card-block__etr > p , .card-block__legal > p, .card-block__dcheq > p, .card-block__report-accounts > p, 
  .card-block__score-report-summary > p, .card-block__get-to-know > p,.card-block__creditapp > p,.card-block__payment-history > p {
	  color: #000;
	  margin-left: 0;
  }
  
  .card-block__etr > .table td, .card-block__legal > .table td, .card-block__dcheq > .table td , .card-block__creditapp > .table td,.card-block__payment-history > .table td {
	  background-color: #F7F7F7;
	  color: #212529;
  }
  
  .legal-cases-list h6 {
	  
  }
  
  .etr-table-header,.creditapp-table-header {
	  display: none;
	  font-weight: bold;	
  }
  
  .etr-aging-label {
	  padding: 0;
  }	
  
  .aging-row {
	  padding-left: 0.5em;
  }
  
  .legal-table-header {
	  display: none;
	  font-weight: bold;	
  }
  
  .dcheq-table-header {
	  display: none;
	  font-weight: bold;	
  }
  
  .card-block__report-accounts-table > .table {
	  margin-left: 1.5em;
	  width: 95%;
	  border-collapse: separate;
	  border-spacing: 0em 0.7em;
  }
  
  .card-block__report-accounts-table > .table tr {
	  background-color: #F9F9F9 !important;
  /* 	padding: 5em; */
  }
  
  .card-block__report-accounts-table > .table td:before {
	  margin: 0;
  }
  
  .card-block__report-accounts-table > .table td {
	  color: #212529;
	  font-size: 15px;
	  text-align: left;
	  vertical-align: middle;
	  padding-top: 0.5em;
	  padding-bottom: 0.5em;
	  margin: 0;
  }
  
  .card-block__report-accounts-table > .img {
	  padding: 0;
  }
  
  .card-block__report-accounts-table .label1 {
	  color: #888888;
	  font-weight: 500;
  }
  
  .card-block__report-accounts-table .label2 {
	  color: #3CB733;
	  font-weight: bold;
  }
  .card-block__report-accounts-table .label2 img {
	  margin-right: 5px;
	  margin-bottom: 5px;
  }
  .card-block__report-accounts-table .label3 {
	  color: #EE7373;
	  font-weight: bold;
  }
  
  /* desktop */
  @media screen and (min-width: 1920px) {
	  .card-block__report-accounts-table > .table td:first-child { 
		  border-top-left-radius: 15px;
		  border-bottom-left-radius: 15px;
		  padding-left: 20px;
		  margin-left: 10px;
	  }
	  .card-block__report-accounts-table > .table td:last-child { 
		  border-top-right-radius: 15px;
		  border-bottom-right-radius: 15px;
		  padding-right: 20px;
		  margin-right: 10px; 
		  text-align: right;
	  }	
  }
  
  .card-block__report-accounts-table .container {
	  background-color: #F9F9F9;
	  color: #212529;
	  border-radius: 15px 15px 15px 15px;
	  display: flex;
	  padding: 1em;
	  margin-left: 1.5em;
	  margin-top: 1em;
	  margin-bottom: 1em;
	  width: 95%;
  }
  
  .card-block__report-accounts-table .container .account-item {
	  display: inline;
	  font-size: 14px;
	  font-weight: normal;
	  align-self: center;
  }
  .card-block__report-accounts-table .c_title {
	  background-color: #fbfbfb;
	  padding: 8px 15px;
	  border: 1px solid #ececec;
	  line-height: 1;
	  margin-left: -17px;
	  margin-right: -17px;	
  }
  .not_found {
	  color: #212529; 
	  text-align: left; 
	  padding-left: 1.2em;
	  padding-bottom: 1em;
  }
  .chart-dtr {
		  background-color: #fcfcfc;
	  border: 1px solid #f3f3f3;
	  margin-top: 20px;
  }
  
  /* eTR modal */
  #modal-etr-record .modal-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding: 1rem;
	border-bottom: 0;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
  }
  
  #modal-etr-record .modal-body > h6 {
	  color: #008b97;
  }
  
  #modal-etr-record .modal-body > h6 {
	  color: #008b97;
  }
  
  #modal-etr-record .modal-body > .row, p {
	  /* margin-left: 0.5em; */
  }
  
  /* Report Summary */
  .card-block__basic-report-summary .container {
	  background-color: #F9F9F9;
	  color: #212529;
	  text-align: center;
	  padding-top: 1em;
	  padding-bottom: 1em;
	  padding-left: 1em;
	  padding-right: 1em;
	  border-bottom-left-radius: 5px;
	  border-bottom-right-radius: 5px;
	  border-top-left-radius: 5px;
	  border-top-right-radius: 5px;
	  margin: 0.5em;
  }
  
  .card-block__basic-report-summary .summary-single__icon {
	  padding: 0;
	  margin-left: 0;
	  margin-right: 0;
	  margin-top: 0;
	  margin-bottom: 0;
  }
  
  .card-block__basic-report-summary .summary-single img {
	  position: absolute;
	  vertical-align: middle !important;
  }
  
  .card-block__basic-report-summary .summary-single__desc {
	  vertical-align: bottom;
  }
  
  .card-block__basic-report-summary .summary-single__desc-title {
	  font-size: 1rem;
	  color: #212529;
	  text-align: left;
  }
  
  .card-block__basic-report-summary .summary-single__desc-detail {
	  font-size: 1.5rem;
	  font-weight: bold;
	  color: #212529;
	  margin-left: 0.2em;
   }
  .card-title__etr_header,.card-title__legal_header,.card-title__payment_history_header,
  .card-title__creditapp_header,.card-block__score-report-summary,.card-title__virtualconsult_header {
	  margin-top: 5px;
  }
  
  
  .card-block__score-report-summary .container {
	  background-color: #F9F9F9;
	  height: 90%;
	  align: center;
	  padding: 4em 2em;
	  display: inline-block;
	  margin: 1em 0.5em 1em 0.5em;
  }
  
  .progress {
	  background-color: #E6E6E6;
	  border-radius: 4px;
	  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15) inset;
	  height: 15px;
	  margin-bottom: 1em;
	  position: relative;
	  overflow: visible;
	  margin: 0 2px;
  }
  
  .progress span.limit-max {
	  font-size: 0.85rem;
	  background-color: transparent;
	  position: absolute;
	  bottom: -30px;
	  padding: 2px 4px 2px 4px;
	  right: 0;
	  border-radius: 2px;
  }
  
  .progress span.limit-max:after {
	  bottom: 15px;
	  right: 0;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
	  border-color: rgba(255, 255, 255, 0);
	  border-bottom-color: #dddddd;
	  border-width: 8px;
	  margin-left: 0;
	  -moz-transform: scale(-1, -1);
	  -o-transform: scale(-1, -1);
	  -webkit-transform: scale(-1, -1);
	  transform: scale(-1, -1);
  }
  
  .bar {
	  background-color: #047F37;
	  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.15) inset;
	  color: #212121;
	  float: left;
	  height: 100%;
	  position: relative;
	  text-align: left;
  }
  
  .bar>.limit-min {
	  font-size: 0.85rem;
	  font-color: #212529;
	  top: -30px;
  }
  
  span.limit-min {
	  background-color: transparent;
	  position: absolute;
	  bottom: 0;
	  padding: 2px 4px 2px 4px;
	  right: 0;
	  border-radius: 2px;
  }
  
  span.limit-min:after {
	  bottom: 15px;
	  right: 0;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
	  border-color: rgba(255, 255, 255, 0);
	  border-bottom-color: #047F37;
	  border-width: 8px;
	  margin-left: 0;
  }
  
  .limit-min-below-8 {
	  background-color: transparent;
	  position: absolute;
	  bottom: 0;
	  padding: 2px 4px 2px 4px;
	  border-radius: 2px;
  }
  
  .limit-min-below-8:after {
	  bottom: 15px;
	  left: 0;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
	  border-color: rgba(255, 255, 255, 0);
	  border-bottom-color: #047F37;
	  border-width: 8px;
	  margin-left: 0;
  }
  
  .no-limit-min {
	  font-size: 0.85rem;
	  background-color: transparent;
	  position: absolute;
	  bottom: 0;
	  padding: 2px 4px 2px 4px;
	  border-radius: 2px;
  }
  
  .no-limit-min:after {
	  bottom: 15px;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
	  border-color: rgba(255, 255, 255, 0);
	  border-bottom-color: #dddddd;
	  border-width: 8px;
	  margin-left: 0;
	  left: 0;
  }
  
  .no-limit-max {
	  font-size: 0.85rem;
	  background-color: transparent;
	  position: absolute;
	  bottom: -30px;
	  padding: 2px 4px 2px 4px;
	  /* right: 0; */
	  border-radius: 2px;
  }
  
  .no-limit-max:after {
	  bottom: 15px;
	  border: solid transparent;
	  content: " ";
	  height: 0;
	  width: 0;
	  position: absolute;
	  pointer-events: none;
	  border-color: rgba(255, 255, 255, 0);
	  border-bottom-color: #dddddd;
	  border-width: 8px;
	  margin-left: 0;
	  -moz-transform: scale(-1, -1);
	  -o-transform: scale(-1, -1);
	  -webkit-transform: scale(-1, -1);
	  transform: scale(-1, -1);
	  left: 0;
  }
  
  .summary-single {
	  padding: auto;
	  color: #212529;
	  /*   border: 1px solid #000; */
	  margin: auto;
  }
  
  .summary-single__icon {
	  margin-left: 0.5em;
	  margin-right: 0.5em;
	  margin-top: 0;
	  margin-bottom: 0;
	  text-align: center;
	  width: 15%;
  }
  
  .summary-single img {
	  width: 60px;
	  margin: 0;
  }
  
  .summary-single__desc {
	  width: 90%;
	  text-align: left;
	  margin-left:0.2em;
	  margin-right: 0.2em;
	  padding-left: 0.2em;
	  padding-right: 0.2em;
	  width: 85%;
	  
  }
  .card-block__score-report-summary .summary-single__desc-detail { line-height:1}
  .card-block__score-report-summary .summary-single__desc {padding-top:5px;}
  .summary-single .vline {
	border-left: 1px solid #DCDCDC;
	height: 100%;
	position: absolute;
	left: 47%;
	margin-right:10px; 
	top: 0;
  }
  
  .summary-single__desc-title {
	  font-size: 0.9rem;
	  color: #212529;
	   padding-left:0;
	  padding-right: 0;
	  margin-left: 0;
	  margin-right: 0;
  /* 	flex-wrap: nowrap !important; */
  }
  
  .summary-single__desc-detail {
	  font-size: 1.1rem;
	  font-weight: bold;
	  color: #212529;
	  padding-left:3px;
	  padding-right: 0;
	  margin-left: 0;
	  margin-right: 0;
	  margin-bottom: 0.5em;
   }
  
  .card-block__get-to-know .container {
	  background-color: #F9F9F9;
	  color: #212529;
	  text-align: center;
	  padding-top: 1em;
	  padding-bottom: 1em;
	  padding-left: 2em;
	  padding-right: 2em;
	  border-bottom-left-radius: 5px;
	  border-bottom-right-radius: 5px;
	  border-top-left-radius: 5px;
	  border-top-right-radius: 5px;
	  width: 60%;
  }
  
  .card-block__get-to-know .container > p {
	  margin: 0;
	  text-align: left;
	  color: #212529;
  }
  
  .card-block__get-to-know > .table td {
	  padding: 0.9em;
  }
  
  .card-block__get-to-know-rewards-banner {
	  display: inline-block;
	  background-image: linear-gradient(to left, #6AAB86, #007B85); 
	  border-top-left-radius: 10px;
	  border-top-right-radius: 10px;
	  border-bottom-left-radius: 10px;
	  border-bottom-right-radius: 10px;
	  color: #fff !important;
	  font-size:14px; 
	  padding-top: 1em;
	  padding-bottom: 1em;
	  margin-top: 1em;
	  margin-bottom: 1em;
  }
  
  .card-block_get-to-know-savemoney-banner {
	  display: inline-block;
	  background-image: linear-gradient(to left, #93B976, #6AAB86); 
	  border-top-left-radius: 10px;
	  border-top-right-radius: 10px;
	  border-bottom-left-radius: 10px;
	  border-bottom-right-radius: 10px;
	  color: #fff !important;
	  font-size:14px; 
	  padding-top: 1em;
	  padding-bottom: 1em;
	  margin-top: 1em;
	  margin-bottom: 1em;	
  }
  
  .card-block__get-to-know .summary-single__icon {
  /* 	padding: 0 !important; */
	  margin-left: 0 !important;
  /*     margin-right: 0 !important; */
	  margin-top: 0.2em;
	  margin-bottom: 0.2em;
  /*     text-align: center; */
  /*     width: 100%; */
  /*     position: relative !important; */
  }
  
  .card-block__get-to-know .summary-single__desc {
	  vertical-align: middle !important;
  }
  
  .card-block__get-to-know .summary-single__desc-title {
	  font-size: 0.9em;
	  font-weight: 500;
	  color: #212529;
  /* 	text-align: left; */
  /* /* 	vertical-align: middle !important;	 */ */
  /* 	margin-left: 0.2em; */
  /* 	padding-left: 0.2em; */
  /* /* 	position: absolute; */ */
  }
  
  .table__facility_type {
	  width: 100%;
	  color: #212529;
	  font-weight: 500;
	  border-collapse: separate;
	  border-spacing: 0.7em 0.7em;	
  }
  
  .table__facility_type td {
	  border-top-left-radius: 5px;
	  border-bottom-left-radius: 5px;
	  border-top-right-radius: 5px;
	  border-bottom-right-radius: 5px;
	  padding: 1em;
	  margin: 2em 1em;
	  background-color: #E6E6E6;	
  }
  
  /**
	  Apply style to score factors (Affect, Improve, Stand)
   */
  .score-factors li {
	  display: block;
	  color: #212529;
	  line-height: 1.3;
	  margin-bottom: 10px;
  }
  .score-factors ul {
	  margin-top: 20px;
  }
  
  .score-factors p {
	  color: #212529;
	  padding-top: 0;
	  margin-top: 0;
	  padding-bottom: 0.2em;
	  margin-bottom: 0;
  }
  
  .score-factors li:before {
  
	  content: ' ';
	  float: left;    
	  background-size: 18px 18px;
	  height: 18px;
	  width: 18px;
	  margin-top: 3px;
	  margin-left: -35px;
  }
  /**
	  For "What's affecting your score"
   */
  .score-factors-affect li:before {
  
	  background-image: url('./../assets/icon-exclamation.svg');
  }
  /**
	  For "Learn how to improve your score"
   */
  .score-factors-improve li:before {
  
	  background-image: url('./../assets/icon-tickmark.svg');
  }
  
  .score-stand h4 {
	  color: #212529;
  }
  
  /* .score-stand-unchanged {
	  color:#212529 !important;
	  font-size: 20px;
	  font-weight: bold;
  } */
  
   .score-stand-decreased {
	  color: #ff3d50!important;
  }  
  
  .score-stand-decreased_icon{
	background-position:-551px -416px;
	transform: rotate(180deg);
  }
  .score-stand-increased {
 
	  font-size: 14px;
	  font-weight: bold;
	  padding: 3px 0;
  }
  
  .score-stand .score-stand-desc {
	  color:#212529;
	  margin-top: 0.5em;
  }
  
  .score-stand-desc-decreased {
	  color: #ff3d50;
  }
  
  .score-stand-desc-increased {
	  /* color: #04b170; */
  }
  
  /* popover link */
  .popover-link  {
	  display: none;
  }
  
  
  /* Score History */
  .card-block__ctos-score-history {
	  position: relative;
  }
  
  .card-block__ctos-score-history-chart .row{
	  flex-wrap: nowrap !important;	
  }
  
  .card-block__ctos-score-history-legend  {
	  display: block; 
	  float : left;
	  /*   position: relative; */
	  display: block;
	  /*   width: 20%; */
	  margin-left: 0;
	  margin-bottom:0;
	  float: left;
  }
  
  .card-block__ctos-score-history-legend tr.first td {
	border-top: 0.5em;
	border-right: 0;
	border-left: 0;
  }
  .card-block__ctos-score-history-legend td.punctuation {
	text-align: left;
	padding-left: 0.8em;
	width: 90px;
  /*   height: 60px; */
  /*   height: 100%; */
	font-size: 11px;
	color: #ffffff;
	border: 0;
	flex-wrap: nowrap !important;
  }
  .card-block__ctos-score-history-legend td.punctuation.green {
	background-color: #2ecc71;
	border-color: #2ecc71;
  }
  .card-block__ctos-score-history-legend td.punctuation.green-excellent {
	background-color: #047F37;
	border-color: #047F37;
  }
  .card-block__ctos-score-history-legend td.punctuation.green-good {
	background-color: #8EC02F;
	border-color: #8EC02F;
  }
  .card-block__ctos-score-history-legend td.punctuation.yellow {
	background-color: #f1c40f;
	border-color: #f1c40f;
  }
  .card-block__ctos-score-history-legend td.punctuation.yellow-good {
	background-color: #D6DC21;
	border-color: #D6DC21;
  }
  .card-block__ctos-score-history-legend td.punctuation.yellow-fair {
	background-color: #E7DB14;
	border-color: #E7DB14;
  }
  .card-block__ctos-score-history-legend td.punctuation.red {
	background-color: #e74c3c;
	border-color: #e74c3c;
  }
  .card-block__ctos-score-history-legend td.punctuation.red-low {
	background-color: #E47823;
	border-color: #E47823;
  }
  .card-block__ctos-score-history-legend td.punctuation.red-poor {
	background-color: #CD0A20;
	border-color: #CD0A20;
  }
  
  .card-block__ctos-score-history-display {
	width: 90%;
	height: 50%;
  }
  
  /* pie chart */
  .pie-chart {
	  width: 100%;
	  max-width: 265px;
	  margin: 0 auto;
	  display: block;
  }
  
  .pie-legend {
	  margin-top: 30px;
	  width: 90%;
	  padding-left: 0;
	  margin-left: auto;
	  margin-right: auto;
  }
  
  .pie-legend li {
	  display: inline-block;
	  width: 49%;
	  margin-bottom: 10px;
  }
  
  .pie-legend .pie-bullet {
	  border-left: 15px solid;
	  margin-right: 10px;
  }
  
  .pie-legend a {
	  text-decoration: underline;
  }
  
  .pie-bullet.payment-history {
	  color: #1E2264;
  }
  
  .pie-bullet.credit-mix {
	  color: #5CAC35;
  }
  
  .pie-bullet.amounts-owed {
	  color: #CD0A20;
  }
  
  .pie-bullet.new-credit {
	  color: #7A176A;
  }
  
  .pie-bullet.credit-history-length {
	  color: #C78F20;
  }
  
  .past-reports-label {
	  font-size: 18px;
	  color: #000;
	  margin-top: 5em;
  }
  .score-history-container {
		  text-align: right;
	  top: -52px;
	  position: relative;
  }
  @media (max-width:550px)  {
  .card-block__score-report-summary .summary-single__desc-title,
  .card-block__score-report-summary .summary-single__desc-detail {
	text-align:center
  }
  .card-block_rewards {
	  margin-top:15px
  }
  .score-history-container {
	   top:inherit;
   }
  }
  
  /********************************************* CSI OVERRIDED **********************************************/
  
  .btn-outline-ctos-primary {
	  color: #fff;
	  background-color: #007b85;
	  border-color: #007b85;
	  background-image: none;
	  border: none;
	  border-radius: 25px;
	  padding: 10px 15px;
  }
  
  .btn-outline-ctos-primary:not(:disabled):not(.disabled):active, 
  .btn-outline-ctos-primary:not(:disabled):not(.disabled).active, 
  .show > .btn-outline-ctos-primary.dropdown-toggle {
	  color: #fff;
	  background-color: #007b85;
	  border-color: #007b85;
  }
  
  .btn-outline-ctos-secondary {
	  color: #007b85;
	  background-color: #fff;
	  background-image: none;
	  border: none;
	  border-radius: 25px;
	  padding: 10px 15px;
  }
  
  /*
  d2c-2664-start
  */
  .carousel-inner img {
	  width: 100%;
	  height: 100%;
	  padding-right: inherit;
	  padding-left: inherit;
	}
  
  .carousel_imagecss{
	  display:block !important;
  }
  .carousel_mobileimagecss{
	  display:none !important;	
  }
  @media screen and (max-width: 820px) { 
  .carousel_imagecss{
	  display:none !important;
  }
  .carousel_mobileimagecss{
	  display:block !important;
  }
  }
  
  /*
  d2c-2664-end
  */
  
  
  /*D2C-2684-starts*/
  
  .score-desc-title{
	  color: black;
	  font-size: 18px;
	  font-weight: 600;
  
  }
  .score-question-mark{
	  display: none;	
	  background-repeat: no-repeat;
	  margin: 0 auto;
	  align-content: center;
	  width: 80px;
	  position: absolute; 
	  top: 36%;
	  left: 44%;
	  transform: translate(3%, 50%);
  }
  
  .gauge-ctos-report score-needle_new { height: 100%; width: auto; text-align: center; position:relative;
	  max-width:100%;
	  max-height:100%;
	  margin-top:-50%;
	  margin-left:-50%;
	  }
	 
  /*D2C-2684-ends*/
  /* d2c2852 starts */
  @media screen and (max-width: 600px) {
	#referralUrl {
	  height: 71px !important;
   }
  }
  
  #referralUrl {
	  height: 35px;
   }
  
  td.td__view-details{
	  text-align:right
  }
  .crlIconArrow{
	  height: 100%;
	  width: 5%;
  }
  /* d2c2852 ends */