:root {
	--em-dark: #222222;
	--em-soft-gray: #bcccdc;
	--em-geyser : #d3d9e4;
	--em-light-geyser: #eff2f7;
	--em-catskill: #f0f4f8;
	--em-curious: #2186EB0D;
	--em-bali: #8398b2;
	--em-soft-green: #e3f9e5;
	--em-soft-red: #f8d7da;
	--em-orange: #f36b25;
	--em-sidenav: #b1b1b1;
}

html, body {
	min-height: 100vh;
	font-size:14px;
}
body {
	overflow-y: scroll;
}



/**
 * Wrapper
 */
#wrapper {
	min-height: 100vh;
	width: 0;
}



/**
 * Header
 */
#header {
	box-shadow: 0px 3px 6px #2186EB29;
	z-index: 9;
}
#header .navbar-brand {
	width: 50px;
	max-width: 120px;
    height: 37px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center left;
    padding: 0;
	flex-grow: 1;
}
#header .navbar-nav .nav-item .nav-link {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	color: var(--em-dark);
}
#header .navbar-nav .nav-item .nav-link:hover {
	background: #E6F6FF;
	color: inherit;
}



/**
 * Nav
 */
.navbar-nav .dropdown-menu {
	font-size: 0.9rem;
	border-color: var(--em-soft-gray);
}
.navbar-nav .dropdown-menu .dropdown-item {
	padding: .25rem 1rem;
	color: #486581;
}
.navbar-nav .dropdown-menu .dropdown-item:active {
	color: #ffffff;
}
.dropdown-item.bi:before {
	margin-right: 0.5rem;
}
.navbar-nav-horizontal > .navbar-nav {
	flex-direction: row;
	justify-content: end;
	gap: 0.25rem;
}
.dropend > .dropdown-menu {
	left: 100%;
	top: 0;
}
.dropend > .dropdown-toggle::after {
    position: absolute;
    top: 0.7rem;
    right: 0.5rem;
}



/**
 * Profile Picture
 */
.profile-pic {
	margin: auto;
	margin-bottom: 1rem;
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center;
    border-radius: 50%;
	transition: all 0.2s ease-in-out;
}
.profile-pic-nav {
	width: 2rem;
	height: 2rem;
    position: absolute;
    top: 3px;
    left: 0.5rem;
	background-size: cover;
    background-position: center;
    border-radius: 50%;
	opacity: 0.7;
}



/**
 * Cart
 */
.cart-nav {
	position: relative;
	padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}
.cart-nav > .bi {
	font-size: 1.9rem;
    line-height: 1.2rem;
}
.cart-count-nav {
	position: absolute;
    top: 0px;
    right: 5px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    background: var(--bs-red);
    color: #ffffff;
    border-radius: 50%;
}



/**
 * Breadcrumbs
 */
.breadcrumb {
	font-size: 0.9rem;
}
.breadcrumb a {
	text-decoration: none;
}



/**
 * Sidenav
 */
#sidenav {
	position: sticky;
	top: 0;
	transition: all 0.2s ease-in-out;
	width: 260px;
	height: 100vh;
	font-size: 14px;
}
#sidenav .profile-pic {
	width: 110px;
	height: 110px;
}
#sidenav-top-title,
#sidenav-top-details {
	width: 260px;
}
#sidenav .nav a {
	transition: all 0.2s ease-in-out;
	opacity: 0.65;
	padding-left: 1.5em;
}
#sidenav .nav a.active {
	opacity: 1;
	background: #141414;
}
#sidenav .nav a.active:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	background: #ffffff;
	opacity: 0.65;
	z-index: 9;
}
#sidenav .nav a:hover {
	background: #141414;
}
#sidenav-toggle {
	display: block;
    text-align: right;
    margin-right: 0.7em;
    padding-top: .8125em;
	color: #ffffff;
}
#sidenav-toggle > .bi {
	display: inline-block;
	transition: all 0.2s ease-in-out;
	transition-delay: 0.3s;
}
#sidenav-container {
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: thin;
}
#sidenav-container ul a .bi {
	margin-right: 1em;
}

#sidenav._sidenav-close {
	width: 40px;
}
#sidenav._sidenav-close .profile-pic {
	width: 20px;
	height: 20px;
}
#sidenav._sidenav-close #sidenav-top-title,
#sidenav._sidenav-close #sidenav-top-details,
#sidenav._sidenav-close .sidenav-child,
#sidenav._sidenav-close .bi-chevron-down {
	display:none;
}
#sidenav._sidenav-close .nav a {
	padding-left: 0.9em;
}
#sidenav._sidenav-close #sidenav-toggle > .bi {
	transform: rotateZ(180deg);
}

.admin #sidenav-top .profile-pic {
	position: relative;
	background-color: #ffffff;
}
.admin #sidenav-top .profile-pic > a {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 0.25rem 0.5rem;
	text-decoration: none;
	text-align: center;
	background-color: var(--bs-light);
	color: var(--bs-dark);
	font-size: 0.875rem;
}

#sidenav._sidenav-close #sidenav-container.no-scroll {
	padding-right: 0;
}
#sidenav-container.no-scroll {
	padding-right: 8px;
	scrollbar-width: none;
}
#sidenav-container.no-scroll::-webkit-scrollbar,
#sidenav._sidenav-close #sidenav-container::-webkit-scrollbar {
	display: none;
}
#sidenav-container::-webkit-scrollbar {
	width: 8px;
}
#sidenav-container::-webkit-scrollbar-track {
	background: var(--em-dark);
}
#sidenav-container::-webkit-scrollbar-thumb {
	background: #888;
}
#sidenav-container::-webkit-scrollbar-thumb:hover {
	background: #555;
}

#sidenav._sidenav-close #event-searchnav,
#sidenav._sidenav-close #event-searchnav-results {
	display: none !important;
}
#event-searchnav-results {
	position: relative;
	margin-left: 10px;
}
#event-searchnav-results a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 0.75rem 1.5rem;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
#event-searchnav-results a:hover {
	background: rgba(0,0,0,0.3);
}
#event-searchnav-results a > span {
	display: block;
	font-size: 0.8rem;
}
#event-searchnav-results a > span > .bi {
	font-size: 0.5rem;
}
#event-searchnav-results > div:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 1rem;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 0.7rem solid var(--bs-dark);
}
#EventSearchnavInput:focus {
	outline: none;
	box-shadow: none;
	border-color: #ced4da;
}



/**
 * Element Initials
 */
[data-element="areas.results.initials"] {
	width: 35px;
	height: 35px;
	font-size: 1rem;
	cursor: default;
}

.profile-pic [data-element="areas.results.initials"] {
	transition: all 0.2s ease-in-out;
	margin: auto;
	width: 100%;
	height: 100%;
	font-size: 50px;
}
#sidenav._sidenav-close .profile-pic [data-element="areas.results.initials"] {
	width: 20px !important;
	height: 20px !important;
	font-size: 10px !important;
}

.nav-link [data-element="areas.results.initials"] {
	width: 2rem;
	height: 2rem;
    position: absolute;
    top: 3px;
    left: 0.5rem;
}



/**
 * Field Group Horizontal
 */
.field-horizontal {
	display: flex;
	flex-wrap: wrap;
	padding: 0.5rem 0;
}
.field-horizontal-label {
	width: 20%;
	min-width: 200px;
	margin-right: 1rem;
	text-transform: uppercase;
	color: var(--bs-gray);
	font-size: .875rem;
}
.field-horizontal-value {
	flex: 1;
	min-width: 200px;
	font-weight: 500;
}



/**
 * Field Group
 */
.field-group {
	margin-bottom: 1rem;
}
.field-group label {
	margin-bottom: 0.5rem;
}
.field-group .form-check-input + label {
	margin-bottom: 0;
}
td > .field-group:last-child {
	margin-bottom: 0;
}



/**
 * Select2
 */
.field-group .select2-container {
	margin-bottom: 0;
}
.select2-search__field {
	padding-left: 0.5rem !important;
	width: 100% !important;
}
.select2-search__field:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
	outline: none;
	border-color: var(--em-soft-gray) !important;
}
.select2-container--disabled .select2-selection--single,
.select2-container--disabled .select2-selection--multiple {
	background-color: #e9ecef !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.25rem;
}
.select2-selection__rendered li + li .select2-search__field {
	width: 0.75em !important;
}



/**
 * TinyMCE
 */
.mce-panel {
    border-color: var(--em-geyser) !important;
    background-color: white !important;
}
.mce-btn {
    background-color: white !important;
}
.mce-primary {
	background-color: var(--bs-primary) !important;
}
.mce-container-body.mce-window-body iframe {
	margin: 1rem 0;
	overflow-x: hidden;
}



/**
 * Date Picker
 */
.ui-datepicker.ui-widget {
	font-size: 1rem;
    border-radius: 0;
    border-color: var(--em-geyser);
    padding: 0;
	box-shadow: 0 0 12px var(--em-curious);
}
.ui-timepicker-div .ui-widget-header {
	background: var(--em-light-geyser);
	border: none;
	border-radius: 0;
}
.ui-timepicker-div dl {
	padding: 0.5rem;
}


/**
 * Price Group
 */
.price-group {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 0.25rem;
	border-bottom: 1px dotted var(--em-curious);
}
.price-group:hover {
	background-color: var(--em-curious);
}
.price-label {
	margin-right: 1rem;
}
.price-value {
	text-align: right;
}
.price-value[data-bs-toggle="tooltip"] {
	border-bottom: 1px dotted var(--em-dark);
}



/**
 * Card
 */
.card {
	border: none;
	box-shadow: 0px 3px 6px var(--em-curious);
	border-radius: 10px;
	margin-bottom: 1rem;
}
.card .card-header {
	font-size: 1.1rem;
	background-color: #ffffff;
	padding: 1rem;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.card .card-header-row {
	align-items: stretch;
}
.card .card-header-mini {
	font-size: 1.1rem;
	padding: 0 0.5rem;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.card .card-subheader {
	font-size: 1rem;
	padding: 0.5rem 1rem;
	margin: 0 -1rem 1rem;
	background-color: var(--em-catskill);
	text-transform: uppercase;
	color: var(--bs-gray);
}
.card .card-subheader > .field-group {
	margin-bottom: 0;
}
.card .card-header-row .card-header {
	border-bottom: none;
}
.card .card-header-row .card-actions {
	padding-right: 1rem;
	align-items: center;
    height: 100%;
}
.card .card-header-row .card-actions,
.card .card-body .card-actions {
	border-top: none;
	padding-top: 0;
}
.card .card-header-row + .card-body {
	border-top: 1px solid var(--em-geyser);
}
.card .card-actions {
	border-top: 1px solid var(--em-curious);
	padding-top: 1rem;
}
.card .card-actions,
.card .card-actions .submit {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.5rem;
}
.card .card-actions a,
.card .card-actions input,
.card .card-actions button {
	white-space: nowrap;
}

.all-card-md > .card .card-header,
.all-card-md > .card .card-body,
.card-md .card-header,
.card-md .card-body {
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

.all-card-sm > .card .card-header,
.all-card-sm > .card .card-body,
.card-sm .card-header,
.card-sm .card-body {
	width: 100%;
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.card .card-icon {
	position: absolute;
	top: 0;
	right: 0;
	margin-top: 0.5rem;
	margin-right: 1rem;
	font-size: 1.5rem;
	color: var(--bs-gray);
}

.card-section-label {
	font-size: 1.1rem;
	background: var(--em-light-geyser);
	padding: 1rem;
	margin-bottom: 0;
}



/**
 * Buttons
 */
.btn-soft{
	background: #E6F6FF;
	color: #0552B5 !important;
	font-size: 0.9rem;
	text-transform: none;
	white-space: nowrap;
}
.btn-white {
	background: #ffffff;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	font-size: 0.9rem;
	color: var(--bs-gray);
}
.btn-orange {
	background: var(--em-orange);
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
	font-size: 0.9rem;
	color: #ffffff;
}
.btn.bi:before {
	margin-right: 0.5rem;
}
.btn-disabled {
	opacity: 0.65;
	cursor: default;
}
.btn-all-sm .btn {
	padding: 0.25rem 0.5rem;
    font-size: .875rem;
    border-radius: 0.2rem;
}



/**
 * Table
 */
.table thead th {
	font-weight: 500;
	white-space: nowrap;
}
.table thead tr {
	background-color: var(--em-catskill);
}
.table-row-alt tbody tr:nth-child(even) {
	background-color: var(--em-catskill);
}
.table-actions a {
	margin-right: 1rem;
}
.table-actions a:last-child {
	margin-right: 0;
}
.table tbody {
	color: var(--bs-gray);
}



/**
 * Tabs
 */
.nav-tabs .nav-link {
	color: inherit;
}
.nav-tabs .nav-link.active {
	color: #2186eb;
	border-bottom: 3px solid #2186eb;
}



/**
 * Footer
 */
#footer {
	font-size: 0.8rem;
	box-shadow: 0px -2px 6px #2186EB29;
	z-index: 9;
}
#footer a {
	color: inherit;
}



/**
 * Password Reveal
 */
.has-reveal { position:relative; }
.has-reveal__eye {
    cursor: default;
    position: absolute;
    top: 0;
    right: 7px;
    height: 100%;
	max-height: 2.4rem;
    opacity: 0.5;
    transition: opacity 0.15s ease-in-out;
}
.has-reveal__eye:hover {
	opacity: 1;
}
.has-reveal__eye:before {
	content: "\f341";
	font-family: bootstrap-icons !important;
	height: 100%;
	display: flex;
	align-items: center;
}
.has-reveal__eye.-is-slashed:before {
	content: "\f340";
}
input::-ms-clear, input::-ms-reveal { display:none; }



/**
 * Form Field
 */
.required > label:after {
	content: '*';
	color: var(--bs-red);
	margin-left: 0.25rem;
}
.input.error {
	color: #721c24;
}
.error-message,
small.error {
	display: block;
    color: var(--bs-red);
	background-color: var(--em-soft-red);
	padding: 0.25rem 0.5rem;
	font-size: 0.9rem;
	border-radius: .25rem;
}
.error-message ul {
	margin-bottom: 0;
}
.field_instructions {
	margin-bottom: 0.5rem;
}
input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 24px;
	width: 24px;
	border-radius: 50%;
	cursor: pointer;
	background: var(--bs-primary);
	margin-top: -10px;
}
input[type=range]::-moz-range-thumb {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	cursor: pointer;
	background: var(--bs-primary);
}
input[type=range]::-ms-thumb {
	height: 24px;
	width: 24px;
	border-radius: 50%;
	cursor: pointer;
	background: var(--bs-primary);
}



/**
 * Category Selection List
 */
.category-selection-group:last-child > .category-selection-item:last-child {
	border: none;
}
.category-selection-item {
	position: relative;
	padding: 1rem 0;
	border-bottom: 3px solid var(--em-catskill);
}
.category-selection-item > .bi {
	position: absolute;
	left: 0;
	font-weight: bold;
}
.strike-category {
	position: relative;
	color: var(--bs-gray);
}
.strike-category:before {
	content: '';
	display: block;
	position:absolute;
	top: 0.75rem;
	width: 100%;
	height: 2px;
	padding: 0 0.5rem;
	background: var(--bs-danger);
}
div[data-item="ticket"] .strike-category:before {
	top: 1rem;
}



/**
 * Registrant Selection List
 */
.btn-registrant-type {
	position: relative;
	padding: 1.5rem;
	width: 100%;
	font-size: 1.25rem;
	color: var(--bs-gray);
	border: 1px solid var(--bs-light);
	box-shadow: 0 0.125rem 0.25rem rgb(0,0,0,0.08);
}
.btn-registrant-type > .bi {
	position: absolute;
	left: 1rem;
	top: 0;
	height: 100%;
	line-height: 4.5rem;
	font-size: 2.5rem;
}
.btn-registrant-type:focus {
	box-shadow: none;
}
.btn-registrant-type-selected,
.btn-registrant-type:hover {
	color: var(--bs-green);
	border-color: var(--bs-green);
}



/**
 * Accordion
 */
.accordion .accordion-item {
	border: none;
}
.accordion .accordion-button:hover {
	background-color: var(--em-catskill) !important;
}
.accordion .accordion-button:focus {
	border-color: transparent;
	box-shadow: none;
}
.accordion-button:not(.collapsed) {
	box-shadow: none;
}
.accordion .accordion-body {
	border: 1px solid var(--bs-light);
}



/**
 * Carousel
 */
.carousel {
	margin-bottom: 1rem !important;
	background: #ffffff;
}
.carousel-indicators {
	margin-bottom: -1.5rem;
}
.carousel-indicators [data-bs-target] {
	background-color: var(--bs-gray);
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
	background-color: rgba(0,0,0,0.3);
}



/**
 * Notification
 */
.alert {
	font-size: 0.9rem;
}
.alert ul {
	margin-bottom: 0;
}
.alert-notice {
    background-color: var(--em-soft-red);
    border-color: #f5c2c7;
}
section[data-content="main"] .alert {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
section[data-content="main"] .alert-dismissible .btn-close {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}



/**
 * Pagination
 */
.pagination .page-link {
	border: none;
	margin-left: 0.1rem;
	margin-right: 0.1rem;
	font-size: 0.9rem;
	line-height: 1.5rem;
	border-radius: 7px;
}
.pagination .page-link.current {
	color: #ffffff;
	background-color: #243b53;
}
.pagination .page-link a {
	color: #243b53;
	text-decoration: none;
}
.pagination .page-link a:hover {
	text-decoration: none;
}
.pagination_count {
	font-size: 0.86rem;
}
.pagination_count span {
	font-weight: bold;
	color: #243b53;
}



/**
 * Tooltip
 */
.tooltip {
	z-index: 9080;
}
.tooltip-inner {
	text-align: left;
}



/**
 * Character Check
 */
.character-check {
	font-size: 0.8rem;
	text-align: right;
	opacity: 0.7;
	pointer-events: none;
}
.character-check-warn input[type="text"] {
	border: 1px solid red;
}
.character-check-warn .character-check {
	color: red;
}
.error .character-check {
	display: none !important;
}



/**
 * Date Split Tooltip
 */
.date-split-flds input {
	width:45px!important;
	display:inline-block;
	text-align:center;
}
.date-split-flds span:last-child input {
	width:70px!important;
}
.date-split-flds--tooltip-container {
    position:relative;
	display: inline-block;
}
.date-split-flds--tooltip-message {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size:0.9em;
    background: var(--bs-primary);
    box-shadow: 0 3px 5px rgba(0,0,0,0.1);
    padding: 0 2px;
    z-index: 9;
	pointer-events:none;
}



/**
 * Multi Step
 */
.multi-step-item {
	position: relative;
	color: var(--em-soft-gray);
	text-align: center;
	font-weight: bold;
}
.multi-step-item:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 1.5rem;
	width: 100%;
	height: 3px;
	background-color: var(--em-soft-gray);
	z-index: 0;
}
.multi-step-item .bi {
	position: relative;
	display: inline-block;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	border-radius: 50%;
	background-color: var(--em-soft-gray);
	color: #ffffff;
	z-index: 7;
}
.multi-step-item a {
	text-decoration: none;
}
.multi-step-item a div {
	padding: 0.5rem; 
}

.multi-step-item-complete {
	color: var(--bs-primary);
	opacity: 0.7;
}
.multi-step-item-complete:before,
.multi-step-item-complete .bi {
	background-color: var(--bs-primary);
}
.multi-step-item-current {
	color: var(--bs-primary);
}
.multi-step-item-current:before,
.multi-step-item-current .bi {
	background-color: var(--bs-primary);
}
.multi-step-item-current:before {
    content: '';
    height: 7px;
    top: calc(1.5rem - 2px);
    border-radius: 20px;
}



/**
 * Wizard
 */
.wizard-step-label {
	background: var(--bs-primary);
    color: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1rem;
}
.wizard-step-label + span {
	margin-left: 5.7rem;
}



/**
 * Misc
 */
.fw-bold {
	font-weight: 500 !important;
}
.text-em-orange {
	color: var(--em-orange) !important;
}
.bg-em-orange {
	background-color: var(--em-orange) !important;
}
select option:disabled {
	color: #ccc;
}

.cursor-default {
	cursor: default !important;
}

.mw-label {
	max-width: 300px;
}

.bg-dark-transparent {
	background:#0000001f;
}

.form-check-input-lg {
	width: 1.5rem;
	height: 1.5rem;
}

.no-after:after {
	content: none !important;
}
.no-before:before {
	content: none !important;
}

.list-block > div,
.list-block > section {
	margin-bottom: 1rem;
}
.list-block > div:last-child,
.list-block > section:last-child {
	margin-bottom: 0;
}

.list-block-lg > div,
.list-block-lg > section {
	margin-bottom: 3rem;
}
.list-block-lg > div:last-child,
.list-block-lg > section:last-child {
	margin-bottom: 0;
}

.list-block-sm > div,
.list-block-sm > section {
	margin-bottom: 0.5rem;
}
.list-block-sm > div:last-child,
.list-block-sm > section:last-child {
	margin-bottom: 0;
}

.fb_iframe_widget span {
	vertical-align:inherit !important;
}

.row-alt > *:nth-child(odd) {
	background-color: var(--em-catskill);
}
.row-alt > * {
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}

.row-border-bottom > * {
	border-bottom: 1px solid var(--em-catskill);
}
.row-border-bottom > *:last-child {
	border-bottom: 1px solid transparent;
}

.info-block {
	background: var(--em-light-geyser);
	margin-bottom: 1.75rem;
	padding: 1rem;
}

.hide-empty:empty {
	display: none;
}

.fade-bottom {
	position: relative;
}
.fade-bottom:after {
	position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, #fff 0, rgba(255, 255, 255, 0) 50%);
    pointer-events: none;
}

.d-flex-between-center {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.checkered {
	background-image:
		linear-gradient(45deg, #ccc 25%, transparent 25%),
		linear-gradient(135deg, #ccc 25%, transparent 25%),
		linear-gradient(45deg, transparent 75%, #ccc 75%),
		linear-gradient(135deg, transparent 75%, #ccc 75%);
	background-size: 30px 30px;
	background-position: 0 0, 15px 0, 15px -15px, 0 -15px;
}

.transform-origin-left-center {
	transform-origin: left center !important;
}

[data-showhide] {
	cursor: pointer;
}

[data-template] {
	display: none;
}



/**
 * Editors
 */
.editable-section {
	cursor: pointer;
	box-shadow: 0 0 1px 1px var(--bs-cyan);
}
.editable-section:hover {
	background: rgba(13,202,240,0.3);
}
.editable-section-alt {
	cursor: pointer;
	box-shadow: 0 0 1px 1px var(--bs-yellow);
}
.editable-section-alt:hover {
	background: rgba(255,193,7,0.3);
}
.grid {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #999 1px, transparent 1px), linear-gradient(0deg, #999 1px, transparent 1px);
	pointer-events: none;
}



/**
 * Tenant Dashboard
 * Question Instructions
 */
#filter_event_series_group label,
#question-list .question-instructions {
	max-width: 210px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    width: 100%;
	padding-right: 5px;
}



/**
 * Themes
 */
.bg-dark {
	background-color:var(--em-dark) !important;
}



/**
 * CRUD View
 */
[data-fields] [data-element^="fields.view."] {
	display: flex;
	flex-wrap: wrap;
	padding: 0.5rem;
}
[data-fields] [data-element^="fields.view."] label {
	width: 20%;
	min-width: 200px;
	margin-right: 1rem;
	color: var(--bs-gray);
}
[data-fields] [data-element^="fields.view."] p,
[data-fields] [data-element^="fields.view."] iframe {
	flex: 1;
	margin-bottom: 0;
}




/**
 * Element Events Bounding Boxes Attributes
 */
[data-element^="events.bounding_boxes."] [data-element^="fields.view."] label:empty,
[data-element^="memberships.bounding_boxes."] [data-element^="fields.view."] label:empty {
	display: none;
}
[data-element^="events.bounding_boxes."] [data-element^="fields.view."] p,
[data-element^="events.bounding_boxes."] [data-element^="fields.view."] label + div,
[data-element^="memberships.bounding_boxes."] [data-element^="fields.view."] p,
[data-element^="memberships.bounding_boxes."] [data-element^="fields.view."] label + div {
	padding: 0;
	margin: 0;
}



/**
 * Element Field View
 */
[data-element^="fields.view."] label {
	font-weight: bold;
}
[data-element^="fields.view."] p,
[data-element^="fields.view."] label + div {
	padding-left: 1rem;
}



/**
 * Element Questions
 */
[data-element="registration.questions"] .input > label {
	font-weight: bold;
}
[data-element="registration.questions"] .questionlineitem .field-group:last-child {
	margin-bottom: 0;
}



/**
 * Element Widgets Questions
 */
[data-element="widgets.questions"][data-fieldstate="view"] [data-element^="fields.view."] {
	display: flex;
	justify-content: space-between;
}
[data-element="widgets.questions"][data-fieldstate="view"] [data-element^="fields.view."] label {
	max-width: 50%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
[data-element="widgets.questions"][data-fieldstate="view"] [data-element^="fields.view."] p {
	text-align: right;
}



/**
 * Element Widgets Recent Donation
 */
[data-element="widget.recent_donations"] .pagination {
	justify-content: center !important;
    margin-top: 0 !important;
    padding: 0.25rem;
    border: 1px solid #dee2e6!important;
    border-top: none !important;
}
[data-element="widget.recent_donations"] .pagination .page-link.current {
	background: var(--em-catskill);
	color: var(--em-geyser);
	font-weight: bold;
}



/**
 * Brands
 */
.add_apple_wallet {
	background: url(../img/Buttons/Add_to_Apple_Wallet_rgb_US-UK.svg);
	display: block;
	width: 114px;
	height: 38px;
	background-size: 100%;
	text-indent: -9999px;
	font-size: 0px;
}



/**
 * Badge
 */
.badge-open,
.badge-complete {
	font-weight: normal;
	color: var(--bs-green);
	background-color: var(--em-soft-green);
}
.badge-closed {
	font-weight: normal;
	color: var(--bs-red);
	background-color: var(--em-soft-red);
}
.badge-private {
	font-weight: normal;
	color: var(--bs-yellow);
	background-color: #ffedb7;
}
.badge-sold-out {
	font-weight: normal;
	color: var(--bs-cyan);
	background-color: #d0eff7;
}
.badge-canceled {
	font-weight: normal;
	color: var(--bs-red);
	background-color: var(--em-soft-red);
}
.badge-disabled {
	font-weight: normal;
	color: var(--bs-gray);
	background-color: #cfd4d9;
}
.badge-bundle-only {
	font-weight: normal;
	color: var(--bs-purple);
	background-color: #e5ddf4;
}



/**
 * Sortables
 */
.sortable {
	cursor: default;
}
.sortable > div {
	padding: 0.5rem;
	border-bottom: 1px solid var(--em-geyser);
}
.sortable > div:last-child {
	padding-bottom: 0;
	border-bottom: none;
}
.sortable .sortable {
	margin-left: 2rem;
}
.sortable:empty {
	padding:0;
	border:none;
}
.handle {
	cursor: grab;
}



/**
 * Modal
 */
.modal-header {
	cursor: default;
}
.modal-body {
	scrollbar-width: thin;
}
.modal-borderless .modal-body {
	padding: 0;
}
.modal-borderless .modal-footer:empty {
	display: none;
}
.modal .card {
	box-shadow: none;
	margin-bottom: 0;
	padding: 0.5rem;
}
.modal .card-header {
	padding-left: 0;
	padding-right: 0;
}
.modal .card-body {
	padding: 0;
}

.modal .modal-body .card-actions {
	position: sticky;
    bottom: -1rem;
    z-index: 99;
    background: white;
    margin: 0 -1.5rem -1.5rem;
    padding: 1rem 1.5rem;
	box-shadow: 0 10px 10px 5px white;
}
.modal-body::-webkit-scrollbar {
	width: 10px;
}
.modal-body::-webkit-scrollbar-track {
	background: var(--em-catskill);
}
.modal-body::-webkit-scrollbar-thumb {
	background: var(--bs-secondary);
	border: 2px solid var(--em-catskill);
	border-radius: 5px;
}
.modal-body::-webkit-scrollbar-thumb:hover {
	background: #555;
}



/**
 * CC Icon
 */
.cc-icon {
	display: inline-block;
	background: url(/img/accepted_cards_all.png) no-repeat;
	height: 1.75rem;
	width: calc(1.75rem * 1.58);
	background-size: 200%;
	border: 1px solid var(--em-light-geyser);
	border-radius: 7px;
	vertical-align: bottom;
	background-position: 200% 200%;
}
.cc-visa {
	background-position: 0% 0%;
}
.cc-mastercard {
	background-position: 100% 0%;
}
.cc-amex {
	background-position: 0% 100%;
}
.cc-discover {
	background-position: 100% 100%;
}



/**
 * Dropzone
 */
.dropzone {
	background: var(--em-light-geyser) !important;
	border: 2px dashed var(--em-geyser) !important;
}
.dropzone .dz-preview .dz-image {
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.dropzone .dz-preview .dz-image img {
	width: 100%;
}
.dropzone .dz-preview .dz-remove {
	color: var(--bs-danger);
	text-decoration: none;
}
.dz-message {
	color: var(--em-bali);
}

.dropzone .dz-medialib {
	border-radius: 5px;
	background: #ffffff;
}
.dropzone .dz-medialib .dz-image {
	font-size: 3rem;
	text-align: center;
	color: var(--em-geyser);
	transition: all 0.1s ease-in-out;
}
.dropzone .dz-medialib:hover {
	background: var(--em-soft-gray);
}
.dropzone .dz-medialib-link {
	display: block;
	text-align: center;
	text-decoration: none;
	color: var(--em-bali);
}
.dropzone .dz-medialib * {
	cursor: pointer !important;
}



/**
 * CRUD Edit - Additional Fields
 */
[data-id="additional-fields"] .import-field-box {
	background: white;
    margin-bottom: 1rem;
    padding: 1rem;
    color: var(--bs-gray);
}
[data-id="additional-fields"] .import-field-box:last-child {
	margin-bottom: 0;
}
[data-id="additional-fields"] h3 {
	font-size: 1.1rem;
}



/**
 * Media Library
 */
#medial_library_frame {
	transition: height 0.2s ease;
}
#media_library_gallery {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	gap: 1.5rem;
}
.media-library-item {
	flex: 1;
	flex-basis: 200px;
	max-width: 260px;
	border: 1px solid var(--em-geyser);
	box-shadow: 0 0 7px var(--em-light-geyser);
}
.media-library-image-view {
	height: 150px;
	background-color: var(--bs-light);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}
.media-library-image-view:hover .media-library-image-cover,
.media-library-image-selected .media-library-image-cover {
	display: flex;
}
.media-library-image-cover {
	display: none;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
}
.media-library-image-cover .bi {
	font-size: 2.5rem;
	color: white;
}
.media-library-details {
	padding: 0.5rem;
}
.media-library-detail-filename {
	font-size: 0.875rem;
	font-weight: 500;
	color: var(--bs-gray);
	width: 180px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}



/**
 * Autocomplete
 */
.ui-widget.ui-autocomplete {
	position: static;
	width: 100%;
	font-size: 0.875rem;
	border-color: var(--em-geyser);
}
.ui-widget.ui-autocomplete li {
	padding: 0.1rem 0.25rem;
}
.ui-widget.ui-autocomplete .ui-state-active {
	border: none;
	background: var(--em-soft-gray);
}



/**
 * Special Font
 */
@font-face {
	font-family: berkshireswash;
	src: url(/fonts/berkshire/BerkshireSwash-Regular.ttf);
}
@font-face {
	font-family: roboto;
	src: url(/fonts/roboto/Roboto-Regular.ttf);
}
@font-face {
	font-family: ralewayb;
	src: url(/fonts/raleway/Raleway-Bold.ttf);
}
@font-face {
	font-family: sports_world;
	src: url(/fonts/Sports_World/Sports_World.ttf);
}
@font-face {
	font-family: unifysans_rg;
	src: url(/fonts/UnifySans/UnifySans_Rg.ttf);
}
@font-face {
	font-family: unifysans_sbd;
	src: url(/fonts/UnifySans/UnifySans_SBd.ttf);
}
@font-face {
	font-family: unifysans_it;
	src: url(/fonts/UnifySans/UnifySans_It.ttf);
}
@font-face {
   font-family: entypo;
   src: url(/fonts/entypo/entypo.ttf);
}



/**
 * Responsive
 */
@media only screen and (max-width: 1179px) {
	#sidenav {
		position: fixed;
		z-index: 999;;
	}
	._sidenav-float + #wrapper {
		min-width: calc(100% - 40px);
		padding-left: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.table-responsive-vertical {
		border: 1px solid var(--em-catskill);
	}
	.table-responsive-vertical tr,
	.table-responsive-vertical td {
		display: block;
		text-align: left !important;
	}
	.table-responsive-vertical td:before {
		content: attr(data-th);
		display: inline-block;
		width: 40%;
		padding-right: 1rem;
		font-weight: bold;
	}
	.table-responsive-vertical thead { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
}

@media only screen and (max-width: 575px) {
	.card .card-actions a,
	.card .card-actions input,
	.card .card-actions button {
		flex: 1;
	}
	
	.table-responsive-vertical td:before {
		display: block;
		width: 100%;
	}
}

.corral-checkin-count{
	width: 16ch;
}