/* Event block */
.event-block {
	-webkit-border-radius: 4px;
	        border-radius: 4px;
	cursor: pointer;
	height: 12rem;
	width: 100%;
	max-width: 42rem;
	display: inline-block;
    position: relative;
	vertical-align: top;
	background: #fff;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03), 1px 0 1px rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
     -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03), 1px 0 1px rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
          box-shadow: 0 0 3px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03), 1px 0 1px rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
}

.event-block .hyperlink {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.event-block:hover {
	background: #f7f7f7;
}

.event-block .calendar-block {
	float: left;
	background: #0089c8;
	color: #fff;
	width: 12rem;
	height: 100%;
	padding: 2.5rem 0.5rem;
	text-align: center;
	-webkit-border-radius: 4px 0 0 4px;
	        border-radius: 4px 0 0 4px;
}

.event-block .calendar-block p.calendar_date {
	font-size: 1.8rem;
	font-weight: bold;
}

.event-block .event-details-block {
	text-align: left;
	overflow: hidden;
	width: auto;
	height: 100%;
	position: relative;
}

.event-block .event-details-block p.event_name {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #0089c8;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 1rem;
}

.event-block .event-details-block div.event_details_extra {
	position: absolute;
	bottom: 1rem;
	padding: 0 1rem;
	width: 100%;
}

.event-block .event-details-block div.event_details_extra p {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

@media only screen and (max-width: 32em) {
	.event-block {
		height: 9rem;
	}
	.event-block .calendar-block {
		width: 9rem;
		padding: 1rem 0.5rem;
	}
	.event-block .event-details-block p.event_name {
		padding: 0.5rem;
		font-size: 1.3rem
	}
	.event-block .event-details-block div.event_details_extra {
		padding: 0 0.5rem;
	}
	.event-block .event-details-block div.event_details_extra p {
		line-height: 1.5rem;
	}
}

/* End event block */

/***** Start events list page *****/
#events_page {
	text-align: center;
}

#events_page div.event-column {
	text-align: center;
}

#events_page div.event-block {
	margin-bottom: 2rem;
}

#events_page #past_events {
	margin-top: 5rem;
}

#events_page #past_events .event-block .calendar-block {
	background: #a3a3a3;
}

#events_page #past_events .event-block .event-details-block p.event_name {
	color: #838383;
}

#events_page #past_events #past_events_heading {
	margin-bottom: 2rem;
}

#events_page #past_events #past_events_heading span {
	font-size: 1.5rem;
}

#events_page #past_events #past_events_heading #past_events_year_select {
	width: 10rem;
	margin-left: 2px;
}

/***** End events list page *****/

.event-app-manager {
	background-color: #F5F5F5;
	display: inline-block;
	width: 100%;
}

.event-app-manager .event-header-btn {
	margin-top: 2.5rem;
	min-width: 20rem;
	padding: 1.4rem;
}

.event-app-manager .event-forward-btn {
	background-color: #00A652;
	transition: box-shadow 0.2s, background-color 0.2s;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	-moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	-o-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.event-app-manager .event-forward-btn:hover {
    box-shadow: 0 5px 23px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 5px 23px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 23px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0 5px 23px 2px rgba(0,0,0,0.2);
    transition: box-shadow 0.2s,background-color 0.2s;
    background-color: #19ad62;
}

.action-btn.event-header-btn.color-btn.event-forward-btn:active {
    background-color: #00a652;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    -o-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
    transition: none;
}

.event-app-manager .event-back-btn {
	background-color: rgba(0, 0, 0, 0.81);
	border: 1px solid rgba(255, 255, 255, 0.23);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
    transition: box-shadow 0.2s, background-color 0.2s;
}

.event-app-manager .event-back-btn:hover {
    box-shadow: 0px 5px 23px 2px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 5px 23px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 23px 2px rgba(0,0,0,0.2);
    -o-box-shadow: 0px 5px 23px 2px rgba(0,0,0,0.2);
    background-color: #000;
    transition: box-shadow 0.2s, background-color 0.2s;
}

.event-app-manager .event-back-btn:active {
    background-color: rgba(0, 0, 0, 0.81);
    box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);
    -webkit-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);
    -o-box-shadow:0px 4px 8px 0px rgba(0,0,0,0.2);
    transition:none;
}

.event-app-manager #hero-section {
	display: inline-block;
	position: relative;
}

.event-app-manager .bg-image {
	width: 100%;
	height: 30rem;
    background-size: cover;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}

.event-app-manager .bg-image .bg-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}

.event-app-manager .bg-color {
	position: absolute;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.60) 100%);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.60) 100%);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.60) 100%);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.60) 100%);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.event-app-manager #event-detail-container {
	max-width: 120rem;
	position: absolute;
	bottom: 3rem;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0 1.5rem;
	color: #ffffff;
}

.event-app-manager #event-detail-container #event-back-action {
    display: none;
    color: #FFFFFF;
}

.event-app-manager #event-detail-container #event-name {
	font-size: 3rem;
	font-weight: 500;
	text-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.event-app-manager #event-detail-container .event-extra-block {
	display: inline-block;
	margin-right: 2rem;
	font-size: 1.5rem;
	font-weight: 300;
}

.event-app-manager #event-detail-container .event-extra-block .detail-icon {
	margin-right: 0.5rem;
}

#event-detail-page #event-cards-container {
	padding: 2rem 0;
	max-width: 120rem;
}

#event-detail-page #event-detail-card .card-text *,
#event-detail-page #event-address-card #event-venue-address * {
    font-family: inherit !important;
    word-break: break-word !important;
}

#event-detail-page #event-comments-card {
	padding: 2rem 3.5rem;
}

#event-detail-page #event-address-card {
	padding: 1rem;
}

#event-detail-page #event-address-card iframe {
	width: 100%;
}

#event-detail-page #event-address-card div#event_venue_map {
    border-radius: 0.5rem !important;
    border: 1px solid #ffffff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
    -o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2);
}

div.event-app-manager div.card.gallery-card .card-block{
    padding: 1rem 2rem 1.2rem 2rem;
}

#event-detail-page #event-attendees-card .card-block {
    position: relative;
}

#event-detail-page #classmate-attendees .photo:nth-child(n+9),
#event-detail-page #other-attendees .photo:nth-child(n+9) {
	display: none;
}

#event-detail-page #event-attendees-card .photo {
    border: 1px solid #ffffff;
}

#event-detail-page #event-attendees-card .photo:hover {
    opacity: 0.85;
    box-shadow: 0 2px 3px -1px rgba(0,0,0,0.35);
}

#event-detail-page #event-attendees-card .view-all {
    position: absolute;
    bottom: 1.3rem;
    width: 9rem;
    right: 2rem;
    text-align: center;
    font-weight: 500;
    color: #702067; /* Primary Color */
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
}

#event-detail-page #event-attendees-card .tooltip {
	top: 0;
	left: 50%;
	padding: 0.5rem;
	text-align: center;
	width: 10rem;
	margin: -5rem;
}

#event-detail-page #event-attendees-card .tooltip.down {
    margin: -3.5rem -5rem;
}

#event-detail-page #event-attendees-card .tooltip:after {
	content: "\f0d7";
	font-family: 'FontAwesome';
	left: 50%;
	margin: 0 -0.5rem;
	font-size: 1.7rem;
	position: absolute;
	bottom: -1.25rem;
	color: rgba(0,0,0,0.85);
}

#event-detail-page #event-attendees-card .tooltip .tooltip-title {
	font-size: 1.1rem;
	width: 9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 0.2rem;
}

#event-detail-page #event-attendees-card .tooltip span {
	font-size: 1rem;
}

#event-detail-page #event-attendees-card .photo:hover .tooltip {
	display: block;
}

#event-detail-page #event-gallery-card .photo {
	width: 5rem;
	height: 5rem;
    cursor: pointer;
    border: 1px solid #ffffff;
    transition: box-shadow 0.1s;
}

#event-detail-page #event-gallery-card .photo:hover {
    transition: box-shadow 0.2s, border 0.2s;
    opacity:0.85;
}

#event-detail-page #event-social-card {
	background-color: transparent;
	box-shadow: none;
	text-align: center;
}

#event-gallery-modal {
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    max-width: none;
    height: 100%;
    padding: 0;
    top: 0;
    overflow: hidden;
    position: fixed;
    border: none;
}

#event-gallery-modal .slide {
    margin: 0 auto;
    background-size: contain;
    background: no-repeat center center;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

#event-gallery-modal .close-reveal-modal {
    position: absolute;
    top: 0;
    right: 0.5rem;
    padding: 1rem;
    display: inline-block;
    color: #ffffff;
    font-size: 3rem;
    z-index: 2;
}

#event-gallery-modal a.slick-nav {
    position: fixed;
    top: 48%;
    color: #ffffff;
    font-size: 3rem;
    padding: 0.5rem 1.5rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 0.4rem;
}

#event-gallery-modal a.slick-prev {
    left: 2rem;
}

#event-gallery-modal a.slick-next {
    right: 2rem;
}

#event-tickets-container,
#event-register-container,
#event-confirmation-container,
#event-attendees-page,
#event-guest-container{
    margin: 3rem auto;
    max-width: 120rem;
}

#event-leaflet-map {
    height: 180px;
    border-radius: 0.5rem 0.5rem 0 0;
}

#event-venue-link {
    position: absolute;
    bottom: 0;
    z-index: 1111;
    left: 0;
    right: 0;
    text-align: center;
    background-color: #222;
    padding: 1rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-weight: 500;
    color: #ffffff;
    border-radius: 0 0 0.5rem 0.5rem;
    line-height: 1;
}

.event-app-manager .quantity-tool .quantity-dropdown {
    display: none;
}

#event-tickets-container .ticket-quantity-box .max-user-quantity {
    display: block;
    font-size: 1rem;
	font-weight: 500;
    color: rgb(211, 54, 54);
    line-height: 1.3;
    margin-top: 0.4rem;
}

#event-tickets-container .card-discount-item .input-area[contenteditable=true]:empty:before {
    content: attr(placeholder);
    color: rgba(0,0,0,0.3);
    display: block; /* For Firefox */
}

@media only screen and (max-width: 64em) {
    #event-tickets-container .column.large-4 {
        padding: 0;
    }

    #event-cart-wrapper {
        margin-top: 2rem;
    }
}

#event-register-container #event-form-wrapper {
    padding-bottom: 4rem;
}

#event-register-container #event-form-switch {
    padding: 3rem 3.5rem 1rem 3.5rem;
}

#event-register-container #event-form-switch .switch-label {
    display: inline-block;
    float: left;
}

#event-register-container #event-form-switch .label {
	line-height: 1;
    padding: 0.7rem 0;
    display: inline-block;
    float: left;
}

#event-register-container .custom_form_items > li {
    padding: 1.5rem 3.5rem;
    margin: 0;
    max-width: 100%;
}

#event-register-container .custom_form_items > li > label {
    padding: 0;
    text-transform: none;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.4rem;
    margin-bottom: 1rem;
}

#event-register-container .custom_form_items li input[type='text'],
#event-register-container .custom_form_items li input[type='number'],
#event-register-container .custom_form_items li input[type='email'],
#event-register-container .custom_form_items li input[type='url'],
#event-register-container .custom_form_items select {
    width: 100%;
    height: 3.5rem;
    border-radius: 0.4rem;
}

#event-register-container .custom_form_items select {
    height: 4.6rem;
}

#event-register-container .custom_form input[type='submit'] {
    display: none;
}

#event-register-container .custom_form span.helptext {
    margin: 0.5rem 0 0 0.1rem;
}

#event-register-container #event-register-action-block {
    display: block;
    clear: both;
    float: none;
    text-align: right;
}

#event-register-container #event-register-action-block .action-btn {
	display: inline-block;
    margin-left: 2rem;
}

#event-register-container .profile-field-update {
	padding: 1.5rem 0 0 0;
}

#event-register-container .profile-field-update .field-update-text {
    color: rgba(0,0,0,0.5);
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

#event-register-container .profile-field-update .action-btn {
    display: inline-block;
    margin-right: 1rem;
}

#event-confirmation-container .confirmation-card-header {
    height: 20rem;
}

#event-confirmation-container #add-calender-btn {
    position: absolute;
    margin: 2rem auto 0 auto;
    left: 0;
    right: 0;
    width: 15rem;
}

#event-confirmation-container .confirmation-cart.ticket-card.header {
    border-bottom: 1px solid #E4E4E4;
    padding: 0.5rem 0 1.5rem 0;
    margin-bottom: 1rem;
}

#event-confirmation-container .confirmation-cart.ticket-card.header .title {
    color: #00A652;
}

#event-confirmation-container .confirmation-cart.ticket-card.header .title.failed {
    color: #A62600;
}

#event-confirmation-container .confirmation-cart.ticket-card.header .title i {
    margin-right: 0.7rem;
}

#event-confirmation-container .confirmation-cart.ticket-card.header #retry-transaction-btn {
    display: inline-block;
    float: right;
    margin-top: -0.5rem;
}

#event-confirmation-container .confirmation-cart.ticket-card.header .text {
    display: block;
    font-weight: 300;
    text-transform: capitalize;
    font-size: 1.2rem;
    margin: 0.5rem 0 0 2rem;
    color: rgba(0, 0, 0, 0.3);
}

#event-confirmation-container #event-contact-card .card-text {
    padding-bottom: 0;
}

/* Event Attendee Page */

#event-attendees-page .card-title .action-btn {
    display: inline-block;
    float: right;
    margin: -0.4rem 0 0 2rem;
}

#event-attendees-page #attendees-table-container {
    overflow-x: auto;
}

#event-attendees-page #attendees-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 3rem 1rem;
}

#event-attendees-page #attendees-table th {
    font-size: 1.4rem;
    font-weight: 500;
    color: rgba(0,0,0,0.7);
}

.required-field-notification {
    color: red;
}

#event-guest-container #guest-quantity-wrapper {
    display: inline-flex;
    align-items: center;
    padding: 1rem 3.5rem;
}

#event-guest-container #guest-quantity-wrapper p {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    font-size: 1.4rem;
    margin-right: 2rem;
}

#event-guest-container #guest-form-wrapper {

}

#event-guest-container #guest-form-wrapper .guest-form#guest-form-clone-item {
    display: none;
}

#event-guest-container #guest-form-wrapper .guest-form {
    padding: 1rem 3.5rem;
}

#event-guest-container #guest-form-wrapper .guest-form-title {
    font-size: 1.6rem;
    font-weight: 500;
    margin-bottom: 1.2rem;
}

#event-guest-container #guest-form-wrapper .guest-form-input {
    margin-bottom: 1.5rem;
}

#event-guest-container #guest-form-wrapper .guest-form-input label {
    display: block;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

#event-guest-container #guest-form-wrapper .guest-form-input input {
    width: 100%;
    border-radius: 0.3rem;
}

#event-guest-container #guest-form-wrapper .guest-form-input .error-msg {
    color: red;
    padding-top: 0.4rem;
    display: block;
}

#event-guest-container #event-guest-action-block {
    text-align: right;
}

#event-guest-container #event-guest-action-block .action-btn {
    display: inline-block;
    margin-right: 2rem;
}

#event-guest-container #event-guest-action-block .action-btn:last-child {
    margin-right: 0;
}

/* Event Donation CSS */

div#event-cart-wrapper .event-donation-container .card-total-item-with-gift .title {
    font-weight: bold;
    line-height: 1;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.6rem;
}

div#event-cart-wrapper .card-total-item-with-gift {
    position: relative;
}

div#event-cart-wrapper .card-total-item-with-gift .title {
    font-weight: bold;
    line-height: 1;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.6rem;
    text-transform: uppercase;
}

div#event-cart-wrapper .card-total-item-with-gift .amount-with-gift {
    font-weight: bold;
    line-height: 1;
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.6rem;
}

div#event-cart-wrapper .card-total-item-with-gift, div#event-cart-wrapper .card-total-with-gift {
    display: inline-block;
    width: 100%;
    padding: 1.5rem 0;
}

div#event-cart-wrapper .card-total-with-gift .title {
    font-weight: bold;
    line-height: 1;
    font-size: 1.4rem;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.6rem;
    text-transform: uppercase;
}

div#event-cart-wrapper .card-total-with-gift .amount-with-gift {
    font-weight: bold;
    line-height: 1;
    font-size: 2rem;
    color: rgba(0, 0, 0, 0.6);
    margin-bottom: 0.6rem;
}

div.card-total-with-gift.hide {
    display: none !important;
}

div.card-total-item-with-gift.hide {
    display: none !important;
}

div.card-total-item-with-gift .gift-remove {
    left: 10rem;
    top: 1.2rem;
    font-size: 1.4rem;
    position: absolute;
    color: #CB5150;
    display: block;
    cursor: pointer;
}

div.card-total-item-with-gift .remove-gift-label {
    color: rgba(0,0,0,0.5);
    margin-left: 5px;
}

div.card-total-item-with-gift .gift-remove.hide {
    display: none !important;
}

div.card-total-item-with-gift:hover .gift-remove {
    display: block !important;
}

div.card-total-item-with-gift .project-name {
    position: absolute;
    left: 0;
    margin: 1rem 0;
    font-size: 1.2rem;
    font-weight: 300;
    text-transform: none;
}


/* Mobile Responsiveness CSS */

@media only screen and (max-width: 32em) {
    .event-app-manager div.card .card-title {
        padding: 2rem 1.5rem;
    }

    .event-app-manager div.card .card-block {
        padding: 1rem 1.5rem;
    }

    .event-app-manager div.card .card-block .card-title {
        padding: 0;
    }

    .event-app-manager div.card li.block-text {
        margin: 0.3rem 0 0.3rem 1.5rem;
    }

    .event-app-manager div.card .block-icon {
        left: 0;
    }

    #event-detail-page #event-comments-card {
        padding: 1rem 1.5rem;
    }

    .event-app-manager div.tickets-cards-container {
        border-radius: 0;
    }

    .event-app-manager div.tickets-cards-container .ticket-card .ticket-extra-info {
        margin: 0;
        line-height: 1.3;
    }

    .event-app-manager .quantity-tool li {
        float: none;
        clear: both;
        padding: 0;
        border: 0;
    }

    .event-app-manager .quantity-tool li:not(.quantity-dropdown) {
        display: none;
    }

    .event-app-manager .quantity-tool .quantity-dropdown {
        min-width: 6rem;
        display: block;
    }

    .event-app-manager .quantity-tool .quantity-dropdown select{
        width: 100%;
    }

    .event-app-manager #event-tickets-container .ticket-quantity-box {
        margin-top: 0.5rem;
    }

    .event-app-manager #event-tickets-container .ticket-quantity-box .max-user-quantity {
        display: none;
    }

    .event-app-manager div.tickets-cards-container .ticket-card .quantity-extra-info {
        margin: 0;
    }

    .event-app-manager div.tickets-cards-container .cart-item .ticket-remove {
        display: block;
    }

    .event-app-manager div.card.form-card {
        border-radius: 0;
        padding-bottom: 0;
        margin-bottom: 0;
    }

   .event-app-manager #event-register-container {
       position: relative;
       padding-bottom: 6rem;
   }

   .event-app-manager #event-register-container > .column {
       padding: 0;
   }

    .event-app-manager #event-register-container #event-form-switch {
        padding: 2rem 1.5rem;
    }

    .event-app-manager form.custom_form {
        padding: 0;
    }

    .event-app-manager #event-register-container #event-form-wrapper {
        position: static;
        padding-bottom: 0;
    }

    .event-app-manager #event-register-container .custom_form_items > li {
        padding: 1rem 1.5rem;
    }

    .event-app-manager #event-register-container .profile-field-update .action-btn {
        display: table;
        margin-bottom: 1rem;
    }

    .event-app-manager #event-register-container .profile-field-update .action-btn:last-child {
        margin: 0;
    }

    .event-app-manager #event-register-container #event-register-action-block {
        position: absolute;
        bottom: 0;
        z-index: 1;
        left: 1.5rem;
    }

    .event-app-manager #event-register-container #event-register-action-block .action-btn {
        margin: 0;
    }

    .event-app-manager #event-register-container #event-register-action-block .action-btn:last-child {
        margin-left: 1.5rem;
    }

    .event-app-manager #event-confirmation-detail-wrapper {
        margin: 0;
    }

    .event-app-manager #event-confirmation-container > .column {
        padding: 0;
    }

    .event-app-manager #event-confirmation-container #add-calender-btn {
        position: relative;
        margin: 2rem auto;
    }

    .event-app-manager #event-confirmation-container div.tickets-cards-container.cart {
        margin: 4rem 0 2rem 0;
    }

    #event-confirmation-container #event-contact-card .card-text {
        padding: 2rem 1.5rem;
    }
}