/**
 *
 * Date: 
 * @depends /app.css
 */
 /* General / backgrounds
-----------------------------------------------------------------------------------------*/

body {
	/*Editable*/ font-family: Helvetica, 'sans-serif';
	background: #fff;
}

#bottom-wrap {
	/*Editable*/ background: #e0e0e0;
	padding-top: 0;
}

.content {
	width: 1200px;
	padding: 0 0 0 0;
	margin: 0 auto;
	position: relative;
}

.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.relative {
	position: relative;
}

.required:after {
	content: ' *';
	color: #c73232;
}

.mt-large {
	margin-top: 30px;
}

.step .well p {
	margin-bottom: 0;
}

/* Bootstrap overrides
------------------------------------------------------------------------------------------*/

.btn-lg {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 16px;
}

/* Header
------------------------------------------------------------------------------------------*/

#header {
	padding: 0 0 0 0;
	/*Editable*/ background: #fff;
}


#logo {
	display: block;
	float: none;
	width: auto;
	height: auto;
	max-height: 80px;
	max-width: 200px;
	margin: 0 auto;
	position: absolute;
	top: 5px;
	left: 20px;
}

#navigation {
	display: block;
	float: none;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 230px;
	/*Editable*/ background: #bbb;
	width: 100%;
	text-align: left!important;
	height: 90px;
}

#navigation li {
	display: inline-block;
	height: 90px;
	margin: 0 0 0 0;
}

#navigation li a {
	display: inline-block;
	height: 90px;
	line-height: 90px;
	padding: 0 15px;
	/*Editable*/ color: #fff;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#navigation li a.active {
	/*Editable*/ background: #363636;
	/*Editable*/ color: #3fa8f0;
}

#login-wrapper {
	margin-left: -350px;
	margin-top: 40px;
}

/* Hero Image
------------------------------------------------------------------------------------------*/
#hero-image .content {
	width: 1200px;
	padding: 20px 0;
}

#hero-image {
	/*Editable*/ background: #eee;
	position: relative;
}

#hero-container {
	height: 400px;
	overflow: hidden;
}

#hero-container img {
	display: block;
	width: 1200px;
	min-height: 400px;
	max-height: 500px;
}

#hero-text {
	height: 40px;
	/*Editable*/ background: #000;
	/*Editable*/ color: #fff;
	padding-left: 15px;
	line-height: 40px;
	font-weight: bold;
	font-size: 1.3em;
}

/* Event Content Landing Page
------------------------------------------------------------------------------------------*/
#event-details {
	padding: 0 20px;
	margin-bottom: 20px;
}
#event-details p {
	font-size: 1.4em;
	margin: 25px 0;
	/*Editable*/ color: #363636;
	width: 40%;
	padding-left: 50px;
	float: left;
}

#event-details p span {
	font-size: 1.5em;
	/*Editable*/ color: #074977;
	position: absolute;
	top: 0;
	left: 0;
}

#event-description {
	clear: both;
}

/* Event Description
------------------------------------------------------------------------------------------*/
#event-description {
	padding: 0 20px;
}

#event-description p, #event-description {
	font-size: 13px;
	line-height: 22px;
}

#overflow-wrap {
	height: 100px;
	overflow: hidden;
}

#overflow-wrap.expanded {
	height: auto;
}

/* Form Essentials
------------------------------------------------------------------------------------------*/

#registration-form {
	margin-left: 320px;
}

#billing-form {
	margin-left: 320px;
}

#form-steps {
	padding: 20px 0;
}

#form-steps .content,
#event-details .content,
#event-description .content {
	width: 1200px;
}

#form-wrap {
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,.3);
	box-shadow: 0 0 3px 1px rgba(0,0,0,.3);
}

#form-navigation {
	position: absolute;
	width: 300px;
	left: 20px;
	top: 20px;
	bottom: 20px;
	padding: 10px;
	background: #efefef;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.1);
	box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.1);
}

#form-navigation a {
	display: block;
	height: 40px;
	border-bottom: 1px solid rgba(0,0,0,.2);
	-moz-border-radius: 50%;
	/*Editable*/ background: #000;
	/*Editable*/ color: #fff;
	text-align: left;
	line-height: 40px;
	font-weight: bold;
	padding-left: 20px;
}

#form-navigation a:last-child {
	margin-right: 0;
}

#form-navigation a.active {
	/*Editable*/ background: #074977;
}

#form-navigation a {
	text-decoration: none;
}

#form-navigation a:hover {
	cursor: default;
	opacity: .9;
}




#fake-step-one {
	position: absolute;
	width: 300px;
	left: 20px;
	top: 20px;
	bottom: 20px;
	padding: 10px;
	background: #efefef;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.1);
	box-shadow:inset 1px 1px 3px 0 rgba(0,0,0,.1);
}

#fake-step-one a {
	display: block;
	height: 40px;
	border-bottom: 1px solid rgba(0,0,0,.2);
	-moz-border-radius: 50%;
	/*Editable*/ color: #fff;
	text-align: left;
	line-height: 40px;
	font-weight: bold;
	padding-left: 20px;
}

#fake-step-one a:last-child {
	margin-right: 0;
}

.step h3, #attendee-manage h3 {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-top: 10px;
	/*Editable*/ color: #074977; 
	font-weight: bold;
}

.step h4 {
	padding: 15px 0;
	background: #eee;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	padding-left: 20px;
}

.col-md-12 .next {
	min-width: 200px;
}

.form-group.col-md-6 {
	min-height: 85px;
	margin-bottom: 10px;
}

tr.success {
	background: #c4e4bf;
}

.btn-success {
	/*Editable*/ background: #5cb85c;
	border: none;
}

/* Footer
------------------------------------------------------------------------------------------*/
#footer {
	height: 40px;
	/*Editable*/ background: #202020;
	overflow: hidden;
}

#footer p.copyright {
	/*Editable*/ color: #fff;
	line-height: 40px;
}

/* Modal
------------------------------------------------------------------------------------------*/
.modal-body {
	max-height: 550px;
	overflow-y: scroll; 
}

.modal-body h5 {
	color: #626262;
	font-weight: bold;
}

.modal-body h4 {
	margin-top: 0;
}

.modal-body h3 {
	margin-top: 10px;
	font-weight: bold;
	/*Editable*/ color: #074977;
}

div.speaker {
	padding: 15px 0;
	border-bottom: 1px dashed #ccc;
	position: relative;
	padding-left: 120px;
}

div.speaker img {
	width: 100px;
	height: 100px;
	position: absolute;
	top: 15px;
	left: 0;
}

.gallery-photo {
	display: none;
	width: 500px;
	margin: 0 auto;
}

.gallery-photo img {
	width: 100%;
	height: auto;
}

#photo-1 {
	display: block;
}

#thumbs a {
	display: inline-block;
	width: 100px;
	height: 100px;
	margin-right: 10px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	overflow: hidden;
}
#thumbs {
	margin-bottom: 10px;
	text-align: center;
}

#thumbs a img {
	display: block;
	width: 100px;
	height: 100px;
}


/* Used for Parsley
------------------------------------------------------------------------------------------*/

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}

.parsley-errors-list {
  margin: 2px 0 0 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  -moz-opacity: 0;
  -webkit-opacity: 0;

  transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
  opacity: 1;
}

li.parsley-required {
	margin: 5px 0 0;
	color: #c73232;
}

/* Sub pages
------------------------------------------------------------------------------------------*/
#footer {
	display: none;
}
#footer-position {
	min-height:100%;
	position:relative;
}

#subpage-content {
	min-height: 500px;
	padding-bottom: 60px;
	padding-top: 60px;
}

#subpage-content table {
	width: 100%!important;
	max-width: 100%!important;
}

#subpage-content #wysiwyg-content img {
	max-width: 100%!important;
}


#footer-position #footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
}
#subpage-header {
background: #e7e7e7;
padding: 30px 0;
}

/*Confirmation*/


#subpage-header h1 {
	margin-bottom: 0;
	margin-top: 0;
}

.confirmation-content {
	padding-top: 20px;
}

.confirmation-top-content {
	padding-left: 120px;
	position: relative;
}

.confirmation-top-content span.glyphicon {
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 64px;
}

#view-summary, .view-summary {
	position: absolute;
	right: 20px;
	top: 10px;
}

h5.section-title {
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}

.section-title a {
position: absolute;
right: 0;
top: -8px;
}

#detailed-summary .well {
	background: #fff;
}

#detailed-summary .well th {
	color: #428bca;
}

#detailed-summary {
	display: none;
}

/*Contact Form*/

.contact-left {
	width: 60%;
	float: left;
	padding-top: 20px;
}

.contact-right {
	width: 35%;
	float: right;
}
.agenda-conflicts{
	display: none;

}
/*New CSS For Drop Menu*/
#navigation {
    overflow: visible;
}

#navigation li {
    position: relative;
}

#navigation li ul {
    padding: 0;
    position: absolute;
    top: 90px;
    left: 0;
    width: 200px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    z-index: 2000;
    list-style-type: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#navigation li.drop-link:hover ul {
    display: block;
}

#navigation li ul li {
    width: 200px;
    height: 50px;
    border-bottom: 1px solid #e3e3e3;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#navigation li ul li:last-child {
    border-bottom: none;
}

#navigation li ul li a { 
  display: block; 
  color: #202020;
  height: 50px;
  line-height: 50px;
  white-space: no-wrap;
  text-overflow: ellipsis;

}

#navigation li ul li a:hover { 
    background: #e3e3e3; 
    text-decoration: none; 
}

/* Side notes for calling out things
-------------------------------------------------- */
 
/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}
 
/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}


/*Attendee Dashboard Specific*/

#attendee-dashboard-content {
	padding-bottom: 40px;
}

h3.form-section-title, #attendee-manage h3.form-section-title {
	font: 300 1.6em/100% 'Roboto Condensed', sans-serif;
	color: #2c82bc;
	padding-bottom: 15px;
	border-bottom: 1px dashed #ccc;
	margin-top: 0;
	margin-bottom: 15px;
	margin-top: 30px;
}
.btn-login {
    position: absolute;
    top: 15px;
    right: 20px;
    z-index: 2000;
    height: 60px;
    line-height: 60px;
    padding: 0 15px;
}
.btn-login .fa {
    margin: 0 0.5em 0 0;
}

#wysiwyg-content, #subpage-header h1, #subpage-header h2 {
	padding-left: 15px;
	padding-right: 15px;
}


#login-btn-mobile-wrap {
	display: none!important;
}


#nav-toggle {
	display: none;
}

.table-header-row {
    height:40px;
    line-height: 40px;
    background: #444444;
    color: #fff;
}

.table>thead>tr.table-header-row>th {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 40px;
    font-size: 1.2em;
}






/*Mobile Syles for layout 3*/

@media screen and (max-width: 640px) {

#form-wrap {
	margin-left: 20px;
}

#form-navigation, #form-navigation-layout-two-fix {
	display: none;
}

#logo {
	display: none;
}
.content {
	width: 96%;
	margin: 0 auto;
}

#hero-image .content {
	width: 100%;
	padding: 0 0 0 0;
}
#form-steps .content, #event-details .content, #event-description .content {
	width: 96%;
	margin: 0 auto;
}
#hero-container {
	height: auto;
	width: 100%;
	max-width: 100%;
}

#hero-container img {
	width: 100%;
	max-width: 100%;
	min-height: 0;
	max-height: none;
	height: auto;
}

#navigation {
	padding: 0 0 0 0;
	height: auto;
}

#navigation li {
	height: auto;
	display: block;
	max-width: 100%;
}

#navigation li a  {
	display: block;
	max-width: 100%;
	height: 40px;
	line-height: 40px;
}

#navigation li ul {
	position: static;
	top: auto;
	left: auto;
	width: 100%;
	border: none;
	display: block;
}

#navigation li ul li {
	width: 100%;
}

#navigation li ul {
	background: #202020
}

#navigation li ul li a:hover {
	background: #000;
}

#navigation li ul li a {
	color: #fff;
}

#navigation li a.active {
	border-radius: 0 0 0 0;
	-webkit-border-radius: 0 0 0 0;
}

#login-btn-desktop {
	display: none;
}

#login-btn-mobile-wrap {
	display: block!important;
}

#event-details p {
	font-size: 1.2em;
	margin: 10px 0;
}

.col-md-12 .next {
	display: block;
	width: 100%;
}

#navigation {
	display: none;
}

#nav-toggle {
	display: block;
}

#wysiwyg-content img {
	max-width: 100%!important;
	height: auto!important;
}

#subpage-header {
	padding: 20px 0;
}
#subpage-header h1 {
	font-size: 24px;
	line-height: 24px;
}
#subpage-header h2 {
	font-size: 18px;
}

#header .content {
	padding: 15px 0;
}


.contact-left, .contact-right, .realperson-challenge, #captcha {
	float: none;
	width: 100%;
}

.contact-left input[type="submit"] {
	display: block;
	width: 100%;
	margin-top: -30px;
}

#form-navigation {
	position: static;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

#form-navigation a {
	float: none;
	display: inline-block;
}

.nav-tabs>li>a, .nav-tabs>li {
	display: block;
	width: 100%;
	float: none;
}

#hero-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#begin-btn {
	display: block;
	float: none;
	width: 100%;
	position: static;
}

#event-details p {
	float: none;
	width: 100%;
}

#fake-step-one, #form-navigation {
	display: none;
}
#registration-form, #billing-form {
	margin-left: 0;
}

#login-wrapper {
	margin-left: 0;
}

#view-summary {
	top: -30px;
	right: auto;
	left: 0;
}

}
/*End mobile styles for layout Three*/


#begin-btn {
	margin: 17px 0;
}