@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");

@font-face {
	font-family: 'MyConferencesuite_Alliance';
	src: url("../../../../css/webfonts/MyConferencesuite_Alliance.eot?z1yefj");
	src: url("../../../../css/webfonts/MyConferencesuite_Alliance.eot?z1yefj#iefix") format("embedded-opentype"), url("../../../../css/webfonts/MyConferencesuite_Alliance.ttf?z1yefj") format("truetype"), url("../../../../css/webfonts/MyConferencesuite_Alliance.woff?z1yefj") format("woff"), url("../../../../css/webfonts/MyConferencesuite_Alliance.svg?z1yefj#MyConferencesuite_Alliance") format("svg");
	font-weight: normal;
	font-style: normal;
}

:root {
	--body-font: "Open Sans", sans-serif;
	--base-size: 1.1rem;
	--text-color: #333333;

	--brand-dark-blue: #2944d1;
	--brand-med-blue: #4395d1;
	--brand-light-blue: #71bce6;
	--brand-bluepurp: #557be6;

	--transition: all .7s cubic-bezier(.25, .8, .25, 1);

	--font-awesome: "Font Awesome 7 Free";
	--transform: scale(1) translateY(0);
	--transform-base: scale(1) translateY(0);
	--transform-base: scale(1) rotate(0deg) translateY(0);
	--transform-base-hover: scale(1.01) rotate(0deg) translateY(-3px);
	--transform-icon-hover: scale(1.011) rotate(-3deg) translateY(-3px);

	/* Alerts */
	--alert-radius: 14px;
	--alert-padding: 1rem 1.25rem;
	--alert-gap: 0.85rem;
	--alert-shadow: 0 10px 25px rgba(0, 0, 0, 0.06);
	--alert-border-width: 4px;
	--alert-transition: 0.25s ease;

	/* Borders / Radius */
	--radius-sm: 4px;
	--radius-md: 8px;
	--radius-card: 18px;
	--radius-lg: 40px;
	--border-light: 1px solid rgba(0, 0, 0, 0.1);

	/* Shadows */
	--shadow-zero: 0px 0px 0px rgba(00, 00, 00, 0.0);
	--shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.08);
	--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0px 5px 18px rgba(00, 00, 00, 0.13);

	--primary: #03539c;
	--secondary: rgba(00, 173, 239, 1);
	--early: #ffffff;
	--early-bg: rgba(03, 83, 156, 1);
	--regular-bg: rgba(00, 173, 239, 0.8);
	--regular: #ffffff;

	--transition-fast: 0.2s ease;
	--secondary-color:#00467d;
}

@keyframes pulse {
	0% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}

	50% {
		transform: translate(-50%, -50%) scale(1.08);
		opacity: 0.85;
	}

	100% {
		transform: translate(-50%, -50%) scale(1);
		opacity: 1;
	}
}
.de_required{
	color:rgba(192, 57, 43,1.0) !important;
}
div.field label span.de_quantity{
	display:none !important;	
}
legend, .form-group>label {
	color: var(--primary);
	font-weight: 600 !important;
	padding: 0 0 0 1rem !important;
}
legend small, .form-group>label small{
	display: inline-flex;
	padding: 0.3rem 1.5rem;
	background: rgba(236, 240, 241, 0.2);
	border-radius: 999px;
	align-items: center;
	font-size: 0.8rem;
	border: 1px solid rgba(236, 240, 241, 1.0);
	text-decoration: none;
	text-shadow: none;
	color: #222222;
	overflow: visible;
	font-weight: normal;
}
#speaker-role-786>h3{
	display:none;	
}
.speakers .row .col-sm-9 h3{
	font-size: unset !important;
	font-weight: unset !important;
	margin: unset !important;
	overflow: unset !important;
	background: unset;
	color: unset;
	border: unset;
	box-shadow: unset;
	padding: unset;
	border-radius: unset;
}
.row {
	margin: 0;
}

a,
a:visited,
a:active {
	text-decoration: underline;
	font-weight: bold;
}

a:hover,
a:focus {
	text-decoration: none;
}

p {
	margin: 1rem;
	padding: 0 !important;
}

b,
strong {
	color: var(--primary);
}
h2{color: var(--primary);}
#fields h2 {
	background: var(--primary);
	color: #ffffff;
	padding: .75rem 1rem;
	border-radius: 14px;
	box-shadow: 0px 14px 32px rgba(00, 00, 00, 0.1);
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: 1.6rem;
	margin: 0 0 1rem 0;
}

.section ul {
	margin: 1rem 1.8rem;
	display: grid;
	gap: 0.75rem;
}

.section ul li {
	padding: 0.5rem 0.5rem 0.5rem 0.75rem;
	position: relative;
}

.section ul li:before {
	font-family: var(--font-awesome);
	font-weight: 900;
	display: inline-block;
	content: "\f0da";
	position: absolute;
	top: 9px;
	left: -12px;
	color: #71b342;
}

.section h2 {
	margin: 1rem 0 1rem 0;
	border-bottom: 1px solid rgba(03, 83, 156, 0.1);
	padding: 0 0 0.5rem 0;
}

.section h2 i {
	color: #3f95d1;
}

#content-middle .panel {
	box-shadow: none;
	border: none;
	background: transparent;
	border-radius: 0;
}

html,
body {
	font-family: var(--body-font);
	color: var(--text-color);
	font-size: var(--base-size);
}

html {
	background: transparent !important;
}

body {
	background: rgba(113, 188, 230, 0.1);
}

label,
input,
select,
textarea {
	height: auto !important;
	font-size: var(--base-size) !important;
	margin: 0;
}

/*** Header ****/


/*** Menu ***/
/* Reset */
.navbar .links-wrapper .navbar-nav>* {
	padding: unset;
	border-radius: unset;
	font-weight: unset;
	color: unset;
	border-top: unset;
	margin: unset;
	transition: unset;
}

.navbar .sub-wrapper {
	max-width: unset;
	width: auto;
}

.navbar .links-wrapper .navbar-nav {
	gap: 0.5rem;
}

.navbar .links-wrapper .navbar-nav>*:hover {
	color: unset;
	background: unset;
}

.navbar .links-wrapper .navbar-nav>*.active {
	color: unset;
	background: unset;
}

.navbar .links-wrapper .navbar-nav>*.active:hover {
	color: unset;
}

#menu {
	position: sticky;
	top: 0;
	z-index: 9;
	border-radius: 0;
	background: #ffffff;
	box-shadow: 0px 2px 17px rgba(00, 00, 00, 0.2);
}

span.stickylogo {
	width: 350px;
	display: inline-flex;
	opacity: 0;
	transform: translateY(-10px);
	transition:
		opacity 0.3s ease,
		transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: opacity, transform;
	padding: 0.25rem 1rem;
	opacity: 0;
}

span.stickylogo img {
	width: 100%;
}

.navbar .wrapper {
	width: 100%;
}

.is-scrolled {
	position: fixed;
	top: 0;
}

.is-scrolled {
	position: fixed;
	top: 0;
}

#menu.is-scrolled span.stickylogo {
	opacity: 1;
	transform: translateY(0);
}

.navbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.navbar:before,
.navbar:after,
.nav.navbar-nav:before,
.nav.navbar-nav:after {
	display: none;
}

span.stickylogo img {
	width: 100%;
}

#navigation ul {
	margin: 0px;
	display: grid;
	gap: 0.5rem;
}

#navigation ul li {
	margin: 0;
}

.language-toggle {
	margin-left: 0.5rem;
}

.navbar .links-wrapper .navbar-nav a,
.language-toggle a {
	background: var(--brand-med-blue);
	border-radius: 12px;
	line-height: unset;
	padding: .75rem 1.3rem;
	margin: 0;
	color: #ffffff;
	transition: var(--transition);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
	transform: var(--transform-base);
	will-change: box-shadow, transform;
	text-decoration: none;
}

.navbar .links-wrapper .navbar-nav a:hover,
.language-toggle a:hover {
	background: var(--brand-light-blue);
	transition: var(--transition);
	box-shadow: 0 4px 11px rgba(0, 0, 0, 0.075);
	transform: var(--transform-base-hover);
	text-decoration: none;
}

.language-toggle a {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	font-size: var(--base-size);
	background: rgba(203, 223, 241, 0.3);
	color: #3998d5;
	border-color: rgba(57, 152, 213, 0.1);
	text-decoration: none;
}

.language-toggle a:hover {
	background: rgba(203, 223, 241, 0.5);
	border-color: rgba(57, 152, 213, 0.2);
}

/*** Content ***/
#content .row {
	align-items: flex-start;
}

#content {
	max-width: 90%;
	font-size: var(--base-size);
}

#content .panel,
#content .panel .panel-body {
	padding: 0;
}

#singleTab .row:first-of-type:before,
#singleTab .row:first-of-type:after,
#content .panel .panel-body:first-of-type:before,
#content .panel .panel-body:first-of-type:after,
#content .panel .panel-body .row:first-of-type:before,
#content .panel .panel-body .row:first-of-type:after {
	display: none;
}

#singleTab>.row {
	background: transparent;
	gap: 1rem;
}

#content .panel-body .row:first-of-type {
	gap: 1rem;
	background: transparent;
	align-items: flex-start;
}

#content .row .col-sm-9 {
	margin: 0px;
	background: #ffffff;
	padding: 2rem;
	border-radius: 25px;
	max-width: 74%;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
}

#content .row .col-sm-3 {
	position: sticky;
	top: 130px;
	background: #ffffff;
	padding: 1rem;
	border-radius: 25px;
	max-width: 24%;
	margin: 0;
	border: none;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
}

.col-sm-3 .body-wrapper h2 {
	padding: 0.65rem 1rem !important;
	box-shadow: 0px 3px 10px rgba(00, 00, 00, 0.2);
	background: #4086bf;
	color: #ffffff;
	line-height: normal;
	font-size: 1.4rem;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 14px;
	margin: 0 !important;
}

.col-sm-3 .body-wrapper h2 i {
	transform: rotate(7deg);
	text-shadow: 1px 2px 6px rgba(00, 00, 00, 0.3);
}

.col-sm-3 .body-wrapper p {
	margin: 1.5rem 1rem;
	display: flex;
	align-items: flex-start;
	gap: 0.5rem;
}

#content #singleTab .row .col-sm-9:first-of-type {
	background: #ffffff;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
	padding: 0rem;
}


/*****************************
Field Updates
*****************************/
#fieldContainer,
#fieldContainer .section {
	display: grid;
	gap: 2rem;
}

.field,
.field .form-group {
	margin: 0 !important;
}

.field,
.field_value,
.valueSpan {
	transition: all .7s cubic-bezier(.25, .8, .25, 1);
	opacity: 0;
	transform: scale(0);
	will-change: transform, opacity;
}

.field {
	transition: var(--transition);
	transform: scale(1.02) translateY(-10px);
}


/*****************************
Schedule
*****************************/
.speaker-name img {
	width: 250px;
	height: 250px;
	object-fit: contain;
}

#app-layout .avatar-placeholder {
	object-fit: contain;
}

.filter-wrapper {
	width: 25%;
}

div.form-group-tags {
	margin: 1rem 0 !important;
	width: 100%;
	;
}

.form-select.filter-by-tag {
	padding: 0.375rem 0.75rem;
	border-radius: 0.5rem;
}


#app-layout .content-user-schedule .bg-gray-200 {
	background-color: #4086bf;
}

#app-layout #scheduleTabs .nav-link.active {
	background-color: #4086bf;
	color: white;
	border: none;
}

@media (min-width: 640px) {
	#app-layout .content-user-schedule .day-tabs-content .session-item-left {
		margin: 0;
	}
}

#app-layout .session-date-time {
	display: flex;
	gap: 0.5rem;
	background: #efefef;
	border-radius: 10px;
	padding: 0.5rem 1rem;
}



#app-layout .session-date-time .time {
	margin: 0 !important;
}

#app-layout .session-title {
	font-size: 1.125rem;
	font-weight: 600;
}

#app-layout .session-item-right span hr {
	display: none;
}

#app-layout .session-operations {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0;
	padding: .5rem .75rem;
	background: #4086bf;
	border-radius: 0 0 0 25px;
	box-shadow: 0px 3px 10px rgba(00, 00, 00, 0.3);
	border-left: 1px solid rgba(00, 00, 00, 0.03);
	border-bottom: 1px solid rgba(00, 00, 00, 0.03);
	backdrop-filter: blur(5px);
}

#app-layout .session-operations a{
	text-indent: -999px;
	border-radius: 999px;
	width: auto;
	height: auto;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.3rem;
	border: none;
	gap: 0;
	overflow: hidden;
	background: transparent;
}
#app-layout .session-operations a i{
	text-indent: 0;
	font-size: 1.3rem;
	margin: 0;
	line-height: normal;
	text-shadow: 1px 4px 7px rgba(00, 00, 00, 0.3);
}

#app-layout .content-user-schedule .day-tabs-content .grid-view .session-col {
	padding: 0 !important;
}

@media (min-width: 1440px) {
	#app-layout .content-user-schedule .day-tabs-content .grid-view .session-col {
		flex: 1 1 49%;
		max-width: 49%;
	}
}

#app-layout .session-item .right-side {
	gap: 0.5rem;
}

/*****************************
Misc.
*****************************/
.banner {
	background: linear-gradient(90deg, hsla(223, 42%, 36%, 1) 0%, hsla(212, 47%, 45%, 1) 100%) !important;
}

[data-group="cagh-custom-controller"] {
	display: none;
}

/*Schedule page */
.banner .banner-wrapper {
	max-width: 100% !important;
	margin: 0 !important;
}

/* Global animation helpers */
.fade-in {
	animation: fadeIn .4s ease forwards;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/**********************
Sections/Cards
**********************/
#fieldContainer .section{
	background: #ffffff;
	padding: 2rem;
	transition: var(--transition);
	transform: scale(1.03) translateY(-10px);
	opacity: 0;
	gap: 1rem;
}
,
#content #singleTab .row .col-sm-9{
	background: #ffffff;
	padding: 2rem;
	transition: var(--transition);
	transform: scale(1) translateY(0px);	
}
.sectionwrapper {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0.5rem;
	border-radius: 25px;
	gap: 1rem;
	justify-content: space-between;
}

.sectionwrapper>h2 {
	font-weight: bold;
	color: #344478;
	font-size: 2rem;
}

.sectionwrapper .section {
	max-width: 49%;
	width: 100%;
	padding: 1rem;
	border-radius: 25px;
	border: 2px solid transparent;
	box-shadow: 0 0 8px rgba(00, 00, 00, 0.1);
	transition: var(--transition);
	transform: var(--transform);
	font-size: 1rem;
	will-change: transform, box-shadow;
	height: stretch;
}

.sectionwrapper .section.fullwidth {
	max-width: 100%;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-color: rgba(67, 149, 209, 0.5);
}

.sectionwrapper .section:hover {
	transform: var(--transform-hover);
	box-shadow: 0 4px 14px rgba(00, 00, 00, 0.15);
}

.sectionwrapper.themes .section p strong {
	font-size: 1.2rem;
	display: block;
	margin: 0 0 0.5rem 0;
}

.sectionwrapper.themes .section ul {
	margin: 1rem 1rem 1rem 1.2rem !important;
	display: grid;
	gap: 0.5rem;
	list-style: none;
}

.sectionwrapper.themes .section ul li {
	list-style: none;
	display: flex;
	gap: 0.5rem;
	align-items: flex-start;
	position: relative;
}

.sectionwrapper.themes .section ul li:before {
	font-family: var(--font-awesome);
	display: inline-block;
	font-weight: 900;
	content: "\f111";
	color: rgba(41, 68, 209, 0.6);
	font-size: 0.5rem;
	position: relative;
	top: 6px;

}

.sectionwrapper.themes .section:nth-of-type(1) {
	border-color: #71bce6;
}

.sectionwrapper.themes .section:nth-of-type(1) p strong,
.sectionwrapper.themes .section:nth-of-type(1) ul li:before {
	color: #71bce6;
}

.sectionwrapper.themes .section:nth-of-type(2) {
	border-color: #4395d1;
}

.sectionwrapper.themes .section:nth-of-type(2) p strong,
.sectionwrapper.themes .section:nth-of-type(2) ul li:before {
	color: #4395d1;
}

.sectionwrapper.themes .section:nth-of-type(3) {
	border-color: #2944d1;
}

.sectionwrapper.themes .section:nth-of-type(3) p strong,
.sectionwrapper.themes .section:nth-of-type(3) ul li:before {
	color: #2944d1;
}

.sectionwrapper.themes .section p {
	display: grid;
	gap: 0.5rem;
}

.sectionwrapper h3 {
	font-size: 1.4rem !important;
	font-weight: 500 !important;
	margin: 0.2rem 0 0.5rem 0 !important;
	overflow: visible !important;
	background: #ffffff;
	line-height: normal;
	height: unset;
	color: #ffffff;
	padding: 0.75rem 1rem;
	border-radius: 12px;
	box-shadow: 0px 3px 12px rgba(67, 149, 209, 0.3);
	border: 2px solid rgba(67, 149, 209, 1);
	/*text-shadow: 1px 2px 5px rgba(67, 149, 209, 1);*/
}

/******************************
Pricing Accord
******************************/
.modern-accordion .panel-heading {
	background: none;
	border: none;
	padding: 0;
}

.modern-accordion {
	margin: 2rem 0;
}

.modern-accordion .panel-heading h4 {
	width: 100%;
	margin-bottom: 20px;
	padding: 15px 5%;
	font-size: 20px;
	color: var(--primary);
	border: 1px solid #ccc;
	background: rgba(204, 204, 204, 0.2);
	cursor: pointer;
	transition: var(--transition);
}

.modern-accordion .panel-heading h4:hover {
	background: rgba(204, 204, 204, 0.4);
}

.modern-accordion h4 a[aria-expanded]:after {
	float: right;
	font-family: FontAwesome;
	font-size: 18px;
	content: "\f067";
	transition: var(--transition-fast);
}

.modern-accordion h4 a[aria-expanded="true"]:after {
	content: "\f068";
	transform: rotate(180deg);
}

/* Pricing Header */
.accordion-header {
	background-color: #1b92dc;
	color: #fff;
	cursor: pointer;
	padding: 15px 20px;
	margin-bottom: 5px;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: background 0.3s;
}

.accordion-header:hover {
	background-color: #1883c5;
}

.accordion-header i.chevron {
	transition: transform 0.3s ease;
}

.accordion-header.active i.chevron {
	transform: rotate(180deg);
}

/* Accordion Content */
.accordion-content {
	display: none;
	padding: 20px;
}

.pricing-section {
	margin-bottom: 1rem;
}

.pricing-section h2 {
	font-size: 26px;
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pricing-section h2 span:last-of-type {
	background: rgba(46, 204, 113, 0.2);
	font-size: 0.75rem;
	padding: 0.5rem 0.75rem;
	border-radius: 999px;
	color: rgba(39, 174, 96, 1.0);
}

.section-note {
	margin-bottom: 25px;
	color: #555;
}

.pricing-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
	gap: 0.5rem;
}
.pricing-grid.virtual-fee{
	grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));	
}
.price-card {
	background: var(--card-bg);
	border-radius: var(--radius-card);
	padding: 25px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, .06);
	transition: var(--transition);
	overflow: hidden;
	position: relative;
}

.price-card:before {
	content: "";
	position: absolute;
	top: 0;
	left: -50%;
	/* extend beyond width */
	width: 400%;
	/* wider for animation */
	height: 4px;
	background: linear-gradient(300deg,
		rgba(3, 83, 156, 1),
		rgba(0, 173, 239, 1),
		rgba(3, 83, 156, 1));
	background-size: 300% 100%;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	transition: transform .6s ease;
}


@keyframes gradientMove {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(50%);
	}
}

.price-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 15px 40px rgba(0, 0, 0, .12);
}

.price-card .price-columns .price {
	transition: var(--transition);
	box-shadow: var(--shadow-sm);
	transform: var(--transform);
}

.price-card:hover .price-columns .price {
	box-shadow: var(--shadow-lg);
	transform: var(--transform-base-hover);
}


.price-card h3 {
	margin: 0 0 1rem 0;
	font-size: 18px;
	color: var(--primary);
	display: grid;
	gap: 0.5rem;
	align-items: center;
}

.price-card h3 i {
	color: var(--secondary);
}

.price-card h3 span.title-note {
	font-size: 14px;
	display: grid;
	align-items: center;
	justify-content: center;
	border-radius: 999px;
	box-shadow: 1px 3px 10px rgba(00, 00, 00, 0.1);
	padding: 5px 12px;
	font-weight: 400;
	color: #333333;
	background: #f7caac;
	font-size: 14px;
	display: grid;
	align-items: center;
	justify-content: center;
}

span.title-note.virtual {
	background: #6B7280 !important;
	color: #ffffff !important;
}

.price-card h3 span:first-of-type {
	background: transparent;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
	width: 100%;
	font-size: 1.1rem;
	gap: 0.5rem;
	font-weight: bold;
	display: flex;
	justify-content: center;
}

.price-columns {
	display: flex;
	justify-content: space-between;
	gap: 15px;
}

.price {
	flex: 1;
	padding: 15px;
	border-radius: 12px;
	text-align: center;
}

.price strong {
	display: block;
	font-size: 22px;
	margin-top: 8px;
	color: #ffffff;
}

.badge {
	font-size: 12px !important;
	display: inline-block;
	margin-bottom: 5px;
	font-weight: 600;
	min-width: unset;
	padding: unset;
	line-height: unset;
	color: #ffffff;
	text-align: unset;
	white-space: unset;
	vertical-align: unset;
	background: unset;
	border-radius: unset;
	font-size: 0.9rem;
}

.badge i {
	width: 100%;
	font: 1.4rem;
}

.early {
	background: var(--early-bg);
	color: var(--early);
}

.regular {
	background: var(--regular-bg);
	color: var(--regular);
}

.virtual {
	background: #6B7280;
	color: var(--regular);
}


.price-free {
	padding: 20px;
	background: rgba(24, 160, 88, .08);
	border-radius: 12px;
	font-weight: 600;
	text-align: center;
}
/******************************
File Upload
******************************/
div[data-group="file"] fieldset {
	align-items: center;
	display: flex;
	align-items: center;
}
/*
div[data-group="file"] fieldset legend{
width:32%;
float:left;
}
*/

div[data-group="file"] fieldset div {
	width: 100% !important;
	margin: 1rem 0;
}

div[data-group="file"] fieldset div.file-upload-wrap {
	position: relative;
	max-width: 100%;
	width: 100% !important;
}

.file-upload-wrap input[type="file"] {
	position: absolute;
	inset: 0;
	opacity: 0;
	cursor: pointer;
}

div[data-group="file"] .file-upload-ui {
	display: grid;
	width: 100% !important;
	align-items: center;
	gap: 16px;
	padding: 18px 20px;
	border: 2px dashed #cbd5e1;
	border-radius: 14px;
	background: #ffffff;
	cursor: pointer;
	transition: var(--transition);
	box-shadow:0px 0px 0px rgba(0, 0, 0, 0);
	transform:translateY(0px);
	justify-content: center;
	text-align: center;
}
div[data-group="file"] .file-upload-ui:hover{
	box-shadow:0px 3px 10px rgba(0, 0, 0, 0.1);
	transform:translateY(-3px);
}
.file-upload-ui i {
	font-size: 24px;
	color: var(--abi-orange);
	transition: var(--transition);
	text-shadow: var(--box-shadow);
	transform: var(--transform);
	width: 100%;
}

.file-upload-wrap:hover .file-upload-ui i {
	text-shadow: var(--box-shadow-hover);
	transform: var(--transform-hover);
}

.file-upload-meta {
	flex: 1;
	min-width: 0;
	width: 100% !important;
}

.file-upload-text {
	display: block;
	font-weight: 600;
	color: #0f172a;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.file-upload-details {
	font-size: 13px;
	color: #475569;
	margin-top: 2px;
}

.file-upload-error {
	font-size: 13px;
	color: #dc2626;
	margin-top: 4px;
}

.file-upload-remove {
	display: none;
	background: none;
	border: none;
	font-size: 18px;
	color: #64748b;
	cursor: pointer;
}

.file-upload-remove:hover {
	color: #dc2626;
}

.file-upload-wrap:hover .file-upload-ui {
	border-color: var(--abi-orange);
	background: rgba(190, 211, 48, 0.05);
}

.file-upload-ui.is-dragover {
	border-color: var(--abi-orange);
	background: #eff6ff;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
}

.file-upload-ui.has-file {
	border-style: solid;
	border-color: #22c55e;
	background: #f0fdf4;
}

.file-upload-ui.has-file i {
	color: #22c55e;
}

.file-upload-ui.has-file .file-upload-remove {
	display: inline-flex;
}

.file-upload-ui.has-error {
	border-style: solid;
	border-color: #dc2626;
	background: #fef2f2;
}

.file-upload-ui.has-error i {
	color: #dc2626;
}

div[data-group="file"] p {
	display: none;
}

div[data-group="file"] .foot {
	text-align: right;
	font-style: italic;
	font-size: 0.85rem;
	padding: 0.5rem 1rem;
	border-radius: 10px;
	background: #efefef;
	display: inline-flex;
	float: right;
	margin: 0 1rem 0rem 0rem;
	align-items: center;
	gap: 0.3rem;
}

div[data-group="file"] .foot i {
	font-size: 1.1rem;
	color: rgba(52, 152, 219, 1.0);
}
/***************************
Alerts
***************************/
.alert {
	position: relative;
	display: flex;
	align-items: flex-start;
	gap: var(--alert-gap);
	padding: var(--alert-padding) !important;
	border-radius: var(--alert-radius);
	border: none;
	font-size: 0.95rem;
	line-height: 1.55;
	font-weight: 500;
	box-shadow: var(--alert-shadow);
	transition: all var(--alert-transition);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	animation: alertFadeIn 0.35s ease;
}

.alert strong {
	font-weight: 600;
}

.alert:hover {
	transform: translateY(-2px);
}

.alert-success {
	border-left: none;
	background:
		linear-gradient(white, white) padding-box,
		linear-gradient(180deg, #10b981, #059669) border-box;
	border-left: 4px solid transparent;
}


.alert-info {
	background: rgba(59, 130, 246, 0.12);
	color: #1e3a8a;
	border-left: var(--alert-border-width) solid #3b82f6;
}

.alert-warning {
	background: rgba(245, 158, 11, 0.15);
	color: #78350f;
	border-left: var(--alert-border-width) solid #f59e0b;
}

.alert-danger {
	background: rgba(239, 68, 68, 0.12);
	color: #7f1d1d;
	border-left: var(--alert-border-width) solid #ef4444;
}
.alert-inclusive {
	background: rgba(155, 89, 182, 0.03);

	border-left: var(--alert-border-width) solid rgba(155, 89, 182, 1);
}
.alert-inclusive i{
	color:rgba(155, 89, 182, 1);
}
.alert-inclusive span{
	display:flex;
	gap:0.5rem;
}

.alert-icon {
	font-size: 1.2rem;
	margin-top: 2px;
	flex-shrink: 0;
	opacity: 0.95;
	transition: transform var(--alert-transition),
		opacity var(--alert-transition);
}

.alert:hover .alert-icon {
	transform: scale(1.15);
	opacity: 1;
}

#content .alert i {
	font-size: 1.5rem;
}

@keyframes alertFadeIn {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.alert .close {
	margin-left: auto;
	font-size: 1rem;
	opacity: 0.5;
	transition: opacity 0.2s ease;
}

.alert .close:hover {
	opacity: 1;
}

/********************************
General Modal/Fancybox Updates
********************************/
.modalPopUp {
	max-width: 75%;
	width: 100%;
	padding: 1.3rem;
	border-radius: 25px;
	box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.2);
	display: none;
}

.modalPopUp h1 {
	font-weight: bold;
}

.modalPopUp p {
	margin: 1rem;
}

.fancybox-slide {
	background-color: transparent;
}

.fancybox-container .fancybox-bg {
	opacity: 1 !important;
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(20px);
}

.modal-backdrop.in {
	background: rgba(255, 255, 255, 0.1) !important;
	backdrop-filter: blur(10px) !important;
	opacity: 1 !important;
}

#mycs-loading-mask {
	display: none;
	background: rgba(255, 255, 255, 0.1) !important;
	opacity: 1 !important;
	backdrop-filter: blur(10px) !important;
}

#mycs-loading-mask #mycs-spinner {
	background: url('https://mycs-cdn.myconferencesuite.com/other/Project/3954/89/7f/897f552b3c4a2ac0bc69bbaa93bd89aa387e5a8692067ef4330087e62dd74d75.gif') no-repeat center center / contain !important;
	width: 155px;
	height: 155px;
	transform: translate(-50%, -50%) scale(1);
	display: flex;
	align-items: center;
	justify-content: center;
	animation: pulse 1.8s ease-in-out infinite;
	filter: drop-shadow(0px 2px 10px rgba(00, 00, 00, 0.25));
}

.fancybox-slide>* {
	box-shadow: 0px 0px 20px rgba(00, 00, 00, 0.6);
	border-radius: 25px;
}

.fancybox-close-small:after {
	background: rgba(192, 57, 43, 0.8) !important;
	border: 2px solid #ffffff !important;
	box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.1) !important;
	color: #ffffff !important;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1) !important;
	transition: all 0.3s ease;
	transform: scale(1);
	outline: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fancybox-close-small:hover:after,
.fancybox-close-small:focus:after {
	background: rgba(192, 57, 43, 1) !important;
	border: 2px solid #ffffff !important;
	box-shadow: 2px 2px 14px rgba(0, 0, 0, 0.2) !important;
	color: #ffffff !important;
	text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2) !important;
	transition: all 0.3s ease;
	transform: scale(1.1);
	outline: none !important;
}

/*****************************
Inputs
*****************************/
input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
	padding: 1rem !important;
	transition: var(--transition);
	box-shadow: 0px 2px 8px rgba(00, 00, 00, 0.05) !important;
	border-radius: 13px !important;
	border-color: rgba(67, 149, 209, 0.1) !important;
	margin: 0;
	transform: scale(1) translateY(0px);
}

textarea {
	min-height: 193px;
}

input[type=text]:hover,
input[type="email"]:hover,
textarea:hover,
select:hover,
input[type=text]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
	border-color: rgba(67, 149, 209, 0.4) !important;
	box-shadow: 0px 4px 16px rgba(67, 149, 209, 0.2) !important;
	transition: var(--transition);
	transform: scale(1.01) translateY(-2px);
}
/*
form[name=regForm] fieldset .de_fieldset {
gap: 1.3rem;
align-items: stretch;
justify-content: flex-start;
padding: 1rem 1.5rem;
display: grid;
grid-template-columns: 50% 50%;
}
*/
form[name=regForm] div[data-group="attendance-days"] fieldset .de_fieldset {
	grid-template-columns: 100%;
}


form[name=regForm] div[data-group="attendance-days"] fieldset .de_fieldset .valueSpan label{
	justify-content: space-between;
}

form[name=regForm] fieldset .de_fieldset>.valueSpan {
	flex: 0 0 calc(33% - 12px);
	height: stretch;
	max-height: stretch;
}

.de_fieldset input[type="radio"],
.de_fieldset input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	/*display: none;*/
}

.de_fieldset .valueSpan label {
	max-width: 100%;
	width: 100% !important;
	border-radius: 10px;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
	margin: 0;
	padding: 0.75rem 2.3rem 0.75rem 1rem;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border: 2px solid transparent;
	font-weight: normal;
	font-size: 1rem !important;
	text-align: center;
	position: relative;
	transition: var(--transition);
	transform: scale(1) translateY(0px);
	height: stretch !important;
}

.de_fieldset .valueSpan label:hover {
	transition: var(--transition);
	box-shadow: 0px 3px 14px rgba(0, 0, 0, 0.085);
	transform: scale(1.01) translateY(-2px);
	border-color: rgba(113, 188, 230, 0.3);
}

.de_fieldset .valueSpan label:after {
	font-family: var(--font-awesome);
	transition: var(--transition);
	transform: scale(1) translateY(-50%);
	will-change: transform;
	display: inline-block;
	font-weight: 400;
	content: "\f111";
	position: absolute;
	top: 50%;
	right: 10px;
	font-size: 1.1rem;
	color: rgba(0, 0, 0, .06);
	background: transparent;
	border-radius: 9999px;
	transform-origin: center center;
}

.de_fieldset .valueSpan input:checked+label {
	border-color: #2ecc71;
	background: #f3fdf6;
	transition: var(--transition);
	box-shadow: 0px 3px 14px rgba(46, 204, 113, 0.085);
	transform: scale(1.01) translateY(-2px);
}

.de_fieldset .valueSpan input:checked+label:after {
	content: "\f058";
	color:#2ecc71;
	font-weight:900;
	transform: scale(1.2) translateY(-50%);
}

div.field label span.de_quanitity {
	display: none !important;
}

div.btn-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 1rem 0;
}

div.btn-wrapper.has-multiple-items {
	justify-content: space-between;
}

div.btn-wrapper a {
	background: var(--brand-med-blue);
	display: flex !important;
	align-items: center;
	justify-content: flex-start !important;
	padding: 0.75rem 1.3rem !important;
	font-size: var(--base-size) !important;
	border-radius: 12px !important;
	line-height: unset !important;
	color: #ffffff !important;
	transition: var(--transition) !important;
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.05) !important;
	transform: var(--transform-base);
	will-change: box-shadow, transform;
}

div.btn-wrapper a:hover {
	background: var(--brand-light-blue) !important;
	box-shadow: 0 4px 11px rgba(0, 0, 0, 0.075) !important;
	transform: var(--transform-base-hover) !important;
	text-decoration: none;
}
.de_fieldset .valueSpan label span:first-of-type .cat-type{
	display: grid;
	gap: 0rem;
	padding: 0.7rem 1.5rem;
	border-radius: 10px;
	font-size: 0.95rem;
	background: rgba(113, 188, 230, 0.085);
	color: #03539c;
	will-change: transform, text-shadow, box-shadow;
	line-height: 1rem;
	margin: 0.3rem auto;
	/*max-width: 75%;*/
}
.de_fieldset .valueSpan label span:first-of-type .cat-type span{

}

div[data-id="159738"] .de_fieldset .valueSpan label>span{

}

/************************
Note Field
************************/
div[data-group="note"] p {
	display: none;
}

div[data-group="note"] .text-editable {
	width: 100% !important;
	max-width: 100%;
}

div[data-group="note"] .text-editable p {
	display: block;
}

span.memberseaching {
	display: flex;
	align-items: center;
	height: auto;
	gap: 0.3rem;
}

span.memberseaching * {
	height: stretch;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
}

span.memberseaching button {
	font-size: 1rem;
	border-radius: 10px;
	transition: var(--transition);
	box-shadow: 0px 0px 0px rgba(00, 00, 00, 0);
	transform: scale(1) translateY(0px);
}

span.memberseaching button:hover {
	box-shadow: 0px 3px 10px rgba(00, 00, 00, 0.1);
	transform: scale(1) translateY(-3px);
}
ul.dropdown-menu{
	border-radius: 25px !important;
	box-shadow: 0px 4px 18px rgba(00, 00, 00, 0.2);
	border: none;
	min-width: 238px;
	overflow: hidden;
	padding:1rem 0;
}

.navbar .links-wrapper .navbar-nav li ul.dropdown-menu li a {
	background: transparent;
	color: var(--brand-dark-blue);
	box-shadow: none;
	border-radius: 0;
	font-size: 1rem;
}

.navbar .links-wrapper .navbar-nav li ul.dropdown-menu li a:hover{
	background:rgba(67,149,209,0.05);
}
.navbar .links-wrapper .navbar-nav li a[data-toggle="dropdown"]{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.7rem;
}



/*****************************
Schedule Items
*****************************/
.m-seminar-list__list__row {
	margin: 25px 0;
	padding: 25px 25px 25px 30px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 4px 18px rgba(0,0,0,0.08);
	position: relative;
	opacity: 0;
	transform: translateY(25px);
	transition: all .7s ease;
}

.m-seminar-list__list__row::before {
	content:"";
	position:absolute;
	left:12px; top:20px; bottom:20px;
	width:4px;
	background:linear-gradient(180deg,rgba(00,71,125,0.7),rgba(00,71,125,1));
	border-radius:10px;
}

.m-seminar-list__list__row.visible { opacity:1; transform:translateY(0); }

/* TIME HEADER */
.m-seminar-list__list__row__header {
	font-size: 1.35rem;
	font-weight: 700 !important;
	color: #202020 !important;
	display: flex;
	align-items: center;
	gap: 10px;
	width: unset !important;
	margin: 0 0 20px 0 !important;
	padding: 0 !important;
	background: transparent !important;
	border: none !important;
}

.m-seminar-list__list__row__header:before {
	content:"\f017"; /* clock */
	font-family:"Font Awesome 7 Free";
	font-weight:900;
	color:var(--secondary-color);
	font-size:1.2rem;
}

/* SESSION ITEMS */
.m-seminar-list__list__items__item {
	margin-bottom:18px;
	padding:20px;
	background:#f9fbff !important;
	border-radius:14px;
	box-shadow:0 3px 10px rgba(0,0,0,0.05);
	opacity:0;
	max-width: 48%;
	transform:translateX(35px);
	transition:all .7s cubic-bezier(.25,.8,.25,1);
	position:relative;
	width: 100% !important;
}

.m-seminar-list__list__items__item.visible {
	position: relative;
	overflow: hidden;
	opacity:1;
	transform:translateX(0);
}
.m-seminar-list__list__row{
	display:grid !important;
}


.m-seminar-list__list__items__item:hover {
	box-shadow:0 6px 20px rgba(0,0,0,0.12);
	transform:translateY(-3px);
}

/* REMOVE HRs */
.m-seminar-list__list__items__item hr { display:none !important; }

/* TAG / CATEGORY COLOR */
.tag-button {
	padding:5px 12px;
	border-radius:8px;
	font-size:.75rem;
	font-weight:700;
	color:#fff !important;
	text-transform:uppercase;
	display:inline-block;
	margin-bottom:10px; /* spacing below tag */
}

/* CATEGORY COLORS */
.tag-closed      { background:#ffbf0f !important; color:#000 !important; }
.tag-workshop    { background:#007bff !important; }
.tag-keynote     { background:#e63946 !important; }
.tag-social      { background:#9b59b6 !important; }
.tag-session     { background:#6c757d !important; }
.tag-break       { background:#2ecc71 !important; }

/* DATE/TIME AREA */
.session-date-time {
	margin-top:0;
	display:flex;
	flex-wrap:wrap;
	font-size:.9rem;
	font-size: 1rem !important;
}

.session-date-time i { color:#555; }

/* SUMMARY LINK BUTTONS */
.session-operations a.download-btn {
	display:inline-flex;
	align-items:center;
	gap:6px;
	padding:6px 14px;
	border-radius:8px;
	background:var(--secondary-color);
	color:#fff !important;
	font-weight:600;
	font-size:.85rem;
	text-decoration:none;
	opacity:0;
	transform:translateX(25px);
	transition: all .6s ease;
}

.session-operations a.download-btn.visible {
	opacity:1;
	transform:translateX(0);
}

.session-operations a.download-btn:hover {
	background:#0056b3;
	box-shadow:0 4px 12px rgba(0,0,0,0.15);
}
.m-seminar-list__list__items{
	width: 100% !important;
	gap: 1rem;
}
/* ACCORDION ARROW REMOVED */
.m-seminar-list__list__items__item::after { content:none; }

.left-side h4>i{
	color:var(--primary-color);
}
.session-date-time i{
	color:var(--secondary-color);
}
.session-schedule-card .session-header{
	background: transparent !important;
	box-shadow: none !important;
	padding: 1rem !important;
	border-radius: 0 !important;
}
.session-title h4 {
	margin: 0 0 15px 0;
	font-size: 1.3rem;
	color: var(--secondary-color);
}
.tabarea ul.nav-tabs {
	display: flex;
	gap: 1rem;
	border-bottom: none; /* Remove default bootstrap underline */
	padding: 0;
	margin: 20px 0;
	justify-content: center;
}

.tabarea .nav-tabs li {
	list-style: none;
}

.tabarea .nav-tabs li a {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 18px;
	border-radius: 50px; /* pill shape */
	text-decoration: none;
	font-weight: 600;
	color: #555;
	background: #f4f4f4;
	box-shadow: 0 2px 4px rgba(0,0,0,0.05);
	transition: all 0.3s ease;
	border:none !important;
}

.tabarea .nav-tabs li a:hover {
	background: var(--secondary-color);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0,0,0,0.15);
	transform: translateY(-2px);
}

.tabarea .nav-tabs li.active a,
.tabarea .nav-tabs li a.active {
	background: var(--secondary-color);
	color: #fff;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.tabarea .nav-tabs li a i {
	font-size: 0.9em;
}

/* Optional: Smooth fade for tab content if using tab panes */
.tabarea .tab-pane {
	opacity: 0;
	transition: opacity 0.5s ease;
	display: none;
	padding: 15px;
	background: #f9f9f9;
	border-radius: 10px;
	margin-top: 10px;
}

.tabarea .tab-pane.active {
	display: block;
	opacity: 1;
}
.col-sm-9>h2{
	text-align: center;
	color: var(--secondary-color);
}

.session-schedule-card .session-header .session-speakers .speaker {
	background: rgba(00, 173, 239, 0.2);
	padding: 5px !important;
	border-radius: 999px;
	will-change: transform, box-shadow;
	transition: var(--transition);
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
	transform: scale(1) translateY(0px);
}
.session-schedule-card .session-header .session-speakers .speaker:hover{
	box-shadow: 0px 3px 10px rgba(0,0,0,0.1);
	transform: scale(1) translateY(-3px);
}
.session-schedule-card .session-header .session-speakers .speaker .speaker-name {
	margin: 0;
	padding: 0 18px 0 8px;
	font-size: 14px;
	color: #2c5282;
	font-weight: 600;
	text-decoration: none;
}
.session-schedule-card .session-header .session-speakers .speaker .speaker-name:hover{
	text-decoration: none;
}


.speaker-heading.my-2 {
	margin: 1rem 0;
	color: #4086bf;
	font-weight: bold;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.speaker-heading.my-2:before{
	font-family: var(--font-awesome);
	font-weight:bold;
	display:inline-block;
	content:"\f130";
}

.pageinfo {
	padding: 1rem;
	border-radius: 14px;
	background-color: rgba(44, 62, 80, 1.0);
	color: #ffffff !important;
	margin: 1rem;
	margin-bottom: 0;
	text-align: center;
	font-size: 1.1rem;
}
.pageinfo strong{
	color: #ffffff !important;	
}

form[name=regForm] #button {
	margin: 1rem;
	text-align: center;
	padding: 1rem;
}
form[name=regForm] #button input{
	padding: 1rem 2rem;
	font-size: 1.4rem !important;
	background: rgba(39, 174, 96, 1.0);
	border-color: rgba(39, 174, 96, 1.0);
	transition:var(--transition);
	box-shadow:0px 0px 0px rgba(00,00,00,0);
	transform:scale(1) translateY(0px);
	will-change:transform, box-shadow;
}
form[name=regForm] #button input:hover{
	box-shadow:0px 3px 10px rgba(00,00,00,0.3);
	transform:scale(1.017) translateY(-3px);
}


/*****************************
Sponsors
*****************************/
.section .grid>h6{
	display:none;
}
.well.sponsor-level {
	background:transparent;
	border:none;
	display: flex;
	gap:1rem;
	flex-wrap: wrap;
	justify-content: flex-start;
	box-shadow: none;
	border: none;
}
.well.sponsor-level .sponsor-level-head{
	flex: 0 0 100%;
	margin:0;
}
.well.sponsor-level .sponsor-level-head .logo{
	display:none;
}
.well.sponsor-level .sponsor-level-head .info h4{
	color: #ffffff;
	padding: 0.85rem 1rem;
	border-radius: 10px;
	box-shadow: 0px 13px 32px rgba(00, 00, 00, 0.2);
	font-size: 1.3rem;
}
.well.sponsor-level .sponsor {
	padding: 0.75rem;
	background: #ffffff;
	border-radius: 20px;
	box-shadow: 0 0 7px rgba(00, 00, 00, 0.1);
	transition: var(--transition);
	transform: scale(1) translateY(0px);
}
.well.sponsor-level .sponsor:hover{
	box-shadow: 0 0 14px rgba(00, 00, 00, 0.2);
	transform: scale(1.01) translateY(-3px);
}
.well.sponsor-level .sponsor img{
	border-radius: 9px;
	transition: var(--transition);
	transform: scale(1) translateY(0px);
}
.well.sponsor-level .sponsor:hover img{
	box-shadow: 0 0 10px rgba(00, 00, 00, 0.2);
	transform: scale(1.015) translateY(-3px);
}
span.fee-divider {
	flex: 0 0 100%;
	width: 100%;
	display: block;
	clear: both;
	max-width: 100% !important;
	grid-column: 1 / -1;
	padding: 1rem;
}

.section.landing>h2{
	display: flex;
	align-items: center;
	justify-content: space-between;	
}

h2 a.register-now {
	will-change: transform, box-shadow, text-shadow;
	font-size: 1.1rem;
	padding: 1rem 1.3rem;
	background: var(--brand-med-blue);
	color: #ffffff;
	border-radius: 11px;
	text-decoration: none;
	letter-spacing: 0.03rem;
	transition: var(--transition);
	box-shadow: 0px 7px 32px rgba(00, 00, 00, 0.1);
	text-shadow: 0px 7px 32px rgba(00, 00, 00, 0.1);
	transform: scale(1) translateY(0px);
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 0.5rem;
}
h2 a.register-now:hover{
	box-shadow: 0px 14px 40px rgba(00, 00, 00, 0.25);
	transform: scale(1.01) translateY(-4px);
}

h2 a.register-now i{
	will-change:transform, text-shadow;
	font-size:1.4rem;
	color:#ffffff;
	transition: var(--transition);
	text-shadow: 0px 7px 32px rgba(00, 00, 00, 0.1);
	transform: scale(1) translateY(0px);
}
h2 a.register-now:hover i{
	text-shadow: 0px 14px 40px rgba(00, 00, 00, 0.25);
	transform: scale(1.01) translateY(-2px);	
}

div[data-group="registration-fees"] .de_fieldset .valueSpan label>span{
	display:grid;
	gap:0.3rem;
	text-align: left;
	font-weight: bold;
}

div[data-group="registration-fees"] .de_fieldset .valueSpan label>span>span{
	display: grid;
	gap: 0rem;
	padding: 0.7rem 1.5rem;
	border-radius: 10px;
	font-size: 0.85rem;
	background: rgba(113, 188, 230, 0.1);
	color: #4296d1;
	will-change: transform, text-shadow, box-shadow;
	line-height: 1rem;
	margin: 0.3rem 0;
	max-width: 100%;
	font-weight: normal;
	text-align: left;
}

div[data-group="registration-fees"] .form-group fieldset .de_fieldset .valueSpan label{
	justify-content:space-between;
}
div[data-group="registration-fees"] .form-group fieldset .de_fieldset .valueSpan label span:first-of-type{
	max-width: 82% !important;
	width: 100% !important;
	justify-content: flex-start;
}
span.de_fee {
	font-weight: normal !important;
	font-size: 0.85rem;
	padding: 0.3rem 0.5rem;
	background: rgba(39, 174, 96, 0.8);
	color: #ffffff;
	line-height: normal;
	border-radius: 7px;
	box-shadow: 0px 9px 27px rgba(00, 00, 00, 00.2);
}
span.de_fee.hide{display:none !important;}
div[data-group="registration-fees"] .de_fieldset .valueSpan.de_cols_1 label span.de_quantity{display:none !important;}

.admin-edit{
	z-index:99 !important;	
}
.admin-edit a{
	background: rgba(142, 68, 173,1.0);
	color: #ffffff;
	width: 50px;
	height: 50px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border-radius: 999px;
	will-change:transform, box-shadow, background;
	box-shadow: 0px 7px 24px rgba(00, 00, 00, .2);	
	transition: var(--transition);
	transform: scale(1) translateY(0px);	
}
.admin-edit a:hover{
	background:rgba(155, 89, 182,1.0);
	box-shadow: 0px 14px 32px rgba(00, 00, 00, .3);
	transform: scale(1.01) translateY(-3px);	
}

div[data-group="visa-required"] .form-group fieldset{
	grid-template-columns: 100%;	
}
div[data-id="159768"] p{
	display:none;
}
div[data-id="159768"] .form-group{
	justify-content: flex-end;
}
div[data-group="terms"] fieldset .de_fieldset{
	grid-template-columns: 100%;
}

div[data-group="registration-fees"] fieldset .de_fieldset{
	grid-template-columns:100%;	
}
@media (min-width: 240px) and (max-width: 1155px) {
	.row{
		margin:0 !important;	
	}
	#content,
	#content .row .col-sm-9,
	#content .row .col-sm-3,
	form[name=regForm] .form-group > div,
	form[name=regForm] .form-group label{
		width:100% !important;
		max-width:100% !important;
	}
	#content .panel{
		margin:0 !important;
	}
	#content .row .col-sm-9{
		padding:0 !important;	
	}
	div.btn-wrapper.has-multiple-items{
		padding:1rem;	
	}
	#menu{
		position:relative;	
	}
	#menu .navbar.light{
		display: block;	
	}
	.navbar .logo-wrapper{
		display:none !important;	
	}
	form[name=regForm] fieldset{
		    grid-template-columns: 100%;	
	}
	form[name=regForm] .form-group{
		flex-direction:column !important;	
	}
}
@media (min-width: 768px) and (max-width: 1444px) {
	#content{
		max-width: 100% !important;
	}
}