body {
	font-size: 0.875rem !important;
}

body .ui-datatable table {
	font-size: 0.875rem !important;
}

body .ui-datatable .ui-commandlink {
	font-size: 0.875rem !important;
}

body .ui-datatable .ui-commandlink label {
	cursor: pointer !important;
}

body .ui-commandlink label {
	cursor: pointer !important;
}

body .ui-button.ui-state-focus, body .ui-inputfield.ui-state-focus, body .ui-selectonemenu.ui-state-focus
	{
	box-shadow: none !important;
}

.breadcrumb-item a {
	font-size: 0.875rem !important;
}

.custom-lbl .ui-float-label input, .custom-lbl .ui-input-icon-left,
	.custom-lbl .ui-input-icon-right, .custom-lbl .ui-autocomplete,
	.custom-lbl .ui-autocomplete input, .custom-lbl .p-datepicker,
	.custom-lbl .p-datepicker input, .custom-lbl .ui-selectonemenu,
	.custom-lbl .ui-float-label textarea {
	width: 100% !important;
}

.custom-lbl .ui-float-label>input:focus ~ label, .custom-lbl .ui-float-label>input.ui-state-filled 
	 ~ label, .custom-lbl .ui-float-label>textarea:focus ~ label,
	.custom-lbl .ui-float-label>textarea.ui-state-filled ~ label,
	.custom-lbl .ui-float-label>.ui-inputwrapper-focus ~ label, .custom-lbl .ui-float-label>.ui-inputwrapper-filled 
	 ~ label {
	font-size: 11px;
	color:#686a6c !important;
	max-width: calc(100% - 55px);
    border-radius: 0;
    min-height: auto;
    opacity: 10;
    top: 13px;
}

.custom-lbl .ui-float-label>input:focus ~ label .blueColor, .custom-lbl .ui-float-label>input.ui-state-filled 
	 ~ label .blueColor, .custom-lbl .ui-float-label>textarea:focus ~ label .blueColor,
	.custom-lbl .ui-float-label>textarea.ui-state-filled ~ label .blueColor,
	.custom-lbl .ui-float-label>.ui-inputwrapper-focus ~ label .blueColor, .custom-lbl .ui-float-label>.ui-inputwrapper-filled 
	 ~ label .blueColor {
	/*  position: absolute; */
  /*   top: -26px; */
    left: 0; 
   
	 }
	 
.ui-float-label font.blueColor{
	/* position: absolute; */
  top: -36px;
  left: 0;
   transition-delay:0.0s;
   position: static !important;
  
}	

.ui-float-label.ui-float-label2 font.blueColor {
	/* position: absolute; */
	top: 6px;
	left: 0;
}

.custom-lbl .ui-inputmask:hover ~ label {
	/*top: 15px !important;*/
	font-size: 14px;
	opacity: 10;
}

.custom-lbl .ui-inputfield {
	padding: 1.5rem 0.75rem 0.30rem 0.75rem;
}

.custom-lbl .ui-float-label>label {
	flex-direction: row;
	top: 35%;
	overflow: hidden;
	border-radius: 0;
	min-height: auto;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: calc(100% - 50px);
	display: block;
	min-width: calc(100% - 28px);
}

.custom-lbl .ui-float-label .ui-selectonemenu .ui-selectonemenu-label {
	padding-top: 27px;
}

.custom-lbl .ui-input-icon-left>i:first-of-type {
	top: 52% !important;
}

.custom-lbl .ui-input-icon-left label {
	margin-left: 28px !important;
}

.custom-lbl .ui-inputgroup .ui-inputgroup-addon {
	padding-top: 15px !important;
	word-wrap: normal;
}

.custom-lbl .ui-datatable-data {
	background: #ffffff;
	border: 1px #f6f6f6 solid;
	box-sizing: border-box;
}

.ui-datatable-odd {
	background: #F7FCFD !important
}

.ui-input-icon-left, .ui-input-icon-right {
	display: block !important;
}

.did-floating-label-content {
	position: relative;
}

.did-floating-label {
	color: #1e4c82;
	margin-left: 5px !important;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 15px;
	top: 11px;
	padding: 0 5px;
	background: #fff;
	transition: 0.2s ease all;
	-moz-transition: 0.2s ease all;
	-webkit-transition: 0.2s ease all;
}

.did-floating-input, .did-floating-select {
	font-size: 1rem;
	display: block;
	width: 100%;
	padding: 1rem 0.8rem;
	background: #fff;
	color: #323840;
	border: 1px solid #ced4da;
	border-radius: 4px;
	box-sizing: border-box;
}

.field .ui-float-label .did-floating-select:hover {
	border: 1px solid #2196f3 !important;
}

.field .ui-float-label .did-floating-select:focus {
	border-color: #2196F3;
	outline: 0 none;
	box-shadow: 0 0 0 0.2em #a6d5fa;
}

select.did-floating-select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

select.did-floating-select::-ms-expand {
	display: none;
}

.did-floating-input:not(:placeholder-shown) ~ .did-floating-label {
	top: -8px;
}

.did-floating-select:not([value=""]):valid ~ .did-floating-label {
	top: 12px;
	left: 3px;
	font-size: 14px !important;
	opacity: 0.5;
}

.sm-dialog {
	max-width: 30%;
	min-width: 300px !important;
}

.md-dialog {
	max-width: 55%;
	min-width: 55% !important;
}

.lg-dialog {
	max-width: 80%;
	min-width: 80% !important;
}

body .ui-widget {
	border-radius: 12px;
	font-family: "Roboto", sans-serif !important;
}

body .ui-float-label>label {
	color: #888;
	font-family: "Roboto", sans-serif !important ;
    transition-duration: .125s;
    transition-timing-function: ease-in;
    font-style: normal !important;
    font-weight: 400 !important;
    margin-left: 0.6rem;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
	top: 30%;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
	background: #1d6ca7;
	color: #ecedef;
	border-color: #e3f2fd;
}

body .ui-message {
	padding: 0px 0px 15px 0px;
	display: contents;
	border-radius: 4px;
	font-size: 90%;
	margin: 0px 0px 5px 0px;
}

.custom-lbl .ui-message {
	padding: 0 !important;
	margin: 0 !important;
}

body .ui-dialog .ui-dialog-titlebar {
	background: #e7f2fb;
	font-weight: 500 !important;
	display: flex;
	justify-content: space-between;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
	display: flex !important;
	justify-content: space-between !important;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title button {
	position: absolute;
	right: 15px;
}

body .ui-datatable thead th .ui-column-title {
	display: inline !important;
}

.breadcrumb-item a {
	color: #2196f3;
	text-decoration: none;
}

.footer a {
	text-decoration: none;
	color: #737f8a;
}

.ui-menuitem-link {
	display: grid !important;
	grid-template-columns: 40px auto;
	gap: 6px;
	justify-content: center;
}

.body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
	margin-right: 0 !important;
}

body .ui-fileupload .ui-fileupload-buttonbar, body .ui-fileupload .ui-fileupload-content
	{
	padding: 0 !important;
	border: none !important;
	background: none !important;
}

body .ui-message.ui-message-error, body .ui-message.ui-message-fatal, body .ui-message.ui-message-error .blueColor, body .ui-message.ui-message-fatal .blueColor {
	display: inline-block;
	background: transparent;
	border: 0px solid #ef5350;
	border-width: 0 0 0 0px;
	color: #e30000 !important;
}

body .ui-message.ui-message-error .ui-message-error-detail, body .ui-message.ui-message-fatal .ui-message-error-detail
	{
	margin-left: 0.3em !important;
}

body .ui-inputfield.ui-state-error {
	border-color: #e30000;
	background-color: #fff2f4;
}
.ui-trigger-calendar:has(.ui-state-error) ~ label { 
	color:#e30000 !important;
	
}
body .ui-message {
	font-size: 12px !important;
}

.gridcell .ui-inputfield {
	padding: 0.2rem 0.5rem !important;
	width: 100% !important;
}
/* body .ui-datatable .ui-datatable-data>tr>td {
	padding: 0.5rem 1rem !important;
} */

.ui-datatable-data .bg-danger {
	padding: 5px !important;
}

.ui-dialog-content {
	max-height: 80vh;
}

.sidebar .nav-link.active {
	color: #fff;
	background: #3a4248;
	border-left: 5px solid #20a8d8 !important;
}

.ui-datatable.no-select-all .ui-selection-column .ui-chkbox-all {
	display: none !important;
}

.ui-commandlink {
	color: #258982 !important;
}

.ui-commandlink1:focus {
	color: #258982 !important;
	position: relative;
	background: #258982b0;
}

.ui-commandlink1:focus:before {
	margin-right: 4px;
	font-family: 'primeicons';
	speak: none;
	content: "\e926";
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-webkit-animation: spin 2s infinite linear;
	animation: spin 2s infinite linear;
	position: absolute;
	left: 50%;
	margin-left: -9px;
	color: #ffffff;
}

@keyframes spin {to { -webkit-transform:rotate(360deg);
	
}

}
@-webkit-keyframes spin {to { -webkit-transform:rotate(360deg);
	
}

}
.ui-selectcheckboxmenu {
	display: flex !important;
	padding: 0 !important;
}

.ui-datatable.hide-table-header thead {
	display: none !important;
}

.ui-autocomplete-panel {
	position: absolute;
	overflow: auto;
	width: auto !important;
}

.ui-steps .ui-menuitem-link {
	display: grid !important;
	grid-template-columns: 30px auto !important;
	gap: 1px !important;
	justify-content: center;
}

.ui-tabmenuitem-cust .ui-menuitem-link {
	display: grid !important;
	grid-template-columns: 20px auto !important;
	gap: 6px;
	justify-content: center;
}

.ui-message-error-icon:before {
	content: "\e924" !important;
	color: #e30000 !important;
}

body .ui-inputfield.ui-state-error ~ label, body .ui-inputfield.ui-state-error ~ label .blueColor {
	color: #ff253a !important;
}

body .ui-messages .ui-messages-error .blueColor, body .ui-messages .ui-messages-fatal .blueColor{
	color: #b71c1c !important;
}

.ui-inputgroup .ui-float-label {
	width: 100% !important;
}

body .ui-inputgroup .ui-inputgroup-addon:last-child, body .ui-inputgroup .ui-inputgroup-addon-checkbox:last-child
	{
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

body .ui-inputgroup .ui-float-label:first-child input, body .ui-inputgroup .ui-float-label:first-child textarea
	{
	border-right-width: 0px;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

body .ui-inputgroup .ui-float-label:last-child input, body .ui-inputgroup .ui-float-label:last-child textarea
	{
	border-left-width: 0px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

body .ui-inputgroup button:first-child, body .ui-inputgroup input:first-child,
	body .ui-inputgroup textarea:first-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

body .ui-inputgroup .ui-inputgroup-addon:first-child, body .ui-inputgroup .ui-inputgroup-addon-checkbox:first-child
	{
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

.ui-inputgroup-addon label {
	padding-left: 5px;
	padding-right: 10px;
}

.ui-outputlabel .ui-outputlabel-rfi {
	margin-left: .4em;
	display: none;
}

body .ui-inputfield.ui-state-error ~ .ui-outputlabel, body .ui-inputfield.ui-state-error ~ .ui-outputlabel .blueColor {
	color: #ff253a !important;
}
body .ui-state-error ~ .ui-outputlabel, body .ui-state-error ~ .ui-outputlabel .blueColor {
	color: #ff253a !important;
}

body .ui-inputfield {
	height: 3.2941176471rem;
	font-size: 14px;
}

.ui-selectonelistbox.ui-inputfield {
	height: auto !important;
	padding: 0.75rem !important;
}

body .ui-selectonemenu.ui-state-error {
	border-color: #f44336;
	background: #fff2f4;
}

.ui-inputgroup .ui-inputtext {
	padding-left: 0.75em !important;
}

.card-img-field .ui-float-label input ~ span {
	position: absolute;
	right: 10px;
	top: 13px;
}

.card-help-field .ui-float-label {
	display: grid;
	grid-template-columns: 1fr 40px;
}

.card-help-field .ui-float-label a {
	position: absolute;
	right: 10px;
	top: 13px;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
	border-radius: 5px !important;
	margin-top: 5px;
	background: #0288D1 !important;
	color: #ffffff;
	border: 1px solid #0288D1
}

.ui-fileupload-choose .ui-icon {
	top: 43% !important;
}

.ui-draggable .ui-dialog-titlebar {
	padding: 10px 10px 10px 20px !important;
}

body .ui-button {
	border-radius: 5px;
}
.ui-avatar{
	background-color: #00cccc !important;
}
.ui-avatar.ui-avatar-dark {
	border-radius: 50% !important;
}

.ui-dialog-titlebar .ui-dialog-title button {
	padding: 6px 10px !important;
	width: 30px;
	height: 30px;
	border-radius: 50% !important;
	display: grid;
	align-content: center;
	align-items: center;
}

.ui-dialog-titlebar .ui-dialog-title button .ui-button-text {
	display: none;
}

.ui-dialog-titlebar .ui-dialog-title button span {
	margin: 0 !important;
	top: auto !important;
}

.ui-dialog .ui-panel>div:last-of-type {
	display: grid;
	justify-items: end;
}

.ui-calendar .ui-button.ui-button-icon-only {
	position: absolute !important;
	padding: 7px 20px !important;
	border: 1px solid #ced4da !important;
}

.custom-calender {
	display: grid;
	grid-template-columns: 1fr 40px;
}

.custom-calender button {
	position: absolute !important;
	right:0;
	border-radius: 0 12px 12px 0 !important;
	
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
	border-radius: 5px !important;
	margin-top: 5px;
	background: #0288D1 !important;
	color: #ffffff;
	border: 1px solid #0288D1
}

.ui-fileupload-choose .ui-icon {
	top: 43% !important;
}

.ui-draggable .ui-dialog-titlebar {
	padding: 10px 10px 10px 20px !important;
}

.ui-dialog-titlebar .ui-dialog-title {
	grid-template-columns: auto auto;
	justify-items: stretch;
	justify-content: space-between;
	display: grid;
	align-items: center;
	font-size: 1.1rem;
}

.md-dialog .ui-dialog-content {
	overflow-x: hidden !important;
}

body .ui-widget, .ui-selectonemenu label.ui-selectonemenu-label,
	.custom-lbl .ui-float-label>label {
	font-size: 0.875rem;
}

body .ui-scrollpanel {
	max-height: 500px;
	padding: 20px !important;
	border-style: none;
	background: #f7f7f7;
}

.ui-button-success {
	background: #4CCCBD !important;
	color: #ffffff;
	border: 1px solid #4CCCBD !important;
}

.ui-inputtextarea {
	overflow-y: auto !important;
	overflow-wrap: break-word;
	max-height: 100px !important;
	min-height: 100px !important;
}

.ui-float-label>input:autofill ~ label, .ui-float-label>textarea:autofill 
	 ~ label {
	top: 1.1rem !important;
	font-size: 11px;
	color: #6c757d !important;
}

.ui-sidebar {
	width: 550px !important;
}

.mr-3 {
	margin-right: 30px !important;
}
/* 
body .ui-messages .ui-messages-error .ui-messages-error-icon {
	margin: -8px .5rem 50px 0 !important;
}

body .ui-messages .ui-messages-warn .ui-messages-warn-icon {
	margin: -8px .5rem 50px 0 !important;
}

body .ui-messages .ui-messages-info .ui-messages-info-icon {
	margin: -8px .5rem 50px 0 !important;
} */
body .ui-messages-error, body .ui-messages-warn, body .ui-messages-info
	{
	display: flex !important;
	align-items: center !important;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon,
	.ui-messages-fatal-icon {
	height: 33px !important;
}

body .ui-messages>div {
	padding: 0.5rem !important;
	margin-top: 0.5rem !important;
}

body .ui-datatable thead th .ui-column-title {
	font-weight: 600 !important;
}

.ui-sidebar-right {
	width: 75% !important;
	border: 0px !important;
	padding: 0px !important;
}

.ui-sidebar-right-small {
	width: 25% !important;
	border: 0px !important;
	padding: 0px !important;
}

.ui-sidebar-right-medium {
	width: 50% !important;
	border: 0px !important;
	padding: 0px !important;
}

.bec-card-title {
	/* padding: 9px 15px; */
	border-radius: 0px !important;
	margin-bottom: 0 !important;
}

.bec-card-header {
	padding: .75rem .5rem;
	background-color: #63c2de54 !important;
	border: 0px !important;
	display: flex !important;
	justify-content: space-between !important;
	align-items: center;
}

.bec-card-header .bec-card-title {
	max-width: 75% !important;
}

.bec-card-footer {
	border-top: 1px solid #ccc !important;
	display: flex;
	justify-content: space-between;
	background-color: transparent !important;
	padding: 10px;
}

.ui-sidebar .card {
	border: 0 !important;
}

/* .sidebar-nav .ui-commandlink label {
	overflow: hidden;
	max-width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
} */

.closeBtn {
	border: 1px solid #258982 !important;
	background-color: white !important;
	color: #258982 !important;
	font-weight: 550 !important;
	text-shadow: none !important;
}
.submitBtn {
    color: #fff !important;
    background-color: #4CCCBD !important;
    border-color: #4dbd74 !important;
    font-weight: 550 !important;
    text-shadow: none !important;
}

/* Styles applied to the text inside the button */
.submitBtn .ui-button-text {
    color: #fff !important;
}
.closeBtn .ui-button-text {
	padding: 5px 10px 5px 30px !important;
}

.card form>.card-header:first-child {
	border-bottom: 1px solid #e7e3e3 !important;
}

.card span>.card-header:first-child {
	border-radius: 0 !important;
}

.card .card-title:first-of-type {
	border-radius: 0 !important;
}

.card-footer .ui-panel .ui-panel-content {
	padding: 0 !important;
	border: transparent !important;
}

.card-footer {
	border-top-color: #e1dddd;
	display: flex;
	justify-content: space-between;
}

.card-footer button {
	margin-left: 10px;
}

.card-body .card-title {
	margin-left: -8px;
	margin-right: -8px;
	padding: 12px 18px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.card-footer>:first-child button {
	margin-left: 0 !important;
}

span>.card-title:first-of-type {
	border-radius: 0 !important;
}

.card-header {
	padding: 15px;
	margin-bottom: 0;
	color: var(--cui-card-cap-color);
	background-color: rgb(240, 242, 246) !important;
	border-bottom: 0;
	display: flex;
	justify-content: space-between;
}

.rounded-card {
	border-radius: 10px;
	box-shadow: 0 0 4px 1px #0000002b;
}

.bg-white .card {
	background: transparent !important;
}

.card .card-body {
	padding: 10px;
}

button {
	border-radius: 5px !important;
}

.pe-dynaform-label {
	display: none !important;
}

.sidebar-nav .ui-commandlink {
	color: #ffffff99 !important;
	white-space: wrap !important
}

.fs-12 {
	font-size: 12px !important;
}

.footer-text {
	opacity: 0.5;
	font-size: .875em;
	color: #73818f !important;
}

.bec-custom-footer {
	background: none !important;
	border: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.footer {
	background: none !important;
	border: 0 !important;
}

.ui-overlay-badge .ui-button-text {
	padding: .2rem .5rem !important;
}

.ui-badge {
	min-width: 1rem !important;
	height: 1rem !important;
	line-height: 1rem !important;
	font-size: 10px !important;
}

.custom-lbl {
	margin-bottom: 10px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
	width: 100%;
	display: block !important;
	padding: 0 !important;
}

.ui-dialog-titlebar::before {
	display: none !important;
}

.ui-dialog-titlebar::after {
	display: none !important;
}

.card-header a {
	display: flex;
	gap: 5px;
	align-content: center;
	align-items: center;
}

body .ui-datatable .ui-commandlink {
	gap: 8px;
	display: inline-flex;
	align-items: center;
}

.ui-datepicker-trigger .ui-button-icon-left {
	top: auto !important;
	margin-top: auto !important;
}

.ui-datepicker-trigger {
	display: flex !important;
	align-items: center;
}


.custom-lbl:has(.ui-float-label .ui-outputlabel .blueColor), .custom-lbl:has(.ui-float-label .required-label info-tooltip .blueColor),  .custom-lbl:has(.ui-float-label label .blueColor) { 
	padding-top: 0 !important;
	margin-bottom: 5px !important;
	overflow: visible;
	 
}

.custom-lbl .ui-inputgroup .ui-inputgroup-addon {
	padding-top: 0 !important;
	word-wrap: normal;
	padding-bottom: 0 !important;
	display: flex;
	align-items: center;
}

/* .ui-outputlabel:has(.blueColor) {
	position: static !important;
	margin-top: 10px;
	margin-bottom: 5px;
}

.required-label info-tooltip:has(.blueColor) {
	position: static !important;
	margin-top: 10px;
	margin-bottom: 5px;
}

label:has(.blueColor) {
	position: static !important;
	margin-top: 10px;
	margin-bottom: 5px;
} 
.ui-float-label:has(.ui-outputlabel .blueColor) {
	display: flex !important;
	flex-direction: column-reverse !important;
}

.ui-float-label:has(.required-label info-tooltip .blueColor) {
	display: flex !important;
	flex-direction: column-reverse !important;
}

.ui-float-label:has(label .blueColor) {
	display: flex !important;
	flex-direction: column-reverse !important;
} */
.ui-inputgroup {
	align-items: flex-end;
}

.ui-inputgroup .ui-inputgroup-addon {
	min-height: 52px;
}

body .ui-messages .ui-messages-error .ui-messages-close, body .ui-messages .ui-messages-fatal .ui-messages-close
	{
	display: none !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
	border-color: #6a6868 !important;
	background: #6a6868 !important;
	color: #fff;
}

body .ui-selectbooleanbutton {
	border-radius: 30px;
	background: #dfdddd;
}

body .ui-selectbooleanbutton:hover {
	background: #dfdddd;
	color: #000000;
	border-color: #c9cfd5;
}

body .ui-selectbooleanbutton.ui-state-active {
	background: #5bbf63;
	border-color: #5bbf63;
	color: #ffffff;
}


body .ui-selectbooleanbutton.ui-state-active:hover {
	background: #57b660 !important;
	border-color: #57b660 !important;
	color: #ffffff;
}

body .ui-selectbooleanbutton .pi-times:before {
	content: "\e90b";
	background: #ffffff;
	padding: 3px;
	border-radius: 20px;
	color: #737377;
	margin-left: -3px;
}

body .ui-selectbooleanbutton .ui-button-icon-left {
	left: 0.3rem !important;
}

.ui-selectbooleanbutton.ui-state-active .ui-button-icon-left:before {
	background: #fff !important;
	color: #5bbf63;
	padding: 3px;
	border-radius: 20px;
	margin-left: -3px;
}

.ui-selectbooleanbutton .ui-button-text {
	padding: 0.3rem 0.5rem 0.3rem 1.9rem !important;
}

.card-title {
	background-color: #F0F2F6;
	padding: 12px;
}

.card-header .card-title {
	background-color: transparent;
	padding: 0 !important;
	margin-bottom: 0 !important;
	max-width: 75%;
}

.card-shadow {
	box-shadow: -10px 0px 10px #00000014;
}

.otp-input 
{
     width: 50px;
     height: 50px;
     font-size: 2em;
     text-align: center;
     margin: 0 5px;
     border-radius: 20%;
     background-color: #F0F0F0;
     border: 2px solid #F0F0F0;
     color: black;
     outline: none;
}

.otp-input:focus {
    border-color: black;
    background-color: #D6F3F0;
}
.otp-inputs
{
    display: flex;
    justify-content: center;
}
.custom-messages .ui-messages-error {
    background: none !important;
    color: #721c24 !important;
    border: none !important;
    padding: 5px !important;
    font-weight: normal !important;  /* added this */
}
.otp-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 50px;
        width: 1000px;
        max-width: 90%;
        height: auto;
        min-height: 400px;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
        border-radius: 25px;
        background-color: white;
}
.ui-messages ul {
    margin: 0 !important;
    padding: 0 !important;
}
.custom-messages .ui-messages-info,
.custom-messages .ui-messages-success {
    background: none !important;
    color: #155724 !important;
    border: none !important;
    padding: 5px !important;
    font-weight: normal !important;  /* added this */
}

.custom-messages .ui-messages-error .ui-messages-summary,
.custom-messages .ui-messages-info .ui-messages-summary {
    font-size: 8px !important;
    margin-bottom: 5px !important;
    font-weight: normal !important;  /* added this */
}

/* Also add this to ensure no other styles override */
.ui-messages ul li {
    font-weight: normal !important;
}
.ui-messages ul {
    margin: 0 !important;
    padding: 0 !important;
}
#messages.custom-messages .ui-messages-error > .ui-messages-error-icon,
#messages.custom-messages .ui-messages-warn > .ui-messages-warn-icon,
#messages.custom-messages .ui-messages-info > .ui-messages-info-icon,
#messages.custom-messages .ui-messages-fatal > .ui-messages-fatal-icon {
    display: none !important;
}

.custom-messages .ui-messages-error .ui-messages-summary,
.custom-messages .ui-messages-info .ui-messages-summary {
	font-size: 8px !important;
    margin-bottom: 5px !important;
}

.ui-messages-error,
.ui-messages-warn,
.ui-messages-info,
.ui-messages-fatal {
    background: none !important;
    border: none !important;
}
.center-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.offset-container {
    transform: translateX(4%);
}

.custom-messages .ui-messages-error-icon,
.custom-messages .ui-messages-warn-icon,
.custom-messages .ui-messages-info-icon,
.custom-messages .ui-messages-fatal-icon {
    display: none !important;
}
.custom-messages .ui-messages-error,
.custom-messages .ui-messages-warn,
.custom-messages .ui-messages-info,
.custom-messages .ui-messages-fatal {
    padding: 10px !important;
}
.custom-ui-datatable thead th {
	background: #fff !important;
	border-bottom: 1px solid #8FBEC7 !important;
	padding: 0.5rem 0.5rem !important;
}
.custom-ui-datatable table td, .custom-ui-datatable table th {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
	border-bottom: 1px solid #B5CFE4 !important;
	padding: 7px 0px !important;
	vertical-align: top !important;
}
.otp-max-error-message {
    font-size: 1.2em;
    margin-bottom: 20px;
}

.ui-tooltip.ui-tooltip-right {
	max-width: 300px !important;
}

body .calculator-trigger .ui-icon-calculator::before {
  content: "\e9ef" !important;
}

.sidebar {
	--cui-sidebar-width: 13rem;
}

.sidebar:not(.sidebar-end) ~* {
	--cui-sidebar-occupy-start: 13rem;
}

.custom-lbl .ui-float-label2>label {
	height: 49px !important;
	top: 17% !important;
	min-height: auto;
	max-height: 22px !important;
	padding-top: 5px;
}

.fs-inputfeld{
	padding: 8px;
}
.fs-inputfeld .ui-inputfield {
	padding: 6px !important;
	height: 35px !important;
	border-radius: 5px !important;
}

.fs-inputfeld .ui-button.calculator-trigger {
	position: absolute !important;
	top: 0;
	height: 35px;
	border-radius: 5px !important;
	margin-left: 5px !important;
}

.custom-lbl button, .fs-inputfeld button {
	background-color: #c5c7c9 !important;
	border-color: #c5c7c9 !important;
}

.custom-lbl button .ui-icon:before, .fs-inputfeld button .ui-icon:before{
	color:#787575;
	
	
}
.striped-display .fs-inputfeld:nth-child(odd) {
	background: #f0f2f6;
	padding: 6px
}

.striped-display .fs-inputfeld:nth-child(even) {
	background: #f0f2f657;
}

.sidebar-small .cust_imgs {
	max-width: 50px;
	min-height: auto !important;
}

.sidebar-small ~ .wrapper {
	--cui-sidebar-occupy-start: 4rem;
}

.header-nav .nav-link{
	color:#2c384af2 !important;
}

.pe-dynaform-grid{
	width: 100% !important;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
  padding: 1rem 1.35rem !important;
}

input:-webkit-autofill  ~ label, input:-webkit-autofill:hover  ~ label,
	input:-webkit-autofill:focus  ~ label, input:-webkit-autofill:active ~
	label {
	min-height: 18px !important;
}


input:-webkit-autofill  ~ label .blueColor, input:-webkit-autofill:hover  
	~ label .blueColor, input:-webkit-autofill:focus  ~ label .blueColor,
	input:-webkit-autofill:active ~ label .blueColor {
	top: -20px !important;
	color: #000 !important;
}

body .ui-float-label>input:autofill ~ label, body .ui-float-label>textarea:autofill 
	~ label {
	color:#686a6c !important;
	margin-top: -0.9em;
}
.login-min  .ui-float-label>input:autofill ~ label, body .ui-float-label>textarea:autofill 
	~ label {
	color: #b9bec2 !important;
	margin-top: -0.9em; }

.ui-float-label>input:-webkit-autofill ~ label, .ui-float-label>textarea:-webkit-autofill ~ label{
    font-size: 11px;
}
/* .login-min .ui-float-label .ui-outputlabel .blueColor, .login-min .ui-float-label .required-label info-tooltip .blueColor, 
.login-min .ui-float-label label .blueColor{
	color: #eef7ff !important;
} */
.login-min .custom-lbl .ui-float-label>input:focus ~ label, .login-min .custom-lbl .ui-float-label>input.ui-state-filled ~ label,
 .login-min .custom-lbl .ui-float-label>textarea:focus ~ label, .login-min .custom-lbl .ui-float-label>textarea.ui-state-filled ~ label, .login-min
  .custom-lbl .ui-float-label>.ui-inputwrapper-focus ~ label, .login-min .custom-lbl .ui-float-label>.ui-inputwrapper-filled ~ label{
      opacity: 0.9 !important; 
  }
.login-min .custom-lbl .ui-float-label>label {
	color: #686a6c;
}

.login-box .ui-commandlink .blueColor {
    color: #eef7ff !important;
} 
  
.login-box-light .ui-float-label .ui-outputlabel .blueColor, .login-box-light .ui-float-label .required-label info-tooltip .blueColor, 
.login-box-light .ui-float-label label .blueColor{
	color: #8989e5 !important;
}
.login-box .ui-commandlink {
    color: #5dbcb5 !important; 
}
body .ui-inputgroup .ui-inputgroup-addon, body .ui-inputgroup .ui-inputgroup-addon-checkbox{
	min-width: auto !important;
}

.ui-inputnumber {
	max-width: 100% !important;
	position: relative;
	display: grid;
}

.ui-inputfield {
	width: calc(100% - 40px);
}

.fs-inputfeld .ui-button.calculator-trigger {
	right: 0;
}

body .ui-calendar .ui-button.ui-button-icon-only {
	height: 100%;
}

/* BILINGUAL FLOAT LABEL START */
.ui-float-label .ui-outputlabel .blueColor, .ui-float-label .required-label info-tooltip .blueColor,
	.ui-float-label label .blueColor {
	/* position: absolute; */
	left: 0;
	top: 0;
	display: contents;
	min-width: max-content;
	/* font-size: 0.875rem; */
	color: #000 !important;
}

.custom-lbl:has(.ui-float-label .required-label info-tooltip .blueColor), .custom-lbl:has(.ui-float-label label .blueColor)
	{
	margin-top: 0;
}


.ui-float-label .required-label:after {
	position: static;
	right: 0px;
	background: none; 
	width : auto;
	text-align: center;
	top: 0;
	/* color: #333; */
}

.ui-inputwrapper-filled ~ .required-label::after {
	background: none !important;
}

.ui-address-dialog .ui-dialog-titlebar label .blueColor{
	color: #000 !important;
}

.ui-datatable-tablewrapper {
	overflow: hidden !important;
	overflow-y: auto !important;
}

/* BILINGUAL FLOAT LABEL END */

body .ui-dialog .ui-dialog-content {
	padding-top: 15px !important;
}

.ui-dialog-content .ui-icon-alert.ui-confirm-dialog-severity {
	display: none !important;
}

.ui-dialog-content .ui-confirm-dialog-message {
	margin-left: 0 !important;
}
.pe-dynaform-cell {
	white-space: normal !important;
}
.ui-state-error ~ .required-label info-tooltip:after{
	 background: #fff2f4 !important;
}
.field.custom-lbl{
	overflow: visible;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
     transition: background-color 5000s ease-in-out 0s;
}

body .ui-datatable .ui-datatable-data>tr>td {
	padding-right: 8px !important;
}

.ui-button-dark {
	background: #278576 !important;
	color: #ffffff;
	border: 1px solid #278576 !important;
}

.ui-button-light {
	background: #ffffff !important;
	color: #278576 !important;
	border: 1px solid #278576 !important;
}
/* .ui-sidebar .ui-sidebar-content span form .card {
	display: grid;
	align-content: space-between;
	height: 100vh;
	grid-template-rows: 50px 1fr 50px;
} */

/*Bilingual New Design*/
.info-tooltip {
	cursor: pointer;
}

.tooltiptext {
	/*visibility: hidden;*/
	display: none;
	background-color: #6d6666;
	color: #fff;
	text-align: left;
	border-radius: 6px;
	padding: 5px 10px;
	position: absolute;
	z-index: 1000;
	width: auto;
	font-size: 14px;
	bottom: 53px;
	left: 10px;
}

.tooltiptext::before {
	content: "";
	width: 10px;
	height: 10px;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #00000091;
	position: absolute;
	left: 10px;
	bottom: -10px;
}

.tooltiptext .ui-outputlabel .blueColor, .tooltiptext label .blueColor {
	color: #fff !important;
}

.ui-float-label>label {
	pointer-events: auto;
}

/* .info-tooltip:hover+.tooltiptext {
	visibility: visible !important;
	display: block;
} */

input:-internal-autofill-selected ~ .required-label info-tooltip {
	font-size: 11px !important;
}
.required-label:has(.blueColor).required-label:after {
	display: none !important;
}

.required-label:has(.blueColor).required-label::before {
	content: "* ";
}

.required-label:has(.blueColor).info-tooltip:hover ~ .tooltiptext {
	visibility: visible !important;
	display: block !important;
}
.ui-outputlabel:has(.blueColor).info-tooltip:hover ~ .tooltiptext {
	visibility: visible !important;
	display: block !important;
}

.info-tooltip:has(.blueColor) {
	pointer-events: auto;
}

label:has(.blueColor).info-tooltip:hover ~ .tooltiptext {
	visibility: visible !important;
	display: block !important;
}

.ui-widget-overlay.ui-dialog-mask {
	pointer-events: none !important;
}

.ui-plaid-page-check-logo{
	color: #4CCCBD !important;
	
}
.text-muted-custom {
    color: rgba(44, 56, 74, 0.38) !important;
}
.home-text-color{
	color: #666666 !important;
}



/*Bilingual New Design*/