body,table
{
    font-family:
        Ubuntu,
        Arial,
        Roboto,
        system,
        BlinkMacSystemFont,
        "Segoe UI",
        "Helvetica Neue",
        "Noto Sans",
        "Liberation Sans",
        sans-serif,
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoj";

    color:#333333;
    font-weight:400;
}

/* =============================== LANDING ==================== */

div.landing-subheader
{
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;

	color:#ffffff;
	background:#343a40;
}
body.events div.landing-header
{
    display:none;
}
div.landing-header
{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;

	color:#999999;
	background:#ffffff;
}
div.search-form div.col.searchProp
{
    margin-bottom:1rem;
}
div.result
{
    line-height:1.3;
    color:#676767;
}
div.result span
{
    display:block;
}
div.result span.result-label
{
    display:inline;
}
div.result .result-title
{
    text-transform:lowercase;
    text-transform:capitalize;
    color:black;
    font-size:1.5rem;
}
div.result .result-subtitle
{
    font-size:1rem;

}
div.result span.result-host
{
    font-size:90%;
}
div.result .result-date,
div.result .result-venue
{
    font-size:.9rem;
}
div.result button.result-book-now,
.btn.btn-md

{
	color:#ffffff;
	background:#002b73;
    font-size:1rem;
    width:100%;
    margin:auto;


}
form#searchForm
{
    margin-bottom:2rem;
}
.card-footer
{
    border-top:0;
}

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

	div.result
	{
	    width:100%;
        height:auto;

        padding:12px;
	}
	div.result a.result-book-now
	{
        position:relative;
        bottom:0;
    }
}

div.search-alert
{
    margin-top:2rem;
    text-align:center;
}

textarea.form-control
{
    height:6rem;
    font-weight:300;
}
div.modal-body textarea.form-control
{
    /*    font-size:80%; */
}

/* =============================== EVENT ==================== */

div#stepOne,
    div.backLink,
    div#mobile-book
{
    display:none;
}

div#infoPanel
{
    margin-top:2rem;
}
/* Ticket Panel */

div.ticket-panel div.ticket-panel-button span
{
    width:100%;
}
div.ticket-panel span.sold-out
{
    color:#ffffff;
    background:#002b73;
    position:absolute;
    display:inline-block;
    opacity:1;
    width:60px;
    margin-left:30px;
    margin-top:20px;
    height:60px;
    border-radius:50%;
    text-align:center;
    vertical-align:middle;
    padding:10px 5px 5px 5px;
    text-transform:uppercase;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
}

div.panel
{
    text-align:left;
    padding:7px;
    line-height:1.3;
}
div.panel-section span
{
    display:block;
}
div.panel-section span.inline

{
    display:inline-block;
}
div.ticket-panel-button
{
    margin-bottom:10px;
}
div.panel div.panel-section,
.modal-panel-message
{

    padding:7px 10px;

    border-radius:5px;
    margin-bottom:10px;
}
div.panel.current-booking-panel div.panel-section
{
    background:none;
}
div.panel div.panel-section.ticket-panel-message,
.modal-panel-message
{
    background:#DCE9F2;
}
div.panel-section span.ticket-panel-heading
{
    font-weight:bold;
    display:inline;
}
span.ticket-panel-item.item-name,
.panel .item-title
{
    font-weight:bold;
    font-size:1rem;
}
span.ticket-panel-item.ticket-description,
        .panel .panel-item.description
{
    padding:10px 0;
    font-size:90%;

}
div.panel-section span span.ticket-price,
div.panel-section span span.panel-plus-gst
{
    display:inline-block;
}
span.ticket-panel-item.ticket-name span.panel-plus-gst
{
    font-weight:normal;
    font-size:75%;
}
span.ticket-panel-item.payment-methods
{
    margin-top:1em;
}
span.ticket-panel-dates
{
    font-size:80%;
}
.ticket-panel-message, .ticket-panel-item.tickets-remaining,.panel-item.sub
{
   font-size:80%;
}
/* =============================== EVENT ==================== */
/* Event Header section */
div.social-media-container
{
    display:none;
}

div.event-title-container,div.event-details
{
    padding:10px 0;
}
span.event-title
{
    font-size:180%;
    font-weight:normal;
}
span.event-subtitle
{

}
div.event-title-container span,
div.event-details  span.event-details-item
{
    display:block;
}
div.event-details
{
    padding-left:20px;
}
div.event-details  span.event-details-label
{
    font-weight:bold;
    display:inline-block;
    width:4.5em;

}
div.ticket-control.hint-small
{
    display:none;
}
div#holderSection.section-content div.section-content-wrapper
{
    width:60%;
}
div.section-content#detailsSection div.section-content-item-header
{
    margin-left:-2rem;
}

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


	div.event-header
    {
	  margin-top: 1rem;
	  margin-bottom: 1rem;
	}
    div#mobile-book
    {
        display:block;
        width:100%;
        margin:1.5rem auto;
    }
    div#mobile-book *
    {
        width:100%;
    }
    div#ticketSection.section-content div.section-content-wrapper,
    div#detailsSection.section-content div.section-content-wrapper
    {
        width:100% !important;
    }
    div.section-content#detailsSection div.section-content-item-header
    {
        margin-left:0;
    }
    div#accountLogin
    {
        margin-top:-2rem;
    }
	div.event-details
	{
	    padding-left:0px;
	}
	div.event-details span.event-details-label
    {
        display:none;
    }
	div.event-details span.event-details-subvalue
    {
        font-size:.8em;

    }
    div.event-header
    {
        margin-top:0;
        margin-bottom:0;
    }

    div#holderSection.section-content div.section-content-wrapper
    {
        width:100%;
    }
    div.step .ticket-header
    {
        margin:0;
    }
}

/* =============================== EVENT ==================== */

div#eventDescription h1,
div#eventDescription .h1
{
    font-size:24px;
    font-weight:normal;
}



div.content-event div.warnings
{
    width:75%;
    padding:20px;
    margin-bottom:20px;
}
div.section-container
{
    text-align:center;
    margin:auto;
}
div.section-content
{
    margin-top:2em;
}
div.section-content#ticketSection
{
    margin-top:0;
}
div.section-content div.section-content-wrapper
{
    display:block;
    text-align:left;
    margin:auto;
}
div.section-head
{
    text-align:left;
    padding:8px;
    font-size:120%;
    background:#DCE9F2;
    color:white;
        background:        #4285F4;
    margin:1.5rem 0;
}
div.section-head-instructions
{
    text-align:left;
}
div.section-subhead
{
    padding:15px;
    font-size:120%;
    background:#DCE9F2;
}

div.section-content div.section-content-item
{
    margin-bottom:1.5rem;
}
div.section-content div.section-content-item-header
{
    font-size:120%;
    color:#006CB2;
    margin:2rem 0 2rem 0;
}
.hint-sm
{
    text-align:center;
    font-size:75%;
    color:#999;
}
div.data-table
{
    white-space:nowrap;
    margin-bottom:15px;
}
div.data-table div
{
    display:inline-block;
}
div.data-table div.ticket
div.data-table div.ticket-controls,
div.data-table div.ticket-control
{
    height:100%;
    vertical-align:top;
}
div.data-table div.ticket-controls
{

    float:left;
    margin-top:.5rem;
    margin-right:2rem;
}

.hint-small
{
    display:none;
}
.btn-primary
{
        background#006CB2;
}
div.data-table div.ticket
{
    white-space:normal;
    background:#fff;
    /*     border:1px solid #006CB2;*/
    padding:7px 10px;
    border-radius:5px;
    text-align:left;
    width:80%;
}#006CB2
div.data-table.head div.ticket
{
    border:none;
}
div.data-table div.ticket span.ticket-name,
span.ticket span.ticket-name
{
    font-weight:bold;
}
div.data-table div.ticket span.ticket-price
{

}
div.data-table div.ticket span.ticket-remaining,
div.data-table div.ticket span.ticket-units
{
    font-size:80%;
    display:block;
}
div.data-table div.ticket span.ticket-sessions
{
    display:block;
}
div.data-table div.ticket span.ticket-description
{
    font-size:80%;
    display:block;
    color:#999;
}
div.data-table.ticket-totals
{
    text-align:center;
}

div.data-table.ticket-totals span
{
    display:inline-block;
    min-width:10%;
}
div.current-booking-panel
{
    padding-top:3rem;
}
div.current-booking-panel div.ticket-display span.num
{
    width:40% !important;
}
div.current-booking-panel div.ticket-display span.currency
{
    width:40% !important;
    text-align:right;
}
div.current-booking-panel div.ticket-display span.label
{
    text-align:right;
}

div.current-booking-panel div.ticket-displays
{
    padding:1rem 0;
}

/* ========================= CONFIRM PAGE ==================== */

table.ticket-table td.cost-label
{
    text-align:right;
}
table.ticket-table td.currency
{
    white-space:nowrap;
}
table.ticket-table td.holder span
{
    display:block;
}








/* =============================== UTIL ==================== */
nav.navbar
{
    /* main toppermost nav bar */
    background:white;
}
div#navbar1
{
    margin-left:3rem;
}
label
{
    cursor:pointer;
}
#detailsSection p
{
    margin:0;
}
#detailsSection #ticketsSection p
{
    margin-bottom:1rem;
}
div.status-message,
    span#lmsg
{

    color:#4285f4;
    display:block;
    width:100%;
}

table td.limit
{
    max-width:4rem;
}

a,
a:not([href]):not([tabindex])
{
    color:#002b73;
}
a:hover,
    a:not([href]):not([tabindex]):hover
{
     color:#143e82;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.button-panel
{
    text-align:center;
    margin:4rem auto;
}
.button-panel input.btn
{
    min-width:7rem;
    margin-right:2rem;
}
#termsButtonPanel
{
    display:none;
}
@media screen and (max-width: 768px){
	.button-panel input.btn {

	  margin-right:0;
	}
	div.data-table div.ticket-controls
	{
	    margin-right:1rem;
	}

    body.users .container-lg.body-container,
    body.users .container-lg.user-nav-container,
    body.users .container-fluid.nav

     {
         padding-left:0px;
         padding-right:0px;
         /*
         margin-left:-15px;
         margin-right:15px;
         */
     }

    div#navbar1
    {
        margin-left:0;
    }
}
.has-util span.waves-input-wrapper
{
    float:right;

}

div#bookingAuth,div.bookingPopup
{
    display:none;
}
/* hack google date sel etc */
div.md-form.datepicker.date-container
{
  width: 200px !important;
}
div.md-form.datepicker, .md-form.md-outline.datepicker
{
  margin-top: 0;
  width: 150px;
  margin-bottom: 0;
}
div.form-group input.fdate
{
  width: 150px;
  height: calc(1.5em + .75rem + 2px);
  color: #495057;
}
div.select-wrapper.i-code input, .md-form input[type="text"]:not(.browser-default), .md-form.icode input[type="text"]:not(.browser-default)
{
  border-left: 1px solid #ced4da;
  padding-left: 5px;
  border-top: 1px solid #ced4da;
}

/* ethnicity multi sel (bootstrap-select) */
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{
  width: 100%;
}
div.bootstrap-select .btn
{
    margin:0;
    padding:0;
  text-transform: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 1rem;
  color: #495057;
}
.btn.dropdown-toggle
{
  background: white !important;
  padding: 8px;
  border: 1px solid #ced4da;
}


.md-form.md-outline .input-prefix
{
    color: #002b73;
}
div#ajax-wrap
{
	position: fixed;
	display:none;
    right: 50%;
    top: 50%;

    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         transform: translateY(-50%);
		 z-index:1499;
}

div#ajaxBusy {

	display:none;
	margin:auto;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);

width: 60px;
height: 60px;
border-radius: 50%;
background:white;
box-shadow: 6px 6px 4px #888888;
text-align:center;
border:1px solid #ccc;

z-index:1500;
}


div#ajaxBusy img {
position:relative;
top:10px;
z-index:1501;
}


/* ======================== ATTENDEE FILE UPLOAD =============================== */
div.custom-upload-box
{
    display: inline-block;
	padding:8px;
	width:100%;
	border: 1px solid #cccccc;
	border-radius:5px;
}
label.custom-upload-box
{
	cursor:default;
    width:100%;
}
span.custom-upload-button
{
}
span.custom-upload-notes
{
	display:inline-block;
	padding:0px 10px 0px 5px;
}

.tooltip-inner
{
    /* override bootstrap.css */
    color:white;
    background:#006CB2;

}
.tooltip .arrow
{
    display:none;
}

/* ========================= USER PAGES ============================ */
div#userEventsForm.listing-form
{
    padding-top:40px;
}
.nb
{

    color:#999 !important;
}
div#userEventsForm div.section-content-wrapper
{
    margin:auto;
    text-align:left;
}

/*
div.listing-form-header
{
    width:90%;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:20px;
}
*/
body.logged img#main-banner
{
    display:none;
}
.classic-tabs .nav
{
    border-radius:0;
}
classic-tabs .nav li a
{
    padding:10px 24px;
}
div.classic-tabs.submenu ul.tabs /* book */
{

}
div.classic-tabs.submenu
{
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
border-radius:0;

}
.classic-tabs.submenu .nav li a
{
    padding:5px 8px;
    color:#002b73}
@media screen and (max-width:576px){
div.status-message
{
    padding-top:.2rem;
}
    /*
	div.listing-form-header
	{
	    width:100%;
	}
    */
}
div#userEventsForm div.booking
{
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);


  -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
  box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);

    margin-bottom:2rem;

}
div#userEventsForm div.booking .panel
{
    padding:10px;
}
div#userEventsForm div.booking .attendees.panel
{
    padding:20px;
}
div#userEventsForm div.ticket
{/*
    background: linear-gradient(#DCE9F2, #ffffff);
         background:#DCE9F2; */
}
div#userEventsForm div.ticket div.ticket-name,
div.modal-br-title
{
    font-size:120%;
    color:#002b73;

}
div#userEventsForm div.ticket div.ticket-name.sub,
div.modal-br-heading
{
    font-size:100%;
    color:#002b73;
    padding-bottom:1rem;
}
div.modal-br-heading span.label
{
    /* popups in user section */
    display:inline-block;
    width:30%;
    white-space:nowrap;
}
div.modal-body table
{
    width:100%;
    margin:1rem auto;
}
div.modal-body table td
{
    font-size:80%;
}
.lcolumn
 {
    text-align:center !important;
 }
input.fchk[type="checkbox"]:not(:checked):not(.form-check-input),
input.fchk[type="checkbox"]:checked:not(.form-check-input)
{
    position:inherit;
    opacity:1;
    pointer-events:inherit;
}
div.modal-body table td.lcolumn,
{
    text-align:center !important;
}
div.modal-br-subheading
{
    color::#333333;
    font-size:100%;
    padding-bottom:0;
}
div.br-modal div.page-source
{
    margin-top:.5rem;
    font-size:80%;
}
div.br-modal div.page-source p
{
    margin-bottom:.5rem;
}
@media screen and (max-width:768px){

    body.events	div.container-lg.content-container,
        body.user-contacts	div.container-lg.content-container,
        body.user-contact	div.container-lg.content-container,
        body.user-bookings	div.container-lg.content-container,
        body.event.unlogged	div.container.content-container,
        body.user-profile	div.container-lg.content-container
	{
        	    padding-left:0px;
	    padding-right:0px


	}
	div.container#event-img-header
	{
		    padding-left:0px;
		    padding-right:0px
	}
	body.event.not(.events) div.container-lg.content-container
	{
	    padding-left:15px;
	    padding-right:15px;
	}

	div#modalCancelForm .modal-body
	{
	    padding-left:0;
	    padding-right:0;
	}

}
.bootstrap-select .dropdown-menu li a span.text
 {
     white-space:break-spaces;
 }
 #modalHelpForm div.bootstrap-select .btn,
#modalHelpForm  .dropdown .dropdown-menu .dropdown-item,
#modalHelpForm .bootstrap-select .dropdown-toggle .filter-option-inner-inner

 {
     font-size:.8rem;
 }


div#userEventsForm div.panel div.ticket-date
{

}
div#userEventsForm div.ticket div.bidf
{
    padding:5px;
    border-radius:5px;
    border:1px solid #ccc;
    background:white;

    float:right;
}
div#userEventsForm div.ticket span.more
{
    float:right;
    font-size:90%;
    display:inline-block;
    margin-left:2rem;

}
div#userEventsForm div.ticket div.ticket-booked
{

    font-size:80%;
}

div#userEventsForm a
{
    color:#002b73;
}
div#userEventsForm div.controls span.action-head,
    .md-tabs .nav-link.active,
    .nav-fill .nav-item .action-head
{
    display:inline-block;
    width:6rem;
    text-transform:uppercase;
}
.md-tabs .nav-item.action-head a.nav-link.active
{
    width:7rem;
    padding:.5rem 0;
}
/*
div#userEventsForm div.controls .actions .action
{
   display:inline-block;
    min-width:6rem;
    margin-right:1rem;
}
*/
.classic-tabs .nav li
{
    font-size:85%;
    line-height:1;
}

.md-tabs
{
     -webkit-box-shadow:none;
     box-shadow:none;
     border-top:1px solid rgba(0,0,0,0.15);
}
div#userEventsForm ul.action-list li.action a:hover
{

    color:#002b73;
    text-decoration:underline;
}
li.action-head
{
    color:black;
}
.hidden
 {
     display:none !important;
 }
/*=====================================================
CONTACT LISTING & EDIT
 ===================================================== */
.mobile-only
 {
     display:none !important;
 }
body.user-contacts div.section-head-instructions
{
    padding:30px;
}
body.user-contacts div.ticket-panel-button
{
    margin-top:1rem;
}
/*
body.user-bookings div.event-header,
body.user-contact div.event-header,
body.user-contacts div.event-header
    */

body.event div.event-header,
body.users div.event-header
{
    margin-top:2rem;
    margin-bottom:2rem;
}
body.user-contacts div.event-header,
body.events div.event-header
{
    margin-bottom:0;
}

body.user-contacts table#contacts-table
{

    margin:auto;
}
body.user-contacts table#contacts-table thead
{
    background:#4285f4;
    color:white;
}


body.user-contacts table#contacts-table td.lcolumn
{

}
body.user-contacts table#contacts-table  td
{
    border-top:1px solid #17a2b8;
    padding-top: 8px;
    font-weight: 400;
    font-size: .9rem;
    padding:12px 8px 12px 0px;
}
body.user-contacts table#contacts-table  thead td
{
    padding:3px 8px 3px 0px;
}


#userContactForm,
#userEventsForm
{
  width: 90%;
  margin: auto;
}

#userContactForm input.fmtxt,
#userContactForm textarea.fmtxt,
#userContactForm select.custom-select.fsel,
#loginSection input.fmtxt,
#loginSection textarea.fmtxt,
#loginSection select.custom-select.fsel,
#detailsSection input.fmtxt,
#detailsSection input.fstxt,
#detailsSection textarea.fmtxt,
#detailsSection select.fsel,
#signUpForm input.fmtxt,
#signUpForm input.fstxt,
#signUpForm textarea.fmtxt,
#signUpForm select.fsel


{
    width:60%;
}
#holderSection input.fmtxt,
#holderSection textarea.fmtxt,
#holderSection label.form-check-label,
#holderSection select.custom-select.fsel
{
    /*    width:60%; */
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
{
  width: 60%;
}
.modal-content .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
 {
     width:100%;
 }
#userContactForm div.section-content,
#signUpForm div.section-content
{
  width: 80%;
  margin: auto;
}
#userContactForm .col-form-label,
#accountLogin .col-form-label,
#guestLogin .col-form-label,
#holderSection .col-form-label,
#signUpForm .col-form-label
{
    text-align:right;
}

#userContactForm  input.fstxt,
#loginSection  input.fstxt
{
  width: 165px;
}
#signUpForm input.fstxt
{
    width:200px;
}
.form-control.i-code, .form-control.ph {
  display: inline-block;
}
.form-control.i-code {
  width: 6rem;
}

@media screen and (max-width: 768px){
	.mobile-only
	 {
	     display:block !important;
	 }
	body.events div.event-header
	{
	    margin-bottom:1rem;
        margin-top:1rem;
	}
	.classic-tabs .nav li a
	{/*
	    padding:20px 24px;
	    padding:10px 10px;
     */
	}
	#userEventsForm,
    #holderSection
	{
	  width: 100%;
	}
    #signUpForm,
    #userContactForm,
    #userContactForm div.section-content
    {
        width:95%;
    }
	#userContactForm .col-form-label,
	#loginSection .col-form-label,
	#holderSection .col-form-label,
    #signUpForm .col-form-label
	{
	    text-align:left;
	}
    body.user-contacts div.section-head-instructions
    {
        padding:10px;
    }

	body.user-contacts table#contacts-table
	{
	    width:100%;
	}
	body.user-contacts table#contacts-table thead,
	body.user-contacts table#contacts-table tr,
	body.user-contacts table#contacts-table td
	{
	    display:block;
	}
    body.user-contacts table#contacts-table td.chk
    {
        display:none;
    }
	body.user-contacts table#contacts-table thead
	{
	    display:none;
        background:none;
	}
	body.user-contacts table#contacts-table tr
	{
	border-top: 1px solid #ccc;
	    margin-bottom:2rem;
	    box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
	    min-height:2rem;
	    padding:10px;
	}

    body.user-contacts table#contacts-table  td
    {
        border:0;
        padding: 4px 8px 4px 0px;
	}
	body.user-contacts table#contacts-table  td.name
	{
	    font-weight:bold;
	    font-size:120%;
        margin-top:-1.6rem;
	}
	#userContactForm input.fmtxt,
    #userContactForm textarea.fmtxt,
    #userContactForm select.custom-select.fsel,
	#loginSection input.fmtxt,
    #loginSection textarea.fmtxt,
    #loginSection select.custom-select.fsel,
	#signUpForm input.fmtxt,
    #signUpForm textarea.fmtxt,
    #signUpForm select.custom-select.fsel

	{
	    width:100%;
	}
	.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn)
	{
	  width: 100%;
	}

	.lcolumn.edit
	 {
	    text-align:right !important;
	 }
    .ticket-panel-button span.waves-input-wrapper.bottom
     {
         width:100%;
     }
	#userContactForm  input.fstxt,
	#loginSection  input.fstxt,
    #signUpForm input.fstxt
	{
         /* phone text field */
        width: 13rem;
	}
    div.bootstrap-select .btn.dropdown-toggle
    {
        padding:.4rem 2.14rem .4rem 2.14rem;
    }

}
/*=====================================================
PROFILE
 ===================================================== */

#userContactForm div.section-content-item-header,
div.step .ticket-header
{
    margin:2rem 0 1rem 0rem;
    border-bottom:1px solid #006CB2;
        padding-left:2rem;
        padding-bottom:1rem;
}
div.step .ticket-header
{
    margin:2rem 0 3rem 0rem;
}
#userContactForm div.section-content-item-header.not-first
{
    margin:4rem 0 2rem 0rem;

}
body.events div.search-form
{
    width:100%;
    margin-top:2rem;
}
body.events div#searchResultContainer
{
    margin-top:3rem;
}

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

	#userContactForm div.section-content-item-header
	{
	    margin:2rem 0 2rem 0rem;
        border-bottom:none;
        padding-left:0;
	}
	body.events div.search-form
	{

	    margin-top:0rem;
	}
    body.events div#searchResultContainer
    {
        margin-top:0rem;
    }
}
/*
div.search-form div.searchProp
{
    padding-top:0px;
}
*/
/* =============================== LOGIN ==================== */
div#loginSection
{
    width:80%;
}
div#loginSection .button-panel
{
    margin-top:2rem;
}

div.step .form-check-input[type="checkbox"] + label
 {
     height:inherit;
     line-height:inherit;
 }
#ticketDisplayTable tr.item td
{
    padding-bottom:10px;

}
#ticketDisplayTable  td.price,
#ticketDisplayTable  td.currency
{
    min-width:6rem;
    text-align:right;
}
#ticketDisplayTable  td.cost-note,
#ticketDisplayTable  td.cost-label
{
    font-size:.8em;
    text-align:right;
}
#ticketDisplayTable span.attendee,
#ticketDisplayTable  td.total
{
    font-weight:bold;
}
@media screen and (max-width: 768px){
	div#loginSection
	{
	    width:100%;
	}
    div#accountLogin   .col-form-label
    {
        display:none;
    }

    div#loginSection   .forgot
    {
        font-size:.8em;
        margin-left:3rem;

    }
    body.public div#footerContent
    {
        width:100%
            }
}

/* =============================== TERMS ==================== */

div#termsModal h2
{
    font-size:1.6rem;
}
div#termsModal h3
{
    font-size:1.2rem;

}
div#termsModal h2#termsModalTitle
{
    color:#002b73;
}
/* =============================== FOOTER ==================== */

body.public div#footerContent,
body.public div#footerContent p
{
    text-align:center;
    font-size:.8em;
    color:#454545;
    padding:1rem;
}
body.public div#footerContent p.eventFooter
{
   font-size:1.3em;
}