#passwordInput #showHide{
	font-size: 20px;
    font-weight: 600;
    position: absolute;
    color: #090A0A80;
    right: 15px;
	margin-top: -33px;
    cursor: pointer;
    user-select: none;
    z-index: 999;
}
#passwordInput1 #showHide1{
	font-size: 20px;
    font-weight: 600;
    position: absolute;
    color: #090A0A80;
    right: 15px;
    margin-top: -33px;
    cursor: pointer;
    user-select: none;
    z-index: 999;
}
#passwordInput2 #showHide2{
	font-size: 20px;
    font-weight: 600;
    position: absolute;
    color: #090A0A80;
    right: 15px;
    margin-top: -33px;
    cursor: pointer;
    user-select: none;
    z-index: 999;
}
#passwordInput3 #showHide3{
	font-size: 20px;
    font-weight: 600;
    position: absolute;
    color: #090A0A80;
    right: 15px;
    margin-top: -33px;
    cursor: pointer;
    user-select: none;
    z-index: 999;
}

#passwordStrength{
    height: 5px;
    margin: 5px 0;
	display: flex;
}
#passwordStrength span{
	position: relative;
	height: 100%;
	width: 100%;
	background: lightgrey;
	border-radius: 5px;

}
#passwordStrength span:nth-child(2){
	margin: 0 3px;
}
#passwordStrength span:nth-child(3){
  margin: 0px 3px 0px 0px;
}
#passwordStrength span.active:before{
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 5px;
	display: flex;
}
#passwordStrength span#poor:before{
	background-color: #23ad5c;
}
#passwordStrength span#weak:before{
	background-color: #23ad5c;
}
#passwordStrength span#strong:before{
	background-color: #23ad5c;
}
#passwordStrength span#superstrong:before{
	background-color: #23ad5c;
}
#passwordInfo{
	font-size: 15px;
}
#passwordInfo #poor{
	color: green;
}
#passwordInfo #weak{
	color: green;
}
#passwordInfo #strong{
	color: green;
}
#passwordInfo #superstrong {
	color: green;
}

.report-bnp	{
	width: 78px;
    height: 78px;
    border-color: rgb(var(--color-success) / var(--tw-border-opacity));
    --tw-border-opacity: 0.05;
    background-color: rgb(var(--color-success) / var(--tw-bg-opacity));
    --tw-bg-opacity: 0.2;
    --tw-text-opacity: 1;
    color: rgb(var(--color-success) / var(--tw-text-opacity));
    border-radius: 5px;
    padding: 14px;
}
.report-bnp .report-box__icon {
	width: 48px;
    height: 48px;
	color: rgb(var(--color-success) / var(--tw-text-opacity));
}
.step-form:not(.active) {
    display: none;
}
.currency {
	font-size: 10px;
}

.dashboard .pagination,.dashboard .sorting:before, .dashboard .sorting:after {
	display: none;
	content: ""!important;
}

.BNP-Reason {
	font-size: 13px;
	padding: 2px 10px;
	border-radius: 5px;
    --tw-border-opacity: 1;
    border-color: rgb(var(--color-slate-200) / var(--tw-border-opacity));	
}
#LangWrap label {
	border: none;
}
#LangWrap .btn{
    display: inline-block;
    padding: 5px;
    position: relative;
    text-align: center;
	color: #FFF;
	font-weight: 500;
    transition: background 600ms ease, color 600ms ease;
}
#LangWrap {
	background: #164E63;
	z-index: -2;
	border-left: 6px solid #164E63;
	border-right: 6px solid #164E63;
	border-top: 4px solid #164E63;
	border-bottom: 4px solid #164E63;
	border-radius: 21px;
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);	
}

#LangWrap input[type="radio"].toggle {
    display: none;
    & + label{
        cursor: pointer;
        min-width: 50px;
        &:hover{
            background: none;
            color: #FFF;
        }
        &:after{
            background: #FFF;
            content: "";
            height: 100%;
            position: absolute;
            top: 0;
            transition: left 200ms cubic-bezier(0.77, 0, 0.175, 1);
            width: 100%;
            z-index: -1;
			border-radius: 50px;
        }
    }
    &.toggle-left + label {
        border-right: 0;
        &:after{
            left: 100%
        }
    }
    &.toggle-right + label{
        margin-left: -5px;
        &:after{
            left: -100%;
        }
    }
    &:checked + label {
        cursor: default;
        color: #1a1a1a;
        transition: color 200ms;
        &:after{
            left: 0;
        }
    }
}
table.dataTable, table.bnp-login-info { font-size: 14px; }
.avatar {
	border: 2px solid rgb(var(--color-slate-800) / var(--tw-text-opacity));
	border-radius: 50%;
}
.text-slate-500 iconify-icon, .text-white\/60 iconify-icon{
	margin-bottom: -2px;
}
.mini-avatar { border: 1px solid #FFF; }
.cnhats-select {
	border-radius: 0.375rem;
	font-size: 0.875rem;
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);	
}
/*---------- Loader Style ----------------*/
.preload {
	font-family: sans-serif;
	position: fixed;
	margin-left: -32px;
	top: 0;
	width: 100%;
	height: 100vh;
	background: #274D61;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: opacity 0.5s ease;
	z-index: 9999;
}

.preload-finish{
	opacity: 0;
	pointer-events: none;
}

.preloader_content {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 45px;
	overflow: hidden;
	font-family: 'Lato', sans-serif;
	font-size: 35px;
	line-height: 40px;
	width: 100%;
	text-align: center;
}

.preloader_content__container {
	font-weight: 600;
	overflow: hidden;
	height: 44px;
	padding: 0 40px;
	display: inline-block;
	position: relative;
	color: #FFF;
}

.preloader_content__container:before {
	content: '[';
	color: #C48F56;
	left: 0;
}

.preloader_content__container:after {
	content: ']';
	position: absolute;
	color: #C48F56;
	right: 0;
	top: 0;
	font-size: 42px;
	line-height: 40px;
	-webkit-animation-name: opacity;
	animation-name: opacity;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.preloader_content__container:before {
	position: absolute;
	top: 0;
	font-size: 42px;
	line-height: 40px;
	-webkit-animation-name: opacity;
	animation-name: opacity;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.preloader_content__container__text {
	float: left;
	margin: 0;
	margin-right: 10px;
	margin-top: 2px;
	font-weight: 900;
}

.preloader_content__container__list {
	margin-top: 0;
	text-align: left;
	list-style: none;
	-webkit-animation-name: change;
	animation-name: change;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	display: block;
	float: left;
	margin: 0;
}

.preloader_content__container__list.count_2 {
	-webkit-animation-name: change2;
	animation-name: change2;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.preloader_content__container__list.count_3 {
	-webkit-animation-name: change3;
	animation-name: change3;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

.preloader_content__container__list.count_4 {
	-webkit-animation-name: change4;
	animation-name: change4;
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
}

.preloader_content__container__list.count_5 {
	-webkit-animation-name: change5;
	animation-name: change5;
	-webkit-animation-duration: 5s;
	animation-duration: 5s;
}

.preloader_content__container__list__item {
	line-height: 40px;
	margin: 0;
}

@-webkit-keyframes opacity {

	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@keyframes opacity {

	0%,
	100% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}
}

@-webkit-keyframes change2 {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}

@keyframes change2 {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}

@-webkit-keyframes change3 {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	25%,
	75% {
		-webkit-transform: translate3d(0, -33%, 0);
		transform: translate3d(0, -33%, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -66%, 0);
		transform: translate3d(0, -66%, 0);
	}
}

@keyframes change3 {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	25%,
	75% {
		-webkit-transform: translate3d(0, -33%, 0);
		transform: translate3d(0, -33%, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -66%, 0);
		transform: translate3d(0, -66%, 0);
	}
}

@-webkit-keyframes change4 {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	16.6666667%,
	29.32% {
		-webkit-transform: translate3d(0, -25%, 0);
		transform: translate3d(0, -25%, 0);
	}

	33.32%,
	45.98% {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}

	49.98%,
	62.64% {
		-webkit-transform: translate3d(0, -75%, 0);
		transform: translate3d(0, -75%, 0);
	}

	66.64%,
	79.3% {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}

	83.3%,
	95.96% {
		-webkit-transform: translate3d(0, -25%, 0);
		transform: translate3d(0, -25%, 0);
	}
}

@keyframes change4 {

	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	16.66%,
	83.3% {
		-webkit-transform: translate3d(0, -25%, 0);
		transform: translate3d(0, -25%, 0);
	}

	33.32%,
	66.64% {
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}

	49.98% {
		-webkit-transform: translate3d(0, -75%, 0);
		transform: translate3d(0, -75%, 0);
	}
}

@-webkit-keyframes change5 {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	12.5%,
	87.5% {
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	25%,
	75% {
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}

	37.5%,
	62.5% {
		-webkit-transform: translate3d(0, -60%, 0);
		transform: translate3d(0, -60%, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -80%, 0);
		transform: translate3d(0, -80%, 0);
	}
}

@keyframes change5 {
	0%,
	100% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	12.5%,
	87.5% {
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	25%,
	75% {
		-webkit-transform: translate3d(0, -40%, 0);
		transform: translate3d(0, -40%, 0);
	}

	37.5%,
	62.5% {
		-webkit-transform: translate3d(0, -60%, 0);
		transform: translate3d(0, -60%, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -80%, 0);
		transform: translate3d(0, -80%, 0);
	}
}
/*---------- Loader Style closed ----------------*/