.stepwizard-step {
	display: table-cell;
	text-align: center;
	position: relative;
	/*width: 50%;*/
	}
	.displayNone {
	display: none;
	}
	.displayBlock {
	display: block;
	}
	.border-m4 {
	border-bottom-width: 1px;
	margin-top: 5px;
	padding-bottom: 7px;
	}
	.wtext {
	margin-right: 25px;
	font-weight: 600;
	padding-bottom: 15px !important;
	}
	.py-8 {
	padding-top: 1.2rem;
	}
	.text-primary-500 {
	color: #3C75AA !important;
	}
	.btn--primary {
	    background-color: #2D4669 !important;
	}
	.sm\:order-last button{
		border-radius: 12px;
		background-color: #2D4669 !important;
		color:white;
		padding: 10px 20px;
	}

	[x-ref="reject"] button {
		border-radius: 12px;
		padding: 10px 20px;
	}

	.button {
	border-radius: 12px;
	background-color: #2D4669 !important;
	}
	/* Generic modal container: only control overflow, do not force position */
	.modal-container {
		overflow-y: auto;
	}

	/* Slide-right modals: stick to the right side */
	.modal-container-slide-right {
		position: fixed !important;
        margin-top: 0 !important;
		margin-left: auto !important;
		margin-right: 0 !important;
		height: 100%;
		right: 0;
		top: 0;
	}

	/* Modal animations */
	.modal-slide-right {
		animation: slideInRight 0.3s ease-out forwards;
	}
	.modal-center {
		animation: fadeScaleIn 0.3s ease-out forwards;
	}

	@keyframes slideInRight {
		from {
			opacity: 0;
			transform: translateX(100%);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	@keyframes fadeScaleIn {
		from {
			opacity: 0;
			transform: translateY(1rem) scale(0.95);
		}
		to {
			opacity: 1;
			transform: translateY(0) scale(1);
		}
	}

	@media (min-width: 640px) {
		@keyframes fadeScaleIn {
			from {
				opacity: 0;
				transform: translateY(0) scale(0.95);
			}
			to {
				opacity: 1;
				transform: translateY(0) scale(1);
			}
		}
	}
	.bg-primary-500\/10 {
	background-color: #F3F4F6;
	}
	.text-primary-700 {
	color: black;
	font-weight: 400;
	}
	.md\:w-2\/12 {
	width: 0 !important;
	}
	.md\:w-10\/12 {
	width: 100% !important;
	}
	.filament-tables-header-cell span {
	font-weight: 200 !important;
	padding: 5px 0 !important;
	}
	.w-7 {
	width: 1.22rem !important;
	}
	.mr-2 {
	margin-right: 0.2rem !important;
	}
	.py-2 {
	padding-top: 0.3rem;
	padding-bottom: 0.4rem;
	}
	.filament-tables-cell,
	.filament-tables-checkbox-cell {
	border-right: 0px solid #e5e7eb !important;
	}
	.mb2{
	margin-bottom: 5px !important;

	}
	.m-top-15{
	margin-top: 15px;
	}
	.header-btn {
	bottom: 0rem !important;
	}
	.pos-btn{
	margin-top: 10px;
	}
	.bg-gray-100{    background-color: #F9FAFB;}
	.bottom-pos{
	width: 100%;
	right: 5px;
	/*position: fixed;*/
	border-top: 0;
	bottom: 0;
	}
	.m-top-10{
	margin-top: 10px;
	}
	.dev-badge {
	bottom: 0;
	right: 0;
	width: 100%;
	background: #2d4669;
	text-align: center;
	justify-content: center;
	align-items: center;
	display: flex;
	font-weight: 700;
	position: inherit;
	height: 50px;
	margin-top: 8px;
	font-size: 16px;
	color: #fff;
	z-index: 999999;
	}
	.required:after { content:" *"; color:red; }
	.customFilter{
	width: 280px !important;
	border-color: #d1d5db !important;
	border-radius: 10px !important;
	}
	.boldText{
	font-weight: 600;
	}
	.green{
	color: green;
	}
	.red{
	color: red;
	}
	.white{
		color: #ffffff !important;
	}
	.size17{font-size: 17px;}
	.size15{font-size: 15px;}
	.pagination-class{padding-top: 10px;
	padding-left: 20px;}

	[type=text]:focus, [type=email]:focus, [type=url]:focus, [type=password]:focus, [type=number]:focus, [type=date]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=week]:focus, [multiple]:focus, textarea:focus, select:focus {
	--tw-ring-color:  #62CFFC !important;
	}
	[type=checkbox]:focus, [type=radio]:focus {
	--tw-ring-color:  #62CFFC !important;
	}
	[type=checkbox], [type=radio] {
	color: #62CFFC !important;
	}
	.login-form {
	width: 500px;
	padding-top: 5px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 20px;
	border-radius: 8px;
	background: var(--white, #FFF);
	/* /shadow/base */
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06), 0px 1px 3px 0px rgba(0, 0, 0, 0.10);
	background: white;
	background-size: cover;
	background-position: center;
	}
	.form-input{
	padding: 10px;
	}
	form textarea{
	padding: 10px;
	margin-bottom: 10px;
	}
	.form-button{
	padding: 10px;
	}
	.tech{
	color: var(--gray-700, #374151);
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
	line-height: 28px;
	}
	.text-sign{
	color: #A1A1A9;
	text-align: center;
	font-family: Inter;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px;
	}
	.text-signIn{
	color: var(--neutral-jabu, #1D1D1D);
	text-align: center;
	font-family: Inter;
	font-size: 20px;
	font-style: normal;
	font-weight: 520;
	line-height: 28px;
	}
	.label{
	color: var(--neutral-jabu, #1D1D1D);
	/* text-sm/leading-5/font-medium */
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 20px;
	}
	.pb-10{
	padding-bottom: 10px;
	}
	.text-forget{
	color: var(--blue-primary, #2D4669);
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
	letter-spacing: 0.15px;
	text-transform: uppercase;
	}
	.mw30{
	max-width: 30rem;
	}
	.fixed-header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 10;
	}
	.btn--secondary:focus {
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) #2d4669  !important;
	}
	.btn--primary:focus {
		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) #2d4669  !important;
	}
	.text-indigo-600 {
		--tw-text-opacity: 1;
		color: #0EA5E9;
	}
	.border-indigo-500 {
		--tw-border-opacity: 1;
		border-color: #0EA5E9;
	}
	.fixed-buttons {
		position:fixed;
		bottom:0;
	 }
	.fweight600{
		font-weight: 600;
	}
	.resize-modal{
		width: 512px !important;
	}
	.bg-negative-50 {
		margin-top: 0.75rem;
	}

.size17{font-size: 17px;}
.pagination-class{padding-top: 10px;
    padding-left: 10px;}

.currencyStyle {padding-left: 38px;}


.kyc-image{
	display: flex;
padding: 8px 13px;
flex-direction: column;
align-items: flex-start;
gap: 8px;
border-radius: 12px;
border: 1px solid var(--gray-200, #E5E7EB);
background: var(--white, #FFF);
}
.kyc-image-frame{
	display: flex;
    padding: 12px;
    /* flex-direction: column; */
    align-items: flex-start;
    gap: 12px;
    border-radius: 12px;
    border: 1px solid var(--gray-300, #D1D5DB);
}
.mb10{
	margin-bottom: 10px !important;
}
.focus-kyc-border{
	border: 2px solid var(--blue-500, #38BDF8);
}
.hover\:bg-green-700:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(34 197 94 / var(--tw-border-opacity));
	color:white;
}
.view-a{
	color: var(--blue-primary, #2D4669);
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px; /* 171.429% */
	letter-spacing: 0.15px;
	text-transform: uppercase;
	cursor: pointer;
}
.pl-30{
	padding-left: 31px;
}
.bg-gray{
	background-color: #F3F4F6;
}
.mainAccountText{
	font-size: 18px;
    color: #059669;
    line-height: 28px;
    font-weight: 600;
}
.gap-n{
	column-gap: 0rem;
    row-gap: 0.1rem;
}
.bg-yellow-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(254 252 232 / var(--tw-bg-opacity));
}
.text-yellow-400 {
    --tw-text-opacity: 1;
    color: rgb(250 204 21 / var(--tw-text-opacity));
}
.text-yellow-700 {
    --tw-text-opacity: 1;
    color: rgb(161 98 7 / var(--tw-text-opacity));
}
.mt-20{
	margin-top: 8.5rem;
}
.w-15{
	width: 7rem;
}
.status{
	text-align: center;
	font-size: 16px;
}
.text-xm{
    font-weight:600;
    font-size:18px;
    line-height:24px;
}
.w-bg{ background-color: #ffffff;}

/* .text-xl {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
} */
.text-submenu-500{
	font-size: 16px;
    line-height: 20px;
}
.text-gray-900 {
    color: #4B5563 !important;
}
.nav-bg{
	background-color: #2D4669 !important;
}
.nav-selected{
	--tw-bg-opacity: 1;
	background-color: #3C75AA;
}
/* Dropdown container - needed to position the dropdown content */
.dropdown {
	float: left;
	overflow: hidden;
  }

  /* Style the dropdown button to fit inside the topnav */
  .dropdown .dropbtn {
	cursor: pointer;
	color: #E5E7EB;
	font-size: .875rem;
	line-height: 1.25rem;
	border: none;
	outline: none;
	margin-right: 7px;
	padding: 8px 16px;
	font-weight: 600;
  }

  /* Style the dropdown content (hidden by default) */
  .dropdown-content {
	display: none;
	position: absolute;
	background-color: #ffffff;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 10px;
	overflow: hidden;
  }

  /* Style the links inside the dropdown */
  .dropdown-content a {
	float: none;
	color: #52525A;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	font-weight: 400;
	font-size:14px;
	border-bottom: 1px solid #52525a36;
  }
  /* Add a grey background to dropdown links on hover */
  .dropdown-content a:hover {
	background-color: #f3f4f6;
	color: #52525A;
  }

  .hover\:bg-primary-700:hover
  {
	background-color: #32547D;
  }

  /* Add a dark background on topnav links and the dropdown button on hover */
   .dropdown:hover .dropbtn {
	background-color: rgb(7 89 133 / var(--tw-bg-opacity));
	color: rgb(255 255 255 / var(--tw-text-opacity));
  }


  /* Show the dropdown menu when the user moves the mouse over the dropdown button */
  .dropdown:hover .dropdown-content {
	display: block;
  }
  .arrow_menu{
	margin-left: 4px;
	margin-top: 3px;
  }
  @media screen and (max-width: 600px) {
	.topnav a:not(:first-child), .dropdown .dropbtn {
	  display: none;
	}
	.topnav a.icon {
	  display: block;
	  color: #ffffff;
	  text-align: center;
	}
  }
  .topnav .icon {
	display: none;
	font-size:20px;
	margin-right: 5px;
  }
  .nav-icon{
	font-size:20px;
	margin-right: 5px;
  }

  @media screen and (max-width: 600px) {
	.topnav.responsive {position: relative;}
	.topnav.responsive .icon {
	  position: absolute;
	  right: 0;
	  top: 0;
	}
	.topnav.responsive a {
	  float: none;
	  display: block;
	  text-align: left;
	}
	.topnav.responsive .dropdown {float: none;}
	.topnav.responsive .dropdown-content {position: relative;}
	.topnav.responsive .dropdown .dropbtn {
	  display: block;
	  width: 100%;
	  text-align: left;
	}
  }