div[data-group="note"] div.form-group div.text-editable{
	width:100% !important;	
}
div[data-group="attending-how"]{
	display:none;	
}
.fancybox-slide.fancybox-slide--current.fancybox-slide--image.fancybox-slide--complete {
	display: block !important;
}
.fancybox-slide.fancybox-slide--image{
	display:none;	
}

.fancybox-inner{
	height: 100%;
	display: block;
	overflow: hidden;	
}
.fancybox-inner .fancybox-navigation{
	display: block;
	position: relative;
	top: 0;
	z-index: 9999;	
}
.fancybox-stage{
	height: 100%;
	display: block;
	overflow: hidden;
	z-index: 3;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;	
}
.fancybox-slide>*{
	transform: none !important;
	width: 83% !important;
	height: 95% !important;
	
}
.fancybox-image{
	width: 100%;
	height:auto;
}
.fancybox-toolbar{
	position: relative;
	z-index: 9;	
}

#button {
	text-align: centre;
}
#button input[type="submit"]{
	float:right;
}
#paybtn{
	float:right;
	background:rgba(39, 174, 96,1.0) !important;
	color:#ffffff;
}
#paybtn:hover,
#paybtn:focus{
	background:rgba(46, 204, 113,1.0) !important;
	color:#ffffff;
}
div.colleagueFieldHeading span{
	font-weight:normal !important;	
}
span.soldout{
	position:relative;	
}
span.soldout:before{
	content: "Sold Out";
	position: absolute;
	left: -34px;
	color: #ffffff;
	z-index:8;
	font-weight: 600;
	background: rgba(231, 76, 60,0.9);
	font-size: 13px;
	top: 0px;
	padding: 3px;
	border-radius: 4px;
}
legend.full-legend{
	padding-right:33px !important;	
}
html,
body{
	font-size:16px;	
}
#register,
.conference_program{
	background: #44c1ef !important !important;
}
#header{background:#005d74 !important;}

#header div.header-logo img {
	height: auto !important;
	width: 100% !important;
}


#header div.container{
	text-align: center !important;
	margin-top:0px !important;
}
div.header-logo {
	padding-top: 0px;
	width: 100%;
}

#header-top h3{
	float: right;
	color: #005d74 !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 26px;
	width: 64%;
}
#de_checks_alert{
	display:none;
}
.jumbotron{display:none;}
.site-lobby p {
	margin: 15px;
}

.fancybox-bg{opacity:0.6 !important;}
legend,
legend.left,
div.field label.left,
div.field label{
	font-size:1rem;	
}
div.field div.form-group label,
fieldset legend.left{
	width: 27%;	
}
div.field div.form-group div{
	width: 71%;	
}
fieldset legend.left {
	width: 27%;
	padding-right: 5px;
}
/***********************************
Radio/Checkbox Inputs
***********************************/
[type="radio"],
[type="checkbox"]{
	opacity:0 !important;
	position: absolute;
}
[type="radio"] + label,
[type="checkbox"] + label{
	position:relative;
	padding-left:30px;
	cursor:pointer;
	display:inline-block;
	color:#666;
	line-height:25px;
}

[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(00,83,109,0.5);
	background:#fff;
}
[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:rgba(41, 128, 185,1.0);
	transform:scale(1);
	opacity:1;
	transition:all .3s ease;
}
[type="checkbox"]:checked + label:after{
	border-radius:0;
}
[type="radio"]:checked + label:before,
[type="checkbox"]:checked + label:before{
	border-color:rgba(00,83,109,1.0);
}

[type="radio"]:not(:checked) + label:after,
[type="checkbox"]:not(:checked) + label:after{
	content:"";
	position:absolute;
	left: 4px;
	top: 7px;
	width:14px;
	height:14px;
	border-radius:100%;
	background:#fff;
	transform:scale(0);
	opacity:0;
}
[type="checkbox"]:not(:checked) + label:after{
	border-radius: 0;
}
div.field div.form-group fieldset div.de_fieldset span.de_cols_1 label span:nth-child(1){
	position: relative;
	top: 0px;
	left: 22px;
}
div.field fieldset span.de_cols_1{
	margin:2px 0px;	
}
label.full:after{
	content:"Full" !important;
	font-size: 14px;
	color: orangered;
}
a.booth{
	margin-left:28% !important;
}

#paymentForm [type="radio"], #paymentForm [type="checkbox"] {
	opacity: 1 !important;
	position: relative;
	transform:scale(1.3);
	transition: all 0.3s ease;
}
#paymentForm [type="radio"]:checked,
#paymentForm [type="checkbox"]:checked{
	transform:scale(1.5) !important;
	transition: all 0.3s ease;
}
div[data-group="ticket"] label span.de_fee{
	display:none !important;
}
div[data-group="ticket"] select{
	width: 23% !important;
	float: left;
}
div[data-group="ticket"] div div:before {
	content: "$95.00";
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	color: #666;
	margin-left: 15px;
	padding-top: 6px;
}
label span span.de_fee {
	margin-right:43px;
}
#header-top{
	position:relative;	
}
#header-top h3 {
	float: right;
	color: #005d74 !important;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 26px;
	width: 64%;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 23px;
	left: 0;
	right: 0px;
}
@media (min-width: 240px) and (max-width: 600px){
	#header-top {
		position: relative;
		height: 100%;
		overflow: hidden;
		padding: 8px;
		text-align:center;
	}
	#header-top h3{
		position: relative;
		top: 0px;
	}
	#header div.container {
		text-align: center !important;
		margin-top: 10px;
		min-height: 100px !important;
		margin-bottom: 10px;
	}
}
#register,
#returning,
#button input.navButton,
a.btn-primary,
#paybtn,
a.booth{
	background: #44c1ef;
	color: #ffffff;
	text-shadow: 2px 2px 4px rgba(00, 00, 00, 0.3);
	FONT-WEIGHT: bold;
	font-size: 1.1rem;
}


#register:hover,
#returning:hover,
#button input.navButton:hover,
a.btn-primary:hover,
#paybtn:hover,
#register:focus,
#returning:focus,
#button input.navButton:focus,
a.btn-primary:focus,
#paybtn:focus,
a.booth:hover,
a.booth:focus{
	background: #333333;
	color: #ffffff;	
}
a.hotel-link{
	background:rgba(51,51,51,1.0) !important;
}
a.hotel-link:hover,
a.hotel-link:focus{
	background:rgba(51,51,51,0.8) !important;
}
/************
colleague
*************/
div[data-group="colleague"] .colleagueFieldHeading p{
	display:none;	
}
div[data-group="colleague"] .colleagueFieldHeading{
	width: 29% !important;
	margin: 0px;
	font-weight: normal !important;
	padding-left: 2%;
}
div[data-group="colleague"] .well{
	padding:0px;
	margin:0px;
	border:none;
	background:none;
	box-shadow:none;
}
div.colleagueBag a.addAnotherColleague{
	margin: 3px 0px;
	display: inline-block;	
}
div[data-group="sponsor-discount"]{
	display:none;	
}



div.field div.form-group fieldset div.de_fieldset span.de_cols_1 label span:nth-child(1){

}
div.field div.form-group fieldset div.de_fieldset span.de_cols_1 label span span.sub-title{
	left: 0px !important;
	display: flex;
	color: #077bac;
	font-style: italic;
}
span.de_fee {
	float: right !important;
	font-weight: bold;
	position: absolute;
	right: 0;
	top: 0;
}


#mycs-loading-mask{
	display:none;	
}
.loadInfo,
#mycs-spinner{
	background: rgba(255, 255, 255, .8) url('https://mycs-cdn.myconferencesuite.com/other/Project/3280/5b/3b/loading2025.gif') 50% 50% no-repeat !important;	
	background-size: 75px !important;
}
#mycs-loading-mask{
	background: rgba(255, 255, 255, 1) !important;	
}
#mycs-spinner{
	width: 80px !important;
	height: 76px !important;
	background-color: transparent !important;
}