html, body, form {
	height: 100%;
	height: 100vh;
}

body {
	font-family: "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	color: #4C4E67;
}

.transition-05, .background, .fullscreen .fullscreen-btn, .pageloader, .loader-logo, .loader-logo .logo, .loader-logo .logo-text, .navbar-brand, .navbar-brand .logo, .navbar-brand .logo-text, header, header .navbar-collapse, header .navbar-nav, header .navbar-nav > .nav-item, header .navbar-nav > .nav-item > .nav-link, header .navbar-nav > .nav-item .nav-item .nav-link:before, header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item:before, .daterangepicker, .default-shadow, .success-shadow, .warning-shadow, .danger-shadow, .scrollup, .swiper-slide .background, .swiper-container .line-bullet-wrapper .line-bullet:after, .slider-backgound-cicrle, .slider-backgound-cicrle-small, .swiper-auto .swiper-slide > div, .service-block, .service-block .border-block, .nav-footer-vertical .nav-item .nav-link:after, .swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet .businessimage, .sidebar.reveal-sidebar + .main-container, .footer-tabs, .blogs .background, .blogs .overlay-blog, .team .team-overlay, .btn.colorsettings, .sidebar-right, .addtocartanimation, .addtocartanimation img, .addtocartanimation .countercartnumber {
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
}

header {
	transition: background linear 0s;
}

figure {
	margin-bottom: 0;
}

textarea {
	resize: none;
}

.fad, .fa-duotone {
	white-space: nowrap;
}

.background {
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 0;
	top: 0;
	left: 0;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
}

	.background + div {
		position: relative;
		z-index: 1;
	}

	.background.opac {
		opacity: 0.5;
	}

	.background.opac-20 {
		opacity: 0.2;
	}

	.background.fixed {
		background-attachment: fixed;
	}

	.background.background-h-80 {
		height: 80%;
	}

		.background.background-h-80.bottom {
			top: auto;
			bottom: 0;
		}

	.background.background-h-75 {
		height: 75%;
	}

		.background.background-h-75.bottom {
			top: auto;
			bottom: 0;
		}

	.background.background-h-65 {
		height: 65%;
	}

		.background.background-h-65.bottom {
			top: auto;
			bottom: 0;
		}

	.background.background-h-50 {
		height: 50%;
	}

		.background.background-h-50.bottom {
			top: auto;
			bottom: 0;
		}

	.background.background-w-65 {
		width: 65%;
	}

		.background.background-w-65.right {
			left: auto;
			right: 0;
		}

	.background.background-w-75 {
		width: 75%;
	}

		.background.background-w-75.right {
			left: auto;
			right: 0;
		}

	.background.background-w-45 {
		width: 45%;
		background-size: 100%;
	}

		.background.background-w-45.right {
			left: auto;
			right: 0;
		}

	.background.background-w-55 {
		width: 55%;
		background-size: 100%;
	}

		.background.background-w-55.right {
			left: auto;
			right: 0;
		}

	.background.background-w-50 {
		width: 50%;
	}

		.background.background-w-50.right {
			left: auto;
			right: 0;
		}

	.background:hover {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
	}

	.background .caption {
		position: absolute;
		bottom: 10px;
		left: 10px;
		z-index: 0;
	}

		.background .caption > a {
			background-color: black;
			color: white;
			text-decoration: none;
			padding: 4px 6px;
			font-size: 12px;
		}

			.background .caption > a img, .background .caption > a svg {
				height: 12px;
				width: auto;
				position: relative;
				vertical-align: middle;
				top: -2px;
				fill: white;
			}

			.background .caption > a span {
				display: inline-block;
			}

			.background .caption > a .text {
				padding: 2px 3px;
			}

		.background .caption.right {
			left: auto;
			right: 10px;
		}

	.background.center-right {
		background-position: center right;
	}

	.background.center-left {
		background-position: center left;
	}

	.background.bottom-left {
		background-position: bottom left;
	}

	.background.bottom-right {
		background-position: bottom right;
	}

	.background.background-h-100 {
		background-size: auto 102%;
	}

	.background.background-w-100 {
		background-size: 100% auto;
	}

.main-demo-carousel {
	z-index: 10;
}

/* z index */
.toast {
	z-index: 1035;
}

	.toast.bottom-center {
		z-index: 1035;
	}

.z-0 {
	z-index: 0 !important;
}

.z-1 {
	z-index: 1 !important;
}

.z-10 {
	z-index: 10 !important;
}

/* fixed heights */
.h-3 {
	height: 3px;
}

.h-5 {
	height: 5px;
}

.h-10 {
	height: 10px;
}

.h-15 {
	height: 15px;
}

.h-20 {
	height: 20px;
}

.h-25px {
	height: 25px;
}

.h-60 {
	height: 60px;
}

.h-80 {
	height: 80px;
}

.h-100px {
	height: 100px;
}

.h-130 {
	height: 130px;
}

.h-150 {
	height: 150px;
}

.h-180 {
	height: 180px;
}

.h-200 {
	height: 200px;
}

.h-240 {
	height: 240px;
}

.h-250 {
	height: 250px;
}

.h-300 {
	height: 300px;
}

.h-350 {
	height: 350px;
}

.h-400 {
	height: 400px;
}

.h-450 {
	height: 450px;
}

.h-500 {
	height: 500px;
}

.h-550 {
	height: 550px;
}

.h-600 {
	height: 600px;
}

.h-650 {
	height: 650px;
}

.h-700 {
	height: 700px;
}

.h-750 {
	height: 750px;
}

.h-800 {
	height: 800px;
}

.h-850 {
	height: 850px;
}

.h-900 {
	height: 900px;
}

/* section with padding */
.section-* {
	position: relative;
	overflow: hidden;
}

.section-200 {
	padding-top: 200px;
	padding-bottom: 200px;
}

.section-175 {
	padding-top: 175px;
	padding-bottom: 175px;
}

.section-150 {
	padding-top: 150px;
	padding-bottom: 150px;
}

.section-125 {
	padding-top: 125px;
	padding-bottom: 125px;
}

.section-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.section-75 {
	padding-top: 75px;
	padding-bottom: 75px;
}

.section-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* fixed width */
.w-50px {
	max-width: 50px !important;
}

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

.w-150 {
	width: 150px;
}

.w-180 {
	width: 180px;
}

.w-200 {
	width: 200px;
}

.w-250 {
	width: 250px;
}

.w-280 {
	width: 280px;
}

.w-300 {
	width: 300px;
}

.w-320 {
	width: 320px;
}

.w-350 {
	width: 350px;
}

.w-400 {
	width: 400px;
}

.mw-300 {
	max-width: 300px;
}

.mw-320 {
	max-width: 320px;
}

.w-100 {
	width: 100%;
}

/* top nagative margin*/
.top-auto {
	margin-top: auto;
}

.top-15 {
	margin-top: -15px;
}

.top-20 {
	margin-top: -20px;
}

.top-25 {
	margin-top: -25px;
}

.top-30 {
	margin-top: -30px;
}

.top-35 {
	margin-top: -35px;
}

.top-40 {
	margin-top: -40px;
}

.top-45 {
	margin-top: -45px;
}

.top-50 {
	margin-top: -50px;
}

.top-55 {
	margin-top: -55px;
}

.top-60 {
	margin-top: -60px;
}

.top-65 {
	margin-top: -65px;
}

.top-70 {
	margin-top: -70px;
}

.top-75 {
	margin-top: -75px;
}

.top-80 {
	margin-top: -80px;
}

.top-85 {
	margin-top: -85px;
}

.top-90 {
	margin-top: -90px;
}

.top-95 {
	margin-top: -95px;
}

.top-100 {
	margin-top: -100px;
}

.top-150 {
	margin-top: -150px;
}

.top-170 {
	margin-top: -170px;
}

.top-100t {
	top: -100px;
}

.top-85t {
	top: -85px;
}

.top-200 {
	top: -200px;
}

/* bottom nagative margin*/
.bottom-15 {
	margin-bottom: -15px;
}

.bottom-20 {
	margin-bottom: -20px;
}

.bottom-25 {
	margin-bottom: -25px;
}

.bottom-30 {
	margin-bottom: -30px;
}

.bottom-35 {
	margin-bottom: -35px;
}

.bottom-40 {
	margin-bottom: -40px;
}

.bottom-45 {
	margin-bottom: -45px;
}

.bottom-50 {
	margin-bottom: -50px;
}

.bottom-55 {
	margin-bottom: -55px;
}

.bottom-60 {
	margin-bottom: -60px;
}

.bottom-65 {
	margin-bottom: -65px;
}

.bottom-70 {
	margin-bottom: -70px;
}

.bottom-75 {
	margin-bottom: -75px;
}

.bottom-80 {
	margin-bottom: -80px;
}

.bottom-85 {
	margin-bottom: -85px;
}

.bottom-90 {
	margin-bottom: -90px;
}

.bottom-95 {
	margin-bottom: -95px;
}

.bottom-100 {
	margin-bottom: -100px;
}

.bottom-150 {
	margin-bottom: -150px;
}

.bottom-200 {
	margin-bottom: -200px;
}

.mt-50-percent {
	margin-top: 50%;
}

/* absolute  position */
.bottom-left {
	position: absolute;
	bottom: 36px;
	left: 15px;
	z-index: 9;
}

.bottom-right {
	position: absolute;
	bottom: 36px;
	right: 15px;
	z-index: 9;
}

.bottom-center {
	position: absolute;
	bottom: 15px;
	right: 15px;
	left: 15px;
	margin: 0 auto;
	z-index: 9;
}

.center-right {
	position: absolute;
	top: 0;
	bottom: 15px;
	right: 15px;
	left: auto;
	margin: 0 auto;
	z-index: 9;
	line-height: 100%;
	vertical-align: middle;
}

.top-right {
	position: absolute;
	top: 5px;
	right: 15px;
	z-index: 9;
}

.top-left {
	position: absolute;
	top: 5px;
	left: 15px;
	z-index: 9;
}

/* vertical text */
.vertical-text {
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	display: inline-block;
	vertical-align: middle;
	user-select: none;
	cursor: pointer;
}

.vm {
	vertical-align: middle;
}

.status-dot {
	height: 6px;
	width: 6px;
	vertical-align: middle;
	border-radius: 6px;
	display: inline-block;
}

.ui-rounded .iframeselements, .ui-rounded .content-box, .ui-rounded .nav.nav-pills .nav-link, .ui-rounded .footer-tabs .nav-tabs .nav-item .nav-link {
	border-radius: 22px;
}

.ui-rounded .service-block, .ui-rounded .service-block .border-block {
	border-radius: 5px;
}

.ui-rounded .swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet {
	border-radius: 10px;
}

.ui-rounded .card {
	border-radius: 10px;
}

	.ui-rounded .card .card-header:first-child {
		border-radius: 10px 10px 0 0;
	}

	.ui-rounded .card .card-footer:last-child {
		border-radius: 0 0 10px 10px;
	}

	.ui-rounded .card .card-header.no-text {
		border-radius: 10px 10px 10px 10px;
	}

.ui-rounded .colorselect, .ui-rounded .colorselect2, .ui-rounded .colorselect input[type="radio"] + label, .ui-rounded .colorselect2 input[type="radio"] + label, .ui-rounded .selectoption, .ui-rounded .selectoption input[type="checkbox"] + label, .ui-rounded .navbar-brand .logo, .ui-rounded .navbar-brand .logo > span, .ui-rounded .avatar, .ui-rounded .icons {
	border-radius: 50%;
}

/* opacity  */
.opacity-5 {
	opacity: 0.05;
	z-index: 0;
}

.opacity-10 {
	opacity: 0.1;
	z-index: 0;
}

.opacity-20 {
	opacity: 0.2;
	z-index: 0;
}

.opacity-30 {
	opacity: 0.3;
	z-index: 0;
}

.opacity-40 {
	opacity: 0.4;
	z-index: 0;
}

.opacity-60 {
	opacity: 0.6;
	z-index: 0;
}

.opacity-70 {
	opacity: 0.7;
	z-index: 0;
}

.opacity-80 {
	opacity: 0.8;
	z-index: 0;
}

.opacity-90 {
	opacity: 0.9;
	z-index: 0;
}

/* font size */
b {
	font-weight: 600;
}

.f-300 {
	font-size: 300px;
	margin-top: 0;
}

.f-250 {
	font-size: 250px;
	margin-top: 0;
}

.f-200 {
	font-size: 200px;
	margin-top: 0;
}

.f-120 {
	font-size: 120px;
	margin-top: 0;
}

.f-100 {
	font-size: 100px;
	margin-top: 0;
}

.f-80 {
	font-size: 80px;
	margin-top: 0;
}

.f-60 {
	font-size: 60px;
}

.f-50 {
	font-size: 50px;
}

.f-20 {
	font-size: 20px;
}

.f-15 {
	font-size: 15px;
}

.page-subtitle {
	padding: 10px 0;
	line-height: 20px;
	vertical-align: middle;
	margin: 15px 0 5px 0;
	color: var(--primary);
	font-weight: 600;
}

	.page-subtitle span {
		vertical-align: middle;
	}

.text-mute {
	opacity: 0.6;
}

p:last-child {
	margin-bottom: 0;
}

.border-left, .border-right, .border-top, .border-bottom, .border, .card-header, .card-footer, .megamenu-sub-title {
	border-color: rgba(0, 0, 0, 0.1) !important;
}


.bg-primary.curved {
	position: relative;
}

	.bg-primary.curved:after {
		background-color: var(--primary);
		position: absolute;
		content: "";
		left: 0;
		right: 0;
		bottom: -15px;
		height: 20px;
		border-radius: 0 0 50% 50%;
		z-index: -1;
	}

.shadow-light {
	box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.045), 0 0.1rem 0.3rem rgba(0, 0, 0, 0.045) !important;
	-moz-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.075) !important;
	-ms-box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.075) !important;
}

.fullscreen {
	position: relative;
}

	.fullscreen.section-150 {
		padding-top: 0px;
	}

	.fullscreen .fullscreen-btn {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}

	.fullscreen .hover-text {
		display: none;
	}

	.fullscreen .close-demolive-wrapper {
		display: none;
		margin-top: 10px;
		z-index: 13;
	}

	.fullscreen.active {
		position: fixed;
		padding: 20px 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		z-index: 99999;
	}

		.fullscreen.active .fullscreen-btn {
			transform: rotate(0deg);
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			margin-top: 10px;
		}

		.fullscreen.active .demolive-wraper {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			padding: 80px 20px 30px 20px;
			background: rgba(0, 0, 0, 0.75);
			z-index: 12;
			display: none;
		}

		.fullscreen.active .hover-text {
			display: block;
			margin: 0 auto;
		}

.jqstooltip {
	visibility: hidden;
}

.sparkline {
	position: relative;
}
/* Bootstrap Overrides */
.modal-body .modal-title {
	margin-bottom: 0.5rem;
}

.modal-footer {
	justify-content: space-around;
}
/* Chrome safari scrollbar */
.scroll-y {
	overflow-y: auto;
}

::-webkit-scrollbar {
	width: 2px;
	height: 2px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: rgba(20, 20, 20, 0.5);
}

::-webkit-scrollbar-track {
	border-radius: 5px;
	background: rgba(20, 20, 20, 0.1);
}

/* Loader */
.pageloader {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	z-index: 99999;
	background-color: #ffffff;
}

.loader-logo .logo {
	background-color: var(--primary);
	height: 80px;
	width: 80px;
	line-height: 80px;
	font-size: 50px;
	font-weight: 600;
	border-radius: 50px;
	display: inline-block;
	color: #ffffff;
	vertical-align: middle;
	margin-right: 20px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

	.loader-logo .logo .loader-roller {
		display: inline-block;
		width: 80px;
		height: 80px;
		position: absolute;
		left: 0;
	}

		.loader-logo .logo .loader-roller div:after {
			width: 5px;
			height: 5px;
			background: rgba(255, 255, 255, 0.6);
		}

	.loader-logo .logo > span {
		position: absolute;
		top: 0;
		line-height: 25px;
		vertical-align: middle;
		left: auto;
		right: -5px;
		margin: 0 auto;
		font-size: 12px;
		border-radius: 15px;
		width: 24px;
		background-color: #ffffff;
	}

		.loader-logo .logo > span:nth-child(2) {
			position: absolute;
			top: 0;
			line-height: 25px;
			vertical-align: middle;
			left: auto;
			right: -5px;
			margin: 0 auto;
			font-size: 12px;
			border-radius: 15px;
			width: 24px;
			background-color: #ffffff;
			color: #4C4E67;
			animation: opacityhide 5s infinite linear;
			-webkit-animation: opacityhide 5s infinite linear;
			-moz-animation: opacityhide 5s infinite linear;
			-ms-animation: opacityhide 5s infinite linear;
		}

.loader-logo .logo-text {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	font-size: 30px;
	line-height: 1;
	margin: -4px 0 0 0;
	font-weight: 400;
}

	.loader-logo .logo-text span {
		font-size: 40px;
		line-height: 1;
		display: block;
	}

	.loader-logo .logo-text small {
		font-size: 20px;
		line-height: 1;
		opacity: 0.6;
	}

.loader-roller {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

	.loader-roller div {
		animation: loader-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		-webkit-animation: loader-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		-moz-animation: loader-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		-ms-animation: loader-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
		transform-origin: 40px 40px;
	}

		.loader-roller div:after {
			content: " ";
			display: block;
			position: absolute;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			background: var(--primary);
			margin: -4px 0 0 -4px;
		}

		.loader-roller div:nth-child(1) {
			animation-delay: -0.036s;
			-webkit-animation-delay: -0.036s;
			-moz-animation-delay: -0.036s;
			-ms-animation-delay: -0.036s;
		}

			.loader-roller div:nth-child(1):after {
				top: 63px;
				left: 63px;
			}

		.loader-roller div:nth-child(2) {
			animation-delay: -0.072s;
			-webkit-animation-delay: -0.072s;
			-moz-animation-delay: -0.072s;
			-ms-animation-delay: -0.072s;
		}

			.loader-roller div:nth-child(2):after {
				top: 68px;
				left: 56px;
			}

		.loader-roller div:nth-child(3) {
			animation-delay: -0.108s;
			-webkit-animation-delay: -0.108s;
			-moz-animation-delay: -0.108s;
			-ms-animation-delay: -0.108s;
		}

			.loader-roller div:nth-child(3):after {
				top: 71px;
				left: 48px;
			}

		.loader-roller div:nth-child(4) {
			animation-delay: -0.144s;
			-webkit-animation-delay: -0.144s;
			-moz-animation-delay: -0.144s;
			-ms-animation-delay: -0.144s;
		}

			.loader-roller div:nth-child(4):after {
				top: 72px;
				left: 40px;
			}

		.loader-roller div:nth-child(5) {
			animation-delay: -0.18s;
			-webkit-animation-delay: -0.18s;
			-moz-animation-delay: -0.18s;
			-ms-animation-delay: -0.18s;
		}

			.loader-roller div:nth-child(5):after {
				top: 71px;
				left: 32px;
			}

		.loader-roller div:nth-child(6) {
			animation-delay: -0.216s;
			-webkit-animation-delay: -0.216s;
			-moz-animation-delay: -0.216s;
			-ms-animation-delay: -0.216s;
		}

			.loader-roller div:nth-child(6):after {
				top: 68px;
				left: 24px;
			}

		.loader-roller div:nth-child(7) {
			animation-delay: -0.252s;
			-webkit-animation-delay: -0.252s;
			-moz-animation-delay: -0.252s;
			-ms-animation-delay: -0.252s;
		}

			.loader-roller div:nth-child(7):after {
				top: 63px;
				left: 17px;
			}

		.loader-roller div:nth-child(8) {
			animation-delay: -0.288s;
			-webkit-animation-delay: -0.288s;
			-moz-animation-delay: -0.288s;
			-ms-animation-delay: -0.288s;
		}

			.loader-roller div:nth-child(8):after {
				top: 56px;
				left: 12px;
			}

@keyframes loader-roller {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loader-roller {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes loader-roller {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@-ms-keyframes loader-roller {
	0% {
		-ms-transform: rotate(0deg);
	}

	100% {
		-ms-transform: rotate(360deg);
	}
}

@keyframes loader-ellipsis1 {
	0% {
		transform: scale(0);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes loader-ellipsis3 {
	0% {
		transform: scale(1);
	}

	100% {
		transform: scale(0);
	}
}

@keyframes loader-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}

	100% {
		transform: translate(24px, 0);
	}
}

@keyframes loader-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* header */
.navbar-brand {
	font-size: 0.75rem;
	margin-right: 0px;
}

	.navbar-brand img {
		height: 57px;
	}

	.navbar-brand .logo {
		background-color: var(--primary);
		height: 34px;
		width: 34px;
		line-height: 34px;
		font-size: 20px;
		font-weight: 600;
		border-radius: 6px;
		display: inline-block;
		color: #ffffff;
		vertical-align: middle;
		margin-right: 15px;
		text-align: center;
		vertical-align: middle;
		position: relative;
	}

		.navbar-brand .logo > span {
			position: absolute;
			top: -3px;
			line-height: 18px;
			vertical-align: middle;
			left: auto;
			right: -6px;
			margin: 0 auto;
			font-size: 9px;
			border-radius: 4px;
			width: 18px;
			background-color: #ffffff;
			color: var(--primary);
		}

			.navbar-brand .logo > span:nth-child(2) {
				animation: opacityhide 5s infinite linear;
				-webkit-animation: opacityhide 5s infinite linear;
				-moz-animation: opacityhide 5s infinite linear;
				-ms-animation: opacityhide 5s infinite linear;
			}

	.navbar-brand .logo-text {
		display: inline-block;
		vertical-align: middle;
		font-size: 16px !important;
		line-height: 1;
		margin: -2px 0 0 0;
		font-weight: 500;
		color: var(--primary);
	}

		.navbar-brand .logo-text span {
			font-size: 20px;
			line-height: 1;
			display: block;
		}

		.navbar-brand .logo-text small {
			font-size: 12px;
			line-height: 1;
			color: #4C4E67;
		}

header {
	width: 100%;
}

	header a:not(.btn), header .btn-link {
		color: #4C4E67;
		text-decoration: none;
		position: relative;
	}

		header .btn-link .badge {
			position: absolute;
			top: 10px;
			right: 3px;
			font-size: 10px;
			width: 15px;
			height: 15px;
			padding: 2px 0;
			font-weight: normal;
		}

		header a:not(.btn):hover, header a:not(.btn):focus, header .btn-link:hover, header .btn-link:focus {
			color: #4C4E67;
			text-decoration: none;
		}

	header .navbar {
		padding-top: calc(0.5rem + env(safe-area-inset-top));
	}

	header .navbar-toggler:first-child {
		margin-left: -15px;
	}

	header .navbar-toggler:last-child {
		margin-right: -15px;
	}

	header .navbar-collapse .navbar-brand {
		display: none;
	}

	header .navbar-nav > .nav-item {
		padding: 0;
		margin: 0 5px;
	}

		header .navbar-nav > .nav-item > .nav-link {
			padding: 10px 15px;
			position: relative;
		}

		header .navbar-nav > .nav-item.active > .nav-link:before, header .navbar-nav > .nav-item:hover > .nav-link:before {
			content: "";
			height: 3px;
			width: 14px;
			position: absolute;
			left: 0;
			right: 0;
			bottom: -2px;
			margin: 0 auto;
			border-radius: 3px;
			background-color: var(--primary);
		}

		header .navbar-nav > .nav-item.active > .nav-link.dropdown-toggle:before, header .navbar-nav > .nav-item:hover > .nav-link.dropdown-toggle:before {
			margin: 0 auto 0 calc(50% - 20px);
		}

		header .navbar-nav > .nav-item.active > .nav-link .icon, header .navbar-nav > .nav-item:hover > .nav-link .icon {
			color: var(--primary);
		}

		header .navbar-nav > .nav-item:hover > .nav-link:before {
			opacity: 0.4;
		}

		header .navbar-nav > .nav-item .nav-item {
			padding: 0 20px;
		}

			header .navbar-nav > .nav-item .nav-item .nav-link {
				padding: 10px 20px;
				line-height: 26px;
				border-radius: 4px;
				min-width: 200px;
				position: relative;
			}

				header .navbar-nav > .nav-item .nav-item .nav-link:before {
					content: "";
					height: 1px;
					width: 0px;
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0px;
					margin: 0 auto;
					background-color: var(--primary);
				}

				header .navbar-nav > .nav-item .nav-item .nav-link.dropdown-toggle:after {
					speak: none;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					vertical-align: middle;
					border: 0;
					margin-top: 2px;
					float: right;
					vertical-align: middle;
				}

			header .navbar-nav > .nav-item .nav-item:hover > .nav-link {
				background-color: rgba(20, 59, 224, 0.05);
			}

				header .navbar-nav > .nav-item .nav-item:hover > .nav-link:before {
					width: 100%;
				}

		header .navbar-nav > .nav-item.dropdown.show > .nav-link:before, header .navbar-nav > .nav-item.dropdown.show > .dropdown-toggle:before {
			content: "";
			height: 3px;
			width: 14px;
			position: absolute;
			left: 0;
			right: 0;
			bottom: -2px;
			margin: 0 auto;
			border-radius: 3px;
			background-color: var(--primary);
			margin: 0 auto 0 calc(50% - 20px);
		}

		header .navbar-nav > .nav-item.dropdown > .dropdown-menu {
			margin: 1.3rem 0 0;
			border: 0;
			box-shadow: 0 9px 10px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.1);
			-ms-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.1);
			padding: 20px 0;
		}

			header .navbar-nav > .nav-item.dropdown > .dropdown-menu:not(.multilevel) {
				padding: 20px;
			}

			header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item {
				padding: 10px 20px;
				line-height: 26px;
				border-radius: 4px;
				min-width: 180px;
				position: relative;
			}

				header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item p {
					line-height: 1.4;
					font-size: 14px;
				}

				header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item:before {
					content: "";
					height: 1px;
					width: 0px;
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0px;
					margin: 0 auto;
					background-color: var(--primary);
				}

				header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item:hover, header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item:focus {
					background-color: rgba(20, 59, 224, 0.05);
				}

					header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item:hover:before, header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item:focus:before {
						width: 100%;
					}

				header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item.active, header .navbar-nav > .nav-item.dropdown > .dropdown-menu .dropdown-item:active {
					background-color: var(--primary);
					color: #ffffff;
				}

			header .navbar-nav > .nav-item.dropdown > .dropdown-menu p {
				line-height: 1.4;
				font-size: 14px;
			}

			header .navbar-nav > .nav-item.dropdown > .dropdown-menu > .dropdown > .dropdown-menu {
				margin-top: 0;
				margin-left: 100%;
				padding: 20px;
				z-index: 0;
				top: 0;
				border: 0;
				margin-top: -20px;
				box-shadow: 0 9px 10px rgba(0, 0, 0, 0.1);
				-webkit-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.1);
				-moz-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.1);
				-ms-box-shadow: 0 9px 10px rgba(0, 0, 0, 0.1);
			}

			header .navbar-nav > .nav-item.dropdown > .dropdown-menu > .dropdown:hover > .dropdown-menu {
				display: block;
			}

			header .navbar-nav > .nav-item.dropdown > .dropdown-menu.two-column {
				width: 440px;
			}

	header.active .navbar {
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
		backdrop-filter: blur(15px);
		-webkit-backdrop-filter: blur(15px);
		-moz-backdrop-filter: blur(15px);
		-ms-backdrop-filter: blur(15px);
	}

	header .search {
		position: fixed;
		left: 0;
		top: 0;
		right: 0;
		padding: 12px 15px;
		display: none;
		z-index: 9;
		background-color: rgba(255, 255, 255, 0.85);
		box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
		-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05);
		backdrop-filter: blur(15px);
		-webkit-backdrop-filter: blur(15px);
		-moz-backdrop-filter: blur(15px);
		-ms-backdrop-filter: blur(15px);
	}

		header .search > .btn {
			position: absolute;
			top: 9px;
			right: 15px;
			z-index: 1;
		}

	header.header-white, header.header-fill {
		color: #ffffff;
	}

		header.header-white .navbar, header.header-white a:not(.btn), header.header-white .btn-link, header.header-white .btn.navbar-toggler, header.header-white .form-control, header.header-fill .navbar, header.header-fill a:not(.btn), header.header-fill .btn-link, header.header-fill .btn.navbar-toggler, header.header-fill .form-control {
			color: #ffffff;
		}

		header.header-white .form-control, header.header-fill .form-control {
			background-color: transparent;
			border-color: rgba(255, 255, 255, 0.65);
		}

			header.header-white .form-control::placeholder, header.header-fill .form-control::placeholder {
				color: rgba(255, 255, 255, 0.65);
			}

		header.header-white .navbar-brand .logo, header.header-fill .navbar-brand .logo {
			background-color: var(--primary);
		}

		header.header-white .navbar-brand .logo-text small, header.header-fill .navbar-brand .logo-text small {
			color: rgba(255, 255, 255, 0.65);
		}

		header.header-white .navbar-expand-all .navbar-collapse, header.header-fill .navbar-expand-all .navbar-collapse {
			background-color: var(--primary);
		}

		header.header-white .dropdown-menu, header.header-fill .dropdown-menu {
			background-color: rgba(0, 0, 0, 0.75);
			-webkit-backdrop-filter: saturate(125%) blur(10px);
			-moz-backdrop-filter: saturate(125%) blur(10px);
			-ms-backdrop-filter: saturate(125%) blur(10px);
			backdrop-filter: saturate(125%) blur(10px);
			color: #ffffff;
		}

		header.header-white .list-group-item, header.header-fill .list-group-item {
			background-color: transparent;
		}

		header.header-white .nav-item.active .nav-link, header.header-white .nav-item:hover .nav-link, header.header-fill .nav-item.active .nav-link, header.header-fill .nav-item:hover .nav-link {
			color: #ffffff;
		}

			header.header-white .nav-item.active .nav-link .icon, header.header-white .nav-item:hover .nav-link .icon, header.header-fill .nav-item.active .nav-link .icon, header.header-fill .nav-item:hover .nav-link .icon {
				color: #ffffff;
			}

			header.header-white .nav-item.active .nav-link:before, header.header-white .nav-item:hover .nav-link:before, header.header-fill .nav-item.active .nav-link:before, header.header-fill .nav-item:hover .nav-link:before {
				background-color: #ffffff;
			}

		header.header-white .btn-default, header.header-white .selectoption input[type="checkbox"]:checked + label, .selectoption header.header-white input[type="checkbox"]:checked + label, header.header-fill .btn-default, header.header-fill .selectoption input[type="checkbox"]:checked + label, .selectoption header.header-fill input[type="checkbox"]:checked + label {
			background-color: #ffffff;
			color: var(--primary);
			box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
			-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
			-moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
			-ms-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
		}

		header.header-white.active .navbar, header.header-white.header-fill .navbar, header.header-fill.active .navbar, header.header-fill.header-fill .navbar {
			background-color: var(--primary);
		}

		header.header-white.active .navbar, header.header-white.active a:not(.btn), header.header-white.active .btn-link, header.header-white.active .btn.navbar-toggler, header.header-white.active .form-control, header.header-white.header-fill .navbar, header.header-white.header-fill a:not(.btn), header.header-white.header-fill .btn-link, header.header-white.header-fill .btn.navbar-toggler, header.header-white.header-fill .form-control, header.header-fill.active .navbar, header.header-fill.active a:not(.btn), header.header-fill.active .btn-link, header.header-fill.active .btn.navbar-toggler, header.header-fill.active .form-control, header.header-fill.header-fill .navbar, header.header-fill.header-fill a:not(.btn), header.header-fill.header-fill .btn-link, header.header-fill.header-fill .btn.navbar-toggler, header.header-fill.header-fill .form-control {
			color: #ffffff;
		}

		header.header-white.active .form-control, header.header-white.header-fill .form-control, header.header-fill.active .form-control, header.header-fill.header-fill .form-control {
			background-color: rgba(20, 59, 224, 0.35);
			border-color: rgba(20, 59, 224, 0.4);
		}

			header.header-white.active .form-control::placeholder, header.header-white.header-fill .form-control::placeholder, header.header-fill.active .form-control::placeholder, header.header-fill.header-fill .form-control::placeholder {
				color: rgba(255, 255, 255, 0.5);
			}

		header.header-white.active .navbar-brand .logo, header.header-white.header-fill .navbar-brand .logo, header.header-fill.active .navbar-brand .logo, header.header-fill.header-fill .navbar-brand .logo {
			background-color: #ffffff;
			color: var(--primary);
		}

		header.header-white.active .navbar-brand .logo-text small, header.header-white.header-fill .navbar-brand .logo-text small, header.header-fill.active .navbar-brand .logo-text small, header.header-fill.header-fill .navbar-brand .logo-text small {
			color: rgba(255, 255, 255, 0.65);
		}

		header.header-white.active .navbar-expand-all .navbar-collapse, header.header-white.header-fill .navbar-expand-all .navbar-collapse, header.header-fill.active .navbar-expand-all .navbar-collapse, header.header-fill.header-fill .navbar-expand-all .navbar-collapse {
			background-color: var(--primary);
		}

		header.header-white.active .dropdown-menu, header.header-white.header-fill .dropdown-menu, header.header-fill.active .dropdown-menu, header.header-fill.header-fill .dropdown-menu {
			background-color: rgba(20, 59, 224, 0.9);
			-webkit-backdrop-filter: saturate(125%) blur(10px);
			-moz-backdrop-filter: saturate(125%) blur(10px);
			-ms-backdrop-filter: saturate(125%) blur(10px);
			backdrop-filter: saturate(125%) blur(10px);
			color: #ffffff;
		}

		header.header-white.active .list-group-item, header.header-white.header-fill .list-group-item, header.header-fill.active .list-group-item, header.header-fill.header-fill .list-group-item {
			background-color: transparent;
		}

	header.border-bottom {
		border: 0 !important;
	}

		header.border-bottom .navbar {
			border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important;
		}

		header.border-bottom.header-white .navbar {
			border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
		}

@keyframes opacityhide {
	0% {
		opacity: 1;
	}

	48% {
		opacity: 1;
	}

	49% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@-keyframe-keyframes opacityhide {
	0% {
		opacity: 1;
	}

	48% {
		opacity: 1;
	}

	49% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@-moz-keyframes opacityhide {
	0% {
		opacity: 1;
	}

	48% {
		opacity: 1;
	}

	49% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

@-ms-keyframes opacityhide {
	0% {
		opacity: 1;
	}

	48% {
		opacity: 1;
	}

	49% {
		opacity: 0;
	}

	100% {
		opacity: 0;
	}
}

/* form elements */

.btn:focus, .form-control:focus {
	outline: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	text-shadow: none !important;
}

.ui-rounded .form-control {
	border-radius: 10px;
}

.ui-rounded textarea.form-control {
	border-radius: 10px;
}

.form-control {
	border-color: #e3e3e3;
	font-weight: 500;
}

	.form-control.form-control-lg {
		height: calc(2.4em + 1rem + 2px);
		padding: .5rem 1rem;
		font-size: 1rem;
	}

		.form-control.form-control-lg.f-50 {
			font-size: 50px;
		}

		.form-control.form-control-lg.f-30 {
			font-size: 30px;
		}

	.form-control.text-white::placeholder {
		color: rgba(255, 255, 255, 0.5);
	}

	.form-control::placeholder {
		color: rgba(102, 102, 106, 0.6);
		font-weight: 500;
	}

.custom-select.form-control-lg {
	padding: .5rem 2rem .5rem 1rem;
}

.no-caret:after {
	display: none;
}

.switch-wrap {
	cursor: pointer;
	background: rgba(0, 0, 0, 0.15);
	width: 60px;
	height: 30px;
	border-radius: 15px;
}

	.switch-wrap input {
		position: absolute;
		opacity: 0;
		width: 0;
		height: 0;
	}

	.switch-wrap .switch {
		height: 100%;
		transition: .2s;
		-webkit-transition: .2s;
		-moz-transition: .2s;
		-ms-transition: .2s;
		position: relative;
		width: 100%;
		border-radius: 15px;
	}

		.switch-wrap .switch::after {
			content: '';
			border-radius: 50%;
			background: #ccc;
			transition: .2s;
			-webkit-transition: .2s;
			-moz-transition: .2s;
			-ms-transition: .2s;
			position: absolute;
			left: 2px;
			top: 2px;
			height: 26px;
			width: 26px;
			box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
		}

.daterangepicker {
	color: #4C4E67;
	font-size: 0.9em;
	font-weight: 300;
	border: 0;
	border-radius: 4px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
	-ms-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
}

	.daterangepicker td.in-range {
		background-color: rgba(20, 59, 224, 0.1);
	}

	.daterangepicker td.active, .daterangepicker td.active:hover {
		background-color: var(--primary);
		border-color: transparent;
		color: #ffffff;
	}

	.daterangepicker .drp-calendar.right {
		padding: 5px 10px 10px 10px;
	}

	.daterangepicker .drp-calendar.left {
		padding: 5px 10px 10px 10px;
	}

	.daterangepicker .drp-buttons {
		padding: 15px;
	}

		.daterangepicker .drp-buttons .btn {
			font-size: 1em;
			font-weight: 400;
			padding: 5px 20px;
		}

			.daterangepicker .drp-buttons .btn.cancelBtn {
				border: 1px solid #dddddd;
			}

	.daterangepicker .calendar-table {
		border: 0;
		background-color: transparent;
	}

		.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
			font-weight: 300;
			height: 34px;
		}

		.daterangepicker .calendar-table thead tr th {
			height: 30px;
			color: var(--primary);
		}

		.daterangepicker .calendar-table thead tr:nth-child(2) th {
			height: 40px;
			color: var(--primary);
			padding-bottom: 10px;
		}

		.daterangepicker .calendar-table .next:hover, .daterangepicker .calendar-table .prev:hover {
			background: rgba(20, 59, 224, 0.2);
		}

		.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
			border-color: var(--primary);
		}

	.daterangepicker .drp-selected {
		opacity: 0.5;
	}

	.daterangepicker .background {
		border-radius: 4px 4px 0 0;
		overflow: hidden;
	}

	.daterangepicker .ranges {
		margin: 0;
		background-color: #ffffff;
		border-radius: 5px;
		overflow: hidden;
	}

		.daterangepicker .ranges li {
			padding: 1em 1.5em;
			font-size: 1em;
		}

			.daterangepicker .ranges li:hover, .daterangepicker .ranges li:focus {
				background-color: rgba(20, 59, 224, 0.1);
			}

			.daterangepicker .ranges li.active {
				background-color: var(--primary);
				border-color: transparent;
				color: #ffffff;
			}

.cal-icon {
	margin-top: 4px;
	margin-left: 10px;
	color: var(--primary);
}

.fc-event {
	padding: 5px 10px;
	line-height: 18px;
	font-size: 15px;
	background-color: var(--primary);
	border-color: transparent;
	color: #ffffff !important;
	box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
	-ms-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

	.fc-button:not(:disabled), .fc-event.fc-draggable, .fc-event[href], .fc-popover .fc-header .fc-close, a.fc-more, a[data-goto] {
		cursor: pointer;
		padding: 5px;
		font-size: 12px;
	}

.fc-toolbar h2 {
	font-size: 14px;
}

.custom-dropzone {
	min-height: 150px;
	border: 2px dashed var(--primary);
	background: rgba(20, 59, 224, 0.1);
	padding: 20px 20px;
}

/* Buttons */
.btn {
	padding: 0.470rem 1.25rem;
	font-size: 14px;
	font-weight: 500;
}

	.btn .icon, .btn i {
		vertical-align: middle;
		display: inline-block;
	}

	.btn.btn-lg, .btn-group-lg > .btn {
		font-size: 16px;
		padding: 0.5rem 1.725rem;
		font-weight: 500;
		line-height: 30px;
	}

		.btn.btn-lg .icon, .btn-group-lg > .btn .icon {
			font-size: 24px;
		}

	.btn.btn-sm, .btn-group-sm > .btn {
		font-size: 14px;
		padding: 0.25rem 1rem;
		font-weight: 400;
		line-height: 20px;
	}

		.btn.btn-sm .icon, .btn-group-sm > .btn .icon {
			font-size: 18px;
		}

	.btn.circular-btn {
		height: 60px;
		line-height: 30px;
		width: 60px;
		padding: 0;
		font-size: 35px;
		text-align: center;
	}

		.btn.circular-btn .icon {
			font-size: 35px;
			vertical-align: middle;
		}

	.btn.circular-btn-lg {
		height: 100px;
		line-height: 50px;
		width: 100px;
		padding: 20px 20px;
		font-size: 50px;
		text-align: center;
	}

		.btn.circular-btn-lg .icon {
			font-size: 60px;
			vertical-align: middle;
		}

	.btn.btn-40 {
		height: 40px;
		width: 40px;
		line-height: 40px;
		vertical-align: middle;
		text-align: center;
		padding: 0;
	}

	.btn.btn-44 {
		height: 44px;
		width: 44px;
		line-height: 44px;
		vertical-align: middle;
		text-align: center;
		padding: 0;
	}

.input-group-text {
	justify-content: center;
	width: 3.5rem;
}

.ui-rounded .input-group-prepend .input-group-text:first-child, .ui-rounded .input-group-prepend .btn:first-child {
	border-radius: 10px 0px 0 10px;
}

.ui-rounded .input-group-append .input-group-text:last-child, .ui-rounded .input-group-append .btn:last-child {
	border-radius: 0 10px 10px 0;
}

.ui-rounded .btn, .ui-rounded .btn-group {
	border-radius: 10px;
}

.default-shadow {
	box-shadow: 0 3px 10px rgba(20, 59, 224, 0.35);
	-webkit-box-shadow: 0 3px 10px rgba(20, 59, 224, 0.35);
	-moz-box-shadow: 0 3px 10px rgba(20, 59, 224, 0.35);
	-ms-box-shadow: 0 3px 10px rgba(20, 59, 224, 0.35);
}

	.default-shadow:hover {
		box-shadow: 0 2px 15px rgba(20, 59, 224, 0.65);
		-webkit-box-shadow: 0 2px 15px rgba(20, 59, 224, 0.65);
		-moz-box-shadow: 0 2px 15px rgba(20, 59, 224, 0.65);
		-ms-box-shadow: 0 2px 15px rgba(20, 59, 224, 0.65);
	}

.success-shadow {
	box-shadow: 0 3px 5px rgba(40, 167, 69, 0.5);
	-webkit-box-shadow: 0 3px 5px rgba(40, 167, 69, 0.5);
	-moz-box-shadow: 0 3px 5px rgba(40, 167, 69, 0.5);
	-ms-box-shadow: 0 3px 5px rgba(40, 167, 69, 0.5);
}

	.success-shadow:hover {
		box-shadow: 0 2px 15px rgba(40, 167, 69, 0.65);
		-webkit-box-shadow: 0 2px 15px rgba(40, 167, 69, 0.65);
		-moz-box-shadow: 0 2px 15px rgba(40, 167, 69, 0.65);
		-ms-box-shadow: 0 2px 15px rgba(40, 167, 69, 0.65);
	}

.warning-shadow {
	box-shadow: 0 3px 5px rgba(255, 193, 7, 0.5);
	-webkit-box-shadow: 0 3px 5px rgba(255, 193, 7, 0.5);
	-moz-box-shadow: 0 3px 5px rgba(255, 193, 7, 0.5);
	-ms-box-shadow: 0 3px 5px rgba(255, 193, 7, 0.5);
}

	.warning-shadow:hover {
		box-shadow: 0 2px 15px rgba(255, 193, 7, 0.65);
		-webkit-box-shadow: 0 2px 15px rgba(255, 193, 7, 0.65);
		-moz-box-shadow: 0 2px 15px rgba(255, 193, 7, 0.65);
		-ms-box-shadow: 0 2px 15px rgba(255, 193, 7, 0.65);
	}

.danger-shadow {
	box-shadow: 0 3px 5px rgba(220, 53, 69, 0.5);
	-webkit-box-shadow: 0 3px 5px rgba(220, 53, 69, 0.5);
	-moz-box-shadow: 0 3px 5px rgba(220, 53, 69, 0.5);
	-ms-box-shadow: 0 3px 5px rgba(220, 53, 69, 0.5);
}

	.danger-shadow:hover {
		box-shadow: 0 2px 15px rgba(220, 53, 69, 0.65);
		-webkit-box-shadow: 0 2px 15px rgba(220, 53, 69, 0.65);
		-moz-box-shadow: 0 2px 15px rgba(220, 53, 69, 0.65);
		-ms-box-shadow: 0 2px 15px rgba(220, 53, 69, 0.65);
	}

.scrollup {
	opacity: 0;
	display: none;
	z-index: 12;
	bottom: 65px;
	bottom: calc(65px + env(safe-area-inset-bottom));
}

	.scrollup.active {
		opacity: 1;
	}

	.scrollup.atbottom {
		bottom: 75px;
	}

.loading-btn .toload {
	display: flex;
}

.loading-btn .isloading {
	display: none;
}

.loading-btn.active .toload {
	display: none;
}

.loading-btn.active .isloading {
	display: flex;
}

@media screen and (max-width: 1023px) {
	.btn.btn-lg, .btn-group-lg > .btn {
		font-size: 16px;
		padding: 0.975rem 1.5rem;
		font-weight: 500;
		line-height: 26px;
	}

		.btn.btn-lg .icon, .btn-group-lg > .btn .icon {
			font-size: 18px;
		}
}

/* banner hero */
.banner-hero {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.swiper-container .swiper-pagination {
	margin-bottom: 0;
}

.cards-container .swiper-pagination {
	right: 30px;
	top: 10px;
	text-align: right;
}

.swiper-pagination-bullet {
	width: 8px;
	height: 4px;
	background: #fff;
	opacity: .3;
	margin: 0 2px;
	border-radius: 8px;
	transition: all 0.3s ease;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--secondary);
	width: 20px;
	border-radius: 8px;
}

.ui-rounded .swiper-button-next, .ui-rounded .swiper-container-rtl .swiper-button-prev, .ui-rounded .swiper-button-prev, .ui-rounded .swiper-container-rtl .swiper-button-next {
	border-radius: 35px;
}

.swiper-vertical-arrow .swiper-button-next, .swiper-vertical-arrow .swiper-container-rtl .swiper-button-prev, .swiper-vertical-arrow .swiper-button-prev, .swiper-vertical-arrow .swiper-container-rtl .swiper-button-next {
	background-image: none;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 4px;
	vertical-align: middle;
	font-size: 30px;
}

	.swiper-vertical-arrow .swiper-button-next:after, .swiper-vertical-arrow .swiper-container-rtl .swiper-button-prev:after {
		content: '\22';
		vertical-align: middle;
	}

	.swiper-vertical-arrow .swiper-button-prev:after, .swiper-vertical-arrow .swiper-container-rtl .swiper-button-next:after {
		content: '\21';
		vertical-align: middle;
	}

.swiper-horizontal-arrow .swiper-button-next, .swiper-horizontal-arrow .swiper-container-rtl .swiper-button-prev, .swiper-horizontal-arrow .swiper-button-prev, .swiper-horizontal-arrow .swiper-container-rtl .swiper-button-next {
	background-image: none;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	border-radius: 4px;
	vertical-align: middle;
	font-size: 30px;
}

	.swiper-horizontal-arrow .swiper-button-next:after, .swiper-horizontal-arrow .swiper-container-rtl .swiper-button-prev:after {
		content: '\24';
		vertical-align: middle;
	}

	.swiper-horizontal-arrow .swiper-button-prev:after, .swiper-horizontal-arrow .swiper-container-rtl .swiper-button-next:after {
		content: '\23';
		vertical-align: middle;
	}

.swiper-arrow-dark .swiper-button-next, .swiper-arrow-dark .swiper-container-rtl .swiper-button-prev, .swiper-arrow-dark .swiper-button-prev, .swiper-arrow-dark .swiper-container-rtl .swiper-button-next {
	background-color: var(--primary);
	color: #ffffff;
}

.slide-content > *:first-child {
	transition: ease margin-top 0.5s;
	-webkit-transition: ease margin-top 0.5s;
	-moz-transition: ease margin-top 0.5s;
	-ms-transition: ease margin-top 0.5s;
	margin-top: 80px;
}

.swiper-slide {
	overflow: hidden;
}

	.swiper-slide:not(.no-zoom):hover .background {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-ms-transform: scale(1.1);
	}

.swiper-slide-active .slide-content > *:first-child {
	margin-top: 0px;
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-ms-transition-delay: 0.5s;
}

.swiper-slide-active .background.opac {
	opacity: 0.5;
	transition-duration: 1.5s;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
}

.swiper-slide-active .background.opac-20 {
	opacity: 0.2;
	transition-duration: 1.5s;
	-webkit-transition-duration: 1.5s;
	-moz-transition-duration: 1.5s;
	-ms-transition-duration: 1.5s;
}

.slider-vertical-right-arrow {
	height: 100%;
}

	.slider-vertical-right-arrow .swiper-pagination.swiper-pagination-fraction {
		padding: 0 15px;
		margin-bottom: 25px;
		text-align: right;
	}

	.slider-vertical-right-arrow .swiper-button-next, .slider-vertical-right-arrow .swiper-container-rtl .swiper-button-prev {
		top: 45%;
		right: 20px;
		margin-top: 60px;
	}

	.slider-vertical-right-arrow .swiper-button-prev, .slider-vertical-right-arrow .swiper-container-rtl .swiper-button-next {
		top: 45%;
		left: auto;
		right: 20px;
	}

.slider-horizontal-bottom-arrow, .slider-horizontal-content-arrow {
	height: 100%;
}

	.slider-horizontal-bottom-arrow .swiper-pagination.swiper-pagination-fraction, .slider-horizontal-content-arrow .swiper-pagination.swiper-pagination-fraction {
		padding: 0 15px;
		margin-bottom: 25px;
		text-align: center;
	}

	.slider-horizontal-bottom-arrow .swiper-button-next, .slider-horizontal-bottom-arrow .swiper-container-rtl .swiper-button-prev, .slider-horizontal-content-arrow .swiper-button-next, .slider-horizontal-content-arrow .swiper-container-rtl .swiper-button-prev {
		top: auto;
		bottom: 15px;
		right: 20px;
	}

	.slider-horizontal-bottom-arrow .swiper-button-prev, .slider-horizontal-bottom-arrow .swiper-container-rtl .swiper-button-next, .slider-horizontal-content-arrow .swiper-button-prev, .slider-horizontal-content-arrow .swiper-container-rtl .swiper-button-next {
		top: auto;
		bottom: 15px;
		left: auto;
		right: 100px;
	}

.slider-vertical-right-arrow-boxed {
	height: 100%;
}

	.slider-vertical-right-arrow-boxed .swiper-pagination.swiper-pagination-fraction {
		padding: 0 15px;
		margin-bottom: 25px;
		text-align: right;
	}

	.slider-vertical-right-arrow-boxed .swiper-button-next, .slider-vertical-right-arrow-boxed .swiper-container-rtl .swiper-button-prev {
		top: 50%;
		margin-top: 110px;
		margin-right: 15px;
		bottom: auto;
		right: 30px;
	}

	.slider-vertical-right-arrow-boxed .swiper-button-prev, .slider-vertical-right-arrow-boxed .swiper-container-rtl .swiper-button-next {
		top: 50%;
		margin-top: 30px;
		margin-right: 15px;
		bottom: auto;
		left: auto;
		right: 30px;
	}

	.slider-vertical-right-arrow-boxed .boxed-block {
		height: 74%;
		border: 2px solid #ffffff;
		position: relative;
	}

		.slider-vertical-right-arrow-boxed .boxed-block .content-boxed {
			min-height: 200px;
			color: #ffffff;
			background-color: #4C4E67;
			padding: 30px 80px 30px 30px;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 80%;
		}

.arrow-background-w-65 .swiper-button-next, .arrow-background-w-65 .swiper-container-rtl .swiper-button-prev {
	left: 35%;
	margin-left: -110px;
	margin-top: 0;
}

.arrow-background-w-65 .swiper-button-prev, .arrow-background-w-65 .swiper-container-rtl .swiper-button-next {
	left: 35%;
	margin-left: -190px;
	margin-top: 0;
}

.swiper-container .line-bullet-wrapper {
	position: absolute;
	left: auto;
	right: 0;
	width: auto;
	top: 45%;
	padding: 0;
}

	.swiper-container .line-bullet-wrapper .line-bullet {
		display: block;
		width: 30px;
		height: auto;
		text-align: right;
		line-height: 26px;
		position: relative;
		background-color: transparent;
		border-radius: 0;
		font-size: 12px;
		vertical-align: middle;
	}

		.swiper-container .line-bullet-wrapper .line-bullet:after {
			content: '';
			background-color: var(--primary);
			position: absolute;
			top: 48%;
			height: 1px;
			width: 30px;
			right: 13px;
		}

		.swiper-container .line-bullet-wrapper .line-bullet.swiper-pagination-bullet-active:after {
			width: 50px;
		}

.search-banner {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9;
	height: 100%;
	width: 100%;
}

.phone-80 {
	max-height: 600px;
}

.swiper-slide-active .slider-backgound-cicrle {
	right: -15%;
	bottom: -15%;
	opacity: 1;
}

	.swiper-slide-active .slider-backgound-cicrle:after {
		top: 4px;
		left: -18px;
	}

	.swiper-slide-active .slider-backgound-cicrle:before {
		top: -8px;
		left: -26px;
	}

@media screen and (max-width: 1024px) {
	.swiper-vertical-arrow .swiper-button-next, .swiper-vertical-arrow .swiper-container-rtl .swiper-button-prev, .swiper-vertical-arrow .swiper-button-prev, .swiper-vertical-arrow .swiper-container-rtl .swiper-button-next {
		background-image: none;
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 26px;
	}

	.slider-vertical-right-arrow .swiper-button-next, .slider-vertical-right-arrow .swiper-container-rtl .swiper-button-prev {
		margin-top: 50px;
	}

	.slider-vertical-right-arrow-boxed .boxed-block {
		height: 80%;
	}

		.slider-vertical-right-arrow-boxed .boxed-block .content-boxed {
			width: 100%;
		}

	.phone-80 {
		max-height: 550px;
	}
}

@media screen and (max-width: 767px) {
	.slider-horizontal-bottom-arrow .swiper-button-prev, .slider-horizontal-bottom-arrow .swiper-container-rtl .swiper-button-next, .slider-horizontal-content-arrow .swiper-button-prev, .slider-horizontal-content-arrow .swiper-container-rtl .swiper-button-next {
		right: 80px;
	}

	.swiper-vertical-arrow .swiper-button-next, .swiper-vertical-arrow .swiper-container-rtl .swiper-button-prev, .swiper-vertical-arrow .swiper-button-prev, .swiper-vertical-arrow .swiper-container-rtl .swiper-button-next, .swiper-horizontal-arrow .swiper-button-next, .swiper-horizontal-arrow .swiper-container-rtl .swiper-button-prev, .swiper-horizontal-arrow .swiper-button-prev, .swiper-horizontal-arrow .swiper-container-rtl .swiper-button-next {
		background-image: none;
		height: 40px;
		width: 40px;
		line-height: 40px;
		font-size: 20px;
	}

	.slider-horizontal-bottom-arrow .swiper-button-next, .slider-horizontal-bottom-arrow .swiper-container-rtl .swiper-button-prev, .slider-vertical-right-arrow .swiper-button-next, .slider-vertical-right-arrow .swiper-container-rtl .swiper-button-prev {
		top: auto;
		right: 15px;
		bottom: 30px !important;
		left: auto;
		margin-top: 0px;
		margin-left: 50px;
	}

	.slider-horizontal-bottom-arrow .swiper-button-prev, .slider-horizontal-bottom-arrow .swiper-container-rtl .swiper-button-next, .slider-vertical-right-arrow .swiper-button-prev, .slider-vertical-right-arrow .swiper-container-rtl .swiper-button-next {
		top: auto;
		bottom: 30px !important;
		right: 70px;
		left: auto;
	}

	.slider-horizontal-bottom-arrow .swiper-pagination, .slider-vertical-right-arrow .swiper-pagination {
		margin-bottom: 30px;
	}

	.slider-vertical-right-arrow-boxed {
		position: relative;
	}

		.slider-vertical-right-arrow-boxed .boxed-left {
			position: relative;
			z-index: 1;
		}

		.slider-vertical-right-arrow-boxed .boxed-right {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 0;
		}

		.slider-vertical-right-arrow-boxed .boxed-block {
			height: 74%;
		}

			.slider-vertical-right-arrow-boxed .boxed-block .content-boxed {
				padding: 15px;
				width: 100%;
				min-height: auto;
			}

				.slider-vertical-right-arrow-boxed .boxed-block .content-boxed p {
					margin: 0;
				}

					.slider-vertical-right-arrow-boxed .boxed-block .content-boxed p:last-child {
						display: none;
					}

		.slider-vertical-right-arrow-boxed .swiper-button-next, .slider-vertical-right-arrow-boxed .swiper-container-rtl .swiper-button-prev {
			top: auto !important;
			right: 15px !important;
			bottom: 30px;
			left: auto;
			margin-top: 0px;
			margin-left: 50px;
		}

		.slider-vertical-right-arrow-boxed .swiper-button-prev, .slider-vertical-right-arrow-boxed .swiper-container-rtl .swiper-button-next {
			top: auto !important;
			bottom: 30px;
			right: 70px !important;
			left: auto;
		}

		.slider-vertical-right-arrow-boxed .swiper-pagination {
			margin-bottom: 30px;
		}

	.slider-horizontal-content-arrow .swiper-button-next, .slider-horizontal-content-arrow .swiper-container-rtl .swiper-button-prev {
		margin-left: 50px;
	}

	.phone-80 {
		max-height: 300px;
	}
}

.swiper-stories .swiper-slide .avatar, .swiper-stories2 .swiper-slide .avatar, .swiper-stories3 .swiper-slide .avatar {
	border: 3px solid rgba(20, 59, 224, 0.85);
}

.swiper-stories .swiper-slide.read .avatar, .swiper-stories2 .swiper-slide.read .avatar, .swiper-stories3 .swiper-slide.read .avatar {
	border: 3px solid #fff;
}

@media screen and (max-width: 480px) {
	.swiper-pagination-fraction {
		display: none;
	}

	.phone-80 {
		max-height: 200px;
	}
}

.ui-rounded .slider-content-top-right-arrow-btn .swiper-button-next, .ui-rounded .slider-content-top-right-arrow-btn .swiper-container-rtl .swiper-button-prev, .ui-rounded .slider-content-top-right-arrow-btn .swiper-button-prev, .ui-rounded .slider-content-top-right-arrow-btn .swiper-container-rtl .swiper-button-next, .ui-rounded .slider-content-top-right-vertical-arrow-btn .swiper-button-next, .ui-rounded .slider-content-top-right-vertical-arrow-btn .swiper-container-rtl .swiper-button-prev, .ui-rounded .slider-content-top-right-vertical-arrow-btn .swiper-button-prev, .ui-rounded .slider-content-top-right-vertical-arrow-btn .swiper-container-rtl .swiper-button-next {
	border-radius: 30px;
}

.swiper-auto .swiper-slide {
	width: auto;
	padding: 0 15px;
}

	.swiper-auto .swiper-slide > div {
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		transform: scale(0.9);
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		margin: 20px 0;
	}

	.swiper-auto .swiper-slide.swiper-slide-active > div {
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
		transform: scale(1);
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
	}

@media screen and (max-width: 992px) {
	.swiper-auto .pictureteam {
		height: 100%;
		width: 150px;
	}

		.swiper-auto .pictureteam + div {
			width: 300px;
			max-width: 300px;
			padding: 25px !important;
			position: relative;
			z-index: 1;
		}
}

@media screen and (max-width: 767px) {
	.swiper-auto .pictureteam {
		width: 280px;
	}

		.swiper-auto .pictureteam + div {
			position: absolute !important;
			bottom: 0;
			right: 0;
			height: auto !important;
			width: 280px;
			max-width: 280px;
			margin: 0px -25px -25px 25px;
			padding: 25px !important;
			position: relative;
			z-index: 1;
		}

	.swiper-auto .swiper-slide > div {
		height: 500px;
	}
}

.swiper-container-horizontal .nav-list-swiper {
	bottom: 0;
}

	.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet {
		width: 250px;
		height: auto;
		margin-right: 40px;
		overflow: visible;
		padding: 15px 0 0 0;
		background: transparent;
		opacity: 1;
	}

		.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet .businessimage {
			position: absolute;
			right: 0px;
			bottom: 3px;
			max-height: 180px;
			z-index: 2;
			margin-right: -20px;
		}

		.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet > div {
			height: 250px;
			margin-bottom: 0;
			position: relative;
			border-radius: 6px;
			overflow: hidden;
			opacity: 1;
			border: 3px solid #000000;
			background-color: #666666;
		}

			.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet > div .background {
				background-size: 100%;
				background-position: top center;
			}

			.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet > div h6 {
				display: inline-block;
				padding: 10px 20px;
				border-radius: 25px;
				background-color: var(--primary);
				margin: 0 auto;
			}

		.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active .businessimage {
			max-height: 200px;
			margin-right: -15px;
		}

		.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active > div {
			border-color: #4C4E67;
		}

			.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active > div .background {
				opacity: 1;
			}

			.swiper-container-horizontal .nav-list-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active > div h6 {
				background-color: #4C4E67;
			}

.nav.nav-pills .nav-item .nav-link {
	color: #4C4E67;
}

	.nav.nav-pills .nav-item .nav-link.active {
		color: #ffffff;
		background-color: #4C4E67;
	}

.footer-tabs {
	position: fixed;
	top: auto;
	left: 0;
	right: 0;
	width: 100%;
	bottom: 0;
	z-index: 1030;
	padding-bottom: calc(env(safe-area-inset-bottom) + 5px);
	background-color: rgba(255, 255, 255, 1);
	color: #ffffff;
	box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	-moz-backdrop-filter: blur(10px);
	-ms-backdrop-filter: blur(10px);
}

	.footer-tabs .nav-tabs {
		border-radius: 6px 6px 0 0;
		border: 0;
	}

		.footer-tabs .nav-tabs .nav-item {
			border: 0;
			padding: 0 5px 5px;
			width: 20vw;
		}

			.footer-tabs .nav-tabs .nav-item .nav-link {
				font-size: 20px;
				border: 0;
				margin: 0;
				padding: .5rem 1px;
				color: rgba(68, 68, 68, 0.50);
				border-radius: 4px;
			}

				.footer-tabs .nav-tabs .nav-item .nav-link i, .footer-tabs .nav-tabs .nav-item .nav-link span.icon {
					vertical-align: middle;
					display: inline-block;
					text-align: center;
				}

				.footer-tabs .nav-tabs .nav-item .nav-link small {
					display: block;
					font-size: 10px;
					line-height: 1;
					margin: 0px auto 0px auto;
					max-height: 1.33em;
				}

				.footer-tabs .nav-tabs .nav-item .nav-link.active {
					color: var(--secondary) !important;
					background-color: #ffffff !important;
					backdrop-filter: blur(15px);
					-webkit-backdrop-filter: blur(15px);
					-moz-backdrop-filter: blur(15px);
					-ms-backdrop-filter: blur(15px);
				}

				.footer-tabs .nav-tabs .nav-item .nav-link.bg-primary.active {
					background-color: var(--secondary) !important;
					!important;
					color: #ffffff !important;
				}

			.footer-tabs .nav-tabs .nav-item.centerlarge {
				position: relative;
			}

				.footer-tabs .nav-tabs .nav-item.centerlarge .nav-link {
					height: 40px;
					width: 40px;
					line-height: 38px;
					padding: 0;
					color: #fff;
					margin: 0 8px;
					margin-top: 12px;
					border-radius: 50%;
					box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
					-webkit-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
					-moz-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
					-ms-box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
					display: flex;
					align-items: center;
					justify-content: center;
				}

	.footer-tabs.footer-spaces {
		bottom: 15px;
		bottom: calc(15px + env(safe-area-inset-bottom));
		right: 15px;
		left: 15px;
		width: auto;
		border-radius: 15px;
		border: 1px solid rgba(0, 0, 0, 0.1);
		padding: 5px 0;
		box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
		-ms-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
	}

		.footer-tabs.footer-spaces .nav-tabs .nav-item {
			margin: 0 5px;
		}

			.footer-tabs.footer-spaces .nav-tabs .nav-item .nav-link {
				padding-left: 10px;
				padding-right: 10px;
			}

		.footer-tabs.footer-spaces.active {
			bottom: 0px;
			border-radius: 15px 15px 0 0;
			border-bottom: 0;
			box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05);
			-webkit-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05);
			-moz-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05);
			-ms-box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.05);
		}

	.footer-tabs .nav-tabs .nav-item.centerlarge .nav-link .badge {
		position: absolute;
		top: 10px;
		right: 5px;
		font-size: 10px;
		width: 15px;
		height: 15px;
		padding: 2px 0;
		font-weight: normal;
	}

.card .card-header {
	background-color: transparent;
	padding: 15px;
}

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

.card .card-footer {
	padding: 15px;
	background-color: transparent;
}

.avatar {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	/*z-index: 0;*/
}

	.avatar img {
		width: 100%;
		border-radius: 50%;
		height: 100%;
		object-fit: cover;
	}

.avatar-20 {
	width: 20px;
	min-width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
}

.avatar-26 {
	width: 26px;
	min-width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 20px;
}

.avatar-30 {
	width: 30px;
	min-width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: 15px;
}

.avatar-36 {
	width: 36px;
	min-width: 36px;
	height: 36px;
	line-height: 32px;
	font-size: 15px;
}

.avatar-40 {
	width: 40px;
	min-width: 40px;
	height: 40px;
	line-height: 40px;
}

.avatar-50 {
	width: 50px;
	min-width: 50px;
	height: 50px;
}

.avatar-60 {
	width: 60px;
	min-width: 60px;
	height: 60px;
}

.avatar-70 {
	width: 70px;
	min-width: 70px;
	height: 70px;
	line-height: 70px;
}

.avatar-80 {
	width: 80px;
	min-width: 80px;
	height: 80px;
	line-height: 80px;
}

.avatar-90 {
	width: 90px;
	height: 90px;
	line-height: 90px;
}

.avatar-100 {
	width: 100px;
	height: 100px;
	line-height: 100px;
}

.avatar-110 {
	width: 110px;
	height: 110px;
	line-height: 110px;
}

.avatar-120 {
	width: 120px;
	height: 120px;
	line-height: 120px;
}

.avatar-130 {
	width: 130px;
	height: 130px;
	line-height: 130px;
}

.avatar-140 {
	width: 140px;
	height: 140px;
	line-height: 140px;
}

.avatar-150 {
	width: 150px;
	height: 150px;
	line-height: 150px;
}

.avatar-160 {
	width: 160px;
	height: 160px;
	line-height: 160px;
}

.avatar-170 {
	width: 170px;
	height: 170px;
	line-height: 170px;
}

.avatar-180 {
	width: 180px;
	height: 180px;
	line-height: 180px;
}

.avatar-190 {
	width: 190px;
	height: 190px;
	line-height: 190px;
}

.avatar-200 {
	width: 200px;
	height: 200px;
	line-height: 200px;
}

.icons {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	border-radius: 4px;
}

	.icons i, .icons span {
		vertical-align: middle;
	}

	.icons.round {
		border-radius: 50%;
	}

.ui-rounded .icons {
	border-radius: 8px;
}

.flex-icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.icons.icon-150 {
	height: 150px;
	line-height: 140px;
	width: 150px;
	font-size: 70px;
}

.icons.icon-140 {
	height: 140px;
	line-height: 130px;
	width: 140px;
	font-size: 65px;
}

.icons.icon-130 {
	height: 130px;
	line-height: 120px;
	width: 130px;
	font-size: 60px;
}

.icons.icon-120 {
	height: 120px;
	line-height: 110px;
	width: 120px;
	font-size: 55px;
}

.icons.icon-110 {
	height: 110px;
	line-height: 100px;
	width: 110px;
	font-size: 50px;
}

.icons.icon-100 {
	height: 100px;
	line-height: 90px;
	width: 100px;
	font-size: 45px;
}

.icons.icon-90 {
	height: 90px;
	line-height: 80px;
	width: 90px;
	font-size: 40px;
}

.icons.icon-80 {
	height: 80px;
	line-height: 70px;
	width: 80px;
	font-size: 35px;
}

.icons.icon-70 {
	height: 70px;
	line-height: 68px;
	width: 70px;
	font-size: 28px;
}

.icons.icon-60 {
	height: 60px;
	line-height: 58px;
	width: 60px;
	font-size: 26px;
}

.icons.icon-50 {
	height: 50px;
	line-height: 48px;
	width: 50px;
	font-size: 24px;
}

.icons.icon-40 {
	height: 40px;
	line-height: 38px;
	width: 40px;
	font-size: 20px;
}

.icons.icon-35 {
	height: 35px;
	line-height: 33px;
	width: 35px;
	font-size: 18px;
}

.icons.icon-30 {
	height: 30px;
	line-height: 28px;
	width: 30px;
	font-size: 16px;
}

.icons.icon-20 {
	height: 20px;
	line-height: 18px;
	width: 20px;
	font-size: 15px;
}

.amount-neutral {
}

.amount-negative, .amount-negative * {
	color: #AA0000 !important;
}

.bg-light-violet {
	background-color: #D2D1E7;
	color: #827AC0;
}

.bg-light-orange {
	background-color: #F9D4CC;
	color: #EC7156;
}

.bg-orange {
	background-color: #F9D4CC;
	color: #EA8772;
}

.bg-light-red {
	background-color: #FAD0D4;
	color: #F96472;
}

.bg-red {
	background-color: #F3D0D4;
	color: #D86570;
}

.bg-light-green {
	background-color: #E3EAD3;
	color: #A3BB6F;
}

.bg-green {
	background-color: #DAEAD3;
	color: #7EBB6F;
}

.bg-light-green-med {
	background-color: #CBE9DF;
	color: #3CC28C;
}

.bg-light-yellow {
	background-color: #F8E6C3;
	color: #E9AD38;
}

.bg-light-magenta {
	background-color: #E1D0E7;
	color: #BE7AC0;
}

.bg-light-blue {
	background-color: #D0E5F3;
	color: #65ABD8;
}

.bg-blue {
	background-color: #D0DEF3;
	color: #337BBD;
}

.bg-brown {
	background-color: #F0D5CD;
	color: #B7553A;
}

.bg-grey {
	background: #E3E6E8;
	color: #626484;
}

.bg-green-grey {
	background: rgba(0, 105, 92, 0.27);
	background: #00695C45;
	color: #00695C;
}

.bg-blue-grey {
	background: #A0BEEA;
	color: #337BBD;
}

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

.bk-grey {
	background: #F6F8F9;
}

.h6, h6 {
	font-size: 0.9rem;
}

.total-balance {
	color: #ffffff;
}

	.total-balance h2 {
		font-size: 1.875rem;
	}

	.total-balance h6 {
		font-size: 0.875rem;
		font-weight: 400;
	}

	.total-balance .choice-view {
		border: 1.5px solid #fff;
		border-radius: 50%;
		font-size: 0.875rem;
		width: 32.5px;
		height: 32.5px;
		opacity: .6;
	}

		.total-balance .choice-view.active {
			opacity: 1;
		}

.profile .avatar {
	border: 5px solid rgba(0,0,0,0.15);
	overflow: visible;
	position: relative;
}

.profile small {
	text-transform: uppercase;
	font-size: 0.5rem;
	line-height: 10px;
	display: block;
	opacity: .6;
	margin-top: 5px;
}

.profile-pic {
	display: block;
}

.file-upload {
	display: none;
}

.circle {
	border-radius: 50%;
	overflow: hidden;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.account-drop {
	border: 0;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
	padding: 10px;
	right: -5px;
}

	.account-drop:after {
		content: '';
		position: absolute;
		top: 0;
		right: 20px;
		margin-left: -8px;
		margin-top: -8px;
		width: 0;
		z-index: 1;
		height: 0;
		border-bottom: solid 10px #FFF;
		border-left: solid 10px transparent;
		border-right: solid 10px transparent;
	}

	.account-drop[x-placement="top-end"]:after {
		bottom: -6px;
		top: auto;
		margin-top: 0px;
		border-bottom: solid 0px #FFF;
		border-top: solid 10px #FFF;
		border-left: solid 10px transparent;
		border-right: solid 10px transparent;
	}

	.account-drop .dropdown-item {
		display: flex;
		align-items: center;
		border-radius: 5px;
		padding: 7px;
		border: 1px solid #E3EBF1;
		margin-bottom: 7px;
		font-size: 14px !important;
		font-weight: 500;
		color: #4C4E67;
		padding-right: 20px;
		transition: all .2s ease-out;
	}

		.account-drop .dropdown-item:last-child {
			margin-bottom: 0px;
		}

		.account-drop .dropdown-item:hover {
			border: 1px solid var(--secondary);
			background: none;
		}

		.account-drop .dropdown-item i {
			height: 30px;
			width: 30px;
			margin-right: 10px;
			border-radius: 7px;
			background-color: var(--primary);
			transition: all .2s ease-out;
			color: #fff;
			padding: 7px;
			font-size: 16px;
		}

		.account-drop .dropdown-item:hover i {
			background-color: var(--secondary);
		}

img {
	max-width: 100%;
	height: auto;
}

.p-image {
	position: absolute;
	z-index: 9999;
	background: var(--secondary);
	transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
	top: 30px;
	left: -5px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	line-height: normal;
}

	.p-image:hover {
		transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
	}

.upload-button {
	font-size: 0.7rem;
	color: #fff;
	vertical-align: middle;
}

	.upload-button:hover {
		transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
		color: #fff;
	}

.balance-type .amount {
	font-size: 1.125rem;
	font-weight: 500;
	color: var(--primary);
}

	.balance-type .amount i {
		font-size: 1rem;
		color: #4C4E67;
	}

.balance-type .card {
	cursor: pointer;
}

	.balance-type .card .dropdown-toggle::after {
		display: inline-block;
		margin-left: 0.255em;
		font-family: 'Font Awesome 5 Pro';
		font-weight: 300;
		content: "\f078";
		position: absolute;
		right: 15px;
		top: 18px;
		font-size: 0.75rem;
		border: 0px;
	}

	.balance-type .card .show .dropdown-toggle::after {
		display: inline-block;
		margin-left: 0.255em;
		vertical-align: 0.255em;
		font-family: 'Font Awesome 5 Pro';
		font-weight: 300;
		content: "\f077";
		position: absolute;
		right: 15px;
		top: 16px;
	}

.balance-type .dropdown-menu {
	width: 100%;
	background: #F2F5F8;
	border: 0px;
}

.primary-bar {
	border-left: 3px solid var(--primary);
}

.secondary-bar {
	border-left: 3px solid var(--secondary);
}

.column-dep {
	margin: 8px 0px;
}

	.column-dep:first-of-type {
		margin-top: 2px;
	}

	.column-dep:last-of-type {
		margin-bottom: 2px;
	}

.sub-balance {
	border-bottom: 1px solid #dedede;
	padding-bottom: 13px;
	padding-top: 8px;
	position: relative;
}

	.sub-balance::after {
		font-family: 'Font Awesome 5 Pro';
		font-weight: 300;
		content: "\f054";
		position: absolute;
		right: -5px;
		top: 18px;
		font-size: 0.8125rem;
		color: #999;
	}

	.sub-balance h6 {
		color: #4C4E67;
		margin: 0px;
		overflow-x: hidden;
	}

		.sub-balance h6.amount {
			color: #4C4E67;
			margin: 0px;
			font-size: 0.9rem;
		}

	.sub-balance small {
		margin: 0px;
	}

	.sub-balance h6.amount small {
		color: #4C4E67;
		margin: 0px;
		font-weight: 500;
	}

.amount small.noview::after {
	content: " --";
}

.offers .card::before {
	content: '';
	background-color: var(--secondary);
	position: absolute;
	width: 50%;
	height: 50px;
	bottom: -3px;
	left: 0px;
	border-radius: 10px;
	z-index: -1;
}

.swiper-container {
	padding-right: 15px;
	padding-left: 15px;
}

.score .card-body {
	background: #F2F5F8;
	border-radius: 10px;
}

.score i {
	color: #dbe0e7;
	font-size: 27px;
}

.score label {
	text-transform: uppercase;
	font-size: 0.6875rem;
	font-weight: 600;
	line-height: 12px;
	color: var(--primary);
}

.score .value {
	font-size: 1.875rem;
	font-weight: 700;
	display: inline-block;
	vertical-align: sub;
	color: var(--primary);
}

.score .amount.up {
	background-color: var(--success);
	border-radius: 50%;
	font-size: 0.625rem;
	padding: 6px 4px 0 4px;
	color: #fff;
	font-weight: 500;
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	text-align: center;
}

.score .amount.down {
	background: var(--danger);
	border-radius: 50%;
	font-size: 0.625rem;
	padding: 6px 4px 0 4px;
	color: #fff;
	font-weight: 500;
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	text-align: center;
}

.score .amount.up:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f0d8";
	font-size: 10px;
	color: #fff;
	position: absolute;
	top: -1px;
	left: 7.5px;
	font-weight: 600;
}

.score .amount.down:before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f0d7";
	font-size: 10px;
	color: #fff;
	position: absolute;
	top: -1px;
	left: 7.5px;
	font-weight: 600;
}

.score .date-pulled {
	border-left: 1px solid #dedede;
}

	.score .date-pulled small {
		line-height: normal;
		display: inline-block;
		font-size: 75%;
	}

.claim {
	font-size: 1.875rem;
	color: var(--primary);
}

.login-logo img {
	height: 65px;
}

.fdic-logo {
	background: #F0F5F9;
	padding: 10px 15px;
	border-radius: 5px;
}

.login-controls {
	font-size: 0.8125rem;
}

.offer-block img {
	border-radius: 10px;
	width: 100%;
}

.link-block ul {
	padding: 0px;
	list-style-type: none;
	margin: 0px;
}

	.link-block ul li {
		display: inline-block;
		width: 30%;
		position: relative;
		font-size: 0.9rem;
	}

		.link-block ul li a {
			color: #4C4E67;
			outline: none;
			text-decoration: none;
		}

		.link-block ul li:after {
			content: '';
			border-right: 1px solid #dedede;
			position: absolute;
			right: 0;
			top: 10px;
			height: 20px;
		}

		.link-block ul li:last-child:after {
			content: '';
			border: 0px;
		}

		.link-block ul li i {
			display: block;
			color: var(--secondary);
			font-size: 1.3rem;
		}

.powered-block {
}

	.powered-block img {
		width: 150px;
	}

.sh-psw {
	display: none;
}

.password-input {
	position: relative;
}

	.password-input .form-control.form-control-lg {
		padding-right: 3.5rem;
	}

	.password-input .sh-psw {
		display: block;
		position: absolute;
		right: 5px;
		top: 4.5px;
		padding: 0;
		opacity: .4;
	}

		.password-input .sh-psw button {
			background: transparent;
			border: none;
			padding: 16px 0;
			width: 50px;
		}

.finger i {
	font-size: 1.6rem;
}

.list-group-flush > .list-group-item {
	border-width: 0 0 0px;
	border-radius: 10px;
	margin: 2px 0px;
	padding: .75rem 1.25rem .75rem .85em;
}

	.list-group-flush > .list-group-item.alternate {
		background: #F2F5F8;
	}

.list-group-flush h4 {
	font-size: 0.6875rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	color: var(--primary);
}

.current-balance h6 {
	font-size: 0.8125rem;
	font-weight: 400;
}

.current-balance h2 {
	font-size: 1.75rem;
	font-weight: 600;
	color: var(--primary);
}

	.current-balance h2 small {
		font-size: 60%;
		font-weight: 600;
	}

.available-balance h6 {
	font-size: 0.6875rem;
	font-weight: 400;
}

.available-balance h2 {
	font-size: 1.125rem;
	font-weight: 600;
	color: var(--primary);
}

	.available-balance h2 small {
		font-size: 60%;
		font-weight: 600;
	}

.edit-btn {
	margin-top: -13px;
	width: 32px;
	height: 32px;
	border: 1px solid #B1B1B1;
	border-radius: 50% !important;
	padding: 3px;
	color: #777;
}

.search-btn {
	margin-top: 8px;
	width: 32px;
	height: 32px;
	border-radius: 50% !important;
	color: #fff;
	background: var(--secondary);
}

	.search-btn i {
		vertical-align: baseline;
	}

.account-name h6 {
	font-size: 1rem;
	color: #4C4E67;
	font-weight: 500;
	line-height: 0.8rem;
}

.action-button .card-body {
	padding: 15px 10px;
	border-radius: 6px;
	font-size: 0.8125rem;
	font-weight: 600;
	text-decoration: none;
	background: var(--primary);
}

	.action-button .card-body i {
		font-size: 1.1875rem;
		vertical-align: bottom;
		margin-right: 2px;
	}

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

	.modal-content.modal-terms {
		height: 95vh;
	}

html.ios .modal-content.modal-terms {
	height: 91vh;
}

.modal-title {
	font-size: 1.125rem;
	font-weight: 600;
	margin: 0 auto;
	color: var(--primary);
}

.modal-header, .modal-footer {
	border: 0px !important;
}

	.modal-footer .btn-lg:not(.btn-block) {
		width: 46%;
		font-size: 0.875rem;
		padding: 0.575rem 1.5rem;
		border-radius: 6px !important;
	}

.modal-body iframe {
	border: 0;
	border-radius: .3rem .3rem 0 0;
	padding: 0.3rem 0.3rem 0 0.3rem;
	height: 100%;
	width: 100%;
}

html.ios .modal-terms .modal-body {
	overflow-y: scroll;
	height: 50vh;
	width: 100%;
	-webkit-overflow-scrolling: touch;
}

html.ios .modal-body iframe {
	overflow: hidden;
}

.collapse-link {
	width: 100%;
	display: block;
	font-size: 0.875rem;
	font-weight: 500;
	outline: none;
	color: #4C4E67 !important;
}

	.collapse-link:hover {
		text-decoration: none;
	}

	.collapse-link i {
		font-size: 1.25rem;
		vertical-align: middle;
		margin-right: 3px;
	}

.collapse-content {
	border-top: 1px solid #E0E2E5;
	padding-top: 10px;
	margin-top: 10px;
}

.collapse-link.collapsed::after {
	display: inline-block;
	margin-left: 0.255em;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	content: "\f078";
	position: absolute;
	right: 20px;
	top: 18px;
	color: #4C4E67;
	font-size: 0.65rem;
	border: 0px;
}

.collapse-link::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	font-family: 'Font Awesome 5 Pro';
	font-weight: 300;
	content: "\f077";
	position: absolute;
	right: 20px;
	top: 16px;
	font-size: 0.65rem;
}

.dropdown-item:active {
	background: none !important;
	color: inherit !important;
}

.form-control-search {
	position: absolute;
	z-index: 2;
	display: block;
	width: 2.375rem;
	height: 2.375rem;
	line-height: 2.375rem;
	text-align: center;
	pointer-events: none;
	opacity: .4;
}

.myprofile .avatar {
	border: 8px solid rgba(0,0,0,0.15);
	overflow: visible;
	position: relative;
	width: 116px;
	height: 116px;
}

.myprofile .circle {
	border-radius: 50%;
	overflow: hidden;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.myprofile .p-image {
	position: absolute;
	z-index: 9999;
	background: var(--secondary);
	transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
	top: 70px;
	left: -5px;
	border-radius: 50%;
	width: 27px;
	height: 27px;
	line-height: normal;
}

.myprofile .upload-button {
	font-size: 0.9rem;
	color: #fff;
}

.myprofile small.text-mute {
	display: block;
	font-size: 70%;
}

.menu-list .list-group-flush > .list-group-item {
	border-width: 0 0 0px;
	border-radius: 10px;
	margin: 0px 0px;
	margin-left: 0px;
	padding: .65rem 1.25rem .65rem .85em;
}

	.menu-list .list-group-flush > .list-group-item .icons {
		border-radius: 20px;
	}

	.menu-list .list-group-flush > .list-group-item p {
		color: #4C4E67;
	}

.menu-list .list-group-flush h4 {
	font-size: 0.6875rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
}

.menu-list .list-group-flush > .list-group-item a:hover {
	text-decoration: none;
}

.menu-list .list-group-flush > .list-group-item:hover {
	background-color: #F2F5F8 !important;
}

.routing {
	font-size: 0.80rem;
	font-weight: 300;
}

.swiper-cards .card {
	border-radius: 15px;
}

.menu-cards {
	display: none;
}

	.menu-cards .card {
		border: 1px solid #EDEDED;
		display: table;
		width: 100%;
	}

		.menu-cards .card .card-body {
			height: 100px;
			font-size: 0.75rem;
			line-height: 14px;
			color: #4C4E67;
			display: table-cell;
			vertical-align: middle;
		}

			.menu-cards .card .card-body i {
				font-size: 1.75rem;
				display: block;
				margin-bottom: 10px;
				color: var(--primary);
			}

	.menu-cards .activate {
		border-radius: 50px;
		padding: 0.8rem 1.5rem;
	}

.unlock {
	position: absolute;
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	text-align: center;
	padding-top: 60px;
}

	.unlock a {
		border-radius: 50px !important;
		opacity: .8;
		margin-top: 10px;
	}

.bg-container {
	overflow: hidden;
}

	.bg-container:before {
		display: inline-block;
		margin-left: 0.255em;
		font-family: 'Font Awesome 5 Pro';
		font-weight: 900;
		position: absolute;
		color: #fff;
		right: 0px;
		top: -178px;
		font-size: 15.65rem;
		border: 0px;
		opacity: .05;
	}

	.bg-container.bg-transfer:before {
		content: "\f0ec";
	}

	.bg-container.bg-security:before {
		content: "\f505";
		top: -148px;
	}

	.bg-container.bg-sendwire:before {
		color: #000;
		content: "\f0ac";
		opacity: .03;
	}

	.bg-container.bg-transfer-alt:before {
		content: "\f0ec";
		color: var(--primary);
		font-size: 13.65rem;
		left: -70px;
		top: -100px;
		right: unset;
	}

.bg-modal {
	overflow: hidden;
}

	.bg-modal:before {
		display: inline-block;
		margin-left: 0.255em;
		font-family: 'Font Awesome 5 Pro';
		font-weight: 900;
		position: absolute;
		left: -70px;
		left: -30px;
		top: -100px;
		top: -40px;
		color: var(--primary);
		font-size: 13.65rem;
		font-size: 10rem;
		border: 0px;
		opacity: .06;
	}

	.bg-modal.bg-activate:before {
		content: "\f011";
	}

	.bg-modal.bg-lock:before {
		content: "\f30d";
	}

	.bg-modal.bg-unlock:before {
		content: "\f3c2";
	}

	.bg-modal.bg-report:before {
		content: "\f5e9";
	}

	.bg-modal.bg-limit:before {
		content: "\f625";
	}

	.bg-modal.bg-transfer:before {
		content: "\f0ec";
	}

	.bg-modal.bg-delete:before {
		content: "\f2ed";
	}

	.bg-modal.bg-rename:before {
		content: "\f044";
	}

	.bg-modal.bg-high-risk:before {
		content: "\f3ed";
	}

.modal-body {
	z-index: 11;
}

.modal-footer a, .modal-footer button {
	z-index: 10;
}

.menu-transfer .card {
	border-radius: 30px;
	border: 1px solid #EDEDED;
	display: table;
	width: 100%;
}

	.menu-transfer .card .card-body {
		height: 150px;
		font-size: 0.8125rem;
		line-height: 15px;
		color: #4C4E67;
		border-radius: 30px;
		border: 1px solid #EDEDED;
		display: table-cell;
		vertical-align: middle;
	}

		.menu-transfer .card .card-body i {
			font-size: 2.625rem;
			display: block;
			margin-bottom: 10px;
			color: var(--primary);
		}

.menu-transfer-int .card {
	border-radius: 20px;
	border: 1px solid #EDEDED;
	display: table;
	width: 100%;
}

	.menu-transfer-int .card .card-body {
		height: 100px;
		font-size: 1rem;
		line-height: 15px;
		color: var(--primary);
		border-radius: 20px;
		border: 1px solid #EDEDED;
		display: table-cell;
		vertical-align: middle;
		text-align: left;
	}

		.menu-transfer-int .card .card-body span {
			font-size: 13px;
			font-weight: 300;
			color: #9C9C9C;
			display: block;
			margin-top: 10px;
		}

		.menu-transfer-int .card .card-body i {
			font-size: 2.625rem;
			display: inline-block;
			margin-bottom: 0px;
			color: var(--primary);
			float: left;
			margin-right: 45px;
		}

		.menu-transfer-int .card .card-body img {
			display: inline-block;
			margin-bottom: 0px;
			float: left;
			margin-right: 38px;
			width: 44px;
		}

.form-group label {
	font-size: 0.875rem;
}

.form-group .input-group-text {
	padding: .375rem 1.2rem;
	background-color: #fff;
	border: 1px solid #ced4da;
	font-weight: bold;
}

.form-control-note {
	font-size: 0.8rem;
	font-style: italic;
	margin-top: 0.25rem;
	opacity: 0.6;
	text-align: right;
}

.modal-body .form-group:last-of-type {
	margin-bottom: 0;
}

.info-value {
	line-height: 14px;
}

	.info-value i {
		font-size: 30px;
		opacity: .2;
	}

.list-link a {
	text-decoration: none;
	color: #4C4E67;
}

/* Search History */
.close-btn i {
	font-size: 18px;
}

.searchbox {
	background: #f2f5f8;
}

	.searchbox .form-control {
		background: none;
	}

		.searchbox .form-control::placeholder {
			font-weight: 400 !important;
			color: #a6a6a6;
		}

.search-lente {
	opacity: .7 !important;
}

#search-panel {
	display: none;
}

#clear-term {
	background-color: transparent;
	border: none;
	color: #999;
	display: none;
	font-size: 18px;
	position: absolute;
	right: 10px;
	top: 15px;
}

.checkbox-radio-search {
	background: #F2F5F8;
	padding: 6px 20px;
	color: #8A8B95;
	font-size: 13px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	margin: 5px auto;
}

	.checkbox-radio-search input[type='radio'] {
		display: none;
	}

	.checkbox-radio-search p {
		text-align: center;
	}

	.checkbox-radio-search .displaycheck {
		display: none;
	}

.checkbox-div {
}

	.checkbox-div.radioS1 {
		padding: 0px;
		padding-left: 15px;
	}

	.checkbox-div.radioS2 {
		padding: 0px;
		padding-left: 7px;
		padding-right: 7px;
	}

	.checkbox-div.radioS3 {
		padding: 0px;
		padding-right: 15px;
	}

	.checkbox-div.radioL1 {
		padding: 0px;
		padding-left: 15px;
		padding-right: 7px;
	}

	.checkbox-div.radioL2 {
		padding: 0px;
		padding-left: 7px;
		padding-right: 15px;
	}

/* Enroll */

.enroll {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

	.enroll .list-group-flush > .list-group-item {
		border-radius: 0;
	}

		.enroll .list-group-flush > .list-group-item h6 {
			font-size: 0.95rem;
		}

	.enroll .list-group-item.disabled {
		color: #CBCBD3;
		pointer-events: none;
		background-color: #fff;
	}

.progress-block .progress {
	display: flex;
	height: 0.75rem;
	overflow: hidden;
	line-height: 0;
	font-size: .75rem;
	border-radius: 20px;
	margin-top: 5px;
}

	.progress-block .progress .progress-bar {
		border-radius: 20px;
	}

.progress-percent {
	font-size: 1.25rem;
	font-weight: 600;
}

.progress-block .text-mute {
	color: #4C4E67;
	font-size: 0.85rem;
	margin-top: 5px;
}

.form-group .btn-group.btn-group-toggle .btn {
	border-radius: 10px !important;
	margin: 0 5px;
	background: #EFEFF2;
	color: #BEBEC6;
	line-height: 15px;
	padding: 12px 20px;
	width: 50%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

	.form-group .btn-group.btn-group-toggle .btn.active {
		border-radius: 10px !important;
		margin: 0 5px;
		background: var(--secondary);
		color: #fff;
	}

	.form-group .btn-group.btn-group-toggle .btn.focus {
		box-shadow: none;
	}

.amount-box .btn-group.btn-group-toggle .btn.btn-outline-primary {
	border-radius: 15px !important;
	margin: 0 5px;
	background: #fff;
	color: #BEBEC6;
	line-height: 15px;
	padding: 15px 8px;
	width: 33%;
	display: flex;
	align-items: center;
	border: 1px solid #EFEFF2;
	flex-direction: column;
	font-size: 0.8125rem;
	min-height: 100px;
	justify-content: center;
}

	.amount-box .btn-group.btn-group-toggle .btn.btn-outline-primary i {
		background: #B9B9BF;
		padding: 12px;
		border-radius: 50%;
		color: #fff !important;
	}

	.amount-box .btn-group.btn-group-toggle .btn.btn-outline-primary.active {
		border-radius: 15px !important;
		margin: 0 5px;
		background: #fff;
		color: #707185;
		border: 1px solid var(--primary);
	}

		.amount-box .btn-group.btn-group-toggle .btn.btn-outline-primary.active i {
			background: var(--primary);
			color: #fff !important;
		}

.license-pic {
	display: block;
}

.lic-upload {
	display: none;
}

.upload-button-lic {
	color: #214880;
	vertical-align: middle;
	margin-top: -4px;
	font-size: 1.8rem;
}

.upload-button:hover {
	transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
	color: #fff;
}

.angle {
	border: 2px solid var(--success);
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	font-size: 1.875rem;
	box-sizing: border-box;
	border-radius: 5px;
}

	.angle span {
		position: relative;
		z-index: 2;
	}


	.angle::before,
	.angle::after {
		content: "";
		position: absolute;
		z-index: 1;
		background: #fff;
	}

	.angle::before {
		width: calc(100% + 4px);
		height: calc(100% - 20px);
		left: -2px;
	}

	.angle::after {
		width: calc(100% - 20px);
		height: calc(100% + 4px);
		left: 50%;
		transform: translateX(-50%);
	}

.form-group .btn-group.btn-group-toggle .btn.btn-outline-primary {
	border-radius: 15px !important;
	margin: 0 5px;
	background: #fff;
	color: #BEBEC6;
	line-height: 15px;
	padding: 12px 5px;
	width: 33%;
	display: flex;
	align-items: center;
	border: 2px solid #EFEFF2;
	flex-direction: column;
	font-size: 0.8125rem;
	min-height: 100px;
	justify-content: center;
}

	.form-group .btn-group.btn-group-toggle .btn.btn-outline-primary.active {
		border-radius: 15px !important;
		margin: 0 5px;
		background: #fff;
		color: #4C4E67;
		border: 2px solid var(--primary);
	}

	.form-group .btn-group.btn-group-toggle .btn.btn-outline-primary i {
		display: block;
		font-size: 1.8rem;
		margin-bottom: 5px;
	}

	.form-group .btn-group.btn-group-toggle .btn.btn-outline-primary.active i {
		color: var(--primary);
	}

.custom-control-label {
	line-height: 1.5rem;
}

.custom-switch .custom-control-label {
	transform: scale(1.3);
	margin-top: -4px;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: var(--success);
	background-color: var(--success);
}

.custom-switch .custom-control-label::before {
	background-color: #E1E1E8;
	border: #E1E1E8 solid 1px;
}

.custom-switch .custom-control-label::after {
	background-color: #fff;
}

/* CHATBOT */

#chat-bot {
	position: fixed;
	right: 14px;
	bottom: 80px;
	cursor: pointer;
	width: 70px;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50px;
	background-color: var(--primary);
	border: 3px solid var(--primary);
	color: #fff;
	font-size: 22px;
	box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.35);
	margin: 0;
	z-index: 1031;
	transition: opacity 0.3s;
}

	#chat-bot .close {
		font-weight: 300 !important;
		opacity: 0;
		font-size: 30px;
		position: absolute;
		z-index: 2;
	}

	#chat-bot .comment {
		position: absolute;
		z-index: 3;
	}

	#chat-bot img {
		border-radius: 50%;
		height: 100%;
		width: 100%;
	}

#chat-overlay {
	background: rgba(0,0,0,.5);
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1031;
	opacity: 0;
	height: 0;
	transition: opacity 0.3s;
}

#chat-wrapper {
	position: fixed;
	right: 2%;
	top: -600px;
	width: 96%;
	background-color: #fff;
	border-radius: 10px;
	height: 98%;
	overflow: hidden;
	opacity: 0;
	transition: all 0.4s;
	z-index: 1032;
	display: flex;
	flex-direction: column;
}

	#chat-wrapper .head {
		padding: 18px;
		border-bottom: 1px solid #ccc;
		text-align: center;
		font-weight: 700;
		color: var(--primary);
		flex: 0;
	}

	#chat-wrapper .body {
		flex: 1;
		overflow-y: auto;
		padding: 0.25rem;
	}

		#chat-wrapper .body .message {
			padding: 0.25rem 0.5rem;
			display: flex;
		}

			#chat-wrapper .body .message.from-user {
				justify-content: flex-end;
				padding-left: 4rem;
			}

			#chat-wrapper .body .message.from-bot {
				justify-content: flex-start;
				padding-right: 3rem;
			}

			#chat-wrapper .body .message .icon {
				flex: 0 0 auto;
				height: 1.5rem;
				width: 1.5rem;
				background-position: center center;
				background-repeat: no-repeat;
				background-size: cover;
				vertical-align: text-top;
			}

			#chat-wrapper .body .message .msg {
				border-radius: 0.66rem 0.66rem;
				border: none;
				flex: 0 1 auto;
				line-height: 1.25em;
				padding: 0.33rem 0.67rem;
				vertical-align: text-top;
			}

			#chat-wrapper .body .message.from-bot .icon {
				margin-right: 0.5rem;
			}

		#chat-wrapper .body .actions {
			display: flex;
			flex-wrap: wrap;
		}

			#chat-wrapper .body .actions.from-bot {
				justify-content: flex-start;
				padding: 0.25rem 0.25rem 0.25rem 2rem;
			}

			#chat-wrapper .body .actions .msg {
				border-radius: 0.66rem 0.66rem;
				border: none;
				flex: 0 1 auto;
				line-height: 1.25em;
				margin: 0 0.33rem 0.33rem 0;
				padding: 0.33rem 0.67rem;
				vertical-align: text-top;
				white-space: nowrap;
			}

	#chat-wrapper .messaging {
		border-top: 1px solid #ccc;
		display: flex;
		flex: 0;
	}

		#chat-wrapper .messaging input {
			border-radius: 0;
			border: 0;
			flex: 1 0 auto;
			padding: 1rem 0.5rem;
		}

		#chat-wrapper .messaging .btn {
			border-radius: 0;
			flex: 0 1 auto;
			font-size: 1.33em;
			padding: 0.725rem;
		}

#chat-bot-check {
	display: none !important;
}

	#chat-bot-check:checked ~ #chat-bot {
		opacity: 0;
	}

	#chat-bot-check:checked ~ #chat-wrapper {
		opacity: 1;
		box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.15);
		top: 1%;
	}

	#chat-bot-check:checked ~ #chat-overlay {
		height: 100%;
		opacity: 1;
	}

#chat-message {
	position: fixed;
	font-size: 13px;
	right: 40px;
	background: var(--primary) !important;
	bottom: 98px;
	z-index: 1030;
	color: #fff;
	padding: 10px;
	padding-left: 15px;
	border-radius: 10px;
	padding-right: 50px;
	width: auto;
	height: 39.5px;
	transition: all 0.65s;
	transition-delay: .1s;
	box-shadow: 0 0rem 0.8rem rgba(0, 0, 0, 0.35);
}

.hidemsg {
	transform: scale(0, 1);
	transform-origin: right;
	right: 40px;
	border-radius: 5px;
	opacity: .7;
}

/* Mobile Dev Customizations */
.pre-line {
	white-space: pre-line;
}

.no-header {
	padding-top: env(safe-area-inset-top) !important;
}

.no-footer {
	padding-bottom: env(safe-area-inset-bottom) !important;
}

.modal-body, .modal-footer {
	padding-top: 0.5rem;
}

.modal-header, .modal-body {
	padding-bottom: 0.5rem;
}

#cr-question {
	height: auto !important;
	line-height: 1.33em;
	padding: 1rem;
}

.multi-step-form {
	display: none;
}

#login-form-username, #device-authorization-step-1 {
	display: block;
}

#register .btn, #enroll .btn {
	padding: 0.565rem 1.5rem;
	line-height: 1.3;
}

.balance-type .dropdown-menu {
	max-height: 14.5rem;
	overflow-y: auto;
}

.form-control.force-active {
	background-color: #FFF;
}

.swiper-cards .card {
	background-color: transparent;
	height: 200px;
	position: relative;
}

	.swiper-cards .card .card-detail {
		position: absolute;
		left: 1.7rem;
		color: #FFFFFF;
		font-family: 'kredit-back';
		letter-spacing: 2px;
		text-transform: uppercase;
		-webkit-text-stroke-color: #00000090;
		-webkit-text-stroke-width: .055em;
	}

	.swiper-cards .card .card-num {
		top: 6.9rem;
		font-size: 1.4em;
		height: 1.4em;
		overflow: hidden;
		word-spacing: 0.2em;
	}

	.swiper-cards .card .card-date {
		top: 9.25rem;
		font-size: 1.05em;
	}

	.swiper-cards .card .card-name {
		top: 10.45rem;
		font-size: 1.075em;
		letter-spacing: 1px;
		text-transform: uppercase;
	}

main.embed {
	height: 100%;
	overflow: hidden;
}

	main.embed iframe {
		width: 100%;
		height: 100%;
		border: none;
	}

.error-text {
	font-family: Verdana;
	font-size: 0.85em;
	text-align: justify;
	text-align-last: auto;
}

.cass-address-block {
	white-space: pre-line;
	font-weight: bold;
}

button.flat {
	background: transparent;
	border: none;
	padding: 0;
}

html.ios.modal-open {
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

a[target=appStore] img {
	max-width: 66vw;
}

.col-6 a[target=appStore] img {
	max-width: 44vw;
}

a.vertifi-app:not([href]) {
	opacity: 0.33;
}

.rdc-photo {
	position: relative;
}

	.rdc-photo:before {
		border-radius: 11px;
		color: var(--primary);
		content: '\f030';
		font-family: 'Font Awesome 5 Pro';
		font-size: 3rem;
		line-height: 7.5rem;
		pointer-events: none;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		text-align: center;
	}

	.rdc-photo.checking:before {
		background-color: rgba(127, 127, 127, 0.5);
		content: '\f254';
	}

	.rdc-photo input.form-control {
		background-color: black;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: contain;
		color: transparent;
		height: 7.5rem;
	}

.history-detail .checks {
	background-color: #000000;
	width: 100%;
	height: 140px;
	overflow-x: auto;
	overflow-y: hidden;
	text-align: center;
	white-space: nowrap;
}

	.history-detail .checks img {
		height: 95%;
		display: inline-block;
		margin: 0.25rem;
	}

.history-detail h6 {
	margin-bottom: 0.25rem;
}

.location-search input, .location-search select {
	height: 48px !important;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.06);
	font-size: 14px !important;
}

.location-search .btn {
	padding: 0.64rem 1.5rem !important;
}

.location-search .more-options {
	padding-left: 25px;
	font-size: 15px;
	text-decoration: none;
}

	.location-search .more-options.collapsed:before {
		font-family: 'Font Awesome 5 Pro';
		font-weight: 400;
		content: "\f078";
		position: absolute;
		left: 20px;
		top: 18px;
		font-size: 0.8125rem;
		color: var(--primary);
	}

	.location-search .more-options:before {
		font-family: 'Font Awesome 5 Pro';
		font-weight: 400;
		content: "\f077";
		position: absolute;
		left: 20px;
		top: 18px;
		font-size: 0.8125rem;
		color: var(--primary);
	}

.location-search .form-group .btn-group.btn-group-toggle .btn.btn-outline-primary.active {
	border-radius: 15px !important;
	margin: 0 5px;
	background: #fff;
	color: #4C4E67;
	border: 3px solid var(--secondary);
	padding: 0px !important;
	min-height: 60px;
	display: flex;
	flex-direction: inherit;
	text-align: left;
	color: var(--primary);
	filter: saturate(100%);
	opacity: 1;
}

.location-search .form-group .btn-group.btn-group-toggle .btn.btn-outline-primary {
	border-radius: 15px !important;
	margin: 0 5px;
	background: #EFEFF2;
	color: #BEBEC6;
	line-height: 15px;
	align-items: center;
	border: 2px solid #EFEFF2;
	padding: 0px !important;
	min-height: 60px;
	display: flex;
	flex-direction: inherit;
	text-align: left;
}

	.location-search .form-group .btn-group.btn-group-toggle .btn.btn-outline-primary i, .location-search .form-group .btn-group.btn-group-toggle .btn.btn-outline-primary img {
		margin-right: 10px;
	}

	.location-search .form-group .btn-group.btn-group-toggle .btn.btn-outline-primary img {
		filter: saturate(0%);
		opacity: .5;
	}

	.location-search .form-group .btn-group.btn-group-toggle .btn.btn-outline-primary.active {
		border-radius: 15px !important;
		margin: 0 5px;
		background: #fff;
		color: #4C4E67;
		border: 3px solid var(--secondary);
		padding: 0px !important;
		min-height: 60px;
		display: flex;
		flex-direction: inherit;
		text-align: left;
		color: var(--primary);
	}

		.location-search .form-group .btn-group.btn-group-toggle .btn.btn-outline-primary.active img {
			filter: saturate(100%);
			opacity: 1;
		}

.locations-results .text-mute {
	line-height: 15px;
}

.locations-results h6 {
	margin-bottom: 2px !important;
}

.locations-results a .text-mute, .locations-results a h6 {
	color: #4C4E67;
	text-decoration: none;
}

.locations-results .list-group-item:after {
	font-family: 'Font Awesome 5 Pro';
	font-weight: 400;
	content: "\f054";
	position: absolute;
	right: 20px;
	top: 27px;
	font-size: 0.8125rem;
	color: var(--primary);
}

h1 label, h2 label, h3 label, h4 label, h5 label, h6 label {
	margin-bottom: 0;
	padding-bottom: 0;
}

input.validation {
	background: transparent;
	border: none;
	height: 1px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 1px;
}

/* Loading Indicator */
@-webkit-keyframes rotate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	0% {
		-moz-transform: rotate(0deg);
	}

	100% {
		-moz-transform: rotate(360deg);
	}
}

@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#loading {
	position: fixed;
	z-index: -1;
	display: flex;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.25);
	align-items: center;
	justify-content: center;
	visibility: hidden;
}

	#loading.show-loading {
		z-index: 1050;
		visibility: visible;
	}

		#loading.show-loading .loading-spinner {
			height: 100px;
			width: 100px;
			border-width: 12px;
			border-width: 12.5px;
			border-style: solid;
			border-color: rgba(255, 255, 255, 0.85);
			border-left-color: transparent;
			border-right-color: transparent;
			border-radius: 50%;
			-webkit-animation: rotate .66s infinite linear;
			-moz-animation: rotate .66s infinite linear;
			animation: rotate .66s infinite linear;
		}

#vertifi-style-holder {
	background-color: var(--secondary);
	color: var(--primary);
	display: none;
}

/* Wires */
span.infobank {
	font-size: 10px;
	color: #8A8B95;
}

.disabledcheck {
	opacity: 0.5;
	pointer-events: none;
}

.pointernone {
	pointer-events: none;
}

.img-block-wire {
	width: 100%;
	max-width: 58px;
	margin: auto;
	display: block;
	margin-bottom: 10px;
}

.beforebeginimg {
	max-width: 140px;
}

.text-color h4 {
	color: var(--primary);
}

.text-color p {
	font-size: 17px;
	color: #8A8B95;
	font-weight: 300;
}

.checkbox-radio {
	background: #F2F5F8;
	padding: 20px;
	color: #8A8B95;
	font-size: 13px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	margin: 15px auto;
}

	.checkbox-radio input[type='checkbox'] {
		width: 20px;
		height: 20px;
		background-color: none;
		border-radius: 50%;
		vertical-align: middle;
		border: 1px solid #D3D3D3;
		appearance: none;
		-webkit-appearance: none;
		outline: none;
		cursor: pointer;
	}

	.checkbox-radio p {
		margin-bottom: auto;
		margin-top: auto;
	}

.checkbox-radio-identity.activecheck {
	border: 1px solid #46D39A !important;
	color: #fff !important;
	background: #46D39A;
}

	.checkbox-radio-identity.activecheck p {
		color: #fff !important;
	}

	.checkbox-radio-identity.activecheck i {
		color: #fff !important;
	}

.checkbox-radio-identity {
	background: #fff;
	border: 1px solid #EDEDED;
	padding: 12px 20px;
	color: #8A8B95;
	font-size: 13px;
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	margin: 15px auto;
}

	.checkbox-radio-identity input[type='radio'], .checkbox-radio-identity input[type='checkbox'] {
		width: 20px;
		height: 20px;
		background-color: none;
		border-radius: 50%;
		vertical-align: middle;
		border: 1px solid #D3D3D3;
		appearance: none;
		-webkit-appearance: none;
		outline: none;
		cursor: pointer;
	}

	.checkbox-radio-identity p {
		margin-bottom: auto;
		margin-top: auto;
	}

.centercontent {
	margin-top: auto;
	margin-bottom: auto;
}

.activecheck {
	background: var(--secondary);
	color: #fff;
}

.checkbox-radio .displaycheck {
	display: none;
}

.checkbox-radio-identity .displaycheck {
	display: none;
}

.activecheck .displaycheck {
	display: inline-block !important;
	color: #fff;
	font-size: 12px;
}

.activecheck input[type='checkbox'], .activecheck input[type='radio'] {
	display: none;
}

.amount-block h4 {
	font-size: 18px;
	color: var(--primary);
	text-align: center;
	font-weight: 500;
}

#wire-amount .input-group-prepend .input-group-text {
	background: none;
	border: none;
	color: var(--primary);
}

#wire-amount input {
	color: var(--primary);
	font-size: 60px;
	border: none;
	max-height: 80px;
	font-weight: 300;
	-moz-appearance: textfield;
}

	#wire-amount input::placeholder {
		color: var(--primary);
		opacity: 1;
		font-weight: 300;
	}

.margin-amoutinfo {
	margin: 0px 50px;
	position: relative;
	text-align: center;
}

.info-amout {
	position: absolute;
	top: -10px;
	left: -10px;
}

	.info-amout i {
		font-size: 21px !important;
		opacity: 0.3 !important;
	}

.existing-p-o-content .list-group-item {
	border-radius: 10px !important;
	-webkit-border-radius: 10px !important;
	-moz-border-radius: 10px !important;
	-o-border-radius: 10px !important;
	-ms-border-radius: 10px !important;
}

.swipeable {
}

	.swipeable .inner {
		background-color: inherit !important;
		border: none;
		text-align: left;
		width: 100%;
	}

	.swipeable:nth-of-type(odd) {
		background-color: #F2F5F8;
	}

	.swipeable:nth-of-type(even) {
		background-color: #FFF;
	}

.delete-block i {
	background: #FE314D;
	padding: 13px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	margin-top: 0px;
	font-size: 18px;
}

.form-org-per i {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 24px;
	margin: 5px 0px;
}

.form-org-per .btn span {
	padding: 0px 20px;
}

.card-grey {
	background: #F2F5F8;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
}

.card-body .card-grey {
	padding: 15px;
}

.displaynonecontent {
	display: none;
}

.modalamount .text-center span {
	font-size: 11px !important;
	color: #717171;
	margin-top: 10px;
	display: block;
}

.chat .chat-pic {
	width: 140px;
	border-radius: 50%;
}

.sendidentity h4.text-primary {
	text-align: center;
	font-size: 20px;
}

.checkmail i {
	font-size: 20px;
	color: #4C4E68;
}
/* End Wires */

h6.savings {
	display: flex;
	font-size: 1em;
	font-weight: bold;
}

	h6.savings:after {
		height: 1px;
		border-bottom: 1px solid #B8B8B8;
		content: '';
		flex: 1 1 auto;
		margin-top: 0.5em;
		margin-left: 0.5rem;
	}

#savvy-widget {
	border: 0;
	height: 300px;
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Secure Messaging */
#secure-message-threads .secure-message-container {
}

	#secure-message-threads .secure-message-container.unread {
		font-weight: bold;
	}

	#secure-message-threads .secure-message-container .detail {
		font-size: 0.875em;
	}

#secure-message-display {
}

	#secure-message-display #secure-message-title {
		display: -webkit-box;
		font-size: 1.2em;
		font-weight: bold;
		max-height: 3em;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	#secure-message-display #secure-message-attachments {
		max-height: 180px;
		overflow-y: auto;
	}

		#secure-message-display #secure-message-attachments .list-group-item .download-icon[disabled] {
			opacity: 0.5;
			pointer-events: none;
		}

		#secure-message-display #secure-message-attachments .list-group-item .description {
			overflow-x: hidden;
			text-overflow: ellipsis;
		}

		#secure-message-display #secure-message-attachments .list-group-item .date {
			font-size: 0.775em;
			font-style: italic;
		}

	#secure-message-display #secure-message-content {
		font-size: 0.9em;
		max-height: 360px;
		overflow: auto;
		white-space: pre-wrap;
	}

		#secure-message-display #secure-message-content hr {
			border: 0;
			border-top: 1px solid rgba(0,0,0,0.7);
			margin: 0 0.675em;
			margin-bottom: -1.5em;
		}

#secure-message-reply {
}

	#secure-message-reply #secure-message-title {
		display: -webkit-box;
		font-size: 1.2em;
		font-weight: bold;
		max-height: 3em;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}

	#secure-message-reply #secure-message-attachments {
	}

		#secure-message-reply #secure-message-attachments #secure-message-upload-list {
			max-height: 180px;
			overflow-y: auto;
		}

			#secure-message-reply #secure-message-attachments #secure-message-upload-list .list-group-item .name {
				overflow-x: hidden;
				text-overflow: ellipsis;
			}

			#secure-message-reply #secure-message-attachments #secure-message-upload-list .list-group-item .size {
				font-size: 0.775em;
				font-style: italic;
			}
/* End Secure Messaging */
.modal-information .modal-content {
	background: url("../img/info-bk.svg") #fff no-repeat;
	background-position: top left;
}

.text-modal-information {
	padding: 25px !important;
}

	.text-modal-information h5 {
		color: #3D3935 !important;
		font-size: 17px;
		font-weight: 600;
	}

	.text-modal-information p {
		color: #4D4E5F;
		font-size: 13px;
		font-weight: 300;
		line-height: 18px;
	}
/* Travel Alerts */
.title-travel {
	font-size: 26px;
	color: #3D3935;
	font-weight: 700;
}

.text-decoration-underline.grey {
	text-decoration: underline;
	color: #4C4E67;
	font-size: 14px;
	font-weight: 300;
}

.size-16 {
	font-size: 16px;
}

.send-ok {
	background: #F4F9FF;
	color: #80A6CD;
	padding: 20px 24px;
	font-size: 14px;
	font-weight: 700;
	margin-top: 10px;
	border-radius: 10px;
	display: none;
}

.visible-ok {
	display: block;
}

.pincode-box input {
	border: none;
	border-bottom: 3px solid #E1E1E8;
	border-radius: 0px !important;
}

.pincode-box p {
	text-align: center;
	margin-top: 20px;
	display: block;
	color: #A9A9AF;
	font-size: 14px;
}

.travel-navbar h6 {
	color: #4C4E67 !important;
}

.travel-img {
	margin: 0 auto;
	width: 100%;
	max-width: 260px;
	display: block;
}

.travel-adding-box h3 {
	font-size: 26px;
	text-align: center;
	color: #3D3935;
	font-weight: 700;
	margin-top: 35px;
}

.travel-adding-box p {
	font-size: 14px;
	color: rgba(76,78,103,0.70) !important;
	text-align: center;
	margin-top: 15px;
	padding: 0px 30px;
}

.list-travel .list-group-flush h4 {
	font-size: 12px;
}

.travel-box-date .date-add {
	padding: 18px;
	border-radius: 10px;
}

.travel-box-date {
	margin-top: 10px;
}

	.travel-box-date .date-add:nth-child(1) {
		background: #F2F5F8;
	}

	.travel-box-date .date-add:nth-child(2) {
		background: #fff;
	}

	.travel-box-date .date-add:nth-child(3) {
		background: #F2F5F8;
	}

	.travel-box-date .date-add:nth-child(4) {
		background: #fff;
	}

	.travel-box-date .date-add:nth-child(5) {
		background: #F2F5F8;
	}

	.travel-box-date .date-add:nth-child(6) {
		background: #fff;
	}

	.travel-box-date .date-add:nth-child(7) {
		background: #F2F5F8;
	}

	.travel-box-date .date-add:nth-child(8) {
		background: #fff;
	}

	.travel-box-date .date-add:nth-child(9) {
		background: #F2F5F8;
	}

	.travel-box-date .date-add:nth-child(10) {
		background: #fff;
	}

	.travel-box-date .date-add:nth-child(11) {
		background: #F2F5F8;
	}

	.travel-box-date .date-add:nth-child(12) {
		background: #fff;
	}

.minimaze-list-travel {
	margin-top: 50px !important;
	font-size: 12px !important;
	color: #4C4E67 !important;
	text-align: center !important;
	display: block !important;
}

.minimaze-list-details {
	margin-top: 40px !important;
	font-size: 12px !important;
	color: #4C4E67 !important;
	text-align: left !important;
	display: block !important;
}

.date-notice {
	margin-top: 30px;
}

.list-travel-group {
	border-top: 1px solid rgba(151,151,151,0.25);
}

.box-travel {
	border-bottom: 1px solid rgba(151,151,151,0.25);
	padding: 16px 12px;
	font-size: 14px;
	color: #3D3935;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	.box-travel span.testo-travel {
		padding-top: 3px;
		display: inline-block;
		max-width: 88%;
	}

.delete-travel {
	float: right;
	padding: 3px 7px;
	border-radius: 60px;
	border: 1px solid #E34538;
	width: 28px;
	cursor: pointer;
	height: 28px;
}

	.delete-travel i {
		font-size: 14px;
		color: #E34538;
	}

.cardname {
	font-size: 14px;
	color: #3D3935;
	font-weight: 700;
	margin-top: 10px;
	margin-bottom: 0px;
}

.list-card .list-group-flush > .list-group-item {
	padding: 16px;
}

	.list-card .list-group-flush > .list-group-item img {
		border-radius: 10px;
		max-width: 130px;
	}

.select-all-card {
	background: #F2F5F8;
	padding: 16px;
	border-radius: 10px;
	margin-top: 30px;
}

.list-destination {
	border-top: 1px solid rgba(151,151,151,0.25);
}

	.list-destination .destination {
		border-bottom: 1px solid rgba(151,151,151,0.25);
		padding: 12px;
	}

.destination .departure {
	font-size: 14px;
	color: #3D3935;
}

.destination .return {
	font-size: 14px;
	color: #3D3935;
}

.destination .date-departure {
	font-size: 14px;
	color: #3D3935;
	font-weight: bold;
	float: right;
}

.destination .date-return {
	font-size: 14px;
	color: #3D3935;
	font-weight: bold;
	float: right;
}

.list-cards {
	border-bottom: 1px solid rgba(151,151,151,0.25);
	padding: 12px 0px;
}

	.list-cards .cards-info img {
		max-width: 69px;
		display: inline-block;
		margin-right: 16px;
		border-radius: 5px;
	}

	.list-cards .cards-info span {
		font-size: 11px;
		color: #3D3935;
		display: inline-block;
	}

		.list-cards .cards-info span strong {
			font-size: 14px;
		}

.cards-box-list {
	border-top: 1px solid rgba(151,151,151,0.25);
}
/* End Travel Alerts */
/* DCI */
.imgIconCards {
	display: block;
	margin: 0px auto 8px auto;
}

.img-card-details {
	position: relative;
	z-index: 999;
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.mt-meno1 {
	margin-top: -1px;
}

.padding-detailscard {
	padding: 0px 8px;
}

.copycardnumber {
	display: flex;
	justify-content: flex-end;
	color: var(--primary);
	margin-top: 8px;
	padding-right: 4px;
	font-size: 12px;
	align-items: center;
	column-gap: 4px;
}

	.copycardnumber:hover {
		text-decoration: none;
	}

.wallet-btn {
	background-color: rgb(41, 41, 41) !important;
	border-color: rgb(41, 41, 41) !important;
	border-radius: 30px !important;
	color: #fff !important;
	display: flex;
	align-items: center;
	font-weight: 500;
	margin: 0 auto;
	padding: 0.65rem 1.5rem;
}

	.wallet-btn img {
		height: 1.85rem;
	}

.details-box-date .details-add {
	padding: 16px;
	border-radius: 10px;
}

.details-box-date {
	margin-top: 10px;
}

	.details-box-date .details-add:nth-child(odd) {
		background: #F2F5F8;
	}

	.details-box-date .details-add:nth-child(even) {
		background: #fff;
	}

	.details-box-date .details-add {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

		.details-box-date .details-add .type-details {
			font-size: 14px;
			color: #2A2A2A;
		}

		.details-box-date .details-add .info-details {
			font-size: 16px;
			font-weight: 600;
			color: #2A2A2A;
		}

.opacity0 {
	opacity: 0;
	pointer-events: none;
}

.pinbkicon {
	background: url("../img/pin-bk.svg") no-repeat;
	background-position: 175% top;
}

.header-modalpin {
	background: var(--primary) url("../img/pin-bk.svg");
	background-repeat: no-repeat;
	background-position: 130% 160%;
	display: block !important;
	padding: 48px 0px;
}

	.header-modalpin h5 {
		text-align: center;
		color: #fff !important;
		font-size: 30px;
		line-height: 36px;
	}

	.header-modalpin p {
		font-size: 18px;
		color: #fff;
		margin-bottom: 0px;
		text-align: center;
	}

.box-pin {
}

	.box-pin h3 {
		font-size: 24px;
		color: var(--primary);
		text-align: center;
		padding: 0.5rem;
	}

.pinboxlogin {
	display: flex;
	justify-content: center;
}

.lostcardphysical {
}

	.lostcardphysical h3 {
		font-size: 36px;
		color: var(--primary);
		font-weight: 600;
		margin: 1rem 0;
	}

	.lostcardphysical p {
		font-size: 18px;
		color: #676767;
	}

.lostcardpopup .custom-dropdown button.mydropdown-toggle {
	border: 1px solid var(--primary) !important;
	border-radius: 10px !important;
	height: auto !important;
	white-space: normal;
	min-height: 54px;
	margin-bottom: 2rem;
}

	.lostcardpopup .custom-dropdown button.mydropdown-toggle h6 {
		color: #3D3935;
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 2px;
	}

	.lostcardpopup .custom-dropdown button.mydropdown-toggle p {
		color: #7A7A7A;
		font-size: 12px;
		margin-top: 0px;
		font-weight: 300;
	}

.lostcardpopup .custom-dropdown.show button.mydropdown-toggle {
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.lostcardpopup .custom-dropdown .content-drop {
	max-width: 100%;
}

.lostcardpopup .dropdown-menu {
	max-height: 185px;
}

.lostcardpopup .dropdown-item {
	white-space: normal !important;
}

	.lostcardpopup .dropdown-item h6, .lostcardpopup .dropdown-toggle h6 {
		color: #3D3935;
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 2px;
	}

	.lostcardpopup .dropdown-item p, .lostcardpopup .dropdown-toggle p {
		color: #7A7A7A;
		font-size: 12px;
		margin-top: 0px;
		font-weight: 300;
	}

.button-done .btn-block {
	background: var(--secondary);
	border: none;
}

	.button-done .btn-block:hover {
		background: var(--secondary);
		border: none;
		opacity: .9;
	}

.disablebutton {
	pointer-events: none;
	opacity: .5;
}

.details-container {
	background: rgba(0,0,0,0.85) url("../img/allset.jpg") no-repeat;
	background-size: cover;
	background-position: bottom;
	min-height: 350px;
}

.detailsBoxInfo h2 {
	font-size: 22px;
	color: #2A2A2A;
	font-weight: 600;
}

.contenttext-lost h3 {
	font-size: 26px;
	text-align: center;
	line-height: 31px;
	color: var(--primary);
	padding: 0px 48px;
	font-weight: 600;
}

.contenttext-lost p {
	text-align: center;
	font-size: 16px;
	color: #676767;
	margin-top: 16px;
	padding: 0px 24px;
}

.lost-text h2 {
	color: var(--primary);
	font-size: 22px;
	font-weight: 600;
}

.dropdownLost {
	margin-top: 54px;
}

	.dropdownLost a {
		white-space: normal;
	}

	.dropdownLost h6 {
		font-size: 14px;
		color: #3D3935;
		font-weight: 600;
		line-height: 17px;
		margin-bottom: 2px;
	}

	.dropdownLost p {
		font-size: 12px;
		color: #7A7A7A;
		font-weight: 400;
	}

	.dropdownLost .custom-dropdown .dropdown-menu {
		background: rgba(236,244,250,0.64);
	}

	.dropdownLost .custom-dropdown button {
		height: auto;
		min-height: 56px;
	}

	.dropdownLost .dropdown-toggle {
		white-space: normal;
	}

.info-address-pickup {
	background: #EDF4FA;
	border-radius: 10px;
	padding: 20px;
	margin: 40px 0px;
}

	.info-address-pickup h5 {
		font-size: 16px !important;
		color: var(--primary) !important;
		font-weight: 600 !important;
		margin-bottom: 8px;
		text-align: center;
	}

	.info-address-pickup p {
		font-size: 13px;
		color: #7A7A7A;
		font-weight: 600;
		text-align: center;
	}

.box-address-confirm {
	background: url("../img/pin-pattern.svg") no-repeat #F5F8FB;
	background-position: 120% center;
	border: 1px solid var(--secondary);
	border-radius: 10px;
	padding: 16px 24px;
	margin-top: 16px;
}

	.box-address-confirm i {
		color: var(--secondary);
		font-size: 32px;
	}

	.box-address-confirm h6 {
		color: #2F2F2F;
		font-size: 16px;
		text-transform: uppercase;
		line-height: 22px;
		margin-top: 16px;
		padding-right: 48px;
		font-weight: 600;
	}

/* NOTE: We may need more CSS from Digital Lending, as they like re-using that here */
.all-set-box {
	padding: 45px 0px;
}

	.all-set-box h2 {
		font-size: 24px !important;
		font-weight: 600;
		text-align: center;
		color: #3D3935 !important;
	}

	.all-set-box h3 {
		font-size: 18px !important;
		font-weight: 400;
		text-align: center;
		color: #707071 !important;
		padding: 0px 20px;
	}

.detailsConBox h2 {
	color: var(--primary) !important;
}
/* End DCI */
/* Unified Transfer */
.dropdown-toggle::after {
	display: none;
}

.custom-dropdown {
	width: 100%;
}

	.custom-dropdown select {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		pointer-events: none;
	}

	.custom-dropdown button {
		width: 100%;
		text-align: left;
		border: 1px solid #ccc;
		border-radius: 4px;
		font-size: 14px;
		font-weight: 600;
		color: #3D3935;
		background: #fff url("../img/chevron-down.svg") no-repeat;
		background-position: 96%;
		height: calc(2.7em + 1rem + 2px);
		padding: .5rem 1rem;
		text-overflow: ellipsis;
		overflow: hidden;
	}

		.custom-dropdown button:focus {
			box-shadow: none;
		}

	.custom-dropdown .content-drop {
		border-left: 3px solid transparent;
		padding-left: 12px;
		margin: 0px 8px;
		font-size: 13.5px;
		font-weight: 700;
		max-width: 60%;
		white-space: normal;
		align-content: center;
		line-height: 18px;
		word-wrap: break-word;
	}

	.custom-dropdown span {
		color: #7A7A7A;
		font-size: 11.5px;
		display: block;
		font-weight: 400;
	}

	.custom-dropdown h4 {
		text-transform: uppercase;
		font-size: 13px;
		background: #fff;
		padding: 12px;
		font-weight: 700;
		color: var(--primary);
		margin: 0;
		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .05);
		border-top: 1px solid rgba(78,151,207,0.19);
	}

	.custom-dropdown .dropdown-menu {
		width: 100%;
		border: 1px solid #07559c;
		border-radius: 0 0 16px 16px;
		box-shadow: none;
		border-top: none;
		margin-top: 0px;
		background: #EDF4FA;
		padding: 0px;
		max-height: 375px;
		overflow: auto;
	}

	.custom-dropdown .dropdown-item {
		border-width: 1px;
		border-style: solid;
		border-left-width: 3px;
		border-color: transparent;
		border-top-color: rgba(78,151,207,0.19);
		display: flex;
		justify-content: space-between;
		padding: 9px 0px;
	}

		.custom-dropdown .dropdown-item .border-small {
			width: 3px;
			display: inline-block;
			margin: 0px 8px;
			height: 100%;
		}

		.custom-dropdown .dropdown-item .bluBorder {
			border-left-color: #337BBD;
		}

		.custom-dropdown .dropdown-item .orangeBorder {
			border-left-color: #2ABEC4;
		}

		.custom-dropdown .dropdown-item .purpleBorder {
			border-left-color: #A29CD0;
		}

		.custom-dropdown .dropdown-item .primaryBorder {
			border-left-color: var(--primary);
		}

		.custom-dropdown .dropdown-item .secondaryBorder {
			border-left-color: var(--secondary);
		}

		.custom-dropdown .dropdown-item:hover,
		.custom-dropdown .dropdown-item.active {
			background-color: #deebf5;
			color: #212529;
		}

		.custom-dropdown .dropdown-item:last-of-type {
			border-radius: 0 0 15px 15px;
		}

		.custom-dropdown .dropdown-item.add-account {
			padding: 12px 12px;
			border-top: 1px solid rgba(78,151,207,0.19);
			display: block;
			font-size: 14px;
			font-weight: 700;
			color: #212529;
		}

			.custom-dropdown .dropdown-item.add-account:hover {
				background: #fff;
				color: var(--primary);
			}

			.custom-dropdown .dropdown-item.add-account i {
				background: var(--secondary);
				font-size: 22px;
				color: #fff;
				border-radius: 50px;
				width: 30px;
				height: 30px;
				vertical-align: middle;
				text-align: center;
				padding: 3.5px 0;
				margin-right: 5px;
			}

	.custom-dropdown.show .dropdown-menu {
		z-index: 1040;
	}

.show > button.dropdown-toggle {
	border: 1px solid #07559c;
	border-bottom: none;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.label-price-quick h2 {
	color: #A1A1AA;
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 4px !important;
}

.label-price-quick h3 {
	color: #A1A1AA;
	font-size: 12px;
	font-weight: 600;
	margin-bottom: 0px !important;
}

	.label-price-quick h3 span {
		color: #A1A1AA;
		font-size: 12px;
		font-weight: 400;
		display: block;
	}

		.label-price-quick h3 span.orangeSpan {
			color: #2abec4;
		}

		.label-price-quick h3 span.skySpan {
			color: var(--secondary);
		}

		.label-price-quick h3 span.primarySpan {
			color: var(--primary);
		}

		.label-price-quick h3 span.secondarySpan {
			color: var(--secondary);
		}

.label-price-quick.active h3 {
	color: #6C6D82;
}

.label-input-quick .pencil-input {
	display: none;
}

.label-input-active .pencil-input {
	display: inline-block;
	width: 14px;
	height: 14px;
}

.pastudue-label h2 {
	color: #A1A1AA;
}

.pastudue-label h3 {
	color: #2abec4;
	font-size: 17px;
}

.form-group-kind-type .btn-group.btn-group-toggle .btn.btn-outline-primary {
	border-radius: 30px !important;
	margin: 0 5px;
	background: #fff;
	color: #BEBEC6;
	line-height: 15px;
	padding: 12px 5px;
	width: 100%;
	display: flex;
	align-items: center;
	border: 2px solid #EFEFF2;
	flex-direction: column;
	font-size: 0.8125rem;
	min-height: 100px;
	justify-content: center;
}

	.form-group-kind-type .btn-group.btn-group-toggle .btn.btn-outline-primary.active {
		border-radius: 30px !important;
		margin: 0px 5px;
		background: #fff;
		color: #BEBEC6;
		border: 3px solid var(--primary);
	}

.form-group-who-type .btn-group.btn-group-toggle .btn.btn-outline-primary {
	border-radius: 30px !important;
	margin: 0 5px;
	background: rgba(192,192,201,0.25);
	color: #C7C7CE;
	line-height: 15px;
	padding: 12px 5px;
	width: 100%;
	display: flex;
	align-items: center;
	border: 2px solid #EFEFF2;
	flex-direction: column;
	font-size: 0.8125rem;
	min-height: 100px;
	justify-content: center;
}

	.form-group-who-type .btn-group.btn-group-toggle .btn.btn-outline-primary.active {
		border-radius: 30px !important;
		margin: 0px 5px;
		background: #fff;
		color: #BEBEC6;
		border: 3px solid var(--primary);
	}

.form-group-who-type .btn-group.btn-group-toggle .btn.label-price-quick {
	border: 1px solid #C9C9C9;
	background: none;
	border-radius: 20px !important;
}

.form-group-who-type .btn-group.btn-group-toggle .btn.pastudue-label {
	border: 1px solid #EFEFF2;
	background: rgba(192,192,201,0.25);
	border-radius: 20px !important;
}

.form-group-who-type .btn-group.btn-group-toggle .btn.label-price-quick.active {
	border-radius: 20px !important;
	margin: 0px 5px;
	background: #EDF4FA;
	color: #BEBEC6;
	border: 3px solid var(--primary);
}
/* End Unified Transfer */
/* Transfer Speed */
.speed-choice .btn-group.btn-group-toggle .btn.btn-outline-primary {
	border-radius: 20px !important;
	margin: 0 5px;
	background: #fff;
	color: #A1A1AA !important;
	line-height: 15px;
	padding: 12px 5px;
	width: 100%;
	display: flex;
	align-items: center;
	border: 1px solid #B7B7B7 !important;
	flex-direction: column;
	font-size: 0.8125rem;
	min-height: 100px;
	justify-content: center;
	padding: 20px !important;
	margin-bottom: 10px;
	background: #fff !important;
}

	.speed-choice .btn-group.btn-group-toggle .btn.btn-outline-primary.active {
		border-radius: 20px !important;
		margin: 0px 5px;
		background: #fff;
		color: var(--primary) !important;
		border: 2px solid var(--primary) !important;
		background: #E7EEF5 !important;
		margin-bottom: 10px;
	}

.speed-choice input[type="radio"] {
	position: absolute;
	clip: rect(0px, 0px, 0px, 0px);
	pointer-events: none;
}

.speed-choice h4 {
	font-size: 17px;
}

.speed-choice i {
	font-size: 32px;
	margin-bottom: 5px;
}

.speed-choice small {
	font-size: 12px;
}
/* End Transfer Speed */
.btn-group-toggle.checkbox-group.display-size-3,
.btn-group-toggle.checkbox-group.display-size-4 {
	width: 100%;
}

.btn-group-toggle.checkbox-group.display-size-4 {
	flex-wrap: wrap;
}

	.btn-group-toggle.checkbox-group.display-size-4 .check-item {
		flex: 0 0 calc(50% - 10px);
		margin-bottom: 5px;
		margin-top: 5px;
	}
/* Eltropy ChatBot */

button#eltropy-liveHelpButton, button.engagement-text, div#eltropy-notification-container {
	z-index: 1049 !important;
}

body.menu-shown > button #eltropy-liveHelpButton, body.menu-shown > button.engagement-text {
	bottom: 70px;
}

body.menu-shown > div#eltropy-notification-container {
	margin-bottom: 50px;
}

@supports(padding: max(0px)) {
	body.menu-shown > button #eltropy-liveHelpButton, body.menu-shown > button.engagement-text {
		bottom: calc(70px + env(safe-area-inset-bottom));
	}

	body.menu-shown > div#eltropy-notification-container {
		margin-bottom: calc(50px + env(safe-area-inset-bottom));
	}
}
/* End Eltropy ChatBot */


/*DRAGLIST*/
.list-users-drag h2.title-draglist {
	font-size: 16px;
	color: #4C4E67;
	font-weight: 500;
	padding: 0px 16px;
	margin-bottom: 8px;
}
.table-container .table-row:nth-child(odd) {
	background-color: #fff;
}
.table-container .table-row:nth-child(even) {
	background-color: #F2F5F8;
}
.table-container .table-row {
	display: flex;
	align-items: center;
	border-radius: 10px;
	cursor: move; 
	padding: 0px 8px;
}
.table-container .drag-handle {
	cursor: grab;
}
.table-container .drag-handle {
	width: 30px;
	flex: none !important;
}
.table-container .colorDragW {
    width: 30px;
    flex: none !important;
}
.table-container .drag-handle i {
	font-size: 18px;
	color: #B1BAC3;
}
.table-container .table-cell {
	flex: 1;
	padding: 10px;
	color: #4C4E67;
	font-size: 15px;
}
.table-container .changeName {
	font-size: 14px;
	color: #4C4E67;
	font-weight: 500;
}
.table-container .changeName span {
	font-size: 9px;
	text-transform: uppercase;
	color: #696B80;
	display: block;
}
.hiddenTrg {
	color: #4C4E67;
	font-size: 10px;
	font-weight: 400;
	border: 1px solid #4C4E67;
	border-radius: 60px;
	padding: 4px 8px;
}
.edit-main {
	color: rgba(76, 78, 103, 0.60);
}
.list-users-drag {
	margin-top: 30px;
}
.table-container .color-value {
	border: 1px solid #000;
	border-radius: 8px;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	width: 18px;
	height: 18px;
	border-radius: 60px;
	color: transparent;
	border: 1px solid #A5A5A5;
}
.color-picker-container {
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1px solid #e3e3e3;
	border-radius: 10px;
	padding: 0px 15px;
	cursor: pointer;
	height: calc(2.4em + 1rem + 2px);
}
input.form-control-color[type="color"] {
	border: 1px solid #A5A5A5;
	border-radius: 60px;
	padding: 0px;
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
	input.form-control-color[type="color"]::-webkit-color-swatch-wrapper {
		padding: 0;
		border-radius: 8px;
	}

	input.form-control-color[type="color"]::-webkit-color-swatch {
		border-radius: 8px;
		border: none;
	}
.form-control-hex {
	border: none !important;
	border-radius: 8px;
	padding: 0px !important;
	width: 80px;
	text-align: left;
	color: #4C4E67 !important;
	cursor: pointer;
}
.modal-color .custom-switch {
	padding-left: 3.5rem;
}
.resetColor {
	margin-top: 8px;
	text-align: right;
	text-decoration: underline;
	display: block;
}
input.form-control-hex:focus-visible {
	box-shadow: none !important;
	border: none;
	outline: none;
}

/* Checkbox Group ALERTS */

.checkbox-group {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
}

	.checkbox-group .btn {
		border-radius: 10px !important;
		margin: 0 5px;
		background: #EFEFF2;
		color: #6B6B7C;
		font-weight: 500;
		line-height: 15px;
		padding: 15px 10px;
		width: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		border: 2px solid #EFEFF2;
		font-size: 13px;
		position: relative;
	}

		.checkbox-group .btn:hover {
			background: #E1E1E6;
			border: 2px solid #E1E1E6;
		}

		.checkbox-group .btn.active {
			border-radius: 10px !important;
			background: #fff;
			border: 2px solid var(--secondary);
			color: var(--secondary);
		}

			.checkbox-group .btn.active:before {
				content: "\f00c";
				font-family: "Font Awesome 6 Pro";
				position: absolute;
				right: -7px;
				top: -7px;
				width: 20px;
				height: 20px;
				background: #fff;
				border-radius: 20px;
				color: var(--secondary);
				border: 2px solid var(--secondary);
				font-size: 10px;
				padding: 1px;
				font-weight: 700;
			}

		.checkbox-group .btn.focus {
			box-shadow: none;
		}

.emailphone_indicated {
	display: block;
	padding: 10px 15px 13px;
	border-radius: 10px;
	line-height: 18px;
	background: rgba(42, 190, 196, 0.10);
	margin: 25px 0;
	font-size: 14px;
	color: #73758C;
}

	.emailphone_indicated label {
		font-size: 11px;
		text-transform: uppercase;
		font-weight: bolder;
		margin-bottom: 0px;
	}


/* Checkbox Group ALERTS */