* {
	margin: 0;
	padding: 0;
}

	*, *::before, *::after {
		box-sizing: border-box;
	}

html {
	width: 100%;
	height: 100%;
}

body {
	background-color: #fff;
	font-family: Verdana, Arial, "sans serif";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #39006c;
	text-align: left;
}

footer {
	background-color: white;
	border-top: 1px solid #ccc;
}

h1 {
	font-weight: 600;
	font-size: 1.8rem;
	padding: 0.6em 0 0.3rem 0;
	color: #39006c;
}

h2 {
	font-weight: 500;
	font-size: 1.6rem;
	padding: 0.4rem 0 0.2rem 0;
	color: #ac96ff;
}
@media (max-width:767.98px) {
	h1 {
		font-size: 1.4em;
	}

	h2 {
		font-size: 1.2rem;
	}

	h1, h2 {
		padding: .3rem 0;
	}
}

a {
	color: #39006c;
	font-weight:500;
}
a:active,a:hover{
	color:#7a17f8;
	text-decoration:none;
}

.red {
	color: #cc0000;
}

	.red:hover {
		color: #ff0000;
	}

input {
	display: inline-block;
	background-color: #fff;
	padding: 1px 2px;
	border-width: 1px;
	border-style: inset;
	border-color: rgb(118, 118, 118);
	border-image: initial;
	border-radius: 0.25rem;
	line-height: 1.5;
}

.table {
	display: table;
	border: 1px solid #666;
	border-radius: 0.25rem;
}

.t-row {
	display: table-row;
}

.cell {
	display: table-cell;
	padding: 0.3em 0.2em;
	vertical-align:top;
}

tr.hover:hover {
	color: #212529;
	background-color: rgba(0,0,0,.075)
}

.hint {
	margin: 1em 0;
	font-style: italic;
}

/* Ensure helper text below controls does not touch/overlap input borders */
.cell .hint {
	display: block;
	margin: 0.3rem 0 0 0;
	line-height: 1.3;
}

.main-content {
	width: 100%;
}

@media (min-width:1024px) {
	.main-content {
		width: 960px;
		margin: 0 auto;
	}
}

.container::after {
	content: "";
	display: table;
	clear: both;
}

.circle {
	width: 20px;
	height: 20px;
	background: red;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#mask, #wait {
	position: absolute;
	z-index: 10001;
	background-color: #99f;
	display: none;
	top: 0px;
	left: 0px;
}

#wait{z-index:10010;}

.overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10002;
	display: none;
	background-color: #fff;
	border: solid 1px #a0a0a0;
	border-radius: 6px;
	padding: 10px;
	max-width: 80%;
	float: left;
	padding: 15px;
	min-width: 280px;
}

	.overlay .row {
		margin-bottom: 5px;
	}

.ov_shadow {
	-webkit-box-shadow: 10px 10px 13px 0px rgba(82, 49, 29, 0.8);
	-moz-box-shadow: 10px 10px 13px 0px rgba(82, 49, 29, 0.8);
	box-shadow: 10px 10px 13px 0px rgba(82, 49, 29, 0.8);
	behavior: url(globals/PIE.htc);
}

.close-button {
	width: 30px;
	height: 30px;
	background: #d00;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	position: absolute;
	border: solid 2px #fff;
	padding: 4px;
	display: none;
}

.cross {
	background: #fff;
	width: 2px;
	height: 17px;
	position: relative;
	margin-left: 8px;
	transform: rotate(45deg);
}

	.cross:before {
		background: #fff;
		content: "";
		width: 17px;
		height: 2px;
		position: absolute;
		top: 8px;
		left: -8px;
	}

#divFeedback {
	margin-top: 10px;
	padding: 5px;
	font-weight: 600;
}

.msgText{
	width: 100%;
	height: 4em;
}

input[type="number"]{
	width:fit-content;
}

.btn{margin-bottom:4px;}

/* Bootstrap 4 -> 5 compatibility helpers for existing markup */
.text-right {
	text-align: right !important;
}

.text-left {
	text-align: left !important;
}

.ml-1 { margin-left: .25rem !important; }
.ml-2 { margin-left: .5rem !important; }
.ml-3 { margin-left: 1rem !important; }
.ml-4 { margin-left: 1.5rem !important; }
.ml-5 { margin-left: 3rem !important; }

.mr-1 { margin-right: .25rem !important; }
.mr-2 { margin-right: .5rem !important; }
.mr-3 { margin-right: 1rem !important; }
.mr-4 { margin-right: 1.5rem !important; }
.mr-5 { margin-right: 3rem !important; }

.btn-block {
	display: block;
	width: 100%;
}

.navbar-dark .navbar-nav .nav-item.active > .nav-link {
	color: rgba(255, 255, 255, 0.95);
	font-weight: 600;
}

/* In Bootstrap 5, alert-variant classes only define CSS variables and require .alert */
tr.alert-primary > td, .alert-primary:not(.alert), .t-row.alert-primary, .table.alert-primary {
	background-color: #cfe2ff;
	color: #084298;
}

tr.alert-secondary > td, .alert-secondary:not(.alert), .t-row.alert-secondary, .table.alert-secondary {
	background-color: #e2e3e5;
	color: #41464b;
}

tr.alert-success > td, .alert-success:not(.alert), .t-row.alert-success, .table.alert-success {
	background-color: #d1e7dd;
	color: #0f5132;
}

tr.alert-danger > td, .alert-danger:not(.alert), .t-row.alert-danger, .table.alert-danger {
	background-color: #f8d7da;
	color: #842029;
}

tr.alert-warning > td, .alert-warning:not(.alert), .t-row.alert-warning, .table.alert-warning {
	background-color: #fff3cd;
	color: #664d03;
}

tr.alert-info > td, .alert-info:not(.alert), .t-row.alert-info, .table.alert-info {
	background-color: #cff4fc;
	color: #055160;
}

tr.alert-light > td, .alert-light:not(.alert), .t-row.alert-light, .table.alert-light {
	background-color: #fcfcfd;
	color: #495057;
}

tr.alert-dark > td, .alert-dark:not(.alert), .t-row.alert-dark, .table.alert-dark {
	background-color: #ced4da;
	color: #343a40;
}

.nav-subtitle {
	display: block;
	font-size: 0.72rem;
	line-height: 1.1;
	opacity: 0.85;
	font-weight: 400;
}

.fb {
	position: absolute;
	z-index: 10015;
	top: 0px;
	left: 0px;
	width: 100%;
}

.fb .alert {
	position: relative;
	padding-right: 2.2rem;
	cursor: pointer;
}

.fb .fb-message {
	display: block;
	text-align: center;
}

.fb .fb-close {
	position: absolute !important;
	right: 0.55rem !important;
	top: 0.35rem !important;
	transform: none !important;
	font-weight: 700;
	font-size: 1rem;
	opacity: 0.8;
	line-height: 1;
	pointer-events: none;
}

.fb .fb-close:hover {
	opacity: 1;
}

.hidden-runtime-frame {
	display: none !important;
	visibility: hidden !important;
	position: absolute !important;
	left: -10000px !important;
	top: 0 !important;
	width: 0 !important;
	height: 0 !important;
	border: 0 !important;
	opacity: 0 !important;
	pointer-events: none !important;
}
.checkbox-ok::after {
	content: "\f00c";
	color: green;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
}
.checkbox-error::after {
	content: "\f00d";
	color: red;
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 10px;
	text-decoration: none;
}

.wait_animation {
	position: absolute;
	top: calc(50% - 32px);
	left: calc(50% - 32px);
	width: 64px;
	height: 64px;
	border-radius: 50%;
	perspective: 800px;
}

.wait_animation > div {
	position: absolute;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.r1 {
	left: 0%;
	top: 0%;
	animation: rotate-1 1s linear infinite;
	border-bottom: 3px solid #092cd7;
}

.r2 {
	right: 0%;
	top: 0%;
	animation: rotate-2 1s linear infinite;
	border-right: 3px solid #0aad09;
}

.r3 {
	right: 0%;
	bottom: 0%;
	animation: rotate-3 1s linear infinite;
	border-top: 3px solid #cc0000;
}

@keyframes rotate-1 {
	0% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
	}

	100% {
		transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
	}
}

@keyframes rotate-2 {
	0% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
	}

	100% {
		transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
	}
}

@keyframes rotate-3 {
	0% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
	}

	100% {
		transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
	}
}
.bg-primary, .btn-primary {
	background-color: #39006c!important;
	color:#fff !important;
}
.btn-primary, .btn-secondary, .btn-outline-primary {
	border-color: #39006c;
}
.btn-outline-primary{color:#39006c !important;}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
	background-color: #7a17f8;
	color: #fff !important;
	text-decoration: none;
	border-color: #39006c;
}
.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
	background-color: #7a17f8;
	color: #fff;
	text-decoration: none;
	border-color: #39006c;
}
.btn-secondary{color:#39006c;background-color:#fff;}
	.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover, .btn-outline-secondary:active, .btn-outline-secondary:focus, .btn-outline-secondary:hover {
		background-color: #7a17f8 !important;
		border-color: #7a17f8 !important;
		color: #fff !important;
		text-decoration: none
	}
.enreach-brand{
	height:auto;
	width:50%;
	position:absolute;
	bottom:3em;
	left:22%;
}
.enreach-brand>svg{fill:#fff;}
@media (max-width:767.98px) {
	.enreach-brand{
		width:20%;
		top:1em;
		right:5.5em;
		left:auto;
	}
}