@import
	url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap')
	;

@font-face {
	font-family: "JoeHand";
	src: url(/b2bcredit/resources/css/fonts/JoeHand2_15.ttf)
		format('truetype'),
		url(/b2bcredit/resources/css/fonts/JoeHand2_15.otf)
		format('otf');
}

.list-group-item {
     border: 1px solid #f0f3f5 !important;
}

.login-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    color: #8C9393;
    background-color: #F7F8F8;
    text-align: center;
    display: flex;
    justify-content: center;
}

.sidebar .nav-title {
	font-size:90%;
}

.selecctMenuStyle01 {
    margin-top: -5px !important;
    margin-bottom: -5px !important;
}

.more-link {
	color:#007788 ;
}

.wrapper {
	padding-top:140px;
}

.logo {
	height: 50px;
}

.login-logo{
	width:200px;
	height:70px;
}

.banner-sec {
	background-size: cover;
	min-height: 100vh;
	border-radius: 0 0px 0px 0;
	padding: 0;
	padding-top: 100px;
}

.login-sec {
	padding: 10px;
	position: relative;
	background-color: white;
	border: 1px solid #e8e6e6 !important;
}

.font-weight-bold {
	font-weight: 600 !important;
}

.text-truncate {
	max-width: 200px;
}

.cust_imgs {
	width: 119px !important;
	height: auto !important;
}

.sidebar {
    background: #292E39 !important;
}

.sidebar .nav-link:hover {
	background: #17191E !important;
}

.sidebar .nav-link:hover .left-menu-primary-text,
.sidebar .nav-link.active .left-menu-primary-text {
  color: #fff !important;
  font-weight: 550 !important;
}

.sidebar .nav-item:hover,
.sidebar .nav-item.active {
  color: #fff !important;
  font-weight: 550 !important;
}

.sidebar1 .nav-link:hover {
	color: #000000;
	background: #7ea1c1;
	background:rgb(223, 238, 235);
	background: #17191E;
}

.sidebar .nav-link.active {
	color: #fff;
	background: #419bec;
	background:#2A9D8F;
	background:rgba(255,255,255,.05);
	background: #17191E;
	border-left: 2px solid #20a8d8 !important;
}

.sidebar .sidebar-nav {
  position: relative;
  -ms-flex: 1;
  flex: 1;
  overflow-x: hidden;
  overflow-y: auto;
  width: 170px;
  scrollbar-width: thin;
  scrollbar-color: #f1f1f1 #292E38;
}

.sidebar .nav {
	width: 170px;
	-ms-flex-direction: column;
	flex-direction: column;
	min-height: 100%;
	padding: 0;
}

.badge-notification-alert {
	margin-top: -0.8rem !important;
	padding:2px !important;
	color: #fff;
	background-color: #FF8B26 !important;
	font-size: 70%;
}


.new-nav-bar .nav-link {
	color: #616161 !important;
}

.new-nav-bar .nav-link:focus,
.new-nav-bar .nav-link:hover {
    color: #2683CC !important;
}

.new-nav-bar .nav-link.active,
.new-nav-bar .nav-link.active:hover,
.new-nav-bar .nav-link.active:focus,
.new-nav-bar .nav-link.show,
.new-nav-bar .nav-link.show:hover,
.new-nav-bar .nav-link.show:focus {
    color: #2683CC !important;
}

/* Help Dropdown Icons */
.help-dropdown-icon {
	margin-right: 0.75rem;
	margin-bottom: 0.35rem;
	color: #5E5E5E;
}

/* Dropdown text */
.help-dropdown-text {
	color: #5E5E5E;
}


@media ( min-width : 992px) {
	.sidebar-minimized .sidebar .nav-dropdown-items .nav-item .nav-link {
		padding-left: 15px !important;
	}
	.sidebar-fixed .sidebar {
		position: fixed;
		z-index: 1019;
		width: 170px;
		height: 100vh;
	}
	html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .main, html:not([dir="rtl"]) .sidebar-lg-show.sidebar-fixed .app-footer
		{
		margin-left: 170px;
	}
}

@media (max-width: 991.98px) {
    .sidebar {
        position: fixed;
        z-index: 1019;
        width: 170px;
        height: calc(100vh - 55px);
    }
}

@media (min-width: 768px) {
    html:not([dir=rtl]) .sidebar-md-show.sidebar-fixed .app-footer, html:not([dir=rtl]) .sidebar-md-show.sidebar-fixed .main, html:not([dir=rtl]) .sidebar-show.sidebar-fixed .app-footer, html:not([dir=rtl]) .sidebar-show.sidebar-fixed .main {
        margin-left: 170px;
    }
}

.accountSettingsSidebar .nav-link{
	padding-left: 8px !important;
} 

.blueColor {
	color: #2b2bb7;
}

.border-info {
	border-color: #17a2b8 !important;
	border-color:#f0f3f5!important;
	border: 1px solid #17a2b8 !important;
	border: 1px solid #f0f3f5 !important
}

.border-secondary {
	border-color: #6c757d !important;
	border: 1px !important;
}


.sidebar .nav-link.active .nav-icon {
color: #20a8d8;
}

a, a:hover {
	color: #20a8d8;
	color: #264653;
	color: #0f5871;
}

.modal {
	display: block;
	padding-right: 16px;
	top: 100px;
}

.evenRow {
	background: #edf3f7;
}

label {
	margin-bottom: 0px !important;
}

.form-group {
	margin-bottom: .5rem;
}

.cust-font-bold label {
	font-weight: 500;
}

.info-panel {
	background: rgb(223, 238, 235);
	margin-bottom: 0px;
	padding-top: 5px;
}

.app-panel {
	background: #edf3f7;
	margin-bottom: 0px;
}

.fa-green {
	color: #4dbd74;
}

.fa-blue {
	color: #20a8d8;
}

.blockui-spinner-color {
	color: #4293D3;
}

.fa-red {
	color: #a50707;
}

.fa-yellow {
	color: #985a06;
}

.gray-info-panel {
	background: rgb(238, 238, 238);
	margin-bottom: 0px;
}

.dashobard-icon {
	color: #264653 !important;
	opacity: .7;
}

.dashboard-card {
	min-height: 145px !important;
}

body {
	background-color: #F1F5F6;
	font-family: 'Open Sans', sans-serif !important;
	font-size: 13px;
}

   .main .container-fluid {
	padding: 10px;
}

.breadcrumb {
	margin-bottom: 0px;
}

/* .card-inner {
	min-height: calc(100vh - 200px);
	margin-bottom: 0px;
}   */
.card-border-light {
	border: 1px solid #f0f3f5 !important;
}

.card-login-logo {
	border-right: 1px solid #f3f3f3 !important;
}

.card-group-login {
	border: 1px solid #d6d5d5;
}

@media ( min-width :600px) {
	.card-login-logo {
		width: 35%
	}
	.card-login-signup {
		padding: 3rem !important;
	}
}

@media ( max-width :599px) {
	.card-login-signup {
		padding-top: 0rem !important;
		padding-bottom: 35px !important;
	}
	.app-footer {
		padding-top: 15px !important;
	}
	.card-login-logo .img-fluid {
		width: 135px !important;
		height: auto;
		margin-bottom: 20px
	}
}

@media ( max-width :991px) {
	.card-group-login {
		margin-top: 54px;
		background-color: #fff;
	}
}

@media ( min-width :992px) {
	.card-group-login {
		margin-top: 200px;
		background-color: #fff;
	}
}


.card-inner {
	min-height: calc(100vh - 200px);
}

.label_12x, .col-value {
	font-weight: 600 !important;
}

.card-title {
	align-self: center;
	margin-bottom: 0px !important;
	font-weight: 600;
}

.card {
	border: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.09);
	margin-bottom: .5rem;
}

.card-header {
	padding: .75rem .5rem;
	background-color: #F1F5F6 !important;
	border: 0px !important;
	display: flex !important;
	justify-content: space-between !important;
}

.card-header-white {
    padding: .75rem .5rem;
    background-color: white !important; 
    border: 0px !important;
    display: flex !important;
    justify-content: space-between !important;
}

.card-header-lightblue {
    padding: .75rem .5rem;
    background-color: white !important; 
    border-bottom: 1px solid lightblue !important;
    display: flex !important;
    justify-content: space-between !important;
}

.card-header-actions {
    margin-right: 0px;
    align-self: center !important;
}

.card-header-actions-flex {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
}

.file-notes-dropdown-container {
    width: 12.5rem;
    margin-left: 10px;
}

.card-body {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.09);
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding:.5rem;
}

.card-footer {
	padding: .75rem 1.25rem;
	background-color: white;
	border-top: 1px solid #c8ced3;
}

.card-layout {
    -webkit-box-shadow: -4px 7px 14px -7px rgba(0,0,0,0.35);
	-moz-box-shadow: -4px 7px 14px -7px rgba(0,0,0,0.35);
	box-shadow: -4px 7px 14px -7px rgba(0,0,0,0.35);
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #c8ced3;
    border-radius: 0.25rem;
}

.badge{
	padding:3px;
	font-weight: 550 !important;
}

.badge-info {
	color:white;
}

.badge-warning {
	color:white;
}

.callout1 {
	position: relative;
	padding: 0px 10px;
	margin: 1rem 0;
	border-left: 0px solid #c8ced3;
	border-radius: 0.25rem;
}

.invoice-current {
	padding: 7px;
	border-left: 3px solid #63ce98;
	border-left-color: #63ce98;
	background: #abe0c5;
}

.invoice-120 {
	padding: 7px;
	border-left: 3px solid #54b182;
	border-left-color: #54b182;
	background: #65dca0;
}

.invoice-2140 {
	padding: 7px;
	border-left: 3px solid #e8c55b;
	border-left-color: #e8c55b;
	background: #efe2bc;
}

.invoice-4160 {
	padding: 7px;
	border-left: 3px solid #d0a114;
	border-left-color: #d0a114;
	background: #e0c676;
}

.invoice-6180 {
	padding: 7px;
	border-left: 3px solid #ea6b43;
	border-left-color: #ea6b43;
	background: #f5cdc1;
}

.invoice-81 {
	padding: 7px;
	border-left: 3px solid #ff5722;
	border-left-color: #ff5722;
	background: #f99070;
}

.invoice-total {
    background: #f8f9fa;
	border-left: none;
}

/* From legacy */
.statusActive {
	color: #008000;
	font-weight: bold;
}

.statusInActive {
	color: #DF0000;
	font-weight: bold;
}

.font-weight-bold-1 {
	font-weight: 500 !important;
}

.level1-label {
	font-weight: 500 !important;
	margin-left: .25rem !important;
}

.level2_label_12px, .level2-label {
	font-weight: 500 !important;
	color: #6c757d !important
}

.btn-bizgrp {
	padding: 0px 10px;
	background-color: #349B45;
	color: white;
	border: 1px solid #00b700;
}

.btn-opsunit  {
    padding: 0px 10px;
    background-color:#59A8B7;
    color:white;
    border:1px solid #00b700;
}
.action-text-muted {
	color: #797979;
	margin-left: .25rem !important;
	font-style: italic;
	font-weight: 500;
	opacity: 0.9;
}

.watermark-label {
	font-size: 1.09375rem;
	padding-right: 15px;
	font-weight: 600;
	color: #264653;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, .2);
}

.table-striped tbody tr:nth-of-type(odd) {
	background-color: #F7FCFD;
}

.table {
	margin-bottom: .5rem !important;
	line-height: 1rem !important;
}

.table td, .table th {
	vertical-align: top;
	border-top: 0px solid #c8ced3;
	padding: .5rem;
}

.table thead th {
	vertical-align: bottom;
	border-bottom: 2px solid #c8ced3;
	padding-bottom: 3px;
}

.input-signature {
	width: 400px;
	height: 200px;
}

@media ( max-width : 575.98px) {
	.table-responsive-sm {
		display: table;
	}
}

@media ( max-width : 786px) {
	.login-sec {
		padding: 0px;
		position: relative;
		background-color: white;
	}
	.input-signature {
		width: auto;
		height: 200px;
	}
	.main .container-fluid {
		padding: 5px;
	}
	.breadcrumb {
		margin-bottom: 0px;
	}
}

.display-label-value {
	font-weight: 500;
}

.graySmall {
	color: #333;
	margin-right: .25rem !important
}

.text-value {
	font-size: inherit;
	font-weight: 600;
}

.truste-img {
	border: none;
	width: 127px;
}

.col-form-label, .col-label {
	font-weight: 500;
}

.requiredLabel, .requiredLabel-l, .requiredLabel-r {
	font-weight: 500;
}

.requiredLabel:after, .requiredLabel-l:after, .requiredLabel-r:after {
	content: "*";
	color: red;
}

.noRequiredLabel, .noRequiredLabel-l, .noRequiredLabel-r,
	.noRequiredLabel-p .noRequiredLabel-p-r, .noRequiredLabel-p-l {
	font-weight: 500;
}

.head-label {
	color: #02587b;
	text-transform: uppercase;
	font-weight: 600;
}

.CUST_IN_CXT_HEADER_01, .app-header-1 {
	font-size: 1rem;
	color: #02587b;
	font-weight: 600;
}

.app-header-2 {
	font-size: .9rem;
	color: #02587b;
	font-weight: 600;
}

.row-app-content {
	min-width: 7rem;
	vertical-align: middle;
}

.signTable {
	border: 1px solid #a8a8a8;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 3px;
	background-color: white;
}

.signTable td {
	border: 1px solid #a8a8a8;
	padding: 5px;
	vertical-align: top;
}

.bg-dark-blue {
	background-color: #0070A6;
}

.bg-light-grey {
	background-color: #E1E1E1;
}

.text-dark-blue {
	color: #004A95;
}

.text-grey {
	color: #8C8C8C;
}

.blockquote-credit-app {
	margin: 5px;
	padding: 10px;
	border-left: 5px solid #428bca;
	border-top: 1px solid #428bca;
	border-bottom: 1px solid #428bca;
	border-right: 1px solid #428bca;
}

.blockquote-cod-app {
	margin: 5px;
	padding: 10px;
	border-left: 5px solid #49afcd;
	border-top: 1px solid #49afcd;
	border-bottom: 1px solid #49afcd;
	border-right: 1px solid #49afcd;
}

.blockquote-app-link {
	margin: 10px;
	padding: 5px;
	background-color: #fff;
	border-color: #ddd;
	border-width: 1px;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: #fff;
}

.blockquote-app-link h4 {
	padding: 5px;
}

.blockquote-apay-mgt {
	margin: 5px;
	padding: 10px;
	border-left: 5px solid #2A3F54;
	border-top: 1px solid #2A3F54;
	border-bottom: 1px solid #2A3F54;
	border-right: 1px solid #2A3F54;
}

.blockquote-custom-login {
	padding: 10px;
	border-left: 5px solid #428bca;
	border-top: 1px solid #428bca;
	border-bottom: 1px solid #428bca;
	border-right: 1px solid #428bca;
}

.wait-img {
	margin-right: 12px;
	vertical-align: middle;
}

.head-label-1 {
	font-weight: 600;
	border-bottom: 1px solid gray;
}

.form-control-display:nth-of-type(odd) {
	background: #ffff !important;
}

.form-control-display:nth-of-type(even) {
	background: #F7FCFD !important;
}

.navyBlueColForSigPad, .signature-pad {
	color: black;
	font-family: "JoeHand" !important;
	padding-left: 30px;
	font-weight: 500;
	font-size: 20px;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: black;
}

.text-orange {
	color: #F45000;
}

.bg-orange {
	background-color: #FF9A35;
}
 
.con-text-creditApplication {
	background: #43a8c7;
	color:white;
	padding: 3px 10px;
	font-weight:400;
}

.con-text-creditReview {
	background: #40a1ac;
	color:white;
	padding: 3px 10px;
	font-weight:400;
}

.con-text-jobSheet {
	background: #f1f3f8;
	color: #158ea5;
	padding: 3px 10px;
	font-weight:400;
}

.con-text-cod {
	background: #658fa9;
		color:white;
	padding: 3px 10px;
	font-weight:400;
}

.con-text-soleProprietor {
	background: #cf8b78;
	color:white;
	padding: 3px 10px;
	font-weight:400;
}

 

.multi-text-list {
	min-height: 75px;
	height: auto;
}

.form-control:disabled, .form-control[readonly] {
	background-color: transparent;
	opacity: 1;
	border: 0px !important;
	font-weight: 500;
}

.text-maroon {
	color: #910000 !important;
}

.errorIndicator {
	background-color: #FF6262;
}

.errorIndicator2 {
	background-color: yellow;
	font-family: Tahoma;
	font-size: 8pt;
}

.errorIndicatorRed {
	background-color: red;
	font-family: Verdana;
	font-size: 10pt;
}

.term-adjustment-tag {
	color: #007100;
}

.term-adjustment-tag-declined {
	color: #803232 !important;
}

.chart-hight-200 {
	height: 200px !important;
}

.chart-hight-250 {
	height: 250px !important;
}

.chart-hight-290 {
	height: 290px !important;
}

.chart-hight-302 {
	height: 302px !important;
}

.chart-hight-375 {
	height: 375px !important;
}

.chart-datagrid-pl-4 {
	padding-left: 1.5rem!important;
}

.chart-datagrid-pl-3 {
	padding-left: 3.4rem!important;
}
.chart-label {
	color: #868686;
	FONT-SIZE: 10px;
    font-weight: bold;
}

.chart-link {
	color: #007788;
	font-size: 10px !important;
    font-weight: bold;
}

.text-light-blue {
	color: #517695 !important;
}

ul.timeline {
    list-style-type: none;
    position: relative;
}
ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}
ul.timeline > li {
    margin: 20px 0;
    padding-left: 20px;
}
ul.timeline > li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #22c0e8;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}

ul.timeline-custom {
    list-style-type: none;
    margin-top: 0.6rem;
    margin-bottom: 0.2rem;
    position: relative;
}
ul.timeline-custom:before {
    content: '';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline-custom > li {
    margin: 5px 0;
}
ul.timeline-custom > li:before {
    content: '-';
    color: #757570;

    display: inline-block;
    position: absolute;
    left: 31px;
    z-index: 400;
}


#monitoredDocExpiredCerts {
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	height: 335px;
	background-color: #ffffff;
}

#monitoredDocExpiredCerts>div>div>a {
	opacity: 0 !important;
	visibility: hidden !important;
}

#monitoredDocDueToExpire {
	width: 100%;
	height: 300px;
	background-color: #ffffff;
}

#monitoredDocDueToExpire>div>div>a {
	opacity: 0 !important;
	visibility: hidden !important;
}

 
.bg-home {
    background-color: #00aced!important;
    color: white;
}

.brand-card-header i {
    font-size: 1rem;
    color: #fff;
}
.brand-card-header {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2rem;
    border-radius: .25rem .25rem 0 0;
}

.bg-bec-light   {
	background-color: #eef6fb;
}

.border-bec-light   {
	border: 3px solid #eef6fb !important;
}

.agingPercentage {
	font-size:10px !important; 
	font-style: italic !important;
	color: #910000 !important;
}

.reviewPercentage {
	font-size:10px !important; 
	font-style: italic !important;
	color: #0076AE !important;
	margin-left:.25rem;
}

.letter-avatar{
	width:25px;
	height:25px;
}

.bg-approved {
	background-color: #a7efbf87 !important;
}

.bg-declined {
	background-color: #efadac75 !important;
}

.bg-review {
	background-color: #fbb24a80 !important
}

.long-length-text {
  white-space: nowrap;
  width: 280px;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

.header-label {
	font-weight: 600;
    color: #000000;
}

.bg-light-blue {
	background: #ddebf7 !important;
	background-color: #ddebf7 !important;
}

.no-data {
	height:227px;
}
.no-data-graph {
	font-size: 12px;
    font-weight: bold;
    color: #666666;
    fill: #666666;
}

.alert-bg-secondary {
    position: relative;
    padding: .25rem 1.25rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.pending-auto {
	 font-weight: bold; 
	 color: #757575;
}

.text-dark-navy-blue {
	color: navy;
}

.app-footer {
    background: white;
}

footer.app-footer span, footer.app-footer ul li a {
	font-size: 12px;
}

footer.app-footer ul li .nav-link {
	padding: .5rem .2rem;
}

.low_risk_down{
	background-color: #9ACD32;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
.low_risk_const{
	background-color: #32CD32;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	
}
.low_risk_up{
	background-color: #008000;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	
}

.high_risk_down{
	background-color: #C70039;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	
}
.high_risk_const{
	background-color: #FF5733;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	
}
.high_risk_up{
	background-color: #FFC300;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	
}

.oval-lg {
	padding: 15px 15px;
	line-height: 16px;
	min-width: 75px;
	width: 95px;
	display: inline-block;
	text-align: center;
	border-radius: 100%;
	word-break: break-all;
	font-weight: bold; 
	color: #FFFFFF;
	
}

.circle_img {
	padding: 5px 5px;
	border: 2px solid #009acc;
	width: 100px;
	height: 65px;
	display: inline-block;
	text-align: center;
	border-radius: 50%;
}

.bec-form-text {
	margin-left: .25rem;
}

.hrStyle{
    color: white;
    margin-top: 1rem;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #676767;
}

.vendor-hrStyle{
    color: white;
    margin-top: 0.5rem;
    margin-bottom: 0px;
    border: 0;
    border-top: 1px solid #676767;
}

::placeholder {  
  font-style:italic;
  opacity: 1; 
  font-size: 90%;
}

:-ms-input-placeholder {  
  font-style:italic;
}

::-ms-input-placeholder { 
  font-style:italic;
}

.thankyou-img {
	width: 90px;
}

.thankyou-section h2 {
	color: #4b4b4b;
	font-size: 23pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.thankyou-section hr {
	border: 2px solid #b9b9b9;
	width: 100%;
	margin-bottom: 5px;
}

.thankyou-section p {
	font-size: 17pt;
	color: #767676;
}


.label-warning, .badge-warning {
    background-color: #f89406 !important;
}

.label-success, .badge-success {
    background-color: #468847 !important;
}
.label-info, .badge-info {
    background-color: #3a87ad !important;
}
.label-info, .badge-ext {
    background-color: #939393 !important;
    color:white !important;
}
.label-info, .badge-text {
    background-color: #a7efbf87 !important;
    color:white !important;
}
.label-danger, .badge-danger, .badge-important {
    background-color: #b94a48 !important;
}
.label-inverse, .badge-inverse {
    background-color: #333333 !important;
}
.label-rating-risk, .badge-important {
    background-color: #fcd1d9 !important;
}
.label-rating-warning, .badge-important {
    background-color: #f9ce91 !important;
}
.label-rating-success, .badge-important {
    background-color: #c2e198 !important;
}
.label-rating-info, .badge-important {
    background-color: #c1e6fb !important;
}

.tile_stats_count {
    font-size: 13px;
    padding-left: 0px;
    text-align: center;
}

.text-break {
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}
.text-truncate {
	max-width: 170px;
}

.square-lg {
	padding: 15px 15px;
	line-height: 16px;
	min-width: 75px;
	width: 95px;
	display: inline-block;
	text-align: center; 
	font-weight: bold; 
	color: #FFFFFF;
	
}

.sectionTitle {
 line-height: 16px;
 font-size:16px;
 padding-bottom: 5px;
 padding-top: 5px;
 border-bottom:1px solid #085d6e;
}

.panelWithBgCol {
	width: 100%;
	background-color: #F2F5F9;
}

.badge-cancel{
	background-color: #808080 !important;
}

.badge-width {
	width:50%;
}

.leftmenu-text {
  color: #fff !important;
  font-weight:570px !important;
}

.accountSettingsSidebar {
	background: #292E39 !important;
}

.col50pec{width: 50%;}
.col25pec{width: 25%;}
.col15pec{width: 15%;}
.font-weight-400{
	font-weight:400 !important;
}
.qtip_custom.qtip {
	position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 500px !important;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}
  
.tab__item__right .ui-tabmenu-nav{
	position:relative !important;
	
}

.tab__item__right .ui-tabmenu-nav li:last-child{
	position:absolute;
	right:0px;
}

.credit-review-tabmenu .ui-tabmenu-nav li:nth-last-child(2) {
    position: absolute;
    right: 120px; 
}
.ui-panel-eval-FS-content {
    padding: .25em .05em !important;
    font-size: 13px !important;
    font-weight: bold !important;    
}

.pr-7{
	  padding-right: 6.8rem!important;	
}
.bureau-table-heading{
	color: gray !important;
	font-weight: 500;
}

.search-icon-width {
	min-width: 30px !important;
}

.login-messages .ui-messages-error {
    background-color: white !important;
    border-color: white !important;
    border: none !important;
    margin-right: 0px !important;
    color: rgb(194, 57, 52) !important;
}

.login-messages .ui-messages-info-summary, .ui-messages-warn-summary,
	.ui-messages-error-summary, .ui-messages-fatal-summary{
	margin-left: 0px !important;
}

/********************************
Error Box Styles
*********************************/
.dialog__wrap{
    min-height: 410px
}
.alert__box__wrap, .alert__box__left, .alert__box__right{
    display: flex;
    flex-wrap: nowrap;
}
.alert__box__wrap{
    flex-direction: row;
}
.alert__box__left{
    flex-direction:column;
    align-items: stretch;
    justify-content: center;
    background-color: #ddd;
    padding: 1.5rem !important;
}
.alert__box__right{
    flex-direction: column;
    padding: 1.5rem !important;
}
.alert__box__left i{
    font-size: 40px; 
    color: #909090;

}
#dialog {
	background: #fff;
    margin: 120px 100px;
    max-width: 900px;
    box-shadow: 0 30px 30px -30px rgb(0 0 0 / 40%);
    border-radius: 8px;
}
#dialog article {
    text-align: left;
    padding: 40px 20px 40px;
}
#dialog  .h2 {
    margin-bottom: 17px;
}
#dialog .intro {
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.555555556;
}
#dialog .intro {
    font-size: 16px;
}

.txtWithRedColor {
	color: #CC0000;
}  

.card-inner-content {
	min-height: calc(100vh - 300px)
}

@media screen and (max-width:768px) {
	.card-inner {
		min-height: calc(100vh - 500px)
	}
	.linepr {
		margin-top: 0px !important;
	}
}

@media screen and (max-width:414px) {
	.card-inner {
		min-height: calc(100vh - 400px)
	}
	.linepr {
		margin-top: 40px !important;
	}
}

.linepr {
	margin-top: 120px;
}

.linepr .timeline {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}

.linepr .timeline .steps {
	display: table-cell;
	width: auto;
	vertical-align: top;
	position: relative;
	text-align: left;
	padding-left: 0px;
	padding-right: 0px;
}

.linepr .timeline .steps .step {
	position: relative;
	padding-top: 52px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: flex;
	flex-direction: column;
	width: auto;
}

.linepr .timeline .steps .step .stepcircle {
	display: inline-block;
	background-color: rgb(36, 168, 216);
	color: #2962FF;
	width: 12px;
	position: relative;
	height: 12px;
	line-height: 45px;
	border-radius: 50%;
	z-index: 1;
	margin-bottom: 5px;
}

.linepr .timeline .steps .step .lastcircle {
	left: 97%;
	background-color: #E6E6E6;
}

.linepr .timeline .steps .step .middlecircle {
	left: 48%;
	background-color: #E6E6E6;
}

.linepr .timeline .steps .step::after {
	background-color: #E6E6E6;
	content: '';
	display: block;
	position: absolute;
	top: 57px;
	width: 100%;
	left: 0px;
	height: 2px;
	z-index: 0;
}

.linepr .timeline .steps .point2 {
	text-align: center;
	color: #abaaaa;
}

.linepr .timeline .steps .point3 {
	text-align: right;
	color: #abaaaa;
}

.callout-none {
    border-left-color: white;
    border-bottom: 1px solid #f1f1f1;
}


.accountcredit-50 {
	padding: 7px;
	border-left: 3px solid #F9FAFB;
	border-left-color: #F9FAFB;
	background: #F9FAFB;
}

.accountcredit-100 {
	padding: 7px;
	border-left: 3px solid #F3F4F6;
	border-left-color: #F3F4F6;
	background: #F3F4F6;
}

.accountcredit-200 {
	padding: 7px;
	border-left: 3px solid #E5E7EB;
	border-left-color: #E5E7EB;
	background: #E5E7EB;
}

.accountcredit-300 {
	padding: 7px;
	border-left: 3px solid #D1D5DB;
	border-left-color: #D1D5DB;
	background: #D1D5DB;
}

.accountcredit-400 {
	padding: 7px;
	border-left: 3px solid #9CA3AF;
	border-left-color: #9CA3AF;
	background: #9CA3AF;
}

.accountcredit-500 {
	padding: 7px;
	border-left: 3px solid #6B7280;
	border-left-color: #6B7280;
	background: #6B7280;
}
/* Main tab menu container */
.report-customer-tab-menu {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Nav container */
.report-customer-tab-menu .ui-tabmenu-nav {
    background: none !important;
    border: none !important;
    padding: 0 !important;
}

/* Menu item itself */
.report-customer-button {
    background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* The actual clickable link element */
.report-customer-button .ui-menuitem-link {
    background: none !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.report-customer-content {
    padding: 8px 24px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    display: flex;
    align-items: center;
}

.report-customer-content i {
    margin-right: 12px;
    color: #4a5568;
}

.report-customer-content span {
    color: #4a5568;
    font-weight: normal;
}
.ui-inputnumber_80 .ui-inputfield, .ui-inputnumber {
    width: 80% !important;
}
.form-group-8 .form-group {
    margin-right: -8px !important;
    margin-left: -8px !important;
}
.green-color {
	color: #007100;
}

.text-dark-danger {
    color: #a90807!important;
}

.text-dark-success {
    color: #079939!important;
} 

.card-main-sec {
	background: #ffffff;
	box-sizing: border-box;
}

.card-main-sec :nth-child(odd) {
	background: #F7FCFD !important;
}
.custom-input input{
	width:80% !important;
	      
}
.custom-header{
	display: grid;
    grid-template-columns: 30% auto 20%;
    width:100%; 	 	
}
.custom-input input{
	width:80% !important;
	      
}
.custom-header{
	display: grid;
    grid-template-columns: 30% auto 20%;
    width:100%; 	 	
}
.feedBack-button{
	color: #73818f;
	background:none; 
	border:0px; 
	padding-left: 0.5rem !important;
	cursor: pointer;
}

.feedBack-button :hover{
	cursor: pointer;
	color: #2f353a;
}

.locked-icon {
    margin: 60px auto 40px auto;
    width: 125px;
    height: 125px;
    border-radius: 100%;
    line-height: 100px;
    text-align: center;
    border: 1px #a03d12 solid;
    padding-top: 9px;
}

.locked-text {
    width: 55%;
    padding: 40px;
    text-align: center;
    background: #ffffff;
    border-radius: 20px;
    margin: 0 auto;
    font-size: 15px;
    box-shadow: rgb(0 0 0 / 45%) 0px 25px 20px -20px;
}

.locked-text h1 {
    color: #075d8e;
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 20px;
}

.locked-text h2 {
    color: #a03d12;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.locked-text p {
    margin-bottom: 8px;
}

.display-visibility{
	visibility: inherit !important;
}

.ui-inputgroup .ui-inputgroup-addon {
    border-style: none !important;
    background: none !important;
}

.oh-badge-width {
	width:40%;
}

.header-fixed .app-header{
	z-index:1000 !important;
}

.collection-cards{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}
.collection-cards .item{
	background: #f8f9f9;
	border-radius: .25rem;
	padding: 20px;
}
.collection-cards .item .title{
	margin-bottom: 10px;
	font-weight: 600;
}
.collection-cards .item h4{
	color:#155871;
	font-weight: 600;

}
.gap-1{
	gap: 5px;
}
.collection-table-block{
	border: 1px solid #edeff2 !important;
	border-radius: 5px;
}
.collection-table thead th{
	padding: 20px;
	border-bottom: 0;
}
.collection-table td{
	padding: 20px;
}
.collection-table tbody tr:nth-of-type(odd){
	background-color: #f9f9f9;

}
.collection-btns{
	margin: 10px 0;
}
.collection-btns button{
	border-radius: 20px !important;
	padding: 5px 15px !important;
	background: #ffffff;
	border: 1px #ccc solid;

}
.collection-btns .active{
	 
	background: #789dc3;
	border: 1px #789dc3 solid;
	color: #fff;

}
.collection-table-block .action-btn{
	border: 1px #ccc solid;
	padding: 5px 20px;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 5px;
	color: #848484;
}
.collection-table-block .report-crw-btn {
    border: 1px solid #e74c3c;
    background-color: #fceaea; /* light red default */
    color: #b71c1c;            /* dark red text */
    padding: 5px 20px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 5px;
    box-shadow: 0 0 4px rgba(231, 76, 60, 0.6);
    transition: all 0.2s ease-in-out;
}

.collection-table-block .report-crw-btn:hover {
    background-color: #e74c3c;  /* dark red on hover */
    color: #fff;                /* white text */
    border-color: #c0392b;
    box-shadow: 0 0 6px rgba(192, 57, 43, 0.4);
    cursor: pointer;
}

.collection-table-block .action-btn:hover{
	text-decoration: none;
	background-color:#f5f3f3;
}
.action-btns-leftborder{
	border-left:2px solid #f0cc89 !important;
}

.date-display {
    display: inline-block;
    width: 150px;
    text-align: right;
    white-space: nowrap;
}
.ui-chip.custom-chip {
	background: var(--primary-color);
	color: var(--primary-color-text);
}
.ui-datatable.becTable table td{
	padding: 0 10px !important;
}
.data-table-task-list{
	display: block;
	margin: 10px 0 !important;
	min-height: 21px;
	line-height: 21px;
}
 
.data-table-task-list i{
	width: 20px;
	margin-right: 2px;
}
.data-table-task-level{
	display: block;
	margin: 10px 0 !important;
	min-height: 21px;
	line-height: 21px;
}
/*.data-table-task-level:last-child{
	margin-bottom: 0 !important;
}*/
.status-badge{
	display: block;
	margin: 10px 0 !important;
	max-width: 75px;
	line-height: 15px;
	min-height: 21px;
}
.task-status-badge{
	display: block;
	margin: 10px 0 !important;
	max-width: 70px;
	line-height: 14px;
	min-height: 21px;
	border-radius: 6px;
}
/*.status-badge:last-child{
	margin-bottom: 0px !important;
}*/
.risk-phase-badge{
	display: block;
	max-width: 25px;
	line-height: 15px;
	margin: 10px 0 !important;
	border-radius: 8px;
}
/*.risk-phase-badge:last-child{
	margin-bottom: 0px !important;
}*/
.ui-column-title{
	font-weight: 600;
	color: #000;
}
.ui-menuitem-link .ui-menuitem-icon{
	margin-right: 5px;

}
.data-table-source{
	display: block;
	margin: 10px 0 !important;
	min-height: 21px;
	line-height: 21px;
}
/*.data-table-source:last-child{
	margin-bottom: 0 !important;
}*/

.status-badge-dialog{
	display: block;
	margin-bottom: 8px !important;
	line-height: 25px;
}

.status-badge-inline{
	display: inline;
	margin: 10px 0 !important;
	max-width: 75px;
	line-height: 15px;
	min-height: 21px;
}

.inactiveLabel {
    color: gray; 
    opacity: 0.7; 
    font-weight: normal; 
}

.custom-bubble-green {
    background-color: #d1e7dd; /* Subtle green */
    color: #0f5132;
    padding: 5px 10px;
    border-radius: 15px;
    display: inline-block;
}

.custom-bubble-primary {
    background-color: #3a87ad !important;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 15px;
    display: inline-block;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.margin-1px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.alerts-dropdown {
    padding: 0;
    max-height: 500px;
    overflow-y: auto;
    width: 700px !important;
    max-width: 700px !important;
    background-color: white !important;
    border: 1px solid rgba(0,0,0,.15) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.15) !important;
}

.alerts-container {
    width: 100%;
}

.alert-item {
    padding: 0.75rem;
    border-bottom: 1px solid #eee;
}

.alert-content-link {
    display: flex !important;
    text-decoration: none !important;
    color: inherit !important;
    gap: 0.5rem;
}

.alert-content-link:hover {
    text-decoration: none !important;
    color: inherit !important;
    background-color: #f8f9fa;
}

.alert-content {
    flex: 1;
    min-width: 0;
    word-wrap: break-word;
}


.alert-title h6 {
    width: 100%;
    margin-bottom: 0.25rem;
}

.alert-title p {
    width: 100%;
    margin-bottom: 0.1rem;
    font-size: 0.75rem; 
}

.alert-title span {
    margin-left: auto;
}

.alert-icon {
    flex-shrink: 0;
}

.alert-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.25rem;
}

.alert-identity {
    flex: 1;
}

.alert-identity h6 {
    margin: 0;
    padding: 0;
}

.alert-identity p {
    margin: 0;
    padding: 0;
    font-size: 0.875rem;
}

.alert-timestamp {
    margin-left: 1rem;
    white-space: nowrap;
}

.centered-element {
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert-content p {
    margin: 0;
    padding: 0;
}

.alert-content p + p {
    margin-top: 0.5rem;  /* Adds a small space only between consecutive paragraphs */
}

.fraud-card {
	border: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.09);
}

.fraud-notes-card{
	border: 0px;
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.09);
}
.severity-container {
    background-color: #f8f9fa;
    border-radius: 8px;
    margin: 10px 0;
}

.severity-label {
    font-size: 14px;
}

.severity-badge {
    background-color: #e2e8f0;
    border-radius: 6px;
    display: inline-block;
}

.severity-value {
    color: #2d3748;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.severity-inline-auto {
  display: inline-block;
  width: auto;
}

.facet-gray-bg {
        background-color: #E1E1E1;
        padding: 5px;
    }
    

.support-team-user-list {
	padding: 15px;
}

.support-team-user-card {
	display: flex;
	align-items: center;
	gap: 15px;
}

.support-team-user-photo img {
	object-fit: cover;
}

.support-team-user-details h4 {
	margin: -20px 1 10px 0;
	font-size: 1.4em;
	padding-left: 2px;
	padding-bottom: 3px;
}

.support-team-user-title {
	margin-top: 5px;
	background-color: #f0f0f0;
	padding: 4px 10px;
	border-radius: 15px;
	font-size: 1.1em;
	color: #555;
}

.support-team-contact-info {
	margin-top: 8px;
	font-size: 1.2em;
}

.support-team-contact-item {
	margin-bottom: 5px;
	color: #555;
}

.support-team-contact-item i {
	margin-right: 8px;
}

.support-team-break-line {
	border: none;
	border-top: 1px solid #ddd;
	margin: 10px 0;
	width: 100%;
}

/* Support Team User Card Layout Classes */
.support-team-user-card-layout {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 12px 18px;
}

.support-team-user-details-layout {
	flex: 1;
	min-width: 0;
}

.support-team-name-role-container {
	display: flex;
	align-items: center;
	gap: 10px;
}

.support-team-user-name {
	margin: 0;
	font-size: 15px;
	font-weight: 600;
	color: #505050;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.support-team-role-badge {
	background: #E4E4E4;
	color: #565656;
	font-size: 11px;
	padding: 2px 10px;
	border: 1px solid #D3D3D3;
	border-radius: 999px;
	font-weight: 600;
	white-space: nowrap;
}

/* Support Team Contact Info Classes */
.support-team-contact-container {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-top: 8px;
	margin-left:2px;
	flex-wrap: wrap;
}

.support-team-email-link {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #676767;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.support-team-email-text {
	display: inline-block;
	max-width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.support-team-phone-container {
	display: flex;
	align-items: center;
	color: #676767;
	font-size: 13px;
	white-space: nowrap;
}

.support-team-phone-icon {
	color: #98a2aa;
	font-size: 13px;
}

.support-team-separator {
	color: #959595;
}

.font-10 {
	font-size:10px
}

.row-app-content ul li{
    font-weight: 500;
	font-size: 13px;
	list-style: none;
	padding: 18px 20px 10px 20px;
	box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.20) inset, 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
	margin-right: 0 !important;
}
.bg-grey1{
	border-radius: 6px;
border: 1px solid #C9C9C9;

background: #FBFCFC;
}
.bg-grey2{
	border-radius: 12px;
background: #F9F9F9;
}
.f-16{
	color: #333;
font-size:16px;
font-style: normal;
font-weight: 600;
}
.border-hr{
	margin: 1rem;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.progress-bar-success{
background: #57B587;
border-radius: 4px;
margin-right: 5px;
}
.progress-bar-warning{
	background: #EBAA69;
border-radius: 4px;
margin-right: 5px;
}
.progress-bar-danger{
	background: #E75A5A;
border-radius: 4px;

}
.credit-profile .bg-success{
	border-radius: 21px;
	background:rgba(12, 197, 107, 0.10)!important;
color: #57B587 !important;
font-size: 12px !important;
}
.credit-profile .bg-danger{
	border-radius: 21px;
background: rgba(255, 135, 135, 0.09) !important;
color: #E75A5A !important;
font-size: 12px !important;
}
.credit-amount .bg-success{
	border-radius: 21px !important;
	background: #E7F5EE !important;
	color: #414141 !important;
}

.credit-amount .bg-danger{
	border-radius: 21px !important;
	background: #FFF1F1 !important;
	color: #414141 !important;
}

.progress{
    min-height:18px;
  
}
.progress-bar-success{
   border-radius: 5px;
    background-color: #56b486 !important; 
     margin-right: 10px;
    
}
.progress-bar-warning{
    border-radius: 5px;
    background-color: #eaa968 !important; 
    margin-right: 10px;

}
.progress-bar-danger{
    border-radius: 5px;
    background-color:#e75a5a !important;
}


.progress-bar-container {
  width: 100%;
  height: 18px;
  margin: 20px 0px;
  background-image: linear-gradient(to right, #eace07, #e37718, #5a8d3b);
  border-radius: 25px;
 
}

.progress-bar-indicator {
  height: 100%;
  
  border-radius: 25px;
  
  position: relative;
}

#indicator-1 {
  width: 53%;
  
}
.progress-bar-indicator-r2 {
  height: 100%;
  background-image: linear-gradient(to right, #8448b5, #8dd8d8, #18c3d5);
  border-radius: 25px;
  margin-left:-10px ;
  position: relative;
 
}

#indicator-2 {
  width: 60%;
  
}

.indecator-pointer{
  background: #000000;
  width: 18px;
  height:18px;
  border-radius: 50%;
  position: absolute;
  border:3px solid #eee;
  right:0;
}

.m-285{
min-height: 285px;
}

.bg-warning-c {
    background-color: #fdfaf2;
	
}
.border-h {
    height: 60px;
    border-right: 1px solid #c9c9c9;
}
.risk-rating {
    position: absolute;
    bottom: 45%;
    margin-left: 45%;
    text-align: center;
}
.risk-rating .badge-danger{
	border-radius: 3px !important;
background: rgba(231, 90, 90, 0.11) !important;
color: #E75A5A !important;
}
.bg-warning-subtle {
    background-color: #f9ebc5 !important;
	border-radius: 21px !important;
}
.lh-30{
	line-height: 30px;
}
.fw-600{
	font-weight: 600;
}
.border-ccc{
	border-bottom: 1px #EDEDED solid !important;
	cursor: pointer;
}
.gray{
	color: #7B7B7B;
}
.strategy-bg{
	background:rgba(99, 194, 222, 0.33) ;
	font-weight: 600;
}
.strategy-bg .text-info{
	color: #005A86 !important;	
}
.strategy-tabs{
	padding-top:.5rem !important ;
	padding-bottom:.5rem !important ;
	color:#0F5871 !important;
	font-weight: 700;
	min-width: 125px;
}
.strategy-tabs .border-bottom{
	border-bottom: 1px solid #efefef !important;
	
}
.strategy-tabs .border-right{
	border-right: 0.5px solid #efefef !important;
	
}
.strategy-tabs .px-4{
	padding-right: 2rem !important;
	padding-left: 2rem !important;
}
.strategy-tabs ul li.active{
	border-bottom: 2.3px solid #11AFE2;
}
.last-zone-collection .table{
	font-size: 13px !important;
	line-height: 16px !important;
}
.last-zone-collection .table th{
	color: #A9A9A9 !important;
	font-size: 13px !important;
	font-weight: 600;
	border-bottom: 1px solid #EDEDED !important;
}
.last-zone-collection .bg-danger{
	background-color: #F6E9E9 !important;
	min-height: 30px;
	color: #000;
	border-left: 3px solid #9C0D07;
	margin-top: 2px;
	font-weight: 600;
}
.last-zone-collection .bg-l2{
	background-color: #FFEEEC !important;
	min-height: 30px;
	color: #000;
	border-left: 3px solid #DC3823;
	margin-top: 2px;
	font-weight: 600;
}
.last-zone-collection .bg-l3{
	background-color: #FFEBE1 !important;
	min-height: 30px;
	color: #000;
	border-left: 3px solid #F8651D;
	margin-top: 2px;
	font-weight: 600;
}
.last-zone-collection .bg-l4{
	background-color: #F9E5CD !important;
	min-height: 30px;
	color: #000;
	border-left: 3px solid #ECA551;
	margin-top: 2px;
	font-weight: 600;
}
.last-zone-collection .bg-l5{
	background-color: #F6F5D8 !important;
	min-height: 30px;
	color: #000;
	border-left: 3px solid #D3CD3E;
	margin-top: 2px;
	font-weight: 600;
}
.no-wrap-tabmenu .ui-tabmenu-nav {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    white-space: nowrap;
}

.no-wrap-tabmenu .ui-tabmenu-nav li {
    flex: 0 0 auto;
}
.responsive-tabmenu .ui-tabmenu-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch; /* for smooth scrolling on iOS */
    scrollbar-width: thin; /* Firefox */
}
.responsive-tabmenu .ui-tabmenu-nav > li {
    flex: 0 0 auto !important;
    white-space: nowrap;
}
.responsive-tabmenu .ui-tabmenu-nav::-webkit-scrollbar {
    display: none;
}
.col-details-header {
	margin-top: 4px;
	font-size: 1em;
}

.last-zone-collection {
	margin-top: 4px;
}
.last-zone-collection .table-responsive {
    margin: 0 !important;
    padding: 0 !important;
}

.last-zone-collection .table {
    font-size: 13px !important;
    line-height: 16px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
    table-layout: auto !important;
}

/* Collection details header adjustments */
.last-zone-collection .bg-danger,
.last-zone-collection .bg-l2,
.last-zone-collection .bg-l3,
.last-zone-collection .bg-l4,
.last-zone-collection .bg-l5 {
    padding: 8px 12px !important;
    margin: 2px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

/* Table column width adjustments */
.last-zone-collection .table td,
.last-zone-collection .table th {
    padding: 8px 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Button and action spacing */
.last-zone-collection .btn-sm {
    padding: 4px 8px !important;
    font-size: 11px !important;
}

/* Payment deadline input styling */
.last-zone-collection .ui-inplace-content input {
    width: 70px !important;
    text-align: center !important;
    padding: 2px 4px !important;
}

/* Ensure inplace container has minimum width */
.last-zone-collection .ui-inplace {
    min-width: 80px !important;
}

/* Collection Management Settings Tab Menu Styling */

/* Target ONLY this tab menu’s nav list */
.collection-mgt-settings-tab-menu .ui-tabmenu-nav {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    width: 100%;
    padding: 0;
    border-bottom: none;
}

/* Make each tab grow equally */
.collection-mgt-settings-tab-menu .ui-tabmenu-nav > li {
    flex: 1 1 0;
    min-width: 0;
    text-align: center;
    padding: 1rem;
    border: none;
    border-right: 1px solid #E9E9E9 !important
}

/* Control link styling inside each tab */
.collection-mgt-settings-tab-menu .ui-menuitem-link {
    display: block;
    height: 100%;
    white-space: normal;
}

.collection-mgt-settings-tab-menu {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

.collection-mgt-settings-tab-menu .ui-tabmenu-nav {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    border-bottom: 1px solid #dee2e6 !important;
    overflow-x: auto !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.collection-mgt-settings-tab-menu .ui-tabmenu-nav li {
    background: transparent !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
    flex: 1 1 auto !important;
    border-right: 1px solid #dee2e6 !important;
    min-width: 120px !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.collection-mgt-settings-tab-menu .ui-tabmenu-nav li:last-child {
    border-right: none !important;
}

.collection-mgt-settings-tab-menu .ui-tabmenu-nav li .ui-menuitem-link {
    background: transparent !important;
    border: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.collection-mgt-settings-tab-menu .ui-tabmenu-nav li.ui-state-active {
    border-bottom: 3px solid #20a8d8 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.collection-mgt-settings-tab-menu .ui-tabmenu-nav li.ui-state-active .strategy-tabs {
    color: #20a8d8 !important;
    font-weight: 700 !important;
    background: transparent !important;
}

.collection-mgt-settings-tab-menu .strategy-tabs {
    padding: 0.75rem 0.5rem !important;
    color: #6c757d !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    text-align: center !important;
    border-bottom: 3px solid transparent !important;
    transition: all 0.2s ease !important;
    line-height: 1.2 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
}

.collection-mgt-settings-tab-menu .strategy-tabs:hover {
    color: #495057 !important;
    background-color: #f8f9fa !important;
}

/* Strategy content wrapper */
.strategy-content-wrapper {
    padding: 0 15px !important;
    margin: 0 auto !important;
}

/* Fix for sidebar content spacing */
@media ( min-width : 992px) {
	.sidebar-minimized .main .container-fluid {
		padding-left: 25px !important;
		padding-right: 25px !important;
	}
}

/* Task Dialog Styling */
.task-dialog-container {
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    max-width: 600px;
    margin: 0 auto;
}

.task-dialog-header {
    background: #5bc0de;
    color: white;
    padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.task-dialog-header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
}

.task-dialog-close {
    background: transparent !important;
    border: none !important;
    color: white !important;
    font-size: 18px !important;
    padding: 5px !important;
    border-radius: 50% !important;
}

.task-dialog-close:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

.task-dialog-body {
    padding: 30px;
}

.task-form-group {
    margin-bottom: 25px;
}

.task-form-label {
    display: block;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    font-size: 14px;
}

.task-radio-group {
    margin-top: 10px;
}

.task-radio-options {
    display: flex;
    gap: 30px;
    margin-top: 10px;
}

.task-radio-option {
    display: flex;
    align-items: center;
    gap: 8px;
}

.task-radio-option label {
    font-size: 14px;
    color: #555;
    cursor: pointer;
    margin: 0;
}

/* Radio button styling */
.task-radio-buttons .ui-radiobutton {
    margin-right: 8px;
}

.task-radio-buttons .ui-radiobutton .ui-radiobutton-box {
    width: 18px;
    height: 18px;
    border: 2px solid #ddd;
    border-radius: 50%;
    background: white;
}

.task-radio-buttons .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #5bc0de;
    background: #5bc0de;
}

.task-radio-buttons .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
    margin: 3px;
}

/* Dropdown styling */
.task-dropdown {
    width: 100% !important;
}

.task-dropdown .ui-selectonemenu {
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    background: white !important;
}

.task-dropdown .ui-selectonemenu:focus {
    border-color: #5bc0de !important;
    box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.2) !important;
}

.task-dropdown .ui-selectonemenu-trigger {
    width: 30px !important;
    border: none !important;
    background: transparent !important;
}

/* Input styling */
.task-input {
    width: 100% !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    padding: 12px 16px !important;
    font-size: 14px !important;
    background: white !important;
}

.task-input:focus {
    border-color: #5bc0de !important;
    box-shadow: 0 0 0 2px rgba(91, 192, 222, 0.2) !important;
    outline: none !important;
}

.task-dialog-footer {
    padding: 20px 30px;
    background: #f8f9fa;
    border-top: 1px solid #eee;
    text-align: right;
}

.task-submit-btn {
    background: #28a745 !important;
    border: none !important;
    color: white !important;
    padding: 12px 24px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}

.task-submit-btn:hover {
    background: #218838 !important;
    border: none !important;
    box-shadow: none !important;
}

.task-submit-btn .fa {
    margin-right: 8px;
}

.task-error-message {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.align-right-down {
	position: absolute;
	bottom: 0;
	float: right;
}

/* From Cashapp */
.badge-unmatched {	
	background: #880808;
	color: white;
}

.badge-matched { 	
	background: #3cbe04;
	color: white;
}

.badge-verified {	
	background: #e38902;
	color: white;
}

.badge-processed {	
	background: darkgreen;
	color: white;
}

.badge-voided {	
	background: #484848;
	color: white;
}

/* Hide default text completely */
.claim-toggle-switch .ui-toggleswitch-on,
.claim-toggle-switch .ui-toggleswitch-off {
    visibility: hidden;
    width: 0;
    height: 0;
    display: inline-block;
    padding: 0;
    margin: 0;
}

/* Show NO or YES via pseudo-element */
.claim-toggle-switch .ui-toggleswitch-slider::after {
    content: "NO"; /* default (unchecked) */
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-weight: bold;
    font-size: 12px;
    z-index: 10;
    transition: content 0.2s ease;
}

/* When checked, show YES instead (keep position same as NO) */
.claim-toggle-switch.ui-toggleswitch-checked .ui-toggleswitch-slider::after {
    content: "YES";
    left: 2px; /* same as NO */
}

.claim-toggle-switch.ui-toggleswitch-checked .ui-toggleswitch-handler {
    margin-left: 22px;
}

/* Resize the toggle switch */
.claim-toggle-switch .ui-toggleswitch-slider {
    width: 60px;
    height: 24px;
    padding-left: 0;
    position: relative;
    background-color: #ccc;
    border-radius: 30px;
}

/* Background color when checked */
.claim-toggle-switch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background-color: green;
}

/* Resize the handle */
.claim-toggle-switch .ui-toggleswitch-handle {
    width: 22px;
    height: 22px;
    top: 1px;
}
.small-date {
    font-size: 0.70rem;
}

.small-text {
    font-size: 0.75rem;
}

.last-call-notes .ui-accordion-content {
    padding-left: 0 !important;
}


.radio-table table tr {
	margin-bottom: 5px !important;
}

.ui-address-dialog .ui-dialog-titlebar {
	background-color: #20a8d8 !important;
}

.ui-address-dialog .ui-dialog-titlebar .ui-dialog-title {
	color: white !important;
}

.ui-address-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
	color: white !important;
}

.form-type-avatar-chip {
	background-color: #D8C4F3;
	color: #3E3E3E;
	padding: 7px;
	margin: 5px;
	margin-left: 2px;
}

.form-type-avatar-chip-text {
	color: white;
	font-size: 12px;
}

.ui-avatar.form-type-avatar-chip-sm {
	width: 26px;
	height: 26px;
}

.user-name-avatar-chip-text {
	font-size: 11px;
}

.form-type-credit-app-bg {
	background: #43a8c7;
}

.form-type-credit-review-bg {
	background: #40a1ac;
}

.form-type-jobsheet-bg {
	background: #ffd45d;
}

.form-type-cod-bg {
	background: #658fa9;
}

.form-type-sole-bg {
	background: #cf8b78;
}

.tc-top-customer-name {
	margin-right: 0.5rem;
	font-size: 16px;
	font-style: normal;
	font-weight: 600;
}

.tc-top-customer-dba-name {
	color: #545452;
	font-size: var(--font-size-13, 13px);
	font-style: normal;
	font-weight: var(--font-weight-400, 400);
	line-height: var(--line-height-19_5, 19.5px);
}

.tc-top-customer-dba-name-label {
	color: #545452;
	font-size: var(--font-size-13, 13px);
	font-style: italic;
	font-weight: 400;
	line-height: var(--line-height-19_5, 19.5px);
}

.tc-top-customer-tn {
	display: inline-flex;
	height: 24px;
	padding: 2px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #E3E3E3;
	background: #FAFAFA;
}

.tc-top-customer-app-type {
	display: inline-flex;
	height: 24px;
	padding: 2px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #E3E3E3;
	background: #FAFAFA;
	color: #494949;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}

.tc-top-customer-view-hist {
	color: #1375B6;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.tc-top-customer-separator {
	width: 1px;
	height: 13px;
}

.tc-top-customer-label-text {
	color: #535D66;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.tc-top-customer-label-text-reg {
	color: #23282C;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
}

.tc-top-customer-label-text-bold {
	color: #23282C;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
}

.tc-top-badge-warning {
	border-radius: 16px;
	border: 1px solid #F7DCA9;
	background: #FFE7B9;
	color: #975A06;
	padding: 2px 10px;
	font-size: 11px;
}

.tc-top-badge-danger {
	border-radius: 16px;
	border: 1px solid #FFD6D6;
	background: #FFDFDF;
	color: #803232;
	padding: 2px 10px;
	font-size: 11px;
}

.tc-top-badge-success {
	border-radius: 16px;
	border: 1px solid #CCF4C7;
	background: #D9FBD4;
	color: #1C8139;
	padding: 2px 10px;
	font-size: 11px;
}

.tc-top-badge-delete {
	border-radius: 16px;
	border: 1px solid #D3D3D3;
	background: #E2E2E2;
	color: #565656;
	padding: 2px 10px;
	font-size: 11px;
}

.tc-top-badge-with-icon {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	justify-content: center;
	width: max-content;
	height: 26px;
}

.tc-top-panel-white-bg {
	background-color: white;
}

.ca-top-customer-info-panel {
	border-radius: 6px;
	border: 1px solid #EDEDED;
	background: #F4F6F6;
	flex-shrink: 0;
}

.tc-right-related-cus-title {
	color: #5A5A5A;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.tc-right-related-cus-title-break {
	min-width: 0;
	white-space: normal;
	overflow-wrap: anywhere;
	word-break: break-word;
}

.tc-right-related-cus-row {
	display: grid;
	grid-template-columns: 1fr auto;
	column-gap: 8px;
	align-items: start;
}

.nowrap {
	white-space: nowrap;
}

.tc-right-related-cus-title-blue {
	color: #2683CC;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.cr-right-muted-text {
	color: #8F8F8F;
	font-family: "Open Sans";
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.cr-right-comments-label-badge {
	display: flex;
	width: 73px;
	height: 18px;
	padding: 2px 10px;
	justify-content: center;
	align-items: center;
	gap: 6px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #E3E3E3;
	background: #FAFAFA;
}

.cr-right-comments-label-text {
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.cr-right-badge-count {
	border-radius: 10.5px;
	border: 1px solid #F7DCA9;
	background: #FFE7B9;
	color: #975A06;
	font-size: 11px;
	min-width: 18px
}

.trade-ref-badge {
	background-color: #E9F7FE;
	color: #484848;
	border: 1px solid #C7E7F7;
	padding: 3px 10px;
}

.bank-ref-badge {
	background-color: #E9FBEE;
	color: #484848;
	border: 1px solid #B6DDC1;
	padding: 3px 10px;
}

.badge-warning-ref {
	background-color: #FFE7B9;
	color: #975A06;
	border: 1px solid #F7DCA9;
	padding: 3px 10px;
	border-radius: 12px;
}

.badge-danger-ref {
	background-color: #FFDFDF;
	color: #803232;
	border: 1px solid #FFD6D6;
	padding: 3px 10px;
	border-radius: 12px;
}

.badge-success-ref {
	background-color: #D9FBD4;
	color: #1C8139;
	border: 1px solid #CCF4C7;
	padding: 3px 10px;
	border-radius: 12px;
}

.badge-secondary-ref {
	background-color: #FAFAFA;
	color: #585858;
	border: 1px solid #E3E3E3;
	padding: 3px 10px;
}

.badge-secondary-bank-type {
	border-radius: 4px;
	border: 1px solid #E3E3E3;
	background: #FAFAFA;
	font-size: 12px; 
	font-weight: 400; 
	color: #585858;
	margin-bottom: 2px;
}

.reference-font-header {
	color: #404040;
	font-size:13px; 
	font-weight: 600;
}

.reference-font-primary-black {
	color: #484848;
	font-size: 14px;
}

.reference-font-secondary-black {
	color: #484848;
	font-size: 13px;
	font-weight: 500;
}

.reference-contact-font-secondary-black {
	color: #484848;
	font-size: 12px;
	font-weight: 500;
}

.reference-color-primary-blue {
	color: #2683CC;
}

.reference-view-print-text {
	font-size: 12px;
}

.tc-badge-erp-transmission-failed {
	border-radius: 10.5px;
	border: 1px solid #FFD6D6;
	background: #FFDFDF;
	color: #803232;
	padding: 3px 10px;
	font-size: 11px;
}

.tc-badge-erp-transmission-success {
	border-radius: 10.5px;
	border: 1px solid #CCF4C7;
	background: #D9FBD4;
	color: #1C8139;
	padding: 3px 10px;
	font-size: 11px;
}

.tc-badge-not-assigned-danger {
	border-radius: 10.5px;
	border: 1px solid #FFD6D6;
	background: #FFDFDF;
	color: #803232;
	padding: 3px 10px;
	font-size: 11px;
}

.info-icon-blue {
	color: #1375B6;
	font-weight: 600;
}

.custom-tooltip-anchor {
	display: inline-block;
	position: relative;
	line-height: 1;
}

.ui-commandlink.yellow-link{
	color: #985a06 !important;
}
.badge-danger-v3 {
    background-color: #ffdfdf !important;
    color: #803232 !important;
    border: 1px solid #ffd6d6 !important;
}

.badge-warning-v3 {
    background-color: #ffe7b9 !important;
    color: #975a06 !important;
    border: 1px solid #f7dca9 !important;
}

.badge-success-v3 {
    background-color: #f4fef2 !important;
    color: #1e8139 !important;
    border: 1px solid #daf8d7 !important;
}

.badge-info-v3 {
    background-color: #f1f9ff !important;
    color: #005180 !important;
    border: 1px solid #4293d3 !important;
}

.badge-grey-v3 {
    background-color: #fafafa !important;
    color: black !important;
    border: 1px solid #e3e3e3 !important;
}

.decision-panel{
    background-color: #ffffff;
    border: 1px solid #f0f2f2 !important;
}

.badge-dark-v3 {
    background-color: #ededed !important;
    color: #505050 !important;
    border: 1px solid #e7e7e7 !important;
}

.wrap-content-text{
	white-space: nowrap; 
	width: auto;
}

.ca-top-req-background-label-text {
	color: #404040;
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
	line-height: var(--line-height-19_5, 19.5px); /* 130% */
}

/* ---- Applicant Business Card (scoped) ---- */
.ca-applicant-business-card {
  min-height: max-content;
  flex-shrink: 0;
  border-radius: 4px;
  /* sensible additions */
  box-sizing: border-box;
  padding: 9px;
  margin: 0;
  max-width: 100%;
}

/* header */
.ca-applicant-business-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .1rem 0.2rem;
  border-radius: 4px;
  font-weight: 600;
}

.ca-applicant-business-card-header-secondary-text {
	color: #898989;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}



/* body = inner panel */
.ca-applicant-business-card-body {
  width: 100%;
  max-height: fit-content;
  flex-shrink: 0;
  border-radius: 4px;
  background: #FFF;
  /* sensible additions */
  box-sizing: border-box;
  padding: 16px;
  margin: 5px auto 0;
  overflow: auto;
}

/* Only inside this header */
.ca-applicant-business-card-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

/* Keep label + avatar on one line */
.ca-applicant-business-card-header .ca-assigned-inline {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	flex-wrap: nowrap;
}

/* Ensure the label itself doesn't force a line break */
.ca-applicant-business-card-header .ca-applicant-business-card-header-secondary-text {
	display: inline-block;
	margin-right: .1rem;
	white-space: nowrap;
}

/* If your composite uses .d-flex inside, make it inline here only */
.ca-applicant-business-card-header .d-flex {
	display: inline-flex;
}

.ca-left-info-req-text-blue {
	color: #2683CC;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

/* icon BEFORE the text */
.ui-inplace.newLangInPlace .ui-inplace-display{
  padding-left: 26px;
  padding-right: 0;
  background: url("/b2bcredit/jakarta.faces.resource/new-lang-icon.svg.jsf?ln=img") no-repeat 6px center;
  background-size: 16px 16px;
  
  color: #5A5A5A;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.inline-row{
  display:flex;
  align-items:center;
  column-gap:8px;     /* spacing between items */
  flex-wrap:nowrap;
}

/* keep the inplace itself inline */
.ui-inplace.newLangInPlace{
  display:inline-flex;         /* avoids accidental block layout from other classes */
  align-items:center;
}

/* thin vertical separator */
.v-sep{
  display:inline-block;
  width:1px; height:16px;
  background:#747474;
}

/* keep icon + text on one line too */
#viewAndPrint.inline-link{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

/* make the row horizontal and vertically centered */
.letterhead{
  display: flex;
  align-items: center;
  gap: 16px;
  justify-content: space-between;
}

.letterhead .lh-logo{
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 140px;
}

.letterhead .lh-logo img,
.letterhead .lh-logo svg{
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
}

/* text column */
.letterhead .lh-info{
  flex: 1 1 auto;
}

.ca-left-biz-info-biz-name-text {
	color: #404040;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.ca-left-biz-info-biz-addr-text {
	color: #585858;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.ca-left-applicant-info-secondary-text {
	color: #484848;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.ca-left-applicant-info-primary-text {
	color: #484848;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

/* parent lives inside .col-sm-6 */
.lh-address{ gap:.5rem; }

.creq-card {
  min-height: max-content;
  flex-shrink: 0;
  border-radius: 6px;
  border: 1px solid rgba(232, 232, 232, 0.40);
  background: #F6F9F9;
  /* sensible additions */
  box-sizing: border-box;
  margin: 0;
  max-width: 100%;
}

.creq-card-header {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 0.5rem 1.5rem 0.1rem 1rem;
  border-radius: 6px;
  font-weight: 600;
  color: #111827;
  background: transparent;
}

.creq-card-body {
  width: 100%;
  max-height: fit-content;
  flex-shrink: 0;
  border-radius: 0px 0px 6px 6px;
  border: 1px solid #E5E5E5;
  background: #FFF;
  /* sensible additions */
  box-sizing: border-box;
  padding: 16px;
  margin: 8px auto 0;
}

.creq-card-header-text {
	color: #404040;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 19.5px;
}

.creq-card-body-secondary-text {
	color: #484848;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding: 0rem 0.5rem;
}

.creq-card-body-primary-text {
	color: #484848;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	padding: 0.5rem 0.8rem 0.5rem 0rem;
}

.vam { /* vam: vertical-align-middle */
	vertical-align: middle !important;
}

.ui-datatable.becTable.creq-becTable {
	border-radius: 6px;
	border: 1px solid #E4E4E4 !important;
}

.creq-div-becTable {
	display: flex;
	justify-content: center;
	padding: 0.5rem;
}

.creq-becTable-headerText {
	color: #6E6E6E;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: uppercase;
}

.creq-becTable-contentText {
	color: #484848;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.creq-card-body-ship-bill-badge {
	display: flex;
	width: max-content;
	height: 24px;
	padding: 2px 10px;
	justify-content: center;
	align-items: center;
	gap: 9px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid #E3E3E3;
	background: #FAFAFA;
}

.creq-card-body-ship-bill-h2-text {
	color: #494949;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.creq-card-body-ship-bill-secondary-text {
	color: #484848;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-transform: lowercase;
}

.creq-authorization-text {
	color: #898989;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.sign-dashed-box {
	height: 128px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px dashed #C3C8CA;
	background: #FCFDFD;
	display:flex;
  	justify-content:center;
  	align-items:center; 
}

/* only this link style */
a.labelLink { 
  text-decoration: none;
  cursor: pointer;
}
a.labelLink:hover { 
  text-decoration: underline;         /* underline on hover */
  cursor: pointer;
}

/* if your label is block/inline-block, also force underline on it */
a.labelLink:hover .fc-denim { 
  text-decoration: underline;
  cursor: pointer;
}

.tnc-sign-content-scroll {
  line-height: 1.25rem;
  max-height: 5rem;
  overflow-y: auto;            /* scrollbar only when needed */
  overflow-x: hidden;          /* no horizontal bar */
  padding: 0;
}

.fc-denim {
	color: #1375B6;
}

/* attach this class to the table */
.table-compact { 
  border-collapse: collapse; 
  border-spacing: 0;
}

.table-compact td,
.table-compact th{
  padding: 0px 6px !important;   /* shrink padding */
  line-height: 1.1 !important;   /* tighter line height */
  vertical-align: middle;
}

/* if cells contain paragraphs/headings, remove their margins */
.table-compact td p,
.table-compact td h1, .table-compact td h2, .table-compact td h3 {
  margin: 0;
}

.br-2 {
	border-radius: 0.5rem;
}

.table-custom-striped tbody tr:nth-of-type(odd) {
	background-color: #FFFFFF;
}
 
.table-custom-striped tbody tr:nth-of-type(even) {
	background-color: #F7FCFD;
}

.fs-left {
  display: flex;
  margin-left: -0.8rem; 
  margin-right: 0.8rem;
  align-items: center;
}

.fs-actions {
  margin-left: auto; 
  margin-right: 2rem;
  float: right;
  display: flex;
  align-items: center;
  gap: 5px; /* spacing between edit/delete icons */
}


.documents-checklist-actions {
    margin-right: 0px;
}

.txt-warning {
	color: #E37A10;
}  

.txt-success {
	color: #1C8139;
} 

.ekata-badge-success {
	background-color: #E9FBEE;
	color: #484848;
	border: 1px solid #B6DDC1;
	padding: 4px 10px 3px 10px;
}

.ekata-badge-danger {
	background-color: #FFDFDF;
	color: #803232;
	border: 1px solid #FFAFA9;
	padding: 4px 10px 3px 10px;
}

.ekata-badge-warning{
	background-color: #FFE7B9;
	color: #975A06;
	border: 1px solid #F5CF27;
	padding: 4px 10px 3px 10px;
}

.ekata-font-secondary-black {
	color: #484848;
	font-size: 14px;
	font-weight: 500;
}

.ekata-font-primary-blue {
	color: #2683CC;
	font-size: 14px;
	font-weight: 500;
}

.ekata-font-header {
	color: #404040;
	font-size:17px; 
	font-weight: 600;
}

.ek-grid-3 {
	--gauge-h: 180px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	align-items: stretch;
}

.ek-col-left {
	grid-column: 1;
	grid-row: 2;
}

.ek-col-center {
 	grid-column: 2;
 	grid-row: 2;
 }

.ek-col-right {
	grid-column: 3;
	grid-row: 2;
}

.ek-signal-card {
	height: 100%;
}

.ek-gauge-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius: 10px;
}

@media ( max-width : 992px) {
	.ek-grid-3 {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	.ek-col-left, .ek-col-center, .ek-col-right {
		grid-template-columns: 1fr;
	}
	.ek-signal-card {
		height: auto;
	}
}

.ek-signal-table {
	margin-bottom: 0 !important;
}

.addr-line{
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 8px;
  align-items: start;
}

.addr-label{
  white-space: nowrap;
}

.addr-value{
  min-width: 0;
  white-space: normal;
  word-break: break-word;
}

.addr-value .ml-1, .addr-value .ml-2 { margin-left: 0 !important; }

.ui-accordion.white-accordion .ui-accordion-header  {
	background: #F1F5F6 !important;
    color: black !important;
    border: 0px;
    margin-top: 6px;
    padding: 0.9rem !important;
    padding-left: 2.2em !important;
}
.border-new-card{
	border-left: 6px solid #f1f5f6 !important;
	border-right: 6px solid #f1f5f6 !important;
	border-bottom: 8px solid #f1f5f6 !important;
}
.ui-accordion.white-accordion .ui-accordion-content {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border: 8px solid #F1F5F6 !important;
    margin-top: -8px;
    
}

.new-table td {
    padding: 0.75rem !important;
}
.new-table th {
    padding: 0.75rem !important;
    border-bottom: 1px solid #eff3f5 !important;
}

.ui-datatable.newBecTable tfoot tr,
.ui-datatable.newBecTable tfoot td {
  border-top: 1px solid #eff3f5 !important;
  background: white !important;
}
.border-line {
  border: 2px solid #f1f5f6 !important;
}
.ui-datatable.newBecTable>.ui-datatable-header{
	border-radius: 0px !important;
}



/* Container: responsive, prevent bleed into next block */
.risk-svg{
  --thickness: 7;           /* arc thickness (px units) */
  --solid: 1;                /* overall opacity */
  --angle: -160deg;          /* marker angle: left=-180, mid=-90, right=0 */
  --marker: #ea5455;         /* marker fill (overridden per band) */
  --markerSize: calc(var(--thickness) * 0.9);

  position: relative;
  overflow: hidden;                                  /* clip glow/marker if needed */
  padding-bottom: calc(var(--thickness) * 0.8px);    /* reserve room under arc */
}

/* Responsive SVG */
.risk-svg .gauge{
  display:block;
  width:100%;
  height:auto;                 /* uses viewBox aspect ratio */
  max-width: 280px;            /* optional cap; tweak to fit your layout */
}

/* Arc styling */
.risk-svg .arc{
  stroke-width: calc(var(--thickness) * 1px);
  opacity: var(--solid);
  vector-effect: non-scaling-stroke; /* keeps stroke readable on resize */
}



/* Outer colored ring */
.risk-svg .marker .outer {
  r: calc(var(--markerSize) * 2.5px);   /* outer size */
  fill: var(--marker);                  /* band color */
  stroke: #fff;                         /* thin white ring */
  stroke-width: 3px;
  opacity: var(--solid);
  filter: drop-shadow(0 1px 3px rgba(0,0,0,.18));
}

/* Inner white “hole” */
.risk-svg .marker .inner {
  r: calc(var(--markerSize) * 1px);  /* inner circle size */
  fill: #fff;                           /* white center */
  stroke: var(--marker);                /* thin outline same as band */
  stroke-width: 2px;
  opacity: var(--solid);
}




/* Rotate marker around arc center (120,120 in viewBox) */
.risk-svg .marker-arm{
  transform-origin: 120px 120px;
  transform: rotate(var(--angle));
}

/* Center label */
.risk-svg .label{
  text-anchor: middle;
  dominant-baseline: middle;
  font-size: 48px;
  font-weight: 600;
  fill: #333;
  opacity: var(--solid);
}


/* Disabled arc (background) */
.risk-svg .arc-disabled {
  stroke-width: calc(var(--thickness) * 1px);
  opacity: 0.25; /* faded look */
  vector-effect: non-scaling-stroke; 
}

/* Active arc (solid) */
.risk-svg .arc-active {
  stroke-width: calc(var(--thickness) * 1px);
  opacity: 1;
  transition: stroke-dasharray 0.3s ease;
  vector-effect: non-scaling-stroke; 
}


/* Band-based look (solidness/thickness/marker color/angle) */
.risk-svg.band-x5 { --solid: 1;   --thickness: 7; --marker: #2ecc71; --angle: 0deg;  --progress: 36; }
.risk-svg.band-x4 { --solid: 1;  --thickness: 7; --marker: #6ed17f; --angle: -40deg;  --progress: 28;  }
.risk-svg.band-x3 { --solid: 1;  --thickness: 7; --marker: #f1c40f; --angle: -90deg;  --progress: 18;  }
.risk-svg.band-x2 { --solid: 1; --thickness: 7; --marker: #e87140; --angle: -140deg; --progress: 8; }
.risk-svg.band-x1 { --solid: 1; --thickness: 7; --marker: #ea5455; --angle: -160deg; --progress: 4; }

.fixed-badge {
    min-width: 50px;     
    text-align: center;  
    display: inline-block;
}

.text-uppercase {
	text-transform: uppercase;
}

.breadcrumb-bg-v3 {
	background-color: #fff;
	border-bottom: none;
	padding-bottom: 0px;
}
.left-menu-primary-text {
	color: #E5E5E5;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

#menu-content-left {
	position: relative;
	overflow: visible;
	/* important if your sidebar previously clipped children */
}
/* Submenu: hidden by default, absolutely positioned to the right */
#menu-content-left li.nav-popup-hover > ul.nav-popup-menu {
	display: none;
	position: fixed;
	float: right !important;
	margin-left: 170px !important;
	margin-top: -3.1em !important;
	margin-bottom: 0 !important;
	width: 200px !important;
	background: #17191E !important;
	border-radius: 4px !important;
	list-style: none !important;
	padding: 0 !important;
	padding-bottom: 8px !important;
	z-index: 9999 !important;
}

/* Each hoverable item anchors the popup */
#menu-content-left li.nav-popup-hover {
	position: relative;
}

/* Show only the hovered item's submenu */
#menu-content-left li.nav-popup-hover:hover>ul.nav-popup-menu {
	display: block;
}

.nav-popup-header {
	padding: 8px 15px !important;
	background: #17191E !important;
	color: #EEEFEE !important;
	line-height: 20px;
	display: flex;
	align-items: center;
	position: relative;
	border-radius: 4px !important;
}

.nav-popup-header-text {
    font-size: 13px !important;
    font-weight: 500 !important;
    margin-left: 6px;
}

/* vertical divider */
#menu-content-left ul.nav-popup-menu::before {
  content: "";
  position: absolute;
  top: 36px;              /* just below the header row */
  bottom: 10px;
  left: 22px;
  width: 1px;
  background: rgba(255,255,255,0.12);
}

#menu-content-left li.nav-item::marker {
  display: none !important;
}

/* Link styling (unchanged, with a small polish) */
#menu-content-left ul.nav-popup-menu li a {
	display: block !important;
	padding: 8px !important;
	color: #E5E5E5;
	font-size: 12px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: normal !important;
	text-decoration: none !important;
	white-space: nowrap !important;
}

#menu-content-left ul.nav-popup-menu li:last-child a {
	border-bottom: none !important;
}

#menu-content-left ul.nav-popup-menu li a:hover {
	background: #0073BF !important;
	border-radius: 4px !important;
	margin: 0px 8px !important;
}

.login-page-v3 {
	background-color: #F7F8FC;
	display: grid;
	place-items: center;
	min-height: 100vh;
	min-height: 100dvh;
	overflow-y: hidden;
}

@media (max-width: 992px), (max-height: 700px) {
  .login-page-v3 { overflow-y: auto; }
}

.login-card-body {
	max-height: max-content;
}

.card-group-login-v3 {
	width: 80%;
	height: auto;
	border-radius: 26px;
	background: #FFF;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3rem;
}

.login-page-secondary-text {
	color: #656565;
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 18px !important;
	font-style: normal;
	font-weight: 510;
	line-height: 100%;
	text-align: center;
}

.login-account-big-text {
	color: #363636;
	font-feature-settings: 'liga' off, 'clig' off;
	font-size: 30px !important;
	font-style: normal;
	font-weight: 590;
	line-height: normal;
	letter-spacing: 0.3px;
}

.login-text-with-underline {
	position: relative;
	display: inline-block;
}

.login-text-with-underline .login-z-svg {
	position: absolute;
	right: 0;
	bottom: -4px;
	left: 290px;
}

.login-forget-password {
	color: #43AC68;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	letter-spacing: 0.07px;
	text-decoration: none !important;
}

.login-button-v3 {
	display: flex;
	width: 100%;
	height: 50px;
	padding: 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 6px;
	border: 1px solid #43AC68;
	background: rgba(38, 159, 81, 0.87);
}

.login-button-v3:hover {
	background: linear-gradient(0deg, rgba(255,255,255,.10), rgba(255,255,255,.10)), rgba(38,159,81,0.87);
}

.login-button-text-v3 {
	color: #FFF;
	font-size: 18px !important;
	font-style: normal;
	font-weight: 590;
	line-height: 16px;
	letter-spacing: 0.1px;
	text-decoration: none;
}

.login-single-sign-on-button-v3 {
	display: flex;
	width: 100%;
	height: 50px;
	padding: 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 6px;
	border: 1.5px solid rgba(38, 159, 81, 0.87);
	background: #FFF;
}
/* text/icon should inherit color from the button */
/* .login-single-sign-on-button-text-v3,
.login-single-sign-on-button-v3 .pi {
  color: inherit !important;
} */

.login-single-sign-on-button-text-v3 {
	color: rgba(38, 159, 81, 0.87);
	font-size: 16px !important;
	font-style: normal;
	font-weight: 550;
	line-height: 16px;
	letter-spacing: 0.1px;
	text-decoration: none;
}

/* .login-single-sign-on-button-v3:hover,
.login-single-sign-on-button-v3:focus,
.login-single-sign-on-button-v3:active {
  background: #20a8d8 !important;
  border-color: #20a8d8 !important;
  color: #fff !important;
} */

.login-footer-bg-v3 {
	position: relative;
	background-color: #F7F8FC;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

.login-footer-v3{
  display:contents;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:10px 24px;
  white-space:nowrap;
}

@media (max-width: 992px), (max-height: 700px) {
  .login-footer { flex-wrap: wrap; }
}

.login-footer-v3 .text-muted{ color:#747474 !important; }

/* links inline */
.login-footer-v3 .nav {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
}

.login-footer-v3 .nav-link{
  padding:0 5px !important;
  color:#747474 !important;
}

/* if any Bootstrap float sneaks in, neutralize it */
.login-footer-v3 .float-left{ float:none !important; }

/* wrapper for right-side icons inside inputs */
.v3 .ui-input-icon-right.login-icon-wrap {
  position: relative;
  display: block;
}

/* give room for the icon */
.v3 .ui-input-icon-right.login-icon-wrap > .ui-inputfield,
.v3 .ui-input-icon-right.login-icon-wrap > .ui-password {
  padding-right: 40px !important;
  height: 64px;
}

/* position the icon */
.v3 .ui-input-icon-right.login-icon-wrap > i,
.v3 .ui-input-icon-right.login-icon-wrap > svg {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #8f9599;
}

.login-icon-wrap .toggle-eye {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff;       /* match input bg */
  padding-left: 6px;
  border: 0;
  text-decoration: none;
}
.login-icon-wrap .toggle-eye svg { pointer-events: none; }

.or-inline{
  display:flex;
  align-items:center;
  gap:12px;
}

.or-inline hr{
  flex:1;
  margin:0;
  border:0;
  border-top:1px solid #E8EAED;
}

.or-inline span{ color:#6b7a7d; font-size:13px; }

.v3.login-v3 .login-field > label {
  position: absolute;
  left: 14px;
  top: 60%;
  transform: translateY(-60%);   /* <- truly centered */
  font-size: 14px;
  color: #8a8d90;
  line-height: 1;
  pointer-events: none;
  transition: all .15s ease;
  max-width: calc(100% - 70px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* label: ON FOCUS or WHEN FILLED -> float to the top */
.v3.login-v3 .login-input:focus + label,
.v3.login-v3 .login-input.ui-state-filled + label {
  top: 15px;
  transform: none;
  font-size: 11px;
  color: #686a6c;
}

/* focus ring */
.v3.login-v3 .login-input:focus {
  border-color: #2196f3 !important;
  outline: 0;
}

/* optional right icon */
.v3.login-v3 .login-icon-right {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #8f9599;
  font-size: 18px;
  pointer-events: none;
  background: #fff;
  padding-left: 6px;
}

/* error compatibility */
.v3.login-v3 .login-input.ui-state-error {
  border-color: #e30000 !important;
  background-color: #fff2f4 !important;
}

/* centered "Or" with faint lines on both sides */
.v3 .login-or {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:14px 0;
  color:#6b7a7d;
  font-size:13px;
}

.v3 .login-or::before,
.v3 .login-or::after{
  content:"";
  flex:1;
  height:1px;
  background:#E8EAED;
}

.v3 .login-or span{ line-height:1; }

/* To avoid blue auto fill color */
.login-page-v3 input:-webkit-autofill,
.login-page-v3 input:-webkit-autofill:hover,
.login-page-v3 input:-webkit-autofill:focus,
.login-page-v3 textarea:-webkit-autofill,
.login-page-v3 textarea:-webkit-autofill:hover,
.login-page-v3 textarea:-webkit-autofill:focus,
.login-page-v3 select:-webkit-autofill,
.login-page-v3 select:-webkit-autofill:hover,
.login-page-v3 select:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important; /* kill blue */
  box-shadow: 0 0 0 1000px #fff inset !important;
  -webkit-text-fill-color: #495057 !important;
  caret-color: #495057 !important;
  border-radius: 6px; /* match your inputs */
}

/* Firefox only (also scoped to login page) */
.login-page-v3 input:-moz-autofill,
.login-page-v3 textarea:-moz-autofill,
.login-page-v3 select:-moz-autofill {
  box-shadow: inset 0 0 0 1000px #fff !important;
  -moz-text-fill-color: #495057 !important;
}

/* PrimeFaces 13 AutoComplete – hide "No records found" globally */
.ui-autocomplete-panel .ui-autocomplete-empty-message {
    display: none !important;
}

.edit-svg-center {
	display: inline-flex;
	padding-top: 2px;
}

.dba-name-line{
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 8px;
  align-items: start;
}

.dba-name-label{
  white-space: nowrap;
}

.dba-name-value{
  min-width: 0;
  white-space: normal;
  word-break: break-word;
}

 .customer-tab-menu {
	overflow-x: auto;
	overflow-y: hidden;
}

.ui-blockui-content {
	top: 1px !important;
}

.pdf-viewer-container {
	display: block;
	height: calc(100vh - 10px) !important;
	overflow: hidden;
}

.block-tab-ui > .ui-blockui-content {
	top: -4px !important;
	left: 40% !important;
	width: 0;
    height: 0;
    padding: 0;
    /* justify-self: center;
    transform: translateX(-10px); */
}

.block-tab-ui {
	backdrop-filter: blur(1.5px);
	background: none !important;
}


.font-family-sans {
	font-family: 'Open Sans', sans-serif !important;
}

.support-team-card-body {
  max-height: fit-content;
  flex-shrink: 0;
  border-radius: 4px;
  background: #FFF;
  /* sensible additions */
  box-sizing: border-box;
  padding: 16px;
  margin: 10px 10px 10px 10px;
  overflow: auto;
}

.print-header-table-full-width {
	width: 100%;
}

.print-header-table-full-width tr td:first-child{
	width: 50%;
}

.print-header-text-for-paper-app {
	color: #484848;
	/*font-family: "Noto Sans CJK SC", sans-serif !important;*/
	font-size: 11px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.print-header-rounded-card {
	border-radius: 6px;
	border: 1px solid #E5E5E5;
	background-clip: padding-box;
}

.print-header-border {
	border: 6px solid #f1f5f6 !important;
	background-color: #f1f5f6 !important;
}

.print-header-icon {
	height: 16px;
	width: 16px;
	margin-right: 8px;
}

.print-letter-header-watermark-label {
	color: #0070C0;
	/*font-family: "Noto Sans CJK SC", sans-serif !important;*/
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	width:100%;
	position: relative;
	top: -10px;
}

.print-letter-header-title {
	z-index: 1;
	position: relative;
	padding-left: 7px;
	padding-right: 3px;
}

/* The little bar under the topright credit app */
.print-letter-header-title-underline {
	width:100%;
	min-height: 4px;
	border-radius: 4px;
	background: #e3eef8;
	position: relative;
	top: -7px;
	z-index:0;
		
	border-style:solid;
	border-width:0;
	border-color:#e3eef8;
	
	
	display:block;
  	font-size:0;
}

.print-letter-header-lh-logo img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
	display: block;
  	object-fit: contain;
}

.letterhead .print-letter-header-lh-logo {
  flex: 1 0 auto;
  display: flex;
  align-items: center;
  justify-content: start;
  width: 140px;
}

.print-command-link {
	z-index: 1 !important;
	position: relative;
}

.banner-center-items {
	display: flex;
	align-items: center;
}

.eval-presult-print-section {
	display: block;
}

.eval-presult-print-main {
	background-color:#fff !important;
	display: block;
}

.print-letter-header-wrapper {
	width: 100%;
}

.print-letter-header-title-wrapper {
	display: inline-block;
}

.guide-main {
		border-radius: 6px;
		border: 1px solid rgba(232, 232, 232, 0.40);
		background: #FFF;
}
	
.guide-header {
	border-bottom: 1px solid #E8E8E8;
	padding: 10px 10px 20px;
	display: flex;
	gap: 10px;
	justify-content: space-between;
}
.guide-header div {
	flex-grow: 1;
}

.guide-header-card {
	border-radius: 6px;
	border: 1px solid rgba(232, 232, 232, 0.40);
	background: #F6F9F9;
	padding: 10px;
}

.guide-light-grey {
	color: #898989;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.guide-main-grey-label {
	display: inline-block;
	border-radius: 4px;
	background: #F4F6F8;
	padding: 8px 12px 8px;
}
.guide-main-grey-label span {
	color: #484848;
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}


.guide-company-size-row {
	display:flex;
	gap: 8px;
	justify-content: space-between;
}

.guide-company-size-row div {
	flex-grow: 1;
}

.guide-company-card {
	border-radius: 6px;
	border: 1px solid rgba(232, 232, 232, 0.40);
	background: #FFF;
	padding: 16px;
}

.guide-badge-company-label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: #FFF;
	width: 29px;
	height: 22px;
}

.guide-badge-company-label span {
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.guide-background-large {
	background-color: #555;
}

.guide-background-medium {
	background: #7B7B7B;
}

.guide-background-small {
	background: #B5B5B5;
}

.guide-risk-level-col {
	display:flex;
	flex-direction: column;
	gap: 10px;
}

.guide-risk-level-card {
	border-radius: 6px;
	border: 1px solid rgba(232, 232, 232, 0.40);
	background: #FFF;
	padding: 16px;
	display:flex;
	gap: 10px;
	align-items: start;
}

.guide-risk-level-info {
	display: inline-flex;
	flex-direction: column;
	gap:3px;
}

.guide-badge-risk-label {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	color: #FFF;
	
	padding: 8px 4px 8px;
}

.guide-badge-risk-label span {
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	width: 20px;
	height: 11px;
	
	display: inline-flex;
	justify-content: center;
	align-items:center;
}

.guide-background-r5 {
	background: #25915C;
}

.guide-background-r4 {
	background: #5CB7B6;
}

.guide-background-r3 {
	background: #E9C63B;
}

.guide-background-r2 {
	background: #E17100;
}

.guide-background-r1 {
	background: #E66767;
}


.print-dlg-credit-reports .card-header {
	margin-bottom: 9px;
}

.alert-decision-green-panel {
    background-color: #fcfffb;
    border-color: #daf8d7;
}

.alert-decision-brown-panel{
    background-color: #fffafa;
    border-color: #fee0e0;
}

.alert-decision-orange-panel{
    background-color: #fffbf1;
    border-color: #eed4a3;
}

.officer-signature-container {
	border: 2px dotted #d0d4d6;
	padding: 10px;
	display: inline-block;
	border-radius: 12px;
	width: 100%;
	justify-content: center;
	align-items: center;
	display: flex;
	background: white;
}

.eval-presult-print-section .card-title {
	font-weight: normal;
}

@media ( min-width : 1441px) and (max-width: 1919px) {
	.reposive-font-size {
		font-size: 12px;
	}
}

@media print {
	.mb-1 {
	    margin-bottom: .25rem !important;
	}
	.mb-2 {
	    margin-bottom: .5rem !important;
	}
	
	body {
	    background: #fff !important;
 	}
}

.email-chips {
    display: block !important;
    width: 100% !important;
}
.email-chips .ui-chips-container {
    width: 100%;
    min-height: 38px; 
    padding-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.email-chips .ui-chips-container .ui-chips-input-token {
    flex-grow: 1;
}
.email-chips .ui-chips-container .ui-chips-input-token input {
    width: 100%;
    padding-left: 3px;
}

.contact-search-box {
    width: 100%;
    position: relative;
}
.contact-search-box .ui-selectcheckboxmenu {
    width: 100% !important;
}
.contact-search-box .ui-selectcheckboxmenu-panel {
    max-width: 100% !important;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}
.ui-selectcheckboxmenu-panel.resend-receipt-panel {
    width: 520px !important;
    max-height: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}
.email-resend-notif {
	width: 100%;
    text-align: center;
    display: inline-block;
    margin-left: 1.5%;
}