body {
	font-family: "Roboto", sans-serif !important;
}

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

.header.header-sticky {
	padding: 0;
	z-index: 100 !important;
	box-shadow: none;
}

.wrapper {
	background: #E4F0F8 !important;
}

.ui-sidebar iframe {
	height: 88vh;
}

.body.flex-grow-1 .container iframe {
	height: 55vh;
}

.text-bg-white {
	color: #ffffff !important;
	background-color: RGBA(51, 153, 255, var(--cui-bg-opacity, 1))
		!important;
}

.sidebar-body-scroll {
	overflow-x: hidden !important;
	overflow-y: scroll !important;
	max-height: calc(100vh - 135px ) !important;
	padding-top: 20px !important;
}

.min-w-100 {
	min-width: 100px;
}

.min-w-400 {
	min-width: 400px;
}

.max-h-200 {
	max-height: 200px !important;
}

.customer-address div {
	display: grid;
	grid-template-columns: 10px 1fr;
	gap: 10px;
	align-items: center;
}

.phone-fax {
	display: grid;
	grid-template-columns: 1fr 1fr !important;
	color: #b5b8bc;
}

.slider-text {
	margin-top: 0px;
	padding-left: 10px !important;
	font-size: 13px !important;
}

.mb-6 {
	margin-bottom: 25px !important;
}

.customer-name-in {
	font-size: 16px;
	font-weight: 500;
	color: #313131;
}

.customer-logo-inner {
	min-height: 80px;
	border-color: #BFBFBF !important;
	display: grid;
	align-content: center;
	justify-content: center;
	min-width: 13rem;
	max-width: 13rem;
}

.customer-logo-inner img {
	max-height: 50px;
}

.customer-logo .border-start .border-end {
	border-color: #9c9c9c !important;
}

.border-start {
	border-left: var(--bs-border-width) var(--bs-border-style)
		var(--bs-border-color) !important;
}

.border-end {
	border-right: var(--bs-border-width) var(--bs-border-style)
		var(--bs-border-color) !important;
}

.sidebar-brand {
	background: rgb(255, 255, 255);
	/*border-right: 1px #ccc solid;*/
}

.backButton {
	background: #ffffff82 !important;
	color: #000 !important;
	border: 1px solid #99B1BD !important;
}

.buttonBar {
	border-radius: 0 0 10px 10px !important;
}

.buttonBar .ui-panel-content {
	background: transparent !important;
}

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

.nextBtn {
	background: #1275b6 !important;
	color: #ffffff;
}

.saveContinueBtn {
	background: #ffffff !important;
	color: #1275b6 !important;
	border: 1px solid #1275b6 !important;
}

.addBtn {
	background: #1275b6 !important;
	color: #ffffff;
	border: 1px solid #1275b6 !important;
}

.bg-danger {
	padding: 2px 5px;
	border-radius: 3px;
	color: #fff;
	background-color: #b94a48 !important;
}

.bg-info {
	padding: 10px;
	border-radius: 0.30rem;
    color: #975A06;
	margin: 5px;
    background-color: #FFF2D9 !important;
    border: 1px solid #F9E0B1;
}

.info-text {
	background-color: #fff7e7;
	padding: 5px;
	border-radius: 8px;
}

.custom-bg-info {
	padding: 5px;
	border-radius: 0.30rem;
	color: #fff;
	margin: 5px;
	background-color: #3a87ad !important;
	display: inline-block;
}

.app-status-pending-bg {
	padding: 5px;
	border-radius: 0.30rem;
	color: #fff;
	background-color: #3a87ad !important;
}

.app-status-danger-bg {
	padding: 2px 5px;
	border-radius: 3px;
	color: #fff;
	background-color: #b94a48 !important;
}

.app-status-success-bg {
	padding: 5px;
	border-radius: 3px;
	color: #fff;
	background-color: #468847 !important;
}

.bg-success {
	padding: 5px;
	border-radius: 3px;
	color: #fff;
	margin: 5px;
	background-color: #468847 !important;
}

.bg-warning {
	padding: 5px;
	border-radius: 3px;
	color: #fff;
	margin: 5px;
	background-color: #f9b115 !important;
}

.custom-date {
	display: grid !important;
}

.ui-address-dialog .ui-dialog-titlebar {
	background-color: #1275b6 !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;
}

.printBtn {
	background: #1275b6 !important;
	color: #ffffff;
	border: 1px solid #1275b6 !important;
	white-space: nowrap;
}

.signTable {
	border-collapse: collapse;
	width: 100%;
	background: #f3f3f3;
}

.signTable th, td {
	text-align: left;
	padding: 8px;
}

.signTable tr:nth-child(even) {
	background-color: #fbfbfb;
	box-shadow: inset 0 0 2px 4px #f1f1f1;
}

.header-divider {
	margin: 0 !important;
}

.dropdown-menu {
	box-shadow: 0 0 5px 0px #0000004d;
}

.dropdown-menu a {
	background: #fff;
	border-radius: 5px;
	padding: 7px;
	text-decoration: none;
	color: #000;
	display: grid;
	gap: 8px;
	cursor: pointer;
	grid-template-columns: 20px 1fr;
	font-size: 12px;
	margin-top: 6px;
	margin-left: 5px;
	margin-right: 5px;
	white-space: nowrap !important
}

.dropdown-menu a label {
	cursor: pointer;
}

.dropdown-menu a:hover {
	background: #E4F0F8;
}

.bg-dark {
	color: #fff;
	padding: 0 5px 3px 5px;
	border-radius: 3px;
}

.ml-spacer-5px {
	margin-left: 5px !important;
}

.ml-spacer-8px {
	margin-left: 8px !important;
}

.ml-spacer-20px {
	margin-left: 20px !important;
}

.ui-img-hight {
	width: 40px;
	height: auto;
	margin-left: 5px;
}

.request-num-badge {
	color: #000;
}

.min-h-400 {
	min-height: 400px;
}

.text-success {
	color: #51c449 !important;
}

.thankyou-txt {
	color: #242d80;
}

.link {
	color: #1882b7;
	text-decoration: underline;
}

.extranal-page {
	margin-right: 20px;
	min-width: 245px;
}

.cust_imgs {
	max-height: 46px !important;
	min-height: 46px;
}

.sidebar-narrow-unfoldable .customer-logo-inner img {
	min-height: auto !important;
	max-width: 100% !important;
}

.max-w-30 {
	max-width: 30px;
}

.max-w-100 {
	max-width: 100px;
}

.panel-border {
	border: 0px solid #DDD;
	padding: 5px;
	background: #f8f9fa;
}

.sig_draw_pad {
	width: 100% !important;
	height: 200px !important;
	margin-top: 5px !important;
}

.sig_draw_pad canvas {
	border-radius: 15px !important;
}

.custom_sig_draw_pad {
	width: 400px !important;
	height: 200px !important;
	margin-top: 5px !important;
}

.custom_sig_draw_pad canvas {
	border-radius: 15px !important;
}

.custom_page_sig_link {
	right: -300px;
	position: relative;
}

.header {
	padding: 0;
	min-height: 80px;
	border: 0 !important;
	box-shadow: 3px 3px 35px #efefef;
}

.chkboxLabel {
	padding-left: 10px;
}

.text-green {
	color: #2FA396;
}

.customer-name {
	color: #084298;
	background-color: #cfe2ff;
	border-color: #b6d4fe;
	display: inline;
	padding: 7px 10px;
	font-weight: bold;
}

.p-media-view {
	width: 99% !important;
	height: 90% !important;
	position: fixed;
}

.watermark-label {
	font-weight: bold;
	line-height: 19px;
	padding-right: 15px;
	font-size: 19px;
	color: #0e406b;
	text-shadow: 0px -1px 0px rgba(0, 0, 0, .2);
}

.sig_name_pad_bg {
    background-color: #F9F9F9 !important;
    border: 1px solid #E3E9EE;
	padding: 10px !important;
	border-radius: 8px !important;
	margin-top: 5px !important;
}

.max-w-200px {
	max-width: 200px !important;
}

.ui-datatable-auto table {
	table-layout: auto !important;
}

.w-15 {
	width: 15% !important;
}

.header-right {
	width: 400px;
	text-align: right;
}

.p-0 .ui-message {
	padding: 0 !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.text-info {
	color: #1375b6 !important;
}

.text-muted-label {
	color: rgba(207, 207, 207, 1);
	font-style: italic;
	padding-right: 5px;
	font-weight: bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, .2);
}

.user-divider {
	border-top: 1px #ccc solid;
}

.user-divider:last-child {
	border-top: 0 !important;
}

.bg-primary-subtle {
	background-color: #cfe2ff !important;
	padding: 0.8rem !important;
	font-weight: 500;
}

.bg-yellow {
	background-color: #FFFFAC !important;
}

.min-w-130px {
	min-width: 130px !important;
}

.rightContent .nav-item a {
	position: absolute;
}

.v-align {
	vertical-align: top !important;
}

.no-wrap {
	white-space: nowrap !important;
}

.sidebar-transparent {
	background: transparent;
	min-height: 100% !important;
}

.w-16rem {
	min-width: 16rem !important;
	max-width: 16rem !important;
}


.w-13rem {
	min-width: 13rem !important;
	max-width: 13rem !important;
}


.sidebar-small {
	width: 4rem;
}

.error_page_display {
	margin-top: 10%;
}

.rightContent {
	padding-left: 0 !important;
	list-style: none !important
}

.list-item {
	padding: 0.55rem 1rem;
	color: #085D6E;
	position: relative;
	display: block;
	border-left: 7px solid #8FBEC7;
	border-bottom: 1px solid #8FBEC7;
	margin-bottom: 3px;
	font-weight: 400;
	font-size: 11px;
}

.list-item:hover {
	background: #f2f4f8;
	border-left: 7px solid #43828E;
	border-bottom: 1px solid #43828E;
}

.list-group .list-item a label {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer !important;
	white-space: nowrap !important;
}

.list-group .list-item a label:hover {
	text-decoration: underline;
}

.custom-wizard-left.fixed label {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: pointer !important;
	white-space: nowrap !important;
}

.nav-item.dropdown {
	list-style: none !important;
}

.required-label:after {
	content: " *";
	padding-left: 3px;
}

.custom-d-flex {
	display: flex;
	gap: 10px;
	max-width: 1000px;
	align-items: center;
}
.max-w-260px{
	max-width:246px;
}
.d-50{
	display:grid;
	grid-template-columns: 60% 1fr;
	gap:20px;
}
.d-50 .card-title{
	max-width:none !important;
}
.d-g-50{
	display:grid;
	grid-template-columns: 50% 1fr;
	gap:20px;
}
.ui-chkbox-label{
	margin-right:0 !important;
}
.pl-1 {
	padding-left: 10px;
}

.tax-switches {
	display: flex;
	gap: 20px;
}

.w-100-percent input {
	width: 100% !important;
}

.custom-bg-danger {
	padding: 1px 5px;
	border-radius: 3px;
	color: #fff;
	background-color: #b94a48 !important;
}

.mr-15px {
	margin-right: 15px;
}

.bg-upload-panel {
	background-color: rgb(242, 246, 249) !important;
	padding: 10px;
}

.bg-none {
	background: transparent !important;
	background-color: transparent !important;
	border: 1px solid #dddddd !important;
}

.text-black {
	color: #495057 !important;
}

.ui-float-label input[type="text"]:disabled {
	background-color: #E9ECEC;
}

.alternate-div-bg-color .row {
	padding: 8px;
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.alternate-div-bg-color .row:nth-child(odd) {
	background: #f5f7f9;
}

.alternate-div-bg-color .row:first-child {
	background: #e5e9ed;
	font-weight: bold;
}

.btn-bg-info {
	background: #0dcaf0 !important;
	color: #ffffff;
	border: 1px solid #0dcaf0 !important;
}

.homeBtn {
	background: #A5AFB4 !important;
	color: #ffffff;
	border: 1px solid #A5AFB4 !important;
	/* 	margin-right: 130px !important; */
	width: 100% !important;
}

.homeBtn .ui-button-text {
	text-align: left !important;
}

.custom-tooltip {
	background-color: #1375b6;
	border-radius: 30px;
	color: #fff !important;
	width: 11px;
	height: 11px;
	padding: 3px;
	margin-bottom: 7px;
}

.ui-blockui {
	position: fixed !important;
	height: 100vh !important;
}

.ui-blockui .ui-shadow {
	box-shadow: none !important;
}

.ui-blockui .ui-widget-content img {
	width: 70px;
}

.display-absolute {
	position: absolute;
	right: 10px;
	top: 10px;
}

.display-absolute-top {
	position: absolute;
	right: 10px;
	top: 0px !important;
	gap: 5px;
	align-items: center;
	display: flex;
}

.form-name-display {
	font-size: 13px;
	color: #1375b6 !important;
	font-weight: bold;
	padding: 1rem !important;
	display: block;
	overflow: hidden;
	max-width: 100%;
}

.link label {
	cursor: pointer !important;
}

.ui-widget-content:has(.form-name-display) {
	padding: 0 !important;
}

.text-multiple-tooltip ~ .ui-commandlink.display-absolute {
	right: 35px;
}

.ui-dialog-content:has(.loading-img) {
	background: transparent !important;
	overflow: hidden !important;
}

.ui-dialog:has(.ui-dialog-content .loading-img) {
	box-shadow: none !important;
}

.display-card-absolute {
	position: absolute;
	right: 10px;
	top: 13px;
}

.inline-card-display {
	width: 40px;
	height: auto;
	margin-left: 5px;
	position: absolute;
	top: 11px;
	right: 12px;
}

.inline-card-display img {
	width: 40px;
}

.display-card-absolute ~ span {
	right: 43px !important;
}

.mt-0 .custom-lbl {
	margin-top: 0 !important;
}

.padding-lr-0 .ui-datatable-tablewrapper table tr td {
	padding: 1rem 0 1rem 0 !important;
}

.min-max-w-200px {
	max-width: 200px;
	min-width: 200px;
}

.min-max-w-200px img {
	width: 100% !important;
}

.text-wrap-break {
	word-wrap: break-word;
}

.text-wrap-anywhere {
	word-wrap: anywhere !important;
}
.min-w-160px{
	min-width: 160px;
}

.max-w-100percent {
	max-width: 100%;
}

.max-w-350px {
	max-width: 350px;
}

.max-w-500px {
	max-width: 500px;
}

.ui-selectonemenu .ui-selectonemenu-label {
	width: calc(100% - 40px) !important;
}

.ui-float-label:has(.date-picker-tooltip) .p-datepicker {
	max-width: calc(100% - 40px)
}

.in-progress-badge {
    background: #faf1d7;
    padding: 1px 5px;
    border-radius: 20px;
    /* border: 1px #f7ceba solid; */
    margin-left: 5px;
    color: #bf8b09;
    font-size: 10px;
    white-space: nowrap;
    font-weight: 600;
    align-items: center;
    grid-template-columns: 14px 1fr;
    display: inline-grid;
    gap: 3px;
}
.in-progress-badge i{
	font-size: 11px;
	margin-right:5px;
	
}
.bg-none-loader{
	background: none !important;
	box-shadow:none !important;
}
.bg-none-loader .ui-dialog-content{
	background: none !important;
}
.dots-loader {   width: 10px;   height: 10px;   border-radius: 50%;   
display: block;   margin:15px auto;   position: relative;   
color: #1ce783;   left: -100px;   box-sizing: border-box;   animation: shadowRolling 2s linear infinite; }
 
@keyframes shadowRolling {
                        0% {
                          box-shadow: 0px 0 #1375b6, 0px 0 #1375b6, 0px 0 #1375b6, 0px 0 #1375b6;
                        }
                        12% {
                          box-shadow: 100px 0 #1375b6, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
                        }
                        25% {
                          box-shadow: 110px 0 #1375b6, 100px 0 #1375b6, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
                        }
                        36% {
                          box-shadow: 120px 0 #1375b6, 110px 0 #1375b6, 100px 0 #1375b6, 0px 0 rgba(255, 255, 255, 0);
                        }
                        50% {
                          box-shadow: 130px 0 #1375b6, 120px 0 #1375b6, 110px 0 #1375b6, 100px 0 #1375b6;
                        }
                        62% {
                          box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 #1375b6, 120px 0 #1375b6, 110px 0 #1375b6;
                        }
                        75% {
                          box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #1375b6, 120px 0 #1375b6;
                        }
                        87% {
                          box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 #1375b6;
                        }
                        100% {
                          box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
                        } }
                        
.card.cust-alert-error img {
	max-width: 250px !important;
}

.card.cust-alert-error {
	border-radius: 20px;
}

.radio-button-display{
	display: grid;
	grid-template-columns: 20px 1fr;
}

.min-w-300 {
	min-width: 300px;
}

.fw-500 {
	font-weight: 500 !important;
}

.small-text {
	font-weight: normal !important;
	font-size: small !important;
}

.btn-mr-10 .saveContinueBtn {
	margin-right: 10px !important;
}

.min-w-140{
	min-width: 140px;
}

.request-history-content-row > .col-sm,
.request-history-content-row > .col-sm-3 {
	padding-left: 6px;
	padding-right: 6px;
}

.request-history-table .status-column {
	min-width: 100px;
}

.request-history-table .request-history-docs-col {
	max-width: 250px;
}

.align-content-space-between {
	display: grid;
	align-content: space-between;
}

/*----------Responsive--------*/
@media ( min-width : 768px) {
	.sidebar.sidebar-fixed {
		z-index: 1000 !important;
	}
	
}

@media ( max-width : 800px) {
	.w-16rem {
		min-width: auto !important;
		padding-left: 10px;
	}
	.table-grid tr {
		display: grid !important;
	}
	.small-badge {
		display: block;
		margin-top: 15px;
	}
	.d-rows-mobile {
		display: grid !important;
		gap: 10px;
	}
	body .ui-inputfield {
		font-size: 14px !important;
	}
	input {
		font-size: 14px !important;
	}
	.ui-selectoneradio.ui-widget td {
		display: grid;
		grid-template-columns: 20px 1fr;
	}
}

@media ( max-width : 1024px) {

	.container {
		max-width: 99% !important;
	}
	.wizard-list {
		max-width: 100%;
	}
	.no-wrap {
		max-width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.ui-sidebar-right {
		width: 75% !important;
	}
}

@media ( max-width : 578px) {
	.wizard-list .wizard-list-item {
		margin-right: 0 !important;
		display: none;
	}
	.radio-btn-mobile tr {
		display: grid !important;
	}
	.header-nav-mobile {
		margin-left: 0 !important;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	.header-nav-mobile .nav-item {
		display: flex;
	}
	.user-details .nav-link span {
		display: none;
	}
	.pi-language ~ label {
		display: none;
	}
	.mt-3.mr-15px {
		margin-right: 0 !important;
		margin-bottom: 15px;
	}
	.wizard-list .wizard-list-item.active {
		display: grid !important;
		margin-bottom: 10px;
	}
	.custom-wizard-left .wizard-list-item.active::after {
		display: none !important;
	}
	.card-footer button {
		margin-bottom: 5px !important;
	}
	.dyna-table {
		width: 100% !important;
	}
	.overflow-none {
		width: 100%;
		display: flex;
		justify-content: end;
	}
	.d-none-m {
		display: none;
	}
	.display-grid-mobile {
		display: grid;
		gap: 5px;
	}
	.display-grid-mobile.card-footer button {
		margin-left: 0 !important;
		margin-right: 10px !important;
	}
	.display-block-mobile {
		display: block !important;
	}
	.card-header .card-title{
	width:100% !important;
	margin-bottom:5px !important;}
	.ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title ~ div{
	margin-top:5px;
	margin-bottom:5px;}
	body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-choose .ui-icon,
		body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-upload .ui-icon,
		body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-fileupload-cancel .ui-icon
		{
		left: 1rem !important;
	}
	.ui-fileupload-buttonbar .ui-button .ui-button-text {
		display: block !important;
	}
	.ui-fileupload-buttonbar .ui-button {
		padding: 0 10px !important;
	}
	.ui-dialog.ui-widget.ui-widget-content {
		min-width: 90% !important;
		left: 5% !important;
		height: auto !important;
	}
	
	.custom-d-flex {
		display: flex;
		flex-direction: column;
		gap: 5px;
	}
	.small-mt-2 {
		margin-top: 20px;
	}
	.ui-datatable-tablewrapper table td {
		display: contents !important;
		max-width: 100% !important;
		padding: 5px !important;
	}
	.ui-datatable-tablewrapper table td div {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.ui-datatable-tablewrapper table td .ui-column-title {
		padding: 5px;
		background: #f5f5f5;
		width: 100%;
		margin: 0 !important;
	}
	.tax-switches {
		display: flex;
		gap: 20px;
		justify-content: space-between;
	}
	.max-w-100percent canvas {
		max-width: 100%;
	}
}

.modal-dialog-header-title{
	font-size:1rem;
}

.pg-card-body {
	height: calc(100vh - 80px);
	display: flex;
	flex-direction: column;
}

.pg-scroll-panel {
	height: calc(100% - 60px) !important;
	max-height: calc(100% - 60px) !important;
	flex: 1;
}

.pg-button-container {
	height: 40px;
	flex-shrink: 0;
}

.tc-badge-success{
	min-height:22px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap:5px;
	color: #1C8139;
	font-size: 12px;
	font-weight: 600;
	background-color: #D9FBD4 !important;
	padding: 0px 10px;
	border: 1px solid #CCF4C7 !important;
	border-radius: 10.5px;
	width: 70px;
}

.tc-badge-warning{
	min-height: 22px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	gap:5px;
	color: #975A06;
	font-size: 12px;
	font-weight: 600;
	background-color:#FFE7B9 !important;
	padding: 0px 10px;
	border: 1px solid #F7DCA9 !important;
	border-radius: 10.5px;
	width: 70px;
}

body .ui-state-disabled{
    background-color: #E9ECEC !important;
}

.cust_imgs_logo{
    min-width: 11rem !important;
    max-width: 11rem !important;
    max-height: 64px !important;
}


@media (max-width: 576px) {
	.cust_imgs_logo{   
	 	min-width: 8rem !important;
    	max-width: 8rem !important;
	}
}