@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/css/all.min.css");

:root {
	--primary:rgba(36,62,146,1);
	--color-white: hsl(0, 0%, 100%);
	--color-black: hsl(0, 0%, 7%);
	--color-purple: hsl(291, 64%, 42%);
	--color-indigo: hsl(255, 100%, 57%);
	--shadow-small: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
	--shadow-medium: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
		0 2px 4px -1px rgba(0, 0, 0, 0.06);
	--shadow-large: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
		0 4px 6px -2px rgba(0, 0, 0, 0.05);

	--font-family: 'Open Sans', sans-serif;
	--base-size: 1.1rem;
	--base-weight: 400;

	--box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	--box-shadow-hover: 0 10px 26px rgba(0, 0, 0, 0.2);
	--transition: all .7s cubic-bezier(.25, .8, .25, 1);

	--transform: scale(1) translateY(0px);
	--transform-hover: scale(1.01) translateY(-3px);

	--font-awesome: "Font Awesome 7 Free";
	/* 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: 14px;
	--radius-card: 25px;
	--radius-btn: 999px;

	--modal-bg: rgba(255, 255, 255, 0.2);
	--modal-filter: blur(12px);
}

@-webkit-keyframes scaling {
	to {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3);
	}
}

@keyframes scaling {
	to {
		opacity: 0;
		transform: translate(-50%, -50%) scale(3);
	}
}
@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;
}
.h3, h3{
	background: #243e91;
    padding: .75rem 1rem;
    border-radius: 14px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;	
}
.h3 i, h3 i{
	font-size:1.5rem;
}
.MyCS_brand:after {
	font-family: 'MyConferencesuite_Alliance';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e900';
	color:rgba(255,255,255,0.9);
	font-size: 45px;
	text-shadow: none;
}
.tab-content {
    padding: 1rem;
    border-radius: 25px;
    border: none;
    background: #ffffff;
    box-shadow: 0px 14px 32px rgba(00, 00, 00, 0.2);
}
html,
body,
input,
select,
textarea,
legend,
legend.left,
label,
label.left{
	font-size:var(--base-size) !important;	
}
div[data-group="comments"] {
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid rgba(00, 00, 00, 0.1);
}
#register{
	float:right;	
}

#content,
#header .container{
	width:80% !important;	
}
div.pageinfo {
    padding: .75rem;
    margin: 1rem 0px;
    background: #243e91;
    border: 1px solid #243e91;
    color: #ffffff;
    text-shadow: none;
    border-radius: 12px;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
a, a:active, a:visited{
	color:#7bb841;	
	text-decoration:underline;
}
a:hover,
a:focus{
	color:#243e92;
	text-decoration:none !important;
}
/***********************************
Radio/Checkbox Inputs
***********************************/
[type="radio"],
[type="checkbox"]{
	opacity:0;
	position: absolute;
}
[type="radio"] + label,
[type="checkbox"] + label{
	position:relative;
	padding-left:30px;
	cursor:pointer;
	display:inline-block;
	color:#666;
	line-height:25px;
	transition:var(--transition);
}

[type="radio"] + label:before,
[type="checkbox"] + label:before{
	content:"";
	position:absolute;
	left:0;
	top:4px;
	width:20px;
	height:20px;
	border-radius: 100%;
	border:2px solid rgba(36,62,146,0.5);
	background:#fff;
	transition:var(--transition);
}
[type="checkbox"] + label:before{
	border-radius: 0px;
}

[type="radio"]:checked + label:after,
[type="checkbox"]:checked + label:after{
	content:"";
	position:absolute;
	left:3px;
	top:7px;
	width:14px;
	height:14px;
	border-radius:100%;
	background:#7bb841;
	transform:scale(1.01);
	opacity:1;
	transition:var(--transition);
}
[type="checkbox"]:checked + label:after{
	border-radius:0;
}
[type="radio"]:checked + label:before,
[type="checkbox"]:checked + label:before{
	border-color:rgba(36,62,146,1.0);
}

[type="radio"]:not(:checked) + label:after,
[type="checkbox"]:not(:checked) + label:after{
	content:"";
	position:absolute;
	left: 3px;
	top: 7px;
	width:14px;
	height:14px;
	border-radius:100%;
	background:#fff;
	transform:scale(0);
	opacity:0;
	transition:var(--transition);
}
[type="checkbox"]:not(:checked) + label:after{
	border-radius: 0;
}
label.full:after{
	content:"Full" !important;
	font-size: 14px;
	color: orangered;
}
#paymentForm input[type="radio"] {
	opacity: 1 !important;
	float: none;
	position: relative;
}
div[data-group="wide"] div.text-editable{
	width:100% !important;	
}
div.field div.form-group div{
	width: 68% !important;
}
div.field div.form-group label {
	width: 29% !important;
}
fieldset legend.left{
	float: left;
	width: 29%;
	border: none;
	font-weight: normal;	
}
div.field div.form-group fieldset div.de_fieldset span.de_cols_1 label {
	width: 100% !important;
	float: left;
	padding-left: 6%;
	padding-top: 3px;
}
div[data-group="note"] div.form-group p.information{
	display:none;
}
div[data-group="note"] div.form-group .text-editable{
	width:100% !important;	
}
div[data-group="note"] div.form-group .text-editable .alert{
	width:98% !important;
	margin:15px;
}

/******************************
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;
}

/******************************
Modal Adjustments
******************************/

.modalPopUp {
	width: 75%;
	display: inline-block;
	position: absolute;
	
	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(10px);
}

.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/3986/6e/a0/6ea052d8f523e4e155019e524ad2c31d95f92df49d3674323978a17ae63ff4be.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;
}
.btn-wrapper,
#button{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
	padding:1rem;
}
.btn,
.btn-wrapper a,
#button a,
#button .navButton{
    transition: var(--transition);
    transform: var(--transform);
    box-shadow: var(--box-shadow);
    padding: 1rem 2rem !important;
    border-radius: 14px !important;
    margin: 0px !important;
    position: relative;
    top: unset;
    left: unset;
    font-size: var(--base-size);
    right: unset;
    bottom: unset;
    will-change: transform, box-shadow;
	text-decoration:none !important;
}
.btn:hover,
.btn:focus,
.btn-wrapper a:hover,
.btn-wrapper a:focus,
#button .navButton:hover,
#button .navButton:focus{
	transform:var(--transform-hover);
	box-shadow:var(--box-shadow-hover);
	text-decoration:none;
}
.btn-wrapper a:before,
.btn-wrapper a:after{
	display:none !important;	
}
.pageinfo{
	border-radius:14px;
	box-shadow:0px 10px 28px rgba(00,00,00,.2);
}
#button{
	justify-content:center;	
}
#button input[type="submit"]{
	background:rgba(123,184,65,0.8);
	border:2px solid rgba(123,184,65,1);
}
#button input[type="submit"]:hover{
	background:rgba(123,184,65,1);
	border:2px solid rgba(123,184,65,1);
}

.form-group,
.field{
    overflow:visible;
}
.field{
	margin:0;	
}
input[type="text"], input[type="email"], select, textarea{
	height: auto;
    padding: 0.5rem 1rem;
    font-size: var(--base-size) !important;
    line-height: normal;
    border-radius: 8px;
}
#fieldContainer{
	display:grid;
	gap:0.5rem;
}

.review #fieldContainer hr{
	display:none;	
}
.review div#fieldContainer {
    gap: .75rem;
}
div.review div.field-summary.row {
    width: 100%;
    margin: 0px;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem;
    border-radius: 20px;
    box-shadow: 0px 0px 10px rgba(00, 00, 00, 0.075);
	transition:var(--transition);
	will-change:transform,color;
}
div.review div.field-summary.row:hover{
	transform:var(--transform-hover);
	box-shadow:var(--box-shadow-hover);
}
div.review div.field-summary.row *{
	transition:var(--transition);
	transform:var(--transform);
	will-change:transform,color;
}
div.review div.field-summary.row:hover *{
	transform:var(--transform-hover);
	color:var(--primary);
}
div.review .btn-primary, #breakdown_body .btn-primary{
	float:unset !important;
}
#returning:before,
div.review .btn-primary:before,
#breakdown_body .btn-primary:before,
div.review .btn-primary:nth-of-type(2):after{
	display:none !important;
}