.row{
	margin:0px !important;	
}
.panel-body .col-sm-3{
	position: sticky;
	top: 120px;
}
fieldset div.de_fieldset {
	padding: 0px 15px;
}
html,
body,
input[type="text"],
textarea,
select, 
select option,
.form-control,
label,
legend,
legend.left{
	font-size:1rem !important;
}
.form-group p{
	margin:15px 5px;	
}
fieldset{
	margin:15px 0px;	
}
div.field div.form-group label,
fieldset legend.left,
fieldset legend{
	padding-left:5px;	
}
input[type="text"], input[type="email"], select, textarea{
	height:auto !important;
	line-height:normal !important;
}
.fancybox-bg{
	opacity:0.6 !important;	
}
.bottomContent table.table-bordered{
	width: 97%;
	margin: 0px 15px 35px 15px;
}
.bottomContent table.table-bordered tbody td{
	width:10%;	
}
.bottomContent table.table-bordered tbody th{
	font-weight:bold;
}
.bottomContent h4{
	font-size: 18px;
	color: #ffffff;
	border-bottom: 1px solid rgba(29, 154, 214, 1.0);
	margin:8px 0px 15px 0px;
	line-height: normal;
	background: rgba(29, 154, 214, 1.0);
	padding: 15px 10px;
	border-radius: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	text-shadow: 2px 2px 1px rgba(00, 00, 00, 0.2);	
}
#header .container,
#content,
#footer .footer{
	max-width:80%;
	width:100%;
	margin:0 auto;
}
body {
	padding-top: 165px !important;
}
#header #menu{
	display:none;	
}
#header {
	height: auto !important;
}
#header .container:before,
#header .container:after{
	display:none;	
}
#header .container{
	display: grid;
	grid-template-columns: 36% 64%;
	align-items: center;
}
#header .container .header-logo img{
	width: 415px !important;
	transition: all 0.3s ease;
	margin: 0 !important;
}
#header.small .container .header-logo img{
	width: 250px !important;
	transition: all 0.3s ease;
}
div.event-title {
	padding-right: 0px !important;
	width: 100% !important;
	height: 100%;
	position: relative;
	float: none;
	display: flex;
	justify-content: right;
	align-items: center;
}
#header .container div.event-title h1{
	transition: all 0.3s ease;	
}
#header.small .container div.event-title h1 {
	font-size: 26px;
	line-height: normal;
	transition: all 0.3s ease;
}
.landing-button{
	text-align:right;
}
.landing-button #register,
.navButton{
	font-size:1.1rem;
	padding:15px 25px;
	transition: all 0.3s ease;
}
.landing-button #register:hover,
.navButton:hover{
	transform:scale(1.1);	
	transition: all 0.3s ease;
}
/***********************************
Radio/Checkbox Inputs
***********************************/
.valueSpan label{
	padding-left:30px !important;
}
[type="radio"],
[type="checkbox"]{
	width:18px;
	height:18px;
}
#regForm [type="radio"],
#regForm [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,51,160,0.5);
	background:#fff;
	transform:scale(1);
	transition: all 0.3s ease;
}
[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(28, 154, 214,1.0);
	transform:scale(1.2);
	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,51,160,1.0);
	transform:scale(1.2);
	transition: all 0.3s ease;
}

[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(1);
	transition: all 0.3s ease;
	opacity:0;
}
[type="checkbox"]:not(:checked) + label:after{
	border-radius: 0;
}

/*************************/
#footer{
	background: rgba(00, 84, 166, 1.0);
	color: #ffffff;
}
#footer .footer{
	padding:55px;	
}

@media (max-width: 599px) {
	body{
		padding-top:0px !important;	
	}
	#header {
		height: auto !important;
		position: relative !important;
	}
	#header div.container,
	div.event-title{
		display:block !important;	
	}
	div.event-title{
		padding: 10px !important;	
	}
	#header .container div.event-title h1{
		font-weight: bold !important;
		font-size: 1.8rem !important;
		margin: 5px 0px !important;	
	}
	#header.small .container div.event-title h1{
		font-size:1.3rem !important;	
	}
	#header .container .header-logo img{
		width:85% !important;	
		height: auto !important;
	}
	#header.small .container .header-logo img {
		width: 50% !important;
	}
	#header .container,
	#content,
	#footer .footer{
		max-width:100%;	
	}
	#content{
		padding:0px !important;	
	}
	.landing-button{
		text-align:center;
	}
	#breakdown_body thead th:nth-child(2),
	#breakdown_body thead th:nth-child(3),
	#breakdown_body thead th:nth-child(5),
	#breakdown_body tbody td:nth-child(2),
	#breakdown_body tbody td:nth-child(3),
	#breakdown_body tbody td:nth-child(5) {
		display:none;
	}

	#bankInfo thead th,
	#bankInfo tbody td,
	#billinfoTable thead th,
	#billinfoTable thead td,
	#billinfoTable tbody th,
	#billinfoTable tbody td{
		display: block !important;
		width: 100% !important;
	}

	.breakdown thead tr th {
		background: rgba(00, 84, 166, 1.0);
		color: #ffffff;
	}
	.panel-body>.row>.col-sm-3,
	.panel-body>.row>.col-sm-9{
		display:block;
		float:none;
		clear:both;
		margin-bottom:20px;
		height:100%;
		overflow:hidden;
	}
}
@media (min-width: 599px) and (max-width: 1199px) {
	body{
		padding-top:0px !important;	
	}
	#header {
		height: auto !important;
		position: relative !important;
	}
	#header div.container,
	div.event-title{
		display:block !important;	
	}
	div.event-title{
		padding: 10px !important;	
	}
	#header .container div.event-title h1{
		font-weight: bold !important;
		font-size: 1.8rem !important;
		margin: 5px 0px !important;	
	}
	#header.small .container div.event-title h1{
		font-size:1.3rem !important;	
	}
	#header .container .header-logo img{
		width:85% !important;	
		height: auto !important;
	}
	#header.small .container .header-logo img {
		width: 50% !important;
	}
	#header .container,
	#content,
	#footer .footer{
		max-width:100%;	
	}
	#content{
		padding:0px !important;	
	}
	.landing-button{
		text-align:center;
	}
	/*
	#breakdown_body thead th:nth-child(2),
	#breakdown_body thead th:nth-child(3),
	#breakdown_body thead th:nth-child(5),
	#breakdown_body tbody td:nth-child(2),
	#breakdown_body tbody td:nth-child(3),
	#breakdown_body tbody td:nth-child(5) {
		display:none;
	}
	*/
	.breakdown thead tr th {
		background: rgba(00, 84, 166, 1.0);
		color: #ffffff;
	}
	.panel-body>.row>.col-sm-3,
	.panel-body>.row>.col-sm-9{
		display:block;
		float:none;
		clear:both;
		margin-bottom:20px;
		height:100%;
		overflow:hidden;
		width:100%;
	}
}
div[data-group="requirements"] .form-group p{
	display:none;	
}
div[data-group="requirements"] label h2{
	margin: 0;
    padding: 0;
    border: none;
}
div[data-group="requirements"] .form-group div:nth-of-type(2){
	float:right;
	margin:10px;
}

.alert.alert-warning.alert-requirements {
float: right;
    margin: 2px 9px 8px 0px;
    width: 74%;
}
textarea{
	min-height:150px;	
}
#month_div,
#year_div{
    width:auto !important
}