@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Caveat:wght@400..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@7.1.0/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{

	--font-awesome: "Font Awesome 7 Free";

	--font-size-base: 1.15rem;

	--primary-blue:rgba(02,82,107,1);
	--tw-ring-color: rgba(02,82,107, 0.5);
	--secondary-yellow:rgba(227,212,102,1);
	--body-bg:linear-gradient(135deg, var(--secondary-yellow), var(--primary-blue));

	/* Radii */
	--radius-xs: 4px;
	--radius-sm: 6px;
	--radius-md: 10px;
	--radius-lg: 18px;
	--radius-xl: 25px;

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

	/* Shadows */
	--shadow-light: 0 1px 3px rgba(0, 0, 0, 0.1);
	--shadow-medium: 0 2px 6px rgba(0, 0, 0, 0.1);
	--shadow-strong: 0 0 20px rgba(0, 0, 0, 0.4);
	--landing-shadow:2px 3px 7px rgba(00, 00, 00, 0.1);

}
.row{
	margin:0;
}
#regForm .tab-content .row .col-sm-9,
#content .panel,
.panel-body{
	padding:0;
}
.alert.alert-success{
	display:none;	
}
.form-group>label {
    padding-right: 1rem;
}
html,
body,
input,
select,
select option,
textarea,
fieldset legend,
label,
fieldset legend.left{
	font-family: "Roboto", sans-serif !important;
	font-size: var(--font-size-base) !important;
	font-weight: 400 !important;
}
.field h2{
	display:flex;
	align-items:center;
	justify-content:space-between;
	font-size: 1.7rem;
	font-family: "Barlow Semi Condensed", sans-serif;
	background: var(--primary-blue);
	color: #ffffff;
	line-height: 1.7rem;
	padding: 10px 15px;
	margin: 1rem 0;
	border-radius: 15px;
	transform-origin: center;
	will-change: opacity, transform;
	animation: scaleFadeInSoft 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}
body{
	background:var(--body-bg);
	font-size:1.2rem;
	font-family: "Barlow Semi Condensed", sans-serif;
}
.panel{
	border:none;
	box-shadow:none;
	margin:0 !important;
	padding:0;
	width:100%
}
#header:after{
	background:var(--primary-blue);
	content:"";
	display:none;
	padding:20px 15px;
	text-align:center;
	color:var(--primary-blue);
	font-size:1.3rem;
	font-weight:bold;
	text-decoration:underline;
}
#header{
	background: url(https://mycs-cdn.myconferencesuite.com/other/Project/2219/4e/68/container-main-bg.jpg) no-repeat top center / cover;
	box-shadow: 0px 1px 5px 2px rgb(00, 00, 00, 0.2);
	position: sticky !important;
	top: 0px !important;
	z-index: 9;
	transition: var(--transition);
}

#header .banner{
	box-shadow:none !important;
}
#header .banner .banner-wrapper{
	margin:0.3rem auto;
}
#header .banner .banner-wrapper .row{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: 0rem;
}

#header .banner-wrapper .row .col-md-4{
	text-align: left;
	float: left;
	width: 30%;
}
#header .banner-wrapper .row .col-md-4 img{
	filter: drop-shadow(4px -4px 8px rgba(0, 0, 0, 0.3));	
}
#header .banner-wrapper .row .col-md-8{
	text-align: right;
	width: 66%;
	float: right;	
}
#header .os-title {
	text-shadow: 1px 2px 10px rgba(00, 00, 00, 0.6);
	font-family: "Caveat", cursive;
	font-weight: bolder;
	font-size: 2.7rem;
	line-height: normal;
	color: #ffffff;
	text-shadow: 1px 2px 10px rgba(00, 00, 00, 0.6);
	text-align:right;
}

#header .banner-wrapper .os-title small {
	display: block;
	text-align: right;
	font-size: 1.7rem;
	text-shadow: none;
	color: rgba(255, 255, 255, 1);
	margin-top: 0px;
}
#header.is-scrolled {
	padding: 0.5rem 0;

}

#header.is-scrolled .banner-wrapper {
	margin: 0 auto !important;
	transition: var(--transition);
}

#header img {
	will-change: width;
	width: 100%;
	transition: var(--transition);
}
#header.is-scrolled .banner-wrapper img {
	width: 75% !important;
	transition: var(--transition);
}
#header.is-scrolled .banner-wrapper .os-title{
	transition: var(--transition);
	font-size:1.7rem;
}
#header.is-scrolled .banner-wrapper .os-title small {
	font-size: 1.3rem;
	transition: var(--transition);
}

#content {
	border-radius: 18px !important;
	padding: 2rem !important;
	border: 1px solid rgba(00, 00, 00, 0.01) !important;
	box-shadow: 0px 4px 20px rgba(00, 00, 00, 0.2) !important;
	background: rgba(255, 255, 255, 0.8);
	margin: 2rem auto !important;
	width: 100% !important;
	max-width: 85%;
	font-size: var(--font-size-base);
	backdrop-filter: blur(10px);
}
.panel.panel-default,
#singleTab > .row{
	background:transparent !important;
}
form[name="regForm"] #fieldContainer {
	width: 100%;
	display:grid;
	gap:0.5rem;
}
form[name="regForm"] fieldset {
	width: 100%;
	padding: 0;
}
div.field{
	margin:0;
	padding:0 1rem;
}
#regForm .tab-content .row .col-sm-9,
.panel-body>.row>.col-sm-9{
	width:100% !important;
	flex:100% !important;
	padding:0 !important;
}
#regForm .tab-content .row .col-sm-3,
.panel-body>.row>.col-sm-3{
	display:none;
}
p{
	margin:15px !important;	
}
input[type="text"],
input[type="email"],
select,
textarea{
	height: auto !important;
	padding: 6px 14px !important;
	font-size: var(--font-size-base) !important;
	line-height: 2rem !important;
	border-radius: var(--radius-md) !important;
	transition:var(--transition) !important;
	box-shadow: 0px 0px 0px rgba(00, 00, 00, 0.0) !important;
	transform: scale(1) translateY(0px) !important;
}
input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus{
	outline: none;
	box-shadow: 0px 0px 0px rgba(00, 00, 00, 0.0) !important;
	transform: scale(1.01) translateY(-2px) !important;
	border-color: rgba(00, 83, 109, 0.8) !important;
}

legend.left {
	float: left;
	width: 35%;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}
form[name="regForm"] fieldset .de_fieldset{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:0.5rem;
	margin:0;
}
.valueSpan{
	position: relative;
	padding: 0;
	opacity:0;
	background:transparent;
	margin:0;
}
.valueSpan label{
	width:100% !important;
	position: relative;
	cursor: pointer;
	border-radius: 14px;
	padding: 0.75rem 1rem;
	background: #fff;
	border: 1px solid #e5e7eb;
	display: flex;
	gap: 0.5rem;
	align-items: center;
	transition: var(--transition);
	justify-content: flex-start;
	margin:0;
}
.valueSpan label .de_fee,
.valueSpan label .de_quantity{
	display:none !important;
}
.valueSpan label:hover{
	transform:translateY(-2px);
	box-shadow:0 10px 25px rgba(0,0,0,.06);	
}
.valueSpan{position:relative;transition:var(--transition)}
.valueSpan input{position:absolute;display:none; opacity:0;}

.valueSpan input:checked + label{
	color:var(--primary-blue);
	font-size:17px;	
	transform:translateY(-2px);
	border-color:var(--primary-blue);
	background:#fff;
	box-shadow:0 12px 28px rgba(2,82,107,.2);
	animation:hapticBounce .35s cubic-bezier(.34,1.56,.64,1);	
}
.valueSpan label:after{
	font-family:var(--font-awesome);
	font-weight:900;
	display:inline-block;
	position:absolute;
	top:-15px;
	right:-11px;
	font-size:1.5rem;
	border-radius:999px;
	line-height:normal;
	content:"";
}
.valueSpan input:checked + label:after{
	content:"\f058";
	color:rgba(46, 204, 113,1.0);
	background:rgba(255,255,255,1);
}

.grouped-options label span:nth-of-type(1){
	width: 100%;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
}
.valueSpan.conflict {
	opacity: 0.4 !important;
	filter: grayscale(0.6) blur(2px);
	cursor: not-allowed;
	pointer-events: none;
}

.valueSpan.conflict * {
	transition:var(--transition);
}

.valueSpan.conflict * {
	pointer-events: none;
}

.valueSpan.conflict .time {
	background-color: rgba(255, 0, 0, 0.2);
	color: #b00;
	opacity: 1;
	filter: grayscale(0.3) blur(2px);
}
span.activity{
	width:auto !important;
	display:flex;
	align-items:center;
	gap:0.3rem;
}
span.activity small {
	display: block;
	font-style: italic;
	font-size: 0.75rem;
}
span.time{
	transition:var(--transition);
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.5rem;
	justify-content: flex-start;
	font-size: 0.9rem;
	background: var(--primary-blue);
	padding: 0.3rem 0.5rem;
	border-radius: 999px;
	color: var(--secondary-yellow);
}
span.time:before{
	font-family: var(--font-awesome);
	font-weight:900;
	display:inline-block;
	content:"\f017";
}
.fa-price{
	color:#94a3b8;
	font-size:1.1rem;
	transition:.3s cubic-bezier(.4,0,.2,1);
}
label:hover .fa-price{
	color:#db4533;
	transform:scale(1.15) rotate(12deg);	
}
.valueSpan input:checked + label .fa-price{
	color:#db4533;
	transform:scale(1.2) rotate(0deg);
}

.grouped-options {
	display: grid;
	gap: 0.5rem;
	margin: 1rem 0;
}

/* Modal */
.fancybox-bg{
	background: rgba(255, 255, 255, 0.5) !important;
	opacity: 1 !important;
	backdrop-filter: blur(10px);
}
.modalPopUp {
	padding: 2rem;
	border-radius: 25px;
	box-shadow: 0 0 20px rgba(00, 00, 00, 0.5);
}
.modalPopUp p{
	font-size:1rem;	
}

/* Note */
div[data-group="note"]{padding:0;}
div[data-group="note"] p{display:none;}
div[data-group="note"] .text-editable{width:100% !important;}
div[data-group="note"] .text-editable p{display:block;}

form[name="regForm"] .form-group{margin:0;}

/* Page Info */
.pageinfo{
	margin: 1rem 0px;
	padding: 15px;
	border: 1px solid #faebcc;
	border-radius: 4px;
	color: #8a6d3b;
	background-color: #fcf8e3;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-size: 1rem;
}
.pageinfo:before{
	font-family: "Font Awesome 7 Free";
	display: inline-block;
	content:"";
	font-size: 1.1rem;
}
.review .pageinfo:before{
	content:"\f2c2";
}
#breakdown_body .pageinfo:before{
	content:"\f09d";
}
.editpagenote:before{
	content:"\f145";
	font-weight:900;
}
/******************************
Footer
******************************/
#footer .container{
	width:80%;
	margin:0 auto;
}

#footer .container img {
	height: 3.5rem;
	width: 3.5rem;
	-o-object-fit: contain;
	object-fit: contain;
}
#footer {
	/*background: #000000;*/
	color: #ffffff;
	background:url('https://mycs-cdn.myconferencesuite.com/other/Project/3872/55/68/5568ef3c5bc0ecb210849b9f60eebda3489057c0b4cba57cc79d6bc74ed6780e.jpg') no-repeat top center / cover;
	padding:8rem;
	height: 100%;
	overflow: hidden;
	color:rgba(255,255,255,0.5);
}
#footer a,
.text-muted{
	color:rgba(255,255,255,0.5) !important;
}

#footer>.container>span{
	display:flex;
}
#footer>.container>span:before{
	font-family: 'MyConferencesuite_Alliance' !important;
	speak: none;
	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: #f7942d;
	font-size: 45px;
	text-shadow: none;
}

#footer .footer .MyCS_brand {
	display: inline-block;
	position: relative;
	top: 14px;
	margin-right: 9px;
}

/* Buttons */
.btn-wrapper,
#button{
	padding: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.btn-wrapper a,
#button input{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 1.2rem 2rem !important;
	font-size: 1.3rem !important;
	border-radius: 25px !important;
	transition:var(--transition) !important;
	box-shadow:0px 0px 7px rgba(00,00,00,0.05) !important;
	transform:scale(1) translateY(0px);
}
.btn-wrapper a:hover,
#button input:hover{
	box-shadow:0px 3px 14px rgba(00,00,00,0.1) !important;
	transform:scale(1.015) translateY(-4px);
}
.btn-wrapper a:before,
#button input:before{
	font-family:var(--font-awesome);
	display:inline-block;
	font-weight:bold;
	content:"\f31c";
	transition:var(--transition);
	transform:scale(1) translateY(0px) rotate(0deg);
}
.btn-wrapper a:hover:before,
#button input:before:before{
	transform:scale(1.015) translateY(-3px) rotate(-8deg);
}
div[data-assoc="friday_session"] .form-group fieldset legend,
div[data-assoc="saturday_session"] .form-group fieldset legend{
	display:none;
}
.grouped-options>h4{
	display:flex;
	align-items:center;
	justify-content:space-between;
	background: rgba(230, 213, 104, 0.65);
	padding: 1rem;
	margin: 0 0 1rem 0;
	border-radius: 20px;
	color: var(--primary-blue);
	font-size: 1.1rem;
	box-shadow: 0px 3px 8px rgba(00, 00, 00, 0.15);
	border: 2px solid rgba(230, 213, 104, 1);
	font-weight:bold;
}
.grouped-options>h4:after{
	font-family:var(--font-awesome);
	font-weight:900;
	display:inline-block;
	content:"\f4fd";
	font-size: 1.4rem;
}