.container-iframe {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 500px;
	/* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

@media (min-width: 768px) {
	.mn {
		display: none;
	}

	.dn {
		display: block;
	}
}

@media (max-width: 768px) {
	.mn {
		display: block;
	}

	.dn {
		display: none;
	}
}

/*******xs*******/

.border-top {
	border-top: 1px solid #dee2e6 !important;
}

.border-right {
	border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
	border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
	border-left: 1px solid #dee2e6 !important;
}

.border-top-0 {
	border-top: 0px solid #dee2e6 !important;
}

.border-right-0 {
	border-right: 0px solid #dee2e6 !important;
}

.border-bottom-0 {
	border-bottom: 0px solid #dee2e6 !important;
}

.border-left-0 {
	border-left: 0px solid #dee2e6 !important;
}

.border {
	border: 1px solid #dee2e6 !important;
}

.border-0 {
	border: 0px solid #dee2e6 !important;
}

.border-r-top {
	border-top: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
	border-left: 1px solid #dee2e6 !important;
}

.border-r-right {
	border-top: 1px solid #dee2e6 !important;
	border-right: 1px solid #dee2e6 !important;
	border-bottom: 1px solid #dee2e6 !important;
}

.border-r-bottom {
	border-right: 1px solid #dee2e6 !important;
	border-bottom: 1px solid #dee2e6 !important;
	border-left: 1px solid #dee2e6 !important;
}

.border-r-left {
	border-top: 1px solid #dee2e6 !important;
	border-bottom: 1px solid #dee2e6 !important;
	border-left: 1px solid #dee2e6 !important;
}

.border-r-top-0 {
	border-top: 0px solid #dee2e6 !important;
	border-right: 0px solid #dee2e6 !important;
	border-left: 0px solid #dee2e6 !important;
}

.border-r-right-0 {
	border-top: 0px solid #dee2e6 !important;
	border-right: 0px solid #dee2e6 !important;
	border-bottom: 0px solid #dee2e6 !important;
}

.border-r-bottom-0 {
	border-right: 0px solid #dee2e6 !important;
	border-bottom: 0px solid #dee2e6 !important;
	border-left: 0px solid #dee2e6 !important;
}

.border-r-left-0 {
	border-top: 0px solid #dee2e6 !important;
	border-bottom: 0px solid #dee2e6 !important;
	border-left: 0px solid #dee2e6 !important;
}

/*******sm*******/
@media (min-width: 576px) {

	.mx-sm-0 {
		margin-left: 0;
		margin-right: 0;
	}

	.px-sm-0 {
		padding-left: 0;
		padding-right: 0;
	}

	.border-top-sm {
		border-top: 1px solid #dee2e6 !important;
	}

	.border-right-sm {
		border-right: 1px solid #dee2e6 !important;
	}

	.border-bottom-sm {
		border-bottom: 1px solid #dee2e6 !important;
	}

	.border-left-sm {
		border-left: 1px solid #dee2e6 !important;
	}

	.border-top-sm-0 {
		border-top: 0px solid #dee2e6 !important;
	}

	.border-right-sm-0 {
		border-right: 0px solid #dee2e6 !important;
	}

	.border-bottom-sm-0 {
		border-bottom: 0px solid #dee2e6 !important;
	}

	.border-left-sm-0 {
		border-left: 0px solid #dee2e6 !important;
	}

	.border-sm {
		border: 1px solid #dee2e6 !important;
	}

	.border-sm-0 {
		border: 0px solid #dee2e6 !important;
	}

	.border-r-top-sm {
		border-top: 1px solid #dee2e6 !important;
		border-right: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-right-sm {
		border-top: 1px solid #dee2e6 !important;
		border-right: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
	}

	.border-r-bottom-sm {
		border-right: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-left-sm {
		border-top: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-top-sm-0 {
		border-top: 0px solid #dee2e6 !important;
		border-right: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

	.border-r-right-sm-0 {
		border-top: 0px solid #dee2e6 !important;
		border-right: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
	}

	.border-r-bottom-sm-0 {
		border-right: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

	.border-r-left-sm-0 {
		border-top: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}
}

/*******md*******/
@media (min-width: 768px) {

	.border-top-md {
		border-top: 1px solid #dee2e6 !important;
	}

	.border-right-md {
		border-right: 1px solid #dee2e6 !important;
	}

	.border-bottom-md {
		border-bottom: 1px solid #dee2e6 !important;
	}

	.border-left-md {
		border-left: 1px solid #dee2e6 !important;
	}

	.border-top-md-0 {
		border-top: 0px solid #dee2e6 !important;
	}

	.border-right-md-0 {
		border-right: 0px solid #dee2e6 !important;
	}

	.border-bottom-md-0 {
		border-bottom: 0px solid #dee2e6 !important;
	}

	.border-left-md-0 {
		border-left: 0px solid #dee2e6 !important;
	}

	.border-md {
		border: 1px solid #dee2e6 !important;
	}

	.border-md-0 {
		border: 0px solid #dee2e6 !important;
	}

	.border-r-top-md {
		border-top: 1px solid #dee2e6 !important;
		border-right: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-right-md {
		border-top: 1px solid #dee2e6 !important;
		border-right: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
	}

	.border-r-bottom-md {
		border-right: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-left-md {
		border-top: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-top-md-0 {
		border-top: 0px solid #dee2e6 !important;
		border-right: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

	.border-r-right-md-0 {
		border-top: 0px solid #dee2e6 !important;
		border-right: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
	}

	.border-r-bottom-md-0 {
		border-right: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

	.border-r-left-md-0 {
		border-top: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}
}

/*******lg*******/
@media (min-width: 992px) {

	input.form-control.rounded-0 {
		height: 36px;
	}

	.border-top-lg {
		border-top: 1px solid #dee2e6 !important;
	}

	.border-right-lg {
		border-right: 1px solid #dee2e6 !important;
	}

	.border-bottom-lg {
		border-bottom: 1px solid #dee2e6 !important;
	}

	.border-left-lg {
		border-left: 1px solid #dee2e6 !important;
	}

	.border-top-lg-0 {
		border-top: 0px solid #dee2e6 !important;
	}

	.border-right-lg-0 {
		border-right: 0px solid #dee2e6 !important;
	}

	.border-bottom-lg-0 {
		border-bottom: 0px solid #dee2e6 !important;
	}

	.border-left-lg-0 {
		border-left: 0px solid #dee2e6 !important;
	}

	.border-lg {
		border: 1px solid #dee2e6 !important;
	}

	.border-lg-0 {
		border: 0px solid #dee2e6 !important;
	}

	.border-r-top-lg {
		border-top: 1px solid #dee2e6 !important;
		border-right: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-right-lg {
		border-top: 1px solid #dee2e6 !important;
		border-right: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
	}

	.border-r-bottom-lg {
		border-right: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-left-lg {
		border-top: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-top-lg-0 {
		border-top: 0px solid #dee2e6 !important;
		border-right: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

	.border-r-right-lg-0 {
		border-top: 0px solid #dee2e6 !important;
		border-right: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
	}

	.border-r-bottom-lg-0 {
		border-right: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

	.border-r-left-lg-0 {
		border-top: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

}

/*******xl*******/
@media (min-width: 1200px) {

	.border-top-lx {
		border-top: 1px solid #dee2e6 !important;
	}

	.border-right-lx {
		border-right: 1px solid #dee2e6 !important;
	}

	.border-bottom-lx {
		border-bottom: 1px solid #dee2e6 !important;
	}

	.border-left-lx {
		border-left: 1px solid #dee2e6 !important;
	}

	.border-top-lx-0 {
		border-top: 0px solid #dee2e6 !important;
	}

	.border-right-lx-0 {
		border-right: 0px solid #dee2e6 !important;
	}

	.border-bottom-lx-0 {
		border-bottom: 0px solid #dee2e6 !important;
	}

	.border-left-lx-0 {
		border-left: 0px solid #dee2e6 !important;
	}

	.border-lx {
		border: 1px solid #dee2e6 !important;
	}

	.border-lx-0 {
		border: 0px solid #dee2e6 !important;
	}

	.border-r-top-xl {
		border-top: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-right-xl {
		border-top: 1px solid #dee2e6 !important;
		border-right: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
	}

	.border-r-bottom-xl {
		border-right: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-left-xl {
		border-top: 1px solid #dee2e6 !important;
		border-bottom: 1px solid #dee2e6 !important;
		border-left: 1px solid #dee2e6 !important;
	}

	.border-r-top-xl-0 {
		border-top: 0px solid #dee2e6 !important;
		border-right: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

	.border-r-right-xl-0 {
		border-top: 0px solid #dee2e6 !important;
		border-right: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
	}

	.border-r-bottom-xl-0 {
		border-right: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}

	.border-r-left-xl-0 {
		border-top: 0px solid #dee2e6 !important;
		border-bottom: 0px solid #dee2e6 !important;
		border-left: 0px solid #dee2e6 !important;
	}
}






/*******xs*******/
@media (max-width: 575.98px) {


	.h1 {
		font-size: 2.50rem;
	}


	.h2 {
		font-size: 2.25rem;
	}


	.h3 {
		font-size: 2.0rem;
	}


	.h4 {
		font-size: 1.75rem;
	}


	.h5 {
		font-size: 1.5rem;
	}


	.h6 {
		font-size: 1.25rem;
	}
}

/*******sm*******/
@media (min-width: 576px) and (max-width: 767.98px) {


	.h1 {
		font-size: 2.50rem;
	}


	.h2 {
		font-size: 2.25rem;
	}


	.h3 {
		font-size: 2.0rem;
	}


	.h4 {
		font-size: 1.75rem;
	}


	.h5 {
		font-size: 1.5rem;
	}


	.h6 {
		font-size: 1.25rem;
	}
}

/*******md*******/
@media (min-width: 768px) and (max-width: 991.98px) {


	.h1 {
		font-size: 2.50rem;
	}


	.h2 {
		font-size: 2.25rem;
	}


	.h3 {
		font-size: 2.0rem;
	}


	.h4 {
		font-size: 1.75rem;
	}


	.h5 {
		font-size: 1.5rem;
	}


	.h6 {
		font-size: 1.25rem;
	}
}

/*******lg*******/
@media (min-width: 992px) and (max-width: 1199.98px) {


	.h1 {
		font-size: 2.75rem;
	}


	.h2 {
		font-size: 2.5rem;
	}


	.h3 {
		font-size: 2.25rem;
	}


	.h4 {
		font-size: 2rem;
	}


	.h5 {
		font-size: 1.75rem;
	}


	.h6 {
		font-size: 1.5rem;
	}
}

/*******xl*******/
@media (min-width: 1200px) {


	.h1 {
		font-size: 2.75rem;
	}


	.h2 {
		font-size: 2.5rem;
	}


	.h3 {
		font-size: 2.25rem;
	}


	.h4 {
		font-size: 2rem;
	}


	.h5 {
		font-size: 1.75rem;
	}


	.h6 {
		font-size: 1.5rem;
	}
}








body {
	scrollbar-color: #444 rgba(0, 0, 0, 0.3);
	scrollbar-width: thin;
	overflow-x: hidden;
	overflow-y: auto;
	font: normal normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
	color: #ffffff;

}

body::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

body::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #222;
}

body::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #F5F5F5;
}


.scroll {
	scrollbar-color: #444 rgba(0, 0, 0, 0.3);
	scrollbar-width: thin;
	overflow-x: hidden;
	overflow-y: auto;
}

.scroll::-webkit-scrollbar {
	width: 10px;
	background-color: #F5F5F5;
}

.scroll::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #222;
}

.scroll::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: #F5F5F5;
}


:root {
	--blue-100: #CFE2FF;
	--blue-200: #9EC5FE;
	--blue-300: #6EA8FE;
	--blue-400: #3D8BFD;
	--blue-500: #0D6EFD;
	--blue-600: #031633;
	--blue-700: #052C65;
	--blue-800: #084298;
	--blue-900: #0A58CA;

	--indigo-100: #E0CFFC;
	--indigo-200: #C29FFA;
	--indigo-300: #A370F7;
	--indigo-400: #8540F5;
	--indigo-500: #6610F2;
	--indigo-600: #520DC2;
	--indigo-700: #3D0A91;
	--indigo-800: #290661;
	--indigo-900: #140330;

	--purple-100: #F7D6E6;
	--purple-200: #EFADCE;
	--purple-300: #E685B5;
	--purple-400: #DE5C9D;
	--purple-500: #D63384;
	--purple-600: #AB296A;
	--purple-700: #801F4F;
	--purple-800: #561435;
	--purple-900: #2B0A1A;

	--pink-100: #E2D9F3;
	--pink-200: #C5B3E6;
	--pink-300: #A98EDA;
	--pink-400: #8C68CD;
	--pink-500: #6F42C1;
	--pink-600: #59359A;
	--pink-700: #432874;
	--pink-800: #2C1A4D;
	--pink-900: #160D27;

	--red-100: #F8D7DA;
	--red-200: #F1AEB5;
	--red-300: #EA868F;
	--red-400: #E35D6A;
	--red-500: #DC3545;
	--red-600: #B02A37;
	--red-700: #842029;
	--red-800: #58151C;
	--red-900: #2C0B0E;

	--orange-100: #FFE5D0;
	--orange-200: #FECBA1;
	--orange-300: #FEB272;
	--orange-400: #FD9843;
	--orange-500: #FD7E14;
	--orange-600: #CA6510;
	--orange-700: #984C0C;
	--orange-800: #653208;
	--orange-900: #331904;

	--yellow-100: #FFF3CD;
	--yellow-200: #FFE69C;
	--yellow-300: #FFDA6A;
	--yellow-400: #FFCD39;
	--yellow-500: #FFC107;
	--yellow-600: #CC9A06;
	--yellow-700: #997404;
	--yellow-800: #664D03;
	--yellow-900: #332701;

	--green-100: #D1E7DD;
	--green-200: #A3CFBB;
	--green-300: #75B798;
	--green-400: #479F76;
	--green-500: #198754;
	--green-600: #146C43;
	--green-700: #0F5132;
	--green-800: #0A3622;
	--green-900: #051B11;

	--teal-100: #D2F4EA;
	--teal-200: #A6E9D5;
	--teal-300: #79DFC1;
	--teal-400: #4DD4AC;
	--teal-500: #20C997;
	--teal-600: #1AA179;
	--teal-700: #13795B;
	--teal-800: #0D503C;
	--teal-900: #06281E;

	--cyan-100: #CFF4FC;
	--cyan-200: #9EEAF9;
	--cyan-300: #6EDFF6;
	--cyan-400: #3DD5F3;
	--cyan-500: #0DCAF0;
	--cyan-600: #0AA2C0;
	--cyan-700: #087990;
	--cyan-800: #055160;
	--cyan-900: #032830;

	--gray-100: #f8f9fa;
	--gray-200: #e9ecef;
	--gray-300: #dee2e6;
	--gray-400: #ced4da;
	--gray-500: #adb5bd;
	--gray-600: #6c757d;
	--gray-700: #495057;
	--gray-800: #343a40;
	--gray-900: #212529;

	--black: #000;
	--white: #fff;
}

.text-blue-100 {
	color: var(--blue-100)
}

.text-blue-200 {
	color: var(--blue-200)
}

.text-blue-300 {
	color: var(--blue-300)
}

.text-blue-400 {
	color: var(--blue-400)
}

.text-blue-500 {
	color: var(--blue-500)
}

.text-blue-600 {
	color: var(--blue-600)
}

.text-blue-700 {
	color: var(--blue-700)
}

.text-blue-800 {
	color: var(--blue-800)
}

.text-blue-900 {
	color: var(--blue-900)
}

.border-blue-100 {
	border-color: var(--blue-100)
}

.border-blue-200 {
	border-color: var(--blue-200)
}

.border-blue-300 {
	border-color: var(--blue-300)
}

.border-blue-400 {
	border-color: var(--blue-400)
}

.border-blue-500 {
	border-color: var(--blue-500)
}

.border-blue-600 {
	border-color: var(--blue-600)
}

.border-blue-700 {
	border-color: var(--blue-700)
}

.border-blue-800 {
	border-color: var(--blue-800)
}

.border-blue-900 {
	border-color: var(--blue-900)
}

.bg-blue-100 {
	background-color: var(--blue-100)
}

.bg-blue-200 {
	background-color: var(--blue-200)
}

.bg-blue-300 {
	background-color: var(--blue-300)
}

.bg-blue-400 {
	background-color: var(--blue-400)
}

.bg-blue-500 {
	background-color: var(--blue-500)
}

.bg-blue-600 {
	background-color: var(--blue-600)
}

.bg-blue-700 {
	background-color: var(--blue-700)
}

.bg-blue-800 {
	background-color: var(--blue-800)
}

.bg-blue-900 {
	background-color: var(--blue-900)
}

.text-indigo-100 {
	color: var(--indigo-100)
}

.text-indigo-200 {
	color: var(--indigo-200)
}

.text-indigo-300 {
	color: var(--indigo-300)
}

.text-indigo-400 {
	color: var(--indigo-400)
}

.text-indigo-500 {
	color: var(--indigo-500)
}

.text-indigo-600 {
	color: var(--indigo-600)
}

.text-indigo-700 {
	color: var(--indigo-700)
}

.text-indigo-800 {
	color: var(--indigo-800)
}

.text-indigo-900 {
	color: var(--indigo-900)
}

.border-indigo-100 {
	border-color: var(--indigo-100)
}

.border-indigo-200 {
	border-color: var(--indigo-200)
}

.border-indigo-300 {
	border-color: var(--indigo-300)
}

.border-indigo-400 {
	border-color: var(--indigo-400)
}

.border-indigo-500 {
	border-color: var(--indigo-500)
}

.border-indigo-600 {
	border-color: var(--indigo-600)
}

.border-indigo-700 {
	border-color: var(--indigo-700)
}

.border-indigo-800 {
	border-color: var(--indigo-800)
}

.border-indigo-900 {
	border-color: var(--indigo-900)
}

.bg-indigo-100 {
	background-color: var(--indigo-100)
}

.bg-indigo-200 {
	background-color: var(--indigo-200)
}

.bg-indigo-300 {
	background-color: var(--indigo-300)
}

.bg-indigo-400 {
	background-color: var(--indigo-400)
}

.bg-indigo-500 {
	background-color: var(--indigo-500)
}

.bg-indigo-600 {
	background-color: var(--indigo-600)
}

.bg-indigo-700 {
	background-color: var(--indigo-700)
}

.bg-indigo-800 {
	background-color: var(--indigo-800)
}

.bg-indigo-900 {
	background-color: var(--indigo-900)
}

.text-purple-100 {
	color: var(--purple-100)
}

.text-purple-200 {
	color: var(--purple-200)
}

.text-purple-300 {
	color: var(--purple-300)
}

.text-purple-400 {
	color: var(--purple-400)
}

.text-purple-500 {
	color: var(--purple-500)
}

.text-purple-600 {
	color: var(--purple-600)
}

.text-purple-700 {
	color: var(--purple-700)
}

.text-purple-800 {
	color: var(--purple-800)
}

.text-purple-900 {
	color: var(--purple-900)
}

.border-purple-100 {
	border-color: var(--purple-100)
}

.border-purple-200 {
	border-color: var(--purple-200)
}

.border-purple-300 {
	border-color: var(--purple-300)
}

.border-purple-400 {
	border-color: var(--purple-400)
}

.border-purple-500 {
	border-color: var(--purple-500)
}

.border-purple-600 {
	border-color: var(--purple-600)
}

.border-purple-700 {
	border-color: var(--purple-700)
}

.border-purple-800 {
	border-color: var(--purple-800)
}

.border-purple-900 {
	border-color: var(--purple-900)
}

.bg-purple-100 {
	background-color: var(--purple-100)
}

.bg-purple-200 {
	background-color: var(--purple-200)
}

.bg-purple-300 {
	background-color: var(--purple-300)
}

.bg-purple-400 {
	background-color: var(--purple-400)
}

.bg-purple-500 {
	background-color: var(--purple-500)
}

.bg-purple-600 {
	background-color: var(--purple-600)
}

.bg-purple-700 {
	background-color: var(--purple-700)
}

.bg-purple-800 {
	background-color: var(--purple-800)
}

.bg-purple-900 {
	background-color: var(--purple-900)
}

.text-pink-100 {
	color: var(--pink-100)
}

.text-pink-200 {
	color: var(--pink-200)
}

.text-pink-300 {
	color: var(--pink-300)
}

.text-pink-400 {
	color: var(--pink-400)
}

.text-pink-500 {
	color: var(--pink-500)
}

.text-pink-600 {
	color: var(--pink-600)
}

.text-pink-700 {
	color: var(--pink-700)
}

.text-pink-800 {
	color: var(--pink-800)
}

.text-pink-900 {
	color: var(--pink-900)
}

.border-pink-100 {
	border-color: var(--pink-100)
}

.border-pink-200 {
	border-color: var(--pink-200)
}

.border-pink-300 {
	border-color: var(--pink-300)
}

.border-pink-400 {
	border-color: var(--pink-400)
}

.border-pink-500 {
	border-color: var(--pink-500)
}

.border-pink-600 {
	border-color: var(--pink-600)
}

.border-pink-700 {
	border-color: var(--pink-700)
}

.border-pink-800 {
	border-color: var(--pink-800)
}

.border-pink-900 {
	border-color: var(--pink-900)
}

.bg-pink-100 {
	background-color: var(--pink-100)
}

.bg-pink-200 {
	background-color: var(--pink-200)
}

.bg-pink-300 {
	background-color: var(--pink-300)
}

.bg-pink-400 {
	background-color: var(--pink-400)
}

.bg-pink-500 {
	background-color: var(--pink-500)
}

.bg-pink-600 {
	background-color: var(--pink-600)
}

.bg-pink-700 {
	background-color: var(--pink-700)
}

.bg-pink-800 {
	background-color: var(--pink-800)
}

.bg-pink-900 {
	background-color: var(--pink-900)
}

.text-red-100 {
	color: var(--red-100)
}

.text-red-200 {
	color: var(--red-200)
}

.text-red-300 {
	color: var(--red-300)
}

.text-red-400 {
	color: var(--red-400)
}

.text-red-500 {
	color: var(--red-500)
}

.text-red-600 {
	color: var(--red-600)
}

.text-red-700 {
	color: var(--red-700)
}

.text-red-800 {
	color: var(--red-800)
}

.text-red-900 {
	color: var(--red-900)
}

.border-red-100 {
	border-color: var(--red-100)
}

.border-red-200 {
	border-color: var(--red-200)
}

.border-red-300 {
	border-color: var(--red-300)
}

.border-red-400 {
	border-color: var(--red-400)
}

.border-red-500 {
	border-color: var(--red-500)
}

.border-red-600 {
	border-color: var(--red-600)
}

.border-red-700 {
	border-color: var(--red-700)
}

.border-red-800 {
	border-color: var(--red-800)
}

.border-red-900 {
	border-color: var(--red-900)
}

.bg-red-100 {
	background-color: var(--red-100)
}

.bg-red-200 {
	background-color: var(--red-200)
}

.bg-red-300 {
	background-color: var(--red-300)
}

.bg-red-400 {
	background-color: var(--red-400)
}

.bg-red-500 {
	background-color: var(--red-500)
}

.bg-red-600 {
	background-color: var(--red-600)
}

.bg-red-700 {
	background-color: var(--red-700)
}

.bg-red-800 {
	background-color: var(--red-800)
}

.bg-red-900 {
	background-color: var(--red-900)
}

.text-orange-100 {
	color: var(--orange-100)
}

.text-orange-200 {
	color: var(--orange-200)
}

.text-orange-300 {
	color: var(--orange-300)
}

.text-orange-400 {
	color: var(--orange-400)
}

.text-orange-500 {
	color: var(--orange-500)
}

.text-orange-600 {
	color: var(--orange-600)
}

.text-orange-700 {
	color: var(--orange-700)
}

.text-orange-800 {
	color: var(--orange-800)
}

.text-orange-900 {
	color: var(--orange-900)
}

.border-orange-100 {
	border-color: var(--orange-100)
}

.border-orange-200 {
	border-color: var(--orange-200)
}

.border-orange-300 {
	border-color: var(--orange-300)
}

.border-orange-400 {
	border-color: var(--orange-400)
}

.border-orange-500 {
	border-color: var(--orange-500)
}

.border-orange-600 {
	border-color: var(--orange-600)
}

.border-orange-700 {
	border-color: var(--orange-700)
}

.border-orange-800 {
	border-color: var(--orange-800)
}

.border-orange-900 {
	border-color: var(--orange-900)
}

.bg-orange-100 {
	background-color: var(--orange-100)
}

.bg-orange-200 {
	background-color: var(--orange-200)
}

.bg-orange-300 {
	background-color: var(--orange-300)
}

.bg-orange-400 {
	background-color: var(--orange-400)
}

.bg-orange-500 {
	background-color: var(--orange-500)
}

.bg-orange-600 {
	background-color: var(--orange-600)
}

.bg-orange-700 {
	background-color: var(--orange-700)
}

.bg-orange-800 {
	background-color: var(--orange-800)
}

.bg-orange-900 {
	background-color: var(--orange-900)
}

.text-yellow-100 {
	color: var(--yellow-100)
}

.text-yellow-200 {
	color: var(--yellow-200)
}

.text-yellow-300 {
	color: var(--yellow-300)
}

.text-yellow-400 {
	color: var(--yellow-400)
}

.text-yellow-500 {
	color: var(--yellow-500)
}

.text-yellow-600 {
	color: var(--yellow-600)
}

.text-yellow-700 {
	color: var(--yellow-700)
}

.text-yellow-800 {
	color: var(--yellow-800)
}

.text-yellow-900 {
	color: var(--yellow-900)
}

.border-yellow-100 {
	border-color: var(--yellow-100)
}

.border-yellow-200 {
	border-color: var(--yellow-200)
}

.border-yellow-300 {
	border-color: var(--yellow-300)
}

.border-yellow-400 {
	border-color: var(--yellow-400)
}

.border-yellow-500 {
	border-color: var(--yellow-500)
}

.border-yellow-600 {
	border-color: var(--yellow-600)
}

.border-yellow-700 {
	border-color: var(--yellow-700)
}

.border-yellow-800 {
	border-color: var(--yellow-800)
}

.border-yellow-900 {
	border-color: var(--yellow-900)
}

.bg-yellow-100 {
	background-color: var(--yellow-100)
}

.bg-yellow-200 {
	background-color: var(--yellow-200)
}

.bg-yellow-300 {
	background-color: var(--yellow-300)
}

.bg-yellow-400 {
	background-color: var(--yellow-400)
}

.bg-yellow-500 {
	background-color: var(--yellow-500)
}

.bg-yellow-600 {
	background-color: var(--yellow-600)
}

.bg-yellow-700 {
	background-color: var(--yellow-700)
}

.bg-yellow-800 {
	background-color: var(--yellow-800)
}

.bg-yellow-900 {
	background-color: var(--yellow-900)
}

.text-green-100 {
	color: var(--green-100)
}

.text-green-200 {
	color: var(--green-200)
}

.text-green-300 {
	color: var(--green-300)
}

.text-green-400 {
	color: var(--green-400)
}

.text-green-500 {
	color: var(--green-500)
}

.text-green-600 {
	color: var(--green-600)
}

.text-green-700 {
	color: var(--green-700)
}

.text-green-800 {
	color: var(--green-800)
}

.text-green-900 {
	color: var(--green-900)
}

.border-green-100 {
	border-color: var(--green-100)
}

.border-green-200 {
	border-color: var(--green-200)
}

.border-green-300 {
	border-color: var(--green-300)
}

.border-green-400 {
	border-color: var(--green-400)
}

.border-green-500 {
	border-color: var(--green-500)
}

.border-green-600 {
	border-color: var(--green-600)
}

.border-green-700 {
	border-color: var(--green-700)
}

.border-green-800 {
	border-color: var(--green-800)
}

.border-green-900 {
	border-color: var(--green-900)
}

.bg-green-100 {
	background-color: var(--green-100)
}

.bg-green-200 {
	background-color: var(--green-200)
}

.bg-green-300 {
	background-color: var(--green-300)
}

.bg-green-400 {
	background-color: var(--green-400)
}

.bg-green-500 {
	background-color: var(--green-500)
}

.bg-green-600 {
	background-color: var(--green-600)
}

.bg-green-700 {
	background-color: var(--green-700)
}

.bg-green-800 {
	background-color: var(--green-800)
}

.bg-green-900 {
	background-color: var(--green-900)
}

.text-teal-100 {
	color: var(--teal-100)
}

.text-teal-200 {
	color: var(--teal-200)
}

.text-teal-300 {
	color: var(--teal-300)
}

.text-teal-400 {
	color: var(--teal-400)
}

.text-teal-500 {
	color: var(--teal-500)
}

.text-teal-600 {
	color: var(--teal-600)
}

.text-teal-700 {
	color: var(--teal-700)
}

.text-teal-800 {
	color: var(--teal-800)
}

.text-teal-900 {
	color: var(--teal-900)
}

.border-teal-100 {
	border-color: var(--teal-100)
}

.border-teal-200 {
	border-color: var(--teal-200)
}

.border-teal-300 {
	border-color: var(--teal-300)
}

.border-teal-400 {
	border-color: var(--teal-400)
}

.border-teal-500 {
	border-color: var(--teal-500)
}

.border-teal-600 {
	border-color: var(--teal-600)
}

.border-teal-700 {
	border-color: var(--teal-700)
}

.border-teal-800 {
	border-color: var(--teal-800)
}

.border-teal-900 {
	border-color: var(--teal-900)
}

.bg-teal-100 {
	background-color: var(--teal-100)
}

.bg-teal-200 {
	background-color: var(--teal-200)
}

.bg-teal-300 {
	background-color: var(--teal-300)
}

.bg-teal-400 {
	background-color: var(--teal-400)
}

.bg-teal-500 {
	background-color: var(--teal-500)
}

.bg-teal-600 {
	background-color: var(--teal-600)
}

.bg-teal-700 {
	background-color: var(--teal-700)
}

.bg-teal-800 {
	background-color: var(--teal-800)
}

.bg-teal-900 {
	background-color: var(--teal-900)
}

.text-cyan-100 {
	color: var(--cyan-100)
}

.text-cyan-200 {
	color: var(--cyan-200)
}

.text-cyan-300 {
	color: var(--cyan-300)
}

.text-cyan-400 {
	color: var(--cyan-400)
}

.text-cyan-500 {
	color: var(--cyan-500)
}

.text-cyan-600 {
	color: var(--cyan-600)
}

.text-cyan-700 {
	color: var(--cyan-700)
}

.text-cyan-800 {
	color: var(--cyan-800)
}

.text-cyan-900 {
	color: var(--cyan-900)
}

.border-cyan-100 {
	border-color: var(--cyan-100)
}

.border-cyan-200 {
	border-color: var(--cyan-200)
}

.border-cyan-300 {
	border-color: var(--cyan-300)
}

.border-cyan-400 {
	border-color: var(--cyan-400)
}

.border-cyan-500 {
	border-color: var(--cyan-500)
}

.border-cyan-600 {
	border-color: var(--cyan-600)
}

.border-cyan-700 {
	border-color: var(--cyan-700)
}

.border-cyan-800 {
	border-color: var(--cyan-800)
}

.border-cyan-900 {
	border-color: var(--cyan-900)
}

.bg-cyan-100 {
	background-color: var(--cyan-100)
}

.bg-cyan-200 {
	background-color: var(--cyan-200)
}

.bg-cyan-300 {
	background-color: var(--cyan-300)
}

.bg-cyan-400 {
	background-color: var(--cyan-400)
}

.bg-cyan-500 {
	background-color: var(--cyan-500)
}

.bg-cyan-600 {
	background-color: var(--cyan-600)
}

.bg-cyan-700 {
	background-color: var(--cyan-700)
}

.bg-cyan-800 {
	background-color: var(--cyan-800)
}

.bg-cyan-900 {
	background-color: var(--cyan-900)
}

.text-gray-100 {
	color: var(--gray-100)
}

.text-gray-200 {
	color: var(--gray-200)
}

.text-gray-300 {
	color: var(--gray-300)
}

.text-gray-400 {
	color: var(--gray-400)
}

.text-gray-500 {
	color: var(--gray-500)
}

.text-gray-600 {
	color: var(--gray-600)
}

.text-gray-700 {
	color: var(--gray-700)
}

.text-gray-800 {
	color: var(--gray-800)
}

.text-gray-900 {
	color: var(--gray-900)
}

.border-gray-100 {
	border-color: var(--gray-100)
}

.border-gray-200 {
	border-color: var(--gray-200)
}

.border-gray-300 {
	border-color: var(--gray-300)
}

.border-gray-400 {
	border-color: var(--gray-400)
}

.border-gray-500 {
	border-color: var(--gray-500)
}

.border-gray-600 {
	border-color: var(--gray-600)
}

.border-gray-700 {
	border-color: var(--gray-700)
}

.border-gray-800 {
	border-color: var(--gray-800)
}

.border-gray-900 {
	border-color: var(--gray-900)
}

.bg-gray-100 {
	background-color: var(--gray-100)
}

.bg-gray-200 {
	background-color: var(--gray-200)
}

.bg-gray-300 {
	background-color: var(--gray-300)
}

.bg-gray-400 {
	background-color: var(--gray-400)
}

.bg-gray-500 {
	background-color: var(--gray-500)
}

.bg-gray-600 {
	background-color: var(--gray-600)
}

.bg-gray-700 {
	background-color: var(--gray-700)
}

.bg-gray-800 {
	background-color: var(--gray-800)
}

.bg-gray-900 {
	background-color: var(--gray-900)
}

.text-black {
	color: var(--black)
}

.border-black {
	border-color: var(--black)
}

.bg-black {
	background-color: var(--black)
}

.text-white {
	color: var(--white)
}

.border-white {
	border-color: var(--white)
}

.bg-white {
	background-color: var(--white)
}

.data-sheet-card .bg-secondary {
	border: 1px solid #303030
}

.data-sheet-card .bg-secondary:hover {
	border: 1px solid #FFC107
}

.series-card .bg-secondary .card-header {
	background: #fff;
}

.series-card .bg-secondary .card-header .text-white {
	color: #303030 !important;
}