.section {
    display: inline-block;
	width: 100%;
}
.group {
	display: inline-block;
}
.section > div:not(.group),
form > div:not(.form-composite):not(.form-actions ):not(.section_confirmation_signup)/*to handle non composite components*/ {
   /* width: 25%;
    float: left;*/
    padding: 0 15px;
}

h3 {
	border-bottom: 2px solid #005EB8;
	margin: 15px 15px; /*margin-top: 50px;*/
	color:#4A484C !important;
	padding-bottom: 4px;
	font-weight:bold;
}
h4 {
	border-bottom: 1px solid #ff6900;
	margin: 15px 15px;
	font-size: 16px;
	color: #005EB8;
	padding-bottom: 4px;
}
a{
	color: #005EB8;
	outline: 0;
	font-weight: bold;
}
a:hover{
	color: #FF6900;
	text-decoration:none;
}
.m-l-10{
	margin-left:10px;
}
.m-r-10{
	margin-right:10px;
}
.m-t-10{
	margin-top:10px;
}
.m-b-10{
	margin-bottom:10px;
}
.font-18{
	font-size:18px !important;
}
.colorPrimary{
	color: #005EB8;
}
.colorSecondary{
	color: #FF6900;
}
.colorAccent{
	color: #4A484C !important;
}
.colorRED{
	color: #E03C31 !important;
}
.colorGREEN{
	color: #398439 !important;
}
.colorBLUE{
	color: #002d72 !important;
}
.page-header {
    border-bottom: 2px solid #FF6900;
    margin-top: 50px;
    color: #002d72;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 10px !important;
	font-family: "Gentona", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sub-header{
	display: block;
	font-size: 14px;
	font-weight: bold;
}
.text-intro{
	margin: 15px 15px;
}
.text-regular{
	font-size: 14px;
}
.text-center {
	text-align: center;	
}
.list-indent{
	margin-left: 25px;	
}

#block-addtoanybuttons{
	margin-left:10px;
	margin-bottom:10px;
}
.form-control::-moz-placeholder {
    color: #e5e2e0;
    opacity: 1;
}
.form-control{
	font-weight:bold;
}

.form-required::after {
    -webkit-background-size: 7px 7px;
    background-size: 7px 7px;
    width: 7px;
    margin-bottom: 5px;

}
.form-group {
    margin-bottom: 14px;
}
.webform-multiple-table .form-item + .form-item {
    margin-top: 0 !important;
}
.guest_group_wrapper .TicketsGroupContainer .ticketOptionWrapper  {
	margin-top: 10px !important;
}
.TicketsGroupContainer fieldset{
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.TicketsGroupContainer .customError{
	display:block;
}
.form-group label.customError{
	color: #E03C31 !important;
	opacity: 1;
	font-size: 11px;
	text-transform: none;
	white-space: normal;
	position: absolute;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{
	color: #E03C31 !important;
}
.phoneNumber1 ~ .customError,
.phoneNumber2 ~ .customError{
	width: calc(100% - 125px );
}
.pastMonthError ~ .clearCross,
.error ~ .clearCross,
.form-control[disabled] ~ .clearCross{
    display: none !important;
}
.ccDate .customError{
	display:table;
}
.webform-element-help:hover,
.webform-element-help:active,
.webform-element-help:focus{
	background-color:#005EB8;	
	border-color:#005EB8;
	outline:none;
}
/*Buttons*/
.form-actions{
	width: 100%;
	text-align: right;
	border-top: 3px solid #FF6900;
	margin:25px auto 0 auto;	
	padding:10px 0px 10px 15px;
	display: inline-block;
}
.form-submit:not(.searchButton) {
	background-color: #005EB8;
	transition: 0.5s ease all;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 18px;
	padding: 10px;
	min-width: 18% !important;
	-webkit-appearance: none !important;
	margin-bottom: 10px !important;
	margin-right: 0px !important;
}
.form-submit:disabled {
	cursor: not-allowed;
}
.form-submit:hover{
	background-color: #FF6900;
}
.form-submit:focus, .form-submit:focus:active{
	background-color: #B4B2AD;
}
.form-submit:active, .form-submit:active:hover{
	background-color: #4A484C;
}
/*----------------- DOM = FORM --------------------*/
@font-face {
  font-family: 'gentona-light';
  src: url('../includes/fonts/Gentona-Light.eot');
  src: url('../includes/fonts/Gentona-Light.eot?#iefix') format('embedded-opentype'),
       url('../includes/fonts/Gentona-Light.woff') format('woff'),
       url('../includes/fonts/Gentona-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

body{
	font-family: "gentona-light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.webform-submission-form {
	font-family: "gentona-light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: 16px;
	background: #fff;
	border-radius: 4px;
}
.webform-confirmation{
	margin:0 15px;
}
.webform-confirmation__back {
	display: inline-block;
	width: 100%;
}
.col {	/*webform-submission-form*/
	position: relative;
	padding-top: 16px;
	margin-bottom: 16px;
}
label {	/*webform-submission-form*/
	opacity: 0.5;
	cursor: text;
	transition: 0.2s ease all;
	margin: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 14px;
}

.form-type-radio label{
	opacity: 1 !important;
}

/*--------------------- DOM = CHECKBOX & RADIO ------------------*/
input[type="radio"],
input[type="checkbox"] {
	position: relative;
	display: inline-block;
	background: #ebebeb;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline:0;
	background: none !important;
	border:none !important;
}
input[type="radio"]:after,
input[type="checkbox"]:after { 
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	border: 3px solid #B4B2AD;
	position: absolute;
	left: -10px;
	top: -4px;
	opacity: 1;
	-webkit-transition: all .12s, border-color .08s;
	transition: all .12s, border-color .08s;
}
input[type="radio"]:after{
	border-radius:25px;	
}
input[type="radio"][disabled]::after,
input[type="checkbox"][disabled]::after {
    border: 3px solid #e5e2e0 !important;
	cursor: not-allowed;
}
input[type="radio"]:hover:after,
input[type="checkbox"]:hover:after {
	border: 3px solid #FF6900;
}
.form-type-checkbox label {
    padding-left: 30px;
	opacity: 1;
}
input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after {   
	width: 12px;
	top: -10px;
	left: -6px;
	border-radius: 0;
	opacity: 1;
	border: 3px solid #005EB8 ;
	border-top-color: transparent;
	border-left-color: transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg); 
}
.checkbox label {
    cursor: pointer;
}
.radioSelected{
	color:#4A484C;
	font-weight:bold !important;
}
.form-disabled label.option{
	color: #e5e2e0;
	cursor:not-allowed;
}



/*--------------------------- DOM = SELECT ----------------------*/
select{
	position: relative !important;
	z-index: 1 !important;
	border-radius: 0 !important;
	border-width: 0 0 1px !important;
	border-bottom-color: rgba(0, 0, 0, 0.25) !important;
	height: 34px !important;
	padding: 3px 0 5px !important;
	cursor:pointer;
	box-shadow: none !important;
}
select[multiple], select[size]{
	border-width: 1px !important;
	height: auto !important;
}
/* removes the dotted border on click/select*/
select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
/* removes the spinner on number field STARTS*/
input[type=number] {
	-moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}




/*---------------------------- DOM = INPUT + SELCT GENERAL STARTS ------------------------*/
input {
	position: relative;
	z-index: 1 !important;
	border-radius: 0 !important;
	border-width: 0 0 1px !important;
	border-bottom-color: rgba(0, 0, 0, 0.25)  !important;
	padding: 3px 0 5px !important;
	-webkit-transition: all ease-in-out .15s !important;
	-o-transition: all ease-in-out .15s !important;
	transition: all ease-in-out .15s !important;
	box-shadow: none !important;
}

input, select{
	font-size: 16px !important;
}

input[type="text"]:not(.ticketPrice),
input[type="email"],
select, textarea{
	padding-right: 22px !important;	
}
.ticketTotalBox input[type="text"]{
	padding-right:0 !important;
}
input:hover, select:hover{
	border-bottom-color: #FF6900 !important;
}

input:focus, input:active,
select:focus, select:active {
	box-shadow: none !important;
	border-bottom-color: #005EB8 !important;
	border-width: 0 0 1px;
	outline:0 !important;
}
textarea:focus, textarea:active {
	box-shadow: none !important;
	border-color: #005EB8 !important;
	outline:0 !important;
}

.TicketsGroupContainer > label{
	text-transform: capitalize;
}
.not-empty{
	color: #4A484C;
	opacity:1 !important;
	font-weight: normal;
}

.clearCross {
	display: block;
	width: 15px;
	height: 15px;
	position: absolute;
	background-color: #EBEAE9;
	z-index: 99;
	right: 22px;
	margin-top: -26px;
	padding: 2px;
	border-radius: 50%;
	text-align: center;
	color: white;
	font-weight: normal;
	font-size: 8px;
	cursor: pointer;
	float: right;
}
.clearCross + .clearCross {
    display: none !important;
}
.clearCross:hover{
	background-color: #e03c31;	
}
select + .clearCross {
    right: 9px;
	width: 15px;
}
.phone_container input + .clearCross {
    left: calc(100% - 135px);
    bottom: 24px;
}
/*------------------------  DOM PROPERTIES ENDS ------------------- */






/* -------------------- SECTION Event Information -------------------- */
.intro-section .fieldset-wrapper{
	display:block !important;
}
#edit-info-event-title{
	border-bottom: 2px solid #005EB8;
	margin-top: 50px;
	color:#4A484C;
	font-size: 22px;
	font-weight:bold;
	margin: 0 0 10px !important;
	padding: 0 !important;
}
.intro-section > img{
	width:100%;
	margin-bottom:20px;
}
.event-details h1,
.event-details h2,
.event-details h3,
.event-details h4,
.event-details h5,
.event-details h6{
	margin-left: 0;
}
.event-details img{
	max-width: 100%;
}
.event-details img.align-right, figure.align-right{
	margin:0 0 10px 10px;
}
.event-details img.align-left, figure.align-left{
	margin:0 10px 10px 0;
}
.event-details img.align-center, figure.align-center{
	padding:10px 0;
}
figcaption{
	font-size: 12px;
	font-style: italic;
}
.intro-section .smallImage {
    width: auto !important;
}
.intro-section iframe{
	width: 100%;
}
.eventBox{
	background:#e5e2e0;
	padding:10px;
	box-shadow: 3px 3px 10px rgba(0,0,0, 0.2);
	margin-bottom: 20px !important;
}

.jhu_event_date, #edit-event-address strong, #edit-event-gmap strong, #edit-event-contact strong {
    border-bottom: 2px solid #005EB8;
    width: calc(100% + 20px) !important;
    display: inline-block;
    margin: 0 -10px 5px;
    padding: 0 10px;
	color: #4A484C;
}
#edit-event-details{
	margin-bottom: 30px;
	padding: 0 0;
}
.hasCustomLayout{
	display: flex;
}
.hasCustomLayout  .eventBox{
	margin:0 15px;
}
.hasCustomLayout .eventBox:first-child{
	margin-left:0px;
}
.hasCustomLayout .eventBox:last-child{
	margin-right:0px;
}
.event_sm{
	margin-bottom: 14px;
}
.event_sm_title{
	font-weight:bold;
	color:#4A484C;
	border-bottom: 2px solid #005EB8;
}
.event_sm .sprite-before::before{
	background-color: #FF6900 !important;
	border-radius: 50%;
	padding: 14px;
	background-position: 3px 3px !important;
	transition: all 0.5s ease;
}
.event_sm .sprite-before:hover::before{
	background-color: #0053B8 !important;
}
/* ----- Event Information section ENDS ---- */

/* ----- Event Sections H@H ---- */
.sectionContainer > div{
	margin-top:30px;
}
.sectionContainer{
	margin-bottom:30px;
}
.sectionContainer img{
	max-width:100%;
}

/* ----- Event Information - SPEAKERS section ---- */
.speakersContainer {
	display: inline-block;
	margin: 15px 0px;
}
.speakersContainer > .row {
	padding: 0;
}
.speakerTopLine {
	display: block;
	background: #e5e2e0;
	height: 5px;
	margin: 30px 0px !important;
}
.speakerHeader{
	font-size:22px;
}
.speakerHeader img{
	max-width:150px;
}
.speakerName > div { /*manager*/
	display: inline;
	font-size:20px;
}
.speakerInfo{
	font-size:18px;
}
.speakerInfo .field {
	margin-bottom:10px;
}
/* ----- Event Information - SPEAKERS section ENDS ---- */

/* -------------------- SECTION Special Registration -------------------- */

#edit-special-reg{
	/*border: 2px solid #ff6900; /* Orange: #ff6900; Blue: #005EB8 */
	display: block;
	max-width: 560px;
	margin: 25px auto;
	padding: 10px !important;
	
	background: #002d72;
	color: #fff;
}

#edit-special-reg h3,
#edit-special-reg label{
	color: #fff !important;
}

#edit-special-reg .help-block{
	color: #ddd !important;	
}

#edit-special-reg input[type="radio"]:checked:after, #edit-special-reg input[type="checkbox"]:checked:after{
	border-bottom-color: #ff6900;
	border-right-color: #ff6900;
}
#edit-special-reg .clearCross{
	display: none !important;	
}

.special-reg-container h3{
	margin: 0;
	padding: 5px;
	border-bottom-color: #ff6900;
}

.special-reg-container .form-item{
	margin: 10px 15px;
}


/* -------------------- Special Registration section ENDS -------------------- */


/*-------------------- SECTION   USER BAR ---------------------*/
.user_bar {
    background-color: #005EB8;
    font-size: 14px;
	text-align: right;
}
.user_bar ul{
	margin-right: 0;
}
.user_bar .navbar-nav > li > a,
.user_bar .nav > li > a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}
.user_bar .nav > li,
.user_bar .nav > li > a{
	display: inline-block;
	color:white !important;
}
.user_bar .nav > li > a:hover{
	background:none;
	color:#e5e2e0 !important;
}


/*-------------------- SECTION   Your Information ---------------------*/
.addressLineBlock{
	width: 100% !important;
	padding: 0 !important;
	display: inline-block;
}
.phone_container > .form-type-textfield {
    width: calc(100% - 95px );
    float: left;
}
.phone_container > .form-type-select {
    width: 95px;
    float: left;
}
.form-item-jhu-contact-phone-type-1 label,
.form-item-jhu-contact-phone-type-2 label {
    height: 23px !important;
    position: initial;
	color:#FFF !important;
}
.form-item-jhu-contact-phone-type-1 label:after,
.form-item-jhu-contact-phone-type-2 label:after{
	background-image:none !important;	
}
.form-item-jhu-contact-phone-1 label,
.form-item-jhu-contact-phone-2 label{
	height: 23px !important;
    position: initial;
}
.js-form-type-jhu-webform-name,
.js-form-type-jhu-webform-address {	/*removes space between name and address section*/
    margin-bottom: 5px !important;
}
.emailAutoComplete {
    color: #FF6900;
    line-height: 24px !important;
    background-color: #FFF;
    z-index: 999;
    top: 4px !important;
    padding: 0px !important;
	margin-left: -10px;
}
.form-item-jhu-address-main-address-state,
.form-item-jhu-contact-nametag{
	margin-bottom:15px;
}
.form-type-jhu-webform-merchandise{
	width:100%;
}


/*-------------------- SECTION   REGISTRANT FIELDS & ADDITIONAL INFORMATION session -----------------*/
.registrantfield-radios{
	margin-bottom: 19px;
}
.registrantfield-radios, .registrantfield-checkbox, .registrantfield-dropdown, .registrantfield-textbox{
    min-height: 65px;
}
.registrantfield-radios span{
	opacity: 0.5;
	cursor: text;
	transition: 0.2s ease all;
	margin: 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	font-size: 14px;
	display: inline-block;
	max-width: 100%;
	font-weight: bold;
}
.registrantfield-radios legend{
	margin-bottom: 0px;
	border-bottom: none;
}

.registrantfield-checkbox .form-type-checkbox,
.registrantfield-radios .form-type-radio{
	display:inline-block;
	margin-right: 14px;
}
.registrantfield-radios .form-type-radio{
	margin-top: 6px;
}
.registrantfield-checkbox label{
	display:block;
}
.registrantfield-radios .fieldset-wrapper{
	margin-left: 10px;
}
.registrantfield-radios legend{
	font-size: 16px;
}
.registrantfield-dropdown .clearCross,
.registrantfield-textbox .clearCross{
	margin-top: 8px;
}
.registrantfield-dropdown label.error,
.registrantfield-textbox label.error{
	margin-top: 34px;
	display: block;
}
#jhu_guests_table .registrantfield-radios .fieldset-wrapper{
	display: inline-block;
}
.form-textarea-wrapper textarea{
	z-index:1;
}
.form-textarea-wrapper .error{
	margin-top: 0px;
	position: relative !important;
	z-index:0;
}
.registrantfield-checkbox-error, .registrantfield-radio-error{
	margin-top: -5px !important;
}
#jhu_guests_table .registrantfield-checkbox-error{
	display: inline-block;
	position: inherit;
}
#jhu_guests_table .registrantfield-radios-element .form-type-radio,
#jhu_guests_table .registrantfield-checkbox .form-type-checkbox {
	/*guest multiple radio & checkbox*/
	float: left;
	margin-top: 0px;
}
#jhu_guests_table .registrantfield-radios .webform-options-display-one-column{
	padding-top:6px;
}
.webform-submission-form .form-type-jhu-webform-additionalinformation {
    padding: 0 !important;
}
fieldset.registrantfield-title-hidden, div.registrantfield-title-hidden {
    padding-top: 22px !important;
}
.registrantfield-desc{
	font-size: 14px;
	margin: 5px 0 10px;
}
.registrantfield-radios .registrantfield-desc{
	margin: 5px 0 10px;
}
.registrantfield-radios .field-prefix{
	opacity: 1;
	margin-left: -10px;
	font-weight: normal;
}
div.registrantfield-title-hidden.registrantfield-checkbox,
fieldset.registrantfield-title-hidden.registrantfield-radios{
	padding-top:0 !important;	
	min-height:auto !important;
	margin-bottom: 0px;
}

/*-------------------- SECTION   Donation Information ---------------------*/
.form-type-jhu-webform-donation{
	display: block !important;	
}
.giftAmount-wrapper label{
	display: inline !important;	
}
input[type="number"]{
	width: 100% !important;
	display: block !important;
}
.section_donation_information .clearCross{
	display:none !important;
}
.amountPrefix{
	position: absolute;
	z-index: 9;
	top: 23px;
	background: #e5e2e0;
	width: 23px;
	text-align: center;
	height: 32px;
	line-height: 30px;
	border-radius: 4px 4px 0px 0px;	
}
.giftAmount {
	padding-left: 28px !important;
}


/*-------------------- SECTION   Ticket - Inventory -----------------*/
.maxReached{
	color: #e03c31;
	text-transform: initial;
	font-style: italic;	
}
.notifyReached{
	text-transform: initial;
	margin-left: 10px;
	font-style: italic;
}
.TicketsGroupContainer .form-disabled .control-label,
.TicketsGroupContainer .disabled_ticket{
    opacity: 0.5 !important;
    cursor: not-allowed;
    text-decoration: line-through #e03c31;
}

/*-------------------- SECTION   Ticket - NEW - Multi session -----------------*/
.ticketTable th {
    text-transform: uppercase !important;
    font-size: 12px;
    color: #B4B2AD;
    word-break: keep-all;
    line-height: 35px;
}
td.ticketType {
    width: 65% !important;
	text-align:center;
}
.ticketTypeHeader {
    padding-left: 22px !important;
	text-align: left !important;
}
.ticketPriceHeader {
    padding-right: 30px !important;
	text-align: center;
}
.ticketTable .clearCross,
.hiddenTicketTitle{
	display: none !important;
}
.ticketTable input, .ticketTable input[readonly]{
	border: none !important;
	background-color: #e5e2e0 !important;
}
.amountPrefix.ticketPricePrefix {
    display: inline-block;
	background: none !important;
	top:0;
	color: #555;
	padding-left: 4px;
	position:relative;
	width:auto;
}
.ticketPrice {
    width: 88px;
    display: inline;
	text-align: left;
	padding-left: 2px !important;
}
.ticketPrice.Free{
	padding-left: 4px !important;
	width: 100%;
}
.ticketType label{
	opacity:1;
	color:#555;
}
.ticketType , .ticketPrice{
	font-weight:bold;
}
.ticketType{
	text-align: left;
}
.ticketTable .help-block{
	margin-top:0px !important;
	font-style: italic;
	font-weight: normal;
}


/*-------------------- SECTION   Ticket - NEW - Multi session for REGISTRANTS and GUEST Display -----------------*/
.guestTicketsRadio .form-type-radio{
	padding-right:35px;
}
.TicketsGroupContainer .ticketOptionWrapper,
.guestTicketsRadio .form-type-radio {
	width: 25%;
	float:left;	
}
.TicketsGroupContainer > label{
	display:block;
}
.TicketsGroupContainer .control-label{
	font-weight:bold;
}
.ticketOptionWrapper {
    margin-top: 10px !important;
}
.guestTicketsRadio .form-type-radio{
	 margin-top: 0px !important;
}
.ticketOptionWrapper label{
	padding-right: 10px;
}
.TicketsGroupContainer fieldset{
	margin-left: 10px;
}
.guestTicketsRadio legend{
	display:none;
}

.TicketsGroupContainer .ticketOptionWrapper:nth-child(4n+2),
.guestTicketsRadio .form-type-radio:nth-child(4n+1) {
	clear:left;
}
.form-type-radio .description {
	display: inline-block;
	position: absolute;
	top: -1px;
}

/*-------------------- SECTION   SESSION DETAILS for REGISTRANTS and GUEST Display --------- NEW 09122018--------------*/

.SessionGroupContainer label,
.TicketsGroupContainer > label{
	opacity:0.8;
	width: 100%;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	user-select: auto;
}
.sessionTitle{
	border-bottom:1px solid #FF6900 !important;
	margin:0 0 5px;
}
.sessionAddress, .sessionDateTime, .session_date_part, .session_time_part{
	padding:0;
}
.sessionAddress {
	text-align:right;
}
.sessionInfo label{
	font-weight: normal;
}
.sessionInfo{
	display: table;
	width: 100%;
}
.group_guest_information .sessionInfo{
	margin-bottom:0px !important;	
}
.mapmarker {
    display: inline-block;
    height: 36px;
    float: left;
}
.session_info_icon{
	float: left;
	width: 18px;
}
.session_info_text{
	float: left;
	width: calc(100% - 18px);
	white-space: normal;
	text-transform: none;
}
.dateSimpleText {
    font-weight: normal;
	width: 35px !important;
	display: inline-block;
}
.radioRequired1 .control-label::after {
	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0VFMDAwMCIgIGQ9Ik0wLDcuNTYybDEuMTE0LTMuNDM4YzIuNTY1LDAuOTA2LDQuNDMsMS42ODgsNS41OSwyLjM1QzYuMzk4LDMuNTUzLDYuMjM3LDEuNTQ0LDYuMjIsMC40NDdoMy41MTEgYy0wLjA1LDEuNTk3LTAuMjM0LDMuNi0wLjU1OCw2LjAwM2MxLjY2NC0wLjgzOCwzLjU2Ni0xLjYxMyw1LjcxNC0yLjMyNUwxNiw3LjU2MmMtMi4wNSwwLjY3OC00LjA2LDEuMTMxLTYuMDI4LDEuMzU2IGMwLjk4NCwwLjg1NiwyLjM3MiwyLjM4MSw0LjE2Niw0LjU3NWwtMi45MDYsMi4wNTljLTAuOTM1LTEuMjc0LTIuMDQxLTMuMDA5LTMuMzE2LTUuMjA2Yy0xLjE5NCwyLjI3NS0yLjI0NCw0LjAxMy0zLjE0Nyw1LjIwNiBsLTIuODU2LTIuMDU5YzEuODcyLTIuMzA3LDMuMjExLTMuODMyLDQuMDE3LTQuNTc1QzMuODQ5LDguNTE2LDEuODcyLDguMDYyLDAsNy41NjIiLz48L3N2Zz4K);
	-webkit-background-size: 7px 7px;
	background-size: 7px 7px;
	content: "";
	display: inline-block;
	vertical-align: super;
	line-height: 1;
	height: 7px;
	width: 7px;
	margin-bottom: 5px;
}


/*-------------------- SECTION   SESSION DETAILS for REGISTRANTS and GUEST Display ------------- NOT SURE - MAY BE DEPRECATED ----------*/
.session_information{
	border-bottom: 1px solid #e5e2e0;
	display: inline-block;
	width: calc(100% - 30px);
	margin: 0 15px;
	padding: 0 !important;
}
.SessionDateTime::before{
    content: "DateTimeSymbol";
}
.SessionTitle, .SessionDateTime, .SessionDescription{
	padding:0;	
}
.SessionDateTime{
	text-align: right;
}
.SessionDescription{
	font-size: 12px;
}



/*-------------------- SECTION   Guest Information -----------------------*/
.GuestInformationHeader{
	clear:both;
}
.form-type-jhu-webform-guest{
	width:100%;
	float:left;
}
#jhu_guests_table
{
	padding:0 15px;
}
.GuestNumberHeader{
	margin: 15px 0px;
}
.GuestHelpText{
	margin-bottom: 10px;
	opacity: 0.8;
	font-weight:bold;
	font-size:14px;
}
.group_guest_information{
	white-space:normal !important;
}
.group_guest_information .form-group {
    margin-bottom: 19px;
}
.group_guest_information .form-type-email{
	clear:left;
}
.section_guest_information .alert-info,
.section_guest_information .container-inline div.form-type-number,
.section_guest_information .webform-multiple-table--handle,
.webform-multiple-table~.container-inlineXXXXXXXXXXXXX,
.section_guest_information .tabledrag-toggle-weight,
.section_guest_information .control-label,
.section_guest_information thead{
	display:none;
}
.section_guest_information table .control-label{
	display:block;
}
.guestTicketsRadio .control-label{
	display:inline-block !important;
	max-width: 98%;
}
.section_guest_information td{
	display: block;
	padding:0 !important;
}
.section_guest_information .webform-multiple-table--operations
{
	clear: both; 
}
.section_guest_information .webform-multiple-table--operations-two {
    width: auto !important;
}
.section_guest_information .btn{
	padding: 4px;
	font-size: 14px;
	background-color: #4a484c;
	margin-top: 12px;
}
.section_guest_information .btn:hover,
.section_guest_information .container-inline .btn:hover{
	background-color: #FF6900;
	color: #4A484C;
}
.section_guest_information .btn-success{
	float: right;
	background-color: #007A53;
}
.section_guest_information .btn-danger{
	float: left;
	background-color: #CF4520;
}
.section_guest_information .container-inline .btn{
	float: left;
	background-color: #007A53;
}
.section_guest_information td{
	border:none !important;
}
.section_guest_information .phone_container > .form-type-select{
	margin-top: 20px !important;
}

.table-striped > tbody > tr:nth-of-type(2n+1),
.table-hover > tbody > tr:hover{
	background:none !important;
}

/*-------------------- SECTION   Payment Information ---------------------*/
.ccDate > div {
    width: 50%;
	float:left;
}
.ccDate > div > div,
.ccDate > div > div > select {
    width: 100% !important;
}

.section_payment_information .ccNumber,
.section_payment_information .ccCVV{
	padding-left: 60px !important;
}
.section_payment_information > div:nth-of-type(1):after,
.section_payment_information > div:nth-of-type(3):after{
	background-image: url("../images/card_generic.png");
	background-repeat: no-repeat;
	background-size: 46px 25px;
	content: "";
	display: block;
	height: 25px;
	margin-top: -30px;
	position: relative;
	width: 46px;
	z-index: 2;
}

.cvv-3:after{
	background-image: url("../images/cvv-3.png") !important;
}
.cvv-4:after{
	background-image: url("../images/cvv-4.png") !important;
}
.cvv-image:after{
	background-size: 50px 28px;
	width: 50px;
	height: 28px;
	margin-top: -33px;
}
.card-visa:after{
	background-image: url("../images/card_visa.png") !important;
}
.card-amex:after{
	background-image: url("../images/card_amex.png") !important;
}
.card-mastercard:after{
	background-image: url("../images/card_master.png") !important;
}
.card-discover:after{
	background-image: url("../images/card_discover.png") !important;
}



/*-------------------- SECTION   TICKET TOTAL ---------------------*/
.ticketTotalBox {
	width: 100% !important; 
}
.ticketTotalBox label{
	display: block;
}
.ticketAtBottom {
    border-top: 4px solid #FF6900;
	border-bottom: 0;
	border-left: 4px solid #FF6900;
	border-right: 4px solid #FF6900;
    border-radius: 10px 10px 0 0;
    padding: 0px;
    margin: 0px;
    text-align: center !important;
	bottom: 0px;
	left: 0px !important;
	background: #002d72 !important;
	height: 90px;
	width:100%;
	z-index: 999;
	position: fixed;
}
.ticketAtRegular{
	background: #e5e2e0 !important;
	margin-top: 20px !important;
	position: initial !important;
	width: 100%;
	text-align: center !important;
	border: 2px solid #005eb8;
	border-radius: 10px;
	transform: translate3d(0,0,0) !important;
}
.ticketTotalBox input{
	background: none !important;
	border:none !important;
	text-align:center;
	font-size:18px !important;
	webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.ticketAtRegular label,
.ticketAtRegular input
{
	color: #4A484C !important;
	opacity:1;
	font-weight: normal;
}
.ticketAtBottom label,
.ticketAtBottom input {
	color: white !important;
	opacity:1;
	font-weight: normal;
}
.ticketTotalBox .clearCross{
	display:none !important;
}
.ticketTotalBox > div{
	margin-top: 10px;
}

.ticketTotalBox .webform-element-help{
	font-size: 8px;
	width: 9px;
	height: 9px;
	line-height: 11px;
	top: -2px !important;
	position: relative;
	color: #2c2c33;
}
.ticketAtBottom .finalMainTotalWrapper label,
.ticketAtBottom .finalMainTotalWrapper input{
	font-size: 18px !important;
	color: #FF6900 !important;
}
.ticketTotalBox .finalMainTotalWrapper input{
	font-size: 22px !important;
	font-weight:bold;
}
.ticketAtRegular .finalMainTotalWrapper label{
	font-size:18px;	
	color: #4A484C;
}

.finalMainTotalWrapper {
	float:right;
}
.ticketHideOnLoad{
	animation: hideTotalOnLoad 1s ease-in-out 0s;
  	animation-fill-mode: forwards; 
}
.ticketHide{
	 animation: hideTotal 1s ease-in-out 0s;
  	animation-fill-mode: forwards;  
}

.ticketShow{
	animation: showTotal 1s ease-in-out 0s !important;
  	animation-fill-mode: forwards; 
}
@keyframes hideTotalOnLoad{
  0% {
    opacity:0;
    transform:  translate(0px,50px);
  }
  100% {
    opacity:0;
    transform:  translate(0px,50px);
  }
}

@keyframes hideTotal{
  0% {
    opacity:1;
    transform:  translate(0px,0px);
  }
  100% {
    opacity:0;
    transform:  translate(0px,50px);
  }
}

@keyframes showTotal{
  0% {
    opacity:0;
    transform:  translate(0px,50px);
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px);
  }
}

/*-------------------- SECTION   CAPTCHA ---------------------*/
.captcha{
	clear: both;
	display:inline-block;
	float:right;
	margin-top:28px;
	padding-right:0px !important;
}


/*-------------------- SECTION   HEADER/FOOTER ---------------------*/

.large-logo{
	float: left;
	width: 300px;
	height: auto;
	margin: 20px 0;
}
.large-logo img{
	display: block;
	height: auto;
	max-width: 100%;	
}
.large-logo.right-logo{
	float: right;	
}
.large-logo.banner{
	width: 100%;
	margin: 0 auto;	
}
.large-logo.banner img{
	margin: 0 auto;	
}


#footer a:hover {
    color: #E5E2E0;
}
.footer-logo img{
	max-width: 100%;
	height: auto;	
}
.footer-cols{
	font-size: 12px;	
}
.footer-cols a{
	color: #FF6900;
	text-decoration: none;
	display: block;
	font-size: 12px;
	margin: 0 0 5px;
}
.footer-center{
	margin-top:10px;
}
.footer-center > .region{
	width:100%;
}
.sprite-before:before{
	content: '';
	display: inline-block;
	height: 22px;
	margin-right: 10px;
	position: relative;
	top: 5px;
	width: 22px;
	border-radius: 4px;
}
.sprite-before.phone:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_PH.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.email:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_EMAIL.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.direction:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_DR.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.facebook:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_FB.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.twitter:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_TW.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.instagram:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_IG.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.linkedin:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_LI.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.youtube:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_YT.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.flickr:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_FR.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.weibo:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_WB.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.website:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_WS.png") no-repeat scroll 0 0 / 22px auto
}


.sprite-before.phone-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_PH_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.email-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_EMAIL_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.direction-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_DR_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.facebook-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_FB_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.twitter-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_TW_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.instagram-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_IG_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.linkedin-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_LI_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.youtube-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_YT_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.flickr-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_FR_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.weibo-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_WB_white.png") no-repeat scroll 0 0 / 22px auto
}
.sprite-before.website-white:before{
	background: white url("/themes/custom/DAREvent/images/link_icons/SM_WS_white.png") no-repeat scroll 0 0 / 22px auto
}

/* Color-based moficiations */
.\#FF9E1B a, .\#E5E2E0 a, .\#B4B2AD a, .\#FFFFFF a,
.\#FF9E1B .footer-cols, .\#E5E2E0 .footer-cols, .\#B4B2AD .footer-cols, .\#FFFFFF .footer-cols  {
    color: #4A484C;
}
.\#7E7E7C a, .\#4A484C a, .\#2C2C33 a, .\#619589 a {
    color: #FFF;
}
.\#000000 a {
    color: #E5E2E0;
}
.\#7E7E7C a:hover, .\#4A484C a:hover, .\#2C2C33 a:hover, .\#619589 a:hover, .\#E5E2E0 a:hover, .\#FFFFFF a:hover, .\#000000 a:hover {
	color:#FF6900 !important;
}
.\#FF9E1B .footer-logo img,
.\#E5E2E0 .footer-logo img,
.\#B4B2AD .footer-logo img,
.\#FFFFFF .footer-logo img {
  background: url("/themes/custom/DAREvent/images/JH_UM_blue.png") no-repeat;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 180px; /* Width of new image */
  height: 40px; /* Height of new image */
  padding-left: 200px; /* Equal to width of new image */
}
#footer.\#FFFFFF {
    border-top: 2px solid #4A484C;
}
.\#FFFFFF .footer-cols a::before, .\#FFFFFF .sprite-before:before,
.\#E5E2E0 .footer-cols a::before, .\#E5E2E0 .sprite-before:before{
	background-color:#FF6900 !important;
}

/*-------------------- LOADER SETUP ---------------------*/
.loaderContainer{
	position: fixed;
    left: calc(50% - 25px);
	top: calc(50% - 25px);
    z-index: 10000;
}
.loader {
	border-radius: 50%;
	border-top: 8px solid #4A484C;
	border-bottom: 8px solid #4A484C;
	border-left: 8px solid #005EB8;
	border-right: 8px solid #005EB8;
	width: 60px;
	height: 60px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin-left: auto;
	margin-right: auto;
	z-index:10001;
	position:relative;
}
.loaderText{
	color:white;
}


/*-------------------- SUBMIT LOADER ---------------------*/
.submitLoader{
	left: calc(50% - 25%);
	position: fixed;
	z-index: 100000;
	width: 50%;
	top: calc(50% - 85px);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.loaderHolderBG {
    background: black;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	opacity:0.5;
	z-index:-10000;
}
.submitLoaderBG{
	background-color: #FFF;
	width: 100%;
	height: auto;
	border-radius: 10px;
	text-align: center;
	overflow: hidden;
	box-shadow:6px 6px 50px rgba(0,0,0, 0.8);
}
.submitLoaderTitle{
	font-size: 16px;
	background: #005EB8;
	padding: 5px;
	color: white;
}
.lineLoader{
	position: relative;
}
.loaderStatus{
	margin: 30px 0 20px;
	position: relative;
	font-size: 18px;
	text-transform: capitalize;
	color: #4A484C;
}
.loaderInfo{
	color: #e03c31;
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: bold;	
}

/*-------------------- SNACKBAR ---------------------*/
 /* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
    visibility: hidden;
    min-width: 250px;
    background-color: #E03C31;
    color: #fff;
	font-weight:bold;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 99999;
    left: 50%;
    bottom: 90px;
	transform: translate(-50%, 0);
}

/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
    visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
    -webkit-animation: fadein 0.5s, fadeout 0.5s 4.5s;
    animation: fadein 0.5s, fadeout 0.5s 4.5s;
}

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 90px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 90px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 90px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 90px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
} 


/*-------------------- RESPONSIVE CODE ---------------------*/
/*@media (max-width: 1024px){
	body:before{content:"max-w-1024px";}
}
@media (max-width: 1004px){
	body:before{content:"max-w-1004px";}
}
@media (max-width: 768px) {
	body:before{content:"max-w-768";}
}
@media (min-width: 768px) and (max-width: 992px){
	body:before{content:"min-w-768px & max-width: 992px";}
}
@media screen and (max-width: 665px) {
	body:before{content:"max-w-665px";}
}
@media screen and (max-width: 640px) {
	body::before{ content:"max-width: 640px";}
}
@media (max-width: 480px){
	body:before{content:"max-w-480px";}
}
@media only screen and (max-width : 370px) 
{
	body:before{content:"max-w-370px";}
}
@media (max-width: 330px) {
	body:before{content:"max-w-330";}
}
body:before{color: red;}
*/

@media only screen and (max-width : 370px) 
{
	.ticketTotalBox {
		padding-left: 4px !important;
		padding-right: 0px !important;
	}
	.session_date_part, .session_time_part {
		width:100% !important;
	}
}

@media (max-width: 480px){
	/* global form width extend*/
	.section > div:not(.group), 
	form > div:not(.form-composite):not(.form-actions):not(.section_confirmation_signup):not(.searchContainer),
	.addressLineBlock div,
	.group_billing_information div,
	.section_guest_information .container-inline,
	td .section_guest_information .webform-multiple-table--operations,
	.jhu-webform-additional-information--wrapper > div,
	#edit-event-details > div, .intro-section img, .event-details,
	.section .registrantfield-radios{
		padding: 0px 0px !important;
	}
	h3, h4, .text-intro
	{
		margin: 15px 0px;
	}
	/* global form width extend END*/
	.clearCross{
		right: 4px;
	}
	.form-actions{
		padding-left:0px;
	}
	.form-submit {
		width:100%;
	}
	.section_guest_information .btn-success{/*guest*/
		float: left;
	}
	.section_guest_information .btn-danger{/*guest*/
		float: right;
	}
	/*ticket total box*/
	.ticketTotalBox .finalMainTotalWrapper label,
	.ticketTotalBox .finalMainTotalWrapper input{
		font-size: 18px !important;
	}
	.ticketTotalBox_4{
		width: 50%;
		float: left;
		margin-bottom: 0px;
	}
	.totalBoxChangeHeight{
		height:140px;
	}
	/*header footer*/
	.large-logo{
		width:100% !important;
		padding: 10 0px !important;
	}
	.right-logo {
		border-top: 1px solid #E5E2E0;
		padding-top: 20px !important;
	}
	.footer-cols > div{
		width:100%;
		padding: 10px 0;
	}
	.footer-cols > div:nth-child(n+2){
		border-top: 1px solid;
	}
	#block-addtoanybuttons{
		text-align:center;
	}
	
	.event-details img, .event-details figure{
		width: 100%;
		height: auto;
		text-align:center;
	}
}

@media screen and (max-width: 640px) {
	.TicketsGroupContainer .ticketOptionWrapper,
	.guestTicketsRadio .form-type-radio {
		width: 100% !important;
		float:none;	
	}	
	.group_billing_information {
		margin-bottom: 10px;
	}	
}

@media screen and (max-width: 665px) {
	.large-logo{
		width:50%;
		padding: 0 10px;
	}
}

@media (min-width: 768px) and (max-width: 992px){
	.hasCustomLayout  .eventBox{
		margin:0 10px;
	}
}
@media (max-width:1200px) {
	.container {
		width: 100% !important;
	}
}
@media (max-width: 768px) {
	.user_bar .nav > li,
	.user_bar .nav > li > a{
		display: block;
	}
	.user_bar{
		text-align:left;
	}
	.js-form-type-jhu-webform-name, .js-form-type-jhu-webform-address {
		margin-bottom: 15px !important;
	}
	.webform-multiple-table tr.draggable{
		width:100% !important;
	}
	.TicketsGroupContainer .ticketOptionWrapper,
	.guestTicketsRadio .form-type-radio {
		width: 50%;
		float:left;	
	}
	.section_guest_information .webform-multiple-table--operations{ /*guest*/
		display: block !important;
		
	}
	.table-responsive{/*guest*/
		border:none !important;
	}
	.section_guest_information {/*guest*/
		padding: 0 !important;
	}
	.section_guest_information .container-inline{/*guest*/
		padding: 0 15px;
	}
	
	.sessionAddress {
		text-align: left;
	}
	.sessionDateTime {
		margin-bottom:0px;
	}
	.group_guest_information .form-group,
	.session_date_part {
		margin-bottom: 8px;
	}
	.hasCustomLayout {
		display: inherit;
	}
	.hasCustomLayout  .eventBox{
		margin:0;
	}
	.mapTitle{
		display:none;
	}
	#edit-event-gmap iframe{
		height:200px;
	}
}
/*@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	 
}*/
 /* IE10+ CSS styles go here */
 _:-ms-lang(x), .form-type-select {
	 height:54px;
 }
 _:-ms-lang(x), .clearCross{
	 display:none !important;
 }
 _:-ms-lang(x), .phone_container > .form-type-select {
	/*margin-top: 23px;*/
}
 _:-ms-lang(x), .registrantfield-radios, .registrantfield-checkbox, .registrantfield-dropdown, .registrantfield-textbox{
	min-height:0px !important;
}
 _:-ms-lang(x), .registrantfield-radios{
	width:auto !important;
	float:left;
	clear:both;
 }
 _:-ms-lang(x), .form-disabled .form-control{
	background-color:#eee;	
	cursor: not-allowed;
}
 _:-ms-lang(x), .form-group {
    margin-bottom: 15px;
}




/*-----------------------  ADD/REMOVE GUEST LOADER --------------- */
.setImage{
	background-size: 50px 50px;
	height: 50px;
	width: 50px;
	z-index: 99999;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.addUser{
	background-image: url("../images/user_regular.png");
	animation: animationFrames ease 2s;
	 -webkit-animation: animationFrames ease 2s;
	 -moz-animation: animationFrames ease 2s;
	  -o-animation: animationFrames ease 2s;
	  -ms-animation: animationFrames ease 2s;
}
.removeUser{
	background-image: url("../images/user_add.png");
	animation: animationFramesRemove ease 2s;
	 -webkit-animation: animationFramesRemove ease 2s;
	 -moz-animation: animationFramesRemove ease 2s;
	  -o-animation: animationFramesRemove ease 2s;
	  -ms-animation: animationFramesRemove ease 2s;
}

.check{
	background-size: 35px;
	height: 50px;
	animation-iteration-count: infinite !important;
	width: 50px;
	top: -60px;
	position: relative;
	z-index: 99999;
	left: 28px;
	background-repeat: no-repeat;
}
.checkAdd{
	background-image: url("../images/user_check.png");
	animation: animationCheckBox ease 2s;
}
.checkRemove{
	background-image: url("../images/user_check_remove.png");
	animation: animationCheckBoxRemove ease 2s;
	top: -60px;
	left: 23px;
}

.loaderText{
	animation: animationLoaderText ease 0.5s;
	animation-iteration-count: infinite;
	position: fixed;
	font-weight: bold;
	color: #fff;
	z-index: 99999;
	width: 100%;
	text-align: center;
	left:0px;
	margin-top: -40px;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

@keyframes animationLoaderText{
  0% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
	transform:  translate(0px,0px);
  }
}


@keyframes animationCheckBox{
  0% {
    opacity:0;
    transform:  translate(35px,0px)  ;
  }
  30% {
    opacity:0;
    transform:  translate(0px,0px)  ;
  }
  50% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
    transform:  translate(-35px,0px)  ;
  }
}


@keyframes animationCheckBoxRemove{
  0% {
    opacity:0;
     transform:  translate(-35px,0px)  ;
  }
  30% {
    opacity:0;
    transform:  translate(0px,0px)  ;
  }
  50% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
  	transform:  translate(35px,0px)  ;
  }
}



.element-animation{
 
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
 
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
 
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
 
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}

@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(35px,0px)  ;
  }
  50% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
    transform:  translate(-35px,0px)  ;
	background-image:url("../images/user_add.png");
  }
}

@keyframes animationFramesRemove{
  0% {
    opacity:0;
    transform:  translate(-35px,0px)  ;
  }
  50% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
  100% {
    opacity:0;
    transform:  translate(35px,0px)  ;
	background-image:url("../images/user_remove.png");
  }
}

/*-----------------  Loader --------------*/


.lineLoader div {
  width: 12px;
  height: 12px;
  position: absolute;
  background-color: #ccc;
  top: 45%;
  border-radius: 50%;
}

.lineLoader div:nth-child(1) {
  background-color: #FF6900;
  animation: move 2s infinite cubic-bezier(.2,.64,.81,.23);
  -webkit-animation: move 2s infinite cubic-bezier(.2,.64,.81,.23);
}
.lineLoader div:nth-child(2) {
  background-color: #FF9e1b;
  animation: move 2s 150ms infinite cubic-bezier(.2,.64,.81,.23);
}
.lineLoader div:nth-child(3) {
  background-color: #FFCD00;
  animation: move 2s 300ms infinite cubic-bezier(.2,.64,.81,.23);
}
.lineLoader div:nth-child(4) {
  background-color: #FBD872;
  animation: move 2s 450ms infinite cubic-bezier(.2,.64,.81,.23);
}


@-webkit-keyframes move {
  0% {left: 0%;}
  100% {left:100%;}
}
@keyframes move {
  0% {left: 0%;}
  100% {left:100%;}
}


/* --------- Regular Content Page -------------*/
.page h3{
	margin-left:0px;
	margin-right:0px;
}
.page .content{
	margin-left:15px;
	margin-right:15px;
}
.page h3 ~ p {
    margin-left: 15px;
    margin-right: 15px;

}


/*Ticket Information change*/

.collapsible_tickets {
	background-color:#e5e2e0 !important;
	width:100%;	
	box-shadow: 3px 3px 10px rgba(0,0,0, 0.2);
	border-radius:0px;
}
.collapsible_tickets .panel-heading{
	background-color:#e5e2e0 !important;
	border-bottom: 1px solid #005eb8 !important;
}
.collapsible_tickets .panel-title{
	padding: 5px 15px;
	font-weight:bold;
	outline:0;
}
.collapsible_tickets .panel-body{
	padding:0 15px;	
}

.panel-title .ticketArrow{
	float:right;
	width: 10px;
	height: 20px;
	background-repeat: no-repeat;
	opacity:0.7;
	margin-top: 4px;
}
.panel-title[aria-expanded="false"] .ticketArrow{
	background-image: url("../images/caret-up-solid.svg");
}
.panel-title[aria-expanded="true"] .ticketArrow{
	background-image: url("../images/caret-down-solid.svg");
}

form > .form-type-jhu-webform-ticket-new{
	float: left;
	padding-bottom: 15px !important;
}
.ticketItemBox-ODD{	/*ODD*/
	clear:left;
	width: 50%;
}
.ticketItemBox-EVEN {	/*EVEN*/
  	clear:right;
	width: 50%;
}
.ticketItemBox-Single{
	width: 100%;
}
.hiddenTicketElements{
	position:absolute;
	top:0;
	left:0;
}
.ticketTable {
    margin-bottom: 0px;
}
@media (max-width: 992px){
	form > .form-type-jhu-webform-ticket-new{
		width:100%;
	}
	td.ticketType {
			white-space: unset !important;
	}
}
@media screen and (max-width: 640px) {
	td.ticketType, td.ticketPriceWrapper{
		width:100%;
		border: 0 !important;
	}
	td.ticketType, td.ticketPriceWrapper{
		display:inherit !important;
	}
	.amountPrefix.ticketPricePrefix{
		padding-left:0px !important;
	}
	.ticketPrice.Free {
		width: calc(100% - 50px);
		padding-left:0px !important;
	}
	.ticketItemRow:not(:last-child) {
		border-bottom:1px solid #b4b2ad;
	}
}